@font-face {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/fontawesome-webfont/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome-webfont/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont/fontawesome-webfont.ttf") format("truetype");
}

.fa {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-size-adjust: none;
    font-language-override: normal;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.fa-spin {
    animation: 2s linear 0s infinite normal none running fa-spin;
}

.fa-pulse {
    animation: 1s steps(8) 0s infinite normal none running fa-spin;
}

@-webkit-keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    transform: rotate(90deg);
}

.fa-rotate-180 {
    transform: rotate(180deg);
}

.fa-rotate-270 {
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    transform: scaleX(-1);
}

.fa-flip-vertical {
    transform: scaleY(-1);
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    filter: none;
}

.fa-glass::before {
    content: "";
}

.fa-music::before {
    content: "";
}

.fa-search::before {
    content: "";
}

.fa-envelope-o::before {
    content: "";
}

.fa-heart::before {
    content: "";
}

.fa-star::before {
    content: "";
}

.fa-star-o::before {
    content: "";
}

.fa-user::before {
    content: "";
}

.fa-film::before {
    content: "";
}

.fa-th-large::before {
    content: "";
}

.fa-th::before {
    content: "";
}

.fa-th-list::before {
    content: "";
}

.fa-check::before {
    content: "";
}

.fa-close::before,
.fa-remove::before,
.fa-times::before {
    content: "";
}

.fa-search-plus::before {
    content: "";
}

.fa-search-minus::before {
    content: "";
}

.fa-power-off::before {
    content: "";
}

.fa-signal::before {
    content: "";
}

.fa-cog::before,
.fa-gear::before {
    content: "";
}

.fa-trash-o::before {
    content: "";
}

.fa-home::before {
    content: "";
}

.fa-file-o::before {
    content: "";
}

.fa-clock-o::before {
    content: "";
}

.fa-road::before {
    content: "";
}

.fa-download::before {
    content: "";
}

.fa-arrow-circle-o-down::before {
    content: "";
}

.fa-arrow-circle-o-up::before {
    content: "";
}

.fa-inbox::before {
    content: "";
}

.fa-play-circle-o::before {
    content: "";
}

.fa-repeat::before,
.fa-rotate-right::before {
    content: "";
}

.fa-refresh::before {
    content: "";
}

.fa-list-alt::before {
    content: "";
}

.fa-lock::before {
    content: "";
}

.fa-flag::before {
    content: "";
}

.fa-headphones::before {
    content: "";
}

.fa-volume-off::before {
    content: "";
}

.fa-volume-down::before {
    content: "";
}

.fa-volume-up::before {
    content: "";
}

.fa-qrcode::before {
    content: "";
}

.fa-barcode::before {
    content: "";
}

.fa-tag::before {
    content: "";
}

.fa-tags::before {
    content: "";
}

.fa-book::before {
    content: "";
}

.fa-bookmark::before {
    content: "";
}

.fa-print::before {
    content: "";
}

.fa-camera::before {
    content: "";
}

.fa-font::before {
    content: "";
}

.fa-bold::before {
    content: "";
}

.fa-italic::before {
    content: "";
}

.fa-text-height::before {
    content: "";
}

.fa-text-width::before {
    content: "";
}

.fa-align-left::before {
    content: "";
}

.fa-align-center::before {
    content: "";
}

.fa-align-right::before {
    content: "";
}

.fa-align-justify::before {
    content: "";
}

.fa-list::before {
    content: "";
}

.fa-dedent::before,
.fa-outdent::before {
    content: "";
}

.fa-indent::before {
    content: "";
}

.fa-video-camera::before {
    content: "";
}

.fa-image::before,
.fa-photo::before,
.fa-picture-o::before {
    content: "";
}

.fa-pencil::before {
    content: "";
}

.fa-map-marker::before {
    content: "";
}

.fa-adjust::before {
    content: "";
}

.fa-tint::before {
    content: "";
}

.fa-edit::before,
.fa-pencil-square-o::before {
    content: "";
}

.fa-share-square-o::before {
    content: "";
}

.fa-check-square-o::before {
    content: "";
}

.fa-arrows::before {
    content: "";
}

.fa-step-backward::before {
    content: "";
}

.fa-fast-backward::before {
    content: "";
}

.fa-backward::before {
    content: "";
}

.fa-play::before {
    content: "";
}

.fa-pause::before {
    content: "";
}

.fa-stop::before {
    content: "";
}

.fa-forward::before {
    content: "";
}

.fa-fast-forward::before {
    content: "";
}

.fa-step-forward::before {
    content: "";
}

.fa-eject::before {
    content: "";
}

.fa-chevron-left::before {
    content: "";
}

.fa-chevron-right::before {
    content: "";
}

.fa-plus-circle::before {
    content: "";
}

.fa-minus-circle::before {
    content: "";
}

.fa-times-circle::before {
    content: "";
}

.fa-check-circle::before {
    content: "";
}

.fa-question-circle::before {
    content: "";
}

.fa-info-circle::before {
    content: "";
}

.fa-crosshairs::before {
    content: "";
}

.fa-times-circle-o::before {
    content: "";
}

.fa-check-circle-o::before {
    content: "";
}

.fa-ban::before {
    content: "";
}

.fa-arrow-left::before {
    content: "";
}

.fa-arrow-right::before {
    content: "";
}

.fa-arrow-up::before {
    content: "";
}

.fa-arrow-down::before {
    content: "";
}

.fa-mail-forward::before,
.fa-share::before {
    content: "";
}

.fa-expand::before {
    content: "";
}

.fa-compress::before {
    content: "";
}

.fa-plus::before {
    content: "";
}

.fa-minus::before {
    content: "";
}

.fa-asterisk::before {
    content: "";
}

.fa-exclamation-circle::before {
    content: "";
}

.fa-gift::before {
    content: "";
}

.fa-leaf::before {
    content: "";
}

.fa-fire::before {
    content: "";
}

.fa-eye::before {
    content: "";
}

.fa-eye-slash::before {
    content: "";
}

.fa-exclamation-triangle::before,
.fa-warning::before {
    content: "";
}

.fa-plane::before {
    content: "";
}

.fa-calendar::before {
    content: "";
}

.fa-random::before {
    content: "";
}

.fa-comment::before {
    content: "";
}

.fa-magnet::before {
    content: "";
}

.fa-chevron-up::before {
    content: "";
}

.fa-chevron-down::before {
    content: "";
}

.fa-retweet::before {
    content: "";
}

.fa-shopping-cart::before {
    content: "";
}

.fa-folder::before {
    content: "";
}

.fa-folder-open::before {
    content: "";
}

.fa-arrows-v::before {
    content: "";
}

.fa-arrows-h::before {
    content: "";
}

.fa-bar-chart-o::before,
.fa-bar-chart::before {
    content: "";
}

.fa-twitter-square::before {
    content: "";
}

.fa-facebook-square::before {
    content: "";
}

.fa-camera-retro::before {
    content: "";
}

.fa-key::before {
    content: "";
}

.fa-cogs::before,
.fa-gears::before {
    content: "";
}

.fa-comments::before {
    content: "";
}

.fa-thumbs-o-up::before {
    content: "";
}

.fa-thumbs-o-down::before {
    content: "";
}

.fa-star-half::before {
    content: "";
}

.fa-heart-o::before {
    content: "";
}

.fa-sign-out::before {
    content: "";
}

.fa-linkedin-square::before {
    content: "";
}

.fa-thumb-tack::before {
    content: "";
}

.fa-external-link::before {
    content: "";
}

.fa-sign-in::before {
    content: "";
}

.fa-trophy::before {
    content: "";
}

.fa-github-square::before {
    content: "";
}

.fa-upload::before {
    content: "";
}

.fa-lemon-o::before {
    content: "";
}

.fa-phone::before {
    content: "";
}

.fa-square-o::before {
    content: "";
}

.fa-bookmark-o::before {
    content: "";
}

.fa-phone-square::before {
    content: "";
}

.fa-twitter::before {
    content: "";
}

.fa-facebook-f::before,
.fa-facebook::before {
    content: "";
}

.fa-github::before {
    content: "";
}

.fa-unlock::before {
    content: "";
}

.fa-credit-card::before {
    content: "";
}

.fa-feed::before,
.fa-rss::before {
    content: "";
}

.fa-hdd-o::before {
    content: "";
}

.fa-bullhorn::before {
    content: "";
}

.fa-bell::before {
    content: "";
}

.fa-certificate::before {
    content: "";
}

.fa-hand-o-right::before {
    content: "";
}

.fa-hand-o-left::before {
    content: "";
}

.fa-hand-o-up::before {
    content: "";
}

.fa-hand-o-down::before {
    content: "";
}

.fa-arrow-circle-left::before {
    content: "";
}

.fa-arrow-circle-right::before {
    content: "";
}

.fa-arrow-circle-up::before {
    content: "";
}

.fa-arrow-circle-down::before {
    content: "";
}

.fa-globe::before {
    content: "";
}

.fa-wrench::before {
    content: "";
}

.fa-tasks::before {
    content: "";
}

.fa-filter::before {
    content: "";
}

.fa-briefcase::before {
    content: "";
}

.fa-arrows-alt::before {
    content: "";
}

.fa-group::before,
.fa-users::before {
    content: "";
}

.fa-chain::before,
.fa-link::before {
    content: "";
}

.fa-cloud::before {
    content: "";
}

.fa-flask::before {
    content: "";
}

.fa-cut::before,
.fa-scissors::before {
    content: "";
}

.fa-copy::before,
.fa-files-o::before {
    content: "";
}

.fa-paperclip::before {
    content: "";
}

.fa-floppy-o::before,
.fa-save::before {
    content: "";
}

.fa-square::before {
    content: "";
}

.fa-bars::before,
.fa-navicon::before,
.fa-reorder::before {
    content: "";
}

.fa-list-ul::before {
    content: "";
}

.fa-list-ol::before {
    content: "";
}

.fa-strikethrough::before {
    content: "";
}

.fa-underline::before {
    content: "";
}

.fa-table::before {
    content: "";
}

.fa-magic::before {
    content: "";
}

.fa-truck::before {
    content: "";
}

.fa-pinterest::before {
    content: "";
}

.fa-pinterest-square::before {
    content: "";
}

.fa-google-plus-square::before {
    content: "";
}

.fa-google-plus::before {
    content: "";
}

.fa-money::before {
    content: "";
}

.fa-caret-down::before {
    content: "";
}

.fa-caret-up::before {
    content: "";
}

.fa-caret-left::before {
    content: "";
}

.fa-caret-right::before {
    content: "";
}

.fa-columns::before {
    content: "";
}

.fa-sort::before,
.fa-unsorted::before {
    content: "";
}

.fa-sort-desc::before,
.fa-sort-down::before {
    content: "";
}

.fa-sort-asc::before,
.fa-sort-up::before {
    content: "";
}

.fa-envelope::before {
    content: "";
}

.fa-linkedin::before {
    content: "";
}

.fa-rotate-left::before,
.fa-undo::before {
    content: "";
}

.fa-gavel::before,
.fa-legal::before {
    content: "";
}

.fa-dashboard::before,
.fa-tachometer::before {
    content: "";
}

.fa-comment-o::before {
    content: "";
}

.fa-comments-o::before {
    content: "";
}

.fa-bolt::before,
.fa-flash::before {
    content: "";
}

.fa-sitemap::before {
    content: "";
}

.fa-umbrella::before {
    content: "";
}

.fa-clipboard::before,
.fa-paste::before {
    content: "";
}

.fa-lightbulb-o::before {
    content: "";
}

.fa-exchange::before {
    content: "";
}

.fa-cloud-download::before {
    content: "";
}

.fa-cloud-upload::before {
    content: "";
}

.fa-user-md::before {
    content: "";
}

.fa-stethoscope::before {
    content: "";
}

.fa-suitcase::before {
    content: "";
}

.fa-bell-o::before {
    content: "";
}

.fa-coffee::before {
    content: "";
}

.fa-cutlery::before {
    content: "";
}

.fa-file-text-o::before {
    content: "";
}

.fa-building-o::before {
    content: "";
}

.fa-hospital-o::before {
    content: "";
}

.fa-ambulance::before {
    content: "";
}

.fa-medkit::before {
    content: "";
}

.fa-fighter-jet::before {
    content: "";
}

.fa-beer::before {
    content: "";
}

.fa-h-square::before {
    content: "";
}

.fa-plus-square::before {
    content: "";
}

.fa-angle-double-left::before {
    content: "";
}

.fa-angle-double-right::before {
    content: "";
}

.fa-angle-double-up::before {
    content: "";
}

.fa-angle-double-down::before {
    content: "";
}

.fa-angle-left::before {
    content: "";
}

.fa-angle-right::before {
    content: "";
}

.fa-angle-up::before {
    content: "";
}

.fa-angle-down::before {
    content: "";
}

.fa-desktop::before {
    content: "";
}

.fa-laptop::before {
    content: "";
}

.fa-tablet::before {
    content: "";
}

.fa-mobile-phone::before,
.fa-mobile::before {
    content: "";
}

.fa-circle-o::before {
    content: "";
}

.fa-quote-left::before {
    content: "";
}

.fa-quote-right::before {
    content: "";
}

.fa-spinner::before {
    content: "";
}

.fa-circle::before {
    content: "";
}

.fa-mail-reply::before,
.fa-reply::before {
    content: "";
}

.fa-github-alt::before {
    content: "";
}

.fa-folder-o::before {
    content: "";
}

.fa-folder-open-o::before {
    content: "";
}

.fa-smile-o::before {
    content: "";
}

.fa-frown-o::before {
    content: "";
}

.fa-meh-o::before {
    content: "";
}

.fa-gamepad::before {
    content: "";
}

.fa-keyboard-o::before {
    content: "";
}

.fa-flag-o::before {
    content: "";
}

.fa-flag-checkered::before {
    content: "";
}

.fa-terminal::before {
    content: "";
}

.fa-code::before {
    content: "";
}

.fa-mail-reply-all::before,
.fa-reply-all::before {
    content: "";
}

.fa-star-half-empty::before,
.fa-star-half-full::before,
.fa-star-half-o::before {
    content: "";
}

.fa-location-arrow::before {
    content: "";
}

.fa-crop::before {
    content: "";
}

.fa-code-fork::before {
    content: "";
}

.fa-chain-broken::before,
.fa-unlink::before {
    content: "";
}

.fa-question::before {
    content: "";
}

.fa-info::before {
    content: "";
}

.fa-exclamation::before {
    content: "";
}

.fa-superscript::before {
    content: "";
}

.fa-subscript::before {
    content: "";
}

.fa-eraser::before {
    content: "";
}

.fa-puzzle-piece::before {
    content: "";
}

.fa-microphone::before {
    content: "";
}

.fa-microphone-slash::before {
    content: "";
}

.fa-shield::before {
    content: "";
}

.fa-calendar-o::before {
    content: "";
}

.fa-fire-extinguisher::before {
    content: "";
}

.fa-rocket::before {
    content: "";
}

.fa-maxcdn::before {
    content: "";
}

.fa-chevron-circle-left::before {
    content: "";
}

.fa-chevron-circle-right::before {
    content: "";
}

.fa-chevron-circle-up::before {
    content: "";
}

.fa-chevron-circle-down::before {
    content: "";
}

.fa-html5::before {
    content: "";
}

.fa-css3::before {
    content: "";
}

.fa-anchor::before {
    content: "";
}

.fa-unlock-alt::before {
    content: "";
}

.fa-bullseye::before {
    content: "";
}

.fa-ellipsis-h::before {
    content: "";
}

.fa-ellipsis-v::before {
    content: "";
}

.fa-rss-square::before {
    content: "";
}

.fa-play-circle::before {
    content: "";
}

.fa-ticket::before {
    content: "";
}

.fa-minus-square::before {
    content: "";
}

.fa-minus-square-o::before {
    content: "";
}

.fa-level-up::before {
    content: "";
}

.fa-level-down::before {
    content: "";
}

.fa-check-square::before {
    content: "";
}

.fa-pencil-square::before {
    content: "";
}

.fa-external-link-square::before {
    content: "";
}

.fa-share-square::before {
    content: "";
}

.fa-compass::before {
    content: "";
}

.fa-caret-square-o-down::before,
.fa-toggle-down::before {
    content: "";
}

.fa-caret-square-o-up::before,
.fa-toggle-up::before {
    content: "";
}

.fa-caret-square-o-right::before,
.fa-toggle-right::before {
    content: "";
}

.fa-eur::before,
.fa-euro::before {
    content: "";
}

.fa-gbp::before {
    content: "";
}

.fa-dollar::before,
.fa-usd::before {
    content: "";
}

.fa-inr::before,
.fa-rupee::before {
    content: "";
}

.fa-cny::before,
.fa-jpy::before,
.fa-rmb::before,
.fa-yen::before {
    content: "";
}

.fa-rouble::before,
.fa-rub::before,
.fa-ruble::before {
    content: "";
}

.fa-krw::before,
.fa-won::before {
    content: "";
}

.fa-bitcoin::before,
.fa-btc::before {
    content: "";
}

.fa-file::before {
    content: "";
}

.fa-file-text::before {
    content: "";
}

.fa-sort-alpha-asc::before {
    content: "";
}

.fa-sort-alpha-desc::before {
    content: "";
}

.fa-sort-amount-asc::before {
    content: "";
}

.fa-sort-amount-desc::before {
    content: "";
}

.fa-sort-numeric-asc::before {
    content: "";
}

.fa-sort-numeric-desc::before {
    content: "";
}

.fa-thumbs-up::before {
    content: "";
}

.fa-thumbs-down::before {
    content: "";
}

.fa-youtube-square::before {
    content: "";
}

.fa-youtube::before {
    content: "";
}

.fa-xing::before {
    content: "";
}

.fa-xing-square::before {
    content: "";
}

.fa-youtube-play::before {
    content: "";
}

.fa-dropbox::before {
    content: "";
}

.fa-stack-overflow::before {
    content: "";
}

.fa-instagram::before {
    content: "";
}

.fa-flickr::before {
    content: "";
}

.fa-adn::before {
    content: "";
}

.fa-bitbucket::before {
    content: "";
}

.fa-bitbucket-square::before {
    content: "";
}

.fa-tumblr::before {
    content: "";
}

.fa-tumblr-square::before {
    content: "";
}

.fa-long-arrow-down::before {
    content: "";
}

.fa-long-arrow-up::before {
    content: "";
}

.fa-long-arrow-left::before {
    content: "";
}

.fa-long-arrow-right::before {
    content: "";
}

.fa-apple::before {
    content: "";
}

.fa-windows::before {
    content: "";
}

.fa-android::before {
    content: "";
}

.fa-linux::before {
    content: "";
}

.fa-dribbble::before {
    content: "";
}

.fa-skype::before {
    content: "";
}

.fa-foursquare::before {
    content: "";
}

.fa-trello::before {
    content: "";
}

.fa-female::before {
    content: "";
}

.fa-male::before {
    content: "";
}

.fa-gittip::before,
.fa-gratipay::before {
    content: "";
}

.fa-sun-o::before {
    content: "";
}

.fa-moon-o::before {
    content: "";
}

.fa-archive::before {
    content: "";
}

.fa-bug::before {
    content: "";
}

.fa-vk::before {
    content: "";
}

.fa-weibo::before {
    content: "";
}

.fa-renren::before {
    content: "";
}

.fa-pagelines::before {
    content: "";
}

.fa-stack-exchange::before {
    content: "";
}

.fa-arrow-circle-o-right::before {
    content: "";
}

.fa-arrow-circle-o-left::before {
    content: "";
}

.fa-caret-square-o-left::before,
.fa-toggle-left::before {
    content: "";
}

.fa-dot-circle-o::before {
    content: "";
}

.fa-wheelchair::before {
    content: "";
}

.fa-vimeo-square::before {
    content: "";
}

.fa-try::before,
.fa-turkish-lira::before {
    content: "";
}

.fa-plus-square-o::before {
    content: "";
}

.fa-space-shuttle::before {
    content: "";
}

.fa-slack::before {
    content: "";
}

.fa-envelope-square::before {
    content: "";
}

.fa-wordpress::before {
    content: "";
}

.fa-openid::before {
    content: "";
}

.fa-bank::before,
.fa-institution::before,
.fa-university::before {
    content: "";
}

.fa-graduation-cap::before,
.fa-mortar-board::before {
    content: "";
}

.fa-yahoo::before {
    content: "";
}

.fa-google::before {
    content: "";
}

.fa-reddit::before {
    content: "";
}

.fa-reddit-square::before {
    content: "";
}

.fa-stumbleupon-circle::before {
    content: "";
}

.fa-stumbleupon::before {
    content: "";
}

.fa-delicious::before {
    content: "";
}

.fa-digg::before {
    content: "";
}

.fa-pied-piper-pp::before {
    content: "";
}

.fa-pied-piper-alt::before {
    content: "";
}

.fa-drupal::before {
    content: "";
}

.fa-joomla::before {
    content: "";
}

.fa-language::before {
    content: "";
}

.fa-fax::before {
    content: "";
}

.fa-building::before {
    content: "";
}

.fa-child::before {
    content: "";
}

.fa-paw::before {
    content: "";
}

.fa-spoon::before {
    content: "";
}

.fa-cube::before {
    content: "";
}

.fa-cubes::before {
    content: "";
}

.fa-behance::before {
    content: "";
}

.fa-behance-square::before {
    content: "";
}

.fa-steam::before {
    content: "";
}

.fa-steam-square::before {
    content: "";
}

.fa-recycle::before {
    content: "";
}

.fa-automobile::before,
.fa-car::before {
    content: "";
}

.fa-cab::before,
.fa-taxi::before {
    content: "";
}

.fa-tree::before {
    content: "";
}

.fa-spotify::before {
    content: "";
}

.fa-deviantart::before {
    content: "";
}

.fa-soundcloud::before {
    content: "";
}

.fa-database::before {
    content: "";
}

.fa-file-pdf-o::before {
    content: "";
}

.fa-file-word-o::before {
    content: "";
}

.fa-file-excel-o::before {
    content: "";
}

.fa-file-powerpoint-o::before {
    content: "";
}

.fa-file-image-o::before,
.fa-file-photo-o::before,
.fa-file-picture-o::before {
    content: "";
}

.fa-file-archive-o::before,
.fa-file-zip-o::before {
    content: "";
}

.fa-file-audio-o::before,
.fa-file-sound-o::before {
    content: "";
}

.fa-file-movie-o::before,
.fa-file-video-o::before {
    content: "";
}

.fa-file-code-o::before {
    content: "";
}

.fa-vine::before {
    content: "";
}

.fa-codepen::before {
    content: "";
}

.fa-jsfiddle::before {
    content: "";
}

.fa-life-bouy::before,
.fa-life-buoy::before,
.fa-life-ring::before,
.fa-life-saver::before,
.fa-support::before {
    content: "";
}

.fa-circle-o-notch::before {
    content: "";
}

.fa-ra::before,
.fa-rebel::before,
.fa-resistance::before {
    content: "";
}

.fa-empire::before,
.fa-ge::before {
    content: "";
}

.fa-git-square::before {
    content: "";
}

.fa-git::before {
    content: "";
}

.fa-hacker-news::before,
.fa-y-combinator-square::before,
.fa-yc-square::before {
    content: "";
}

.fa-tencent-weibo::before {
    content: "";
}

.fa-qq::before {
    content: "";
}

.fa-wechat::before,
.fa-weixin::before {
    content: "";
}

.fa-paper-plane::before,
.fa-send::before {
    content: "";
}

.fa-paper-plane-o::before,
.fa-send-o::before {
    content: "";
}

.fa-history::before {
    content: "";
}

.fa-circle-thin::before {
    content: "";
}

.fa-header::before {
    content: "";
}

.fa-paragraph::before {
    content: "";
}

.fa-sliders::before {
    content: "";
}

.fa-share-alt::before {
    content: "";
}

.fa-share-alt-square::before {
    content: "";
}

.fa-bomb::before {
    content: "";
}

.fa-futbol-o::before,
.fa-soccer-ball-o::before {
    content: "";
}

.fa-tty::before {
    content: "";
}

.fa-binoculars::before {
    content: "";
}

.fa-plug::before {
    content: "";
}

.fa-slideshare::before {
    content: "";
}

.fa-twitch::before {
    content: "";
}

.fa-yelp::before {
    content: "";
}

.fa-newspaper-o::before {
    content: "";
}

.fa-wifi::before {
    content: "";
}

.fa-calculator::before {
    content: "";
}

.fa-paypal::before {
    content: "";
}

.fa-google-wallet::before {
    content: "";
}

.fa-cc-visa::before {
    content: "";
}

.fa-cc-mastercard::before {
    content: "";
}

.fa-cc-discover::before {
    content: "";
}

.fa-cc-amex::before {
    content: "";
}

.fa-cc-paypal::before {
    content: "";
}

.fa-cc-stripe::before {
    content: "";
}

.fa-bell-slash::before {
    content: "";
}

.fa-bell-slash-o::before {
    content: "";
}

.fa-trash::before {
    content: "";
}

.fa-copyright::before {
    content: "";
}

.fa-at::before {
    content: "";
}

.fa-eyedropper::before {
    content: "";
}

.fa-paint-brush::before {
    content: "";
}

.fa-birthday-cake::before {
    content: "";
}

.fa-area-chart::before {
    content: "";
}

.fa-pie-chart::before {
    content: "";
}

.fa-line-chart::before {
    content: "";
}

.fa-lastfm::before {
    content: "";
}

.fa-lastfm-square::before {
    content: "";
}

.fa-toggle-off::before {
    content: "";
}

.fa-toggle-on::before {
    content: "";
}

.fa-bicycle::before {
    content: "";
}

.fa-bus::before {
    content: "";
}

.fa-ioxhost::before {
    content: "";
}

.fa-angellist::before {
    content: "";
}

.fa-cc::before {
    content: "";
}

.fa-ils::before,
.fa-shekel::before,
.fa-sheqel::before {
    content: "";
}

.fa-meanpath::before {
    content: "";
}

.fa-buysellads::before {
    content: "";
}

.fa-connectdevelop::before {
    content: "";
}

.fa-dashcube::before {
    content: "";
}

.fa-forumbee::before {
    content: "";
}

.fa-leanpub::before {
    content: "";
}

.fa-sellsy::before {
    content: "";
}

.fa-shirtsinbulk::before {
    content: "";
}

.fa-simplybuilt::before {
    content: "";
}

.fa-skyatlas::before {
    content: "";
}

.fa-cart-plus::before {
    content: "";
}

.fa-cart-arrow-down::before {
    content: "";
}

.fa-diamond::before {
    content: "";
}

.fa-ship::before {
    content: "";
}

.fa-user-secret::before {
    content: "";
}

.fa-motorcycle::before {
    content: "";
}

.fa-street-view::before {
    content: "";
}

.fa-heartbeat::before {
    content: "";
}

.fa-venus::before {
    content: "";
}

.fa-mars::before {
    content: "";
}

.fa-mercury::before {
    content: "";
}

.fa-intersex::before,
.fa-transgender::before {
    content: "";
}

.fa-transgender-alt::before {
    content: "";
}

.fa-venus-double::before {
    content: "";
}

.fa-mars-double::before {
    content: "";
}

.fa-venus-mars::before {
    content: "";
}

.fa-mars-stroke::before {
    content: "";
}

.fa-mars-stroke-v::before {
    content: "";
}

.fa-mars-stroke-h::before {
    content: "";
}

.fa-neuter::before {
    content: "";
}

.fa-genderless::before {
    content: "";
}

.fa-facebook-official::before {
    content: "";
}

.fa-pinterest-p::before {
    content: "";
}

.fa-whatsapp::before {
    content: "";
}

.fa-server::before {
    content: "";
}

.fa-user-plus::before {
    content: "";
}

.fa-user-times::before {
    content: "";
}

.fa-bed::before,
.fa-hotel::before {
    content: "";
}

.fa-viacoin::before {
    content: "";
}

.fa-train::before {
    content: "";
}

.fa-subway::before {
    content: "";
}

.fa-medium::before {
    content: "";
}

.fa-y-combinator::before,
.fa-yc::before {
    content: "";
}

.fa-optin-monster::before {
    content: "";
}

.fa-opencart::before {
    content: "";
}

.fa-expeditedssl::before {
    content: "";
}

.fa-battery-4::before,
.fa-battery-full::before,
.fa-battery::before {
    content: "";
}

.fa-battery-3::before,
.fa-battery-three-quarters::before {
    content: "";
}

.fa-battery-2::before,
.fa-battery-half::before {
    content: "";
}

.fa-battery-1::before,
.fa-battery-quarter::before {
    content: "";
}

.fa-battery-0::before,
.fa-battery-empty::before {
    content: "";
}

.fa-mouse-pointer::before {
    content: "";
}

.fa-i-cursor::before {
    content: "";
}

.fa-object-group::before {
    content: "";
}

.fa-object-ungroup::before {
    content: "";
}

.fa-sticky-note::before {
    content: "";
}

.fa-sticky-note-o::before {
    content: "";
}

.fa-cc-jcb::before {
    content: "";
}

.fa-cc-diners-club::before {
    content: "";
}

.fa-clone::before {
    content: "";
}

.fa-balance-scale::before {
    content: "";
}

.fa-hourglass-o::before {
    content: "";
}

.fa-hourglass-1::before,
.fa-hourglass-start::before {
    content: "";
}

.fa-hourglass-2::before,
.fa-hourglass-half::before {
    content: "";
}

.fa-hourglass-3::before,
.fa-hourglass-end::before {
    content: "";
}

.fa-hourglass::before {
    content: "";
}

.fa-hand-grab-o::before,
.fa-hand-rock-o::before {
    content: "";
}

.fa-hand-paper-o::before,
.fa-hand-stop-o::before {
    content: "";
}

.fa-hand-scissors-o::before {
    content: "";
}

.fa-hand-lizard-o::before {
    content: "";
}

.fa-hand-spock-o::before {
    content: "";
}

.fa-hand-pointer-o::before {
    content: "";
}

.fa-hand-peace-o::before {
    content: "";
}

.fa-trademark::before {
    content: "";
}

.fa-registered::before {
    content: "";
}

.fa-creative-commons::before {
    content: "";
}

.fa-gg::before {
    content: "";
}

.fa-gg-circle::before {
    content: "";
}

.fa-tripadvisor::before {
    content: "";
}

.fa-odnoklassniki::before {
    content: "";
}

.fa-odnoklassniki-square::before {
    content: "";
}

.fa-get-pocket::before {
    content: "";
}

.fa-wikipedia-w::before {
    content: "";
}

.fa-safari::before {
    content: "";
}

.fa-chrome::before {
    content: "";
}

.fa-firefox::before {
    content: "";
}

.fa-opera::before {
    content: "";
}

.fa-internet-explorer::before {
    content: "";
}

.fa-television::before,
.fa-tv::before {
    content: "";
}

.fa-contao::before {
    content: "";
}

.fa-500px::before {
    content: "";
}

.fa-amazon::before {
    content: "";
}

.fa-calendar-plus-o::before {
    content: "";
}

.fa-calendar-minus-o::before {
    content: "";
}

.fa-calendar-times-o::before {
    content: "";
}

.fa-calendar-check-o::before {
    content: "";
}

.fa-industry::before {
    content: "";
}

.fa-map-pin::before {
    content: "";
}

.fa-map-signs::before {
    content: "";
}

.fa-map-o::before {
    content: "";
}

.fa-map::before {
    content: "";
}

.fa-commenting::before {
    content: "";
}

.fa-commenting-o::before {
    content: "";
}

.fa-houzz::before {
    content: "";
}

.fa-vimeo::before {
    content: "";
}

.fa-black-tie::before {
    content: "";
}

.fa-fonticons::before {
    content: "";
}

.fa-reddit-alien::before {
    content: "";
}

.fa-edge::before {
    content: "";
}

.fa-credit-card-alt::before {
    content: "";
}

.fa-codiepie::before {
    content: "";
}

.fa-modx::before {
    content: "";
}

.fa-fort-awesome::before {
    content: "";
}

.fa-usb::before {
    content: "";
}

.fa-product-hunt::before {
    content: "";
}

.fa-mixcloud::before {
    content: "";
}

.fa-scribd::before {
    content: "";
}

.fa-pause-circle::before {
    content: "";
}

.fa-pause-circle-o::before {
    content: "";
}

.fa-stop-circle::before {
    content: "";
}

.fa-stop-circle-o::before {
    content: "";
}

.fa-shopping-bag::before {
    content: "";
}

.fa-shopping-basket::before {
    content: "";
}

.fa-hashtag::before {
    content: "";
}

.fa-bluetooth::before {
    content: "";
}

.fa-bluetooth-b::before {
    content: "";
}

.fa-percent::before {
    content: "";
}

.fa-gitlab::before {
    content: "";
}

.fa-wpbeginner::before {
    content: "";
}

.fa-wpforms::before {
    content: "";
}

.fa-envira::before {
    content: "";
}

.fa-universal-access::before {
    content: "";
}

.fa-wheelchair-alt::before {
    content: "";
}

.fa-question-circle-o::before {
    content: "";
}

.fa-blind::before {
    content: "";
}

.fa-audio-description::before {
    content: "";
}

.fa-volume-control-phone::before {
    content: "";
}

.fa-braille::before {
    content: "";
}

.fa-assistive-listening-systems::before {
    content: "";
}

.fa-american-sign-language-interpreting::before,
.fa-asl-interpreting::before {
    content: "";
}

.fa-deaf::before,
.fa-deafness::before,
.fa-hard-of-hearing::before {
    content: "";
}

.fa-glide::before {
    content: "";
}

.fa-glide-g::before {
    content: "";
}

.fa-sign-language::before,
.fa-signing::before {
    content: "";
}

.fa-low-vision::before {
    content: "";
}

.fa-viadeo::before {
    content: "";
}

.fa-viadeo-square::before {
    content: "";
}

.fa-snapchat::before {
    content: "";
}

.fa-snapchat-ghost::before {
    content: "";
}

.fa-snapchat-square::before {
    content: "";
}

.fa-pied-piper::before {
    content: "";
}

.fa-first-order::before {
    content: "";
}

.fa-yoast::before {
    content: "";
}

.fa-themeisle::before {
    content: "";
}

.fa-google-plus-circle::before,
.fa-google-plus-official::before {
    content: "";
}

.fa-fa::before,
.fa-font-awesome::before {
    content: "";
}

.fa-handshake-o::before {
    content: "";
}

.fa-envelope-open::before {
    content: "";
}

.fa-envelope-open-o::before {
    content: "";
}

.fa-linode::before {
    content: "";
}

.fa-address-book::before {
    content: "";
}

.fa-address-book-o::before {
    content: "";
}

.fa-address-card::before,
.fa-vcard::before {
    content: "";
}

.fa-address-card-o::before,
.fa-vcard-o::before {
    content: "";
}

.fa-user-circle::before {
    content: "";
}

.fa-user-circle-o::before {
    content: "";
}

.fa-user-o::before {
    content: "";
}

.fa-id-badge::before {
    content: "";
}

.fa-drivers-license::before,
.fa-id-card::before {
    content: "";
}

.fa-drivers-license-o::before,
.fa-id-card-o::before {
    content: "";
}

.fa-quora::before {
    content: "";
}

.fa-free-code-camp::before {
    content: "";
}

.fa-telegram::before {
    content: "";
}

.fa-thermometer-4::before,
.fa-thermometer-full::before,
.fa-thermometer::before {
    content: "";
}

.fa-thermometer-3::before,
.fa-thermometer-three-quarters::before {
    content: "";
}

.fa-thermometer-2::before,
.fa-thermometer-half::before {
    content: "";
}

.fa-thermometer-1::before,
.fa-thermometer-quarter::before {
    content: "";
}

.fa-thermometer-0::before,
.fa-thermometer-empty::before {
    content: "";
}

.fa-shower::before {
    content: "";
}

.fa-bath::before,
.fa-bathtub::before,
.fa-s15::before {
    content: "";
}

.fa-podcast::before {
    content: "";
}

.fa-window-maximize::before {
    content: "";
}

.fa-window-minimize::before {
    content: "";
}

.fa-window-restore::before {
    content: "";
}

.fa-times-rectangle::before,
.fa-window-close::before {
    content: "";
}

.fa-times-rectangle-o::before,
.fa-window-close-o::before {
    content: "";
}

.fa-bandcamp::before {
    content: "";
}

.fa-grav::before {
    content: "";
}

.fa-etsy::before {
    content: "";
}

.fa-imdb::before {
    content: "";
}

.fa-ravelry::before {
    content: "";
}

.fa-eercast::before {
    content: "";
}

.fa-microchip::before {
    content: "";
}

.fa-snowflake-o::before {
    content: "";
}

.fa-superpowers::before {
    content: "";
}

.fa-wpexplorer::before {
    content: "";
}

.fa-meetup::before {
    content: "";
}

:root {
    --po-ui-kit-right-modals-width: 330px;
    --po-ui-kit-counter-border-color-base: #009af9;
    --po-ui-kit-counter-background-color-base: rgba(0, 154, 249, .6);
    --po-ui-kit-counter-background-color-hover: #3099f5;
}

.theme-dark-blue {
    --po-ui-kit-alert-success-color-base: #fff;
    --po-ui-kit-alert-success-border-color-base: #035843;
    --po-ui-kit-alert-success-background-color-base: #172832;
    --po-ui-kit-alert-success-icon-color-base: #025b44;
    --po-ui-kit-alert-info-color-base: #fff;
    --po-ui-kit-alert-info-border-color-base: #394a74;
    --po-ui-kit-alert-info-background-color-base: rgba(57, 74, 116, .3);
    --po-ui-kit-alert-info-icon-color-base: #394a74;
    --po-ui-kit-alert-error-color-base: #fff;
    --po-ui-kit-alert-error-border-color-base: #76292d;
    --po-ui-kit-alert-error-background-color-base: #2a212f;
    --po-ui-kit-alert-error-icon-color-base: #812a2d;
    --po-ui-kit-alert-warning-color-base: #fff;
    --po-ui-kit-alert-warning-border-color-base: #a34b19;
    --po-ui-kit-alert-warning-background-color-base: #31262b;
    --po-ui-kit-alert-warning-icon-color-base: #b15017;
    --po-ui-kit-label-default-color: #fff;
    --po-ui-kit-label-default-background-color-base: #192034;
    --po-ui-kit-label-default-background-color-hover: #192034;
    --po-ui-kit-label-primary-color: #fff;
    --po-ui-kit-label-primary-background-color-base: #222d44;
    --po-ui-kit-label-primary-background-color-hover: #222d44;
    --po-ui-kit-label-success-color: #fff;
    --po-ui-kit-label-success-background-color-base: #005b42;
    --po-ui-kit-label-success-background-color-hover: #005b42;
    --po-ui-kit-label-success-light-color: #fff;
    --po-ui-kit-label-success-light-background-color-base: #06c931;
    --po-ui-kit-label-success-light-background-color-hover: #06c931;
    --po-ui-kit-label-info-color: #fff;
    --po-ui-kit-label-info-background-color-base: #3259a4;
    --po-ui-kit-label-info-background-color-hover: #3259a4;
    --po-ui-kit-label-info-light-color: #fff;
    --po-ui-kit-label-info-light-background-color-base: #009af9;
    --po-ui-kit-label-info-light-background-color-hover: #13a4fb;
    --po-ui-kit-label-warning-color: #fff;
    --po-ui-kit-label-warning-background-color-base: #c44e00;
    --po-ui-kit-label-warning-background-color-hover: #c44e00;
    --po-ui-kit-label-danger-color: #fff;
    --po-ui-kit-label-danger-background-color-base: #902326;
    --po-ui-kit-label-danger-background-color-hover: #902326;
    --po-ui-kit-btn-warn-color-base: #fff;
    --po-ui-kit-btn-warn-color-hover: #d8d8d8;
    --po-ui-kit-btn-warn-border-color-base: #b15017;
    --po-ui-kit-btn-warn-border-color-hover: #b15017;
    --po-ui-kit-btn-warn-background-color-base: #31262b;
    --po-ui-kit-btn-warn-background-color-hover: #b15017;
    --po-ui-kit-btn-default-color-base: #fff;
    --po-ui-kit-btn-default-color-hover: #d8d8d8;
    --po-ui-kit-btn-default-border-color-base: #293145;
    --po-ui-kit-btn-default-border-color-hover: #293145;
    --po-ui-kit-btn-default-background-color-base: #1d2232;
    --po-ui-kit-btn-default-background-color-hover: #293145;
    --po-ui-kit-btn-default-light-color-base: #fff;
    --po-ui-kit-btn-default-light-color-hover: #d8d8d8;
    --po-ui-kit-btn-default-light-border-color-base: #293145;
    --po-ui-kit-btn-default-light-border-color-hover: #293145;
    --po-ui-kit-btn-default-light-background-color-base: #202537;
    --po-ui-kit-btn-default-light-background-color-hover: #293145;
    --po-ui-kit-btn-success-color-base: #fff;
    --po-ui-kit-btn-success-color-hover: #d8d8d8;
    --po-ui-kit-btn-success-border-color-base: #025b44;
    --po-ui-kit-btn-success-border-color-hover: #025b44;
    --po-ui-kit-btn-success-background-color-base: #172832;
    --po-ui-kit-btn-success-background-color-hover: #025b44;
    --po-ui-kit-btn-danger-color-base: #fff;
    --po-ui-kit-btn-danger-color-hover: #d8d8d8;
    --po-ui-kit-btn-danger-border-color-base: #812a2d;
    --po-ui-kit-btn-danger-border-color-hover: #812a2d;
    --po-ui-kit-btn-danger-background-color-base: #25202f;
    --po-ui-kit-btn-danger-background-color-hover: #812a2d;
    --po-ui-kit-btn-danger-light-color-base: #fff;
    --po-ui-kit-btn-danger-light-color-hover: #d8d8d8;
    --po-ui-kit-btn-danger-light-border-color-base: #812a2d;
    --po-ui-kit-btn-danger-light-border-color-hover: #812a2d;
    --po-ui-kit-btn-danger-light-background-color-base: rgba(129, 42, 45, .15);
    --po-ui-kit-btn-danger-light-background-color-hover: #812a2d;
    --po-ui-kit-btn-danger-transparent-color-base: #bd302c;
    --po-ui-kit-btn-danger-transparent-color-hover: #fff;
    --po-ui-kit-btn-danger-transparent-border-color-base: transparent;
    --po-ui-kit-btn-danger-transparent-border-color-hover: transparent;
    --po-ui-kit-btn-danger-transparent-background-color-base: transparent;
    --po-ui-kit-btn-danger-transparent-background-color-hover: #bd302c;
    --po-ui-kit-btn-primary-color-base: #fff;
    --po-ui-kit-btn-primary-color-hover: #d8d8d8;
    --po-ui-kit-btn-primary-border-color-base: transparent;
    --po-ui-kit-btn-primary-border-color-hover: transparent;
    --po-ui-kit-btn-primary-background-color-base: #293145;
    --po-ui-kit-btn-primary-background-color-hover: #3d475d;
    --po-ui-kit-btn-live-trading-color-base: #fff;
    --po-ui-kit-btn-live-trading-color-hover: #d8d8d8;
    --po-ui-kit-btn-live-trading-border-color-base: transparent;
    --po-ui-kit-btn-live-trading-border-color-hover: transparent;
    --po-ui-kit-btn-live-trading-background-color-base: rgba(78, 62, 48, .45);
    --po-ui-kit-btn-live-trading-background-color-hover: rgba(78, 62, 48, .65);
    --po-ui-kit-btn-blue-light-color-base: #fff;
    --po-ui-kit-btn-blue-light-color-hover: #fff;
    --po-ui-kit-btn-blue-light-border-color-base: #0099fa;
    --po-ui-kit-btn-blue-light-border-color-hover: #0099fa;
    --po-ui-kit-btn-blue-light-background-color-base: rgba(0, 153, 250, .2);
    --po-ui-kit-btn-blue-light-background-color-hover: rgba(0, 153, 250, .4);
    --po-ui-kit-btn-gold-color-base: #fff;
    --po-ui-kit-btn-gold-color-hover: #d8d8d8;
    --po-ui-kit-btn-gold-border-color-base: #b15017;
    --po-ui-kit-btn-gold-border-color-hover: #b15017;
    --po-ui-kit-btn-gold-background-color-base: #31262b;
    --po-ui-kit-btn-gold-background-color-hover: #b15017;
    --po-ui-kit-btn-orange-color-base: #fff;
    --po-ui-kit-btn-orange-color-hover: #d8d8d8;
    --po-ui-kit-btn-orange-border-color-base: #c49337;
    --po-ui-kit-btn-orange-border-color-hover: #c49337;
    --po-ui-kit-btn-orange-background-color-base: rgba(196, 147, 55, .2);
    --po-ui-kit-btn-orange-background-color-hover: rgba(196, 147, 55, .4);
    --po-ui-kit-btn-green-color-base: #fff;
    --po-ui-kit-btn-green-color-hover: #d8d8d8;
    --po-ui-kit-btn-green-border-color-base: #025b44;
    --po-ui-kit-btn-green-border-color-hover: #025b44;
    --po-ui-kit-btn-green-background-color-base: #172832;
    --po-ui-kit-btn-green-background-color-hover: #025b44;
    --po-ui-kit-btn-green-light-color-base: #fff;
    --po-ui-kit-btn-green-light-color-hover: #d8d8d8;
    --po-ui-kit-btn-green-light-border-color-base: #025b44;
    --po-ui-kit-btn-green-light-border-color-hover: #025b44;
    --po-ui-kit-btn-green-light-background-color-base: #172832;
    --po-ui-kit-btn-green-light-background-color-hover: #025b44;
    --po-ui-kit-btn-green-solid-color-base: #fff;
    --po-ui-kit-btn-green-solid-color-hover: #d8d8d8;
    --po-ui-kit-btn-green-solid-border-color-base: #025b44;
    --po-ui-kit-btn-green-solid-border-color-hover: #025b44;
    --po-ui-kit-btn-green-solid-background-color-base: #025b44;
    --po-ui-kit-btn-green-solid-background-color-hover: #025b44;
    --po-ui-kit-btn-v2-green-color-base: #fff;
    --po-ui-kit-btn-v2-green-color-hover: #fff;
    --po-ui-kit-btn-v2-green-border-color-base: #047838;
    --po-ui-kit-btn-v2-green-border-color-hover: #047838;
    --po-ui-kit-btn-v2-green-background-color-base: #074f40;
    --po-ui-kit-btn-v2-green-background-color-hover: #047838;
    --po-ui-kit-btn-v2-blue-color-base: #fff;
    --po-ui-kit-btn-v2-blue-color-hover: #fff;
    --po-ui-kit-btn-v2-blue-border-color-base: #009af9;
    --po-ui-kit-btn-v2-blue-border-color-hover: #009af9;
    --po-ui-kit-btn-v2-blue-background-color-base: #18374a;
    --po-ui-kit-btn-v2-blue-background-color-hover: #009af9;
    --po-ui-kit-modal-overlay-background-color: hsla(0, 0%, 4%, .8);
    --po-ui-kit-modal-border-color: #464a58;
    --po-ui-kit-modal-background-color: #23283b;
    --po-ui-kit-tiles-item-border-color-base: #535562;
    --po-ui-kit-tiles-item-background-color-base: #1f2334;
    --po-ui-kit-tiles-key-color-base: #7d879d;
    --po-ui-kit-drop-down-modal-border-color: #343e52;
    --po-ui-kit-drop-down-modal-background-color: #262c41;
    --po-ui-kit-right-sidebar-modal-background-color: #222636;
    --po-ui-kit-left-sidebar-menu-background-color: #23283b;
    --po-ui-kit-left-sidebar-menu-item-base-color: #fff;
    --po-ui-kit-left-sidebar-menu-item-base-icon-color: #8ea5c0;
    --po-ui-kit-left-sidebar-menu-item-base-background-color: #293145;
    --po-ui-kit-left-sidebar-menu-item-base-border-color: #293145;
    --po-ui-kit-left-sidebar-menu-item-hover-color: #fff;
    --po-ui-kit-left-sidebar-menu-item-hover-icon-color: #8ea5c0;
    --po-ui-kit-left-sidebar-menu-item-hover-background-color: #364059;
    --po-ui-kit-left-sidebar-menu-item-active-color: #fff;
    --po-ui-kit-left-sidebar-menu-item-active-icon-color: #fff;
    --po-ui-kit-left-sidebar-menu-item-active-background-color: #314463;
    --po-ui-kit-left-sidebar-menu-item-active-border-color: #009af9;
    --po-ui-kit-tag-a-base: #8ea5c0;
    --po-ui-kit-tag-a-hover: #8ea5c0;
    --po-ui-kit-icon-color-base: #8ea5c0;
}

.theme-light {
    --po-ui-kit-alert-success-color-base: inherit;
    --po-ui-kit-alert-success-border-color-base: #7bc67b;
    --po-ui-kit-alert-success-background-color-base: #e7f4e7;
    --po-ui-kit-alert-success-icon-color-base: #5cb85c;
    --po-ui-kit-alert-info-color-base: inherit;
    --po-ui-kit-alert-info-border-color-base: #406c9d;
    --po-ui-kit-alert-info-background-color-base: #e5ebf1;
    --po-ui-kit-alert-info-icon-color-base: #5181b8;
    --po-ui-kit-alert-error-color-base: inherit;
    --po-ui-kit-alert-error-border-color-base: #df6f6c;
    --po-ui-kit-alert-error-background-color-base: #f9e5e5;
    --po-ui-kit-alert-error-icon-color-base: #d9534f;
    --po-ui-kit-alert-warning-color-base: inherit;
    --po-ui-kit-alert-warning-border-color-base: #f2ba69;
    --po-ui-kit-alert-warning-background-color-base: #fdf3e5;
    --po-ui-kit-alert-warning-icon-color-base: #f0ad4e;
    --po-ui-kit-label-default-color: #fff;
    --po-ui-kit-label-default-background-color-base: #777;
    --po-ui-kit-label-default-background-color-hover: #5e5e5e;
    --po-ui-kit-label-primary-color: #fff;
    --po-ui-kit-label-primary-background-color-base: #337ab7;
    --po-ui-kit-label-primary-background-color-hover: #286090;
    --po-ui-kit-label-success-color: #fff;
    --po-ui-kit-label-success-background-color-base: #5cb85c;
    --po-ui-kit-label-success-background-color-hover: #449d44;
    --po-ui-kit-label-success-light-color: #fff;
    --po-ui-kit-label-success-light-background-color-base: #06c931;
    --po-ui-kit-label-success-light-background-color-hover: #06c931;
    --po-ui-kit-label-info-color: #fff;
    --po-ui-kit-label-info-background-color-base: #5bc0de;
    --po-ui-kit-label-info-background-color-hover: #31b0d5;
    --po-ui-kit-label-info-light-color: #fff;
    --po-ui-kit-label-info-light-background-color-base: #009af9;
    --po-ui-kit-label-info-light-background-color-hover: #13a4fb;
    --po-ui-kit-label-warning-color: #fff;
    --po-ui-kit-label-warning-background-color-base: #f0ad4e;
    --po-ui-kit-label-warning-background-color-hover: #ec971f;
    --po-ui-kit-label-danger-color: #fff;
    --po-ui-kit-label-danger-background-color-base: #d9534f;
    --po-ui-kit-label-danger-background-color-hover: #c9302c;
    --po-ui-kit-btn-warn-color-base: #2a5885;
    --po-ui-kit-btn-warn-color-hover: #fff;
    --po-ui-kit-btn-warn-border-color-base: #f3bd71;
    --po-ui-kit-btn-warn-border-color-hover: #f3bd71;
    --po-ui-kit-btn-warn-background-color-base: #fff;
    --po-ui-kit-btn-warn-background-color-hover: #f0ad4e;
    --po-ui-kit-btn-gold-color-base: #fff;
    --po-ui-kit-btn-gold-color-hover: #fff;
    --po-ui-kit-btn-gold-border-color-base: transparent;
    --po-ui-kit-btn-gold-border-color-hover: transparent;
    --po-ui-kit-btn-gold-background-color-base: #e7ce45;
    --po-ui-kit-btn-gold-background-color-hover: #e4c82e;
    --po-ui-kit-btn-orange-color-base: #fff;
    --po-ui-kit-btn-orange-color-hover: #fff;
    --po-ui-kit-btn-orange-border-color-base: #c49337;
    --po-ui-kit-btn-orange-border-color-hover: #daa643;
    --po-ui-kit-btn-orange-background-color-base: #c49337;
    --po-ui-kit-btn-orange-background-color-hover: #daa643;
    --po-ui-kit-btn-default-color-base: #2a5885;
    --po-ui-kit-btn-default-color-hover: #2a5885;
    --po-ui-kit-btn-default-border-color-base: #e8e8e8;
    --po-ui-kit-btn-default-border-color-hover: #e8e8e8;
    --po-ui-kit-btn-default-background-color-base: #fff;
    --po-ui-kit-btn-default-background-color-hover: #e8e8e8;
    --po-ui-kit-btn-default-light-color-base: #333;
    --po-ui-kit-btn-default-light-color-hover: #333;
    --po-ui-kit-btn-default-light-border-color-base: transparent;
    --po-ui-kit-btn-default-light-border-color-hover: transparent;
    --po-ui-kit-btn-default-light-background-color-base: #fff;
    --po-ui-kit-btn-default-light-background-color-hover: #e6e6e6;
    --po-ui-kit-btn-success-color-base: #2a5885;
    --po-ui-kit-btn-success-color-hover: #fff;
    --po-ui-kit-btn-success-border-color-base: #7dc67d;
    --po-ui-kit-btn-success-border-color-hover: #7dc67d;
    --po-ui-kit-btn-success-background-color-base: #fff;
    --po-ui-kit-btn-success-background-color-hover: #5cb85c;
    --po-ui-kit-btn-green-color-base: #fff;
    --po-ui-kit-btn-green-color-hover: #fff;
    --po-ui-kit-btn-green-border-color-base: transparent;
    --po-ui-kit-btn-green-border-color-hover: transparent;
    --po-ui-kit-btn-green-background-color-base: #5cb85c;
    --po-ui-kit-btn-green-background-color-hover: #449d44;
    --po-ui-kit-btn-danger-color-base: #2a5885;
    --po-ui-kit-btn-danger-color-hover: #fff;
    --po-ui-kit-btn-danger-border-color-base: #e17572;
    --po-ui-kit-btn-danger-border-color-hover: #d9534f;
    --po-ui-kit-btn-danger-background-color-base: #fff;
    --po-ui-kit-btn-danger-background-color-hover: #d9534f;
    --po-ui-kit-btn-danger-light-color-base: #fff;
    --po-ui-kit-btn-danger-light-color-hover: #fff;
    --po-ui-kit-btn-danger-light-border-color-base: transparent;
    --po-ui-kit-btn-danger-light-border-color-hover: transparent;
    --po-ui-kit-btn-danger-light-background-color-base: #d9534f;
    --po-ui-kit-btn-danger-light-background-color-hover: #c9302c;
    --po-ui-kit-btn-danger-transparent-color-base: #bd302c;
    --po-ui-kit-btn-danger-transparent-color-hover: #fff;
    --po-ui-kit-btn-danger-transparent-border-color-base: transparent;
    --po-ui-kit-btn-danger-transparent-border-color-hover: transparent;
    --po-ui-kit-btn-danger-transparent-background-color-base: transparent;
    --po-ui-kit-btn-danger-transparent-background-color-hover: #bd302c;
    --po-ui-kit-btn-primary-color-base: #fff;
    --po-ui-kit-btn-primary-color-hover: #fff;
    --po-ui-kit-btn-primary-border-color-base: transparent;
    --po-ui-kit-btn-primary-border-color-hover: transparent;
    --po-ui-kit-btn-primary-background-color-base: #3b628f;
    --po-ui-kit-btn-primary-background-color-hover: #4a76a8;
    --po-ui-kit-btn-live-trading-color-base: #fff;
    --po-ui-kit-btn-live-trading-color-hover: #fff;
    --po-ui-kit-btn-live-trading-border-color-base: transparent;
    --po-ui-kit-btn-live-trading-border-color-hover: transparent;
    --po-ui-kit-btn-live-trading-background-color-base: #4e3e30;
    --po-ui-kit-btn-live-trading-background-color-hover: #5e4b3a;
    --po-ui-kit-btn-blue-light-color-base: #fff;
    --po-ui-kit-btn-blue-light-color-hover: #fff;
    --po-ui-kit-btn-blue-light-border-color-base: #0099fa;
    --po-ui-kit-btn-blue-light-border-color-hover: #0099fa;
    --po-ui-kit-btn-blue-light-background-color-base: #0099fa;
    --po-ui-kit-btn-blue-light-background-color-hover: rgba(0, 153, 250, .8);
    --po-ui-kit-btn-green-light-color-base: #fff;
    --po-ui-kit-btn-green-light-color-hover: #fff;
    --po-ui-kit-btn-green-light-border-color-base: transparent;
    --po-ui-kit-btn-green-light-border-color-hover: transparent;
    --po-ui-kit-btn-green-light-background-color-base: #5cb85c;
    --po-ui-kit-btn-green-light-background-color-hover: #449d44;
    --po-ui-kit-btn-green-solid-color-base: #fff;
    --po-ui-kit-btn-green-solid-color-hover: #fff;
    --po-ui-kit-btn-green-solid-border-color-base: #5cb85c;
    --po-ui-kit-btn-green-solid-border-color-hover: #449d44;
    --po-ui-kit-btn-green-solid-background-color-base: #5cb85c;
    --po-ui-kit-btn-green-solid-background-color-hover: #449d44;
    --po-ui-kit-btn-v2-green-color-base: #fff;
    --po-ui-kit-btn-v2-green-color-hover: #fff;
    --po-ui-kit-btn-v2-green-border-color-base: transparent;
    --po-ui-kit-btn-v2-green-border-color-hover: transparent;
    --po-ui-kit-btn-v2-green-background-color-base: #5cb85c;
    --po-ui-kit-btn-v2-green-background-color-hover: #449d44;
    --po-ui-kit-btn-v2-blue-color-base: #fff;
    --po-ui-kit-btn-v2-blue-color-hover: #fff;
    --po-ui-kit-btn-v2-blue-border-color-base: #0099fa;
    --po-ui-kit-btn-v2-blue-border-color-hover: #0099fa;
    --po-ui-kit-btn-v2-blue-background-color-base: #0099fa;
    --po-ui-kit-btn-v2-blue-background-color-hover: rgba(0, 153, 250, .8);
    --po-ui-kit-modal-overlay-background-color: hsla(0, 0%, 4%, .8);
    --po-ui-kit-modal-border-color: #dce1e6;
    --po-ui-kit-modal-background-color: #fafafa;
    --po-ui-kit-tiles-item-border-color-base: #829cb8;
    --po-ui-kit-tiles-item-background-color-base: #e1e5ec;
    --po-ui-kit-tiles-key-color-base: #314e70;
    --po-ui-kit-drop-down-modal-border-color: #dce1e6;
    --po-ui-kit-drop-down-modal-background-color: #fafafa;
    --po-ui-kit-right-sidebar-modal-background-color: #fafafa;
    --po-ui-kit-left-sidebar-menu-background-color: #f7f8fa;
    --po-ui-kit-left-sidebar-menu-item-base-color: #314e70;
    --po-ui-kit-left-sidebar-menu-item-base-icon-color: #8ea5c0;
    --po-ui-kit-left-sidebar-menu-item-base-background-color: #f3f5f7;
    --po-ui-kit-left-sidebar-menu-item-base-border-color: #e4eaf1;
    --po-ui-kit-left-sidebar-menu-item-hover-color: #314e70;
    --po-ui-kit-left-sidebar-menu-item-hover-icon-color: #8ea5c0;
    --po-ui-kit-left-sidebar-menu-item-hover-background-color: #e4eaf1;
    --po-ui-kit-left-sidebar-menu-item-active-color: #fff;
    --po-ui-kit-left-sidebar-menu-item-active-icon-color: #fff;
    --po-ui-kit-left-sidebar-menu-item-active-background-color: #5181b8;
    --po-ui-kit-tag-a-base: #2a5885;
    --po-ui-kit-tag-a-hover: #5e7ea3;
    --po-ui-kit-icon-color-base: #829cb8;
    --po-ui-kit-counter-background-color-base: rgba(0, 154, 249, .8);
    --po-ui-kit-counter-background-color-hover: #3099f5;
}

ol,
ul {
    list-style: none;
    padding: 0px;
}

ol,
p,
ul {
    margin: 0px;
}

label {
    font-weight: 300;
}

@-webkit-keyframes avatar-level-up__bg-main {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes avatar-level-up__bg-main {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes avatar-level-up__bg-1 {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(20deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes avatar-level-up__bg-1 {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(20deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes avatar-level-up__bg-2 {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(20deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes avatar-level-up__bg-2 {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(20deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes avatar-level-up__bg-3 {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(20deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes avatar-level-up__bg-3 {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(20deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes christmas-tree__dots {
    0% {
        opacity: 1;
        transform: translateZ(0px) scale(1.05);
    }

    100% {
        opacity: 0.3;
        transform: translate3d(1px, 1px, 0px) scale(1);
    }
}

@keyframes christmas-tree__dots {
    0% {
        opacity: 1;
        transform: translateZ(0px) scale(1.05);
    }

    100% {
        opacity: 0.3;
        transform: translate3d(1px, 1px, 0px) scale(1);
    }
}

@-webkit-keyframes christmas-tree__grow1 {
    0% {
        transform: rotate(-20deg);
    }

    100% {
        transform: rotate(-28deg);
    }
}

@keyframes christmas-tree__grow1 {
    0% {
        transform: rotate(-20deg);
    }

    100% {
        transform: rotate(-28deg);
    }
}

@-webkit-keyframes christmas-tree__grow2 {
    0% {
        transform: rotate(-6deg);
    }

    100% {
        transform: rotate(6deg);
    }
}

@keyframes christmas-tree__grow2 {
    0% {
        transform: rotate(-6deg);
    }

    100% {
        transform: rotate(6deg);
    }
}

@-webkit-keyframes christmas-tree__grow3 {
    0% {
        transform: rotate(20deg);
    }

    100% {
        transform: rotate(28deg);
    }
}

@keyframes christmas-tree__grow3 {
    0% {
        transform: rotate(20deg);
    }

    100% {
        transform: rotate(28deg);
    }
}

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

    100% {
        transform: rotate(1turn);
    }
}

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

    100% {
        transform: rotate(1turn);
    }
}

@-webkit-keyframes pulse-real-trade-type-btn {
    0% {
        box-shadow: rgba(189, 136, 64, 0.42) 0px 0px 1px 2px;
    }

    100% {
        box-shadow: rgba(218, 131, 13, 0.63) 0px 0px 1px 2px;
    }
}

@keyframes pulse-real-trade-type-btn {
    0% {
        box-shadow: rgba(189, 136, 64, 0.42) 0px 0px 1px 2px;
    }

    100% {
        box-shadow: rgba(218, 131, 13, 0.63) 0px 0px 1px 2px;
    }
}

@-webkit-keyframes pulse-demo-trade-type-btn {
    0% {
        box-shadow: rgba(206, 88, 90, 0.42) 0px 0px 1px 2px;
    }

    100% {
        box-shadow: rgba(209, 100, 102, 0.63) 0px 0px 1px 2px;
    }
}

@keyframes pulse-demo-trade-type-btn {
    0% {
        box-shadow: rgba(206, 88, 90, 0.42) 0px 0px 1px 2px;
    }

    100% {
        box-shadow: rgba(209, 100, 102, 0.63) 0px 0px 1px 2px;
    }
}

@-webkit-keyframes gems-lotto-crystals__dots {
    0% {
        opacity: 1;
        transform: translateZ(0px) scale(1.05);
    }

    100% {
        opacity: 0.3;
        transform: translate3d(1px, 1px, 0px) scale(1);
    }
}

@keyframes gems-lotto-crystals__dots {
    0% {
        opacity: 1;
        transform: translateZ(0px) scale(1.05);
    }

    100% {
        opacity: 0.3;
        transform: translate3d(1px, 1px, 0px) scale(1);
    }
}

@-webkit-keyframes gems-lotto-crystals__bone {
    0% {
        transform: scale(0.98);
    }

    100% {
        transform: scale(1.02);
    }
}

@keyframes gems-lotto-crystals__bone {
    0% {
        transform: scale(0.98);
    }

    100% {
        transform: scale(1.02);
    }
}

@-webkit-keyframes gems-lotto-crystals__grow1 {
    0% {
        transform: rotate(-20deg);
    }

    100% {
        transform: rotate(-28deg);
    }
}

@keyframes gems-lotto-crystals__grow1 {
    0% {
        transform: rotate(-20deg);
    }

    100% {
        transform: rotate(-28deg);
    }
}

@-webkit-keyframes gems-lotto-crystals__grow2 {
    0% {
        transform: rotate(-6deg);
    }

    100% {
        transform: rotate(6deg);
    }
}

@keyframes gems-lotto-crystals__grow2 {
    0% {
        transform: rotate(-6deg);
    }

    100% {
        transform: rotate(6deg);
    }
}

@-webkit-keyframes gems-lotto-crystals__grow3 {
    0% {
        transform: rotate(20deg);
    }

    100% {
        transform: rotate(28deg);
    }
}

@keyframes gems-lotto-crystals__grow3 {
    0% {
        transform: rotate(20deg);
    }

    100% {
        transform: rotate(28deg);
    }
}

@-webkit-keyframes text-color-animation-orange {
    0% {
        color: rgb(255, 139, 43);
    }
}

@keyframes text-color-animation-orange {
    0% {
        color: rgb(255, 139, 43);
    }
}

@-webkit-keyframes text-color-animation-blue {
    0% {
        color: rgb(0, 154, 249);
    }
}

@keyframes text-color-animation-blue {
    0% {
        color: rgb(0, 154, 249);
    }
}

@-webkit-keyframes bonus-100-animation-scale {
    0% {
        transform: scale(1) rotate(0deg);
    }

    25% {
        transform: scale(1.1) rotate(-15deg);
    }

    50% {
        transform: scale(1.2) rotate(0deg);
    }

    75% {
        transform: scale(1.1) rotate(15deg);
    }

    100% {
        transform: scale(1) rotate(0deg);
    }
}

@keyframes bonus-100-animation-scale {
    0% {
        transform: scale(1) rotate(0deg);
    }

    25% {
        transform: scale(1.1) rotate(-15deg);
    }

    50% {
        transform: scale(1.2) rotate(0deg);
    }

    75% {
        transform: scale(1.1) rotate(15deg);
    }

    100% {
        transform: scale(1) rotate(0deg);
    }
}

@-webkit-keyframes chest-ray2-animate {
    0% {
        transform: translateX(0px);
    }

    25% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(0px);
    }

    75% {
        transform: translateX(5px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes chest-ray2-animate {
    0% {
        transform: translateX(0px);
    }

    25% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(0px);
    }

    75% {
        transform: translateX(5px);
    }

    100% {
        transform: translateX(0px);
    }
}

@-webkit-keyframes chest-ray1-animate {
    0% {
        transform: translateX(0px);
    }

    25% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(0px);
    }

    75% {
        transform: translateX(5px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes chest-ray1-animate {
    0% {
        transform: translateX(0px);
    }

    25% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(0px);
    }

    75% {
        transform: translateX(5px);
    }

    100% {
        transform: translateX(0px);
    }
}

@-webkit-keyframes chest-bg-animate {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes chest-bg-animate {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes gems-lotto-new-gem-glow-animation {
    100% {
        transform: rotate(-180deg);
    }
}

@keyframes gems-lotto-new-gem-glow-animation {
    100% {
        transform: rotate(-180deg);
    }
}

@-webkit-keyframes new-gifts-btn-radiance {
    0% {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(231, 206, 69, 0.5) 0px 0px 15px;
    }

    50% {
        box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 2px, rgba(231, 206, 69, 0.9) 0px 0px 18px;
    }

    100% {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(231, 206, 69, 0.5) 0px 0px 15px;
    }
}

@keyframes new-gifts-btn-radiance {
    0% {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(231, 206, 69, 0.5) 0px 0px 15px;
    }

    50% {
        box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 2px, rgba(231, 206, 69, 0.9) 0px 0px 18px;
    }

    100% {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(231, 206, 69, 0.5) 0px 0px 15px;
    }
}

@-webkit-keyframes pulse-text {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

@keyframes pulse-text {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

@-webkit-keyframes sparkle {
    0% {
        background-position: 0px 0px;
    }

    100% {
        background-position: 0px -64px;
    }
}

@-webkit-keyframes status_pulse {
    0% {
        opacity: 0;
        transform: scale(0.6);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(1.2);
    }
}

@keyframes status_pulse {
    0% {
        opacity: 0;
        transform: scale(0.6);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(1.2);
    }
}

.hb9-btn-participate {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background-color: var(--background-color);
    color: var(--color);
    gap: 10px;
    justify-content: center;
    min-height: 42px;
    padding: 5px 10px;
    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
    border-radius: 10px !important;
}

.hb9-btn-participate svg {
    display: block;
}

.hb9-btn-participate__icon {
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.hb9-btn-participate__text {
    font-size: 14px;
    font-weight: 600;
}

.hb9-btn-participate:focus {
    color: var(--color);
}

.hb9-btn-participate:hover {
    box-shadow: var(--box-shadow);
    color: var(--color);
}

.hb9-btn-participate:hover .hb9-btn-participate__icon {
    transform: rotate(-15deg);
}

.hb9-btn-participate--white {
    --color: #1a4dde;
    --box-shadow: 0 0 20px 0 rgba(163, 254, 17, .4) inset, 0 0 20px 0 #a3fe11;
    --background-color: #fff;
}

.hb9-btn-participate--blue {
    --color: #fff;
    --box-shadow: 0 0 20px 0 #3e60e3 inset, 0 0 20px 0 #0042ff;
    --background-color: #1a4dde;
}

.hb9-sidebar-btn {
    display: flex;
    position: relative;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 1;
    background: rgb(228, 255, 185);
    border-radius: 8px;
    box-shadow: rgba(49, 78, 112, 0.25) 0px 1px 0.5px, rgba(142, 165, 192, 0.1) 0px 1px 0px inset, rgba(142, 165, 192, 0.3) 0px 0px 1px inset;
    height: 78px;
    margin: 10px auto;
    order: 0;
    overflow: hidden;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
    width: calc(100% - 20px);
    padding: 8px 0px 0px !important;
}

.hb9-sidebar-btn__img {
    bottom: 0px;
    display: block;
    left: 0px;
    position: absolute;
}

.hb9-sidebar-btn__img--banner {
    transition: transform 0.3s, -webkit-transform 0.3s;
    z-index: 2;
}

.hb9-sidebar-btn__img--bg {
    bottom: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.hb9-sidebar-btn__title {
    font-size: 11px;
    font-weight: 600;
    line-height: 12px;
    padding: 0px 3px;
    text-align: center;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-transform: uppercase;
}

.theme-dark-blue .hb9-sidebar-btn__title,
.theme-light .hb9-sidebar-btn__title {
    background: linear-gradient(270deg, rgb(0, 39, 57), rgb(26, 77, 222) 58.82%) text;
}

.hb9-sidebar-btn:hover .hb9-sidebar-btn__img--banner {
    transform: scale(1.08) translateY(-1px);
}

.hb9-sidebar-btn--mobile {
    display: block;
    height: 78px;
    margin: 0px;
    padding: 0px;
    width: 70px;
}

.minimize-left-sidebar .hb9-sidebar-btn {
    height: 30px;
    overflow: hidden;
    padding-top: 3px !important;
}

.minimize-left-sidebar .hb9-sidebar-btn .hb9-sidebar-btn__title {
    display: none;
}

.minimize-left-sidebar .hb9-sidebar-btn .hb9-sidebar-btn__img {
    left: -7px;
    max-width: 140%;
}

.theme-dark-blue .hb9-sidebar-btn {
    background-color: rgb(165, 240, 46);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0.5px 0px, rgba(163, 254, 17, 0.1) 0px 1px 0px 0px inset, rgba(163, 254, 17, 0.3) 0px 0px 1px 0px inset;
}

.theme-dark-blue .hb9-sidebar-btn .hb9-sidebar-btn__img--light {
    display: none;
}

.theme-dark-blue .hb9-sidebar-btn:hover {
    box-shadow: rgba(0, 0, 0, 0.36) 0px 10px 16px 0px, rgba(7, 244, 104, 0.1) 0px 1px 0px 0px inset, rgba(7, 244, 104, 0.3) 0px 0px 1px 0px inset;
}

.theme-light .hb9-sidebar-btn {
    background-color: rgb(228, 255, 185);
    box-shadow: rgba(49, 78, 112, 0.25) 0px 1px 0.5px, rgba(142, 165, 192, 0.1) 0px 1px 0px inset, rgba(142, 165, 192, 0.3) 0px 0px 1px inset;
}

.theme-light .hb9-sidebar-btn .hb9-sidebar-btn__img--dark-blue {
    display: none;
}

.theme-light .hb9-sidebar-btn:hover {
    box-shadow: rgba(0, 0, 0, 0.36) 0px 10px 16px 0px, rgba(7, 244, 104, 0.1) 0px 1px 0px 0px inset, rgba(7, 244, 104, 0.3) 0px 0px 1px 0px inset;
}

@media (orientation: landscape) {
    .hb9-sidebar-btn--mobile {
        height: 32px;
        width: 32px;
    }

    .hb9-sidebar-btn--mobile .hb9-sidebar-btn__title {
        display: none;
    }

    .hb9-sidebar-btn--mobile .hb9-sidebar-btn__img {
        left: -7px;
        max-width: 140%;
    }
}

.hb9-status-badge {
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    backdrop-filter: blur(10px);
    border: 1px solid;
    border-radius: 100px;
    height: 32px;
    padding: 0 20px 0 var(--padding-left);
}

.hb9-status-badge__icon {
    left: var(--icon-left);
    position: absolute;
    top: var(--icon-top);
}

.hb9-status-badge__text {
    font-size: 12px;
    line-height: 24px;
}

.hb9-status-badge--success {
    --padding-left: 40px;
    --icon-left: -21px;
    --icon-top: -17px;
}

.hb9-status-badge--warn {
    --padding-left: 35px;
    --icon-left: 3px;
    --icon-top: 3px;
}

.theme-dark-blue .hb9-status-badge {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    border-color: rgba(255, 255, 255, 0.2);
}

.theme-dark-blue .hb9-status-badge__text {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(163, 254, 17), rgb(255, 255, 255)) text;
}

.theme-light .hb9-status-badge {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    border-color: rgb(220, 225, 230);
}

.theme-light .hb9-status-badge__text {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(26, 77, 222), rgb(49, 78, 112)) text;
}

.hb9-text-gradient {
    display: inline-block;
}

.theme-dark-blue .hb9-text-gradient {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(255, 255, 255), rgb(163, 254, 17)) text;
}

.theme-light .hb9-text-gradient {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(49, 78, 112), rgb(26, 77, 222)) text;
}

.hb9-pgb {
    background-color: var(--pgb-background-color);
    border-radius: 10px;
    height: 6px;
    margin-bottom: 8px;
    overflow: hidden;
    position: relative;
}

.hb9-pgb__line {
    background: linear-gradient(270deg, rgb(7, 244, 104), rgb(50, 172, 65));
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
}

.theme-dark-blue .hb9-pgb {
    --pgb-background-color: hsla(0, 0%, 100%, .2);
}

.theme-light .hb9-pgb {
    --pgb-background-color: #dee6f1;
}

.hb9-district-wrap {
    --width: 36px;
    --height: 36px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    height: var(--height);
    justify-content: center;
    width: var(--width);
}

.hb9-district-wrap--state-1 {
    color: rgb(102, 194, 252);
}

.hb9-district-wrap--state-2 {
    color: rgb(176, 159, 143);
}

.hb9-district-wrap--state-3 {
    color: rgb(194, 254, 98);
}

.virtual-keyboard {
    padding: 0px 10px 8px;
}

.virtual-keyboard svg {
    display: block;
}

.virtual-keyboard__overlay {
    background-color: transparent;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 2;
}

.virtual-keyboard__keys {
    display: grid;
    gap: 4px;
    grid-template-columns: 1fr 1fr 1fr;
}

.virtual-keyboard__open {
    display: block;
}

.virtual-keyboard__input {
    --height: 36px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    justify-content: center;
    min-height: var(--height);
    user-select: none;
}

.virtual-keyboard-wrapper {
    padding: 0px 10px 8px;
}

.virtual-keyboard--pa {
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 12;
}

.virtual-keyboard__overlay+.virtual-keyboard__keys {
    position: absolute;
    z-index: 3;
}

.circle2,
.circle2::after,
.circle2__border {
    border-radius: 50%;
}

.circle2 {
    --backgroud-color: #d63232;
    background-color: var(--backgroud-color);
    height: 8px;
    position: relative;
    width: 8px;
    z-index: 5;
}

.circle2::after {
    animation: 2s ease 0s infinite normal none running pulse;
    box-shadow: 0 0 4px var(--backgroud-color);
    content: " ";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

@-webkit-keyframes pulse {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    75%,
    100% {
        opacity: 0;
    }
}

@keyframes pulse {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    75%,
    100% {
        opacity: 0;
    }
}

.editableform .form-group>div {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}

.editable-buttons {
    align-content: center;
    display: flex;
    margin-left: -7px !important;
    margin-top: -7px !important;
}

.editable-buttons .btn {
    margin-left: 7px;
    margin-top: 7px;
}

.editable-input {
    margin-right: 7px;
}

.editable-buttons,
.editable-input {
    margin-bottom: 4px;
}

.zoom-controls {
    background: transparent;
    border-radius: 4px;
    bottom: 30px;
    font-size: 14px;
    left: 22px;
    padding: 0px;
    position: absolute;
}

.zoom-controls,
.zoom-controls .left {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.zoom-controls .left {
    padding: 0px 15px;
}

.zoom-controls .bootstrap-select {
    height: 28px;
}

.theme-light .zoom-controls .bootstrap-select .dropdown-toggle.btn-default {
    min-height: unset;
}

.zoom-controls .bootstrap-select .dropdown-menu li>a {
    padding-bottom: 1px !important;
    padding-top: 1px !important;
}

.zoom-controls .bootstrap-select .dropdown-menu.inner a {
    text-align: center;
}

.zoom-controls .tooltip-content .tooltip-text {
    max-width: 200px;
    text-align: center;
}

body[class*="layout-"]:not(.layout-full) .zoom-controls .zoom-controls__select-wrap {
    padding: 0px;
}

body[class*="layout-"]:not(.layout-full) .zoom-controls .bootstrap-select {
    height: 22px;
}

body[class*="layout-"]:not(.layout-full) .zoom-controls .bootstrap-select>.dropdown-toggle {
    padding-left: 8px;
    padding-right: 18px;
}

body[class*="layout-"]:not(.layout-full) .zoom-controls .bootstrap-select .dropdown-menu li>a {
    font-size: 12px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

body[class*="layout-"]:not(.layout-full) .zoom-controls .bootstrap-select.btn-group .btn .filter-option {
    font-size: 12px;
}

body[class*="layout-"]:not(.layout-full) .zoom-controls .bootstrap-select.btn-group .dropdown-toggle .caret {
    right: 8px;
}

.ajax-loader-v2 {
    --size: 16px;
    display: inline-block;
}

.ajax-loader-v2__icon {
    display: block;
    height: var(--size);
    width: var(--size);
    fill: rgb(0, 154, 249);
}

.ajax-loader-v2__backing {
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1;
}

.ajax-loader-v2--button:not(.ajax-loader-v2--absolute) {
    margin-left: 7px;
    vertical-align: middle;
}

.ajax-loader-v2--block .ajax-loader-v2__icon {
    --size: 40px;
}

.ajax-loader-v2--absolute {
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 99;
}

.ajax-loader-v2--absolute .ajax-loader-v2__icon {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.ajax-loader-v2--window {
    position: fixed;
}

.ajax-loader-v2--window .ajax-loader-v2__icon {
    --size: 60px;
}

.min-expiration-time-tooltip {
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 10px 15px;
    position: relative;
    text-align: center;
}

.min-expiration-time-tooltip span {
    color: rgb(255, 255, 255);
    font-weight: 700;
}

.min-expiration-time-tooltip a {
    position: absolute;
    right: 5px;
    top: 0px;
}

.tiles {
    --gap: 6px;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--gap)*-1);
    margin-top: calc(var(--gap)*-1);
}

.tile {
    position: relative;
    -webkit-box-flex: 1;
    background-color: var(--po-ui-kit-tiles-item-background-color-base);
    border: 1px dashed var(--po-ui-kit-tiles-item-border-color-base);
    border-radius: 4px;
    flex: 1 1 calc(50% - var(--gap));
    margin-left: var(--gap);
    margin-top: var(--gap);
    padding: 6px;
    text-align: center;
}

.tile__k {
    color: var(--po-ui-kit-tiles-key-color-base);
    font-size: 12px;
}

.tile__v {
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap;
}

.tile--full-size {
    flex-basis: 100%;
}

.payment-info-block {
    --gap: 30px;
    --border-radius: 5px;
    margin-bottom: 20px;
}

.payment-info-block__title {
    font-size: 25px;
    margin-bottom: 10px;
}

.payment-info-block__data {
    display: flex;
}

.payment-info-block__end {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    margin-left: var(--gap);
}

.payment-info-block__block-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: calc(var(--gap)*-1);
}

.payment-info-block__img {
    display: block;
    max-width: 100%;
}

.payment-info-block__block {
    -webkit-box-flex: 1;
    border-radius: var(--border-radius);
    flex: 1 1 0%;
    margin-left: var(--gap);
    padding: 15px;
    text-align: center;
}

.payment-info-block__k {
    font-size: 12px;
}

.payment-info-block__v {
    font-size: 20px;
}

.payment-info-block__text {
    margin-top: 20px;
}

.payment-info-block--my-safe .payment-info-block__img-wrap {
    max-width: 250px;
}

.payment-info-block--my-safe .payment-info-block__img {
    margin-left: -45px;
}

.payment-info-block--mt5 .payment-info-block__img {
    border-radius: var(--border-radius);
}

.payment-info-block__text span,
.payment-info-block__title span,
.payment-info-block__v {
    font-weight: 700;
}

.user-avatar {
    --user-avatar-size: 50px;
    height: var(--user-avatar-size);
    position: relative;
    user-select: none;
    width: var(--user-avatar-size);
}

.user-avatar__img-wrap {
    border-radius: 50%;
    height: 100%;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.user-avatar__img {
    border-radius: 50%;
    display: block;
    max-width: 100%;
}

.user-avatar__profile-level-icon {
    display: flex;
    position: absolute;
    right: 6%;
    top: 6%;
    z-index: 1;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 50%;
    height: 20%;
    justify-content: center;
    width: 20%;
}

.user-avatar__profile-level-icon svg {
    display: block;
    height: 100%;
    width: 100%;
}

.header-avatar__chat-counter:not(.hidden)+.user-avatar .user-avatar__profile-level-icon {
    display: none;
}

.user-avatar .profile-level {
    --profile-level-size: 100%;
    left: 0px;
    pointer-events: none;
    position: absolute;
    top: 0px;
    user-select: none;
    z-index: 1;
}

.user-avatar .tooltip-content .tooltip-text {
    padding: 5px 10px;
}

.user-avatar .tooltip-content.position-down {
    transform: translate(-50%, calc(100% + 5px));
}

.user-avatar[class*="--level-"] .user-avatar__img-wrap {
    mask-size: 100% 100%;
}

.user-avatar[class*="--level-"]:not(.user-avatar--level-4):not(.user-avatar--level-5) .user-avatar__img-wrap:not(.user-avatar__img-wrap--demo) {
    mask-image: url("data:image/svg+xml;utf8,<svg width=\"126\" height=\"126\" viewBox=\"0 0 126 126\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M97.993 38.7357C90.7572 35.6753 85.6801 28.5106 85.6801 20.16C85.6801 18.5348 85.8724 16.9544 86.2355 15.4405C79.2214 12.0073 71.3358 10.08 63.0001 10.08C33.7732 10.08 10.0801 33.7731 10.0801 63C10.0801 92.2269 33.7732 115.92 63.0001 115.92C92.227 115.92 115.92 92.2269 115.92 63C115.92 54.6643 113.993 46.7787 110.56 39.7646C109.046 40.1277 107.465 40.32 105.84 40.32M105.84 40.32C103.057 40.32 100.405 39.7559 97.993 38.7357Z\" fill=\"white\"/> </svg>");
}

.user-avatar[class*="--level-"]:not(.user-avatar--level-4):not(.user-avatar--level-5) .user-avatar__img-wrap--with-status:not(.user-avatar__img-wrap--demo) {
    mask-image: url("data:image/svg+xml;utf8,<svg width=\"126\" height=\"126\" viewBox=\"0 0 126 126\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M97.993 38.7357C90.7572 35.6753 85.6801 28.5106 85.6801 20.16C85.6801 18.5348 85.8724 16.9544 86.2355 15.4405C79.2214 12.0073 71.3358 10.08 63.0001 10.08C33.7732 10.08 10.0801 33.7731 10.0801 63C10.0801 92.2269 33.7732 115.92 63.0001 115.92C71.3358 115.92 79.2214 113.993 86.2356 110.559C85.8725 109.046 85.6802 107.465 85.6802 105.84C85.6802 94.706 94.7061 85.68 105.84 85.68C107.465 85.68 109.046 85.8723 110.56 86.2354C113.993 79.2213 115.92 71.3357 115.92 63C115.92 54.6643 113.993 46.7787 110.56 39.7646C109.046 40.1277 107.465 40.32 105.84 40.32M105.84 40.32C103.057 40.32 100.405 39.7559 97.993 38.7357Z\" fill=\"white\"/> </svg>");
}

.user-avatar[class*="--level-"]:not(.user-avatar--level-4):not(.user-avatar--level-5) .user-avatar__img-wrap--with-status+.profile-level .profile-level__icon-group--status {
    visibility: hidden;
}

.user-avatar--level-0,
.user-avatar--level-1 {
    color: rgb(50, 172, 65);
}

.user-avatar--level-2 {
    color: rgb(34, 90, 172);
}

.user-avatar--level-3 {
    color: rgb(230, 162, 45);
}

.user-avatar--level-4 .user-avatar__img-wrap {
    mask-image: url("data:image/svg+xml;utf8,<svg width=\"126\" height=\"126\" viewBox=\"0 0 126 126\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M72.7991 12.361C66.6102 9.31969 59.3899 9.31969 53.2011 12.361L41.0541 18.3303L28.8809 24.2444C22.6787 27.2576 18.1769 32.9853 16.6617 39.791L13.6878 53.1487L10.6551 66.4928C9.11001 73.2915 10.7167 80.4339 15.0161 85.8791L23.4547 96.5666L31.8462 107.292C36.1216 112.757 42.6269 115.936 49.5034 115.92L63.0001 115.889L76.4968 115.92C83.3732 115.936 89.8785 112.757 94.1539 107.292L102.545 96.5666L110.984 85.8791C115.283 80.4338 116.89 73.2915 115.345 66.4928L112.312 53.1487L109.338 39.791C107.823 32.9853 103.321 27.2576 97.1193 24.2444L84.9461 18.3303L72.7991 12.361Z\" fill=\"white\"/> </svg>");
}

.user-avatar--level-4 .user-avatar__img-wrap--with-status {
    mask-image: url("data:image/svg+xml;utf8,<svg width=\"126\" height=\"126\" viewBox=\"0 0 126 126\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M53.2011 12.361C59.3899 9.31969 66.6102 9.31969 72.7991 12.361L84.9461 18.3303L97.1193 24.2444C103.321 27.2576 107.823 32.9853 109.338 39.791L112.312 53.1487L115.345 66.4928C116.89 73.2915 115.283 80.4338 110.984 85.8791L110.68 86.2647C109.129 85.8826 107.508 85.68 105.84 85.68C94.7059 85.68 85.6799 94.7059 85.6799 105.84C85.6799 108.459 86.1793 110.961 87.0881 113.257C83.8668 114.992 80.2367 115.928 76.4968 115.92L63.0001 115.889L49.5034 115.92C42.6269 115.936 36.1216 112.757 31.8462 107.292L23.4547 96.5666L15.0161 85.8791C10.7167 80.4339 9.11001 73.2915 10.6551 66.4928L13.6878 53.1487L16.6617 39.791C18.1769 32.9853 22.6787 27.2576 28.8809 24.2444L41.0541 18.3303L53.2011 12.361Z\" fill=\"white\"/> </svg>");
}

.user-avatar--level-4 .user-avatar__img-wrap--notify {
    mask-image: url("data:image/svg+xml;utf8,<svg width=\"126\" height=\"126\" viewBox=\"0 0 126 126\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M85.7312 18.7117L84.9461 18.3303L72.7991 12.361C66.6102 9.31969 59.3899 9.31969 53.2011 12.361L41.0541 18.3303L28.8809 24.2444C22.6787 27.2576 18.1769 32.9853 16.6617 39.791L13.6878 53.1487L10.6551 66.4928C9.11001 73.2915 10.7167 80.4339 15.0161 85.8791L23.4547 96.5666L31.8462 107.292C36.1216 112.757 42.6269 115.936 49.5034 115.92L63.0001 115.889L76.4968 115.92C83.3732 115.936 89.8785 112.757 94.1539 107.292L102.545 96.5666L110.984 85.8791C115.283 80.4338 116.89 73.2915 115.345 66.4928L112.312 53.1487L109.387 40.009C108.235 40.2134 107.05 40.32 105.84 40.32C94.7059 40.32 85.6799 31.2941 85.6799 20.16C85.6799 19.673 85.6972 19.19 85.7312 18.7117Z\" fill=\"white\"/> </svg>");
}

.user-avatar--level-5 .user-avatar__img-wrap {
    mask-image: url("data:image/svg+xml;utf8,<svg width=\"126\" height=\"126\" viewBox=\"0 0 126 126\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M78.841 15.3301C75.968 21.1763 69.9539 25.2 63.0001 25.2C56.0463 25.2 50.0322 21.1763 47.1592 15.3301L41.0541 18.3302L28.8809 24.2444C22.6787 27.2576 18.1769 32.9853 16.6617 39.791L13.6878 53.1487L10.6551 66.4928C9.11001 73.2915 10.7167 80.4338 15.0161 85.8791L23.4547 96.5666L31.8462 107.292C36.1216 112.757 42.6269 115.936 49.5034 115.92L63.0001 115.889L76.4968 115.92C83.3732 115.936 89.8785 112.757 94.1539 107.292L102.545 96.5666L110.984 85.8791C115.283 80.4338 116.89 73.2915 115.345 66.4928L112.312 53.1487L109.338 39.791C107.823 32.9853 103.321 27.2576 97.1193 24.2444L84.9461 18.3302L78.841 15.3301Z\" fill=\"white\"/> </svg>");
}

.user-avatar--level-5 .user-avatar__img-wrap--with-status {
    mask-image: url("data:image/svg+xml;utf8,<svg width=\"126\" height=\"126\" viewBox=\"0 0 126 126\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M78.841 15.3301C75.968 21.1763 69.9539 25.2 63.0001 25.2C56.0463 25.2 50.0322 21.1763 47.1592 15.3301L41.0541 18.3302L28.8809 24.2444C22.6787 27.2576 18.1769 32.9853 16.6617 39.791L13.6878 53.1487L10.6551 66.4928C9.11001 73.2915 10.7167 80.4338 15.0161 85.8791L23.4547 96.5666L31.8462 107.292C36.1216 112.757 42.6269 115.936 49.5034 115.92L63.0001 115.889L76.4968 115.92C80.2367 115.928 83.8668 114.992 87.0881 113.257C86.1793 110.961 85.6799 108.459 85.6799 105.84C85.6799 94.7059 94.7059 85.68 105.84 85.68C107.508 85.68 109.129 85.8826 110.68 86.2647L110.984 85.8791C115.283 80.4338 116.89 73.2915 115.345 66.4928L112.312 53.1487L109.338 39.791C107.823 32.9853 103.321 27.2576 97.1193 24.2444L84.9461 18.3302L78.841 15.3301Z\" fill=\"white\"/> </svg>");
}

.user-avatar--level-5 .user-avatar__img-wrap--notify {
    mask-image: url("data:image/svg+xml;utf8,<svg width=\"126\" height=\"126\" viewBox=\"0 0 126 126\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M78.841 15.3301C75.968 21.1763 69.9539 25.2 63.0001 25.2C56.0463 25.2 50.0322 21.1763 47.1592 15.3301L41.0541 18.3302L28.8809 24.2444C22.6787 27.2576 18.1769 32.9853 16.6617 39.791L13.6878 53.1487L10.6551 66.4928C9.11001 73.2915 10.7167 80.4338 15.0161 85.8791L23.4547 96.5666L31.8462 107.292C36.1216 112.757 42.6269 115.936 49.5034 115.92L63.0001 115.889L76.4968 115.92C83.3732 115.936 89.8785 112.757 94.1539 107.292L102.545 96.5666L110.984 85.8791C115.283 80.4338 116.89 73.2915 115.345 66.4928L112.312 53.1487L109.387 40.009C108.235 40.2134 107.05 40.32 105.84 40.32C94.7059 40.32 85.6799 31.2941 85.6799 20.16C85.6799 19.673 85.6972 19.19 85.7312 18.7117L84.9461 18.3302L78.841 15.3301Z\" fill=\"white\"/> </svg>");
}

.user-avatar--level-4 .user-avatar__img,
.user-avatar--level-5 .user-avatar__img {
    border-radius: unset;
}

.user-avatar--level-4 .user-avatar__img-wrap--notify+.profile-level .profile-level__icon-group--notify,
.user-avatar--level-4 .user-avatar__img-wrap--with-status+.profile-level .profile-level__icon-group--status,
.user-avatar--level-5 .user-avatar__img-wrap--notify+.profile-level .profile-level__icon-group--notify,
.user-avatar--level-5 .user-avatar__img-wrap--with-status+.profile-level .profile-level__icon-group--status {
    visibility: hidden;
}

.profile-level {
    --profile-level-size: 100px;
    height: var(--profile-level-size);
    position: relative;
    user-select: none;
    width: var(--profile-level-size);
}

.profile-level svg {
    display: block;
}

.profile-level .profile-level__check {
    height: 88%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 88%;
}

.profile-level .user-level-progress-icon {
    height: 100%;
    width: 100%;
}

.profile-level .user-level-progress-icon .bg {
    fill: rgb(152, 166, 209);
    opacity: 0.3;
}

.your-level-badge {
    --border-radius: 4px;
    --font-size: 11px;
    --padding-x: 4px;
    --padding-y: 1px;
    border-radius: var(--border-radius);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + 1px);
    padding: var(--padding-y) var(--padding-x) calc(var(--padding-y) + 2px);
}

.your-level-badge a,
.your-level-badge a:focus,
.your-level-badge a:hover {
    color: rgb(255, 255, 255);
}

.your-level-badge--demo {
    background-color: rgb(172, 172, 172);
}

.your-level-badge--0,
.your-level-badge--1 {
    background-color: rgb(50, 172, 65);
}

.your-level-badge--2 {
    background-color: rgb(34, 90, 172);
    color: rgb(255, 255, 255);
}

.your-level-badge--3 {
    background-color: rgb(230, 162, 45);
}

.your-level-badge--4,
.your-level-badge--5 {
    background-color: rgb(218, 185, 114);
    color: rgb(68, 42, 14);
}

.your-level-badge--4 a,
.your-level-badge--4 a:hover,
.your-level-badge--5 a,
.your-level-badge--5 a:hover {
    color: rgb(68, 42, 14);
}

.your-level-badge-text {
    --font-size: 10px;
    --border-radius: 3px;
    border-radius: var(--border-radius);
    font-size: var(--font-size);
    line-height: calc(var(--font-size) + 1px);
    padding: 0px 4px;
}

.your-level-badge-text--0,
.your-level-badge-text--1 {
    color: rgb(50, 172, 65);
}

.your-level-badge-text--2 {
    color: rgb(35, 90, 172);
}

.your-level-badge-text--3 {
    color: rgb(227, 160, 45);
}

.your-level-badge-text--4,
.your-level-badge-text--5 {
    background-color: rgb(219, 186, 114);
    color: rgb(68, 42, 14);
}

.show-hide-personal-data .fa {
    font-size: 12px !important;
}

.balance-info-block {
    --border-radius: 8px;
    cursor: pointer;
    position: relative;
    top: -8px;
    transition: border-color 0.3s;
}

.balance-info-block svg {
    display: block;
    transition: transform 0.3s, -webkit-transform 0.3s;
    will-change: transform;
}

.balance-info-block__top {
    bottom: -9px;
    position: relative;
}

.balance-info-block__top-in {
    display: flex;
    position: relative;
    z-index: 1;
    -webkit-box-align: center;
    align-items: center;
    font-size: 11px;
    margin-left: 11px;
    margin-right: 10px;
    text-wrap: nowrap;
}

.balance-info-block__top-in>* {
    padding-left: 4px;
    padding-right: 4px;
}

.balance-info-block__data {
    border: 1px solid;
    border-radius: var(--border-radius);
    display: grid;
    gap: 0px;
    grid-template-columns: 1fr 30px;
    height: var(--eles-height, 42px);
    padding-left: 15px;
    position: relative;
    transition: border-color 0.3s;
}

.balance-info-block__balance {
    font-size: 18px;
    line-height: 18px;
}

.balance-info-block__currency {
    margin-left: auto;
}

.balance-info-block .balance-icon {
    height: 22px;
    fill: rgb(255, 255, 255);
}

.balance-info-block__restore-demo {
    margin-right: 4px;
}

.balance-info-block__restore-demo .fa {
    color: var(--po-ui-kit-tag-a-base);
}

.balance-info-block__restore-demo .fa:hover {
    color: rgb(255, 255, 255);
}

.balance-info-block.opened .balance-info-block__arrow svg {
    transform: rotate(180deg);
}

.balance-info-block__arrow,
.balance-info-block__balance,
.balance-info-block__icon {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.left-sidebar-menu {
    --width: 360px;
    --padding-x: 10px;
    --padding-y: 10px;
    --item-padding-x: 24px;
    --item-padding-y: 10px;
    --item-height: 56px;
    --item-color: var(--po-ui-kit-left-sidebar-menu-item-base-color);
    --item-icon-color: var(--po-ui-kit-left-sidebar-menu-item-base-icon-color);
    --item-background-color: var(--po-ui-kit-left-sidebar-menu-item-base-background-color);
    --item-border-color: var(--po-ui-kit-left-sidebar-menu-item-base-border-color);
    background-color: var(--po-ui-kit-left-sidebar-menu-background-color);
    bottom: 0px;
    box-shadow: rgba(49, 49, 49, 0.07) 6px 6px 10px 0px;
    padding: var(--padding-y) var(--padding-x);
    position: absolute;
    top: 0px;
    user-select: none;
    width: var(--width);
    z-index: 12;
}

.left-sidebar-menu:not(.fixed) {
    left: 0px;
}

.s-chat_open .left-sidebar-menu:not(.fixed) {
    left: -360px;
}

.left-sidebar-menu svg {
    display: block;
}

.left-sidebar-menu__link {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    background-color: var(--item-background-color);
    border: 1px solid var(--item-border-color);
    border-radius: 5px;
    font-size: 14px;
    height: var(--item-height);
    line-height: 1.333;
    margin-bottom: var(--item-padding-y);
    padding: var(--item-padding-y) var(--item-padding-x);
    transition: background-color 0.2s, color 0.2s;
    color: var(--item-color) !important;
}

.left-sidebar-menu__link .lsm-icon {
    flex-basis: 34px;
}

.left-sidebar-menu__link .to-right {
    margin-left: auto;
}

.left-sidebar-menu__link .current-arrow {
    position: relative;
    right: -10px;
}

.left-sidebar-menu__link .svg-icon {
    color: var(--item-icon-color);
    height: 23px;
    max-width: 24px;
    fill: var(--item-icon-color);
    transition: fill 0.3s;
}

.left-sidebar-menu__list>li:not(.active):hover .left-sidebar-menu__link {
    --item-color: var(--po-ui-kit-left-sidebar-menu-item-hover-color);
    --item-icon-color: var(--po-ui-kit-left-sidebar-menu-item-hover-icon-color);
    --item-background-color: var(--po-ui-kit-left-sidebar-menu-item-hover-background-color);
}

.left-sidebar-menu__list>li.active .left-sidebar-menu__link {
    --item-color: var(--po-ui-kit-left-sidebar-menu-item-active-color);
    --item-icon-color: var(--po-ui-kit-left-sidebar-menu-item-active-icon-color);
    --item-background-color: var(--po-ui-kit-left-sidebar-menu-item-active-background-color);
    --item-border-color: var(--po-ui-kit-left-sidebar-menu-item-active-border-color);
}

.left-sidebar-menu .chat_pm_link svg {
    pointer-events: none;
}

.left-sidebar-menu .discount-icon {
    left: 10px;
    position: absolute;
    top: 5px;
}

.left-sidebar-menu .discount-icon .svg-icon {
    height: 30px;
    max-height: unset;
    max-width: unset;
}

.left-sidebar-menu .status+.counter {
    margin-left: 10px;
}

.left-sidebar-menu .social-icons-in-modal {
    margin-top: 12px;
}

.left-sidebar-menu .status {
    animation: 2s ease 0s infinite normal none running left-sidebar-status-pulse;
    border-radius: 50%;
    height: 12px;
    opacity: 0;
    width: 12px;
}

.left-sidebar-menu .status--on {
    background-color: rgb(21, 243, 142);
}

.left-sidebar-menu .status--off {
    background-color: rgb(127, 127, 127);
    display: none;
}

@-webkit-keyframes left-sidebar-status-pulse {
    0% {
        opacity: 0;
        transform: scale(0.6);
        transform-origin: center center;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(1.2);
    }
}

@keyframes left-sidebar-status-pulse {
    0% {
        opacity: 0;
        transform: scale(0.6);
        transform-origin: center center;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(1.2);
    }
}

.left-sidebar-menu.fixed {
    position: fixed;
    top: 0px;
    left: 90px !important;
}

.minimize-left-sidebar .left-sidebar-menu.fixed {
    left: 50px !important;
}

@media (display-mode: standalone) {
    .hide-for-pwa {
        display: none !important;
    }
}

.radio-widget {
    --width: 20px;
    --height: 20px;
    --text-gap: 12px;
    --border-color: #8ea5c0;
    --background-color: #242838;
    --checked-border-color: #009af9;
    --checked-background-color: #009af9;
    display: inline-flex;
}

.radio-widget input[type="radio"] {
    display: none;
    margin: 0px;
}

.radio-widget__text {
    cursor: pointer;
    padding-left: calc(var(--width) + var(--text-gap));
    position: relative;
    user-select: none;
}

.radio-widget__text::after,
.radio-widget__text::before {
    border-radius: 50%;
    content: "";
    position: absolute;
}

.radio-widget__text::before {
    background-color: var(--background-color);
    border: 2px solid var(--border-color);
    height: var(--height);
    left: 0px;
    top: 0px;
    transition: background-color 0.3s, border-color 0.3s;
    width: var(--width);
}

.radio-widget__text::after {
    background-color: var(--checked-background-color);
    height: calc(var(--height) - 8px);
    left: 4px;
    opacity: 0;
    top: 4px;
    transition: opacity 0.2s;
    width: calc(var(--width) - 8px);
}

.radio-widget input[type="radio"]:checked+.radio-widget__text::before {
    border-color: var(--checked-border-color);
}

.radio-widget input[type="radio"]:checked+.radio-widget__text::after {
    opacity: 1;
}

.checkbox-widget {
    --width: 20px;
    --height: 20px;
    --text-gap: 12px;
    --border-color: #8ea5c0;
    --background-color: #242838;
    --checked-border-color: #009af9;
    --checked-background-color: #009af9;
    display: inline-flex;
}

.checkbox-widget input[type="checkbox"] {
    display: none;
    margin: 0px;
}

.checkbox-widget__text {
    cursor: pointer;
    padding-left: calc(var(--width) + var(--text-gap));
    position: relative;
    user-select: none;
}

.checkbox-widget__text::after,
.checkbox-widget__text::before {
    content: "";
    position: absolute;
}

.checkbox-widget__text::before {
    background-color: var(--background-color);
    border: 2px solid var(--border-color);
    height: var(--height);
    left: 0px;
    top: 0px;
    transition: background-color 0.3s, border-color 0.3s;
    width: var(--width);
}

.checkbox-widget__text::after {
    background-color: var(--checked-background-color);
    height: calc(var(--height) - 8px);
    left: 4px;
    opacity: 0;
    top: 4px;
    transition: opacity 0.2s;
    width: calc(var(--width) - 8px);
}

.checkbox-widget input[type="checkbox"]:checked+.checkbox-widget__text::before {
    border-color: var(--checked-border-color);
}

.checkbox-widget input[type="checkbox"]:checked+.checkbox-widget__text::after {
    opacity: 1;
}

.ps {
    position: relative;
}

.pocket-friends-sidebar-btn {
    background: var(--background-color-base);
    border: 1px solid var(--border-color-base);
    border-radius: 8px;
    display: block;
    margin: 10px auto;
    position: relative;
    transition: border-color 0.3s, background 0.3s;
    width: calc(100% - 20px);
    padding-top: 8px !important;
}

.pocket-friends-sidebar-btn:not(.pocket-friends-sidebar-btn--halal) {
    padding-bottom: 0px !important;
}

.pocket-friends-sidebar-btn::after {
    background: var(--background-color-hover);
    border-radius: 8px;
    content: "";
    height: 100%;
    left: 0px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0px;
    transition: opacity 0.3s;
    width: 100%;
    z-index: 1;
}

.pocket-friends-sidebar-btn:hover::after {
    opacity: 1;
}

.pocket-friends-sidebar-btn:hover {
    border-color: var(--border-color-hover);
}

.pocket-friends-sidebar-btn img {
    display: block;
    margin: 0px auto;
    max-width: 100%;
}

.pocket-friends-sidebar-btn__icon--minimize {
    display: none;
}

.pocket-friends-sidebar-btn__text {
    color: var(--color-base);
    font-size: 11px;
    font-weight: 600;
    line-height: 12px;
    margin-bottom: 2px;
    text-align: center;
    text-transform: uppercase;
}

.pocket-friends-sidebar-btn--halal:not(.pocket-friends-sidebar-btn--mobile) {
    gap: 6px;
    display: grid !important;
}

.pocket-friends-sidebar-btn--halal:not(.pocket-friends-sidebar-btn--mobile) .pocket-friends-sidebar-btn__icon {
    -webkit-box-ordinal-group: 2;
    order: 1;
}

.pocket-friends-sidebar-btn--halal:not(.pocket-friends-sidebar-btn--mobile) .pocket-friends-sidebar-btn__text {
    -webkit-box-ordinal-group: 3;
    margin-bottom: 0px;
    order: 2;
}

.pocket-friends-sidebar-btn--mobile {
    flex-shrink: 0;
    height: 78px;
    margin: 0px;
    width: 70px;
}

.pocket-friends-sidebar-btn--mobile::after {
    display: none;
}

.pocket-friends-sidebar-btn--mobile .pocket-friends-sidebar-btn__icon img {
    width: 80%;
}

@media (orientation: landscape) {
    .pocket-friends-sidebar-btn--mobile {
        height: 32px;
        width: 30px;
        padding: 5px !important;
    }

    .pocket-friends-sidebar-btn--mobile .pocket-friends-sidebar-btn__icon {
        display: none;
    }

    .pocket-friends-sidebar-btn--mobile .pocket-friends-sidebar-btn__icon--minimize {
        display: block;
    }

    .pocket-friends-sidebar-btn--mobile .pocket-friends-sidebar-btn__icon--minimize img {
        width: 100%;
    }

    .pocket-friends-sidebar-btn--mobile .pocket-friends-sidebar-btn__text {
        display: none;
    }
}

.pocket-friends-sidebar-btn__icon,
.pocket-friends-sidebar-btn__text {
    position: relative;
    z-index: 2;
}

.minimize-left-sidebar .pocket-friends-sidebar-btn {
    padding: 5px !important;
}

.minimize-left-sidebar .pocket-friends-sidebar-btn__icon {
    display: none;
}

.minimize-left-sidebar .pocket-friends-sidebar-btn__icon--minimize {
    display: block;
}

.minimize-left-sidebar .pocket-friends-sidebar-btn__text {
    display: none;
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
}

:root {
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0px;
}

.swiper,
.swiper-wrapper {
    position: relative;
    z-index: 1;
}

.swiper-wrapper {
    box-sizing: content-box;
    transition-property: transform, -webkit-transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
}

@media screen and (min-width: 480px) {
    .swiper-wrapper {
        height: auto !important;
    }
}

@media screen and (max-width: 479px) {
    .swiper-wrapper {
        transition-property: all;
    }
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
}

.swiper-pagination {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.swiper-pagination-bullet {
    border-radius: 10px;
    cursor: pointer;
    height: 10px;
    transition: background-color 0.3s;
    width: 10px;
}

.swiper {
    max-width: 100%;
    min-height: 0px;
    min-width: 0px;
    width: 100%;
}

.swiper-wrapper {
    display: flex;
    height: 100%;
    max-height: 100%;
}

.promo-block-ny2026 {
    background-position: 100% 0px !important;
    background-size: cover !important;
    cursor: default !important;
}

.promo-block-ny2026 svg {
    display: block;
}

.promo-block-ny2026__in {
    position: relative;
    z-index: 2;
}

.promo-block-ny2026__bg1 {
    bottom: 0px;
    position: absolute;
    right: 0px;
    z-index: 1;
}

.promo-block-ny2026__bg1 img {
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.promo-block-ny2026__title {
    margin-bottom: 12px;
}

.promo-block-ny2026__title span {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.promo-block-ny2026__text {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
    max-width: 220px;
}

.promo-block-ny2026 .btn {
    display: inline-flex;
    gap: 4px;
    min-height: unset;
    padding: 4px 12px;
}

.promo-block-ny2026 .ny2026-btn__text {
    font-size: 12px;
    line-height: 20px;
}

.promo-block-ny2026:hover .promo-block-ny2026__bg1 img {
    transform: translateX(-1%) scale(1.1);
}

.promo-block-ny2026__text,
.promo-block-ny2026__title {
    user-select: none;
}

html.rtl .promo-block-ny2026 .promo-block-ny2026__bg1 {
    left: 0px;
    transform: scaleX(-1);
}

.theme-dark-blue .promo-block-ny2026 {
    background-image: url("https://po.trade/images/cabinet/promo/promo-block-ny2026/dark-blue-bg.png") !important;
}

.theme-dark-blue .promo-block-ny2026__title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(255, 255, 255), rgb(7, 244, 104)) text;
}

.theme-dark-blue .promo-block-ny2026__text {
    color: rgb(222, 253, 235);
}

@media only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .theme-dark-blue .promo-block-ny2026 {
        background-image: url("https://po.trade/images/cabinet/promo/promo-block-ny2026/dark-blue-bg@2x.png") !important;
    }
}

.theme-light .promo-block-ny2026 {
    background-image: url("https://po.trade/images/cabinet/promo/promo-block-ny2026/light-bg.png") !important;
}

.theme-light .promo-block-ny2026__title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(49, 78, 112), rgb(24, 183, 89)) text;
}

.theme-light .promo-block-ny2026__text {
    color: rgb(49, 78, 112);
}

@media only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .theme-light .promo-block-ny2026 {
        background-image: url("https://po.trade/images/cabinet/promo/promo-block-ny2026/light-bg@2x.png") !important;
    }
}

.promo-block-hb9 {
    transition: 0.3s;
    background-position: 100% 0px !important;
    background-size: cover !important;
    cursor: default !important;
}

.promo-block-hb9__in {
    position: relative;
    z-index: 2;
}

.promo-block-hb9__bg1 {
    bottom: -14px;
    position: absolute;
    right: 0px;
    z-index: 1;
}

.promo-block-hb9__bg1 img {
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.promo-block-hb9__title {
    margin-bottom: 12px;
}

.promo-block-hb9__title span {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.1px;
    line-height: 24px;
}

.promo-block-hb9__sub-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 14px;
}

.promo-block-hb9__text {
    font-size: 12px;
    line-height: 19px;
    margin-bottom: 9px;
    max-width: 230px;
}

.promo-block-hb9 .hb9-btn-participate {
    font-size: 12px;
    line-height: 20px;
    min-height: auto;
    padding: 4px 12px;
}

.promo-block-hb9 .hb9-btn-participate__text {
    font-size: 12px;
    line-height: 20px;
}

.promo-block-hb9 .hb9-btn-participate--white {
    color: rgb(18, 28, 41);
}

.promo-block-hb9 .ppromo {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(163, 254, 17);
    font-weight: 600;
    gap: 5px;
}

.promo-block-hb9 .ppromo__code {
    text-decoration: underline;
}

.promo-block-hb9 .hb9-btn {
    display: inline-flex;
    padding: 4px 39px;
}

.promo-block-hb9 .hb9-btn__text {
    letter-spacing: -0.2px;
}

.promo-block-hb9:hover .promo-block-hb9__bg1 img {
    transform: translateX(-1%) scale(1.1);
}

.promo-block-hb9__text,
.promo-block-hb9__title {
    user-select: none;
}

.promo-block-hb9 .hb9-timer {
    --t-width: 60px;
    --t-height: 52px;
    --t-border-radius: 14px;
    --t-background-color: rgba(18, 28, 41, .4);
    --t-n-font-size: 20px;
    --t-n-color: #a3fe11;
    --t-s-font-size: 10px;
    --t-s-color: #fff;
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(4, var(--t-width));
    grid-template-rows: var(--t-height);
}

.promo-block-hb9 .hb9-timer__col {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    backdrop-filter: blur(5px);
    background-color: rgba(2, 12, 116, 0.2);
    justify-content: center;
}

.promo-block-hb9 .hb9-timer__col--first {
    border-bottom-left-radius: var(--t-border-radius);
    border-top-left-radius: var(--t-border-radius);
}

.promo-block-hb9 .hb9-timer__col--last {
    border-bottom-right-radius: var(--t-border-radius);
    border-top-right-radius: var(--t-border-radius);
}

.promo-block-hb9 .hb9-timer__n {
    color: var(--t-n-color);
    font-family: Montserrat, sans-serif;
    font-size: var(--t-n-font-size);
    font-weight: 600;
    line-height: calc(var(--t-n-font-size) + 4px);
    text-align: center;
}

.promo-block-hb9 .hb9-timer__s {
    color: var(--t-s-color);
    font-family: Montserrat, sans-serif;
    font-size: var(--t-s-font-size);
    font-weight: 400;
    line-height: calc(var(--t-s-font-size) + 6px);
    text-align: center;
}

.promo-block-hb9 .hb9-timer {
    --t-width: 25%;
}

html.rtl .promo-block-hb9 .promo-block-hb9__bg1 {
    left: 0px;
    transform: scaleX(-1);
}

.theme-dark-blue .promo-block-hb9 {
    background-image: url("https://po.trade/images/cabinet/promo/promo-block-hb9/bg-dark-blue.png") !important;
}

.theme-dark-blue .promo-block-hb9__text {
    color: rgb(222, 253, 235);
}

.theme-dark-blue .promo-block-hb9 .hb9-btn--white {
    color: rgb(26, 77, 222);
}

@media only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .theme-dark-blue .promo-block-hb9 {
        background-image: url("https://po.trade/images/cabinet/promo/promo-block-hb9/bg-dark-blue@2x.png") !important;
    }
}

.theme-light .promo-block-hb9 {
    background-image: url("https://po.trade/images/cabinet/promo/promo-block-hb9/bg-light.png") !important;
}

.theme-light .promo-block-hb9__text {
    color: rgb(49, 78, 112);
}

.theme-light .promo-block-hb9 .hb9-btn--blue {
    background-color: rgb(26, 77, 222);
    color: rgb(255, 255, 255);
}

@media only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .theme-light .promo-block-hb9 {
        background-image: url("https://po.trade/images/cabinet/promo/promo-block-hb9/bg-light@2x.png") !important;
    }
}

body:not(.minimize-left-sidebar) .left-sidebar .tooltip-content,
body:not(.minimize-right-sidebar) .right-sidebar .tooltip-content {
    display: none;
}

.red-shard-icon {
    height: 45px;
    width: 45px;
}

.blue-shard-icon {
    height: 50px;
    width: 45px;
}

.green-shard-icon {
    height: 32px;
    width: 45px;
}

.top-left-block {
    left: 22px;
    pointer-events: none;
    position: absolute;
    top: 22px;
    z-index: 9;
}

.top-left-block .current-time {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(126, 145, 167);
    font-size: 12px;
}

.top-left-block .current-time__time {
    min-width: 50px;
}

.top-left-block .current-time__zone {
    min-width: 40px;
}

.top-left-block .current-time__actions {
    display: flex;
    margin-left: 4px;
}

.top-left-block .current-time__action-item {
    border-radius: 4px;
    height: 20px;
    pointer-events: all;
    width: 20px;
}

.top-left-block .current-time__action-icon {
    color: rgb(126, 145, 167);
    font-size: 12px;
}

.top-left-block .theme-dark-blue .current-time__action-item {
    background: rgb(37, 43, 60);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px;
}

.top-left-block .theme-dark-blue .current-time__action-item:hover {
    background-color: rgb(54, 64, 89);
}

.top-left-block .theme-dark-blue .current-time__action-item:hover .current-time__action-icon {
    color: rgb(255, 255, 255);
}

.top-left-block .theme-light .current-time__action-item {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px;
}

.top-left-block .theme-light .current-time__action-item:hover {
    background-color: rgb(234, 235, 237);
}

.top-left-block .info-icons__item {
    margin-bottom: 7px;
}

.top-left-block .info-icons__link {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    cursor: pointer;
    font-size: 16px;
    justify-content: center;
    min-height: 30px;
    padding: 4px;
    transition: background-color 0.5s, border 0.5s;
    width: 30px;
}

.top-left-block .info-icons__link--zipper .svg-icon-zipper div {
    display: flex;
    margin: auto;
}

.top-left-block .info-icons__link--zipper .svg-icon-zipper div svg {
    height: 14px;
    width: 14px;
}

.top-left-block .info-icons--signal {
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}

.top-left-block .info-icons--signal .info-icons__icon {
    font-size: 12px;
    line-height: 22px;
    padding-bottom: 4px;
}

.top-left-block .info-icons--signal .info-icons__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-bottom: 0px;
}

.top-left-block .info-icons--signal .info-icons__link.red {
    border-color: rgba(191, 58, 45, 0.5);
    color: rgb(191, 58, 45);
}

.top-left-block .info-icons--signal .info-icons__link.green {
    border-color: rgba(111, 194, 116, 0.5);
    color: rgb(111, 194, 116);
}

.top-left-block .info-icons--signal .period {
    font-size: 12px;
    line-height: 20px;
}

.top-left-block .info-icons--analytics,
.top-left-block .info-icons--asset-info,
.top-left-block .info-icons--risk-free {
    font-size: 40px;
}

.top-left-block .info-icons--analytics {
    position: relative;
}

.top-left-block .info-icons--analytics .info-icons__link .warning {
    color: rgb(236, 49, 31);
    font-size: 16px;
    position: absolute;
    right: 2px;
    top: 2px;
}

.top-left-block .current-indicators {
    position: relative;
}

.top-left-block .current-indicators ul {
    left: 45px;
    position: absolute;
    top: 0px;
    z-index: 1;
}

.top-left-block .current-indicators li {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 4px;
}

.top-left-block .current-indicators li>span {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90px;
}

.top-left-block .current-indicators .muted a,
.top-left-block .current-indicators .muted span {
    color: rgb(79, 88, 99);
}

.top-left-block .current-indicators .current-indicators-collapse {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 4px;
    justify-content: center;
    padding: 5px 4px;
    transition: background-color 0.3s, color 0.3s;
    width: 30px;
}

.top-left-block .current-indicators .current-indicators-collapse .fa {
    transition: transform 0.2s, -webkit-transform 0.2s;
}

.top-left-block .current-indicators .current-indicators-collapse .cnt {
    display: none;
    font-size: 12px;
    margin-left: 5px;
}

.top-left-block .current-indicators__controls {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 12px;
    margin-left: 5px;
}

.top-left-block .current-indicators__controls>a {
    border-radius: 4px;
    margin-left: 1px;
    padding: 0px 6px;
}

.top-left-block .current-indicators.open .current-indicators-collapse .fa {
    transform: rotate(180deg);
}

.top-left-block__block1 {
    margin-bottom: 10px;
    pointer-events: all;
}

.top-left-block__block1,
.top-left-block__block1 .items {
    display: flex;
}

.top-left-block__block1 .items .tooltip-text {
    text-align: center;
}

.top-left-block__block1 .items .top-icons-list {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}

.top-left-block__block1 .items .items__link {
    margin-bottom: 5px;
}

.top-left-block__block1 .theme-light .items .items__link .counter {
    --po-ui-kit-counter-background-color-base: var(--po-ui-kit-counter-background-color-hover);
}

.top-left-block__block1 .items .items__link--chart-type .svg-wrapper {
    height: 35px;
}

.top-left-block__block1 .theme-dark-blue .items .items__link:hover .counter {
    background-color: var(--po-ui-kit-counter-background-color-hover);
}

.top-left-block__block1 .items .settings-container {
    display: flex;
    position: relative;
    z-index: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.top-left-block__block1 .items .settings-container .open {
    position: absolute;
    top: 39px;
}

.top-left-block__block1 .items .settings-container .two-columns {
    display: flex;
}

.top-left-block__block1 .items .settings-container .settings-modal {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: rgb(46, 46, 54);
    border-radius: 4px;
    flex-flow: column wrap;
    margin-top: 15px;
    padding: 0px;
}

.top-left-block__block1 .items .settings-container .settings-modal__item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
    height: 40px;
    margin: 0px;
    padding: 3px;
}

.top-left-block__block1 .items .settings-container .settings-modal__item .drawing-icon {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    color: rgb(255, 255, 255);
    justify-content: center;
    width: 34px;
}

.top-left-block__block1 .items .settings-container .settings-modal__item .drawing-label {
    margin: 0px 10px;
    white-space: nowrap;
}

.top-left-block__block1 .items .settings-container .settings-modal__item:hover {
    background-color: rgba(48, 153, 245, 0.24);
}

.top-left-block__block1 .items .settings-container .settings-modal__item:hover .drawing-label {
    color: rgb(255, 255, 255);
}

.top-left-block__block1 .items__icon {
    height: 21px;
    transition: color 0.5s;
    width: 24px;
}

.top-left-block__block1 .items .counter {
    font-size: 8px;
    line-height: 10px;
    position: absolute;
    right: -5px;
    top: -5px;
}

.top-left-block__block1 .items__link {
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    height: 34px;
    justify-content: center;
    margin-left: 5px;
    transition: border 0.5s;
    width: 35px;
}

.top-left-block__block1 .items__link--chart-type .svg-icon {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 17px;
}

.top-left-block__block1 .items__link--market-watch,
.top-left-block__block1 .items__link--rating-widget,
.top-left-block__block1 .items__link--social,
.top-left-block__block1 .items__link--trade-monitor,
.top-left-block__block1 .items__link--zoom {
    min-width: 35px;
    text-align: center;
}

.top-left-block__block1 .items__link--trade-monitor {
    font-size: 18px;
}

.top-left-block__block1 .items__link--market-watch .icon {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==?v=5") 0px 0px / cover no-repeat;
    height: 18px;
    width: 18px;
}

.top-left-block__block1 .currencies-block .trade-type-btn,
.top-left-block__block1 .currencies-block__in {
    display: inline-block;
    vertical-align: top;
}

.top-left-block__block1 .currencies-block__in {
    height: 34px;
}

.top-left-block__block1 .currencies-block__in [class*="fa-caret"] {
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.top-left-block__block1 .currencies-block__in>a {
    display: inline-block;
    font-size: 16px;
    padding: 0px 10px;
}

.top-left-block__block1 .currencies-block__in.open [class*="fa-caret"] {
    transform: rotate(180deg);
}

.top-left-block__block1 .currencies-block .pair-number-wrap {
    height: 100%;
}

.top-left-block__block1 .currencies-block .pair-number-wrap>div {
    display: inline-block;
}

.top-left-block__block1 .currencies-block .pair-number-wrap .pair {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
}

.top-left-block__block1 .currencies-block .pair-number-wrap .pair .fa {
    font-size: 12px;
    margin-left: 7px;
}

.top-left-block__block1 .currencies-block .pair-number-wrap .number {
    padding-left: 2px;
}

.top-left-block__block1 .currencies-block .pair-number-wrap .current-symbol {
    white-space: nowrap;
}

.top-left-block__block1 .currencies-block .pair-number-wrap .current-symbol_cropped {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.top-left-block__block1 .currencies-block .pair-number-wrap .tooltip-content .tooltip-text {
    max-width: 500px;
}

.top-left-block__block1 .currencies-block .icon {
    height: 100%;
    line-height: 46px;
    min-width: 50px;
    padding-left: 40px;
    position: relative;
}

.top-left-block__block1 .currencies-block .icon::before {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==?v1") 0px 0px no-repeat;
    content: "";
    height: 14px;
    left: 14px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 16px;
}

.top-left-block__block1 .currencies-block .icon .timeframe {
    font-size: 11px;
}

.top-left-block__block1 .currencies-block .icon .timeframe__sec {
    font-weight: 700;
}

.top-left-block__block1 .currencies-block .icon .timeframe__str {
    font-size: 9px;
}

.top-left-block__block1 .currencies-block .icon.icon-chart-1::before {
    background-position: 0px 0px;
}

.top-left-block__block1 .currencies-block .icon.icon-chart-2::before {
    background-position: 0px -14px;
}

.top-left-block__block1 .currencies-block .icon.icon-chart-3::before {
    background-position: 0px -28px;
}

.top-left-block__block1 .currencies-block .icon.icon-chart-4::before {
    background-position: 0px -42px;
}

.top-left-block__block1 .currencies-block .icon-chart-settings {
    height: 100%;
    line-height: 46px;
    min-width: 50px;
    position: relative;
}

.top-left-block__block1 .currencies-block .table {
    background-color: transparent;
    margin-bottom: 0px;
}

.top-left-block__block1 .currencies-block .table td {
    border-top: 0px;
    padding: 3px 0px;
}

.top-left-block__block1 .currencies-block .overlay {
    background: transparent;
}

.top-left-block__block1 .currencies-block .number {
    color: rgb(111, 194, 116);
    cursor: pointer;
    min-width: 100px;
}

.top-left-block__block1 .currencies-block .current-symbol-price {
    font-weight: 700;
}

.top-left-block__block1 .currencies-block .price-up {
    color: rgb(111, 194, 116);
}

.top-left-block__block1 .currencies-block .price-down {
    color: rgb(191, 58, 45);
}

.top-left-block__block1 .currencies-block .drop-down-list {
    display: none;
}

.top-left-block__block1 .currencies-block .tooltip-content.position-right .tooltip-text {
    font-size: 13px;
    font-weight: 300;
}

.top-left-block__block2 {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
}

.top-left-block__block2>div {
    margin-bottom: 7px;
}

.top-left-block__block2 .current-indicators,
.top-left-block__block2 .info-icons {
    pointer-events: all;
}

.action-high-low .title__in .tooltip-content {
    bottom: -12px;
}

.control-wrap {
    bottom: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 10;
}

.control-wrap,
.trading-panel {
    display: flex;
}

.trading-panel {
    height: 100%;
    width: 160px;
}

body[class*="layout-"]:not(.layout-full) .trading-panel {
    width: 145px;
}

.trading-panel svg {
    display: block;
}

.trading-panel .auxiliary-information-panels__item {
    border-radius: 0px;
    box-shadow: none;
    cursor: pointer;
}

.trading-panel .call-put-block {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    padding: 10px;
}

.trading-panel .call-put-block input {
    appearance: textfield;
    background-color: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding: 0px;
    width: 100%;
}

.trading-panel .call-put-block input::-webkit-inner-spin-button,
.trading-panel .call-put-block input::-webkit-outer-spin-button {
    appearance: none;
    margin: 0px;
}

.trading-panel .call-put-block .list {
    display: flex;
    margin-left: -10px;
    margin-top: -10px;
}

.trading-panel .call-put-block .list__item {
    margin-left: 10px;
    margin-top: 10px;
}

.trading-panel .call-put-block .list__link {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    padding: 0px;
    text-align: center;
    transition: border-color 0.3s, background-color 0.3s, box-shadow 0.3s, color 0.3s, -webkit-box-shadow 0.3s;
    will-change: border-color, background-color, box-shadow, color;
}

.trading-panel .call-put-block .list>li+li {
    padding-top: 0px;
}

.trading-panel .call-put-block .list__v {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    text-align: center;
}

.trading-panel .call-put-block .list__k,
.trading-panel .call-put-block .list__v {
    padding: 2px 5px;
}

.trading-panel .call-put-block--has-ai-trading-android .tour-action-buttons-container {
    --container-height: 60px;
}

.trading-panel .call-put-block--has-ai-trading-android .tour-action-buttons-container .button-ai-trading-wrap {
    top: 0px;
}

body:not(.portrait) .trading-panel .call-put-block .block--payout .value {
    padding: 4px 8px;
}

body:not(.portrait) .trading-panel .call-put-block .block--payout .value__val {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

body:not(.portrait) .trading-panel .call-put-block .block--payout .value__val-start {
    font-size: 14px;
}

.trading-panel .call-put-block .block {
    --border-radius: 8px;
    margin-bottom: 8px;
    position: relative;
}

.trading-panel .call-put-block .block__title-free-trade {
    margin-bottom: 4px;
}

.trading-panel .call-put-block .block .value {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding: 0px 10px 0px 8px;
}

.trading-panel .call-put-block .block .value__currency {
    margin-left: 5px;
    margin-right: 3px;
    padding-top: 4px;
}

.trading-panel .call-put-block .block .value__val {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.trading-panel .call-put-block .block .value .big-number-1 input {
    font-size: 12px;
}

.trading-panel .call-put-block .block .control {
    border: 1px solid;
    border-radius: var(--border-radius);
    display: flex;
    min-height: 36px;
    transition: border-color 0.3s;
}

.trading-panel .call-put-block .block .control .control-buttons__wrapper {
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 36px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-bottom-right-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    justify-content: center;
}

.trading-panel .call-put-block .block .control__value {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.trading-panel .call-put-block .block .control--disabled {
    pointer-events: none;
    transition: none;
}

.trading-panel .call-put-block .block .buttons {
    display: flex;
}

.trading-panel .call-put-block .block .buttons>* {
    cursor: pointer;
    flex-basis: 100%;
    font-size: 14px;
    text-align: center;
    user-select: none;
}

.trading-panel .call-put-block .block .buttons .currency-icon {
    height: 16px;
    width: 16px;
}

.trading-panel .call-put-block .block__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 4px;
    white-space: nowrap;
}

.trading-panel .call-put-block .block__title .fa {
    cursor: help;
    margin-left: 4px;
}

.trading-panel .call-put-block .block__title .tooltip-text {
    text-align: center;
    white-space: normal;
}

.trading-panel .call-put-block .block__title .sbtn {
    width: 24px;
}

.trading-panel .call-put-block .block__title-total {
    margin-left: 4px;
}

.trading-panel .call-put-block .block__title-free-trade {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.trading-panel .call-put-block .block__title-free-trade .svg-icon-zipper svg {
    height: 12px;
    margin-bottom: 2px;
    margin-right: 4px;
    width: 12px;
}

.trading-panel .call-put-block .block__control {
    border-radius: 4px;
}

.trading-panel .call-put-block .block__list-in {
    border-radius: 4px;
    padding: 10px;
}

.trading-panel .call-put-block .block__list-wrap {
    left: auto;
    margin-right: 23px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 0px;
    transform: translate3d(0px, 7px, 0px);
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s, -webkit-transform 0.3s;
    visibility: hidden;
    z-index: 1;
}

.trading-panel .call-put-block .block__list-wrap--active {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    visibility: visible;
}

.trading-panel .call-put-block .block--strike-price .mdl-switch {
    margin-left: -3px;
    transform: scale(0.6);
}

.trading-panel .call-put-block .block--strike-price .block__title {
    top: -13px;
}

.trading-panel .call-put-block body:not(.is-m-version) .block--strike-price .block__title {
    height: 24px;
}

.trading-panel .call-put-block .block--payout .block__title-end {
    margin-left: auto;
}

.trading-panel .call-put-block .block--payout .control {
    border-style: dashed;
}

.trading-panel .call-put-block .block--payout .value {
    cursor: default;
}

.trading-panel .call-put-block .block--payout .value__val {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    color: rgb(111, 194, 116);
    justify-content: space-between;
}

.trading-panel .call-put-block .block--payout .value__val-start {
    font-size: 16px;
    font-weight: 600;
}

.trading-panel .call-put-block .block--payout .value__val-end {
    font-size: 12px;
    font-weight: 400;
}

.trading-panel .call-put-block .block--payout.big-number-1 .block__title,
.trading-panel .call-put-block .block--payout.big-number-2 .block__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: start;
}

.trading-panel .call-put-block .block--payout.big-number-1 .tooltip2,
.trading-panel .call-put-block .block--payout.big-number-2 .tooltip2 {
    margin-left: 0px;
}

.trading-panel .call-put-block .block--payout.big-number-1 .block__title-end,
.trading-panel .call-put-block .block--payout.big-number-2 .block__title-end {
    margin: 0px;
}

.trading-panel .call-put-block .block--bet-amount {
    cursor: pointer;
}

.trading-panel .call-put-block .block--bet-amount .order-limit-icon {
    margin-right: 4px;
}

.trading-panel .call-put-block .block--bet-amount .spinner-animation-block>.block__control {
    width: 100%;
}

.trading-panel .call-put-block .block--bet-amount .spinner-animation-block>.block__control .value {
    position: relative;
    z-index: 3;
}

.trading-panel .call-put-block .block--bet-amount .spinner-animation-block>.block__control .control-buttons__wrapper {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    position: relative;
    z-index: 3;
}

.trading-panel .call-put-block .block--time-to-purchase .value__val {
    text-align: right;
}

.trading-panel .call-put-block .block--expiration-inputs .control__buttons>div {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.trading-panel .call-put-block .block--expiration-inputs .control__buttons>a {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-right: 0px;
    justify-content: center;
    padding: 2px 0px;
}

.trading-panel .call-put-block .block--expiration-inputs .control__buttons>a span {
    font-size: 10px;
    margin-left: 4px;
}

.trading-panel .call-put-block .block--expiration-inputs__dropdown {
    display: flex;
    position: absolute;
    right: 161px;
    top: 0px;
    z-index: 13;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 4px;
    height: 100px;
    opacity: 0;
    transform: translateX(7px);
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s, -webkit-transform 0.3s;
    visibility: hidden;
    width: 180px;
}

.trading-panel .call-put-block .block--expiration-inputs__dropdown::before {
    border: 6px solid transparent;
    content: "";
    margin-right: -6px;
    pointer-events: none;
    position: absolute;
    right: -6px;
    top: 20px;
}

.trading-panel .call-put-block .block--expiration-inputs__dropdown-enter-done {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0px);
    visibility: visible;
}

.trading-panel .call-put-block .block--expiration-inputs__dropdown .expiration-input-controls-wrapper {
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    height: 100%;
    justify-content: center;
}

.trading-panel .call-put-block .block--expiration-inputs__dropdown .expiration-input-controls-wrapper::after {
    content: ":";
    font-size: 20px;
    position: absolute;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
}

.trading-panel .call-put-block .block--expiration-inputs__dropdown .expiration-input-controls-wrapper .input-field-wrapper {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.trading-panel .call-put-block .block--expiration-inputs__dropdown .expiration-input-controls-wrapper .input-field-wrapper input {
    border: 0px;
    font-size: 20px;
    height: 100%;
    text-align: center;
    width: 50px;
}

.trading-panel .call-put-block .block--expiration-inputs__dropdown .expiration-input-controls-wrapper .btn-minus,
.trading-panel .call-put-block .block--expiration-inputs__dropdown .expiration-input-controls-wrapper .btn-plus {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-right-style: solid;
    border-right-width: 1px;
    height: 26px;
    justify-content: center;
    text-align: center;
    transition: background-color 0.2s;
    width: 100%;
}

.trading-panel .call-put-block .block--expiration-inputs__dropdown .expiration-input-controls-wrapper .btn-plus {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.trading-panel .call-put-block .block--expiration-inputs__dropdown .expiration-input-controls-wrapper .btn-minus {
    border-top-style: solid;
    border-top-width: 1px;
}

.trading-panel .call-put-block .block--expiration-inputs__dropdown .expiration-input-controls-wrapper:last-child::after {
    content: "";
}

.trading-panel .call-put-block .block--expiration-inputs__dropdown .expiration-input-controls-wrapper:last-child .btn-minus,
.trading-panel .call-put-block .block--expiration-inputs__dropdown .expiration-input-controls-wrapper:last-child .btn-plus {
    border-right: 0px;
}

.trading-panel .payout {
    display: grid;
    grid-template-columns: 1fr;
    line-height: 1.12;
    text-align: left;
}

.trading-panel .payout .more-than-10-characters {
    font-size: 11px !important;
}

.trading-panel .payout .more-than-12-characters {
    font-size: 10px !important;
}

.trading-panel .tour-action-buttons-container {
    --gap: 12px;
    --container-height: 104px;
    display: grid;
    gap: var(--gap);
    height: var(--container-height);
    position: relative;
    transition: height 0.5s;
}

body[class*="layout-"]:not(.layout-full) .trading-panel .tour-action-buttons-container .button-ai-trading-wrap {
    top: 40px;
}

body[class*="layout-"]:not(.layout-full) .trading-panel .tour-action-buttons-container:not(.has-ai-trading) {
    --container-height: 76px;
}

body[class*="layout-"]:not(.layout-full) .trading-panel .tour-action-buttons-container.has-ai-trading {
    --container-height: 116px;
}

.trading-panel .tour-action-buttons-container .btn-call,
.trading-panel .tour-action-buttons-container .btn-put {
    --height: 48px;
    transition-duration: 0.5s;
    transition-property: color, background, box-shadow, font-size, height, -webkit-box-shadow;
}

.is-multigraph .trading-panel .tour-action-buttons-container .btn-call,
.is-multigraph .trading-panel .tour-action-buttons-container .btn-put {
    --offset-right: 4px;
    --font-size: 12px !important;
}

.trading-panel .tour-action-buttons-container .button-put-wrap {
    bottom: 0px;
    transition: bottom 0.5s;
}

.trading-panel .tour-action-buttons-container .button-ai-trading-wrap {
    top: 48px;
}

.trading-panel .tour-action-buttons-container .button-ai-trading-wrap,
.trading-panel .tour-action-buttons-container .button-call-wrap,
.trading-panel .tour-action-buttons-container .button-put-wrap {
    position: absolute;
    width: 100%;
}

.trading-panel .tour-action-buttons-container:not(.has-ai-trading) .button-ai-trading-wrap {
    pointer-events: none;
}

.trading-panel .tour-action-buttons-container:not(.has-ai-trading) .ai-trading-btn {
    opacity: 0;
}

.trading-panel .tour-action-buttons-container.has-ai-trading {
    --container-height: 156px;
}

.trading-panel .tour-action-buttons-container.has-ai-trading .btn-call,
.trading-panel .tour-action-buttons-container.has-ai-trading .btn-put {
    --height: 36px;
    --font-size: 14px;
}

.is-market-watch .trading-panel {
    width: 184px;
}

body[class*="layout-"]:not(.layout-full).is-market-watch .trading-panel {
    width: 169px;
}

.is-multigraph .trading-panel .tour-action-buttons-container .btn.big-number-1 .svg-icon-wrap {
    --offset-right: 4px;
    --offset-left: 8px;
}

.is-multigraph .trading-panel .tour-action-buttons-container .btn.big-number-1 .payout {
    line-height: 1.166;
}

.is-multigraph .trading-panel .tour-action-buttons-container .btn.big-number-1 .payout__profit {
    font-size: 12px;
}

.is-multigraph .trading-panel .tour-action-buttons-container .btn.big-number-2 .svg-icon-wrap {
    --offset-right: 4px;
    --offset-left: 8px;
}

.is-multigraph .trading-panel .tour-action-buttons-container .btn.big-number-2 .payout {
    line-height: 1.366;
}

.is-multigraph .trading-panel .tour-action-buttons-container .btn.big-number-2 .payout__profit {
    font-size: 9px;
}

body.is-multigraph .trading-panel .tour-action-buttons-container .btn-call,
body.is-multigraph .trading-panel .tour-action-buttons-container .btn-put {
    --height: 36px;
}

body.is-multigraph .zoom-controls .left {
    display: none;
}

.drop-down-modal-wrap .amount-list-modal {
    border-radius: 8px;
    padding: 12px 10px;
    width: 300px;
}

.drop-down-modal-wrap .amount-list-modal svg {
    display: block;
}

.drop-down-modal-wrap .amount-list-modal .trading-panel-modal__column {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.drop-down-modal-wrap .amount-list-modal .start-block {
    display: grid;
    gap: 4px;
    grid-template-columns: 1fr 95px;
    margin-bottom: 8px;
}

.drop-down-modal-wrap .amount-list-modal .start-block input {
    border-radius: 6px;
    height: 100%;
    padding: 0px 6px;
}

.drop-down-modal-wrap .amount-list-modal .start-block .amount-field {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 6px;
    cursor: default;
    font-size: 24px;
    height: 100%;
    justify-content: center;
    pointer-events: none;
    user-select: none;
}

.drop-down-modal-wrap .amount-list-modal .start-block .amount-field.big-number-1 {
    font-size: 20px;
}

.drop-down-modal-wrap .amount-list-modal .start-block .multiply-field {
    font-size: 14px;
}

.drop-down-modal-wrap .amount-list-modal .start-block.one-item {
    grid-template-columns: 1fr;
}

.drop-down-modal-wrap .amount-list-modal .multiply {
    display: grid;
    gap: 4px;
    grid-template-columns: 1fr auto;
}

.drop-down-modal-wrap .amount-list-modal .multiply__btn-wrap {
    display: grid;
    gap: 4px;
}

.drop-down-modal-wrap .amount-list-modal .multiply__btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 6px;
    color: rgb(142, 165, 192);
    cursor: pointer;
    height: 24px;
    justify-content: center;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    width: 28px;
}

.drop-down-modal-wrap .amount-list-modal .end-block {
    display: flex;
    margin: 0px -4px;
}

.drop-down-modal-wrap .amount-list-modal .end-block .item {
    padding: 0px 4px;
}

.drop-down-modal-wrap .amount-list-modal .end-block .item:nth-last-child(2),
.drop-down-modal-wrap .amount-list-modal .end-block .item:nth-last-child(2)~.item {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
}

.drop-down-modal-wrap .amount-list-modal .end-block .item:nth-last-child(3),
.drop-down-modal-wrap .amount-list-modal .end-block .item:nth-last-child(3)~.item {
    -webkit-box-flex: 0;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}

.drop-down-modal-wrap .amount-list-modal .end-block .item:nth-last-child(4),
.drop-down-modal-wrap .amount-list-modal .end-block .item:nth-last-child(4)~.item {
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
}

.drop-down-modal-wrap .amount-list-modal .end-block .item__inner {
    border-radius: 6px;
    cursor: pointer;
    font-size: 11px;
    padding: 4px;
    text-align: center;
}

.drop-down-modal-wrap .amount-list-modal .tooltip2 {
    margin-left: 4px;
}

.drop-down-modal-wrap .amount-list-modal .mdl-switch {
    height: 14px;
    min-height: auto;
    right: -8px;
    top: -5px;
}

.drop-down-modal-wrap .amount-list-modal .small-switch {
    --thumb-width: 14px;
    --track-width: 22px;
}

.drop-down-modal-wrap .amount-list-modal .small-switch .mdl-switch__track {
    height: 10px;
    top: 7px;
    width: var(--track-width);
}

.drop-down-modal-wrap .amount-list-modal .small-switch .mdl-switch__thumb {
    height: 14px;
    left: 0px;
    top: 5px;
    width: var(--thumb-width);
}

.drop-down-modal-wrap .amount-list-modal .small-switch .mdl-switch__label {
    font-size: 12px;
    line-height: 22px;
}

.drop-down-modal-wrap .amount-list-modal .small-switch.is-checked .mdl-switch__thumb {
    left: calc(var(--track-width) - var(--thumb-width));
}

.drop-down-modal-wrap .amount-list-modal .small-switch.mdl-switch.is-upgraded {
    padding-left: 30px;
}

.drop-down-modal-wrap .amount-list-modal .order-amount-limit {
    border-radius: 6px;
    padding: 8px 10px;
}

.drop-down-modal-wrap .amount-list-modal .order-amount-limit__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 12px;
}

.drop-down-modal-wrap .amount-list-modal .order-amount-limit__title-end {
    margin-left: auto;
}

.drop-down-modal-wrap .amount-list-modal .order-amount-limit__controls {
    display: grid;
    gap: 8px;
    grid-template-columns: 30px 1fr 30px;
}

.drop-down-modal-wrap .amount-list-modal .order-amount-limit__btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 6px;
    cursor: pointer;
    justify-content: center;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.drop-down-modal-wrap .amount-list-modal .order-amount-limit .input-group input {
    min-height: 26px;
}

.drop-down-modal-wrap .amount-list-modal .order-amount-limit__title+.order-amount-limit__controls {
    margin-top: 8px;
}

.drop-down-modal-wrap .amount-list-modal .amount-block,
.drop-down-modal-wrap .amount-list-modal .start-block {
    margin-bottom: 8px;
}

.drop-down-modal-wrap .expiration-list-modal {
    border-radius: 8px;
}

.drop-down-modal-wrap .expiration-list-modal .rw {
    display: flex;
}

.drop-down-modal-wrap .expiration-list-modal .list {
    flex-basis: 33.3333%;
}

.drop-down-modal-wrap .expiration-list-modal .list__k {
    border-right: 1px solid;
    min-width: 45px;
}

.drop-down-modal-wrap .expiration-list-modal .list__v {
    min-width: 85px;
}

.drop-down-modal-wrap .expiration-inputs-list-modal {
    border-radius: 8px;
    width: 200px;
}

.drop-down-modal-wrap .expiration-inputs-list-modal .trading-panel-modal__in {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
}

.drop-down-modal-wrap .expiration-inputs-list-modal svg {
    display: block;
}

.drop-down-modal-wrap .expiration-inputs-list-modal input {
    font-size: 18px;
    min-width: 50px;
    text-align: center;
}

.drop-down-modal-wrap .expiration-inputs-list-modal a {
    display: block;
    height: 26px;
    text-align: center;
}

.drop-down-modal-wrap .expiration-inputs-list-modal .rw {
    position: relative;
}

.drop-down-modal-wrap .expiration-inputs-list-modal .rw::after {
    content: ":";
    font-size: 20px;
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
}

.drop-down-modal-wrap .expiration-inputs-list-modal .rw:last-child::after {
    display: none;
}

.drop-down-modal-wrap .expiration-inputs-list-modal .dops {
    border-radius: 6px;
    margin-top: 10px;
    padding: 8px 10px;
}

.drop-down-modal-wrap .expiration-inputs-list-modal .dops .mdl-switch {
    height: 14px;
    min-height: auto;
    top: -3px;
    transform: scale(0.7);
    width: 33px;
}

.drop-down-modal-wrap .expiration-inputs-list-modal .dops .radio-wrap {
    display: grid;
    grid-template-columns: 1fr 33px;
}

.drop-down-modal-wrap .expiration-inputs-list-modal .dops .radio-wrap__text {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 12px;
    padding-right: 6px;
}

.drop-down-modal-wrap .expiration-inputs-list-modal .dops .radio-wrap__text .tooltip2 {
    cursor: help;
    margin-left: 4px;
}

.drop-down-modal-wrap .expiration-inputs-list-modal .dops__radio-wrap+.dops__timeframes {
    margin-top: 10px;
}

.drop-down-modal-wrap .expiration-inputs-list-modal .dops__timeframes {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
}

.drop-down-modal-wrap .expiration-inputs-list-modal .dops__timeframes-item {
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: center;
    transition: background-color 0.3s, color 0.3s;
    user-select: none;
}

.drop-down-modal-wrap .expiration-inputs-list-modal .btn-minus,
.drop-down-modal-wrap .expiration-inputs-list-modal .btn-plus {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 6px;
    justify-content: center;
    transition: background-color 0.3s, border-color 0.3s;
    user-select: none;
}

.drop-down-modal-wrap .expiration-inputs-list-modal .btn-minus svg,
.drop-down-modal-wrap .expiration-inputs-list-modal .btn-plus svg {
    opacity: 0.5;
}

.drop-down-modal-wrap .expiration-inputs-list-modal .btn-minus.disabled,
.drop-down-modal-wrap .expiration-inputs-list-modal .btn-plus.disabled {
    cursor: default;
    opacity: 0.5;
}

.drop-down-modal-wrap .trading-panel-modal {
    padding: 12px 10px;
    position: absolute;
    transform: translateX(-20px);
    z-index: 10;
}

.drop-down-modal-wrap .trading-panel-modal .panel-collapse {
    background-color: rgb(31, 35, 52);
    border-radius: 8px;
    box-sizing: border-box;
    margin-bottom: 8px;
}

.drop-down-modal-wrap .trading-panel-modal .panel-collapse__header {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    color: rgb(132, 155, 183);
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: 16px;
    padding: 4px 10px;
}

.drop-down-modal-wrap .trading-panel-modal .panel-collapse__header .collapse-icon {
    border-radius: 6px;
    display: flex;
    height: 24px;
    transition: 0.5s linear;
    width: 24px;
}

.drop-down-modal-wrap .trading-panel-modal .panel-collapse__header .collapse-icon .svg-icon-zipper {
    margin: auto;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.drop-down-modal-wrap .trading-panel-modal .panel-collapse__header .collapse-icon .svg-icon-zipper svg {
    height: 10px;
    width: 10px;
}

.drop-down-modal-wrap .trading-panel-modal .panel-collapse__header .collapse-icon .svg-icon-zipper.isOpen {
    transform: rotate(180deg);
}

.drop-down-modal-wrap .trading-panel-modal .panel-collapse__body {
    height: 0px;
    overflow: hidden;
    transition: height 0.3s;
}

.drop-down-modal-wrap .trading-panel-modal .panel-collapse--hide-bottom-offset {
    margin-bottom: 0px;
}

.drop-down-modal-wrap .trading-panel-modal .history-of-trades {
    display: grid;
    gap: 4px;
    grid-template-columns: repeat(3, 1fr);
    padding: 0px 10px 8px;
}

.drop-down-modal-wrap .trading-panel-modal .history-of-trades__item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border: 1px solid rgb(44, 50, 69);
    border-radius: 6px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    justify-content: center;
    line-height: 16px;
}

.drop-down-modal-wrap .spinner-animation-block {
    margin-bottom: 8px;
}

.drop-down-modal-wrap .spinner-animation-block .svg-icon-zipper svg {
    display: block;
    height: 12px;
    margin-bottom: 2px;
    margin-right: 10px;
    width: 12px;
}

.drop-down-modal-wrap input {
    background-color: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    text-align: center;
    width: 100%;
}

.drop-down-modal-wrap .list-wrap {
    display: flex;
    margin-left: -10px;
    margin-top: -10px;
}

.drop-down-modal-wrap .list {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.drop-down-modal-wrap .list__link {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid;
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    transition: border-color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
    will-change: border-color, background-color, box-shadow, color;
}

.drop-down-modal-wrap .list__item {
    margin-left: 10px;
    margin-top: 10px;
}

.drop-down-modal-wrap .list__v {
    flex-basis: 100%;
}

.drop-down-modal-wrap .list__k,
.drop-down-modal-wrap .list__v {
    padding: 2px 5px;
}

@media screen and (max-width: 1300px) {
    body[class*="layout-"]:not(.layout-full) .drop-down-modal-wrap .expiration-list-modal .list__k {
        border-right-width: medium;
        border-right-style: none;
        border-right-color: currentcolor;
    }

    body[class*="layout-"]:not(.layout-full) .drop-down-modal-wrap .expiration-list-modal .list__v {
        display: none;
    }
}

select {
    appearance: none;
}

.nav-tabs,
.nav-tabs.nav-justified>li>a,
.nav-tabs.nav-justified>li>a .active>a,
.nav-tabs.nav-justified>li>a:focus,
.nav-tabs.nav-justified>li>a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li:focus,
.nav-tabs>li:hover,
.nav-tabs>li>a {
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: initial !important;
}

.tab-content {
    padding: 15px;
}

.pager li>a,
.pager li>span {
    background: none;
    border: 1px solid rgba(48, 153, 245, 0.36);
}

.pager.pager-without-border li>a,
.pager.pager-without-border li>span {
    border-color: rgb(255, 255, 255);
}

.pager>.disabled>a,
.pager>.disabled>span {
    border-color: rgb(221, 221, 221);
    opacity: 0.6;
}

.pager li>a span:focus,
.pager li>a span:hover,
.pager li>a:focus,
.pager li>a:hover {
    background-color: rgba(48, 153, 245, 0.2);
    border: 1px solid rgb(48, 153, 245);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px, rgba(48, 153, 245, 0.6) 0px 0px 15px;
}

.row {
    margin: 0px -10px;
}

.row>[class*="col-"] {
    padding: 0px 10px;
}

.login .login-header .brand {
    font-size: 28px;
    padding: 0px;
    text-align: center;
}

.login .login-header .brand small {
    display: block;
    font-size: 14px;
}

.login .login-header .brand .logo {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px / cover no-repeat;
    display: inline-block;
    font-size: 0px;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 4px;
    width: 39px;
}

.login .login-header .icon {
    opacity: 0.1;
    position: absolute;
    right: 40px;
    top: -2px;
}

.login .login-header .icon i {
    font-size: 70px;
}

.login .login-header.guide-msg {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    top: -110px;
}

.login .login-header.guide-msg .alert-info {
    margin-bottom: 5px;
}

.login .login-content {
    color: rgb(153, 153, 153);
    padding: 30px 40px;
}

.login .login-content .message-error {
    margin-top: 0px;
}

.alert .alert-success {
    background-color: rgb(176, 235, 202);
    color: rgb(60, 118, 61);
}

#reportrange {
    cursor: pointer;
    line-height: 20px;
    padding: 5px 30px 5px 10px;
    position: relative;
}

.commission_currency_item {
    font-size: 14px;
    margin-bottom: 10px;
    text-align: left;
}

.commission_currency_item i {
    font-size: 20px;
}

.box-border {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px;
}

.has-error .form-control {
    color: rgb(169, 68, 66) !important;
}

.panel-inverse>.panel-heading {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
}

.editableform-loading {
    background-image: url("https://po.trade/images/ajax/logo16.gif") !important;
}

.dropdown-menu {
    border-radius: 4px;
    padding: 10px;
}

.dropdown-item {
    border-radius: 4px;
    display: block;
    margin-bottom: 7px;
    padding: 4px 10px;
}

.dropdown-item:last-child {
    margin-bottom: 0px;
}

.po-modal {
    --modal-width: 800px;
    --modal-padding-x: 25px;
    --modal-padding-y: 25px;
    background-color: var(--po-ui-kit-modal-background-color);
    border: 1px solid var(--po-ui-kit-modal-border-color);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px;
    display: inline-block;
    margin: auto;
    padding: 25px;
    position: relative;
    text-align: left;
    width: var(--modal-width);
    border-radius: 10px !important;
}

.po-modal .title {
    font-size: 18px;
    margin-bottom: 20px;
    padding-right: 20px;
}

.po-modal--new {
    --modal-width: 400px;
    --modal-padding-x: 24px;
    --modal-padding-y: 24px;
    --gap: 20px;
    border-color: var(--border-color);
    display: grid;
    gap: var(--gap);
    line-height: 1.34;
    padding: var(--modal-padding-y) var(--modal-padding-x);
}

.po-modal--new .po-modal__t {
    --font-size: 24px;
    font-weight: 600;
    padding-right: 28px;
}

.po-modal--new .po-modal__text {
    --font-size: 14px;
}

.po-modal--new .po-modal__note {
    --font-size: 12px;
}

.po-modal--new .mfp-close {
    right: var(--modal-padding-x);
}

.po-modal--new .mfp-close,
.po-modal--new .mfp-close:active {
    top: var(--modal-padding-y);
}

.theme-dark-blue .po-modal--new {
    --border-color: rgba(52, 62, 82, .5);
}

.theme-light .po-modal--new {
    --border-color: #dce1e6;
}

.po-modal--locked .mfp-close {
    display: none;
}

.po-modal__note,
.po-modal__t,
.po-modal__text {
    font-size: var(--font-size);
}

.achievement-info-modal .type {
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
}

.achievement-info-modal .type.common {
    background: rgba(255, 255, 255, 0.2);
}

.achievement-info-modal .type.rare {
    background: rgba(20, 118, 149, 0.5);
}

.achievement-info-modal .type.legendary {
    background: rgba(29, 165, 81, 0.5);
}

.achievement-info-modal .type.gold {
    border-color: rgb(255, 173, 50);
}

.achievement-info-modal .type.silver {
    border-color: rgb(154, 154, 154);
}

.achievement-info-modal .type.bronze {
    border-color: rgb(214, 103, 51);
}

.achievement-info-modal .item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.achievement-info-modal .item .l {
    font-style: normal;
    padding-right: 20px;
    text-align: center;
    width: 18%;
}

.achievement-info-modal .item .r {
    width: 82%;
}

.achievement-info-modal .item .title {
    font-size: 18px;
    margin-bottom: 15px;
}

.achievement-info-modal .item .desc {
    font-size: 14px;
    margin-bottom: 15px;
}

.achievement-info-modal .item .result-info {
    margin-top: 7px;
}

.achievement-info-modal .item .result-info__row {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.achievement-info-modal .item .result-info__res {
    font-size: 15px;
    margin-bottom: 5px;
    text-align: center;
}

.achievement-info-modal .item .result-info__res span {
    color: rgb(119, 119, 119);
    font-size: 12px;
}

.achievement-info-modal .item .result-info__key {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.achievement-info-modal .item .result-info__val {
    -webkit-box-flex: 2;
    flex: 2 1 0%;
}

.achievement-info-modal .item .info {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-left: -25px;
    margin-top: 20px;
}

.achievement-info-modal .item .info>div {
    padding: 0px 25px;
    position: relative;
}

.achievement-info-modal .item .info>div::before {
    content: "";
    height: 47px;
    left: 3px;
    position: absolute;
    top: 0px;
}

.achievement-info-modal .item .info>div:first-child::before {
    display: none;
}

.achievement-info-modal .item .img-wrap {
    border: 1px solid rgb(49, 52, 58);
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 10px;
    overflow: hidden;
}

.achievement-info-modal .item .img-wrap img {
    display: block;
    max-width: 100%;
}

.achievement-info-modal .item .divider {
    height: 1px;
    margin: 13px 0px;
}

.achievement-info-modal .exp span {
    color: rgb(143, 165, 191);
    display: block;
    font-size: 12px;
    line-height: 15px;
}

.achievement-info-modal .exp i {
    font-size: 24px;
    font-style: normal;
    line-height: 26px;
}

.achievement-info-modal .diamonds {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.achievement-info-modal .diamonds>div {
    margin-bottom: 0px;
    margin-right: 20px;
    margin-top: -7px;
}

.achievement-info-modal .diamond-info__text {
    font-size: 20px;
}

.insufficient-funds-modal .info-block__sub-title {
    color: rgb(143, 165, 191);
    font-size: 12px;
    line-height: 10px;
}

.insufficient-funds-modal .info-block__text {
    white-space: nowrap;
}

.insufficient-funds-modal .add-button {
    text-align: center;
}

.exp-info-modal {
    --modal-width: 700px;
}

.exp-info-modal .table {
    margin-bottom: 0px;
}

.exp-info-modal .table td {
    padding-left: 10px;
    padding-right: 10px;
}

.exp-info-modal .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 15px;
    margin-top: -6px;
    text-align: center;
}

.exp-info-modal .sub-title {
    color: rgb(143, 165, 191);
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 10px;
    text-align: center;
}

.exp-info-modal .graph {
    margin-left: -4px;
}

.exp-info-modal .level>div {
    margin: 0px auto;
}

.exp-info-modal .text {
    color: rgb(143, 165, 191);
    font-size: 18px;
    margin-bottom: -25px;
    margin-top: 25px;
    text-align: center;
}

.exp-info-modal table {
    width: 100%;
}

.exp-info-modal table td {
    padding: 7px 0px;
    vertical-align: middle;
}

.exp-info-modal .divider {
    background-color: rgb(45, 46, 50);
    height: 1px;
    margin: 10px 0px;
}

.exp-info-modal .img-wrap {
    border: 1px solid rgb(44, 50, 53);
    border-radius: 6px;
    overflow: hidden;
    width: 40px;
}

.exp-info-modal .img-wrap img {
    display: block;
    max-width: 100%;
}

.exp-info-modal .exp {
    color: rgb(143, 165, 191);
}

.exp-info-modal .exp p {
    margin-bottom: 7px;
}

.exp-info-modal .exp__in .current-exp {
    font-size: 24px;
    line-height: 30px;
}

.exp-info-modal .wreath-levels {
    margin: 20px 0px;
}

.exp-info-modal .boosters,
.exp-info-modal .prolongators {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
}

.exp-info-modal .boosters .plus,
.exp-info-modal .boosters .ravno,
.exp-info-modal .boosters .result,
.exp-info-modal .prolongators .plus,
.exp-info-modal .prolongators .ravno,
.exp-info-modal .prolongators .result {
    margin-top: 8px;
}

.exp-info-modal .boosters .result,
.exp-info-modal .prolongators .result {
    font-size: 18px;
    line-height: 20px;
    margin-top: 6px;
}

.exp-info-modal .boosters>div,
.exp-info-modal .prolongators>div {
    margin-left: 6px;
}

.exp-info-modal .boosters>div:first-child,
.exp-info-modal .prolongators>div:first-child {
    margin-left: 0px;
}

.exp-info-modal .tooltip-content {
    text-align: center;
}

.buy-info-modal {
    --modal-width: 500px;
    --items-gap: 15px;
}

.buy-info-modal .img-wrap {
    margin-right: 18px;
    width: 35px;
}

.buy-info-modal .img-wrap img {
    display: block;
    max-width: 100%;
}

.buy-info-modal .label-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.buy-info-modal .label-wrap .img-wrap {
    margin-right: 10px;
}

.buy-info-modal .title {
    color: rgb(0, 154, 249);
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 15px;
    margin-top: -6px;
    text-align: center;
}

.buy-info-modal .chest-items {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--items-gap)*-1);
}

.buy-info-modal .chest__item {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-left: var(--items-gap);
    margin-top: var(--items-gap);
    width: calc(33.3333% - var(--items-gap));
}

.buy-info-modal .chest__item--blue .chest__l,
.buy-info-modal .chest__item--green .chest__l,
.buy-info-modal .chest__item--red .chest__l,
.buy-info-modal .chest__item--secret .chest__l {
    padding-top: 20px;
}

.buy-info-modal .chest__l {
    margin: 0px auto 6px;
}

.buy-info-modal .chest__l--brds {
    border-radius: 4px;
    overflow: hidden;
}

.buy-info-modal .chest__r {
    margin-top: auto;
    text-align: center;
    width: 100%;
}

.buy-info-modal .chest__img {
    display: block;
}

.buy-info-modal .chest__key {
    color: rgb(143, 165, 191);
}

.buy-info-modal .chest__title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px;
}

.buy-info-modal .chest__count {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 6px;
}

.buy-info-modal .chest__btn {
    width: 100%;
}

.modal-register-demo {
    display: flex;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 10000;
}

.modal-register-demo__container {
    border-radius: 10px;
    margin: auto;
    max-height: calc(-20px + 100vh);
    max-width: 450px;
    overflow: hidden auto;
    padding: 65px 25px 30px;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 480px) {
    .modal-register-demo__container {
        max-width: 354px;
    }
}

.modal-register-demo__content {
    margin: 0px auto;
    overflow: hidden;
    width: 304px;
}

@media screen and (max-width: 360px) {
    .modal-register-demo__content {
        width: 260px;
    }
}

.modal-register-demo__logo {
    margin: 0px auto 15px;
}

.modal-register-demo__logo svg {
    display: block;
    margin: 0px auto;
}

.modal-register-demo__logo .po-logo {
    max-width: 106px;
}

.modal-register-demo__desc {
    font-size: 12px;
    margin: 0px auto 15px;
    max-width: 290px;
    text-align: center;
}

.modal-register-demo__title {
    font-size: 18px;
    margin-bottom: 15px;
    text-align: center;
}

.modal-register-demo__question {
    font-size: 12px;
    margin-bottom: 25px;
    text-align: center;
}

.modal-register-demo__question .modal-register-demo__link {
    margin-left: 30px;
}

.modal-register-demo__form input {
    background-color: transparent;
}

.modal-register-demo__form input::-webkit-input-placeholder {
    font-size: 12px;
}

.modal-register-demo__form input::placeholder {
    font-size: 12px;
}

.modal-register-demo__continue-wrap {
    font-size: 12px;
    padding-bottom: 1px;
    text-align: center;
}

.modal-register-demo a {
    transition: 0.5s;
}

.modal-register-demo .rules {
    margin-bottom: 20px;
    margin-top: 20px;
}

.modal-register-demo .rules input[type="checkbox"],
.modal-register-demo .rules input[type="radio"] {
    margin-top: 0px;
}

.modal-register-demo .ruls {
    font-size: 12px;
}

.modal-register-demo__social {
    display: flex;
    margin: 10px -10px 20px;
}

.modal-register-demo__social-btn-wrap {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    padding: 0px 10px;
}

.modal-register-demo__social-title {
    font-size: 12px;
    margin-top: 20px;
}

.modal-register-demo__social-btn {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: 18px;
    border: 0px;
    border-radius: 4px;
    display: block;
    height: 30px;
    transition: 0.5s;
    width: 100%;
}

.modal-register-demo__social-btn_google {
    background-color: rgb(255, 255, 255);
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

.modal-register-demo__social-btn_facebook {
    background-color: rgb(24, 119, 242);
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

.modal-register-demo__social-btn:hover {
    opacity: 0.7;
}

.modal-register-demo__submit-wrap {
    text-align: center;
}

.modal-register-demo__link {
    border-bottom: 1px solid rgb(142, 165, 192);
    color: rgb(142, 165, 192);
    cursor: pointer;
    display: inline-block;
    transition: 0.5s;
}

.modal-register-demo__link:hover {
    border-bottom: 1px solid transparent;
}

.modal-register-demo .mfp-close {
    border: 0px !important;
}

.modal-register-demo .g-recaptcha {
    display: inline-block;
    margin: 0px;
    transform-origin: unset;
    transform: none !important;
}

.modal-register-demo .recaptcha-block {
    height: auto !important;
    text-align: center;
}

.modal-register-demo .greg-captcha {
    margin: 0px auto;
    max-width: 100%;
}

.modal-register-demo .greg-captcha .form-group {
    padding-top: 25px;
    position: relative;
}

.modal-register-demo .greg-captcha .form-control::-webkit-input-placeholder {
    color: transparent;
}

.modal-register-demo .greg-captcha .form-control::placeholder {
    color: transparent;
}

.modal-register-demo .form-bottom_2-col {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    font-size: 12px;
    justify-content: space-between;
    margin-top: 20px;
}

.modal-register-demo .form-bottom_2-col .ruls {
    font-size: 12px;
}

.modal-register-demo .form-bottom_2-col .checkbox,
.modal-register-demo .form-bottom_2-col .radio {
    margin-bottom: 0px;
    margin-top: 0px;
}

.modal-register-demo .greg-captcha .form-group_with-label label {
    left: 0px;
    position: absolute;
    text-align: left;
    top: 0px;
    width: 100%;
}

.modal-register-demo .message h4 {
    display: none;
}

.unlocked-achievements-modal {
    padding-bottom: 20px;
    width: 100%;
    max-width: 900px !important;
}

.unlocked-achievements-modal .btn {
    min-width: 120px;
    text-align: center;
}

.unlocked-achievements-modal .diamonds-wrap {
    display: grid;
    -webkit-box-align: start;
    align-items: start;
    gap: 10px;
    grid-auto-columns: min-content;
    grid-auto-flow: column;
}

.unlocked-achievements-modal .remodal-close {
    top: 3px;
}

.unlocked-achievements-modal .mCSB_scrollTools {
    z-index: 10;
}

.unlocked-achievements-modal .content__in {
    height: 250px;
}

.unlocked-achievements-modal .total-info {
    margin-top: 25px;
}

.unlocked-achievements-modal .total-info__title {
    font-size: 18px;
    margin-bottom: 15px;
}

.unlocked-achievements-modal .total-info__in {
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    align-items: flex-start;
}

.unlocked-achievements-modal .total-info__exp {
    padding-left: 15px;
}

.unlocked-achievements-modal .total-info__divider {
    height: 100%;
    margin: 0px 15px;
    min-height: 40px;
}

.unlocked-achievements-modal .total-info__sub-title {
    color: rgb(143, 165, 191);
    font-size: 12px;
    line-height: 10px;
}

.unlocked-achievements-modal .total-info__text {
    font-size: 18px;
}

.unlocked-achievements-modal .total-info__diamonds {
    display: flex;
}

.unlocked-achievements-modal .total-info__diamonds>div {
    margin-top: -5px;
}

.unlocked-achievements-modal .total-info__btn-wrap {
    margin-left: auto;
    padding-left: 15px;
    padding-right: 17px;
}

.unlocked-achievements-modal .total-info__btn-wrap::before {
    display: none;
}

.unlocked-achievements-modal .confirm-button {
    margin: 0px auto;
    text-align: center;
}

.left-top-info-signals-confirm-modal {
    --modal-width: 350px;
    user-select: none;
}

.left-top-info-signals-confirm-modal .content-wrap {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: 0px;
    border-radius: 4px;
    color: var(--po-ui-kit-tag-a-base);
    flex-direction: column;
    font-size: 12px;
    padding: 12px;
}

.left-top-info-signals-confirm-modal .content-wrap .fh {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}

.left-top-info-signals-confirm-modal .content-wrap .fv {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.left-top-info-signals-confirm-modal .content-wrap .signal-info {
    font-size: 11px;
    margin-right: 6px;
    min-width: 80px;
    text-align: center;
}

.left-top-info-signals-confirm-modal .content-wrap .signal-info .icon-wrapper {
    font-size: 28px;
    margin-bottom: 6px;
}

.left-top-info-signals-confirm-modal .content-wrap .signal-info .time-ago {
    font-size: 10px;
}

.left-top-info-signals-confirm-modal .content-wrap .signal-desc {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-left: 6px;
}

.left-top-info-signals-confirm-modal .content-wrap .signal-desc .signal-progress-wrapper {
    display: flex;
    width: 100%;
}

.left-top-info-signals-confirm-modal .content-wrap .signal-desc .signal-progress-wrapper .progress-info {
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 10px;
}

.left-top-info-signals-confirm-modal .content-wrap .signal-desc .signal-progress-wrapper .progress {
    bottom: 0px;
    margin: auto;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
}

.left-top-info-signals-confirm-modal .content-wrap .signal-desc .signal-progress-wrapper .trade-opened {
    text-align: center;
    width: 100%;
}

.left-top-info-signals-confirm-modal .content-wrap .btn {
    margin-top: 12px;
    width: 100%;
}

.left-top-info-signals-confirm-modal .trade-opened {
    text-align: center;
}

.left-top-info-signals-confirm-modal .turn-off-buttons {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.left-top-info-signals-confirm-modal .btn,
.left-top-info-signals-confirm-modal .message {
    font-size: 12px;
}

.left-top-info-signals-confirm-modal .buttons,
.left-top-info-signals-confirm-modal .message,
.left-top-info-signals-confirm-modal .title {
    opacity: 0;
    transition: opacity 0.5s;
}

.ReactModal__Overlay--after-open .left-top-info-signals-confirm-modal .buttons,
.ReactModal__Overlay--after-open .left-top-info-signals-confirm-modal .message,
.ReactModal__Overlay--after-open .left-top-info-signals-confirm-modal .title {
    opacity: 1;
}

.left-top-info-signals-confirm-modal .btn-wrap {
    margin-bottom: 3px;
    margin-top: 15px;
    text-align: center;
}

.left-top-info-signals-confirm-modal .hseow__body.vertical {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.left-top-info-signals-confirm-modal .toggle-icon {
    font-size: 20px;
    position: absolute;
    right: 50px;
    top: 15px;
}

.left-top-info-signals-confirm-modal a.modal-close svg,
.left-top-info-signals-confirm-modal a.toggle-icon .fa {
    opacity: 0.5;
}

.left-top-info-signals-confirm-modal a:hover.modal-close svg,
.left-top-info-signals-confirm-modal a:hover.toggle-icon .fa {
    opacity: 1;
}

.ReactModal__Content.Refactor .left-top-info-signals-confirm-modal .title {
    font-size: 16px;
    padding-right: 50px;
}

.ReactModal__Content.Refactor .left-top-info-signals-confirm-modal .show-turn-off-block-btn {
    font-size: 13px;
    margin-right: 0px;
}

.left-top-info-booster-confirm-modal {
    max-width: 570px;
}

.ReactModal__Overlay--after-open .left-top-info-booster-confirm-modal .message {
    opacity: 1;
}

.left-top-info-booster-confirm-modal .buttons {
    text-align: center;
}

.left-top-info-booster-confirm-modal .buttons .btn {
    padding-left: 30px;
    padding-right: 30px;
}

.left-top-info-booster-confirm-modal .buttons,
.left-top-info-booster-confirm-modal .message,
.left-top-info-booster-confirm-modal .title {
    opacity: 0;
    transition: opacity 0.5s;
}

.ReactModal__Overlay--after-open .left-top-info-booster-confirm-modal .buttons,
.ReactModal__Overlay--after-open .left-top-info-booster-confirm-modal .title {
    opacity: 1;
}

.left-top-info-gems-lottery-confirm-modal {
    max-width: 570px;
}

.left-top-info-gems-lottery-confirm-modal .vip-image {
    border-radius: 12px;
    margin-bottom: 16px;
    max-width: 100%;
}

.left-top-info-gems-lottery-confirm-modal .message {
    font-size: 13px;
}

.ReactModal__Overlay--after-open .left-top-info-gems-lottery-confirm-modal .message {
    opacity: 1;
}

.left-top-info-gems-lottery-confirm-modal .buttons {
    text-align: center;
}

.left-top-info-gems-lottery-confirm-modal .buttons .btn {
    padding-left: 30px;
    padding-right: 30px;
}

.left-top-info-gems-lottery-confirm-modal .add-info {
    text-align: center;
}

.left-top-info-gems-lottery-confirm-modal .add-info a {
    border-bottom: 1px dashed;
}

.left-top-info-gems-lottery-confirm-modal .add-info+.buttons {
    margin-top: 15px;
}

.ReactModal__Overlay--after-open .left-top-info-gems-lottery-confirm-modal .buttons,
.ReactModal__Overlay--after-open .left-top-info-gems-lottery-confirm-modal .title {
    opacity: 1;
}

.left-top-info-gems-lottery-confirm-modal .buttons,
.left-top-info-gems-lottery-confirm-modal .message,
.left-top-info-gems-lottery-confirm-modal .title {
    opacity: 0;
    transition: opacity 0.5s;
}

.left-top-info-gems-lottery-confirm-modal .turn-off-buttons {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.left-top-info-gems-lottery-confirm-modal .hseow__body.vertical {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.left-top-info-gems-lottery-confirm-modal .toggle-icon {
    font-size: 20px;
    position: absolute;
    right: 50px;
    top: 15px;
}

.left-top-info-gems-lottery-confirm-modal a.modal-close svg,
.left-top-info-gems-lottery-confirm-modal a.toggle-icon .fa {
    opacity: 0.5;
}

.left-top-info-gems-lottery-confirm-modal a:hover.modal-close svg,
.left-top-info-gems-lottery-confirm-modal a:hover.toggle-icon .fa {
    opacity: 1;
}

.left-top-info-risk-free-confirm-modal {
    max-width: 570px;
}

.left-top-info-risk-free-confirm-modal .buttons,
.left-top-info-risk-free-confirm-modal .message,
.left-top-info-risk-free-confirm-modal .title {
    opacity: 0;
    transition: opacity 0.5s;
}

.ReactModal__Overlay--after-open .left-top-info-risk-free-confirm-modal .buttons,
.ReactModal__Overlay--after-open .left-top-info-risk-free-confirm-modal .message,
.ReactModal__Overlay--after-open .left-top-info-risk-free-confirm-modal .title {
    opacity: 1;
}

.left-top-info-risk-free-confirm-modal .buttons {
    text-align: center;
}

.left-top-info-risk-free-confirm-modal .buttons .btn {
    padding-left: 30px;
    padding-right: 30px;
}

.left-top-info-bonus-confirm-modal {
    max-width: 570px;
}

.ReactModal__Overlay--after-open .left-top-info-bonus-confirm-modal .message {
    opacity: 1;
}

.left-top-info-bonus-confirm-modal .buttons {
    text-align: center;
}

.left-top-info-bonus-confirm-modal .buttons .btn {
    padding-left: 30px;
    padding-right: 30px;
}

.left-top-info-bonus-confirm-modal .buttons,
.left-top-info-bonus-confirm-modal .message,
.left-top-info-bonus-confirm-modal .title {
    opacity: 0;
    transition: opacity 0.5s;
}

.ReactModal__Overlay--after-open .left-top-info-bonus-confirm-modal .buttons,
.ReactModal__Overlay--after-open .left-top-info-bonus-confirm-modal .title {
    opacity: 1;
}

.bonus-info-modal {
    --modal-width: 450px;
}

.bonus-info-modal .hseow {
    overflow: hidden;
}

.bonus-info-modal .hseow__in {
    display: flex;
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: 200%;
    will-change: transform;
}

.bonus-info-modal .hseow__body {
    width: 100%;
}

.bonus-info-modal .hseow--active-w1 .hseow__in {
    transform: translateZ(0px);
}

.bonus-info-modal .hseow--active-w2 .hseow__in {
    transform: translate3d(-50%, 0px, 0px);
}

.bonus-info-modal .title {
    text-align: center;
}

.bonus-info-modal .bonus-label {
    padding: 15px 0px;
    text-align: center;
}

.bonus-info-modal .tiles-wrap {
    margin-bottom: 15px;
}

.bonus-info-modal .progress-wrapper {
    margin-bottom: 30px;
    margin-top: 20px;
    overflow: hidden;
    padding: 0px;
}

.bonus-info-modal .progress-wrapper .start {
    left: 0px;
}

.bonus-info-modal .progress-wrapper .end {
    right: 0px;
}

.bonus-info-modal .progress-wrapper .end,
.bonus-info-modal .progress-wrapper .start {
    padding-top: 4px;
}

.bonus-info-modal .progress {
    height: 6px;
}

.bonus-info-modal .bonus-info {
    padding-bottom: 15px;
    text-align: center;
}

.bonus-info-modal .bonus-info b {
    color: rgb(0, 154, 249);
    font-size: 30px;
    font-weight: 700;
}

.bonus-info-modal .bonus-info-sub {
    color: rgb(143, 165, 191);
}

.bonus-info-modal .tooltip2 {
    position: absolute;
    right: 7px;
    top: 2px;
}

.bonus-info-modal .tooltip2 .tooltip-content .tooltip-text {
    max-width: 190px;
}

.bonus-info-modal .question-icon {
    color: rgb(143, 165, 191);
    cursor: help;
    font-size: 12px;
}

.bonus-info-modal .buttons {
    display: flex;
    margin-top: 15px;
}

.bonus-info-modal .message-error {
    margin-bottom: 0px;
}

.bonus-info-modal .remove-bonus-msg-wrapper {
    padding: 5px 20px;
}

.bonus-info-modal .remove-bonus-msg-wrapper .message {
    margin: 0px auto;
}

.bonus-info-modal .slider-link {
    text-align: center;
}

.bonus-info-modal .slider-link a {
    border-bottom: 1px dashed;
}

.bonus-info-modal .bonus-conditions {
    font-size: 12px;
    padding-bottom: 15px;
    text-align: justify;
}

.bonus-info-modal .bonus-conditions div {
    margin-bottom: 5px;
}

.booster-info-modal .tooltip-text {
    display: block;
    text-align: center;
}

.booster-info-modal .title {
    transform: translate3d(0px, -100px, 0px);
}

.booster-info-modal .message {
    transform: translate3d(100px, 0px, 0px);
}

.ReactModal__Overlay--after-open .booster-info-modal .message {
    opacity: 1;
    transform: translateZ(0px);
}

.booster-info-modal .buttons {
    text-align: center;
    transform: translate3d(0px, 100px, 0px);
}

.booster-info-modal .boosters,
.booster-info-modal .buttons,
.booster-info-modal .message,
.booster-info-modal .prolongators,
.booster-info-modal .title {
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}

.ReactModal__Overlay--after-open .booster-info-modal .boosters,
.ReactModal__Overlay--after-open .booster-info-modal .buttons,
.ReactModal__Overlay--after-open .booster-info-modal .prolongators,
.ReactModal__Overlay--after-open .booster-info-modal .title {
    opacity: 1;
    transform: translateZ(0px);
}

.booster-info-modal .boosters,
.booster-info-modal .prolongators {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 25px;
    transform: translate3d(-100px, 0px, 0px);
}

.booster-info-modal .boosters .plus,
.booster-info-modal .boosters .ravno,
.booster-info-modal .boosters .result,
.booster-info-modal .prolongators .plus,
.booster-info-modal .prolongators .ravno,
.booster-info-modal .prolongators .result {
    margin-top: 36px;
}

.booster-info-modal .boosters .result,
.booster-info-modal .prolongators .result {
    font-size: 28px;
    line-height: 20px;
    margin-top: 36px;
}

.booster-info-modal .boosters .result span,
.booster-info-modal .prolongators .result span {
    color: rgb(148, 146, 146);
    font-size: 18px;
    position: relative;
    top: -3px;
}

.booster-info-modal .boosters>div,
.booster-info-modal .prolongators>div {
    margin-left: 6px;
}

.booster-info-modal .boosters>div:first-child,
.booster-info-modal .prolongators>div:first-child {
    margin-left: 0px;
}

.booster-info-modal .img-wrap {
    border: 1px solid rgb(44, 50, 53);
    border-radius: 6px;
    overflow: hidden;
}

.booster-info-modal .img-wrap img {
    display: block;
    max-width: 100%;
}

.risk-free-info-modal .tooltip-text {
    display: block;
    text-align: center;
}

.risk-free-info-modal .title {
    transform: translate3d(0px, -100px, 0px);
}

.risk-free-info-modal .message {
    transform: translate3d(100px, 0px, 0px);
}

.ReactModal__Overlay--after-open .risk-free-info-modal .message {
    opacity: 1;
    transform: translateZ(0px);
}

.risk-free-info-modal .buttons {
    margin-top: 25px;
    text-align: center;
    transform: translate3d(0px, 100px, 0px);
}

.ReactModal__Overlay--after-open .risk-free-info-modal .buttons,
.ReactModal__Overlay--after-open .risk-free-info-modal .title {
    opacity: 1;
    transform: translateZ(0px);
}

.risk-free-info-modal .buttons,
.risk-free-info-modal .message,
.risk-free-info-modal .title {
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}

.crystal-info-modal {
    --modal-width: 750px;
}

.crystal-info-modal .rw {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
}

.crystal-info-modal .btn-wrap {
    text-align: center;
}

.crystal-info-modal .btn-wrap>a {
    border-bottom: 1px dashed rgb(143, 165, 191);
    font-size: 14px;
    line-height: 18px;
}

.crystal-info-modal .l {
    margin-right: 5px;
    position: relative;
    width: 30%;
}

.crystal-info-modal .r {
    width: 70%;
}

.crystal-info-modal .r .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 20px;
    text-align: center;
}

.crystal-info-modal .r .table {
    margin-bottom: 0px;
}

.crystal-info-modal .img-wrap {
    left: 50%;
    margin-left: -70px;
    position: absolute;
    top: 65px;
    width: 140px;
}

.crystal-info-modal .img-wrap .diamond-info {
    display: block;
    margin: 0px auto;
    position: relative;
    z-index: 2;
}

.crystal-info-modal .diamond-info__icon {
    margin-right: 0px;
}

.crystal-info-modal .diamond-info .svg-icon {
    margin: 0px auto;
}

.first-top-up-balance-modal {
    --modal-width: 600px;
}

.first-top-up-balance-modal .btn-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-top: -10px;
}

.first-top-up-balance-modal .btn-wrap .btn {
    -webkit-box-flex: 1;
    flex: 1 1 200px;
    font-size: 14px;
    line-height: 18px;
    margin-left: 10px;
    margin-top: 10px;
    width: 100%;
}

.demo-balance-modal {
    --modal-width: 320px;
}

.demo-balance-modal .or-text {
    margin: 12px 0px;
    text-align: center;
}

.country-access-deny-modal {
    --modal-width: 420px;
}

.country-access-deny-modal .country-access-deny {
    position: relative;
    text-align: center;
}

.country-access-deny-modal .country-access-deny img {
    display: block;
}

.country-access-deny-modal .country-access-deny svg {
    display: block;
    max-height: 100%;
    max-width: 100%;
}

.country-access-deny-modal .country-access-deny__icon {
    left: 50%;
    margin-left: 33px;
    position: absolute;
    top: -4px;
    transform: translateX(-50%);
    z-index: 1;
}

.country-access-deny-modal .country-access-deny__flag-wrap {
    margin-bottom: 17px;
}

.country-access-deny-modal .country-access-deny__flag {
    background-color: rgb(255, 255, 255);
    border: 5px solid rgb(255, 255, 255);
    border-radius: 50%;
    display: inline-block;
    filter: drop-shadow(rgba(13, 38, 85, 0.15) 0px 12px 20px);
    height: 100px;
    overflow: hidden;
    width: 100px;
}

.country-access-deny-modal .country-access-deny__text {
    color: rgb(255, 255, 255);
    font-size: 14px;
    text-align: center;
}

.demo-modal .btn-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-left: -20px;
}

.demo-modal .btn-wrap>a {
    margin-left: 20px;
    width: 100%;
}

.first-win-modal {
    --modal-width: 600px;
    padding-top: 40px;
}

.first-win-modal .win-1,
.first-win-modal .win-10,
.first-win-modal .win-3 {
    transform: translate(0px);
}

.first-win-modal .win-1 img,
.first-win-modal .win-10 img,
.first-win-modal .win-3 img {
    position: relative;
    z-index: 2;
}

.first-win-modal .buttons {
    display: flex;
    font-size: 0px;
}

.first-win-modal .buttons>a {
    display: inline-block;
    font-size: 14px;
    padding: 10px;
    width: 100%;
}

.first-win-modal .buttons>a:last-child {
    margin-left: 2%;
}

.first-win-modal .text {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 31px;
    margin-top: 30px;
    text-align: center;
    transform: translateX(-100px);
}

.mfp-ready .first-win-modal .text {
    opacity: 1;
    transform: translateX(0px);
}

.first-win-modal .remodal-close {
    top: 2px;
}

.first-win-modal img {
    display: block;
    margin: 0px auto;
}

.first-win-modal .btn-danger-light {
    transform: translateY(-50px);
}

.mfp-ready .first-win-modal .btn-danger-light {
    opacity: 1;
    transform: translateY(0px);
}

.first-win-modal .btn-live-trading {
    transform: translateY(-100px);
}

.mfp-ready .first-win-modal .btn-live-trading {
    opacity: 1;
    transform: translateY(0px);
}

.first-win-modal .no-balance-text,
.first-win-modal [class*="win-"] {
    display: none;
}

.first-win-modal .btn,
.first-win-modal .text {
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}

.after-registration-modal {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") !important;
}

.after-registration-modal .message,
.after-registration-modal .title,
.after-registration-modal>p {
    opacity: 0;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.after-registration-modal .title {
    transform: translateY(-100px);
}

.mfp-ready .after-registration-modal .title {
    opacity: 1;
    transform: translateY(0px);
}

.after-registration-modal .message {
    transform: translateX(-100px);
}

.mfp-ready .after-registration-modal .message {
    opacity: 1;
    transform: translateX(0px);
}

.after-registration-modal>p {
    transform: translateX(100px);
}

.mfp-ready .after-registration-modal>p {
    opacity: 1;
    transform: translateX(0px);
}

.first-fail-modal {
    --modal-width: 535px;
}

.first-fail-modal .text {
    margin-bottom: 30px;
    margin-top: 20px;
}

.first-fail-modal img {
    border-radius: 10px;
    display: block;
    margin: 0px auto;
    max-width: 100%;
}

.first-fail-modal .btn-wrap {
    text-align: center;
}

.bats-monitoring-panel-close-modal {
    max-width: 570px;
}

.bats-monitoring-panel-close-modal .title {
    transform: translateY(-100px);
}

.bats-monitoring-panel-close-modal .buttons,
.bats-monitoring-panel-close-modal .message,
.bats-monitoring-panel-close-modal .title {
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}

.bats-monitoring-panel-close-modal .message {
    transform: translateX(100px);
}

.bats-monitoring-panel-close-modal .ReactModal__Overlay--after-open .message,
.bats-monitoring-panel-close-modal .mfp-ready .message {
    opacity: 1;
    transform: translateX(0px);
}

.bats-monitoring-panel-close-modal .ReactModal__Overlay--after-open .buttons,
.bats-monitoring-panel-close-modal .ReactModal__Overlay--after-open .title,
.bats-monitoring-panel-close-modal .mfp-ready .buttons,
.bats-monitoring-panel-close-modal .mfp-ready .title {
    opacity: 1;
    transform: translateY(0px);
}

.bats-monitoring-panel-close-modal .buttons {
    text-align: center;
    transform: translateY(100px);
}

.bats-monitoring-panel-close-modal .buttons .btn {
    padding-left: 30px;
    padding-right: 30px;
}

.market-watch-panel-close-modal {
    max-width: 570px;
}

.market-watch-panel-close-modal .title {
    transform: translateY(-100px);
}

.market-watch-panel-close-modal .buttons,
.market-watch-panel-close-modal .message,
.market-watch-panel-close-modal .title {
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}

.market-watch-panel-close-modal .message {
    transform: translateX(100px);
}

.market-watch-panel-close-modal .ReactModal__Overlay--after-open .message,
.market-watch-panel-close-modal .mfp-ready .message {
    opacity: 1;
    transform: translateX(0px);
}

.market-watch-panel-close-modal .ReactModal__Overlay--after-open .buttons,
.market-watch-panel-close-modal .ReactModal__Overlay--after-open .title,
.market-watch-panel-close-modal .mfp-ready .buttons,
.market-watch-panel-close-modal .mfp-ready .title {
    opacity: 1;
    transform: translateY(0px);
}

.market-watch-panel-close-modal .buttons {
    text-align: center;
    transform: translateY(100px);
}

.market-watch-panel-close-modal .buttons .btn {
    padding-left: 30px;
    padding-right: 30px;
}

.ranking-monitoring-panel-close-modal {
    max-width: 570px;
}

.ranking-monitoring-panel-close-modal .title {
    transform: translateY(-100px);
}

.ranking-monitoring-panel-close-modal .buttons,
.ranking-monitoring-panel-close-modal .message,
.ranking-monitoring-panel-close-modal .title {
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}

.ranking-monitoring-panel-close-modal .message {
    transform: translateX(100px);
}

.ranking-monitoring-panel-close-modal .ReactModal__Overlay--after-open .message,
.ranking-monitoring-panel-close-modal .mfp-ready .message {
    opacity: 1;
    transform: translateX(0px);
}

.ranking-monitoring-panel-close-modal .ReactModal__Overlay--after-open .buttons,
.ranking-monitoring-panel-close-modal .ReactModal__Overlay--after-open .title,
.ranking-monitoring-panel-close-modal .mfp-ready .buttons,
.ranking-monitoring-panel-close-modal .mfp-ready .title {
    opacity: 1;
    transform: translateY(0px);
}

.ranking-monitoring-panel-close-modal .buttons {
    text-align: center;
    transform: translateY(100px);
}

.ranking-monitoring-panel-close-modal .buttons .btn {
    padding-left: 30px;
    padding-right: 30px;
}

.account-comparison-modal .rw {
    display: grid;
    gap: 20px;
}

.account-comparison-modal .rw__col {
    padding-bottom: 20px;
}

.account-comparison-modal .rw__col:not(.rw__col--first) {
    border-radius: 10px;
    text-align: center;
}

.account-comparison-modal .rw__col:not(.rw__col--first) .rw__item {
    -webkit-box-pack: center;
    justify-content: center;
}

.account-comparison-modal .rw__item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 40px;
}

.account-comparison-modal .rw__item--header {
    font-size: 24px;
    font-weight: 700;
    height: 75px;
    position: relative;
}

.account-comparison-modal .rw__item--header-demo {
    color: rgb(245, 41, 20);
}

.account-comparison-modal .rw__item--header-live {
    color: rgb(255, 160, 49);
}

.account-comparison-modal .rw__item--header-tournament {
    color: rgb(57, 130, 255);
}

.account-comparison-modal .rw__item--off {
    color: rgb(174, 34, 23);
}

.account-comparison-modal .tooltip2 {
    margin-left: 7px;
    position: static;
}

.account-comparison-modal .tooltip-content {
    transform: translate(-50%, -100%);
}

.account-comparison-modal .tooltip-content .tooltip-text {
    max-width: 235px;
    text-align: center;
}

.account-comparison-modal.col2 {
    --modal-width: 800px;
}

.account-comparison-modal.col2 .rw {
    grid-template-columns: 1fr 1fr 1fr;
}

.account-comparison-modal.col3 {
    --modal-width: 1050px;
}

.account-comparison-modal.col3 .rw {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 1090px) {
    .account-comparison-modal.col3 {
        --modal-width: 100%;
    }
}

.bonus-history-info-modal {
    max-width: 450px;
    min-width: 340px;
    padding: 0px;
}

.bonus-history-info-modal .hseow {
    overflow: hidden;
}

.bonus-history-info-modal .hseow__in {
    display: flex;
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: 200%;
    will-change: transform;
}

.bonus-history-info-modal .hseow__body {
    width: 100%;
}

.bonus-history-info-modal .hseow--active-w1 .hseow__in {
    transform: translateZ(0px);
}

.bonus-history-info-modal .hseow--active-w2 .hseow__in {
    transform: translate3d(-50%, 0px, 0px);
}

.bonus-history-info-modal .title {
    line-height: 50px;
    margin: 0px;
    text-align: center;
}

.bonus-history-info-modal .table {
    margin-bottom: 0px;
}

.bonus-history-info-modal .table td {
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}

.bonus-history-info-modal .table span {
    display: block;
    font-size: 14px;
    margin-top: 3px;
}

.bonus-history-info-modal .bonus-info {
    padding-bottom: 20px;
    padding-top: 20px;
}

.bonus-history-info-modal .bonus-info b {
    font-size: 36px;
    font-weight: 700;
}

.bonus-history-info-modal .buttons {
    padding: 20px 0px;
    text-align: center;
}

.bonus-history-info-modal .slider-link {
    text-align: center;
}

.bonus-history-info-modal .slider-link a {
    border-bottom: 1px dashed;
}

.bonus-history-info-modal .bonus-conditions {
    padding: 15px 35px;
    text-align: justify;
}

.bonus-history-info-modal .bonus-conditions div {
    line-height: 16px;
    margin: 5px 0px;
}

.achievements-market .c .tabs svg,
.clawshorns-analytics-modal .tabs svg,
.page-top-tabs svg {
    display: block;
}

.page-top-tabs__counter {
    font-size: 10px;
    position: absolute;
    right: 4px;
    top: 0px;
}

.achievements-market .c .tabs .counter,
.clawshorns-analytics-modal .tabs .counter,
.page-top-tabs .counter {
    margin-left: 5px;
}

.achievements-market .c .tabs>ul,
.clawshorns-analytics-modal .tabs>ul,
.page-top-tabs>ul {
    display: flex;
    flex-wrap: wrap;
    margin: -10px 0px 20px -14px;
}

.achievements-market .c .tabs>ul>li,
.clawshorns-analytics-modal .tabs>ul>li,
.page-top-tabs>ul>li {
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    margin-left: 14px;
    margin-top: 10px;
}

.achievements-market .c .tabs>ul>li>a,
.clawshorns-analytics-modal .tabs>ul>li>a,
.page-top-tabs>ul>li>a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background-color: var(--item-background-color-base);
    color: var(--item-color-base);
    font-size: 12px;
    min-height: 36px;
    padding: 0px 15px;
    text-transform: uppercase;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.achievements-market .c .tabs>ul>li:hover>a,
.clawshorns-analytics-modal .tabs>ul>li:hover>a,
.page-top-tabs>ul>li:hover>a {
    background-color: var(--item-background-color-hover);
    color: var(--item-color-hover);
}

.achievements-market .c .tabs>ul>li.active>a,
.clawshorns-analytics-modal .tabs>ul>li.active>a,
.page-top-tabs>ul>li.active>a {
    background-color: var(--item-background-color-active);
    color: var(--item-color-active);
}

body.is-pc-version .page-top-tabs--with-icon svg {
    margin-right: 10px;
}

.page-top-tabs--pocket-friends,
.page-top-tabs--pocket-pass {
    --item-color-base: #fff;
    --item-color-hover: #fff;
    --item-color-active: #fff;
    --item-background-color-base: rgba(26, 77, 222, .8);
    --item-background-color-hover: #2d63fc;
    --item-background-color-active: #1a4dde;
}

.page-top-tabs--pocket-pass svg {
    height: 16px;
    margin-right: 8px;
    width: 16px;
}

.clawshorns-analytics-modal {
    --modal-width: 900px;
    overflow: hidden;
    user-select: none;
}

.clawshorns-analytics-modal .tabs>ul>li>a {
    position: relative;
}

.clawshorns-analytics-modal .tabs__content {
    height: 400px;
}

.clawshorns-analytics-modal .tabs__content.active {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.clawshorns-analytics-modal .tabs .warning {
    color: rgb(236, 49, 31);
    font-size: 16px;
    position: absolute;
    right: 5px;
    top: 5px;
}

.clawshorns-analytics-modal .tabs .event-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
}

.clawshorns-analytics-modal .buttons {
    text-align: center;
}

.clawshorns-analytics-modal .table-analytics .type {
    color: rgb(152, 152, 156);
}

.clawshorns-analytics-modal .table-analytics .direction-0 .a-title {
    color: rgb(191, 58, 45);
}

.clawshorns-analytics-modal .table-analytics .direction-2 .a-title {
    color: rgb(111, 194, 116);
}

.clawshorns-analytics-modal .table-analytics>thead>tr>th:first-child,
.clawshorns-analytics-modal .table-calendar>thead>tr>th:first-child {
    padding-left: 5px;
}

.clawshorns-analytics-modal .table-analytics>thead>tr>th:last-child,
.clawshorns-analytics-modal .table-calendar>thead>tr>th:last-child {
    padding-right: 5px;
}

.clawshorns-analytics-modal .table-analytics>tbody>tr>td,
.clawshorns-analytics-modal .table-calendar>tbody>tr>td {
    cursor: pointer;
    font-size: 13px;
}

.clawshorns-analytics-modal .table-analytics>tbody>tr>td.loading,
.clawshorns-analytics-modal .table-calendar>tbody>tr>td.loading {
    cursor: revert;
    text-align: center;
}

.clawshorns-analytics-modal .table-analytics>tbody>tr>td:first-child,
.clawshorns-analytics-modal .table-calendar>tbody>tr>td:first-child {
    padding-left: 5px;
}

.clawshorns-analytics-modal .table-analytics>tbody>tr>td:last-child,
.clawshorns-analytics-modal .table-calendar>tbody>tr>td:last-child {
    padding-right: 5px;
}

.clawshorns-analytics-modal .message {
    margin-top: 0px;
}

.clawshorns-analytics-modal .filter {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.clawshorns-analytics-modal .filter .btn,
.clawshorns-analytics-modal .filter>div {
    margin-right: 15px;
}

.clawshorns-analytics-modal .filter .current-date {
    text-transform: uppercase;
}

.clawshorns-analytics-modal .filter .mdl-switch__label {
    font-size: 13px;
}

.clawshorns-analytics-modal .filter .btn {
    padding-bottom: 4px;
    padding-top: 4px;
}

.clawshorns-analytics-modal .analytics-block {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    height: 100%;
    transition: transform 0.5s, -webkit-transform 0.5s;
    width: 200%;
    will-change: transform;
}

.clawshorns-analytics-modal .analytics-block>div {
    position: relative;
    transition: opacity 0.5s, visibility 0.5s;
    width: 100%;
}

.clawshorns-analytics-modal .analytics-block .item-info-block {
    opacity: 0;
    visibility: hidden;
}

.clawshorns-analytics-modal .analytics-block .item-info-block .arrow-back {
    border-radius: 4px;
    display: block;
    font-size: 12px;
    height: 40px;
    left: 0px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 25px;
    z-index: 1;
}

.clawshorns-analytics-modal .analytics-block .item-info-block .cnt {
    font-size: 13px;
    padding-left: 35px;
    padding-right: 5px;
}

.clawshorns-analytics-modal .analytics-block .item-info-block .cnt h2 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 5px;
}

.clawshorns-analytics-modal .analytics-block .item-info-block .cnt h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.clawshorns-analytics-modal .analytics-block .item-info-block .cnt .date {
    color: rgb(162, 162, 162);
    font-size: 12px;
    font-weight: 100;
    margin-bottom: 15px;
}

.clawshorns-analytics-modal .analytics-block .item-info-block .cnt .text strong {
    font-weight: 700;
}

.clawshorns-analytics-modal .analytics-block .item-info-block .cnt .text p {
    line-height: 18px;
    margin-bottom: 10px;
}

.clawshorns-analytics-modal .analytics-block .item-info-block .cnt .text img {
    margin-bottom: 10px;
    max-width: 100%;
}

.clawshorns-analytics-modal .analytics-block .item-info-block .cnt .scenarion-block {
    margin-top: 15px;
}

.clawshorns-analytics-modal .analytics-block.show-item-info {
    transform: translate3d(-50%, 0px, 0px);
}

.clawshorns-analytics-modal .analytics-block.show-item-info>div:first-child {
    opacity: 0;
    visibility: hidden;
}

.clawshorns-analytics-modal .analytics-block.show-item-info>div:last-child {
    opacity: 1;
    visibility: visible;
}

.clawshorns-analytics-modal .calendar-item-info-block {
    border-radius: 10px;
    padding: 20px;
}

.clawshorns-analytics-modal .calendar-item-info-block td {
    font-size: 13px;
}

.clawshorns-analytics-modal .calendar-item-info-block span {
    color: rgb(143, 165, 191);
}

.clawshorns-analytics-modal .calendar-item-info-block .wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.clawshorns-analytics-modal .calendar-item-info-block .priority-items {
    margin-left: 8px;
    margin-top: 0px;
}

.clawshorns-analytics-modal .forecast-text {
    color: rgb(48, 153, 245);
}

.clawshorns-analytics-modal .actual-text {
    color: rgb(191, 58, 45);
}

.clawshorns-analytics-modal .priority-items {
    display: flex;
    margin-top: 4px;
}

.clawshorns-analytics-modal .priority-items>li {
    border-radius: 25px;
    height: 8px;
    width: 8px;
}

.clawshorns-analytics-modal .priority-items>li+li {
    margin-left: 3px;
}

.clawshorns-analytics-modal .priority-items--count-1 li {
    background-color: rgb(252, 196, 133);
}

.clawshorns-analytics-modal .priority-items--count-2 li {
    background-color: rgb(243, 101, 35);
}

.clawshorns-analytics-modal .priority-items--count-3 li {
    background-color: rgb(184, 58, 0);
}

.clawshorns-analytics-modal .applications__item,
.clawshorns-analytics-modal .applications__left {
    display: flex;
}

.clawshorns-analytics-modal .applications__img-wrap {
    margin-right: 20px;
    min-width: 100px;
}

.clawshorns-analytics-modal .applications__img {
    border: 1px solid rgb(229, 229, 229);
    border-radius: 20px;
    display: block;
    max-width: 100%;
}

.clawshorns-analytics-modal .applications__text-wrap {
    margin-right: 20px;
}

.clawshorns-analytics-modal .applications__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 6px;
}

.clawshorns-analytics-modal .applications__text {
    font-size: 13px;
    line-height: 16px;
}

.clawshorns-analytics-modal .applications__buttons {
    margin-left: auto;
    min-width: 170px;
}

.clawshorns-analytics-modal .applications__btn {
    border-radius: 6px;
    display: block;
    line-height: 18px;
    padding: 5px 10px 5px 50px;
}

.clawshorns-analytics-modal .applications__btn--ios {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 10px 50% no-repeat rgb(0, 0, 0);
    padding-left: 46px;
}

.clawshorns-analytics-modal .applications__btn--android,
.clawshorns-analytics-modal .applications__btn--android-apk {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px;
    grid-template-columns: 23px 1fr;
    padding-left: 10px;
}

.clawshorns-analytics-modal .applications__btn--android svg,
.clawshorns-analytics-modal .applications__btn--android-apk svg {
    display: block;
}

.clawshorns-analytics-modal .applications__btn+.applications__btn {
    margin-top: 10px;
}

.clawshorns-analytics-modal .applications__item+.applications__item {
    margin-top: 15px;
    padding-top: 15px;
}

.clawshorns-analytics-modal .toggle-icon {
    font-size: 20px;
    position: absolute;
    right: 50px;
    top: 15px;
}

.clawshorns-analytics-modal a.modal-close svg,
.clawshorns-analytics-modal a.toggle-icon .fa {
    opacity: 0.5;
}

.clawshorns-analytics-modal a:hover.modal-close svg,
.clawshorns-analytics-modal a:hover.toggle-icon .fa {
    opacity: 1;
}

.clawshorns-analytics-modal .hseow--active-w2 .hseow__body.vertical {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.clawshorns-analytics-modal .hseow--active-w2 .turn-off-buttons {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.trader-information-modal .tbs {
    --gap: 25px;
    --nav-gap: 15px;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
}

.trader-information-modal .tbs.only-body .tbs__nav {
    display: none;
}

.trader-information-modal .tbs.only-body .tbs__body {
    margin-left: 0px;
}

.trader-information-modal .tbs__header {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.trader-information-modal .tbs__filter-user-copy-history {
    margin-bottom: 23px;
}

.trader-information-modal .tbs__filter {
    margin-bottom: var(--nav-gap);
    position: relative;
}

.trader-information-modal .tbs__filter #reportrange {
    -webkit-box-flex: 0;
    flex: 0 1 0%;
    padding-left: 13px;
    padding-right: 13px;
    white-space: nowrap;
}

.trader-information-modal .tbs__filter.open .arrow-icon {
    transform: rotate(180deg);
}

.trader-information-modal .tbs__body {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    margin-left: var(--gap);
}

.trader-information-modal .tbs__nav {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.trader-information-modal .tbs__nav-link {
    display: block;
    margin-bottom: var(--nav-gap);
    text-align: center;
}

.trader-information-modal .tbs__nav-link:last-child {
    margin-bottom: 0px;
}

.trader-information-modal .tbs__filter-link {
    display: block;
}

.trader-information-modal .tbs__filter-link .arrow-icon {
    margin-left: 6px;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.trader-information-modal .tbs__content {
    display: none;
}

.trader-information-modal .tbs__content.active {
    display: block;
}

.trader-information-modal .tbs__filter-link,
.trader-information-modal .tbs__nav-link {
    border-radius: 5px;
    min-height: 38px;
    padding: 8px 20px;
}

.trader-information-modal .sum-offer-list {
    margin-top: 4px;
}

.trader-information-modal {
    --modal-width: 680px;
}

.trader-information-modal .wreath-levels__bg {
    display: none;
}

.trader-information-modal .copy-btn.active {
    background-color: var(--po-ui-kit-btn-green-light-background-color-hover);
    border-color: var(--po-ui-kit-btn-green-light-border-color-hover);
    color: var(--po-ui-kit-btn-green-light-color-hover);
}

.trader-information-modal .form-text-wrap {
    margin-bottom: 15px;
}

.trader-information-modal .has-error>label {
    color: rgb(169, 68, 66) !important;
}

.trader-information-modal .has-success>label {
    color: rgb(60, 118, 61) !important;
}

.trader-information-modal .form-text-key,
.trader-information-modal .form-text-key2 {
    color: rgb(142, 165, 192);
}

.trader-information-modal .status-wrap {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
}

.trader-information-modal .status-wrap .status {
    border-radius: 50%;
    height: 8px;
    margin-left: 3px;
    width: 8px;
}

.trader-information-modal .status-wrap--online .status {
    background-color: rgb(37, 190, 62);
}

.trader-information-modal .status-wrap--offline .status {
    background-color: gray;
}

.trader-information-modal .copy-info-table .key,
.trader-information-modal .info-table .key {
    font-size: 12px;
}

.trader-information-modal .copy-info-table>tbody>tr>td,
.trader-information-modal .info-table>tbody>tr>td {
    padding-bottom: 5px;
    padding-top: 5px;
}

.trader-information-modal .filter-nav {
    height: 33px;
}

.trader-information-modal .filter-nav__btn {
    border-radius: 4px;
    cursor: pointer;
    width: 33px;
}

.trader-information-modal .filter-nav__page {
    text-align: center;
    width: 55px;
}

.trader-information-modal .filter-nav__disabled {
    cursor: default;
    opacity: 0.7;
}

.trader-information-modal .loading-data {
    position: relative;
}

.trader-information-modal .loading-data .trading-info {
    opacity: 0.3;
}

.trader-information-modal .loading-data .trading-info li {
    border-left-color: transparent;
}

.trader-information-modal .loading-data .trading-info__k,
.trader-information-modal .loading-data .trading-info__v {
    display: none;
}

.trader-information-modal .loading-data .ajax-loader-v2 {
    display: block;
}

.trader-information-modal .trading-info__k {
    flex-basis: 50%;
}

.trader-information-modal .trading-info li {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    animation-duration: 0.3s;
    border-left: 5px solid rgb(0, 154, 249);
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 7px;
    min-height: 32px;
    padding: 6px 0px 6px 20px;
}

.trader-information-modal .trading-info li:last-child {
    margin-bottom: 0px;
}

.trader-information-modal .trading-info li.show {
    opacity: 1;
}

.trader-information-modal .trading-info li:first-child {
    animation-delay: 0.05s;
}

.trader-information-modal .trading-info li:nth-child(2) {
    animation-delay: 0.1s;
}

.trader-information-modal .trading-info li:nth-child(3) {
    animation-delay: 0.15s;
}

.trader-information-modal .trading-info li:nth-child(4) {
    animation-delay: 0.2s;
}

.trader-information-modal .trading-info li:nth-child(5) {
    animation-delay: 0.25s;
}

.trader-information-modal .trading-info li:nth-child(6) {
    animation-delay: 0.3s;
}

.trader-information-modal .trading-info li:nth-child(7) {
    animation-delay: 0.35s;
}

.trader-information-modal .trading-info li:nth-child(8) {
    animation-delay: 0.4s;
}

.trader-information-modal .trading-info.no_statistics li {
    border-left-color: rgb(91, 103, 110);
}

.trader-information-modal .tag-social-stats .trading-info__k {
    max-width: 155px;
}

.trader-information-modal .copy-info-table {
    margin-bottom: 0px;
}

.trader-information-modal .copy-info-table thead th {
    color: rgb(111, 194, 116);
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid rgb(127, 131, 140) !important;
}

.trader-information-modal .copy-info-table-edit-block {
    border-width: medium 1px 1px;
    border-style: none dashed dashed;
    border-color: currentcolor transparent transparent;
    border-image: initial;
    cursor: pointer;
    margin-bottom: 20px;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center;
}

.trader-information-modal .is-waiting {
    animation-duration: 0.5s;
    font-size: 13px;
    padding: 15px 30px;
}

.trader-information-modal .block-msg-wrap {
    display: flex;
    margin-left: -15px;
    margin-top: -15px;
}

.trader-information-modal .block-msg {
    border-radius: 10px;
    flex-basis: 50%;
    margin-left: 15px;
    margin-top: 15px;
    padding: 25px;
}

.trader-information-modal .block-msg__icon {
    margin-bottom: 14px;
}

.trader-information-modal .block-msg__icon svg {
    display: block;
}

.trader-information-modal .user-block {
    display: grid;
    gap: 24px;
    grid-template-columns: 150px 1fr;
    margin-bottom: 20px;
}

.trader-information-modal .user-block__l {
    margin-right: 24px;
    width: 150px;
}

.trader-information-modal .user-block__r {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.trader-information-modal .user-block .btn-wrap__top {
    margin-bottom: 7px;
}

.trader-information-modal .user-block .btn-wrap__bottom .btn-b {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.trader-information-modal .user-block .btn-wrap__bottom .btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    height: 100%;
    justify-content: center;
}

.trader-information-modal .user-block .btn-wrap__footer {
    margin-top: 7px;
}

.trader-information-modal .user-block .btn-wrap .ajax-loader-v2 {
    margin: 0px;
}

.trader-information-modal .user-block .btn-wrap .small-btn {
    height: 100%;
    min-width: 60px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.trader-information-modal .user-block .btn-wrap .small-btn .fa {
    font-size: 22px;
}

.trader-information-modal .user-block .btn-wrap .btn-b {
    margin-left: 7px;
    margin-top: 7px;
}

.trader-information-modal .user-block .btn-wrap .copy-message {
    border-radius: 4px;
    padding: 7px 16px;
    text-align: center;
}

.trader-information-modal .user-block .btn-wrap .message {
    font-size: 12px;
    margin-bottom: 0px;
    text-align: center;
}

.trader-information-modal .user-block .btn-wrap .btn {
    position: relative;
}

.trader-information-modal .user-block .btn-wrap .btn .ajax-loader-v2 {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.trader-information-modal .user-block .btn-wrap .svg-icon {
    width: 18px;
}

.trader-information-modal .user-block .btn-wrap__bottom,
.trader-information-modal .user-block .btn-wrap__top {
    display: flex;
    margin-left: -7px;
    margin-top: -7px;
}

.trader-information-modal .user-block .second-table>tbody>tr>td {
    text-align: left;
}

.trader-information-modal .user-block .second-table tr>td:first-child {
    padding-left: 0px;
}

.trader-information-modal .user-block .second-table tr>td:last-child {
    padding-right: 0px;
}

.trader-information-modal .data-block {
    border-radius: 5px;
    min-height: 374px;
    padding: 25px;
}

.trader-information-modal .data-block .form-block h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.trader-information-modal .data-block .form-block .form-group {
    position: relative;
}

.trader-information-modal .data-block .form-block .form-group span {
    bottom: 6px;
    color: rgb(147, 151, 160);
    position: absolute;
    right: 10px;
}

.trader-information-modal .data-block .form-block .form-group .percent {
    padding-right: 30px;
}

.trader-information-modal .data-block .form-block .form-group .usd {
    padding-right: 45px;
}

.trader-information-modal .data-block .form-block label {
    margin-bottom: 7px;
}

.trader-information-modal .data-block .btn-wrap {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-left: -15px;
    margin-top: 10px;
}

.trader-information-modal .data-block .btn-wrap .btn {
    margin-left: 15px;
    margin-top: 15px;
    min-width: 130px;
}

.trader-information-modal .data-block .btn-wrap .btn:first-child {
    -webkit-box-ordinal-group: 3;
    order: 2;
}

.trader-information-modal .form-row {
    margin-bottom: 10px;
}

.trader-information-modal .input-group-addon {
    min-width: 66px;
}

.trader-information-modal .tbs__header {
    margin-bottom: 20px;
}

.trader-information-modal .shards {
    margin-left: -12px;
}

.trader-information-modal .shards .svg-icon {
    height: auto;
    margin: 0px 7px;
}

.trader-information-modal .shards .blue-shard-icon,
.trader-information-modal .shards .red-shard-icon {
    width: 16px;
}

.trader-information-modal .shards .green-shard-icon {
    width: 21px;
}

.trader-information-modal .shards .shard-item {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-right: 15px;
}

.trader-information-modal .shards .shard-item span {
    font-size: 12px;
    margin-top: 2px;
}

.trader-information-modal .shards .shard-item:last-of-type {
    margin-right: 0px;
}

.trader-information-modal .for-small-width {
    display: none;
}

.trader-information-modal .for-small-width .user-name {
    font-size: 26px;
    margin-bottom: 7px;
    text-align: center;
}

.trader-information-modal .for-small-width .wreath-levels__bg {
    display: none;
}

.trader-information-modal .for-small-width .user-info {
    margin-bottom: 7px;
}

.trader-information-modal .for-small-width .user-info>div {
    text-align: center;
}

.trader-information-modal .for-small-width .user-info .your-level-badge {
    font-size: 12px;
    padding: 3px 5px;
}

.trader-information-modal .for-small-width .user-info__level {
    position: relative;
}

.trader-information-modal .for-small-width .user-info__level .wreath-levels {
    left: -7px;
    position: absolute;
    top: -2px;
    z-index: 1;
}

.trader-information-modal .for-small-width .user-info__level-text {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin-left: 13px;
    padding-left: 12px;
    padding-right: 6px;
}

.trader-information-modal .for-small-width .user-info__top {
    margin-bottom: 7px;
}

.trader-information-modal .for-small-width .user-info__bottom-col {
    border-radius: 5px;
    flex-basis: 100%;
    font-size: 12px;
    height: 50px;
    line-height: 50px;
}

.trader-information-modal .for-small-width .user-info .status-wrap {
    border-radius: 5px;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0px 6px;
}

.trader-information-modal .no-balance {
    margin-bottom: 7px;
}

.trader-information-modal .copying-started-date {
    text-align: right;
}

.trader-information-modal .copying-started-date__title {
    color: rgb(142, 165, 192);
}

.trader-information-modal .reportrange {
    height: 38px;
    padding-top: 8px !important;
}

.trader-information-modal .reportrange span {
    font-size: 12px;
}

.trader-information-modal .copy-message-wrap {
    display: flex;
    flex-basis: 100%;
}

.top-ranked-players-last-24h-modal {
    --modal-width: 1000px;
    position: relative;
}

.top-ranked-players-last-24h-modal .title {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.top-ranked-players-last-24h-modal .title>span {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 34px;
}

.top-ranked-players-last-24h-modal .title .grp {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 30px;
}

.top-ranked-players-last-24h-modal .title .grp .btn {
    margin-left: 7px;
}

.top-ranked-players-last-24h-modal .mfp-close {
    top: 14px;
}

.top-ranked-players-last-24h-modal .bottom-block {
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
}

.top-ranked-players-last-24h-modal .bottom-block,
.top-ranked-players-last-24h-modal .user-data {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.top-ranked-players-last-24h-modal .user-data .avatar {
    display: block;
    margin-right: 10px;
    text-align: center;
}

.top-ranked-players-last-24h-modal .pagination {
    margin-bottom: 0px;
}

.top-ranked-players-last-24h-modal .pagination .active a {
    position: inherit;
}

.top-ranked-players-last-24h-modal .table {
    margin-bottom: 0px;
}

.top-ranked-players-last-24h-modal .table .t-a-c {
    text-align: center;
}

.top-ranked-players-last-24h-modal .table .sort {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-size-adjust: none;
    font-language-override: normal;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-top: -4px;
    position: absolute;
    right: 5px;
    top: 50%;
}

.top-ranked-players-last-24h-modal .table .sort::before {
    content: "";
}

.top-ranked-players-last-24h-modal .table .sort--asc {
    margin-top: -1px;
}

.top-ranked-players-last-24h-modal .table .sort--asc::before {
    content: "";
}

.top-ranked-players-last-24h-modal .table .sort--desc {
    margin-top: -6px;
}

.top-ranked-players-last-24h-modal .table .sort--desc::before {
    content: "";
}

.top-ranked-players-last-24h-modal .table .border-left {
    border-left: 1px solid;
}

.top-ranked-players-last-24h-modal .table .border-left--bold {
    border-left-width: 2px;
}

.top-ranked-players-last-24h-modal .table .th-sort {
    cursor: pointer;
    padding-right: 15px;
    position: relative;
}

.top-ranked-players-last-24h-modal .table tbody>tr {
    cursor: pointer;
}

.top-ranked-players-last-24h-modal .table td,
.top-ranked-players-last-24h-modal .table thead>tr>th {
    vertical-align: middle;
}

.top-ranked-players-last-24h-modal .table img {
    display: block;
    max-width: 100%;
}

.close-account-modal .wrap-btn {
    display: flex;
    margin-left: -7px;
    margin-top: -7px;
}

.close-account-modal .wrap-btn .btn {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    margin-left: 7px;
    margin-top: 7px;
}

.close-account-modal .bootstrap-select,
.close-account-modal .other-reason,
.close-account-modal .reason-text {
    margin-bottom: 20px;
}

.close-account-modal .error-block {
    margin-bottom: 10px;
}

.close-account-modal hr {
    border-top-color: rgb(39, 46, 64);
}

.close-account-modal .text1,
.close-account-modal .text2 {
    margin-bottom: 15px;
}

.close-account-modal .reason-text {
    background-color: rgb(38, 45, 64);
    border-radius: 4px;
    padding: 10px 20px;
}

.close-account-modal .text2 {
    font-size: 12px;
    line-height: 16px;
}

.hotkeys-modal {
    --modal-width: 400px;
    display: grid;
    padding-top: 22px;
    border-radius: 20px !important;
}

.hotkeys-modal svg {
    display: block;
}

.hotkeys-modal .title {
    margin-bottom: 25px;
}

.hotkeys-modal .title span {
    margin-left: 5px;
}

.hotkeys-modal .title span.active {
    color: rgb(37, 190, 62);
}

.hotkeys-modal .img-wrap {
    border-radius: 13px;
    margin-bottom: 28px;
    overflow: hidden;
}

.hotkeys-modal .img-wrap img {
    display: block;
    max-width: 100%;
}

.hotkeys-modal .buttons__line {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 1px solid;
    gap: 5px;
    grid-template-columns: 70px 14px 32px 1fr;
    padding: 12px;
}

.hotkeys-modal .buttons__line:last-child {
    border-bottom: unset;
}

.hotkeys-modal .buttons__line.char-tab {
    grid-template-columns: 70px 14px 42px 1fr;
}

.hotkeys-modal .buttons__plus {
    font-size: 12px;
    text-align: center;
}

.hotkeys-modal .buttons__text {
    text-align: right;
}

.hotkeys-modal .button {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 4px;
    font-size: 12px;
    justify-content: center;
    line-height: 12px;
    min-height: 32px;
}

.hotkeys-modal .button svg {
    margin-right: 10px;
}

.hotkeys-modal .btn-wrap {
    margin-top: 24px;
}

.hotkeys-modal .btn-wrap .btn {
    width: 100%;
}

.video-tutorial-modal .video-wrapper {
    height: auto;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: center;
}

.video-tutorial-modal video {
    height: auto;
    max-height: calc(-74px + 95vh);
    width: 100%;
}

.video-tutorial-modal .thumb-wrap {
    height: 0px;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

.video-tutorial-modal .thumb-wrap iframe {
    border-width: 0px;
    height: 100%;
    left: 0px;
    outline-width: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.video-tutorial-modal .mfp-iframe-scaler {
    overflow: visible;
    position: relative;
}

.video-tutorial-modal .mfp-iframe-scaler .mfp-close {
    display: flex;
    right: -35px;
    top: -35px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    color: transparent;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.video-tutorial-modal .mfp-iframe-scaler .mfp-close::before {
    display: block;
    margin-left: 13px;
}

.video-tutorial-modal--settlepay_binance,
.video-tutorial-modal--settlepay_binance_ftd {
    --modal-width: 346px;
}

.video-tutorial-modal--settlepay_binance .thumb-wrap,
.video-tutorial-modal--settlepay_binance_ftd .thumb-wrap {
    border-radius: 10px;
    height: 523px;
    width: 294px;
}

.video-tutorial-modal--monetix_india_cash_on_d video {
    height: 100%;
    left: 0px;
    object-fit: cover;
    position: absolute;
    top: 0px;
}

.demo-notification-call-put-modal .text {
    margin-bottom: 20px;
}

.demo-notification-call-put-modal .img img {
    display: block;
    margin: 0px auto;
}

.demo-notification-call-put-modal .buttons {
    font-size: 0px;
}

.demo-notification-call-put-modal .buttons>a {
    display: inline-block;
    font-size: 14px;
    padding: 10px;
}

.demo-notification-call-put-modal .buttons>a:first-child {
    width: 49%;
}

.demo-notification-call-put-modal .buttons>a:last-child {
    margin-left: 2%;
    width: 49%;
}

.settings-modal {
    --modal-width: 600px;
    user-select: none;
}

.settings-modal__row {
    display: flex;
}

.settings-modal__categories-wrap {
    margin-right: 24px;
    margin-top: -3px;
    width: 162px;
}

.settings-modal__category {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 3px;
    padding: 4px 12px;
    transition: background-color 0.3s, border-color 0.3s;
}

.settings-modal__category .fa {
    font-size: 20px;
    line-height: 20px;
}

.settings-modal__category .tooltip-icon {
    width: 18px;
}

.settings-modal__category .icon {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-right: 14px;
    width: 20px;
}

.settings-modal__category .icon .fa {
    margin-right: 0px;
}

.settings-modal__content-wrap {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.settings-modal__content {
    display: none;
    height: 100%;
    padding-top: 5px;
}

.settings-modal__content .ajax-loader-v2 {
    background-color: rgba(0, 0, 0, 0.1);
}

.settings-modal__content--active {
    display: block;
}

.settings-modal__content-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
    margin-top: -5px;
}

.settings-modal__content-text {
    margin-bottom: 15px;
}

.settings-modal__content-settings>div {
    margin-top: 10px;
}

.settings-modal__content-settings>div:first-child {
    margin-top: 0px;
}

.settings-modal__content-settings .content-settings__content {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.settings-modal__content-settings .mdl-switch {
    width: auto;
}

.settings-modal__content-settings .list-checkbox label {
    margin-bottom: 0px;
}

.settings-modal .languages-flag {
    border-radius: 50%;
    margin-right: 6px;
    max-width: 15px;
    overflow: hidden;
}

.settings-modal .your-location {
    color: rgb(142, 165, 191);
    margin: 7px 0px;
}

.settings-modal .new-tpl .settings-modal__content-settings {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.settings-modal .new-tpl .settings-modal__content-settings>div {
    margin-top: 0px;
}

.settings-modal .new-tpl .settings-modal__content-settings .content-settings__title {
    margin-right: 30px;
}

.settings-modal .new-tpl .bootstrap-select {
    width: 200px !important;
}

.settings-modal .mdl-switch-timezone {
    margin-bottom: 7px;
}

.settings-modal .bootstrap-select .dropdown-menu svg,
.settings-modal .bootstrap-select .filter-option svg {
    margin-right: 10px;
}

.settings-modal .bootstrap-select .dropdown-menu>li>a,
.settings-modal .bootstrap-select .filter-option {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.settings-modal .timezone-block {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.settings-modal .timezone-block .bootstrap-select {
    width: 200px !important;
}

.settings-modal .themes-block .list-checkbox {
    margin-bottom: 20px;
}

.settings-modal .themes-block .wallpaper {
    margin: 0px 0px 15px;
    width: 220px;
}

.settings-modal .languages-block {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.settings-modal .languages-block .content-settings__title {
    margin-right: 0px !important;
}

.settings-modal .languages-block .content-settings__content,
.settings-modal .languages-block .content-settings__title {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
}

.settings-modal .languages-block .dropdown-menu,
.settings-modal .languages-block .inner {
    max-height: 200px !important;
}

.settings-modal .ai-trading-block .content-settings__title {
    margin-bottom: 12px;
}

.settings-modal .ai-trading-block .items {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr;
}

.settings-modal .ai-trading-block .item__img-wrap {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: var(--background-color);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    cursor: pointer;
    justify-content: center;
    margin-bottom: 10px;
    transition: border-color 0.3s;
}

.settings-modal .ai-trading-block .item__img-wrap img {
    filter: grayscale(1);
    opacity: 0.4;
    transition: opacity 0.3s, filter 0.3s, -webkit-filter 0.3s;
}

.theme-dark-blue .settings-modal .ai-trading-block .item__img-wrap {
    --background-color: #1d2232;
    --border-color: #293145;
}

.theme-light .settings-modal .ai-trading-block .item__img-wrap {
    --background-color: #eceff3;
    --border-color: #e1e5eb;
}

.settings-modal .ai-trading-block .item__check {
    color: rgb(0, 154, 249);
    display: none;
}

.settings-modal .ai-trading-block .item__title {
    font-weight: 700;
    margin-bottom: 10px;
}

.settings-modal .ai-trading-block .item__text {
    font-size: 12px;
}

.settings-modal .ai-trading-block .item:not(.item--active):not(.ajax-loading) .item__img-wrap:hover img {
    filter: grayscale(0);
    opacity: 1;
}

.settings-modal .ai-trading-block .item.ajax-loading .item__img-wrap {
    user-select: none;
}

.settings-modal .ai-trading-block .item--active .item__check {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}

.settings-modal .ai-trading-block .item--active .item__img-wrap {
    border-color: rgb(0, 154, 249);
    cursor: default;
}

.settings-modal .ai-trading-block .item--active .item__img-wrap img {
    filter: grayscale(0);
    opacity: 1;
}

.settings-modal .ai-trading-block .limit-trading-volume {
    margin-top: 20px;
}

.settings-modal .my-theme {
    display: grid;
    gap: 8px;
    margin-top: 15px;
}

.settings-modal .my-theme svg {
    display: block;
}

.settings-modal .my-theme .btn {
    border-radius: 8px;
}

.settings-modal .my-theme__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.settings-modal .my-theme__title .tooltip2 {
    margin-left: 4px;
}

.settings-modal .my-theme__title .fa {
    color: rgb(132, 155, 183);
    font-size: 18px;
}

.settings-modal .my-theme__error-message {
    color: rgb(255, 70, 70);
    font-size: 12px;
}

.settings-modal .my-theme .select-file-block {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    background-color: var(--background-color-base);
    border: 1px solid var(--border-color-base);
    border-radius: 8px;
    color: var(--color-base);
    gap: 8px;
    min-height: 36px;
    padding: 4px 10px;
}

.settings-modal .my-theme .select-file-block__icon1 {
    opacity: 0.5;
}

.settings-modal .my-theme .no-file {
    display: grid;
    grid-template-columns: 220px;
}

.settings-modal .my-theme .no-file .select-file-block {
    cursor: pointer;
    grid-template-columns: 20px 1fr;
}

.settings-modal .my-theme .file-selected {
    display: grid;
    gap: 8px;
    grid-template-columns: 220px 1fr;
}

.settings-modal .my-theme .file-selected .select-file-block {
    grid-template-columns: 20px 1fr 20px;
}

.settings-modal .my-theme .file-selected .select-file-block__icon2 {
    cursor: pointer;
}

.settings-modal .my-theme .file-thumb {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    background-color: var(--background-color-base);
    border: 1px solid var(--border-color-base);
    gap: 16px;
    grid-template-columns: 80px 1fr;
    padding: 12px;
}

.settings-modal .my-theme .file-thumb img {
    display: block;
    max-width: 100%;
}

.settings-modal .my-theme .file-thumb__start {
    border-radius: 8px;
    overflow: hidden;
}

.settings-modal .my-theme .file-thumb__end {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    grid-template-columns: 1fr auto;
}

.settings-modal .my-theme .file-thumb__img-info {
    color: rgb(142, 165, 192);
}

.settings-modal .my-theme .file-thumb__text-block {
    overflow: hidden;
}

.settings-modal .my-theme .btn-remove {
    display: grid;
    gap: 8px;
    grid-template-columns: 20px 1fr;
}

.instant-deposit-modal .rw {
    display: flex;
    margin-left: -20px;
}

.instant-deposit-modal .rw>.l,
.instant-deposit-modal .rw>.r {
    margin-left: 20px;
    width: 100%;
}

.instant-deposit-modal .btn-wrap {
    margin-top: 20px;
    text-align: center;
}

.instant-deposit-modal .deposit-info {
    margin-top: 20px;
}

.instant-deposit-modal .deposit-info__item {
    margin-bottom: 3px;
}

.instant-deposit-modal .deposit-info__val {
    color: rgb(132, 133, 133);
}

.instant-deposit-modal .deposit-info svg {
    width: 20px;
    fill: rgb(0, 158, 255);
}

.instant-deposit-modal .list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-top: -15px;
}

.instant-deposit-modal .list__item {
    border: 1px solid transparent;
    margin-left: 20px;
    margin-top: 15px;
    padding: 6px;
    width: calc(33.3333% - 20px);
}

.instant-deposit-modal .list__item.active {
    background: rgba(0, 154, 249, 0.2);
    border-color: rgba(0, 154, 249, 0.4);
    border-radius: 6px;
}

.instant-deposit-modal .list__img {
    display: block;
    max-width: 100%;
    position: relative;
    top: 50%;
    transform: translate3d(0px, -50%, 0px);
}

.instant-deposit-modal .panel-group {
    margin-bottom: 0px;
}

.instant-deposit-modal .panel-group .panel:first-child .panel-collapse {
    display: block;
}

.instant-deposit-modal .panel-title .fa {
    min-width: 26px;
}

.user-gifts-modal .content {
    overflow: hidden;
}

.user-gifts-modal .content__in {
    display: flex;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.user-gifts-modal .booster-block {
    box-shadow: none;
    margin-top: 0px;
    width: 100%;
}

.user-gifts-modal .booster-block .btn-wrap {
    margin-top: 20px;
    padding-left: 0px;
    text-align: center;
}

.user-gifts-modal .booster-block .btn-wrap .btn {
    width: auto;
}

.user-gifts-modal .booster-block__header {
    color: rgb(255, 175, 0);
}

.user-gifts-modal .booster-block__header svg {
    display: block;
}

.user-gifts-modal .booster-block__header .tooltip2+.tooltip2 {
    margin-left: 7px;
}

.user-gifts-modal .booster-block__header .tooltip-text span {
    margin-left: 5px;
}

.user-gifts-modal .booster-block .info-block--cost .info-block__in {
    color: rgb(255, 175, 0);
}

.user-gifts-modal .booster-block .info-block__f.valid-until {
    display: none;
}

.user-gifts-modal .booster-block .gift-note {
    color: rgb(143, 165, 191);
    font-size: 12px;
    padding: 10px 0px;
}

.user-gifts-modal .booster-block .gift-note p {
    padding: 10px 0px;
}

.add-bank-account-modal .input-group {
    width: 100%;
}

.add-bank-account-modal form .message-error {
    display: none;
}

.add-bank-account-modal .btn-wrap {
    text-align: center;
}

.add-bank-account-modal .btn-wrap .btn {
    padding-left: 30px;
    padding-right: 30px;
}

.add-bank-account-modal .btn-wrap .btn .fa {
    margin-left: 5px;
}

.add-bank-account-modal .help-block {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0px;
}

.collect-gems-lotto-modal,
.glue-shards-modal {
    --modal-width: 600px;
}

.collect-gems-lotto-modal .stats .table td,
.glue-shards-modal .stats .table td {
    text-align: center;
}

.collect-gems-lotto-modal .message-info,
.glue-shards-modal .message-info {
    margin-top: 0px;
}

.collect-gems-lotto-modal .rw,
.glue-shards-modal .rw {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.collect-gems-lotto-modal .rw>.c,
.collect-gems-lotto-modal .rw>.l,
.collect-gems-lotto-modal .rw>.r,
.glue-shards-modal .rw>.c,
.glue-shards-modal .rw>.l,
.glue-shards-modal .rw>.r {
    text-align: center;
    width: 100%;
}

.collect-gems-lotto-modal .rw>.l .diamonds,
.glue-shards-modal .rw>.l .diamonds {
    min-width: 180px;
}

.collect-gems-lotto-modal .rw>.l .diamonds .diamonds-list,
.glue-shards-modal .rw>.l .diamonds .diamonds-list {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 50% center no-repeat;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    max-width: 300px;
}

.collect-gems-lotto-modal .rw>.l .diamonds .diamonds-list__item,
.glue-shards-modal .rw>.l .diamonds .diamonds-list__item {
    padding: 6px 4px;
    width: 50%;
}

.collect-gems-lotto-modal .rw>.l .diamonds .diamonds-list__item:nth-child(2n),
.glue-shards-modal .rw>.l .diamonds .diamonds-list__item:nth-child(2n) {
    padding-left: 5px;
}

.collect-gems-lotto-modal .rw>.l .diamonds .diamonds-list__item,
.glue-shards-modal .rw>.l .diamonds .diamonds-list__item {
    padding: 10px;
}

.collect-gems-lotto-modal .rw>.c .fa,
.glue-shards-modal .rw>.c .fa {
    color: rgb(100, 151, 100);
    font-size: 50px;
}

@media screen and (max-width: 600px) {

    .collect-gems-lotto-modal .rw>.c .fa,
    .glue-shards-modal .rw>.c .fa {
        transform: rotate(90deg);
    }
}

.collect-gems-lotto-modal .rw>.r .chest-icon-animate,
.glue-shards-modal .rw>.r .chest-icon-animate {
    height: 229px;
    margin: 0px auto;
    position: relative;
    width: 229px;
}

.collect-gems-lotto-modal .rw>.r .chest-icon-animate .bg,
.collect-gems-lotto-modal .rw>.r .chest-icon-animate .chest,
.collect-gems-lotto-modal .rw>.r .chest-icon-animate .ray1,
.collect-gems-lotto-modal .rw>.r .chest-icon-animate .ray2,
.glue-shards-modal .rw>.r .chest-icon-animate .bg,
.glue-shards-modal .rw>.r .chest-icon-animate .chest,
.glue-shards-modal .rw>.r .chest-icon-animate .ray1,
.glue-shards-modal .rw>.r .chest-icon-animate .ray2 {
    position: absolute;
}

.collect-gems-lotto-modal .rw>.r .chest-icon-animate .bg,
.glue-shards-modal .rw>.r .chest-icon-animate .bg {
    animation: 4s ease 0s infinite normal none running chest-bg-animate;
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px no-repeat;
    height: 229px;
    width: 229px;
    z-index: 1;
}

.collect-gems-lotto-modal .rw>.r .chest-icon-animate .ray1,
.glue-shards-modal .rw>.r .chest-icon-animate .ray1 {
    animation: 4s ease 0s infinite normal none running chest-ray1-animate;
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px no-repeat;
    height: 91px;
    left: 42px;
    top: 0px;
    width: 128px;
    z-index: 3;
}

.collect-gems-lotto-modal .rw>.r .chest-icon-animate .ray2,
.glue-shards-modal .rw>.r .chest-icon-animate .ray2 {
    animation: 5s ease 0s infinite normal none running chest-ray2-animate;
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px no-repeat;
    height: 86px;
    left: 62px;
    top: 0px;
    width: 126px;
    z-index: 4;
}

.collect-gems-lotto-modal .rw>.r .chest-icon-animate .chest,
.glue-shards-modal .rw>.r .chest-icon-animate .chest {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px no-repeat;
    height: 159px;
    left: 17px;
    top: 13px;
    width: 170px;
    z-index: 2;
}

@media screen and (max-width: 600px) {

    .collect-gems-lotto-modal .rw,
    .glue-shards-modal .rw {
        flex-wrap: wrap;
    }
}

.collect-gems-lotto-modal .table,
.glue-shards-modal .table {
    margin-bottom: 0px;
}

.confirm-activate-modal .booster-block__header {
    color: rgb(255, 175, 0);
}

.confirm-activate-modal .booster-block__header svg {
    display: block;
}

.confirm-activate-modal .booster-block__header .tooltip2+.tooltip2 {
    margin-left: 7px;
}

.confirm-activate-modal .booster-block__header .tooltip-text span {
    margin-left: 5px;
}

.confirm-activate-modal .info-block__f.valid-until {
    display: none;
}

.confirm-activate-modal .tournaments-list__inner {
    display: grid;
    gap: 12px;
}

.confirm-activate-modal .tournaments-list__item {
    background: var(--ticket-item-bg);
    border: 1px solid var(--ticket-item-border-color);
    border-radius: 10px;
    display: grid;
    gap: 8px;
    padding: 12px 20px;
}

.confirm-activate-modal .tournaments-list__item--hour-play {
    background: var(--hour-gradient);
}

.confirm-activate-modal .tournaments-list__item--day-off {
    background: var(--day-off-gradient);
}

.confirm-activate-modal .tournaments-list__item--rumble {
    background: var(--rumble-gradient);
}

.confirm-activate-modal .tournaments-list__item--spring-cup {
    background: var(--spring-cup-gradient);
}

.confirm-activate-modal .tournaments-list__item--winter-cup {
    background: var(--winter-cup-gradient);
}

.confirm-activate-modal .tournaments-list__item--premium-cup {
    background: var(--premium-cup-gradient);
}

.confirm-activate-modal .tournaments-list__item--vip-bonanza {
    background: var(--vip-bonanza-gradient);
}

.confirm-activate-modal .tournaments-list__t {
    font-size: 16px;
    font-weight: 600;
}

.confirm-activate-modal .tournaments-list__content {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.confirm-activate-modal .tournaments-list__info {
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-wrap: wrap;
    margin: 0px -4px;
}

.confirm-activate-modal .tournaments-list__info .info__item {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 0 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 0px 4px;
}

.confirm-activate-modal .tournaments-list__info .info__t {
    -webkit-box-flex: 1;
    color: rgb(142, 165, 192);
    flex-grow: 1;
    font-size: 10px;
}

.confirm-activate-modal .tournaments-list__info .info__price,
.confirm-activate-modal .tournaments-list__info .info__time {
    font-size: 14px;
}

.confirm-activate-modal .tournaments-list__action {
    margin-top: 8px;
    width: fit-content;
}

.confirm-activate-modal .tournaments-list__action .btn {
    border-radius: 8px;
    padding: 5px 12px;
    width: 100%;
}

.confirm-activate-modal.confirm-ticket-modal {
    --modal-width: 400px;
    --modal-padding-x: 32px;
    --modal-padding-y: 32px;
    border-color: var(--border-color);
    min-width: 280px;
    overflow: hidden;
    padding-top: 104px;
}

.confirm-activate-modal.confirm-ticket-modal .svg-icon {
    fill: var(--close-color);
}

.confirm-activate-modal.confirm-ticket-modal .image {
    height: 121px;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.confirm-activate-modal.confirm-ticket-modal .image__pic {
    left: 0px;
    max-width: 100%;
    pointer-events: none;
    position: absolute;
    top: 0px;
}

.confirm-activate-modal.confirm-ticket-modal .title {
    font-size: 27px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0px;
    padding-right: 0px;
}

.confirm-activate-modal.confirm-ticket-modal .text {
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 12px;
}

.confirm-activate-modal.confirm-ticket-modal .text,
.confirm-activate-modal.confirm-ticket-modal .title {
    position: relative;
    z-index: 5;
}

.confirm-activate-modal.confirm-ticket-modal .js-perfectScrollbar.ps--active-y .tournaments-list__inner {
    margin-right: 6px;
}

.confirm-activate-modal.confirm-ticket-modal .ps__rail-y {
    display: block;
    width: 4px;
}

.confirm-activate-modal.confirm-ticket-modal .ps__thumb-y {
    right: 0px;
    width: 100%;
}

.theme-dark-blue .confirm-activate-modal.confirm-ticket-modal {
    --border-color: rgba(52, 62, 82, .5);
    --close-color: #fff;
    --ticket-item-bg: #1d2232;
    --ticket-item-border-color: #293145;
    --hour-gradient: radial-gradient(130% 120% at 140% 0%, rgba(8, 124, 199, .2) 0%, rgba(30, 33, 49, 0) 100%), #1d2232;
    --day-off-gradient: radial-gradient(130% 120% at 140% 0%, rgba(136, 51, 203, .2) 0%, rgba(30, 33, 49, 0) 100%), #1d2232;
    --rumble-gradient: radial-gradient(130% 120% at 140% 0%, rgba(178, 124, 62, .2) 0%, rgba(30, 33, 49, 0) 100%), #1d2232;
    --spring-cup-gradient: radial-gradient(130% 120% at 140% 0%, rgba(0, 154, 249, .18) 0%, rgba(30, 33, 49, 0) 100%), #1d2232;
    --winter-cup-gradient: radial-gradient(130% 120% at 140% 0%, rgba(0, 154, 249, .14) 0%, rgba(30, 33, 49, 0) 100%), #1d2232;
    --premium-cup-gradient: radial-gradient(130% 120% at 140% 0%, rgba(255, 175, 0, .18) 0%, rgba(30, 33, 49, 0) 100%), #1d2232;
    --vip-bonanza-gradient: radial-gradient(130% 120% at 140% 0%, rgba(26, 77, 222, .22) 0%, rgba(30, 33, 49, 0) 100%), #1d2232;
}

.theme-light .confirm-activate-modal.confirm-ticket-modal {
    --border-color: #dce1e6;
    --close-color: #314e70;
    --ticket-item-bg: #fff;
    --ticket-item-border-color: #dce1e6;
    --hour-gradient: radial-gradient(130% 120% at 140% 0%, rgba(8, 124, 199, .2) 0%, rgba(30, 33, 49, 0) 100%), #fff;
    --day-off-gradient: radial-gradient(130% 120% at 140% 0%, rgba(136, 51, 203, .2) 0%, rgba(30, 33, 49, 0) 100%), #fff;
    --rumble-gradient: radial-gradient(130% 120% at 140% 0%, rgba(178, 124, 62, .2) 0%, rgba(30, 33, 49, 0) 100%), #fff;
    --spring-cup-gradient: radial-gradient(130% 120% at 140% 0%, rgba(0, 154, 249, .18) 0%, rgba(30, 33, 49, 0) 100%), #fff;
    --winter-cup-gradient: radial-gradient(130% 120% at 140% 0%, rgba(0, 154, 249, .14) 0%, rgba(30, 33, 49, 0) 100%), #fff;
    --premium-cup-gradient: radial-gradient(130% 120% at 140% 0%, rgba(255, 175, 0, .18) 0%, rgba(30, 33, 49, 0) 100%), #fff;
    --vip-bonanza-gradient: radial-gradient(130% 120% at 140% 0%, rgba(26, 77, 222, .22) 0%, rgba(30, 33, 49, 0) 100%), #fff;
}

@media screen and (max-width: 439px) {
    .confirm-activate-modal.confirm-ticket-modal {
        --modal-padding-x: 20px;
        --modal-padding-y: 20px;
        padding-top: clamp(74px, 24vw, 104px);
    }

    .confirm-activate-modal.confirm-ticket-modal .title {
        font-size: clamp(19px, 6vw, 27px);
    }
}

@media screen and (max-width: 399px) {
    .confirm-activate-modal.confirm-ticket-modal .tournaments-list__action {
        width: 100%;
    }

    .confirm-activate-modal.confirm-ticket-modal .tournaments-list__info .info__item {
        -webkit-box-flex: 1;
        flex: 1 0 100%;
    }
}

.confirm-purchase-modal .diamonds-wrap {
    display: grid;
    -webkit-box-align: start;
    align-items: start;
    gap: 10px;
    grid-auto-columns: min-content;
    grid-auto-flow: column;
}

.confirm-purchase-modal .insufficient-funds-title {
    margin-bottom: 7px;
    text-align: center;
}

.confirm-purchase-modal .insufficient-funds-wrap {
    -webkit-box-pack: center;
    justify-content: center;
}

.confirm-purchase-modal .insufficient-funds-wrap,
.confirm-purchase-modal .insufficient-funds__end,
.confirm-purchase-modal .insufficient-funds__start {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    gap: 15px;
    grid-auto-columns: min-content;
    grid-auto-flow: column;
}

.how-to-get-crystals-modal>.w:last-child {
    margin-bottom: 0px;
}

.how-to-get-crystals-modal .btn-small {
    font-size: 11px;
    padding: 3px 7px;
}

.how-to-get-crystals-modal .w {
    margin-bottom: 20px;
}

.how-to-get-crystals-modal .w>.t {
    border-left: 4px solid rgb(37, 134, 44);
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 7px;
    padding: 7px 0px 7px 12px;
}

.how-to-get-crystals-modal .w>.d {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 12px;
}

.promo-code-conditions {
    --modal-width: 450px;
}

.promo-code-conditions .hseow {
    overflow: hidden;
}

.promo-code-conditions .hseow__in {
    display: flex;
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: 200%;
    will-change: transform;
}

.promo-code-conditions .hseow__body {
    width: 100%;
}

.promo-code-conditions .hseow--active-w1 .hseow__in {
    transform: translateZ(0px);
}

.promo-code-conditions .hseow--active-w2 .hseow__in {
    transform: translate3d(-50%, 0px, 0px);
}

.promo-code-conditions .title {
    padding-right: 0px;
    text-align: center;
}

.promo-code-conditions .bonus-label {
    color: rgb(0, 154, 249);
    font-size: 30px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 20px;
    text-align: center;
}

.promo-code-conditions .bonus-label>small {
    color: rgb(143, 165, 191);
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-top: 3px;
}

.promo-code-conditions .slider-link {
    font-size: 14px;
    line-height: 16px;
    padding: 0 var(--modal-padding-x) 0;
    text-align: center;
}

.promo-code-conditions .slider-link>a {
    border-bottom: 1px dashed;
    display: inline-block;
}

.promo-code-conditions .hseow {
    margin-left: calc(var(--modal-padding-x)*-1);
    margin-right: calc(var(--modal-padding-x)*-1);
}

.promo-code-conditions .hseow__body:first-child {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.promo-code-conditions .buttons {
    margin-top: auto;
    padding: 0 var(--modal-padding-x);
}

.promo-code-conditions .buttons .btn {
    display: block;
}

.promo-code-conditions .bonus-conditions {
    padding: 0 var(--modal-padding-x) var(--modal-padding-y);
}

.custom-candles-colors {
    --modal-width: 400px;
}

.custom-candles-colors__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.custom-candles-colors__btns {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
}

.custom-candles-colors__picker .colorful-picker {
    margin: 20px 0px;
}

.custom-candles-colors__picker .colorful-picker__title {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 6px;
}

.custom-candles-colors__picker .colorful-picker__box {
    border-radius: 8px;
    padding: 12px 16px;
}

.custom-candles-colors__picker .colorful-picker__box .c-picker__title {
    display: flex;
    margin-bottom: 4px;
}

.custom-candles-colors__picker .colorful-picker__box .c-picker__title .c-picker-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.custom-candles-colors__picker .colorful-picker__box .c-picker__title .c-picker-color {
    border-radius: 6px;
    height: 24px;
    margin-left: 12px;
    width: 24px;
}

.custom-candles-colors__picker .colorful-picker__box .c-picker__palette {
    height: auto;
    margin: 12px 0px;
    width: 100%;
}

.custom-candles-colors__picker .colorful-picker__box .c-picker__palette .react-colorful__saturation {
    border-bottom: 0px;
    height: 90px;
}

.custom-candles-colors__picker .colorful-picker__box .c-picker__palette .react-colorful__hue {
    height: 14px;
}

.custom-candles-colors__picker .colorful-picker__box .c-picker__palette .react-colorful__pointer {
    height: 16px;
    width: 16px;
}

.custom-candles-colors__picker .colorful-picker__box .c-picker__presets {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.custom-candles-colors__picker .colorful-picker__box .c-picker__presets .c-picker-preset {
    border-radius: 6px;
    cursor: pointer;
    height: 24px;
    width: 24px;
}

.custom-candles-colors__select {
    margin-bottom: 32px;
}

.custom-candles-colors__select .shadow-select {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.custom-candles-colors__select .shadow-select__label {
    flex-shrink: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 0px;
}

.custom-candles-colors__select .shadow-select__select {
    margin-left: 12px;
}

.custom-candles-colors__select .shadow-select__select .dropdown-menu.open {
    margin-top: 0px;
}

.custom-candles-colors .modal-close {
    right: 22px;
    top: 22px;
}

.only-for-registered {
    --modal-width: 450px;
}

.only-for-registered__logo {
    margin: 14px auto;
}

.only-for-registered__no-logo svg {
    display: block;
    margin: 14px auto;
}

.only-for-registered__desc {
    text-align: center;
}

.only-for-registered__desc:not(:first-of-type) {
    margin-top: 26px;
}

.only-for-registered__links {
    display: flex;
    margin-top: 20px;
}

.only-for-registered__links a {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.only-for-registered__links a .fa,
.only-for-registered__links a:first-of-type {
    margin-right: 4px;
}

.only-for-registered__links a:last-of-type {
    margin-left: 4px;
}

.only-for-registered__continue {
    margin-top: 20px;
    text-align: center;
}

.only-for-registered__continue a {
    border-bottom: 1px solid rgba(55, 151, 211, 0.3);
    color: rgb(55, 151, 211);
}

.mt5-exchange-modal {
    --modal-width: 400px;
    border-radius: 20px;
    padding: 24px 32px 32px;
}

.mt5-exchange-modal .title {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.mt5-exchange-modal .form-wrapper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 10px;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
    padding: 12px 16px;
}

.mt5-exchange-modal .form-wrapper .form-group {
    margin-bottom: 0px;
}

.mt5-exchange-modal .form-wrapper .form-group .control-label {
    color: rgb(142, 165, 192);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 4px;
}

.mt5-exchange-modal .form-wrapper .form-group .dropdown .dropdown-toggle,
.mt5-exchange-modal .form-wrapper .form-group .dropdown .dropdown-toggle:hover,
.mt5-exchange-modal .form-wrapper .form-group .input-group {
    background-color: transparent;
    border-radius: 8px;
}

.mt5-exchange-modal .form-wrapper .form-group .input-group input[name="amount"] {
    border-radius: 8px 0px 0px 8px;
}

.mt5-exchange-modal .form-wrapper .form-group .input-group .input-group-addon {
    border-radius: 0px 8px 8px 0px;
}

.mt5-exchange-modal .select-text {
    display: grid;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    column-gap: 4px;
    grid-template-areas: "a b end";
    grid-template-columns: auto 1fr auto;
}

.mt5-exchange-modal .select-text__start {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mt5-exchange-modal .select-text__end {
    grid-area: end;
}

.mt5-exchange-modal .message {
    font-size: 12px;
    margin-bottom: 0px;
}

.mt5-exchange-modal .message-mb {
    margin-bottom: 20px;
}

.mt5-exchange-modal .bonus-message {
    font-size: 12px;
}

.mt5-exchange-modal .text2>div:nth-child(2) {
    display: none;
}

.mt5-exchange-modal .text1,
.mt5-exchange-modal .text2 {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 20px;
}

.mt5-exchange-modal .help-block {
    margin: 0px;
    padding-bottom: 10px;
    padding-top: 5px;
}

.mt5-exchange-modal .exchange-percents {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.mt5-exchange-modal .exchange-percents__amount {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: rgba(142, 165, 192, 0.2);
    border-radius: 100px;
    color: rgb(142, 165, 192);
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    justify-content: center;
    line-height: 20px;
    padding: 0px 12px;
    text-align: center;
    white-space: nowrap;
}

.mt5-exchange-modal .block-success-transfer__description {
    margin-top: 8px;
}

.mt5-exchange-modal .block-success-transfer .message {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
}

.mt5-exchange-modal .block-success-transfer svg {
    height: 64px;
    width: 64px;
}

.mt5-exchange-modal .block-success-transfer .actions {
    display: flex;
    -webkit-box-pack: justify;
    gap: 8px;
    justify-content: space-between;
}

.mt5-exchange-modal .block-success-transfer .actions>* {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.mt5-exchange-modal .block-success-transfer .actions .btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.mt5-exchange-modal .bootstrap-select .dropdown-menu.open {
    margin-top: 0px !important;
}

.mt5-exchange-modal .btn {
    border-radius: 8px;
}

.mt5-exchange-modal .exchange-link {
    margin-top: 20px;
    text-align: center;
}

.mt5-exchange-modal .exchange-link a {
    color: rgb(55, 151, 211);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    text-decoration: underline;
}

.mt5-exchange-modal .exchange-link a:hover {
    color: rgb(55, 151, 211);
}

.mt5-change-password-modal {
    --modal-width: 400px;
}

.mt5-change-password-modal .form-group_with-icon {
    position: relative;
}

.mt5-change-password-modal .form-control {
    border: 0px;
    border-radius: 5px;
}

.mt5-change-password-modal .form__link-show-password {
    bottom: 0px;
    display: flex;
    position: absolute;
    right: 0px;
    top: 0px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 32px;
    border: 0px !important;
    border-radius: 0px 5px 5px 0px !important;
}

.mt5-null-balance-modal {
    --modal-width: 300px;
}

.mt5-null-balance-modal__sub-title {
    font-size: 13px;
    margin-bottom: 10px;
}

.mt5-null-balance-modal__text {
    color: rgb(142, 165, 192);
    font-size: 13px;
    margin-bottom: 20px;
}

.mt5-null-balance-modal__btn {
    margin-bottom: 16px;
    white-space: inherit;
    width: 100%;
}

.mt5-null-balance-modal__btn_no-margin {
    margin-bottom: 0px;
}

.express-trades-confirm-modal {
    --modal-width: 600px;
}

.express-trades-confirm-modal .mdl-switch.is-upgraded {
    padding-left: 45px;
}

.express-trades-confirm-modal .text {
    margin-bottom: 15px;
}

.express-trades-confirm-modal .buttons {
    display: flex;
    margin-left: -7px;
    margin-top: 8px;
}

.express-trades-confirm-modal .buttons .btn {
    -webkit-box-flex: 1;
    flex: 1 1 200px;
    margin-left: 7px;
    margin-top: 7px;
}

.google-auth-modal {
    --modal-width: 380px;
    --modal-padding-x: 24px;
    --modal-padding-y: 24px;
}

.google-auth-modal .form-group:not(:last-of-type) {
    margin-bottom: 12px;
}

.google-auth-modal .form-actions {
    margin-top: 24px;
}

.google-auth-modal .form-control {
    height: 36px;
}

.google-auth-modal .form-label {
    color: var(--po-ui-kit-icon-color-base);
    margin-bottom: 12px;
}

.google-auth-modal .apps-links {
    display: grid;
    -webkit-box-pack: center;
    gap: 12px;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
}

.google-auth-modal .qr-code {
    display: grid;
    gap: 12px;
}

.google-auth-modal .qr-code__img {
    text-align: center;
}

.google-auth-modal .qr-code__img img {
    background-color: rgb(255, 255, 255);
    border-radius: 6px;
    max-width: 140px;
    padding: 5px;
    vertical-align: top;
}

.google-auth-modal .qr-code__group {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.mt5-vs-mt4-modal .ok {
    background: rgba(100, 128, 75, 0.49);
}

.mt5-vs-mt4-modal .title {
    margin-bottom: 10px;
}

.mt5-vs-mt4-modal .sub-title {
    color: rgb(119, 119, 119);
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 20px;
}

.mt5-vs-mt4-modal .table-wrap {
    max-height: 300px;
}

.mt5-vs-mt4-modal .table {
    margin-bottom: 0px;
}

.mt5-vs-mt4-modal .table tr>td {
    vertical-align: middle;
}

.mt5-vs-mt4-modal .table tr>td:nth-child(2),
.mt5-vs-mt4-modal .table tr>td:nth-child(3) {
    text-align: center;
}

@media screen and (max-width: 700px) {

    .mt5-vs-mt4-modal .table tr>td:nth-child(2),
    .mt5-vs-mt4-modal .table tr>td:nth-child(3) {
        width: 50%;
    }
}

@media screen and (max-width: 550px) {
    .mt5-vs-mt4-modal .table tr>td {
        display: block;
        width: 100% !important;
    }
}

.mt5-vs-mt4-modal .table .fa-check {
    color: rgb(111, 194, 116);
    font-size: 20px;
}

.mt5-vs-mt4-modal .table .fa-times {
    color: rgb(191, 58, 45);
    font-size: 23px;
}

.mt5-vs-mt4-modal .table small {
    color: rgb(255, 231, 231);
    display: block;
    font-size: 12px;
}

.mt5-vs-mt4-modal .table .d {
    display: none;
}

.mt5-vs-mt4-modal .table .d>td {
    text-align: center;
}

@media screen and (max-width: 700px) {
    .mt5-vs-mt4-modal .table .d {
        display: table-row;
    }
}

.mt5-vs-mt4-modal .table .fdn {
    display: none;
}

@media screen and (max-width: 700px) {
    .mt5-vs-mt4-modal .table .f {
        display: none;
    }
}

.personal-discount-info-modal .btn-wrap,
.personal-discount-info-modal .discount-icon,
.personal-discount-info-modal .sub-title,
.personal-discount-info-modal .title,
.personal-discount-info-modal .your-discount {
    text-align: center;
}

.personal-discount-info-modal .title {
    color: rgb(0, 154, 249);
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 15px;
    margin-top: -6px;
}

.personal-discount-info-modal .your-discount {
    font-size: 28px;
    line-height: 36px;
    margin: 5px 0px 4px;
}

.personal-discount-info-modal .your-discount-subtext {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 15px;
    text-align: center;
}

.personal-discount-info-modal .sub-title {
    color: rgb(143, 165, 191);
    font-size: 13px;
    margin-bottom: 10px;
}

.personal-discount-info-modal .divider {
    background-color: rgb(61, 60, 72);
    height: 1px;
    margin: 15px 0px;
}

.personal-discount-info-modal .discount-icon svg {
    width: 150px;
}

.personal-discount-info-modal .discount-list {
    display: flex;
    margin: -4px;
}

.personal-discount-info-modal .discount-list__item {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 0 90px;
    padding: 2px;
    width: 12.5%;
}

.personal-discount-info-modal .discount-list__item svg[class*="icon-personal-discount"] {
    display: block;
    margin: 0px auto;
    width: 90px;
}

.personal-discount-info-modal .discount-list__item--disabled svg[class*="icon-personal-discount"] {
    opacity: 0.15;
}

.personal-discount-info-modal .discount-list__disabled-icon {
    height: 100%;
    left: 0px;
    padding-top: 8px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 100%;
}

.ticket-confirm-modal .text {
    font-size: 14px;
    line-height: 18px;
}

.ticket-confirm-modal ul {
    list-style-type: circle;
    margin: 16px 0px 16px 18px;
}

.ticket-confirm-modal ul>li {
    font-size: 14px;
    line-height: 24px;
    margin-top: 3px;
}

.ticket-confirm-modal .btn-wrap {
    display: flex;
    margin-left: -7px;
    margin-top: 23px;
}

.ticket-confirm-modal .btn-wrap>a {
    margin-left: 7px;
    margin-top: 7px;
}

.ticket-created-modal .text {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 7px;
}

.ticket-created-modal .btn-wrap {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    margin-left: -7px;
}

.ticket-created-modal .btn-wrap .btn {
    margin-left: 7px;
    margin-top: 7px;
}

.supportv2-modal .pagination {
    margin-bottom: 0px;
}

.supportv2-modal td {
    cursor: pointer;
}

.supportv2-modal .th-sort {
    cursor: pointer;
    position: relative;
}

.supportv2-modal .sort {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-size-adjust: none;
    font-language-override: normal;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-top: -4px;
    position: absolute;
    right: 5px;
    top: 50%;
}

.supportv2-modal .sort::before {
    content: "";
}

.supportv2-modal .sort--asc {
    margin-top: -1px;
}

.supportv2-modal .sort--asc::before {
    content: "";
}

.supportv2-modal .sort--desc {
    margin-top: -6px;
}

.supportv2-modal .sort--desc::before {
    content: "";
}

.supportv2-modal .top-filters {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 10px;
    margin-left: -7px;
    margin-top: -7px;
}

.supportv2-modal .top-filters>* {
    margin-left: 7px;
    margin-top: 7px;
}

.supportv2-modal .table-small-link {
    display: block;
    font-size: 12px;
}

.supportv2-modal .tr-disabled td {
    cursor: default;
}

.supportv2-modal .tooltip-text {
    width: 450px;
}

.loot-box-modal {
    width: 1000px;
}

.loot-box-modal .title {
    margin-top: 0px;
}

.loot-box-modal__title {
    font-size: 37px;
    font-weight: 900;
    text-align: center;
}

.loot-box-modal .card-list {
    display: flex;
    flex-wrap: wrap;
    left: 15px;
    position: absolute;
    right: 40px;
    top: 90px;
    z-index: -1;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: -30px;
    opacity: 0;
}

.loot-box-modal .card-list.open {
    animation-delay: 1.85s;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-name: moveCardList;
    animation-timing-function: linear;
    cursor: default;
}

.loot-box-modal .card-list.open .card {
    animation-delay: 4s;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-name: moveCards;
    animation-timing-function: linear;
}

.loot-box-modal .card {
    -webkit-box-flex: 1;
    border-radius: 9px;
    flex: 1 1 calc(20% - 30px);
    height: 234px;
    margin-left: 30px;
    margin-top: 30px;
    max-width: calc(20% - 30px);
    width: 170px;
}

.loot-box-modal .card .item-label {
    display: none;
}

.loot-box-modal .card__img {
    display: block;
    min-height: 100%;
    width: 100%;
}

.loot-box-modal .card__front {
    box-shadow: rgba(1, 3, 6, 0.8) 0px 5px 10px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    transform: translateZ(0px);
    transform-origin: center top;
    transform-style: preserve-3d;
    transition: 0.3s;
}

.loot-box-modal .card__front::after {
    background: linear-gradient(0deg, transparent, rgb(78, 109, 193) 15%, rgba(78, 109, 193, 0.5));
    content: "";
    height: 100%;
    left: 10px;
    opacity: 0.1;
    position: absolute;
    top: -100%;
    transform: rotate(45deg);
    transition: 0.3s;
    width: 250%;
    z-index: 10;
}

.loot-box-modal .card__front:active,
.loot-box-modal .card__front:focus,
.loot-box-modal .card__front:hover {
    transform: translateY(-3px) scale(1.05) rotateX(15deg);
}

.loot-box-modal .card__front:active::after,
.loot-box-modal .card__front:focus::after,
.loot-box-modal .card__front:hover::after {
    opacity: 0.15;
    top: -40%;
    transform: rotate(25deg);
}

.loot-box-modal .card__back {
    box-shadow: rgba(1, 3, 6, 0.8) 0px 5px 10px;
}

.loot-box-modal .card__back figure {
    position: relative;
}

.loot-box-modal .card__back figcaption {
    display: flex;
    left: 0px;
    position: absolute;
    top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    height: 100%;
    justify-content: center;
    padding: 10px;
    text-shadow: rgb(0, 0, 0) 0px 0px 2px;
    width: 100%;
}

.loot-box-modal .card__back figcaption p {
    color: orange;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 20px;
}

.loot-box-modal .card__back figcaption span {
    color: rgb(255, 255, 255);
    display: block;
    font-size: 16px;
    line-height: 20px;
}

.loot-box-modal .card__back figcaption p,
.loot-box-modal .card__back figcaption span {
    text-align: center;
}

.loot-box-modal .flipper {
    height: 100%;
    transform-style: preserve-3d;
    transition: 0.3s linear;
}

.loot-box-modal .flipper .card__front {
    z-index: 2;
}

.loot-box-modal .flipper .card__back {
    transform: rotateY(-180deg);
}

.loot-box-modal .flipper .card__back,
.loot-box-modal .flipper .card__front {
    backface-visibility: hidden;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.loot-box-modal .card.change .flipper {
    transform: rotateY(180deg);
}

.loot-box-modal .btn-wrap {
    margin-top: 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 3;
}

.loot-box-modal .box-wrapper {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 170px 0px;
    width: 100%;
}

.loot-box-modal .box {
    height: 250px;
    max-height: 500px;
    position: relative;
    transform: scale(0.9);
    transition: transform 0.5s, opacity 0.5s, max-height 0.5s, -webkit-transform 0.5s;
    width: 300px;
}

.loot-box-modal .box-container {
    height: 100%;
    position: relative;
    width: 100%;
}

.loot-box-modal .box__bottom {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 50% center no-repeat;
    bottom: 0px;
    height: 197px;
    width: 280px;
}

.loot-box-modal .box__bottom,
.loot-box-modal .box__top {
    background-size: contain;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

.loot-box-modal .box__top {
    background-position: 50% center;
    background-repeat: no-repeat;
}

.loot-box-modal .box__top_1 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    height: 122px;
    top: 0px;
    width: 278px;
}

.loot-box-modal .box__top_2 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    height: 128px;
    opacity: 0;
    top: -15px;
    width: 285px;
}

.loot-box-modal .box__top_3 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    height: 169px;
    opacity: 0;
    top: -83px;
    transform: translateX(calc(-50% + 78px));
    width: 221px;
}

.loot-box-modal .box__bg {
    height: 550px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: opacity 0.5s linear;
    width: 550px;
}

.loot-box-modal .box__shine-gold {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 50% center / contain no-repeat;
    height: 185px;
    left: 21px;
    opacity: 0;
    position: absolute;
    top: -71px;
    width: 284px;
}

.loot-box-modal .box.hovered,
.loot-box-modal .box.open {
    transform: scale(1);
}

.loot-box-modal .box.hovered .box__bg,
.loot-box-modal .box.open .box__bg {
    opacity: 1;
}

.loot-box-modal .box._hide {
    max-height: 0px;
    opacity: 0;
    pointer-events: none;
}

.loot-box-modal .box.many-cards {
    max-height: inherit;
}

.loot-box-modal .box.open {
    animation-delay: 1.85s;
    animation-duration: 0.55s;
    animation-fill-mode: forwards;
    animation-name: zoomBox;
    animation-timing-function: linear;
}

.loot-box-modal .box.open .box-container {
    animation-duration: 0.975s;
    animation-fill-mode: forwards;
    animation-name: zoomContainer;
    animation-timing-function: linear;
}

.loot-box-modal .box.open .box__bottom {
    animation-duration: 0.85s;
    animation-fill-mode: forwards;
    animation-name: shakingBottom;
    animation-timing-function: linear;
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 50% center / contain no-repeat;
    bottom: 0px;
    height: 197px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 280px;
}

.loot-box-modal .box.open .box__top_1 {
    animation-duration: 0.85s;
    animation-fill-mode: forwards;
    animation-name: shakingTop;
    animation-timing-function: linear;
    opacity: 0;
    transition: opacity linear 0.95s;
}

.loot-box-modal .box.open .box__shine-gold,
.loot-box-modal .box.open .box__top_3 {
    opacity: 1;
    transition: opacity linear 0.975s;
}

.loot-box-modal .box.open .sparkle-in {
    animation-duration: 0.8s;
    animation-name: sparkleIn;
    animation-timing-function: linear;
}

.loot-box-modal .box.open .sparkle_5,
.loot-box-modal .box.open .sparkle_6 {
    transition: visibility linear 0.7s;
    visibility: visible;
}

.loot-box-modal .shine__back {
    animation-iteration-count: infinite;
    animation-name: rotation;
    animation-timing-function: linear;
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 50% center / contain no-repeat;
    height: 600px;
    transform: translate(-50%);
    width: 600px;
}

.loot-box-modal .shine__back,
.loot-box-modal .shine__front {
    animation-duration: 100s;
    left: 50%;
    position: absolute;
    top: 50%;
}

.loot-box-modal .shine__front {
    animation-iteration-count: infinite;
    animation-name: rotationReverse;
    animation-timing-function: linear;
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 50% center / contain no-repeat;
    height: 500px;
    transform: translateX(-50%) translateY(-50%);
    width: 500px;
}

.loot-box-modal .sparkle {
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-name: sparkle;
    animation-timing-function: linear;
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 50% center / contain no-repeat;
    height: 50px;
    opacity: 0;
    position: absolute;
    width: 50px;
}

.loot-box-modal .sparkle_1 {
    animation-delay: 2.5s;
    animation-name: sparkle;
    left: 0px;
    top: 122px;
    transition: 0.5s;
}

.loot-box-modal .sparkle_2 {
    animation-delay: 4.5s;
    height: 60px;
    left: 145px;
    top: 175px;
    width: 60px;
}

.loot-box-modal .sparkle_3 {
    left: 240px;
    top: 115px;
}

.loot-box-modal .sparkle_4 {
    animation-delay: 6.5s;
    height: 60px;
    left: 0px;
    top: 51px;
    width: 60px;
}

.loot-box-modal .sparkle_5 {
    animation-delay: 3.5s;
    height: 70px;
    left: 200px;
    top: 51px;
    visibility: hidden;
    width: 70px;
}

.loot-box-modal .sparkle_6 {
    animation-delay: 5.5s;
    height: 45px;
    left: 105px;
    top: 77px;
    visibility: hidden;
    width: 45px;
}

.loot-box-modal .sparkle-in {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 50% center / contain no-repeat;
    height: 30px;
    opacity: 0;
    position: absolute;
    width: 30px;
}

.loot-box-modal .sparkle-in_1 {
    animation-delay: 1.1s;
    left: 65px;
    top: 70px;
}

.loot-box-modal .sparkle-in_2 {
    animation-delay: 1.4s;
    height: 50px;
    left: 90px;
    top: 65px;
    width: 50px;
}

.loot-box-modal .sparkle-in_3 {
    animation-delay: 1.2s;
    left: 125px;
    top: 70px;
}

.loot-box-modal .sparkle-in_4 {
    animation-delay: 1s;
    height: 50px;
    left: 143px;
    top: 71px;
    width: 50px;
}

.loot-box-modal .sparkle-in_5 {
    animation-delay: 1.3s;
    height: 35px;
    left: 182px;
    top: 71px;
    width: 35px;
}

.loot-box-modal_beginner .box__bottom {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 50% center no-repeat;
}

.loot-box-modal_beginner .box__top_1 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

.loot-box-modal_beginner .box__top_2 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

.loot-box-modal_beginner .box__top_3 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

.loot-box-modal_beginner .box.open .box__bottom {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 50% center no-repeat;
}

.loot-box-modal_master .box__bottom {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 50% center no-repeat;
}

.loot-box-modal_master .box__top_1 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

.loot-box-modal_master .box__top_2 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

.loot-box-modal_master .box__top_3 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

.loot-box-modal_master .box.open .box__bottom {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 50% center no-repeat;
}

.loot-box-modal_guru .box__bottom {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 50% center no-repeat;
}

.loot-box-modal_guru .box__top_1 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

.loot-box-modal_guru .box__top_2 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

.loot-box-modal_guru .box__top_3 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

.loot-box-modal_guru .box.open .box__bottom {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 50% center no-repeat;
}

.loot-box-modal_experience .box__bottom {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 50% center no-repeat;
}

.loot-box-modal_experience .box__top_1 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

.loot-box-modal_experience .box__top_2 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

.loot-box-modal_experience .box__top_3 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

.loot-box-modal_experience .box.open .box__bottom {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 50% center no-repeat;
}

@-webkit-keyframes sparkleIn {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    100% {
        margin-top: -150px;
        opacity: 0;
    }
}

@keyframes sparkleIn {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    100% {
        margin-top: -150px;
        opacity: 0;
    }
}

@-webkit-keyframes rotation {
    0% {
        transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }

    100% {
        transform: translateX(-50%) translateY(-50%) rotate(1turn);
    }
}

@keyframes rotation {
    0% {
        transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }

    100% {
        transform: translateX(-50%) translateY(-50%) rotate(1turn);
    }
}

@-webkit-keyframes rotationReverse {
    0% {
        transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }

    100% {
        transform: translateX(-50%) translateY(-50%) rotate(-1turn);
    }
}

@keyframes rotationReverse {
    0% {
        transform: translateX(-50%) translateY(-50%) rotate(0deg);
    }

    100% {
        transform: translateX(-50%) translateY(-50%) rotate(-1turn);
    }
}

@keyframes sparkle {
    0% {
        opacity: 0;
        transform: scale(0.9) rotate(0deg);
    }

    4% {
        opacity: 1;
    }

    12% {
        transform: scale(1) rotate(180deg);
    }

    15% {
        opacity: 0;
        transform: scale(1) rotate(180deg);
    }
}

@-webkit-keyframes openCap2 {
    0% {
        opacity: 1;
    }

    99% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes openCap2 {
    0% {
        opacity: 1;
    }

    99% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes shakingBottom {
    0% {
        transform: rotate(-2deg) translateX(-50%);
    }

    19% {
        transform: rotate(3deg) translateX(-50%) translateY(5px);
    }

    38% {
        transform: rotate(-2deg) translateX(-50%);
    }

    57% {
        transform: rotate(3deg) translateX(-50%) translateY(5px);
    }

    76% {
        transform: rotate(-2deg) translateX(-50%);
    }

    95% {
        transform: rotate(3deg) translateX(-50%) translateY(5px);
    }

    100% {
        transform: rotate(0deg) translateX(-50%);
    }
}

@keyframes shakingBottom {
    0% {
        transform: rotate(-2deg) translateX(-50%);
    }

    19% {
        transform: rotate(3deg) translateX(-50%) translateY(5px);
    }

    38% {
        transform: rotate(-2deg) translateX(-50%);
    }

    57% {
        transform: rotate(3deg) translateX(-50%) translateY(5px);
    }

    76% {
        transform: rotate(-2deg) translateX(-50%);
    }

    95% {
        transform: rotate(3deg) translateX(-50%) translateY(5px);
    }

    100% {
        transform: rotate(0deg) translateX(-50%);
    }
}

@-webkit-keyframes shakingTop {
    0% {
        transform: rotate(1deg) translateX(-50%);
    }

    19% {
        transform: rotate(-1deg) translateX(-50%) translateY(-10px);
    }

    38% {
        transform: rotate(1deg) translateX(-50%);
    }

    57% {
        transform: rotate(-1deg) translateX(-50%) translateY(-10px);
    }

    76% {
        transform: rotate(1deg) translateX(-50%);
    }

    95% {
        transform: rotate(-1deg) translateX(-50%) translateY(-10px);
    }

    100% {
        transform: rotate(0deg) translateX(-50%);
    }
}

@keyframes shakingTop {
    0% {
        transform: rotate(1deg) translateX(-50%);
    }

    19% {
        transform: rotate(-1deg) translateX(-50%) translateY(-10px);
    }

    38% {
        transform: rotate(1deg) translateX(-50%);
    }

    57% {
        transform: rotate(-1deg) translateX(-50%) translateY(-10px);
    }

    76% {
        transform: rotate(1deg) translateX(-50%);
    }

    95% {
        transform: rotate(-1deg) translateX(-50%) translateY(-10px);
    }

    100% {
        transform: rotate(0deg) translateX(-50%);
    }
}

@-webkit-keyframes zoomContainer {
    0% {
        transform: scale(1);
    }

    97% {
        transform: scale(0.7);
    }

    100% {
        transform: scale(0.9);
    }
}

@keyframes zoomContainer {
    0% {
        transform: scale(1);
    }

    97% {
        transform: scale(0.7);
    }

    100% {
        transform: scale(0.9);
    }
}

@-webkit-keyframes zoomBox {
    0% {
        transform: scale(1) translateY(0px);
    }

    100% {
        transform: scale(0.5) translateY(290px);
    }
}

@keyframes zoomBox {
    0% {
        transform: scale(1) translateY(0px);
    }

    100% {
        transform: scale(0.5) translateY(290px);
    }
}

@-webkit-keyframes moveCardList {
    0% {
        opacity: 1;
        transform: translateY(100px) rotate(-40deg) skew(25deg) scale(0.2);
        z-index: 2;
    }

    20% {
        transform: translateY(0px) rotate(-25deg) skew(25deg) scale(0.8);
    }

    22% {
        transform: translateY(-10px) rotate(-29deg) skew(25deg) scale(0.8);
    }

    24% {
        transform: translateY(-10px) rotate(-25deg) skew(25deg) scale(0.85);
    }

    26% {
        transform: translateY(0px) rotate(-29deg) skew(25deg) scale(0.8);
    }

    28% {
        transform: translateY(-10px) rotate(-25deg) skew(25deg) scale(0.8);
    }

    30% {
        transform: translateY(-10px) rotate(-29deg) skew(25deg) scale(0.86);
    }

    32% {
        transform: translateY(-10px) rotate(-25deg) skew(25deg) scale(0.8);
    }

    34% {
        transform: translateY(0px) rotate(-29deg) skew(25deg) scale(0.8);
    }

    36% {
        transform: translateY(-10px) rotate(-25deg) skew(25deg) scale(0.86);
    }

    38% {
        transform: translateY(0px) rotate(-29deg) skew(25deg) scale(0.8);
    }

    40% {
        transform: translateY(-10px) rotate(-25deg) skew(25deg) scale(0.8);
    }

    42% {
        transform: translateY(-10px) rotate(-29deg) skew(25deg) scale(0.86);
    }

    50% {
        transform: translateY(0px) rotate(-29deg) skew(25deg) scale(0.8);
    }

    55% {
        transform: translateY(0px) rotate(-29deg) skew(25deg) scale(0.8);
    }

    80% {
        transform: rotate(0deg) skew(0deg) scale(1.3);
    }

    100% {
        opacity: 1;
        transform: rotate(0deg) skew(0deg) scale(1);
        z-index: 2;
    }
}

@keyframes moveCardList {
    0% {
        opacity: 1;
        transform: translateY(100px) rotate(-40deg) skew(25deg) scale(0.2);
        z-index: 2;
    }

    20% {
        transform: translateY(0px) rotate(-25deg) skew(25deg) scale(0.8);
    }

    22% {
        transform: translateY(-10px) rotate(-29deg) skew(25deg) scale(0.8);
    }

    24% {
        transform: translateY(-10px) rotate(-25deg) skew(25deg) scale(0.85);
    }

    26% {
        transform: translateY(0px) rotate(-29deg) skew(25deg) scale(0.8);
    }

    28% {
        transform: translateY(-10px) rotate(-25deg) skew(25deg) scale(0.8);
    }

    30% {
        transform: translateY(-10px) rotate(-29deg) skew(25deg) scale(0.86);
    }

    32% {
        transform: translateY(-10px) rotate(-25deg) skew(25deg) scale(0.8);
    }

    34% {
        transform: translateY(0px) rotate(-29deg) skew(25deg) scale(0.8);
    }

    36% {
        transform: translateY(-10px) rotate(-25deg) skew(25deg) scale(0.86);
    }

    38% {
        transform: translateY(0px) rotate(-29deg) skew(25deg) scale(0.8);
    }

    40% {
        transform: translateY(-10px) rotate(-25deg) skew(25deg) scale(0.8);
    }

    42% {
        transform: translateY(-10px) rotate(-29deg) skew(25deg) scale(0.86);
    }

    50% {
        transform: translateY(0px) rotate(-29deg) skew(25deg) scale(0.8);
    }

    55% {
        transform: translateY(0px) rotate(-29deg) skew(25deg) scale(0.8);
    }

    80% {
        transform: rotate(0deg) skew(0deg) scale(1.3);
    }

    100% {
        opacity: 1;
        transform: rotate(0deg) skew(0deg) scale(1);
        z-index: 2;
    }
}

@-webkit-keyframes moveCards {
    100% {
        transform: translateX(0px);
    }
}

@keyframes moveCards {
    100% {
        transform: translateX(0px);
    }
}

.ranking-modal {
    width: 900px;
}

.ranking-modal .rw {
    margin-left: -20px;
}

.ranking-modal .rw>.col {
    margin-left: 20px;
}

.ranking-modal h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 20px;
}

.ranking-modal .trader-data {
    -webkit-box-flex: 0;
    flex: 0 0 200px;
}

.ranking-modal .trader-data .user-avatar {
    margin: 0px auto;
}

.ranking-modal .trader-data .kv {
    margin-bottom: 14px;
    text-align: center;
}

.ranking-modal .trader-data .kv__k {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 5px;
}

.ranking-modal .trader-data .kv__v {
    font-size: 16px;
    line-height: 16px;
}

.ranking-modal .trader-data .nav {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.ranking-modal .trader-data .nav__item {
    margin-top: 7px;
    text-align: center;
}

.ranking-modal .trader-data .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    font-size: 12px;
    justify-content: center;
    line-height: 16px;
    margin-top: 25px;
}

.ranking-modal .trader-data .info,
.ranking-modal .trader-data .info .status {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.ranking-modal .trader-data .info .status__circle {
    border-radius: 50%;
    height: 8px;
    margin-left: 7px;
    position: relative;
    top: 1px;
    width: 8px;
}

.ranking-modal .trader-data .info .status--online .status__circle {
    background-color: rgb(37, 190, 62);
}

.ranking-modal .trader-data .info .status--offline .status__circle {
    background-color: gray;
}

.ranking-modal .awards-received {
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 300px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align: center;
}

.ranking-modal .awards-received__info {
    margin-bottom: 27px;
    margin-top: 40px;
}

.ranking-modal .awards-received .info {
    font-size: 12px;
    line-height: 16px;
    margin-left: -10px;
}

.ranking-modal .awards-received .info__my {
    display: none;
}

.ranking-modal .awards-received .info__item {
    margin-left: 10px;
}

.ranking-modal .awards-received .info__item span {
    margin-left: 4px;
}

.ranking-modal .graph1 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    height: 160px;
    justify-content: center;
}

.ranking-modal .graph1 .bg {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==?v=1") 50% center / cover no-repeat;
    height: 160px;
    position: absolute;
    width: 160px;
}

.ranking-modal .graph1 .bg__text {
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.ranking-modal .graph1 .bg__gold {
    bottom: -26px;
    color: rgb(193, 145, 89);
    left: 50%;
    transform: translate(-50%);
}

.ranking-modal .graph1 .bg__silver {
    color: rgb(98, 101, 103);
    left: -80px;
    top: 20px;
    transform: rotate(-56deg);
}

.ranking-modal .graph1 .bg__bronze {
    color: rgb(177, 97, 63);
    right: -82px;
    top: 24px;
    transform: rotate(58deg);
}

.ranking-modal .graph1 .my {
    display: none;
}

.ranking-modal .list-of-awards {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.ranking-modal .list-of-awards .awards__list+.awards__list {
    margin-left: 3px;
}

.ranking-modal .list-of-awards .awards+.awards {
    border-top: 1px solid rgb(28, 33, 49);
}

.ranking-modal .list-of-awards .awards__title {
    cursor: pointer;
    padding: 6px 15px;
    user-select: none;
}

.ranking-modal .list-of-awards .awards__title .stats__my {
    display: none;
    margin-left: 4px;
}

.ranking-modal .list-of-awards .awards__title .stats>* {
    margin-right: 6px;
}

.ranking-modal .list-of-awards .awards__title .arrow {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    margin-left: 8px;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.ranking-modal .list-of-awards .awards__list {
    display: none;
    padding: 5px 5px 15px;
}

.ranking-modal .list-of-awards .awards__list h3 {
    font-size: 10px;
    margin-bottom: 10px;
}

.ranking-modal .list-of-awards .awards__list .col+.col {
    margin-left: 3px;
}

.ranking-modal .list-of-awards .awards__list .col {
    -webkit-box-flex: 1;
    flex: 1 1 calc(33.333% - 3px);
    margin-top: 3px;
}

.ranking-modal .list-of-awards .awards__list .al {
    margin: -3px 0px 0px -3px;
}

.ranking-modal .list-of-awards .awards__list .al__item {
    position: relative;
    -webkit-box-flex: 0;
    background-color: rgb(185, 148, 91);
    border-radius: 4px;
    flex: 0 0 calc(33.3333% - 3px);
    margin: 3px 0px 0px 3px;
    max-width: 80px;
    min-height: 22px;
    min-width: 22px;
    overflow: hidden;
}

.ranking-modal .list-of-awards .awards__list .al__item img {
    border-radius: 4px;
    display: block;
    max-width: 100%;
    overflow: hidden;
}

.ranking-modal .list-of-awards .awards__list .al__item--not-open {
    border: 2px solid rgb(255, 255, 255);
    height: 100%;
    left: 0px;
    opacity: 0.3;
    position: absolute;
    top: 0px;
    width: 100%;
}

.ranking-modal .list-of-awards .awards__list .al__item--my {
    background-color: rgba(66, 123, 82, 0.7);
    border: 2px solid rgb(66, 123, 82);
    display: none;
    height: 44px;
    left: 10px;
    position: absolute;
    top: -20px;
    transform: rotate(45deg);
    width: 44px;
    z-index: 1;
}

.ranking-modal .list-of-awards .awards__list .al__item--him {
    background-color: rgba(251, 176, 64, 0.5);
    border: 2px solid rgb(251, 176, 64);
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.ranking-modal .list-of-awards .awards:first-child .awards__title {
    border-radius: 4px 4px 0px 0px;
}

.ranking-modal .list-of-awards .awards:last-child .awards__title {
    border-radius: 0px 0px 4px 4px;
}

.ranking-modal .list-of-awards .awards.open .awards__list {
    display: flex;
}

.ranking-modal .list-of-awards .awards.open .awards__title {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ranking-modal .list-of-awards .awards.open .awards__title .arrow {
    transform: rotate(-180deg);
}

.ranking-modal .text-green {
    color: rgb(41, 170, 121);
}

.ranking-modal .graph2 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.ranking-modal .graph2 .diamond-info {
    margin-top: 7px;
}

.ranking-modal .graph2 .diamond-info__icon {
    margin: 0px;
}

.ranking-modal .graph2 .diamond-info__count,
.ranking-modal .graph2 .diamond-info__text {
    display: none;
}

.ranking-modal .selected-users {
    margin-top: 20px;
}

.ranking-modal .selected-users__me .selected-users__square {
    background-color: rgb(42, 180, 126);
}

.ranking-modal .selected-users__other {
    margin-left: 25px;
}

.ranking-modal .selected-users__other .selected-users__square {
    background-color: rgb(251, 176, 64);
}

.ranking-modal .selected-users__square {
    border-radius: 3px;
    display: inline-block;
    height: 10px;
    margin-right: 10px;
    width: 10px;
}

.ranking-modal .crystals-stat {
    height: 125px;
}

.ranking-modal .crystals-stat__wrap {
    -webkit-box-align: center;
    align-items: center;
}

.ranking-modal .crystals-stat__item,
.ranking-modal .crystals-stat__wrap {
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 100%;
}

.ranking-modal .crystals-stat__item {
    width: 28px;
}

.ranking-modal .crystals-stat__item-my {
    display: none;
    margin-right: 3px;
}

.ranking-modal .crystals-stat__item-my .crystals-stat__col {
    background-color: rgb(47, 182, 129);
}

.ranking-modal .crystals-stat__item-him .crystals-stat__col {
    background-color: rgb(251, 180, 73);
}

.ranking-modal .crystals-stat__cols {
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    height: 100%;
}

.ranking-modal .crystals-stat__col {
    border-radius: 4px;
    height: 100%;
}

.ranking-modal .crystals-stat__text {
    color: rgb(117, 120, 127);
    font-size: 12px;
    left: 0px;
    line-height: 16px;
    position: absolute;
    text-align: center;
    top: -22px;
    width: 100%;
}

.ranking-modal .compare-with-my-profile {
    margin-top: 20px;
}

.ranking-modal .compare-with-my-profile .mdl-switch__label {
    font-size: 14px;
    font-weight: 400;
}

.change-email-enter-pin-code-modal {
    --modal-width: 400px;
}

.google-send-email-modal {
    width: 400px;
}

.google-send-email-modal .btn {
    margin-top: 15px;
}

.deposit-present-modal {
    background-color: rgba(25, 29, 45, 0.9);
    padding: 0px;
}

.deposit-present-modal__text {
    background-color: rgba(30, 35, 52, 0.95);
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 24px;
    padding: 100px 35px 45px 325px;
}

.deposit-present-modal__text p {
    margin-bottom: 20px;
}

.deposit-present-modal__name {
    font-size: 24px;
    font-weight: 700;
}

.deposit-present-modal__name span {
    text-transform: uppercase;
}

.deposit-present-modal__prize {
    background: linear-gradient(45deg, rgb(112, 76, 18) 3%, rgb(244, 227, 119) 66%, rgb(244, 227, 119)) text;
    color: rgb(11, 35, 73);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 40px;
    -webkit-text-fill-color: transparent;
}

.deposit-present-modal__info {
    font-size: 12px;
    line-height: 17px;
    padding: 35px;
}

.deposit-present-modal__info a {
    border-bottom: 1px solid rgb(143, 165, 191);
    transition: 0.5s;
}

.deposit-present-modal__info a:hover {
    border-bottom: 1px solid rgba(143, 165, 191, 0.6);
}

.request-for-rights-in-chat-modal .sub-title {
    color: rgb(116, 125, 143);
    font-size: 14px;
    margin-bottom: 30px;
}

.request-for-rights-in-chat-modal textarea {
    max-height: 150px;
    resize: none;
}

.request-for-rights-in-chat-modal .required-text {
    margin-bottom: 15px;
}

.chat-rules-modal ul+p.title {
    margin-bottom: 10px;
    margin-top: 20px;
}

.supportv2-achievements-modal h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.supportv2-achievements-modal .block--type-1 .list__item-img-wrap {
    border: 2px solid rgb(84, 51, 32);
}

.supportv2-achievements-modal .block--type-2 .list__item-img-wrap {
    border: 2px solid rgb(83, 91, 94);
}

.supportv2-achievements-modal .block--type-3 .list__item-img-wrap {
    border: 2px solid rgb(224, 130, 10);
}

.supportv2-achievements-modal .list {
    display: flex;
    flex-wrap: wrap;
    margin: -5px -5px 0px;
}

.supportv2-achievements-modal .list__item {
    cursor: pointer;
    margin-left: 5px;
    margin-top: 5px;
    max-width: 8.33333%;
    width: 8.33333%;
}

.supportv2-achievements-modal .list__item-img-wrap {
    border-radius: 4px;
    overflow: hidden;
}

.supportv2-achievements-modal .list__item-img {
    display: block;
    max-width: 100%;
}

.supportv2-achievements-modal .block+h2 {
    margin-top: 15px;
}

.email-verification-modal {
    --modal-width: 400px;
    text-align: center;
}

.email-verification-modal__title {
    font-size: 18px;
    font-weight: 700;
}

.email-verification-modal__img-wrap {
    height: 130px;
    margin: 0px auto 25px;
    position: relative;
    width: 130px;
}

.email-verification-modal__img-wrap::after {
    background-color: rgb(43, 53, 72);
    border-radius: 50%;
    content: "";
    display: block;
    height: 130px;
    left: 50%;
    position: absolute;
    top: -5px;
    transform: translateX(-50%);
    width: 130px;
    z-index: 1;
}

.email-verification-modal__img {
    position: relative;
    z-index: 2;
}

.email-verification-modal__btn {
    margin-top: 25px;
}

.email-verification-modal .message {
    display: none;
}

.email-verification-modal .btn {
    font-size: 15px;
    font-weight: 700;
    padding: 10px;
    width: 100%;
}

.email-verification-modal__text,
.email-verification-modal__title {
    margin-bottom: 15px;
}

.your-safe-confirm-modal__img {
    margin-top: -22px;
}

.your-safe-confirm-modal__btn-wrap {
    text-align: center;
}

.your-safe-confirm-modal__sub-title {
    margin-bottom: 0px !important;
}

.your-safe-deposit-modal .title {
    margin-bottom: 6px;
}

.your-safe-deposit-modal__in {
    margin: 0px auto;
    max-width: 300px;
}

.your-safe-deposit-modal__form {
    border-radius: 4px;
    margin: 10px 0px 20px;
    padding: 15px 10px;
}

.your-safe-deposit-modal__block-t {
    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 16px;
    text-align: center;
    user-select: none;
}

.your-safe-deposit-modal__btn-b {
    display: block;
    margin-top: 10px;
}

.your-safe-deposit-modal .input-group .form-control {
    padding: 6px 12px;
}

.your-safe-deposit-modal .input-group .input-group-addon {
    font-weight: 700;
}

.your-safe-deposit-modal .transfer-input__btn .icon2 {
    display: none;
}

.your-safe-downgrade-modal .your-safe-modal__img-wrap {
    margin-bottom: 25px;
}

.your-safe-downgrade-modal__dwnl {
    border-radius: 4px;
    padding: 15px;
}

.your-safe-downgrade-modal__dwnl-text {
    margin-bottom: 15px;
}

.your-safe-downgrade-modal__dwnl-btn .fa {
    margin-right: 7px;
}

.your-safe-downgrade-modal__text {
    margin-bottom: 20px;
}

.your-safe-modal {
    --modal-width: 510px;
    max-height: calc(-40px + 100vh);
    overflow-y: auto;
    text-align: center;
}

.your-safe-modal .title {
    font-weight: 700;
    text-align: center;
    margin-top: 0px !important;
}

.your-safe-modal__sub-title {
    margin-bottom: 45px;
}

.your-safe-modal__sub-title strong {
    font-weight: 700;
}

.your-safe-modal__or {
    margin: 30px 0px;
    overflow: hidden;
    text-align: center;
}

.your-safe-modal__or span {
    position: relative;
}

.your-safe-modal__or span::after,
.your-safe-modal__or span::before {
    content: "";
    height: 2px;
    position: absolute;
    top: 50%;
    width: 600px;
}

.your-safe-modal__or span::before {
    margin-right: 15px;
    right: 100%;
}

.your-safe-modal__or span::after {
    left: 100%;
    margin-left: 15px;
}

.your-safe-modal__img-wrap {
    height: 290px;
    text-align: center;
}

.your-safe-modal__img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
}

.your-safe-modal__terms {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 15px 0px 25px;
}

.your-safe-modal__terms input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.your-safe-modal__terms input+label {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
}

.your-safe-modal__terms input+label::before {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: 9px;
    border: 1px solid;
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 13px;
    margin-right: 10px;
    opacity: 0.5;
    width: 13px;
}

.your-safe-modal__terms input:checked+label::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='m6.564.75-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
    opacity: 1;
}

.your-safe-modal__terms input,
.your-safe-modal__terms label {
    margin: 0px;
}

.your-safe-modal__terms-text {
    font-size: 14px;
}

.your-safe-modal__terms-text a {
    border-bottom: 1px solid;
    transition: 0.5s;
}

.your-safe-modal__terms-text a:hover {
    border-bottom: 1px solid transparent;
}

@media screen and (max-width: 400px) {
    .your-safe-modal__terms-text {
        font-size: 13px;
    }
}

.your-safe-modal__message {
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
}

.your-safe-modal .btn-success {
    min-width: 180px;
}

.your-safe-modal .btn-default,
.your-safe-modal .form-control {
    padding-bottom: 10px;
    padding-top: 10px;
}

.your-safe-modal .form-control {
    height: auto;
}

.your-safe-modal .transfer-input {
    border-radius: 4px;
    display: grid;
    gap: 5px;
    grid-template-columns: minmax(10px, auto) 1fr;
}

.your-safe-modal .transfer-input__wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.your-safe-modal .transfer-input__equals {
    padding: 0px 5px 0px 0px;
}

.your-safe-modal .transfer-input__symbol {
    margin-right: 2px;
}

.your-safe-modal .transfer-input__btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    cursor: pointer;
    font-weight: 700;
    justify-content: center;
    padding: 5px 5px 5px 10px;
    transition: 0.5s;
    user-select: none;
}

.your-safe-modal .transfer-input__btn svg {
    width: 28px;
    fill: rgb(255, 255, 255);
}

.your-safe-modal .transfer-input__right {
    padding-right: 10px;
}

.your-safe-modal .transfer-input.big-number-1,
.your-safe-modal .transfer-input.big-number-2 {
    gap: 0px;
    grid-template-columns: 1fr;
}

.your-safe-modal .transfer-input.big-number-1 .transfer-input__btn,
.your-safe-modal .transfer-input.big-number-2 .transfer-input__btn {
    padding-left: 0px;
    padding-right: 0px;
}

.your-safe-modal .transfer-input.big-number-1 .transfer-input__left,
.your-safe-modal .transfer-input.big-number-1 .transfer-input__right,
.your-safe-modal .transfer-input.big-number-2 .transfer-input__left,
.your-safe-modal .transfer-input.big-number-2 .transfer-input__right {
    padding-left: 10px;
    padding-right: 10px;
}

.your-safe-modal .transfer-input__left,
.your-safe-modal .transfer-input__right {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding-bottom: 5px;
    padding-top: 5px;
}

.your-safe-modal .chips {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 9px 0px 9px -15px;
}

.your-safe-modal .chips__item {
    border: 1px solid;
    border-radius: 10px;
    cursor: pointer;
    font-size: 13px;
    line-height: 11px;
    margin-bottom: 7px;
    margin-left: 15px;
    padding: 5px 12px 6px;
    position: relative;
    transition: 0.3s;
}

.your-safe-modal .chips__item.active .chips__amount,
.your-safe-modal .chips__item:hover .chips__amount {
    opacity: 1;
}

.your-safe-modal .chips__item.active .chips__rate,
.your-safe-modal .chips__item:hover .chips__rate {
    opacity: 0;
}

.your-safe-modal .chips__item.active .chips__amount {
    position: unset;
}

.your-safe-modal .chips__amount {
    inset: 0px;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 0;
    text-align: center;
}

.your-safe-modal .chips__amount,
.your-safe-modal .chips__rate {
    transition: 0.3s;
}

[dir="rtl"] .your-safe-modal__terms input+label::before {
    margin-left: 10px;
    margin-right: 0px;
}

.your-safe-overview-modal .your-safe-modal__img-wrap {
    margin-bottom: 25px;
}

.your-safe-overview-modal__dwnl {
    border-radius: 4px;
    padding: 15px;
}

.your-safe-overview-modal__dwnl-text {
    margin-bottom: 15px;
}

.your-safe-overview-modal__dwnl-btn .fa {
    margin-right: 7px;
}

.your-safe-overview-modal__text {
    margin-bottom: 20px;
}

.your-safe-unlock-safe-modal {
    padding: 0px !important;
}

.your-safe-unlock-safe-modal .your-safe-modal__img-wrap {
    height: 150px;
    margin-bottom: 15px;
}

.your-safe-unlock-safe-modal .your-safe-modal__title {
    padding-right: 0px !important;
}

.your-safe-unlock-safe-modal__text {
    font-weight: 700;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 310px;
    text-align: center;
}

.your-safe-unlock-safe-modal__text span {
    display: block;
    font-size: 20px;
}

.your-safe-unlock-safe-modal__r-text {
    margin-bottom: 25px;
    text-align: center;
}

.your-safe-unlock-safe-modal__r-text span {
    font-weight: 700;
}

.your-safe-unlock-safe-modal__btn-wrap {
    text-align: center;
}

.your-safe-unlock-safe-modal__btn-footer-wrap {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: -30px;
    margin-top: -30px;
}

.your-safe-unlock-safe-modal__btn-footer-wrap .btn {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    margin-left: 30px;
    margin-top: 30px;
}

.your-safe-upgrade-modal .your-safe-modal__img-wrap {
    margin-bottom: 25px;
}

.your-safe-upgrade-modal__text {
    font-size: 15px;
    margin: 0px auto 10px;
    max-width: 410px;
}

.your-safe-upgrade-modal__text2 {
    font-size: 18px;
    font-weight: 700;
}

.your-safe-withdrawal-modal__in {
    margin: 0px auto;
    max-width: 300px;
}

.your-safe-withdrawal-modal__block {
    margin-top: -20px;
}

.your-safe-withdrawal-modal__form {
    border-radius: 4px;
    margin: 10px 0px 30px;
    padding: 15px 10px;
}

.your-safe-withdrawal-modal__btn-b,
.your-safe-withdrawal-modal__btn-t {
    display: block;
}

.your-safe-withdrawal-modal__btn-b:hover,
.your-safe-withdrawal-modal__btn-t:hover {
    cursor: default;
    outline: none !important;
}

.your-safe-withdrawal-modal__btn-b:active,
.your-safe-withdrawal-modal__btn-b:hover,
.your-safe-withdrawal-modal__btn-t:active,
.your-safe-withdrawal-modal__btn-t:hover {
    border-color: transparent;
}

.your-safe-withdrawal-modal .title {
    margin-bottom: 6px;
}

.your-safe-withdrawal-modal .btn {
    margin-top: 12px;
}

.your-safe-withdrawal-modal__block-text {
    margin: 0px auto 20px;
}

.your-safe-withdrawal-modal__block-text strong {
    font-weight: 700;
}

.your-safe-withdrawal-modal .btn-default {
    min-width: 285px;
}

.your-safe-withdrawal-modal .your-safe-modal__or {
    margin: 30px auto;
    max-width: 285px;
}

.your-safe-withdrawal-modal .input-group .form-control {
    padding: 6px 12px;
}

.your-safe-withdrawal-modal .input-group .input-group-addon {
    font-weight: 700;
}

.your-safe-withdrawal-modal .transfer-input__btn .icon2 {
    display: none;
}

.your-safe-btc-modal {
    --modal-width: 984px;
    padding: 0px;
}

.your-safe-btc-modal__in {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.your-safe-btc-modal__l {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    padding: 35px;
}

.your-safe-btc-modal .title {
    font-size: 24px !important;
}

.your-safe-btc-modal__r {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    padding: 50px;
}

.your-safe-btc-modal__img-wrap {
    height: 300px !important;
}

.your-safe-btc-modal__img-wrap img {
    max-width: 250px !important;
}

.your-safe-btc-modal__table {
    border-collapse: collapse;
    border-radius: 4px;
    border-style: hidden;
    margin-bottom: 16px;
}

.your-safe-btc-modal__table td,
.your-safe-btc-modal__table th {
    padding: 11px 10px;
    text-align: center;
}

.your-safe-btc-modal__table th {
    border-bottom-width: 2px;
    font-weight: 700;
}

.your-safe-btc-modal__table td {
    font-size: 12px;
}

.your-safe-btc-modal__table td span {
    font-weight: 700;
}

.your-safe-btc-modal__table tbody tr {
    cursor: pointer;
}

.your-safe-btc-modal__table tbody tr td {
    transition: 0.5s;
}

.your-safe-btc-modal__table tbody tr:hover td {
    opacity: 0.6;
}

.your-safe-btc-modal__table-desc {
    font-size: 13px;
}

.your-safe-btc-modal__select-btn {
    display: none;
    width: 100%;
    border-width: 1px !important;
}

.your-safe-btc-modal__mobile-select-head {
    display: none;
}

.your-safe-close-modal {
    max-width: 500px;
    padding: 75px 35px 50px;
}

.your-safe-close-modal__title {
    margin-left: auto;
    margin-right: auto;
    max-width: 325px;
}

.your-safe-close-modal__text {
    margin-bottom: 50px;
    margin-top: 40px;
}

.your-safe-close-modal__text p {
    margin-bottom: 10px;
}

.your-safe-close-modal__text strong {
    font-weight: 700;
}

.your-safe-close-modal__img-wrap {
    height: 176px;
    margin-top: -65px;
    position: relative;
}

.your-safe-close-modal__img {
    margin-left: -18px;
    opacity: 0.4;
}

.your-safe-close-modal__cross-img-wrap {
    left: 50%;
    margin-left: -105px;
    margin-top: -75px;
    position: absolute;
    top: 50%;
}

.your-safe-close-modal__sub-title {
    margin-bottom: 15px;
}

.your-safe-close-modal .btn-success {
    padding: 10px 30px;
}

.your-safe-close-modal__btn-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 40px;
}

.your-safe-close-modal__btn-wrap .btn {
    margin: 0px 30px;
    min-width: 122px;
    padding: 5px 15px;
}

.your-safe-statement-modal .reportrange {
    display: none;
    margin-top: 20px;
}

.your-safe-statement-modal__form {
    border-radius: 4px;
    margin: 10px auto 20px;
    max-width: 300px;
    padding: 15px 10px;
}

.your-safe-statement-modal__block {
    margin-top: 25px;
}

.your-safe-statement-modal__sub-title {
    font-size: 15px;
    margin-bottom: 15px;
}

.your-safe-statement-modal__period-list {
    margin: 0px auto 50px;
    max-width: 220px;
}

.your-safe-statement-modal__period-item {
    margin-bottom: 15px;
    opacity: 0.5;
    transition: 0.5s;
}

.your-safe-statement-modal__period-item .btn {
    padding-bottom: 5px;
    padding-top: 5px;
    width: 100%;
}

.your-safe-statement-modal__period-item.active {
    opacity: 1;
}

.your-safe-verification-modal {
    --modal-width: 400px;
    padding: 25px 35px 35px;
    text-align: center;
}

.your-safe-verification-modal__img-wrap {
    margin-bottom: 30px;
}

.your-safe-verification-modal__title {
    font-size: 19px;
    margin-bottom: 8px;
}

.your-safe-verification-modal__sub-title {
    font-size: 14px;
    line-height: 26px;
    margin: 0px auto 30px;
    max-width: 295px;
}

.your-safe-verification-modal .btn-success {
    font-size: 16px;
    padding: 17px 30px;
}

.dep-with-success-modal .svg-icon-success {
    fill: rgb(0, 166, 81);
}

.dep-with-success-modal__icon {
    height: 100px;
    margin: 0px auto 40px;
    width: 100px;
}

.dep-with-success-modal__text-info {
    margin-bottom: 7px;
}

.dep-with-success-modal__text-info span {
    font-weight: 700;
}

.dep-with-success-modal__text-info:last-child {
    margin-bottom: 0px;
}

.social-trading-rewards-collect-all-gems-modal {
    width: 370px;
}

.social-trading-rewards-collect-all-gems-modal .text {
    font-size: 13px;
}

.social-trading-rewards-collect-all-gems-modal .diamond-info__count {
    text-shadow: none;
}

.social-trading-rewards-collect-all-gems-modal .crystals-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    border-radius: 5px;
    justify-content: space-between;
    margin: 17px 0px 19px;
    padding: 27px 20px;
}

.social-trading-rewards-collect-all-gems-modal .btn-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: -7px;
    margin-top: -7px;
}

.social-trading-rewards-collect-all-gems-modal .btn-wrap .btn {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    margin-left: 7px;
    margin-top: 7px;
}

.theme-dark-blue .social-trading-rewards-collect-all-gems-modal .crystals-wrap {
    background-color: rgb(25, 29, 45);
}

.theme-light .social-trading-rewards-collect-all-gems-modal .crystals-wrap {
    background-color: rgb(229, 235, 241);
}

.open-chat-image-modal {
    --modal-width: auto;
    margin-left: 20px;
    margin-right: 20px;
    max-width: 800px;
}

.open-chat-image-modal img {
    max-height: 500px;
    max-width: 100%;
}

.open-chat-image-modal .img-wrap {
    border-radius: 8px;
    overflow: hidden;
}

.open-chat-image-modal .footer-wrap {
    margin-top: 20px;
}

.open-chat-image-modal .footer-wrap a {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
}

.open-chat-image-modal .footer-wrap a .fa {
    margin-right: 7px;
}

.video-modal .mfp-close::before {
    margin-left: 7px;
}

.mt5-demo-balance-modal .error-help-block {
    font-size: 12px;
}

.upload-docs-confirm-modal {
    --modal-width: 300px;
}

.upload-docs-confirm-modal .block {
    border-radius: 5px;
    display: flex;
    padding: 15px;
}

.upload-docs-confirm-modal .block__icon {
    margin-right: 15px;
    margin-top: 3px;
}

.upload-docs-confirm-modal .block__icon svg {
    fill: rgb(50, 172, 65);
}

.deposit-method-note-modal {
    --modal-width: 420px;
}

.deposit-method-note-modal .img1 {
    text-align: center;
}

.deposit-method-note-modal p {
    margin-bottom: 25px;
}

.deposit-method-note-modal .btn-wrap {
    text-align: center;
}

.deposit-method-note-modal .btn-wrap .btn {
    padding-left: 70px;
    padding-right: 70px;
}

.update-your-verification-modal {
    --modal-width: 420px;
}

.update-your-verification-modal p+p {
    margin-top: 20px;
}

.update-your-verification-modal p a {
    color: rgb(55, 151, 211);
    text-decoration: underline;
}

.update-your-verification-modal .img {
    margin: 15px 0px;
    text-align: center;
}

.update-your-verification-modal .btn-wrap {
    margin-top: 20px;
    text-align: center;
}

.update-your-verification-modal .btn-wrap .btn {
    padding-bottom: 5px;
    padding-top: 5px;
}

.error-modal {
    --modal-width: 240px;
}

.promo-code-mod50-modal {
    --modal-width: 470px;
}

.promo-code-mod50-modal .title {
    margin-bottom: 10px;
}

.promo-code-mod50-modal .text {
    font-size: 18px;
    margin-bottom: 20px;
}

.promo-code-mod50-modal .text b {
    color: rgb(0, 153, 250);
    font-size: 24px;
}

.promo-code-mod50-modal .item {
    border: 1px solid var(--border-color);
    border-radius: 10px;
    cursor: pointer;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    opacity: 0.5;
    overflow: hidden;
    position: relative;
    user-select: none;
}

.promo-code-mod50-modal .item__col {
    padding: 8px;
    text-align: center;
}

.promo-code-mod50-modal .item__col--center .item__value {
    color: rgb(0, 153, 250);
}

.promo-code-mod50-modal .item__label {
    color: rgb(142, 165, 192);
    font-size: 12px;
    line-height: 12px;
}

.promo-code-mod50-modal .item__value {
    font-size: 18px;
    font-weight: 700;
}

.promo-code-mod50-modal .item__popular-label {
    background-color: var(--border-color);
    border-bottom-left-radius: 5px;
    font-size: 11px;
    line-height: 18px;
    padding: 0px 5px;
    position: absolute;
    right: -2px;
    top: -2px;
}

.promo-code-mod50-modal .item--active {
    border-width: 2px;
    opacity: 1;
}

.promo-code-mod50-modal .item--active .item__col {
    padding: 16px 10px;
}

.promo-code-mod50-modal .item--active .item__label {
    font-size: 14px;
    line-height: 14px;
}

.promo-code-mod50-modal .item--active .item__value {
    font-size: 22px;
}

.promo-code-mod50-modal .btn-wrap {
    margin-top: 24px;
    text-align: center;
}

.promo-code-mod50-modal .item+.item {
    margin-top: 8px;
}

.change-password-2fa-modal {
    --modal-width: 380px;
}

.change-password-2fa-modal .text {
    color: var(--po-ui-kit-icon-color-base);
    margin-bottom: 12px;
}

.islamic-account-modal {
    --modal-width: 320px;
}

.islamic-account-modal .img-wrap {
    margin: 10px 0px 20px;
}

.islamic-account-modal .text {
    margin-bottom: 20px;
}

.islamic-account-modal .btn-wrap {
    text-align: center;
}

.islamic-account-modal .btn-wrap .btn {
    display: block;
    margin-bottom: 10px;
}

.islamic-account-close-safe-modal {
    --modal-width: 320px;
}

.islamic-account-close-safe-modal .img-wrap {
    margin-bottom: 12px;
}

.islamic-account-close-safe-modal .text {
    margin-bottom: 24px;
}

.islamic-account-close-safe-modal .btn-wrap {
    display: grid;
    text-align: center;
}

.islamic-account-close-safe-modal .btn-wrap .btn {
    margin-bottom: 8px;
}

.trade-and-upgrade-modal {
    --modal-width: 500px;
}

.trade-and-upgrade-modal .img-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 10px;
    height: 180px;
    justify-content: center;
    margin-bottom: 24px;
}

.trade-and-upgrade-modal .img-wrap img {
    display: block;
    max-width: 100%;
}

.trade-and-upgrade-modal .text {
    margin-bottom: 24px;
}

.trade-and-upgrade-modal .btn-wrap {
    text-align: center;
}

.repeat-max-deposit-modal {
    --modal-width: 500px;
}

.repeat-max-deposit-modal .img-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 10px;
    height: 180px;
    justify-content: center;
    margin-bottom: 24px;
}

.repeat-max-deposit-modal .img-wrap img {
    display: block;
    max-width: 100%;
}

.repeat-max-deposit-modal .text {
    margin-bottom: 24px;
}

.repeat-max-deposit-modal .btn-wrap {
    text-align: center;
}

.traders-box-modal {
    --modal-padding-x: 0;
    --modal-padding-y: 0;
    display: grid;
    gap: 0px;
    grid-template-columns: 1fr 1fr;
}

.traders-box-modal__start {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    overflow: hidden;
}

.traders-box-modal__end {
    display: grid;
    padding: 24px;
}

.traders-box-modal .img-short,
.traders-box-modal .mb {
    display: none;
}

.traders-box-modal .info {
    border-radius: 10px;
    padding: 20px;
}

.traders-box-modal .info__item {
    display: grid;
    gap: 12px;
    grid-template-columns: 20px 1fr;
    margin-bottom: 24px;
}

.traders-box-modal .info__item svg {
    color: rgb(0, 154, 249);
}

.traders-box-modal .info__item:last-child {
    margin-bottom: 0px;
}

.traders-box-modal .info__item__item-end {
    font-size: 16px;
}

.traders-box-modal .info__item-title {
    font-weight: 700;
}

.traders-box-modal .info__item-subtitle {
    color: rgb(142, 165, 192);
}

.traders-box-modal .btn-wrap .btn {
    width: 100%;
}

.traders-box-modal .info,
.traders-box-modal .text {
    margin-bottom: 12px;
}

.theme-dark-blue .traders-box-modal .info {
    background-color: rgb(30, 33, 49);
}

.theme-light .traders-box-modal {
    border: transparent;
}

.theme-light .traders-box-modal .info {
    background-color: rgb(236, 239, 243);
}

.ai-trading-modal {
    --modal-width: 500px;
}

.ai-trading-modal .btn-wrap {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr 1fr;
}

.ai-trading-modal .btn-wrap--one {
    grid-template-columns: 1fr;
}

.ai-trading-modal .img-wrap {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 8px;
    height: 160px;
    justify-content: center;
    overflow: hidden;
}

.ai-trading-modal .img-wrap img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.ai-trading-modal .img-wrap,
.ai-trading-modal .message,
.ai-trading-modal .text,
.ai-trading-modal .toggle {
    margin-bottom: 12px;
}

.ai-trading-modal .ai-trading-btn {
    cursor: default;
    position: absolute;
    width: 140px;
    z-index: 5;
}

.market-watch-modal {
    --modal-width: 500px;
    --modal-padding-x: 24px;
    display: grid;
    row-gap: 12px;
}

.market-watch-modal .title {
    margin-bottom: 0px;
}

.market-watch-modal__img-wrap {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.theme-light .market-watch-modal__img-wrap {
    border: 1px solid rgb(225, 229, 235);
}

.market-watch-modal__img {
    display: block;
    max-width: 100%;
    pointer-events: none;
    user-select: none;
}

.market-watch-modal__actions {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, 1fr);
}

.welcome-modal .window-1 {
    position: relative;
}

.welcome-modal .window-1 img {
    max-width: 100%;
}

.welcome-modal .window-1 .window-1__img-bg {
    display: block;
    margin: 0px auto;
}

.welcome-modal .window-1 .window__title {
    margin-bottom: 13px;
    text-align: center;
}

.welcome-modal .window-1__img-wrap {
    left: calc(var(--modal-padding-x)*-1 + 1px);
    margin-bottom: 58px;
    pointer-events: none;
    position: relative;
    top: calc(var(--modal-padding-y)*-1 + 6px);
    width: calc(100% + var(--modal-padding-x)*2 - 1px);
}

.welcome-modal .window-1__title {
    margin-bottom: 10px;
}

.welcome-modal .window-1__text {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 32px;
}

.country-br .welcome-modal .window-1__img-icon svg {
    color: rgb(0, 155, 58);
}

.country-es .welcome-modal .window-1__img-icon svg {
    color: rgb(0, 174, 240);
}

.welcome-modal .window-1__img-icon,
.welcome-modal .window-1__img-logo {
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
}

.welcome-modal .window-1__btn-wrap,
.welcome-modal .window-1__text,
.welcome-modal .window-1__title {
    text-align: center;
}

.welcome-modal .window-1__img-ellipse,
.welcome-modal .window-1__img-hlapushka,
.welcome-modal .window-1__img-icon,
.welcome-modal .window-1__img-logo {
    position: absolute;
}

.welcome-modal .window-2 form {
    display: grid;
    gap: 18px;
}

.welcome-modal .window-2 .window__title {
    margin-bottom: 31px;
}

.is-pc-version .welcome-modal .window-2 .window__btn-wrap {
    margin-top: 76.659px;
}

.welcome-modal .window-2__text {
    margin-bottom: 32px;
}

.welcome-modal .window-2__text2 {
    color: rgb(142, 165, 192);
    position: relative;
    z-index: 1;
}

.welcome-modal .window-2 .currency-item {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid;
    border-radius: 10px;
    cursor: pointer;
    gap: 12px;
    grid-template-columns: 32px 1fr 20px;
    margin: 0px;
    padding: 10px 16px;
    user-select: none;
}

.welcome-modal .window-2 .currency-item svg {
    display: block;
}

.welcome-modal .window-2 .currency-item__currency {
    font-size: 18px;
    text-transform: uppercase;
}

.welcome-modal .window-2 .currency-item.active .currency-icon {
    color: rgb(0, 154, 249);
}

.welcome-modal .window-2 .message {
    margin-bottom: 10px;
}

.welcome-modal .window-2 .form-group {
    margin: 0px;
}

.welcome-modal .window-2 .ajax-loader-v2 {
    display: block;
}

.welcome-modal .window-2 .ajax-loader-v2__icon {
    margin: 0px auto;
}

.welcome-modal .window-2 .radio-widget {
    position: relative;
    top: -16px;
}

.welcome-modal .window-2 .bootstrap-select .dropdown-toggle.btn-default {
    padding-left: 9px;
    padding-right: 9px;
}

.welcome-modal .window-2__currency-list {
    display: grid;
    gap: 12px;
}

.theme-dark-blue .welcome-modal .window-2 svg {
    color: rgb(142, 165, 192);
    height: 32px;
    width: 32px;
}

.theme-dark-blue .welcome-modal .window-2 .form-group>label {
    color: rgb(142, 165, 192);
}

.theme-dark-blue .welcome-modal .window-2 .currency-item {
    border-color: rgba(52, 62, 82, 0.5);
}

.theme-dark-blue .welcome-modal .window-2 .currency-item__label {
    color: rgb(142, 165, 192);
}

.welcome-modal .window-2 .window__title,
.welcome-modal .window-2__country,
.welcome-modal .window-2__currency-list,
.welcome-modal .window-2__msg-block,
.welcome-modal .window-2__text {
    position: relative;
    z-index: 1;
}

.welcome-modal .window-3 .window__title {
    margin-bottom: 48.633px;
}

.welcome-modal .window-3__text {
    font-size: 14px;
    margin-bottom: 15px;
}

.welcome-modal .window-3__items {
    display: grid;
    gap: 22px;
}

.welcome-modal .window-3__item {
    border: 1px solid;
    border-radius: 12px;
    display: grid;
    gap: 24px;
    grid-template-columns: 24px 1fr;
    padding: 22px 16px;
}

.welcome-modal .window-3__item-text {
    margin-bottom: 16px;
}

.welcome-modal .window-3 .btn {
    min-width: 140px;
}

.welcome-modal .window-3 .window__title,
.welcome-modal .window-3__items {
    position: relative;
    z-index: 1;
}

.theme-dark-blue .welcome-modal .window-3__item {
    backdrop-filter: blur(2px);
    background: rgba(31, 35, 52, 0.5);
    border-color: rgba(52, 62, 82, 0.5);
}

.theme-dark-blue .welcome-modal .window-3__item-icon {
    color: rgb(142, 165, 192);
}

.welcome-modal.theme-utm-enr,
.welcome-modal.theme-utm-trn {
    --text-bg-color-base: #00aef0;
    --border-color-base: #0fd7ad;
    --background-color-base: #00aef0;
    --btn-background-base: linear-gradient(100deg, #1cff6a, #1cff6a 50%, #b3ff1a);
    --btn-background-hover: linear-gradient(100deg, rgba(28, 255, 106, .9), rgba(28, 255, 106, .9) 50%, #b3ff1a 90%);
}

.welcome-modal.theme-utm-tcg {
    --text-bg-color-base: #009b3a;
    --border-color-base: #1b6c46;
    --background-color-base: #009b3a;
    --btn-background-base: #ffde01;
    --btn-background-hover: #b5a100;
}

.welcome-modal.theme-utm-trn .utm-text span {
    display: inline-block;
}

.welcome-modal.theme-utm-mc-brazil {
    --text-bg-color-base: #009b3a;
    --border-color-base: #01c96c;
    --background-color-base: #009b3a;
    --btn-background-base: #ffde01;
    --btn-background-hover: #b5a100;
    --btn-border-color-base: #fedf00;
}

.welcome-modal.theme-utm-mc-brazil .window-3 .window__img-bg {
    left: 50%;
    position: absolute;
    top: 0px;
    transform: translateX(-50%);
}

.welcome-modal.theme-utm-mc-brazil .window-3__item {
    background: transparent;
    border-color: rgb(255, 255, 255);
}

.welcome-modal.theme-utm-mc-brazil .window-3__item-icon svg,
.welcome-modal.theme-utm-mc-brazil .window__back {
    color: rgb(255, 255, 255);
}

.welcome-modal.theme-utm-mc-latam {
    --text-bg-color-base: #00aef0;
    --border-color-base: #fff;
    --background-color-base: #00aef0;
    --btn-background-base: linear-gradient(100deg, #1cff6a, #1cff6a 50%, #b3ff1a);
    --btn-background-hover: linear-gradient(100deg, rgba(28, 255, 106, .9), rgba(28, 255, 106, .9) 50%, #b3ff1a 90%);
    --btn-border-color-base: #1cff6a;
}

.welcome-modal.theme-utm-mc-latam .window-3 .window__img-bg {
    left: 50%;
    position: absolute;
    top: 0px;
    transform: translateX(-50%);
}

.welcome-modal.theme-utm-mc-latam .window-3__item {
    background: transparent;
    border-color: rgb(255, 255, 255);
}

.welcome-modal.theme-utm-mc-latam .window-3__item-icon svg,
.welcome-modal.theme-utm-mc-latam .window__back {
    color: rgb(255, 255, 255);
}

.welcome-modal.theme-utm-mc-latam .utm-bg {
    top: 0px !important;
}

.welcome-modal[class*="theme-utm-"] {
    background-color: var(--background-color-base);
    border: 1px solid var(--border-color-base);
}

.welcome-modal[class*="theme-utm-"] .utm-bg {
    top: 10px;
    user-select: none;
}

.welcome-modal[class*="theme-utm-"] .utm-bg,
.welcome-modal[class*="theme-utm-"] .utm-bg img {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

.welcome-modal[class*="theme-utm-"] .utm-bg img {
    top: 0px;
}

.welcome-modal[class*="theme-utm-"] .utm-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    margin-top: 275px;
    position: relative;
    z-index: 1;
}

.welcome-modal[class*="theme-utm-"] .utm-text {
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}

.welcome-modal[class*="theme-utm-"] .utm-text span {
    background-color: rgb(255, 255, 255);
    border-radius: 8px;
    color: var(--text-bg-color-base);
    padding: 0px 8px 2px;
}

.welcome-modal[class*="theme-utm-"] .utm-desc {
    font-size: 17px;
    margin-top: 7px;
}

.welcome-modal[class*="theme-utm-"] .utm-btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 25px;
    color: rgb(23, 21, 22);
    font-size: 17px;
    font-weight: 700;
    justify-content: center;
    margin-top: 20px;
    min-height: 39px;
    text-transform: uppercase;
    transition: background 0.3s, color 0.3s;
}

.welcome-modal[class*="theme-utm-"] .utm-btn:not(.utm-btn--transparent) {
    background: var(--btn-background-base);
}

.welcome-modal[class*="theme-utm-"] .utm-btn__text {
    margin-right: 6px;
}

.welcome-modal[class*="theme-utm-"] .utm-btn:not(.utm-btn--transparent):hover {
    background: var(--btn-background-hover);
}

.welcome-modal[class*="theme-utm-"] .utm-btn--transparent {
    border: 1px solid var(--btn-border-color-base);
    color: rgb(255, 255, 255);
}

.welcome-modal[class*="theme-utm-"] .utm-btn--transparent .utm-btn__text {
    margin-right: 0px;
}

.welcome-modal[class*="theme-utm-"] .utm-btn--small {
    font-size: 14px;
    line-height: 18px;
    min-height: 25px;
}

.welcome-modal[class*="theme-utm-"] .utm-btn--small svg {
    height: 13px;
    width: 13px;
}

.welcome-modal[class*="theme-utm-"] .utm-desc,
.welcome-modal[class*="theme-utm-"] .utm-text {
    text-align: center;
}

.welcome-modal[class*="theme-utm-"] .utm-btn.btn-green-v2 {
    border: unset;
}

.welcome-modal[class*="theme-utm-"] .utm-btn.btn-green-v2 svg {
    height: 20px;
    width: 20px;
}

.theme-dark-blue .welcome-modal[class*="theme-utm-"] .form-group>label,
.theme-light .welcome-modal[class*="theme-utm-"] .form-group>label {
    color: rgb(255, 255, 255);
}

.welcome-modal[class*="theme-utm-"] .bootstrap-select .dropdown-toggle.btn-default {
    border-radius: 10px;
    color: rgb(255, 255, 255);
}

.welcome-modal[class*="theme-utm-"] .bootstrap-select .dropdown-toggle.btn-default:hover {
    border-radius: 10px;
}

.theme-dark-blue .welcome-modal[class*="theme-utm-"] .bootstrap-select .dropdown-toggle.btn-default:hover,
.theme-light .welcome-modal[class*="theme-utm-"] .bootstrap-select .dropdown-toggle.btn-default:hover {
    background-color: rgb(27, 39, 61);
    color: rgb(255, 255, 255);
}

.welcome-modal[class*="theme-utm-"] .window-2__text2 {
    color: rgb(255, 255, 255);
}

.welcome-modal[class*="theme-utm-"] .utm-title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 30px;
}

.welcome-modal[class*="theme-utm-"] .utm-title svg {
    margin-right: 10px;
}

.welcome-modal {
    --modal-width: 400px;
    --modal-padding-x: 32px;
    --modal-padding-y: 32px;
    overflow: hidden;
    border-radius: 20px !important;
}

.welcome-modal svg {
    display: block;
}

.welcome-modal .mfp-close {
    display: none;
}

.welcome-modal .window__img-bg-wrap {
    left: 0px;
    pointer-events: none;
    position: absolute;
    right: 0px;
    top: 0px;
}

.welcome-modal .window__back-wrap {
    margin-bottom: 24px;
    position: relative;
    z-index: 1;
}

.welcome-modal .window__back {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
}

.welcome-modal .window__back svg {
    color: rgb(32, 39, 63);
    display: block;
    margin-right: 12px;
    transition: color 0.3s;
}

.welcome-modal .window__back:hover svg {
    color: rgb(61, 71, 93);
}

.welcome-modal .window__title {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.45px;
}

.welcome-modal .window__btn-wrap .btn {
    min-height: 40px;
    width: 100%;
}

.welcome-modal .bootstrap-select .inner.open,
.welcome-modal-dropdown .inner.open {
    height: 198px;
}

.welcome-modal .bootstrap-select .icon,
.welcome-modal-dropdown .icon {
    margin-right: 10px;
}

.welcome-modal .bootstrap-select .currency-country,
.welcome-modal-dropdown .currency-country {
    border-radius: 50%;
    display: block;
    overflow: hidden;
}

.mfp-bg.welcome-modal-mfp-bg {
    backdrop-filter: blur(3px);
    background-color: rgba(0, 0, 0, 0.5);
}

.my-mfp-zoom-in.mfp-ready.mfp-bg.welcome-modal-mfp-bg {
    opacity: 1;
}

.change-account-currency-modal {
    --modal-width: 500px;
}

.change-account-currency-modal svg {
    display: block;
}

.change-account-currency-modal .currency-country {
    border-radius: 50%;
    display: block;
    height: 13px;
    overflow: hidden;
    width: 13px;
}

.change-account-currency-modal .exchange-block {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 12px;
}

.change-account-currency-modal .exchange-block__from-currency-block {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid;
    border-radius: 4px;
    gap: 8px;
    grid-template-columns: 13px 1fr;
    min-height: 36px;
    padding: 7px 10px;
}

.change-account-currency-modal .exchange-block .currency-icon {
    height: 16px;
    width: 16px;
}

.change-account-currency-modal .exchange-block .form-group {
    margin-bottom: 0px;
}

.change-account-currency-modal .exchange-block .bootstrap-select .dropdown-toggle.btn-default {
    min-height: 34px;
    padding-left: 10px;
    padding-right: 10px;
}

.change-account-currency-modal .exchange-block .dropdown-menu .text,
.change-account-currency-modal .exchange-block .filter-option-inner-inner {
    display: grid;
    gap: 8px;
    grid-template-columns: 16px 1fr;
}

.change-account-currency-modal .exchange-info {
    border: 1px dashed;
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 12px;
}

.change-account-currency-modal .exchange-info__top {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px;
    grid-template-columns: 1fr 36px 1fr;
    margin-bottom: 10px;
}

.change-account-currency-modal .exchange-info__bottom {
    text-align: center;
}

.change-account-currency-modal .exchange-info__label {
    margin-bottom: 4px;
}

.change-account-currency-modal .exchange-info__sum {
    font-size: 18px;
    font-weight: 700;
}

.change-account-currency-modal .exchange-info__exchanging,
.change-account-currency-modal .exchange-info__receive {
    text-align: center;
}

.change-account-currency-modal__btn-wrap {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr 1fr;
}

.multi-currency-how-to {
    --modal-width: 400px;
    --modal-padding-x: 32px;
    --modal-padding-y: 32px;
    border-color: var(--modal-border-color);
    min-width: 320px;
    overflow: hidden;
    border-radius: 20px !important;
}

.multi-currency-how-to__slider {
    margin: calc(var(--modal-padding-x)*-1) calc(var(--modal-padding-x)*-1) 0;
    padding-top: 100%;
    position: relative;
}

.multi-currency-how-to .slider__wrapper {
    inset: 0px;
    position: absolute;
}

.multi-currency-how-to .slider__img {
    display: block;
    max-width: 100%;
    pointer-events: none;
    user-select: none;
}

.multi-currency-how-to__bullets {
    bottom: 82px;
    display: flex;
    left: 0px;
    position: absolute;
    right: 0px;
    -webkit-box-pack: center;
    justify-content: center;
}

.multi-currency-how-to .bullets__item {
    background-color: var(--bullet-bg-color);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 10px;
    cursor: pointer;
    height: 10px;
    margin: 0px 6px;
    padding: 0px;
    width: 10px;
}

.multi-currency-how-to .bullets__item--active {
    background-color: var(--bullet-bg-color-active);
}

.multi-currency-how-to__info {
    margin-top: -62px;
    position: relative;
    z-index: 5;
}

.multi-currency-how-to__label {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    background: linear-gradient(90deg, rgb(0, 154, 249), rgb(26, 77, 222));
    border-radius: 8px;
    color: rgb(255, 255, 255);
    font-size: 12px;
    height: 24px;
    margin-bottom: 12px;
    padding: 0px 12px;
    width: fit-content;
}

.multi-currency-how-to__label-icon {
    margin-right: 8px;
}

.multi-currency-how-to__title {
    font-size: 28px;
    font-weight: 600;
}

.multi-currency-how-to__desc {
    font-size: 14px;
    margin: 24px 0px;
}

.multi-currency-how-to .btn {
    border-radius: 8px;
    width: 160px;
}

.theme-dark-blue .multi-currency-how-to {
    --modal-border-color: #343d5180;
    --title-color: #fff;
    --bullet-bg-color: #343e52;
    --bullet-bg-color-active: #009af9;
}

.theme-light .multi-currency-how-to {
    --modal-border-color: #dce1e6;
    --title-color: #314e70;
    --bullet-bg-color: #d2d6dd;
    --bullet-bg-color-active: #337ab7;
}

@media screen and (max-width: 440px) {
    .multi-currency-how-to .btn {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    .multi-currency-how-to.po-modal {
        --modal-padding-x: 24px;
        --modal-padding-y: 24px;
    }
}

.welcome-bonus-modal {
    --modal-width: 400px;
    display: grid;
    gap: 20px;
    min-width: 320px;
    overflow: hidden;
    border-radius: 20px !important;
}

.welcome-bonus-modal::after,
.welcome-bonus-modal::before {
    border-radius: 50%;
    content: "";
    pointer-events: none;
    position: absolute;
}

.welcome-bonus-modal::before {
    height: 291px;
    left: -50px;
    top: -188px;
    width: 291px;
    z-index: 1;
}

.welcome-bonus-modal::after {
    height: 244px;
    right: -18px;
    top: -156px;
    width: 244px;
    z-index: 2;
}

.welcome-bonus-modal__header {
    display: grid;
    gap: 12px;
    margin-top: -80px;
    position: relative;
    z-index: 5;
}

.welcome-bonus-modal__title {
    font-size: 28px;
    font-weight: 600;
    margin: 0px;
}

.welcome-bonus-modal__timer {
    display: grid;
    left: 20px;
    position: absolute;
    top: 20px;
    z-index: 5;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 12px;
    gap: 0px 6px;
    grid-auto-flow: column;
    line-height: 1.571;
    padding: 5px 12px;
}

.welcome-bonus-modal__img {
    height: 323px;
    margin: calc(var(--modal-padding-y)*-1) calc(var(--modal-padding-x)*-1) 0;
    position: relative;
}

.welcome-bonus-modal__img::after {
    bottom: 0px;
    content: "";
    height: 104px;
    left: 0px;
    position: absolute;
    right: 0px;
    z-index: 3;
}

.welcome-bonus-modal__box {
    left: 50%;
    margin-left: 20px;
    top: -26px;
    transform: translateX(-50%) rotate(30deg);
    z-index: 3;
}

.welcome-bonus-modal__bonus {
    left: 50%;
    margin-left: -68px;
    max-width: 163px;
    top: 62px;
    transform: translateX(-50%);
    z-index: 4;
}

.welcome-bonus-modal .bonus {
    display: grid;
    gap: 8px;
}

.welcome-bonus-modal .bonus__title {
    color: rgb(142, 165, 192);
}

.welcome-bonus-modal .bonus__content {
    border-radius: 12px;
    display: grid;
    gap: 4px;
    padding: 12px;
}

.welcome-bonus-modal .bonus__steps {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    grid-template-columns: 24px 1fr 24px 1fr 24px;
}

.welcome-bonus-modal .bonus__steps-icon {
    display: block;
}

.welcome-bonus-modal .bonus__steps-item--progress {
    height: 4px;
}

.welcome-bonus-modal .bonus__steps-item-progress {
    background: linear-gradient(270deg, rgba(50, 172, 65, 0) -1.24%, rgb(50, 172, 65) -1.23%, rgb(50, 172, 65) 99.99%);
    height: 100%;
    transition: width 0.3s;
    will-change: width;
}

.welcome-bonus-modal .bonus__counters {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.welcome-bonus-modal .bonus__counters-item {
    color: rgb(142, 165, 192);
}

.welcome-bonus-modal .bonus__counters-item:nth-of-type(2) {
    text-align: center;
}

.welcome-bonus-modal .bonus__counters-item:nth-of-type(3) {
    text-align: right;
}

.welcome-bonus-modal .bonus__counters-item--active {
    color: rgb(50, 172, 65);
}

.welcome-bonus-modal .bonus__how {
    border-radius: 8px;
    margin-top: 8px;
    padding: 8px 12px;
}

.welcome-bonus-modal .bonus__how--opened .bonus__how-title::after {
    transform: rotate(180deg);
}

.welcome-bonus-modal .bonus__how--opened .bonus__how-text {
    margin-top: 8px;
    max-height: 300px;
}

.welcome-bonus-modal .bonus__how--opened .bonus__how-icon {
    opacity: 1;
}

.welcome-bonus-modal .bonus__how-title {
    display: grid;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    cursor: pointer;
    gap: 8px;
    grid-template-columns: repeat(2, auto);
    justify-content: flex-start;
}

.welcome-bonus-modal .bonus__how-title::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
    content: " ";
    height: 24px;
    pointer-events: none;
    position: absolute;
    right: 0px;
    top: 0px;
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: 24px;
}

.welcome-bonus-modal .bonus__how-icon {
    color: rgb(142, 165, 192);
    opacity: 0.5;
    transition: opacity 0.3s;
}

.welcome-bonus-modal .bonus__how-text {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.3s, margin-top 0.3s;
}

.welcome-bonus-modal .btn {
    width: 100%;
}

.welcome-bonus-modal .modal__link {
    border-bottom: 1px solid rgba(55, 151, 211, 0.3);
    color: rgb(55, 151, 211);
    margin: 0px auto;
    transition: color 0.3s, border-color 0.3s;
    width: fit-content;
}

.welcome-bonus-modal .modal__link:hover {
    border-color: rgb(55, 151, 211);
}

.welcome-bonus-modal__bonus,
.welcome-bonus-modal__box {
    pointer-events: none;
    position: absolute;
    user-select: none;
}

@media screen and (max-width: 400px) {
    .welcome-bonus-modal.po-modal {
        --modal-padding-x: 25px;
    }
}

@media screen and (max-width: 379px) {
    .welcome-bonus-modal__timer {
        grid-auto-flow: row;
        grid-template-columns: repeat(2, auto);
        justify-items: center;
    }

    .welcome-bonus-modal__timer-time {
        grid-column: span 2;
    }
}

.apply-promo-code .table {
    margin-bottom: 0px;
}

.apply-promo-code .scrollbar-container {
    max-height: 400px;
}

.pocket-friends-share-modal {
    --modal-width: 400px;
    --padding-x: 32px;
    --padding-y: 32px;
    padding: 265px 0px 0px;
    border-radius: 20px !important;
}

.pocket-friends-share-modal svg {
    display: block;
}

.pocket-friends-share-modal .mfp-close {
    opacity: 1;
    right: 22px;
    top: 22px;
}

.pocket-friends-share-modal .mfp-close:active {
    top: 22px;
}

.pocket-friends-share-modal__wrapper {
    border-radius: 12px;
    padding: 20px;
}

.pocket-friends-share-modal .info-block {
    display: flex;
    gap: 12px;
}

.pocket-friends-share-modal .info-block__link {
    display: flex;
    gap: 8px;
    width: 100%;
}

.pocket-friends-share-modal .info-block__btn {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 8px;
    color: rgb(142, 165, 192);
    cursor: pointer;
    flex-shrink: 0;
    height: 36px;
    padding: 0px;
    width: 36px;
}

.pocket-friends-share-modal .info-block__input {
    -webkit-box-flex: 1;
    background-color: transparent;
    border: 1px solid rgb(44, 50, 69);
    border-radius: 8px;
    flex-grow: 1;
    font-size: 12px;
    height: 36px;
    padding-left: 10px;
    padding-right: 10px;
}

.pocket-friends-share-modal .info-block__addon {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    cursor: pointer;
    justify-content: center;
}

.pocket-friends-share-modal .info-block__addon svg {
    opacity: 0.5;
    transition: opacity 0.3s;
}

.pocket-friends-share-modal .info-block__addon:hover svg {
    opacity: 1;
}

.pocket-friends-share-modal .info-block__qr-code {
    cursor: pointer;
}

.pocket-friends-share-modal .info-block__qr-code .sopct {
    transition: fill 0.3s;
}

.pocket-friends-share-modal .info-block__qr-code:hover .sopct {
    fill: var(--background-color-hover);
}

.pocket-friends-share-modal .share-to {
    margin-top: 8px;
}

.pocket-friends-share-modal .share-to__title {
    color: rgb(142, 165, 192);
    margin-bottom: 8px;
}

.pocket-friends-share-modal .share-to__list {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.pocket-friends-share-modal .share-to__item svg {
    height: 36px;
    width: 36px;
}

.pocket-friends-share-modal .share-to__item .sopct {
    transition: fill 0.3s;
}

.pocket-friends-share-modal .share-to__item:hover .sopct {
    fill: var(--background-color-hover);
}

.pocket-friends-share-modal__title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}

.pocket-friends-share-modal__tabs {
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
}

.pocket-friends-share-modal__tab {
    border-radius: 6px !important;
}

.pocket-friends-share-modal__bg {
    border-radius: 20px 20px 0px 0px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    user-select: none;
    z-index: 0;
}

.pocket-friends-share-modal__bg img {
    display: block;
    max-width: 100%;
}

.pocket-friends-share-modal__content {
    padding: 0 var(--padding-x) var(--padding-y) var(--padding-x);
    position: relative;
    z-index: 1;
}

.pocket-friends-your-links-modal {
    --modal-width: 387px;
    padding: 24px 32px 32px;
    border-radius: 20px !important;
}

.pocket-friends-your-links-modal .mfp-close {
    opacity: 1;
    right: 22px;
    top: 22px;
}

.pocket-friends-your-links-modal .mfp-close:active {
    top: 22px;
}

.pocket-friends-your-links-modal__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px;
}

.pocket-friends-your-links-modal__sub-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 20px;
}

.pocket-friends-your-links-modal input,
.pocket-friends-your-links-modal textarea {
    border-radius: 8px;
    padding: 0px 12px;
    width: 100%;
}

.pocket-friends-your-links-modal textarea {
    padding: 8px 12px 12px;
}

.pocket-friends-your-links-modal label {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 4px;
}

.pocket-friends-your-links-modal .btn {
    border-radius: 8px;
}

.pocket-friends-your-links-modal__error {
    color: rgb(169, 68, 66);
    display: none;
    font-size: 12px;
    margin-top: 4px;
}

.webview-popup-text-modal {
    --modal-width: 400px;
    overflow: hidden;
    padding: 270px 32px 32px;
}

.webview-popup-text-modal .mfp-close {
    display: none;
}

.webview-popup-text-modal__bg {
    left: 0px;
    pointer-events: none;
    position: absolute;
    top: 0px;
    user-select: none;
}

.webview-popup-text-modal__bg img {
    display: block;
    max-width: 100%;
}

.webview-popup-text-modal__in {
    position: relative;
    z-index: 1;
}

.webview-popup-text-modal__title {
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 24px;
}

.webview-popup-text-modal__text {
    margin-bottom: 24px;
}

.webview-popup-text-modal__btn-wrap {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr 1fr;
}

.webview-popup-text-modal__btn-wrap .btn {
    border-radius: 8px;
    width: 100%;
}

.daily-bonus-modal .day__title,
.daily-bonus-modal .last-day__title {
    font-size: 14px;
    font-weight: 600;
}

.daily-bonus-modal {
    --modal-width: 400px;
}

.daily-bonus-modal .dbtitle {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 12px;
}

.daily-bonus-modal .text {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 12px;
}

.daily-bonus-modal .week {
    padding: 12px;
}

.daily-bonus-modal .btn-go-to-current-week,
.daily-bonus-modal .week--hidden {
    display: none;
}

.daily-bonus-modal .days-block {
    display: grid;
    gap: 12px;
}

.daily-bonus-modal .days-list {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

.daily-bonus-modal .week-wrap {
    border-radius: 12px;
    margin-bottom: 15px;
}

.daily-bonus-modal .day {
    display: grid;
    position: relative;
    -webkit-box-pack: center;
    background: var(--background-color-base);
    border: 1px solid var(--border-color-base);
    justify-content: center;
    min-height: 71px;
    padding-top: 5px;
}

.daily-bonus-modal .day img {
    display: block;
    max-width: 24px;
}

.daily-bonus-modal .day .diamond-info {
    margin-top: 7px;
}

.daily-bonus-modal .day__icon {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.daily-bonus-modal .day__received-icon {
    place-content: center;
    display: grid;
    position: absolute;
    right: -5px;
    top: -5px;
    -webkit-box-pack: center;
    background-color: rgb(50, 172, 65);
    border-radius: 50%;
    height: 24px;
    width: 24px;
}

.daily-bonus-modal .day__received-icon svg {
    color: rgb(255, 255, 255);
    display: block;
    left: 1px;
    position: relative;
    top: 1px;
}

.daily-bonus-modal .day__img-wrap {
    border-radius: 4px;
    display: inline-block;
    overflow: hidden;
}

.daily-bonus-modal .day__title {
    margin-bottom: 4px;
}

.daily-bonus-modal .day:not(.received):not(.current) .day__title {
    color: var(--item-title-color);
}

.daily-bonus-modal .day.received {
    background: var(--background-color-received);
    border-color: var(--border-color-received);
}

.daily-bonus-modal .day.current {
    background: var(--background-color-current);
    border-color: var(--border-color-current);
}

.daily-bonus-modal .day.current .day__received-icon,
.daily-bonus-modal .day.next .day__received-icon {
    display: none;
}

.daily-bonus-modal .last-day {
    background: var(--background-color-base);
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: var(--border-color-base);
    min-height: 79px;
    padding: 10px 12px;
    position: relative;
}

.daily-bonus-modal .last-day:not(.last-day--received) {
    overflow: hidden;
}

.daily-bonus-modal .last-day__title {
    padding-left: 8px;
}

.daily-bonus-modal .last-day__btn {
    border: 1px solid;
    border-radius: 20px;
    display: inline-block;
    font-size: 12px;
    padding: 4px 12px;
}

.daily-bonus-modal .last-day__bg {
    margin-top: 24px;
    pointer-events: none;
    position: absolute;
    right: -90px;
    top: 50%;
    transform: translateY(-50%);
    user-select: none;
}

.daily-bonus-modal .last-day__text {
    font-size: 14px;
    font-weight: 600;
    padding-left: 8px;
}

.daily-bonus-modal .last-day__start {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
}

.daily-bonus-modal .last-day__end,
.daily-bonus-modal .last-day__items {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: end;
}

.daily-bonus-modal .last-day__item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: 13px;
}

.daily-bonus-modal .last-day__item img {
    border-radius: 6px;
    display: block;
    max-width: 40px;
}

.daily-bonus-modal .last-day .day__img-wrap {
    border-radius: 7px;
}

.daily-bonus-modal .last-day--with-items {
    display: grid;
    gap: 12px;
    grid-template-columns: auto 1fr;
}

.daily-bonus-modal .last-day--received {
    background-color: var(--background-color-received);
    border-color: var(--border-color-received);
}

.daily-bonus-modal .last-day--received .last-day__bg,
.daily-bonus-modal .last-day--received .last-day__btn-wrap {
    display: none;
}

.daily-bonus-modal .last-day--current {
    background: var(--background-color-current);
    border-color: var(--border-color-current);
}

.daily-bonus-modal .last-day--current .day__received-icon,
.daily-bonus-modal .last-day--current .last-day__text {
    display: none;
}

.daily-bonus-modal .last-day--current .last-day__btn-wrap {
    display: block;
}

.daily-bonus-modal .last-day--current .last-day__end,
.daily-bonus-modal .last-day--next .day__received-icon,
.daily-bonus-modal .last-day--next .last-day__end,
.daily-bonus-modal .last-day--next .last-day__text {
    display: none;
}

.daily-bonus-modal .last-day--current .last-day__title,
.daily-bonus-modal .last-day--next .last-day__title {
    margin-bottom: 8px;
}

.daily-bonus-modal .block-timer {
    border: 1px solid;
    border-radius: 8px;
    font-weight: 600;
    padding: 7px 12px;
    text-align: center;
}

.daily-bonus-modal .block-timer span {
    font-weight: 300;
}

.daily-bonus-modal .day,
.daily-bonus-modal .last-day {
    border-radius: 12px;
}

.daily-bonus-modal .btn-wrap {
    margin-top: 20px;
}

.daily-bonus-modal .btn-wrap .btn {
    width: 100%;
}

.daily-bonus-modal.week-changed .btn-wrap .btn-go-to-current-week {
    display: inline-flex;
}

.daily-bonus-modal.week-changed .btn-wrap .block-timer,
.daily-bonus-modal.week-changed .btn-wrap .btn:not(.btn-go-to-current-week) {
    display: none;
}

.daily-bonus-modal-animate-icon {
    display: none;
    height: 138px;
    left: 50%;
    margin: -69px 0px 0px -69px;
    opacity: 0;
    position: fixed;
    top: 50%;
    transform: scale(0);
    width: 138px;
    z-index: 9999;
}

.daily-bonus-modal-animate-icon .an1 {
    animation: 20s linear 0s infinite normal none running daily-bonus-modal-rotate-image;
}

.daily-bonus-modal-animate-icon .an2 {
    left: 50%;
    margin: -37px 0px 0px -37px;
    top: 50%;
}

.daily-bonus-modal-animate-icon .an1,
.daily-bonus-modal-animate-icon .an2 {
    position: absolute;
}

@-webkit-keyframes daily-bonus-modal-rotate-image {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1turn);
    }
}

@keyframes daily-bonus-modal-rotate-image {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1turn);
    }
}

.daily-bonus-modal .weeks-nav {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 20px;
    margin-top: 24px;
}

.daily-bonus-modal .weeks-nav__item {
    display: block;
    font-size: 11px;
    font-weight: 600;
    position: relative;
    text-align: center;
    user-select: none;
}

.daily-bonus-modal .weeks-nav__item--show-arrow .weeks-nav__clicked-arrow {
    display: block;
}

.daily-bonus-modal .weeks-nav__clicked-arrow {
    bottom: -20px;
    display: none;
    left: 50%;
    margin-left: -12px;
    pointer-events: none;
    position: absolute;
}

.daily-bonus-modal .weeks-nav__clicked-arrow svg {
    display: block;
}

.daily-bonus-modal .weeks-nav__item {
    --animation-height: 150px;
    --animation-width: 150px;
    --animation-border-color: #009af9;
    --border-radius: 8px;
    --border-height: 1px;
    min-height: 34px;
}

.daily-bonus-modal .weeks-nav__item--current .weeks-nav__animation-wrap::before {
    animation: 2.5s linear 0s infinite normal forwards running db-rotate;
    background-image: conic-gradient(from 0 at 50% 50%, var(--animation-border-color) 0deg, var(--border-color) 60deg, var(--border-color) 310deg, var(--animation-border-color) 1turn);
    filter: blur(8px);
}

.daily-bonus-modal .weeks-nav__animation-wrap {
    border-radius: var(--border-radius);
    overflow: hidden;
    padding: var(--border-height);
    position: relative;
}

.daily-bonus-modal .weeks-nav__animation-wrap::before {
    background-color: var(--border-color);
    content: "";
    display: block;
    height: var(--animation-height);
    left: 50%;
    margin: calc(var(--animation-height)*-1/2) 0 0 calc(var(--animation-width)*-1/2);
    position: absolute;
    top: 50%;
    transform: translate(0px);
    transform-origin: center center;
    width: var(--animation-width);
    z-index: 0;
}

.daily-bonus-modal .weeks-nav__inner {
    background-color: var(--background-color);
    border-radius: calc(var(--border-radius) - 1px);
    color: var(--text-color);
    padding: 8px 0px;
    position: relative;
    transition: background-color 0.3s, color 0.3s;
    z-index: 1;
}

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

    100% {
        transform: rotate(1turn);
    }
}

@keyframes db-rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(1turn);
    }
}

.summer-promo-2025-modal {
    --modal-width: 400px;
    padding: 32px;
    border-radius: 20px !important;
}

.summer-promo-2025-modal .mfp-close {
    --po-ui-kit-icon-color-base: #fff;
    right: 23px;
    top: 23px;
    transition: opacity 0.3s, color 0.3s;
}

.summer-promo-2025-modal .mfp-close svg {
    opacity: 1;
    transition: opacity 0.3s, color 0.3s;
}

.summer-promo-2025-modal .mfp-close:hover {
    opacity: unset;
}

.summer-promo-2025-modal .mfp-close:hover svg {
    opacity: 0.8;
}

.summer-promo-2025-modal .mfp-close:active {
    right: 23px;
    top: 23px;
}

.summer-promo-2025-modal .mtitle {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 11px;
    margin-top: 230px;
    padding-right: 0px;
    position: relative;
}

.summer-promo-2025-modal .bg {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    user-select: none;
    width: 100%;
}

.summer-promo-2025-modal .code-block {
    place-content: center;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    border-radius: 12px;
    height: 44px;
    line-height: 44px;
    margin: 14px 0px 13px;
}

.summer-promo-2025-modal .gradient-text {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin: auto;
}

.summer-promo-2025-modal .text1 {
    font-size: 18px;
    line-height: 24px;
    position: relative;
}

.summer-promo-2025-modal .text2 {
    font-size: 14px;
    line-height: 20px;
}

.summer-promo-2025-modal .btn-wrap {
    margin-bottom: 22px;
    margin-top: 20px;
}

.summer-promo-2025-modal .btn {
    --po-ui-kit-btn-green-light-background-color-base: #5cb85c;
    --po-ui-kit-btn-green-light-border-color-base: #5cb85c;
    --po-ui-kit-btn-green-light-background-color-hover: #449d44;
    --po-ui-kit-btn-green-light-border-color-hover: #449d44;
    border-radius: 8px;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
}

.summer-promo-2025-modal .desc {
    font-size: 12px;
    line-height: 16px;
}

.free-trades-modal {
    --modal-width: 350px;
    padding: 16px 24px 24px;
    user-select: none;
}

.free-trades-modal__row {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px;
}

.free-trades-modal__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.free-trades-modal__btn-close {
    border-radius: 8px;
    cursor: pointer;
}

.free-trades-modal__btn-close .svg-icon-close>div {
    display: flex;
    height: 32px;
    width: 32px;
}

.free-trades-modal__btn-close .svg-icon-close>div svg {
    height: 12px;
    margin: auto;
    width: 12px;
}

.free-trades-modal__sub-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 16px;
}

.free-trades-modal .free-trades-accordion {
    border-radius: 8px;
    box-sizing: border-box;
    margin-bottom: 16px;
    padding: 8px 12px;
}

.free-trades-modal .free-trades-accordion__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    width: 100%;
}

.free-trades-modal .free-trades-accordion__title .icon-wrap {
    border-radius: 6px;
    display: flex;
    height: 24px;
    width: 24px;
}

.free-trades-modal .free-trades-accordion__title .icon-wrap .svg-icon-zipper {
    margin: auto;
}

.free-trades-modal .free-trades-accordion__title .icon-wrap .svg-icon-zipper svg {
    height: 10px;
    width: 10px;
}

.free-trades-modal .free-trades-accordion__content {
    height: 0px;
    overflow: hidden;
    transition: height 0.3s;
}

.free-trades-modal .free-trades-accordion__content p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.free-trades-modal .free-trades-accordion__content p:first-of-type {
    margin: 6px 0px 16px;
}

.free-trades-modal .empty-box {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    margin-bottom: 16px;
    padding: 12px;
}

.free-trades-modal .empty-box .banner {
    display: flex;
    -webkit-box-pack: center;
    border-radius: 12px;
    color: rgba(142, 165, 192, 0.5);
    justify-content: center;
    margin-bottom: 10px;
}

.free-trades-modal .empty-box .banner .svg-icon-zipper>div {
    border-radius: 12px;
    display: flex;
    height: 64px;
    width: 64px;
}

.free-trades-modal .empty-box .banner .svg-icon-zipper>div svg {
    height: 29px;
    margin: auto;
    width: 26.7px;
}

.free-trades-modal .empty-box__label {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 8px;
    padding: 0px 8px;
    text-align: center;
}

.free-trades-modal .empty-box__description {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    padding: 0px 16px;
    text-align: center;
}

.free-trades-modal__list {
    border-radius: 8px;
}

.free-trades-modal__list .scrollbar-container {
    padding: 12px;
}

.free-trades-modal__list .scrollbar-container .trade-item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    margin-top: 10px;
    padding: 11px;
    transition: background-color 0.5s;
}

.free-trades-modal__list .scrollbar-container .trade-item__icon-wrapper {
    display: flex;
    -webkit-box-pack: center;
    backdrop-filter: blur(2px);
    border: 1px solid;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px;
    box-sizing: border-box;
    height: 48px;
    justify-content: center;
    margin-right: 12px;
    padding: 8px 0px;
    width: 48px;
}

.free-trades-modal__list .scrollbar-container .trade-item .svg-icon-zipper svg {
    margin: auto;
}

.free-trades-modal__list .scrollbar-container .trade-item .trade-info {
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.free-trades-modal__list .scrollbar-container .trade-item .expire-info {
    font-size: 13px;
    line-height: 16px;
}

.free-trades-modal__list .scrollbar-container .trade-item:first-child {
    margin-top: 0px;
}

.free-trades-modal__list .scrollbar-container .trade-item--active {
    border: 1px solid;
    box-sizing: border-box;
}

.free-trades-modal__list--fixed-height {
    height: 258px;
}

.free-trades-modal__btn {
    border-radius: 8px !important;
    margin-top: 16px !important;
}

.free-trades-welcome-modal {
    --modal-width: 400px;
    overflow: hidden;
    padding-left: 32px;
    padding-right: 32px;
    border-radius: 20px !important;
}

.free-trades-welcome-modal .btn {
    border-radius: 8px;
}

.free-trades-welcome-modal .btn-simple {
    border-bottom: 1px solid rgb(55, 151, 211);
    color: rgb(55, 151, 211);
    margin: 0px auto;
    transition: border-color 0.3s, color 0.3s;
}

.free-trades-welcome-modal .btn-simple:hover {
    border-bottom: 1px solid rgba(55, 151, 211, 0.5);
    color: rgba(55, 151, 211, 0.7);
}

.free-trades-welcome-modal__bg {
    left: 50%;
    position: absolute;
    top: 0px;
    transform: translateX(-50%);
    user-select: none;
    width: 100%;
}

.free-trades-welcome-modal__bg img {
    max-width: 100%;
}

.free-trades-welcome-modal__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.free-trades-welcome-modal__sub-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}

.free-trades-welcome-modal__text {
    font-size: 14px;
    line-height: 22px;
}

.free-trades-welcome-modal__btn-wrap {
    display: grid;
    gap: 17px;
    text-align: center;
}

.free-trades-welcome-modal__content {
    display: grid;
    gap: 11px;
    margin-bottom: 32px;
    margin-top: 59%;
    position: relative;
    z-index: 1;
}

.unlock-a-new-trading-location {
    --modal-width: 400px;
    padding-left: 32px;
    padding-right: 32px;
    border-radius: 20px !important;
}

.unlock-a-new-trading-location svg {
    display: block;
}

.unlock-a-new-trading-location .mfp-close-btn-in .mfp-close {
    top: 20px;
}

.unlock-a-new-trading-location .title {
    font-weight: 700;
    font-size: 24px !important;
    line-height: 32px !important;
}

.unlock-a-new-trading-location .text {
    margin-bottom: 20px;
}

.unlock-a-new-trading-location .btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 8px;
    justify-content: center;
    padding-bottom: 3px;
    padding-top: 3px;
}

.unlock-a-new-trading-location .btn__icon {
    margin-right: 8px;
}

.unlock-a-new-trading-location .im-here-block {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background-color: var(--backgroud-color);
    border-radius: 8px;
    justify-content: center;
    padding: 4px;
}

.unlock-a-new-trading-location .im-here-block__icon {
    margin-right: 8px;
}

.unlock-a-new-trading-location .items {
    display: grid;
    gap: 12px;
}

.unlock-a-new-trading-location .item {
    background-color: var(--item-background-color-base);
    border: 1px solid var(--item-border-color-base);
    border-radius: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: 130px 1fr;
    overflow: hidden;
}

.unlock-a-new-trading-location .item__start {
    position: relative;
}

.unlock-a-new-trading-location .item__start img {
    bottom: var(--item-image-bottom, unset);
    left: var(--item-image-left, -10px);
    position: absolute;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.unlock-a-new-trading-location .item__end {
    padding: 22px 20px 22px 0px;
}

.unlock-a-new-trading-location .item__title {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 9px;
}

.unlock-a-new-trading-location .item__text {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 11px;
}

.unlock-a-new-trading-location .item:hover .item__start img {
    transform: scale(1.05);
}

.unlock-a-new-trading-location .item.im-here {
    border-color: var(--item-border-color-im-here);
}

.unlock-a-new-trading-location .set-to-default-btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 8px;
    font-size: 14px;
    justify-content: center;
    line-height: 18px;
    margin-top: 12px;
    min-height: 38px;
}

.unlock-a-new-trading-location .set-to-default-btn__icon {
    margin-right: 8px;
}

.unlock-a-new-trading-location .desc {
    color: rgb(142, 165, 192);
    font-size: 12px;
    line-height: 16px;
    margin-top: 20px;
}

.unlock-a-new-trading-location .item--salta:not(.item--approved) {
    --item-image-left: -15px;
    --item-image-bottom: -56px;
}

.unlock-a-new-trading-location .item--salta.item--approved {
    --item-image-left: -15px;
    --item-image-bottom: -60px;
}

.unlock-a-new-trading-location .item--chiangmai:not(.item--approved) {
    --item-image-left: -15px;
    --item-image-bottom: -50px;
}

.unlock-a-new-trading-location .item--chiangmai.item--approved {
    --item-image-left: -15px;
    --item-image-bottom: -60px;
}

.unlock-a-new-trading-location .item--marrakech:not(.item--approved) {
    --item-image-left: -15px;
    --item-image-bottom: -50px;
}

.unlock-a-new-trading-location .item--marrakech.item--approved {
    --item-image-left: -15px;
    --item-image-bottom: -60px;
}

.unlock-a-new-trading-location .item--prague:not(.item--approved) {
    --item-image-left: -15px;
    --item-image-bottom: -56px;
}

.unlock-a-new-trading-location .item--prague.item--approved {
    --item-image-left: -15px;
    --item-image-bottom: -60px;
}

.unlock-a-new-trading-location .item--seoul:not(.item--approved) {
    --item-image-left: -15px;
    --item-image-bottom: -50px;
}

.unlock-a-new-trading-location .item--seoul.item--approved {
    --item-image-left: -15px;
    --item-image-bottom: -60px;
}

.unlock-a-new-trading-location .item--istanbul:not(.item--approved) {
    --item-image-left: -15px;
    --item-image-bottom: -50px;
}

.unlock-a-new-trading-location .item--istanbul.item--approved {
    --item-image-left: -15px;
    --item-image-bottom: -60px;
}

.cashback-money-gift-modal {
    --modal-width: 400px;
    padding: 0px;
    border-radius: 20px !important;
}

.cashback-money-gift-modal .mfp-close {
    z-index: 4;
}

.cashback-money-gift-modal__bg-main {
    height: 100%;
    left: 0px;
    max-height: 323px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1;
}

.cashback-money-gift-modal__bg {
    border-radius: 20px 20px 0px 0px;
    height: 100%;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 2;
}

.cashback-money-gift-modal__bg img {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

.cashback-money-gift-modal__bg-money-field {
    left: 50%;
    margin-top: 55px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.cashback-money-gift-modal__bonus {
    font-size: 43px;
    font-weight: 700;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -62px) rotate(16deg);
}

.cashback-money-gift-modal__container {
    display: grid;
    gap: 12px;
    margin-top: 253px;
    padding: 0px 24px 24px;
}

.cashback-money-gift-modal__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    position: relative;
}

.cashback-money-gift-modal__text {
    font-size: 14px;
    line-height: 20px;
    position: relative;
}

.cashback-money-gift-modal__btn-wrap {
    margin-top: 10px;
}

.cashback-money-gift-modal .btn {
    text-transform: uppercase;
}

.cashback-money-gift-modal__text,
.cashback-money-gift-modal__title {
    z-index: 10;
}

.pocket-friends-promo-modal {
    --modal-width: 600px;
    display: grid;
    gap: 20px;
    padding: 32px;
}

body.is-pc-version .pocket-friends-promo-modal .mfp-close {
    right: 25px !important;
    top: 33px !important;
}

.pocket-friends-promo-modal .title {
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 24px !important;
    line-height: 32px !important;
}

.pocket-friends-promo-modal .text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.pocket-friends-promo-modal .block-item {
    display: grid;
    gap: 12px;
}

.pocket-friends-promo-modal .block-item__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.pocket-friends-promo-modal .block-item__title span {
    color: rgb(142, 165, 192);
    font-weight: 400;
}

.pocket-friends-promo-modal .items {
    display: grid;
    gap: 12px;
}

.pocket-friends-promo-modal .items--languages {
    grid-template-columns: repeat(auto-fit, minmax(75px, 1fr));
}

.pocket-friends-promo-modal .items--sizes {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

.pocket-friends-promo-modal .item {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background-color: var(--item-background-color-base);
    border: 1px solid var(--item-border-color-base);
    border-radius: 6px;
    color: var(--item-text-color-base);
    cursor: pointer;
    font-size: 12px;
    justify-content: center;
    line-height: 16px;
    padding: 8px 12px;
    text-align: center;
    transition: border-color 0.3s, color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.pocket-friends-promo-modal .item img {
    display: block;
    max-width: 100%;
}

.pocket-friends-promo-modal .item:hover {
    background-color: var(--item-background-color-hover);
    border-color: var(--item-border-color-hover);
    color: var(--item-text-color-active);
}

.pocket-friends-promo-modal .item.active {
    border-color: var(--item-border-color-active);
    color: var(--item-text-color-active);
}

.pocket-friends-promo-modal .bottom-block {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    background-color: var(--bottom-block-background-color-base);
    border: 1px solid var(--bottom-block-border-color-base);
    border-radius: 10px;
    gap: 12px;
    grid-template-columns: 48px 1fr auto;
    padding: 20px;
}

.pocket-friends-promo-modal .bottom-block svg {
    display: block;
}

.pocket-friends-promo-modal .bottom-block__icon-wrap {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background-color: var(--bottom-block-icon-background-color-base);
    border: 1px solid var(--bottom-block-icon-border-color-base);
    border-radius: 8px;
    color: var(--bottom-block-icon-color-base);
    justify-content: center;
    padding: 11px 12px;
}

.pocket-friends-promo-modal .bottom-block__text {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}

.russian-crypto-offer-modal {
    display: flex;
    height: 456px;
    padding: 32px;
    width: 400px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: flex-end;
}

.russian-crypto-offer-modal__title {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.russian-crypto-offer-modal__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 12px 0px 20px;
}

.russian-crypto-offer-modal__btn {
    height: 38px;
    border-radius: 8px !important;
}

.well-done-bonus-100-modal {
    --modal-width: 400px;
    min-height: 400px;
    overflow: hidden;
    padding: 32px;
    border-radius: 20px !important;
}

.well-done-bonus-100-modal .btn {
    border-radius: 8px;
}

.well-done-bonus-100-modal__bg {
    left: 50%;
    position: absolute;
    top: 0px;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1;
}

.well-done-bonus-100-modal__bg img {
    max-width: 100%;
}

.well-done-bonus-100-modal__title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 12px;
}

.well-done-bonus-100-modal__text {
    font-size: 14px;
    line-height: 22px;
}

.well-done-bonus-100-modal__in {
    margin-top: 67%;
    position: relative;
    z-index: 2;
}

.well-done-bonus-100-modal__btn-wrap {
    margin-bottom: 12px;
    margin-top: 20px;
}

.well-done-bonus-100-modal__btn-wrap-link {
    text-align: center;
}

.well-done-bonus-100-modal__btn-link {
    border-bottom: 1px solid rgb(55, 151, 211);
    color: rgb(55, 151, 211);
    transition: border-color 0.3s, color 0.3s;
}

.well-done-bonus-100-modal__btn-link:hover {
    border-color: rgb(49, 134, 188);
    color: rgb(49, 134, 188);
}

.tournament-table {
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 0px;
}

.tournament-table>thead>tr>th {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 8px 10px;
}

.tournament-table>tbody>tr {
    background-color: transparent !important;
    cursor: pointer;
}

.tournament-table>tbody>tr>td {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 8px 10px;
}

.tournament-table__text-align,
.tournament-table__text-right {
    text-align: right;
}

.tournament-table__clear-right-padding {
    padding-right: 0px !important;
}

.tournament-detail-modal {
    --modal-width: 500px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    max-height: 90vh;
    padding: 28px 32px 32px;
    display: inline-flex !important;
}

.tournament-detail-modal .title {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    -webkit-box-align: center;
    align-items: center;
}

.tournament-detail-modal .td-tabs,
.tournament-detail-modal .title {
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
}

.tournament-detail-modal .td-tabs__item {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    height: 32px;
    letter-spacing: 0.06px;
    line-height: 16px;
    padding: 0px 12px;
    transition: background-color 0.3s;
}

.tournament-detail-modal .text11 {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.tournament-detail-modal .text11>p {
    margin-bottom: 12px;
}

.tournament-detail-modal .text11.success {
    margin-top: 7px;
}

.tournament-detail-modal .text11.success h4 {
    margin: 0px 0px 5px;
}

.tournament-detail-modal .msg {
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 15px;
    padding: 9px 15px;
}

.tournament-detail-modal .msg img {
    margin-right: 12px;
}

.tournament-detail-modal .active-tr>td {
    vertical-align: middle;
}

.tournament-detail-modal .rating-table-wrap .text1 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}

.tournament-detail-modal .rating-table-wrap .tournament-table {
    cursor: inherit;
}

.tournament-detail-modal .rating-table-wrap .tournament-table td {
    vertical-align: middle;
}

.tournament-detail-modal .tournament-rank-position-offset {
    margin-left: 5px;
}

.tournament-detail-modal .btn-wrap {
    margin-top: 12px;
}

.tournament-detail-modal .btn {
    border-radius: 8px;
    height: 38px;
}

.tournament-detail-modal .btn-wrap-divider {
    font-size: 10px;
    margin: 0px 15px;
}

.tournament-detail-modal .mobile-table {
    display: none;
}

.tournament-detail-modal .rebuy,
.tournament-detail-modal .rebuy__table {
    margin-bottom: 12px;
}

.tournament-detail-modal .rebuy__table td {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding: 2px 0px;
}

.tournament-detail-modal .rebuy__table td.cell-right {
    font-weight: 600;
    text-align: right;
}

.tournament-detail-modal .rebuy__text {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.tournament-detail-modal .message-unverify-profile {
    margin-bottom: 0px;
    margin-top: 15px;
}

.tournament-detail-modal .td-desc__info table {
    margin-bottom: 0px;
}

.tournament-detail-modal .td-desc__info table tr>td {
    padding: 0px 0px 12px;
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: initial !important;
}

.tournament-detail-modal .td-desc__info .k {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.tournament-detail-modal .td-desc__info .v {
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.tournament-detail-modal .td-desc .svg-icon-wrap {
    margin-right: 10px;
}

.tournament-detail-modal .td-desc .svg-icon-wrap svg {
    display: block;
}

.tournament-detail-modal .td-rating {
    border-radius: 10px;
    padding: 12px;
}

.tournament-detail-modal .td-rating .text1 span {
    font-size: 10px;
}

.tournament-detail-modal .td-rebuy {
    border-radius: 10px;
    padding: 12px;
}

.tournament-detail-modal .username {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
    line-height: 1.4;
}

.tournament-detail-modal .tournament-me-label {
    line-height: 14px;
    margin-left: auto;
}

.tournament-history-modal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    max-height: 90vh;
    padding: 28px 32px 32px;
    display: inline-flex !important;
    width: 500px !important;
}

.tournament-history-modal .title {
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 16px;
    padding-right: 0px;
}

.tournament-history-modal .tournaments-notification {
    margin-bottom: 12px;
}

.tournament-history-modal .history-rating {
    border-radius: 10px;
    margin-bottom: 12px;
    padding: 12px;
}

.tournament-history-modal .history-rating .tournament-table {
    cursor: inherit;
}

.tournament-history-modal .active-tr>td {
    vertical-align: middle;
}

.tournament-history-modal .bottom-btn-wrap .btn {
    border-radius: 8px;
    min-height: 38px;
}

.tournament-history-modal .username {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
    line-height: 1.4;
}

.tournament-history-modal .tournament-me-label {
    line-height: 14px;
    margin-left: auto;
}

.tournaments-notification {
    border-radius: 8px;
    gap: 8px;
    padding: 8px 12px;
}

.tournaments-notification,
.tournaments-notification__icon {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.tournaments-notification__icon>div {
    display: flex;
    height: 24px;
    width: 24px;
}

.tournaments-notification__icon svg {
    margin: auto;
}

.tournaments-notification__content {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.tournaments-accordion {
    border-radius: 8px;
    box-sizing: border-box;
    margin-bottom: 12px;
    padding: 8px 12px;
}

.tournaments-accordion__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    width: 100%;
}

.tournaments-accordion__title .icon-wrap {
    border-radius: 6px;
    display: flex;
    height: 24px;
    width: 24px;
}

.tournaments-accordion__title .icon-wrap .svg-icon-zipper {
    margin: auto;
}

.tournaments-accordion__title .icon-wrap .svg-icon-zipper svg {
    height: 10px;
    width: 10px;
}

.tournaments-accordion__content {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 0px;
    line-height: 16px;
    overflow: hidden;
    transition: height 0.3s;
}

.tournaments-accordion__content p {
    margin: 0px;
    padding: 8px 0px 0px;
}

.tournament__cup .svg-icon-wrap>div {
    border-radius: 6px;
    display: flex;
    height: 24px;
    width: 24px;
}

.tournament__cup .svg-icon-wrap>div svg {
    height: 10px;
    margin: auto;
    width: 10px;
}

.tournament__cup .svg-icon-wrap>div:hover {
    backdrop-filter: blur(2px);
}

.ml-menu__level-1 .tournaments-mobile-link .icon-wrap {
    bottom: 2px;
    display: flex;
    height: 16px;
    margin-right: 11px;
    position: relative;
    width: 16px;
}

.tournaments-modal .tab-body-container {
    display: block;
    height: 100%;
}

.tournaments-modal .tab-body-container .loading-tab {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    height: 100%;
    justify-content: center;
}

.tournaments-modal .flex-vertical-block {
    width: 360px;
}

.tournaments-modal .flex-vertical-block__header {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 12px;
    min-height: 100px;
    padding: 12px 16px;
}

.tournaments-modal .flex-vertical-block__header .tournaments-title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.tournaments-modal .flex-vertical-block__header .tournaments-title span {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}

.tournaments-modal .flex-vertical-block__header .tournaments-title .close-icon>div {
    backdrop-filter: blur(3px);
    border-radius: 8px;
    display: flex;
    height: 32px;
    width: 32px;
}

.tournaments-modal .flex-vertical-block__header .tournaments-title .close-icon>div svg {
    height: 12px;
    margin: auto;
    width: 12px;
}

.tournaments-modal .flex-vertical-block__header .tournaments-title .close-icon>div:hover {
    background-color: rgba(40, 47, 64, 0.8);
    cursor: pointer;
}

.tournaments-modal .flex-vertical-block__header .tournaments-tabs {
    display: flex;
    gap: 12px;
}

.tournaments-modal .flex-vertical-block__header .tournaments-tabs li {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 6px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    gap: 6px;
    height: 32px;
    justify-content: center;
    letter-spacing: 0.005em;
    padding: 8px 12px;
    transition: background-color 0.3s;
}

.tournaments-modal .flex-vertical-block__header .tournaments-tabs li:hover {
    cursor: pointer;
}

.tournaments-modal .flex-vertical-block__header .tournaments-tabs li.active {
    font-weight: 600;
}

.tournaments-modal .tournaments-divider {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 6px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 32px;
    justify-content: center;
    margin-bottom: 15px;
}

.tournaments-modal .pp {
    padding: 20px;
}

.tournaments-modal .no-items-block,
.tournaments-modal .tournaments-list {
    padding: 15px;
}

.tournaments-modal .tournament {
    backdrop-filter: blur(2px);
    border-radius: 10px;
    cursor: pointer;
    flex-direction: column;
    height: 160px;
    margin-bottom: 15px;
    transition: 0.3s;
}

.tournaments-modal .tournament,
.tournaments-modal .tournament__content {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.tournaments-modal .tournament__content {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    flex-direction: column;
    -webkit-box-pack: justify;
    height: 106px;
    justify-content: space-between;
    overflow: hidden;
    padding: 16px 16px 12px;
}

.tournaments-modal .tournament__btn {
    border-radius: 10px;
    font-size: 14px;
    line-height: 22px;
    min-width: 120px;
    padding: 6px 16px;
}

.tournaments-modal .tournament__btn-ajax-loading {
    cursor: default;
    opacity: 0.5;
    pointer-events: none;
    position: relative;
    user-select: none;
}

.tournaments-modal .tournament__btn-ajax-loading .ajax-loader-v2 {
    left: 50%;
    margin-left: 0px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.tournaments-modal .tournament__name {
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    gap: 12px;
    line-height: 24px;
}

.tournaments-modal .tournament__substrate {
    border-radius: 10px 10px 0px 0px;
    height: 108px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: -1;
}

.tournaments-modal .tournament__substrate .tournament-cup {
    height: 128px;
    pointer-events: none;
    position: absolute;
    right: -17px;
    top: 10px;
    transform: rotate(15deg);
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: 128px;
    z-index: 2;
}

.tournaments-modal .tournament__substrate .tournament-bg {
    height: 186px;
    position: absolute;
    right: -83px;
    top: -13px;
    width: 186px;
    z-index: 1;
}

.tournaments-modal .tournament__prize-fee {
    display: flex;
    gap: 4px;
    width: 75%;
}

.tournaments-modal .tournament__prize-fee .tkv {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    margin-bottom: 5px;
}

.tournaments-modal .tournament__prize-fee .tkv__k {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.tournaments-modal .tournament__prize-fee .tkv__v {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.tournaments-modal .tournament .tournament-rank-position-offset {
    margin-left: 5px;
}

.tournaments-modal .tournament__footer {
    display: flex;
    z-index: 1;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    border-radius: 0px 0px 10px 10px;
    height: 54px;
    justify-content: space-between;
    padding: 9px 16px;
    transition: background-color 0.3s;
}

.tournaments-modal .tournament__time {
    font-size: 14px;
    line-height: 22px;
}

.tournaments-modal .tournament:hover .tournament-cup {
    transform: rotate(0deg) scale(1.05);
}

.tournaments-modal .tournament:last-child {
    margin-bottom: 0px;
}

.tournaments-modal .tournament__prize-fund,
.tournaments-modal .tournament__time-to-end-label {
    font-size: 10px;
    line-height: 14px;
}

.tournaments-modal .stats {
    padding: 12px 16px;
}

.tournaments-modal .stats__info {
    border-radius: 10px;
    margin-bottom: 12px;
    padding: 0px 16px;
}

.tournaments-modal .stats__info table {
    border-collapse: separate;
    border-spacing: 0px 12px;
}

.tournaments-modal .stats .info__k {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.tournaments-modal .stats .info__v {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-align: right;
}

.tournaments-modal .stats .history {
    position: relative;
}

.tournaments-modal .stats .history__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px;
}

.tournaments-modal .stats .history .ajax-loader-v2 {
    background-color: transparent;
}

.tournaments-modal .stats .history .ajax-loader-v2__icon {
    top: 100px;
}

.tournaments-modal .stats .history__toggle {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
    width: 100%;
}

.tournaments-modal .stats .history__toggle span {
    flex-shrink: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    white-space: nowrap;
}

.tournaments-modal .stats .history__toggle .mdl-switch {
    left: 10px;
    position: relative;
    width: auto;
}

.tournaments-modal .stats .history .tournament-table .clock-icon {
    animation: 1.6s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s infinite normal none running trickle;
    margin-top: 5px;
}

.tournaments-modal .stats .history .tournament-table .clock-icon>div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.tournaments-modal .stats .history__empty {
    padding-bottom: 20px;
    text-align: center;
}

.tournaments-modal .stats .history__empty .empty-image {
    margin-bottom: 12px;
    width: 100%;
}

.tournaments-modal .stats .history__empty .empty-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px;
    text-align: center;
}

.tournaments-modal .stats .history__empty .empty-description {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 8px;
    text-align: center;
}

.tournaments-modal .stats .history__empty .empty-btn {
    border-radius: 8px;
}

.tournaments-modal.left-sidebar-modal {
    width: 360px;
}

.tournaments__message {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    backdrop-filter: blur(2px);
    border-radius: 8px;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
    padding: 12px 16px;
}

.tournaments__message .message-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
}

.tournaments__message .message-sub-title {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
}

.tournaments-rank-1 {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(0deg, rgb(185, 134, 79) 29.17%, rgb(214, 216, 122) 70.83%) text;
}

.tournaments-rank-2 {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(rgb(161, 165, 168) 31.25%, rgb(87, 90, 92) 70.83%) text;
}

.tournaments-rank-3 {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(rgb(226, 152, 124) 33.33%, rgb(168, 86, 55) 70.83%) text;
}

.tournaments-rank-10,
.tournaments-rank-4,
.tournaments-rank-5,
.tournaments-rank-6,
.tournaments-rank-7,
.tournaments-rank-8,
.tournaments-rank-9 {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(rgb(36, 143, 50) 33.33%, rgb(7, 79, 64) 70.83%) text;
}

@-webkit-keyframes trickle {
    66% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(180deg);
    }
}

@keyframes trickle {
    66% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(180deg);
    }
}

.tournaments-ranking-modal {
    --modal-width: 400px;
    border-radius: 20px !important;
}

.tournaments-ranking-modal .ajax-loader-v2--block {
    margin-top: 20px;
    text-align: center;
}

.tournaments-ranking-modal .title {
    font-size: 16px;
    line-height: 24px;
}

.tournaments-ranking-modal .cc {
    height: 100%;
    overflow: hidden;
}

.tournaments-ranking-modal .cc .cwrap {
    height: calc(100% - 50px);
    margin-top: 66px;
}

.tournaments-ranking-modal .cc.has-message .cwrap {
    height: calc(100% - 200px);
    margin-top: 200px;
}

.tournaments-ranking-modal .cwrap.has-btn .ranking-list {
    margin-bottom: 0px;
}

.tournaments-ranking-modal .its-me {
    transform: translate3d(0px, 50px, 0px);
    transition: transform 1s, -webkit-transform 1s;
}

.tournaments-ranking-modal .fixed-me-bottom .its-me {
    bottom: 0px;
    height: 37px;
    left: 0px;
    position: fixed;
    width: 100%;
}

.tournaments-ranking-modal .fixed-me-bottom .its-me.show_ {
    transform: translateZ(0px);
}

.tournaments-ranking-modal .bottom-offset.fixed-me-bottom .its-me {
    bottom: 56px;
}

.tournaments-ranking-modal .btn-wrap {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 10px 0px;
    text-align: center;
}

.tournaments-ranking-modal .btn-wrap .btn {
    display: flex;
    max-width: fit-content;
}

.tournaments-ranking-modal .ranking-list {
    border-radius: 10px;
    margin-top: 12px;
    padding: 5px 10px 10px;
    position: relative;
}

.tournaments-ranking-modal .ranking-list.fixed-me-bottom {
    margin-bottom: 37px;
}

.tournaments-ranking-modal .ranking-item {
    border-bottom: 1px solid;
    column-gap: 5px;
    display: grid;
    font-size: 12px;
    grid-template-columns: 25px auto 68px 40px 42px;
    height: 44px;
    padding: 0px 10px;
    text-align: left;
}

.tournaments-ranking-modal .ranking-item>div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.tournaments-ranking-modal .ranking-item>div.changed,
.tournaments-ranking-modal .ranking-item>div.prize {
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.tournaments-ranking-modal .ranking-item>div.changed-wrapper {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.tournaments-ranking-modal .ranking-item .changed-wrapper .changed {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 6px;
    gap: 4px;
    padding: 0px 5px;
}

.tournaments-ranking-modal .ranking-item .fa {
    font-size: 9px;
}

.tournaments-ranking-modal .ranking-item .position {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.tournaments-ranking-modal .ranking-item .username {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tournaments-ranking-modal .ranking-item .username__you {
    border-radius: 6px;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-left: 6px;
    padding: 0px 6px;
}

.tournaments-ranking-modal .ranking-item .username a {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tournaments-ranking-modal .ranking-item .username--header {
    border-bottom-width: 2px;
}

.tournaments-ranking-modal .ranking-item .prize,
.tournaments-ranking-modal .ranking-item .result {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.tournaments-ranking-modal .ranking-item.last {
    border-bottom: unset;
}

.tournaments-ranking-modal .ranking-item--header>div {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.tournaments-ranking-modal.active {
    display: flex;
}

.theme-dark-blue .tournaments-ranking-modal .changed-wrapper .changed {
    color: rgb(255, 255, 255);
}

.theme-dark-blue .tournaments-ranking-modal .changed-wrapper .changed--up {
    background-color: rgba(7, 79, 64, 0.6);
    border: 1px solid rgb(7, 79, 64);
}

.theme-dark-blue .tournaments-ranking-modal .changed-wrapper .changed--down {
    background-color: rgba(118, 41, 45, 0.6);
    border: 1px solid rgb(118, 41, 45);
}

.theme-dark-blue .tournaments-ranking-modal .ranking-list {
    background-color: rgb(29, 34, 49);
}

.theme-dark-blue .tournaments-ranking-modal .username a {
    color: rgb(255, 255, 255);
}

.theme-dark-blue .tournaments-ranking-modal .username__you {
    background-color: rgba(0, 154, 249, 0.6);
    border: 1px solid rgb(0, 154, 249);
    color: rgb(255, 255, 255);
}

.theme-dark-blue .tournaments-ranking-modal .ranking-item {
    border-color: rgb(41, 45, 74);
}

.theme-dark-blue .tournaments-ranking-modal .ranking-item.active {
    background-color: rgba(0, 154, 249, 0.05);
}

.theme-dark-blue .tournaments-ranking-modal .ranking-item--header>div {
    color: rgb(142, 165, 192);
}

.theme-light .tournaments-ranking-modal .changed-wrapper .changed {
    color: rgb(255, 255, 255);
}

.theme-light .tournaments-ranking-modal .changed-wrapper .changed--up {
    background-color: rgba(123, 198, 123, 0.8);
    border: 1px solid rgb(123, 198, 123);
}

.theme-light .tournaments-ranking-modal .changed-wrapper .changed--down {
    background-color: rgba(223, 112, 109, 0.8);
    border: 1px solid rgb(223, 111, 108);
}

.theme-light .tournaments-ranking-modal .ranking-list {
    background-color: rgb(255, 255, 255);
}

.theme-light .tournaments-ranking-modal .username__you {
    background-color: rgba(0, 154, 249, 0.6);
    border: 1px solid rgb(0, 154, 249);
    color: rgb(255, 255, 255);
}

.theme-light .tournaments-ranking-modal .ranking-item {
    border-color: rgb(207, 217, 236);
}

.theme-light .tournaments-ranking-modal .ranking-item.active {
    background-color: rgba(0, 154, 249, 0.05);
}

.theme-light .tournaments-ranking-modal .ranking-item--header>div {
    color: rgb(142, 165, 192);
}

.is-m-version .tournaments-ranking-modal .flex-vertical-block {
    padding-top: 0px;
}

@media screen and (max-width: 400px) {
    .is-m-version .tournaments-ranking-modal {
        padding: 15px 10px 10px;
    }

    .is-m-version .tournaments-ranking-modal .modal-close {
        right: 5px;
        top: 5px;
    }

    .is-m-version .tournaments-ranking-modal .title {
        padding-right: 18px;
    }
}

.ny2026-participate-modal {
    --modal-width: 400px;
    --border-radius: 20px;
    padding: 257px 32px 30px;
    border-radius: var(--border-radius) !important;
}

.ny2026-participate-modal svg {
    display: block;
}

.ny2026-participate-modal .mfp-close {
    --po-ui-kit-icon-color-base: #35c380;
    background-color: rgba(53, 195, 128, 0.1);
    border-radius: 8px;
    z-index: 3;
}

.ny2026-participate-modal .bg {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    user-select: none;
    width: 100%;
    z-index: 1;
}

.ny2026-participate-modal .bg img {
    max-width: 100%;
}

.ny2026-participate-modal .title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 12px;
}

.ny2026-participate-modal .sub-title {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 12px;
}

.ny2026-participate-modal .text {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.ny2026-participate-modal .text a {
    border-bottom: 1px solid;
    font-weight: 700;
}

.ny2026-participate-modal .text b {
    font-weight: 700;
}

.ny2026-participate-modal .ny2026-btn {
    margin-top: 32px;
}

.ny2026-participate-modal .n1 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50px;
    gap: 8px;
    margin-bottom: 12px;
    padding: 4px;
}

.ny2026-participate-modal .n1__text {
    font-size: 12px;
    line-height: 24px;
}

.ny2026-participate-modal .n2 {
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid;
    border-radius: 50px;
    gap: 8px;
    margin-bottom: 32px;
    min-height: 32px;
    padding: 0px 12px 0px 40px;
}

.ny2026-participate-modal .n2__icon {
    left: -21px;
    position: absolute;
    top: -17px;
}

.ny2026-participate-modal .n2__text {
    font-size: 12px;
    line-height: 24px;
}

.ny2026-participate-modal .copy-block {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid;
    border-radius: 12px;
    gap: 10px;
    grid-template-columns: 1fr auto;
    margin: 12px 0px 6px;
    min-height: 44px;
    padding: 4px 4px 4px 14%;
}

.ny2026-participate-modal .copy-block__code {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
}

.ny2026-participate-modal .copy-block__btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 8px;
    cursor: pointer;
    height: 100%;
    justify-content: center;
    width: 36px;
}

.ny2026-participate-modal .message {
    margin-top: 10px;
}

.ny2026-participate-modal .n1,
.ny2026-participate-modal .n2,
.ny2026-participate-modal .sub-title,
.ny2026-participate-modal .title {
    position: relative;
    z-index: 2;
}

.ny2026-participate-modal .ny2026-timer {
    --t-width: 60px;
    --t-height: 52px;
    --t-border-radius: 14px;
    --t-background-color: rgba(18, 28, 41, .4);
    --t-n-font-size: 20px;
    --t-n-color: #35ee9d;
    --t-s-font-size: 10px;
    --t-s-color: #fff;
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(4, var(--t-width));
    grid-template-rows: var(--t-height);
}

.ny2026-participate-modal .ny2026-timer__col {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    backdrop-filter: blur(5px);
    background-color: var(--t-background-color);
    justify-content: center;
}

.ny2026-participate-modal .ny2026-timer__col--first {
    border-bottom-left-radius: var(--t-border-radius);
    border-top-left-radius: var(--t-border-radius);
}

.ny2026-participate-modal .ny2026-timer__col--last {
    border-bottom-right-radius: var(--t-border-radius);
    border-top-right-radius: var(--t-border-radius);
}

.ny2026-participate-modal .ny2026-timer__n {
    color: var(--t-n-color);
    font-family: Montserrat, sans-serif;
    font-size: var(--t-n-font-size);
    font-weight: 600;
    line-height: calc(var(--t-n-font-size) + 4px);
    text-align: center;
}

.ny2026-participate-modal .ny2026-timer__s {
    color: var(--t-s-color);
    font-family: Montserrat, sans-serif;
    font-size: var(--t-s-font-size);
    font-weight: 400;
    line-height: calc(var(--t-s-font-size) + 6px);
    text-align: center;
}

.ny2026-participate-modal .ny2026-timer {
    --t-width: auto;
    margin: 12px 0px;
}

.ny2026-participate-modal .ny2026-timer__n,
.ny2026-participate-modal .ny2026-timer__s {
    font-family: inherit;
}

.ny2026-all-prizes-modal {
    --modal-width: 400px;
    padding: 24px 32px;
    border-radius: 20px !important;
}

.ny2026-all-prizes-modal svg {
    display: block;
}

.ny2026-all-prizes-modal .mfp-close {
    background-color: rgba(53, 195, 128, 0.1);
    border-radius: 8px;
    z-index: 3;
}

.ny2026-all-prizes-modal .title {
    display: inline-block;
}

.ny2026-all-prizes-modal .text1 {
    font-size: 14px;
    line-height: 20px;
}

.ny2026-all-prizes-modal .btn-wrap {
    margin-top: 32px;
}

.theme-dark-blue .ny2026-all-prizes-modal {
    backdrop-filter: blur(10px);
    background: rgb(18, 28, 41);
    border: 1px solid rgba(7, 244, 104, 0.2);
    box-shadow: rgba(7, 244, 104, 0.2) 0px 20px 120px 0px;
}

.theme-dark-blue .ny2026-all-prizes-modal .mfp-close {
    --po-ui-kit-icon-color-base: #35c380;
}

.theme-dark-blue .ny2026-all-prizes-modal .title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(255, 255, 255), rgb(7, 244, 104)) text;
}

.theme-dark-blue .ny2026-all-prizes-modal .text1 {
    color: rgb(142, 165, 192);
}

.theme-dark-blue .ny2026-all-prizes-modal .text1 b {
    color: rgb(255, 255, 255);
    font-weight: 700;
}

.theme-light .ny2026-all-prizes-modal {
    backdrop-filter: blur(10px);
    background-color: rgb(250, 250, 250);
    border: 1px solid rgba(7, 244, 104, 0.2);
    box-shadow: rgba(7, 244, 104, 0.2) 0px 20px 120px 0px;
}

.theme-light .ny2026-all-prizes-modal .mfp-close {
    --po-ui-kit-icon-color-base: #314e70;
}

.theme-light .ny2026-all-prizes-modal .title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(48, 81, 111), rgb(24, 181, 89)) text;
}

.theme-light .ny2026-all-prizes-modal .text1 {
    color: rgb(142, 165, 192);
}

.theme-light .ny2026-all-prizes-modal .text1 b {
    color: rgb(49, 78, 112);
}

@media screen and (max-width: 440px) {
    .ny2026-all-prizes-modal {
        padding: 20px;
    }
}

.ny2026-all-prizes-modal {
    display: grid;
    gap: 20px;
}

.ny2026-all-prizes-modal .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 7px;
    display: inline-block !important;
}

.ny2026-all-prizes-modal .mnav {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    gap: 12px;
    grid-auto-columns: minmax(0px, max-content);
    grid-auto-flow: column;
    justify-content: start;
    max-width: 100%;
    min-width: 0px;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.ny2026-all-prizes-modal .mnav svg {
    height: 16px;
    width: 16px;
}

.ny2026-all-prizes-modal .mnav__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ny2026-all-prizes-modal .mnav__icon {
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.ny2026-all-prizes-modal .mnav__item {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    gap: 6px;
    grid-template-columns: auto minmax(0px, 1fr);
    letter-spacing: 0.06px;
    line-height: 20px;
    min-width: 0px;
    padding: 7px 10px;
    transition: background-color 0.3s, border 0.3s, color 0.3s;
}

.ny2026-all-prizes-modal .mnav__item:hover .mnav__icon {
    transform: rotate(-18deg);
}

.theme-dark-blue .ny2026-all-prizes-modal .mnav__item {
    backdrop-filter: blur(2px);
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}

.theme-dark-blue .ny2026-all-prizes-modal .mnav__item:not(.mnav__item--active):hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgb(53, 238, 157);
}

.theme-dark-blue .ny2026-all-prizes-modal .mnav__item--active {
    background-color: rgb(255, 255, 255);
    color: rgb(18, 28, 41);
}

.theme-light .ny2026-all-prizes-modal .mnav__item {
    backdrop-filter: blur(2px);
    background: rgba(24, 183, 89, 0.1);
    border: 1px solid rgb(24, 183, 89);
    border-radius: 100px;
    color: rgb(24, 183, 89);
}

.theme-light .ny2026-all-prizes-modal .mnav__item:not(.mnav__item--active):hover {
    background: rgba(24, 183, 89, 0.1);
    border-color: rgb(8, 102, 47);
    color: rgb(8, 102, 47);
}

.theme-light .ny2026-all-prizes-modal .mnav__item--active {
    background-color: rgb(24, 183, 89);
    color: rgb(255, 255, 255);
}

.ny2026-all-prizes-modal .prize-pool {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
}

.ny2026-all-prizes-modal .ny2026-btn {
    margin-top: 24px;
}

.ny2026-all-prizes-modal .clps {
    border-radius: 10px;
    margin-top: 16px;
}

.ny2026-all-prizes-modal .clps__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    cursor: pointer;
    font-size: 14px;
    justify-content: space-between;
    line-height: 22px;
    padding: 10px 12px;
}

.ny2026-all-prizes-modal .clps__content {
    display: none;
    font-size: 14px;
    padding: 8px 12px 12px;
}

.ny2026-all-prizes-modal .clps__content ul {
    list-style-type: disc;
    padding-left: 29px;
}

.ny2026-all-prizes-modal .clps__content ul li {
    margin-bottom: 12px;
}

.ny2026-all-prizes-modal .clps__content ul li:last-child {
    margin-bottom: 0px;
}

.ny2026-all-prizes-modal .pm-btn {
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 24px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: var(--pm-background-color-base);
    border-radius: 6px;
    cursor: pointer;
    height: 24px;
    justify-content: center;
}

.ny2026-all-prizes-modal .pm-icon {
    height: 14px;
    position: relative;
    width: 14px;
}

.ny2026-all-prizes-modal .pm-icon::after,
.ny2026-all-prizes-modal .pm-icon::before {
    background: var(--pm-icon-color-base);
    border-radius: 2px;
    content: "";
    position: absolute;
    transition: transform 0.25s, opacity 0.25s, -webkit-transform 0.25s;
}

.ny2026-all-prizes-modal .pm-icon::before {
    height: 2px;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.ny2026-all-prizes-modal .pm-icon::after {
    height: 100%;
    left: 50%;
    opacity: 0;
    top: 0px;
    transform: translateX(-50%) scaleY(0);
    width: 2px;
}

.ny2026-all-prizes-modal .pm-btn.is-plus .pm-icon::after {
    opacity: 1;
    transform: translateX(-50%) scaleY(1);
}

.ny2026-all-prizes-modal .prizes-list {
    border-radius: 10px;
    height: 260px;
    margin-bottom: 20px;
    padding: 12px 4px 12px 12px;
}

.ny2026-all-prizes-modal .prize {
    border-radius: 12px;
    display: grid;
    gap: 20px;
    grid-template-columns: 43px 1fr auto;
    margin-bottom: 12px;
    margin-right: 15px;
    min-height: 84px;
    padding: 20px 16px;
}

.ny2026-all-prizes-modal .prize img {
    left: -67px;
    position: absolute;
    top: -99px;
    transform: scale(0.45);
}

.ny2026-all-prizes-modal .prize__img-wrap {
    position: relative;
}

.ny2026-all-prizes-modal .prize__name {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.ny2026-all-prizes-modal .prize__count {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.ny2026-all-prizes-modal .prize.last {
    margin-bottom: 0px;
}

.theme-dark-blue .ny2026-all-prizes-modal {
    --pm-background-color-base: #24293a;
    --pm-icon-color-base: #59677d;
}

.theme-dark-blue .ny2026-all-prizes-modal .prizes-list {
    background-color: rgb(23, 34, 47);
}

.theme-dark-blue .ny2026-all-prizes-modal .prize {
    background-color: rgb(29, 38, 53);
}

.theme-dark-blue .ny2026-all-prizes-modal .prize-pool,
.theme-dark-blue .ny2026-all-prizes-modal .prize__count,
.theme-dark-blue .ny2026-all-prizes-modal .prize__name {
    color: rgb(222, 253, 235);
}

.theme-dark-blue .ny2026-all-prizes-modal .clps {
    background-color: rgb(23, 34, 47);
}

.theme-dark-blue .ny2026-all-prizes-modal .clps__title {
    color: rgb(222, 253, 235);
}

.theme-dark-blue .ny2026-all-prizes-modal .clps__content {
    color: rgb(142, 165, 192);
}

.theme-light .ny2026-all-prizes-modal {
    --pm-background-color-base: rgba(53, 195, 128, .2);
    --pm-icon-color-base: #7bd4aa;
}

.theme-light .ny2026-all-prizes-modal .prizes-list {
    background-color: rgb(255, 255, 255);
}

.theme-light .ny2026-all-prizes-modal .prize {
    background-color: rgb(245, 252, 249);
}

.theme-light .ny2026-all-prizes-modal .clps {
    background-color: rgba(53, 195, 128, 0.05);
    border: 1px solid rgb(176, 218, 201);
}

.theme-light .ny2026-all-prizes-modal .clps__content {
    color: rgb(142, 165, 192);
}

@media screen and (max-width: 400px) {
    .ny2026-all-prizes-modal .mnav {
        grid-auto-flow: unset;
        grid-template-columns: 1fr;
    }

    .ny2026-all-prizes-modal .mnav__item {
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 360px) {
    .ny2026-all-prizes-modal .prize {
        grid-template-columns: 1fr auto;
    }

    .ny2026-all-prizes-modal .prize__img-wrap {
        display: none;
    }
}

.ny2026-how-does-it-work-modal {
    --modal-width: 400px;
    padding: 24px 32px;
    border-radius: 20px !important;
}

.ny2026-how-does-it-work-modal svg {
    display: block;
}

.ny2026-how-does-it-work-modal .mfp-close {
    background-color: rgba(53, 195, 128, 0.1);
    border-radius: 8px;
    z-index: 3;
}

.ny2026-how-does-it-work-modal .title {
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
}

.ny2026-how-does-it-work-modal .text1 {
    font-size: 14px;
    line-height: 20px;
}

.ny2026-how-does-it-work-modal .btn-wrap {
    margin-top: 32px;
}

.theme-dark-blue .ny2026-how-does-it-work-modal {
    backdrop-filter: blur(10px);
    background: rgb(18, 28, 41);
    box-shadow: rgba(7, 244, 104, 0.2) 0px 20px 120px 0px;
}

.theme-dark-blue .ny2026-how-does-it-work-modal .mfp-close {
    --po-ui-kit-icon-color-base: #35c380;
}

.theme-dark-blue .ny2026-how-does-it-work-modal .title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(255, 255, 255), rgb(7, 244, 104)) text;
}

.theme-dark-blue .ny2026-how-does-it-work-modal .text1 {
    color: rgb(142, 165, 192);
}

.theme-dark-blue .ny2026-how-does-it-work-modal .text1 b {
    color: rgb(255, 255, 255);
    font-weight: 700;
}

.theme-light .ny2026-how-does-it-work-modal {
    backdrop-filter: blur(10px);
    background-color: rgb(250, 250, 250);
    border: 1px solid rgba(7, 244, 104, 0.2);
    box-shadow: rgba(7, 244, 104, 0.2) 0px 20px 120px 0px;
}

.theme-light .ny2026-how-does-it-work-modal .mfp-close {
    --po-ui-kit-icon-color-base: #314e70;
}

.theme-light .ny2026-how-does-it-work-modal .title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(48, 81, 111), rgb(24, 181, 89)) text;
}

.theme-light .ny2026-how-does-it-work-modal .text1 {
    color: rgb(142, 165, 192);
}

.theme-light .ny2026-how-does-it-work-modal .text1 b {
    color: rgb(49, 78, 112);
}

@media screen and (max-width: 440px) {
    .ny2026-how-does-it-work-modal {
        padding: 20px;
    }
}

.ny2026-how-does-it-work-modal {
    padding-top: 163px;
}

.ny2026-how-does-it-work-modal .bg {
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}

.ny2026-how-does-it-work-modal .bg img {
    max-width: 100%;
}

.ny2026-how-does-it-work-modal .title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 13px;
    position: relative;
    z-index: 2;
}

.ny2026-how-does-it-work-modal .mlist {
    margin-bottom: 20px;
}

.ny2026-how-does-it-work-modal .mitem {
    border-radius: 12px;
    margin-bottom: 10px;
    padding: 16px 12px 16px 66px;
    position: relative;
}

.ny2026-how-does-it-work-modal .mitem__coin {
    left: -10px;
    position: absolute;
    top: -5px;
}

.ny2026-how-does-it-work-modal .mitem__coin-number {
    font-size: 12px;
    font-weight: 600;
    left: 33px;
    position: absolute;
    top: 24px;
}

.ny2026-how-does-it-work-modal .mitem__label {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.ny2026-how-does-it-work-modal .mitem:last-child {
    margin-bottom: 0px;
}

.ny2026-how-does-it-work-modal .text {
    font-size: 14px;
    line-height: 22px;
}

.theme-light .ny2026-how-does-it-work-modal .mitem {
    backdrop-filter: blur(10px);
    border: 1px solid rgb(176, 218, 201);
}

.theme-light .ny2026-how-does-it-work-modal .mitem__coin-number {
    color: rgb(255, 255, 255);
}

.theme-light .ny2026-how-does-it-work-modal .mitem__label {
    color: rgb(49, 78, 112);
}

.theme-light .ny2026-how-does-it-work-modal .text {
    color: rgb(142, 165, 192);
}

.theme-dark-blue .ny2026-how-does-it-work-modal {
    background-color: rgb(18, 28, 41);
    border: 1px solid rgba(7, 244, 104, 0.2);
}

.theme-dark-blue .ny2026-how-does-it-work-modal .mitem {
    backdrop-filter: blur(10px);
    border: 1px solid rgba(53, 238, 157, 0.1);
}

.theme-dark-blue .ny2026-how-does-it-work-modal .mitem__coin-number {
    color: rgb(255, 255, 255);
}

.theme-dark-blue .ny2026-how-does-it-work-modal .mitem__label {
    color: rgb(222, 253, 235);
}

.theme-dark-blue .ny2026-how-does-it-work-modal .text {
    color: rgb(142, 165, 192);
}

.ny2026-how-to-get-coins-modal {
    --modal-width: 400px;
    padding: 24px 32px;
    border-radius: 20px !important;
}

.ny2026-how-to-get-coins-modal svg {
    display: block;
}

.ny2026-how-to-get-coins-modal .mfp-close {
    background-color: rgba(53, 195, 128, 0.1);
    border-radius: 8px;
    z-index: 3;
}

.ny2026-how-to-get-coins-modal .title {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.ny2026-how-to-get-coins-modal .text1 {
    font-size: 14px;
    line-height: 20px;
}

.ny2026-how-to-get-coins-modal .btn-wrap {
    margin-top: 32px;
}

.theme-dark-blue .ny2026-how-to-get-coins-modal {
    backdrop-filter: blur(10px);
    background: rgb(18, 28, 41);
    border: 1px solid rgba(7, 244, 104, 0.2);
    box-shadow: rgba(7, 244, 104, 0.2) 0px 20px 120px 0px;
}

.theme-dark-blue .ny2026-how-to-get-coins-modal .mfp-close {
    --po-ui-kit-icon-color-base: #35c380;
}

.theme-dark-blue .ny2026-how-to-get-coins-modal .title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(255, 255, 255), rgb(7, 244, 104)) text;
}

.theme-dark-blue .ny2026-how-to-get-coins-modal .text1 {
    color: rgb(142, 165, 192);
}

.theme-dark-blue .ny2026-how-to-get-coins-modal .text1 b {
    color: rgb(255, 255, 255);
    font-weight: 700;
}

.theme-light .ny2026-how-to-get-coins-modal {
    backdrop-filter: blur(10px);
    background-color: rgb(250, 250, 250);
    border: 1px solid rgba(7, 244, 104, 0.2);
    box-shadow: rgba(7, 244, 104, 0.2) 0px 20px 120px 0px;
}

.theme-light .ny2026-how-to-get-coins-modal .mfp-close {
    --po-ui-kit-icon-color-base: #314e70;
}

.theme-light .ny2026-how-to-get-coins-modal .title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(48, 81, 111), rgb(24, 181, 89)) text;
}

.theme-light .ny2026-how-to-get-coins-modal .text1 {
    color: rgb(142, 165, 192);
}

.theme-light .ny2026-how-to-get-coins-modal .text1 b {
    color: rgb(49, 78, 112);
}

@media screen and (max-width: 440px) {
    .ny2026-how-to-get-coins-modal {
        padding: 20px;
    }
}

.ny2026-how-to-get-coins-modal .title {
    margin-bottom: 24px;
}

.ny2026-how-to-get-coins-modal .mitem {
    display: grid;
    font-size: 14px;
    gap: 8px;
    grid-template-columns: 18px auto;
    margin-bottom: 8px;
}

.ny2026-how-to-get-coins-modal .mitem__title {
    font-weight: 600;
    margin-bottom: 18px;
}

.ny2026-how-to-get-coins-modal .mitem:last-child {
    margin-bottom: 0px;
}

.ny2026-youre-winner-modal {
    --modal-width: 400px;
    padding: 24px 32px;
    border-radius: 20px !important;
}

.ny2026-youre-winner-modal svg {
    display: block;
}

.ny2026-youre-winner-modal .mfp-close {
    background-color: rgba(53, 195, 128, 0.1);
    border-radius: 8px;
    z-index: 3;
}

.ny2026-youre-winner-modal .title {
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
}

.ny2026-youre-winner-modal .text1 {
    font-size: 14px;
    line-height: 20px;
}

.ny2026-youre-winner-modal .btn-wrap {
    margin-top: 32px;
}

.theme-dark-blue .ny2026-youre-winner-modal {
    backdrop-filter: blur(10px);
    background: rgb(18, 28, 41);
    border: 1px solid rgba(7, 244, 104, 0.2);
    box-shadow: rgba(7, 244, 104, 0.2) 0px 20px 120px 0px;
}

.theme-dark-blue .ny2026-youre-winner-modal .mfp-close {
    --po-ui-kit-icon-color-base: #35c380;
}

.theme-dark-blue .ny2026-youre-winner-modal .title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(255, 255, 255), rgb(7, 244, 104)) text;
}

.theme-dark-blue .ny2026-youre-winner-modal .text1 {
    color: rgb(142, 165, 192);
}

.theme-dark-blue .ny2026-youre-winner-modal .text1 b {
    color: rgb(255, 255, 255);
    font-weight: 700;
}

.theme-light .ny2026-youre-winner-modal {
    backdrop-filter: blur(10px);
    background-color: rgb(250, 250, 250);
    border: 1px solid rgba(7, 244, 104, 0.2);
    box-shadow: rgba(7, 244, 104, 0.2) 0px 20px 120px 0px;
}

.theme-light .ny2026-youre-winner-modal .mfp-close {
    --po-ui-kit-icon-color-base: #314e70;
}

.theme-light .ny2026-youre-winner-modal .title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(48, 81, 111), rgb(24, 181, 89)) text;
}

.theme-light .ny2026-youre-winner-modal .text1 {
    color: rgb(142, 165, 192);
}

.theme-light .ny2026-youre-winner-modal .text1 b {
    color: rgb(49, 78, 112);
}

@media screen and (max-width: 440px) {
    .ny2026-youre-winner-modal {
        padding: 20px;
    }
}

.ny2026-youre-winner-modal {
    padding-top: 258px;
}

.ny2026-youre-winner-modal .title {
    font-weight: 600;
    margin-bottom: 14px;
    font-size: 24px !important;
    line-height: 32px !important;
}

.ny2026-youre-winner-modal .bg {
    left: 0px;
    pointer-events: none;
    position: absolute;
    top: 0px;
    user-select: none;
    z-index: 1;
}

.ny2026-youre-winner-modal .bg img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    max-width: 100%;
}

.ny2026-youre-winner-modal .stat-line {
    margin-bottom: 12px;
}

.ny2026-youre-winner-modal .stat-line__label {
    margin-bottom: 6px;
}

.ny2026-youre-winner-modal .stat-line__value {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.ny2026-youre-winner-modal .btn-wrap,
.ny2026-youre-winner-modal .stat-line,
.ny2026-youre-winner-modal .title {
    position: relative;
    z-index: 2;
}

.ny2026-hero-info-modal {
    --modal-width: 400px;
    padding: 24px 32px;
    border-radius: 20px !important;
}

.ny2026-hero-info-modal svg {
    display: block;
}

.ny2026-hero-info-modal .mfp-close {
    background-color: rgba(53, 195, 128, 0.1);
    border-radius: 8px;
    z-index: 3;
}

.ny2026-hero-info-modal .title {
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
}

.ny2026-hero-info-modal .text1 {
    font-size: 14px;
    line-height: 20px;
}

.ny2026-hero-info-modal .btn-wrap {
    margin-top: 32px;
}

.theme-dark-blue .ny2026-hero-info-modal {
    backdrop-filter: blur(10px);
    background: rgb(18, 28, 41);
    border: 1px solid rgba(7, 244, 104, 0.2);
    box-shadow: rgba(7, 244, 104, 0.2) 0px 20px 120px 0px;
}

.theme-dark-blue .ny2026-hero-info-modal .mfp-close {
    --po-ui-kit-icon-color-base: #35c380;
}

.theme-dark-blue .ny2026-hero-info-modal .title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(255, 255, 255), rgb(7, 244, 104)) text;
}

.theme-dark-blue .ny2026-hero-info-modal .text1 {
    color: rgb(142, 165, 192);
}

.theme-dark-blue .ny2026-hero-info-modal .text1 b {
    color: rgb(255, 255, 255);
    font-weight: 700;
}

.theme-light .ny2026-hero-info-modal {
    backdrop-filter: blur(10px);
    background-color: rgb(250, 250, 250);
    border: 1px solid rgba(7, 244, 104, 0.2);
    box-shadow: rgba(7, 244, 104, 0.2) 0px 20px 120px 0px;
}

.theme-light .ny2026-hero-info-modal .mfp-close {
    --po-ui-kit-icon-color-base: #314e70;
}

.theme-light .ny2026-hero-info-modal .title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(48, 81, 111), rgb(24, 181, 89)) text;
}

.theme-light .ny2026-hero-info-modal .text1 {
    color: rgb(142, 165, 192);
}

.theme-light .ny2026-hero-info-modal .text1 b {
    color: rgb(49, 78, 112);
}

@media screen and (max-width: 440px) {
    .ny2026-hero-info-modal {
        padding: 20px;
    }
}

.ny2026-hero-info-modal {
    display: grid;
    gap: 16px;
    padding-top: 202px;
}

.ny2026-hero-info-modal .title {
    display: flex;
    position: relative;
    z-index: 1;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    font-size: 24px;
    font-weight: 600;
    justify-content: space-between;
    line-height: 32px;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
}

.ny2026-hero-info-modal .title svg {
    height: 24px;
    width: 24px;
}

.ny2026-hero-info-modal .bar {
    border-radius: 10px;
    height: 18px;
    overflow: hidden;
}

.ny2026-hero-info-modal .bar__line {
    height: 100%;
}

.ny2026-hero-info-modal .r {
    font-size: 14px;
    line-height: 22px;
}

.ny2026-hero-info-modal .r,
.ny2026-hero-info-modal .r__k {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.ny2026-hero-info-modal .r__v {
    margin-left: auto;
}

.ny2026-hero-info-modal .r__c {
    margin-left: 8px;
}

.ny2026-hero-info-modal .r__c svg {
    height: 16px;
    width: 16px;
}

.ny2026-hero-info-modal .r.w700 .r__v {
    font-weight: 600;
}

.ny2026-hero-info-modal .gradient-divider {
    height: 112px;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 90px;
}

.ny2026-hero-info-modal .quote {
    border-radius: 12px;
    padding: 20px 16px;
    position: relative;
}

.ny2026-hero-info-modal .quote__q {
    left: 16px;
    top: 10px;
}

.ny2026-hero-info-modal .quote__qbig {
    bottom: 0px;
    right: 16px;
}

.ny2026-hero-info-modal .quote__text {
    font-size: 14px;
    line-height: 22px;
    position: relative;
    z-index: 2;
}

.ny2026-hero-info-modal .quote__q,
.ny2026-hero-info-modal .quote__qbig {
    pointer-events: none;
    position: absolute;
    user-select: none;
    z-index: 1;
}

.ny2026-hero-info-modal .clps {
    border-radius: 10px;
    margin-top: 16px;
}

.ny2026-hero-info-modal .clps__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    cursor: pointer;
    font-size: 14px;
    justify-content: space-between;
    line-height: 22px;
    padding: 10px 12px;
}

.ny2026-hero-info-modal .clps__content {
    display: none;
    font-size: 14px;
    padding: 8px 12px 12px;
}

.ny2026-hero-info-modal .clps__content ul {
    list-style-type: disc;
    padding-left: 29px;
}

.ny2026-hero-info-modal .clps__content ul li {
    margin-bottom: 12px;
}

.ny2026-hero-info-modal .clps__content ul li:last-child {
    margin-bottom: 0px;
}

.ny2026-hero-info-modal .pm-btn {
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 24px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: var(--pm-background-color-base);
    border-radius: 6px;
    cursor: pointer;
    height: 24px;
    justify-content: center;
}

.ny2026-hero-info-modal .pm-icon {
    height: 14px;
    position: relative;
    width: 14px;
}

.ny2026-hero-info-modal .pm-icon::after,
.ny2026-hero-info-modal .pm-icon::before {
    background: var(--pm-icon-color-base);
    border-radius: 2px;
    content: "";
    position: absolute;
    transition: transform 0.25s, opacity 0.25s, -webkit-transform 0.25s;
}

.ny2026-hero-info-modal .pm-icon::before {
    height: 2px;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.ny2026-hero-info-modal .pm-icon::after {
    height: 100%;
    left: 50%;
    opacity: 0;
    top: 0px;
    transform: translateX(-50%) scaleY(0);
    width: 2px;
}

.ny2026-hero-info-modal .pm-btn.is-plus .pm-icon::after {
    opacity: 1;
    transform: translateX(-50%) scaleY(1);
}

.ny2026-hero-info-modal .hero-card {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 0px;
}

.ny2026-hero-info-modal .hero-card__img-hero-lock {
    left: 50%;
    position: absolute;
    top: 105px;
    transform: translateX(-50%);
    z-index: 2;
}

.ny2026-hero-info-modal .hero-card__img-hero-lock svg {
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.ny2026-hero-info-modal .hero-card__img-wrap {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 200px;
    overflow: hidden;
}

.ny2026-hero-info-modal .hero-card__img-wrap-hero {
    height: 100%;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.ny2026-hero-info-modal .hero-card__img-wrap-hero img {
    bottom: 0px;
    height: 95%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

.ny2026-hero-info-modal .hero-info {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr;
    padding: 0px 12px 16px;
}

.ny2026-hero-info-modal .hero-info__r {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.ny2026-hero-info-modal .hero-info__v {
    font-weight: 700;
    text-align: right;
}

.theme-dark-blue .ny2026-hero-info-modal {
    --pm-background-color-base: #24293a;
    --pm-icon-color-base: #59677d;
}

.theme-dark-blue .ny2026-hero-info-modal .title {
    color: rgb(222, 253, 235);
}

.theme-dark-blue .ny2026-hero-info-modal .bar {
    background-color: rgba(142, 165, 192, 0.2);
}

.theme-dark-blue .ny2026-hero-info-modal .bar__line {
    background: linear-gradient(270deg, rgb(0, 154, 249), rgb(53, 238, 157));
}

.theme-dark-blue .ny2026-hero-info-modal .r__k.completed {
    color: rgb(222, 253, 235) !important;
}

.theme-dark-blue .ny2026-hero-info-modal .r__k.completed svg {
    color: rgb(50, 172, 65);
}

.theme-dark-blue .ny2026-hero-info-modal .r:not(.completed) .r__k,
.theme-dark-blue .ny2026-hero-info-modal .r:not(.completed) .r__v {
    color: rgb(142, 165, 192);
}

.theme-dark-blue .ny2026-hero-info-modal .r:not(.completed) .r__v span {
    color: rgb(222, 253, 235);
}

.theme-dark-blue .ny2026-hero-info-modal .r.completed .r__k,
.theme-dark-blue .ny2026-hero-info-modal .r:not(.completed) .r__c {
    color: rgb(142, 165, 192);
}

.theme-dark-blue .ny2026-hero-info-modal .r.completed .r__c,
.theme-dark-blue .ny2026-hero-info-modal .r.completed .r__v,
.theme-dark-blue .ny2026-hero-info-modal .r.completed .r__v span {
    color: rgb(50, 172, 65);
}

.theme-dark-blue .ny2026-hero-info-modal .gradient-divider {
    background: linear-gradient(0deg, rgb(18, 28, 41), rgba(250, 250, 250, 0));
}

.theme-dark-blue .ny2026-hero-info-modal .quote {
    background-color: rgb(23, 34, 47);
    color: rgb(222, 253, 235);
}

.theme-dark-blue .ny2026-hero-info-modal .quote__q {
    color: rgb(98, 205, 143);
}

.theme-dark-blue .ny2026-hero-info-modal .quote__qbig svg {
    color: rgb(31, 43, 57);
}

.theme-dark-blue .ny2026-hero-info-modal .text {
    color: rgb(142, 165, 192);
}

.theme-dark-blue .ny2026-hero-info-modal .text b {
    color: rgb(222, 253, 235);
    font-weight: 700;
}

.theme-dark-blue .ny2026-hero-info-modal .clps {
    background-color: rgb(23, 34, 47);
}

.theme-dark-blue .ny2026-hero-info-modal .clps__title {
    color: rgb(222, 253, 235);
}

.theme-dark-blue .ny2026-hero-info-modal .clps__content {
    color: rgb(142, 165, 192);
}

.theme-dark-blue .ny2026-hero-info-modal .hero-info__k {
    color: rgb(222, 253, 235);
}

.theme-dark-blue .ny2026-hero-info-modal .hero-card__img-hero-lock {
    color: rgb(128, 157, 161);
}

.theme-dark-blue .ny2026-hero-info-modal .hero-card__img-wrap--s-1 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

@media only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .theme-dark-blue .ny2026-hero-info-modal .hero-card__img-wrap--s-1 {
        background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    }
}

.theme-dark-blue .ny2026-hero-info-modal .hero-card__img-wrap--s-2 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

@media only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .theme-dark-blue .ny2026-hero-info-modal .hero-card__img-wrap--s-2 {
        background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    }
}

.theme-dark-blue .ny2026-hero-info-modal .hero-card__img-wrap--s-3 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

@media only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .theme-dark-blue .ny2026-hero-info-modal .hero-card__img-wrap--s-3 {
        background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    }
}

.theme-dark-blue .ny2026-hero-info-modal.st-4 .title {
    color: rgb(50, 172, 65);
}

.theme-light .ny2026-hero-info-modal {
    --pm-background-color-base: rgba(53, 195, 128, .2);
    --pm-icon-color-base: #7bd4aa;
}

.theme-light .ny2026-hero-info-modal .mfp-close {
    background-color: rgba(53, 195, 128, 0.1);
    opacity: 1;
}

.theme-light .ny2026-hero-info-modal .mfp-close svg {
    opacity: 0.7;
}

.theme-light .ny2026-hero-info-modal .mfp-close:hover svg {
    opacity: 1;
}

.theme-light .ny2026-hero-info-modal .title {
    color: rgb(49, 78, 112);
}

.theme-light .ny2026-hero-info-modal .r__k,
.theme-light .ny2026-hero-info-modal .r__v {
    color: rgb(142, 165, 192);
}

.theme-light .ny2026-hero-info-modal .r__v span {
    color: rgb(49, 78, 112);
}

.theme-light .ny2026-hero-info-modal .r.completed .r__v,
.theme-light .ny2026-hero-info-modal .r.completed .r__v span {
    color: rgb(24, 183, 89);
}

.theme-light .ny2026-hero-info-modal .text {
    color: rgb(142, 165, 192);
}

.theme-light .ny2026-hero-info-modal .text b {
    color: rgb(24, 183, 89);
}

.theme-light .ny2026-hero-info-modal .bar {
    background-color: rgba(142, 165, 192, 0.2);
}

.theme-light .ny2026-hero-info-modal .bar__line {
    background: linear-gradient(270deg, rgb(0, 154, 249), rgb(53, 238, 157));
}

.theme-light .ny2026-hero-info-modal .gradient-divider {
    background: linear-gradient(0deg, rgb(250, 250, 250), rgba(250, 250, 250, 0));
}

.theme-light .ny2026-hero-info-modal .quote {
    background-color: rgb(240, 247, 244);
}

.theme-light .ny2026-hero-info-modal .quote__q {
    color: rgb(98, 205, 143);
}

.theme-light .ny2026-hero-info-modal .quote__qbig svg {
    color: rgb(216, 237, 228);
}

.theme-light .ny2026-hero-info-modal .clps {
    background-color: rgba(53, 195, 128, 0.05);
    border: 1px solid rgb(176, 218, 201);
}

.theme-light .ny2026-hero-info-modal .clps__content {
    color: rgb(142, 165, 192);
}

.theme-light .ny2026-hero-info-modal .hero-card__img-hero-lock {
    color: rgb(250, 250, 250);
}

.theme-light .ny2026-hero-info-modal .hero-card__img-wrap--s-1 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    opacity: 0.7;
}

@media only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .theme-light .ny2026-hero-info-modal .hero-card__img-wrap--s-1 {
        background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    }
}

.theme-light .ny2026-hero-info-modal .hero-card__img-wrap--s-2 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

@media only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .theme-light .ny2026-hero-info-modal .hero-card__img-wrap--s-2 {
        background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    }
}

.theme-light .ny2026-hero-info-modal .hero-card__img-wrap--s-3 {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

@media only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .theme-light .ny2026-hero-info-modal .hero-card__img-wrap--s-3 {
        background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    }
}

.theme-light .ny2026-hero-info-modal .hero-info__k {
    color: rgb(49, 78, 112);
}

.theme-light .ny2026-hero-info-modal .check-ok,
.theme-light .ny2026-hero-info-modal.st-4 .title {
    color: rgb(50, 172, 65);
}

.pp-modal {
    border-radius: 20px;
    overflow: hidden;
    padding: 32px;
    position: relative;
    width: 400px;
}

.pp-modal .mfp-close {
    z-index: 2;
}

.pp-modal__close-btn {
    display: flex;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 8px;
    cursor: pointer;
    height: 32px;
    justify-content: center;
    padding: 8px;
    width: 32px;
}

.pp-modal .modal-close {
    z-index: 2;
}

.pp-modal__back {
    left: 50%;
    opacity: 0.6;
    position: absolute;
    top: 0px;
    transform: translateX(-50%);
    z-index: 1;
}

.pp-modal__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.pp-modal__gift,
.pp-modal__text {
    margin: 20px 0px;
    position: relative;
    z-index: 2;
}

.pp-modal__gift {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
}

.pp-modal__gift .gift-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.pp-modal__gift .gift-image {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 10px 0px;
}

.pp-modal__gift .gift-image__pic {
    border-radius: 10px;
    height: 64px;
    overflow: hidden;
    position: relative;
    width: 64px;
    z-index: 2;
}

.pp-modal__gift .gift-image__pic img {
    border-radius: 10px;
}

.pp-modal__gift .gift-image__shadow {
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
    z-index: 1;
}

.pp-modal__gift .gift-image img,
.pp-modal__gift .gift-image svg {
    height: 100%;
    width: 100%;
}

.pp-modal__gift .gift-price {
    text-align: center;
}

.pp-modal__gift .gift-price,
.pp-modal__wrapper-text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.pp-modal__wrapper-text {
    border-radius: 10px;
    margin: 20px 0px;
    padding: 20px;
    position: relative;
    z-index: 2;
}

.pp-modal__btns {
    display: grid;
    gap: 10px;
    position: relative;
    z-index: 2;
}

.pp-modal .btn {
    border-radius: 8px;
    position: relative;
    width: 100%;
    z-index: 2;
}

.pp-modal__scroll-block {
    margin: 14px 0px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.pp-modal__scroll-block.scrollbar-container {
    height: 300px;
}

.pp-modal__scroll-block.scrollbar-container .scrollbar-container__title {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 14px;
}

.pp-modal__scroll-block.scrollbar-container .scrollbar-container__list {
    list-style-type: disc;
    padding: 0px 15px 0px 20px;
}

.pp-modal__scroll-block.scrollbar-container .scrollbar-container__list li {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 10px 0px;
    padding-left: 10px;
}

.pp-modal__scroll-block.scrollbar-container .scrollbar-container__list .ps__rail-y {
    border-radius: 4px;
    opacity: 1;
    right: 3px;
    width: 2px;
}

.pp-modal__scroll-block.scrollbar-container .scrollbar-container__list .ps__thumb-y {
    opacity: 1;
    right: -2px;
}

.pp-modal__scroll-block.scrollbar-container .scrollbar-container__text {
    font-size: 14px;
    font-weight: 400;
    margin: 20px 0px;
    padding: 0px 12px 0px 6px;
}

.pp-modal__top-banner {
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1;
}

.pp-modal__title {
    display: inline-block;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding-right: 40px;
    position: relative;
    z-index: 2;
}

.pp-modal__tutorial-list {
    display: grid;
    gap: 20px;
    margin-top: 20px;
    position: relative;
    z-index: 2;
}

.pp-modal__tutorial-list .tutorial-item,
.pp-modal__tutorial-list .tutorial-item__box,
.pp-modal__tutorial-list .tutorial-item__box .t-number {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.pp-modal__tutorial-list .tutorial-item__box .t-number {
    flex-shrink: 0;
    -webkit-box-pack: center;
    border: 1px solid rgb(16, 196, 121);
    border-radius: 8px;
    color: rgb(16, 196, 121);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 22px;
    justify-content: center;
    margin: 0px 14px 0px 20px;
    width: 22px;
}

.pp-modal__tutorial-list .tutorial-item__box .t-text {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
}

.pp-modal--top-banner {
    padding-top: 230px;
}

.pp-modal--tutorial {
    width: 600px;
}

.ai-app-mode-modal {
    overflow: hidden;
    padding: 195px 32px 32px;
    width: 400px;
}

.ai-app-mode-modal__img {
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.ai-app-mode-modal__content {
    display: grid;
    gap: 20px;
    position: relative;
    z-index: 1;
}

.ai-app-mode-modal__content .tm-title {
    color: var(--title-color);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.ai-app-mode-modal__content .tm-text {
    color: var(--text-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.ai-app-mode-modal__content .tm-info {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background-color: var(--info-bg-color);
    border: 1px dashed var(--border-color);
    border-radius: 8px;
    margin-right: 10px;
    padding: 10px 12px;
    width: 100%;
}

.ai-app-mode-modal__content .tm-info__icon {
    color: var(--icon-color);
    height: 16px;
    margin-right: 10px;
    width: 16px;
}

.ai-app-mode-modal__content .tm-info__text {
    color: var(--info-text-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.ai-app-mode-modal__content .tm-box {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr 1fr;
}

.theme-dark-blue .ai-app-mode-modal {
    --title-color: #fff;
    --text-color: #fff;
    --border-color: #406c9d;
    --icon-color: #406c9d;
    --info-bg-color: rgba(57, 74, 116, .3);
    --info-text-color: #fff;
}

.theme-light .ai-app-mode-modal {
    --title-color: #314e70;
    --text-color: #314e70;
    --border-color: #406c9d;
    --icon-color: #406c9d;
    --info-bg-color: #e5ebf1;
    --info-text-color: #406c9d;
}

.hb9-modal {
    --modal-width: 400px;
    border: 1px solid;
    padding: 36px 32px 32px;
    border-radius: 20px !important;
}

.hb9-modal .mfp-close {
    border-radius: 4px;
    opacity: 1;
    right: 32px;
    top: 32px;
}

.hb9-modal .mfp-close svg {
    opacity: 0.7;
}

.hb9-modal .mfp-close:hover svg {
    opacity: 1;
}

.hb9-modal .mfp-close:active {
    top: 32px;
}

.hb9-modal .title {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    z-index: 2;
}

.theme-dark-blue .hb9-modal {
    background-color: rgb(26, 77, 222);
    border-color: rgba(163, 254, 17, 0.2);
    box-shadow: rgba(163, 254, 17, 0.2) 0px 20px 120px 0px;
}

.theme-dark-blue .hb9-modal .mfp-close {
    background-color: rgba(255, 255, 255, 0.1);
}

.theme-dark-blue .hb9-modal .mfp-close svg {
    fill: rgb(255, 255, 255);
}

.theme-light .hb9-modal {
    background-color: rgb(246, 249, 255);
    border-color: rgba(26, 77, 222, 0.2);
    box-shadow: rgba(26, 77, 222, 0.2) 0px 20px 120px 0px;
}

.theme-light .hb9-modal .item__text {
    color: rgb(26, 77, 222);
}

.theme-light .hb9-modal .mfp-close {
    background-color: rgba(255, 255, 255, 0.1);
}

.theme-light .hb9-modal .mfp-close svg {
    fill: rgba(26, 77, 222, 0.6);
}

@media screen and (max-width: 500px) {
    .hb9-modal {
        padding: 20px;
    }

    .hb9-modal .mfp-close {
        right: 20px;
        top: 15px;
    }

    .hb9-modal .mfp-close:active {
        top: 15px;
    }
}

.hb9-participate-modal {
    padding-top: 257px;
}

.hb9-participate-modal__bg {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    left: 0px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0px;
    user-select: none;
    z-index: 0;
}

.hb9-participate-modal__bg img {
    max-width: 100%;
}

.hb9-participate-modal.participant {
    padding-top: 220px;
}

.hb9-participate-modal .hb9-timer {
    --t-width: 60px;
    --t-height: 52px;
    --t-border-radius: 14px;
    --t-background-color: rgba(18, 28, 41, .4);
    --t-n-font-size: 20px;
    --t-n-color: #a3fe11;
    --t-s-font-size: 10px;
    --t-s-color: #fff;
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(4, var(--t-width));
    grid-template-rows: var(--t-height);
}

.hb9-participate-modal .hb9-timer__col {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    backdrop-filter: blur(5px);
    background-color: rgba(2, 12, 116, 0.2);
    justify-content: center;
}

.hb9-participate-modal .hb9-timer__col--first {
    border-bottom-left-radius: var(--t-border-radius);
    border-top-left-radius: var(--t-border-radius);
}

.hb9-participate-modal .hb9-timer__col--last {
    border-bottom-right-radius: var(--t-border-radius);
    border-top-right-radius: var(--t-border-radius);
}

.hb9-participate-modal .hb9-timer__n {
    color: var(--t-n-color);
    font-family: Montserrat, sans-serif;
    font-size: var(--t-n-font-size);
    font-weight: 600;
    line-height: calc(var(--t-n-font-size) + 4px);
    text-align: center;
}

.hb9-participate-modal .hb9-timer__s {
    color: var(--t-s-color);
    font-family: Montserrat, sans-serif;
    font-size: var(--t-s-font-size);
    font-weight: 400;
    line-height: calc(var(--t-s-font-size) + 6px);
    text-align: center;
}

.hb9-participate-modal .hb9-timer {
    --t-width: 25%;
}

.hb9-participate-modal .title {
    margin-bottom: 13px;
    padding-right: unset;
}

.hb9-participate-modal .sub-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 14px;
    position: relative;
    z-index: 2;
}

.hb9-participate-modal .screens {
    position: relative;
    z-index: 1;
}

.hb9-participate-modal .text {
    margin-bottom: 40px;
}

.hb9-participate-modal .hb9-btn-participate {
    width: 100%;
}

.hb9-participate-modal .hb9-status-badge {
    margin-bottom: 10px;
}

.hb9-participate-modal .copy-block {
    backdrop-filter: blur(10px);
    border: 1px solid;
    border-radius: 12px;
    display: grid;
    grid-template-columns: 1fr 34px;
    margin-bottom: 10px;
    padding: 4px;
}

.hb9-participate-modal .copy-block__text {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    padding: 3px 0px;
    text-align: center;
    text-transform: uppercase;
}

.hb9-participate-modal .copy-block__btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 8px;
    cursor: pointer;
    height: 100%;
    justify-content: center;
}

.hb9-participate-modal .copy-block__btn svg {
    opacity: 0.5;
    transition: opacity 0.3s;
}

.hb9-participate-modal .copy-block:hover svg {
    opacity: 1;
}

.hb9-participate-modal .text2 {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 0px 12px;
}

.theme-dark-blue .hb9-participate-modal .sub-title {
    color: rgb(222, 253, 235);
}

.theme-dark-blue .hb9-participate-modal .copy-block {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.theme-dark-blue .hb9-participate-modal .copy-block__text {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(255, 255, 255), rgb(163, 254, 17)) text;
}

.theme-dark-blue .hb9-participate-modal .copy-block__btn {
    background-color: rgba(26, 77, 222, 0.8);
}

.theme-dark-blue .hb9-participate-modal .text {
    color: rgb(222, 253, 235);
}

.theme-dark-blue .hb9-participate-modal .text2 span {
    color: rgb(163, 254, 17);
    font-weight: 700;
}

.theme-light .hb9-participate-modal .copy-block {
    background-color: rgba(255, 255, 255, 0.4);
    border-color: rgb(220, 225, 230);
}

.theme-light .hb9-participate-modal .copy-block__btn {
    background-color: rgba(220, 225, 230, 0.2);
    color: rgb(26, 77, 222);
}

.theme-light .hb9-participate-modal .copy-block__text {
    color: rgb(26, 77, 222);
}

.theme-light .hb9-participate-modal .text2 span {
    color: rgb(26, 77, 222);
    font-weight: 700;
}

.theme-light .hb9-participate-modal .hb9-timer {
    --t-n-color: #1a4dde;
    --t-s-color: #314e70;
}

.theme-light .hb9-participate-modal .hb9-timer__col {
    background-color: rgb(255, 255, 255);
}

.hb9-how-it-works-modal {
    --modal-width: 400px;
    overflow: hidden;
    padding-top: 160px;
}

.hb9-how-it-works-modal .title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 12px;
}

.hb9-how-it-works-modal .bg {
    left: 50%;
    position: absolute;
    top: 0px;
    transform: translateX(-50%);
}

.hb9-how-it-works-modal .item {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 12px;
    gap: 24px;
    margin-bottom: 10px;
    min-height: 56px;
    padding: 12px 12px 12px 65px;
}

.hb9-how-it-works-modal .item__icon {
    left: -6px;
    position: absolute;
    top: -5px;
}

.hb9-how-it-works-modal .item__num {
    display: flex;
    left: 0px;
    position: absolute;
    top: -4px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.hb9-how-it-works-modal .item__text {
    font-size: 14px;
    line-height: 22px;
}

.hb9-how-it-works-modal .item:last-child {
    margin-bottom: 0px;
}

.hb9-how-it-works-modal .text {
    font-size: 14px;
    font-style: normal;
    line-height: 22px;
    margin: 12px 0px 30px;
}

.hb9-how-it-works-modal .hb9-btn-participate {
    width: 100%;
}

.theme-dark-blue .hb9-how-it-works-modal .item {
    background-color: rgba(2, 12, 116, 0.2);
}

.theme-dark-blue .hb9-how-it-works-modal .text {
    color: rgb(222, 253, 235);
}

.theme-light .hb9-how-it-works-modal .item {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(220, 225, 230);
}

.theme-light .hb9-how-it-works-modal .item__num {
    color: rgb(255, 255, 255);
}

.hb9-how-to-get-coins-modal {
    --modal-width: 400px;
}

.hb9-how-to-get-coins-modal .twrap {
    margin-bottom: 45px;
}

.hb9-how-to-get-coins-modal .titem {
    margin-bottom: 12px;
    padding-left: 27px;
    position: relative;
}

.hb9-how-to-get-coins-modal .titem__start {
    left: 3px;
    position: absolute;
    top: 0px;
}

.hb9-how-to-get-coins-modal .titem__end {
    font-size: 14px;
}

.hb9-how-to-get-coins-modal .titem__title {
    font-weight: 600;
    margin-bottom: 17px;
}

.hb9-how-to-get-coins-modal .hb9-btn-participate {
    width: 100%;
}

.theme-dark-blue .hb9-how-to-get-coins-modal .titem__title {
    color: rgb(222, 253, 235);
}

.theme-light .hb9-how-to-get-coins-modal .titem__title {
    color: rgb(26, 77, 222);
}

.hb9-all-prizes-modal .text {
    margin-bottom: 20px;
}

.hb9-all-prizes-modal .clps {
    border-radius: 10px;
    margin-bottom: 20px;
    margin-top: 16px;
}

.hb9-all-prizes-modal .clps__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    cursor: pointer;
    font-size: 14px;
    justify-content: space-between;
    line-height: 22px;
    padding: 10px 12px;
}

.hb9-all-prizes-modal .clps__content {
    display: none;
    font-size: 14px;
    padding: 8px 12px 12px;
}

.hb9-all-prizes-modal .clps__content ul {
    list-style-type: disc;
    padding-left: 29px;
}

.hb9-all-prizes-modal .clps__content ul li {
    margin-bottom: 12px;
}

.hb9-all-prizes-modal .clps__content ul li:last-child {
    margin-bottom: 0px;
}

.hb9-all-prizes-modal .pm-btn {
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 24px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: var(--pm-background-color-base);
    border-radius: 6px;
    cursor: pointer;
    height: 24px;
    justify-content: center;
}

.hb9-all-prizes-modal .pm-icon {
    height: 14px;
    position: relative;
    width: 14px;
}

.hb9-all-prizes-modal .pm-icon::after,
.hb9-all-prizes-modal .pm-icon::before {
    background: var(--pm-icon-color-base);
    border-radius: 2px;
    content: "";
    position: absolute;
    transition: transform 0.25s, opacity 0.25s, -webkit-transform 0.25s;
}

.hb9-all-prizes-modal .pm-icon::before {
    height: 2px;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.hb9-all-prizes-modal .pm-icon::after {
    height: 100%;
    left: 50%;
    opacity: 0;
    top: 0px;
    transform: translateX(-50%) scaleY(0);
    width: 2px;
}

.hb9-all-prizes-modal .pm-btn.is-plus .pm-icon::after {
    opacity: 1;
    transform: translateX(-50%) scaleY(1);
}

.hb9-all-prizes-modal .hb9-btn-participate {
    width: 100%;
}

.hb9-all-prizes-modal .prizes-list {
    border-radius: 10px;
    height: 260px;
    margin-bottom: 20px;
    padding: 12px 4px 12px 12px;
}

.hb9-all-prizes-modal .prize {
    border-radius: 12px;
    display: grid;
    gap: 20px;
    grid-template-columns: 43px 1fr auto;
    margin-bottom: 12px;
    margin-right: 15px;
    min-height: 84px;
    padding: 20px 16px;
}

.hb9-all-prizes-modal .prize img {
    position: absolute;
}

.hb9-all-prizes-modal .prize__img-wrap {
    position: relative;
}

.hb9-all-prizes-modal .prize__name {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.hb9-all-prizes-modal .prize__count {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.hb9-all-prizes-modal .prize.last {
    margin-bottom: 0px;
}

.hb9-all-prizes-modal .prize--1 img {
    left: -36px;
    top: -48px;
    width: 116px;
}

.hb9-all-prizes-modal .prize--2 img {
    left: -16px;
    top: -28px;
    width: 80px;
}

.hb9-all-prizes-modal .prize--3 img,
.hb9-all-prizes-modal .prize--4 img {
    left: -14px;
    top: -23px;
    width: 74px;
}

.hb9-all-prizes-modal .prize--5 img {
    left: -27px;
    top: -23px;
    width: 104px;
}

.hb9-all-prizes-modal .prize--6 img,
.hb9-all-prizes-modal .prize--7 img,
.hb9-all-prizes-modal .prize--8 img {
    left: -16px;
    top: -23px;
    width: 74px;
}

.theme-dark-blue .hb9-all-prizes-modal {
    --pm-background-color-base: hsla(0, 0%, 100%, .2);
    --pm-icon-color-base: #a1b2e9;
}

.theme-dark-blue .hb9-all-prizes-modal .prizes-list {
    background-color: rgba(2, 12, 116, 0.2);
}

.theme-dark-blue .hb9-all-prizes-modal .prize {
    background-color: rgba(255, 255, 255, 0.1);
}

.theme-dark-blue .hb9-all-prizes-modal .prize-pool,
.theme-dark-blue .hb9-all-prizes-modal .prize__count,
.theme-dark-blue .hb9-all-prizes-modal .prize__name {
    color: rgb(222, 253, 235);
}

.theme-dark-blue .hb9-all-prizes-modal .clps {
    background-color: rgba(2, 12, 116, 0.2);
}

.theme-dark-blue .hb9-all-prizes-modal .clps__title {
    color: rgb(222, 253, 235);
}

.theme-dark-blue .hb9-all-prizes-modal .clps__content {
    color: rgb(142, 165, 192);
}

.theme-light .hb9-all-prizes-modal {
    --pm-background-color-base: #f5f6f7;
    --pm-icon-color-base: #87a1eb;
}

.theme-light .hb9-all-prizes-modal .prizes-list {
    background-color: rgb(255, 255, 255);
}

.theme-light .hb9-all-prizes-modal .prize {
    background-color: rgb(245, 246, 247);
    border: 1px solid rgb(220, 225, 230);
    color: rgb(26, 77, 222);
}

.theme-light .hb9-all-prizes-modal .clps {
    background-color: rgb(255, 255, 255);
}

.theme-light .hb9-all-prizes-modal .clps__content {
    color: rgb(142, 165, 192);
}

@media screen and (max-width: 390px) {
    .hb9-all-prizes-modal .prize {
        -webkit-box-align: center;
        align-items: center;
        gap: 10px;
        grid-template-columns: 35px 1fr auto;
    }

    .hb9-all-prizes-modal .prize img {
        transform: scale(0.7) translate(-10px, -29px);
    }

    .hb9-all-prizes-modal .prize__count,
    .hb9-all-prizes-modal .prize__name {
        font-size: 14px;
        line-height: 18px;
    }
}

.hb9-map-modal {
    --modal-width: 800px;
}

.hb9-map-modal .map-wrap {
    border-radius: 14px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.hb9-map-modal .map-wrap.is-animated .map-img2 {
    animation: 4s ease-in-out 0s infinite normal none running hb9-map-balloon-float;
}

.hb9-map-modal .map-wrap.is-animated .map-img3 {
    animation: 12s ease-in-out 0s infinite normal none running hb9-map-clouds-drift;
}

.hb9-map-modal .map-img1 img {
    max-width: 100%;
}

.hb9-map-modal .map-img2 {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(1%, -82%);
    width: 18%;
    z-index: 1;
}

.hb9-map-modal .map-img2 img {
    max-width: 100%;
}

.hb9-map-modal .map-img3 {
    left: 0px;
    position: absolute;
    top: 0px;
    z-index: 2;
}

.hb9-map-modal .map-img3 img {
    max-width: 100%;
}

.hb9-map-modal .stats {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
}

.hb9-map-modal .stats-item {
    border-radius: 14px;
    font-weight: 700;
    padding: 6px 18px;
}

.hb9-map-modal .stats-item__k {
    margin-bottom: 2px;
}

.theme-dark-blue .hb9-map-modal .stats-item {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.theme-dark-blue .hb9-map-modal .stats-item__v {
    color: rgb(163, 254, 17);
}

.theme-light .hb9-map-modal .stats-item {
    background-color: rgb(255, 255, 255);
}

.theme-light .hb9-map-modal .stats-item__v {
    color: rgb(26, 77, 222);
}

@media screen and (max-width: 840px) {
    .hb9-map-modal .stats {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 500px) {
    .hb9-map-modal {
        padding: 20px;
    }

    .hb9-map-modal .mfp-close {
        right: 20px;
        top: 15px;
    }

    .hb9-map-modal .map-wrap {
        margin-bottom: 10px;
    }

    .hb9-map-modal .stats {
        gap: 10px;
    }
}

@media screen and (max-width: 370px) {
    .hb9-map-modal .stats {
        grid-template-columns: 1fr;
    }

    .hb9-map-modal .stats-item {
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }
}

@-webkit-keyframes hb9-map-balloon-float {
    0% {
        transform: translate(1%, -82%);
    }

    50% {
        transform: translateY(-85%);
    }

    100% {
        transform: translate(1%, -82%);
    }
}

@keyframes hb9-map-balloon-float {
    0% {
        transform: translate(1%, -82%);
    }

    50% {
        transform: translateY(-85%);
    }

    100% {
        transform: translate(1%, -82%);
    }
}

@-webkit-keyframes hb9-map-clouds-drift {
    0% {
        transform: translateX(0px) scale(1.1);
    }

    50% {
        transform: translateX(-3%) scale(1.1);
    }

    100% {
        transform: translateX(0px) scale(1.1);
    }
}

@keyframes hb9-map-clouds-drift {
    0% {
        transform: translateX(0px) scale(1.1);
    }

    50% {
        transform: translateX(-3%) scale(1.1);
    }

    100% {
        transform: translateX(0px) scale(1.1);
    }
}

.hb9-building-modal {
    padding: 10px !important;
}

.hb9-building-modal svg {
    display: block;
}

.hb9-building-modal__in {
    padding: 0px 10px 10px;
}

.hb9-building-modal .title {
    -webkit-box-align: center;
    align-items: center;
}

.hb9-building-modal .title svg {
    height: 24px;
    width: 24px;
}

.hb9-building-modal .hb9-district-wrap {
    bottom: 20px;
    left: 20px;
    position: absolute;
    z-index: 4;
}

.hb9-building-modal .img {
    bottom: -10px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2;
}

.hb9-building-modal .img-wrap {
    border-radius: 16px;
    height: 100%;
    margin-bottom: 12px;
    max-height: 140px;
    position: relative;
    width: 100%;
}

.hb9-building-modal .img-bg {
    border-radius: 16px;
    max-width: 100%;
}

.hb9-building-modal .img-lock {
    bottom: 0px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 3;
}

.hb9-building-modal .pgb {
    border-radius: 10px;
    height: 6px;
    margin-bottom: 8px;
    overflow: hidden;
    position: relative;
}

.hb9-building-modal .pgb__line {
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
}

.hb9-building-modal .title {
    display: flex;
    -webkit-box-pack: justify;
    font-weight: 600;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-right: 0px;
    text-transform: uppercase;
    font-size: 24px !important;
    line-height: 32px !important;
}

.hb9-building-modal .hb9-pgb {
    height: 18px;
}

.hb9-building-modal .quote {
    border-radius: 12px;
    margin-bottom: 12px;
    padding: 12px 16px;
}

.hb9-building-modal .kv__row {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px;
}

.hb9-building-modal .kv__row:last-child {
    margin-bottom: 0px;
}

.hb9-building-modal .kv__k {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.hb9-building-modal .kv__k svg {
    margin-left: 4px;
}

.hb9-building-modal .kv__v {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: auto;
    text-align: right;
}

.hb9-building-modal .kv__c,
.hb9-building-modal .kv__v svg {
    margin-left: 4px;
}

.hb9-building-modal .kv__c svg {
    height: 10px;
    width: 10px;
}

.hb9-building-modal .fkv {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.hb9-building-modal .fkv svg {
    margin-left: 3px;
}

.hb9-building-modal .clps {
    border-radius: 10px;
    margin-bottom: 32px;
}

.hb9-building-modal .clps__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    cursor: pointer;
    font-size: 14px;
    justify-content: space-between;
    line-height: 22px;
    padding: 10px 12px;
}

.hb9-building-modal .clps__content {
    display: none;
    font-size: 14px;
    padding: 8px 12px 12px;
}

.hb9-building-modal .clps__content ul {
    list-style-type: disc;
    padding-left: 29px;
}

.hb9-building-modal .clps__content ul li {
    margin-bottom: 12px;
}

.hb9-building-modal .clps__content ul li:last-child {
    margin-bottom: 0px;
}

.hb9-building-modal .clps .kv {
    margin-bottom: 15px;
    padding-left: 12px;
    padding-right: 12px;
}

.hb9-building-modal .pm-btn {
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 24px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: var(--pm-background-color-base);
    border-radius: 6px;
    cursor: pointer;
    height: 24px;
    justify-content: center;
}

.hb9-building-modal .pm-icon {
    height: 14px;
    position: relative;
    width: 14px;
}

.hb9-building-modal .pm-icon::after,
.hb9-building-modal .pm-icon::before {
    background: var(--pm-icon-color-base);
    border-radius: 2px;
    content: "";
    position: absolute;
    transition: transform 0.25s, opacity 0.25s, -webkit-transform 0.25s;
}

.hb9-building-modal .pm-icon::before {
    height: 2px;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.hb9-building-modal .pm-icon::after {
    height: 100%;
    left: 50%;
    opacity: 0;
    top: 0px;
    transform: translateX(-50%) scaleY(0);
    width: 2px;
}

.hb9-building-modal .pm-btn.is-plus .pm-icon::after {
    opacity: 1;
    transform: translateX(-50%) scaleY(1);
}

.hb9-building-modal .hb9-btn-participate {
    width: 100%;
}

.hb9-building-modal .text {
    margin: 20px 0px;
}

.theme-dark-blue .hb9-building-modal {
    --pm-background-color-base: hsla(0, 0%, 100%, .2);
    --pm-icon-color-base: #a1b3e9;
}

.theme-dark-blue .hb9-building-modal .text-completed {
    color: rgb(163, 254, 17);
}

.theme-dark-blue .hb9-building-modal .hb9-pgb {
    background-color: rgba(255, 255, 255, 0.2);
}

.theme-dark-blue .hb9-building-modal .hb9-pgb__line {
    background: linear-gradient(270deg, rgb(7, 244, 104), rgb(50, 172, 65));
}

.theme-dark-blue .hb9-building-modal .img-wrap {
    background-color: rgb(26, 80, 223);
}

.theme-dark-blue .hb9-building-modal .name {
    color: rgb(222, 253, 235);
}

.theme-dark-blue .hb9-building-modal .quote {
    background-color: rgba(2, 12, 116, 0.2);
}

.theme-dark-blue .hb9-building-modal .text {
    color: rgb(222, 253, 235);
}

.theme-dark-blue .hb9-building-modal .clps {
    background-color: rgba(2, 12, 116, 0.2);
}

.theme-dark-blue .hb9-building-modal .clps__title {
    color: rgb(222, 253, 235);
}

.theme-dark-blue .hb9-building-modal .clps__content {
    color: rgb(142, 165, 192);
}

.theme-dark-blue .hb9-building-modal .kv {
    color: rgb(222, 253, 235);
}

.theme-light .hb9-building-modal {
    --pm-background-color-base: rgba(220, 225, 230, .3);
    --pm-icon-color-base: #1a4dde;
}

.theme-light .hb9-building-modal .text-completed {
    color: rgb(50, 172, 65);
}

.theme-light .hb9-building-modal .hb9-pgb {
    background-color: rgba(142, 165, 192, 0.2);
}

.theme-light .hb9-building-modal .hb9-pgb__line {
    background: linear-gradient(270deg, rgb(7, 244, 104), rgb(50, 172, 65));
}

.theme-light .hb9-building-modal .img-wrap {
    background-color: rgb(26, 80, 223);
}

.theme-light .hb9-building-modal .name {
    color: rgb(222, 253, 235);
}

.theme-light .hb9-building-modal .quote {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgb(220, 225, 230);
}

.theme-light .hb9-building-modal .clps {
    background-color: rgb(255, 255, 255);
}

.theme-light .hb9-building-modal .clps__content {
    color: rgb(142, 165, 192);
}

.hb9-unlock-building-modal {
    --modal-width: 400px;
    overflow: hidden;
}

.hb9-unlock-building-modal .bg {
    left: 50%;
    position: absolute;
    top: 0px;
    transform: translateX(-50%);
}

.hb9-unlock-building-modal .htitle {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 12px;
    margin-top: 257px;
    position: relative;
}

.hb9-unlock-building-modal .t {
    font-size: 18px;
    line-height: 24px;
}

.hb9-unlock-building-modal .t+.t {
    margin-top: 4px;
}

.hb9-unlock-building-modal .text {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 32px;
    margin-top: 12px;
}

.hb9-unlock-building-modal .ttext {
    backdrop-filter: blur(10px);
    border: 1px solid;
    border-radius: 20px;
    box-shadow: rgba(11, 60, 17, 0.3) -2px 9px 20px 0px;
    font-size: 22px;
    font-weight: 700;
    left: 50%;
    padding: 16px 12px;
    position: absolute;
    top: 42px;
    transform: translateX(calc(-50% + 62px)) rotate(15deg);
}

.hb9-unlock-building-modal .hb9-btn-participate {
    width: 100%;
}

.theme-dark-blue .hb9-unlock-building-modal .ttext {
    color: rgb(255, 255, 255);
}

.theme-dark-blue .hb9-unlock-building-modal .ttext,
.theme-light .hb9-unlock-building-modal .ttext {
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.09) 44.81%, rgba(255, 255, 255, 0.2) 97.12%);
    border-color: rgba(255, 255, 255, 0.1);
}

.theme-light .hb9-unlock-building-modal .ttext {
    box-shadow: rgba(50, 172, 65, 0.3) -2px 9px 20px 0px;
    color: rgb(142, 165, 192);
}

.hb9-unlock-district-modal {
    overflow: hidden;
    padding-top: 250px;
}

.hb9-unlock-district-modal .bg {
    left: 50%;
    position: absolute;
    top: 0px;
    transform: translateX(-50%);
    z-index: 0;
    border-radius: 20px 20px 0px 0px !important;
}

.hb9-unlock-district-modal .ttitle {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.hb9-unlock-district-modal .reward {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin: 12px 0px;
}

.hb9-unlock-district-modal .reward__r {
    font-weight: 600;
}

.hb9-unlock-district-modal .hb9-btn-participate {
    margin-top: 32px;
    width: 100%;
}

.hb9-unlock-district-modal .message {
    margin-bottom: 0px;
    margin-top: 10px;
}

.hb9-unlock-district-modal .reward,
.hb9-unlock-district-modal .text,
.hb9-unlock-district-modal .ttitle {
    position: relative;
    z-index: 1;
}

.hb9-youre-winner-modal {
    overflow: hidden;
    padding-top: 250px;
}

.hb9-youre-winner-modal .bg {
    left: 50%;
    position: absolute;
    top: 0px;
    transform: translateX(-50%);
    z-index: 0;
    border-radius: 20px 20px 0px 0px !important;
}

.hb9-youre-winner-modal .ttitle {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.hb9-youre-winner-modal .reward {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    margin: 12px 0px;
}

.hb9-youre-winner-modal .reward__r {
    font-weight: 600;
}

.hb9-youre-winner-modal .hb9-btn-participate {
    margin-top: 32px;
    width: 100%;
}

.hb9-youre-winner-modal .message {
    margin-bottom: 0px;
    margin-top: 10px;
}

.hb9-youre-winner-modal .reward,
.hb9-youre-winner-modal .text,
.hb9-youre-winner-modal .ttitle {
    position: relative;
    z-index: 1;
}

.hb9-participant-welcome-modal {
    overflow: hidden;
    padding-top: 263px;
}

.hb9-participant-welcome-modal .title {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 24px !important;
    line-height: 32px !important;
}

.hb9-participant-welcome-modal .bg {
    left: 50%;
    position: absolute;
    top: 0px;
    transform: translateX(-50%);
    z-index: 1;
}

.hb9-participant-welcome-modal .text1 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
}

.hb9-participant-welcome-modal .hb9-btn-participate {
    margin-top: 36px;
    width: 100%;
}

.hb9-participant-welcome-modal .mfp-close {
    z-index: 2;
}

.hb9-participant-welcome-modal .text1,
.hb9-participant-welcome-modal .text2 {
    position: relative;
    z-index: 2;
}

.theme-dark-blue .hb9-participant-welcome-modal .text1 {
    color: rgb(222, 253, 235);
}

.hb9-main-welcome {
    padding-top: 264px;
}

.hb9-main-welcome .bg {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    left: 0px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0px;
    user-select: none;
    z-index: 0;
}

.hb9-main-welcome .bg img {
    max-width: 100%;
}

.hb9-main-welcome .title {
    font-weight: 600;
    margin-bottom: 12px;
    font-size: 24px !important;
    line-height: 32px !important;
}

.hb9-main-welcome .text,
.hb9-main-welcome .title {
    position: relative;
    z-index: 1;
}

.hb9-main-welcome .hb9-btn-participate {
    margin-top: 33px;
    width: 100%;
}

@media screen and (max-width: 440px) {
    .hb9-main-welcome {
        padding-top: 66%;
    }
}

.confirm-purchase-modal .confirm-button,
.confirm-sell-modal .confirm-button {
    margin-top: 20px;
    text-align: center;
}

#gritter-notice-wrapper {
    padding: 5px;
    position: fixed;
    z-index: 92;
}

#gritter-notice-wrapper .gritter-item-wrapper {
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 100;
    margin-bottom: 5px;
    opacity: 0.9;
    padding: 8px 12px;
    position: relative;
    text-align: left;
    width: auto;
}

#gritter-notice-wrapper .gritter-item-wrapper span {
    padding-bottom: 0px;
}

#gritter-notice-wrapper .gritter-item-wrapper:last-child {
    margin-bottom: 0px;
}

#gritter-notice-wrapper .gritter-item-wrapper.gritter-red {
    border-left-color: rgb(241, 50, 39) !important;
}

#gritter-notice-wrapper .gritter-item-wrapper.gritter-green {
    border-left-color: rgb(50, 172, 65) !important;
}

#gritter-notice-wrapper .gritter-item-wrapper.gritter-default {
    border-left-color: rgb(68, 72, 86) !important;
}

#gritter-notice-wrapper .gritter-item-wrapper.gritter-gold {
    border-left-color: rgb(255, 193, 7) !important;
}

#gritter-notice-wrapper .gritter-item-wrapper .gritter-item {
    background: none;
    font-size: 12px;
    font-weight: 100;
    line-height: 16px;
    padding: 0px;
}

#gritter-notice-wrapper .gritter-item-wrapper .gritter-item span {
    text-shadow: none;
}

#gritter-notice-wrapper .gritter-item-wrapper .gritter-close {
    display: none !important;
}

#gritter-notice-wrapper .gritter-item-wrapper .gritter-with-image {
    float: none;
    width: 81.9514%;
}

#gritter-notice-wrapper .gritter-item-wrapper .gritter-image {
    float: none;
    height: auto;
    width: 9.756%;
}

#gritter-notice-wrapper .gritter-item-wrapper .gritter-image,
#gritter-notice-wrapper .gritter-item-wrapper .gritter-with-image {
    display: inline-block;
    margin-left: 4.1463%;
    vertical-align: middle;
}

.theme-light #gritter-notice-wrapper .gritter-item-wrapper {
    background-color: rgb(249, 249, 249);
    border-bottom: 1px solid rgb(200, 207, 213);
    border-right: 1px solid rgb(200, 207, 213);
    border-top: 1px solid rgb(200, 207, 213);
}

.theme-dark-blue #gritter-notice-wrapper .gritter-item-wrapper {
    background-color: rgb(35, 40, 59);
    border-bottom: 1px solid rgb(62, 66, 81);
    border-right: 1px solid rgb(62, 66, 81);
    border-top: 1px solid rgb(62, 66, 81);
}

#gritter-notice-wrapper .bonus-remove {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-size-adjust: none;
    font-language-override: normal;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding-left: 40px;
}

#gritter-notice-wrapper .bonus-remove::before {
    color: rgb(185, 118, 22);
    content: "";
    font-size: 20px;
    left: 10px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}

#gritter-notice-wrapper .bonus-remove .bonus-remove-text {
    color: rgb(185, 118, 22);
}

#gritter-notice-wrapper.fixed-top {
    top: 0px !important;
}

#gritter-notice-wrapper.bottom-right,
#gritter-notice-wrapper.top-right {
    right: 0px;
}

.is-chart.is-m-version.landscape #gritter-notice-wrapper.bottom-right,
.is-chart.is-m-version.landscape #gritter-notice-wrapper.top-right,
body.is-chart:not(.is-pc-version) #gritter-notice-wrapper.bottom-right,
body.is-chart:not(.is-pc-version) #gritter-notice-wrapper.top-right {
    right: 160px;
}

body[class*="layout-"]:not(.layout-full) #gritter-notice-wrapper.bottom-right,
body[class*="layout-"]:not(.layout-full) #gritter-notice-wrapper.top-right {
    right: 145px;
}

#gritter-notice-wrapper.bottom-left,
#gritter-notice-wrapper.bottom-right {
    bottom: 0px;
}

.is-chart.is-m-version.portrait #gritter-notice-wrapper.bottom-left,
.is-chart.is-m-version.portrait #gritter-notice-wrapper.bottom-right {
    bottom: 260px;
}

body.is-chart:not(.is-pc-version) #gritter-notice-wrapper.bottom-left {
    bottom: 70px;
}

body[class*="layout-"]:not(.layout-full) #gritter-notice-wrapper.bottom-left {
    bottom: 60px;
}

#gritter-notice-wrapper.bottom-left,
#gritter-notice-wrapper.top-left {
    left: 0px;
}

body:not(.is-chart):not(.is-m-version) #gritter-notice-wrapper.bottom-left,
body:not(.is-chart):not(.is-m-version) #gritter-notice-wrapper.top-left {
    left: 90px;
}

.minimize-left-sidebar:not(.is-chart):not(.is-m-version) #gritter-notice-wrapper.bottom-left,
.minimize-left-sidebar:not(.is-chart):not(.is-m-version) #gritter-notice-wrapper.top-left {
    left: 50px;
}

#gritter-notice-wrapper.top-left,
#gritter-notice-wrapper.top-right {
    top: 0px;
    transition: left 0.3s, top 0.3s;
}

.is-m-version #gritter-notice-wrapper.top-left,
.is-m-version #gritter-notice-wrapper.top-right,
body:not(.is-chart):not(.is-m-version) #gritter-notice-wrapper.top-left,
body:not(.is-chart):not(.is-m-version) #gritter-notice-wrapper.top-right {
    top: 60px;
}

@media screen and (max-width: 380px) {
    #gritter-notice-wrapper {
        max-width: 100%;
    }
}

.pending-order-modal #gritter-notice-wrapper {
    bottom: auto !important;
    top: 75px !important;
}

body.is-m-version .pending-order-modal #gritter-notice-wrapper {
    top: 96px !important;
}

.demo-balance-modal #gritter-notice-wrapper {
    top: 35px !important;
}

.mt5-exchange-modal #gritter-notice-wrapper,
.settings-modal #gritter-notice-wrapper,
.tournament-detail-modal #gritter-notice-wrapper,
.trader-information-modal #gritter-notice-wrapper {
    top: 45px !important;
}

.po-modal #gritter-notice-wrapper {
    bottom: auto !important;
    left: 10px !important;
    position: absolute !important;
    right: 10px !important;
}

.po-modal #gritter-notice-wrapper .gritter-close {
    font-size: 16px;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    display: block !important;
}

.mfp-wrap {
    z-index: 91;
}

.mfp-close,
.mfp-image-holder .mfp-close,
.modal-close {
    display: flex;
    position: absolute;
    right: 17px;
    top: 15px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border: 0px;
    cursor: pointer;
    font-size: 100%;
    height: 30px;
    justify-content: center;
    margin: 0px;
    outline: 0px;
    overflow: visible;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    transition: color 0.2s;
    width: 30px;
}

.mfp-close svg,
.mfp-image-holder .mfp-close svg,
.modal-close svg {
    display: block;
    opacity: 0.5;
    pointer-events: none;
    transition: fill 0.3s, color 0.3s, opacity 0.3s;
    will-change: opacity;
}

.mfp-close:hover svg,
.mfp-image-holder .mfp-close:hover svg,
.modal-close:hover svg {
    opacity: 1;
}

.mfp-close:active,
.mfp-image-holder .mfp-close:active,
.modal-close:active {
    top: 15px;
}

.mfp-bg {
    background-color: var(--po-ui-kit-modal-overlay-background-color);
    z-index: 90;
    height: 100% !important;
    position: fixed !important;
}

.mfp-container {
    display: flex;
    padding: 0px;
    text-align: inherit;
}

img.mfp-img {
    padding: 0px;
}

.mfp-figure::after {
    display: none;
}

.mfp-preloader .ajax-loader-v2 {
    display: block;
}

.loader,
.mfp-preloader {
    height: 60px;
    left: 50%;
    margin: 0px;
    right: auto;
    transform: translate(-50%, -50%);
    width: 60px;
}

.mfp-s-error .mfp-preloader {
    background: rgba(46, 46, 54, 0.6);
    border: 1px solid rgb(51, 55, 60);
    height: auto;
    padding: 35px;
    width: 400px;
}

.ReactModal__Overlay,
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    transition: 0.15s ease-out;
}

.ReactModal__Content--after-open.Refactor,
.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.ReactModal__Overlay--after-open,
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.ReactModal__Overlay--before-close,
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.ReactModal__Content.Refactor .zoom-anim-dialog,
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.ReactModal__Content--after-open.Refactor .zoom-anim-dialog,
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
}

.ReactModal__Content--before-close.Refactor .zoom-anim-dialog,
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    opacity: 0;
}

.ReactModal__Overlay,
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: opacity 0.15s ease-out;
}

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.ReactModal__Overlay.ReactModal__Overlay--after-open {
    opacity: 1;
}

.ReactModal__Overlay.ReactModal__Overlay--before-close,
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

.ReactModal__Overlay {
    inset: 0px;
    display: flex;
    position: absolute;
    z-index: 89;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background-color: rgba(10, 10, 10, 0.8);
    justify-content: center;
    opacity: 0;
}

.is-m-version .ReactModal__Overlay {
    transition: none;
}

.daterangepicker {
    min-width: 100px;
    width: auto;
}

.daterangepicker::after,
.daterangepicker::before {
    display: none;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.daterangepicker .ranges {
    margin: 0px;
}

.daterangepicker .ranges ul {
    margin: 0px;
    padding: 4px;
}

.daterangepicker .ranges li:last-child {
    margin-bottom: 0px;
}

.daterangepicker .ranges button {
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0px;
    width: 49%;
}

.daterangepicker .range_inputs {
    display: none;
    padding: 0px 4px 4px;
}

.daterangepicker .table-condensed>tbody>tr>td,
.daterangepicker .table-condensed>tbody>tr>th,
.daterangepicker .table-condensed>tfoot>tr>td,
.daterangepicker .table-condensed>tfoot>tr>th,
.daterangepicker .table-condensed>thead>tr>td,
.daterangepicker .table-condensed>thead>tr>th {
    padding: 5px;
}

.reportrange {
    min-width: 221px;
    user-select: none;
}

.reportrange .caret {
    margin-top: -2px;
    position: absolute;
    right: 13px;
    top: 50%;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.reportrange.open-daterangepicker .caret {
    transform: rotate(180deg);
}

.top-ranked-players-last-24h-modal__daterangepicker {
    z-index: 1050;
}

.bootstrap-datetimepicker-widget a[data-action] {
    display: block;
    padding: 2px 8px;
}

.bootstrap-datetimepicker-widget button[data-action] {
    display: none;
}

.bootstrap-datetimepicker-widget .picker-switch {
    margin-bottom: 5px;
    margin-top: 5px;
}

.select3 {
    border-radius: 4px;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    min-width: 130px;
    position: relative;
}

.number.select3 input,
.select3>p>.text {
    font-size: 16px;
    font-weight: 300;
    line-height: 38px;
    padding: 0px 35px 0px 14px;
}

.number.select3 input {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 4px;
    display: block;
    width: 100%;
}

.select3>p {
    min-height: 38px;
    position: relative;
}

.select3>p>.arrow {
    inset: 0px;
    cursor: pointer;
    position: absolute;
}

.select3>p>.arrow::after {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px -10px no-repeat;
    content: "";
    height: 5px;
    margin-top: -3px;
    position: absolute;
    right: 14px;
    top: 50%;
    transition: 0.4s;
    width: 8px;
}

.select3>ul {
    border-radius: 0px 0px 4px 4px;
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
    left: -1px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: -1px;
    transform: translateY(5px);
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s, -webkit-transform 0.3s;
    visibility: hidden;
}

.select3>ul>li>a {
    display: block;
    line-height: 38px;
    padding: 0px 14px;
}

.open.select3 {
    border-bottom-color: transparent;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.open.select3>p>.arrow::after {
    transform: rotate(180deg);
}

.open.select3>ul {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    visibility: visible;
}

.number.select3>p {
    padding-right: 35px;
}

.number.select3 input {
    padding-right: 0px;
}

.number.select3 .increment {
    top: 0px;
}

.number.select3 .increment::after {
    background-position: 0px -10px;
    bottom: 4px;
}

.number.select3 .decrement {
    bottom: 0px;
}

.number.select3 .decrement::after {
    top: 4px;
}

.number.select3 .decrement,
.number.select3 .increment {
    cursor: pointer;
    height: 17px;
    position: absolute;
    right: 0px;
    user-select: none;
    width: 35px;
    z-index: 1;
}

.number.select3 .decrement::after,
.number.select3 .increment::after {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    background-repeat: no-repeat;
    content: "";
    height: 5px;
    left: 50%;
    margin-left: -4px;
    position: absolute;
    width: 8px;
}

.color.select3 li .color,
.color.select3>p>.color {
    border-radius: 50%;
    height: 8px;
    left: 11px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 8px;
}

.color.select3>p>.text {
    padding-left: 27px;
    text-transform: uppercase;
}

.color.select3 li {
    position: relative;
}

.color.select3 li>a {
    padding-left: 27px;
    text-transform: uppercase;
}

.chart-line-height.select3>p>.text {
    padding-left: 52px;
}

.chart-line-height.select3 li {
    position: relative;
}

.chart-line-height.select3 li>a {
    padding-left: 52px;
}

.chart-line-height.select3 .line-height {
    left: 14px;
    position: absolute;
    top: 50%;
}

.mdl-accordion,
.mdl-button,
.mdl-card,
.mdl-checkbox,
.mdl-dropdown-menu,
.mdl-icon-toggle,
.mdl-item,
.mdl-radio,
.mdl-slider,
.mdl-switch,
.mdl-tabs__tab,
a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.mdl-switch {
    box-sizing: border-box;
    display: inline-block;
    margin: 0px;
    overflow: visible;
    padding: 0px;
    position: relative;
    user-select: none;
    vertical-align: middle;
    width: 100%;
    z-index: 1;
}

.mdl-switch.is-upgraded {
    padding-left: 48px;
}

.mdl-switch__input {
    line-height: 24px;
}

input[type="checkbox"].mdl-switch__input {
    display: none;
}

.mdl-switch.is-upgraded .mdl-switch__input {
    appearance: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    height: 0px;
    margin: 0px;
    opacity: 0;
    padding: 0px;
    position: absolute;
    width: 0px;
}

.mdl-switch__track {
    background: rgba(0, 0, 0, 0.26);
    border-radius: 14px;
    cursor: pointer;
    height: 14px;
    left: 0px;
    position: absolute;
    top: 5px;
    width: 36px;
}

.mdl-switch.is-checked .mdl-switch__track {
    background: rgba(48, 153, 245, 0.12);
}

.mdl-switch.is-disabled .mdl-switch__track,
.mdl-switch__track fieldset[disabled] .mdl-switch {
    background: rgba(0, 0, 0, 0.12);
    cursor: auto;
}

.mdl-switch__thumb {
    background: rgb(250, 250, 250);
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    cursor: pointer;
    height: 20px;
    left: 0px;
    position: absolute;
    top: 2px;
    transition-duration: 0.28s;
    transition-property: left;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    width: 20px;
}

.mdl-switch.is-checked .mdl-switch__thumb {
    background: rgb(48, 153, 245);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(48, 153, 245, 0.5) 0px 0px 15px;
    left: 16px;
}

.mdl-switch.is-disabled .mdl-switch__thumb,
.mdl-switch__thumb fieldset[disabled] .mdl-switch {
    background: rgb(189, 189, 189);
    cursor: auto;
}

.mdl-switch__focus-helper {
    background-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 8px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-4px, -4px);
    width: 8px;
}

.mdl-switch.is-focused .mdl-switch__focus-helper {
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 20px;
}

.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    background-color: rgba(63, 81, 181, 0.26);
    box-shadow: rgba(63, 81, 181, 0.26) 0px 0px 0px 20px;
}

.mdl-switch__label {
    cursor: pointer;
    font-size: 16px;
    left: 0px;
    line-height: 24px;
    margin: 0px;
    position: relative;
}

.mdl-switch.is-disabled .mdl-switch__label,
.mdl-switch__label fieldset[disabled] .mdl-switch {
    color: rgb(189, 189, 189);
    cursor: auto;
}

.mdl-switch__ripple-container {
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    height: 48px;
    left: -14px;
    overflow: hidden;
    position: absolute;
    top: -12px;
    transition-duration: 1s;
    transition-property: left;
    transition-timing-function: step-end;
    width: 48px;
    z-index: 2;
}

.mdl-switch__ripple-container .mdl-ripple {
    background: rgb(63, 81, 181);
}

.mdl-switch.is-disabled .mdl-switch__ripple-container,
.mdl-switch__ripple-container fieldset[disabled] .mdl-switch {
    cursor: auto;
}

.mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple,
fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple {
    background: transparent;
}

.mdl-switch.is-checked .mdl-switch__ripple-container {
    left: 2px;
}

.notification {
    --offset-x: 10px;
    --offset-y: 30px;
    --right: 90px;
    --bottom: 30px;
    --padding-x: 20px;
    --padding-y: 25px;
    --width: 350px;
    border: 1px solid transparent;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 0px;
    padding: var(--padding-x) var(--padding-y);
    position: absolute;
    right: calc(var(--right) + var(--offset-x));
    width: var(--width);
    z-index: 90;
}

.notification svg {
    display: block;
}

.notification__close {
    display: block;
    padding: 5px;
    position: absolute;
    right: 20px;
    top: 20px;
    transition: color 0.2s;
}

.notification__text-title {
    display: none;
}

.notification__title {
    font-size: 18px;
    margin-bottom: 12px;
}

.notification__start {
    margin-bottom: 20px;
}

.notification__end {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
}

.notification--good-job .notification__start {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    gap: 25px;
    grid-template-columns: 60px 1fr;
}

.is-pc-version .notification {
    bottom: var(--bottom);
}

.is-pc-version.is-try-demo .notification {
    --width: 310px;
    right: var(--offset-x);
}

.is-pc-version.minimize-right-sidebar:not(.is-try-demo) .notification {
    --right: 50px;
}

.achievements {
    margin-left: -9px;
}

.achievements .item {
    --size: 80px;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    height: var(--size);
    margin-left: 9px;
    opacity: 0.3;
    position: relative;
    vertical-align: top;
    width: var(--size);
}

.achievements .item::after,
.achievements .item::before {
    border-radius: 7px;
    content: "";
    position: absolute;
}

.achievements .item::before {
    background-size: cover;
    height: 100%;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 1;
}

.achievements .item::after {
    inset: -1px;
    z-index: 0;
}

.achievements .item .icon {
    border-radius: 6px;
    height: 100%;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1;
}

.achievements .item .icon img {
    display: block;
    max-width: 100%;
}

.achievements .item .diamonds {
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    bottom: 0px;
    font-size: 0px;
    margin-left: -2px;
    padding: 2px 4px;
    position: absolute;
    right: 0px;
    z-index: 2;
}

.achievements .item .diamonds svg {
    height: 8px;
    margin-left: 2px;
    width: 8px;
}

.achievements .item.gold::after {
    background-color: rgb(254, 254, 140);
    background-image: linear-gradient(rgb(254, 254, 140) 0px, rgb(255, 255, 255) 50%, rgb(201, 159, 41) 52%, rgb(210, 175, 80) 69%, rgb(210, 175, 80) 83%, rgb(225, 125, 1));
}

.achievements .item.gold .diamonds {
    background-color: rgb(210, 175, 80);
    background-image: linear-gradient(rgb(210, 175, 80), rgb(225, 128, 5));
}

.achievements .item.silver::after {
    background-color: rgb(83, 91, 94);
    background-image: linear-gradient(rgb(83, 91, 94) 0px, rgb(255, 255, 255) 50%, rgb(74, 81, 84) 52%, rgb(212, 212, 213) 69%, rgb(212, 212, 213) 83%, rgb(87, 95, 98));
}

.achievements .item.silver .diamonds {
    background-color: rgb(212, 212, 213);
    background-image: linear-gradient(rgb(212, 212, 213), rgb(91, 98, 101));
}

.achievements .item.bronze::after {
    background-color: rgb(179, 129, 85);
    background-image: linear-gradient(rgb(179, 129, 85) 0px, rgb(255, 255, 255) 50%, rgb(70, 33, 15) 52%, rgb(224, 180, 143) 69%, rgb(224, 180, 143) 83%, rgb(84, 51, 32));
}

.achievements .item.bronze .diamonds {
    background-color: rgb(224, 180, 143);
    background-image: linear-gradient(rgb(224, 180, 143), rgb(88, 55, 35));
}

.achievements .item.active {
    opacity: 1;
}

.achievements.size-60 .item {
    --size: 60px;
}

.achievements.size-60 .diamonds {
    display: none;
}

.achievements.size-60 .item .diamonds>li {
    font-size: 9px;
}

.plus-21-icon {
    background-color: rgb(56, 56, 64);
    border-radius: 25px;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
}

.intl-tel-input {
    width: 100%;
}

.intl-tel-input .country-list {
    box-shadow: none;
}

.intl-tel-input .separate-dial-code .flag-container,
.intl-tel-input.allow-dropdown .flag-container {
    z-index: 5;
}

.popover {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    box-shadow: none;
    font-weight: 600;
    max-width: none;
}

.popover.bottom>.arrow {
    border-bottom-color: transparent;
}

.checkbox1 {
    position: relative;
}

.checkbox1 label {
    cursor: pointer;
}

.checkbox1 input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.checkbox1 input+label {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
}

.checkbox1 input+label::before {
    background-color: var(--backgroud-color);
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: 10px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    content: "";
    display: inline-block;
    height: 18px;
    margin-right: 12px;
    width: 18px;
}

.checkbox1 input:checked+label::before {
    background-color: var(--background-color-active);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7'%3E%3Cpath fill='%23fff' d='m1.773 2.791 1.891 1.823L8.204.293A.98.98 0 0 1 8.935 0q.45 0 .757.293A.93.93 0 0 1 10 .99q0 .406-.284.676L4.421 6.707A1.06 1.06 0 0 1 3.664 7q-.45 0-.756-.293L.308 4.21A.89.89 0 0 1 0 3.511q0-.427.307-.697a.99.99 0 0 1 .733-.316q.426 0 .733.293'/%3E%3C/svg%3E");
    border-color: var(--border-color-active);
}

.theme-dark-blue .checkbox1 {
    --border-color: #454a56;
    --border-color-active: #009af9;
    --background-color: #222739;
    --background-color-active: rgba(0, 154, 249, .3);
    color: rgb(143, 165, 191);
}

.theme-light .checkbox1 {
    --border-color: #c2cedc;
    --border-color-active: #406c9d;
    --background-color: #fff;
    --background-color-active: #5181b8;
}

.checkbox-terms label {
    display: grid;
    gap: 10px;
    grid-template-columns: 22px 1fr;
}

.checkbox-terms .checkbox-terms-icon {
    display: none;
    fill: rgb(0, 154, 249);
}

.checkbox-terms input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.checkbox-terms input[type="checkbox"]:checked+.checkbox-terms__start .checkbox-terms-icon {
    display: block;
}

.theme-dark-blue .checkbox-terms input[type="checkbox"]:checked+.checkbox-terms__start {
    background-color: rgb(29, 33, 48);
    border-color: rgb(0, 153, 250);
}

.theme-light .checkbox-terms input[type="checkbox"]:checked+.checkbox-terms__start {
    border-color: rgb(0, 153, 250);
}

.checkbox-terms__start {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border: 1px solid rgb(0, 153, 250);
    border-radius: 4px;
    height: 22px;
    justify-content: center;
    transition: border-color 0.3s, background-color 0.3s;
    width: 22px;
}

.checkbox-terms.has-error .checkbox-terms__start {
    border-color: rgb(212, 43, 43);
}

.mrp-container {
    border-radius: 5px;
    cursor: pointer;
    display: inline-flex;
    padding: 2px 8px;
}

.mrp-container .ajax-preloader {
    margin-left: 5px;
}

.mrp-container.disabled {
    opacity: 0.7;
    pointer-events: none;
}

.mrp-to {
    font-size: 11px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 5px 3px;
    text-transform: uppercase;
}

.mrp-month {
    -webkit-box-flex: 1;
    flex: 1 1 33.3333%;
    -webkit-box-pack: center;
    font-size: 13px;
    height: 35px;
    justify-content: center;
    text-transform: capitalize;
}

.mrp-calendar h5,
.mrp-month {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.mrp-calendar h5 {
    -webkit-box-pack: justify;
    font-size: 18px;
    font-weight: 700;
    justify-content: space-between;
    margin: 0px 0px 7px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    width: 100%;
}

.mrp-calendar h5 span {
    font-size: 16px;
}

.mrp-buttons-up {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-top: -12px;
}

.mrp-buttons-up>* {
    -webkit-box-flex: 1;
    flex: 1 1 calc(50% - 12px);
    margin-left: 12px;
    margin-top: 12px;
    max-width: calc(50% - 12px);
}

.mrp-btn {
    border-radius: 4px;
    cursor: pointer;
    display: block;
    font-size: 13px;
    padding: 5px 12px;
    text-align: center;
}

.mrp-col-wrap {
    display: flex;
    margin-left: -12px;
    margin-top: -12px;
}

.mrp-col-wrap>* {
    -webkit-box-flex: 1;
    flex: 1 1 calc(50% - 12px);
    margin-left: 12px;
    margin-top: 12px;
}

.mrp-month:hover {
    cursor: pointer;
}

.mrp-selected.mrp-month:hover {
    border-radius: 0px;
    box-shadow: none;
}

.mrp-MonthsWrapper {
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.mrp-calendarholder {
    width: 332px;
}

.mrp-calendarholder__item {
    margin-bottom: 12px;
}

.mrp-calendarholder__item:last-child {
    margin-bottom: 0px;
}

.mrp-calendarholder__item:nth-child(2) {
    display: none;
}

.mrp-quickset {
    text-align: center;
    text-transform: uppercase;
}

.mrp-monthdisplay {
    padding-left: 7px;
}

.mrp-lowerMonth,
.mrp-upperMonth {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.mrp-yeardown,
.mrp-yearup {
    cursor: pointer;
}

.tooltip2 {
    position: relative;
}

.tooltip2:hover .tooltip-content {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}

.tooltip-content {
    cursor: default;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-align: left;
    top: 0px;
    transform: translate(-50%, calc(-100% - 15px));
    transition: visibility 0.3s, opacity 0.3s, translate 0.3s;
    visibility: hidden;
    white-space: normal;
    z-index: 9999;
}

.tooltip-content .tooltip-text {
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    max-width: 320px;
    padding: 8px 12px;
    width: max-content;
}

.tooltip-content .tooltip-text--center {
    text-align: center;
}

.tooltip-content.interactive::after {
    bottom: -15px;
    content: "";
    height: 16px;
    left: 0px;
    position: absolute;
    width: 100%;
}

.tooltip-content.interactive.position-down::after {
    bottom: auto;
    top: -15px;
}

.tooltip-content.interactive.position-right-top::after,
.tooltip-content.interactive.position-right::after {
    bottom: 0px;
    height: 100%;
    left: -15px;
    top: 0px;
    width: 16px;
}

.tooltip-content.interactive.position-left::after {
    inset: 0px -15px 0px auto;
    height: 100%;
    width: 16px;
}

.tooltip-content.tooltip-status-off {
    display: none !important;
}

.tooltip-content.position-down {
    bottom: 0px;
    top: auto;
    transform: translate(-50%, calc(100% + 15px));
}

.tooltip-content.position-right,
.tooltip-content.position-right-top {
    left: auto;
    right: 0px;
    top: 50%;
    transform: translate(calc(100% + 15px), -50%);
}

.tooltip-content.position-right-top {
    top: 0px;
    transform: translate(calc(100% + 15px), -5px);
}

.tooltip-content.position-left {
    left: 0px;
    top: 50%;
    transform: translate(calc(-100% - 15px), -50%);
}

.text-color-animation {
    animation-direction: alternate;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.text-color-animation--orange {
    animation-name: text-color-animation-orange;
}

.text-color-animation--blue {
    animation-name: text-color-animation-blue;
}

.irs {
    height: 1px;
    margin: 0px auto;
    width: 95%;
    z-index: 4;
}

.irs .irs-with-grid {
    height: 5px;
}

.irs .irs-line {
    background-color: rgb(101, 112, 125);
    height: 1px;
    top: -1px;
}

.irs .irs-line .irs-line-left,
.irs .irs-line .irs-line-mid,
.irs .irs-line .irs-line-right {
    height: 1px;
}

.irs .irs-bar {
    background-color: rgb(255, 57, 4);
    height: 1px;
    top: -1px;
    z-index: 10001;
}

.irs .irs-from,
.irs .irs-max,
.irs .irs-min,
.irs .irs-single,
.irs .irs-to {
    display: none;
}

.irs .irs-slider {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px no-repeat;
    cursor: pointer;
    height: 15px;
    margin-top: -8px;
    width: 15px;
    z-index: 10001;
}

.ui-widget-content {
    background-color: rgb(48, 51, 60);
    color: rgb(255, 255, 255);
    padding: 5px;
    border: 1px solid rgb(69, 72, 81) !important;
}

.btn {
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    user-select: none;
    white-space: normal;
}

.btn .fa-spin {
    margin-left: 7px;
}

.btn[disabled] {
    cursor: default !important;
}

.btn-call,
.btn-put {
    --height: 48px;
    --offset-right: 12px;
    --offset-left: 12px;
    --font-size: 14px;
    --transition-duration: 0.5s;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 8px;
    font-size: var(--font-size);
    height: var(--height);
    line-height: 16px;
    overflow: hidden;
    padding: 0px;
    transition-duration: var(--transition-duration);
    transition-property: color, background, box-shadow, font-size, height, -webkit-box-shadow;
    transition-timing-function: ease;
}

.btn-call .switch-state-block,
.btn-put .switch-state-block {
    overflow: hidden;
    width: 100%;
}

.btn-call .switch-state-block__in,
.btn-put .switch-state-block__in {
    display: block;
    height: var(--height);
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.btn-call .switch-state-block__item,
.btn-put .switch-state-block__item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: var(--height);
    overflow: hidden;
}

.btn-call .switch-state-block__item:last-child,
.btn-put .switch-state-block__item:last-child {
    font-weight: 700;
    text-transform: uppercase;
}

.btn-call .payout__text,
.btn-put .payout__text {
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: inherit;
    font-weight: 600;
    line-height: inherit;
}

.btn-call .payout__text-lh,
.btn-put .payout__text-lh {
    font-weight: 600;
}

.btn-call .payout__profit,
.btn-put .payout__profit {
    font-size: 13px;
}

.btn-call .svg-icon-wrap,
.btn-put .svg-icon-wrap {
    margin-left: var(--offset-left);
    margin-right: var(--offset-right);
    transition: margin var(--transition-duration);
}

.btn-call .svg-icon-wrap svg,
.btn-put .svg-icon-wrap svg {
    display: block;
    opacity: 0.5;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}

.btn-call:hover .switch-state-block:not(.no-animate) .switch-state-block__in,
.btn-put:hover .switch-state-block:not(.no-animate) .switch-state-block__in {
    transform: translateY(calc(var(--height)*-1));
}

.btn-warn {
    background-color: var(--po-ui-kit-btn-warn-background-color-base);
    border-color: var(--po-ui-kit-btn-warn-border-color-base);
    color: var(--po-ui-kit-btn-warn-color-base);
}

.btn-warn:focus,
.btn-warn:hover {
    background-color: var(--po-ui-kit-btn-warn-background-color-hover);
    border-color: var(--po-ui-kit-btn-warn-border-color-hover);
    color: var(--po-ui-kit-btn-warn-color-hover);
}

.btn-gold {
    background-color: var(--po-ui-kit-btn-gold-background-color-base);
    border-color: var(--po-ui-kit-btn-gold-border-color-base);
    color: var(--po-ui-kit-btn-gold-color-base);
}

.btn-gold:focus,
.btn-gold:hover {
    background-color: var(--po-ui-kit-btn-gold-background-color-hover);
    border-color: var(--po-ui-kit-btn-gold-border-color-hover);
    color: var(--po-ui-kit-btn-gold-color-hover);
}

.btn-orange {
    background-color: var(--po-ui-kit-btn-orange-background-color-base);
    border-color: var(--po-ui-kit-btn-orange-border-color-base);
    color: var(--po-ui-kit-btn-orange-color-base);
}

.btn-orange:focus,
.btn-orange:hover {
    background-color: var(--po-ui-kit-btn-orange-background-color-hover);
    border-color: var(--po-ui-kit-btn-orange-border-color-hover);
    color: var(--po-ui-kit-btn-orange-color-hover);
}

.btn-default {
    background-color: var(--po-ui-kit-btn-default-background-color-base);
    border-color: var(--po-ui-kit-btn-default-border-color-base);
    color: var(--po-ui-kit-btn-default-color-base);
}

.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover {
    background-color: var(--po-ui-kit-btn-default-background-color-hover);
    border-color: var(--po-ui-kit-btn-default-border-color-hover);
    color: var(--po-ui-kit-btn-default-color-hover);
}

.btn-default-light {
    background-color: var(--po-ui-kit-btn-default-light-background-color-base);
    border-color: var(--po-ui-kit-btn-default-light-border-color-base);
    color: var(--po-ui-kit-btn-default-light-color-base);
}

.btn-default-light:active,
.btn-default-light:focus,
.btn-default-light:hover,
.btn-default-light[disabled]:focus,
.btn-default-light[disabled]:hover {
    background-color: var(--po-ui-kit-btn-default-light-background-color-hover);
    border-color: var(--po-ui-kit-btn-default-light-border-color-hover);
    color: var(--po-ui-kit-btn-default-light-color-hover);
}

.btn-success {
    background-color: var(--po-ui-kit-btn-success-background-color-base);
    border-color: var(--po-ui-kit-btn-success-border-color-base);
    color: var(--po-ui-kit-btn-success-color-base);
}

.btn-success svg {
    fill: var(--po-ui-kit-btn-success-color-base) !important;
}

.btn-success:focus,
.btn-success:hover {
    background-color: var(--po-ui-kit-btn-success-background-color-hover);
    border-color: var(--po-ui-kit-btn-success-border-color-hover);
    color: var(--po-ui-kit-btn-success-color-hover);
}

.btn-success:focus svg,
.btn-success:hover svg {
    fill: var(--po-ui-kit-btn-success-color-hover) !important;
}

.btn-green {
    background-color: var(--po-ui-kit-btn-green-background-color-base);
    border-color: var(--po-ui-kit-btn-green-border-color-base);
    color: var(--po-ui-kit-btn-green-color-base);
}

.btn-green:focus,
.btn-green:hover {
    background-color: var(--po-ui-kit-btn-green-background-color-hover);
    border-color: var(--po-ui-kit-btn-green-border-color-hover);
    color: var(--po-ui-kit-btn-green-color-hover);
}

.btn-green-light {
    background-color: var(--po-ui-kit-btn-green-light-background-color-base);
    border-color: var(--po-ui-kit-btn-green-light-border-color-base);
    color: var(--po-ui-kit-btn-green-light-color-base);
}

.btn-green-light:focus,
.btn-green-light:hover {
    background-color: var(--po-ui-kit-btn-green-light-background-color-hover);
    border-color: var(--po-ui-kit-btn-green-light-border-color-hover);
    color: var(--po-ui-kit-btn-green-light-color-hover);
}

.btn-green-solid {
    background-color: var(--po-ui-kit-btn-green-solid-background-color-base);
    border-color: var(--po-ui-kit-btn-green-solid-border-color-base);
    color: var(--po-ui-kit-btn-green-solid-color-base);
}

.btn-green-solid:focus,
.btn-green-solid:hover {
    background-color: var(--po-ui-kit-btn-green-solid-background-color-hover);
    border-color: var(--po-ui-kit-btn-green-solid-border-color-hover);
    color: var(--po-ui-kit-btn-green-solid-color-hover);
}

.btn-blue-light {
    background-color: var(--po-ui-kit-btn-blue-light-background-color-base);
    border-color: var(--po-ui-kit-btn-blue-light-border-color-base);
    color: var(--po-ui-kit-btn-blue-light-color-base);
}

.btn-blue-light:focus,
.btn-blue-light:hover {
    background-color: var(--po-ui-kit-btn-blue-light-background-color-hover);
    border-color: var(--po-ui-kit-btn-blue-light-border-color-hover);
    color: var(--po-ui-kit-btn-blue-light-color-hover);
}

.btn-danger {
    background-color: var(--po-ui-kit-btn-danger-background-color-base);
    border-color: var(--po-ui-kit-btn-danger-border-color-base);
    color: var(--po-ui-kit-btn-danger-color-base);
}

.btn-danger:focus,
.btn-danger:hover {
    background-color: var(--po-ui-kit-btn-danger-background-color-hover);
    border-color: var(--po-ui-kit-btn-danger-border-color-hover);
    color: var(--po-ui-kit-btn-danger-color-hover);
}

.btn-danger-light {
    background-color: var(--po-ui-kit-btn-danger-light-background-color-base);
    border-color: var(--po-ui-kit-btn-danger-light-border-color-base);
    color: var(--po-ui-kit-btn-danger-light-color-base);
}

.btn-danger-light:focus,
.btn-danger-light:hover {
    background-color: var(--po-ui-kit-btn-danger-light-background-color-hover);
    border-color: var(--po-ui-kit-btn-danger-light-border-color-hover);
    color: var(--po-ui-kit-btn-danger-light-color-hover);
}

.btn-danger-transparent {
    background-color: var(--po-ui-kit-btn-danger-transparent-background-color-base);
    border-color: var(--po-ui-kit-btn-danger-transparent-border-color-base);
    color: var(--po-ui-kit-btn-danger-transparent-color-base);
}

.btn-danger-transparent:focus,
.btn-danger-transparent:hover {
    background-color: var(--po-ui-kit-btn-danger-transparent-background-color-hover);
    border-color: var(--po-ui-kit-btn-danger-transparent-border-color-hover);
    color: var(--po-ui-kit-btn-danger-transparent-color-hover);
}

.btn-primary {
    background-color: var(--po-ui-kit-btn-primary-background-color-base);
    border-color: var(--po-ui-kit-btn-primary-border-color-base);
    color: var(--po-ui-kit-btn-primary-color-base);
}

.btn-primary:focus,
.btn-primary:hover {
    background-color: var(--po-ui-kit-btn-primary-background-color-hover);
    border-color: var(--po-ui-kit-btn-primary-border-color-hover);
    color: var(--po-ui-kit-btn-primary-color-hover);
}

.btn-live-trading {
    background-color: var(--po-ui-kit-btn-live-trading-background-color-base);
    border-color: var(--po-ui-kit-btn-live-trading-border-color-base);
    color: var(--po-ui-kit-btn-live-trading-color-base);
}

.btn-live-trading:focus,
.btn-live-trading:hover {
    background-color: var(--po-ui-kit-btn-live-trading-background-color-hover);
    border-color: var(--po-ui-kit-btn-live-trading-border-color-hover);
    color: var(--po-ui-kit-btn-live-trading-color-hover);
}

.btn-put {
    background: rgb(243, 56, 44);
    color: rgba(255, 255, 255, 0.85) !important;
}

.btn-put .svg-icon-wrap svg {
    transform: rotate(0deg);
}

.btn-put:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), rgb(243, 56, 44);
    box-shadow: rgb(244, 76, 65) 0px 0px 10px 0px;
    color: rgb(255, 255, 255) !important;
}

.btn-put:hover .svg-icon-wrap svg {
    opacity: 1;
    transform: rotate(45deg);
}

.btn-call {
    background: rgb(50, 172, 65);
    color: rgba(255, 255, 255, 0.85) !important;
}

.btn-call .svg-icon-wrap svg {
    transform: rotate(0deg);
}

.btn-call:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), rgb(50, 172, 65);
    box-shadow: rgb(64, 203, 83) 0px 0px 10px;
    color: rgb(255, 255, 255) !important;
}

.btn-call:hover .svg-icon-wrap svg {
    opacity: 1;
    transform: rotate(-45deg);
}

.btn-link,
.btn-link:hover {
    color: var(--po-ui-kit-tag-a-base);
}

.theme-dark-blue {
    --ai-trading-btn-shadow-color: #009cff;
    --ai-trading-btn-shadow-color-half: rgba(0, 156, 255, .5);
}

.theme-light {
    --ai-trading-btn-shadow-color: rgba(0, 156, 255, .5);
    --ai-trading-btn-shadow-color-half: rgba(0, 156, 255, .25);
}

.ai-trading-btn {
    --height: 60px;
    --icon-size: 40px;
    --blur-size: 88px;
    --transition-duration: 0.5s;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    animation: 5s linear 0s infinite normal none running ai-trading-btn-pulse;
    background: radial-gradient(94.74% 100% at 50% 0px, rgb(112, 200, 255) 0px, rgb(0, 154, 249) 100%);
    border-radius: 10px;
    height: var(--height);
    justify-content: center;
    overflow: hidden;
    transition: opacity var(--transition-duration) ease;
}

.ai-trading-btn__icon {
    height: var(--icon-size);
    margin-right: 8px;
    position: relative;
    transition: transform var(--transition-duration), -webkit-transform var(--transition-duration);
    width: var(--icon-size);
    will-change: transform;
}

.ai-trading-btn__icon::after,
.ai-trading-btn__icon::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
    content: " ";
    height: 45px;
    margin-top: 5px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity var(--transition-duration), margin-top var(--transition-duration);
    width: 33px;
    will-change: opacity, margin-top;
}

.ai-trading-btn__icon::before {
    left: -22px;
    top: 18px;
    transform: rotate(-35deg);
}

.ai-trading-btn__icon::after {
    right: -22px;
    top: -20px;
    transform: scaleX(-1) rotate(35deg);
}

.ai-trading-btn__badge {
    background: rgba(255, 255, 255, 0.1);
    border-radius: var(--icon-size);
    box-shadow: rgb(255, 255, 255) 0px 1px 17px 0px;
}

.ai-trading-btn__badge::after {
    background-color: rgb(132, 201, 243);
    content: " ";
    filter: blur(40px);
    height: var(--blur-size);
    left: 50%;
    margin-left: calc(var(--blur-size)*-1/2);
    margin-top: calc(var(--blur-size)*-1/2);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transition: opacity var(--transition-duration), filter var(--transition-duration), -webkit-filter var(--transition-duration);
    width: var(--blur-size);
    will-change: opacity, filter;
}

.ai-trading-btn svg {
    border-radius: 50%;
    box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset;
    pointer-events: none;
    transition: fill var(--transition-duration);
}

.ai-trading-btn svg .path {
    opacity: 0;
    transition: opacity var(--transition-duration);
}

.ai-trading-btn__text {
    font-weight: 700;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-image: linear-gradient(90deg, rgb(255, 255, 255) 70%, rgb(108, 197, 252));
    background-position: 100% 50%;
    background-size: 200% 200%;
    text-transform: uppercase;
    transition: background-position 0.5s;
}

.ai-trading-btn svg,
.ai-trading-btn__badge {
    height: 100%;
    width: 100%;
}

.ai-trading-btn svg,
.ai-trading-btn__text {
    position: relative;
    z-index: 5;
}

body:not(.open-ai-modal):not(.portrait) .ai-trading-btn:hover svg .path {
    opacity: 1;
}

body:not(.open-ai-modal):not(.portrait) .ai-trading-btn:hover .ai-trading-btn__icon {
    transform: rotate(-15deg);
}

body:not(.open-ai-modal):not(.portrait) .ai-trading-btn:hover .ai-trading-btn__icon::after,
body:not(.open-ai-modal):not(.portrait) .ai-trading-btn:hover .ai-trading-btn__icon::before {
    margin-top: 0px;
    opacity: 1;
}

body:not(.open-ai-modal):not(.portrait) .ai-trading-btn:hover .ai-trading-btn__badge::after {
    opacity: 1;
}

body:not(.open-ai-modal):not(.portrait) .ai-trading-btn:hover .ai-trading-btn__text {
    background-position: 0px 50%;
}

.ai-trading-btn.animated svg .path {
    opacity: 1;
}

.ai-trading-btn.animated .ai-trading-btn__icon {
    transform: rotate(-15deg);
}

.ai-trading-btn.animated .ai-trading-btn__icon::after,
.ai-trading-btn.animated .ai-trading-btn__icon::before {
    margin-top: 0px;
    opacity: 1;
}

.ai-trading-btn.animated .ai-trading-btn__badge::after {
    opacity: 1;
}

.ai-trading-btn.animated .ai-trading-btn__text {
    background-position: 0px 50%;
}

.is-multigraph .ai-trading-btn {
    --height: 36px;
    --icon-size: 24px;
}

.is-multigraph .ai-trading-btn .ai-trading-btn__text {
    font-size: 12px;
}

.is-multigraph .ai-trading-btn .ai-trading-btn__icon::after,
.is-multigraph .ai-trading-btn .ai-trading-btn__icon::before {
    background-size: cover;
    height: 32px;
    width: 24px;
}

.is-multigraph .ai-trading-btn .ai-trading-btn__icon::before {
    left: -16px;
    top: 10px;
}

.is-multigraph .ai-trading-btn .ai-trading-btn__icon::after {
    right: -19px;
    top: -15px;
}

body.portrait:not(.open-ai-modal) .ai-trading-btn .ai-trading-btn__icon::after,
body.portrait:not(.open-ai-modal) .ai-trading-btn .ai-trading-btn__icon::before {
    background-size: cover;
    height: 32px;
    width: 24px;
}

body.portrait:not(.open-ai-modal) .ai-trading-btn .ai-trading-btn__icon::before {
    left: -16px;
    top: 14px;
}

body.portrait:not(.open-ai-modal) .ai-trading-btn .ai-trading-btn__icon::after {
    right: -18px;
    top: -14px;
}

@-webkit-keyframes ai-trading-btn-pulse {
    0% {
        box-shadow: 0 0 0 0 var(--ai-trading-btn-shadow-color);
    }

    25% {
        box-shadow: 0 0 10px 0 var(--ai-trading-btn-shadow-color-half), 0 0 10px 0 var(--ai-trading-btn-shadow-color);
    }

    50% {
        box-shadow: 0 0 20px 0 var(--ai-trading-btn-shadow-color);
    }

    75% {
        box-shadow: 0 0 10px 0 var(--ai-trading-btn-shadow-color-half), 0 0 10px 0 var(--ai-trading-btn-shadow-color);
    }

    100% {
        box-shadow: 0 0 10px 0 var(--ai-trading-btn-shadow-color-half), 0 0 10px 0 var(--ai-trading-btn-shadow-color);
    }
}

@keyframes ai-trading-btn-pulse {
    0% {
        box-shadow: 0 0 0 0 var(--ai-trading-btn-shadow-color);
    }

    25% {
        box-shadow: 0 0 10px 0 var(--ai-trading-btn-shadow-color-half), 0 0 10px 0 var(--ai-trading-btn-shadow-color);
    }

    50% {
        box-shadow: 0 0 20px 0 var(--ai-trading-btn-shadow-color);
    }

    75% {
        box-shadow: 0 0 10px 0 var(--ai-trading-btn-shadow-color-half), 0 0 10px 0 var(--ai-trading-btn-shadow-color);
    }

    100% {
        box-shadow: 0 0 10px 0 var(--ai-trading-btn-shadow-color-half), 0 0 10px 0 var(--ai-trading-btn-shadow-color);
    }
}

@-webkit-keyframes gradientAnimation {
    100% {
        box-shadow: 0 0 0 0 var(--ai-trading-btn-shadow-color);
    }
}

@keyframes gradientAnimation {
    100% {
        box-shadow: 0 0 0 0 var(--ai-trading-btn-shadow-color);
    }
}

.btn-green-v2 {
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background-color: var(--po-ui-kit-btn-v2-green-background-color-base);
    border-color: var(--po-ui-kit-btn-v2-green-border-color-base);
    color: var(--po-ui-kit-btn-v2-green-color-base);
    justify-content: center;
    padding: 7px 10px;
}

.btn-green-v2:focus,
.btn-green-v2:hover {
    background-color: var(--po-ui-kit-btn-v2-green-background-color-hover);
    border-color: var(--po-ui-kit-btn-v2-green-border-color-hover);
    color: var(--po-ui-kit-btn-v2-green-color-hover);
}

.btn-blue-v2 {
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background-color: var(--po-ui-kit-btn-v2-blue-background-color-base);
    border-color: var(--po-ui-kit-btn-v2-blue-border-color-base);
    color: var(--po-ui-kit-btn-v2-blue-color-base);
    justify-content: center;
    padding: 7px 10px;
}

.btn-blue-v2:focus,
.btn-blue-v2:hover {
    background-color: var(--po-ui-kit-btn-v2-blue-background-color-hover);
    border-color: var(--po-ui-kit-btn-v2-blue-border-color-hover);
    color: var(--po-ui-kit-btn-v2-blue-color-hover);
}

.btn-ajax-loading {
    cursor: default;
    opacity: 0.5;
    pointer-events: none;
    position: relative;
    user-select: none;
}

.btn-ajax-loading .ajax-loader-v2 {
    left: 50%;
    margin: 0px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.badge,
.label {
    font-weight: inherit;
    transition: background-color 0.3s;
}

.badge-default,
.label-default {
    background-color: var(--po-ui-kit-label-default-background-color-base);
    color: var(--po-ui-kit-label-default-color);
}

.badge-default:hover,
.label-default:hover {
    background-color: var(--po-ui-kit-label-default-background-color-hover);
}

.badge-primary,
.label-primary {
    background-color: var(--po-ui-kit-label-primary-background-color-base);
    color: var(--po-ui-kit-label-primary-color);
}

.badge-primary:hover,
.label-primary:hover {
    background-color: var(--po-ui-kit-label-primary-background-color-hover);
}

.badge-success,
.label-success {
    background-color: var(--po-ui-kit-label-success-background-color-base);
    color: var(--po-ui-kit-label-success-color);
}

.badge-success:hover,
.label-success:hover {
    background-color: var(--po-ui-kit-label-success-background-color-hover);
}

.badge-success-light,
.label-success-light {
    background-color: var(--po-ui-kit-label-success-light-background-color-base);
    color: var(--po-ui-kit-label-success-light-color);
}

.badge-success-light:hover,
.label-success-light:hover {
    background-color: var(--po-ui-kit-label-success-light-background-color-hover);
}

.badge-info,
.label-info {
    background-color: var(--po-ui-kit-label-info-background-color-base);
    color: var(--po-ui-kit-label-info-color);
}

.badge-info:hover,
.label-info:hover {
    background-color: var(--po-ui-kit-label-info-background-color-hover);
}

.badge-info-light,
.label-info-light {
    background-color: var(--po-ui-kit-label-info-light-background-color-base);
    color: var(--po-ui-kit-label-info-light-color);
}

.badge-info-light:hover,
.label-info-light:hover {
    background-color: var(--po-ui-kit-label-info-light-background-color-hover);
}

.badge-warning,
.label-warning {
    background-color: var(--po-ui-kit-label-warning-background-color-base);
    color: var(--po-ui-kit-label-warning-color);
}

.badge-warning:hover,
.label-warning:hover {
    background-color: var(--po-ui-kit-label-warning-info-background-color-hover);
}

.badge-danger,
.label-danger {
    background-color: var(--po-ui-kit-label-danger-background-color-base);
    color: var(--po-ui-kit-label-danger-color);
}

.badge-danger:hover,
.label-danger:hover {
    background-color: var(--po-ui-kit-label-danger-background-color-hover);
}

.theme-dark-blue .badge,
.theme-dark-blue .label {
    font-size: 11px;
    line-height: 15px;
    padding: 3px 6px;
}

.tab-wrap {
    height: 100%;
}

.tab-nav,
.tab-nav li {
    display: flex;
}

.tab-nav li {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    cursor: pointer;
    flex-direction: column;
    font-size: 14px;
    text-align: center;
}

.tab-nav a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    height: 100%;
    justify-content: center;
    text-decoration: none;
    text-transform: uppercase;
}

.tab-nav--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.tab-nav--column li {
    border-bottom-width: medium !important;
    border-bottom-style: none !important;
    border-bottom-color: currentcolor !important;
}

.tab-nav--v2 li {
    border-bottom-width: 1px !important;
}

.tab-nav--v2 a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    line-height: 1;
    min-height: 34px;
    text-transform: inherit;
    padding: 0px 8px !important;
}

.tab-nav--v2 .counter-wrap {
    margin-left: 5px;
}

.tab-body>div:not(.ps__rail-x):not(.ps__rail-y) {
    display: none;
}

.tab-body>div:not(.ps__rail-x):not(.ps__rail-y):first-child {
    display: block;
}

.tab-body .ps__rail-y,
.tab-body>.ps__rail-x {
    z-index: 9;
}

.tabs__caption {
    font-size: 0px;
    margin-bottom: 20px;
    margin-left: -40px;
}

.tabs__caption>li {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-left: 40px;
}

.sub-tabs .tabs__caption>li {
    text-transform: uppercase;
}

.tabs__content {
    display: none;
}

.tabs__content.active {
    display: block;
}

.time-to-expiration-wrap {
    min-width: 155px;
}

.amount-wrap {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    min-width: 190px;
}

.amount-wrap,
.time-to-expiration-wrap {
    background-color: rgb(45, 46, 49);
    border: 1px solid rgb(101, 111, 123);
    border-radius: 4px;
    font-size: 22px;
    height: 50px;
    line-height: 44px;
    text-align: center;
}

.amount-wrap::after,
.time-to-expiration-wrap::after {
    clear: both;
    content: "";
    display: block;
}

.amount-wrap>div,
.time-to-expiration-wrap>div {
    height: 100%;
}

.amount-wrap .minus,
.amount-wrap .plus,
.amount-wrap .result,
.time-to-expiration-wrap .minus,
.time-to-expiration-wrap .plus,
.time-to-expiration-wrap .result {
    width: 100%;
}

.amount-wrap .minus,
.amount-wrap .plus,
.time-to-expiration-wrap .minus,
.time-to-expiration-wrap .plus {
    color: rgb(101, 111, 123);
    cursor: pointer;
    max-width: 50px;
}

.amount-wrap .minus:hover,
.amount-wrap .plus:hover,
.time-to-expiration-wrap .minus:hover,
.time-to-expiration-wrap .plus:hover {
    color: rgb(182, 188, 195);
}

.amount-wrap .plus,
.time-to-expiration-wrap .plus {
    float: right;
}

.amount-wrap .minus,
.time-to-expiration-wrap .minus {
    float: left;
}

.amount-wrap .result,
.time-to-expiration-wrap .result {
    border-left: 1px solid rgb(101, 111, 123);
    border-right: 1px solid rgb(101, 111, 123);
}

.list-checkbox .inner,
.list-links>li>a,
.list-radio .inner {
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 14px;
    height: 100%;
    padding: 6px 10px;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s;
}

.list-checkbox .inner .icon,
.list-checkbox .inner>span,
.list-links>li>a .icon,
.list-links>li>a>span,
.list-radio .inner .icon,
.list-radio .inner>span {
    transition: color 0.3s;
}

.list-checkbox .inner>span,
.list-links>li>a>span,
.list-radio .inner>span {
    display: inline-block;
}

.is-m-version .list-checkbox .inner,
.is-m-version .list-links>li>a,
.is-m-version .list-radio .inner {
    padding: 6px 10px;
}

.list-checkbox,
.list-links,
.list-radio {
    display: flex;
    flex-wrap: wrap;
}

.list-checkbox.is-icon .icon,
.list-checkbox.is-icon .svg-icon,
.list-links.is-icon .icon,
.list-links.is-icon .svg-icon,
.list-radio.is-icon .icon,
.list-radio.is-icon .svg-icon {
    display: block;
    margin: 20px auto 12px;
}

.list-checkbox.is-icon .svg-icon,
.list-links.is-icon .svg-icon,
.list-radio.is-icon .svg-icon {
    pointer-events: none;
    width: 50px;
}

.list-checkbox.is-icon .icon,
.list-links.is-icon .icon,
.list-radio.is-icon .icon {
    font-size: 50px;
}

.list-checkbox.is-icon .inner::after,
.list-checkbox.is-icon>a::after,
.list-links.is-icon .inner::after,
.list-links.is-icon>a::after,
.list-radio.is-icon .inner::after,
.list-radio.is-icon>a::after {
    content: "";
    left: 50%;
    position: absolute;
}

.list-checkbox [type="checkbox"],
.list-checkbox [type="radio"],
.list-radio [type="checkbox"],
.list-radio [type="radio"] {
    display: none;
}

.list-checkbox {
    margin: -5px;
}

.list-checkbox>label {
    padding: 5px;
}

.list-links {
    margin: -5px;
}

.list-links>li {
    padding: 5px;
}

.list-links>li>a {
    display: block;
    text-decoration: none;
}

.list-checkbox .inner,
.list-links>li>a,
.list-radio .inner {
    border-radius: 4px;
}

.your-profile-level {
    --item-gap: 15px;
    --border-radius: 10px;
    --border-radius-item: 10px;
    --padding-x: 14px;
    --padding-y: 20px;
    border-radius: var(--border-radius);
    margin-bottom: 15px;
    padding: var(--padding-y) var(--padding-x);
}

.your-profile-level__title {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px;
    margin-bottom: 25px;
}

.your-profile-level__title .tooltip2 {
    position: static;
}

.your-profile-level__title .fa-user-circle-o {
    margin-right: 10px;
}

.your-profile-level__title .tooltip2-profile {
    margin-left: 10px;
}

.your-profile-level__title .tooltip2-profile .fa {
    cursor: pointer;
    height: 14px;
    width: 14px;
}

.your-profile-level__item {
    --padding-x: 20px;
    --padding-y: 8px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    border: 1px solid;
    border-radius: var(--border-radius-item);
    justify-content: space-between;
    margin-bottom: var(--item-gap);
    padding: var(--padding-y) var(--padding-x);
}

.your-profile-level__item .tooltip-content {
    transform: translate(-50%, calc(-100% - 5px));
}

.your-profile-level__item:last-child {
    margin-bottom: 0px;
}

.your-profile-level__item--demo {
    border-color: rgb(172, 172, 172);
}

.your-profile-level__item--0,
.your-profile-level__item--1 {
    border-color: rgb(50, 172, 65);
}

.your-profile-level__item--2 {
    border-color: rgb(34, 90, 172);
}

.your-profile-level__item--3 {
    border-color: rgb(230, 162, 45);
}

.your-profile-level__item--4,
.your-profile-level__item--5 {
    border-color: rgb(218, 185, 114);
}

.your-profile-level__item-start {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.your-profile-level__item-start .profile-level {
    margin-right: 15px;
}

.your-profile-level__item-end {
    text-align: right;
}

.your-profile-level__btn-wrap {
    margin-top: var(--item-gap);
}

.your-profile-level__btn-wrap .fa-info-circle {
    font-size: 16px;
    margin-right: 7px;
}

.your-profile-level__btn-wrap .btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.theme-dark-blue .your-profile-level {
    background: rgb(28, 32, 55);
}

.theme-dark-blue .your-profile-level__item:not(.your-profile-level__item--active) {
    border-color: rgb(69, 74, 86);
}

.theme-light .your-profile-level {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px;
}

.theme-light .your-profile-level__item:not(.your-profile-level__item--active) {
    border-color: rgb(228, 234, 241);
}

.editable-empty {
    border-bottom: 1px dashed rgb(255, 91, 87);
    color: rgb(255, 91, 87);
}

.editable-empty:focus,
.editable-empty:hover {
    color: rgb(255, 40, 35);
}

.editable-cancel {
    display: none;
}

.social-btn {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 4px;
    box-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0px 0px inset;
    font-size: 16px;
    margin-bottom: 15px;
    padding: 6px 12px;
    color: rgb(255, 255, 255) !important;
}

.social-btn--sm {
    padding: 4px 8px;
    font-size: 14px !important;
}

.social-btn--sm .social-btn__icon {
    margin-right: 8px;
    padding-right: 8px;
}

.social-btn--sm .social-btn__icon::after {
    height: calc(100% + 8px);
    margin-top: -4px;
}

.social-btn--lg {
    padding: 6px 16px;
    font-size: 20px !important;
}

.social-btn--lg .social-btn__icon {
    margin-right: 16px;
    padding-right: 16px;
}

.social-btn--lg .social-btn__icon::after {
    height: calc(100% + 12px);
    margin-top: -6px;
}

.social-btn__icon {
    margin-right: 12px;
    padding-right: 12px;
    position: relative;
}

.social-btn__icon::after {
    background-color: rgba(255, 255, 255, 0.2);
    content: "";
    height: calc(100% + 12px);
    margin-top: -6px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 1px;
}

.social-btn--fb {
    background: linear-gradient(rgb(59, 89, 152) 0px, rgb(59, 89, 152));
    border: 1px solid rgb(49, 76, 132);
}

.social-btn--fb:hover {
    background: linear-gradient(rgb(45, 67, 115) 0px, rgb(45, 67, 115));
    border: 1px solid rgb(35, 55, 95);
}

.social-btn--gp {
    background: linear-gradient(rgb(223, 76, 57) 0px, rgb(223, 76, 57));
    border: 1px solid rgb(194, 56, 38);
}

.social-btn--gp:hover {
    background: linear-gradient(rgb(197, 51, 32) 0px, rgb(197, 51, 32));
    border: 1px solid rgb(151, 44, 30);
}

.social-btn--vk {
    background: linear-gradient(rgb(2, 136, 209) 0px, rgb(2, 136, 209));
    border: 1px solid rgb(2, 113, 177);
}

.social-btn--vk:hover {
    background: linear-gradient(rgb(2, 103, 158) 0px, rgb(2, 103, 158));
    border: 1px solid rgb(1, 81, 127);
}

.social-btn--tw {
    background: linear-gradient(rgb(0, 174, 239) 0px, rgb(0, 174, 239));
    border: 1px solid rgb(2, 113, 177);
}

.social-btn--tw:hover {
    background: linear-gradient(rgb(0, 137, 188) 0px, rgb(0, 137, 188));
    border: 1px solid rgb(1, 81, 127);
}

.social-btn--in {
    background: linear-gradient(rgb(0, 115, 178) 0px, rgb(0, 115, 178));
    border: 1px solid rgb(3, 108, 166);
}

.social-btn--in:hover {
    background: linear-gradient(rgb(0, 82, 127) 0px, rgb(0, 82, 127));
    border: 1px solid rgb(2, 75, 116);
}

.message {
    border: 1px dashed transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 10px 15px;
    position: relative;
}

.message>h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 0px;
}

.message>p {
    font-size: 13px;
}

.message a:not(.btn) {
    text-decoration: underline;
}

.message.message-bonus-code::before,
.message.message-error::before,
.message.message-info::before,
.message.message-success::before,
.message.message-warning::before {
    display: inline-block;
    font: 20px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    left: 15px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}

.message.message-success {
    background-color: var(--po-ui-kit-alert-success-background-color-base);
    border-color: var(--po-ui-kit-alert-success-border-color-base);
    color: var(--po-ui-kit-alert-success-color-base);
}

.message.message-success.notification-message::before {
    color: var(--po-ui-kit-alert-success-icon-color-base);
    content: "";
}

.message.message-error {
    background-color: var(--po-ui-kit-alert-error-background-color-base);
    border-color: var(--po-ui-kit-alert-error-border-color-base);
    color: var(--po-ui-kit-alert-error-color-base);
}

.message.message-error .form-error {
    display: block;
}

.message.message-error.notification-message::before {
    color: var(--po-ui-kit-alert-error-icon-color-base);
    content: "";
}

.message.message-warning {
    background-color: var(--po-ui-kit-alert-warning-background-color-base);
    border-color: var(--po-ui-kit-alert-warning-border-color-base);
    color: var(--po-ui-kit-alert-warning-color-base);
}

.message.message-warning.notification-message::before {
    color: var(--po-ui-kit-alert-warning-icon-color-base);
    content: "";
}

.message.message-info {
    background-color: var(--po-ui-kit-alert-info-background-color-base);
    border-color: var(--po-ui-kit-alert-info-border-color-base);
    color: var(--po-ui-kit-alert-info-color-base);
}

.message.message-info.notification-message::before {
    color: var(--po-ui-kit-alert-info-icon-color-base);
    content: "";
}

.message.message-bonus-code {
    background-color: var(--backgroud-color);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 10px;
    color: var(--color);
    margin-bottom: 24px;
    overflow: hidden;
    padding: 15px 34px 15px 230px;
}

.message.message-bonus-code::before {
    background: linear-gradient(185deg, rgb(0, 154, 249) 4.18%, rgb(255, 244, 183) 50.67%);
    border-radius: 400px;
    content: " ";
    height: 400px;
    left: -180px;
    position: absolute;
    top: 0px;
    transform: rotate(44deg);
    width: 400px;
}

.message.message-bonus-code img {
    left: 24px;
    max-width: 157px;
    position: absolute;
    top: 14px;
}

.message.message-bonus-code>h4 {
    margin-bottom: 8px;
}

.message.message-bonus-code>p {
    font-size: 14px;
}

.theme-dark-blue .message.message-bonus-code {
    --color: #fff;
    --backgroud-color: #20273f;
}

.theme-light .message.message-bonus-code {
    --color: #314e70;
    --backgroud-color: #e5f0f8;
}

.message.notification-message {
    padding-left: 45px;
}

.message--large-border-left {
    border-left: 5px solid;
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.flex-aic {
    -webkit-box-align: center;
    align-items: center;
}

.flex-ww {
    flex-wrap: wrap;
}

.flex-ais {
    -webkit-box-align: start;
    align-items: flex-start;
}

.flex-dc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.flex-jcc {
    -webkit-box-pack: center;
    justify-content: center;
}

.flex-jcsb {
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.flex-jcfe {
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.flex-centered {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.mln-15 {
    margin-left: -15px;
}

.mln-20 {
    margin-left: -20px;
}

.mla {
    margin-left: auto;
}

.mb-0 {
    margin-bottom: 0px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-15 {
    margin-top: 15px;
}

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

.list-gap-parent {
    margin-left: -7px;
    margin-top: -7px;
}

.list-gap-child {
    margin-left: 7px;
    margin-top: 7px;
}

.nowrap {
    white-space: nowrap;
}

.diamond-info {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.diamond-info__text {
    margin-left: 4px;
    padding-bottom: 4px;
}

.diamond-info__label {
    color: rgb(143, 165, 191);
}

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

.diamond-info__count-with-discount {
    color: rgb(172, 172, 172);
    text-decoration: line-through;
    text-wrap: nowrap;
}

.diamond-info__money-wrap {
    display: flex;
}

.diamond-info__money-wrap>* {
    margin-right: 12px;
}

.diamond-info__money-wrap> :last-child {
    margin-right: 0px;
}

.diamond-info:first-child .diamond-info__text {
    margin-left: 0px;
}

.diamond-info--money .diamond-info__count-with-discount {
    font-size: 14px;
}

.diamond-info--svg .diamond-info__count-with-discount {
    font-size: 12px;
    line-height: 14px;
}

.diamond-info--svg .svg-icon {
    display: block;
}

.diamond-info--svg .diamond-info__icon {
    margin-right: 6px;
}

.diamond-info--svg .diamond-info__text {
    padding-bottom: 0px;
}

.diamond-info--svg.diamond-info--size-20 .diamond-info__text {
    font-size: 13px;
}

.diamond-info--svg.diamond-info--size-35 .diamond-info__text {
    font-size: 18px;
    line-height: 20px;
}

.diamond-info--svg.diamond-info--size-70 .diamond-info__text {
    font-size: 22px;
    line-height: 24px;
}

.diamond-info--svg.diamond-info--size-100 .svg-icon {
    height: 100px;
    width: 100px;
}

.diamond-info--svg.diamond-info--size-70 .svg-icon {
    height: 70px;
    width: 70px;
}

.diamond-info--svg.diamond-info--size-45 .svg-icon {
    height: 45px;
    width: 45px;
}

.diamond-info--svg.diamond-info--size-35 .svg-icon {
    height: 35px;
    width: 35px;
}

.diamond-info--svg.diamond-info--size-20 .svg-icon {
    height: 20px;
    width: 20px;
}

.diamond-info--svg.diamond-info--size-10 .svg-icon {
    height: 10px;
    width: 10px;
}

.diamond-info--svg.diamond-info--red .svg-icon {
    filter: drop-shadow(rgb(251, 69, 39) 0px 0px 2px);
}

.diamond-info--svg.diamond-info--green .svg-icon {
    filter: drop-shadow(rgb(7, 217, 104) 0px 0px 2px);
}

.diamond-info--svg.diamond-info--blue .svg-icon {
    filter: drop-shadow(rgb(50, 230, 222) 0px 0px 2px);
}

.diamond-info--svg.diamond-info--secret .svg-icon {
    filter: drop-shadow(rgb(70, 12, 67) 0px 0px 2px);
}

.progress-wrapper {
    font-size: 12px;
    margin-bottom: 20px;
    padding: 0px 20px;
    position: relative;
}

.progress-wrapper .start {
    left: 20px;
    position: absolute;
    top: 100%;
}

.progress-wrapper .end {
    position: absolute;
    right: 20px;
    top: 100%;
}

.progress {
    border-radius: 4px;
    height: 4px;
    margin-bottom: 10px;
    overflow: inherit;
}

.progress__bar {
    background: linear-gradient(rgb(24, 109, 226) 0px, rgb(0, 69, 165));
    border-radius: 4px;
    height: 100%;
    position: relative;
    width: 0px;
}

.progress__text {
    font-size: 10px;
    font-weight: 300;
    position: absolute;
    white-space: nowrap;
}

.progress--stripped .progress__bar::after {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 0px, transparent 50%, rgba(255, 255, 255, 0.15) 0px, rgba(255, 255, 255, 0.15) 75%, transparent 0px, transparent);
    background-size: 40px 40px;
}

.progress--bubble .progress__bar::after {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABACAYAAAD7/UK9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjdFQ0M2MzdDQThBMTFFMUE3NzJFNzY4M0ZDMTA3MTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjdFQ0M2MzhDQThBMTFFMUE3NzJFNzY4M0ZDMTA3MTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyN0VDQzYzNUNBOEExMUUxQTc3MkU3NjgzRkMxMDcxMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyN0VDQzYzNkNBOEExMUUxQTc3MkU3NjgzRkMxMDcxMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoTG0pMAABr+SURBVHjavJ1nj1zXecfP1J2Z7cut7E2FKlShLEs241iKjCiA4fhN3uRFkC+QD+F8hSBBkOICO0YQIYoCJ4FsSbGsLpORKJImRbEtKZJLbu8zO+3mXuH36P73aNqy+AJH3Jm599znPL2do0QQBIedc38UjoFwJMJxKxwvhaMQjkm3+Yp+7w3HCH8vhmM2HKlwjIVjG5+n3NavbczTFY5vheORcGTDUQvHejiuh+Mf5f7ot/Fw5IBlNRw3geP74djDGtLhqIfjdDh+wb055oi+XwnHtLfG7nDs4h0XwrHm7s2V5j394TjBd0fC8Vw49oZjEHiCcJwKx8/Ccc0eXGHRfSBp0VuI3dcTjnw4DoajHI4NkJyC2DcgWvU2FzEnf7/FYkYB+gcN7o/eswQcSY9Z+oA3xfMO2IfCUZTvkhBHrwMQKlpjJRwZd++uJMwT4XcHzLkMXvv4PcEac6whurca/ecKiHoURPxOFlxnYcMsegxkziEFOT4fgdjH78JiepnvYeb8QZP76sC7xALtKvFbje9tHUm0yiKIcdxTFuZ8MhzPs75IQj/nnoQQ+25eZfB/hc8pGLIgDBUgWAvgpupEjVwMx2Wo3AX1Uzyc56Es361yT/T91+BKx/ezDdTrVq+AOaP5znf4TN1TdZHEzANvAuQv8XkaJrT71pDOb4bjT9EoEQwvhOPVcLyNVvp9XJG0PxaOX4bj2XDsQzjWRPK+5LIu1FI3C3xGqB3ZkEPh+Cwcb6COivx2lH9NleTQyzeEi1tJVYpnZ7zfIoL9N8MJJ+Y6tDVVGHEV5gpY102kqASMzlOtT4RjP0RMAuNRCH7hDojR3SHcOezyBIzya3AzzudTaMMvCXcEju0H8VnRrWmoHKmXs/ydYvJ+0dFmQyL19mYbAIdhjt08E0nAT9s8MwhsB5DGl1vcGyHpt8y/D8RF8H+I5mh0rUDQFENV2XYcpRL4mMYOtbLlkfN2P3iKtNAnLd6t7/oMnKRw1k7CNIv4EX28+wtARrhxCDE11ZmUyU7AtVUBeIPFmIMSqaZLHXLWk6KuIo56MRz/20RSI7v0bTHY0T1/CSL+Mxz3gdzjEK0KLPPAvR8tMc8abN01sVsZYUpbW4V7+mCaKeC1a76J7YvgeRzbn4FRIyn+rw7U/SqEGeBzZGs/hkZ/xvv+xhZg0hX9e1VUUyD2YQLKl5lwEtX5BIsqIZGvdUC4g0hBWry6PXwuN/BmH0FCeyBEGoT0wAArELGZOrokHlw/76oiCdMSWlQYN0DY57ynINrHMUcXeDHm1asHROe4J4emiGD9qA1u1lHp5kssQYc+woaCeZ9pzyVOA0hNuDIpnGDeWRqEnEfVFjuI3ew93SDCuLuCKqw0eCYhbn9ZuDtgriW0Q6srJd7xfhaeQSKmBWGfs6Y6xKvDDPY5JcRLMEfC00JOYM3KvRbvtrsiPH7K0Ct69gxMEDHGfuXyBThonUUlIOIKkliAkDuQmgeJO/61DTBdjDLzHUd9PIADcAH7k2jiaJwFnlHP/pSaeHtdEGiQz5dhqgHCmQyEzyAZM6z7dWzj11F1ERL/jrWaM5WEwdY8504JtwieUtxrhG9l4zIiySYkqoIX8HAHjBnTcEgXgJ7GKB7AbpSIMQog+gGM7jAqMs3nv26RGRhlzgpqYJrMzDeQvsswRr1JaFCFQXaInc2wmGnvXSaJQ6iXBO+eksyKqcqaJ+U15jwJLKMSs9r8eYi8JNKU9mCehxGHwFMVSW6myseBY5x1JWV+X412awB+CoBNFcwgHb0AXkcl5tCzfXCHBYOP41y82sQV3s0za3BjwOKPMXfQQN2oNznMgtZhIHt2zpOyIVHXCfk3JxJ6GQKdasH9N3huCkIbIhO8PyVMVZPwSK8LHYREBQTkD5ljlvdcFdyVBT9FGLXbuGhBvJqKTNojEfwqnFQRR6YsKZiVFtxkxJ4DsBuSfxyUWGvaM/Tm8X4dOAKxLeteLBYIs62DOJPQy8BrtvJUB7bmOmNCmMFCo7RI90YThit38I5I7f0Bat0YaxEYH4BhL8LwfeB/ymiS9hZvWYscUtXP4nfxr+nzFTjPEtHXIcAgABRRtQ/DAAl+O0BMY1mZEbGdVY8YGRBXkCA/wdhNXLMqiJqTYPom406Sv4Oo82W85arYriSjdJvz9+Ep7xDc52C8Md6dQa2vg6d5YEi4BvrZJK9Xks4OIgzDYWsiKZG0/go7Zx5bgQj/lhj1gIVGfx9m7jyq+FwTW5FCLSQbxIGD/FYUGA3OQ3Dzv7P4ym0gtirpwIqXEK66O79yECjredCWhkuJN9orxJ2zxEcjwpmkaC7TJv4UlfY9pO9TkaYRvrPY6yPJa1qgusZvB8QhWsKGLjSwj4OeJ+kz1i35Po+n+wLviEo7fxuOD4QRMluQkkgt/YcQ7W5e0wTWo6wzKwF/hKt3kPQkztVO1loBX72NCLcbhGU9otm/EZJ/TIJ5RfRzxVN7Q9gXU8FmI/rMM+Id6yxkrUHcN4uqTYt7XUY1+wnoLKq1j7ENG/IBf+8DGZ9tEckJL0lR81z1hAxTpbUO5v0AOL8JHuexaW95zDLHCCTuXUw3iCfMQOZFUgLxOuch0AxSE4D8YwTjSfGQZiUDcQPkPSQLXAf4hSYcX4cjj4pt/YiYq1GgXUPKV1FHEWzfhWBj2FdFeLAF4iU8JnbyfL94r8tbKLy+KxmSZXClcye893ypdXzCVeDmExBhAOKsgbRZyQ58AtK7+dsSxtdkgYMQuSzc8yYV7i4k8hUPQWn+LXOPxWx9MEu2CRLmUTFrwDCNtI4iiSVP2syOVOSzqfV1D1k1bPycl1gvsMak1NL6RDO0uywh3sxuak1xE/ESQRA0K7tETsTTcISlt642UGfJJi/uQp3uBICXRKrHWdg4330icVKvEPAxpLRLpD7SCP/QxmN7EmcpJxxbxBF6X+Cw8GYAAnRBlOtSMdnO7xqwnwe+XhhpTYhpoc68mIW5u124S7coc7wLpy/D6ZUmHmi9BQJ9W2lSPU/G/wAILSEl/WJPerGT2n5Qb7EW60/JoBbN6GclZBjw4HDiAFi1wqrn3cxTgKCWHF+B4T6T2l2FexaYYwiCj4CHFF6uXv1oqXVJB94x4ew6cxv2QFM0UyCy6OKeCntvvxcvXvOyEiUIbOUcJ47BuBenpUDSs+KF1cWhCFzctqAqOQ9cVc+GFbi/Dxgr3D8AQ82J3csBzwEIcEqyRZbLjHDxx1S2TcXuRStsMN80puOuEM43wjnsxeUO9fdx99U+lIQkf63QuA4s2pxTQzV3S1hSRnWPeoRLS+BqDlRSEs2WWrP2hV6IOwFiKyL5NZ7vBZY+4CvybvOId4nntyipqXkXd585SVyMYnqO8e77kFhL7e3Gjh67m4Sze6P006NwXuQB/WSLbnVaMg4b2IoiqmWGv/MQyDyzm/xd4ZlA6lwlIcw6w4lH+5A4N1eB2VJWe0WN5sQlLwPLMPMvc18GqbB6oM2dxWP+DQSsS6CuZaA6BBwhSaD212DKdZo0SG+BaI9CuBGAiLIlf07mZLZDouVExSRd3CpnHt003LosFeaS2DbLSd7yFldBgisg3LzFT5jHNMWGeHsbEjJsCMKviqqvSw0yA1xW7UijHgusP3rfj5CikuQzjWhFKi0TzJVp4Lmm7jbhqgCTlcVYMXS2wzmSXlxyje+64NQVvj8ndsuS23mxF/Pc6we5GwSwM9itHLajhzhwHIfhXWp8FfGGy7x3j1cDW+C+dRd3Wg26uMe0Xxyxp3FYpvGEzeno4e9PpXz1oNjNBHg1aRsAruOspXanqnJWMhlJybxvNf+XFDtSFDVVFIL1s4hZ3pEWD7Edo2ygugaQjIdBlDkjSRjlNPazB6Isubib2Aj3ObYzLcXXIaRs3YvV1nDGrDf1Os/087w5etd496Mu7iawhPuIxJBrEj/fEeFmMJwrLu61eKeFagw856bOM0lRBeUGRcM8xlsbeMqoqU6uDYZlT/aJ42JqdTfcP+llh/xQZ0HypVY5uejijrAszLHO97f4e060TKMqxSQEnWBtoy7u57HnHoEBz90p4RK4umeZeK1FPNWo5GFORbs8ngX8B8neWL3urOusi8yubag+a9wxKbFOYSu8NoufrFP6lhB9zcVdxSkXNxZNeqmuZAfMdZb3r0OkXtZquLISz20Trlsq3nXXvLu4i3vs3pL7atPLVjzYMdRdxsW9LjfFc2wGwwYwP0TsNCRFVJu70GGlIOCdZQhVcnFPThqVuwgBAsmXFoA/L6k1a9tI8psVaWeALylhTw1Ve+F2nZNR0kcjAlhkhP/Fm2MA7t7m4m6uSgvCJdtkQawaPCrvHYIpmhEuhfNxFG/vvBcDbkh6a1aSAe0cqgLzBKLW0mKDZiUGjdb9FBXs03xOiASvMEcB73ea789BrAPAt4oZmm6q/prkKg0ReyQhnBR7YD34FepKEeDPweUJ8UIjLvsp3J6Thfj9iFYc3c4789gMayZdxiadbqHGdwLDIxB4DG+vCoLzcPdlYDrfoXnoR2VbW18ZApxjZEB+itzq00hTjXBkVuz5FWEYC4us22wb7xoE3jdbFW3Tbbit3ytpBHDfqItbz/YC3A6GGvshamLvCOETkpiuimQfBfndkiU5w70LUnVoBGc3da1DEDrr4paJVQmsr6OeOt1MYsGxptwsm3IQ5p2T38oSo1WEaOaR9nglNNuzMQ7hAnHIRt1X9zh0RLi629zvYUSz9ugBr0o7DsICCTz7uC8v+cCUeI8rUo3Yyb9WyjjA76+2QW6dnN9hcWTMEbIQ4ApIjJDywy3aW/Nqs5IrTaENDgjhrHV/u2ichJd7XfRwvwe8VUUKrTw0CMzlrRKuIPGXVZR7JPVjxvYK6rRXAnMtBCaI0YwTJ5BMa/c+AXBVL0PSLd5cu+sWUvS4pL+m4Oi1OyCaESTnecMJ8fz0WibAP8ZvVh0pozFmvUzJnFQlEp5n3t3KO023ye5Po393eS6xxXKTcNIAn7PCpRXJNljKaxe2Jyf5wu1SDklJ1dta4A+69tucIgSclERtXYL6c9jh4m16uHXx9NKSTJ6VoNpXr9PY9QVhnjmP+BswVzeMXBdClV28HWDLhAuIm/bCSRkvw76HF7xHFTfj1a+KOAO2vXgbeluJa65+kRTPLskgDGK3HoODX2kBq3mw+5A6y3suEC997GRT4BZLVcsQfztEsGrBJWyn2tpx1HaKpPOG3JNlfVZ87UIKbTfquHjjFsv2SNjRlHBp1Jj1Op6FSIvCwYG34Bq/XWIxR3CFFwHoNwC3IVKW9AqjGd5zmt8el0S2hRpReujtNpVkKyNNwsUXmXfFc+ft6nFxm99N17y3vwLhrkK4YRB7sUnyoY81HQKHWljeB+EOgeNfuXjDZZF1TwPXfV5V/uVmhLN9a7q54kOArDeIv+YgWFlUx5SLG1WvA+wqxL4MEazKnZQ0UlkC0F0ubvNLi4MxAXJbxX+TDLOnEZKeERf7Jio1A5MdBYaIKd5qMa82IV1voVLnsdt5j2hOCsaHYU7TYBfA2UVwGjH+81JJyUHUl1upyqx8NyQpKL+3vwqRroCQmtTOfgE370U9fkfcXHMYjPutMWdW4r/PWFw3CKiB+F7XeA9dIy0ywr8HJck7ig207PuYuOAHIV430m0bQCyRbCmujQ7ivnmJxxbELNh6MhIX94gDM4JU90oRNynP/5VjU6NPOAPWJp2U6u6HAGPl/DUQvN4g95jC2I6LmAcSNsxJxXlBsuHmxETzRrtTvy8ppjMgxCdcQmplSRA7CoJsk0qPpO0Sko3Is44huD7F/c8JQ9mRIJZcLzXJHSbRCHtQg+8JbFZA7YJA80hjmvdmSBrYc4NeHc9JBb2hxEWIfF2Qb+mhHMi0NE+9TaLYMiBZCWDzUh34wDU+ykLtp+2XK0gGP9Eg3WWBdgE4TeWad3pLYq6MVCfMyXofhH8M3E+IVAwwd584W+ZQ/LxBavBZFzcGHUH7vA6MvcB2VbztdT4XXXwsxwIwpIQx1dZG24lfUsLZYpPiyu+DAD18fkcQ3SXpqGue1NSlmpsQ7re/Sw24NRC1YGr0baRhm5eF8J8dEIlLispNYI9WQZwd5xFITTC675+A7zABtZVwChA1IVkPO0SggBf7HvdOiAcY8HcP389wfxVpnxXnzGLcyzgoB3FKDqPpJiX8sF7WL7IyaZEw4yxzVB4VVWNR/xlJ0Yy7+Pgka0A1Tp6S+dSTrDUx6k6C97pXA5wB2EZ5u34IOyyMd0IKpCsu7jKzTSIJSUlNioe53cXd23lsTo+LO8QGJba0UOhTVP8UCM/IWsymO/7NA6fVCLVuaPOW0BIzLt5wkkQi33TS0JuWwDcrXJ8XohkHfQv9bDGWpbHMEZiVZGvSbd78uMHvMy16KoIWcVWj+20f93MuPkhnhXc/CGPNS2rJOqqnkUTb63CO5z7lOXMOtJ9zD5/XvBKW7Vhd4l09ECDr5VZtb0UGqX6Bd1/F3q2Ap0Wx59clbfi+8w7+SYsdUvVj7WL9cIs5ANa9OyGZ8mW46Clc7V64tyY2ZQWHo51XttUc4k6J9zTIHUHN7sXzXZFyk1UMlkFMVLN7DXUVwfiiFIJT4hGbx10UVarmxgqjViw+3yCkqJNQmGCOB1y8/23VxS2JU8Cz3izjk5b0i/XpR4v9BkixLMgUfRR1CZrzqBDrqbfW8SyEL4vLX7zLRDPYu6TFoSS27hRe2rqo6UVgWXLxeSgJCfbXsDMDlGaWQeYwoUNFCH4VwphXaHvZliRXqtcYduuCi09wSrq4yywtKv2mp2kSqNZr6lGn5QbbNLfM50sAXQCgX/PCGVTHsIs3hBTh6mH31dMTEu7u7y/T2CgQdW/M8S5rOySxoLYEXHHx/uqfyW9LVCPOQEDTPhMgbkYyLdMNPD9L+9mWq8/AyVG8zhfFw91wcXu/9ZnugJGyEr8+zJzHGF90ivkBuB32siJ26yapGYtFAlz6pyTgDNzmIyisIWjFxRsg7va1BIGeFO0wyHd7xTtNu81nqli66pzbvK3Jz4CYVrmOfbnSwNZq76QD8Y+IFD/Cb88AU0qY/++R4Dz2+Jo4LwHPPCYeeTfqPwpFVtINHIQi0rbTxV1KzwOUHUcxgzoaE7toqsuKgkss+EN3706fi1R4dNTSt1FvSRjqAgx4Chd7jEVf4f7jLarLJnlLHRZa61L96HHxGSuWKtzu4g0gFqf+Dtd+D96oMUhNwpVuFx/mU+eeaO6oETnfiHCLGGm7IlH9mos7kOzlhyS9k5FK8XYX9wpa9Xm1AyRkXWd7yhr1hCTFa6tCrFnUygm4dwQmPOXiYy+qLj4KqnYbjKNdawUIYWk2q3pcBVcZIcK4i4/L+I6Ld+5WJQ6dQkVvk7h4FbU70K5ZKC9le1UJBY9gJnFVt/lAzCLibs0whqQDkkwu8N0ZXHI/JLATgcyWzgmHjzD/Dsmc5IQRbIfOPxM2XBFVlBCnYMPd2fG9FvvlpQRmuJgXW1fj9xuSibEGXqucX0LSrL5YEjyXWWuqk/a8cRd3LzsRZ/OweqVHouzijRVWiB0GYRnUwhGAtLOQrWBozTTrnrG3GltVktBnYZz7gU/7WUx9FcWrvYDazrvNR2/0SWLAYtnbKbharGv2cVkcDGubuCXh1Yc8cwzYrstvfmX/fhh0EiaPGLC3HeGsDXxdiqCrLO7nxEBjcI6dGTyH9FiOLgD5s0jamMQxdmZVHmJu8wi3A6J1C7IHXLwR0LjcnA7tY7RT76bE6Qg8J2RVbNQENqSf+U+4zac6dGJv35ccZ8SUv2S+CNb/ATfzXuW+5OKdQX7b4nUX750wLzpS9f3tCLeM6BawE9Y7eQYu6JW0VkqyCj7xyxKjHGZhRckhOgncp4SYB+UdRcmldkvOMyehgGkCC6Ctd+VxCFHxYDWVugaCRyQv+RiI/b8OCVdGKl5DI9iO1oyYlyWPOLbpxQ7+LuGJWhrxrPTi2CmGbzYKBxrFSnq24zjARZLwF/x2SzIq1vBp+92UIDdQcw/z+w5pwrGDQMfEBplqzIljZO1vlgiwHkfbNboMgm5ILGX9HgNifywlZ2dPT0qS2Nz8w/we5Wx/3CHxKlJALYkWMPsfiN02ZjO7nXVxa7ydWWaEK0nMWtMkc6tGGatxWeCppZolvsti20wiLBQYgNvtgM9X4eAB7N2QBPE3JTVlyDsPs+xz8YHYyxL83sT56EMNLxNz3sdipxn9lEvspPdTwH9EuPsVmKwgHuqQa38kbyuPc140UgkByLt4f501XFne1E4PKntq2rSHJf/3pDswuhWJ3zQcSLjNPe95qSmdBmGj4rWVMcSBi1ut7Wx9M+j7RDWZ83Ocf61P/5qLD4ez4ysWgdM2w/9WHKQCBLpfCqq2Wd/c+THiQPsfMxRRefe5OzsTrCrPVyTDowVgS1h389sZiSFTrGkVHFqpabATr7IEMkdwT524psYdebd535tlu8+5uLvrpLi7b4iaTMNdRRefNrQmAbI18iQly2720TYD7hKvbre0BZiqPCw5S9tnZ2ce2+aMA0hESRyas3chSVDxBKHk4gOAyjgm1ltTl1aGBel1GRIn5Ytwp9XeAd/BsCaWLN5OtMiPUGV7QJTVps56HtyXp3fLFQH8PRcf7hbglZ0UN972WPudZdYzMiYV7gk+F138/xKw9vX9ks03ZvwcNWUtddF3P3FfPcvlXl3a6a17xW1vxTo4i9bxXQj2Iyu0prfANaclSLXTz+3EnvOS+diQmlsg3qkP9AJV9TEQbzFgVwMPUdvga+L0pGT+PsmwD0q6qAtHabdkLkyFncX2dUmvzO+LcJZe7PHKamaellx8fop1g1mi4kynEqeXNa5YXKf7xhbFuTBvqVmqKiWqzpjD0kFVFzeKJqV/xVzjHkKFjNiNUVRiILUzS4XdkqahDTTGD7F3f4LB/xzH5hLzZFD1q/eQeCmx9Wlh9AUId1u7dZrlE0dFL+d4adFtPgI+Lc05ay3aFWz3SyAceLHBvSW3eZtXVpKx2geTFbs2KIT9N4hUFztpFYY3SPqe57cnUE1pJPmk6+xY/tv1PK0DugLz1D2i6bEgt024QAJekxLrR8k0qKa32w20IVzWLtWUlxaCRS8pa2p6Rlxva4i1Hv5bLZIM9v8T6saOD0hBeBdJ4Av3gHDDSPs21rKKlAei3fYT+x6Tlgv3/wIMAGfxS3lASyEZAAAAAElFTkSuQmCC") 0px 0px;
    opacity: 0.2;
}

.progress--stripped.progress--active .progress__bar::after {
    animation: 4s linear 0s infinite normal none running progress-bar-stripes;
}

.progress--bubble.progress--active .progress__bar::after {
    animation: 3s linear 0s infinite normal none running pregress-sparkle;
}

.progress--bubble .progress__bar::after,
.progress--stripped .progress__bar::after {
    border-radius: 4px;
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.progress--postfix-dot .progress__bar::before {
    border-radius: 50%;
    right: 0px;
    width: var(--size, 4px);
}

.progress--postfix-line .progress__bar {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.progress--postfix-line .progress__bar::before {
    width: 1px;
}

.progress--postfix-dot .progress__bar,
.progress--postfix-line .progress__bar {
    position: relative;
}

.progress--postfix-dot .progress__bar::before,
.progress--postfix-line .progress__bar::before {
    content: "";
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
}

.progress--has-text {
    margin-bottom: 20px;
    position: relative;
}

.progress--text-position-left .progress__text {
    right: 7px;
}

.progress--text-position-right .progress__text {
    left: calc(100% + 4px);
}

.progress--size-small {
    --size: 4px;
}

.progress--size-small.progress--has-text .progress__bar::before {
    height: calc(100% + var(--size) + 8px);
}

.progress--size-small.progress--has-text .progress__text {
    top: calc(var(--size));
}

.progress--size-small.progress--postfix-dot .progress__bar {
    min-width: 4px;
}

.progress--size-small.progress--postfix-line .progress__bar {
    min-width: 2px;
}

.progress--size-medium {
    --size: 8px;
    height: var(--size);
}

.progress--size-medium.progress--has-text .progress__bar::before {
    height: calc(100% + var(--size) + 4px);
}

.progress--size-medium.progress--has-text .progress__text {
    top: calc(var(--size));
}

.progress--size-large {
    --size: 12px;
    height: var(--size);
}

.progress--size-large.progress--has-text .progress__bar::before {
    height: calc(100% + var(--size));
}

.progress--size-large.progress--has-text .progress__text {
    top: calc(var(--size));
}

.progress.reverse .progress__bar {
    float: right;
}

.progress.reverse .progress__bar::after {
    left: 0px;
    right: auto;
}

@-webkit-keyframes pregress-sparkle {
    0% {
        background-position: 0px 0px;
    }

    100% {
        background-position: 0px -64px;
    }
}

@keyframes pregress-sparkle {
    0% {
        background-position: 0px 0px;
    }

    100% {
        background-position: 0px -64px;
    }
}

.mCustomScrollbar {
    height: 100%;
}

.mCustomScrollbar .mCSB_inside>.mCSB_container {
    margin-right: 0px;
}

.mCustomScrollbar .mCSB_outside+.mCSB_scrollTools {
    right: -20px;
}

.mCustomScrollbar .mCSB_scrollTools_vertical .mCSB_scrollTools {
    width: 4px;
}

.mCustomScrollbar .mCSB_dragger {
    top: 0px;
}

.mCustomScrollbar .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgb(173, 173, 173);
}

.mCustomScrollbar .mCSB_draggerRail {
    background-color: rgb(35, 35, 39);
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 20px;
}

.bootstrap-select {
    outline: none;
}

.bootstrap-select .bs-caret .caret {
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.bootstrap-select .dropdown-toggle.btn-default {
    background-color: transparent;
    border-radius: 0px;
    height: 100%;
}

.bootstrap-select .dropdown-toggle.btn-default:focus {
    background-color: transparent;
    border-color: transparent;
    height: 100%;
}

.bootstrap-select [class^="flag_"] {
    margin-right: 10px;
}

.bootstrap-select li.disabled {
    opacity: 0.6;
}

.bootstrap-select .dropdown-menu li {
    margin-bottom: 5px;
}

.bootstrap-select .dropdown-menu li>a {
    border-radius: 4px;
    padding: 6px 10px !important;
}

.bootstrap-select .dropdown-menu li>a span.text {
    white-space: normal;
}

.bootstrap-select .dropdown-menu li:last-child {
    margin-bottom: 0px;
}

.bootstrap-select .dropdown-menu.open {
    margin-top: 10px;
    padding: 0px;
}

.bootstrap-select .dropdown-menu.open::before {
    content: "";
    left: 20px;
    position: absolute;
    top: -8px;
}

.bootstrap-select .dropdown-menu.inner {
    border-radius: 4px;
    padding: 4px;
}

.bootstrap-select .divider {
    display: none;
}

.bootstrap-select .btn .filter-option {
    font-size: 14px;
}

.bootstrap-select .no-results {
    background: none;
}

.bootstrap-select .dropdown-toggle .filter-option {
    height: auto;
    left: auto;
    position: relative;
    top: auto;
}

.bootstrap-select .dropdown-menu li a span.text,
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.bootstrap-select.open>.dropdown-toggle.btn-default:focus,
.bootstrap-select.open>.dropdown-toggle.btn-default:hover {
    background-color: transparent;
    border-color: transparent;
    height: 100%;
}

.bootstrap-select.open .bs-caret .caret {
    transform: rotate(180deg);
}

.bootstrap-select-disabled {
    opacity: 0.5;
    pointer-events: none;
    user-select: none;
}

.dropdown-header {
    font-size: 14px;
    line-height: 18px;
    padding: 8px 10px;
    text-align: center;
}

* {
    box-sizing: border-box;
    outline: none !important;
}

html {
    position: relative;
}

body {
    font-family: "Noto Sans", Arial, sans-serif;
    font-weight: 400;
    min-height: 650px;
    min-width: 1023px;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    background-attachment: fixed;
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 14px;
    line-height: 1.4;
    padding: 0px !important;
}

body.no-scroll {
    overflow-y: hidden;
}

a {
    color: var(--po-ui-kit-tag-a-base);
    cursor: pointer;
}

a,
a:focus,
a:hover {
    text-decoration: none;
}

a:focus,
a:hover {
    color: var(--po-ui-kit-tag-a-hover);
}

table {
    width: 100%;
}

table td,
table th {
    text-align: left;
}

table tfoot,
table thead {
    font-size: 12px;
}

[href*="#ci"] {
    display: none;
}

.disabled-symbol-wrapper {
    background-color: rgb(35, 34, 34);
    color: rgb(255, 255, 255);
    text-align: center;
}

.status-verified {
    color: rgb(73, 167, 68);
}

.status-review {
    color: rgb(224, 197, 87);
}

.status-decline {
    color: rgb(255, 68, 32);
}

.status-in-process {
    color: rgb(204, 204, 204);
}

.status-unverified {
    color: rgb(255, 68, 32);
}

.price-down {
    color: rgb(191, 58, 45);
}

.price-up {
    color: rgb(111, 194, 116);
}

.price-neutral {
    color: rgb(181, 181, 191);
}

.progressbar {
    pointer-events: none;
}

.chart.loading .loading-container .loading-logo-container {
    transform: scale(1);
}

.animated-logo {
    transform: none;
}

i.put {
    color: rgb(219, 73, 49);
}

i.call,
i.put {
    font-size: 13px;
    padding-right: 4px;
}

i.call {
    color: rgb(17, 130, 65);
}

.ajax-loading {
    position: relative;
}

.ajax-loader-wrapper {
    inset: 0px;
    opacity: 0.75;
    position: absolute;
    z-index: 3;
}

.text-bronze,
.text-gold,
.text-silver {
    font-weight: 700;
}

.text-gold {
    color: rgb(193, 145, 89);
}

.text-silver {
    color: rgb(98, 101, 103);
}

.text-bronze {
    color: rgb(177, 97, 63);
}

.text-warning {
    color: rgb(230, 162, 45);
}

.text-success {
    color: rgb(84, 167, 85);
}

.loading-container .ajax-loader-v2--absolute {
    z-index: inherit;
}

.left-sidebar .counter-wrap {
    top: 3px;
}

.left-sidebar.fixed {
    max-width: 90px;
}

.left-sidebar.fixed>nav {
    max-width: inherit;
    position: fixed;
    top: 0px;
    width: 100%;
}

.minimize-left-sidebar .left-sidebar.fixed {
    max-width: 50px;
}

@media screen and (max-height: 800px) {
    body:not(.minimize-left-sidebar).is-pc-version.is-chart .left-sidebar .pocket-friends-sidebar-btn {
        display: none;
    }
}

.right-sidebar .counter-wrap {
    top: 5px;
}

.right-sidebar .hotkeys-icon {
    position: relative;
}

.right-sidebar .hotkeys-icon .on {
    background-color: rgb(37, 190, 62);
    border-radius: 50%;
    height: 8px;
    position: absolute;
    right: 31px;
    top: 10px;
    width: 8px;
}

.right-sidebar .sub-menu {
    right: 100%;
}

.right-sidebar .sub-menu a {
    text-align: right;
}

.right-sidebar .sub-menu .fa {
    margin-left: 17px;
}

.express-bets-active .right-sidebar .express-bets a {
    background: linear-gradient(rgba(48, 153, 245, 0.01), rgba(48, 153, 245, 0.1) 75%, rgba(48, 153, 245, 0.25));
}

.express-bets-active .right-sidebar .express-bets .fa {
    color: rgb(255, 255, 255);
}

.left-sidebar,
.right-sidebar {
    position: relative;
    z-index: 12;
    -webkit-box-flex: 0;
    flex: 0 0 90px;
    max-width: 90px;
    transition: flex-basis 0.3s, width 0.3s, max-width 0.3s, -webkit-flex-basis 0.3s;
    will-change: flex-basis, width, max-width;
}

.left-sidebar nav i,
.right-sidebar nav i {
    height: auto;
}

.left-sidebar li,
.right-sidebar li {
    position: relative;
    text-align: center;
}

.left-sidebar a,
.right-sidebar a {
    display: block;
    padding: 10px 5px 6px;
    text-decoration: none;
}

.left-sidebar a>i,
.right-sidebar a>i {
    display: block;
    font-size: 19px;
    margin: 0px auto 5px;
}

.left-sidebar .svg-icon,
.right-sidebar .svg-icon {
    width: 19px;
}

.left-sidebar .counter-wrap,
.right-sidebar .counter-wrap {
    display: flex;
    position: absolute;
    right: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: end;
    align-items: flex-end;
}

.left-sidebar .counter-wrap .counter,
.right-sidebar .counter-wrap .counter {
    margin-bottom: 3px;
}

.left-sidebar .counter-wrap .counter:last-child,
.right-sidebar .counter-wrap .counter:last-child {
    margin-bottom: 0px;
}

.left-sidebar .nlabel,
.right-sidebar .nlabel {
    display: none;
    font-size: 12px;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: normal;
}

.left-sidebar>nav,
.right-sidebar>nav {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 100%;
}

.left-sidebar .bottom,
.right-sidebar .bottom {
    margin-top: inherit;
}

body.is-chart .left-sidebar .bottom,
body.is-chart .right-sidebar .bottom,
body.is-mt5 .left-sidebar .bottom,
body.is-mt5 .right-sidebar .bottom {
    margin-top: auto;
}

.left-sidebar.show-text .nlabel,
.right-sidebar.show-text .nlabel {
    display: block;
}

.left-sidebar>nav>ul>li>a i~i {
    display: none;
    font-size: 13px;
}

.line-height {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==?v=5") 0px 0px no-repeat;
    display: inline-block;
}

.line-height__1px {
    background-position: 0px 0px;
    height: 13px;
    margin-top: -6.5px;
    width: 23px;
}

.line-height__2px {
    background-position: 0px -13px;
}

.line-height__2px,
.line-height__3px {
    height: 13px;
    margin-top: -6.5px;
    width: 24px;
}

.line-height__3px {
    background-position: 0px -26px;
}

.line-height__4px {
    background-position: 0px -40px;
    height: 14px;
    margin-top: -7px;
    width: 25px;
}

.line-height__5px {
    background-position: 0px -54px;
    height: 14px;
    margin-top: -7px;
    width: 26px;
}

[name="google_conversion_frame"] {
    display: none;
}

.wrapper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-height: 100%;
}

.wrapper__bottom,
.wrapper__center {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

body:not(.is-chart) .site-content-in {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 100%;
}

.site-content,
body:not(.is-chart) .site-content-in .content {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.site-content {
    position: relative;
}

.site-content .site-content-in .chart-canvas {
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.site-content .content,
.site-content.page-content .site-content-in {
    padding: 20px;
}

body:not(.is-chart):not(.is-m-version).s-chat_open .site-content {
    margin-left: 360px;
}

.ReactModal__Content.Refactor,
.mfp-content {
    display: flex;
    height: 100%;
    margin: auto;
    overflow-y: auto;
    padding: 20px;
    scrollbar-width: none;
    text-align: center;
}

.ReactModal__Content.Refactor>div.r-loading,
.mfp-content>div.r-loading {
    background: none;
    border: 0px;
    text-align: center;
}

.ReactModal__Content.Refactor::-webkit-scrollbar,
.mfp-content::-webkit-scrollbar {
    display: none;
}

.note-error .form-error {
    display: block;
}

.redirect-message {
    margin-bottom: 20px;
    text-align: center;
}

.video-wrapper {
    height: 0px;
    padding-bottom: 56.25%;
    padding-top: 25px;
    position: relative;
}

.video-wrapper iframe {
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.last-purchases-table .buttons .btn {
    font-family: inherit;
    font-size: 14px;
    font-weight: 100;
    height: 36px;
    line-height: 36px;
    padding: 0px 10px;
}

.last-purchases-table .buttons .btn.btn-green {
    height: 34px;
    line-height: 34px;
    margin-top: 2px;
}

.last-purchases-table .buttons.one {
    text-align: center;
}

.last-purchases-table .buttons.two {
    display: flex;
    margin-left: -4%;
}

.last-purchases-table .buttons.two .btn {
    margin-left: 4%;
    width: 46%;
}

.last-purchases-table td.tooltip2 {
    text-align: center;
}

.last-purchases-table .tooltip-text {
    display: block;
    text-align: center;
}

.tournament-currency {
    display: inline-block;
    margin-top: -3px;
    position: relative;
    vertical-align: middle;
    width: 12px;
}

.tournament-currency .st0 {
    fill: rgb(255, 255, 255);
}

.mfp-container {
    height: 100dvh;
    min-height: 100dvh;
    position: fixed;
}

.ReactModal__Content.Refactor .modal-has-turn-off-block .text,
.mfp-container .modal-has-turn-off-block .text {
    margin-bottom: 15px;
}

.ReactModal__Content.Refactor .modal-has-turn-off-block .buttons,
.mfp-container .modal-has-turn-off-block .buttons {
    margin-left: -35px;
}

.ReactModal__Content.Refactor .modal-has-turn-off-block .buttons>*,
.mfp-container .modal-has-turn-off-block .buttons>* {
    margin-left: 35px;
}

.ReactModal__Content.Refactor .show-turn-off-block-btn,
.mfp-container .show-turn-off-block-btn {
    border-bottom: 1px dashed rgb(143, 165, 191);
    font-size: 14px;
    text-decoration: none;
    white-space: nowrap;
}

.ReactModal__Content.Refactor .show-turn-off-block-btn:hover,
.mfp-container .show-turn-off-block-btn:hover {
    color: rgb(175, 191, 210);
}

.ReactModal__Content.Refactor .hseow,
.mfp-container .hseow {
    overflow: hidden;
}

.ReactModal__Content.Refactor .hseow__in,
.mfp-container .hseow__in {
    display: flex;
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: 200%;
    will-change: transform;
}

.ReactModal__Content.Refactor .hseow__body,
.mfp-container .hseow__body {
    width: 100%;
}

.ReactModal__Content.Refactor .hseow--active-w1 .hseow__in,
.mfp-container .hseow--active-w1 .hseow__in {
    transform: translateZ(0px);
}

.ReactModal__Content.Refactor .hseow--active-w2 .hseow__in,
.mfp-container .hseow--active-w2 .hseow__in {
    transform: translate3d(-50%, 0px, 0px);
}

.plot-vertical-scroll-btn {
    border-radius: 0px 0px 4px 4px;
    border-top: transparent;
    cursor: pointer;
    opacity: 0;
    padding-bottom: 4px;
    padding-top: 4px;
    pointer-events: none;
    position: absolute;
    right: 190px;
    text-align: center;
    top: 0px;
    transform: translate3d(0px, 20px, 0px);
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s, -webkit-transform 0.3s;
    visibility: hidden;
    width: 30px;
}

.plot-vertical-scroll-btn>i {
    display: block;
    font-size: 20px;
    line-height: 13px;
}

.plot-vertical-scroll-btn.show {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    visibility: visible;
}

.right-sidebar-modal.trades-modal .tab-nav li {
    width: 50%;
}

.right-sidebar-modal.trades-modal .closed-trades .tooltip-content,
.right-sidebar-modal.trades-modal .opened-traders .tooltip-content {
    width: 255px;
}

.right-sidebar-modal.trades-modal .item-row {
    position: relative;
}

.right-sidebar-modal.trades-modal .centered {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.right-sidebar-modal.trades-modal .opened-traders li {
    display: none;
}

.right-sidebar-modal.trades-modal .opened-traders li tfoot td {
    padding: 0px 3px;
}

.right-sidebar-modal.trades-modal .opened-traders li .btn {
    display: block;
    font-size: 12px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.right-sidebar-modal.trades-modal .opened-traders li .cancel-bet-resolve {
    display: none;
    width: 100%;
}

.right-sidebar-modal.trades-modal .opened-traders li .cancel-bet-reject {
    display: none;
}

.right-sidebar-modal.trades-modal .opened-traders .order-graph-show {
    cursor: pointer;
}

.right-sidebar-modal.trades-modal .opened-traders .order-graph-show:hover .f .add {
    opacity: 1;
}

.right-sidebar-modal.trades-modal .opened-traders .direction {
    margin-left: 4px;
}

.right-sidebar-modal.trades-modal .opened-traders .direction-call {
    color: rgb(73, 167, 68);
}

.right-sidebar-modal.trades-modal .opened-traders .direction-put {
    color: rgb(252, 56, 10);
}

.right-sidebar-modal.trades-modal .opened-traders .fsd-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.right-sidebar-modal.trades-modal .opened-traders .f {
    color: rgb(255, 151, 6);
    font-size: 14px;
    margin-right: 4px;
}

.right-sidebar-modal.trades-modal .opened-traders .f .add {
    opacity: 0.6;
}

.right-sidebar-modal.trades-modal .opened-traders .f .del,
.right-sidebar-modal.trades-modal .opened-traders .f.has-favorites .add {
    display: none;
}

.right-sidebar-modal.trades-modal .opened-traders .f.has-favorites .del {
    display: inline-block;
}

.right-sidebar-modal.trades-modal .opened-traders .progress {
    margin: 0px;
}

.right-sidebar-modal.trades-modal .opened-traders .to-expiration-time {
    display: block;
    text-align: center;
}

.right-sidebar-modal.trades-modal .closed-trades li {
    cursor: pointer;
}

.right-sidebar-modal.trades-modal .closed-trades .direction-call {
    color: rgb(73, 167, 68);
}

.right-sidebar-modal.trades-modal .closed-trades .direction-put {
    color: rgb(252, 56, 10);
}

.right-sidebar-modal.trades-modal .closed-trades li.animated,
.right-sidebar-modal.trades-modal .opened-traders li.animated {
    animation-duration: 0.3s;
}

.right-sidebar-modal.trades-modal .closed-trades li.animated:first-child,
.right-sidebar-modal.trades-modal .opened-traders li.animated:first-child {
    animation-delay: 0.05s;
}

.right-sidebar-modal.trades-modal .closed-trades li.animated:nth-child(2),
.right-sidebar-modal.trades-modal .opened-traders li.animated:nth-child(2) {
    animation-delay: 0.1s;
}

.right-sidebar-modal.trades-modal .closed-trades li.animated:nth-child(3),
.right-sidebar-modal.trades-modal .opened-traders li.animated:nth-child(3) {
    animation-delay: 0.15s;
}

.right-sidebar-modal.trades-modal .closed-trades li.animated:nth-child(4),
.right-sidebar-modal.trades-modal .opened-traders li.animated:nth-child(4) {
    animation-delay: 0.2s;
}

.right-sidebar-modal.trades-modal .closed-trades li.animated:nth-child(5),
.right-sidebar-modal.trades-modal .opened-traders li.animated:nth-child(5) {
    animation-delay: 0.25s;
}

.right-sidebar-modal.trades-modal .closed-trades li.animated:nth-child(6),
.right-sidebar-modal.trades-modal .opened-traders li.animated:nth-child(6) {
    animation-delay: 0.3s;
}

.right-sidebar-modal.trades-modal .closed-trades li.animated:nth-child(7),
.right-sidebar-modal.trades-modal .opened-traders li.animated:nth-child(7) {
    animation-delay: 0.35s;
}

.right-sidebar-modal.trades-modal .closed-trades li.animated:nth-child(8),
.right-sidebar-modal.trades-modal .opened-traders li.animated:nth-child(8) {
    animation-delay: 0.4s;
}

.right-sidebar-modal.trades-modal .closed-trades li.animated:nth-child(9),
.right-sidebar-modal.trades-modal .opened-traders li.animated:nth-child(9) {
    animation-delay: 0.45s;
}

.right-sidebar-modal.trades-modal .closed-trades li.animated:nth-child(10),
.right-sidebar-modal.trades-modal .opened-traders li.animated:nth-child(10) {
    animation-delay: 0.5s;
}

.right-sidebar-modal.trades-modal .closed-trades li.animated:nth-child(11),
.right-sidebar-modal.trades-modal .opened-traders li.animated:nth-child(11) {
    animation-delay: 0.55s;
}

.right-sidebar-modal.trades-modal .closed-trades li.animated:nth-child(12),
.right-sidebar-modal.trades-modal .opened-traders li.animated:nth-child(12) {
    animation-delay: 0.6s;
}

.right-sidebar-modal.trades-modal .closed-trades li.animated:nth-child(13),
.right-sidebar-modal.trades-modal .opened-traders li.animated:nth-child(13) {
    animation-delay: 0.65s;
}

.right-sidebar-modal.trades-modal .closed-trades .tooltip-content .tooltip-text h3,
.right-sidebar-modal.trades-modal .opened-traders .tooltip-content .tooltip-text h3 {
    color: rgb(48, 153, 245);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.right-sidebar-modal.trades-modal .closed-trades .tooltip-content .tooltip-text p,
.right-sidebar-modal.trades-modal .opened-traders .tooltip-content .tooltip-text p {
    color: rgb(143, 165, 191);
    text-align: center;
}

.right-sidebar-modal.trades-modal .closed-trades .tooltip-content .tooltip-text p .ts,
.right-sidebar-modal.trades-modal .opened-traders .tooltip-content .tooltip-text p .ts {
    font-size: 12px;
}

.right-sidebar-modal.signals-modal {
    background-color: transparent;
    padding-left: 50px;
}

.right-sidebar-modal.signals-modal .scroll-to-nav {
    background-color: transparent;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 50px;
}

.right-sidebar-modal.signals-modal .scroll-to-nav .tab-nav {
    left: inherit;
    position: inherit;
    top: inherit;
    width: inherit;
}

.right-sidebar-modal.signals-modal .s-text {
    font-size: 12px;
    padding: 10px 20px 0px;
}

.right-sidebar-modal.signals-modal .tab-body [class*="category-"],
.right-sidebar-modal.signals-modal .tab-body>div:not(.ps__rail-x):not(.ps__rail-y) {
    display: none;
}

.right-sidebar-modal.signals-modal .tab-body [class*="category-"].active {
    display: block;
}

.right-sidebar-modal.signals-modal .tab-body .table {
    font-size: 14px;
}

.right-sidebar-modal.signals-modal .tab-body .table tr {
    animation-duration: 0.3s;
    cursor: pointer;
}

.right-sidebar-modal.signals-modal .tab-body .table tr.asset-forecast-label {
    cursor: default;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

.right-sidebar-modal.signals-modal .tab-body .table tr.asset-forecast-label td {
    text-align: center;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:first-child {
    animation-delay: 0.05s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(2) {
    animation-delay: 0.1s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(3) {
    animation-delay: 0.15s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(4) {
    animation-delay: 0.2s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(5) {
    animation-delay: 0.25s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(6) {
    animation-delay: 0.3s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(7) {
    animation-delay: 0.35s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(8) {
    animation-delay: 0.4s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(9) {
    animation-delay: 0.45s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(10) {
    animation-delay: 0.5s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(11) {
    animation-delay: 0.55s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(12) {
    animation-delay: 0.6s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(13) {
    animation-delay: 0.65s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(14) {
    animation-delay: 0.7s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(15) {
    animation-delay: 0.75s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(16) {
    animation-delay: 0.8s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(17) {
    animation-delay: 0.85s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(18) {
    animation-delay: 0.9s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(19) {
    animation-delay: 0.95s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(20) {
    animation-delay: 1s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(21) {
    animation-delay: 1.05s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(22) {
    animation-delay: 1.1s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(23) {
    animation-delay: 1.15s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(24) {
    animation-delay: 1.2s;
}

.right-sidebar-modal.signals-modal .tab-body .table tr:nth-child(25) {
    animation-delay: 1.25s;
}

.right-sidebar-modal.signals-modal .tab-body .table td {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    text-align: center;
}

.right-sidebar-modal.signals-modal .tab-body .table td:first-child,
.right-sidebar-modal.signals-modal .tab-body .table td:last-child {
    padding-left: 15px;
    padding-right: 15px;
}

.right-sidebar-modal.signals-modal .tab-body .table td:first-child {
    text-align: left;
}

.right-sidebar-modal.signals-modal .tab-body .table td:last-child {
    padding-right: 20px;
    text-align: right;
}

.right-sidebar-modal.signals-modal .tooltip-content .tooltip-text {
    display: block;
    max-width: 300px;
}

.right-sidebar-modal.signals-modal .tooltip-content .tooltip-text p {
    font-size: 12px;
    line-height: 15px;
}

.right-sidebar-modal.signals-modal .tooltip-content .tooltip-text p:first-child {
    font-size: 13px;
    margin-bottom: 4px;
}

.right-sidebar-modal.signals-modal .tooltip-content .tooltip-text .fa {
    font-size: 20px;
}

.right-sidebar-modal.signals-modal .tooltip-content .tooltip-text .l {
    float: left;
    padding-left: 8px;
    padding-top: 15px;
    text-align: center;
    width: 30px;
}

.right-sidebar-modal.signals-modal .tooltip-content .tooltip-text .r {
    margin-left: 36px;
    overflow: hidden;
}

.right-sidebar-modal.signals-modal .settings-block .stitle {
    display: block;
    font-size: 12px;
    line-height: 16px;
    padding: 10px 0px;
    position: relative;
    text-align: center;
}

.right-sidebar-modal.signals-modal .settings-block .mdl-wrap {
    padding: 15px;
}

.right-sidebar-modal.signals-modal .settings-block .mdl-switch {
    height: auto;
}

.right-sidebar-modal.signals-modal .settings-block .mdl-switch__label {
    font-size: 13px;
}

.right-sidebar-modal.sc-modal {
    background-color: transparent;
}

.right-sidebar-modal.sc-modal .main-tab-nav .active>a {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}

.right-sidebar-modal.sc-modal .load-more-btn-wrapper {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

.right-sidebar-modal.sc-modal .load-more-btn-wrapper .ajax-loading {
    position: absolute;
}

.right-sidebar-modal.sc-modal .main-tab-nav .tab-top24h a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.right-sidebar-modal.sc-modal .tabs__caption {
    background-color: rgb(53, 52, 62);
}

.right-sidebar-modal.sc-modal .ssub-title,
.right-sidebar-modal.sc-modal .stitle {
    padding: 7px 0px;
    text-align: center;
}

.right-sidebar-modal.sc-modal .stitle {
    display: block;
    padding: 7px 0px;
    position: relative;
    text-align: center;
}

.right-sidebar-modal.sc-modal .stitle .fa {
    position: absolute;
    right: 10px;
    top: 10px;
}

.right-sidebar-modal.sc-modal .main-tab-body {
    height: 100%;
}

.right-sidebar-modal.sc-modal .main-tab-body>div:not(.settings-block) {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-pack: justify;
    height: 100%;
    justify-content: space-between;
}

.right-sidebar-modal.sc-modal .main-tab-body__body {
    height: 100%;
    overflow: hidden;
}

.right-sidebar-modal.sc-modal .sc-items .ajax-loader-wrapper {
    opacity: 1;
    text-align: center;
}

.right-sidebar-modal.sc-modal .sc-items .ajax-loader-wrapper .ajax-loader-32 {
    display: inline-block;
    margin-top: 14px;
}

.right-sidebar-modal.sc-modal .sc-items__item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
    padding: 6px 10px 6px 15px;
}

.right-sidebar-modal.sc-modal .sc-items .sc-items__item.sc-items__item-ro {
    cursor: default;
}

.right-sidebar-modal.sc-modal .sc-items__item--offline .user-avatar {
    opacity: 0.5;
}

.right-sidebar-modal.sc-modal .sc-items__avatar {
    margin-right: 10px;
    position: relative;
}

.right-sidebar-modal.sc-modal .sc-items__bet-info {
    margin-left: auto;
}

.right-sidebar-modal.sc-modal .sc-items__slider {
    cursor: pointer;
    height: 46px;
    margin-left: auto;
    overflow: hidden;
}

.right-sidebar-modal.sc-modal .sc-items__slider:hover .sc-items__slider-in {
    transform: translate3d(0px, -50%, 0px);
}

.right-sidebar-modal.sc-modal .sc-items__slider-in {
    margin-right: 5px;
    transition: transform 0.3s, -webkit-transform 0.3s;
    will-change: transform;
}

.right-sidebar-modal.sc-modal .sc-items__slider-in>div {
    height: 46px;
    padding-left: 5px;
    padding-top: 3px;
}

.right-sidebar-modal.sc-modal .sc-items__start-watching {
    background-color: rgba(48, 153, 245, 0.1);
    border: 1px solid rgb(48, 153, 245);
    box-shadow: rgb(54, 79, 108) 0px 0px 5px 2px;
}

.right-sidebar-modal.sc-modal .sc-items__start-watching:hover {
    background-color: rgba(97, 177, 247, 0.1);
    border-color: rgb(97, 177, 247);
}

.right-sidebar-modal.sc-modal .sc-items .status {
    border-radius: 50%;
    bottom: 6%;
    height: 20%;
    position: absolute;
    right: 6%;
    width: 20%;
}

.right-sidebar-modal.sc-modal .sc-items .status--on {
    background-color: rgb(50, 172, 65);
    box-shadow: rgb(50, 172, 65) 0px 0px 10px;
}

.right-sidebar-modal.sc-modal .sc-items .status--off {
    background-color: gray;
}

.right-sidebar-modal.sc-modal .sc-items .bet-info,
.right-sidebar-modal.sc-modal .sc-items .bet-info__sum {
    text-align: right;
}

.right-sidebar-modal.sc-modal .sc-items .bet-info__sum--loss {
    color: rgb(245, 41, 20);
}

.right-sidebar-modal.sc-modal .sc-items .bet-info__sum--win {
    color: rgb(111, 194, 116);
}

.right-sidebar-modal.sc-modal .sc-items .bet-info__time {
    color: rgb(152, 152, 156);
    font-size: 12px;
    margin-top: 3px;
}

.right-sidebar-modal.sc-modal .sc-items .bet-info__total-profit {
    color: rgb(152, 152, 156);
    font-size: 12px;
    text-align: right;
}

.right-sidebar-modal.sc-modal .sc-items .top-info {
    margin-left: auto;
}

.right-sidebar-modal.sc-modal .sc-items .top-info__profit {
    color: rgb(111, 194, 116);
    text-align: right;
}

.right-sidebar-modal.sc-modal .sc-items .top-info__deals {
    font-size: 12px;
    text-align: right;
}

.right-sidebar-modal.sc-modal .sc-items .time-info {
    margin-left: auto;
    text-align: right;
}

.right-sidebar-modal.sc-modal .sc-items .time-info__btn a {
    box-shadow: none;
    font-size: 11px;
    line-height: 14px;
    padding: 3px 6px;
    position: relative;
}

.right-sidebar-modal.sc-modal .sc-items .time-info__btn a:hover {
    box-shadow: none;
}

.right-sidebar-modal.sc-modal .sc-items .time-info__label {
    color: rgb(152, 152, 156);
    font-size: 12px;
    line-height: 14px;
    margin-top: 3px;
    text-align: right;
}

.right-sidebar-modal.sc-modal .sc-items .user-info {
    margin-right: 7px;
}

.right-sidebar-modal.sc-modal .sc-items .user-info__count-bets,
.right-sidebar-modal.sc-modal .sc-items .user-info__pair,
.right-sidebar-modal.sc-modal .sc-items .user-info__stop-copy {
    font-size: 12px;
    line-height: 14px;
}

.right-sidebar-modal.sc-modal .sc-items .user-info__time {
    color: rgb(152, 152, 156);
    font-size: 12px;
}

.right-sidebar-modal.sc-modal .sc-items .user-info__time .loss {
    color: rgb(252, 56, 10);
}

.right-sidebar-modal.sc-modal .sc-items .user-info__time .win {
    color: rgb(111, 194, 116);
}

.right-sidebar-modal.sc-modal .sc-items .user-info__pair {
    cursor: pointer;
    transition: color 0.2s;
}

.right-sidebar-modal.sc-modal .sc-items .user-info__pair i {
    margin-right: 5px;
}

.right-sidebar-modal.sc-modal .sc-items .user-info__pair:hover {
    color: rgb(0, 154, 249);
}

.right-sidebar-modal.sc-modal .no-items-block {
    padding: 10px;
    text-align: center;
}

.right-sidebar-modal.sc-modal .no-items-block>p {
    color: rgb(152, 152, 156);
    margin: 0px;
    text-align: center;
}

.right-sidebar-modal.sc-modal .no-items-block>p+.btn {
    margin-top: 10px;
}

.right-sidebar-modal.sc-modal .no-items-block .message {
    font-size: 13px;
    margin: 0px;
    text-align: left;
}

.right-sidebar-modal.sc-modal .no-items-block .message+.btn {
    margin-top: 10px;
}

.right-sidebar-modal.sc-modal .no-items-block .btn {
    font-size: 13px;
}

.right-sidebar-modal.sc-modal .divider {
    font-size: 10px;
    padding: 7px 0px;
    text-align: center;
    text-transform: uppercase;
}

body.is-pc-version .right-sidebar-modal.sc-modal .divider {
    height: 34px;
    line-height: 18px;
}

.right-sidebar-modal.sc-modal .tab-body>div:not(.ps__rail-x):not(.ps__rail-y):first-child {
    display: flex;
}

.right-sidebar-modal.sc-modal .top-ranked-block .tabs__caption {
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
    margin-bottom: 0px;
    margin-left: 0px;
}

.right-sidebar-modal.sc-modal .top-ranked-block .tabs__caption>li {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-bottom: 2px solid transparent;
    flex-direction: column;
    justify-content: space-around;
    margin-left: 0px;
    width: 100%;
}

.right-sidebar-modal.sc-modal .top-ranked-block .tabs__caption>li>a {
    color: rgb(152, 152, 156);
    text-align: center;
    width: 100%;
}

.right-sidebar-modal.sc-modal .top-ranked-block .tabs__caption>li.active {
    border-bottom-color: rgb(48, 153, 245);
}

.right-sidebar-modal.sc-modal .top-ranked-block .tabs__caption>li.active>a {
    color: rgb(255, 255, 255);
}

.right-sidebar-modal.sc-modal .settings-block label {
    height: auto;
    margin: 20px;
    width: calc(100% - 40px);
}

.right-sidebar-modal.sc-modal .settings-block label+label {
    margin-top: 0px;
}

.right-sidebar-modal.sc-modal .settings-block .mdl-switch__thumb,
.right-sidebar-modal.sc-modal .settings-block .mdl-switch__track {
    top: 50%;
}

.right-sidebar-modal.sc-modal .settings-block .mdl-switch__thumb {
    margin-top: -10px;
}

.right-sidebar-modal.sc-modal .settings-block .mdl-switch__track {
    margin-top: -7px;
}

.right-sidebar-modal.sc-modal .settings-block .mdl-switch__label {
    font-size: 13px;
    line-height: 16px;
    top: -2px;
}

.right-sidebar-modal.sc-modal .sc-items__start-watching,
.right-sidebar-modal.sc-modal .sc-items__stop-copy,
.right-sidebar-modal.sc-modal .sc-items__stop-watching {
    border-radius: 4px;
    color: rgb(255, 255, 255);
    display: block;
    font-size: 12px;
    line-height: 14px;
    padding: 3px 10px 6px;
    text-align: center;
    transition: border-color 0.3s, background-color 0.3s;
    will-change: border-color, background-color;
}

.right-sidebar-modal.sc-modal .sc-items__stop-copy,
.right-sidebar-modal.sc-modal .sc-items__stop-watching {
    background-color: rgba(83, 27, 31, 0.1);
    border: 1px solid rgb(245, 41, 20);
    box-shadow: rgb(101, 52, 54) 0px 0px 5px 2px;
}

.right-sidebar-modal.sc-modal .sc-items__stop-copy:hover,
.right-sidebar-modal.sc-modal .sc-items__stop-watching:hover {
    background-color: rgba(121, 40, 45, 0.1);
    border-color: rgb(247, 86, 69);
}

.right-sidebar-modal.sc-modal .all-top-24h-rank .sc-items__item,
.right-sidebar-modal.sc-modal .copy-block .sc-items__item,
.right-sidebar-modal.sc-modal .search-block .sc-items__item,
.right-sidebar-modal.sc-modal .top-ranked-block .sc-items__item,
.right-sidebar-modal.sc-modal .watch-block .sc-items__item {
    cursor: pointer;
}

.right-sidebar-modal.sc-modal .all-top-24h-rank .btn-wrap,
.right-sidebar-modal.sc-modal .search-block .btn-wrap,
.right-sidebar-modal.sc-modal .top-ranked-block .btn-wrap {
    padding: 10px 0px;
    text-align: center;
}

.right-sidebar-modal.sc-modal .search-block .main-tab-body__header {
    padding: 6px 10px;
}

.right-sidebar-modal.sc-modal .search-block .validation-errors,
.right-sidebar-modal.sc-modal .search-block p {
    font-size: 11px;
    line-height: 14px;
    margin: 4px 0px;
}

.right-sidebar-modal.sc-modal .search-block p {
    color: rgb(165, 158, 158);
}

.right-sidebar-modal.sc-modal .search-block .validation-errors {
    color: rgb(191, 58, 45);
}

.right-sidebar-modal.mt5-platforms-modal .platform-item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 8px;
}

.right-sidebar-modal.mt5-platforms-modal .platform-item__icon {
    margin-right: 8px;
    min-width: 60px;
    text-align: center;
}

.right-sidebar-modal.mt5-platforms-modal .platform-item__icon .fa {
    font-size: 50px;
    line-height: 50px;
}

.right-sidebar-modal.mt5-platforms-modal .platform-item__icon--windows {
    color: rgb(0, 173, 239);
}

.right-sidebar-modal.mt5-platforms-modal .platform-item__icon--ios {
    color: rgb(153, 153, 153);
}

.right-sidebar-modal.mt5-platforms-modal .platform-item__icon--android {
    color: rgb(163, 196, 57);
}

.right-sidebar-modal.mt5-platforms-modal .platform-item__icon--mac-os {
    color: rgb(25, 166, 248);
}

.right-sidebar-modal.mt5-platforms-modal .platform-item__icon--linux {
    color: rgb(0, 0, 0);
}

.right-sidebar-modal.mt5-platforms-modal .platform-item__btns {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-top: -4px;
}

.right-sidebar-modal.mt5-platforms-modal .platform-item__btns .btn {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    margin-left: 4px;
    margin-top: 4px;
}

.right-sidebar-modal.mt5-platforms-modal .platform-item__btns .btn .fa {
    margin-right: 3px;
}

.right-sidebar-modal.mt5-platforms-modal .platform-item__info {
    width: calc(100% - 68px);
}

.right-sidebar-modal.mt5-platforms-modal .platform-item__text {
    margin-bottom: 4px;
}

.right-sidebar-modal.mt5-platforms-modal .platform-item__link {
    font-size: 12px;
    height: auto;
    padding: 4px 10px;
}

.right-sidebar-modal.mt5-accounts-modal {
    background: transparent !important;
}

.right-sidebar-modal.mt5-accounts-modal .body__in {
    padding: 0px 15px;
}

.right-sidebar-modal.mt5-accounts-modal .tournament-label {
    font-size: 12px;
    margin-bottom: 15px;
    padding: 9px 20px;
    text-align: center;
}

.right-sidebar-modal.mt5-accounts-modal .tab-body>div {
    display: none;
}

.right-sidebar-modal.mt5-accounts-modal .tab-body>div:first-child {
    display: block;
}

.right-sidebar-modal.express-bets-modal .in-padding {
    padding: 10px 15px 0px;
}

.right-sidebar-modal.express-bets-modal .opened-traders .text {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 15px;
    margin-top: 7px;
    padding: 14px 20px;
    text-align: justify;
}

.right-sidebar-modal.express-bets-modal .opened-traders .text::after {
    display: none;
}

.right-sidebar-modal.express-bets-modal .tab-nav>li {
    border-bottom: 2px solid transparent;
}

.right-sidebar-modal.express-bets-modal .cpp {
    display: flex;
    margin-left: -6px;
    margin-top: 9px;
}

.right-sidebar-modal.express-bets-modal .cpp .c,
.right-sidebar-modal.express-bets-modal .cpp .p,
.right-sidebar-modal.express-bets-modal .cpp .t {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    margin-left: 6px;
    margin-top: 6px;
}

.right-sidebar-modal.express-bets-modal .cpp .t select {
    color: rgb(0, 0, 0);
    height: 100%;
    width: 100%;
}

.right-sidebar-modal.express-bets-modal .cpp .c>a,
.right-sidebar-modal.express-bets-modal .cpp .p>a {
    display: block;
    padding: 5px 15px;
}

.right-sidebar-modal.express-bets-modal .cpp .c>a i,
.right-sidebar-modal.express-bets-modal .cpp .p>a i {
    font-size: 20px;
}

.right-sidebar-modal.express-bets-modal .new-tab__heading {
    font-size: 16px;
    margin: 10px 0px;
    text-align: center;
}

.right-sidebar-modal.express-bets-modal .new-tab__heading span {
    font-weight: 700;
}

.right-sidebar-modal.express-bets-modal .new-tab__content {
    display: block;
    margin: 0px 10px;
}

.right-sidebar-modal.express-bets-modal .new-tab__express-info .possible-profit {
    font-size: 16px;
    margin: 10px;
    text-align: center;
}

.right-sidebar-modal.express-bets-modal .new-tab__express-info .button-wrapper {
    padding: 20px;
    text-align: center;
}

.right-sidebar-modal.express-bets-modal .new-tab__express-info .button-wrapper button {
    color: rgb(255, 255, 255);
}

.right-sidebar-modal.express-bets-modal .new-tab__express-info .button-wrapper button.btn-put {
    background-color: red;
}

.right-sidebar-modal.express-bets-modal .new-tab__express-info .button-wrapper button.btn-call {
    background-color: green;
}

.right-sidebar-modal.express-bets-modal .bets-list {
    margin-top: 10px;
}

.right-sidebar-modal.express-bets-modal .bets-list>li thead td {
    font-size: 12px;
    line-height: 13px;
}

.right-sidebar-modal.express-bets-modal .bets-list>li td {
    text-align: center;
}

.right-sidebar-modal.express-bets-modal .bets-list>li .fsd-wrap {
    display: flex;
}

.right-sidebar-modal.express-bets-modal .bets-list>li .fsd-wrap .direction {
    padding-left: 4px;
}

.right-sidebar-modal.express-bets-modal .bets-list>li .fsd-wrap .direction-put {
    color: rgb(191, 58, 45);
}

.right-sidebar-modal.express-bets-modal .bets-list>li .fsd-wrap .direction-call {
    color: rgb(111, 194, 116);
}

.right-sidebar-modal.express-bets-modal .asset-item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    border-top: 1px solid;
    justify-content: space-between;
    margin-left: -5px;
    padding: 15px 7px;
}

.right-sidebar-modal.express-bets-modal .asset-item>* {
    margin-left: 5px;
}

.right-sidebar-modal.express-bets-modal .asset-item .timeframe {
    position: relative;
}

.right-sidebar-modal.express-bets-modal .asset-item .timeframe__current {
    padding: 2px 7px;
    text-align: center;
}

.right-sidebar-modal.express-bets-modal .asset-item .timeframe__current,
.right-sidebar-modal.express-bets-modal .asset-item .timeframe__item {
    font-size: 12px;
}

.right-sidebar-modal.express-bets-modal .asset-item__c {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

.right-sidebar-modal.express-bets-modal .asset-item__top {
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-left: -4px;
    margin-top: -4px;
    text-transform: uppercase;
}

.right-sidebar-modal.express-bets-modal .asset-item__top>* {
    margin-left: 4px;
    margin-top: 4px;
}

.right-sidebar-modal.express-bets-modal .asset-item__bottom .table {
    font-size: 12px;
    margin-bottom: 0px;
}

.right-sidebar-modal.express-bets-modal .asset-item__bottom .table td {
    border-left: 1px solid rgb(88, 87, 95);
    border-top: 1px solid rgb(88, 87, 95);
}

.right-sidebar-modal.express-bets-modal .asset-item__exp {
    color: rgb(143, 165, 191);
    font-size: 12px;
    text-align: left;
}

.right-sidebar-modal.express-bets-modal .asset-item__label {
    text-align: center;
}

.right-sidebar-modal.express-bets-modal .asset-item__label .direction {
    margin-right: 3px;
}

.right-sidebar-modal.express-bets-modal .asset-item__percent {
    color: rgb(111, 194, 116);
}

.right-sidebar-modal.express-bets-modal .asset-item__select {
    background-color: rgb(48, 51, 60);
    border: 1px solid rgba(48, 153, 245, 0.57);
    border-radius: 4px;
    color: rgb(147, 151, 160);
    width: 100%;
}

.right-sidebar-modal.express-bets-modal .asset-item__call {
    background: linear-gradient(rgb(69, 183, 52), rgb(54, 145, 70)) 0px center;
}

.right-sidebar-modal.express-bets-modal .asset-item__call .fa {
    color: rgb(46, 121, 36);
}

.right-sidebar-modal.express-bets-modal .asset-item__call:focus,
.right-sidebar-modal.express-bets-modal .asset-item__call:hover {
    background: linear-gradient(rgb(69, 183, 52), rgb(54, 145, 70)) 0px center;
}

.right-sidebar-modal.express-bets-modal .asset-item__put {
    background: linear-gradient(rgb(255, 62, 31), rgb(241, 55, 46)) 0px center;
}

.right-sidebar-modal.express-bets-modal .asset-item__put .fa {
    color: rgb(184, 25, 0);
}

.right-sidebar-modal.express-bets-modal .asset-item__put:focus,
.right-sidebar-modal.express-bets-modal .asset-item__put:hover {
    background: linear-gradient(rgb(255, 53, 21), rgb(240, 46, 36)) 0px center;
}

.right-sidebar-modal.express-bets-modal .asset-item__remove {
    text-align: center;
}

.right-sidebar-modal.express-bets-modal .asset-item__remove a {
    display: inline-block;
    font-size: 18px;
    margin-right: 4px;
}

.right-sidebar-modal.express-bets-modal .asset-item__remove a:active {
    transform: translateY(1px);
}

.right-sidebar-modal.express-bets-modal .asset-item:first-child {
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
}

.right-sidebar-modal.express-bets-modal .asset-item__call,
.right-sidebar-modal.express-bets-modal .asset-item__put {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 4px;
    height: 100%;
    justify-content: center;
    padding: 5px 6px;
}

.right-sidebar-modal.express-bets-modal .asset-item__call .fa,
.right-sidebar-modal.express-bets-modal .asset-item__put .fa {
    font-size: 25px;
}

.right-sidebar-modal.express-bets-modal .asset-item__label,
.right-sidebar-modal.express-bets-modal .asset-item__percent {
    cursor: pointer;
}

.right-sidebar-modal.express-bets-modal .asset-item__l,
.right-sidebar-modal.express-bets-modal .asset-item__r {
    min-width: 60px;
}

.right-sidebar-modal.express-bets-modal .description-block,
.right-sidebar-modal.express-bets-modal .no-items-block {
    margin: 15px;
}

.right-sidebar-modal.express-bets-modal .description-block__header {
    font-size: 14px;
    text-align: center;
}

.right-sidebar-modal.express-bets-modal .description-block__content {
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.right-sidebar-modal.express-bets-modal .description-block .button-wrapper {
    margin-top: 20px;
}

.right-sidebar-modal.express-bets-modal .description-block .button-wrapper,
.right-sidebar-modal.express-bets-modal .no-items-block .button-wrapper {
    padding: 0px 20px 20px;
    text-align: center;
}

.right-sidebar-modal.express-bets-modal .description-block .button-wrapper .btn,
.right-sidebar-modal.express-bets-modal .no-items-block .button-wrapper .btn {
    color: rgb(255, 255, 255);
}

.is-m-version .right-sidebar-modal.express-bets-modal.active {
    z-index: 13;
}

.right-sidebar-modal.pending-order-modal {
    --gap: 20px;
}

.right-sidebar-modal.pending-order-modal .tab-nav {
    overflow: hidden;
}

.right-sidebar-modal.pending-order-modal .tab-nav a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.right-sidebar-modal.pending-order-modal .tab-nav .counter {
    margin-left: 5px;
}

.right-sidebar-modal.pending-order-modal .tab-nav-mobile-sidebar {
    margin-bottom: 13px;
}

.right-sidebar-modal.pending-order-modal .flex-vertical-block__header {
    padding-bottom: 10px;
}

.right-sidebar-modal.pending-order-modal .tab-text {
    padding: 10px 20px 0px;
}

.right-sidebar-modal.pending-order-modal .info {
    padding-bottom: 15px;
}

.right-sidebar-modal.pending-order-modal .formatted-date {
    font-size: 12px;
}

.right-sidebar-modal.pending-order-modal .current-time {
    font-size: 12px;
    margin-top: 4px;
}

.right-sidebar-modal.pending-order-modal .current-time .open-time-number {
    cursor: pointer;
}

.right-sidebar-modal.pending-order-modal .current-time .open-time-number:hover {
    border-bottom: 0px;
}

.right-sidebar-modal.pending-order-modal .quick-timeframe-selector svg {
    display: block;
}

.right-sidebar-modal.pending-order-modal .quick-timeframe-selector__in {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
}

.right-sidebar-modal.pending-order-modal .quick-timeframe-selector input {
    background-color: unset;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    font-size: 18px;
    height: 32px;
    min-width: 50px;
    text-align: center;
    width: 100%;
}

.right-sidebar-modal.pending-order-modal .quick-timeframe-selector a {
    display: block;
    height: 22px;
    text-align: center;
}

.right-sidebar-modal.pending-order-modal .quick-timeframe-selector .rw {
    position: relative;
}

.right-sidebar-modal.pending-order-modal .quick-timeframe-selector .rw::after {
    content: ":";
    font-size: 20px;
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
}

.right-sidebar-modal.pending-order-modal .quick-timeframe-selector .rw:last-child::after {
    display: none;
}

.right-sidebar-modal.pending-order-modal .quick-timeframe-selector .btn-minus,
.right-sidebar-modal.pending-order-modal .quick-timeframe-selector .btn-plus {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border: 1px solid;
    border-radius: 6px;
    justify-content: center;
    transition: background-color 0.3s;
    user-select: none;
}

.right-sidebar-modal.pending-order-modal .call-put-btn-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: -8px;
}

.right-sidebar-modal.pending-order-modal .call-put-btn-wrap>* {
    margin-left: 8px;
}

.right-sidebar-modal.pending-order-modal .call-put-btn-wrap .btn {
    --height: 36px;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.right-sidebar-modal.pending-order-modal .call-put-btn-wrap .btn .btn-text {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.right-sidebar-modal.pending-order-modal .info a {
    display: inline-block;
    margin-top: 15px;
}

.right-sidebar-modal.pending-order-modal .current-item {
    padding: 7px var(--gap);
}

.right-sidebar-modal.pending-order-modal .current-item__key {
    color: rgb(142, 165, 192);
}

.right-sidebar-modal.pending-order-modal .current-item__row {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 12px;
    margin-bottom: 5px;
}

.right-sidebar-modal.pending-order-modal .current-item__row:last-child {
    margin-bottom: 0px;
}

.right-sidebar-modal.pending-order-modal .current-item__col {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
}

.right-sidebar-modal.pending-order-modal .current-item__col:last-child {
    text-align: right;
}

.right-sidebar-modal.pending-order-modal .current-item__progress {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    margin-right: 35px;
}

.right-sidebar-modal.pending-order-modal .current-item__actions .btn {
    height: 25px;
    padding: 0px;
    width: 90px;
}

.right-sidebar-modal.pending-order-modal .current-item .progress {
    margin-bottom: 3px;
    overflow: hidden;
}

.right-sidebar-modal.pending-order-modal .current-item .icon-put {
    color: rgb(183, 37, 23);
    transform: rotate(-45deg);
}

.right-sidebar-modal.pending-order-modal .current-item .icon-call {
    color: rgb(64, 157, 60);
    transform: rotate(45deg);
}

.right-sidebar-modal.pending-order-modal .current-item .icon-call,
.right-sidebar-modal.pending-order-modal .current-item .icon-put {
    margin-right: 8px;
}

.right-sidebar-modal.pending-order-modal .current-item:last-child {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}

.right-sidebar-modal.pending-order-modal .pending-order-list {
    margin-left: calc(var(--gap)*-1);
    margin-right: calc(var(--gap)*-1);
}

.right-sidebar-modal.pending-order-modal .pending-order-list .message {
    margin-left: var(--gap);
    margin-right: var(--gap);
}

.right-sidebar-modal.pending-order-modal .flex-vertical-block__body {
    padding-left: var(--gap);
    padding-right: var(--gap);
}

.right-sidebar-modal.pending-order-modal .form-group>label,
.right-sidebar-modal.pending-order-modal .info,
.right-sidebar-modal.pending-order-modal .tab-text {
    font-size: 12px;
}

.right-sidebar-modal.pending-order-modal .open-price-label {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

body.is-m-version .right-sidebar-modal.pending-order-modal .flex-vertical-block__header {
    padding-left: var(--gap);
    padding-right: var(--gap);
}

.express-modal .assets-list [class^="b-"] {
    display: none;
}

.express-modal .assets-list [class^="b-"].active {
    display: block;
}

.express-modal .assets-list .not-found {
    color: rgb(123, 141, 166);
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
}

.express-modal .asset-item {
    --gap: 15px;
    display: flex;
    margin-left: calc(var(--gap)*-1);
    padding: 7px 22px;
    position: relative;
}

.express-modal .asset-item>* {
    margin-left: var(--gap);
}

.express-modal .asset-item__c {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.express-modal .asset-item__top {
    display: flex;
    -webkit-box-pack: center;
    font-size: 12px;
    justify-content: center;
    line-height: 13px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.express-modal .asset-item__bottom .table {
    font-size: 12px;
    margin-bottom: 0px;
}

.express-modal .asset-item__bottom .table td {
    border-left: 1px solid rgb(88, 87, 95);
    border-top: 1px solid rgb(88, 87, 95);
}

.express-modal .asset-item__label {
    text-align: center;
}

.express-modal .asset-item__percent {
    margin-left: 4px;
}

.express-modal .asset-item__select {
    background-color: rgb(48, 51, 60);
    border: 1px solid rgba(48, 153, 245, 0.57);
    border-radius: 4px;
    color: rgb(147, 151, 160);
    width: 100%;
}

.express-modal .asset-item__call {
    background: linear-gradient(rgb(69, 183, 52), rgb(54, 145, 70)) 0px center;
}

.express-modal .asset-item__call .fa {
    color: rgb(46, 121, 36);
}

.express-modal .asset-item__call:focus,
.express-modal .asset-item__call:hover {
    background: linear-gradient(rgb(69, 183, 52), rgb(54, 145, 70)) 0px center;
}

.express-modal .asset-item__put {
    background: linear-gradient(rgb(255, 62, 31), rgb(241, 55, 46)) 0px center;
}

.express-modal .asset-item__put .fa {
    color: rgb(184, 25, 0);
}

.express-modal .asset-item__put:focus,
.express-modal .asset-item__put:hover {
    background: linear-gradient(rgb(255, 53, 21), rgb(240, 46, 36)) 0px center;
}

.express-modal .asset-item:first-child {
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
}

.express-modal .asset-item.blocked {
    cursor: default;
    opacity: 0.3;
    pointer-events: none;
    user-select: none;
}

.express-modal .asset-item.list-opened .timeframe__block {
    z-index: 53;
}

.express-modal .asset-item.list-opened .timeframe__list-wrap {
    display: block;
}

.express-modal .asset-item__call,
.express-modal .asset-item__put {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 8px;
    height: 45px;
    justify-content: center;
    padding: 5px 6px;
    width: 45px;
}

.express-modal .asset-item__call .fa,
.express-modal .asset-item__put .fa {
    font-size: 25px;
}

.express-modal .asset-item__call .svg-icon-wrap,
.express-modal .asset-item__put .svg-icon-wrap {
    margin: 0px;
}

.express-modal .asset-item__label,
.express-modal .asset-item__percent {
    cursor: pointer;
}

.express-modal .asset-item__l,
.express-modal .asset-item__r {
    min-width: 45px;
}

.express-modal .timeframe {
    position: relative;
}

.express-modal .timeframe__current {
    border-radius: 5px;
    cursor: pointer;
    padding: 2px 7px;
    text-align: center;
}

.express-modal .timeframe__list-wrap {
    border-radius: 4px;
    display: none;
    flex-wrap: wrap;
    left: 0px;
    padding-bottom: 3px;
    padding-right: 3px;
    position: absolute;
    top: 31px;
    width: 100%;
}

.express-modal .timeframe__list-wrap .exp-title {
    color: rgb(143, 165, 191);
    font-size: 11px;
    line-height: 13px;
    margin: 5px auto;
    text-align: center;
}

.express-modal .timeframe__list {
    display: flex;
}

.express-modal .timeframe__title {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 4px;
    margin-top: 6px;
    text-align: center;
}

.express-modal .timeframe__col {
    flex-basis: 50%;
    width: 70px;
}

.express-modal .timeframe__item {
    border-radius: 3px;
    cursor: pointer;
    display: block;
    margin-left: 3px;
    margin-top: 3px;
    padding: 3px 7px;
    text-align: center;
}

.express-modal .timeframe__current,
.express-modal .timeframe__item {
    font-size: 12px;
}

.express-modal .asset-item .direction,
.express-modal .express-item .direction {
    margin-left: 4px;
}

.express-modal .msg-block {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border: 1px dashed transparent;
    border-radius: 6px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 8px 12px;
}

.express-modal .msg-block svg {
    display: block;
}

.express-modal .msg-block__icon {
    margin-right: 12px;
}

.express-modal .more-btn {
    padding-left: 20px;
    padding-right: 20px;
}

.express-modal .btn-wrap {
    text-align: center;
}

.express-modal .how-to-btn {
    font-size: 14px;
    text-decoration: underline;
}

.express-modal .no-items-block {
    margin: 0px;
    padding: 0px 20px;
}

.express-modal .express-item__short-info {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.express-modal .new-tab__content {
    --gap: 12px;
    display: grid;
    gap: var(--gap);
    padding: 12px 20px 0px;
}

.express-modal .description-block {
    margin: 0px;
}

.express-modal .search-full-block {
    border: 1px solid transparent;
    border-radius: 5px;
    bottom: 0px;
    left: 0px;
    min-height: 30px;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

.express-modal .search-full-block input {
    background-color: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    height: 28px;
    padding-left: 8px;
    padding-right: 35px;
    width: 100%;
}

.express-modal .search-full-block .fa {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.express-modal .find-not-found {
    padding-left: 20px;
    padding-right: 20px;
}

.express-modal .flex-vertical-block__divider {
    border-top: 3px solid transparent;
    padding-top: 10px;
}

.express-modal .flex-vertical-block__body-nav-list-wrap {
    position: relative;
}

.express-modal .flex-vertical-block__body-nav {
    margin-bottom: 7px;
    margin-top: 12px;
    padding-left: 20px;
    padding-right: 20px;
}

.express-modal .flex-vertical-block__body-nav-title {
    font-size: 13px;
    margin-bottom: 7px;
}

.express-modal .flex-vertical-block__body-nav-list {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: -9px;
    margin-top: -9px;
}

.express-modal .flex-vertical-block__body-nav-list>a {
    -webkit-box-flex: 1;
    border: 1px solid transparent;
    border-radius: 8px;
    flex: 1 1 0%;
    margin-left: 9px;
    margin-top: 9px;
    min-height: 30px;
    padding: 4px;
    text-align: center;
}

.express-modal .pb {
    padding-bottom: 15px;
}

.express-modal .ei {
    --plr: 20px;
}

.express-modal .ei__short-info {
    cursor: pointer;
    padding: 12px var(--plr);
}

.express-modal .ei__deals {
    padding-bottom: 10px;
    padding-left: var(--plr);
    padding-right: var(--plr);
}

.express-modal .ei .deals {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.express-modal .ei .deals>* {
    margin-top: 10px;
}

.express-modal .ei .deals> :first-child {
    margin-top: 0px;
}

.express-modal .ei .deals__id,
.express-modal .ei .deals__times {
    font-size: 12px;
}

.express-modal .ei .item {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-left: -4px;
}

.express-modal .ei .item>* {
    margin-left: 4px;
}

.express-modal .ei .item .progress {
    margin: 0px;
    overflow: hidden;
    width: 65px;
}

.theme-dark-blue .express-modal .ei .item .progress {
    background-color: rgb(83, 85, 98);
}

.theme-dark-blue .express-modal .ei .item .progress-bar {
    background-color: rgb(0, 154, 249);
}

.express-modal .ei .item__label {
    margin-left: -6px;
}

.express-modal .ei .item__label>* {
    margin-left: 6px;
}

.express-modal .ei .item__label.crop-text {
    max-width: 110px;
}

.express-modal .ei .item__col {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    margin-left: -6px;
    white-space: nowrap;
}

.express-modal .ei .item__col>* {
    margin-left: 6px;
}

.express-modal .ei .item__col--progress {
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.express-modal .ei .item__top {
    font-size: 12px;
}

.express-modal .ei .item__bottom,
.express-modal .ei .item__top {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.express-modal .ei .item__bottom {
    font-size: 10px;
}

.theme-dark-blue .express-modal .ei .item__bottom {
    color: rgb(142, 165, 192);
}

.express-modal .ei .short-info {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-left: -5px;
}

.express-modal .ei .short-info>* {
    margin-left: 5px;
}

.express-modal .ei .short-info__k {
    font-size: 12px;
}

.theme-dark-blue .express-modal .ei .short-info__k {
    color: rgb(142, 165, 192);
}

.express-modal .ei .short-info__v {
    font-size: 14px;
}

.express-modal .added-asset-item {
    --gap: 10px;
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    gap: var(--gap);
    grid-template-columns: 20px 1fr 15px;
}

.express-modal .added-asset-item svg {
    display: block;
}

.express-modal .added-asset-item__label {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
}

.express-modal .added-asset-item__time {
    font-size: 12px;
    line-height: 18px;
}

.express-modal .added-asset-item__percent {
    margin-left: 3px;
}

.express-modal .add-form {
    --gap: 12px;
    border: 1px dashed;
    border-radius: 10px;
    display: grid;
    gap: var(--gap);
    padding: 12px 16px;
}

.express-modal .add-form .input-group {
    border-radius: 8px;
    overflow: hidden;
}

.express-modal .add-form .input-group-addon {
    user-select: none;
}

.express-modal .add-form .form-group {
    margin-bottom: 0px;
}

.express-modal .add-form .btn {
    width: 100%;
}

.express-modal .add-form-info {
    display: grid;
    font-size: 14px;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
}

.right-sidebar-modal {
    right: 0px;
}

.right-sidebar-modal .main-tab-body__header,
.right-sidebar-modal .tab-nav li {
    position: relative;
}

.right-sidebar-modal .ajax-loading:not(.btn) {
    height: 100px;
}

.right-sidebar-modal .ajax-loading:not(.btn) .ajax-loader-v2 {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.right-sidebar-modal .more-btn {
    padding: 15px 0px;
    text-align: center;
}

.right-sidebar-modal .table {
    margin-bottom: 0px;
}

.right-sidebar-modal .title {
    font-size: 14px;
    font-weight: 600;
    height: 66px;
    line-height: 66px;
    padding-left: 17px;
    padding-right: 17px;
    text-transform: uppercase;
}

.right-sidebar-modal .flex-vertical-block .full {
    margin-left: -20px;
    margin-right: -20px;
}

.right-sidebar-modal__top-title {
    font-size: 14px;
}

.right-sidebar-modal__top-title2 {
    font-size: 13px;
}

.right-sidebar-modal__top-title2 .fa {
    margin-top: -8px;
    position: absolute;
    right: 20px;
    top: 50%;
}

.right-sidebar-modal .right-sidebar-modal__message .message {
    margin: 0px;
}

.right-sidebar-modal.mt5-accounts-modal .tab-nav,
.right-sidebar-modal.sc-modal .tab-nav {
    background-color: transparent;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 50px;
}

.right-sidebar-modal.mt5-accounts-modal .tab-nav>ul,
.right-sidebar-modal.sc-modal .tab-nav>ul {
    width: 100%;
}

.right-sidebar-modal.mt5-accounts-modal .tab-nav li,
.right-sidebar-modal.sc-modal .tab-nav li {
    border-bottom: 0px;
    display: block;
    margin-bottom: 2px;
    padding-left: 5px;
    position: relative;
    transition: padding-left 0.2s;
}

.right-sidebar-modal.mt5-accounts-modal .tab-nav li a,
.right-sidebar-modal.sc-modal .tab-nav li a {
    border-radius: 6px 0px 0px 6px;
    display: block;
    height: 30px;
    line-height: 30px;
}

.right-sidebar-modal.mt5-accounts-modal .tab-nav li.active,
.right-sidebar-modal.mt5-accounts-modal .tab-nav li:hover,
.right-sidebar-modal.sc-modal .tab-nav li.active,
.right-sidebar-modal.sc-modal .tab-nav li:hover {
    padding-left: 0px;
}

.right-sidebar-modal__top-title,
.right-sidebar-modal__top-title2 {
    cursor: pointer;
    padding: 0px 20px;
    position: relative;
    text-align: center;
}

body.is-pc-version .right-sidebar-modal__top-title,
body.is-pc-version .right-sidebar-modal__top-title2 {
    -webkit-box-flex: 0;
    flex: 0 0 40px;
    height: 40px;
    line-height: 40px;
}

body.is-m-version .right-sidebar-modal__top-title,
body.is-m-version .right-sidebar-modal__top-title2 {
    -webkit-box-flex: 0;
    flex: 0 0 30px;
    height: 30px;
    line-height: 30px;
}

body.is-pc-version .right-sidebar-modal {
    transform: translateX(-90px);
}

body.is-pc-version .right-sidebar-modal .mobile-drop-down-list,
body.is-pc-version .right-sidebar-modal .right-sidebar-modal__message {
    margin: 10px 20px;
}

body.is-pc-version .right-sidebar-modal .message:not(.notification-message) {
    font-size: 12px;
    padding: 10px;
}

body.is-pc-version .right-sidebar-modal .right-sidebar-modal__message+.mobile-drop-down-list {
    margin-top: 0px;
}

body.is-m-version .right-sidebar-modal .right-sidebar-modal__message {
    margin-bottom: 15px;
}

body.is-pc-version.minimize-right-sidebar .right-sidebar-modal {
    transform: translateX(-50px);
}

.left-sidebar-modal,
.right-sidebar-modal {
    background-color: var(--po-ui-kit-right-sidebar-modal-background-color);
    bottom: 0px;
    position: absolute;
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: var(--po-ui-kit-right-modals-width);
    will-change: transform;
    z-index: 12;
}

.left-sidebar-modal .title-position-icon,
.right-sidebar-modal .title-position-icon {
    position: absolute;
    right: 20px;
    top: 10px;
}

body.is-pc-version.is-multigraph .left-sidebar-modal,
body.is-pc-version.is-multigraph .right-sidebar-modal,
body.is-pc-version.no-fav-panel .left-sidebar-modal,
body.is-pc-version.no-fav-panel .right-sidebar-modal {
    top: 60px;
}

body.is-pc-version .left-sidebar-modal,
body.is-pc-version .right-sidebar-modal {
    top: 121px;
}

.left-sidebar-modal {
    left: 0px;
    transform: translateX(90px);
}

.left-sidebar-modal .divider {
    font-size: 10px;
    padding: 7px 0px;
    text-align: center;
    text-transform: uppercase;
}

.left-sidebar-modal .message {
    margin: 20px;
}

body.minimize-left-sidebar .left-sidebar-modal {
    transform: translateX(50px);
}

.minimize-left-sidebar .left-sidebar,
.minimize-right-sidebar .right-sidebar {
    flex-basis: 50px;
    max-width: 50px;
}

.minimize-right-sidebar .notification--social,
.minimize-right-sidebar .notification--tournament-start {
    right: 60px;
}

.notification--good-job,
.notification--low-balance {
    transition: right 0.3s;
    will-change: right;
}

.content-container,
.content-container .page {
    inset: 0px;
    position: absolute;
}

.content-container .page .charts {
    left: 0px;
    user-select: none;
    width: 100%;
}

.content-container .page .charts.single .chart {
    cursor: default;
    display: block;
    height: 100%;
    position: absolute;
    user-select: none;
    width: 100%;
}

.content-container .page .charts.single .chart .chart-container {
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.content-container .page .charts.single .chart .charts::after,
.content-container .page .charts.single .chart .charts::before,
.content-container .page .charts.single .chart .spotlight {
    height: 100%;
    position: absolute;
    top: 0px;
}

.content-container .page .charts.single .chart .spotlight {
    background-color: rgb(48, 153, 245);
    left: 0px;
    opacity: 0;
    transition: opacity 0.2s;
    width: 100%;
    z-index: 160;
}

.content-container .page .charts.single .chart .spotlight .progressbar {
    pointer-events: none;
}

.ranking .ranking-user-box img,
.ranking .ranking-user-box span,
.ranking .ranking-user-box>a {
    display: inline-block;
    vertical-align: top;
}

.ranking .ranking-user-box span {
    padding-top: 6px;
}

.copy-list .ranking-user-box img,
.copy-list .ranking-user-box span,
.copy-list .ranking-user-box>a {
    display: inline-block;
    vertical-align: top;
}

.copy-list .ranking-user-box span {
    padding-top: 6px;
}

.auxiliary-information-panels .market-watch-panel {
    cursor: pointer;
    height: 100%;
    padding: 0px;
    width: 24px;
}

.auxiliary-information-panels .market-watch-panel__content {
    height: inherit;
    padding: 28px 0px;
    width: inherit;
}

.auxiliary-information-panels .market-watch-panel .pb {
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
}

.auxiliary-information-panels .market-watch-panel .pb__start {
    border-radius: 8px 8px 0px 0px;
    position: relative;
}

.auxiliary-information-panels .market-watch-panel .pb__start::after {
    background-color: rgb(142, 165, 192);
    border-radius: 6px;
    bottom: 0px;
    content: "";
    height: 3px;
    left: -3px;
    position: absolute;
    right: -3px;
}

.auxiliary-information-panels .market-watch-panel .pb__end {
    border-radius: 0px 0px 8px 8px;
}

.auxiliary-information-panels .market-watch-panel .pb__number-start {
    top: 10px;
}

.auxiliary-information-panels .market-watch-panel .pb__number-end {
    bottom: 10px;
}

.auxiliary-information-panels .market-watch-panel .pb__number-end,
.auxiliary-information-panels .market-watch-panel .pb__number-start {
    font-size: 9px;
    font-weight: 600;
    left: 0px;
    position: absolute;
    right: 0px;
    text-align: center;
}

.auxiliary-information-panels .market-watch-panel .pb__end,
.auxiliary-information-panels .market-watch-panel .pb__start {
    transition-duration: 1s;
    transition-property: height;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    width: 8px;
}

.auxiliary-information-panels .ranking-monitoring-panel {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.auxiliary-information-panels .ranking-monitoring-panel__label {
    font-size: 12px;
}

.theme-dark-blue .auxiliary-information-panels .ranking-monitoring-panel__label {
    color: rgb(142, 165, 192);
}

.auxiliary-information-panels .ranking-monitoring-panel__value {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    font-size: 15px;
    justify-content: center;
}

.auxiliary-information-panels .ranking-monitoring-panel__position,
.auxiliary-information-panels .ranking-monitoring-panel__title {
    cursor: pointer;
}

.auxiliary-information-panels .ranking-monitoring-panel__position,
.auxiliary-information-panels .ranking-monitoring-panel__time-finish,
.auxiliary-information-panels .ranking-monitoring-panel__title {
    -webkit-box-flex: 1;
    border-radius: 8px;
    flex-grow: 1;
    padding: 4px 10px;
    text-align: center;
}

.theme-dark-blue .auxiliary-information-panels .ranking-monitoring-panel__position,
.theme-dark-blue .auxiliary-information-panels .ranking-monitoring-panel__time-finish,
.theme-dark-blue .auxiliary-information-panels .ranking-monitoring-panel__title {
    background-color: rgb(41, 49, 69);
}

.theme-light .auxiliary-information-panels .ranking-monitoring-panel__position,
.theme-light .auxiliary-information-panels .ranking-monitoring-panel__time-finish,
.theme-light .auxiliary-information-panels .ranking-monitoring-panel__title {
    background-color: rgb(232, 235, 241);
}

.auxiliary-information-panels .ranking-monitoring-panel .changed {
    display: flex;
    height: 18px;
    margin-left: 4px;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 6px;
    font-size: 10px;
    gap: 4px;
    padding: 0px 5px;
}

.theme-dark-blue .auxiliary-information-panels .ranking-monitoring-panel .changed {
    color: rgb(255, 255, 255);
}

.theme-dark-blue .auxiliary-information-panels .ranking-monitoring-panel .changed--up {
    background-color: rgba(7, 79, 64, 0.6);
    border: 1px solid rgb(7, 79, 64);
}

.theme-dark-blue .auxiliary-information-panels .ranking-monitoring-panel .changed--down {
    background-color: rgba(118, 41, 45, 0.6);
    border: 1px solid rgb(118, 41, 45);
}

.theme-light .auxiliary-information-panels .ranking-monitoring-panel .changed {
    color: rgb(255, 255, 255);
}

.theme-light .auxiliary-information-panels .ranking-monitoring-panel .changed--up {
    background-color: rgba(123, 198, 123, 0.8);
    border: 1px solid rgb(123, 198, 123);
}

.theme-light .auxiliary-information-panels .ranking-monitoring-panel .changed--down {
    background-color: rgba(223, 112, 109, 0.8);
    border: 1px solid rgb(223, 111, 108);
}

.auxiliary-information-panels .monitoring-panel,
.auxiliary-information-panels .monitoring-panel__in {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.auxiliary-information-panels .monitoring-panel__in {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-pack: center;
    justify-content: center;
}

.auxiliary-information-panels .monitoring-panel__in>div {
    border-left: 1px solid rgb(97, 108, 121);
    padding-left: 6px;
    padding-right: 6px;
}

.auxiliary-information-panels .monitoring-panel__in>div.bet-up {
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
    padding-left: 0px;
}

.auxiliary-information-panels .monitoring-panel .down,
.auxiliary-information-panels .monitoring-panel .up {
    border-radius: 50%;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    width: 14px;
}

.auxiliary-information-panels .monitoring-panel .down {
    color: rgb(255, 54, 0);
}

.auxiliary-information-panels .monitoring-panel .up {
    color: rgb(80, 187, 36);
}

.auxiliary-information-panels {
    overflow: hidden;
}

.auxiliary-information-panels__item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 4px;
    gap: 12px;
    margin-bottom: 4px;
    padding: 12px;
    position: relative;
}

.auxiliary-information-panels__item:last-child {
    margin-bottom: 0px;
}

.theme-dark-blue .auxiliary-information-panels__item {
    box-shadow: rgba(0, 0, 0, 0.08) -4px 0px 4px 0px;
}

.theme-light .auxiliary-information-panels__item {
    box-shadow: rgba(0, 0, 0, 0.04) -4px 0px 8px 0px;
}

.auxiliary-information-panels__close .close-icon>div {
    backdrop-filter: blur(3px);
    border-radius: 8px;
    display: flex;
    height: 32px;
    width: 32px;
}

.auxiliary-information-panels__close .close-icon>div:hover {
    background-color: rgba(40, 47, 64, 0.8);
    cursor: pointer;
}

.auxiliary-information-panels__close .close-icon>div svg {
    height: 12px;
    margin: auto;
    width: 12px;
}

.theme-dark-blue .auxiliary-information-panels__close .close-icon>div {
    background-color: rgb(40, 47, 64);
    color: rgb(142, 165, 192);
}

.theme-dark-blue .auxiliary-information-panels__close .close-icon>div:hover {
    background-color: rgba(40, 47, 64, 0.8);
}

.theme-light .auxiliary-information-panels__close .close-icon>div {
    background: rgba(220, 225, 230, 0.5);
    color: rgb(142, 165, 192);
}

.theme-light .auxiliary-information-panels__close .close-icon>div:hover {
    background: rgba(220, 225, 230, 0.7);
}

.auxiliary-information-panels .first-deal-panel__title {
    margin-bottom: 7px;
}

.auxiliary-information-panels--absolute {
    border-radius: 12px;
    bottom: 30px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 520px;
}

@media screen and (max-width: 1150px) {
    .auxiliary-information-panels--absolute {
        width: 400px;
    }
}

.watch-list .ranking-user-box img,
.watch-list .ranking-user-box span,
.watch-list .ranking-user-box>a {
    display: inline-block;
    vertical-align: top;
}

.watch-list .ranking-user-box span {
    padding-top: 6px;
}

.drawing-settings-panel-wrapper {
    display: flex;
    position: absolute;
    z-index: 10;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 40px;
}

.drawing-settings-panel-wrapper .drawing-settings-panel {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    height: 100%;
    justify-content: space-between;
}

.drawing-settings-panel-wrapper .drawing-settings-panel__handle {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    cursor: grab;
    height: 100%;
    justify-content: center;
    width: 18px;
}

.drawing-settings-panel-wrapper .drawing-settings-panel__btn-container {
    position: relative;
}

.theme-dark-blue .drawing-settings-panel-wrapper .drawing-settings-panel__btn-container:hover .counter {
    background-color: var(--po-ui-kit-counter-background-color-hover);
}

.drawing-settings-panel-wrapper .drawing-settings-panel__btn-container .counter {
    position: absolute;
    right: 3px;
    top: -5px;
}

.theme-light .drawing-settings-panel-wrapper .drawing-settings-panel__btn-container .counter {
    --po-ui-kit-counter-background-color-base: var(--po-ui-kit-counter-background-color-hover);
}

.drawing-settings-panel-wrapper .drawing-settings-panel__btn-container .color-indicator {
    border-radius: 25px;
    display: inline-block;
    line-height: 10px;
    padding: 6px;
    position: absolute;
    right: 3px;
    top: -5px;
}

.drawing-settings-panel-wrapper .drawing-settings-panel__btn {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-left-style: solid;
    border-left-width: 1px;
    font-size: 14px;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.drawing-settings-panel-wrapper .drawing-settings-panel__btn>div:first-child {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.drawing-settings-panel-wrapper .drawing-settings-panel__btn.active,
.drawing-settings-panel-wrapper .drawing-settings-panel__btn:hover {
    cursor: pointer;
    opacity: 1;
}

.drawing-settings-panel-wrapper .drawing-settings-panel__btn.transparent {
    opacity: 0.5;
}

.drawing-settings-panel-wrapper .drawing-settings-panel__colors-list {
    display: flex;
    flex-wrap: wrap;
    left: -45px;
    position: absolute;
    top: 47px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 6px;
    justify-content: center;
    padding: 5px;
    width: 136px;
}

.drawing-settings-panel-wrapper .drawing-settings-panel__colors-list::before {
    border: 6px solid transparent;
    content: "";
    left: calc(50% - 6px);
    margin-top: -6px;
    pointer-events: none;
    position: absolute;
    top: -6px;
}

.drawing-settings-panel-wrapper .drawing-settings-panel__colors-list a {
    border: 2px solid transparent;
    border-radius: 4px;
    height: 20px;
    margin: 5px;
    width: 20px;
}

.drawing-settings-panel-wrapper .drawing-settings-panel__colors-list a.active {
    border-color: rgb(48, 153, 245);
}

.drawing-settings-panel-wrapper .drawing-settings-panel__weights-list {
    display: flex;
    flex-wrap: wrap;
    left: -35px;
    position: absolute;
    top: 47px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 6px;
    justify-content: center;
    padding: 5px;
    width: 110px;
}

.drawing-settings-panel-wrapper .drawing-settings-panel__weights-list::before {
    border: 6px solid transparent;
    content: "";
    left: calc(50% - 6px);
    margin-top: -6px;
    pointer-events: none;
    position: absolute;
    top: -6px;
}

.drawing-settings-panel-wrapper .drawing-settings-panel__weights-list a {
    height: 20px;
    margin: 5px;
    width: 20px;
}

.drawings-dropdown {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 4px;
    flex-flow: column wrap;
    margin-top: 15px;
    padding: 0px;
}

.drawings-dropdown__item {
    font-size: 14px;
    height: 40px;
    margin: 0px;
    padding: 3px;
}

.drawings-dropdown__item,
.drawings-dropdown__item .drawing-icon {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.drawings-dropdown__item .drawing-icon {
    -webkit-box-pack: center;
    height: 100%;
    justify-content: center;
    width: 34px;
}

.drawings-dropdown__item .drawing-label {
    margin: 0px 10px;
    white-space: nowrap;
}

.drawings-dropdown .drawings-dropdown__delete-all {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 0px 0px 4px 4px;
    color: rgb(189, 48, 44);
    height: 30px;
    justify-content: center;
}

.drawings-dropdown .drawings-dropdown__delete-all:hover {
    background-color: rgb(189, 48, 44);
    color: rgb(255, 255, 255);
}

.ReactModal__Overlay.DrawingsListOverlay .ReactModal__Content.DrawingsList {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    max-width: 350px;
    width: calc(100% - 40px);
}

.ReactModal__Overlay.DrawingsListOverlay .ReactModal__Content.DrawingsList .m-header {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    font-size: 13px;
    height: 50px;
    justify-content: space-between;
    padding: 20px;
    width: 100%;
}

.ReactModal__Overlay.DrawingsListOverlay .ReactModal__Content.DrawingsList .m-header a {
    margin-left: 5px;
}

.ReactModal__Overlay.DrawingsListOverlay .ReactModal__Content.DrawingsList .m-content {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    min-height: 145px;
    overflow: hidden auto;
    padding: 10px;
    width: 100%;
}

.ReactModal__Overlay.DrawingsListOverlay .ReactModal__Content.DrawingsList .m-content .ps__rail-x,
.ReactModal__Overlay.DrawingsListOverlay .ReactModal__Content.DrawingsList .m-content .ps__rail-y {
    opacity: 0.6;
}

.ReactModal__Overlay.DrawingsListOverlay .ReactModal__Content.DrawingsList .m-content .drawings-modal__item {
    display: flex;
    flex-shrink: 0;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    border-radius: 4px;
    font-size: 14px;
    justify-content: space-between;
    line-height: 18px;
    padding: 7px 10px;
    width: 100%;
}

.ReactModal__Overlay.DrawingsListOverlay .ReactModal__Content.DrawingsList .m-content .drawings-modal__item .list-style-selector {
    display: flex;
    position: absolute;
    right: 10px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 3px;
    justify-content: center;
    padding: 3px;
}

.ReactModal__Overlay.DrawingsListOverlay .ReactModal__Content.DrawingsList .m-content .drawings-modal__item .list-style-selector .current-color {
    border-radius: 3px;
    height: 22px;
    width: 22px;
}

.ReactModal__Overlay.DrawingsListOverlay .ReactModal__Content.DrawingsList .m-content .drawings-modal__item .list-style-selector .current-line-width {
    margin: 0px 10px;
}

.ReactModal__Overlay.DrawingsListOverlay .ReactModal__Content.DrawingsList .m-content .drawings-modal__item .actions {
    margin-left: 10px;
}

.ReactModal__Overlay.DrawingsListOverlay .ReactModal__Content.DrawingsList .m-content .drawings-modal__item .actions .icon-wrapper {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
}

.ReactModal__Overlay.DrawingsListOverlay .ReactModal__Content.DrawingsList .m-content .drawings-modal__item .actions .icon-wrapper svg {
    fill: rgb(255, 255, 255);
}

.ReactModal__Overlay.DrawingsListOverlay .ReactModal__Content.DrawingsList .m-content .drawings-modal__item-actions {
    font-size: 15px;
    margin-right: 5px;
}

.ReactModal__Overlay.DrawingsListOverlay .ReactModal__Content.DrawingsList .m-content .drawings-modal__item-info {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    width: 100%;
}

.ReactModal__Overlay.DrawingsListOverlay .ReactModal__Content.DrawingsList .m-content .drawings-modal__item-info .drawing-icon {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    height: 100%;
    justify-content: center;
    margin-right: 10px;
    width: 16px;
}

.ReactModal__Overlay.DrawingsListOverlay .ReactModal__Content.DrawingsList .m-content .drawings-modal__item-info .drawing-label {
    -webkit-box-flex: 1;
    border-radius: 4px;
    flex: 1 1 0%;
    text-align: left;
    white-space: nowrap;
}

.ReactModal__Overlay.DrawingsListOverlay .ReactModal__Content.DrawingsList .m-content .drawings-modal__item.blinking {
    animation: 0.5s ease 0s 1 normal none running blinkingText;
}

@-webkit-keyframes blinkingText {
    0% {
        background: rgba(38, 161, 255, 0.1);
    }

    30% {
        background: rgba(38, 161, 255, 0.2);
    }

    70% {
        background: rgba(38, 161, 255, 0.2);
    }

    100% {
        background: rgba(38, 161, 255, 0.1);
    }
}

@media (max-width: 320px) {
    .ReactModal__Overlay.DrawingsListOverlay .ReactModal__Content.DrawingsList .m-content.tab-current .drawings-modal__item-info .drawing-icon {
        display: none;
    }
}

.indicators-modal {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    border-radius: 4px;
    flex-flow: wrap;
    margin-top: 15px;
    padding: 3px;
    width: 600px;
}

.indicators-modal__column {
    -webkit-box-flex: 0;
    flex: 0 0 33.3%;
}

.indicators-modal__column a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
    height: 40px;
    margin: 0px;
    padding: 3px 10px;
    white-space: nowrap;
}

.remove-chart-setting {
    font-size: 12px;
}

.remove-chart-setting-wrapper {
    margin-top: 3px;
    pointer-events: all;
}

.remove-chart-setting-wrapper,
.remove-chart-setting-wrapper .bottom-indicator-info {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.remove-chart-setting-wrapper .bottom-indicator-info .indicator-name {
    margin: 0px 5px;
}

.remove-chart-setting-wrapper .bottom-indicator-info .actions {
    display: flex;
    font-size: 12px;
    margin-left: 5px;
}

.remove-chart-setting-wrapper .bottom-indicator-info .actions a {
    border-radius: 4px;
    margin-left: 1px;
    padding: 0px 6px;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    max-height: 550px;
    max-width: 350px;
    padding: 20px;
    user-select: none;
    width: calc(100% - 40px);
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator>div {
    margin-bottom: 15px;
    width: 100%;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator>div:last-child {
    margin-bottom: 0px;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-footer,
.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-header {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-tabs {
    margin-bottom: 25px;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-tabs a {
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    margin-right: 14px;
    padding: 4px 24px;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-header {
    -webkit-box-pack: justify;
    font-size: 16px;
    justify-content: space-between;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content {
    min-height: 145px;
    overflow: hidden auto;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content .inputs {
    display: flex;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content .inputs .labels {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    padding-right: 20px;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content .inputs .labels .multiline {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: auto;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content .inputs .labels .multiline label {
    height: 24px;
    line-height: 24px;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content .inputs .labels .multiline .subtitles-wrapper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding-left: 30px;
    text-align: left;
    width: 100%;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content .inputs .labels .multiline .subtitles-wrapper>div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 40px;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content .inputs .fields {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    width: 100px;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content .inputs .fields .multiline {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: auto;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content .inputs .fields .multiline .subtitles-wrapper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content .inputs .fields .multiline .subtitles-wrapper>div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 40px;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content .inputs .fields .multiline .subtitles-wrapper .icon-wrapper {
    -webkit-box-pack: center;
    height: 24px;
    justify-content: center;
    width: 34px;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content .inputs .fields .multiline .subtitles-wrapper .icon-wrapper svg {
    fill: rgb(255, 255, 255);
    cursor: pointer;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content .inputs .fields .multiline.no-config {
    margin-top: 24px;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content .inputs .fields .list-style-selector {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 3px;
    justify-content: center;
    padding: 3px;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content .inputs .fields .list-style-selector .current-color {
    border-radius: 3px;
    height: 26px;
    width: 26px;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content .inputs .fields .list-style-selector .current-line-width {
    margin: 0px 10px;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content .inputs .fields .line-level-input {
    margin-left: 10px;
    width: 50px;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content .inputs .fields>div,
.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-content .inputs .labels>div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 34px;
    margin-bottom: 5px;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-footer {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-footer .btn {
    margin-left: 5px;
}

.ReactModal__Overlay.EditIndicatorOverlay .ReactModal__Content.EditIndicator .m-footer .btn:first-child {
    margin-left: 0px;
}

.is-m-version .ReactModal__Overlay.EditIndicatorOverlay {
    transition: none;
}

.line-styles-modal {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 4px;
    flex-flow: column;
    max-width: 240px;
    min-width: 200px;
    padding: 7px;
    user-select: none;
}

.line-styles-modal .range-wrapper .thumb {
    height: 16px;
    top: 1px;
    width: 16px;
}

.line-styles-modal__row {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.line-styles-modal__row .list-label {
    font-size: 12px;
    margin-bottom: 5px;
}

.line-styles-modal__row .list-body {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin: -3px 0px 0px -3px;
}

.line-styles-modal__row .list-body a {
    -webkit-box-flex: 1;
    border: 1px solid transparent;
    border-radius: 4px;
    flex: 1 1 0%;
    margin-left: 3px;
    margin-top: 3px;
}

.line-styles-modal__row-remove a {
    display: flex;
    -webkit-box-pack: center;
    background-color: rgb(189, 48, 44);
    border-radius: 3px;
    color: rgb(255, 255, 255);
    justify-content: center;
    padding: 3px 0px;
}

.line-styles-modal__row-remove a:active,
.line-styles-modal__row-remove a:hover {
    color: rgb(255, 255, 255);
}

.line-styles-modal .color-list .list-body {
    flex-wrap: wrap;
}

.line-styles-modal .color-list .list-body a {
    -webkit-box-flex: 1;
    box-shadow: rgb(193, 173, 173) 0px 0px 2px 0px;
    flex: 1 1 26px;
    height: 26px;
    max-width: 26px;
}

.line-styles-modal .line-width-list .list-body a {
    padding: 3px 5px;
}

.line-styles-modal .figures-list .list-body a,
.line-styles-modal .line-width-list .list-body a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.line-styles-modal .figures-list .list-body a {
    height: 25px;
    padding: 0px 5px;
}

.line-styles-modal__row+.line-styles-modal__row {
    margin-top: 10px;
}

.ReactModal__Overlay.IndicatorsListOverlay .ReactModal__Content.IndicatorsList {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    height: calc(100% - 40px);
    justify-content: space-between;
    max-height: 550px;
    max-width: 350px;
    width: calc(100% - 40px);
}

.ReactModal__Overlay.IndicatorsListOverlay .ReactModal__Content.IndicatorsList .m-header {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    font-size: 13px;
    height: 50px;
    justify-content: space-between;
    padding: 20px;
    width: 100%;
}

.ReactModal__Overlay.IndicatorsListOverlay .ReactModal__Content.IndicatorsList .m-header a {
    margin-left: 5px;
}

.ReactModal__Overlay.IndicatorsListOverlay .ReactModal__Content.IndicatorsList .m-content {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    min-height: 145px;
    overflow: hidden auto;
    padding: 10px;
    width: 100%;
}

.ReactModal__Overlay.IndicatorsListOverlay .ReactModal__Content.IndicatorsList .m-content .ps__rail-x,
.ReactModal__Overlay.IndicatorsListOverlay .ReactModal__Content.IndicatorsList .m-content .ps__rail-y {
    opacity: 0.6;
}

.ReactModal__Overlay.IndicatorsListOverlay .ReactModal__Content.IndicatorsList .m-content .indicator {
    display: flex;
    flex-shrink: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 4px;
    padding: 3px 8px;
    width: 100%;
}

.ReactModal__Overlay.IndicatorsListOverlay .ReactModal__Content.IndicatorsList .m-content .indicator.blinking {
    animation: 0.5s ease 0s 1 normal none running blinkingText;
}

.ReactModal__Overlay.IndicatorsListOverlay .ReactModal__Content.IndicatorsList .m-content .indicator--icon {
    color: rgb(255, 151, 6);
    font-size: 16px;
    line-height: 16px;
    margin-right: 10px;
}

.ReactModal__Overlay.IndicatorsListOverlay .ReactModal__Content.IndicatorsList .m-content .indicator--label {
    display: flex;
    -webkit-box-pack: justify;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    justify-content: space-between;
    line-height: 18px;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}

.ReactModal__Overlay.IndicatorsListOverlay .ReactModal__Content.IndicatorsList .m-content .indicator--label .actions {
    margin-left: 10px;
}

.ReactModal__Overlay.IndicatorsListOverlay .ReactModal__Content.IndicatorsList .m-content .indicator--label .actions .icon-wrapper {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.ReactModal__Overlay.IndicatorsListOverlay .ReactModal__Content.IndicatorsList .m-content .indicator--label .actions .icon-wrapper svg {
    fill: rgb(255, 255, 255);
}

@keyframes blinkingText {
    0% {
        background: rgba(38, 161, 255, 0.1);
    }

    30% {
        background: rgba(38, 161, 255, 0.2);
    }

    70% {
        background: rgba(38, 161, 255, 0.2);
    }

    100% {
        background: rgba(38, 161, 255, 0.1);
    }
}

.ReactModal__Overlay.ConfirmModalOverlay .ReactModal__Content.ConfirmModal {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
    max-height: 550px;
    max-width: 350px;
    padding: 25px;
}

.ReactModal__Overlay.ConfirmModalOverlay .ReactModal__Content.ConfirmModal .icon>div {
    width: 100px;
}

.ReactModal__Overlay.ConfirmModalOverlay .ReactModal__Content.ConfirmModal .icon svg {
    height: 80px;
    width: 80px;
}

.ReactModal__Overlay.ConfirmModalOverlay .ReactModal__Content.ConfirmModal .content p {
    font-size: 14px;
    line-height: 18px;
}

.ReactModal__Overlay.ConfirmModalOverlay .ReactModal__Content.ConfirmModal .buttons {
    display: flex;
    margin-top: 20px;
}

.ReactModal__Overlay.ConfirmModalOverlay .ReactModal__Content.ConfirmModal .buttons>button {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-pack: center;
    justify-content: center;
}

.ReactModal__Overlay.ConfirmModalOverlay .ReactModal__Content.ConfirmModal .buttons>button:first-child {
    margin-right: 5px;
}

.ReactModal__Overlay.ConfirmModalOverlay .ReactModal__Content.ConfirmModal .buttons>button:last-child {
    margin-left: 5px;
}

.is-m-version .ReactModal__Overlay.ConfirmModalOverlay {
    transition: none;
}

.date-of-purchase {
    font-size: 12px;
    line-height: 15px;
}

.date-of-purchase__label {
    color: rgb(130, 142, 156);
    margin-bottom: 5px;
}

.date-of-use {
    font-size: 12px;
    line-height: 15px;
}

.date-of-use__label {
    color: rgb(201, 48, 44);
    margin-bottom: 5px;
}

.svg-icon {
    display: inline-block;
    fill: var(--po-ui-kit-icon-color-base);
}

.logo-without-text-icon {
    height: 30px;
    vertical-align: middle;
    width: 38px;
}

.risk-warning {
    background: rgba(128, 128, 128, 0.52);
    border: 1px solid rgb(0, 0, 0);
    color: rgb(0, 0, 0);
    font-size: 12px;
    line-height: 12px;
    margin-top: 41px;
    padding: 5px;
}

.booster-block__discount-triangle {
    bottom: 0px;
    height: 70px;
    left: 0px;
    position: absolute;
    user-select: none;
    width: 70px;
    z-index: 4;
}

@media screen and (max-width: 920px) {
    .booster-block__discount-triangle {
        inset: 0px 0px auto auto;
        transform: rotate(180deg);
    }
}

.booster-block__discount-triangle-text {
    bottom: 0px;
    color: rgb(46, 46, 46);
    font-size: 20px;
    font-weight: 700;
    left: -25%;
    padding-bottom: 10px;
    position: absolute;
    text-align: center;
    transform: rotate(45deg);
    width: 100%;
}

@media screen and (max-width: 920px) {
    .booster-block__discount-triangle-text {
        bottom: 7px;
        padding-bottom: 0px;
        transform: rotate(225deg);
    }
}

.booster-block+.booster-block {
    margin-top: 15px;
}

.booster-block .tooltip-text {
    font-size: 12px;
}

.booster-block .diamonds-wrap {
    display: grid;
    -webkit-box-align: start;
    align-items: start;
    gap: 10px;
    grid-auto-columns: min-content;
    grid-auto-flow: column;
}

.booster-block .fa-question-circle {
    cursor: help;
}

.booster-block__header {
    border-radius: 0px;
    padding: 8px 17px;
}

.booster-block__header,
.booster-block__header .tooltip-text {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.booster-block__header .tooltip-text {
    max-width: 450px;
}

.booster-block__header .tooltip-text .text {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    width: auto;
}

.booster-block__header .tooltip-text .text>p:first-child {
    color: rgb(140, 160, 218);
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
}

.booster-block__header .tooltip-text .booster-block__img-wrap {
    min-width: 50px !important;
    padding: 0px !important;
}

.booster-block--diamonds .booster-block__header .tooltip-text .booster-block__img-wrap {
    margin-right: 15px;
    min-width: 40px !important;
    padding: 0px !important;
}

.booster-block__header .booster-block__img-c {
    margin-right: 10px;
    width: 50px;
}

.booster-block__header .booster-block__img {
    max-width: 100%;
}

.booster-block__header .text {
    width: 100%;
}

.booster-block__content {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    border-radius: 0px;
    padding: 14px 17px;
}

.booster-block__content .booster-block__l .info-block__text {
    white-space: nowrap;
}

.booster-block__l {
    display: flex;
}

.booster-block__img-c {
    border-radius: 8px;
    max-height: 80px;
    overflow: hidden;
}

.booster-block__img-c.risk-free {
    border: 1px solid rgb(131, 70, 255);
    box-shadow: rgb(131, 70, 255) 0px 0px 10px 1px;
}

.booster-block__img-c.money {
    border: 1px solid rgb(68, 157, 68);
    box-shadow: rgb(68, 157, 68) 0px 0px 10px 1px;
}

.booster-block__img-c.promocode {
    border: 1px solid rgb(254, 159, 49);
    box-shadow: rgb(254, 159, 49) 0px 0px 10px 1px;
}

.booster-block__img-wrap {
    margin-right: 20px;
}

.booster-block__img-wrap .diamond-info--red {
    margin-left: 5px;
}

.booster-block__img-wrap .diamond-info--green {
    margin-left: 3px;
}

.booster-block--boosters .booster-block__img-wrap,
.booster-block--prolongators .booster-block__img-wrap {
    border-radius: 6px;
}

.booster-block--diamonds .booster-block__img-wrap {
    width: auto;
}

.booster-block__img {
    display: block;
}

.booster-block .info-block .diamond-info__label {
    font-size: 11px;
}

.booster-block .info-block__cost-discount {
    background: linear-gradient(rgb(255, 207, 0), rgb(255, 184, 0) 12%, rgb(248, 152, 0));
    border-radius: 4px;
    color: rgb(46, 46, 46);
    font-size: 12px;
    font-weight: 700;
    padding: 0px 7px;
}

.booster-block .info-block__plus {
    font-size: 23px;
    margin: 0px 10px;
}

.booster-block .info-block__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(147, 148, 152);
    font-size: 16px;
    margin-bottom: 7px;
}

.booster-block .info-block__title .info-block__cost-discount,
.booster-block .info-block__title .info-block__insufficient-funds {
    margin-left: 7px;
}

.booster-block .info-block__in {
    display: flex;
}

.booster-block .info-block__in>div {
    margin-right: 10px;
    margin-top: 4px;
}

.booster-block .info-block__in>div:last-child {
    margin-right: 0px;
}

.booster-block .info-block__sub-title {
    color: rgb(130, 142, 156);
    font-size: 11px;
}

.booster-block .info-block__diamonds {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.booster-block .info-block__diamonds>div {
    margin-bottom: 0px;
}

.booster-block .info-block__conditions {
    border-bottom: 1px dashed rgb(143, 165, 191);
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
}

.booster-block .info-block__insufficient-funds {
    color: rgb(216, 29, 29);
    font-size: 9px;
    text-transform: uppercase;
}

.booster-block .info-block--fix-title .info-block__title {
    margin-bottom: 4px;
}

.booster-block .info-block--effects {
    -webkit-box-flex: 0;
    flex: 0 1 140px;
}

.booster-block .info-block--no-sub-title {
    padding-top: 16px;
}

.booster-block .info-block--cost {
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.booster-block .range-slider-wrap {
    width: 150px;
}

.booster-block .range-slider {
    display: none;
}

.booster-block__btn-wrap {
    padding-left: 10px;
}

.booster-block__btn-wrap .btn {
    margin-top: 15px;
    width: 100%;
}

.booster-block .fa-gift {
    color: rgb(255, 214, 53);
    margin: 10px 15px;
}

.booster-block__info.advisor-description {
    width: 100%;
}

.booster-block__info.advisor-description .advisor-description-info .advisor-description__text {
    font-size: 12px;
}

.booster-block .divider {
    height: 100%;
    margin: 0px 15px;
    min-height: 80px;
    width: 1px;
}

.booster-block .insufficient-level {
    font-size: 12px;
    text-transform: uppercase;
}

.booster-block--gem .booster-block__img-wrap {
    padding: 10px 15px 0px;
}

.booster-block--expert-advisors .advisor-block-button {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-top: -15px;
}

.booster-block--expert-advisors .advisor-block-button>* {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    margin-left: 10px;
    margin-top: 15px;
}

.booster-block--expert-advisors .advisor-block-button> :last-child {
    margin-left: 10px;
}

.booster-block--expert-advisors .booster-block__info {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.booster-block--expert-advisors .booster-block__btn-wrap {
    -webkit-box-flex: 0;
    flex: 0 0 150px;
}

.booster-block--expert-advisors .booster-block__l {
    -webkit-box-flex: 0;
    flex: 0 0 250px;
}

.booster-block--hide-btn .booster-block__btn-wrap {
    display: none;
}

.booster-block--has-discount {
    border: 1px solid rgb(254, 171, 0);
    position: relative;
}

.booster-block .insufficient-level,
.booster-block__icon,
.booster-block__label {
    margin-right: 10px;
}

.unlocked-achievements-block {
    display: flex;
    position: relative;
    -webkit-box-align: start;
    align-items: flex-start;
    animation-duration: 0.6s;
    padding: 15px 17px;
}

.unlocked-achievements-block__img-wrap {
    margin-right: 3%;
}

.unlocked-achievements-block__img {
    display: block;
    max-width: 100%;
}

.unlocked-achievements-block .achievements .diamonds {
    display: none;
}

.unlocked-achievements-block .info-block {
    width: 100%;
}

.unlocked-achievements-block .info-block__in {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.unlocked-achievements-block .info-block__title {
    font-size: 18px;
    margin-bottom: 12px;
    margin-top: -5px;
    padding-bottom: 8px;
}

.unlocked-achievements-block .info-block__bonus {
    margin-right: 3%;
    width: 17%;
}

.unlocked-achievements-block .info-block__sub-title {
    color: rgb(143, 165, 191);
    font-size: 11px;
}

.unlocked-achievements-block .info-block__exp {
    margin-top: -4px;
    min-width: 50px;
}

.unlocked-achievements-block .info-block__diamonds {
    display: flex;
    position: relative;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    width: 55%;
}

.unlocked-achievements-block .info-block__divider {
    height: 40px;
    margin: 0px 15px;
}

.unlocked-achievements-block .info-block__btn-wrap {
    margin-left: auto;
    width: 25%;
}

.unlocked-achievements-block .info-block__btn-wrap .btn {
    width: 100%;
}

.unlocked-achievements-block+.unlocked-achievements-block {
    margin-top: 15px;
}

.exp-progress {
    height: 14px;
    margin-bottom: 10px;
    padding: 2px;
    position: relative;
    width: 100%;
}

.exp-progress__bar {
    border-radius: 16px;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 0px;
}

.exp-progress__bar--green {
    background: linear-gradient(rgb(126, 234, 25) 0px, rgb(83, 173, 0));
    box-shadow: rgb(126, 234, 25) 0px 0px 12px 0px, rgba(255, 255, 255, 0.45) 0px 1px 0px 0px inset, rgba(255, 255, 255, 0.25) 1px 0px 0px 0px inset, rgba(255, 255, 255, 0.25) -1px 0px 0px 0px inset;
}

.exp-progress__bar--yellow {
    background: linear-gradient(rgb(229, 195, 25) 0px, rgb(168, 140, 0));
    box-shadow: rgb(229, 195, 25) 0px 0px 12px 0px, rgba(255, 255, 255, 0.45) 0px 1px 0px 0px inset, rgba(255, 255, 255, 0.25) 1px 0px 0px 0px inset, rgba(255, 255, 255, 0.25) -1px 0px 0px 0px inset;
}

.exp-progress__bar--red {
    background: linear-gradient(rgb(232, 25, 87) 0px, rgb(170, 0, 51));
    box-shadow: rgb(232, 25, 87) 0px 0px 12px 0px, rgba(255, 255, 255, 0.45) 0px 1px 0px 0px inset, rgba(255, 255, 255, 0.25) 1px 0px 0px 0px inset, rgba(255, 255, 255, 0.25) -1px 0px 0px 0px inset;
}

.exp-progress__bar--blue {
    background: linear-gradient(rgb(24, 109, 226) 0px, rgb(0, 69, 165));
    box-shadow: rgb(24, 109, 226) 0px 0px 12px 0px, rgba(255, 255, 255, 0.45) 0px 1px 0px 0px inset, rgba(255, 255, 255, 0.25) 1px 0px 0px 0px inset, rgba(255, 255, 255, 0.25) -1px 0px 0px 0px inset;
}

.exp-progress__bar span {
    animation: 2.5s linear 0s infinite normal none running sparkle;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABACAYAAAD7/UK9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjdFQ0M2MzdDQThBMTFFMUE3NzJFNzY4M0ZDMTA3MTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjdFQ0M2MzhDQThBMTFFMUE3NzJFNzY4M0ZDMTA3MTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyN0VDQzYzNUNBOEExMUUxQTc3MkU3NjgzRkMxMDcxMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyN0VDQzYzNkNBOEExMUUxQTc3MkU3NjgzRkMxMDcxMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoTG0pMAABr+SURBVHjavJ1nj1zXecfP1J2Z7cut7E2FKlShLEs241iKjCiA4fhN3uRFkC+QD+F8hSBBkOICO0YQIYoCJ4FsSbGsLpORKJImRbEtKZJLbu8zO+3mXuH36P73aNqy+AJH3Jm599znPL2do0QQBIedc38UjoFwJMJxKxwvhaMQjkm3+Yp+7w3HCH8vhmM2HKlwjIVjG5+n3NavbczTFY5vheORcGTDUQvHejiuh+Mf5f7ot/Fw5IBlNRw3geP74djDGtLhqIfjdDh+wb055oi+XwnHtLfG7nDs4h0XwrHm7s2V5j394TjBd0fC8Vw49oZjEHiCcJwKx8/Ccc0eXGHRfSBp0VuI3dcTjnw4DoajHI4NkJyC2DcgWvU2FzEnf7/FYkYB+gcN7o/eswQcSY9Z+oA3xfMO2IfCUZTvkhBHrwMQKlpjJRwZd++uJMwT4XcHzLkMXvv4PcEac6whurca/ecKiHoURPxOFlxnYcMsegxkziEFOT4fgdjH78JiepnvYeb8QZP76sC7xALtKvFbje9tHUm0yiKIcdxTFuZ8MhzPs75IQj/nnoQQ+25eZfB/hc8pGLIgDBUgWAvgpupEjVwMx2Wo3AX1Uzyc56Es361yT/T91+BKx/ezDdTrVq+AOaP5znf4TN1TdZHEzANvAuQv8XkaJrT71pDOb4bjT9EoEQwvhOPVcLyNVvp9XJG0PxaOX4bj2XDsQzjWRPK+5LIu1FI3C3xGqB3ZkEPh+Cwcb6COivx2lH9NleTQyzeEi1tJVYpnZ7zfIoL9N8MJJ+Y6tDVVGHEV5gpY102kqASMzlOtT4RjP0RMAuNRCH7hDojR3SHcOezyBIzya3AzzudTaMMvCXcEju0H8VnRrWmoHKmXs/ydYvJ+0dFmQyL19mYbAIdhjt08E0nAT9s8MwhsB5DGl1vcGyHpt8y/D8RF8H+I5mh0rUDQFENV2XYcpRL4mMYOtbLlkfN2P3iKtNAnLd6t7/oMnKRw1k7CNIv4EX28+wtARrhxCDE11ZmUyU7AtVUBeIPFmIMSqaZLHXLWk6KuIo56MRz/20RSI7v0bTHY0T1/CSL+Mxz3gdzjEK0KLPPAvR8tMc8abN01sVsZYUpbW4V7+mCaKeC1a76J7YvgeRzbn4FRIyn+rw7U/SqEGeBzZGs/hkZ/xvv+xhZg0hX9e1VUUyD2YQLKl5lwEtX5BIsqIZGvdUC4g0hBWry6PXwuN/BmH0FCeyBEGoT0wAArELGZOrokHlw/76oiCdMSWlQYN0DY57ynINrHMUcXeDHm1asHROe4J4emiGD9qA1u1lHp5kssQYc+woaCeZ9pzyVOA0hNuDIpnGDeWRqEnEfVFjuI3ew93SDCuLuCKqw0eCYhbn9ZuDtgriW0Q6srJd7xfhaeQSKmBWGfs6Y6xKvDDPY5JcRLMEfC00JOYM3KvRbvtrsiPH7K0Ct69gxMEDHGfuXyBThonUUlIOIKkliAkDuQmgeJO/61DTBdjDLzHUd9PIADcAH7k2jiaJwFnlHP/pSaeHtdEGiQz5dhqgHCmQyEzyAZM6z7dWzj11F1ERL/jrWaM5WEwdY8504JtwieUtxrhG9l4zIiySYkqoIX8HAHjBnTcEgXgJ7GKB7AbpSIMQog+gGM7jAqMs3nv26RGRhlzgpqYJrMzDeQvsswRr1JaFCFQXaInc2wmGnvXSaJQ6iXBO+eksyKqcqaJ+U15jwJLKMSs9r8eYi8JNKU9mCehxGHwFMVSW6myseBY5x1JWV+X412awB+CoBNFcwgHb0AXkcl5tCzfXCHBYOP41y82sQV3s0za3BjwOKPMXfQQN2oNznMgtZhIHt2zpOyIVHXCfk3JxJ6GQKdasH9N3huCkIbIhO8PyVMVZPwSK8LHYREBQTkD5ljlvdcFdyVBT9FGLXbuGhBvJqKTNojEfwqnFQRR6YsKZiVFtxkxJ4DsBuSfxyUWGvaM/Tm8X4dOAKxLeteLBYIs62DOJPQy8BrtvJUB7bmOmNCmMFCo7RI90YThit38I5I7f0Bat0YaxEYH4BhL8LwfeB/ymiS9hZvWYscUtXP4nfxr+nzFTjPEtHXIcAgABRRtQ/DAAl+O0BMY1mZEbGdVY8YGRBXkCA/wdhNXLMqiJqTYPom406Sv4Oo82W85arYriSjdJvz9+Ep7xDc52C8Md6dQa2vg6d5YEi4BvrZJK9Xks4OIgzDYWsiKZG0/go7Zx5bgQj/lhj1gIVGfx9m7jyq+FwTW5FCLSQbxIGD/FYUGA3OQ3Dzv7P4ym0gtirpwIqXEK66O79yECjredCWhkuJN9orxJ2zxEcjwpmkaC7TJv4UlfY9pO9TkaYRvrPY6yPJa1qgusZvB8QhWsKGLjSwj4OeJ+kz1i35Po+n+wLviEo7fxuOD4QRMluQkkgt/YcQ7W5e0wTWo6wzKwF/hKt3kPQkztVO1loBX72NCLcbhGU9otm/EZJ/TIJ5RfRzxVN7Q9gXU8FmI/rMM+Id6yxkrUHcN4uqTYt7XUY1+wnoLKq1j7ENG/IBf+8DGZ9tEckJL0lR81z1hAxTpbUO5v0AOL8JHuexaW95zDLHCCTuXUw3iCfMQOZFUgLxOuch0AxSE4D8YwTjSfGQZiUDcQPkPSQLXAf4hSYcX4cjj4pt/YiYq1GgXUPKV1FHEWzfhWBj2FdFeLAF4iU8JnbyfL94r8tbKLy+KxmSZXClcye893ypdXzCVeDmExBhAOKsgbRZyQ58AtK7+dsSxtdkgYMQuSzc8yYV7i4k8hUPQWn+LXOPxWx9MEu2CRLmUTFrwDCNtI4iiSVP2syOVOSzqfV1D1k1bPycl1gvsMak1NL6RDO0uywh3sxuak1xE/ESQRA0K7tETsTTcISlt642UGfJJi/uQp3uBICXRKrHWdg4330icVKvEPAxpLRLpD7SCP/QxmN7EmcpJxxbxBF6X+Cw8GYAAnRBlOtSMdnO7xqwnwe+XhhpTYhpoc68mIW5u124S7coc7wLpy/D6ZUmHmi9BQJ9W2lSPU/G/wAILSEl/WJPerGT2n5Qb7EW60/JoBbN6GclZBjw4HDiAFi1wqrn3cxTgKCWHF+B4T6T2l2FexaYYwiCj4CHFF6uXv1oqXVJB94x4ew6cxv2QFM0UyCy6OKeCntvvxcvXvOyEiUIbOUcJ47BuBenpUDSs+KF1cWhCFzctqAqOQ9cVc+GFbi/Dxgr3D8AQ82J3csBzwEIcEqyRZbLjHDxx1S2TcXuRStsMN80puOuEM43wjnsxeUO9fdx99U+lIQkf63QuA4s2pxTQzV3S1hSRnWPeoRLS+BqDlRSEs2WWrP2hV6IOwFiKyL5NZ7vBZY+4CvybvOId4nntyipqXkXd585SVyMYnqO8e77kFhL7e3Gjh67m4Sze6P006NwXuQB/WSLbnVaMg4b2IoiqmWGv/MQyDyzm/xd4ZlA6lwlIcw6w4lH+5A4N1eB2VJWe0WN5sQlLwPLMPMvc18GqbB6oM2dxWP+DQSsS6CuZaA6BBwhSaD212DKdZo0SG+BaI9CuBGAiLIlf07mZLZDouVExSRd3CpnHt003LosFeaS2DbLSd7yFldBgisg3LzFT5jHNMWGeHsbEjJsCMKviqqvSw0yA1xW7UijHgusP3rfj5CikuQzjWhFKi0TzJVp4Lmm7jbhqgCTlcVYMXS2wzmSXlxyje+64NQVvj8ndsuS23mxF/Pc6we5GwSwM9itHLajhzhwHIfhXWp8FfGGy7x3j1cDW+C+dRd3Wg26uMe0Xxyxp3FYpvGEzeno4e9PpXz1oNjNBHg1aRsAruOspXanqnJWMhlJybxvNf+XFDtSFDVVFIL1s4hZ3pEWD7Edo2ygugaQjIdBlDkjSRjlNPazB6Isubib2Aj3ObYzLcXXIaRs3YvV1nDGrDf1Os/087w5etd496Mu7iawhPuIxJBrEj/fEeFmMJwrLu61eKeFagw856bOM0lRBeUGRcM8xlsbeMqoqU6uDYZlT/aJ42JqdTfcP+llh/xQZ0HypVY5uejijrAszLHO97f4e060TKMqxSQEnWBtoy7u57HnHoEBz90p4RK4umeZeK1FPNWo5GFORbs8ngX8B8neWL3urOusi8yubag+a9wxKbFOYSu8NoufrFP6lhB9zcVdxSkXNxZNeqmuZAfMdZb3r0OkXtZquLISz20Trlsq3nXXvLu4i3vs3pL7atPLVjzYMdRdxsW9LjfFc2wGwwYwP0TsNCRFVJu70GGlIOCdZQhVcnFPThqVuwgBAsmXFoA/L6k1a9tI8psVaWeALylhTw1Ve+F2nZNR0kcjAlhkhP/Fm2MA7t7m4m6uSgvCJdtkQawaPCrvHYIpmhEuhfNxFG/vvBcDbkh6a1aSAe0cqgLzBKLW0mKDZiUGjdb9FBXs03xOiASvMEcB73ea789BrAPAt4oZmm6q/prkKg0ReyQhnBR7YD34FepKEeDPweUJ8UIjLvsp3J6Thfj9iFYc3c4789gMayZdxiadbqHGdwLDIxB4DG+vCoLzcPdlYDrfoXnoR2VbW18ZApxjZEB+itzq00hTjXBkVuz5FWEYC4us22wb7xoE3jdbFW3Tbbit3ytpBHDfqItbz/YC3A6GGvshamLvCOETkpiuimQfBfndkiU5w70LUnVoBGc3da1DEDrr4paJVQmsr6OeOt1MYsGxptwsm3IQ5p2T38oSo1WEaOaR9nglNNuzMQ7hAnHIRt1X9zh0RLi629zvYUSz9ugBr0o7DsICCTz7uC8v+cCUeI8rUo3Yyb9WyjjA76+2QW6dnN9hcWTMEbIQ4ApIjJDywy3aW/Nqs5IrTaENDgjhrHV/u2ichJd7XfRwvwe8VUUKrTw0CMzlrRKuIPGXVZR7JPVjxvYK6rRXAnMtBCaI0YwTJ5BMa/c+AXBVL0PSLd5cu+sWUvS4pL+m4Oi1OyCaESTnecMJ8fz0WibAP8ZvVh0pozFmvUzJnFQlEp5n3t3KO023ye5Po393eS6xxXKTcNIAn7PCpRXJNljKaxe2Jyf5wu1SDklJ1dta4A+69tucIgSclERtXYL6c9jh4m16uHXx9NKSTJ6VoNpXr9PY9QVhnjmP+BswVzeMXBdClV28HWDLhAuIm/bCSRkvw76HF7xHFTfj1a+KOAO2vXgbeluJa65+kRTPLskgDGK3HoODX2kBq3mw+5A6y3suEC997GRT4BZLVcsQfztEsGrBJWyn2tpx1HaKpPOG3JNlfVZ87UIKbTfquHjjFsv2SNjRlHBp1Jj1Op6FSIvCwYG34Bq/XWIxR3CFFwHoNwC3IVKW9AqjGd5zmt8el0S2hRpReujtNpVkKyNNwsUXmXfFc+ft6nFxm99N17y3vwLhrkK4YRB7sUnyoY81HQKHWljeB+EOgeNfuXjDZZF1TwPXfV5V/uVmhLN9a7q54kOArDeIv+YgWFlUx5SLG1WvA+wqxL4MEazKnZQ0UlkC0F0ubvNLi4MxAXJbxX+TDLOnEZKeERf7Jio1A5MdBYaIKd5qMa82IV1voVLnsdt5j2hOCsaHYU7TYBfA2UVwGjH+81JJyUHUl1upyqx8NyQpKL+3vwqRroCQmtTOfgE370U9fkfcXHMYjPutMWdW4r/PWFw3CKiB+F7XeA9dIy0ywr8HJck7ig207PuYuOAHIV430m0bQCyRbCmujQ7ivnmJxxbELNh6MhIX94gDM4JU90oRNynP/5VjU6NPOAPWJp2U6u6HAGPl/DUQvN4g95jC2I6LmAcSNsxJxXlBsuHmxETzRrtTvy8ppjMgxCdcQmplSRA7CoJsk0qPpO0Sko3Is44huD7F/c8JQ9mRIJZcLzXJHSbRCHtQg+8JbFZA7YJA80hjmvdmSBrYc4NeHc9JBb2hxEWIfF2Qb+mhHMi0NE+9TaLYMiBZCWDzUh34wDU+ykLtp+2XK0gGP9Eg3WWBdgE4TeWad3pLYq6MVCfMyXofhH8M3E+IVAwwd584W+ZQ/LxBavBZFzcGHUH7vA6MvcB2VbztdT4XXXwsxwIwpIQx1dZG24lfUsLZYpPiyu+DAD18fkcQ3SXpqGue1NSlmpsQ7re/Sw24NRC1YGr0baRhm5eF8J8dEIlLispNYI9WQZwd5xFITTC675+A7zABtZVwChA1IVkPO0SggBf7HvdOiAcY8HcP389wfxVpnxXnzGLcyzgoB3FKDqPpJiX8sF7WL7IyaZEw4yxzVB4VVWNR/xlJ0Yy7+Pgka0A1Tp6S+dSTrDUx6k6C97pXA5wB2EZ5u34IOyyMd0IKpCsu7jKzTSIJSUlNioe53cXd23lsTo+LO8QGJba0UOhTVP8UCM/IWsymO/7NA6fVCLVuaPOW0BIzLt5wkkQi33TS0JuWwDcrXJ8XohkHfQv9bDGWpbHMEZiVZGvSbd78uMHvMy16KoIWcVWj+20f93MuPkhnhXc/CGPNS2rJOqqnkUTb63CO5z7lOXMOtJ9zD5/XvBKW7Vhd4l09ECDr5VZtb0UGqX6Bd1/F3q2Ap0Wx59clbfi+8w7+SYsdUvVj7WL9cIs5ANa9OyGZ8mW46Clc7V64tyY2ZQWHo51XttUc4k6J9zTIHUHN7sXzXZFyk1UMlkFMVLN7DXUVwfiiFIJT4hGbx10UVarmxgqjViw+3yCkqJNQmGCOB1y8/23VxS2JU8Cz3izjk5b0i/XpR4v9BkixLMgUfRR1CZrzqBDrqbfW8SyEL4vLX7zLRDPYu6TFoSS27hRe2rqo6UVgWXLxeSgJCfbXsDMDlGaWQeYwoUNFCH4VwphXaHvZliRXqtcYduuCi09wSrq4yywtKv2mp2kSqNZr6lGn5QbbNLfM50sAXQCgX/PCGVTHsIs3hBTh6mH31dMTEu7u7y/T2CgQdW/M8S5rOySxoLYEXHHx/uqfyW9LVCPOQEDTPhMgbkYyLdMNPD9L+9mWq8/AyVG8zhfFw91wcXu/9ZnugJGyEr8+zJzHGF90ivkBuB32siJ26yapGYtFAlz6pyTgDNzmIyisIWjFxRsg7va1BIGeFO0wyHd7xTtNu81nqli66pzbvK3Jz4CYVrmOfbnSwNZq76QD8Y+IFD/Cb88AU0qY/++R4Dz2+Jo4LwHPPCYeeTfqPwpFVtINHIQi0rbTxV1KzwOUHUcxgzoaE7toqsuKgkss+EN3706fi1R4dNTSt1FvSRjqAgx4Chd7jEVf4f7jLarLJnlLHRZa61L96HHxGSuWKtzu4g0gFqf+Dtd+D96oMUhNwpVuFx/mU+eeaO6oETnfiHCLGGm7IlH9mos7kOzlhyS9k5FK8XYX9wpa9Xm1AyRkXWd7yhr1hCTFa6tCrFnUygm4dwQmPOXiYy+qLj4KqnYbjKNdawUIYWk2q3pcBVcZIcK4i4/L+I6Ld+5WJQ6dQkVvk7h4FbU70K5ZKC9le1UJBY9gJnFVt/lAzCLibs0whqQDkkwu8N0ZXHI/JLATgcyWzgmHjzD/Dsmc5IQRbIfOPxM2XBFVlBCnYMPd2fG9FvvlpQRmuJgXW1fj9xuSibEGXqucX0LSrL5YEjyXWWuqk/a8cRd3LzsRZ/OweqVHouzijRVWiB0GYRnUwhGAtLOQrWBozTTrnrG3GltVktBnYZz7gU/7WUx9FcWrvYDazrvNR2/0SWLAYtnbKbharGv2cVkcDGubuCXh1Yc8cwzYrstvfmX/fhh0EiaPGLC3HeGsDXxdiqCrLO7nxEBjcI6dGTyH9FiOLgD5s0jamMQxdmZVHmJu8wi3A6J1C7IHXLwR0LjcnA7tY7RT76bE6Qg8J2RVbNQENqSf+U+4zac6dGJv35ccZ8SUv2S+CNb/ATfzXuW+5OKdQX7b4nUX750wLzpS9f3tCLeM6BawE9Y7eQYu6JW0VkqyCj7xyxKjHGZhRckhOgncp4SYB+UdRcmldkvOMyehgGkCC6Ctd+VxCFHxYDWVugaCRyQv+RiI/b8OCVdGKl5DI9iO1oyYlyWPOLbpxQ7+LuGJWhrxrPTi2CmGbzYKBxrFSnq24zjARZLwF/x2SzIq1vBp+92UIDdQcw/z+w5pwrGDQMfEBplqzIljZO1vlgiwHkfbNboMgm5ILGX9HgNifywlZ2dPT0qS2Nz8w/we5Wx/3CHxKlJALYkWMPsfiN02ZjO7nXVxa7ydWWaEK0nMWtMkc6tGGatxWeCppZolvsti20wiLBQYgNvtgM9X4eAB7N2QBPE3JTVlyDsPs+xz8YHYyxL83sT56EMNLxNz3sdipxn9lEvspPdTwH9EuPsVmKwgHuqQa38kbyuPc140UgkByLt4f501XFne1E4PKntq2rSHJf/3pDswuhWJ3zQcSLjNPe95qSmdBmGj4rWVMcSBi1ut7Wx9M+j7RDWZ83Ocf61P/5qLD4ez4ysWgdM2w/9WHKQCBLpfCqq2Wd/c+THiQPsfMxRRefe5OzsTrCrPVyTDowVgS1h389sZiSFTrGkVHFqpabATr7IEMkdwT524psYdebd535tlu8+5uLvrpLi7b4iaTMNdRRefNrQmAbI18iQly2720TYD7hKvbre0BZiqPCw5S9tnZ2ce2+aMA0hESRyas3chSVDxBKHk4gOAyjgm1ltTl1aGBel1GRIn5Ytwp9XeAd/BsCaWLN5OtMiPUGV7QJTVps56HtyXp3fLFQH8PRcf7hbglZ0UN972WPudZdYzMiYV7gk+F138/xKw9vX9ks03ZvwcNWUtddF3P3FfPcvlXl3a6a17xW1vxTo4i9bxXQj2Iyu0prfANaclSLXTz+3EnvOS+diQmlsg3qkP9AJV9TEQbzFgVwMPUdvga+L0pGT+PsmwD0q6qAtHabdkLkyFncX2dUmvzO+LcJZe7PHKamaellx8fop1g1mi4kynEqeXNa5YXKf7xhbFuTBvqVmqKiWqzpjD0kFVFzeKJqV/xVzjHkKFjNiNUVRiILUzS4XdkqahDTTGD7F3f4LB/xzH5hLzZFD1q/eQeCmx9Wlh9AUId1u7dZrlE0dFL+d4adFtPgI+Lc05ay3aFWz3SyAceLHBvSW3eZtXVpKx2geTFbs2KIT9N4hUFztpFYY3SPqe57cnUE1pJPmk6+xY/tv1PK0DugLz1D2i6bEgt024QAJekxLrR8k0qKa32w20IVzWLtWUlxaCRS8pa2p6Rlxva4i1Hv5bLZIM9v8T6saOD0hBeBdJ4Av3gHDDSPs21rKKlAei3fYT+x6Tlgv3/wIMAGfxS3lASyEZAAAAAElFTkSuQmCC") 0px 0px;
    border-radius: 16px;
    display: block;
    height: 64px;
    opacity: 0.2;
    position: relative;
    transition: 2s;
    width: 100%;
}

.exp-progress__bar::after {
    background: linear-gradient(90deg, rgba(34, 255, 235, 0) 0px, rgba(36, 191, 239, 0.6) 98%, rgba(65, 234, 234, 0));
    right: 0px;
    width: 100px;
}

.exp-progress::before,
.exp-progress__bar::after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0px;
}

.exp-progress::before {
    background: rgb(34, 34, 34);
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.85) 0px 0px 6px 0px inset;
    left: 0px;
    width: 100%;
}

.exp-progress::after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0));
    border-radius: 0px 16px 16px 0px;
    content: "";
    display: none;
    height: 16px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 64px;
}

.wreath-levels {
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
}

.wreath-levels__info {
    position: relative;
    text-align: center;
}

.wreath-levels__label {
    display: block;
}

.wreath-levels--size-middle {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .wreath-levels--size-middle {
        background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px / 480px 315px no-repeat;
    }
}

.wreath-levels--size-middle .wreath-levels__level {
    font-size: 28px;
    line-height: 28px;
}

.wreath-levels--size-middle .wreath-levels__label {
    font-size: 12px;
    line-height: 12px;
}

.wreath-levels--size-middle.wreath-levels--level-highest .wreath-levels__info {
    top: -4px;
}

.wreath-levels--size-middle.wreath-levels--level-11 .wreath-levels__info {
    top: -8px;
}

.wreath-levels--size-middle.wreath-levels--level-12 .wreath-levels__info {
    top: -12px;
}

.wreath-levels--size-middle.wreath-levels--level-10 .wreath-levels__info,
.wreath-levels--size-middle.wreath-levels--level-5 .wreath-levels__info,
.wreath-levels--size-middle.wreath-levels--level-6 .wreath-levels__info,
.wreath-levels--size-middle.wreath-levels--level-7 .wreath-levels__info,
.wreath-levels--size-middle.wreath-levels--level-9 .wreath-levels__info {
    top: -2px;
}

.wreath-levels--size-middle.wreath-levels--level-highest {
    background-position: 0px 0px;
    height: 138px;
    width: 141px;
}

.wreath-levels--size-middle.wreath-levels--level-12 {
    background-position: -141px 0px;
    height: 108px;
    width: 142px;
}

.wreath-levels--size-middle.wreath-levels--level-11 {
    background-position: 0px -138px;
    height: 95px;
    width: 98px;
}

.wreath-levels--size-middle.wreath-levels--level-5 {
    background-position: -98px -138px;
    height: 81px;
    width: 104px;
}

.wreath-levels--size-middle.wreath-levels--level-6 {
    background-position: -283px 0px;
    height: 81px;
    width: 101px;
}

.wreath-levels--size-middle.wreath-levels--level-10 {
    background-position: -283px -81px;
    height: 81px;
    width: 100px;
}

.wreath-levels--size-middle.wreath-levels--level-8 {
    background-position: 0px -233px;
    height: 82px;
    width: 98px;
}

.wreath-levels--size-middle.wreath-levels--level-9 {
    background-position: -384px 0px;
    height: 83px;
    width: 96px;
}

.wreath-levels--size-middle.wreath-levels--level-7 {
    background-position: -98px -233px;
    height: 81px;
    width: 98px;
}

.wreath-levels--size-middle.wreath-levels--level-1 {
    background-position: -384px -83px;
    height: 81px;
    width: 94px;
}

.wreath-levels--size-middle.wreath-levels--level-4 {
    background-position: -384px -164px;
    height: 80px;
    width: 94px;
}

.wreath-levels--size-middle.wreath-levels--level-2 {
    background-position: -196px -233px;
    height: 79px;
    width: 94px;
}

.wreath-levels--size-middle.wreath-levels--level-3 {
    background-position: -290px -233px;
    height: 79px;
    width: 94px;
}

.wreath-levels--size-small {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px no-repeat;
}

.wreath-levels--size-small .wreath-levels__level {
    font-size: 16px;
}

.wreath-levels--size-small.wreath-levels__level {
    font-size: 20px;
    line-height: 20px;
}

.wreath-levels--size-small.wreath-levels--level-highest {
    background-position: 0px 0px;
    height: 71px;
    width: 73px;
}

.wreath-levels--size-small.wreath-levels--level-highest .wreath-levels__info {
    top: -1px;
}

.wreath-levels--size-small.wreath-levels--level-12 {
    background-position: -73px 0px;
    height: 56px;
    width: 71px;
}

.wreath-levels--size-small.wreath-levels--level-12 .wreath-levels__info {
    top: -5px;
}

.wreath-levels--size-small.wreath-levels--level-11 {
    background-position: 0px -71px;
    height: 50px;
    width: 51px;
}

.wreath-levels--size-small.wreath-levels--level-11 .wreath-levels__info {
    top: -4px;
}

.wreath-levels--size-small.wreath-levels--level-5 {
    background-position: -51px -71px;
    height: 43px;
    width: 54px;
}

.wreath-levels--size-small.wreath-levels--level-6 {
    background-position: -144px 0px;
    height: 43px;
    width: 53px;
}

.wreath-levels--size-small.wreath-levels--level-10 {
    background-position: -144px -43px;
    height: 43px;
    width: 52px;
}

.wreath-levels--size-small.wreath-levels--level-9 {
    background-position: 0px -121px;
    height: 44px;
    width: 50px;
}

.wreath-levels--size-small.wreath-levels--level-7 {
    background-position: -50px -121px;
    height: 43px;
    width: 51px;
}

.wreath-levels--size-small.wreath-levels--level-8 {
    background-position: -101px -121px;
    height: 43px;
    width: 51px;
}

.wreath-levels--size-small.wreath-levels--level-1 {
    background-position: -197px 0px;
    height: 43px;
    width: 49px;
}

.wreath-levels--size-small.wreath-levels--level-2 {
    background-position: -197px -43px;
    height: 42px;
    width: 49px;
}

.wreath-levels--size-small.wreath-levels--level-3 {
    background-position: -197px -85px;
    height: 42px;
    width: 49px;
}

.wreath-levels--size-small.wreath-levels--level-4 {
    background-position: 0px -165px;
    height: 42px;
    width: 49px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .wreath-levels--size-small {
        background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px / 246px 207px no-repeat;
    }
}

.wreath-levels--size-extra-small {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .wreath-levels--size-extra-small {
        background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px / 134px 112px no-repeat;
    }
}

.wreath-levels--size-extra-small .wreath-levels__info {
    top: -1px;
}

.wreath-levels--size-extra-small .wreath-levels__level {
    font-size: 10px;
}

.wreath-levels--size-extra-small.wreath-levels--level-11 .wreath-levels__info {
    top: -3px;
}

.wreath-levels--size-extra-small.wreath-levels--level-12 .wreath-levels__info {
    top: -4px;
}

.wreath-levels--size-extra-small.wreath-levels--level-highest .wreath-levels__info {
    top: -2px;
}

.wreath-levels--size-extra-small.wreath-levels--level-highest {
    background-position: 0px 0px;
    height: 38px;
    width: 39px;
}

.wreath-levels--size-extra-small.wreath-levels--level-12 {
    background-position: -39px 0px;
    height: 30px;
    width: 39px;
}

.wreath-levels--size-extra-small.wreath-levels--level-11 {
    background-position: 0px -38px;
    height: 27px;
    width: 28px;
}

.wreath-levels--size-extra-small.wreath-levels--level-5 {
    background-position: -28px -38px;
    height: 24px;
    width: 29px;
}

.wreath-levels--size-extra-small.wreath-levels--level-6 {
    background-position: -78px 0px;
    height: 24px;
    width: 29px;
}

.wreath-levels--size-extra-small.wreath-levels--level-6 .wreath-levels__info {
    top: -2px;
}

.wreath-levels--size-extra-small.wreath-levels--level-7 {
    background-position: -78px -24px;
    height: 24px;
    width: 28px;
}

.wreath-levels--size-extra-small.wreath-levels--level-8 {
    background-position: 0px -65px;
    height: 24px;
    width: 28px;
}

.wreath-levels--size-extra-small.wreath-levels--level-10 {
    background-position: -28px -65px;
    height: 24px;
    width: 28px;
}

.wreath-levels--size-extra-small.wreath-levels--level-10 .wreath-levels__info {
    left: -1px;
}

.wreath-levels--size-extra-small.wreath-levels--level-1 {
    background-position: -56px -65px;
    height: 24px;
    width: 27px;
}

.wreath-levels--size-extra-small.wreath-levels--level-9 {
    background-position: -107px 0px;
    height: 24px;
    width: 27px;
}

.wreath-levels--size-extra-small.wreath-levels--level-2 {
    background-position: -107px -24px;
    height: 23px;
    width: 27px;
}

.wreath-levels--size-extra-small.wreath-levels--level-3 {
    background-position: -107px -47px;
    height: 23px;
    width: 27px;
}

.wreath-levels--size-extra-small.wreath-levels--level-4 {
    background-position: 0px -89px;
    height: 23px;
    width: 27px;
}

.avatar-level-up,
.avatar-level-up__img-wrap {
    height: 155px !important;
    width: 155px !important;
}

.avatar-level-up__img-wrap {
    background: radial-gradient(circle at 10% 90%, rgb(121, 33, 21), rgba(121, 33, 21, 0) 55%), radial-gradient(circle at 10% 90%, rgb(121, 33, 21), rgba(121, 33, 21, 0) 55%), radial-gradient(circle at 90% 10%, rgba(251, 246, 233, 0.8), rgba(251, 246, 233, 0) 70%), radial-gradient(circle at 93% 75%, rgb(247, 239, 216), rgb(247, 239, 216) 70%) beige;
    border-radius: 50%;
    box-shadow: rgba(246, 177, 68, 0.7) 0px 0px 25px 5px;
    padding: 3px;
    position: relative;
    text-align: center;
}

.avatar-level-up__img {
    animation: auto ease 0s 1 normal none running none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    box-shadow: none;
    position: relative;
    z-index: 5;
}

.avatar-level-up__img:hover {
    background: inherit;
    box-shadow: none;
}

.avatar-level-up__bg-main {
    animation: 5s ease 0s infinite alternate none running avatar-level-up__bg-main;
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px no-repeat;
    height: 205px;
    left: 0px;
    margin: -25px 0px 0px -24px;
    top: 0px;
    width: 204px;
    z-index: 1;
}

.avatar-level-up__bg-1 {
    animation: 6s ease 0s infinite alternate none running avatar-level-up__bg-1;
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px no-repeat;
    bottom: -5px;
    height: 65px;
    right: -10px;
    width: 85px;
    z-index: 2;
}

.avatar-level-up__bg-2 {
    animation: 6s ease 0s infinite alternate none running avatar-level-up__bg-2;
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px no-repeat;
    bottom: 0px;
    height: 65px;
    left: -23px;
    width: 85px;
    z-index: 3;
}

.avatar-level-up__bg-3 {
    animation: 6s ease 0s infinite alternate none running avatar-level-up__bg-3;
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px no-repeat;
    height: 76px;
    right: -16px;
    top: -20px;
    width: 126px;
    z-index: 4;
}

.avatar-level-up__text {
    bottom: -40px;
    color: rgb(255, 255, 255);
    left: 0px;
    text-align: center;
    width: 100%;
}

.avatar-level-up__text span {
    background: rgba(255, 160, 49, 0.1);
    border: 1px solid rgb(255, 160, 49);
    border-radius: 4px;
    box-shadow: rgb(255, 160, 49) 0px 0px 10px 0px;
    font-size: 12px;
    padding: 1px 10px 4px;
}

.avatar-level-up__bg-1,
.avatar-level-up__bg-2,
.avatar-level-up__bg-3,
.avatar-level-up__bg-main,
.avatar-level-up__text {
    position: absolute;
}

.achievements-notice-streamer {
    left: 50%;
    position: absolute;
    top: 65px;
    transform: translateX(-50%);
    width: 450px;
    z-index: 100;
}

.achievements-notice+.achievements-notice {
    margin-top: 5px;
}

.achievements-notice {
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 15px 17px;
    transform: translateZ(0px);
    width: 100%;
    z-index: 100;
}

.achievements-notice__in {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.achievements-notice__img-wrap {
    height: 56px;
    position: relative;
    width: 56px;
}

.achievements-notice__img {
    border: 1px solid rgb(27, 145, 215);
    border-radius: 6px;
    box-shadow: rgb(21, 114, 170) 0px 0px 7px 2px;
    display: inline-block;
    max-width: 100%;
    position: relative;
}

.achievements-notice__text {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    margin: 0px 15px 0px 25px;
}

.achievements-notice__label {
    font-size: 12px;
    margin-bottom: 4px;
}

.achievements-notice__desc {
    font-size: 13px;
}

.achievements-notice__button {
    margin-left: auto;
}

.achievements-notice__link {
    font-size: 12px;
}

.achievements-notice--gold .achievements-notice__img {
    border: 1px solid rgb(255, 160, 49);
    box-shadow: rgb(255, 160, 49) 0px 0px 10px 0px;
}

.achievements-notice--silver .achievements-notice__img {
    border: 1px solid rgb(118, 121, 124);
    box-shadow: rgb(118, 121, 124) 0px 0px 10px 0px;
}

.achievements-notice--bronze .achievements-notice__img {
    border: 1px solid rgb(177, 119, 94);
    box-shadow: rgb(177, 119, 94) 0px 0px 10px 0px;
}

.awards-with-medal-list {
    --gap: 10px;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-left: calc(var(--gap)*-1);
    margin-top: calc(var(--gap)*-1);
    user-select: none;
}

.awards-with-medal-list__item {
    display: flex;
    -webkit-box-flex: 1;
    border: 1px solid transparent;
    border-radius: 6px;
    flex: 1 1 0%;
    font-size: 14px;
    line-height: 16px;
    margin-left: var(--gap);
    margin-top: var(--gap);
    padding: 17px;
    transition: border-color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.awards-with-medal-list__item--bronze {
    background-color: rgba(177, 119, 94, 0.1);
    border-color: rgb(171, 91, 56);
}

.awards-with-medal-list__item--bronze.awards-with-medal-list__item--active,
.awards-with-medal-list__item--bronze:hover {
    background-color: rgba(177, 119, 94, 0.2);
    border-color: rgb(177, 119, 94);
}

.awards-with-medal-list__item--silver {
    background-color: rgba(98, 101, 103, 0.1);
    border-color: rgb(98, 101, 103);
}

.awards-with-medal-list__item--silver.awards-with-medal-list__item--active,
.awards-with-medal-list__item--silver:hover {
    background-color: rgba(117, 120, 122, 0.2);
    border-color: rgb(118, 121, 124);
}

.awards-with-medal-list__item--gold {
    background-color: rgba(255, 160, 49, 0.1);
    border-color: rgb(193, 145, 89);
}

.awards-with-medal-list__item--gold.awards-with-medal-list__item--active,
.awards-with-medal-list__item--gold:hover {
    background-color: rgba(255, 141, 8, 0.2);
    border-color: rgb(255, 141, 8);
}

.awards-with-medal-list__icon {
    margin-right: 15px;
    margin-top: 15px;
    min-width: 48px;
    width: 48px;
}

.awards-with-medal-list .svg-icon {
    display: block;
    height: 37px;
    width: 28px;
}

.awards-with-medal-list__info {
    min-width: 0px;
}

.awards-with-medal-list__text {
    margin-bottom: 8px;
}

.awards-with-medal-list__text b {
    color: rgb(143, 165, 191);
    font-weight: 100;
}

.awards-with-medal-list__text:last-child {
    margin-bottom: 0px;
}

.second-table>tbody>tr>td {
    padding: 10px 15px;
    text-align: center;
}

.second-table>tbody>tr>td .key {
    color: rgb(143, 165, 191);
    font-size: 14px;
    line-height: 16px;
    margin-top: 3px;
}

.second-table>tbody>tr>td .var {
    font-size: 18px;
    line-height: 20px;
}

.second-table>tbody>tr>td:first-child {
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
}

.second-table.no-bordered,
.second-table.no-bordered td,
.second-table.no-bordered th {
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: initial !important;
}

.table--font-size-12>tbody>tr>td,
.table--font-size-12>tbody>tr>th,
.table--font-size-12>tfoot>tr>td,
.table--font-size-12>tfoot>tr>th,
.table--font-size-12>thead>tr>td,
.table--font-size-12>thead>tr>th {
    font-size: 12px;
}

.table--no-margin-bottom {
    margin: 0px;
}

.table--no-bordered-v1>tbody>tr>td,
.table--no-bordered-v1>tbody>tr>th,
.table--no-bordered-v1>tfoot>tr>td,
.table--no-bordered-v1>tfoot>tr>th,
.table--no-bordered-v1>thead>tr>td,
.table--no-bordered-v1>thead>tr>th {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
}

.table--vertical-middle>tbody>tr>td,
.table--vertical-middle>tbody>tr>th,
.table--vertical-middle>tfoot>tr>td,
.table--vertical-middle>tfoot>tr>th,
.table--vertical-middle>thead>tr>td,
.table--vertical-middle>thead>tr>th {
    vertical-align: middle;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 10px 15px;
}

.table>thead>tr>td,
.table>thead>tr>th {
    font-weight: 400;
}

.menu-square {
    position: relative;
}

.menu-square__btn {
    background: rgba(35, 34, 39, 0.6);
    border: 1px solid rgb(51, 54, 59);
    border-radius: 4px;
    color: rgb(119, 119, 119);
    cursor: pointer;
    display: block;
    font-size: 20px;
    height: 42px;
    line-height: 40px;
    position: relative;
    text-align: center;
    transition: background-color 0.5s, border 0.5s;
    width: 42px;
    z-index: 10;
}

.menu-square__checkbox {
    display: none;
}

.menu-square__items {
    left: 50%;
    position: absolute;
    top: 50%;
}

.menu-square__item {
    background: rgb(0, 154, 249);
    border-radius: 50%;
    display: block;
    height: 40px;
    left: 0px;
    line-height: 42px;
    margin-top: -20px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 0px;
    transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
    width: 40px;
    will-change: transform, opacity;
}

.menu-square__item--close {
    background: red;
    line-height: 37px;
}

.menu-square__icon {
    color: rgb(255, 255, 255);
}

.menu-square__checkbox:checked~.menu-square__items .menu-square__item {
    opacity: 1;
    pointer-events: all;
    transition-timing-function: ease-in;
}

.menu-square__checkbox:checked~.menu-square__items .menu-square__item:first-child {
    transform: translate3d(40px, -78px, 0px);
    transition-duration: 175ms;
}

.menu-square__checkbox:checked~.menu-square__items .menu-square__item:nth-child(2) {
    transform: translate3d(40px, -26px, 0px);
    transition-duration: 0.25s;
}

.menu-square__checkbox:checked~.menu-square__items .menu-square__item:nth-child(3) {
    transform: translate3d(40px, 26px, 0px);
    transition-duration: 325ms;
}

.menu-square__checkbox:checked~.menu-square__items .menu-square__item:nth-child(4) {
    transform: translate3d(40px, 78px, 0px);
    transition-duration: 0.4s;
}

.menu-square__checkbox:checked~.menu-square__items .menu-square__item:nth-child(5) {
    transform: translate3d(40px, 130px, 0px);
    transition-duration: 475ms;
}

.assets-favorites-list {
    min-height: 60px;
    position: relative;
}

body.no-fav-panel .assets-favorites-list {
    display: none;
}

.assets-favorites-list__wrap {
    margin-left: 40px;
    margin-right: 40px;
    min-height: 60px;
    overflow: hidden;
    position: relative;
}

.assets-favorites-list__in {
    display: flex;
    height: 56px;
    left: 0px;
    margin-left: -5px;
    position: absolute;
    top: 2px;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.assets-favorites-list .no-items-text {
    color: rgb(123, 141, 166);
    cursor: pointer;
    font-size: 13px;
    line-height: 60px;
    text-align: center;
    width: 100%;
}

.assets-favorites-list .no-items-text .fa-star {
    color: rgb(255, 151, 6);
}

.assets-favorites-arrow {
    cursor: pointer;
    font-size: 14px;
    height: 100%;
    line-height: 14px;
    padding-top: 24px;
    position: absolute;
    text-align: center;
    top: 0px;
    user-select: none;
    width: 40px;
    z-index: 10;
}

.assets-favorites-arrow--left {
    left: 0px;
}

.assets-favorites-arrow--right {
    right: 0px;
}

.assets-favorites-arrow--disabled {
    cursor: default;
}

.assets-favorites-item {
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    margin-left: 5px;
    min-width: 165px;
    overflow: hidden;
    padding: 0px 5px;
    transition: background 0.3s;
    white-space: nowrap;
}

.assets-favorites-item__preview-wrapper {
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.assets-favorites-item__close {
    left: 4px;
    margin: -4px 5px -4px -4px;
    padding: 4px;
    position: absolute;
    top: 0px;
    z-index: 15;
}

.assets-favorites-item__line {
    display: flex;
    z-index: 10;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.assets-favorites-item__label {
    margin-left: 12px;
}

.assets-favorites-item__info {
    font-size: 13px;
    margin-left: auto;
    position: absolute;
    right: 2px;
    text-align: right;
}

.assets-favorites-item__progress {
    bottom: 3px;
    height: 5px;
    left: 0px;
    margin: 0px auto;
    overflow: hidden;
    padding: 1px;
    position: absolute;
    right: 0px;
    width: 154px;
}

.assets-favorites-item__progress .progress-bar {
    border-radius: 4px;
    box-shadow: none;
}

.assets-favorites-item__progress .progress-bar::after {
    display: none;
}

.assets-favorites-item .payout__in,
.assets-favorites-item .profit__in {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.assets-favorites-item .payout__in {
    color: rgb(111, 194, 116);
    font-weight: 700;
}

.assets-favorites-item.sortable-drag {
    cursor: pointer;
}

.assets-favorites-item--not-active {
    cursor: default;
    opacity: 0.4;
}

.fav-panel-switcher {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 8px;
    font-size: 20px;
    height: 42px;
    justify-content: center;
    margin-right: 10px;
    transition: border-color 0.3s, color 0.3s;
    width: 42px;
}

.flex-vertical-block {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-pack: justify;
    height: 100%;
    justify-content: space-between;
}

.flex-vertical-block__filters {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: -7px;
    margin-top: -7px;
    padding: 5px 20px;
}

.flex-vertical-block__filters>div {
    margin-left: 7px;
    margin-top: 7px;
}

.flex-vertical-block__filters-btn {
    border-radius: 4px;
    display: block;
    min-width: 40px;
    padding: 5px 10px;
    text-align: center;
    user-select: none;
    white-space: nowrap;
}

.flex-vertical-block__filters-form {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.flex-vertical-block__filters-form input {
    border-radius: 4px;
    font-size: 14px;
    padding: 5px 20px 5px 15px;
    user-select: none;
    width: 100%;
}

.flex-vertical-block__filters-form .fa {
    margin-right: 0px;
    margin-top: -7px;
    position: absolute;
    right: 10px;
    top: 50%;
}

.flex-vertical-block__body {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    overflow: hidden;
}

.drop-down-modal--chart-type {
    margin: 14px 0px 20px;
    max-height: 95vh;
    max-width: 440px;
    overflow-y: auto;
    padding: 20px;
    width: 100%;
}

.drop-down-modal--chart-type input[type="radio"] {
    display: none;
}

.drop-down-modal--chart-type>div+div {
    margin-top: 20px;
}

.drop-down-modal--chart-type .chart-list-block__title {
    font-size: 13px;
    margin-bottom: 7px;
}

.drop-down-modal--chart-type .chart-list-block .svg-icon {
    width: 40px;
}

.drop-down-modal--chart-type .chart-list-block ul>li {
    -webkit-box-flex: 1;
    flex: 1 1 77px;
}

.drop-down-modal--chart-type .chart-list-block ul>li .svg-icon-wrapper {
    height: 41px;
}

.drop-down-modal--chart-type .chart-list-block ul>li>a {
    padding-top: 15px;
}

.drop-down-modal--chart-type .chart-list-block ul>li>a>span,
.drop-down-modal--chart-type .mdl-switch__label {
    font-size: 12px;
}

.drop-down-modal--chart-type .time-frames-block__title {
    margin-bottom: 7px;
}

.drop-down-modal--chart-type .time-frames-block>ul {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.drop-down-modal--chart-type .time-frames-block>ul>li {
    width: calc(14.2857% - 3px);
}

.is-m-version .drop-down-modal--chart-type .time-frames-block>ul>li {
    padding: 1px;
}

.drop-down-modal--chart-type .settings-block__header {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 7px;
}

.drop-down-modal--chart-type .settings-block__header a {
    border-bottom: 1px dashed;
    font-size: 13px;
}

.drop-down-modal--chart-type .settings-block__header h2 {
    margin-bottom: 0px;
}

.drop-down-modal--chart-type .settings-block__in {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.drop-down-modal--chart-type .settings-block__in>label {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.drop-down-modal--chart-type .settings-block__in a {
    border-bottom: 1px dashed;
}

.drop-down-modal--chart-type .settings-block__in .settings-row {
    margin-top: 5px;
}

.drop-down-modal--chart-type .settings-block__in .settings-row:first-child {
    margin-top: 0px;
}

.drop-down-modal--window-layout-switcher {
    margin-top: 7px;
    padding: 20px;
}

.drop-down-modal--window-layout-switcher .sq-wrap {
    display: flex;
    margin-left: -4px;
    margin-top: -4px;
}

.drop-down-modal--window-layout-switcher .sq-wrap .sq {
    margin-left: 4px;
    margin-top: 4px;
}

.drop-down-modal--window-layout-switcher .table {
    margin-bottom: 0px;
}

.drop-down-modal--window-layout-switcher .table tr>td {
    vertical-align: middle;
}

.drop-down-modal--window-layout-switcher .table tr:first-child>td {
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
}

.drop-down-modal--window-layout-switcher .table tr:last-child>td {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}

.drop-down-modal--window-layout-switcher .sq {
    cursor: pointer;
    display: flex;
    height: 24px;
    margin-left: -2px;
    margin-top: -2px;
    width: 24px;
}

.drop-down-modal--window-layout-switcher .sq__item {
    -webkit-box-flex: 1;
    border-radius: 2px;
    flex: 1 1 auto;
    margin-left: 2px;
    margin-top: 2px;
    transition: background 0.3s;
}

.drop-down-modal--window-layout-switcher .sq.horizontal-2 {
    flex-wrap: wrap;
}

.drop-down-modal--window-layout-switcher .sq.horizontal-2 .sq__item {
    flex-basis: 100%;
}

.drop-down-modal--window-layout-switcher .sq.top-1-bottom-2 {
    flex-wrap: wrap;
}

.drop-down-modal--window-layout-switcher .sq.top-1-bottom-2 .sq__item:first-child {
    flex-basis: 100%;
}

.drop-down-modal--window-layout-switcher .sq.top-2-bottom-1 {
    flex-wrap: wrap;
}

.drop-down-modal--window-layout-switcher .sq.top-2-bottom-1 .sq__item:last-child {
    flex-basis: 100%;
}

.drop-down-modal--window-layout-switcher .sq.left-2-right-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column wrap;
}

.drop-down-modal--window-layout-switcher .sq.left-2-right-1 .sq__item:last-child {
    flex-basis: 100%;
}

.drop-down-modal--window-layout-switcher .sq.left-1-right-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column wrap;
}

.drop-down-modal--window-layout-switcher .sq.left-1-right-2 .sq__item:first-child {
    flex-basis: 100%;
}

.drop-down-modal--window-layout-switcher .sq.top-2-bottom-2 {
    flex-wrap: wrap;
}

.drop-down-modal--window-layout-switcher .sq.top-2-bottom-2 .sq__item {
    -webkit-box-flex: 1;
    flex: 1 1 calc(50% - 2px);
}

.drop-down-modal--window-layout-switcher .sq.top-3-bottom-1 {
    flex-wrap: wrap;
}

.drop-down-modal--window-layout-switcher .sq.top-3-bottom-1 .sq__item:last-child {
    flex-basis: 100%;
}

.drop-down-modal--window-layout-switcher .sq.top-1-bottom-3 {
    flex-wrap: wrap;
}

.drop-down-modal--window-layout-switcher .sq.top-1-bottom-3 .sq__item:first-child {
    flex-basis: 100%;
}

.drop-down-modal--window-layout-switcher .sq.left-1-right-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column wrap;
}

.drop-down-modal--window-layout-switcher .sq.left-1-right-3 .sq__item:first-child {
    flex-basis: 100%;
}

.drop-down-modal--window-layout-switcher .sq.left-3-right-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column wrap;
}

.drop-down-modal--window-layout-switcher .sq.left-3-right-1 .sq__item:last-child {
    flex-basis: 100%;
}

.drop-down-modal--drawings-list {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-top: 14px;
    max-width: 260px;
    padding: 10px 0px;
    width: 240px;
}

.drop-down-modal--drawings-list .tab-nav {
    margin-bottom: 10px;
    margin-left: -5px;
    padding: 0px 10px;
}

.drop-down-modal--drawings-list .tab-nav li {
    margin-left: 5px;
}

.drop-down-modal--drawings-list .tab-nav li::after {
    display: none;
}

.drop-down-modal--drawings-list .tab-nav li.active {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
}

.drop-down-modal--drawings-list .tab-nav a {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 4px;
    font-size: 14px;
    justify-content: center;
    line-height: 16px;
    min-height: 30px;
    padding: 0px 10px;
    transition: box-shadow 0.5s, color 0.5s, -webkit-box-shadow 0.5s;
}

.drop-down-modal--drawings-list .tab-nav a i {
    margin-right: 8px;
}

.drop-down-modal--drawings-list .tab-body .actions-block {
    display: flex;
}

.drop-down-modal--drawings-list .tab-body .actions-block>a {
    margin-left: 6px;
}

.drop-down-modal--drawings-list .tab-body .actions-block svg {
    display: block;
}

.drop-down-modal--drawings-list .tab-body .drawings-list {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    line-height: 1.6;
}

.drop-down-modal--drawings-list .tab-body .drawings-list .list-item {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-pack: justify;
    font-size: 14px;
    justify-content: space-between;
    line-height: 1.6;
    padding: 6px 8px;
    text-decoration: none;
}

.drop-down-modal--drawings-list .tab-body .drawings-list .list-item,
.drop-down-modal--drawings-list .tab-body .drawings-list .list-item-block {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.drop-down-modal--drawings-list .tab-body .drawings-list .list-item-block .drawing-icon {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    height: 100%;
    justify-content: center;
    width: 34px;
}

.drop-down-modal--drawings-list .tab-body .drawings-list .list-item-block .line-color {
    padding: 0px 10px;
    width: 100px;
}

.drop-down-modal--drawings-list .tab-body .drawings-list .list-item-block .icon-wrapper {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: 5px;
}

.drop-down-modal--drawings-list .tab-body .drawings-list .list-item-block .icon-wrapper a:active,
.drop-down-modal--drawings-list .tab-body .drawings-list a.list-item:active {
    transform: translateY(1px);
}

.drop-down-modal--drawings-list .remove-all {
    border-radius: 4px;
    color: rgb(189, 48, 44);
    margin: 10px 10px 0px;
    padding: 3px 0px;
    text-align: center;
}

.drop-down-modal--drawings-list .remove-all:hover {
    background-color: rgb(189, 48, 44);
    color: rgb(255, 255, 255);
}

.drop-down-modal--indicators-list {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin: 14px 0px 20px;
    padding: 10px;
    width: 570px;
}

.drop-down-modal--indicators-list .tab-nav {
    margin-bottom: 15px;
    margin-left: -7px;
    margin-top: -5px;
}

.drop-down-modal--indicators-list .tab-nav li {
    margin-left: 7px;
    margin-top: 5px;
}

.drop-down-modal--indicators-list .tab-nav li::after {
    display: none;
}

.drop-down-modal--indicators-list .tab-nav li.active {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
}

.drop-down-modal--indicators-list .tab-nav li.favorites a {
    padding: 0px 10px;
}

.drop-down-modal--indicators-list .tab-nav li.favorites a .fa {
    margin-right: 5px;
}

.drop-down-modal--indicators-list .tab-nav li.favorites i {
    margin: 0px;
}

.drop-down-modal--indicators-list .tab-nav a {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 4px;
    font-size: 14px;
    justify-content: center;
    line-height: 16px;
    min-height: 30px;
    padding: 6px 11px 6px 10px;
    transition: box-shadow 0.5s, color 0.5s, -webkit-box-shadow 0.5s;
}

.drop-down-modal--indicators-list .tab-nav a i {
    margin-right: 8px;
}

.drop-down-modal--indicators-list .current.indicators-list .list-item {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    max-width: 50%;
}

.drop-down-modal--indicators-list .all.indicators-list .list-item,
.drop-down-modal--indicators-list .favorites.indicators-list .list-item {
    -webkit-box-flex: 1;
    flex: 1 1 33.3333%;
    max-width: 33.3333%;
}

.drop-down-modal--indicators-list .tab-body .actions-block {
    display: flex;
}

.drop-down-modal--indicators-list .tab-body .actions-block>a {
    margin-left: 4px;
}

.drop-down-modal--indicators-list .tab-body .actions-block svg {
    display: block;
}

.drop-down-modal--indicators-list .tab-body .all-block .indicators-list .list-item-block,
.drop-down-modal--indicators-list .tab-body .favorites-block .indicators-list .list-item-block {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.drop-down-modal--indicators-list .tab-body .all-block .indicators-list .list-item .fav,
.drop-down-modal--indicators-list .tab-body .favorites-block .indicators-list .list-item .fav {
    -webkit-box-flex: 0;
    flex-grow: 0;
    padding-left: 6px;
}

.drop-down-modal--indicators-list .tab-body .all-block .indicators-list .list-item .fav .fa.add,
.drop-down-modal--indicators-list .tab-body .favorites-block .indicators-list .list-item .fav .fa.add {
    opacity: 0.6;
}

.drop-down-modal--indicators-list .tab-body .all-block .indicators-list .list-item .asset-label,
.drop-down-modal--indicators-list .tab-body .favorites-block .indicators-list .list-item .asset-label {
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
}

.drop-down-modal--indicators-list .tab-body .all-block .indicators-list .list-item:hover .fa.add,
.drop-down-modal--indicators-list .tab-body .favorites-block .indicators-list .list-item:hover .fa.add {
    opacity: 1;
}

.drop-down-modal--indicators-list .tab-body .current-block .indicators-list .list-item {
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.drop-down-modal--indicators-list .tab-body .current-block .indicators-list .list-item .asset-label {
    padding-left: 6px;
}

.drop-down-modal--indicators-list .tab-body .current-block .indicators-list .list-item-block {
    padding: 4px 8px;
}

.drop-down-modal--indicators-list .tab-body .indicators-list {
    display: flex;
    flex-wrap: wrap;
}

.drop-down-modal--indicators-list .tab-body .indicators-list .list-item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.6;
}

.drop-down-modal--indicators-list .tab-body .indicators-list .list-item-block {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 5px 8px;
}

.drop-down-modal--indicators-list .tab-body .indicators-list .list-item-block .icon-wrapper {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: 5px;
}

.drop-down-modal--indicators-list .tab-body .indicators-list .list-item-block .icon-wrapper a:active {
    transform: translateY(1px);
}

.drop-down-modal--indicators-list .tab-body .indicators-list .list-item-block .icon-wrapper svg {
    fill: rgb(197, 197, 203);
}

.drop-down-modal--indicators-list .tab-body .indicators-list .list-item-block .icon-wrapper svg:hover {
    fill: rgb(255, 255, 255);
}

.drop-down-modal--indicators-list .tab-body .indicators-list a.list-item:active {
    transform: translateY(1px);
}

.drop-down-modal--indicators-list .a {
    display: block;
}

.drop-down-modal--indicators-list .change_symbol {
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 4px;
    line-height: 1.6;
    padding: 5px 8px;
    text-decoration: none;
}

.drop-down-modal--indicators-list .remove-all {
    border-radius: 4px;
    color: rgb(189, 48, 44);
    margin-top: 10px;
    padding: 3px 0px;
    text-align: center;
}

.drop-down-modal--indicators-list .remove-all:hover {
    background-color: rgb(189, 48, 44);
    color: rgb(255, 255, 255);
}

.drop-down-modal--balance .balance-item {
    border-radius: 10px;
    padding: 10px;
}

.drop-down-modal--balance .balance-item__label {
    margin-bottom: 3px;
}

.drop-down-modal--balance .balance-item:not(.balance-item--current) {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    gap: 12px;
    grid-template-columns: 24px 1fr;
}

.drop-down-modal--balance .balance-item--current .balance-item__top {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr minmax(20px, auto);
}

.drop-down-modal--balance .balance-item--current .balance-item__start {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    gap: 12px;
    grid-template-columns: 24px 1fr;
}

.drop-down-modal--balance .balance-item--current .balance-item__bottom {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.drop-down-modal--balance .balance-item--current .balance-item__label {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.drop-down-modal--balance .balance-item--current .balance-item__change-currency-link {
    border: 1px dashed;
    border-radius: 6px;
    display: block;
    font-size: 12px;
    padding: 5px 10px;
    text-transform: uppercase;
    transition: background-color 0.3s, border-color 0.3s;
}

.drop-down-modal--balance .balance-item--mt .balance-item__bottom,
.drop-down-modal--balance .balance-item--real .balance-item__bottom {
    grid-template-columns: 4fr 1fr 1fr;
}

.drop-down-modal--balance .balance-item-group-wrap__header {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    gap: 12px;
    grid-template-columns: 24px 1fr 24px;
    padding: 10px;
}

.drop-down-modal--balance .balance-item-group-wrap__header-label {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.drop-down-modal--balance .balance-item-group-wrap__header-label .counter {
    margin-left: 14px;
}

.drop-down-modal--balance .balance-item-group-wrap__header-icon {
    transition: color 0.3s;
}

.drop-down-modal--balance .balance-item-group-wrap__header-icon svg {
    margin: 0px auto;
}

.drop-down-modal--balance .balance-item-group-wrap__header-arrow {
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.drop-down-modal--balance .balance-item-group-wrap__header-link {
    font-size: 10px;
    min-height: unset;
    padding-bottom: 2px;
    padding-top: 2px;
}

.drop-down-modal--balance .balance-item-group-wrap__icon svg {
    margin: 0px auto;
}

.drop-down-modal--balance .balance-item-group-wrap__items {
    border-radius: 0px 0px 8px 8px;
    display: none;
    overflow: hidden;
}

.drop-down-modal--balance .balance-item-group-wrap--no-items .balance-item-group-wrap__header {
    cursor: default;
    grid-template-columns: 24px 1fr minmax(30px, auto);
}

.drop-down-modal--balance .balance-item-group-wrap--safe .balance-item-group {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    grid-template-columns: 1fr minmax(50px, auto);
}

.drop-down-modal--balance .balance-item-group-wrap--safe .balance-item-group__link {
    grid-template-columns: 1fr minmax(50px, auto);
}

.drop-down-modal--balance .balance-item-group-wrap--safe .balance-item-group__actions {
    grid-template-columns: 1fr 1fr;
}

.drop-down-modal--balance .balance-item-group-wrap--safe .balance-item-group__sum {
    text-align: right;
}

.drop-down-modal--balance .balance-item-group-wrap--safe .balance-item-group__actions,
.drop-down-modal--balance .balance-item-group-wrap--safe .balance-item-group__link {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
}

.drop-down-modal--balance .balance-item-group-wrap--daily-safe .balance-item-group__link {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.drop-down-modal--balance .balance-item-group-wrap--tournament .balance-item-group {
    -webkit-box-align: center;
    align-items: center;
    grid-template-columns: 24px 1fr;
}

.drop-down-modal--balance .balance-item-group-wrap--tournament .balance-item-group__label {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.drop-down-modal--balance .balance-item-group-wrap--tournament .balance-item-group__label-name {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}

.drop-down-modal--balance .balance-item-group-wrap--tournament .balance-item-group__label-status {
    font-size: 14px;
    line-height: 14px;
    margin-left: 6px;
}

.drop-down-modal--balance .balance-item-group-wrap--tournament .balance-item-group__label-status svg {
    height: 12px;
    width: 12px;
}

.drop-down-modal--balance .balance-item-group-wrap--tournament .balance-item-group__label-status--on {
    color: rgb(0, 154, 249);
}

.drop-down-modal--balance .balance-item-group-wrap--tournament .balance-item-group__label-status--off {
    color: rgba(142, 165, 192, 0.5);
}

.drop-down-modal--balance .balance-item-group-wrap--tournament .balance-item-group--vip-bonanza .balance-item-group__label-name {
    flex-basis: 110px;
}

.drop-down-modal--balance .balance-item-group-wrap--open .balance-item-group-wrap__header {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.drop-down-modal--balance .balance-item-group-wrap--open .balance-item-group-wrap__header-arrow {
    transform: rotate(180deg);
}

.drop-down-modal--balance .balance-item-group-wrap--open .balance-item-group-wrap__items {
    display: block;
}

.drop-down-modal--balance .balance-item-group-wrap--mt .balance-item-group {
    grid-template-columns: 24px 1fr minmax(50px, auto);
}

.drop-down-modal--balance .balance-item-group-wrap--positive-balances .balance-item-group {
    grid-template-columns: 24px 1fr minmax(50px, auto) minmax(40px, auto);
}

.drop-down-modal--balance .balance-item-group-wrap--positive-balances .balance-item-group__icon {
    padding-left: 2px;
}

.drop-down-modal--balance .balance-item-group-wrap--positive-balances .currency-icon {
    height: 20px;
    width: 20px;
}

.drop-down-modal--balance .balance-item-group-wrap--mt .balance-item-group__sum,
.drop-down-modal--balance .balance-item-group-wrap--positive-balances .balance-item-group__sum {
    text-align: right;
}

.drop-down-modal--balance {
    --padding-x: 20px;
    --padding-y: 20px;
    --width: 320px;
    max-width: var(--width);
    padding-top: ;
    padding-bottom: ;
    padding-left: ;
    padding-right: 6px;
    width: 100%;
}

.drop-down-modal--balance svg {
    display: block;
}

.drop-down-modal--balance .btn__text {
    display: inline-block;
    margin-left: 8px;
}

.drop-down-modal--balance .add-new-account-btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 8px;
    justify-content: center;
    padding: 8px;
}

.drop-down-modal--balance .add-new-account-btn svg {
    margin-right: 10px;
}

.drop-down-modal--balance .window .change-window-btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border: 1px solid;
    border-radius: 10px;
    font-size: 14px;
    justify-content: center;
    padding: 9px 10px;
}

.drop-down-modal--balance .window-1 {
    display: grid;
    gap: 10px;
    padding-right: 14px;
}

.drop-down-modal--balance .window-2 {
    padding-right: 14px;
}

.drop-down-modal--balance .window-2 .drop-down-user-info {
    display: block;
    overflow: hidden;
}

.drop-down-modal--balance .balance-item-group {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    gap: 12px;
    padding: 10px;
    transition: background-color 0.3s;
}

.drop-down-modal--balance .balance-item-group__link {
    display: block;
}

.drop-down-modal--balance .drop-down-modal__in,
.drop-down-modal--balance .ps {
    height: 100%;
}

.fast-deposit-modal {
    width: 300px;
}

.fast-deposit-modal__inner {
    display: grid;
    gap: 12px;
    padding: 18px 24px;
}

.fast-deposit-modal .drop-down-modal__close-icon {
    right: 24px;
    top: 22px;
}

.fast-deposit-modal__title {
    font-size: 18px;
}

[lang="ja"] .fast-deposit-modal__title,
[lang="ru"] .fast-deposit-modal__title {
    font-size: 17px;
}

.fast-deposit-modal__text {
    font-size: 13px;
}

.fast-deposit-modal__link {
    font-size: 12px;
    text-decoration: underline;
}

.theme-dark-blue .fast-deposit-modal__link {
    color: rgb(55, 151, 211);
}

.fast-deposit-modal__method-icon {
    height: 20px;
    margin-right: 8px;
}

.fast-deposit-modal__select-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fast-deposit-modal .btn-wrap {
    display: grid;
    gap: 12px;
    justify-items: center;
}

.fast-deposit-modal .btn-wrap .btn {
    width: 100%;
}

[lang="el"] body.islamic-account .fast-deposit-modal .btn-wrap .btn,
[lang="ru"] body.islamic-account .fast-deposit-modal .btn-wrap .btn {
    font-size: 12px;
}

.fast-deposit-modal .bootstrap-select .dropdown-menu {
    right: 0px;
}

.fast-deposit-modal .bootstrap-select .dropdown-menu.open {
    max-height: 239px !important;
    min-height: 100% !important;
    overflow: auto !important;
}

.fast-deposit-modal .bootstrap-select .dropdown-menu.open>.inner.open {
    max-height: 100% !important;
    overflow-y: visible !important;
}

.fast-deposit-modal .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    max-width: 196px;
}

.fast-deposit-modal .help-block {
    font-size: 12px;
}

.fast-deposit-modal .ajax-loader-v2--button {
    margin-left: 0px;
}

.fast-deposit-modal .message {
    font-size: 13px;
    margin-bottom: 0px;
}

.fast-deposit-modal form {
    display: grid;
    gap: 12px;
}

.fast-deposit-modal .form-control {
    height: 36px;
}

.fast-deposit-modal .form-group {
    margin-bottom: 0px;
}

.fast-deposit-modal .form-group.ajax-loading {
    opacity: 0.5;
    pointer-events: none;
    user-select: none;
}

.drop-down-modal--fast-deposit {
    margin-top: 7px;
}

.fast-deposit-modal-dropdown .dropdown-menu {
    width: 100%;
}

.drop-down-modal {
    background-color: var(--po-ui-kit-drop-down-modal-background-color);
    border: 1px solid var(--po-ui-kit-drop-down-modal-border-color);
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px;
    pointer-events: all;
    position: absolute;
    user-select: none;
}

.drop-down-modal>div {
    position: relative;
    z-index: 100;
}

.drop-down-modal__close-icon {
    position: absolute;
    right: 25px;
    top: 26px;
    z-index: 50;
}

.drop-down-modal__wrap {
    background: transparent;
    inset: 0px 0px 20px;
    content: "";
    cursor: default;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate3d(0px, 20px, 0px);
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s, -webkit-transform 0.3s;
    visibility: hidden;
    z-index: -99999;
}

.drop-down-modal__wrap--active {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    visibility: visible;
    z-index: 13;
}

.drop-down-modal__wrap--active .drop-down-modal {
    bottom: auto;
}

.drop-down-modal__wrap-none {
    pointer-events: none;
}

.drop-down-modal-wrap {
    background: transparent;
    inset: 0px;
    content: "";
    cursor: default;
    position: fixed;
    z-index: 13;
}

.drop-down-modal-wrap-exit {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    transition: 0.3s;
    visibility: visible;
}

.drop-down-modal-wrap-exit .drop-down-modal {
    bottom: auto;
}

.drop-down-modal-wrap-exit-active {
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0px, 20px, 0px);
    visibility: hidden;
}

.drop-down-modal-wrap.no-outside {
    height: 100%;
    position: static;
    width: 100%;
}

.drop-down-modal-wrap-appear,
.drop-down-modal-wrap-enter {
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0px, 20px, 0px);
    visibility: hidden;
}

.drop-down-modal-wrap-appear-active,
.drop-down-modal-wrap-enter-active {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    transition: 0.3s;
    visibility: visible;
}

.drop-down-modal-wrap-appear-active .drop-down-modal,
.drop-down-modal-wrap-enter-active .drop-down-modal {
    bottom: auto;
}

.drop-down-modal .tab-nav a {
    text-transform: inherit;
}

.drop-down-modal--quotes-list {
    margin-top: 14px;
}

.drop-down-modal--user-info {
    margin-top: 5px;
    max-width: 560px;
    width: 100%;
}

.is-m-version.landscape .drop-down-modal--balance,
.is-m-version.landscape .drop-down-modal--fast-deposit {
    height: 200px;
}

.gems-lotto-new-gem {
    margin: -83px;
    transition: left 1s, top 1s, transform 1s, -webkit-transform 1s;
    will-change: left, top, transform;
    z-index: 100;
}

.gems-lotto-new-gem,
.gems-lotto-new-gem__glow {
    height: 166px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 166px;
}

.gems-lotto-new-gem__glow {
    animation: 3s ease 0s infinite normal none running gems-lotto-new-gem-glow-animation;
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==?v=1") 0px 0px no-repeat;
    margin: -83px 0px 0px -83px;
}

.gems-lotto-new-gem__diamond {
    height: 100%;
    width: 100%;
}

.gems-lotto-new-gem__diamond::before {
    border-radius: 25px;
    content: "";
    height: 40px;
    left: 50%;
    margin: -20px 0px 0px -20px;
    position: absolute;
    top: 50%;
    width: 40px;
}

.gems-lotto-new-gem__diamond--red::before {
    background-color: rgb(255, 46, 0);
    box-shadow: rgb(255, 46, 0) 0px 0px 80px 20px;
}

.gems-lotto-new-gem__diamond--blue::before {
    background-color: rgb(0, 255, 244);
    box-shadow: rgb(0, 255, 244) 0px 0px 80px 20px;
}

.gems-lotto-new-gem__diamond--green::before {
    background-color: rgb(51, 255, 0);
    box-shadow: rgb(51, 255, 0) 0px 0px 80px 20px;
}

.gems-lotto-new-gem__diamond--secret::before {
    background-color: rgb(255, 0, 158);
    box-shadow: rgb(255, 0, 158) 0px 0px 80px 20px;
}

.gems-lotto-new-gem .svg-icon {
    display: none;
    left: 50%;
    margin: -30px 0px 0px -30px;
    position: absolute;
    top: 50%;
    width: 60px;
}

.gems-lotto-new-gem.animated.tada {
    animation-duration: 0.7s;
}

.gems-lotto-new-gem.animated.fadeOut,
.gems-lotto-new-gem.animation.fadeOut {
    animation-duration: 0.3s;
}

.gems-lotto-new-gem--hide {
    transform: scale(0.55) !important;
    transition-duration: 0.2s !important;
}

.notification-stream-block {
    position: absolute;
    right: 100px;
    transition: left 0.3s, right 0.3s, top 0.3s;
    width: 400px;
    will-change: left, right, top;
    z-index: 202;
}

.notification-stream-block .stream-notification-item {
    background: rgba(46, 46, 54, 0.6);
    border: 1px solid rgb(51, 55, 60);
    padding: 10px;
}

.notification-stream-block .stream-notification-item .row {
    display: flex;
    margin: 0px;
}

.notification-stream-block .stream-notification-item .row .l {
    margin-right: 10px;
    max-width: 60px;
    width: 100%;
}

.notification-stream-block .stream-notification-item .row .l img {
    display: block;
    max-width: 100%;
}

.notification-stream-block .stream-notification-item .row .r {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
}

.notification-stream-block .stream-notification-item .row .r .text,
.notification-stream-block .stream-notification-item .row .r .title {
    margin-bottom: 5px;
}

.notification-stream-block .stream-notification-item .row .r .title {
    font-size: 16px;
    line-height: 20px;
    margin-top: -3px;
}

.notification-stream-block .stream-notification-item .row .r .text {
    color: rgb(187, 181, 181);
    font-size: 12px;
    line-height: 14px;
}

.notification-stream-block .stream-notification-item .row .r .buttons {
    margin-top: auto;
}

.notification-stream-block .stream-notification-item .row .r .buttons .btn {
    font-size: 12px;
    padding: 4px 10px;
}

.notification-stream-block .stream-notification-item .row .r .buttons .btn+.btn {
    margin-left: 3px;
}

.notification-stream-block .stream-notification-item+.stream-notification-item {
    margin-top: 4px;
}

.notification-stream-block--left {
    left: 100px;
}

.minimize-left-sidebar .notification-stream-block--left {
    left: 60px;
}

.notification-stream-block--right {
    right: 100px;
}

.minimize-right-sidebar .notification-stream-block--right {
    right: 60px;
}

.notification-stream-block--achievements.notification-stream-block--count-1 {
    top: 300px;
}

.minimize-left-sidebar .notification-stream-block--achievements.notification-stream-block--count-1 {
    top: 235px;
}

.notification-stream-block--achievements.notification-stream-block--count-2 {
    top: 242px;
}

.minimize-left-sidebar .notification-stream-block--achievements.notification-stream-block--count-2 {
    top: 177px;
}

.notification-stream-block--achievements.notification-stream-block--count-3 {
    top: 184px;
}

.minimize-left-sidebar .notification-stream-block--achievements.notification-stream-block--count-3 {
    top: 119px;
}

.notification-stream-block--achievements.notification-stream-block--count-4 {
    top: 126px;
}

.minimize-left-sidebar .notification-stream-block--achievements.notification-stream-block--count-4 {
    top: 61px;
}

.notification-stream-block--achievements.notification-stream-block--count-5 {
    top: 68px;
}

.minimize-left-sidebar .notification-stream-block--achievements.notification-stream-block--count-5 {
    top: 3px;
}

.notification-stream-block--right-common.notification-stream-block--count-1 {
    top: 217px;
}

.minimize-right-sidebar .notification-stream-block--right-common.notification-stream-block--count-1 {
    top: 152px;
}

.notification-stream-block--right-common.notification-stream-block--count-2 {
    top: 159px;
}

.minimize-right-sidebar .notification-stream-block--right-common.notification-stream-block--count-2 {
    top: 94px;
}

.remove-chart-settings-container {
    bottom: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    z-index: 7;
}

.is-chart.is-m-version .remove-chart-settings-container {
    z-index: 11;
}

.remove-chart-setting {
    display: flex;
    position: relative;
    -webkit-box-align: start;
    align-items: flex-start;
    height: 120px;
    padding: 0px 0px 0px 5px;
}

.remove-chart-setting .current-indicators-collapse {
    padding: 2px 6px;
}

.remove-chart-setting .settings {
    margin-left: -3px;
}

.remove-chart-setting .settings .s-badge {
    margin-left: 3px;
}

.remove-chart-setting__l {
    margin-right: 55px;
}

.is-m-version .remove-chart-setting__l {
    margin-right: 5px;
}

.remove-chart-setting__settings .s-badge {
    border-radius: 4px;
    display: inline-block;
    font-size: 11px;
    line-height: 13px;
    padding: 1px 4px;
}

.remove-chart-setting__settings .s-badge .color {
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin-right: 4px;
    width: 8px;
}

.remove-chart-setting__settings .s-badge .flc {
    color: rgb(143, 165, 191);
}

.remove-chart-setting__edit-icon {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(35, 138, 255);
    cursor: pointer;
}

.is-m-version .remove-chart-setting__edit-icon {
    cursor: default;
}

.remove-chart-setting__text {
    color: rgb(126, 142, 163);
    font-size: 12px;
}

.remove-chart-setting__remove-icon {
    display: none;
    position: absolute;
    right: 50px;
    top: 2px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 4px;
    cursor: pointer;
    height: 22px;
    justify-content: center;
    line-height: 22px;
    padding: 4px 6px;
    text-align: center;
    width: 20px;
}

.remove-chart-setting__remove-icon .fa {
    margin-bottom: 2px;
}

.remove-chart-setting:hover .remove-chart-setting__remove-icon {
    display: flex;
}

.remove-chart-setting:last-child {
    height: 140px;
}

.remove-chart-setting:last-child.expanded {
    height: 200px;
}

.is-m-version .remove-chart-setting:last-child {
    height: 100px;
}

.remove-chart-setting.expanded {
    height: 180px;
}

.remove-chart-setting__settings,
.remove-chart-setting__text {
    margin-right: 10px;
}

.is-m-version .remove-chart-setting {
    height: 80px;
}

.counter {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background-color: var(--po-ui-kit-counter-background-color-base);
    border: 1px solid var(--po-ui-kit-counter-border-color-base);
    border-radius: 5px;
    color: rgb(255, 255, 255);
    font-size: 10px;
    height: 16px;
    justify-content: center;
    min-width: 16px;
    padding: 0px 2px;
    transition: background-color 0.3s;
    white-space: nowrap;
}

.counter__icon {
    font-size: 8px;
}

.counter--group-chat-vip {
    background-color: rgba(192, 171, 94, 0.8);
    border-color: rgb(249, 229, 150);
}

.counter--with-icon svg {
    display: block;
}

.counter--with-icon .counter__icon {
    margin-right: 4px;
}

.type-of-trade-label {
    border: 1px solid transparent;
    border-radius: 3px;
    display: inline-block;
    font-size: 9px;
    line-height: 16px;
    padding: 0px 8px;
    position: relative;
    text-transform: uppercase;
    transition: border-color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
    white-space: nowrap;
}

.type-of-trade-label--demo,
.type-of-trade-label--mt4-demo,
.type-of-trade-label--mt4-live,
.type-of-trade-label--mt5-cfd-demo,
.type-of-trade-label--mt5-cfd-live,
.type-of-trade-label--mt5-demo,
.type-of-trade-label--mt5-live,
.type-of-trade-label--real,
.type-of-trade-label--tournament {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.type-of-trade-label--tournament {
    background-color: rgba(57, 130, 255, 0.3);
    border-color: rgb(57, 130, 255);
    box-shadow: rgba(57, 130, 255, 0.3) 0px 0px 4px 2px;
}

.type-of-trade-label--mt4-live,
.type-of-trade-label--mt5-cfd-live,
.type-of-trade-label--mt5-live {
    background-color: rgba(0, 153, 0, 0.2);
    border-color: rgba(0, 153, 0, 0.7);
    box-shadow: rgba(0, 153, 0, 0.3) 0px 0px 4px 2px;
}

.type-of-trade-label--mt4-demo,
.type-of-trade-label--mt5-cfd-demo,
.type-of-trade-label--mt5-demo {
    background-color: rgba(228, 234, 25, 0.2);
    border-color: rgba(228, 234, 25, 0.7);
    box-shadow: rgba(228, 234, 25, 0.3) 0px 0px 4px 2px;
}

.user-level-text {
    border: 1px solid transparent;
    border-radius: 3px;
    display: inline-block;
    font-size: 9px;
    line-height: 16px;
    padding: 0px 8px;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap;
}

.user-level-text--stranger {
    background-color: rgba(161, 159, 155, 0.7);
    border: 1px solid rgb(167, 166, 163);
}

.user-level-text--newbie,
.user-level-text--stranger {
    display: flex;
    -webkit-box-pack: center;
    color: rgb(255, 255, 255);
    justify-content: center;
}

.user-level-text--newbie {
    background-color: rgba(198, 38, 164, 0.7);
    border: 1px solid rgb(211, 40, 175);
}

.user-level-text--beginner {
    background-color: rgba(64, 113, 39, 0.7);
    border: 1px solid rgb(70, 124, 43);
}

.user-level-text--beginner,
.user-level-text--experienced {
    display: flex;
    -webkit-box-pack: center;
    color: rgb(255, 255, 255);
    justify-content: center;
}

.user-level-text--experienced {
    background-color: rgba(198, 193, 38, 0.7);
    border: 1px solid rgb(211, 206, 40);
}

.user-level-text--master {
    background-color: rgba(198, 119, 38, 0.7);
    border: 1px solid rgb(211, 127, 40);
}

.user-level-text--master,
.user-level-text--pro {
    display: flex;
    -webkit-box-pack: center;
    color: rgb(255, 255, 255);
    justify-content: center;
}

.user-level-text--pro {
    background-color: rgba(122, 38, 198, 0.7);
    border: 1px solid rgb(130, 40, 211);
}

.user-level-text--guru {
    display: flex;
    -webkit-box-pack: center;
    background-color: rgba(38, 95, 198, 0.7);
    border: 1px solid rgb(40, 101, 211);
    color: rgb(255, 255, 255);
    justify-content: center;
}

body[class*="layout-"]:not(.layout-full) .layout-container .chart-item.hide-trading-panel .scroll-to-end {
    right: 0px;
}

body[class*="layout-"]:not(.layout-full) .layout-container .chart-item.hide-trading-panel .chart-container {
    width: 100%;
}

.layout-container {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.layout-container .chart-item {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    height: 100%;
}

.layout-container .chart-item::after,
.layout-container .chart-item::before {
    content: "";
    position: absolute;
}

.layout-container .chart-item::before {
    height: 100%;
    left: 0px;
    width: 1px;
}

.layout-container .chart-item::after {
    bottom: 0px;
    height: 1px;
    width: 100%;
}

body:not(.layout-full):not(.layout-top-2-bottom-2):not(.layout-vertical-2):not(.layout-horizontal-2):not(.layout-top-2-bottom-1):not(.layout-top-1-bottom-2):not(.layout-left-2-right-1):not(.layout-left-1-right-2):not(.layout-vertical-3):not(.layout-top-3-bottom-1):not(.layout-top-1-bottom-3):not(.layout-left-1-right-3):not(.layout-left-3-right-1) .layout-container .chart-item::after,
body:not(.layout-full):not(.layout-top-2-bottom-2):not(.layout-vertical-2):not(.layout-horizontal-2):not(.layout-top-2-bottom-1):not(.layout-top-1-bottom-2):not(.layout-left-2-right-1):not(.layout-left-1-right-2):not(.layout-vertical-3):not(.layout-top-3-bottom-1):not(.layout-top-1-bottom-3):not(.layout-left-1-right-3):not(.layout-left-3-right-1) .layout-container .chart-item::before {
    display: none;
}

.layout-container .charts {
    left: inherit;
    position: inherit;
    top: inherit;
    width: auto;
}

.layout-container.active-right-widget {
    padding-right: var(--po-ui-kit-right-modals-width);
}

.layout-full .layout-container>.chart-item::after,
.layout-full .layout-container>.chart-item::before {
    display: none;
}

.layout-top-2-bottom-2 .layout-container>.chart-item {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    height: 50%;
}

.layout-top-2-bottom-2 .layout-container>.chart-item:first-child::before,
.layout-top-2-bottom-2 .layout-container>.chart-item:nth-child(3)::after,
.layout-top-2-bottom-2 .layout-container>.chart-item:nth-child(3)::before,
.layout-top-2-bottom-2 .layout-container>.chart-item:nth-child(4)::after {
    display: none;
}

.layout-vertical-2 .layout-container>.chart-item {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
}

.layout-vertical-2 .layout-container>.chart-item:first-child::after,
.layout-vertical-2 .layout-container>.chart-item:first-child::before,
.layout-vertical-2 .layout-container>.chart-item:nth-child(2)::after {
    display: none;
}

.layout-horizontal-2 .layout-container>.chart-item {
    height: 50%;
}

.layout-horizontal-2 .layout-container>.chart-item::before,
.layout-horizontal-2 .layout-container>.chart-item:nth-child(2)::after {
    display: none;
}

.layout-top-2-bottom-1 .layout-container>.chart-item {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    height: 50%;
}

.layout-top-2-bottom-1 .layout-container>.chart-item:first-child::before,
.layout-top-2-bottom-1 .layout-container>.chart-item:nth-child(3)::after,
.layout-top-2-bottom-1 .layout-container>.chart-item:nth-child(3)::before {
    display: none;
}

.layout-top-1-bottom-2 .layout-container>.chart-item {
    -webkit-box-flex: 1;
    flex: 1 1 50%;
    height: 50%;
}

.layout-top-1-bottom-2 .layout-container>.chart-item:first-child {
    flex-basis: 100%;
}

.layout-top-1-bottom-2 .layout-container>.chart-item:first-child::before,
.layout-top-1-bottom-2 .layout-container>.chart-item:nth-child(2)::after,
.layout-top-1-bottom-2 .layout-container>.chart-item:nth-child(2)::before,
.layout-top-1-bottom-2 .layout-container>.chart-item:nth-child(3)::after {
    display: none;
}

.layout-left-2-right-1 .layout-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.layout-left-2-right-1 .layout-container>.chart-item {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

.layout-left-2-right-1 .layout-container>.chart-item:first-child,
.layout-left-2-right-1 .layout-container>.chart-item:nth-child(2) {
    height: 50%;
}

.layout-left-2-right-1 .layout-container>.chart-item:first-child::before,
.layout-left-2-right-1 .layout-container>.chart-item:nth-child(2)::after,
.layout-left-2-right-1 .layout-container>.chart-item:nth-child(2)::before,
.layout-left-2-right-1 .layout-container>.chart-item:nth-child(3)::after {
    display: none;
}

.layout-left-1-right-2 .layout-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.layout-left-1-right-2 .layout-container>.chart-item {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

.layout-left-1-right-2 .layout-container>.chart-item:nth-child(2),
.layout-left-1-right-2 .layout-container>.chart-item:nth-child(3) {
    height: 50%;
}

.layout-left-1-right-2 .layout-container>.chart-item:first-child::after,
.layout-left-1-right-2 .layout-container>.chart-item:first-child::before,
.layout-left-1-right-2 .layout-container>.chart-item:nth-child(3)::after {
    display: none;
}

.layout-vertical-3 .layout-container {
    flex-wrap: nowrap;
}

.layout-vertical-3 .layout-container>.chart-item {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

.layout-vertical-3 .layout-container>.chart-item::after,
.layout-vertical-3 .layout-container>.chart-item:first-child::before {
    display: none;
}

.layout-top-3-bottom-1 .layout-container>.chart-item {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

.layout-top-3-bottom-1 .layout-container>.chart-item:first-child,
.layout-top-3-bottom-1 .layout-container>.chart-item:nth-child(2),
.layout-top-3-bottom-1 .layout-container>.chart-item:nth-child(3) {
    flex-basis: 33.333%;
    height: 50%;
}

.layout-top-3-bottom-1 .layout-container>.chart-item:nth-child(4) {
    flex-basis: 100%;
    height: 50%;
}

.layout-top-3-bottom-1 .layout-container>.chart-item:first-child::before,
.layout-top-3-bottom-1 .layout-container>.chart-item:nth-child(4)::after,
.layout-top-3-bottom-1 .layout-container>.chart-item:nth-child(4)::before {
    display: none;
}

.layout-top-1-bottom-3 .layout-container>.chart-item {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

.layout-top-1-bottom-3 .layout-container>.chart-item:first-child {
    flex-basis: 100%;
    height: 50%;
}

.layout-top-1-bottom-3 .layout-container>.chart-item:nth-child(2),
.layout-top-1-bottom-3 .layout-container>.chart-item:nth-child(3),
.layout-top-1-bottom-3 .layout-container>.chart-item:nth-child(4) {
    flex-basis: 33.333%;
    height: 50%;
}

.layout-top-1-bottom-3 .layout-container>.chart-item:first-child::before,
.layout-top-1-bottom-3 .layout-container>.chart-item:nth-child(2)::after,
.layout-top-1-bottom-3 .layout-container>.chart-item:nth-child(2)::before,
.layout-top-1-bottom-3 .layout-container>.chart-item:nth-child(3)::after,
.layout-top-1-bottom-3 .layout-container>.chart-item:nth-child(4)::after {
    display: none;
}

.layout-left-1-right-3 .layout-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.layout-left-1-right-3 .layout-container>.chart-item {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

.layout-left-1-right-3 .layout-container>.chart-item:nth-child(2),
.layout-left-1-right-3 .layout-container>.chart-item:nth-child(3),
.layout-left-1-right-3 .layout-container>.chart-item:nth-child(4) {
    height: 33.3333%;
}

.layout-left-1-right-3 .layout-container>.chart-item:first-child::after,
.layout-left-1-right-3 .layout-container>.chart-item:first-child::before,
.layout-left-1-right-3 .layout-container>.chart-item:nth-child(4)::after {
    display: none;
}

.layout-left-3-right-1 .layout-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.layout-left-3-right-1 .layout-container>.chart-item {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

.layout-left-3-right-1 .layout-container>.chart-item:first-child,
.layout-left-3-right-1 .layout-container>.chart-item:nth-child(2),
.layout-left-3-right-1 .layout-container>.chart-item:nth-child(3) {
    height: 33.3333%;
}

.layout-left-3-right-1 .layout-container>.chart-item:first-child::before,
.layout-left-3-right-1 .layout-container>.chart-item:nth-child(2)::before,
.layout-left-3-right-1 .layout-container>.chart-item:nth-child(3)::after,
.layout-left-3-right-1 .layout-container>.chart-item:nth-child(3)::before,
.layout-left-3-right-1 .layout-container>.chart-item:nth-child(4)::after {
    display: none;
}

body.is-pc-version.open-express-modal .layout-container,
body.is-pc-version.open-pending-orders-modal .layout-container,
body.is-pc-version.open-social-modal .layout-container {
    margin-right: var(--po-ui-kit-right-modals-width) !important;
}

.card-widget {
    margin-bottom: 15px;
}

.card-widget .error .card-widget__label {
    color: rgb(169, 68, 66);
}

.card-widget .error .form-control {
    border-color: rgb(169, 68, 66);
}

.card-widget__line-flex {
    display: flex;
    margin: -5px;
}

.card-widget__expire-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.card-widget__divider {
    margin: 0px 10px;
}

.card-widget__expire {
    flex-basis: 65%;
}

.card-widget__code {
    flex-basis: 35%;
}

.card-widget__line {
    margin-bottom: 15px;
}

.card-widget__label {
    margin-bottom: 4px;
}

.card-widget__code,
.card-widget__expire {
    padding: 5px;
    width: 100%;
}

.personal-discount-on-all-goods {
    display: flex;
    margin: 0px auto;
    max-width: 300px;
}

.personal-discount-on-all-goods__icon {
    -webkit-box-flex: 0;
    flex: 0 0 70px;
    height: 60px;
    margin-right: 20px;
}

.personal-discount-on-all-goods__info {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    line-height: 18px;
}

.personal-discount-on-all-goods__link {
    border-bottom-style: dashed;
    border-bottom-width: 1px;
}

.personal-discount-on-all-goods-img-wrap {
    margin: 15px 0px;
}

.personal-discount-on-all-goods-img-wrap img {
    display: block;
    margin: 0px auto;
    max-width: 100%;
}

.hotkey-tooltip {
    border-radius: 4px;
    bottom: 22px;
    padding: 10px;
    position: absolute;
    right: 182px;
    z-index: 1;
}

.hotkey-tooltip .key {
    min-width: 15px;
}

.hotkey-tooltip .var span {
    text-transform: capitalize;
}

.hotkey-tooltip .key,
.hotkey-tooltip .var {
    font-size: 12px;
    line-height: 14px;
    padding: 0px 7px;
    text-align: center;
    white-space: nowrap;
}

.hotkey-tooltip__close {
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    right: 10px;
    top: 9px;
}

.hotkey-tooltip__title {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 5px;
    text-align: center;
}

.hotkey-tooltip__title div {
    color: rgb(37, 190, 62);
}

.hotkey-tooltip--table {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.hotkey-tooltip--table,
.hotkey-tooltip--table>div {
    display: flex;
}

.hotkey-tooltip--table>div .key {
    min-width: 70px;
    padding: 2px;
    text-align: left;
}

.hotkey-tooltip--table>div .var {
    margin-left: 5px;
    padding: 2px 2px 2px 0px;
}

.is-market-watch .hotkey-tooltip {
    right: 206px;
}

.ml-2 {
    margin-left: 2px;
}

.max-w-100 {
    max-width: 100px;
}

.input-wrapper {
    display: flex;
    -webkit-box-flex: 0;
    border-radius: 4px;
    flex: 0 1 0%;
    line-height: 26px;
    min-width: 100px;
}

.input-wrapper__input {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: auto;
    padding-bottom: 3px;
    padding-top: 3px;
}

.input-wrapper__input input {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    display: block;
    font-size: 14px;
    padding: 0px 3px 0px 10px;
    width: 100%;
}

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

.input-wrapper__input input[type="number"] {}

.input-wrapper__arrows {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-right: 7px;
    padding: 1px;
}

.input-wrapper__arrows-item {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 2px;
    justify-content: center;
    transition: background-color 0.2s;
    width: 20px;
}

.input-wrapper__arrows-item:hover {
    cursor: pointer;
}

.input-wrapper__arrows-item:first-child {
    margin-top: 2px;
}

.input-wrapper__arrows-item:last-child {
    margin-bottom: 2px;
}

.input-wrapper.w-45 {
    min-width: 45px;
}

.checkbox-wrapper {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.checkbox-wrapper .checkbox-inner-wrapper {
    cursor: pointer;
    display: block;
    height: 23px;
    margin-bottom: 0px;
    padding-left: 30px;
    position: relative;
    user-select: none;
}

.checkbox-wrapper .checkbox-inner-wrapper.only-label {
    padding-left: 0px;
}

.checkbox-wrapper .checkbox-inner-wrapper input {
    cursor: pointer;
    height: 0px;
    opacity: 0;
    position: absolute;
    width: 0px;
}

.checkbox-wrapper .checkmark {
    border-radius: 3px;
    height: 23px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 23px;
}

.checkbox-wrapper .checkmark::after {
    content: "";
    display: none;
    position: absolute;
}

.checkbox-wrapper .checkbox-inner-wrapper input:checked~.checkmark::after {
    display: block;
}

.checkbox-wrapper .checkbox-inner-wrapper .checkmark::after {
    border-style: solid;
    border-width: 0px 3px 3px 0px;
    height: 10px;
    left: 8px;
    top: 4px;
    transform: rotate(45deg);
    width: 6px;
}

.range-wrapper {
    height: 20px;
    width: 100%;
}

.range-wrapper .track {
    border-radius: 4px;
    height: 8px;
    top: 5px;
}

.range-wrapper .thumb {
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    top: -1px;
    width: 20px;
}

.dropdown-wrapper {
    display: flex;
    -webkit-box-flex: 0;
    border-radius: 4px;
    cursor: pointer;
    flex: 0 1 0%;
    height: 100%;
    min-width: 100px;
    user-select: none;
}

.dropdown-wrapper>.dropdown-input {
    display: flex;
    flex-basis: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 6px 10px;
}

.dropdown-wrapper>.dropdown-input .selected {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    display: block;
    font-size: 14px;
    width: 100%;
}

.dropdown-wrapper>.dropdown-input .icon {
    display: flex;
    margin-left: 5px;
    padding: 0px 3px;
    transition: transform 0.2s, -webkit-transform 0.2s;
    width: 20px;
}

.dropdown-wrapper>.dropdown-input .icon.opened {
    transform: rotate(180deg);
}

.dropdown-wrapper--list {
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 4px;
    flex-direction: column;
    min-width: 100px;
    padding: 3px 0px;
    user-select: none;
}

.dropdown-wrapper--list>div {
    cursor: pointer;
    padding: 6px 10px;
}

.dropdown-wrapper--list>div:last-child {
    border-bottom: 0px;
}

.dropdown-profile-info {
    font-size: 12px;
    line-height: 18px;
}

.dropdown-profile-info .flag {
    display: inline-block;
    height: 16px;
    margin: 0px 0px 0px 8px;
    position: relative;
    vertical-align: sub;
    width: 22px;
}

.dropdown-profile-info .flag::after {
    content: "";
    left: 0px;
    margin-top: 3px;
    position: absolute;
    top: 0px;
}

.dropdown-profile-info .dashed {
    background-color: transparent;
    border-width: medium medium 1px;
    border-style: none none dashed;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 0px;
    padding: 0px;
}

.dropdown-profile-info .hr {
    height: 1px;
    margin: 10px 0px;
    width: 100%;
}

.dropdown-profile-info .account-statuses__value {
    margin-left: auto;
}

.dropdown-profile-info .type-of-trade-label {
    border-radius: 3px;
    display: block;
    font-size: 12px;
    height: auto;
    line-height: inherit;
    margin-bottom: 10px;
    padding: 4px 7px;
    text-align: center;
}

.dropdown-profile-info [class*="dropdown-profile-info-"] {
    margin-bottom: 3px;
}

.dropdown-profile-info .label {
    display: block;
    padding: 3px 7px;
}

.dropdown-profile-info .dropdown-profile-info-username {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 18px;
}

.dropdown-profile-info .dropdown-profile-info-username>a {
    margin-left: auto;
}

.dropdown-profile-info .dropdown-profile-info-email-status>span {
    margin-right: 4px;
}

.dropdown-profile-info .dropdown-profile-info-email-status>.label-info,
.dropdown-profile-info .dropdown-profile-info-email-status>span {
    display: inline-block;
    vertical-align: top;
}

.dropdown-profile-info .dropdown-profile-info-country {
    float: left;
    width: 100%;
}

.dropdown-profile-info .account-statuses__item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 3px;
}

.dropdown-profile-info .account-statuses__title {
    margin-right: 10px;
    min-width: 130px;
}

.dropdown-profile-info .account-statuses__value>a {
    display: block;
}

.hd--hidden .hd__o,
.hd__h {
    display: none;
}

.hd--hidden .hd__h {
    display: inline-block;
}

.mdl-switch {
    height: auto;
    min-height: 24px;
}

.mdl-switch__label {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
}

.mdl-switch__status-wrap {
    display: inline-block;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    font-size: 11px;
    line-height: 15px;
    margin-left: 5px;
    overflow: hidden;
    text-align: right;
}

.mdl-switch__status-wrap-in {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.mdl-switch__status-on {
    color: rgb(94, 133, 177);
}

.mdl-switch__status-off {
    color: rgb(121, 121, 121);
}

.mdl-switch.is-checked .mdl-switch__status-wrap-in {
    transform: translate3d(0px, -15px, 0px);
}

.mdl-switch__status-off,
.mdl-switch__status-on {
    display: block;
}

.mdl-switch__status-off,
.mdl-switch__status-on,
.mdl-switch__status-wrap {
    height: 15px;
}

.mdl-switch+.editableform-loading {
    display: inline-block;
    height: 19px;
    min-width: 16px;
    width: 16px;
}

.mdl-switch+.error {
    color: rgb(228, 24, 24);
    text-align: left;
}

.replenishment-of-an-account-with-a-saved-card .bootstrap-select {
    width: 100% !important;
}

.replenishment-of-an-account-with-a-saved-card__title {
    margin-bottom: 4px;
}

.replenishment-of-an-account-with-a-saved-card__title-with-checkbox {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.replenishment-of-an-account-with-a-saved-card__title-with-checkbox label {
    margin-left: 7px;
}

.replenishment-of-an-account-with-a-saved-card__title-with-checkbox input {
    margin: 0px;
}

.replenishment-of-an-account-with-a-saved-card__buttons {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.replenishment-of-an-account-with-a-saved-card__btn {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.replenishment-of-an-account-with-a-saved-card__other-method-link {
    border-bottom: 1px dashed;
}

.replenishment-of-an-account-with-a-saved-card .mdl-switch.is-upgraded {
    padding-left: 0px;
}

.replenishment-of-an-account-with-a-saved-card .mdl-switch__label {
    font-size: 12px;
    line-height: 16px;
    padding-left: 20px;
}

.replenishment-of-an-account-with-a-saved-card .dropdown-menu.inner .new-card-wrap {
    -webkit-box-pack: center;
    background-color: transparent;
    justify-content: center;
    text-align: center;
}

.replenishment-of-an-account-with-a-saved-card .dropdown-menu.inner .new-card-wrap:hover {
    background-color: transparent;
}

.replenishment-of-an-account-with-a-saved-card .bootstrap-select.btn-group .dropdown-toggle .filter-option,
.replenishment-of-an-account-with-a-saved-card .dropdown-menu.inner a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.replenishment-of-an-account-with-a-saved-card .bootstrap-select.btn-group .dropdown-toggle .filter-option img,
.replenishment-of-an-account-with-a-saved-card .dropdown-menu.inner a img {
    display: block;
    margin-right: 7px;
    max-width: 50px;
}

.replenishment-of-an-account-with-a-saved-card .bootstrap-select.btn-group .dropdown-toggle .filter-option .fa-plus-circle,
.replenishment-of-an-account-with-a-saved-card .dropdown-menu.inner a .fa-plus-circle {
    margin: 0px 10px 0px 5px;
}

.replenishment-of-an-account-with-a-saved-card .fa-question {
    margin-left: 4px;
}

.replenishment-of-an-account-with-a-saved-card .input-group-addon.valid .bonus-code-clear {
    display: none !important;
}

.replenishment-of-an-account-with-a-saved-card .input-group-addon.ajax-loading {
    height: auto !important;
}

.replenishment-of-an-account-with-a-saved-card .amount-field-wrap {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.replenishment-of-an-account-with-a-saved-card .amount-field-wrap::after {
    background-color: transparent;
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 2;
}

.replenishment-of-an-account-with-a-saved-card__btn+.replenishment-of-an-account-with-a-saved-card__btn {
    margin-left: 7px;
}

.replenishment-of-an-account-with-a-saved-card__row+.replenishment-of-an-account-with-a-saved-card__row {
    margin-top: 10px;
}

.in-page-top-blocks {
    display: flex;
    margin: -10px -10px 10px;
}

.in-page-top-blocks__item {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    padding: 10px;
}

.in-page-top-blocks__link {
    border-radius: 6px;
    cursor: pointer;
    display: block;
    height: 100%;
    padding: 15px;
    text-align: center;
    transition: background-color 0.3s, color 0.3s;
}

.in-page-top-blocks__icon {
    display: block;
    height: 40px;
    margin: 0px auto 10px;
}

.in-page-top-blocks .svg-icon {
    max-height: 100%;
    max-width: 100%;
    transition: fill 0.3s;
}

.in-page-top-blocks .fa {
    font-size: 30px;
    line-height: 30px;
}

.in-page-top-blocks__title {
    font-size: 14px;
}

@media screen and (max-width: 1200px) {
    .is-pc-version:not(.s-chat_open) .in-page-top-blocks__link {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media screen and (max-width: 1400px) {
    .is-pc-version.s-chat_open .in-page-top-blocks {
        flex-wrap: wrap;
    }

    .is-pc-version.s-chat_open .in-page-top-blocks__item {
        flex-basis: 25%;
    }
}

.live-demo-buttons {
    margin-bottom: 15px;
}

.live-demo-buttons__in {
    border-radius: 4px;
    display: inline-flex;
    overflow: hidden;
}

.live-demo-buttons a {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 5px;
    font-size: 12px;
    gap: 6px;
    grid-template-columns: 20px 1fr;
    min-height: 36px;
    padding: 0px 12px;
    text-transform: uppercase;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.live-demo-buttons svg {
    transition: fill 0.3s;
}

.live-demo-buttons a+a {
    margin-left: 12px;
}

.drop-down-user-info {
    display: flex;
}

.drop-down-user-info__l {
    -webkit-box-flex: 0;
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    flex: 0 0 365px;
    padding: 20px 30px;
}

.drop-down-user-info__r {
    -webkit-box-flex: 1;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    flex: 1 0 150px;
    padding: 17px 0px;
}

.drop-down-user-info__nav a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    padding: 9px 22px;
}

.drop-down-user-info__nav .circle2 {
    margin-left: 10px;
}

.drop-down-user-info__nav-icon {
    -webkit-box-flex: 0;
    flex: 0 0 22px;
}

.drop-down-user-info__nav-icon svg {
    display: block;
    width: 17px;
}

.drop-down-user-info__nav-languages img {
    border-radius: 50%;
    margin-right: 6px;
    max-width: 13px;
    overflow: hidden;
}

.drop-down-user-info__nav-languages.open .drop-down-user-info__nav-languages-list-wrap {
    display: block;
}

.drop-down-user-info__nav-languages.open .drop-down-user-info__nav-languages-current .arrow {
    transform: rotate(180deg);
}

.drop-down-user-info__nav-languages-current {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.drop-down-user-info__nav-languages-current .language-icon {
    margin-right: 5px;
    width: 17px;
}

.drop-down-user-info__nav-languages-current .arrow {
    margin-left: auto;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.drop-down-user-info__nav-languages-list-wrap {
    background-color: rgb(30, 34, 49);
    display: none;
}

.drop-down-user-info__nav-languages-list {
    display: grid;
    gap: 6px;
    grid-template-columns: 1fr 1fr;
    max-height: 200px;
    padding: 9px 10px;
}

.drop-down-user-info__nav-languages-list a {
    border-radius: 4px;
    overflow: hidden;
    padding: 3px 10px;
}

.drop-down-user-info__nav-languages-list span {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drop-down-user-info__change-personal-data a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.drop-down-user-info__change-personal-data .mdl-switch {
    margin-left: 7px;
    transform: scale(0.6);
    width: auto;
}

.drop-down-user-info .show-hide-personal-data {
    text-align: right;
    width: 20px;
}

.drop-down-user-info .info {
    margin-top: -4px;
}

.drop-down-user-info .info--ai-trading {
    margin-top: 0px;
}

.drop-down-user-info .info .fa {
    font-size: 10px;
    line-height: 10px;
}

.drop-down-user-info .info .fa-user {
    margin-left: 1px;
}

.drop-down-user-info .info .fa-wallet {
    height: 10px;
    width: 10px;
}

.drop-down-user-info .info__fio {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    gap: 3px;
    grid-template-columns: 14px minmax(10px, auto) 13px;
    justify-content: flex-start;
}

.drop-down-user-info .info__islamic-account {
    margin-top: 10px;
}

.drop-down-user-info .info__country-img {
    border-radius: 50%;
    display: block;
    max-width: 100%;
}

.drop-down-user-info .info__icon-wrap {
    display: inline-block;
    width: 14px;
}

.drop-down-user-info .info__verification-icon svg {
    display: block;
    width: 13px;
}

.drop-down-user-info .info__fio-short {
    font-size: 16px;
    line-height: 20px;
}

.drop-down-user-info .info__fio-short>div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drop-down-user-info .info__your-level-badge {
    display: inline-block;
    margin-bottom: 5px;
}

.drop-down-user-info .info__id {
    grid-template-columns: 10px 1fr minmax(10px, auto);
}

.drop-down-user-info .info__email,
.drop-down-user-info .info__last-login {
    grid-template-columns: 10px 1fr;
}

.drop-down-user-info .info .fa,
.drop-down-user-info .info .fa-wallet {
    color: rgb(143, 165, 191);
}

.drop-down-user-info .info--fss {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
    min-height: 16px;
}

.drop-down-user-info .info__email,
.drop-down-user-info .info__id,
.drop-down-user-info .info__last-login {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    gap: 5px;
}

.drop-down-user-info .country-img {
    border-radius: 50%;
    display: inline-block;
    margin-left: 4px;
    position: relative;
    top: -1px;
    width: 14px;
}

.drop-down-user-info .refresh-content-icon {
    position: absolute;
    right: 15px;
    top: 6px;
}

.drop-down-user-info__user-data {
    margin-bottom: 12px;
}

.drop-down-user-info .al {
    height: 100px;
}

.drop-down-user-info .al .text-danger {
    font-size: 12px;
    line-height: 16px;
}

.drop-down-user-info__your-achievements {
    margin-bottom: 15px;
}

.drop-down-user-info .real-account-stats,
.drop-down-user-info .your-achievements {
    border-radius: 4px;
    padding: 10px 15px 15px;
    position: relative;
}

.drop-down-user-info .real-account-stats__title,
.drop-down-user-info .your-achievements__title {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
}

.drop-down-user-info .exp-block {
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    margin-bottom: 10px;
    margin-left: -12px;
}

.drop-down-user-info .exp-block>div {
    margin-left: 12px;
}

.drop-down-user-info .exp-block__end {
    display: grid;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.drop-down-user-info .exp-block__cur-max {
    font-size: 11px;
    line-height: 15px;
    white-space: nowrap;
}

.drop-down-user-info .exp-block .exp-points {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    margin-bottom: 2px;
}

.drop-down-user-info .exp-block .exp-points__title {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 6px;
}

.drop-down-user-info .exp-block .exp-points .progress {
    margin-bottom: 0px;
}

.drop-down-user-info .type-of-trade-label {
    margin-bottom: 15px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.drop-down-user-info .type-of-trade-label a {
    flex-basis: 100%;
    text-align: center;
}

.drop-down-user-info .user-data {
    display: flex;
}

.drop-down-user-info .user-data__avatar {
    position: relative;
    -webkit-box-flex: 0;
    flex: 0 0 100px;
    margin-right: 20px;
}

.drop-down-user-info .user-data__info {
    flex-basis: 100%;
    user-select: text;
}

.drop-down-user-info .diamonds {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
}

.drop-down-user-info .diamonds [class*="icon-personal-discount"] {
    height: 30px;
    margin-right: 10px;
    width: 36px;
}

.drop-down-user-info .diamonds .svg-icon {
    width: 20px;
}

.drop-down-user-info .diamonds .diamond-info__text {
    font-size: 12px;
    line-height: 16px;
    margin-left: 0px;
}

.drop-down-user-info .diamonds .diamonds-wrap {
    display: grid;
    -webkit-box-align: start;
    align-items: start;
    gap: 10px;
    grid-auto-columns: min-content;
    grid-auto-flow: column;
}

.drop-down-user-info .awards-with-medal-list {
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.drop-down-user-info .awards-with-medal-list__count-new-items {
    border-radius: 10px;
    color: rgb(255, 255, 255);
    font-size: 9px;
    font-weight: 700;
    padding: 0px 10px;
    position: absolute;
    right: 4px;
    top: -8px;
}

.drop-down-user-info .awards-with-medal-list__item {
    flex-basis: 33.3333%;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    padding: 5px 8px;
}

.drop-down-user-info .awards-with-medal-list__icon {
    margin-right: 8px;
    margin-top: 0px;
    min-width: auto;
    width: 28px;
}

.drop-down-user-info .awards-with-medal-list__text {
    color: rgb(255, 255, 255);
    font-size: 11px;
    line-height: 14px;
}

.drop-down-user-info .awards-with-medal-list__item--silver .awards-with-medal-list__icon {
    background-position: -122px 0px;
}

.drop-down-user-info .awards-with-medal-list__item--silver .awards-with-medal-list__count-new-items {
    background-color: rgb(182, 187, 190);
}

.drop-down-user-info .awards-with-medal-list__item--silver .awards-with-medal-list__text {
    color: rgb(115, 117, 119);
}

.drop-down-user-info .awards-with-medal-list__item--gold .awards-with-medal-list__icon {
    background-position: -95px 0px;
}

.drop-down-user-info .awards-with-medal-list__item--gold .awards-with-medal-list__count-new-items {
    background-color: rgb(211, 158, 49);
}

.drop-down-user-info .awards-with-medal-list__item--gold .awards-with-medal-list__text {
    color: rgb(193, 145, 89);
}

.drop-down-user-info .awards-with-medal-list__item--bronze .awards-with-medal-list__count-new-items {
    background-color: rgb(194, 105, 65);
}

.drop-down-user-info .awards-with-medal-list__item--bronze .awards-with-medal-list__text {
    color: rgb(183, 103, 69);
}

.drop-down-user-info .real-account-stats {
    margin-bottom: 7px;
}

.drop-down-user-info .real-account-stats p {
    font-size: 13px;
    margin-bottom: 2px;
}

.drop-down-user-info .real-account-stats p span {
    float: right;
}

.drop-down-user-info .real-account-stats p:last-child {
    margin-bottom: 0px;
}

.drop-down-user-info .real-account-stats .btn {
    display: block;
    font-size: 10px;
    margin-top: 10px;
    text-transform: uppercase;
}

.drop-down-user-info .statuses a {
    border-bottom: 1px dashed;
    margin-left: auto;
}

.drop-down-user-info .statuses p {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
}

.drop-down-user-info .statuses .fa {
    margin-left: auto;
    margin-right: 3px;
}

.drop-down-user-info .statuses span {
    margin-left: auto;
}

[lang="ar"] .drop-down-user-info .real-account-stats,
[lang="fa"] .drop-down-user-info .real-account-stats {
    direction: rtl;
}

[lang="ar"] .drop-down-user-info .real-account-stats p span,
[lang="fa"] .drop-down-user-info .real-account-stats p span {
    float: left;
}

[lang="ar"] .drop-down-user-info .refresh-content-icon,
[lang="fa"] .drop-down-user-info .refresh-content-icon {
    left: 15px;
    right: unset;
}

[lang="ar"] .drop-down-user-info .statuses,
[lang="fa"] .drop-down-user-info .statuses {
    direction: rtl;
}

[lang="ar"] .drop-down-user-info .statuses a,
[lang="fa"] .drop-down-user-info .statuses a {
    margin-left: 0px;
    margin-right: auto;
}

[lang="ar"] .drop-down-user-info .statuses .fa,
[lang="fa"] .drop-down-user-info .statuses .fa {
    margin-left: 3px;
    margin-right: 0px;
}

.chbx {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
}

.chbx__in {
    border-radius: 4px;
    height: 15px;
    text-align: center;
    width: 15px;
}

.chbx__text {
    padding-left: 10px;
}

.chbx input {
    left: 0px;
    position: absolute;
    top: 0px;
    visibility: hidden;
}

.chbx input:checked~.chbx__in .fa {
    display: block;
}

.chbx .fa {
    display: none;
    font-size: 10px;
    line-height: 15px;
}

.file-input-wrap {
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 30px 7px 12px;
}

.file-input-wrap__field {
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 0.1px;
    z-index: -1;
}

.file-input-wrap__icon {
    margin-right: 8px;
}

.file-input-wrap__remove-file {
    position: absolute;
    right: 10px;
    top: 7px;
}

.file-input-wrap__text {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.drop-down-div-block .drop-down-div-block__no-selected-wrap,
.drop-down-div-block .selected-options__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.4;
    min-height: 34px;
    padding: 6px 12px;
}

.drop-down-div-block__selected-wrap {
    display: none;
}

.drop-down-div-block__title {
    user-select: none;
}

.drop-down-div-block__field {
    display: none;
}

.drop-down-div-block .add-more {
    color: rgb(111, 115, 124);
}

.drop-down-div-block .add-more .fa {
    margin-right: 7px;
}

.drop-down-div-block .add-more span {
    border-bottom: 1px dashed;
}

.drop-down-div-block .add-more:hover {
    color: rgb(123, 128, 137);
}

.drop-down-div-block .selected-options {
    display: none;
}

.drop-down-div-block .selected-options__list {
    margin-top: -12px;
}

.drop-down-div-block .selected-options__item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 12px;
}

.drop-down-div-block .selected-options__title {
    background-color: rgb(4, 88, 65);
    border: 1px solid rgb(39, 91, 89);
    color: rgb(125, 188, 171);
    cursor: default;
}

.drop-down-div-block .selected-options__title .fa-check {
    color: rgb(251, 249, 252);
    font-size: 16px;
    line-height: 16px;
    margin-right: 7px;
}

.drop-down-div-block .selected-options__delete {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    color: rgb(122, 30, 41);
    font-size: 20px;
    height: 24px;
    justify-content: center;
    line-height: 20px;
    margin-left: 20px;
    transition: color 0.3s;
    width: 24px;
}

.drop-down-div-block .selected-options__delete .fa {
    margin-top: -2px;
}

.drop-down-div-block .selected-options__delete:hover {
    color: rgb(147, 36, 49);
}

.drop-down-div-block__selected-options {
    margin-bottom: 10px;
}

.drop-down-div-block--has-selected .drop-down-div-block__no-selected-wrap {
    display: none;
}

.drop-down-div-block--has-selected .drop-down-div-block__selected-wrap {
    display: block;
}

.drop-down-div-block__no-selected-wrap,
.drop-down-div-block__selected-wrap {
    transition: border-color 0.3s, background-color 0.3s, color 0.3s;
}

.required-text {
    font-size: 13px;
    font-style: italic;
}

.required-text__char {
    color: rgb(199, 80, 69);
}

.confirm-modal {
    --modal-width: 400px;
    background: var(--po-ui-kit-modal-overlay-background-color);
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 91;
}

.confirm-modal__in {
    background-color: var(--po-ui-kit-modal-background-color);
    border: 1px solid var(--po-ui-kit-modal-border-color);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px;
    left: 50%;
    padding: 25px;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: var(--modal-width);
    border-radius: 10px !important;
}

.confirm-modal__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
    margin-top: -8px;
}

.confirm-modal__text {
    margin-bottom: 20px;
}

.confirm-modal__buttons {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: -7px;
    margin-top: -7px;
}

.confirm-modal__btn {
    flex-basis: 100%;
    margin-left: 7px;
    margin-top: 7px;
}

.confirm-modal--size-400 {
    --modal-width: 400px;
}

.confirm-modal--size-500 {
    --modal-width: 500px;
}

.tournament-upcoming-message {
    border-radius: 10px;
    left: 50%;
    max-width: 440px;
    padding: 25px;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0px);
    width: calc(100% - 40px);
}

.tournament-upcoming-message__title {
    margin-bottom: 15px;
}

.tournament-upcoming-message__text {
    font-size: 14px;
    margin-bottom: 10px;
}

.tournament-upcoming-message__timer {
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 60px;
    margin-bottom: 15px;
}

.tournament-upcoming-message__btn-wrap,
.tournament-upcoming-message__text,
.tournament-upcoming-message__timer {
    text-align: center;
}

.site-header {
    --height: 60px;
    --padding-x: 20px;
    --ele-gap: 12px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: var(--height);
    padding-left: var(--padding-x);
    padding-right: var(--padding-x);
}

.site-header__logo svg {
    display: block;
}

.site-header__logo svg .logo__text {
    color: rgb(255, 255, 255);
}

.site-header .reg_for_demo {
    color: rgb(189, 136, 64) !important;
    font-weight: 700;
}

.site-header .reg_for_demo:hover {
    color: rgb(218, 165, 32) !important;
}

.site-header .right-block {
    height: 100%;
    margin-left: auto;
}

.site-header .right-block,
.site-header .right-block__item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.site-header .right-block__item {
    margin-left: var(--ele-gap);
}

.site-header .mt5-top-btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: rgba(0, 153, 250, 0.2);
    border: 1px solid rgb(0, 153, 250);
    border-radius: 5px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    justify-content: center;
    margin-left: 22px;
    padding: 11px 12px;
    transition: 0.5s;
}

.site-header .mt5-top-btn__icon-wrap {
    display: flex;
    margin-right: 10px;
    width: 20px;
}

.site-header .mt5-top-btn:hover {
    background: rgba(0, 153, 250, 0.4);
    color: rgb(255, 255, 255);
}

.site-header .po-logo {
    display: block;
    margin-bottom: -4px;
    width: 106px;
}

.site-header .window-layout-switcher {
    margin-left: 15px;
    margin-right: 4px;
}

.site-header .header-avatar {
    cursor: pointer;
    display: flex;
    min-width: 42px;
    position: relative;
}

.site-header .header-avatar__l {
    position: relative;
}

.site-header .header-avatar__chat-counter {
    animation: 2s ease 0s infinite normal none running left-sidebar-status-pulse;
    border-radius: 50%;
    height: 20%;
    position: absolute;
    right: 5%;
    top: 6%;
    width: 20%;
    z-index: 3;
}

.site-header .header-avatar__chat-counter::after {
    background-color: rgb(214, 50, 50);
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.site-header .header-avatar__user-level-icon {
    display: flex;
    z-index: 2;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.site-header .header-avatar__user-level-icon svg {
    height: 10px;
    width: 10px;
}

.site-header .header-avatar .user-avatar__img-wrap::after {
    background-color: var(--backgroud-color-hover);
    border-radius: 50%;
    content: " ";
    height: 100%;
    left: 0px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0px;
    transition: opacity 0.3s;
    width: 100%;
}

.site-header .header-avatar .avatar-wrap {
    border-radius: 25px;
    height: 42px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 42px;
}

.site-header .header-avatar .avatar-wrap>img {
    display: block;
    height: 100%;
    max-width: 100%;
    width: 100%;
}

.site-header .header-avatar [class*="fa-caret"] {
    color: rgb(142, 162, 188);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.site-header .header-avatar:hover .user-avatar__img-wrap::after {
    opacity: 1;
}

.site-header .header-avatar.ddm_open [class*="fa-caret"] {
    transform: translate(-50%, -50%) rotate(180deg);
}

.site-header .theme-light .header-avatar {
    --backgroud-color-hover: rgba(0, 0, 0, .1);
}

.site-header .theme-light .header-avatar__chat-counter {
    background-color: rgb(74, 118, 168);
}

.site-header .theme-dark-blue .header-avatar {
    --backgroud-color-hover: hsla(0, 0%, 100%, .05);
}

.site-header .theme-dark-blue .header-avatar__chat-counter {
    background-color: rgb(28, 32, 46);
}

@-webkit-keyframes header-avatar-status-pulse {
    0% {
        opacity: 0;
        transform: scale(0.6);
        transform-origin: center center;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(1.2);
    }
}

@keyframes header-avatar-status-pulse {
    0% {
        opacity: 0;
        transform: scale(0.6);
        transform-origin: center center;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(1.2);
    }
}

.site-header .chart-layout-options-btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    height: 42px;
    justify-content: center;
    padding: 8px;
    transition: border-color 0.3s;
    width: 42px;
}

.site-header .chart-layout-options-btn .square {
    display: grid;
    gap: 2px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    height: 100%;
    width: 100%;
}

.site-header .chart-layout-options-btn .square__item {
    border-radius: 2px;
}

.footer__in {
    font-size: 10px;
    padding: 20px;
}

.footer__top {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.footer__bottom {
    margin-top: 10px;
}

.footer__bottom .wr {
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
}

.footer__bottom .wr .l {
    width: calc(100% - 32px);
}

.footer__bottom .wr .r {
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 32px;
    -webkit-box-align: center;
    align-items: center;
}

.footer__bottom .wr .r img {
    display: block;
}

.footer__bottom .wr .r .icon-21-plus {
    height: 30px;
    margin-right: 10px;
    width: 32px;
}

.footer__payments {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.footer__payments-item {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 30px;
    margin-right: 7px;
    width: 38px;
}

.footer__payments-item_visa {
    background-image: url("https://po.trade/images/payments/visa-footer.svg");
}

.footer__payments-item_ms {
    background-image: url("https://po.trade/images/payments/mast-footer.svg");
}

.footer__payments-item_mc {
    background-image: url("https://po.trade/images/payments/maestro-footer.svg");
}

.footer__top-text {
    margin-left: auto;
}

.footer__nav {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
}

.footer__nav li {
    font-size: 11px;
    word-spacing: 0px;
}

.footer__nav li a {
    border-bottom: 1px solid rgb(0, 126, 255);
    color: rgb(0, 126, 255);
    font-size: 11px;
    text-decoration: none;
}

.footer .back_to_top {
    background-image: url("https://po.trade/images/icon-top-arrow.svg");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: 25px;
    border-radius: 10px;
    bottom: 80px;
    cursor: pointer;
    height: 45px;
    opacity: 0;
    position: fixed;
    right: 39px;
    transition: visibility linear 0.5s, z-index linear 0.5s, opacity 0.5s linear, background-color 0.5s linear;
    visibility: hidden;
    width: 45px;
    z-index: -1;
}

.footer .back_to_top-show {
    opacity: 1;
    transition: visibility linear, z-index linear, opacity 0.5s linear, background-color 0.5s linear;
    visibility: visible;
    z-index: 89;
}

@media only screen and (max-width: 1280px) {
    .footer__bottom .wr {
        flex-wrap: wrap;
    }

    .footer__bottom .wr .r {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        margin-top: 10px;
    }
}

.languages {
    position: relative;
}

.languages__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 14px;
    padding: 4px 5px;
}

.languages__arrow {
    float: right;
    margin-left: 8px;
    margin-top: 2px;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.languages__flag {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 50%;
    box-shadow: rgba(58, 74, 104, 0.3) 0px 5px 10px;
    height: 23px;
    justify-content: center;
    margin-right: 10px;
    overflow: hidden;
    transition: box-shadow 0.5s, -webkit-box-shadow 0.5s;
    width: 23px;
}

.languages__flag img {
    height: 37px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.languages__list {
    background: rgba(0, 22, 42, 0.9);
    border-radius: 0.625rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
    min-width: 380px;
    opacity: 0;
    padding: 0.625rem 1.25rem;
    pointer-events: none;
    position: absolute;
    right: 0px;
    transform: translateY(20px);
    transition: opacity 0.5s, transform 0.5s, visibility 0.5s, -webkit-transform 0.5s;
    visibility: hidden;
    width: 300%;
    z-index: 999;
}

.languages__lang-name {
    font-size: 10px;
}

.languages__item {
    -webkit-box-flex: 0;
    flex: 0 0 33.3333%;
}

.languages__item:hover>a {
    background: rgb(38, 57, 95);
    color: rgb(255, 255, 255);
}

.languages__link {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 0.625rem;
    color: rgba(255, 255, 255, 0.7);
    padding: 0.313rem 0.625rem;
    text-decoration: none;
}

.languages--opened .languages__list {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0px);
    visibility: visible;
}

.languages--opened .languages__arrow {
    transform: rotate(180deg);
}

.languages__flag,
.languages__lang-name {
    display: inline-block;
    vertical-align: middle;
}

.required-field {
    color: rgb(199, 80, 69);
}

.chat-statistics-block__text {
    color: rgb(143, 165, 191);
}

.chat-statistics-block .rating {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background-color: rgb(43, 48, 74);
    border-radius: 15px;
    justify-content: center;
    margin: 10px 0px 15px;
    padding: 3px 12px;
}

.chat-statistics-block .rating__item:last-child {
    margin-left: 7px;
}

.chat-statistics-block .messages-data {
    margin-left: -10px;
}

.chat-statistics-block .messages-data__item {
    margin-left: 10px;
}

.chat-statistics-block .messages-data__text {
    font-size: 12px;
    margin-bottom: 6px;
}

.chat-statistics-block .messages-data__number {
    background-color: rgb(43, 48, 74);
    border-radius: 12px;
    padding: 1px 4px;
}

.table-adaptive .adaptive-label {
    display: none;
}

.table-adaptive .adaptive-label::after {
    content: ": ";
}

.table-adaptive .tooltip2.fit-content {
    margin-left: 10px;
    width: fit-content;
}

@media screen and (max-width: 400px) {
    .table-adaptive .tooltip2.fit-content .tooltip-content {
        transform: translate(calc(-50% + 10px), calc(-100% - 15px));
    }

    .table-adaptive .tooltip2.fit-content .tooltip-text {
        max-width: 210px;
    }
}

.table-adaptive .tooltip2 .svg-icon {
    cursor: pointer;
    display: block;
    height: 16px;
    width: 16px;
}

.panel {
    --border-radius: 10px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: var(--border-radius);
}

.panel .panel-title {
    font-size: 14px;
}

.panel .panel-heading {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    justify-content: space-between;
}

.panel .panel-body {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.panel .panel-header-filters {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: -7px;
    margin-top: -7px;
}

.panel .panel-header-filters__item {
    border-radius: 4px;
    cursor: pointer;
    margin-left: 7px;
    margin-top: 7px;
    padding: 2px 10px;
}

.choose-file {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    cursor: pointer;
    font-size: 16px;
    justify-content: center;
    min-height: 100px;
    padding: 15px;
}

.choose-file [type="file"] {
    cursor: pointer;
    font-size: 200px;
    height: 100%;
    left: 0px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
}

@media not all {
    .choose-file [type="file"] {
        font-size: 100%;
        height: 100%;
    }
}

.choose-file span {
    font-size: 14px;
    text-align: center;
}

.choose-file span.input-wrap {
    left: 0px;
    position: absolute;
    top: 0px;
}

.choose-file.hover {
    background-color: rgba(48, 153, 245, 0.12);
    border-color: rgb(48, 153, 245);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(48, 153, 245, 0.5) 0px 0px 15px;
}

.pagination {
    border-radius: 0px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-top: -5px;
}

.pagination>li {
    margin-left: 5px;
    margin-top: 5px;
}

.pagination>li>a {
    background: none;
    border-radius: 3px;
    display: block;
    float: none;
    text-align: center;
}

.charts {
    left: 0px;
    user-select: none;
    width: 100%;
}

.charts,
.charts::after,
.charts::before {
    height: 100%;
    position: absolute;
    top: 0px;
}

.charts .chart {
    cursor: default;
    display: block;
    position: absolute;
    user-select: none;
}

.charts .chart .chart-container {
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.is-chart:not(.is-m-version) .charts .chart .chart-container {
    width: calc(100% - 160px);
}

.is-chart:not(.is-m-version).is-market-watch .charts .chart .chart-container {
    width: calc(100% - 184px);
}

body[class*="layout-"]:not(.layout-full) .charts .chart .chart-container {
    width: calc(100% - 145px);
}

.is-market-watch body[class*="layout-"]:not(.layout-full) .charts .chart .chart-container {
    width: calc(100% - 169px);
}

.charts .chart .spotlight {
    background-color: rgb(48, 153, 245);
    height: 100%;
    pointer-events: none;
    position: absolute;
    transition: opacity 0.2s;
    z-index: 160;
}

.charts .chart .asset-inactive,
.charts .chart .spotlight {
    left: 0px;
    opacity: 0;
    top: 0px;
    width: 100%;
}

.charts .chart .asset-inactive {
    transition: opacity 0.5s;
}

.charts .chart .asset-inactive span {
    color: rgb(125, 141, 161);
    left: 50%;
    line-height: 1.4em;
    margin-top: 30px;
    max-width: 350px;
    min-width: 250px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 50%;
}

.charts .chart .asset-inactive.active {
    filter: none;
    opacity: 1;
    pointer-events: all;
    z-index: 4;
}

.charts .chart .asset-inactive,
.charts .chart .loading-container {
    height: 100%;
    left: 0px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0px;
    transition: opacity 0.5s;
    width: 100%;
    z-index: 4;
}

.charts .chart .asset-inactive .loading-logo-container,
.charts .chart .loading-container .loading-logo-container {
    height: 100%;
    position: relative;
    transition: transform 0.5s;
    width: 100%;
}

.charts .chart.loading .loading-container {
    filter: none;
    opacity: 1;
    pointer-events: none;
}

.charts .chart.loading .loading-container .loading-logo-container {
    transform: scale(1);
}

.charts.single .chart {
    height: 100%;
    width: 100%;
}

.scroll-to-end {
    display: flex;
    position: absolute;
    right: var(--right);
    top: 50%;
    z-index: 10;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 3px 0px 0px 3px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    height: 60px;
    justify-content: center;
    opacity: 1;
    transform: translateY(-50%);
    transition: background-color 0.3s, opacity 0.3s, visibility 0.3s;
    visibility: visible;
    width: 30px;
}

.scroll-to-end::after {
    background-image: linear-gradient(270deg, rgba(35, 34, 41, 0.5), rgba(50, 49, 56, 0.2));
    content: "";
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 20%;
}

.scroll-to-end:hover {
    background-color: rgba(50, 77, 107, 0.88);
}

.scroll-to-end.fade {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.is-pc-version .scroll-to-end {
    --right: 160px;
}

.is-pc-version.is-market-watch .scroll-to-end {
    --right: 184px;
}

.is-pc-version.is-multigraph .scroll-to-end {
    --right: 145px;
}

.is-pc-version.is-multigraph.is-market-watch .scroll-to-end {
    --right: 169px;
}

.need-deposit-tooltip {
    --width: 300px;
    background-color: var(--po-ui-kit-drop-down-modal-background-color);
    border: 1px solid var(--po-ui-kit-drop-down-modal-border-color);
    border-radius: 4px;
    bottom: auto;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px;
    display: grid;
    gap: 12px;
    left: -9999px;
    margin: 0px;
    max-width: var(--width);
    opacity: 1;
    padding: 18px 24px;
    pointer-events: all;
    position: fixed;
    top: -9999px;
    visibility: visible;
    width: 100%;
    z-index: 12;
    transform: inherit !important;
}

.need-deposit-tooltip__title {
    font-size: 18px;
}

.need-deposit-tooltip__text {
    font-size: 13px;
}

.need-deposit-tooltip .tooltip-close {
    position: absolute;
    right: 24px;
    top: 18px;
}

.need-deposit-tooltip__info {
    column-gap: 20px;
    display: grid;
    grid-template-columns: repeat(2, auto);
}

.need-deposit-tooltip .btn-wrap {
    display: grid;
    gap: 12px;
    justify-items: center;
}

.need-deposit-tooltip__btn {
    white-space: nowrap;
    width: 100%;
}

.need-deposit-tooltip__btn svg {
    color: var(--icon-color);
    display: block;
}

.need-deposit-tooltip__btn svg+.btn__text {
    margin-left: 8px;
}

.theme-dark-blue .need-deposit-tooltip__btn {
    --icon-color: #5aa86b;
}

.theme-light .need-deposit-tooltip__btn {
    --icon-color: #c1ffcf;
}

.need-deposit-tooltip__link {
    font-size: 12px;
    text-decoration: underline;
}

.theme-dark-blue .need-deposit-tooltip__link {
    color: rgb(55, 151, 211);
}

.need-deposit-tooltip__balance,
.need-deposit-tooltip__sum {
    font-size: 12px;
}

.need-deposit-tooltip__balance span,
.need-deposit-tooltip__sum span {
    display: block;
    font-size: 18px;
    margin-top: 4px;
}

.ChartSettingsModal {
    max-width: 450px;
    width: calc(100% - 40px);
}

.chart-settings-modal {
    max-height: calc(-120px + 100vh);
    overflow-y: auto;
    padding: 0px;
}

.chart-settings-modal__nav {
    display: flex;
}

.chart-settings-modal__nav-link {
    -webkit-box-flex: 1;
    flex: 1 0 50%;
    font-size: 13px;
    padding: 10px;
    text-align: center;
}

.chart-settings-modal .types-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2px;
    margin-top: -2px;
}

.chart-settings-modal .types-list__item {
    -webkit-box-flex: 1;
    flex: 1 1 calc(50% - 2px);
    margin-left: 2px;
    margin-top: 2px;
}

.chart-settings-modal .types-list__link {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 17px;
}

.chart-settings-modal .types-list__label {
    font-size: 12px;
    margin-top: 5px;
}

.chart-settings-modal__settings {
    padding: 12px 25px;
}

.chart-settings-modal .mdl-switch .mdl-switch__label {
    font-size: 12px;
}

.chart-settings-modal .change-color {
    padding: 20px 25px;
}

.chart-settings-modal .change-color__title {
    border-bottom: 1px dashed;
    display: inline-block;
    font-size: 13px;
}

.chart-settings-modal .change-color__title .fa {
    margin-left: 10px;
}

.chart-settings-modal .change-color__content {
    margin-top: 15px;
}

.chart-settings-modal .change-color__btn-wrap {
    display: flex;
    margin-left: -7px;
    margin-top: -7px;
}

.chart-settings-modal .change-color__btn-wrap .btn {
    flex-basis: 100%;
    margin-left: 7px;
    margin-top: 7px;
}

.chart-settings-modal .change-color .line {
    height: 10px;
    margin-bottom: 10px;
}

.chart-settings-modal .change-color .picker_wrapper {
    background: transparent;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    box-shadow: none;
    padding: 0px;
    width: 100%;
}

.chart-settings-modal .change-color .picker_wrapper>* {
    margin: 0px 2px;
}

.chart-settings-modal .change-color .picker_wrapper .picker_slider {
    padding: 5px 0px;
}

.chart-settings-modal .change-color .picker_wrapper .picker_selector {
    padding: 5px;
}

.chart-settings-modal .change-color .picker_wrapper .picker_done,
.chart-settings-modal .change-color .picker_wrapper .picker_sample,
.chart-settings-modal .change-color .picker_wrapper .picker_sl {
    display: none;
}

.chart-settings-modal .change-color .simple-dropdown {
    position: relative;
}

.chart-settings-modal .change-color .simple-dropdown svg {
    height: 15px;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    width: 15px;
}

.chart-settings-modal .change-color table {
    font-size: 12px;
}

.chart-settings-modal .interval-list {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    margin-left: -2px;
    margin-top: -2px;
}

.chart-settings-modal .interval-list__item {
    -webkit-box-flex: 1;
    flex: 1 1 calc(20% - 2px);
    margin-left: 2px;
    margin-top: 2px;
    max-width: calc(20% - 2px);
}

.chart-settings-modal .interval-list__link {
    display: block;
    padding: 18px 10px;
    text-align: center;
}

.chart-settings-modal .interval-list__label {
    text-transform: uppercase;
}

.assets-block .schedule-desc {
    font-size: 11px;
}

.assets-block .schedule-desc__item {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-bottom: 8px;
}

.assets-block .schedule-desc__item:last-child {
    margin-bottom: 0px;
}

.assets-block .schedule-desc__icon-wrap {
    -webkit-box-flex: 0;
    flex: 0 0 22px;
    margin-top: 4px;
}

.assets-block .schedule-desc__icon {
    display: block;
}

.assets-block .schedule-desc__btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 4px;
    font-size: 11px;
    justify-content: center;
    margin-top: 17px;
    padding: 7px 10px;
    width: 100%;
}

.assets-block .schedule-desc__btn .fa {
    margin-right: 6px;
    margin-top: 3px;
}

.assets-block .schedule-desc .sort-block__item {
    color: rgb(147, 150, 160);
}

.assets-block .schedule-desc .sort-block__item--active {
    color: rgb(255, 255, 255);
}

.assets-block .schedule-desc .svg-icon {
    height: 12px;
    width: 12px;
}

.assets-block .alist .flag-icon {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==?v=21") 0px 0px no-repeat;
    height: 21px;
    width: 21px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio:2),
(min-resolution: 192dpi) {
    .assets-block .alist .flag-icon {
        background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==?v=21") 0px 0px / 396px 396px no-repeat;
    }
}

.assets-block .alist .flag-icon--100_otc {
    background-position: 0px 0px;
}

.assets-block .alist .flag-icon--100 {
    background-position: -22px 0px;
}

.assets-block .alist .flag-icon--aa {
    background-position: 0px -22px;
}

.assets-block .alist .flag-icon--aapl {
    background-position: -22px -22px;
}

.assets-block .alist .flag-icon--aav {
    background-position: -44px 0px;
}

.assets-block .alist .flag-icon--abbv {
    background-position: -44px -22px;
}

.assets-block .alist .flag-icon--abt {
    background-position: 0px -44px;
}

.assets-block .alist .flag-icon--ada {
    background-position: -22px -44px;
}

.assets-block .alist .flag-icon--adm {
    background-position: -44px -44px;
}

.assets-block .alist .flag-icon--adp {
    background-position: -66px 0px;
}

.assets-block .alist .flag-icon--ads {
    background-position: -66px -22px;
}

.assets-block .alist .flag-icon--aed {
    background-position: -66px -44px;
}

.assets-block .alist .flag-icon--aex25 {
    background-position: 0px -66px;
}

.assets-block .alist .flag-icon--agnc {
    background-position: -22px -66px;
}

.assets-block .alist .flag-icon--aht {
    background-position: -44px -66px;
}

.assets-block .alist .flag-icon--air {
    background-position: -66px -66px;
}

.assets-block .alist .flag-icon--alg {
    background-position: -88px 0px;
}

.assets-block .alist .flag-icon--ali {
    background-position: -88px -22px;
}

.assets-block .alist .flag-icon--alp {
    background-position: -88px -44px;
}

.assets-block .alist .flag-icon--alv {
    background-position: -88px -66px;
}

.assets-block .alist .flag-icon--amd {
    background-position: 0px -88px;
}

.assets-block .alist .flag-icon--amgn {
    background-position: -22px -88px;
}

.assets-block .alist .flag-icon--amwl {
    background-position: -44px -88px;
}

.assets-block .alist .flag-icon--amzn {
    background-position: -66px -88px;
}

.assets-block .alist .flag-icon--ant {
    background-position: -88px -88px;
}

.assets-block .alist .flag-icon--ars {
    background-position: -110px 0px;
}

.assets-block .alist .flag-icon--asml {
    background-position: -110px -22px;
}

.assets-block .alist .flag-icon--asx200 {
    background-position: -110px -44px;
}

.assets-block .alist .flag-icon--ato {
    background-position: -110px -66px;
}

.assets-block .alist .flag-icon--aud {
    background-position: -110px -88px;
}

.assets-block .alist .flag-icon--aus200_otc {
    background-position: 0px -110px;
}

.assets-block .alist .flag-icon--aus200 {
    background-position: -22px -110px;
}

.assets-block .alist .flag-icon--avax {
    background-position: -44px -110px;
}

.assets-block .alist .flag-icon--avgo {
    background-position: -66px -110px;
}

.assets-block .alist .flag-icon--avx {
    background-position: -88px -110px;
}

.assets-block .alist .flag-icon--axp {
    background-position: -110px -110px;
}

.assets-block .alist .flag-icon--axs {
    background-position: -132px 0px;
}

.assets-block .alist .flag-icon--bсh {
    background-position: -132px -22px;
}

.assets-block .alist .flag-icon--ba {
    background-position: -132px -44px;
}

.assets-block .alist .flag-icon--baba {
    background-position: -132px -66px;
}

.assets-block .alist .flag-icon--bac {
    background-position: -132px -88px;
}

.assets-block .alist .flag-icon--baes {
    background-position: -132px -110px;
}

.assets-block .alist .flag-icon--barc {
    background-position: 0px -132px;
}

.assets-block .alist .flag-icon--bats {
    background-position: -22px -132px;
}

.assets-block .alist .flag-icon--bayn {
    background-position: -44px -132px;
}

.assets-block .alist .flag-icon--bb {
    background-position: -66px -132px;
}

.assets-block .alist .flag-icon--bch {
    background-position: -88px -132px;
}

.assets-block .alist .flag-icon--bdt {
    background-position: -110px -132px;
}

.assets-block .alist .flag-icon--bhd {
    background-position: -132px -132px;
}

.assets-block .alist .flag-icon--bitb {
    background-position: -154px 0px;
}

.assets-block .alist .flag-icon--bkng {
    background-position: -154px -22px;
}

.assets-block .alist .flag-icon--blnd {
    background-position: -154px -44px;
}

.assets-block .alist .flag-icon--bmw {
    background-position: -154px -66px;
}

.assets-block .alist .flag-icon--bnb {
    background-position: -154px -88px;
}

.assets-block .alist .flag-icon--bnp {
    background-position: -154px -110px;
}

.assets-block .alist .flag-icon--brby {
    background-position: -154px -132px;
}

.assets-block .alist .flag-icon--brl {
    background-position: 0px -154px;
}

.assets-block .alist .flag-icon--bt {
    background-position: -22px -154px;
}

.assets-block .alist .flag-icon--btc {
    background-position: -44px -154px;
}

.assets-block .alist .flag-icon--c {
    background-position: -66px -154px;
}

.assets-block .alist .flag-icon--cac {
    background-position: -88px -154px;
}

.assets-block .alist .flag-icon--cac40 {
    background-position: -110px -154px;
}

.assets-block .alist .flag-icon--cad {
    background-position: -132px -154px;
}

.assets-block .alist .flag-icon--cat {
    background-position: -154px -154px;
}

.assets-block .alist .flag-icon--chf {
    background-position: -176px 0px;
}

.assets-block .alist .flag-icon--chz {
    background-position: -176px -22px;
}

.assets-block .alist .flag-icon--citi {
    background-position: -176px -44px;
}

.assets-block .alist .flag-icon--cl {
    background-position: -176px -66px;
}

.assets-block .alist .flag-icon--clp {
    background-position: -176px -88px;
}

.assets-block .alist .flag-icon--clx {
    background-position: -176px -110px;
}

.assets-block .alist .flag-icon--cnh,
.assets-block .alist .flag-icon--cny {
    background-position: -176px -132px;
}

.assets-block .alist .flag-icon--coin {
    background-position: -176px -154px;
}

.assets-block .alist .flag-icon--com {
    background-position: 0px -176px;
}

.assets-block .alist .flag-icon--con {
    background-position: -22px -176px;
}

.assets-block .alist .flag-icon--cop {
    background-position: -44px -176px;
}

.assets-block .alist .flag-icon--coty {
    background-position: -66px -176px;
}

.assets-block .alist .flag-icon--csco {
    background-position: -88px -176px;
}

.assets-block .alist .flag-icon--cvx {
    background-position: -110px -176px;
}

.assets-block .alist .flag-icon--czk {
    background-position: -132px -176px;
}

.assets-block .alist .flag-icon--d30_otc {
    background-position: -154px -176px;
}

.assets-block .alist .flag-icon--d30 {
    background-position: -176px -176px;
}

.assets-block .alist .flag-icon--dash {
    background-position: -198px 0px;
}

.assets-block .alist .flag-icon--dat {
    background-position: -198px -22px;
}

.assets-block .alist .flag-icon--dbx {
    background-position: -198px -44px;
}

.assets-block .alist .flag-icon--dgb {
    background-position: -198px -66px;
}

.assets-block .alist .flag-icon--dge {
    background-position: -198px -88px;
}

.assets-block .alist .flag-icon--dis {
    background-position: -198px -110px;
}

.assets-block .alist .flag-icon--dji30_otc {
    background-position: -198px -132px;
}

.assets-block .alist .flag-icon--dji30 {
    background-position: -198px -154px;
}

.assets-block .alist .flag-icon--dkk {
    background-position: -198px -176px;
}

.assets-block .alist .flag-icon--docu {
    background-position: 0px -198px;
}

.assets-block .alist .flag-icon--doge {
    background-position: -22px -198px;
}

.assets-block .alist .flag-icon--dot {
    background-position: -44px -198px;
}

.assets-block .alist .flag-icon--dsh {
    background-position: -66px -198px;
}

.assets-block .alist .flag-icon--dvn {
    background-position: -88px -198px;
}

.assets-block .alist .flag-icon--dzd {
    background-position: -110px -198px;
}

.assets-block .alist .flag-icon--e35_otc {
    background-position: -132px -198px;
}

.assets-block .alist .flag-icon--e35 {
    background-position: -154px -198px;
}

.assets-block .alist .flag-icon--e50_otc {
    background-position: -176px -198px;
}

.assets-block .alist .flag-icon--e50 {
    background-position: -198px -198px;
}

.assets-block .alist .flag-icon--ebay {
    background-position: -220px 0px;
}

.assets-block .alist .flag-icon--edu {
    background-position: -220px -22px;
}

.assets-block .alist .flag-icon--egp {
    background-position: -220px -44px;
}

.assets-block .alist .flag-icon--enj {
    background-position: -220px -66px;
}

.assets-block .alist .flag-icon--eos {
    background-position: -220px -88px;
}

.assets-block .alist .flag-icon--eth {
    background-position: -220px -110px;
}

.assets-block .alist .flag-icon--eur {
    background-position: -220px -132px;
}

.assets-block .alist .flag-icon--expe {
    background-position: -220px -154px;
}

.assets-block .alist .flag-icon--f {
    background-position: -220px -176px;
}

.assets-block .alist .flag-icon--f40_otc {
    background-position: -220px -198px;
}

.assets-block .alist .flag-icon--f40 {
    background-position: 0px -220px;
}

.assets-block .alist .flag-icon--fb {
    background-position: -22px -220px;
}

.assets-block .alist .flag-icon--fdax {
    background-position: -44px -220px;
}

.assets-block .alist .flag-icon--fdx {
    background-position: -66px -220px;
}

.assets-block .alist .flag-icon--fil {
    background-position: -88px -220px;
}

.assets-block .alist .flag-icon--fis {
    background-position: -110px -220px;
}

.assets-block .alist .flag-icon--fti {
    background-position: -132px -220px;
}

.assets-block .alist .flag-icon--ftse {
    background-position: -154px -220px;
}

.assets-block .alist .flag-icon--gbp {
    background-position: -176px -220px;
}

.assets-block .alist .flag-icon--gd {
    background-position: -198px -220px;
}

.assets-block .alist .flag-icon--ge {
    background-position: -220px -220px;
}

.assets-block .alist .flag-icon--gild {
    background-position: -242px 0px;
}

.assets-block .alist .flag-icon--glm {
    background-position: -242px -22px;
}

.assets-block .alist .flag-icon--gm {
    background-position: -242px -44px;
}

.assets-block .alist .flag-icon--gme {
    background-position: -242px -66px;
}

.assets-block .alist .flag-icon--goog {
    background-position: -242px -88px;
}

.assets-block .alist .flag-icon--gpn {
    background-position: -242px -110px;
}

.assets-block .alist .flag-icon--h33hkd {
    background-position: -242px -132px;
}

.assets-block .alist .flag-icon--hd {
    background-position: -242px -154px;
}

.assets-block .alist .flag-icon--hik {
    background-position: -242px -176px;
}

.assets-block .alist .flag-icon--hk50 {
    background-position: -242px -198px;
}

.assets-block .alist .flag-icon--hkg {
    background-position: -242px -220px;
}

.assets-block .alist .flag-icon--hpq {
    background-position: 0px -242px;
}

.assets-block .alist .flag-icon--hsba {
    background-position: -22px -242px;
}

.assets-block .alist .flag-icon--huf {
    background-position: -44px -242px;
}

.assets-block .alist .flag-icon--ibex35 {
    background-position: -66px -242px;
}

.assets-block .alist .flag-icon--ibm {
    background-position: -88px -242px;
}

.assets-block .alist .flag-icon--icp {
    background-position: -110px -242px;
}

.assets-block .alist .flag-icon--idr {
    background-position: -132px -242px;
}

.assets-block .alist .flag-icon--iii {
    background-position: -154px -242px;
}

.assets-block .alist .flag-icon--ils {
    background-position: -176px -242px;
}

.assets-block .alist .flag-icon--ilv {
    background-position: -198px -242px;
}

.assets-block .alist .flag-icon--imb {
    background-position: -220px -242px;
}

.assets-block .alist .flag-icon--index_v1 {
    background-position: -242px -242px;
}

.assets-block .alist .flag-icon--index_v2 {
    background-position: -264px 0px;
}

.assets-block .alist .flag-icon--ino {
    background-position: -264px -22px;
}

.assets-block .alist .flag-icon--inr {
    background-position: -264px -44px;
}

.assets-block .alist .flag-icon--intc {
    background-position: -264px -66px;
}

.assets-block .alist .flag-icon--irr {
    background-position: -264px -88px;
}

.assets-block .alist .flag-icon--ita {
    background-position: -264px -110px;
}

.assets-block .alist .flag-icon--itrk {
    background-position: -264px -132px;
}

.assets-block .alist .flag-icon--jnj {
    background-position: -264px -154px;
}

.assets-block .alist .flag-icon--jod {
    background-position: -264px -176px;
}

.assets-block .alist .flag-icon--jpm {
    background-position: -264px -198px;
}

.assets-block .alist .flag-icon--jpn225_otc {
    background-position: -264px -220px;
}

.assets-block .alist .flag-icon--jpn225 {
    background-position: -264px -242px;
}

.assets-block .alist .flag-icon--jpy {
    background-position: 0px -264px;
}

.assets-block .alist .flag-icon--kav {
    background-position: -22px -264px;
}

.assets-block .alist .flag-icon--ker {
    background-position: -44px -264px;
}

.assets-block .alist .flag-icon--kes {
    background-position: -66px -264px;
}

.assets-block .alist .flag-icon--kmi {
    background-position: -88px -264px;
}

.assets-block .alist .flag-icon--ko {
    background-position: -110px -264px;
}

.assets-block .alist .flag-icon--kodk {
    background-position: -132px -264px;
}

.assets-block .alist .flag-icon--krw {
    background-position: -154px -264px;
}

.assets-block .alist .flag-icon--lbp {
    background-position: -176px -264px;
}

.assets-block .alist .flag-icon--lcid {
    background-position: -198px -264px;
}

.assets-block .alist .flag-icon--link {
    background-position: -220px -264px;
}

.assets-block .alist .flag-icon--lmt {
    background-position: -242px -264px;
}

.assets-block .alist .flag-icon--lnk {
    background-position: -264px -264px;
}

.assets-block .alist .flag-icon--lrcx {
    background-position: -286px 0px;
}

.assets-block .alist .flag-icon--lrlcy {
    background-position: -286px -22px;
}

.assets-block .alist .flag-icon--ltc {
    background-position: -286px -44px;
}

.assets-block .alist .flag-icon--ma {
    background-position: -286px -66px;
}

.assets-block .alist .flag-icon--mad {
    background-position: -286px -88px;
}

.assets-block .alist .flag-icon--mara {
    background-position: -286px -110px;
}

.assets-block .alist .flag-icon--matic {
    background-position: -286px -132px;
}

.assets-block .alist .flag-icon--mbg {
    background-position: -286px -154px;
}

.assets-block .alist .flag-icon--mbt {
    background-position: -286px -176px;
}

.assets-block .alist .flag-icon--mc {
    background-position: -286px -198px;
}

.assets-block .alist .flag-icon--mcd {
    background-position: -286px -220px;
}

.assets-block .alist .flag-icon--mdlz {
    background-position: -286px -242px;
}

.assets-block .alist .flag-icon--meta {
    background-position: -286px -264px;
}

.assets-block .alist .flag-icon--mgn {
    background-position: 0px -286px;
}

.assets-block .alist .flag-icon--mkr {
    background-position: -22px -286px;
}

.assets-block .alist .flag-icon--mlm {
    background-position: -44px -286px;
}

.assets-block .alist .flag-icon--mmm {
    background-position: -66px -286px;
}

.assets-block .alist .flag-icon--mna {
    background-position: -88px -286px;
}

.assets-block .alist .flag-icon--mo {
    background-position: -110px -286px;
}

.assets-block .alist .flag-icon--mrna {
    background-position: -132px -286px;
}

.assets-block .alist .flag-icon--ms {
    background-position: -154px -286px;
}

.assets-block .alist .flag-icon--msft {
    background-position: -176px -286px;
}

.assets-block .alist .flag-icon--msk {
    background-position: -198px -286px;
}

.assets-block .alist .flag-icon--mtc {
    background-position: -220px -286px;
}

.assets-block .alist .flag-icon--mxn {
    background-position: -242px -286px;
}

.assets-block .alist .flag-icon--myr {
    background-position: -264px -286px;
}

.assets-block .alist .flag-icon--nas_otc {
    background-position: -286px -286px;
}

.assets-block .alist .flag-icon--nas {
    background-position: -308px 0px;
}

.assets-block .alist .flag-icon--nas100 {
    background-position: -308px -22px;
}

.assets-block .alist .flag-icon--nea {
    background-position: -308px -44px;
}

.assets-block .alist .flag-icon--neo {
    background-position: -308px -66px;
}

.assets-block .alist .flag-icon--nflx {
    background-position: -308px -88px;
}

.assets-block .alist .flag-icon--ngn {
    background-position: -308px -110px;
}

.assets-block .alist .flag-icon--ni225 {
    background-position: -308px -132px;
}

.assets-block .alist .flag-icon--nifty50 {
    background-position: -308px -154px;
}

.assets-block .alist .flag-icon--nike {
    background-position: -308px -176px;
}

.assets-block .alist .flag-icon--nio {
    background-position: -308px -198px;
}

.assets-block .alist .flag-icon--nok {
    background-position: -308px -220px;
}

.assets-block .alist .flag-icon--nq {
    background-position: -308px -242px;
}

.assets-block .alist .flag-icon--nsc {
    background-position: -308px -264px;
}

.assets-block .alist .flag-icon--nul {
    background-position: -308px -286px;
}

.assets-block .alist .flag-icon--nvda {
    background-position: 0px -308px;
}

.assets-block .alist .flag-icon--nwg {
    background-position: -22px -308px;
}

.assets-block .alist .flag-icon--nzd {
    background-position: -44px -308px;
}

.assets-block .alist .flag-icon--okta {
    background-position: -66px -308px;
}

.assets-block .alist .flag-icon--omg {
    background-position: -88px -308px;
}

.assets-block .alist .flag-icon--omr {
    background-position: -110px -308px;
}

.assets-block .alist .flag-icon--oxy {
    background-position: -132px -308px;
}

.assets-block .alist .flag-icon--pah3 {
    background-position: -154px -308px;
}

.assets-block .alist .flag-icon--panw {
    background-position: -176px -308px;
}

.assets-block .alist .flag-icon--pdd {
    background-position: -198px -308px;
}

.assets-block .alist .flag-icon--pep {
    background-position: -220px -308px;
}

.assets-block .alist .flag-icon--pfe {
    background-position: -242px -308px;
}

.assets-block .alist .flag-icon--pg {
    background-position: -264px -308px;
}

.assets-block .alist .flag-icon--php {
    background-position: -286px -308px;
}

.assets-block .alist .flag-icon--pkr {
    background-position: -308px -308px;
}

.assets-block .alist .flag-icon--pln {
    background-position: -330px 0px;
}

.assets-block .alist .flag-icon--pltr {
    background-position: -330px -22px;
}

.assets-block .alist .flag-icon--pm {
    background-position: -330px -44px;
}

.assets-block .alist .flag-icon--pool {
    background-position: -330px -66px;
}

.assets-block .alist .flag-icon--pson {
    background-position: -330px -88px;
}

.assets-block .alist .flag-icon--pypl {
    background-position: -330px -110px;
}

.assets-block .alist .flag-icon--qar {
    background-position: -330px -132px;
}

.assets-block .alist .flag-icon--qcom {
    background-position: -330px -154px;
}

.assets-block .alist .flag-icon--qtm {
    background-position: -330px -176px;
}

.assets-block .alist .flag-icon--ref {
    background-position: -330px -198px;
}

.assets-block .alist .flag-icon--rng {
    background-position: -330px -220px;
}

.assets-block .alist .flag-icon--rno {
    background-position: -330px -242px;
}

.assets-block .alist .flag-icon--rtx {
    background-position: -330px -264px;
}

.assets-block .alist .flag-icon--rub {
    background-position: -330px -286px;
}

.assets-block .alist .flag-icon--sar {
    background-position: -330px -308px;
}

.assets-block .alist .flag-icon--sbux {
    background-position: 0px -330px;
}

.assets-block .alist .flag-icon--sek {
    background-position: -22px -330px;
}

.assets-block .alist .flag-icon--sgd {
    background-position: -44px -330px;
}

.assets-block .alist .flag-icon--sia {
    background-position: -66px -330px;
}

.assets-block .alist .flag-icon--sie {
    background-position: -88px -330px;
}

.assets-block .alist .flag-icon--sing {
    background-position: -110px -330px;
}

.assets-block .alist .flag-icon--slb {
    background-position: -132px -330px;
}

.assets-block .alist .flag-icon--smcl {
    background-position: -154px -330px;
}

.assets-block .alist .flag-icon--smi20 {
    background-position: -176px -330px;
}

.assets-block .alist .flag-icon--snd {
    background-position: -198px -330px;
}

.assets-block .alist .flag-icon--snow {
    background-position: -220px -330px;
}

.assets-block .alist .flag-icon--snt {
    background-position: -242px -330px;
}

.assets-block .alist .flag-icon--sol {
    background-position: -264px -330px;
}

.assets-block .alist .flag-icon--sp500_otc {
    background-position: -286px -330px;
}

.assets-block .alist .flag-icon--sp500 {
    background-position: -308px -330px;
}

.assets-block .alist .flag-icon--spx {
    background-position: -330px -330px;
}

.assets-block .alist .flag-icon--sq {
    background-position: -352px 0px;
}

.assets-block .alist .flag-icon--str {
    background-position: -352px -22px;
}

.assets-block .alist .flag-icon--stx {
    background-position: -352px -44px;
}

.assets-block .alist .flag-icon--stz {
    background-position: -352px -66px;
}

.assets-block .alist .flag-icon--sun {
    background-position: -352px -88px;
}

.assets-block .alist .flag-icon--sx5e {
    background-position: -352px -110px;
}

.assets-block .alist .flag-icon--syp {
    background-position: -352px -132px;
}

.assets-block .alist .flag-icon--t {
    background-position: -352px -154px;
}

.assets-block .alist .flag-icon--tap {
    background-position: -352px -176px;
}

.assets-block .alist .flag-icon--thb {
    background-position: -352px -198px;
}

.assets-block .alist .flag-icon--tht {
    background-position: -352px -220px;
}

.assets-block .alist .flag-icon--tlm {
    background-position: -352px -242px;
}

.assets-block .alist .flag-icon--tme {
    background-position: -352px -264px;
}

.assets-block .alist .flag-icon--tnd {
    background-position: -352px -286px;
}

.assets-block .alist .flag-icon--ton {
    background-position: -352px -308px;
}

.assets-block .alist .flag-icon--tot {
    background-position: -352px -330px;
}

.assets-block .alist .flag-icon--trip {
    background-position: 0px -352px;
}

.assets-block .alist .flag-icon--trx {
    background-position: -22px -352px;
}

.assets-block .alist .flag-icon--try {
    background-position: -44px -352px;
}

.assets-block .alist .flag-icon--tsco {
    background-position: -66px -352px;
}

.assets-block .alist .flag-icon--tsla {
    background-position: -88px -352px;
}

.assets-block .alist .flag-icon--tte {
    background-position: -110px -352px;
}

.assets-block .alist .flag-icon--twitter {
    background-position: -132px -352px;
}

.assets-block .alist .flag-icon--uah {
    background-position: -154px -352px;
}

.assets-block .alist .flag-icon--ukbrent {
    background-position: -176px -352px;
}

.assets-block .alist .flag-icon--una {
    background-position: -198px -352px;
}

.assets-block .alist .flag-icon--uni {
    background-position: -220px -352px;
}

.assets-block .alist .flag-icon--us100 {
    background-position: -242px -352px;
}

.assets-block .alist .flag-icon--us100cash {
    background-position: -264px -352px;
}

.assets-block .alist .flag-icon--us100otc {
    background-position: -286px -352px;
}

.assets-block .alist .flag-icon--uscrude {
    background-position: -308px -352px;
}

.assets-block .alist .flag-icon--usd {
    background-position: -330px -352px;
}

.assets-block .alist .flag-icon--usdx {
    background-position: -352px -352px;
}

.assets-block .alist .flag-icon--uu {
    background-position: -374px 0px;
}

.assets-block .alist .flag-icon--vet {
    background-position: -374px -22px;
}

.assets-block .alist .flag-icon--visa {
    background-position: -374px -44px;
}

.assets-block .alist .flag-icon--vix {
    background-position: -374px -66px;
}

.assets-block .alist .flag-icon--vmc {
    background-position: -374px -88px;
}

.assets-block .alist .flag-icon--vnd {
    background-position: -374px -110px;
}

.assets-block .alist .flag-icon--vod {
    background-position: -374px -132px;
}

.assets-block .alist .flag-icon--vow {
    background-position: -374px -154px;
}

.assets-block .alist .flag-icon--vz {
    background-position: -374px -176px;
}

.assets-block .alist .flag-icon--wav {
    background-position: -374px -198px;
}

.assets-block .alist .flag-icon--wmt {
    background-position: -374px -220px;
}

.assets-block .alist .flag-icon--xag {
    background-position: -374px -242px;
}

.assets-block .alist .flag-icon--xau {
    background-position: -374px -264px;
}

.assets-block .alist .flag-icon--xlm {
    background-position: -374px -286px;
}

.assets-block .alist .flag-icon--xmr {
    background-position: -374px -308px;
}

.assets-block .alist .flag-icon--xng {
    background-position: -374px -330px;
}

.assets-block .alist .flag-icon--xom {
    background-position: -374px -352px;
}

.assets-block .alist .flag-icon--xpd {
    background-position: 0px -374px;
}

.assets-block .alist .flag-icon--xpt {
    background-position: -22px -374px;
}

.assets-block .alist .flag-icon--xrp {
    background-position: -44px -374px;
}

.assets-block .alist .flag-icon--xtz {
    background-position: -66px -374px;
}

.assets-block .alist .flag-icon--yer {
    background-position: -88px -374px;
}

.assets-block .alist .flag-icon--yfi {
    background-position: -110px -374px;
}

.assets-block .alist .flag-icon--ygg {
    background-position: -132px -374px;
}

.assets-block .alist .flag-icon--ym {
    background-position: -154px -374px;
}

.assets-block .alist .flag-icon--zar {
    background-position: -176px -374px;
}

.assets-block .alist .flag-icon--zec {
    background-position: -198px -374px;
}

.assets-block .alist .flag-icon--zil {
    background-position: -220px -374px;
}

.assets-block .alist .flag-icon--zm {
    background-position: -242px -374px;
}

.assets-block .alist__item {
    margin-bottom: 4px;
}

.assets-block .alist__item:last-child {
    margin-bottom: 0px;
}

.assets-block .alist__item--active .alist__link {
    border-radius: 4px;
}

.assets-block .alist__item--no-active {
    opacity: 0.5;
}

.assets-block .alist__item--no-active .alist__link {
    cursor: default;
}

.assets-block .alist__item--has-loyalty-program .alist__link {
    --padding-x-has-loyalty-program: 10px;
}

.assets-block .alist__item--has-schedule .alist__link {
    --padding-x-has-loyalty-program: var(--padding-x) !important;
}

.assets-block .alist__link {
    --padding-x: 10px;
    --padding-x-has-loyalty-program: var(--padding-x);
    --padding-y: 3px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 4px;
    padding: var(--padding-y) var(--padding-x-has-loyalty-program) var(--padding-y) var(--padding-x);
    user-select: text;
}

.assets-block .alist__icon-wrap {
    -webkit-box-flex: 0;
    flex: 0 0 22px;
    text-align: left;
}

.assets-block .alist__icon {
    color: rgb(255, 140, 10);
}

.assets-block .alist__label {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.assets-block .alist__payout-bonus {
    margin-left: 3px;
}

.assets-block .alist__payout-bonus svg {
    display: block;
}

.assets-block .alist__schedule-info-text {
    white-space: nowrap;
}

.assets-block .alist__schedule-info-otc-icon {
    width: 12px;
}

.assets-block .alist .flag {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.assets-block .alist .flag img {
    display: block;
}

.assets-block .alist .flag--one {
    margin-right: 8px;
}

.assets-block .alist .flag--two .flag-icon:last-child {
    left: -8px;
    position: relative;
    z-index: 1;
}

.assets-block .alist--has-loyalty-program .alist__item:not(.alist__item--has-loyalty-program):not(.alist__item--no-active) .alist__link {
    --padding-x-has-loyalty-program: 25px;
}

body[class*="layout-"]:not(.layout-full) .drop-down-modal--quotes-list {
    transform: translate(-50%, -50%);
    left: 50% !important;
    position: absolute !important;
    top: 50% !important;
}

.assets-block {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    border-radius: 4px;
    height: 465px;
    padding: 24px;
    width: 575px;
}

.assets-block--compact {
    display: block;
    width: 350px;
}

.assets-block--compact .assets-block__col-nav {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    height: auto;
}

.assets-block--compact .assets-block__col-nav .scrollbar-container {
    height: auto;
    padding-right: 0px;
}

.assets-block--compact .otc-desc {
    margin-bottom: 0px;
}

.assets-block--compact .has-payout-desc .assets-block__body-wrap {
    height: calc(100% - 131px);
}

.assets-block--compact .assets-block__body-wrap {
    height: calc(100% - 108px);
}

.assets-block--compact .assets-block__col-body {
    margin-left: 0px;
}

.assets-block--compact .assets-block__nav {
    margin-left: -8px;
}

.assets-block--compact .filters__search-block {
    -webkit-box-flex: 3;
    flex: 3 1 0%;
    margin-bottom: 0px !important;
}

.assets-block--compact .assets-block__nav-col {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.assets-block--compact .assets-block__nav-col+.assets-block__nav-col {
    margin-top: 8px;
}

.assets-block--compact .assets-block__nav-item {
    padding: 4px;
    width: calc(20% - 8px);
}

.assets-block--compact .assets-block__nav-item+.assets-block__nav-item {
    margin-top: 0px;
}

.assets-block--compact .assets-block__nav-icon-wrap {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.assets-block--compact .assets-block__nav-item-label {
    display: none;
}

.assets-block--compact .assets-block__nav-item,
.assets-block--compact .filters__search-block {
    margin-left: 8px;
}

.assets-block--compact .assets-block__col-body,
.assets-block--compact .assets-block__col-nav {
    width: 100%;
}

.assets-block__col-nav {
    -webkit-box-flex: 0;
    flex: 0 0 172px;
}

.assets-block__col-nav .scrollbar-container {
    padding-right: 12px;
}

.assets-block__col-body {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    margin-left: 13px;
}

.assets-block__otc-desc {
    margin: 16px 0px;
}

.assets-block__schedule-desc {
    margin-top: 16px;
}

.assets-block__filters {
    margin-bottom: 12px;
}

.assets-block__not-found {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    color: rgb(147, 150, 160);
    height: 100%;
    justify-content: center;
}

.assets-block__not-found .svg-icon-wrap {
    height: 50px;
    margin-bottom: 15px;
    width: 50px;
}

.assets-block__not-found .svg-icon-wrap svg {
    display: block;
}

.assets-block .otc-desc {
    color: rgb(123, 127, 139);
    font-size: 11px;
}

.assets-block .payout-desc {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    border: 1px dashed;
    border-radius: 5px;
    gap: 15px;
    grid-template-columns: min-content 1fr;
    padding: 4px 4px 4px 17px;
}

.assets-block .payout-desc__text {
    font-size: 11px;
}

.assets-block .sort-block {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.assets-block .sort-block__item--sort-alphabet {
    margin-left: 32px;
}

.assets-block .sort-block__item--sort-profit {
    padding-right: 15px;
}

.assets-block .sort-block__icon {
    margin-left: 7px;
}

.assets-block .sort-block__item--sort-profit.sort-block__item--active {
    padding-right: 0px;
}

.assets-block .search {
    border: 1px solid transparent;
    border-radius: 4px;
    position: relative;
}

.assets-block .search__field {
    height: 28px;
    padding-left: 10px;
    padding-right: 30px;
    text-align: left;
}

.assets-block .search__icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.assets-block .search__icon-clear {
    cursor: pointer;
}

.assets-block .filters__search-block {
    margin-bottom: 12px;
}

.assets-block__col-body,
.assets-block__col-nav {
    height: 100%;
}

@media (min-height: 706px) {
    body:not(.is-m-version) .drop-down-modal--quotes-list {
        bottom: auto;
        height: 520px;
    }
}

@media (min-height: 650px) {
    body:not(.is-m-version) .drop-down-modal--quotes-list {
        bottom: 15px;
    }

    body:not(.is-m-version) .drop-down-modal--quotes-list .assets-block {
        height: 100%;
    }
}

.assets-block__nav {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-bottom: 8px;
}

.assets-block__nav-item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    min-height: 30px;
    padding: 4px 4px 4px 0px;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.assets-block__nav-item .svg-icon {
    display: block;
    margin: 0px auto;
}

.assets-block__nav-item--calendar {
    border-style: dashed;
}

.assets-block__nav-icon-wrap {
    -webkit-box-flex: 0;
    flex: 0 0 44px;
    text-align: center;
}

.assets-block__nav-icon {
    display: block;
}

.assets-block__nav-item-label {
    font-size: 12px;
}

.assets-block__nav-item+.assets-block__nav-item {
    margin-top: 8px;
}

.assets-block__body-wrap {
    height: calc(100% - 74px);
}

.assets-block__body {
    height: 100%;
}

.tooltip-streamer {
    max-width: 300px;
    position: absolute;
    right: calc(100% + 20px);
    top: 0px;
    width: max-content;
}

.tooltip-streamer>* {
    margin-top: 6px;
}

.tooltip-streamer> :first-child {
    margin-top: 0px;
}

.is-m-version.landscape .tooltip-streamer {
    top: 48px;
}

.is-m-version.portrait .tooltip-streamer {
    inset: auto auto calc(100% + 32px) -17px;
    font-size: 12px;
    max-width: calc(100% + 24px);
}

@media screen and (max-width: 355px) {
    .is-m-version.portrait .tooltip-streamer {
        bottom: calc(100% + 27px);
        left: -12px;
        max-width: calc(100% + 18px);
    }
}

body[class*="layout-"]:not(.layout-full) .tooltip-streamer {
    font-size: 12px;
    max-width: 260px;
    padding: 4px 18px 4px 6px;
}

.deals-noty-streamer {
    bottom: 75px;
    left: 22px;
    position: absolute;
    width: 164px;
    z-index: 13;
}

body.is-pc-version .deals-noty-streamer {
    max-height: 350px;
}

body.is-m-version .deals-noty-streamer {
    left: 20px;
    width: 150px;
}

body.is-m-version.landscape .deals-noty-streamer {
    bottom: 20px;
}

body.is-m-version.portrait .deals-noty-streamer {
    bottom: 260px;
}

@media screen and (max-width: 450px) {
    body.is-m-version.portrait .deals-noty-streamer {
        bottom: 250px;
    }
}

@media screen and (max-width: 355px) {
    body.is-m-version.portrait .deals-noty-streamer {
        bottom: 240px;
    }
}

body[class*="layout-"]:not(.layout-full) .deals-noty-streamer {
    bottom: 60px;
    left: 10px;
}

@media screen and (max-width: 500px) {

    body.is-m-version.portrait.open-express-modal .deals-noty-streamer,
    body.is-m-version.portrait.open-pending-orders-modal .deals-noty-streamer,
    body.is-m-version.portrait.open-trades-modal .deals-noty-streamer {
        bottom: 70px;
    }
}

.deals-noty {
    border-width: 1px 1px 1px 5px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
}

.deals-noty__symbol-title {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.deals-noty__text-col {
    flex-basis: 100%;
}

.deals-noty__type-icon {
    margin-top: -3px;
}

.deals-noty__label {
    color: rgb(142, 165, 192);
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 2px;
}

.deals-noty__title {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
}

.deals-noty__count {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 700;
    margin-bottom: 4px;
}

.deals-noty__count-number {
    margin-left: 4px;
}

.deals-noty.animated {
    animation-duration: 0.5s;
}

.deals-noty--deleted {
    pointer-events: none;
}

.deals-noty--cancel-order-fail .deals-noty__text,
.deals-noty--cancel-order-success .deals-noty__text,
.deals-noty--close-order-fail .deals-noty__text,
.deals-noty--copy-order-success .deals-noty__text,
.deals-noty--open-fail .deals-noty__text,
.deals-noty--text .deals-noty__text {
    font-size: 12px;
}

.deals-noty--disabled-trading {
    width: 250px;
}

.deals-noty--disabled-trading .deals-noty__text {
    font-size: 12px;
}

.deals-noty__symbol,
.deals-noty__title {
    margin-bottom: 4px;
}

.deals-noty__title,
.deals-noty__value {
    font-size: 12px;
}

.deals-noty__symbol,
.deals-noty__text {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.deals-noty__title-zipper {
    margin-right: 7px;
}

.deals-noty__title-icon,
.deals-noty__type-icon {
    margin-left: 7px;
}

.deals-noty--price-alert {
    cursor: pointer;
}

.deals-noty-trade {
    margin: 0px 7px;
}

.is-m-version .deals-noty {
    bottom: 0px;
    margin: 0px;
    position: absolute;
    transition: bottom 0.5s;
}

.is-m-version .deals-noty:first-child {
    bottom: 0px;
    z-index: 4;
}

.is-m-version .deals-noty:nth-child(2) {
    bottom: 10px;
    z-index: 3;
}

.is-m-version .deals-noty:nth-child(3) {
    bottom: 20px;
    z-index: 2;
}

.is-m-version .deals-noty:nth-child(4) {
    bottom: 30px;
    z-index: 1;
}

body:not(.is-m-version) .deals-noty {
    bottom: 0px;
    margin: 0px;
    position: absolute;
    transition: bottom 0.5s;
}

.deals-noty+.deals-noty {
    margin-top: 5px;
}

.is-m-version .deals-noty+.deals-noty {
    margin: 0px;
}

.mobile-drop-down-list {
    margin-bottom: 15px;
    position: relative;
}

.mobile-drop-down-list__arrow {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.mobile-drop-down-list__arrow .fa {
    transition: transform 0.5s, -webkit-transform 0.5s;
}

.mobile-drop-down-list__title {
    border-radius: 5px;
    cursor: pointer;
    min-height: 38px;
    padding: 4px 30px 4px 8px;
    position: relative;
}

.mobile-drop-down-list__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-drop-down-list__list {
    border-radius: 5px;
    display: none;
    left: 0px;
    margin-top: 13px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.mobile-drop-down-list__item {
    user-select: none;
}

.mobile-drop-down-list__icon {
    display: block;
    -webkit-box-flex: 0;
    flex: 0 0 30px;
    margin-right: 6px;
    text-align: center;
}

.mobile-drop-down-list__icon svg {
    display: block;
    margin: 0px auto;
    width: 20px;
}

.mobile-drop-down-list__link {
    padding: 4px 8px;
}

.mobile-drop-down-list.open .mobile-drop-down-list__list {
    display: block;
}

.mobile-drop-down-list.open .mobile-drop-down-list__arrow .fa {
    transform: rotate(180deg);
}

.mobile-drop-down-list__link,
.mobile-drop-down-list__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.deposit-info svg {
    margin-right: 7px;
    vertical-align: middle;
}

.deposit-info__item {
    margin-bottom: 8px;
}

.vc-mini-card-block {
    --height: 60px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 8px;
    flex-direction: column;
    height: var(--height);
}

.vc-mini-card-block__end {
    background-color: rgba(0, 0, 0, 0.6);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    display: grid;
    gap: 4px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 24px;
    margin-top: auto;
    padding: 0px 6px;
    text-align: center;
}

.vc-mini-card-block__mask {
    color: rgb(255, 255, 255);
    font-size: 12px;
    white-space: nowrap;
}

.vc-mini-card-block__mask,
.vc-mini-card-block__type {
    display: flex;
}

.h-btn,
.vc-mini-card-block__mask,
.vc-mini-card-block__type {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.h-btn {
    --padding-start: 10px;
    --padding-end: 10px;
    --close-icon-color: #8ea5c0;
    background-color: var(--background-color);
    border-radius: 8px;
    display: inline-flex;
    height: 42px;
    line-height: 1.2;
    padding: 0 var(--padding-end) 0 var(--padding-start);
    position: relative;
    transition: color 0.3s, background-color 0.3s;
    white-space: nowrap;
}

.h-btn::after,
.h-btn::before {
    border-radius: 7px;
    content: " ";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.h-btn::before {
    background: var(--gradient);
}

.h-btn::after {
    background-color: var(--backgroud-color-hover);
    opacity: 0;
    transition: opacity 0.3s;
}

.h-btn svg {
    color: var(--icon-color);
    display: block;
}

.h-btn__end {
    margin-left: 8px;
}

.h-btn__text {
    color: var(--color);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.theme-light .h-btn__text {
    --color: #314e70;
}

.theme-dark-blue .h-btn__text {
    --color: #fff;
}

.h-btn__text-small {
    color: var(--color);
    font-size: 10px;
}

.h-btn__close-btn {
    position: absolute;
    right: 10px;
    top: 7px;
    z-index: 5;
}

.h-btn__close-btn svg {
    fill: var(--close-icon-color);
}

.h-btn:focus::after,
.h-btn:hover::after {
    opacity: 1;
}

.h-btn--animate svg {
    animation: 0.5s linear 0s 1 alternate none running bonus-100-animation-scale;
}

.h-btn--verified {
    border: 1px solid var(--border-color);
}

.theme-light .h-btn--verified .h-btn__text {
    --color: #fff;
}

.theme-light .h-btn--verified {
    --color: #fff38b;
    --background-color: #e6a22d;
    --icon-color: var(--color);
    --gradient: linear-gradient(75deg, rgba(250, 255, 0, .35) 1.75%, rgba(250, 255, 0, 0) 34.25%);
    --gradient-minimize: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), linear-gradient(18deg, rgba(250, 255, 0, .35) 0.54%, rgba(250, 255, 0, 0) 83.28%);
    --border-color: #ffa100;
}

.theme-dark-blue .h-btn--verified {
    --color: #e6a22d;
    --icon-color: var(--color);
    --gradient: linear-gradient(75deg, rgba(230, 162, 45, .35) 1.75%, rgba(230, 162, 45, 0) 34.25%);
    --gradient-minimize: linear-gradient(27deg, rgba(230, 162, 45, .35) 0.76%, rgba(230, 162, 45, 0) 73.95%);
}

.h-btn--my-safe {
    --padding-start: 48px;
    --padding-end: 30px;
    --gradient: linear-gradient(75deg, rgba(129, 38, 198, .35) 1.75%, rgba(129, 38, 198, 0) 34.25%);
}

.h-btn--my-safe img {
    bottom: -5px;
    left: -7px;
    max-width: 43px;
    transform: rotate(15deg);
}

.h-btn--my-safe:hover img {
    max-width: 46px;
    transform: rotate(5deg);
}

.theme-light .h-btn--my-safe {
    --icon-color: #67a0d9;
}

.theme-dark-blue .h-btn--my-safe {
    --icon-color: var(--color);
}

.h-btn--daily-safe {
    --padding-start: 48px;
    --padding-end: 30px;
    --gradient: linear-gradient(75deg, rgba(50, 172, 65, .38) 1.75%, rgba(129, 38, 198, 0) 24.25%);
}

.h-btn--daily-safe img {
    bottom: -18px;
    left: -9px;
    max-width: 58px;
    transform: rotate(-6deg);
}

.h-btn--daily-safe:hover img {
    max-width: 65px;
    transform: rotate(4deg);
}

.theme-light .h-btn--daily-safe {
    --icon-color: #67a0d9;
}

.theme-dark-blue .h-btn--daily-safe {
    --icon-color: var(--color);
}

.h-btn--bonus,
.h-btn--bonus-welcome {
    --padding-start: 48px;
    --gradient: linear-gradient(75deg, rgba(0, 154, 249, .35) 1.75%, rgba(0, 154, 249, 0) 34.25%);
}

.h-btn--bonus {
    --padding-end: 30px;
}

.h-btn--bonus img {
    bottom: -12px;
    left: -9px;
    max-width: 46px;
    transform: rotate(14deg);
}

.h-btn--bonus:hover img {
    max-width: 48px;
    transform: rotate(0deg);
}

.theme-light .h-btn--bonus {
    --icon-color: #f1dc1c;
}

.theme-dark-blue .h-btn--bonus {
    --icon-color: #eed961;
}

.h-btn--bonus-welcome img {
    left: -3px;
    max-width: 48px;
    top: -4px;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.h-btn--bonus-welcome .h-btn__end {
    margin-left: 0px;
}

.h-btn--bonus-welcome:hover img {
    transform: scale(1.17);
}

.h-btn--deposit {
    --padding-start: 12px;
    --gradient: linear-gradient(75deg, rgba(6, 201, 49, .35) 1.75%, rgba(6, 201, 49, 0) 34.25%);
    border: 1px solid var(--border-color);
}

.h-btn--deposit .h-btn__text {
    font-size: 13px;
}

.theme-light .h-btn--deposit .h-btn__text {
    --color: #fff;
}

.theme-light .h-btn--deposit {
    --icon-color: #c1ffcf;
    --background-color: #5cb85c;
    --border-color: #7ad294;
}

.theme-dark-blue .h-btn--deposit {
    --icon-color: #5aa86b;
    --background-color: #074f40;
    --border-color: #047838;
}

.is-tournament.is-m-version .h-btn--deposit .h-btn__end,
.is-tournament.is-pc-version .h-btn--deposit .h-btn__start {
    display: none;
}

.is-tournament.is-pc-version .h-btn--deposit .h-btn__end {
    margin-left: 0px;
}

.h-btn--repeat-max-deposit,
.h-btn--trade-and-upgrade {
    --padding-start: 0;
    --padding-end: 30px;
    overflow: hidden;
}

.h-btn--repeat-max-deposit::after,
.h-btn--repeat-max-deposit::before,
.h-btn--trade-and-upgrade::after,
.h-btn--trade-and-upgrade::before {
    z-index: 1;
}

.h-btn--repeat-max-deposit .h-btn__start,
.h-btn--trade-and-upgrade .h-btn__start {
    bottom: -6px;
    left: -6px;
    position: relative;
    transform: rotate(-25deg);
    transition: 0.3s;
    user-select: none;
}

.h-btn--repeat-max-deposit .h-btn__end,
.h-btn--repeat-max-deposit .h-btn__start,
.h-btn--trade-and-upgrade .h-btn__end,
.h-btn--trade-and-upgrade .h-btn__start {
    position: relative;
    z-index: 2;
}

.h-btn--repeat-max-deposit:hover .h-btn__start,
.h-btn--trade-and-upgrade:hover .h-btn__start {
    bottom: -4px;
    left: -9px;
    transform: rotate(0deg);
}

.theme-light .h-btn--trade-and-upgrade {
    --background-color: #e5f0f8;
    --gradient: linear-gradient(75deg, rgba(52, 186, 114, .3) 1.75%, rgba(52, 186, 114, 0) 34.25%), transparent;
}

.theme-light .h-btn--trade-and-upgrade:hover {
    --gradient: linear-gradient(75deg, rgba(52, 186, 114, .6) 1.75%, rgba(52, 186, 114, 0) 34.25%), transparent;
}

.theme-dark-blue .h-btn--trade-and-upgrade {
    --background-color: #20273f;
    --gradient: linear-gradient(75deg, rgba(52, 186, 114, .3) 1.75%, rgba(52, 186, 114, 0) 34.25%), transparent;
}

.theme-dark-blue .h-btn--trade-and-upgrade:hover {
    --gradient: linear-gradient(75deg, rgba(52, 186, 114, .6) 1.75%, rgba(52, 186, 114, 0) 34.25%), transparent;
}

.theme-light .h-btn--repeat-max-deposit {
    --background-color: unset;
    --gradient: linear-gradient(0deg, hsla(0, 0%, 100%, .03), hsla(0, 0%, 100%, .03)), linear-gradient(75deg, rgba(230, 118, 230, .6) 1.75%, rgba(230, 118, 230, 0) 34.25%), #e5f0f8;
}

.theme-light .h-btn--repeat-max-deposit:hover {
    --backgroud-color-hover: unset;
    --gradient: linear-gradient(75deg, rgba(230, 118, 230, .3) 1.75%, rgba(230, 118, 230, 0) 34.25%), #e5f0f8;
}

.theme-dark-blue .h-btn--repeat-max-deposit {
    --background-color: unset;
    --gradient: linear-gradient(0deg, hsla(0, 0%, 100%, .03), hsla(0, 0%, 100%, .03)), linear-gradient(75deg, rgba(230, 118, 230, .6) 1.75%, rgba(230, 118, 230, 0) 34.25%), #20273f;
}

.theme-dark-blue .h-btn--repeat-max-deposit:hover {
    --backgroud-color-hover: unset;
    --gradient: linear-gradient(75deg, rgba(230, 118, 230, .3) 1.75%, rgba(230, 118, 230, 0) 34.25%), #20273f;
}

.h-btn--traders-box {
    --padding-start: 0;
    --padding-end: 30px;
    overflow: hidden;
}

.h-btn--traders-box .h-btn__start {
    padding-left: 40px;
    position: relative;
}

.h-btn--traders-box .img-hover,
.h-btn--traders-box .img-mini {
    opacity: 0;
    user-select: none;
    visibility: hidden;
}

.h-btn--traders-box .img,
.h-btn--traders-box .img-hover,
.h-btn--traders-box .img-mini {
    left: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.6s;
}

.h-btn--traders-box:hover body.is-pc-version .h-btn--traders-box .img {
    opacity: 0;
    user-select: none;
    visibility: hidden;
}

.h-btn--traders-box:hover body.is-pc-version .h-btn--traders-box .img-hover {
    opacity: 1;
    user-select: auto;
    visibility: visible;
}

.theme-dark-blue .h-btn--traders-box {
    --background-color: #20273f;
    --gradient: linear-gradient(75deg, rgba(0, 224, 255, .3) 1.75%, rgba(0, 224, 255, 0) 34.25%), transparent;
}

.theme-dark-blue .h-btn--traders-box:hover {
    --gradient: linear-gradient(0deg, hsla(0, 0%, 100%, .03), hsla(0, 0%, 100%, .03)), linear-gradient(75deg, rgba(0, 224, 255, .6) 1.75%, rgba(0, 224, 255, 0) 34.25%), transparent;
}

.theme-light .h-btn--traders-box {
    --background-color: #e5f0f8;
    --backgroud-color-hover: rgba(0, 0, 0, .1);
}

.h-btn--hb-8 {
    --padding-start: 38px;
    border: 1px solid;
    overflow: hidden;
}

.h-btn--hb-8::before {
    background-color: rgb(126, 97, 213);
    border-radius: 40px;
    filter: blur(15px);
    height: 40px;
    left: -30px;
    top: 4px;
    width: 44px;
}

.h-btn--hb-8::after {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    background-position: 50% center;
    background-repeat: repeat;
    opacity: 0.2;
}

.h-btn--hb-8 .h-btn__grid {
    background-image: linear-gradient(90deg, rgb(126, 97, 213) 1px, transparent 0px), linear-gradient(rgb(126, 97, 213) 1px, transparent 0px);
    background-position: 0px 32px;
    background-size: 24px 24px;
    inset: 0px;
    mask-image: linear-gradient(90deg, rgba(126, 97, 213, 0), rgba(126, 97, 213, 0.5) 50%, rgba(126, 97, 213, 0));
    opacity: 0.5;
    position: absolute;
    z-index: 3;
}

.h-btn--hb-8 .h-btn__text {
    background-clip: text;
    color: transparent;
    width: fit-content;
}

.h-btn--hb-8 .h-btn__start {
    left: 10px;
    position: absolute;
    top: 3px;
    transition: top 0.3s, left 0.3s;
}

.h-btn--hb-8 .h-btn__start img {
    max-width: 22px;
    transition: max-width 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.h-btn--hb-8 .h-btn__end {
    position: relative;
    z-index: 3;
}

.h-btn--hb-8:focus::after,
.h-btn--hb-8:hover::after {
    opacity: 0.2;
}

.h-btn--hb-8:hover .h-btn__start {
    top: 0px;
}

.h-btn--hb-8:hover img {
    max-width: 24px;
}

.theme-dark-blue .h-btn--hb-8 {
    --color: #fff;
    background: rgb(22, 37, 82);
    border-color: rgb(126, 97, 213);
}

.theme-dark-blue .h-btn--hb-8 .h-btn__text {
    background-image: linear-gradient(90deg, rgb(114, 192, 255), rgb(185, 162, 255));
}

.theme-dark-blue .h-btn--hb-8.h-btn:hover {
    background: rgb(46, 58, 99);
    border-color: rgb(126, 97, 213);
}

.theme-light .h-btn--hb-8 {
    --color: #314e70;
    background: rgb(255, 255, 255);
    border-color: rgb(220, 225, 230);
}

.theme-light .h-btn--hb-8 .h-btn__text {
    background-image: linear-gradient(90deg, rgb(49, 78, 112), rgb(169, 69, 211));
}

.theme-light .h-btn--hb-8.h-btn:hover {
    background: rgb(228, 223, 247);
    border-color: rgb(220, 225, 230);
}

.h-btn--bonus,
.h-btn--bonus-welcome,
.h-btn--daily-safe,
.h-btn--my-safe {
    overflow: hidden;
}

.h-btn--bonus img,
.h-btn--bonus-welcome img,
.h-btn--daily-safe img,
.h-btn--my-safe img {
    position: absolute;
    transition: max-width 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.theme-light .h-btn--bonus,
.theme-light .h-btn--bonus-welcome,
.theme-light .h-btn--daily-safe,
.theme-light .h-btn--my-safe {
    --background-color: #e5f0f8;
}

.theme-dark-blue .h-btn--bonus,
.theme-dark-blue .h-btn--bonus-welcome,
.theme-dark-blue .h-btn--daily-safe,
.theme-dark-blue .h-btn--my-safe {
    --background-color: #20273f;
}

.theme-light .h-btn {
    --backgroud-color-hover: rgba(0, 0, 0, .1);
}

.theme-dark-blue .h-btn {
    --backgroud-color-hover: hsla(0, 0%, 100%, .05);
}

.demo-balance-form .form-control {
    height: 30px;
}

.demo-balance-form .form-group label {
    font-size: 12px;
    margin-bottom: 10px;
}

.demo-balance-form .input-group-addon {
    padding-left: 19px;
    padding-right: 19px;
}

.demo-balance-form .chips {
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 10px;
}

.demo-balance-form .chips__item {
    border: 1px solid;
    border-radius: 10px;
    cursor: pointer;
    font-size: 10px;
    padding: 3px 0px;
    text-align: center;
    transition: 0.3s;
}

.daily-bonus-btn {
    background: var(--background-color-base);
    border: 1px solid var(--border-color-base);
    border-radius: 8px;
    display: block;
    margin: 10px auto;
    overflow: hidden;
    padding: 8px 6px;
    position: relative;
    width: calc(100% - 20px);
}

.daily-bonus-btn svg {
    display: block;
    margin: 0px auto;
}

.daily-bonus-btn:not(.daily-bonus-btn--mobile) {
    min-height: 80px;
}

.daily-bonus-btn:not(.daily-bonus-btn--mobile):hover .daily-bonus-btn__min-icon {
    transform: rotate(0deg);
}

.daily-bonus-btn:not(.daily-bonus-btn--mobile):hover .daily-bonus-btn__icon {
    transform: translate(-50%, -4px);
}

.daily-bonus-btn:not(.daily-bonus-btn--mobile) .daily-bonus-btn__text {
    margin-bottom: 2px;
}

.daily-bonus-btn__text {
    font-size: 11px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
}

.daily-bonus-btn__icon {
    left: 50%;
    position: absolute;
    top: 35px;
    transform: translate(-50%);
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.daily-bonus-btn__icon img {
    display: block;
}

.daily-bonus-btn__min-icon {
    display: none;
    transform: rotate(15deg);
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.daily-bonus-btn__min-icon img {
    display: block;
    margin: 0px auto;
}

.minimize-left-sidebar .daily-bonus-btn {
    min-height: unset;
    padding: 6px 0px 4px;
}

.minimize-left-sidebar .daily-bonus-btn__icon,
.minimize-left-sidebar .daily-bonus-btn__text {
    display: none;
}

.minimize-left-sidebar .daily-bonus-btn__min-icon {
    display: block;
}

.daily-bonus-btn--mobile {
    flex-shrink: 0;
    height: 78px;
    margin: 0px;
    width: 70px;
}

.daily-bonus-btn--mobile .daily-bonus-btn__text {
    font-size: 8px;
}

.daily-bonus-btn--mobile__icon,
.daily-bonus-btn--mobile__text {
    display: none;
}

.daily-bonus-btn--mobile__min-icon {
    display: block;
}

@media (orientation: landscape) {
    .daily-bonus-btn--mobile {
        background: var(--background-color-base);
        border: 1px solid var(--border-color-base);
        border-radius: 8px;
        height: 32px;
        margin: 0px;
        min-height: unset;
        overflow: hidden;
        padding: 6px 0px 4px;
        position: relative;
        width: 30px;
    }

    .daily-bonus-btn--mobile .daily-bonus-btn__icon,
    .daily-bonus-btn--mobile .daily-bonus-btn__text {
        display: none;
    }

    .daily-bonus-btn--mobile .daily-bonus-btn__min-icon {
        display: block;
        margin: 0px;
    }
}

.theme-dark-blue .daily-bonus-btn {
    --background-color-base: radial-gradient(ellipse 170% 150% at center 100%, #ae63e7 5%, #1d2232 40%, #1d2232 100%);
    --border-color-base: #cc8aff;
}

.theme-dark-blue .daily-bonus-btn__text {
    color: rgb(255, 255, 255);
}

.theme-light .daily-bonus-btn {
    --background-color-base: radial-gradient(ellipse 170% 150% at center 100%, #ae63e7 5%, #fff 40%, #fff 100%);
    --border-color-base: #cc8aff;
}

.theme-light .daily-bonus-btn__text {
    color: rgb(49, 78, 112);
}

html[lang="es"] .is-pc-version .daily-bonus-btn__text,
html[lang="fr"] .is-pc-version .daily-bonus-btn__text,
html[lang="it"] .is-pc-version .daily-bonus-btn__text,
html[lang="ru"] .is-pc-version .daily-bonus-btn__text,
html[lang="uk"] .is-pc-version .daily-bonus-btn__text {
    font-size: 8px;
}

.po-popup.po-popup--template-1 {
    padding-top: 264px;
}

.po-popup.po-popup--template-1 .po-popup__info {
    display: grid;
    gap: var(--gap);
    position: relative;
    z-index: 5;
}

.po-popup.po-popup--template-1 .po-popup__bg {
    height: 323px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.po-popup.po-popup--template-1 .po-popup__pic {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    max-width: 100%;
}

.po-popup.po-popup--template-1 .po-popup__code {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background-color: var(--code-bg-color);
    border: 1px solid var(--code-border-color);
    border-radius: 12px;
    height: 44px;
    justify-content: center;
}

.po-popup.po-popup--template-1 .po-popup__code-text {
    font-size: 20px;
    font-weight: 600;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-image: var(--code-gradient);
}

.po-popup.po-popup--template-1 .po-popup__actions {
    display: grid;
    gap: 20px;
    justify-items: center;
    margin-top: 8px;
}

.po-popup.po-popup--template-1 .po-popup__actions .btn {
    width: 100%;
}

.po-popup.po-popup--template-1 .po-popup__link {
    border-bottom: 1px solid var(--link-border-color);
    color: var(--link-color);
    padding-bottom: 1px;
    transition: border-color var(--transition-duration);
}

.po-popup.po-popup--template-1 .po-popup__link:hover {
    border-color: var(--link-color);
}

.theme-dark-blue .po-popup.po-popup--template-1 {
    --code-bg-color: #1d2232;
    --code-border-color: #293145;
    --code-gradient: linear-gradient(90deg, #8ea5c0, #009af9);
    --link-color: #3797d3;
    --link-border-color: rgba(55, 151, 211, .3);
}

.theme-light .po-popup.po-popup--template-1 {
    --code-bg-color: #eceff3;
    --code-border-color: #dce1e6;
    --code-gradient: linear-gradient(90deg, #314e70, #009af9);
    --link-color: #3797d3;
    --link-border-color: rgba(55, 151, 211, .3);
}

@media screen and (width <=440px) {
    .po-popup.po-popup--template-1 {
        padding-left: clamp(24px, 7.4dvw, 32px);
        padding-right: clamp(24px, 7.4dvw, 32px);
        padding-top: clamp(184px, 57dvw, 264px);
    }

    .po-popup.po-popup--template-1 .po-popup__bg {
        height: clamp(226px, 73.5vw, 323px);
    }
}

.po-popup.po-popup--template-2 {
    --gap: 20px;
}

.po-popup.po-popup--template-2 .list {
    display: grid;
    gap: 20px;
}

.po-popup.po-popup--template-2 .list--not-button .list__pic {
    margin-left: auto;
}

.po-popup.po-popup--template-2 .list--not-button .list__info {
    align-content: center;
    order: -1;
}

.po-popup.po-popup--template-2 .list--not-button .btn,
.po-popup.po-popup--template-2 .list--not-img .list__pic {
    display: none;
}

.po-popup.po-popup--template-2 .list--not-img .btn {
    width: 100%;
}

.po-popup.po-popup--template-2 .list__item {
    background-color: var(--list-bg-color);
    border: 1px solid var(--list-border-color);
    border-radius: 10px;
    display: grid;
    gap: 12px;
    grid-template-columns: auto 1fr;
    padding: 20px;
}

.po-popup.po-popup--template-2 .list__pic {
    max-width: 112px;
}

.po-popup.po-popup--template-2 .list__info {
    display: grid;
    gap: 12px;
}

.po-popup.po-popup--template-2 .btn {
    font-size: 12px;
}

.theme-dark-blue .po-popup.po-popup--template-2 {
    --list-bg-color: #1d2232;
    --list-border-color: transparent;
}

.theme-light .po-popup.po-popup--template-2 {
    --list-bg-color: #fff;
    --list-border-color: #dce1e6;
}

.po-popup.po-popup--template-3 {
    padding-top: 264px;
}

.po-popup.po-popup--template-3 .po-popup__info {
    display: grid;
    gap: var(--gap);
    position: relative;
    z-index: 5;
}

.po-popup.po-popup--template-3 .po-popup__bg {
    height: 323px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.po-popup.po-popup--template-3 .po-popup__pic {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    width: 100%;
}

.po-popup.po-popup--template-3 .po-popup__code-text {
    font-size: 20px;
    font-weight: 600;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-image: var(--code-gradient);
}

.po-popup.po-popup--template-3 .po-popup__actions {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
    justify-items: stretch;
    margin-top: 8px;
}

.po-popup.po-popup--template-3 .po-popup__actions .btn {
    width: 100%;
}

.theme-dark-blue .po-popup.po-popup--template-3 {
    --code-bg-color: #1d2232;
    --code-border-color: #293145;
    --code-gradient: linear-gradient(90deg, #8ea5c0, #009af9);
    --link-color: #3797d3;
    --link-border-color: rgba(55, 151, 211, .3);
}

.theme-light .po-popup.po-popup--template-3 {
    --code-bg-color: #eceff3;
    --code-border-color: #dce1e6;
    --code-gradient: linear-gradient(90deg, #314e70, #009af9);
    --link-color: #3797d3;
    --link-border-color: rgba(55, 151, 211, .3);
}

.po-popup.po-popup--template-2.po-popup--id-40 .list__info {
    display: block;
}

.po-popup.po-popup--template-2.po-popup--id-40 .list__info-text {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.po-popup.po-popup--template-2.po-popup--id-40 .list__info-text+.list__info-text {
    font-weight: 400;
    margin: 8px 0px 12px;
}

.po-popup.po-popup--template-2.po-popup--id-40 .list+.po-popup__text {
    color: var(--text-secondary);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.po-popup.po-popup--template-2.po-popup--id-40 .btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background-color: var(--btn-bg);
    border-radius: 8px;
    color: var(--btn-text);
    font-size: 14px;
    height: 26px;
    justify-content: center;
    line-height: 18px;
    transition: background-color 0.3s;
}

.po-popup.po-popup--template-2.po-popup--id-40 .btn:hover {
    background-color: var(--btn-hover);
}

.theme-dark-blue .po-popup.po-popup--template-2.po-popup--id-40 {
    --list-bg-color: #2a2a2a;
    --list-border-color: #fff3;
    --text-primary: #fff;
    --text-secondary: #8f8f8f;
    --btn-bg: #fff;
    --btn-hover: #b9b9b9;
    --btn-text: #3c2800;
    background-color: rgb(18, 18, 18);
}

.theme-dark-blue .po-popup.po-popup--template-2.po-popup--id-40 .list__info-text {
    color: var(--text-primary);
}

.theme-light .po-popup.po-popup--template-2.po-popup--id-40 {
    --list-bg-color: #efefef;
    --list-border-color: #9d9d9d33;
    --text-primary: #121212;
    --text-secondary: #8f8f8f;
    --btn-bg: #121212;
    --btn-hover: #646464;
    --btn-text: #fff;
    background-color: rgb(250, 250, 250);
}

.theme-light .po-popup.po-popup--template-2.po-popup--id-40 .list__info-text {
    color: var(--text-primary);
}

.po-popup {
    --width: 400px;
    --padding: 24px 32px;
    --gap: 12px;
    --border-radius: 20px;
    --transition-duration: 0.3s;
    background-color: var(--bg-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    display: grid;
    gap: var(--gap);
    margin: auto;
    max-width: var(--width);
    min-width: 280px;
    padding: var(--padding);
    position: relative;
    text-align: left;
    width: 100%;
}

.po-popup img {
    display: block;
    pointer-events: none;
    user-select: none;
}

.po-popup__t {
    --font-size: 32px;
    font-weight: 600;
    line-height: 1;
}

.po-popup__text {
    --font-size: 14px;
}

.po-popup .mfp-close {
    --size: 16px;
    --top: 30px;
    --right: 30px;
    right: var(--right);
    top: var(--top);
}

.po-popup .mfp-close,
.po-popup .mfp-close svg {
    height: var(--size);
    width: var(--size);
}

.po-popup .mfp-close:active {
    right: var(--right);
    top: var(--top);
}

.po-popup .btn {
    text-transform: none;
}

.po-popup__t,
.po-popup__text {
    font-size: var(--font-size);
}

.theme-dark-blue .po-popup {
    --bg-color: #23283b;
    --border-color: rgba(52, 62, 82, .5);
    --color: #fff;
}

.theme-light .po-popup {
    --bg-color: #fafafa;
    --border-color: #dce1e6;
    --color: #314e70;
}

.unlock-a-new-trading-location-btn {
    background: var(--background-color-base);
    border: 1px solid var(--border-color-base);
    border-radius: 8px;
    margin: 20px auto 10px;
    padding: 12px 6px 0px;
    position: relative;
    width: calc(100% - 20px);
}

.unlock-a-new-trading-location-btn .icon {
    left: 50%;
    position: absolute;
    top: 0px;
    transform: translateX(-50%) rotate(-1deg) scale(1.6);
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.unlock-a-new-trading-location-btn .icon img {
    max-width: 100%;
}

.unlock-a-new-trading-location-btn .text {
    color: var(--text-color-base);
    font-size: 11px;
    font-weight: 600;
    line-height: 12px;
    margin-top: 34px;
    text-align: center;
    text-transform: uppercase;
}

.unlock-a-new-trading-location-btn:hover .icon {
    transform: translate(-50%, -3px) scale(1.8) rotate(16deg);
}

.minimize-left-sidebar .unlock-a-new-trading-location-btn {
    margin-top: 10px;
    padding: 0px;
}

.minimize-left-sidebar .unlock-a-new-trading-location-btn .icon {
    position: unset;
    transform: scale(0.87);
}

.minimize-left-sidebar .unlock-a-new-trading-location-btn .text {
    display: none;
}

.is-m-version .unlock-a-new-trading-location-btn {
    flex-shrink: 0;
    height: 78px;
    margin: 0px;
    overflow: hidden;
    padding: 6px 6px 0px;
    width: 70px;
}

.is-m-version .unlock-a-new-trading-location-btn .icon {
    left: 0px;
    top: 34px;
    transform: none;
    transition: none;
}

.is-m-version .unlock-a-new-trading-location-btn .icon img {
    display: block;
    margin: auto;
    max-width: 68%;
}

.is-m-version .unlock-a-new-trading-location-btn .text {
    margin: 0px;
}

.is-m-version .unlock-a-new-trading-location-btn:hover .icon {
    transform: none;
    transition: none;
}

@media (orientation: landscape) {
    .is-m-version .unlock-a-new-trading-location-btn {
        border: 1px solid var(--border-color-base);
        border-radius: 8px;
        height: 32px;
        margin: 0px;
        padding: 0px;
        position: relative;
        width: 30px;
    }

    .is-m-version .unlock-a-new-trading-location-btn .text {
        display: none;
    }

    .is-m-version .unlock-a-new-trading-location-btn .icon {
        position: unset;
    }

    .is-m-version .unlock-a-new-trading-location-btn .icon img {
        max-width: 100%;
    }
}

.pp-banner {
    padding: 0px !important;
}

.pp-banner__big-box {
    margin: 10px;
    overflow: hidden;
    position: relative;
}

.pp-banner__small-box {
    display: none;
    overflow: hidden;
    position: relative;
}

.pp-banner .dark-images,
.pp-banner .light-images {
    display: none;
}

.pp-banner .big-banner-1 {
    width: 100%;
}

.pp-banner .banner-2 {
    left: 0px;
    position: absolute;
    top: 0px;
    transition: opacity 0.3s;
    width: 100%;
}

.pp-banner .banner-3 {
    bottom: -28px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) rotate(20deg);
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.pp-banner:hover .banner-2 {
    opacity: 0;
}

.pp-banner:hover .banner-3:hover {
    transform: translate(-50%, -6px) rotate(20deg) scale(1.1);
}

.minimize-left-sidebar .pp-banner {
    border-radius: 8px;
    display: block;
    height: 30px;
    margin: 10px auto;
    width: 30px;
}

.minimize-left-sidebar .pp-banner__big-box {
    display: none;
}

.minimize-left-sidebar .pp-banner__small-box {
    display: block;
}

.gems-lotto .filter-form {
    display: flex;
    margin-top: -10px;
}

.gems-lotto .filter-form #reportrange {
    height: auto;
    line-height: 34px;
    margin-top: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
    width: 100%;
}

.gems-lotto .filter-form .controls {
    display: flex;
    margin-left: 7px;
    margin-top: 10px;
}

.gems-lotto .filter-form .controls .btn+.btn {
    margin-left: 4px;
}

.gems-lotto .collect-all-btn {
    margin-top: 6px;
}

.gems-lotto .diamond-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.gems-lotto .label {
    margin-left: 5px;
}

.gems-lotto .terms-and-conditions {
    border-bottom: 1px dashed rgb(143, 165, 191);
    cursor: pointer;
    font-size: 14px;
}

.gems-lotto .rw {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-left: -20px;
    margin-top: -20px;
}

.gems-lotto .rw>.l,
.gems-lotto .rw>.r {
    border-radius: 10px;
    margin-left: 20px;
    margin-top: 20px;
    padding: 15px;
    width: 100%;
}

.gems-lotto .rw>.l {
    max-width: 300px;
}

.gems-lotto .rw>.l .tile {
    padding-top: 10px;
}

.gems-lotto .rw>.l .tile__v {
    margin-bottom: 2px;
}

.gems-lotto .rw>.l .tile__k a {
    display: inline-block;
}

.gems-lotto .rw>.l .tile .diamond-info {
    display: inline-flex;
}

.gems-lotto .rw>.r .trading-history-block .table .diamond-info,
.gems-lotto .rw>.r .trading-history-block .table .label {
    display: inline-block;
    vertical-align: middle;
}

.gems-lotto .stats .diamond-info__icon {
    margin-right: 0px;
}

.gems-lotto .stats,
.gems-lotto .summary {
    margin-top: 20px;
}

.gems-lotto .stats>p,
.gems-lotto .summary>p {
    font-size: 20px;
    text-align: center;
}

.gems-lotto .stats .market-info,
.gems-lotto .summary .market-info {
    color: rgb(143, 165, 191);
    line-height: 18px;
    margin: 0px 0px 10px;
    text-align: center;
}

.gems-lotto .trading-history-block td {
    vertical-align: middle;
}

.gems-lotto__status {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid;
    border-radius: 24px;
    height: 32px;
    padding: 0px 12px;
    width: fit-content;
}

.gems-lotto__status svg {
    display: block;
    height: 20px;
    margin-right: 8px;
    width: 20px;
}

.gems-lotto .filters-block,
.gems-lotto__status {
    margin-bottom: 15px;
}

.gems-lotto .table {
    margin-bottom: 0px;
}

.gems-lotto .crystals {
    height: 216px;
    margin: 10px auto;
    position: relative;
    width: 192px;
}

.gems-lotto .crystals>div {
    position: absolute;
}

.gems-lotto .crystals__crystal {
    z-index: 2;
}

.gems-lotto .crystals__bone {
    animation: 0.8s ease 0s infinite alternate none running gems-lotto-crystals__bone;
    bottom: -5px;
    right: 44px;
    z-index: 4;
}

.gems-lotto .crystals__dots1 {
    animation: 1s ease 0s infinite alternate-reverse none running gems-lotto-crystals__dots;
    left: 0px;
}

.gems-lotto .crystals__dots2 {
    animation: 1s ease 0s infinite alternate none running gems-lotto-crystals__dots;
    right: 0px;
}

.gems-lotto .crystals__grow1 {
    animation: 2s ease 0s infinite alternate none running gems-lotto-crystals__grow1;
}

.gems-lotto .crystals__grow2 {
    animation: 3s ease 0s infinite alternate-reverse none running gems-lotto-crystals__grow2;
}

.gems-lotto .crystals__grow3 {
    animation: 4s ease 0s infinite alternate none running gems-lotto-crystals__grow3;
}

.gems-lotto .crystals__dots1,
.gems-lotto .crystals__dots2 {
    z-index: 3;
}

.gems-lotto .crystals__grow1,
.gems-lotto .crystals__grow2,
.gems-lotto .crystals__grow3 {
    transform-origin: center bottom;
    z-index: 1;
}

.gems-lotto .gems-lotto-head {
    margin-bottom: 20px;
}

.gems-lotto .gems-lotto-head .message {
    margin: 15px 0px;
}

.gems-lotto .gems-lotto-head__terms {
    font-size: 14px;
}

.gems-lotto .gems-lotto-head__terms-list {
    margin-top: 10px;
}

.gems-lotto .gems-lotto-head__terms-list>p {
    margin-bottom: 3px;
}

.gems-lotto .gems-lotto-head p {
    font-size: 13px;
}

.gems-lotto .gems-lotto-head p b {
    font-weight: 700;
}

.gems-lotto .gems-lotto-head__text {
    margin-bottom: 15px;
}

.theme-dark-blue .gems-lotto .gems-lotto-head {
    color: rgb(143, 165, 191);
}

.gems-lotto .pull-right {
    margin-top: 10px;
}

.gems-lotto .btn .ajax-loader-v2 {
    margin: 0px;
}

@media screen and (max-width: 980px) {
    .gems-lotto .rw {
        flex-wrap: wrap;
    }

    .gems-lotto .rw>.l {
        margin-bottom: 20px;
        max-width: 100%;
    }
}

@media screen and (max-width: 700px) {
    .gems-lotto .rw>.r .trading-history-block {
        margin-top: 20px;
    }

    .gems-lotto .rw>.r .trading-history-block .table.table .adaptive-label {
        color: rgb(127, 131, 140);
        display: inline-block;
        margin-right: 6px;
    }

    .gems-lotto .rw>.r .trading-history-block .table.table colgroup {
        display: none;
    }

    .gems-lotto .rw>.r .trading-history-block .table.table>tbody>tr>td {
        padding-left: 0px;
        padding-right: 0px;
    }

    .gems-lotto .rw>.r .trading-history-block .table.table thead {
        display: none;
    }

    .gems-lotto .rw>.r .trading-history-block .table.table tr {
        border: 1px solid;
        border-radius: 10px;
        display: block;
        padding: 10px 20px;
    }

    .gems-lotto .rw>.r .trading-history-block .table.table tr>td:first-child {
        border-top-color: transparent !important;
    }

    .gems-lotto .rw>.r .trading-history-block .table.table tr+tr,
    .gems-lotto .rw>.r .trading-history-block .table.table>tfoot {
        margin-top: 12px;
    }

    .gems-lotto .rw>.r .trading-history-block .table.table td,
    .gems-lotto .rw>.r .trading-history-block .table.table tfoot,
    .gems-lotto .rw>.r .trading-history-block .table.table th {
        display: block;
    }

    .gems-lotto .rw>.r .trading-history-block .table.table>tbody>tr>td:first-child,
    .gems-lotto .rw>.r .trading-history-block .table.table>tfoot>tr>th:first-child {
        border-color: transparent !important;
    }

    .theme-dark-blue .gems-lotto .rw>.r .trading-history-block .table.table tr {
        background-color: rgba(42, 46, 76, 0.35);
        border-color: rgb(41, 45, 74);
    }

    .theme-light .gems-lotto .rw>.r .trading-history-block .table.table tr {
        background-color: rgb(255, 255, 255);
        border-color: rgb(223, 229, 235);
    }
}

.new-year-lottery .christmas-tree {
    height: 237px;
    position: relative;
    width: 174px;
}

.new-year-lottery .christmas-tree__tree {
    position: relative;
    z-index: 5;
}

.new-year-lottery .christmas-tree__dots1 {
    animation: 1s ease 0s infinite alternate-reverse none running christmas-tree__dots;
    left: 0px;
}

.new-year-lottery .christmas-tree__dots2 {
    animation: 1s ease 0s infinite alternate none running christmas-tree__dots;
    right: 0px;
}

.new-year-lottery .christmas-tree__grow1 {
    animation: 2s ease 0s infinite alternate none running christmas-tree__grow1;
}

.new-year-lottery .christmas-tree__grow2 {
    animation: 3s ease 0s infinite alternate-reverse none running christmas-tree__grow2;
}

.new-year-lottery .christmas-tree__grow3 {
    animation: 4s ease 0s infinite alternate none running christmas-tree__grow3;
}

.new-year-lottery .christmas-tree__dots1,
.new-year-lottery .christmas-tree__dots2,
.new-year-lottery .christmas-tree__grow1,
.new-year-lottery .christmas-tree__grow2,
.new-year-lottery .christmas-tree__grow3 {
    position: absolute;
    top: 0px;
}

.new-year-lottery .christmas-tree__dots1,
.new-year-lottery .christmas-tree__dots2 {
    z-index: 3;
}

.new-year-lottery .christmas-tree__grow1,
.new-year-lottery .christmas-tree__grow2,
.new-year-lottery .christmas-tree__grow3 {
    transform-origin: center bottom;
    z-index: 1;
}

.new-year-lottery .panel {
    box-shadow: none;
}

.new-year-lottery .label {
    margin-left: 5px;
}

.new-year-lottery .christmas-tree {
    margin: 0px auto;
}

@media only screen and (max-width: 550px) {
    .new-year-lottery .table-adaptive.table .adaptive-label {
        color: rgb(127, 131, 140);
        display: inline-block;
        margin-right: 6px;
    }

    .new-year-lottery .table-adaptive.table colgroup {
        display: none;
    }

    .new-year-lottery .table-adaptive.table>tbody>tr>td {
        padding-left: 0px;
        padding-right: 0px;
    }

    .new-year-lottery .table-adaptive.table thead {
        display: none;
    }

    .new-year-lottery .table-adaptive.table tr {
        border: 1px solid;
        border-radius: 10px;
        display: block;
        padding: 10px 20px;
    }

    .new-year-lottery .table-adaptive.table tr>td:first-child {
        border-top-color: transparent !important;
    }

    .new-year-lottery .table-adaptive.table tr+tr,
    .new-year-lottery .table-adaptive.table>tfoot {
        margin-top: 12px;
    }

    .new-year-lottery .table-adaptive.table td,
    .new-year-lottery .table-adaptive.table tfoot,
    .new-year-lottery .table-adaptive.table th {
        display: block;
    }

    .new-year-lottery .table-adaptive.table>tbody>tr>td:first-child,
    .new-year-lottery .table-adaptive.table>tfoot>tr>th:first-child {
        border-color: transparent !important;
    }

    .theme-dark-blue .new-year-lottery .table-adaptive.table tr {
        background-color: rgba(42, 46, 76, 0.35);
        border-color: rgb(41, 45, 74);
    }

    .theme-light .new-year-lottery .table-adaptive.table tr {
        background-color: rgb(255, 255, 255);
        border-color: rgb(223, 229, 235);
    }
}

.new-year-lottery .panel-table {
    margin-top: 10px;
}

.new-year-lottery .new-year-tickets.bluring table tbody {
    color: transparent;
    text-shadow: rgba(21, 255, 24, 0.5) 0px 0px 5px;
}

.new-year-lottery .rw {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-left: -20px;
}

.new-year-lottery .rw>.l {
    max-width: 300px;
}

.new-year-lottery .rw>.l .diamonds {
    margin-bottom: 20px;
}

.new-year-lottery .rw>.l .diamonds .diamonds-list {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 50% center no-repeat;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    max-width: 300px;
}

.new-year-lottery .rw>.l .diamonds .diamonds-list__item {
    padding: 6px 4px;
    width: 50%;
}

.new-year-lottery .rw>.l .diamonds .diamonds-list__item:nth-child(2n) {
    padding-left: 5px;
}

.new-year-lottery .rw>.l .table {
    margin-bottom: 0px;
}

@media only screen and (max-width: 850px) {
    .new-year-lottery .rw>.l {
        margin-bottom: 20px;
        max-width: 100%;
    }
}

.new-year-lottery .rw>.r .trading-history .table .diamond-info,
.new-year-lottery .rw>.r .trading-history .table .label {
    display: inline-block;
    vertical-align: middle;
}

.new-year-lottery .rw>.l,
.new-year-lottery .rw>.r {
    margin-left: 20px;
    padding: 17px;
    width: 100%;
}

@media only screen and (max-width: 850px) {
    .new-year-lottery .rw {
        flex-wrap: wrap;
    }
}

.new-year-lottery .summary {
    margin-top: 20px;
}

.new-year-lottery .summary>p {
    color: rgb(255, 222, 116);
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.new-year-lottery .new-year-lottery-head {
    color: rgb(127, 131, 140);
    margin-bottom: 20px;
}

.new-year-lottery .new-year-lottery-head .new-year-lottery-head__title {
    color: rgb(255, 255, 255);
    font-size: 18px;
    padding: 0px 0px 15px;
}

.new-year-lottery .new-year-lottery-head h4 {
    padding: 10px 0px 0px;
}

.new-year-lottery .new-year-lottery-head .new-year-lottery-head__terms {
    font-size: 13px;
    padding: 5px 0px;
}

.new-year-lottery .new-year-lottery-head p {
    font-size: 13px;
}

.new-year-lottery .new-year-lottery-head p b {
    font-weight: 700;
}

.new-year-lottery .btn-small {
    font-size: 11px;
    margin-left: 20px;
    padding: 5px 10px;
}

.new-year-lottery #shuffle-users {
    font-size: 24px;
    margin: 20px 0px 0px;
}

.new-year-lottery .attempt-none {
    padding: 20px;
    text-align: center;
}

.new-year-lottery .attempt {
    text-align: center;
}

.new-year-lottery .attempt .attempts-left {
    font-size: 18px;
    padding: 20px 0px 0px;
}

.new-year-lottery .attempt .attempts-text {
    font-size: 12px;
}

.mt5-page h1 {
    font-size: 24px;
    margin-bottom: 30px;
}

.mt5-page.show-hidden-part .hidden-part {
    display: flex;
}

.mt5-page.show-hidden-part .shown-part {
    display: none;
}

.mt5-page.show-hidden-part .interface-btn__text_close {
    display: inline-block;
}

.mt5-page.show-hidden-part .interface-btn__text_open {
    display: none;
}

.mt5-page__message {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
}

.mt5-page__message .message__icon {
    -webkit-box-flex: 0;
    flex: 0 0 75px;
    padding: 0px 18px;
}

.mt5-page__message .message__icon svg {
    width: 100%;
}

.mt5-page__message .message__text {
    -webkit-box-flex: 0;
    flex: 0 0 calc(100% - 75px);
}

.mt5-page__message .message__title {
    font-weight: 900;
}

.mt5-page__message .message__cross {
    cursor: pointer;
    font-size: 20px;
    opacity: 0.5;
    position: absolute;
    right: 12px;
    top: 12px;
    transition: 0.5s;
}

.mt5-page__message .message__cross:hover {
    opacity: 1;
}

.mt5-page .webtrader-btn .fa {
    margin-right: 5px;
}

.mt5-page__sub-title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 18px;
    margin-bottom: 10px;
}

.mt5-page__sub-title .btn {
    margin-left: 10px;
    padding: 3px 10px;
}

.mt5-page__account {
    margin-bottom: 20px;
    padding-left: 19px;
}

.mt5-page__notification {
    margin-bottom: 0px;
    padding: 6px 10px 6px 45px;
}

.mt5-page .block {
    --gap: 20px;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    padding: var(--gap);
}

.mt5-page .block__left {
    position: relative;
    -webkit-box-flex: 0;
    flex: 0 0 calc(65% - var(--gap));
    margin-right: var(--gap);
}

.mt5-page .block__left::before {
    background-color: rgb(64, 77, 98);
    bottom: calc(var(--gap)*-1);
    content: "";
    display: block;
    height: calc(100% + var(--gap)*2);
    opacity: 0.3;
    position: absolute;
    right: calc(var(--gap)*-1);
    top: calc(var(--gap)*-1);
    width: 1px;
}

.mt5-page .block__right {
    position: relative;
    -webkit-box-flex: 0;
    flex: 0 0 calc(35% - var(--gap));
    margin-left: var(--gap);
}

.mt5-page .block__right .webtrader-btn {
    display: none;
    margin-bottom: 10px;
    width: 100%;
}

.mt5-page .block__full {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    padding-top: 15px;
}

.mt5-page .block__title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
}

.mt5-page .icon-question {
    cursor: help;
}

.mt5-page .form select {
    border: 0px;
}

.mt5-page .form__col {
    margin: 0px 10px 15px 0px;
    width: 180px;
}

.mt5-page .form__col_auto-width {
    width: auto;
}

.mt5-page .form__col_last {
    margin-right: 0px;
}

.mt5-page .form__col_short {
    width: 125px;
}

.mt5-page .form__col:last-child {
    margin-right: 0px;
}

.mt5-page .form__input {
    border-radius: 5px;
    min-height: 36px;
    padding: 7px 14px;
    position: relative;
    width: 100%;
}

.mt5-page .form__input_with-icon {
    padding-right: 45px;
}

.mt5-page .form__label {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.mt5-page .form__label .tooltip2 {
    margin-left: 6px;
}

.mt5-page .form__link-show-password {
    bottom: 0px;
    display: flex;
    position: absolute;
    right: 0px;
    top: 0px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 32px;
    border: 0px !important;
    border-radius: 0px 5px 5px 0px !important;
}

.mt5-page .form__link-show-password .fa {
    font-size: 13px;
    transition: 0.5s;
}

.mt5-page .form__header {
    margin-bottom: 39px;
}

.mt5-page .form__footer,
.mt5-page .form__header {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: end;
    align-items: flex-end;
}

.mt5-page .apps {
    --gap: 14px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: var(--gap);
    margin-left: calc(var(--gap)*-1);
    margin-top: calc(var(--gap)*-1);
}

.mt5-page .apps__item {
    -webkit-box-flex: 0;
    flex: 0 0 calc(50% - var(--gap));
    margin-left: var(--gap);
    margin-top: var(--gap);
    max-width: calc(50% - var(--gap));
}

.mt5-page .apps__in {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 5px;
    font-size: 14px;
    justify-content: center;
    padding: 14px;
    transition: 0.5s;
}

.mt5-page .apps__icon {
    color: var(--po-ui-kit-icon-color-base);
    font-size: 16px;
    margin-right: 10px;
}

.mt5-page .interface-btn {
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 15px;
    padding: 7px 15px;
    transition: 0.5s;
}

.mt5-page .interface-btn,
.mt5-page .interface-btn__icon {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.mt5-page .interface-btn__icon {
    margin-right: 10px;
    margin-top: -3px;
    width: 14px;
}

.mt5-page .hidden-part,
.mt5-page .interface-btn__text_close {
    display: none;
}

.mt5-page .col-md-12,
.mt5-page .panel,
.mt5-page .panel-body,
.mt5-page .row {
    height: 100%;
}

.mt5-page .account-info input {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    width: 130px;
}

.mt5-page .password-hidden {
    display: block;
    font-family: monospace;
}

.mt5-page .bootstrap-select {
    width: 100% !important;
}

.mt5-page .change-password-btn svg {
    width: 19px;
}

.mt5-page .change-password-btn,
.mt5-page .copy-to-clipboard {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 36px;
    padding: 0px 9px;
}

.mt5-page--new-account h2 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 10px;
}

.mt5-page--disabled .content__in,
.mt5-page--new-account .content__in {
    margin: 0px auto;
    max-width: 500px;
    width: 100%;
}

.mt5-page--disabled .message .btn {
    margin-top: 10px;
    text-decoration: none;
}

.mt5-page .col-wrap {
    --gap: 15px;
    display: flex;
    margin-left: calc(var(--gap)*-1);
    margin-top: calc(var(--gap)*-1);
}

.mt5-page .col-with-btn {
    --gap: 7px;
}

.mt5-page .col-with-btn,
.mt5-page .col-with-btn .form__btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.mt5-page .col-with-btn .form__btn {
    -webkit-box-flex: 0;
    flex: 0 0 40px;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: var(--gap);
    max-width: 40px;
    min-height: 36px;
    padding: 0px;
}

.mt5-page .col-with-btn svg {
    display: block;
    height: 16px;
    fill: rgb(255, 255, 255);
}

.mt5-page .col {
    flex-basis: calc(33.3333% - var(--gap));
    margin-left: var(--gap);
    margin-top: var(--gap);
}

.mt5-page .col__row {
    margin-bottom: 7px;
    position: relative;
}

.mt5-page .col__row .tooltip2 {
    position: static;
}

.mt5-page .col__row .tooltip-content {
    left: 0px;
    right: 0px;
    transform: translateY(calc(-100% - 10px));
}

@media screen and (max-width: 1440px) {
    .is-pc-version:not(.s-chat_open) .mt5-page .block {
        display: block;
    }

    .is-pc-version:not(.s-chat_open) .mt5-page .block__left {
        margin-bottom: 15px;
        margin-right: 0px;
    }

    .is-pc-version:not(.s-chat_open) .mt5-page .block__right {
        margin: 0px auto;
        max-width: 600px;
    }

    .is-pc-version:not(.s-chat_open) .mt5-page .block__right .webtrader-btn {
        display: block;
    }
}

@media screen and (max-width: 1700px) {
    .is-pc-version.s-chat_open .mt5-page .block {
        display: block;
    }

    .is-pc-version.s-chat_open .mt5-page .block__left {
        margin-bottom: 15px;
        margin-right: 0px;
    }

    .is-pc-version.s-chat_open .mt5-page .block__right {
        margin: 0px auto;
        max-width: 600px;
    }

    .is-pc-version.s-chat_open .mt5-page .block__right .webtrader-btn {
        display: block;
    }
}

@media screen and (max-width: 1350px) {
    .is-pc-version.s-chat_open .mt5-page .col-wrap {
        flex-wrap: wrap;
    }

    .is-pc-version.s-chat_open .mt5-page .col {
        flex-basis: 100%;
    }
}

[lang="ar"] .mt5-page,
[lang="fa"] .mt5-page {
    direction: rtl;
}

[lang="ar"] .mt5-page .apps__icon,
[lang="fa"] .mt5-page .apps__icon {
    margin-left: 10px;
    margin-right: 0px;
}

[lang="ar"] .mt5-page .message,
[lang="fa"] .mt5-page .message {
    padding: 22px 0px 22px 25px;
}

[lang="ar"] .mt5-page .message__cross,
[lang="fa"] .mt5-page .message__cross {
    left: 12px;
    right: unset;
}

[lang="ar"] .mt5-page .interface-btn__icon,
[lang="fa"] .mt5-page .interface-btn__icon {
    margin-left: 10px;
    margin-right: 0px;
}

[lang="ar"] .mt5-page .block__left::before,
[lang="fa"] .mt5-page .block__left::before {
    left: 20px;
    right: unset;
}

.my-safe-page__container {
    font-size: 16px;
    max-width: 1200px;
}

.my-safe-page #funds-accumulation-chart {
    overflow: visible !important;
}

.my-safe-page .term-of-use {
    margin: 35px 0px;
}

.my-safe-page .term-of-use__desc {
    font-size: 13px;
    border-bottom: 0px !important;
}

.my-safe-page .term-of-use__desc .fa {
    font-size: 11px;
}

.my-safe-page .term-of-use .fa {
    margin-right: 7px;
}

.my-safe-page .term-of-use span {
    border-bottom: 1px solid rgba(142, 164, 191, 0.3);
    transition: 0.5s;
}

.my-safe-page .term-of-use span:hover {
    border-bottom: 1px solid rgba(142, 164, 191, 0);
}

.my-safe-page .term-of-use>a {
    display: inline-block;
}

.my-safe-page .term-of-use>p {
    color: transparent;
    line-height: 0;
    margin-top: 5px;
    pointer-events: none;
    transition: 0.3s ease-in-out;
    user-select: none;
}

.my-safe-page .term-of-use_small-margin {
    margin: 15px 0px 22px;
}

.my-safe-page .term-of-use.open>p {
    height: auto;
    line-height: 1.5;
    pointer-events: all;
    user-select: auto;
}

.my-safe-page .safes-tabs__btns {
    display: flex;
    margin-left: -20px;
    margin-top: -20px;
}

@media screen and (max-width: 400px) {
    .my-safe-page .safes-tabs__btns {
        margin-left: -7px;
        margin-top: -7px;
    }
}

.my-safe-page .safes-tabs__btn {
    margin-left: 20px;
    margin-top: 20px;
}

@media screen and (max-width: 400px) {
    .my-safe-page .safes-tabs__btn {
        margin-left: 7px;
        margin-top: 7px;
    }
}

.my-safe-page .safes-tabs .btn {
    flex-basis: 100%;
    padding: 0px;
}

.my-safe-page .safes-tabs .btn__in {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    border-radius: 4px;
    height: 100%;
    justify-content: flex-end;
    padding: 10px 25px 30px;
    transition: 0.5s;
    width: 100%;
}

.my-safe-page .safes-tabs .btn__in.active .btn__image-wrap,
.my-safe-page .safes-tabs .btn__in.active .btn__title,
.my-safe-page .safes-tabs .btn__in:hover .btn__image-wrap,
.my-safe-page .safes-tabs .btn__in:hover .btn__title {
    opacity: 1;
}

@media screen and (max-width: 850px) {
    .my-safe-page .safes-tabs .btn__in {
        position: relative;
        -webkit-box-pack: center;
        border-radius: 4px 4px 0px 0px;
        justify-content: center;
        padding: 25px;
    }
}

@media screen and (max-width: 500px) {
    .my-safe-page .safes-tabs .btn__in {
        padding: 10px;
    }
}

@media screen and (max-width: 420px) {
    .my-safe-page .safes-tabs .btn__in {
        padding: 0px 10px 10px;
    }
}

.my-safe-page .safes-tabs .btn__image-wrap {
    opacity: 0.2;
    transition: 0.5s;
}

.my-safe-page .safes-tabs .btn__image-wrap img {
    max-width: 100%;
}

@media screen and (max-width: 1250px) {
    .my-safe-page .safes-tabs .btn__image-wrap img {
        max-height: 140px;
    }
}

@media screen and (max-width: 1050px) {
    .my-safe-page .safes-tabs .btn__image-wrap img {
        max-height: 100px;
    }
}

@media screen and (max-width: 850px) {
    .my-safe-page .safes-tabs .btn__image-wrap img {
        max-height: 65px;
        max-width: 100px;
    }
}

@media screen and (max-width: 500px) {
    .my-safe-page .safes-tabs .btn__image-wrap img {
        max-height: 75px;
        max-width: 75px;
    }
}

@media screen and (max-width: 420px) {
    .my-safe-page .safes-tabs .btn__image-wrap img {
        max-height: 65px;
        max-width: 65px;
    }
}

@media screen and (max-width: 850px) {
    .my-safe-page .safes-tabs .btn__image-wrap {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        margin-bottom: 4px;
        min-height: 75px;
        opacity: 1;
    }
}

@media screen and (max-width: 420px) {
    .my-safe-page .safes-tabs .btn__image-wrap {
        min-height: 65px;
    }
}

.my-safe-page .safes-tabs .btn__title {
    font-size: 20px;
    font-weight: 700;
    margin-top: 9px;
    opacity: 0.2;
    transition: 0.5s;
}

@media screen and (max-width: 1250px) {
    .my-safe-page .safes-tabs .btn__title {
        font-size: 18px;
    }
}

@media screen and (max-width: 1050px) {
    .my-safe-page .safes-tabs .btn__title {
        font-size: 17px;
    }
}

@media screen and (max-width: 850px) {
    .my-safe-page .safes-tabs .btn__title {
        margin-top: 0px;
        opacity: 1;
    }
}

@media screen and (max-width: 550px) {
    .my-safe-page .safes-tabs .btn__title {
        font-size: 14px;
        line-height: 19px;
        max-width: 60px;
        white-space: normal;
    }
}

@media screen and (max-width: 420px) {
    .my-safe-page .safes-tabs .btn__title {
        font-size: 13px;
        line-height: 16px;
        max-width: 55px;
    }
}

.my-safe-page .safes-tabs .block {
    border-radius: 0px 0px 4px 4px;
    display: none;
    margin-top: 20px;
    padding: 0px 3px;
}

.my-safe-page .safes-tabs .block__col {
    font-weight: 700;
    text-align: center;
    transition: 0.5s;
}

.my-safe-page .safes-tabs .block__col_first {
    -webkit-box-flex: 0;
    flex: 0 0 15.8%;
    font-size: 14px;
    max-width: 15.8%;
    text-align: left;
}

@media screen and (max-width: 1050px) {
    .my-safe-page .safes-tabs .block__col_first {
        display: none;
    }
}

.my-safe-page .safes-tabs .block__col>div {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 2px 3px;
    min-height: 80px;
    padding: 7px 22px 5px 40px;
    transition: 0.5s;
}

@media screen and (max-width: 1340px) {
    .my-safe-page .safes-tabs .block__col>div {
        padding: 7px 20px 5px;
    }
}

@media screen and (max-width: 1050px) {
    .my-safe-page .safes-tabs .block__col>div {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 850px) {
    .my-safe-page .safes-tabs .block__col>div {
        min-height: auto;
    }
}

.my-safe-page .safes-tabs .block__col_info {
    -webkit-box-flex: 0;
    flex: 0 0 21.05%;
    max-width: 21.05%;
}

.my-safe-page .safes-tabs .block__col_info>div {
    -webkit-box-pack: center;
    justify-content: center;
    padding: 17px 22px 20px;
}

.my-safe-page .safes-tabs .block__col_info>div:nth-child(4) {
    min-height: 119px;
}

@media screen and (max-width: 1050px) {
    .my-safe-page .safes-tabs .block__col_info>div:nth-child(4) {
        min-height: auto;
    }
}

@media screen and (max-width: 1340px) {
    .my-safe-page .safes-tabs .block__col_info>div {
        padding: 17px 10px 20px;
    }
}

@media screen and (max-width: 850px) {
    .my-safe-page .safes-tabs .block__col_info>div {
        padding: 10px;
    }
}

@media screen and (max-width: 1250px) {
    .my-safe-page .safes-tabs .block__col_info {
        font-size: 14px;
    }
}

@media screen and (max-width: 1050px) {
    .my-safe-page .safes-tabs .block__col_info {
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media screen and (max-width: 950px) {
    .my-safe-page .safes-tabs .block__col_info {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 650px) {
    .my-safe-page .safes-tabs .block__col_info {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 10px 0px 20px;
    }
}

.my-safe-page .safes-tabs .block__col:last-child .block__img-wrap {
    margin-left: 0px;
}

.my-safe-page .safes-tabs .block__header {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 250px !important;
    padding: 3px 22px 20px !important;
}

@media screen and (max-width: 1250px) {
    .my-safe-page .safes-tabs .block__header {
        min-height: 200px !important;
    }
}

@media screen and (max-width: 850px) {
    .my-safe-page .safes-tabs .block__header {
        min-height: 140px !important;
        padding: 3px 10px 12px !important;
    }
}

.my-safe-page .safes-tabs .block__title {
    font-size: 20px;
}

@media screen and (max-width: 1250px) {
    .my-safe-page .safes-tabs .block__title {
        font-size: 18px;
    }
}

@media screen and (max-width: 1050px) {
    .my-safe-page .safes-tabs .block__title {
        font-size: 17px;
    }
}

.my-safe-page .safes-tabs .block__img-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 19px;
    margin-left: -17px;
    min-height: 134px;
}

.my-safe-page .safes-tabs .block__img-wrap img {
    max-width: 100%;
}

@media screen and (max-width: 850px) {
    .my-safe-page .safes-tabs .block__img-wrap img {
        max-height: 80px;
    }

    .my-safe-page .safes-tabs .block__img-wrap {
        min-height: 80px;
    }
}

.my-safe-page .safes-tabs .block__сonditions {
    min-height: 37px !important;
}

.my-safe-page .safes-tabs .block__сonditions a {
    margin-left: 8px;
    opacity: 0.5;
}

.my-safe-page .safes-tabs .block__сonditions .fa {
    cursor: help;
    margin-left: 5px;
}

.my-safe-page .safes-tabs .block__btn {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding: 3px 20px;
    width: auto;
}

@media screen and (max-width: 1250px) {
    .my-safe-page .safes-tabs .block__btn {
        font-size: 14px;
    }
}

.my-safe-page .safes-tabs .block__plus {
    margin-right: -9px;
}

.my-safe-page .safes-tabs .block__mob-label {
    display: none;
}

@media screen and (max-width: 1050px) {
    .my-safe-page .safes-tabs .block__mob-label {
        display: block;
        line-height: 18px;
        margin-bottom: 7px;
        width: 100%;
    }
}

@media screen and (max-width: 850px) {
    .my-safe-page .safes-tabs .block__mob-label {
        margin-bottom: 2px;
    }
}

.my-safe-page .safes-tabs .block.active {
    display: flex;
}

@media screen and (max-width: 950px) {
    .my-safe-page .safes-tabs .block {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 650px) {
    .my-safe-page .safes-tabs .block {
        padding: 0px;
    }
}

@media screen and (max-width: 400px) {
    .my-safe-page .safes-tabs .block {
        margin-top: 7px;
    }
}

.my-safe-page .detailing-of-charges .detailing-of-charges__total.compact {
    display: none;
}

@media screen and (max-width: 400px) {
    .my-safe-page .detailing-of-charges__table tbody td {
        background-color: transparent !important;
    }

    .my-safe-page .detailing-of-charges .table-adaptive.table .adaptive-label {
        color: rgb(127, 131, 140);
        display: inline-block;
        margin-right: 6px;
    }

    .my-safe-page .detailing-of-charges .table-adaptive.table colgroup {
        display: none;
    }

    .my-safe-page .detailing-of-charges .table-adaptive.table>tbody>tr>td {
        padding-left: 0px;
        padding-right: 0px;
    }

    .my-safe-page .detailing-of-charges .table-adaptive.table thead {
        display: none;
    }

    .my-safe-page .detailing-of-charges .table-adaptive.table tr {
        border: 1px solid;
        border-radius: 10px;
        display: block;
        padding: 10px 20px;
    }

    .my-safe-page .detailing-of-charges .table-adaptive.table tr>td:first-child {
        border-top-color: transparent !important;
    }

    .my-safe-page .detailing-of-charges .table-adaptive.table tr+tr,
    .my-safe-page .detailing-of-charges .table-adaptive.table>tfoot {
        margin-top: 12px;
    }

    .my-safe-page .detailing-of-charges .table-adaptive.table td,
    .my-safe-page .detailing-of-charges .table-adaptive.table tfoot,
    .my-safe-page .detailing-of-charges .table-adaptive.table th {
        display: block;
    }

    .my-safe-page .detailing-of-charges .table-adaptive.table>tbody>tr>td:first-child,
    .my-safe-page .detailing-of-charges .table-adaptive.table>tfoot>tr>th:first-child {
        border-color: transparent !important;
    }

    .theme-dark-blue .my-safe-page .detailing-of-charges .table-adaptive.table tr {
        background-color: rgba(42, 46, 76, 0.35);
        border-color: rgb(41, 45, 74);
    }

    .theme-light .my-safe-page .detailing-of-charges .table-adaptive.table tr {
        background-color: rgb(255, 255, 255);
        border-color: rgb(223, 229, 235);
    }

    .my-safe-page .detailing-of-charges .table-adaptive .detailing-of-charges__total.full {
        display: none;
    }

    .my-safe-page .detailing-of-charges .table-adaptive .detailing-of-charges__total.compact {
        display: table-row;
    }
}

.my-safe-page .types-of-safes .fa-question-circle {
    font-size: 15px;
    margin-left: 5px;
}

.my-safe-page .price-down {
    color: rgb(191, 58, 45);
    font-weight: 700;
}

.my-safe-page .price-up {
    color: rgb(31, 173, 81);
    font-weight: 700;
}

.my-safe-page .highcharts-tooltip table td {
    font-size: 11px;
    padding: 3px 0px 0px;
}

@media screen and (max-width: 700px) {
    .my-safe-page .highcharts-tooltip table td {
        font-size: 9px;
    }
}

.my-safe-page .highcharts-tooltip table th {
    font-size: 11px;
}

@media screen and (max-width: 700px) {
    .my-safe-page .highcharts-tooltip table th {
        font-size: 9px;
    }
}

.my-safe-page .highcharts-container,
.my-safe-page .highcharts-container svg {
    width: 100% !important;
}

.my-safe-page .panel .panel-heading {
    min-height: 46px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: transparent !important;
}

.my-safe-page #reportrange {
    height: auto;
    padding-bottom: 2px;
    padding-top: 2px;
}

.my-safe-page .panel-header-filters {
    margin: 0px;
}

.my-safe-page .reportrange.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.my-safe-page__select {
    height: 29px;
}

.my-safe-page__select .btn {
    padding: 5px 30px 5px 20px;
}

.my-safe-page__select .btn .filter-option {
    font-size: 12px !important;
}

.my-safe-page__select .dropdown-menu {
    font-size: 11px;
}

.my-safe-page__select .dropdown-menu li>a {
    padding: 4px 25px !important;
}

.my-safe-page .highcharts-xaxis-labels text:first-child {
    opacity: 0;
}

.my-safe-page .highcharts-container,
.my-safe-page .highcharts-root {
    overflow: visible !important;
}

@media screen and (max-width: 1170px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs__btns {
        flex-wrap: wrap;
    }

    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .btn__in {
        position: relative;
        -webkit-box-pack: center;
        justify-content: center;
        padding: 25px;
    }
}

@media screen and (max-width: 820px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .btn__in {
        border-radius: 4px 4px 0px 0px;
        padding: 10px;
    }
}

@media screen and (max-width: 1570px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .btn__image-wrap img {
        max-height: 140px;
    }
}

@media screen and (max-width: 1370px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .btn__image-wrap img {
        max-height: 100px;
    }
}

@media screen and (max-width: 1170px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .btn__image-wrap img {
        max-height: 65px;
        max-width: 100px;
    }
}

@media screen and (max-width: 820px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .btn__image-wrap img {
        max-height: 75px;
        max-width: 75px;
    }
}

@media screen and (max-width: 1170px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .btn__image-wrap {
        left: 10px;
        position: absolute;
        top: 0px;
    }
}

@media screen and (max-width: 1570px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .btn__title {
        font-size: 18px;
    }
}

@media screen and (max-width: 1370px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .btn__title {
        font-size: 17px;
    }
}

@media screen and (max-width: 1170px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .btn__title {
        margin-top: 0px;
    }
}

@media screen and (max-width: 820px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .btn__title {
        font-size: 16px;
    }
}

@media screen and (max-width: 1170px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .btn {
        margin: 15px 15px 0px;
        width: 100%;
    }
}

@media screen and (max-width: 1370px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__col_first {
        display: none;
    }
}

@media screen and (max-width: 1340px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__col>div {
        padding: 7px 20px 5px;
    }
}

@media screen and (max-width: 1370px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__col>div {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1170px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__col>div {
        min-height: auto;
    }
}

@media screen and (max-width: 1370px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__col_info>div:nth-child(4) {
        min-height: auto;
    }
}

@media screen and (max-width: 1340px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__col_info>div {
        padding: 17px 10px 20px;
    }
}

@media screen and (max-width: 1170px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__col_info>div {
        padding: 10px;
    }
}

@media screen and (max-width: 1570px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__col_info {
        font-size: 14px;
    }
}

@media screen and (max-width: 1370px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__col_info {
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media screen and (max-width: 1280px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__col_info {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 970px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__col_info {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 1570px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__header {
        min-height: 200px !important;
    }
}

@media screen and (max-width: 1170px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__header {
        min-height: 140px !important;
        padding: 3px 10px 12px !important;
    }
}

@media screen and (max-width: 1570px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__title {
        font-size: 18px;
    }
}

@media screen and (max-width: 1370px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__title {
        font-size: 17px;
    }
}

@media screen and (max-width: 1170px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__img-wrap img {
        max-height: 80px;
    }

    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__img-wrap {
        min-height: 80px;
    }
}

@media screen and (max-width: 1570px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__btn {
        font-size: 14px;
    }
}

@media screen and (max-width: 1370px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__mob-label {
        display: block;
        line-height: 18px;
        margin-bottom: 7px;
        width: 100%;
    }
}

@media screen and (max-width: 1170px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block__mob-label {
        margin-bottom: 2px;
    }
}

@media screen and (max-width: 1280px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 850px) {
    .s-chat_open:not(.is-m-version) .my-safe-page .safes-tabs .block {
        flex-wrap: wrap;
    }
}

.my-safe-page-window-1 {
    max-width: calc(-100px + 100vw);
    overflow-x: hidden;
}

.my-safe-page-window-1 .content__in {
    border-radius: 10px;
    padding: 15px;
}

.my-safe-page-window-1 .content__container {
    max-width: 1680px;
}

.my-safe-page-window-1 .title {
    font-size: 24px;
    margin-bottom: 14px;
}

.my-safe-page-window-1 .text-wrap {
    line-height: 19px;
    max-width: 1530px;
}

.my-safe-page-window-1 .text-wrap p {
    margin-bottom: 19px;
}

.my-safe-page-window-1 .text-wrap span {
    font-weight: 700;
}

@media screen and (max-width: 1050px) {
    .my-safe-page-window-1 .text-wrap {
        font-size: 14px;
    }
}

.my-safe-page-window-1 h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 4px;
}

.my-safe-page-window-1 .term-of-use {
    margin: 25px 0px 32px;
}

@media screen and (max-width: 1050px) {
    .my-safe-page-window-1 .term-of-use {
        font-size: 14px;
    }
}

.my-safe-page-window-1 .calculate-investment {
    display: flex;
    margin: 0px -15px 30px;
}

.my-safe-page-window-1 .calculate-investment__charts-text {
    font-size: 12px;
    font-style: italic;
    margin-top: 15px;
}

.my-safe-page-window-1 .calculate-investment__form {
    flex-basis: 66.66%;
    padding: 15px;
    position: relative;
}

.my-safe-page-window-1 .calculate-investment__form form {
    display: flex;
    flex-wrap: wrap;
    margin: -5px -15px 0px;
}

@media screen and (max-width: 1250px) {
    .my-safe-page-window-1 .calculate-investment__form {
        flex-basis: 100%;
    }
}

.my-safe-page-window-1 .calculate-investment__result {
    flex-basis: 33.33%;
    padding: 26px 15px 15px;
}

@media screen and (max-width: 1250px) {
    .my-safe-page-window-1 .calculate-investment__result {
        flex-basis: 50%;
    }
}

@media screen and (max-width: 850px) {
    .my-safe-page-window-1 .calculate-investment__result {
        flex-basis: 100%;
    }
}

.my-safe-page-window-1 .calculate-investment__charts {
    display: flex;
    margin: -15px;
}

.my-safe-page-window-1 .calculate-investment__charts>div {
    max-width: 50%;
    padding: 15px;
}

@media screen and (max-width: 1180px) {
    .my-safe-page-window-1 .calculate-investment__charts>div {
        max-width: 100%;
    }
}

.my-safe-page-window-1 .calculate-investment__charts .calculate-investment__in {
    padding: 0px 35px 18px;
}

@media screen and (max-width: 650px) {
    .my-safe-page-window-1 .calculate-investment__charts .calculate-investment__in {
        padding: 0px;
    }
}

@media screen and (max-width: 1180px) {
    .my-safe-page-window-1 .calculate-investment__charts {
        flex-wrap: wrap;
    }
}

.my-safe-page-window-1 .calculate-investment__funds-accumulation-chart {
    flex-basis: 50%;
}

@media screen and (max-width: 1180px) {
    .my-safe-page-window-1 .calculate-investment__funds-accumulation-chart {
        flex-basis: 100%;
    }
}

.my-safe-page-window-1 .calculate-investment__income-chart {
    flex-basis: 50%;
}

@media screen and (max-width: 1180px) {
    .my-safe-page-window-1 .calculate-investment__income-chart {
        flex-basis: 100%;
    }
}

.my-safe-page-window-1 .calculate-investment__result-row {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    padding-bottom: 15px;
}

.my-safe-page-window-1 .calculate-investment__result-row:last-child {
    padding-bottom: 0px;
}

@media screen and (max-width: 485px) {
    .my-safe-page-window-1 .calculate-investment__result-row {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
    }
}

.my-safe-page-window-1 .calculate-investment__result-key {
    font-size: 14px;
    margin-bottom: 10px;
}

@media screen and (max-width: 485px) {
    .my-safe-page-window-1 .calculate-investment__result-key {
        margin-bottom: 0px;
    }
}

.my-safe-page-window-1 .calculate-investment__result-val {
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    white-space: nowrap;
}

@media screen and (max-width: 1350px) {
    .my-safe-page-window-1 .calculate-investment__result-val {
        font-size: 33px;
    }
}

.my-safe-page-window-1 .calculate-investment__in {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 4px;
    flex-flow: column wrap;
    max-width: 100%;
    padding: 18px 20px;
}

.my-safe-page-window-1 .calculate-investment__in .calculate-investment__result-row:first-child {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
}

@media screen and (max-width: 485px) {
    .my-safe-page-window-1 .calculate-investment__in .calculate-investment__result-row:first-child {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
    }
}

@media screen and (max-width: 1180px) {
    .my-safe-page-window-1 .calculate-investment__in {
        min-width: 100% !important;
    }
}

@media screen and (max-width: 485px) {
    .my-safe-page-window-1 .calculate-investment__in {
        border-radius: 4px;
    }
}

.my-safe-page-window-1 .calculate-investment__title {
    font-weight: 700;
    margin-bottom: 6px;
}

.my-safe-page-window-1 .calculate-investment .bootstrap-select {
    display: block;
    width: 100% !important;
}

.my-safe-page-window-1 .calculate-investment .bootstrap-select .dropdown-toggle {
    float: none;
}

.my-safe-page-window-1 .calculate-investment .form-group {
    flex: 1 1 50%;
    max-width: 50%;
    padding: 15px 15px 0px;
}

@media screen and (max-width: 485px) {
    .my-safe-page-window-1 .calculate-investment .form-group {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

.my-safe-page-window-1 .calculate-investment__funds-accumulation-chart,
.my-safe-page-window-1 .calculate-investment__income-chart {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
}

@media screen and (max-width: 1180px) {

    .my-safe-page-window-1 .calculate-investment__funds-accumulation-chart,
    .my-safe-page-window-1 .calculate-investment__income-chart {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
    }
}

@media screen and (max-width: 1700px) {
    .my-safe-page-window-1 .calculate-investment {
        flex-wrap: wrap;
    }
}

.my-safe-page-window-1 .form-group {
    margin-bottom: 0px;
}

.my-safe-page-window-1 .form-group label {
    font-weight: 700;
}

.my-safe-page-window-1 .highcharts-container {
    max-width: 100%;
}

.my-safe-page-window-1 .detailing-of-charges {
    max-width: 50%;
    padding: 50px 15px 0px 0px;
}

.my-safe-page-window-1 .detailing-of-charges__btn {
    border-radius: 4px;
    cursor: pointer;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 10px 40px 10px 25px;
    position: relative;
}

.my-safe-page-window-1 .detailing-of-charges__btn i {
    margin-top: -8px;
    position: absolute;
    right: 30px;
    top: 50%;
    transition: 0.5s;
}

.my-safe-page-window-1 .detailing-of-charges__btn.active i {
    transform: rotate(180deg);
}

.my-safe-page-window-1 .detailing-of-charges__btn.active+.detailing-of-charges__block {
    display: block;
}

.my-safe-page-window-1 .detailing-of-charges__block {
    display: none;
    padding: 0px 10px;
}

@media screen and (max-width: 500px) {
    .my-safe-page-window-1 .detailing-of-charges__block {
        padding: 0px;
    }
}

.my-safe-page-window-1 .detailing-of-charges__table thead th {
    font-size: 14px;
    font-weight: 700;
    padding: 25px 10px 20px 30px;
    white-space: nowrap;
}

@media screen and (max-width: 500px) {
    .my-safe-page-window-1 .detailing-of-charges__table thead th {
        font-size: 12px;
        padding: 12px;
    }
}

.my-safe-page-window-1 .detailing-of-charges__table td {
    font-size: 14px;
    padding: 25px 10px 20px 30px;
    white-space: nowrap;
}

@media screen and (max-width: 500px) {
    .my-safe-page-window-1 .detailing-of-charges__table td {
        font-size: 12px;
        padding: 12px;
    }
}

.my-safe-page-window-1 .detailing-of-charges__table tfoot td {
    font-weight: 700;
}

@media screen and (max-width: 1180px) {
    .my-safe-page-window-1 .detailing-of-charges {
        max-width: 100%;
        padding-right: 0px;
    }
}

.s-chat_open:not(.is-m-version) .my-safe-page-window-1 {
    max-width: calc(-420px + 100vw);
}

@media screen and (max-width: 1570px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .content__in {
        padding: 31px 20px;
    }

    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .calculate-investment__form {
        flex-basis: 100%;
    }

    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .calculate-investment__result {
        flex-basis: 50%;
    }
}

@media screen and (max-width: 1170px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .calculate-investment__result {
        flex-basis: 100%;
    }
}

@media screen and (max-width: 1500px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .calculate-investment__charts>div {
        max-width: 100%;
    }
}

@media screen and (max-width: 970px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .calculate-investment__charts .calculate-investment__in {
        padding: 0px;
    }
}

@media screen and (max-width: 1500px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .calculate-investment__charts {
        flex-wrap: wrap;
    }

    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .calculate-investment__funds-accumulation-chart,
    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .calculate-investment__income-chart {
        flex-basis: 100%;
    }
}

@media screen and (max-width: 805px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .calculate-investment__result-row {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        margin-top: 10px;
    }

    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .calculate-investment__result-key {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 1670px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .calculate-investment__result-val {
        font-size: 33px;
    }
}

@media screen and (max-width: 805px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .calculate-investment__in .calculate-investment__result-row:first-child {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        padding-right: 0px;
    }
}

@media screen and (max-width: 1570px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .calculate-investment__in {
        padding: 20px 20px 18px;
    }
}

@media screen and (max-width: 1500px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .calculate-investment__in {
        min-width: 100% !important;
    }
}

@media screen and (max-width: 805px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .calculate-investment__in {
        border-radius: 4px;
        padding: 14px 12px 12px;
    }

    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .calculate-investment .form-group {
        flex: 1 1 100%;
    }
}

@media screen and (max-width: 1500px) {

    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .calculate-investment__funds-accumulation-chart,
    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .calculate-investment__income-chart {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
    }
}

@media screen and (max-width: 2050px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .calculate-investment {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1370px) {

    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .term-of-use,
    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .text-wrap {
        font-size: 14px;
    }
}

@media screen and (max-width: 1500px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-1 .detailing-of-charges {
        max-width: 100%;
        padding-right: 0px;
    }
}

[dir="rtl"].my-safe-page-window-1 .detailing-of-charges {
    padding: 50px 0px 0px 15px;
}

[dir="rtl"].my-safe-page-window-1 .detailing-of-charges__btn {
    padding: 10px 25px 10px 40px;
}

[dir="rtl"].my-safe-page-window-1 .detailing-of-charges__btn i {
    left: 30px;
    right: unset;
}

[dir="rtl"].my-safe-page-window-1 .detailing-of-charges__table tbody td,
[dir="rtl"].my-safe-page-window-1 .detailing-of-charges__table thead th {
    padding: 25px 30px 20px 10px;
    text-align: right;
}

@media screen and (max-width: 500px) {

    [dir="rtl"].my-safe-page-window-1 .detailing-of-charges__table tbody td,
    [dir="rtl"].my-safe-page-window-1 .detailing-of-charges__table thead th {
        padding: 12px;
    }
}

@media screen and (max-width: 1500px) {
    [dir="rtl"].my-safe-page-window-1 .detailing-of-charges {
        padding-left: 0px;
    }
}

.daterangepicker .monthselect,
.daterangepicker .yearselect {
    border-radius: 4px;
    height: 23px;
    line-height: 23px;
    padding: 0px 6px !important;
}

.my-safe-page-window-2 .rw {
    display: flex;
    margin-top: -20px;
}

.my-safe-page-window-2 .rw>.l {
    -webkit-box-flex: 0;
    border-radius: 10px;
    flex: 0 0 300px;
}

.my-safe-page-window-2 .rw>.r {
    -webkit-box-flex: 0;
    flex: 0 0 calc(100% - 320px);
    margin-left: 20px;
}

.my-safe-page-window-2 .rw>.l,
.my-safe-page-window-2 .rw>.r {
    margin-top: 20px;
}

.my-safe-page-window-2 .title {
    font-size: 24px;
    margin-bottom: 15px;
}

.my-safe-page-window-2 .title_small-margin {
    margin-bottom: 9px;
}

.my-safe-page-window-2 .l {
    text-align: center;
}

.my-safe-page-window-2 .l .title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.my-safe-page-window-2 .l .title_small {
    font-size: 20px;
    padding-left: 0px;
}

.my-safe-page-window-2 .l .title a {
    border-radius: 4px;
    font-size: 12px;
    margin-left: 14px;
    padding: 7px 10px;
}

.my-safe-page-window-2 .l .img-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 4px;
}

.my-safe-page-window-2 .l .img-wrap img {
    margin-top: -20px;
    max-width: 91%;
}

.my-safe-page-window-2 .l .balance__number {
    font-size: 28px;
    line-height: 30px;
}

.my-safe-page-window-2 .l .term-of-use {
    margin-bottom: 28px;
    margin-top: 13px;
}

.my-safe-page-window-2 .l .btn-wrap {
    margin-bottom: 24px;
    margin-left: -10px;
    margin-top: 15px;
}

.my-safe-page-window-2 .l .btn-wrap .btn {
    display: block;
    margin-left: 10px;
    margin-top: 6px;
}

.my-safe-page-window-2 .available-safes {
    margin-top: 20px;
}

.my-safe-page-window-2 .available-safes__item {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 20px;
    min-height: 110px;
    padding: 16px;
}

.my-safe-page-window-2 .available-safes__item:last-child {
    margin-bottom: 0px;
}

.my-safe-page-window-2 .available-safes__item--active .available-safes__info-icon {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 50%;
    height: 20px;
    justify-content: center;
    width: 20px;
}

.my-safe-page-window-2 .available-safes__info-icon {
    display: none;
    font-size: 14px;
    position: absolute;
    right: 8px;
    top: 8px;
}

.my-safe-page-window-2 .available-safes__img-wrap {
    width: 84px;
}

.my-safe-page-window-2 .available-safes__img {
    margin-top: -7px;
    max-width: 100%;
}

.my-safe-page-window-2 .available-safes__data {
    padding-left: 20px;
    text-align: left;
}

.my-safe-page-window-2 .available-safes__balance {
    font-size: 22px;
    line-height: 20px;
    white-space: nowrap;
}

.my-safe-page-window-2 .safe-deposit-balance-chart-block {
    margin-top: 30px;
    max-width: 100%;
}

.my-safe-page-window-2 .safe-deposit-balance-chart-block__btn-wrap {
    display: flex;
    margin-bottom: -15px;
    position: relative;
    z-index: 9;
}

.my-safe-page-window-2 .safe-deposit-balance-chart-block__btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background-color: rgb(41, 49, 69);
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    justify-content: center;
    margin-right: 10px;
    opacity: 0.3;
    padding: 13px;
    transition: 0.5s;
    width: 20px;
}

.my-safe-page-window-2 .safe-deposit-balance-chart-block__btn:hover {
    opacity: 1;
}

.my-safe-page-window-2 #safe-deposit-balance-chart {
    margin-left: -10px;
}

.my-safe-page-window-2 .information-on-your-current-safe-account {
    margin-bottom: 24px;
}

.my-safe-page-window-2 .information-on-your-current-safe-account__in {
    display: flex;
    margin-left: -17px;
    margin-top: -17px;
}

@media screen and (max-width: 1350px) {
    .my-safe-page-window-2 .information-on-your-current-safe-account__in {
        flex-wrap: wrap;
    }
}

.my-safe-page-window-2 .information-on-your-current-safe-account__item {
    border-radius: 4px;
    flex-basis: 194px;
    margin-left: 17px;
    margin-top: 17px;
    padding: 20px 16px 16px;
    text-align: center;
}

@media screen and (max-width: 1500px) {
    .my-safe-page-window-2 .information-on-your-current-safe-account__item {
        padding: 20px 10px 16px;
    }
}

@media screen and (max-width: 1350px) {
    .my-safe-page-window-2 .information-on-your-current-safe-account__item {
        flex-basis: calc(33.33% - 17px);
    }
}

.my-safe-page-window-2 .information-on-your-current-safe-account__key {
    font-size: 20px;
    font-weight: 700;
}

@media screen and (max-width: 1500px) {
    .my-safe-page-window-2 .information-on-your-current-safe-account__key {
        font-size: 17px;
    }
}

.my-safe-page-window-2 .information-on-your-current-safe-account__key--green {
    color: rgb(31, 173, 81);
}

.my-safe-page-window-2 .information-on-your-current-safe-account__val {
    color: rgb(143, 165, 191);
    font-size: 12px;
}

.my-safe-page-window-2 .information-on-your-current-safe-account__text-info {
    font-size: 13px;
}

.my-safe-page-window-2 .sub-title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 18px;
    margin-bottom: 4px;
    margin-top: 32px;
}

.my-safe-page-window-2 .sub-title .tooltip2 {
    cursor: help;
    margin-left: 6px;
}

.my-safe-page-window-2 .sub-title .tooltip2 .fa {
    font-size: 14px;
    position: relative;
    top: 0px;
}

.my-safe-page-window-2 .text-block span {
    color: rgb(255, 255, 255);
    font-weight: 700;
}

.my-safe-page-window-2 .text-block .price-down {
    color: rgb(191, 58, 45);
}

.my-safe-page-window-2 .text-block .price-up {
    color: rgb(31, 173, 81);
}

.my-safe-page-window-2 .gr {
    display: flex;
    margin-bottom: 88px;
    margin-top: 30px;
}

.my-safe-page-window-2 .gr__section {
    display: flex;
    flex-basis: 65px;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 12px;
}

.my-safe-page-window-2 .gr__section:first-child {
    border-radius: 4px 0px 0px 4px;
}

.my-safe-page-window-2 .gr__section:last-child {
    border-radius: 0px 4px 4px 0px;
}

.my-safe-page-window-2 .gr__section:first-child,
.my-safe-page-window-2 .gr__section__green {
    background: linear-gradient(90deg, rgb(2, 91, 68) 0px, rgb(39, 179, 72));
}

.my-safe-page-window-2 .gr__section-b {
    flex-basis: 336px;
    flex-shrink: 0;
}

.my-safe-page-window-2 .gr__bg {
    background: linear-gradient(90deg, rgb(1, 94, 234) 0px, rgb(0, 191, 250));
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    z-index: 0;
}

.my-safe-page-window-2 .gr__percent {
    bottom: -38px;
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    right: 0px;
    transform: translate(50%);
}

.my-safe-page-window-2 .gr__text {
    font-size: 12px;
    position: relative;
    z-index: 1;
}

.my-safe-page-window-2 .gr__divider {
    background-color: rgb(255, 255, 255);
    margin-bottom: -6px;
    margin-top: -6px;
    width: 2px;
}

.my-safe-page-window-2 .gr .fa-lock {
    font-size: 16px;
}

.my-safe-page-window-2 .history-block {
    border-radius: 10px;
    padding: 20px;
}

.my-safe-page-window-2 .history-block__in {
    max-width: 1260px;
}

.my-safe-page-window-2 .history-block .pagination {
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-bottom: 0px;
}

.my-safe-page-window-2 .history-block .panel-body {
    border-radius: 4px;
    font-size: 12px;
}

.my-safe-page-window-2 .safe-conditions {
    margin-bottom: 20px;
}

.my-safe-page-window-2 .safe-conditions__in {
    max-width: 1260px;
}

.my-safe-page-window-2 .safe-conditions .required-text__char {
    color: inherit;
}

.my-safe-page-window-2 .panel-header-filters {
    user-select: none;
}

.my-safe-page-window-2 .transactions-history .ajax-preloader {
    margin-left: 6px;
}

.my-safe-page-window-2 .transactions-history.load-data .panel-body {
    text-align: center;
}

.my-safe-page-window-2 .transactions-history.disable-interface .pagination,
.my-safe-page-window-2 .transactions-history.disable-interface .panel-header-filters {
    opacity: 0.5;
    pointer-events: none;
}

.my-safe-page-window-2 .two-blocks {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-top: -20px;
}

.my-safe-page-window-2 .two-blocks>div {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    margin-left: 20px;
    margin-top: 20px;
}

.my-safe-page-window-2 .two-blocks>div.two-blocks__desc {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    font-size: 13px;
    font-style: italic;
    margin-bottom: 10px;
    margin-top: 0px;
}

@media screen and (max-width: 1450px) {
    .my-safe-page-window-2 .two-blocks>div {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        margin-left: 0px;
    }

    .my-safe-page-window-2 .two-blocks {
        flex-wrap: wrap;
        margin-left: 0px;
    }
}

.my-safe-page-window-2 .information-on-your-current-safe-account,
.my-safe-page-window-2 .rw>.l,
.my-safe-page-window-2 .safe-conditions {
    border-radius: 10px;
    padding: 15px;
}

.my-safe-page-window-2 .table {
    font-size: 13px;
}

@media screen and (max-width: 1250px) {

    .my-safe-page-window-2 .table>tbody>tr>td,
    .my-safe-page-window-2 .table>tbody>tr>th,
    .my-safe-page-window-2 .table>tfoot>tr>td,
    .my-safe-page-window-2 .table>tfoot>tr>th,
    .my-safe-page-window-2 .table>thead>tr>td,
    .my-safe-page-window-2 .table>thead>tr>th {
        padding: 7px 5px;
    }
}

@media screen and (max-width: 1300px) {
    .my-safe-page-window-2 .table {
        font-size: 11px;
    }
}

@media screen and (max-width: 1150px) {
    .my-safe-page-window-2 .table {
        font-size: 10px;
    }
}

.my-safe-page-window-2 .safes-tabs .block__header {
    min-height: 120px !important;
    padding: 20px 22px !important;
}

.my-safe-page-window-2 .safes-tabs .block__col_info {
    max-width: 265px;
}

.my-safe-page-window-2 .safes-tabs .block__col_info>div:nth-child(4) {
    min-height: auto;
}

@media screen and (max-width: 1350px) {
    .my-safe-page-window-2 .safes-tabs .block__col_first {
        display: none;
    }
}

@media screen and (max-width: 1640px) {
    .my-safe-page-window-2 .safes-tabs .block__col>div {
        padding: 7px 20px 5px;
    }
}

@media screen and (max-width: 1350px) {
    .my-safe-page-window-2 .safes-tabs .block__col>div {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 850px) {
    .my-safe-page-window-2 .safes-tabs .block__col>div {
        min-height: auto;
    }
}

@media screen and (max-width: 1350px) {
    .my-safe-page-window-2 .safes-tabs .block__col_info>div:nth-child(4) {
        min-height: auto;
    }
}

@media screen and (max-width: 1640px) {
    .my-safe-page-window-2 .safes-tabs .block__col_info>div {
        padding: 17px 10px 20px;
    }
}

@media screen and (max-width: 850px) {
    .my-safe-page-window-2 .safes-tabs .block__col_info>div {
        padding: 10px;
    }
}

@media screen and (max-width: 1550px) {
    .my-safe-page-window-2 .safes-tabs .block__col_info {
        font-size: 14px;
    }
}

@media screen and (max-width: 1350px) {
    .my-safe-page-window-2 .safes-tabs .block__col_info {
        -webkit-box-flex: 0;
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }
}

@media screen and (max-width: 950px) {
    .my-safe-page-window-2 .safes-tabs .block__col_info {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 650px) {
    .my-safe-page-window-2 .safes-tabs .block__col_info {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 10px 0px 20px;
    }
}

@media screen and (max-width: 1550px) {
    .my-safe-page-window-2 .safes-tabs .block__header {
        min-height: 120px !important;
    }
}

@media screen and (max-width: 850px) {
    .my-safe-page-window-2 .safes-tabs .block__header {
        min-height: 100px !important;
    }
}

@media screen and (max-width: 1550px) {
    .my-safe-page-window-2 .safes-tabs .block__title {
        font-size: 18px;
    }
}

@media screen and (max-width: 1350px) {
    .my-safe-page-window-2 .safes-tabs .block__title {
        font-size: 17px;
    }
}

@media screen and (max-width: 850px) {
    .my-safe-page-window-2 .safes-tabs .block__img-wrap img {
        max-height: 80px;
    }

    .my-safe-page-window-2 .safes-tabs .block__img-wrap {
        min-height: 80px;
    }
}

@media screen and (max-width: 1550px) {
    .my-safe-page-window-2 .safes-tabs .block__btn {
        font-size: 14px;
    }
}

@media screen and (max-width: 1350px) {
    .my-safe-page-window-2 .safes-tabs .block__mob-label {
        display: block;
        line-height: 18px;
        margin-bottom: 7px;
        width: 100%;
    }
}

@media screen and (max-width: 850px) {
    .my-safe-page-window-2 .safes-tabs .block__mob-label {
        margin-bottom: 2px;
    }
}

@media screen and (max-width: 950px) {
    .my-safe-page-window-2 .safes-tabs .block {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 850px) {
    .my-safe-page-window-2 .safes-tabs .block {
        margin-top: 3px;
    }
}

@media screen and (max-width: 650px) {
    .my-safe-page-window-2 .safes-tabs .block {
        padding: 0px;
    }
}

.my-safe-page-window-2 .funds-accumulation-chart .panel,
.my-safe-page-window-2 .income-chart .panel {
    margin: 0px;
}

@media screen and (max-width: 1600px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .information-on-your-current-safe-account__in {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1750px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .information-on-your-current-safe-account__item {
        padding: 20px 10px 16px;
    }
}

@media screen and (max-width: 1600px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .information-on-your-current-safe-account__item {
        flex-basis: calc(33.33% - 17px);
    }
}

@media screen and (max-width: 1350px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .information-on-your-current-safe-account__item {
        flex-basis: calc(50% - 17px);
    }
}

@media screen and (max-width: 1750px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .information-on-your-current-safe-account__key {
        font-size: 17px;
    }
}

@media screen and (max-width: 1700px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .two-blocks>div {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        margin-left: 0px;
    }

    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .two-blocks {
        flex-wrap: wrap;
        margin-left: 0px;
    }
}

@media screen and (max-width: 1500px) {

    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .table>tbody>tr>td,
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .table>tbody>tr>th,
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .table>tfoot>tr>td,
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .table>tfoot>tr>th,
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .table>thead>tr>td,
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .table>thead>tr>th {
        padding: 7px 5px;
    }
}

@media screen and (max-width: 1550px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .table {
        font-size: 11px;
    }
}

@media screen and (max-width: 1400px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .table {
        font-size: 10px;
    }
}

@media screen and (max-width: 1470px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs__btns {
        flex-wrap: wrap;
    }

    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .btn__in {
        position: relative;
        -webkit-box-pack: center;
        justify-content: center;
        padding: 25px;
    }
}

@media screen and (max-width: 1120px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .btn__in {
        border-radius: 4px 4px 0px 0px;
        padding: 10px;
    }
}

@media screen and (max-width: 1870px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .btn__image-wrap img {
        max-height: 140px;
    }
}

@media screen and (max-width: 1670px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .btn__image-wrap img {
        max-height: 100px;
    }
}

@media screen and (max-width: 1470px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .btn__image-wrap img {
        max-height: 65px;
        max-width: 100px;
    }
}

@media screen and (max-width: 1120px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .btn__image-wrap img {
        max-height: 75px;
        max-width: 75px;
    }
}

@media screen and (max-width: 1470px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .btn__image-wrap {
        left: 10px;
        position: absolute;
        top: 0px;
    }
}

@media screen and (max-width: 1870px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .btn__title {
        font-size: 18px;
    }
}

@media screen and (max-width: 1670px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .btn__title {
        font-size: 17px;
    }
}

@media screen and (max-width: 1470px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .btn__title {
        margin-top: 0px;
    }
}

@media screen and (max-width: 1120px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .btn__title {
        font-size: 16px;
    }
}

@media screen and (max-width: 1470px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .btn {
        margin: 15px 15px 0px;
        width: 100%;
    }
}

@media screen and (max-width: 1670px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__col_first {
        display: none;
    }
}

@media screen and (max-width: 1640px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__col>div {
        padding: 7px 20px 5px;
    }
}

@media screen and (max-width: 1670px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__col>div {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1470px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__col>div {
        min-height: auto;
    }
}

@media screen and (max-width: 1670px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__col_info>div:nth-child(4) {
        min-height: auto;
    }
}

@media screen and (max-width: 1640px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__col_info>div {
        padding: 17px 10px 20px;
    }
}

@media screen and (max-width: 1470px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__col_info>div {
        padding: 10px;
    }
}

@media screen and (max-width: 1870px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__col_info {
        font-size: 14px;
    }
}

@media screen and (max-width: 1670px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__col_info {
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media screen and (max-width: 1580px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__col_info {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 1270px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__col_info {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 1870px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__header {
        min-height: 200px !important;
    }
}

@media screen and (max-width: 1470px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__header {
        min-height: 140px !important;
        padding: 3px 10px 12px !important;
    }
}

@media screen and (max-width: 1870px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__title {
        font-size: 18px;
    }
}

@media screen and (max-width: 1670px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__title {
        font-size: 17px;
    }
}

@media screen and (max-width: 1470px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__img-wrap img {
        max-height: 80px;
    }

    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__img-wrap {
        min-height: 80px;
    }
}

@media screen and (max-width: 1870px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__btn {
        font-size: 14px;
    }
}

@media screen and (max-width: 1670px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__mob-label {
        display: block;
        line-height: 18px;
        margin-bottom: 7px;
        width: 100%;
    }
}

@media screen and (max-width: 1470px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block__mob-label {
        margin-bottom: 2px;
    }
}

@media screen and (max-width: 1580px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1150px) {
    .s-chat_open:not(.is-m-version) .my-safe-page-window-2 .safes-tabs .block {
        flex-wrap: wrap;
    }
}

.my-safe-page-plug .content__in {
    padding: 31px 40px;
}

.my-safe-page-plug .img-wrap {
    margin: 30px 0px 30px 100px;
    max-width: 400px;
}

.my-safe-page-plug .img-wrap img {
    display: inline-block;
    max-width: 100%;
}

@media screen and (max-width: 500px) {
    .my-safe-page-plug .img-wrap {
        margin: 20px 0px;
        text-align: center;
    }
}

@media screen and (max-width: 400px) {
    .my-safe-page-plug .content__in {
        padding: 0px;
    }
}

.ds .btn,
.ds-modal .btn {
    border-radius: 8px;
}

.heading {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-bottom: 24px;
}

.heading__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px;
}

.heading__title--big {
    font-size: 24px;
    line-height: 32px;
}

.heading__sub-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.banner {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.banner__title {
    font-style: normal;
    font-weight: 600;
}

.banner__sub-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.banner__img {
    position: absolute;
}

.banner--safe {
    position: relative;
    -webkit-box-pack: justify;
    grid-area: safe;
    height: 320px;
    justify-content: space-between;
    padding: 20px;
}

.banner--safe,
.banner--safe .banner__safe-wrapper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
}

.banner--safe .banner__safe-wrapper {
    height: 100%;
    width: 370px;
}

.banner--safe .banner__title {
    font-size: 32px;
    line-height: 40px;
    position: relative;
    z-index: 3;
}

.banner--safe .banner__sub-title {
    position: relative;
    z-index: 3;
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin-top: 24px;
}

.banner--safe .banner__btn {
    border-radius: 10px;
    min-height: 48px;
    padding: 12px 32px;
}

.banner--safe .banner__back {
    position: absolute;
    right: 0px;
    top: 30px;
    transform: scale(1.3);
}

.banner--safe .banner__img {
    position: absolute;
    right: 50px;
    top: 30px;
    width: 265px;
    z-index: 2;
}

.banner--deposit {
    grid-area: deposit;
    padding: 16px;
    position: relative;
}

.banner--deposit .banner__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
}

.banner--deposit .banner__sub-title,
.banner--deposit .banner__title {
    position: relative;
    text-align: center;
    z-index: 3;
}

.banner--deposit .banner__img {
    bottom: 25px;
    z-index: 2;
}

.banner--deposit .banner__back,
.banner--deposit .banner__img {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

.banner--deposit .banner__back {
    bottom: 0px;
}

.banner--withdrawal {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    grid-area: withdrawal;
    height: 138px;
    justify-content: space-between;
    padding: 20px;
}

.banner--withdrawal .banner__title {
    font-size: 18px;
    line-height: 24px;
    position: relative;
    width: 150px;
    z-index: 3;
}

.banner--withdrawal .banner__sub-title {
    position: relative;
    z-index: 3;
}

.banner--withdrawal .banner__img {
    height: 100%;
    right: 0px;
    top: 0px;
}

.banner--percents {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    grid-area: percents;
    height: 138px;
    justify-content: space-between;
    padding: 20px;
}

.banner--percents .banner__title {
    font-size: 18px;
    line-height: 24px;
    position: relative;
    width: 165px;
    z-index: 3;
}

.banner--percents .banner__sub-title {
    position: relative;
    z-index: 3;
}

.banner--percents .banner__img {
    right: 0px;
    top: 0px;
}

.banner--profit {
    grid-area: profit;
    padding: 16px;
}

.banner--profit .banner__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 10px;
}

.banner--profit .banner__sub-title,
.banner--profit .banner__title {
    position: relative;
    text-align: center;
    z-index: 3;
}

.banner--profit .banner__img {
    position: relative;
    top: -50px;
}

.banner--profit .banner__back {
    bottom: -6px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

.ds-notification {
    backdrop-filter: blur(2px);
    border-radius: 8px;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 8px 12px;
}

.ds-notification svg {
    flex-shrink: 0;
    height: 16px;
    margin-right: 8px;
    position: relative;
    top: 3px;
    width: 16px;
}

.t-rate {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 10px;
    flex-direction: column;
    width: 100%;
}

.t-rate,
.t-rate__header {
    display: flex;
}

.t-rate__header {
    -webkit-box-align: center;
    align-items: center;
    padding: 16px 24px 2px;
}

.t-rate__header .text {
    -webkit-box-flex: 1;
    flex-grow: 1;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}

.t-rate__header .total-percent {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
}

.t-rate__mod-text {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: 22px;
    margin-bottom: 12px;
    padding: 0px 24px;
}

.t-rate__mod-text .btn svg {
    margin-right: 12px;
    position: relative;
    top: 1px;
}

.t-rate__mod-text--top-offset {
    margin-top: 12px;
}

.t-rate__body .t-row {
    display: grid;
    grid-template-areas: "title . box percent" "select select select select";
    grid-template-columns: auto 1fr auto auto;
    padding: 12px 24px;
}

.t-rate__body .t-row__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    grid-area: title;
    margin-bottom: 0px;
}

.t-rate__body .t-row__title--cursor {
    cursor: pointer;
}

.t-rate__body .t-row__box {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    grid-area: box;
    justify-content: flex-end;
    line-height: 22px;
    margin-left: 8px;
    padding-right: 8px;
    text-align: center;
    visibility: hidden;
}

.t-rate__body .t-row .tooltip2 {
    cursor: pointer;
    height: 18px;
    margin-left: 7px;
    position: relative;
    top: 1px;
    transition: color 0.2s ease-in-out;
}

.t-rate__body .t-row .mdl-switch {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    width: auto;
}

.t-rate__body .t-row .mdl-switch__track {
    height: 24px;
    top: 1px;
    width: 44px;
}

.t-rate__body .t-row .mdl-switch__thumb {
    left: 2px;
    top: 3px;
}

.t-rate__body .t-row .mdl-switch.is-upgraded {
    padding-left: 58px;
}

.t-rate__body .t-row .mdl-switch.is-checked .mdl-switch__thumb {
    left: 22px;
}

.t-rate__body .t-row__percent {
    grid-area: percent;
    width: 45px;
}

.t-rate__body .t-row__percent .percent {
    backdrop-filter: blur(6px);
    border-radius: 6px;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    opacity: 0.9;
    padding: 3px 8px;
    text-align: center;
    width: 100%;
}

.t-rate__body .t-row .level,
.t-rate__body .t-row .separate,
.t-rate__body .t-row .sum {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
}

.t-rate__body .t-row .separate {
    margin: 0px 8px;
}

.t-rate__body .t-row .total {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
}

.t-rate__body .t-row .rate-select {
    display: none;
    grid-area: select;
}

.t-rate__body .t-row--checked .t-row__box {
    visibility: visible;
}

.t-rate__body .t-row--checked .rate-select {
    display: flex;
}

.t-rate__body .t-row--offer {
    backdrop-filter: blur(3px);
    border-radius: 0px 0px 10px 10px;
}

.t-rate__body .t-row--wide {
    padding: 24px;
}

.t-rate__footer {
    display: none;
    margin-top: 12px;
    text-align: right;
}

.t-rate__footer .btn {
    border-radius: 8px;
    min-width: 220px;
}

.t-rate--in-modal {
    backdrop-filter: blur(15px);
    border-radius: 20px;
    bottom: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.t-rate--lock {
    pointer-events: none;
}

.ds-select .option-box,
.rate-select {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.rate-select {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding: 20px 12px 0px;
}

.rate-select__input {
    cursor: pointer;
    left: 1px;
    position: relative;
    width: 100%;
}

.rate-select__values {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-top: 12px;
    width: 100%;
}

.rate-select__values span {
    cursor: pointer;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    position: relative;
}

.rate-select__values span::before {
    border-radius: 50%;
    content: "";
    height: 16px;
    left: 0px;
    position: absolute;
    top: -24px;
    width: 16px;
    z-index: 0;
}

.rate-select__values span:first-child {
    left: 2px;
}

.wallets-list {
    display: flex;
    margin-bottom: 24px;
}

.wallets-list .wallet {
    display: flex;
    flex: 1 1 33.3333%;
    -webkit-box-align: center;
    align-items: center;
    backdrop-filter: blur(3px);
    border-radius: 16px;
    cursor: pointer;
    height: 86px;
    margin-right: 24px;
    padding: 16px 24px;
    transition: background-color 0.3s;
}

.wallets-list .wallet__content {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.wallets-list .wallet__content .w-type {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 1px;
}

.wallets-list .wallet__content .w-value {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.wallets-list .wallet__icon {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    backdrop-filter: blur(3px);
    border-radius: 12px;
    height: 48px;
    margin-left: 10px;
    width: 48px;
}

.wallets-list .wallet__icon svg {
    margin: auto;
}

.wallets-list .wallet:last-child {
    margin-right: 0px;
}

.ds-loader {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    height: 250px;
    justify-content: center;
}

.ds-modal {
    overflow: hidden;
    padding: 24px 32px;
    width: 400px;
    border-radius: 20px !important;
}

.ds-modal .modal-close {
    z-index: 3;
}

.ds-modal__img-top {
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1;
}

.ds-modal__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.ds-modal__title--open {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 12px;
    margin-top: 150px;
}

.ds-modal__title--close-success,
.ds-modal__title--deposit-success {
    font-size: 24px;
    line-height: 32px;
    margin-top: 183px;
}

.ds-modal__title--money {
    font-size: 24px;
    line-height: 32px;
    margin-top: 195px;
}

.ds-modal__title--lose {
    font-size: 24px;
    line-height: 32px;
    margin-top: 180px;
}

.ds-modal__title--updates {
    font-size: 24px;
    line-height: 32px;
    margin-top: 250px;
}

.ds-modal__title--m-withdraw {
    font-size: 24px;
    line-height: 32px;
    margin-top: 175px;
}

.ds-modal__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.ds-modal__wrapper {
    border-radius: 10px;
    padding: 12px 16px;
}

.ds-modal__terms {
    margin: 20px 0px 12px;
}

.ds-modal__terms,
.ds-modal__terms input+label {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
}

.ds-modal__terms input+label {
    cursor: pointer;
    margin-bottom: 0px;
    margin-right: 6px;
}

.ds-modal__terms input+label::before {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: 10px;
    border-radius: 5px;
    content: "";
    display: inline-block;
    height: 18px;
    margin-right: 12px;
    width: 18px;
}

.ds-modal__terms a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin: 3px 0px 0px 30px;
}

.ds-modal__terms a,
.ds-modal__terms a:hover {
    text-decoration: underline;
}

.ds-modal__btns {
    display: flex;
    margin-top: 20px;
}

.ds-modal__btns .btn {
    border-radius: 8px;
    min-height: 36px;
    width: 50%;
}

.ds-modal__btns .mfp-close-modal {
    margin-right: 16px;
}

.ds-modal__btns--m-withdraw .btn-default {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    margin-right: 16px;
}

.ds-modal__btns--m-withdraw .btn {
    width: auto;
}

.ds-modal__box .b-label {
    font-weight: 600;
    margin-bottom: 4px;
}

.ds-modal__box .b-label,
.ds-modal__box .b-text {
    font-size: 14px;
    font-style: normal;
    line-height: 22px;
}

.ds-modal__box .b-text {
    font-weight: 400;
}

.ds-modal__box .b-text b {
    font-weight: 600;
}

.ds-modal .ds-stack {
    display: flex;
    flex-wrap: wrap;
}

.ds-modal .ds-stack__btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 32px;
    letter-spacing: 0.07px;
    line-height: 22px;
    margin: 0px 12px 12px 0px;
    padding: 0px 24px;
    transition: 0.2s;
}

.ds-modal .ds-stack__btn--active {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

.ds-modal__datepicker {
    margin-bottom: 20px;
}

.ds-modal__datepicker label {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.07px;
    line-height: 22px;
    margin-bottom: 12px;
    text-align: center;
}

.ds-modal__accordions {
    margin: 20px 0px 32px;
}

.ds-modal__accordions,
.ds-modal__accordions .safe-accordion {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.ds-modal__accordions .safe-accordion {
    -webkit-box-pack: justify;
    border-radius: 10px;
    justify-content: space-between;
    min-height: 42px;
    padding: 12px;
    transition: max-height 0.3s ease-in-out;
}

.ds-modal__accordions .safe-accordion__title {
    display: flex;
    -webkit-box-pack: justify;
    cursor: pointer;
    justify-content: space-between;
    width: 100%;
}

.ds-modal__accordions .safe-accordion__title .block-title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: 22px;
}

.ds-modal__accordions .safe-accordion__title .block-title .svg-icon {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 18px;
    width: 18px;
}

.ds-modal__accordions .safe-accordion__title .block-title .svg-icon--rate {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
}

.ds-modal__accordions .safe-accordion__title .block-title .svg-icon--bonus {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
}

.ds-modal__accordions .safe-accordion__title .block-title .svg-icon--trading {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
}

.ds-modal__accordions .safe-accordion__title .block-title .svg-icon--loyalty {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
}

.ds-modal__accordions .safe-accordion__title .block-title .svg-icon--accruals {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
}

.ds-modal__accordions .safe-accordion__title .block-title .svg-icon--terms {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
}

.ds-modal__accordions .safe-accordion__title .icon-wrapper {
    border-radius: 6px;
    flex-shrink: 0;
    height: 24px;
    overflow: hidden;
    width: 24px;
}

.ds-modal__accordions .safe-accordion__title .icon-wrapper__svg {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: 12px;
    height: 24px;
    width: 24px;
}

.ds-modal__accordions .safe-accordion__content .content-wrapper {
    padding-top: 12px;
}

.ds-modal__accordions .safe-accordion__content .info-text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.ds-modal__accordions .safe-accordion.active .safe-accordion__title .icon-wrapper__svg {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
    background-size: 10px;
}

.ds-modal .mfp-close {
    z-index: 3;
}

.ds-modal .trading-turnover__btns {
    display: flex;
    margin-bottom: 20px;
}

.ds-modal .trading-turnover__btns .btn-percent {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    justify-content: center;
    line-height: 16px;
}

.ds-modal .trading-turnover__scale .detail-scale__headline {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}

.ds-modal .trading-turnover__scale .detail-scale__headline .h-title {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.ds-modal .trading-turnover__scale .detail-scale__headline .values {
    display: flex;
}

.ds-modal .trading-turnover__scale .detail-scale__headline .values__amount {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
}

.ds-modal .trading-turnover__scale .detail-scale__headline .values__separator {
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.ds-modal .trading-turnover__scale .detail-scale__headline .values__total {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
}

.ds-modal .trading-turnover__scale .detail-scale__line {
    margin-bottom: 4px;
    position: relative;
}

.ds-modal .trading-turnover__scale .detail-scale__line .d-line {
    border-radius: 10px;
    height: 12px;
}

.ds-modal .trading-turnover__scale .detail-scale__line .d-line--blue {
    border-radius: 10px 0px 0px 10px;
    bottom: 0px;
    left: 0px;
    position: absolute;
}

.ds-modal .trading-turnover__scale .detail-scale__percent {
    display: flex;
    -webkit-box-pack: justify;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: 16px;
}

.ds-modal .trading-turnover .btn {
    margin-top: 20px;
}

.ds-modal .loyalty-program__stack {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    box-sizing: border-box;
    flex-direction: column;
    margin: 20px 24px;
}

.ds-modal .loyalty-program__stack .l-stack {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    backdrop-filter: blur(3px);
    border-radius: 8px;
    padding: 8px;
}

.ds-modal .loyalty-program__stack .l-stack__label {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.ds-modal .loyalty-program__stack .l-stack__level {
    backdrop-filter: blur(6px);
    border-radius: 100px;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    opacity: 0.9;
    padding: 0px 7px;
    text-align: center;
}

.ds-modal .loyalty-program__stack .l-stack__icon {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 16px;
    width: 16px;
}

.ds-modal .loyalty-program__stack .l-stack__icon--master {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
}

.ds-modal .loyalty-program__stack .l-stack__icon--guru {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
}

.ds-modal .loyalty-program__stack .l-stack__icon--vip {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
}

.ds-modal .loyalty-program__stack .l-stack__icon--vip-elite {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
}

.ds-modal .loyalty-program__stack .l-stack__spacer {
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.ds-modal .loyalty-program__stack .l-stack__percent {
    backdrop-filter: blur(6px);
    border-radius: 6px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    opacity: 0.9;
    padding: 0px 8px;
}

.ds-modal .loyalty-program .btn,
.ds-modal .reportrange {
    border-radius: 8px;
}

.ds-modal .balance-list {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin: 20px 0px;
}

.ds-modal .balance-list__row {
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    margin-bottom: 20px;
}

.ds-modal .balance-list__row .b-label {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-right: 12px;
}

.ds-modal .balance-list__row .b-amount {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}

.ds-modal .balance-list__row:last-child {
    margin-bottom: 0px;
}

.ds-modal .btn {
    border-radius: 8px;
}

.ds-modal .ds-utils-mt {
    margin-top: 12px;
}

.ds-modal .ds-utils-mt2 {
    margin-top: 20px;
}

.ds-modal .ds-utils-mb-4px {
    margin-bottom: 6px;
}

.ds-modal .ds-utils-mb {
    margin-bottom: 12px;
}

.ds-modal .ds-utils-mb2 {
    margin-bottom: 20px;
}

.ds-modal .ds-utils-mt3 {
    margin-top: 32px;
}

.ds-modal .ds-utils-mb3 {
    margin-bottom: 32px;
}

.ds-modal .ds-utils-pt {
    padding-top: 12px;
}

.ds-modal .ds-utils-pt2 {
    padding-top: 20px;
}

.ds-modal .ds-utils-pb {
    padding-bottom: 12px;
}

.ds-modal .ds-utils-pb2 {
    padding-bottom: 20px;
}

.ds-modal .ds-utils-white {
    color: rgb(255, 255, 255);
}

.ds-modal .ds-utils-bold {
    font-weight: 600;
}

.ds-modal .ds-utils-positive {
    color: rgb(50, 172, 65);
}

.ds-modal .ds-utils-nowrap {
    white-space: nowrap;
}

.ds-modal--m-withdraw {
    width: 425px;
}

.ds-modal--wide {
    width: 440px;
}

.ds-modal--rate-calculator {
    height: 900px;
    overflow: initial;
    padding: 0px;
    width: 600px;
}

.ds-block {
    backdrop-filter: blur(3px);
    border-radius: 10px;
}

.ds-info {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-bottom: 24px;
    padding: 24px 32px;
}

.ds-info>div {
    margin-bottom: 16px;
}

.ds-info>div:last-child {
    margin-bottom: 0px;
}

.ds-info .text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.ds-info .text--big {
    font-size: 18px;
    line-height: 24px;
}

.ds-info .doc {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.ds-info .doc a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 0px 8px 0px 10px;
    text-decoration: underline;
}

.ds-info .t-info,
.ds-info .t-info__col {
    display: flex;
}

.ds-info .t-info__col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    backdrop-filter: blur(3px);
    border-radius: 12px;
    justify-content: center;
    padding: 12px;
    width: 33.3333%;
}

.ds-info .t-info__col .label {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.ds-info .t-info__col .value {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
}

.ds-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 24px;
}

.ds-card,
.ds-card__row {
    display: flex;
    margin-bottom: 24px;
}

.ds-card__row .ds-card-balance {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: calc(25% + 3px);
}

.ds-card__row .ds-card-balance__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}

.ds-card__row .ds-card-balance__box {
    margin-bottom: 12px;
}

.ds-card__row .ds-card-balance__box span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 22px;
    line-height: 22px;
}

.ds-card__row .ds-card-balance__box div {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.ds-card__row .ds-card-income {
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.ds-card__row .ds-card-income__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 12px;
}

.ds-card__row .ds-card-income__title .tooltip2 {
    cursor: pointer;
    height: 18px;
    margin-left: 8px;
    position: relative;
    top: 1px;
}

.ds-card__row .ds-card-income__box {
    border-radius: 12px;
    display: flex;
    padding: 12px 24px;
    position: relative;
}

.ds-card__row .ds-card-income__box::after {
    bottom: -2px;
    content: "";
    position: absolute;
    right: -2px;
    top: -2px;
    width: 100%;
}

.ds-card__row .ds-card-income__box .period {
    position: relative;
    z-index: 2;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.ds-card__row .ds-card-income__box .period span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.ds-card__row .ds-card-income__box .period div {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.ds-card__row .ds-card-income__box .text-mobile {
    display: none;
}

.ds-card__row .i-card {
    display: flex;
    flex: 1 1 33.3333%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.ds-card__row .i-card__title {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.ds-card__row .i-card__value {
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
}

.ds-card__row .btn {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 8px;
    height: 36px;
    justify-content: center;
    margin-right: 20px;
    white-space: nowrap;
}

.ds-card__row .btn span {
    display: inline-block;
    margin-left: 10px;
}

.ds-card__row .btn-last {
    margin-right: 0px;
}

.ds-card__row:last-child {
    margin-bottom: 0px;
}

.ds-card__box {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
}

.ds-card__box .t-boost {
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 10px;
    flex-direction: column;
    margin-left: 20px;
    overflow: hidden;
    padding: 24px;
    width: 220px;
}

.ds-card__box .t-boost::after {
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1;
}

.ds-card__box .t-boost__title {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 10px;
}

.ds-card__box .t-boost__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 4px;
}

.ds-card__box .t-boost__text span {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 19px;
    margin-left: 4px;
}

.ds-card__box .t-boost__text--wide {
    margin-bottom: 42px;
}

.ds-card__box .t-boost__amount {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 2;
}

.ds-card__box .t-boost__amount .sum {
    float: left;
}

.ds-card__box .t-boost__amount .separate {
    margin-right: 6px;
}

.ds-card__box .t-boost__amount .total {
    float: left;
}

.ds-card__box .t-boost .btn {
    border-radius: 10px;
    position: relative;
    z-index: 2;
}

.ds-card__box .t-boost__back {
    bottom: -137px;
    left: 0px;
    position: absolute;
    transform: scale(1.8);
    width: 100%;
}

.ds-balance {
    padding: 24px;
    position: relative;
}

.ds-balance__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
}

.ds-balance__sub-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.ds-balance__chart {
    margin-top: 24px;
    overflow: auto;
}

.ds-balance__controls {
    display: flex;
    position: absolute;
    right: 24px;
    top: 24px;
}

.ds-balance__controls .control {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 8px;
    cursor: pointer;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.ds-balance__controls .control svg {
    height: 16px;
    width: 16px;
}

.ds-history {
    padding: 24px 32px;
}

.ds-history__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px;
}

.ds-history__datepicker {
    position: absolute;
    right: 24px;
    top: 24px;
}

.ds-history__table {
    font-size: 14px;
}

.ds-history__table table {
    margin-bottom: 0px;
}

.ds-history__table th {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
}

.ds-history__table .label {
    border-radius: 4px;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding: 2px 6px;
}

.ds-history .pagination {
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin: 12px 0px 0px;
}

.ds-calculator {
    height: 100%;
    padding: 24px;
}

.ds-calculator__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 24px;
}

.ds-calculator .benefit {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
}

.ds-calculator .benefit__calculator {
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-right: 24px;
    width: 100%;
}

.ds-calculator .benefit__calculator .safe-tabs {
    border-radius: 18px;
    display: flex;
    padding: 8px;
    position: relative;
}

.ds-calculator .benefit__calculator .safe-tabs__tab {
    display: flex;
    position: relative;
    z-index: 3;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 12px;
    cursor: pointer;
    height: 48px;
    justify-content: center;
}

.ds-calculator .benefit__calculator .safe-tabs__tab span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.ds-calculator .benefit__calculator .safe-tabs__tab svg {
    height: 32px;
    margin-left: 12px;
    width: 32px;
}

@media (min-width: 768px) and (max-width: 1170px) {
    .ds-calculator .benefit__calculator .safe-tabs__tab {
        padding: 0px 10px;
    }
}

.ds-calculator .benefit__calculator .safe-tabs__indicator {
    border-radius: 12px;
    height: 48px;
    left: 8px;
    position: absolute;
    top: 8px;
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: calc(33.3333% - 10px);
    z-index: 2;
}

.ds-calculator .benefit__calculator .ds-select {
    display: none;
}

.ds-calculator .benefit__calculator .calc-row {
    display: block;
    margin: 24px 0px;
}

.ds-calculator .benefit__calculator .calc-control {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    padding: 0px 24px;
}

.ds-calculator .benefit__calculator .calc-control label {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
}

.ds-calculator .benefit__calculator .calc-control__input {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 10px 10px 0px 0px;
    height: 40px;
    padding: 0px 12px;
    width: 100%;
}

.ds-calculator .benefit__calculator .calc-control__input input {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    box-sizing: content-box;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    min-width: 1px;
    width: 100%;
}

.ds-calculator .benefit__calculator .calc-control__input input.input-absolute {
    position: absolute;
    width: auto;
}

.ds-calculator .benefit__calculator .calc-control__input .input-mirror {
    display: inline-block;
    font: inherit;
    visibility: hidden;
    white-space: pre;
}

.ds-calculator .benefit__calculator .calc-control__input .input-postfix {
    margin-left: 6px;
}

.ds-calculator .benefit__calculator .calc-control__input .input-postfix,
.ds-calculator .benefit__calculator .calc-control__input .input-text {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
}

.ds-calculator .benefit__calculator .calc-control__range {
    border-radius: 0px 0px 10px 10px;
    position: relative;
}

.ds-calculator .benefit__calculator .calc-control__range .range-progress {
    border-radius: 0px 0px 10px 10px;
    bottom: 0px;
    height: 8px;
    left: 0px;
    position: absolute;
    width: 0px;
}

.ds-calculator .benefit__calculator .calc-control__footer {
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: 22px;
    margin-top: 8px;
}

.ds-calculator .benefit__calculator .calc-control__footer span {
    cursor: pointer;
}

.ds-calculator .benefit__calculator .calc-control__footer .label-center {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

.ds-calculator .benefit__calculator .calc-control--mb {
    margin-bottom: 24px;
}

@media (min-width: 768px) and (max-width: 1170px) {
    .ds-calculator .benefit__calculator .calc-control {
        padding: 0px;
    }
}

.ds-calculator .benefit__total {
    border-radius: 10px;
    flex-shrink: 0;
    overflow: hidden;
    padding: 48px 24px 24px;
    position: relative;
    width: 340px;
}

.ds-calculator .benefit__total .b-row {
    display: block;
}

.ds-calculator .benefit__total .b-period {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
}

.ds-calculator .benefit__total .b-box,
.ds-calculator .benefit__total .b-period {
    margin-bottom: 20px;
    position: relative;
    z-index: 3;
}

.ds-calculator .benefit__total .b-box__label {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
}

.ds-calculator .benefit__total .b-box__value {
    display: flex;
    -webkit-box-pack: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    line-height: 52px;
    text-align: center;
}

.ds-calculator .benefit__total .b-box__value span {
    display: inline-block;
    margin: 0px 4px;
}

.ds-calculator .benefit__total .b-box__value.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}

.ds-calculator .benefit__total .btn {
    display: flex;
    position: relative;
    z-index: 3;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 48px;
    justify-content: center;
    letter-spacing: 0.005em;
    line-height: 24px;
    margin: 48px 0px 24px;
}

.ds-calculator .benefit__total .b-footer {
    background-color: rgba(32, 32, 32, 0.4);
    border-radius: 12px;
    font-size: 12px;
    padding: 6px 12px;
    position: relative;
    text-align: center;
    z-index: 3;
}

.ds-calculator .benefit__total .b-banner__img {
    bottom: -300px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2;
}

.ds-calculator .benefit__total .b-banner__back {
    bottom: -440px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 1;
}

.ds-calculator--in-modal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 20px;
    flex-direction: column;
    padding: 0px;
}

.ds-calculator--in-modal .ds-calculator__title {
    margin-bottom: 0px;
    padding: 28px 32px 24px;
}

.ds-calculator--in-modal .benefit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 0px 32px;
}

.ds-calculator--in-modal .benefit__calculator,
.ds-calculator--in-modal .benefit__calculator .safe-tabs {
    margin-bottom: 12px;
}

.ds-calculator--in-modal .benefit__calculator .calc-row {
    display: flex;
    margin: 0px;
    width: 100%;
}

.ds-calculator--in-modal .benefit__calculator .calc-control {
    margin: 0px;
    padding: 0px;
}

.ds-calculator--in-modal .benefit__calculator .calc-control:last-child {
    margin-left: 12px;
}

.ds-calculator--in-modal .benefit__total {
    background-color: transparent;
    bottom: 290px;
    height: 335px;
    left: 0px;
    padding: 24px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.ds-calculator--in-modal .benefit__total .b-row {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.ds-calculator--in-modal .benefit__total .b-row .b-box {
    margin-bottom: 9px;
}

.ds-calculator--in-modal .benefit__total .b-row .b-box__value {
    font-size: 35px;
}

.ds-calculator--in-modal .benefit__total .b-row .b-box:last-child {
    margin-left: 20px;
}

.ds-calculator--in-modal .benefit__total .btn {
    display: none;
}

.ds-calculator--in-modal .benefit__total .b-banner__img {
    bottom: -290px;
}

.ds-calculator--in-modal .benefit__total .b-banner__back {
    bottom: -430px;
}

.ds {
    display: flex;
    -webkit-box-pack: center;
    border-radius: 12px;
    justify-content: center;
    padding: 24px;
}

@media screen and (max-width: 767px) {
    .ds__container {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1170px) {
    .ds__container {
        width: calc(-180px + 100vw);
    }
}

@media screen and (min-width: 1171px) {
    .ds__container {
        width: 980px;
    }
}

.ds__step {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.ds-grid {
    backdrop-filter: blur(3px);
    background-color: transparent;
    border-radius: 10px;
    display: grid;
    gap: 24px;
    grid-template: "safe safe deposit" 224px "safe safe profit" 70px "withdrawal percents profit" 138px / 343px 343px 1fr;
    margin-bottom: 24px;
}

@media (min-width: 768px) and (max-width: 1170px) {
    .ds-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.ds .ds-mobile-btn,
.ds .wallets-select {
    display: none;
}

.theme-dark-blue .ds-img-dark {
    display: block;
}

.theme-dark-blue .ds-img-light,
.theme-light .ds-img-dark {
    display: none;
}

.theme-light .ds-img-light {
    display: block;
}

.tutorial .intro-col {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

.tutorial .rw>.l,
.tutorial .rw>.r {
    border-radius: 10px;
}

.tutorial .rw>.l {
    height: auto !important;
}

.tutorial .rw>.l .menu,
.tutorial .rw>.l .sub-menu {
    margin-left: 20px;
}

.tutorial .rw>.l h2 {
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    position: relative;
}

.tutorial .rw>.l h2 .toggle-icon {
    position: absolute;
    right: 0px;
    top: 2px;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.tutorial .rw>.l .menu {
    display: none;
    margin-bottom: 10px;
    margin-top: 10px;
}

.tutorial .rw>.l .opened .menu {
    display: block;
}

.tutorial .rw>.l .opened h2 .toggle-icon {
    transform: rotate(180deg);
}

.tutorial .rw>.l a {
    display: block;
    font-size: 16px;
    line-height: 18px;
}

.tutorial .rw>.l li {
    margin-bottom: 10px;
    margin-top: 10px;
}

.tutorial .rw>.l li span {
    padding-right: 4px;
}

.tutorial .rw>.l li:first-child {
    margin-top: 0px;
}

.tutorial .rw>.l .sub-menu {
    margin-bottom: 7px;
    margin-top: 7px;
}

.tutorial .rw .bdy::after {
    clear: both;
    content: "";
    display: block;
}

.tutorial .rw>.r p {
    text-align: justify;
}

.tutorial .rw>.r img {
    width: auto !important;
}

.tutorial .rw>.r .user-manual-info {
    max-width: 100%;
}

.tutorial .rw>.r .user-manual-info img {
    border: 2px solid rgb(140, 164, 185);
    border-radius: 12px;
    margin: 20px 0px;
}

.tutorial .rw>.r h1 {
    font-size: 43px;
    line-height: 50px;
}

.tutorial .rw>.r .introduction img {
    margin: 0px 0px 20px;
    width: 100%;
}

.tutorial .rw>.r .tutorial-img {
    display: none;
}

.tutorial .rw>.r.about-forex h2 {
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 25px;
}

.tutorial .rw>.r.about-forex--bg {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    background-size: cover;
}

.tutorial .intro-col {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    min-height: 300px !important;
}

.tutorial .rw {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
}

.tutorial .rw>.r {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    font-size: 16px;
    padding: 30px;
}

.tutorial .rw>.r h1 {
    font-size: 50px;
    line-height: 58px;
    margin-bottom: 40px;
    margin-top: 0px;
}

.tutorial .rw>.r h2 {
    font-size: 61px;
    line-height: 68px;
    margin-bottom: 50px;
    margin-top: 0px;
}

.tutorial .rw>.r h4 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 25px;
    margin-top: 25px;
}

.tutorial .rw>.r img {
    display: block;
    margin: 15px 0px 0px;
    width: 100%;
}

.tutorial .rw>.r a {
    text-decoration: underline;
}

.tutorial .rw>.r p {
    font-size: 16px;
    margin-bottom: 10px;
}

.tutorial .rw>.r strong {
    font-weight: 700;
}

.tutorial .rw>.r ul {
    list-style-type: disc;
    margin-bottom: 10px;
    margin-left: 20px;
}

.tutorial .rw>.r li {
    font-size: 16px;
    margin: 0px;
}

.tutorial .rw>.r em {
    font-style: italic;
}

.tutorial .rw>.r .imgsign {
    color: rgb(143, 165, 191);
    font-size: 12px;
    font-style: italic;
    line-height: 16px;
    margin-bottom: 20px !important;
}

.tutorial .rw>.r:not(.intro-col) h1 {
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 25px;
}

.tutorial .rw>.l {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 0 345px;
    margin-right: 20px;
    max-width: 345px;
    padding: 30px;
    width: 100%;
}

.tutorial .rw .read-more-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

.tutorial .rw .read-more-wrap .btn {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    margin-top: 7px;
    max-width: 100%;
    padding: 10px 35px;
}

.tutorial .rw .read-more-wrap .btn::before {
    margin-top: -7px;
    position: absolute;
    top: 50%;
}

.tutorial .rw .read-more-wrap .btn-prev {
    margin-right: 7px;
    text-decoration: none;
}

.tutorial .rw .read-more-wrap .btn-prev::before {
    left: 15px;
}

.tutorial .rw .read-more-wrap .btn-next {
    margin-left: auto;
    text-decoration: none;
}

.tutorial .rw .read-more-wrap .btn-next::before {
    right: 15px;
}

.tutorial .sticky {
    position: fixed;
    z-index: 80;
}

.tutorial .stop {
    position: relative;
    z-index: 101;
}

.tutorial .nav-btn {
    display: none;
}

.tutorial .page-user-manual-message {
    border-radius: 3px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 13px 10px 13px 54px;
    position: relative;
}

.tutorial .page-user-manual-message::before {
    display: inline-block;
    font-size: 20px;
    left: 15px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}

.tutorial .page-user-manual-message_attention {
    background-color: rgba(48, 153, 245, 0.12);
    border: 1px solid rgb(48, 153, 245);
}

.tutorial .page-user-manual-message_attention::before {
    color: rgb(48, 153, 245);
}

.tutorial .page-user-manual-message_warning {
    background-color: rgba(62, 165, 79, 0.01);
    border: 1px solid rgba(92, 198, 38, 0.75);
}

.tutorial .page-user-manual-message_warning::before {
    color: rgb(92, 198, 38);
}

.tutorial .page-user-manual-message a {
    color: rgb(143, 165, 191);
    text-decoration: underline;
}

@media screen and (max-width: 1460px) {
    .s-chat_open .tutorial .rw>.l {
        -webkit-box-flex: 1;
        flex: 1 0 300px;
        max-width: 300px;
    }

    .s-chat_open .tutorial .rw>.r h1 {
        font-size: 43px;
        line-height: 46px;
        margin-bottom: 27px;
    }

    .s-chat_open .tutorial .rw>.r h2 {
        font-size: 45px;
        line-height: 50px;
        margin-bottom: 25px;
    }

    .s-chat_open .tutorial .rw>.r li,
    .s-chat_open .tutorial .rw>.r p {
        font-size: 14px;
    }
}

@media screen and (max-width: 1350px) {
    .s-chat_open .tutorial .rw>.l {
        -webkit-box-flex: 1;
        flex: 1 0 270px;
        max-width: 270px;
        padding: 15px;
    }

    .s-chat_open .tutorial .rw>.l a {
        font-size: 14px;
        line-height: 16px;
    }

    .s-chat_open .tutorial .rw>.r {
        padding: 15px;
    }
}

.forex-glossary-page .panel {
    margin-bottom: 0px;
    padding-top: 30px;
}

.forex-glossary-page .panel .panel-heading {
    margin-bottom: 20px;
    text-align: center;
}

.forex-glossary-page .title {
    font-size: 36px;
    font-weight: 300;
    line-height: 42px;
    margin: 0px 0px 30px;
    padding: 0px 10px;
    text-align: center;
}

.forex-glossary-page .g-form {
    margin: 0px auto;
    max-width: 1115px;
}

.forex-glossary-page .g-form__in {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: -15px;
    margin-top: -15px;
}

.forex-glossary-page .g-form input {
    -webkit-box-flex: 3;
    flex: 3 1 0%;
    margin-left: 15px;
    margin-top: 15px;
}

.forex-glossary-page .g-form button {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    margin-left: 15px;
    margin-top: 15px;
}

.forex-glossary-page .alphabets,
.forex-glossary-page .g-form {
    margin-bottom: 20px;
}

.forex-glossary-page .alphabets {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: -5px;
    margin-top: -5px;
}

.forex-glossary-page .alphabets a {
    border-radius: 2px;
    cursor: pointer;
    margin-left: 5px;
    margin-top: 5px;
    min-width: 40px;
    padding: 8px 12px;
    text-align: center;
    text-transform: uppercase;
}

.forex-glossary-page .alphabets a.active,
.forex-glossary-page .alphabets a:hover {
    background-color: rgba(48, 153, 245, 0.3);
    border-color: rgb(24, 141, 244);
}

.forex-glossary-page .g-content .char {
    color: rgb(142, 165, 192);
    font-size: 40px;
    line-height: 42px;
    margin-bottom: 10px;
}

.forex-glossary-page .g-content .c-items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    margin-left: -15px;
    margin-top: -20px;
}

.forex-glossary-page .g-content .c-item {
    -webkit-box-flex: 1;
    flex: 1 1 calc(100% - 15px);
    margin-left: 15px;
    margin-top: 20px;
    max-width: calc(33.3333% - 15px);
}

.forex-glossary-page .g-content .c-item__title {
    color: rgb(147, 148, 152);
    font-size: 18px;
    margin-bottom: 4px;
}

.forex-glossary-page .back-btn-row {
    padding: 0px 280px;
    position: relative;
}

.forex-glossary-page .back-btn {
    font: 16px / 16px FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: flex;
    left: 15px;
    position: absolute;
    top: 50%;
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid;
    border-radius: 4px;
    height: 60px;
    margin-top: -30px;
    padding-left: 50px;
    transition: 0.3s;
    width: 240px;
}

.forex-glossary-page .back-btn::before {
    color: rgb(255, 255, 255);
    content: "";
    font-size: 20px;
    left: 23px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}

@media screen and (max-width: 1700px) {
    .s-chat_open .forex-glossary-page .back-btn-row {
        padding: 50px 0px 0px;
        position: relative;
    }

    .s-chat_open .forex-glossary-page .back-btn {
        left: 50%;
        margin-left: -120px;
        top: 14px;
    }

    .s-chat_open .forex-glossary-page .title {
        font-size: 31px;
        line-height: 38px;
    }
}

@media screen and (max-width: 1270px) {
    .s-chat_open .forex-glossary-page .title {
        font-size: 27px;
        line-height: 33px;
    }
}

.page-user-manual .intro-col {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    min-height: 300px !important;
}

.page-user-manual .rw {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
}

.page-user-manual .rw>.r {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    font-size: 16px;
    padding: 30px;
}

.page-user-manual .rw>.r h1 {
    font-size: 50px;
    line-height: 58px;
    margin-bottom: 40px;
    margin-top: 0px;
}

.page-user-manual .rw>.r h2 {
    font-size: 61px;
    line-height: 68px;
    margin-bottom: 50px;
    margin-top: 0px;
}

.page-user-manual .rw>.r h4 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 25px;
    margin-top: 25px;
}

.page-user-manual .rw>.r img {
    display: block;
    margin: 15px 0px 0px;
    width: 100%;
}

.page-user-manual .rw>.r a {
    text-decoration: underline;
}

.page-user-manual .rw>.r p {
    font-size: 16px;
    margin-bottom: 10px;
}

.page-user-manual .rw>.r strong {
    font-weight: 700;
}

.page-user-manual .rw>.r ul {
    list-style-type: disc;
    margin-bottom: 10px;
    margin-left: 20px;
}

.page-user-manual .rw>.r li {
    font-size: 16px;
    margin: 0px;
}

.page-user-manual .rw>.r em {
    font-style: italic;
}

.page-user-manual .rw>.r .imgsign {
    color: rgb(143, 165, 191);
    font-size: 12px;
    font-style: italic;
    line-height: 16px;
    margin-bottom: 20px !important;
}

.page-user-manual .rw>.r:not(.intro-col) h1 {
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 25px;
}

.page-user-manual .rw>.l {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 0 345px;
    margin-right: 20px;
    max-width: 345px;
    padding: 30px;
    width: 100%;
}

.page-user-manual .rw .read-more-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

.page-user-manual .rw .read-more-wrap .btn {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    margin-top: 7px;
    max-width: 100%;
    padding: 10px 35px;
}

.page-user-manual .rw .read-more-wrap .btn::before {
    margin-top: -7px;
    position: absolute;
    top: 50%;
}

.page-user-manual .rw .read-more-wrap .btn-prev {
    margin-right: 7px;
    text-decoration: none;
}

.page-user-manual .rw .read-more-wrap .btn-prev::before {
    left: 15px;
}

.page-user-manual .rw .read-more-wrap .btn-next {
    margin-left: auto;
    text-decoration: none;
}

.page-user-manual .rw .read-more-wrap .btn-next::before {
    right: 15px;
}

.page-user-manual .sticky {
    position: fixed;
    z-index: 80;
}

.page-user-manual .stop {
    position: relative;
    z-index: 101;
}

.page-user-manual .nav-btn {
    display: none;
}

.page-user-manual .page-user-manual-message {
    border-radius: 3px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 13px 10px 13px 54px;
    position: relative;
}

.page-user-manual .page-user-manual-message::before {
    display: inline-block;
    font-size: 20px;
    left: 15px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}

.page-user-manual .page-user-manual-message_attention {
    background-color: rgba(48, 153, 245, 0.12);
    border: 1px solid rgb(48, 153, 245);
}

.page-user-manual .page-user-manual-message_attention::before {
    color: rgb(48, 153, 245);
}

.page-user-manual .page-user-manual-message_warning {
    background-color: rgba(62, 165, 79, 0.01);
    border: 1px solid rgba(92, 198, 38, 0.75);
}

.page-user-manual .page-user-manual-message_warning::before {
    color: rgb(92, 198, 38);
}

.page-user-manual .page-user-manual-message a {
    color: rgb(143, 165, 191);
    text-decoration: underline;
}

.page-user-manual .rw>.l .toggle-icon {
    color: rgb(255, 255, 255);
    position: absolute;
    right: 0px;
    top: 2px;
}

.page-user-manual .rw>.l .root-title {
    margin-bottom: 10px;
    width: 100%;
}

.page-user-manual .rw>.l .root-title a {
    font-size: 16px;
    line-height: 20px;
}

.page-user-manual .rw>.l li {
    margin-bottom: 7px;
    margin-top: 7px;
    position: relative;
}

.page-user-manual .rw>.l li .toggle-icon {
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.page-user-manual .rw>.l li:first-child {
    margin-top: 0px;
}

.page-user-manual .rw>.l li.opened .toggle-icon {
    transform: rotate(180deg);
}

.page-user-manual .rw>.l .sub-menu {
    margin-bottom: 7px;
    margin-left: 20px;
    margin-top: 7px;
}

.page-user-manual .rw>.l .menu {
    display: none;
    margin-bottom: 10px;
    margin-left: 20px;
}

.page-user-manual .rw>.l a {
    display: block;
    font-size: 16px;
    line-height: 18px;
}

.page-user-manual .rw>.l a span {
    padding-right: 4px;
}

.page-user-manual .rw>.r .intro-img {
    margin-top: 40px;
}

.page-user-manual .user-manual-title {
    font-size: 34px;
    margin-bottom: 25px;
    margin-top: 0px;
}

.page-user-manual .message .svg-icon {
    margin-right: 7px;
    vertical-align: middle;
    width: 20px;
}

.page-user-manual .message.message-success .svg-icon {
    fill: rgb(17, 130, 65);
}

.page-user-manual .message.message-info .svg-icon {
    fill: rgb(48, 153, 245);
}

.page-user-manual .video-block {
    margin-top: 20px;
}

.page-user-manual .video {
    display: flex;
    flex-wrap: wrap;
}

.page-user-manual .video__row {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, 296px);
}

.page-user-manual .video__preview {
    font-style: normal;
    font-variant: normal;
    font-size-adjust: none;
    font-language-override: normal;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    border-radius: 10px;
    display: block;
    position: relative;
}

.page-user-manual .video__preview::before {
    color: rgb(255, 255, 255);
    font-size: 50px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s;
    z-index: 2;
}

.page-user-manual .video__preview::after {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
    border-radius: 10px;
    inset: 0px;
    content: "";
    position: absolute;
    transition: 0.5s;
    z-index: 1;
}

.page-user-manual .video__preview img {
    border-radius: 10px;
    display: block;
    width: 100%;
    margin: 0px !important;
}

.page-user-manual .video__preview:hover::before {
    transform: translate(-50%, -50%) scale(1.2);
}

.page-user-manual .video__preview:hover::after {
    opacity: 0.3;
    transition: 0.5s;
}

.page-user-manual .video__title {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 12px;
}

.theme-dark-blue .page-user-manual .video__title {
    color: rgb(255, 255, 255);
}

.theme-light .page-user-manual .video__title {
    color: rgb(49, 78, 112);
}

.page-user-manual .video__time {
    color: rgb(142, 165, 192);
    font-size: 14px;
}

.user-manual-info {
    max-width: 870px;
}

.user-manual-info .video-link {
    margin-top: 20px;
}

.user-manual-info__img {
    cursor: zoom-in;
    display: inline-block;
}

.user-manual-info__img img {
    border: 2px solid rgb(140, 164, 185);
    border-radius: 12px;
}

@media screen and (max-width: 1460px) {
    .s-chat_open .page-user-manual .rw>.l {
        -webkit-box-flex: 1;
        flex: 1 0 300px;
        max-width: 300px;
    }

    .s-chat_open .page-user-manual .rw>.r h1 {
        font-size: 43px;
        line-height: 46px;
        margin-bottom: 27px;
    }

    .s-chat_open .page-user-manual .rw>.r h2 {
        font-size: 45px;
        line-height: 50px;
        margin-bottom: 25px;
    }

    .s-chat_open .page-user-manual .rw>.r li,
    .s-chat_open .page-user-manual .rw>.r p {
        font-size: 14px;
    }
}

@media screen and (max-width: 1350px) {
    .s-chat_open .page-user-manual .rw>.l {
        -webkit-box-flex: 1;
        flex: 1 0 270px;
        max-width: 270px;
        padding: 15px;
    }

    .s-chat_open .page-user-manual .rw>.l a {
        font-size: 14px;
        line-height: 16px;
    }

    .s-chat_open .page-user-manual .rw>.r {
        padding: 15px;
    }
}

.faq-image-modal {
    opacity: 0;
    transition: opacity 0.3s ease-out;
    max-width: 100% !important;
    text-align: center !important;
    width: auto !important;
}

.faq-image-modal .mfp-close {
    right: -1px;
    top: 2px;
}

.faq-image-modal img {
    max-height: 85vh;
    max-width: 100%;
}

.my-mfp-zoom-in.mfp-ready .faq-image-modal {
    opacity: 1;
}

.my-mfp-zoom-in.mfp-removing .faq-image-modal {
    opacity: 0;
}

.affiliate-page h1 {
    font-size: 24px;
    margin-bottom: 12px;
}

.affiliate-page__in {
    padding: 15px 20px;
}

.affiliate-page .title-desc {
    font-size: 18px;
    margin-bottom: 30px;
    max-width: 1100px;
}

.affiliate-page .btn {
    border-width: 2px !important;
}

.affiliate-page__container {
    margin-right: auto;
    max-width: 1150px;
    padding-right: 15px;
}

.affiliate-page .promo {
    border: 1px solid;
    border-radius: 5px;
    display: flex;
    margin-bottom: 30px;
    padding: 18px 24px;
}

.affiliate-page .promo__left {
    -webkit-box-flex: 0;
    flex: 0 0 90px;
}

.affiliate-page .promo__right {
    -webkit-box-flex: 0;
    flex: 0 0 calc(100% - 90px);
    padding-left: 30px;
}

.affiliate-page .promo__title {
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 10px;
}

.affiliate-page .promo__btn {
    max-width: 385px;
    width: 100%;
}

.affiliate-page .text {
    font-size: 16px;
}

.affiliate-page .text p {
    margin-bottom: 14px;
}

.affiliate-page .text a {
    font-weight: 700;
    transition: 0.5s;
}

.affiliate-page .text__italic {
    font-size: 15px;
    font-style: italic;
}

.affiliate-page .advantages {
    display: flex;
    flex-wrap: wrap;
    margin: 25px -15px 9px;
    max-width: 1180px;
}

.affiliate-page .advantages__item {
    -webkit-box-flex: 0;
    flex: 0 0 33.33%;
    padding: 15px;
}

@media screen and (max-width: 1300px) {
    .affiliate-page .advantages__item {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
    }
}

.affiliate-page .advantages__in {
    border: 1px solid;
    border-radius: 5px;
    height: 100%;
    padding: 25px 35px;
}

.affiliate-page .advantages__title {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 31px;
}

.affiliate-page .advantages__list li {
    font-size: 16px;
    margin-bottom: 15px;
    padding-left: 42px;
    position: relative;
}

.affiliate-page .advantages__list li::before {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 13px;
    left: 10px;
    position: absolute;
    top: 4px;
    width: 17px;
}

.affiliate-page .advantages__list_dotted li {
    padding-left: 28px;
}

.affiliate-page .advantages__list_dotted li::before {
    height: 7px;
    left: 6px;
    top: 6px;
    width: 7px;
}

.affiliate-page .form-block {
    border: 1px solid;
    border-radius: 5px;
    margin-top: 28px;
    max-width: 525px;
    padding: 21px 50px;
    width: 100%;
}

.affiliate-page .form-block__title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 21px;
    text-transform: uppercase;
}

.affiliate-page .form {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -15px;
}

.affiliate-page .form__col {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    padding: 0px 15px;
}

.affiliate-page .form__col_full {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
}

.affiliate-page .form .btn,
.affiliate-page .form .form-control {
    width: 100%;
}

.affiliate-page .privacy-policy {
    margin-bottom: 11px;
    margin-top: 12px;
}

.affiliate-page .privacy-policy a {
    border-bottom: 1px solid;
    text-transform: uppercase;
    transition: 0.5s;
}

.affiliate-page .privacy-policy label {
    display: inline-block;
    padding-left: 20px;
    position: relative;
}

.affiliate-page .privacy-policy label::before {
    border: 1px solid;
    border-radius: 2px;
    content: "";
    display: block;
    height: 14px;
    left: 0px;
    position: absolute;
    top: 3px;
    width: 14px;
}

.affiliate-page .privacy-policy label::after {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: 10px;
    content: "";
    display: block;
    height: 14px;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: 3px;
    transition: opacity 0.3s linear;
    width: 14px;
}

.affiliate-page .privacy-policy input {
    display: none;
}

.affiliate-page .privacy-policy input:checked+label::after {
    opacity: 1;
    transition: opacity 0.3s linear;
}

@media screen and (max-width: 1560px) {
    .s-chat_open:not(.is-m-version) .affiliate-page .advantages__item {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
    }

    .s-chat_open:not(.is-m-version) .affiliate-page .promo__title {
        font-size: 24px;
    }
}

@media screen and (max-width: 1200px) {
    .s-chat_open:not(.is-m-version) .affiliate-page .advantages__item {
        -webkit-box-flex: 0;
        flex: 0 0 100%;
    }

    .s-chat_open:not(.is-m-version) .affiliate-page .promo__title {
        font-size: 20px;
    }
}

[lang="ar"] .affiliate-page .advantages,
[lang="fa"] .affiliate-page .advantages {
    margin-right: auto;
}

[lang="ar"] .affiliate-page .advantages__list li,
[lang="fa"] .affiliate-page .advantages__list li {
    padding-left: 0px;
    padding-right: 42px;
}

[lang="ar"] .affiliate-page .advantages__list li::before,
[lang="fa"] .affiliate-page .advantages__list li::before {
    left: unset;
    right: 10px;
}

[lang="ar"] .affiliate-page .advantages__list_dotted li,
[lang="fa"] .affiliate-page .advantages__list_dotted li {
    padding-left: 0px;
    padding-right: 28px;
}

[lang="ar"] .affiliate-page .advantages__list_dotted li::before,
[lang="fa"] .affiliate-page .advantages__list_dotted li::before {
    left: unset;
    right: 6px;
}

[lang="ar"] .affiliate-page .promo__right,
[lang="fa"] .affiliate-page .promo__right {
    padding-left: 0px;
    padding-right: 30px;
}

[lang="ar"] .affiliate-page .privacy-policy label,
[lang="fa"] .affiliate-page .privacy-policy label {
    padding-left: 0px;
    padding-right: 20px;
}

[lang="ar"] .affiliate-page .privacy-policy label::after,
[lang="ar"] .affiliate-page .privacy-policy label::before,
[lang="fa"] .affiliate-page .privacy-policy label::after,
[lang="fa"] .affiliate-page .privacy-policy label::before {
    left: unset;
    right: 0px;
}

.trading-strategies .intro-col {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

.trading-strategies .rw>.r img {
    max-width: 100%;
    width: auto !important;
}

.trading-strategies .rw>.r h2 {
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 25px;
    max-width: 870px;
}

.trading-strategies .rw>.r h3 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 25px;
    margin-top: 25px;
}

.trading-strategies .rw>.r h4 {
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.trading-strategies .rw>.r ul {
    list-style-type: none;
    margin-left: 0px;
}

.page-video-tutorial .live-streams-icon {
    animation: 2s ease-out 0s infinite normal none running live-pulse;
    background-color: red;
    border-radius: 50%;
    height: 10px;
    margin-left: 6px;
    width: 10px;
}

.page-video-tutorial .rw>.l li {
    margin-bottom: 7px;
    margin-top: 7px;
    position: relative;
}

.page-video-tutorial .rw>.l li a {
    font-size: 16px;
    line-height: 20px;
}

.page-video-tutorial .rw>.l li:first-child {
    margin-top: 0px;
}

.page-video-tutorial .rw>.r .video__preview img {
    margin: 0px;
}

.page-video-tutorial .rw>.r .video__title {
    font-size: 18px;
}

.page-video-tutorial .panel-body {
    padding: 30px;
}

.theme-dark-blue .page-video-tutorial .panel .panel-body {
    background-color: rgba(19, 22, 40, 0.7);
}

.page-video-tutorial h1 {
    font-size: 50px;
    line-height: 58px;
    margin-bottom: 24px;
    margin-top: 0px;
}

.page-video-tutorial .streamer-banner {
    display: inline-block;
    margin-bottom: 26px;
}

.page-video-tutorial .streamer-banner img {
    border-radius: 10px;
    max-width: 100%;
    overflow: hidden;
}

.page-video-tutorial .streamer-banner__small {
    display: none;
}

@media screen and (max-width: 700px) {
    .page-video-tutorial .streamer-banner__big {
        display: none;
    }

    .page-video-tutorial .streamer-banner__small {
        display: block;
    }
}

.page-video-tutorial .video-intro {
    font-size: 16px;
    margin-bottom: 24px;
}

.page-video-tutorial .video-intro p {
    color: rgb(142, 165, 192);
}

@media screen and (max-width: 1300px) {
    .page-video-tutorial .video-intro p {
        font-size: 15px;
    }
}

@media screen and (max-width: 800px) {
    .page-video-tutorial .video-intro p {
        font-size: 14px;
    }
}

@media screen and (max-width: 550px) {
    .page-video-tutorial .video-intro p {
        font-size: 13px;
    }
}

.page-video-tutorial .video-intro a {
    color: rgb(0, 154, 249);
    text-decoration: underline;
}

.page-video-tutorial .video-intro div {
    margin-top: 10px;
}

.theme-dark-blue .page-video-tutorial .video-intro {
    color: rgb(255, 255, 255);
}

.theme-light .page-video-tutorial .video-intro {
    color: rgb(49, 78, 112);
}

.page-video-tutorial .video-categories {
    --offset: 12px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 36px;
    margin-left: calc(var(--offset)*-1);
}

.page-video-tutorial .video-categories__item {
    --width: auto;
    --padding-horizontal: 16px;
    --font-size: 14px;
    --line-height: 1.4;
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 calc(var(--width) - var(--offset));
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--color);
    font-size: var(--font-size);
    justify-content: center;
    line-height: var(--line-height);
    margin-left: var(--offset);
    margin-top: var(--offset);
    max-width: calc(var(--width) - var(--offset));
    min-height: 36px;
    padding: 8px var(--padding-horizontal);
    text-align: center;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.page-video-tutorial .video-categories__item--active,
.page-video-tutorial .video-categories__item:hover {
    border-color: var(--border-color-active);
}

.page-video-tutorial .video-categories__item--active {
    background-color: var(--background-color-active);
    color: var(--color-active);
}

.theme-dark-blue .page-video-tutorial .video-categories__item--active {
    box-shadow: var(--box-shadow-active);
}

.theme-dark-blue .page-video-tutorial .video-categories {
    --background-color: #1d2130;
    --background-color-active: #314463;
    --border-color: #454a56;
    --border-color-active: #009af9;
    --box-shadow-active: 0 5px 10px rgba(0, 0, 0, .1);
    --color: #fff;
}

.theme-light .page-video-tutorial .video-categories {
    --background-color: #e5ebf1;
    --background-color-active: #5181b8;
    --border-color: #c2cedc;
    --border-color-active: #406c9d;
    --color: #2a5885;
    --color-active: #fff;
}

.page-video-tutorial .video-row {
    --column-count: 6;
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(var(--column-count), 1fr);
}

@media screen and (max-width: 2230px) {
    .page-video-tutorial .video-row {
        --column-count: 5;
    }
}

@media screen and (max-width: 1902px) {
    .page-video-tutorial .video-row {
        --column-count: 4;
    }
}

@media screen and (max-width: 1580px) {
    .page-video-tutorial .video-row {
        --column-count: 3;
    }
}

@media screen and (max-width: 1100px) {
    .page-video-tutorial .video-row {
        --column-count: 2;
    }
}

@media screen and (max-width: 690px) {
    .page-video-tutorial .video-row {
        --column-count: 1;
    }
}

.page-video-tutorial .video {
    display: flex;
    flex-wrap: wrap;
}

.page-video-tutorial .video__preview {
    border-radius: 10px;
    display: block;
    position: relative;
}

.page-video-tutorial .video__preview::after {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
    border-radius: 10px;
    inset: 0px;
    content: "";
    position: absolute;
    transition: 0.5s;
    z-index: 1;
}

.page-video-tutorial .video__preview img {
    border-radius: 10px;
    display: block;
    width: 100%;
}

.page-video-tutorial .video__preview:hover::before {
    transform: translate(-50%, -50%) scale(1.2);
}

.page-video-tutorial .video__preview:hover::after {
    opacity: 0.3;
    transition: 0.5s;
}

.page-video-tutorial .video__title {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 12px;
}

.theme-dark-blue .page-video-tutorial .video__title {
    color: rgb(255, 255, 255);
}

.theme-light .page-video-tutorial .video__title {
    color: rgb(49, 78, 112);
}

.page-video-tutorial .video__time {
    color: rgb(142, 165, 192);
    font-size: 14px;
}

.page-video-tutorial .pagination {
    margin: 19px 0px 0px -5px;
}

.page-video-tutorial .intro-col {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    min-height: 300px !important;
}

.page-video-tutorial .rw {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
}

.page-video-tutorial .rw>.r {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    font-size: 16px;
    padding: 30px;
}

.page-video-tutorial .rw>.r h1 {
    font-size: 50px;
    line-height: 58px;
    margin-bottom: 40px;
    margin-top: 0px;
}

.page-video-tutorial .rw>.r h2 {
    font-size: 61px;
    line-height: 68px;
    margin-bottom: 50px;
    margin-top: 0px;
}

.page-video-tutorial .rw>.r h4 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 25px;
    margin-top: 25px;
}

.page-video-tutorial .rw>.r img {
    display: block;
    margin: 15px 0px 0px;
    width: 100%;
}

.page-video-tutorial .rw>.r a {
    text-decoration: underline;
}

.page-video-tutorial .rw>.r p {
    font-size: 16px;
    margin-bottom: 10px;
}

.page-video-tutorial .rw>.r strong {
    font-weight: 700;
}

.page-video-tutorial .rw>.r ul {
    list-style-type: disc;
    margin-bottom: 10px;
    margin-left: 20px;
}

.page-video-tutorial .rw>.r li {
    font-size: 16px;
    margin: 0px;
}

.page-video-tutorial .rw>.r em {
    font-style: italic;
}

.page-video-tutorial .rw>.r .imgsign {
    color: rgb(143, 165, 191);
    font-size: 12px;
    font-style: italic;
    line-height: 16px;
    margin-bottom: 20px !important;
}

.page-video-tutorial .rw>.r:not(.intro-col) h1 {
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 25px;
}

.page-video-tutorial .rw>.l {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 0 345px;
    margin-right: 20px;
    max-width: 345px;
    padding: 30px;
    width: 100%;
}

.page-video-tutorial .rw .read-more-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}

.page-video-tutorial .rw .read-more-wrap .btn {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    margin-top: 7px;
    max-width: 100%;
    padding: 10px 35px;
}

.page-video-tutorial .rw .read-more-wrap .btn::before {
    margin-top: -7px;
    position: absolute;
    top: 50%;
}

.page-video-tutorial .rw .read-more-wrap .btn-prev {
    margin-right: 7px;
    text-decoration: none;
}

.page-video-tutorial .rw .read-more-wrap .btn-prev::before {
    left: 15px;
}

.page-video-tutorial .rw .read-more-wrap .btn-next {
    margin-left: auto;
    text-decoration: none;
}

.page-video-tutorial .rw .read-more-wrap .btn-next::before {
    right: 15px;
}

.page-video-tutorial .sticky {
    position: fixed;
    z-index: 80;
}

.page-video-tutorial .stop {
    position: relative;
    z-index: 101;
}

.page-video-tutorial .nav-btn {
    display: none;
}

.page-video-tutorial .page-user-manual-message {
    border-radius: 3px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 13px 10px 13px 54px;
    position: relative;
}

.page-video-tutorial .page-user-manual-message::before {
    display: inline-block;
    font-size: 20px;
    left: 15px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}

.page-video-tutorial .page-user-manual-message_attention {
    background-color: rgba(48, 153, 245, 0.12);
    border: 1px solid rgb(48, 153, 245);
}

.page-video-tutorial .page-user-manual-message_attention::before {
    color: rgb(48, 153, 245);
}

.page-video-tutorial .page-user-manual-message_warning {
    background-color: rgba(62, 165, 79, 0.01);
    border: 1px solid rgba(92, 198, 38, 0.75);
}

.page-video-tutorial .page-user-manual-message_warning::before {
    color: rgb(92, 198, 38);
}

.page-video-tutorial .page-user-manual-message a {
    color: rgb(143, 165, 191);
    text-decoration: underline;
}

@media screen and (max-width: 1450px) {
    .s-chat_open .page-video-tutorial .video__block {
        -webkit-box-flex: 1;
        flex: 1 1 50%;
        max-width: 50%;
    }
}

@-webkit-keyframes live-pulse {
    0% {
        box-shadow: rgba(255, 0, 0, 0.7) 0px 0px 0px 0px;
        transform: scale(1);
    }

    70% {
        box-shadow: rgba(255, 0, 0, 0) 0px 0px 0px 8px;
        transform: scale(1.15);
    }

    100% {
        box-shadow: rgba(255, 0, 0, 0) 0px 0px 0px 0px;
        transform: scale(1);
    }
}

@keyframes live-pulse {
    0% {
        box-shadow: rgba(255, 0, 0, 0.7) 0px 0px 0px 0px;
        transform: scale(1);
    }

    70% {
        box-shadow: rgba(255, 0, 0, 0) 0px 0px 0px 8px;
        transform: scale(1.15);
    }

    100% {
        box-shadow: rgba(255, 0, 0, 0) 0px 0px 0px 0px;
        transform: scale(1);
    }
}

.page-banned .banned__img svg {
    width: 50px;
    fill: rgb(240, 207, 207);
}

.page-banned .site-content-in {
    padding: 20px;
}

.supportv2-page.create .search-form-block {
    margin-bottom: 35px;
    max-width: 500px;
    position: relative;
}

.supportv2-page.create .search-form-block .input-group-addon {
    background-color: transparent;
}

.supportv2-page.create .search-form-block .text {
    font-size: 12px;
    line-height: 16px;
    margin-top: 4px;
}

.supportv2-page.create .search-form-block__close {
    color: rgb(194, 26, 26);
    cursor: pointer;
}

.supportv2-page.create .search-form-block .search-results-block {
    border-radius: 4px;
    display: none;
    height: 240px;
    margin-top: 5px;
    overflow: hidden;
    padding: 4px 0px;
    position: absolute;
    width: 100%;
}

.supportv2-page.create .search-form-block .search-results__c {
    display: flex;
}

.supportv2-page.create .search-form-block .search-results__cd {
    margin: 0px 6px;
}

.supportv2-page.create .search-form-block .search-results a {
    display: flex;
    padding: 9px 25px;
}

.supportv2-page.create .search-form-block .search-results--empty {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    height: 100%;
    justify-content: center;
}

.supportv2-page.create h2 {
    font-family: unset;
    font-weight: 300;
}

.supportv2-page.create .rq-text {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 10px;
}

.supportv2-page.create .categories-wrap {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    margin: -10px;
    max-width: 1280px;
}

.supportv2-page.create .categories-wrap.minimize .item {
    display: none;
}

.supportv2-page.create .categories-wrap.minimize .item--active {
    display: flex;
}

.supportv2-page.create .categories-wrap.minimize .item__arrow {
    display: block;
}

.supportv2-page.create .categories-wrap.minimize .item__count {
    display: none;
}

.supportv2-page.create .col {
    min-width: 300px;
    padding: 10px;
}

.supportv2-page.create .items {
    border-radius: 4px;
    overflow: hidden;
}

.supportv2-page.create .item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    cursor: pointer;
    justify-content: space-between;
    padding: 15px 20px 15px 30px;
}

.supportv2-page.create .item__title {
    font-size: 16px;
    line-height: 20px;
}

@media screen and (max-width: 1280px) {
    .supportv2-page.create .item__title {
        font-size: 14px;
        line-height: 18px;
    }
}

.supportv2-page.create .item__count {
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 0px;
}

.supportv2-page.create .item__arrow {
    display: none;
    font-size: 16px;
    line-height: 16px;
}

.supportv2-page.create .item__arrow,
.supportv2-page.create .item__count {
    margin-left: 15px;
    min-width: 30px;
    text-align: center;
}

@media screen and (max-width: 1280px) {
    .supportv2-page.create .item {
        padding: 12px 15px;
    }
}

.supportv2-page.create .questions,
.supportv2-page.create .subcategories {
    display: none;
}

.supportv2-page.create .btn-footer-wrap .fa {
    margin-left: 6px;
}

.supportv2-page.create .attachments-info {
    font-size: 12px;
    font-style: italic;
    line-height: 17px;
    margin-top: 10px;
}

.supportv2-page.create .attachments-info b {
    font-weight: 300;
}

.supportv2-page.create .drop-down-div-block[data-field-name*="achievement_id"] .selected-options__title img {
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px 1px;
    display: inline-block;
    margin-right: 7px;
    overflow: hidden;
    vertical-align: middle;
    width: 30px;
}

.supportv2-page.view .supportv2-page__in {
    padding-bottom: 120px;
}

.supportv2-page.view td {
    transition: background-color 0.3s, color 0.3s;
}

.supportv2-page.view .close-all-tickets-btn {
    margin-bottom: 15px;
}

.supportv2-page.view .items-not-found-block {
    margin-bottom: 30px;
}

.supportv2-page.view .pending {
    background-color: rgba(206, 234, 17, 0.05) !important;
    color: rgb(240, 202, 163);
}

.supportv2-page.view .pending:hover {
    background-color: rgba(206, 234, 17, 0.07);
    color: rgb(235, 184, 132);
}

.supportv2-page.view .unread {
    background-color: rgba(46, 132, 43, 0.1) !important;
    color: rgb(152, 209, 165);
}

.supportv2-page.view .unread:hover {
    background-color: rgba(0, 255, 58, 0.07);
    color: rgb(127, 198, 143);
}

.supportv2-page.view .closed {
    background-color: rgba(120, 120, 120, 0.03) !important;
    color: rgb(181, 183, 188);
}

.supportv2-page.view .closed:hover {
    background-color: rgba(120, 120, 120, 0.05);
    color: rgb(162, 165, 171);
}

.supportv2-page.view .btn-footer-wrap {
    margin-bottom: 20px;
    margin-top: 0px;
}

.supportv2-page.view .video-btn {
    bottom: 20px;
}

.supportv2-page .answer {
    padding: 16px 0px;
}

.supportv2-page .answer__top {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.supportv2-page .answer__stars {
    color: rgb(255, 193, 7);
}

.supportv2-page .answer__stars .dd {
    color: rgb(57, 63, 77);
}

.supportv2-page .answer__actions {
    display: flex;
    font-size: 20px;
    line-height: 1;
}

.supportv2-page .answer__actions .dislike {
    margin-left: 10px;
}

.supportv2-page .answer__text {
    font-size: 16px;
    line-height: 20px;
}

.supportv2-page .answer__text ol,
.supportv2-page .answer__text ul {
    margin: 10px 0px;
    padding-left: 16px;
}

.supportv2-page .answer__text li+li {
    margin-top: 5px;
}

.supportv2-page .answer__text li {
    list-style: disc;
}

.supportv2-page .answer__text p {
    margin-bottom: 5px;
}

.supportv2-page .form-block {
    display: none;
    max-width: 940px;
    width: 100%;
}

.supportv2-page .form-block h2 {
    margin-bottom: 15px;
}

.supportv2-page .form-block textarea {
    min-height: 150px;
    resize: vertical;
}

.supportv2-page .form-block input[type="file"] {
    opacity: 0;
    position: absolute;
    width: auto;
}

.supportv2-page .form-block input[type="file"]+label {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 1px inset;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4285;
    margin-bottom: 0px;
    max-width: 310px;
    min-height: 34px;
    overflow: hidden;
    padding: 6px 25px 6px 40px;
    position: relative;
    text-overflow: ellipsis;
    transform: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    white-space: nowrap;
    width: 100%;
}

.supportv2-page .form-block input[type="file"]+label::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 20px;
    left: 10px;
    position: absolute;
    top: 6px;
    width: 18px;
}

.supportv2-page .form-block input[type="file"]+label .remove-file {
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    right: 10px;
    top: 7px;
}

.supportv2-page .form-block .required {
    color: rgb(205, 64, 64);
    font-weight: 700;
}

.supportv2-page .video-btn {
    bottom: 0px;
    display: flex;
    position: absolute;
    right: 85px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    cursor: pointer;
    justify-content: center;
    text-align: center;
    transition: 0.5s;
}

.supportv2-page .video-btn .tooltip-content {
    display: none;
}

.supportv2-page .video-btn__circle {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    animation: 1.5s linear 0s infinite normal none running hover-wave;
    border: 1px solid rgb(2, 91, 68);
    border-radius: 50%;
    box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 10px;
    height: 100px;
    justify-content: center;
    margin-bottom: 15px;
    transition: 0.3s;
    width: 100px;
}

.supportv2-page .video-btn__circle .fa {
    font-size: 44px;
    margin-right: -5px;
}

@media screen and (max-width: 1300px) {
    .supportv2-page .video-btn__circle .fa {
        font-size: 26px;
    }

    .supportv2-page .video-btn__circle {
        height: 70px;
        width: 70px;
    }
}

.supportv2-page .video-btn:hover {
    opacity: 0.5;
}

@media screen and (max-width: 1650px) {
    .supportv2-page .video-btn {
        right: 40px;
    }

    .supportv2-page .video-btn__circle {
        height: 70px;
        width: 70px;
    }

    .supportv2-page .video-btn__circle .fa {
        font-size: 26px;
    }

    .supportv2-page .video-btn__text {
        display: none;
    }

    .supportv2-page .video-btn .tooltip-content .tooltip-text {
        min-width: 150px;
        text-align: center;
    }

    .supportv2-page .video-btn:hover {
        opacity: 1;
    }
}

@media screen and (max-width: 1550px) {
    .supportv2-page .video-btn {
        bottom: 6px;
    }

    .supportv2-page .video-btn__circle {
        height: 40px;
        width: 40px;
    }

    .supportv2-page .video-btn__circle .fa {
        font-size: 14px;
    }
}

@media screen and (max-width: 1300px) {
    .supportv2-page .video-btn {
        right: 30px;
    }
}

@-webkit-keyframes hover-wave {
    0% {
        box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 10px, rgba(2, 91, 68, 0.2) 0px 0px 0px 0px, rgba(2, 91, 68, 0.2) 0px 0px 0px 0px;
    }

    40% {
        box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 10px, rgba(2, 91, 68, 0.2) 0px 0px 0px 15px, rgba(2, 91, 68, 0.2) 0px 0px 0px 0px;
    }

    80% {
        box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 10px, rgba(2, 91, 68, 0) 0px 0px 0px 30px, rgba(2, 91, 68, 0.067) 0px 0px 0px 26.7px;
    }

    100% {
        box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 10px, rgba(2, 91, 68, 0) 0px 0px 0px 30px, rgba(2, 91, 68, 0) 0px 0px 0px 40px;
    }
}

@keyframes hover-wave {
    0% {
        box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 10px, rgba(2, 91, 68, 0.2) 0px 0px 0px 0px, rgba(2, 91, 68, 0.2) 0px 0px 0px 0px;
    }

    40% {
        box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 10px, rgba(2, 91, 68, 0.2) 0px 0px 0px 15px, rgba(2, 91, 68, 0.2) 0px 0px 0px 0px;
    }

    80% {
        box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 10px, rgba(2, 91, 68, 0) 0px 0px 0px 30px, rgba(2, 91, 68, 0.067) 0px 0px 0px 26.7px;
    }

    100% {
        box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 10px, rgba(2, 91, 68, 0) 0px 0px 0px 30px, rgba(2, 91, 68, 0) 0px 0px 0px 40px;
    }
}

.supportv2-page.ticket .supportv2-page__in table a {
    text-decoration: underline;
}

.supportv2-page.ticket .avatar-wrap {
    min-height: 80px;
    text-align: center;
    width: 80px;
}

.supportv2-page.ticket .avatar-wrap img.manager {
    border-radius: 50%;
    max-width: 100%;
    overflow: hidden;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.supportv2-page.ticket .avatar-wrap img.manager:hover {
    box-shadow: rgb(98, 177, 255) 0px 0px 10px 1px;
}

.supportv2-page.ticket .fa-long-arrow-left {
    margin-right: 6px;
}

.supportv2-page.ticket .back-btn {
    margin-bottom: 25px;
}

.supportv2-page.ticket .answer-form textarea {
    height: 200px;
    resize: vertical;
    width: 600px;
    margin: 0px !important;
}

.supportv2-page.ticket .answer-form .form-group>label {
    margin-bottom: 5px;
}

.supportv2-page.ticket .answer-form .btn-wrap {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    margin-left: -7px;
    margin-top: -7px;
}

.supportv2-page.ticket .answer-form .btn-wrap>* {
    margin-left: 7px;
    margin-top: 7px;
}

.supportv2-page.ticket .attachments-info {
    margin-top: 10px;
}

@media screen and (max-width: 1650px) {
    .s-chat_open .supportv2-page.create .item {
        padding: 12px 15px;
    }

    .s-chat_open .supportv2-page.create .item__title {
        font-size: 14px;
        line-height: 18px;
    }
}

@media screen and (max-width: 1950px) {
    .s-chat_open .supportv2-page .video-btn {
        right: 40px;
    }

    .s-chat_open .supportv2-page .video-btn__circle {
        height: 70px;
        width: 70px;
    }

    .s-chat_open .supportv2-page .video-btn__circle .fa {
        font-size: 26px;
    }

    .s-chat_open .supportv2-page .video-btn__text {
        display: none;
    }

    .s-chat_open .supportv2-page .video-btn .tooltip-content .tooltip-text {
        display: block;
        min-width: 150px;
        text-align: center;
    }

    .s-chat_open .supportv2-page .video-btn:hover {
        opacity: 1;
    }
}

@media screen and (max-width: 1865px) {
    .s-chat_open .supportv2-page .video-btn {
        bottom: 6px;
    }

    .s-chat_open .supportv2-page .video-btn__circle {
        height: 40px;
        width: 40px;
    }

    .s-chat_open .supportv2-page .video-btn__circle .fa {
        font-size: 14px;
    }
}

@media screen and (max-width: 1950px) {
    @-webkit-keyframes hoverWave {
        0% {
            box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 5px, rgba(2, 91, 68, 0.2) 0px 0px 0px 0px, rgba(2, 91, 68, 0.2) 0px 0px 0px 0px;
        }

        40% {
            box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 5px, rgba(2, 91, 68, 0.2) 0px 0px 0px 10px, rgba(2, 91, 68, 0.2) 0px 0px 0px 0px;
        }

        80% {
            box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 5px, rgba(2, 91, 68, 0) 0px 0px 0px 20px, rgba(2, 91, 68, 0.067) 0px 0px 0px 18px;
        }

        100% {
            box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 5px, rgba(2, 91, 68, 0) 0px 0px 0px 20px, rgba(2, 91, 68, 0) 0px 0px 0px 30px;
        }
    }

    @keyframes hoverWave {
        0% {
            box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 5px, rgba(2, 91, 68, 0.2) 0px 0px 0px 0px, rgba(2, 91, 68, 0.2) 0px 0px 0px 0px;
        }

        40% {
            box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 5px, rgba(2, 91, 68, 0.2) 0px 0px 0px 10px, rgba(2, 91, 68, 0.2) 0px 0px 0px 0px;
        }

        80% {
            box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 5px, rgba(2, 91, 68, 0) 0px 0px 0px 20px, rgba(2, 91, 68, 0.067) 0px 0px 0px 18px;
        }

        100% {
            box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 5px, rgba(2, 91, 68, 0) 0px 0px 0px 20px, rgba(2, 91, 68, 0) 0px 0px 0px 30px;
        }
    }
}

@media screen and (max-width: 1865px) {
    @-webkit-keyframes hoverWave {
        0% {
            box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 5px, rgba(2, 91, 68, 0.2) 0px 0px 0px 0px, rgba(2, 91, 68, 0.2) 0px 0px 0px 0px;
        }

        40% {
            box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 5px, rgba(2, 91, 68, 0.2) 0px 0px 0px 10px, rgba(2, 91, 68, 0.2) 0px 0px 0px 0px;
        }

        80% {
            box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 5px, rgba(2, 91, 68, 0) 0px 0px 0px 15px, rgba(2, 91, 68, 0.067) 0px 0px 0px 13px;
        }

        100% {
            box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 5px, rgba(2, 91, 68, 0) 0px 0px 0px 15px, rgba(2, 91, 68, 0) 0px 0px 0px 20px;
        }
    }

    @keyframes hoverWave {
        0% {
            box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 5px, rgba(2, 91, 68, 0.2) 0px 0px 0px 0px, rgba(2, 91, 68, 0.2) 0px 0px 0px 0px;
        }

        40% {
            box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 5px, rgba(2, 91, 68, 0.2) 0px 0px 0px 10px, rgba(2, 91, 68, 0.2) 0px 0px 0px 0px;
        }

        80% {
            box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 5px, rgba(2, 91, 68, 0) 0px 0px 0px 15px, rgba(2, 91, 68, 0.067) 0px 0px 0px 13px;
        }

        100% {
            box-shadow: rgba(2, 91, 68, 0.3) 0px 8px 5px, rgba(2, 91, 68, 0) 0px 0px 0px 15px, rgba(2, 91, 68, 0) 0px 0px 0px 20px;
        }
    }
}

@media screen and (max-width: 1600px) {

    .s-chat_open .supportv2-page td,
    .s-chat_open .supportv2-page th {
        font-size: 14px;
        line-height: 18px;
    }
}

.supportv2-page .ai-translate-block {
    border-radius: 8px;
    margin-top: 10px;
    padding: 12px;
}

.supportv2-page .ai-translate-block__top {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.supportv2-page .ai-translate-btn {
    border-radius: 4px;
    font-size: 11px;
    line-height: 16px;
    padding: 2px 8px;
    text-decoration: none !important;
}

.supportv2-page .ai-translate-message {
    margin-top: 12px;
}

.supportv2-page h2 {
    font-size: 24px;
    margin-bottom: 25px;
}

.supportv2-page h2 p {
    font-size: 18px;
    margin-top: 10px;
}

.supportv2-page__in {
    border-radius: 10px;
    padding: 17px 20px 20px;
    position: relative;
}

.supportv2-page__in .supportv2-page__in {
    margin-top: 30px;
}

.supportv2-page__in--form {
    margin-top: 20px;
    padding: 0px;
}

.supportv2-page__in--form .form-block {
    padding: 17px 20px 20px;
}

.supportv2-page .menu-block {
    display: flex;
    margin-left: -20px;
    margin-top: -20px;
}

.supportv2-page .menu-block__link {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 6px;
    margin-left: 20px;
    margin-top: 20px;
    padding: 30px 20px;
    width: 200px;
}

.supportv2-page .menu-block__icon {
    display: block;
    height: 50px;
    margin-bottom: 15px;
    position: relative;
    width: 50px;
}

.supportv2-page .menu-block__text {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

.supportv2-page .menu-block .counter {
    position: absolute;
    right: -30px;
    top: -10px;
}

.supportv2-page .answers {
    display: none;
    margin-top: 35px;
    max-width: 760px;
}

.supportv2-page .answers h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
}

.supportv2-page .btn-footer-wrap {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    margin: 20px 0px 0px -7px;
}

.supportv2-page .btn-footer-wrap>* {
    margin: 7px 0px 0px 7px;
}

.supportv2-page .table {
    margin-bottom: 30px;
}

.supportv2-page .table td {
    padding: 25px 15px 15px;
}

.supportv2-page .table th {
    padding: 20px 15px;
}

.supportv2-page td,
.supportv2-page th {
    font-size: 14px;
}

.supportv2-page tbody tr:last-child td {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.supportv2-page__message {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
}

@media screen and (max-height: 810px) {
    .support-video-popup {
        max-width: 650px;
    }
}

@media screen and (max-height: 700px) {
    .support-video-popup {
        max-width: 550px;
    }
}

@media screen and (max-height: 600px) {
    .support-video-popup {
        max-width: 500px;
    }
}

[lang="ar"] .supportv2-page .video-btn,
[lang="fa"] .supportv2-page .video-btn {
    left: 85px;
    right: unset;
}

@media screen and (max-width: 1300px) {

    [lang="ar"] .supportv2-page .video-btn,
    [lang="fa"] .supportv2-page .video-btn {
        left: 30px;
    }
}

[lang="ar"] .supportv2-page td,
[lang="ar"] .supportv2-page th,
[lang="fa"] .supportv2-page td,
[lang="fa"] .supportv2-page th {
    text-align: right;
}

.page-faq .panel-body {
    padding-bottom: 80px;
}

.page-faq .categories {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 48px;
    margin-left: -20px;
    margin-top: -20px;
}

.page-faq .categories .category {
    -webkit-box-flex: 1;
    flex: 1 1 calc(20% - 20px);
    margin-left: 20px;
    margin-top: 20px;
}

.page-faq .category {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    flex-direction: column;
    padding: 37px 40px;
    text-align: center;
    transition: box-shadow 0.2s, border-color 0.2s, background-color 0.2s, -webkit-box-shadow 0.2s;
    will-change: box-shadow, border-color, background-color;
}

.page-faq .category .svg-icon {
    width: 50px;
}

.page-faq .category__img {
    margin: 0px auto 15px;
}

.page-faq .category__title {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 30px;
}

.page-faq .category__text {
    color: rgb(142, 165, 192);
}

.page-faq .category__text+.category__text {
    margin-top: 4px;
}

.page-faq .category__footer {
    margin-top: auto;
}

.page-faq .category:active,
.page-faq .category:focus,
.page-faq .category:visited {
    color: rgb(143, 165, 191);
}

.page-faq .looking-for-something {
    margin: 0px auto;
    text-align: center;
}

.page-faq .looking-for-something__title {
    font-size: 28px;
    margin-bottom: 17px;
}

.page-faq .looking-for-something__icon {
    display: inline-block;
    margin-bottom: 24px;
    width: 56px;
}

.page-faq .looking-for-something__buttons {
    margin: 0px auto;
    max-width: 280px;
    width: 100%;
}

.page-faq .looking-for-something__buttons>p {
    font-size: 12px;
    margin-top: 8px;
}

.page-faq .looking-for-something__btn {
    display: block;
    font-size: 14px;
    font-weight: 400;
    white-space: normal;
}

.deposit-steps {
    display: grid;
    gap: 25px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 24px;
}

.deposit-steps .step {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.deposit-steps .step__icon {
    display: none;
    position: relative;
}

.deposit-steps .step__icon::before {
    background-color: rgb(255, 255, 255);
    content: "";
    height: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    z-index: 1;
}

.deposit-steps .step__icon svg {
    display: block;
    height: 32px;
    position: relative;
    width: 32px;
    z-index: 2;
}

.deposit-steps .step__number {
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 32px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 50%;
    color: rgb(126, 145, 167);
    height: 32px;
    justify-content: center;
}

.deposit-steps .step__text {
    margin-left: 15px;
}

.deposit-steps .step__line {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    height: 1px;
    margin-left: 30px;
}

.deposit-steps .step--checked .step__icon--check {
    display: block;
}

.deposit-steps .step--checked .step__number,
.deposit-steps .step--fail .step__number {
    display: none;
}

.deposit-steps .step--fail .step__icon--fail {
    display: block;
}

.deposit-step-1 {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.deposit-step-1 .deposit-block__rw {
    grid-template-columns: 1fr 425px;
}

.deposit-step-1 .support-text {
    padding-left: 25px;
    padding-right: 25px;
}

.deposit-step-1 .message-traders-box {
    grid-template-columns: 130px 1fr;
    min-height: 90px;
}

.deposit-step-1 .message-traders-box__start img {
    left: -40px;
    margin-top: 10px;
}

.deposit-step-1 .message-repeat-max-deposit,
.deposit-step-1 .message-trade-and-update {
    grid-template-columns: 170px 1fr;
}

.deposit-step-1 .message-repeat-max-deposit,
.deposit-step-1 .message-trade-and-update,
.deposit-step-1 .message-traders-box {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 8px;
    gap: 50px;
    overflow: hidden;
}

.deposit-step-1 .message-repeat-max-deposit__start,
.deposit-step-1 .message-trade-and-update__start,
.deposit-step-1 .message-traders-box__start {
    position: relative;
}

.deposit-step-1 .message-repeat-max-deposit__start img,
.deposit-step-1 .message-trade-and-update__start img,
.deposit-step-1 .message-traders-box__start img {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.deposit-step-1 .message-repeat-max-deposit__title,
.deposit-step-1 .message-trade-and-update__title,
.deposit-step-1 .message-traders-box__title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}

.deposit-step-1 .message-repeat-max-deposit__text,
.deposit-step-1 .message-trade-and-update__text,
.deposit-step-1 .message-traders-box__text {
    font-size: 14px;
}

.deposit-step-1 .message-welcome-bonus {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 12px;
    min-height: 90px;
    overflow: hidden;
    padding: 10px 15px 10px 148px;
}

.deposit-step-1 .message-welcome-bonus::after {
    border-radius: 50%;
    content: "";
    height: 83px;
    left: -15px;
    position: absolute;
    top: -41px;
    width: 83px;
}

.deposit-step-1 .message-welcome-bonus__box {
    left: 6px;
    max-width: 160px;
    top: -24px;
    transform: rotate(30deg);
}

@media screen and (max-width: 479px) {
    .deposit-step-1 .message-welcome-bonus__box {
        left: 2px;
        max-width: 128px;
        top: -10px;
    }
}

.deposit-step-1 .message-welcome-bonus__bonus {
    left: 10px;
    max-width: 74px;
    top: 14px;
}

@media screen and (max-width: 479px) {
    .deposit-step-1 .message-welcome-bonus__bonus {
        left: 2px;
        max-width: 60px;
        top: 20px;
    }
}

.deposit-step-1 .message-welcome-bonus__title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}

.deposit-step-1 .message-welcome-bonus__text {
    display: none;
}

@media screen and (min-width: 480px) {
    .deposit-step-1 .message-welcome-bonus__text:not(.message-welcome-bonus__text--mobile) {
        display: block;
    }
}

@media screen and (max-width: 479px) {
    .deposit-step-1 .message-welcome-bonus__text--mobile {
        display: block;
    }
}

.deposit-step-1 .message-welcome-bonus__bonus,
.deposit-step-1 .message-welcome-bonus__box {
    pointer-events: none;
    position: absolute;
    user-select: none;
}

@media screen and (max-width: 479px) {
    .deposit-step-1 .message-welcome-bonus {
        padding-left: 124px;
    }
}

.deposit-step-1 .message-monsters-promo {
    --border-radius: 12px;
    --padding: 10px 10px 10px 168px;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    border-radius: var(--border-radius);
    clip-path: polygon(0px -40%, 100% -40%, 100% 100%, 0px 100%);
    margin-top: 25px;
    min-height: 90px;
    padding: var(--padding);
}

.deposit-step-1 .message-monsters-promo__blur {
    --top: 0;
    --left: 0;
    border-radius: var(--border-radius);
    inset: 0px;
    min-height: 100px;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

.deposit-step-1 .message-monsters-promo__blur::before {
    content: " ";
    filter: blur(20px);
    height: 84px;
    left: 27px;
    position: absolute;
    top: 27px;
    transform: rotate(-16deg);
    transform-origin: center top;
    transition: transform 0.3s ease-out, filter 0.3s ease-out, -webkit-transform 0.3s ease-out, -webkit-filter 0.3s ease-out;
    width: 85px;
    will-change: filter;
}

.deposit-step-1 .message-monsters-promo__img {
    bottom: var(--bottom);
    left: var(--left);
    max-width: var(--width);
}

.deposit-step-1 .message-monsters-promo__info {
    --gap: 0.8rem;
    display: grid;
    gap: var(--gap);
    position: relative;
    z-index: 5;
}

.deposit-step-1 .message-monsters-promo__t {
    --font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.deposit-step-1 .message-monsters-promo__text {
    --font-size: 14px;
}

.deposit-step-1 .message-monsters-promo.uppy .message-monsters-promo__blur::before {
    background-image: linear-gradient(rgba(34, 254, 155, 0), rgb(34, 254, 155));
}

.deposit-step-1 .message-monsters-promo.uppy .message-monsters-promo__img {
    --left: 15px;
    --bottom: -56px;
    --width: 146px;
}

.deposit-step-1 .message-monsters-promo.fiesty .message-monsters-promo__blur::before {
    background-image: linear-gradient(rgb(127, 67, 245), rgb(127, 67, 245));
}

.deposit-step-1 .message-monsters-promo.fiesty .message-monsters-promo__img {
    --left: 15px;
    --bottom: -60px;
    --width: 140px;
}

.deposit-step-1 .message-monsters-promo.lucky .message-monsters-promo__blur::before {
    background-image: linear-gradient(rgb(182, 34, 199), rgb(182, 34, 199));
}

.deposit-step-1 .message-monsters-promo.lucky .message-monsters-promo__img {
    --left: 10px;
    --bottom: -60px;
    --width: 146px;
}

.deposit-step-1 .message-monsters-promo.deppy .message-monsters-promo__blur::before {
    background-image: linear-gradient(rgb(37, 177, 252), rgb(37, 177, 252));
    height: 74px;
    left: 31px;
    top: 16px;
    width: 75px;
}

.deposit-step-1 .message-monsters-promo.deppy .message-monsters-promo__img {
    --left: 10px;
    --bottom: -60px;
    --width: 146px;
}

.deposit-step-1 .message-monsters-promo.richy .message-monsters-promo__blur::before {
    background-image: linear-gradient(rgb(230, 86, 199), rgb(230, 86, 199));
}

.deposit-step-1 .message-monsters-promo.richy .message-monsters-promo__img {
    --left: 16px;
    --bottom: -60px;
    --width: 134px;
}

.deposit-step-1 .message-monsters-promo__t,
.deposit-step-1 .message-monsters-promo__text {
    font-size: var(--font-size);
}

.deposit-step-1 .message-monsters-promo__blur,
.deposit-step-1 .message-monsters-promo__img {
    position: absolute;
}

@media screen and (max-width: 479px) {
    .deposit-step-1 .message-monsters-promo {
        --padding: 16px 20px 16px 128px;
    }

    .deposit-step-1 .message-monsters-promo__blur::before {
        height: 60px;
        left: 26px;
        top: 26px;
        width: 74px;
    }

    .deposit-step-1 .message-monsters-promo__info {
        --gap: 1rem;
    }

    .deposit-step-1 .message-monsters-promo__text {
        --font-size: 12px;
    }

    .deposit-step-1 .message-monsters-promo.uppy .message-monsters-promo__img {
        --left: 2px;
        --bottom: -57px;
        --width: 131px;
    }

    .deposit-step-1 .message-monsters-promo.fiesty .message-monsters-promo__img {
        --left: 7px;
        --bottom: -42px;
        --width: 113px;
    }

    .deposit-step-1 .message-monsters-promo.lucky .message-monsters-promo__img {
        --left: 2px;
        --bottom: -57px;
        --width: 131px;
    }

    .deposit-step-1 .message-monsters-promo.deppy .message-monsters-promo__blur::before {
        height: 67px;
        left: 23px;
        top: 30px;
        width: 67px;
    }

    .deposit-step-1 .message-monsters-promo.deppy .message-monsters-promo__img {
        --left: -2px;
        --bottom: -57px;
        --width: 131px;
    }

    .deposit-step-1 .message-monsters-promo.richy .message-monsters-promo__img {
        --left: 14px;
        --bottom: -44px;
        --width: 103px;
    }
}

@media screen and (max-width: 1330px) {
    body:not(.is-m-version):not(.s-chat_open) .deposit-step-1 .deposit-block__rw {
        grid-template-columns: 1fr;
    }

    body:not(.is-m-version):not(.s-chat_open) .deposit-step-1 .deposit-block__col:last-child {
        display: none;
    }
}

@media screen and (max-width: 1690px) {
    body:not(.is-m-version).s-chat_open .deposit-step-1 .deposit-block__rw {
        grid-template-columns: 1fr;
    }

    body:not(.is-m-version).s-chat_open .deposit-step-1 .deposit-block__col:last-child {
        display: none;
    }
}

@media screen and (max-width: 1300px) {
    body:not(.is-m-version).s-chat_open .deposit-step-1 .deposit-steps .step__line {
        display: none;
    }
}

@media screen and (max-width: 1250px) {
    body:not(.is-m-version).s-chat_open .deposit-step-1 .deposit-steps {
        gap: 10px;
        grid-template-columns: 1fr;
    }

    body:not(.is-m-version).s-chat_open .deposit-step-1 .payments-block.sort1 .item {
        flex-basis: calc(50% - var(--gap));
        max-width: calc(50% - var(--gap));
    }

    body:not(.is-m-version).s-chat_open .deposit-step-1 .secure-block {
        flex-wrap: wrap;
        -webkit-box-pack: start;
        justify-content: flex-start;
    }
}

.deposit-step-2 {
    --block-padding-y: 20px;
    --block-padding-x: 20px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.deposit-step-2 .verify-profile-message {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.deposit-step-2 .verify-profile-message .verify-profile-text {
    margin-right: 10px;
}

.deposit-step-2 .verify-profile-message .verify-profile-btn {
    flex-shrink: 0;
}

.deposit-step-2 .btn-submit-wrap {
    margin-bottom: 15px;
}

.deposit-step-2 .btn-submit-wrap .btn {
    border-radius: 10px;
    position: relative;
}

.deposit-step-2 .btn-submit-wrap .local-rate {
    display: block;
    margin-left: 4px;
}

.deposit-step-2 .vload-link {
    border-bottom: 1px solid;
    display: inline-block;
    margin-bottom: 10px;
    transition: border-color 0.3s;
}

.deposit-step-2 .deposit-block__rw {
    display: block;
    margin: 0px auto;
    max-width: 760px;
}

.deposit-step-2 .deposit-block__cols {
    display: grid;
    gap: 25px;
    grid-auto-flow: column;
    grid-template-columns: 1fr 290px;
}

.deposit-step-2 .deposit-block__col:first-child {
    border-radius: 10px;
    padding: var(--block-padding-y) var(--block-padding-x);
}

.deposit-step-2 .chests-wrap {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: calc(var(--block-padding-y)*-1);
    margin-left: calc(var(--block-padding-x)*-1);
    margin-right: calc(var(--block-padding-x)*-1);
}

.deposit-step-2 .payment-info-block-deposit {
    padding: 0px;
    background-color: transparent !important;
    box-shadow: none !important;
}

.deposit-step-2 .payment-info-block-deposit__title {
    display: none;
}

.deposit-step-2 .payment-info-block-deposit__img-wrap {
    margin-right: 15px;
    width: 65px;
}

.deposit-step-2 .payment-info-block-deposit__block-wrap {
    display: grid;
    gap: 15px;
    grid-auto-columns: minmax(0px, 1fr);
    grid-auto-flow: column;
    height: 100%;
}

.deposit-step-2 .payment-info-block-deposit__block {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 0px;
}

.deposit-step-2 .payment-info-block-deposit__data {
    -webkit-box-align: inherit;
    align-items: inherit;
}

.deposit-step-2 .support-text {
    padding-left: 0px;
    padding-right: 0px;
}

.deposit-step-2 .deposit-additional__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}

.deposit-step-2 .deposit-additional__title span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.deposit-step-2 .deposit-additional__title .tooltip2 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.deposit-step-2 .deposit-additional__title .tooltip2 svg {
    cursor: pointer;
    height: 16px;
    width: 16px;
}

.deposit-step-2 .deposit-additional__list .additional-item {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    margin-bottom: 12px;
    min-height: 48px;
    padding: 12px;
}

.deposit-step-2 .deposit-additional__list .additional-item__popular {
    background-color: rgb(0, 154, 249);
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    font-size: 9px;
    font-style: normal;
    font-weight: 600;
    left: 14px;
    line-height: 10px;
    padding: 2px 8px;
    position: absolute;
    top: -8px;
}

.deposit-step-2 .deposit-additional__list .additional-item__circle {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50%;
    height: 17px;
    margin: auto;
    width: 17px;
}

.deposit-step-2 .deposit-additional__list .additional-item__circle::after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 10px;
    margin: auto;
    width: 10px;
}

.deposit-step-2 .deposit-additional__list .additional-item__icon {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: 12px;
}

.deposit-step-2 .deposit-additional__list .additional-item__icon .icon {
    display: flex;
}

.deposit-step-2 .deposit-additional__list .additional-item__name {
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin-left: 12px;
}

.deposit-step-2 .deposit-additional__list .additional-item__price {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}

.deposit-step-2 .deposit-additional-v2__wrapper {
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 12px;
    transition: 0.3s;
}

.deposit-step-2 .deposit-additional-v2__circle {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    height: 17px;
    margin-right: 12px;
    width: 17px;
}

.deposit-step-2 .deposit-additional-v2__circle::after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 10px;
    margin: auto;
    width: 10px;
}

.deposit-step-2 .deposit-additional-v2__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
}

.deposit-step-2 .deposit-additional-v2__title span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.deposit-step-2 .deposit-additional-v2__title .tooltip2 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.deposit-step-2 .deposit-additional-v2__title .tooltip2 svg {
    cursor: pointer;
    height: 16px;
    width: 16px;
}

.deposit-step-2 .deposit-additional-v2__header {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.deposit-step-2 .deposit-additional-v2__icon {
    flex-shrink: 0;
    height: 24px;
    margin-right: 12px;
    width: 24px;
}

.deposit-step-2 .deposit-additional-v2__icon--dark {
    display: block;
}

.deposit-step-2 .deposit-additional-v2__icon--light {
    display: none;
}

.deposit-step-2 .deposit-additional-v2__name {
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.deposit-step-2 .deposit-additional-v2__price-wrapper {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding-left: 12px;
}

.deposit-step-2 .deposit-additional-v2__price {
    display: flex;
    flex-shrink: 0;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
}

.deposit-step-2 .deposit-additional-v2__gear {
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 24px;
    margin-left: 12px;
    transition: transform 0.8s, -webkit-transform 0.8s;
    width: 24px;
}

.deposit-step-2 .deposit-additional-v2__gear svg {
    margin: auto;
}

.deposit-step-2 .deposit-additional-v2__gear--rotated {
    transform: rotate(90deg);
}

.deposit-step-2 .deposit-additional-v2__options-box {
    max-height: 300px;
    overflow: hidden;
    transition: max-height 0.6s;
}

.deposit-step-2 .deposit-additional-v2__options-box.hide-options {
    max-height: 0px;
    transition: max-height 0.3s;
}

.deposit-step-2 .deposit-additional-v2__options {
    display: flex;
    flex-wrap: wrap;
    padding-top: 12px;
}

.deposit-step-2 .deposit-additional-v2__option {
    display: flex;
    flex-shrink: 0;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 20px;
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    justify-content: center;
    line-height: 16px;
    margin-bottom: 4px;
    margin-right: 4px;
    min-width: 56px;
    padding: 0px 12px;
    transition: background-color 0.3s;
}

.deposit-step-2 .deposit-additional-v2__description {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 12px;
}

.deposit-step-2 .deposit-additional-v2__footer {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.deposit-step-2 .deposit-additional-v2__checkbox {
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    align-items: center;
    padding-right: 12px;
}

.deposit-step-2 .deposit-additional-v2__checkbox svg {
    flex-shrink: 0;
    height: 24px;
    margin-right: 8px;
    width: 24px;
}

.deposit-step-2 .deposit-additional-v2__checkbox span {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
}

.deposit-step-2 .deposit-additional-v2__btn {
    display: flex;
    flex-shrink: 0;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 36px;
    justify-content: center;
    letter-spacing: 0.005em;
    line-height: 24px;
    padding: 0px 32px;
    transition: background-color 0.3s;
}

@media screen and (max-width: 1350px) {
    body:not(.is-m-version).s-chat_open .deposit-step-2 .deposit-block__rw {
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        max-width: none;
    }
}

@media screen and (max-width: 1250px) {
    body:not(.is-m-version).s-chat_open .deposit-step-2 .deposit-steps {
        gap: 10px;
        grid-template-columns: 1fr;
    }

    body:not(.is-m-version).s-chat_open .deposit-step-2 .deposit-steps .step__line {
        display: none;
    }
}

.deposit-step-3 {
    --block-padding-y: 20px;
    --block-padding-x: 20px;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.deposit-step-3 .deposit-block__rw {
    grid-template-columns: 1fr 290px;
    margin: 0px auto;
    max-width: 760px;
}

.deposit-step-3 .deposit-block__rw--one-col {
    grid-template-columns: 1fr;
}

.deposit-step-3 .deposit-block__col:first-child {
    border-radius: 10px;
    padding: var(--block-padding-y) var(--block-padding-x);
}

.deposit-step-3 .payment-complete {
    --padding-x: 25px;
    --padding-y: 25px;
    border-radius: 10px;
    padding-left: var(--padding-x);
    padding-right: var(--padding-x);
    padding-top: var(--padding-y);
    position: relative;
}

.deposit-step-3 .payment-complete__back-btn {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.deposit-step-3 .payment-complete__logo {
    position: absolute;
    right: -50px;
    top: -6px;
    transform: scale(0.5);
}

.deposit-step-3 .payment-complete .header {
    --gap: 20px;
    display: flex;
    margin-bottom: 30px;
    margin-left: calc(var(--gap)*-1);
    margin-top: calc(var(--gap)*-1 + 10px);
}

.deposit-step-3 .payment-complete .header__item-two-column {
    display: grid;
    -webkit-box-flex: 1;
    flex: 1 1 calc(60% - var(--gap));
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 10px;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}

.deposit-step-3 .payment-complete .header__item:not(.header__item-two-column) {
    -webkit-box-flex: 1;
    flex: 1 1 calc(40% - var(--gap));
    margin-bottom: var(--gap);
    margin-left: var(--gap);
    margin-top: var(--gap);
}

.deposit-step-3 .payment-complete .header__item:not(.header__item-two-column):last-child {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 calc(60% - var(--gap));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    border-radius: 10px;
    justify-content: center;
    text-align: center;
}

.deposit-step-3 .payment-complete .header__amount {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
}

.deposit-step-3 .payment-complete .payment-row {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    height: 24px;
    justify-content: space-between;
}

.deposit-step-3 .payment-complete .payment-row__label {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.deposit-step-3 .payment-complete .payment-row__value {
    font-style: normal;
    line-height: 24px;
}

.deposit-step-3 .payment-complete .payment-row__value--big {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.deposit-step-3 .payment-complete .payment-row__value--middle {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
}

.deposit-step-3 .payment-complete .payment-row__value--small {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.deposit-step-3 .payment-complete .payment-row--high {
    height: 30px;
}

.deposit-step-3 .payment-complete .payment-row--purchase {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 32px;
    justify-content: flex-end;
    line-height: 16px;
}

.deposit-step-3 .payment-complete .payment-row--purchase .icon {
    display: none;
    margin: 0px 3px;
}

.deposit-step-3 .payment-complete .payment-row--purchase .icon svg {
    height: 18px;
    width: 18px;
}

.deposit-step-3 .payment-complete .payment-row--progress {
    margin: 20px 0px;
}

.deposit-step-3 .payment-complete .payment-row--right {
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.deposit-step-3 .payment-complete__bill {
    margin: 40px 48px 20px;
}

.deposit-step-3 .payment-complete__bill .payment-bill {
    border-radius: 10px;
    padding: 20px;
}

.deposit-step-3 .payment-complete__bill .payment-bill__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 12px;
}

.deposit-step-3 .payment-complete__bill .payment-bill__title svg.svg-icon {
    margin-right: 8px;
}

.deposit-step-3 .payment-complete__bill .payment-bill__delimiter {
    height: 1px;
    margin: 12px 0px;
}

.deposit-step-3 .payment-complete .form__title {
    margin-bottom: 4px;
}

.deposit-step-3 .payment-complete .form__input {
    border-radius: 4px;
    display: grid;
    font-size: 14px;
    gap: 10px;
    grid-template-columns: 1fr minmax(100px, auto);
    min-height: 38px;
    padding: 3px 3px 3px 12px;
}

.deposit-step-3 .payment-complete .form__data {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px;
    overflow-x: auto;
    white-space: nowrap;
}

.deposit-step-3 .payment-complete .form__btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-bottom: 3px;
    padding-top: 3px;
}

.deposit-step-3 .payment-complete .form__btn .svg-icon {
    margin-right: 7px;
}

.deposit-step-3 .payment-complete .qr {
    display: grid;
    gap: 20px;
    grid-template-columns: minmax(140px, auto) 2fr;
}

.deposit-step-3 .payment-complete .qr img {
    max-width: 100%;
}

.deposit-step-3 .payment-complete .qr__wrap {
    border-radius: 5px;
    max-width: 140px;
    overflow: hidden;
    padding: 10px;
}

.deposit-step-3 .payment-complete .qr__right {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.deposit-step-3 .payment-complete__qr {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-bottom: var(--padding-y);
}

.deposit-step-3 .payment-complete__form,
.deposit-step-3 .payment-complete__qr {
    margin-left: calc(var(--padding-x)*-1);
    margin-right: calc(var(--padding-x)*-1);
    padding-left: var(--padding-x);
    padding-right: var(--padding-x);
    padding-top: var(--padding-y);
}

.deposit-step-3--crypto .wh,
.deposit-step-3--electrum .wh,
.deposit-step-3--index .wh,
.deposit-step-3--payoneer .wh,
.deposit-step-3--sepa .wh {
    font-size: 18px;
}

.deposit-step-3--crypto .rw,
.deposit-step-3--electrum .rw,
.deposit-step-3--index .panel-body__in,
.deposit-step-3--payoneer .panel-body__in,
.deposit-step-3--sepa .sepa-content {
    margin: 20px auto;
    max-width: 900px;
    width: 100%;
}

.deposit-step-3--crypto h3,
.deposit-step-3--electrum h3 {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 10px;
}

.deposit-step-3--crypto .rw,
.deposit-step-3--electrum .rw {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
}

.deposit-step-3--crypto .rw>.l,
.deposit-step-3--electrum .rw>.l {
    -webkit-box-flex: 0;
    flex: 0 0 230px;
    margin-right: 60px;
}

.deposit-step-3--crypto .rw>.l .img,
.deposit-step-3--electrum .rw>.l .img {
    background-color: rgb(255, 255, 255);
    display: inline-block;
    padding: 15px;
}

.deposit-step-3--crypto .rw>.l .img img,
.deposit-step-3--electrum .rw>.l .img img {
    display: block;
    max-width: 100%;
}

@media screen and (max-width: 800px) {

    .deposit-step-3--crypto .rw>.l,
    .deposit-step-3--electrum .rw>.l {
        margin-right: 0px;
        text-align: center;
        width: 100%;
    }
}

.deposit-step-3--crypto .rw>.r,
.deposit-step-3--electrum .rw>.r {
    font-size: 14px;
}

.deposit-step-3--crypto .rw>.r .key,
.deposit-step-3--electrum .rw>.r .key {
    margin-bottom: 20px;
    padding: 0px;
}

@media screen and (max-width: 450px) {

    .deposit-step-3--crypto .rw>.r .key,
    .deposit-step-3--electrum .rw>.r .key {
        margin-left: auto;
        margin-right: auto;
        overflow-x: scroll;
        width: 284px;
    }
}

.deposit-step-3--crypto .rw>.r .message,
.deposit-step-3--electrum .rw>.r .message {
    margin: 0px;
}

.deposit-step-3--crypto .rw>.r .btn-wrap,
.deposit-step-3--electrum .rw>.r .btn-wrap {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-left: -20px;
}

.deposit-step-3--crypto .rw>.r .btn-wrap .btn,
.deposit-step-3--electrum .rw>.r .btn-wrap .btn {
    line-height: 18px;
    margin-left: 20px;
    width: 100%;
}

@media screen and (max-width: 450px) {

    .deposit-step-3--crypto .rw>.r .btn-wrap .btn,
    .deposit-step-3--electrum .rw>.r .btn-wrap .btn {
        margin-top: 7px;
    }

    .deposit-step-3--crypto .rw>.r .btn-wrap,
    .deposit-step-3--electrum .rw>.r .btn-wrap {
        flex-wrap: wrap;
        margin-top: -7px;
    }
}

@media screen and (max-width: 800px) {

    .deposit-step-3--crypto .rw>.r,
    .deposit-step-3--electrum .rw>.r {
        margin-top: 10px;
        text-align: center;
        width: 100%;
    }
}

@media screen and (max-width: 1000px) {

    .deposit-step-3--crypto .rw,
    .deposit-step-3--electrum .rw {
        margin-left: auto;
        margin-right: auto;
        max-width: inherit;
    }
}

@media screen and (max-width: 800px) {

    .deposit-step-3--crypto .rw,
    .deposit-step-3--electrum .rw {
        flex-wrap: wrap;
    }
}

.deposit-step-3--index h3,
.deposit-step-3--payoneer h3 {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 10px;
}

.deposit-step-3--index .btn-wrap,
.deposit-step-3--payoneer .btn-wrap {
    margin-bottom: 20px;
    margin-top: 20px;
}

@media screen and (max-width: 320px) {

    .deposit-step-3--index .btn-wrap .btn,
    .deposit-step-3--payoneer .btn-wrap .btn {
        width: 100%;
    }
}

.deposit-step-3--index .desc,
.deposit-step-3--payoneer .desc {
    color: rgb(147, 151, 160);
    font-size: 12px;
    line-height: 16px;
}

.deposit-step-3--index .message-success,
.deposit-step-3--payoneer .message-success {
    margin-bottom: 0px;
    margin-top: 0px;
}

.deposit-step-3--index .message-form>p,
.deposit-step-3--payoneer .message-form>p {
    color: rgb(147, 151, 160);
    line-height: 18px;
}

.deposit-step-3--index .message-form>form,
.deposit-step-3--payoneer .message-form>form {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 10px;
}

.deposit-step-3--index .message-form>form [name="data"],
.deposit-step-3--payoneer .message-form>form [name="data"] {
    width: 40%;
}

@media screen and (max-width: 650px) {

    .deposit-step-3--index .message-form>form [name="data"],
    .deposit-step-3--payoneer .message-form>form [name="data"] {
        width: 100%;
    }
}

.deposit-step-3--index .message-form>form [name="confirm"],
.deposit-step-3--payoneer .message-form>form [name="confirm"] {
    font-size: 12px;
    margin-left: 20px;
}

@media screen and (max-width: 400px) {

    .deposit-step-3--index .message-form>form [name="confirm"],
    .deposit-step-3--payoneer .message-form>form [name="confirm"] {
        margin-left: 0px;
        margin-top: 7px;
        width: 100%;
    }

    .deposit-step-3--index .message-form>form,
    .deposit-step-3--payoneer .message-form>form {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 320px) {
    .deposit-step-3--index .btn-wrap {
        text-align: center;
    }
}

.deposit-step-3--index .switch-link {
    border-bottom: 1px dashed rgb(94, 222, 94);
    color: rgb(94, 222, 94);
    margin-left: 5px;
}

@media screen and (max-width: 320px) {
    .deposit-step-3--index .switch-link {
        display: inline-block;
        margin-left: 0px;
        margin-top: 5px;
    }
}

.deposit-step-3--index .btn-skrill {
    background-color: rgba(133, 32, 100, 0.12);
    border-color: rgb(133, 32, 100);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px, rgba(133, 32, 100, 0.5) 0px 0px 15px;
    font-family: inherit;
    font-size: 14px;
}

@media screen and (max-width: 425px) {
    .deposit-step-3--crypto .message-form>form [name="confirm"] {
        margin-left: 0px;
        margin-top: 7px;
        width: 100%;
    }

    .deposit-step-3--crypto .message-form>form {
        flex-wrap: wrap;
    }
}

.deposit-step-3--crypto .rw>.r .message-form {
    margin-top: 20px;
}

.deposit-step-3--crypto .message-form>p {
    color: rgb(147, 151, 160);
    line-height: 18px;
}

.deposit-step-3--crypto .message-form>form {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 10px;
}

.deposit-step-3--crypto .message-form>form [name="data"] {
    width: 40%;
}

@media screen and (max-width: 650px) {
    .deposit-step-3--crypto .message-form>form [name="data"] {
        width: 100%;
    }
}

.deposit-step-3--crypto .message-form>form [name="confirm"] {
    font-size: 12px;
    margin-left: 20px;
}

@media screen and (max-width: 400px) {
    .deposit-step-3--crypto .message-form>form [name="confirm"] {
        margin-left: 0px;
        margin-top: 7px;
        width: 100%;
    }

    .deposit-step-3--crypto .message-form>form {
        flex-wrap: wrap;
    }
}

.deposit-step-3--sepa h3 {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 10px;
}

.deposit-step-3--sepa .btn-copy {
    font-size: 10px;
    margin-left: 10px;
    padding: 5px 10px;
}

.deposit-step-3--sepa .message {
    color: rgb(147, 151, 160);
}

@media screen and (max-width: 500px) {
    .deposit-step-3--sepa .table .btn-copy {
        display: block;
        margin: 6px 0px 0px;
    }
}

@media screen and (max-width: 650px) {
    .deposit-step-3--sepa .table.table .adaptive-label {
        color: rgb(127, 131, 140);
        display: inline-block;
        margin-right: 6px;
    }

    .deposit-step-3--sepa .table.table colgroup {
        display: none;
    }

    .deposit-step-3--sepa .table.table>tbody>tr>td {
        padding-left: 0px;
        padding-right: 0px;
    }

    .deposit-step-3--sepa .table.table thead {
        display: none;
    }

    .deposit-step-3--sepa .table.table tr {
        border: 1px solid;
        border-radius: 10px;
        display: block;
        padding: 10px 20px;
    }

    .deposit-step-3--sepa .table.table tr>td:first-child {
        border-top-color: transparent !important;
    }

    .deposit-step-3--sepa .table.table tr+tr,
    .deposit-step-3--sepa .table.table>tfoot {
        margin-top: 12px;
    }

    .deposit-step-3--sepa .table.table td,
    .deposit-step-3--sepa .table.table tfoot,
    .deposit-step-3--sepa .table.table th {
        display: block;
    }

    .deposit-step-3--sepa .table.table>tbody>tr>td:first-child,
    .deposit-step-3--sepa .table.table>tfoot>tr>th:first-child {
        border-color: transparent !important;
    }

    .theme-dark-blue .deposit-step-3--sepa .table.table tr {
        background-color: rgba(42, 46, 76, 0.35);
        border-color: rgb(41, 45, 74);
    }

    .theme-light .deposit-step-3--sepa .table.table tr {
        background-color: rgb(255, 255, 255);
        border-color: rgb(223, 229, 235);
    }
}

.deposit-step-4 {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.deposit-step-4 .deposit-block__rw {
    grid-template-columns: 1fr;
    margin: 0px auto;
    max-width: 350px;
}

.deposit-step-4 .text1 {
    font-size: 18px;
    margin-bottom: 40px;
    text-align: center;
}

.deposit-step-4 .big-icon {
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
}

.deposit-step-4--success .btn-wrap1 {
    margin-bottom: 50px;
}

.deposit-step-4--success .info-block {
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 25px;
}

.deposit-step-4--success .info-block tr:not(:last-child)>td {
    padding-bottom: 7px;
}

.deposit-step-4--success .text2 {
    font-size: 13px;
    margin-top: 20px;
}

.deposit-step-4--success .other-actions {
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 18px;
}

.deposit-step-4--success .other-actions,
.deposit-step-4--success .other-actions__item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.deposit-step-4--success .other-actions__icon {
    margin-right: 12px;
}

.deposit-step-4--success .text1,
.deposit-step-4--success .text2 {
    text-align: center;
}

.deposit-step-4--fail .btn-wrap {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-top: 40px;
}

.deposit-step-4--fail .btn-wrap .btn+.btn {
    margin-top: 18px;
}

.payments-block {
    display: flex;
    flex-wrap: wrap;
}

.payments-block .divider {
    padding-left: 2px;
}

.payments-block .divider .fa {
    margin-right: 7px;
}

.payments-block .item {
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s, border-color 0.3s;
}

.payments-block .item__end,
.payments-block .item__start {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
}

.payments-block .item__end {
    font-size: 10px;
    grid-template-columns: 1fr 1fr;
    text-align: center;
}

.payments-block .item__end-item {
    height: 21px;
    line-height: 21px;
}

.payments-block .limited-offer {
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    margin-left: 20px;
    overflow: hidden;
    padding: 17px 20px 17px 0px;
    position: relative;
    width: 100%;
}

.payments-block .limited-offer__header {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin: 0px 20px;
}

.payments-block .limited-offer__header .header-label {
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px;
}

.payments-block .limited-offer__header .header-label,
.payments-block .limited-offer__header .header-label .icon-offer {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.payments-block .limited-offer__header .header-label .icon-offer svg {
    flex-shrink: 0;
    height: 24px;
    width: 24px;
}

.payments-block .limited-offer__header .header-label .main-title {
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
}

.payments-block .limited-offer__header .header-label .header-timer {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    backdrop-filter: blur(2px);
    border-radius: 8px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    gap: 6px;
    justify-content: center;
    line-height: 20px;
    padding: 4px 12px;
}

.payments-block .limited-offer__header .offer-text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    width: 60%;
}

.payments-block .limited-offer__header .offer-text span {
    font-weight: 600;
}

.payments-block .limited-offer__unverified {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 8px;
    box-sizing: border-box;
    gap: 12px;
    justify-content: center;
    margin: 12px 0px 0px 20px;
    padding: 4px 12px;
    width: 100%;
}

.payments-block .limited-offer__unverified::before {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>") 50% center / contain no-repeat;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    width: 16px;
}

.payments-block .limited-offer__unverified span {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.payments-block .limited-offer__icon {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    position: absolute;
    right: 9px;
    top: 9px;
    width: 100px;
}

.payments-block .tmp-col .limited-offer {
    background-image: none;
    margin-left: 0px;
    padding-right: 0px;
}

.payments-block .tmp-col .limited-offer__header .header-label {
    background: rgb(28, 32, 54);
    border-radius: 4px;
    display: flex;
    gap: 6px;
    margin-bottom: 0px;
    padding: 8px;
}

.payments-block .tmp-col .limited-offer__header .header-label .icon-offer svg {
    height: 16px;
    width: 16px;
}

.payments-block .tmp-col .limited-offer__header .header-label .main-title {
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.payments-block .tmp-col .limited-offer__header .header-label .header-timer {
    -webkit-box-flex: 1;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    color: rgb(255, 255, 255);
    flex: 1 1 100%;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding: 0px;
    text-align: center;
}

.payments-block .tmp-col .limited-offer .offer-text {
    font-size: 11px;
    line-height: 16px;
    margin: 14px 0px;
    width: 100%;
}

.payments-block .tmp-col .limited-offer .item.js-payments-item {
    background-color: transparent;
    margin: 0px 20px;
    padding: 3px 0px 0px;
    width: 100%;
}

.payments-block .tmp-col .limited-offer .item.js-payments-item .item__start {
    gap: 0px;
    padding-top: 3px;
}

.payments-block .tmp-col .limited-offer__unverified {
    margin-right: 20px;
}

.payments-block .tmp-col .limited-offer__icon {
    display: none;
}

.payments-block.sort1 {
    --gap: 20px;
    margin-left: calc(var(--gap)*-1);
}

.payments-block.sort1 .divider {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    -webkit-box-align: center;
    align-items: center;
    font-size: 18px;
    overflow-x: hidden;
}

.payments-block.sort1 .divider__line {
    border-bottom: 2px dashed;
    margin-left: 15px;
    width: 100%;
}

.payments-block.sort1 .divider__label {
    flex-shrink: 0;
}

.payments-block.sort1 .divider svg {
    flex-shrink: 0;
    margin-right: 8px;
}

.payments-block.sort1 .item {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 calc(33.3333% - var(--gap));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    border-radius: 10px;
    justify-content: space-between;
    margin-top: var(--gap);
    max-width: calc(33.3333% - var(--gap));
    min-height: 70px;
}

.payments-block.sort1 .item__start {
    display: grid;
    grid-template-columns: minmax(auto, 100px) 1fr;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
}

.payments-block.sort1 .item__img-wrap img,
.payments-block.sort1 .item__img-wrap source {
    max-width: 100%;
}

.payments-block.sort1 .item .ajax-loader-v2--absolute {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.payments-block.sort1 .divider,
.payments-block.sort1 .item {
    margin-left: var(--gap);
}

.payments-block.sort1 .divider:not(:first-of-type) {
    margin-top: var(--gap);
}

.payments-block.sort2 {
    --gap: 35px;
    margin-left: calc(var(--gap)*-1);
}

.payments-block.sort2 .divider {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payments-block.sort2 .divider svg {
    margin-right: 7px;
}

.payments-block.sort2 .divider .fa {
    margin-right: 15px;
}

.payments-block.sort2 .tmp-col {
    -webkit-box-flex: 1;
    flex: 1 1 calc(33.3333% - var(--gap));
    margin-left: var(--gap);
    max-width: calc(33.3333% - var(--gap));
}

.payments-block.sort2 .tmp-col>div:first-child {
    margin-top: 0px;
}

.payments-block.sort2 .item {
    margin-bottom: 1px;
    padding: 2px 6px;
}

.payments-block.sort2 .item__start {
    gap: 10px;
    grid-template-columns: minmax(auto, 50px) 1fr;
}

.payments-block.sort2 .item__end {
    display: none;
}

.payments-block.sort2 .item__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payments-block.sort2 .item__img-wrap img,
.payments-block.sort2 .item__img-wrap source {
    max-width: 100%;
}

.payments-block.sort2 .item .ajax-loader-v2__icon {
    height: 32px;
    width: 32px;
}

.payments-block.sort2 .item .ajax-loader-v2--absolute {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

.payments-block.sort2 .divider,
.payments-block.sort2 .item {
    border-radius: 4px;
    min-height: 35px;
}

.payments-block.sort2 .deposit-collapse {
    margin: 20px 0px;
}

.payments-block.sort2 .deposit-collapse__header .available,
.payments-block.sort2 .deposit-collapse__header .text {
    display: none;
}

.deposit-block__col--locked .payments-block {
    opacity: 0.3;
    pointer-events: none;
    user-select: none;
}

.deposit-block__col--locked .payments-block .item {
    pointer-events: none;
}

.deposit-block .current-bonus {
    background-color: var(--backgroud-color);
    border: 1px solid var(--border-color);
    border-radius: 5px;
    margin-bottom: 12px;
}

.deposit-block .current-bonus__header {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    padding: 6px 10px 6px 20px;
    user-select: none;
}

.deposit-block .current-bonus__header svg {
    pointer-events: none;
}

.deposit-block .current-bonus__header svg:not(.svg-icon) {
    color: var(--icon-color);
    margin-right: 8px;
}

.deposit-block .current-bonus__header svg:last-child {
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.deposit-block .current-bonus__header .svg-icon {
    height: 20px;
    position: absolute;
    right: 20px;
    top: 8px;
    width: 20px;
}

.deposit-block .current-bonus__title {
    -webkit-box-flex: 1;
    color: var(--title-color);
    flex: 1 1 0%;
}

.deposit-block .current-bonus__content {
    display: none;
    padding: 0px 20px 18px;
}

.deposit-block .current-bonus .table {
    margin-bottom: 0px;
}

.deposit-block .current-bonus .table td {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    color: var(--color);
    font-size: 12px;
    padding: 12px 0px 0px;
    width: 50%;
    word-break: break-word;
}

.deposit-block .current-bonus .table td:first-child {
    color: rgb(142, 165, 192);
    padding-right: 20px;
}

.deposit-block .current-bonus--opened .current-bonus__header svg:last-child {
    transform: scaleY(-1);
}

.theme-dark-blue .deposit-block .current-bonus {
    --backgroud-color: #171b2f;
    --border-color: #2c3040;
    --color: #fff;
    --icon-color: #fff;
    --title-color: #8ea5c0;
}

.theme-dark-blue .deposit-block .current-bonus__header svg:last-child {
    color: rgb(142, 165, 192);
}

.theme-light .deposit-block .current-bonus {
    --backgroud-color: #eceff3;
    --border-color: #c5d0de;
    --color: #2a5885;
    --icon-color: #8ea5c0;
    --title-color: #2a5885;
}

.deposit-block .video-guide-block {
    margin-bottom: 15px;
}

.deposit-block .video-guide-block__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.deposit-block .video-guide-block__title svg {
    margin-right: 7px;
}

.deposit-block .video-guide-block img {
    border-radius: 10px;
    display: block;
    max-width: 100%;
    overflow: hidden;
}

.deposit-block .youll-get-block {
    --offset-item: 4px;
    margin-bottom: 12px;
}

.deposit-block .youll-get-block svg {
    margin-right: 7px;
}

.deposit-block .youll-get-block__traders-box {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(142, 165, 192);
}

.deposit-block .youll-get-block__traders-box svg {
    color: rgb(0, 154, 249);
    margin-left: 4px;
}

.deposit-block .youll-get-block__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
}

.deposit-block .youll-get-block__sum {
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
}

.deposit-block .youll-get-block__bill .deposit-bill {
    margin-top: 10px;
}

.deposit-block .youll-get-block__bill .deposit-bill__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding: 20px 0px;
}

.deposit-block .youll-get-block__bill .deposit-bill__title svg.svg-icon {
    margin-right: 8px;
}

.deposit-block .youll-get-block__bill .deposit-bill__list .bill-item {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 4px;
}

.deposit-block .youll-get-block__bill .deposit-bill__list .bill-item .name {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.deposit-block .youll-get-block__bill .deposit-bill__list .bill-item .amount {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.deposit-block .youll-get-block__bill .deposit-bill__list .bill-item .purchase {
    color: rgba(142, 165, 192, 0.5);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    width: 100%;
}

.deposit-block .youll-get-block__bill .deposit-bill__list .bill-item.bill-item--v2 .name,
.deposit-block .youll-get-block__bill .deposit-bill__list .bill-item.bill-item--v2 .value {
    font-weight: 600;
}

.deposit-block .youll-get-block__bill .deposit-bill__total {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 8px;
    padding-top: 12px;
}

.deposit-block .youll-get-block__bill .deposit-bill__total .total-label {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.deposit-block .youll-get-block__bill .deposit-bill__total .total-amount {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-align: right;
}

.deposit-block .youll-get-block__ultrade .ultrade-offer {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    gap: 3px;
    line-height: 16px;
}

.deposit-block .youll-get-block__ultrade .ultrade-offer .zipper-wrapper {
    backdrop-filter: blur(2px);
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    height: 14px;
    width: 14px;
}

.deposit-block .youll-get-block__ultrade .ultrade-offer .zipper-wrapper .zipper-icon {
    background-size: contain;
    height: 8px;
    margin: auto;
    width: 8px;
}

.deposit-block .youll-get-block__ultrade-v2 {
    margin-bottom: 10px;
    position: relative;
}

.deposit-block .youll-get-block__ultrade-v2 .ultrade-offer {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 4px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 48px;
    line-height: 16px;
    padding: 8px;
}

.deposit-block .youll-get-block__ultrade-v2 .ultrade-offer__zipper-wrapper {
    box-sizing: border-box;
    display: flex;
    height: 32px;
    margin-right: 10px;
    width: 32px;
}

.deposit-block .youll-get-block__ultrade-v2 .ultrade-offer__zipper-icon {
    background-size: contain;
    height: 32px;
    margin: auto;
    width: 32px;
}

.deposit-block .youll-get-block__ultrade-v2 .ultrade-offer__text {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.deposit-block .youll-get-block__ultrade-v2 .ultrade-offer__info {
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.deposit-block .youll-get-block__ultrade-v2 .ultrade-offer__close-wrapper {
    border-radius: 50%;
    display: flex;
    height: 16px;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 16px;
    z-index: 2;
}

.deposit-block .youll-get-block__ultrade-v2 .ultrade-offer__close-icon {
    cursor: pointer;
    display: flex;
    height: 7px;
    margin: auto;
    width: 7px;
}

.deposit-block .youll-get-block__ultrade-v2 .ultrade-offer__close-icon svg {
    height: 7px;
    margin: 0px;
    width: 7px;
}

.deposit-block .youll-get-block .limited-offer-unverified {
    align-items: center;
    background: rgba(57, 74, 116, 0.3);
    border: 1px dashed rgb(57, 74, 116);
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 12px;
    padding: 5px 12px;
    width: 100%;
    -webkit-box-align: center;
    gap: 10px;
}

.deposit-block .youll-get-block .limited-offer-unverified svg {
    color: rgb(57, 74, 116);
    margin-right: 3px;
    width: 28px;
}

.deposit-block .youll-get-block .limited-offer-unverified span {
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.deposit-block .youll-get-block__chest img {
    border-radius: 2px;
    height: 14px;
    width: 14px;
}

.deposit-block .youll-get-block__amount span {
    font-weight: 700;
}

.deposit-block .youll-get-block .min-depo {
    border-radius: 5px;
    display: grid;
    gap: 16px;
    padding: 12px 16px;
}

.deposit-block .youll-get-block .min-depo__text {
    font-size: 14px;
}

.deposit-block .youll-get-block .min-depo__btn {
    border-radius: 5px;
    font-size: 14px;
    padding: 7px 12px;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s;
}

.deposit-block .youll-get-block__sum,
.deposit-block .youll-get-block__title {
    color: var(--color);
}

.deposit-block .youll-get-block__amount,
.deposit-block .youll-get-block__chest {
    font-size: 12px;
    line-height: 18px;
}

.deposit-block .youll-get-block__amount,
.deposit-block .youll-get-block__sum,
.deposit-block .youll-get-block__title {
    margin-bottom: var(--offset-item);
}

.theme-dark-bue .deposit-block .youll-get-block {
    --color: #fff;
}

.theme-light .deposit-block .youll-get-block {
    --color: #2a5885;
}

.deposit-block .pinfo {
    display: grid;
    gap: 15px;
    grid-template-columns: minmax(auto, 160px) 1fr;
    margin-bottom: 15px;
    margin-top: 15px;
}

.deposit-block .pinfo__img-wrap img {
    max-width: 100%;
}

.deposit-block .pinfo__item-title {
    margin-bottom: 10px;
}

.deposit-block .pinfo__item {
    color: rgb(142, 165, 192);
    font-size: 12px;
}

.deposit-block .prev-btn,
.deposit-block .prev-btn__icon {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.deposit-block .prev-btn__icon {
    -webkit-box-pack: center;
    border-radius: 10px;
    cursor: pointer;
    height: 38px;
    justify-content: center;
    margin-right: 10px;
    transition: background-color 0.3s;
    width: 38px;
}

.deposit-block .prev-btn__text {
    font-size: 14px;
}

.deposit-block {
    border-radius: 10px;
    height: 100%;
    padding: 20px;
}

.deposit-block__in {
    margin: 0px auto;
    max-width: 1180px;
}

.deposit-block__rw {
    display: grid;
    gap: 25px;
    grid-auto-flow: column;
}

.deposit-block__col {
    height: fit-content;
}

.deposit-block .messages-wrap {
    margin: 0px auto;
    max-width: 760px;
}

.deposit-block .page-title {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 30px;
}

.deposit-block .payment-list-divider {
    border: 1px dashed;
    margin: 30px 0px;
}

.deposit-block .deposit-info {
    padding-left: 25px;
    padding-right: 25px;
}

.deposit-block .deposit-account {
    border-radius: 10px;
    margin-bottom: 12px;
    padding: 20px 20px 5px;
}

.deposit-block .deposit-info,
.deposit-block .payment-info-block-deposit,
.deposit-block .your-profile-level {
    margin-bottom: 30px;
}

.deposit-overlay {
    background: rgba(28, 32, 46, 0.5);
    height: 100%;
    left: 0px;
    position: fixed;
    top: 60px;
    width: 100%;
    z-index: 10;
}

.left-sidebar~.site-content .deposit-overlay {
    left: 90px;
}

.deposit-overlay+.deposit-filters .deposit-filters__col:first-of-type {
    z-index: 100;
}

.deposit-overlay+.deposit-filters .deposit-filters__col:first-of-type::after {
    --offset: -6px;
    background-color: var(--background-color);
    border-radius: var(--border-radius);
    content: " ";
    inset: var(--offset);
    position: absolute;
    z-index: -1;
}

.deposit-overlay+.deposit-filters .deposit-filters__col {
    --border-radius: 5px;
}

.theme-dark-blue .deposit-overlay+.deposit-filters .deposit-filters__col {
    --background-color: #23283b;
    --border-color: #464a58;
}

.theme-light .deposit-overlay+.deposit-filters .deposit-filters__col {
    --background-color: #fafafa;
    --border-color: #dce1e6;
}

.deposit-overlay+.deposit-filters .deposit-filters__notice {
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    left: 0px;
    max-width: 240px;
    padding: 10px 12px;
    position: absolute;
    top: -6px;
    z-index: 100;
}

.deposit-overlay+.deposit-filters .deposit-filters__notice-t {
    --font-size: 16px;
    margin-bottom: 10px;
}

.deposit-overlay+.deposit-filters .deposit-filters__notice-text {
    --font-size: 13px;
}

.deposit-overlay+.deposit-filters .deposit-filters__notice-t,
.deposit-overlay+.deposit-filters .deposit-filters__notice-text {
    font-size: var(--font-size);
}

.deposit-filters {
    display: grid;
    gap: 24px 10px;
    grid-template-columns: 1fr auto auto;
    margin-bottom: 24px;
}

.deposit-filters .form-control {
    height: 38px;
}

.deposit-filters .filters-icon {
    display: block;
}

.deposit-filters__col {
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.deposit-filters__col.ajax-loading {
    opacity: 0.5;
    user-select: none;
}

.deposit-block__col--locked .deposit-filters__col:not(.deposit-filters__col--countries) {
    opacity: 0.3;
    pointer-events: none;
}

body:not(.is-m-version) .deposit-filters__col--countries {
    grid-column: span 3;
}

.deposit-filters__col-label {
    margin-bottom: 12px;
}

.deposit-filters__btn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border-radius: 5px;
    cursor: pointer;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.deposit-filters__search-input {
    padding-right: 36px;
}

.deposit-filters__search-icon {
    bottom: 12px;
    position: absolute;
    right: 12px;
}

.deposit-filters .message {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    font-size: 13px;
    justify-content: center;
    margin-bottom: 0px;
}

.deposit-filters .message::before {
    margin-right: 10px;
    margin-top: 0px;
    position: unset;
}

body:not(.is-m-version) .deposit-filters .message {
    grid-column: span 3;
}

.deposit-collapse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 10px;
    box-sizing: border-box;
    flex-direction: column;
    margin: 20px 0px 0px 20px;
    transition: background-color 0.3s, border-color 0.3s;
}

.deposit-collapse,
.deposit-collapse__header {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
}

.deposit-collapse__header {
    cursor: pointer;
    height: 64px;
    padding: 0px 24px 0px 0px;
}

.deposit-collapse__header .icon img {
    width: 95px;
}

.deposit-collapse__header .title {
    left: -10px;
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-left: 2px;
}

.deposit-collapse__header .text {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-left: 20px;
    text-align: right;
}

.deposit-collapse__header .arrow {
    display: flex;
    height: 20px;
    margin-left: 20px;
    transition: 0.3s;
    width: 20px;
}

.deposit-collapse__header .arrow svg {
    margin: auto;
}

.deposit-collapse__body {
    height: 0px;
    overflow: hidden;
    transition: height 0.3s;
    width: 100%;
}

.deposit-collapse__body .collapse-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 20px 20px 0px;
}

.deposit-collapse__footer {
    display: none;
}

.deposit-collapse.isOpen .arrow {
    transform: rotate(180deg);
}

.payments-block.sort1 .deposit-collapse .item {
    box-sizing: border-box;
}

.payments-block.sort1 .deposit-collapse .item__label {
    font-size: 12px;
}

.payments-block.sort1 .deposit-collapse .item__end {
    white-space: nowrap;
}

.support-text__text {
    margin-bottom: 10px;
}

.support-text a {
    border-bottom: 1px solid;
    transition: border-color 0.3s;
}

.support-text a:not(:last-of-type) {
    margin-bottom: 8px;
}

.support-text__links {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
}

.secure-block {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-left: -10px;
    margin-top: -10px;
}

.secure-block__item {
    margin-left: 10px;
    margin-top: 10px;
}

.payment-info-block-deposit {
    border-radius: 10px;
    padding: 20px 25px 25px;
}

.payment-info-block-deposit__title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}

.payment-info-block-deposit__data {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.payment-info-block-deposit__img {
    border-radius: 10px;
    display: block;
}

.payment-info-block-deposit__img-wrap {
    margin-right: 35px;
    width: 150px;
}

.payment-info-block-deposit__img-wrap img {
    display: block;
    max-width: 100%;
}

.payment-info-block-deposit__end {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.payment-info-block-deposit__block {
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 5px;
    text-align: center;
}

.payment-info-block-deposit__block:last-child {
    margin-bottom: 0px;
}

.payment-info-block-deposit__v {
    font-size: 16px;
    font-weight: 700;
}

.payment-info-block-deposit__k {
    font-size: 10px;
}

.payment-info-block-deposit__text {
    margin-top: 20px;
}

.payment-info-block-deposit__text span {
    font-weight: 700;
}

.sum-offer-list {
    --gap: 4px;
    display: grid;
    gap: var(--gap);
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    margin-bottom: 15px;
}

.sum-offer-item {
    border-radius: 4px;
    font-size: 12px;
    line-height: 15px;
    padding: 4px;
    position: relative;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s;
}

.sum-offer-item__amount {
    inset: 0px;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: 0;
    text-align: center;
}

.sum-offer-item:hover .sum-offer-item__rate {
    opacity: 0;
}

.sum-offer-item:hover .sum-offer-item__amount {
    opacity: 1;
}

.sum-offer-item__amount,
.sum-offer-item__rate {
    transition: 0.3s;
}

.deposit-chest-list {
    --gap: 15px;
    padding: var(--block-padding-y) var(--block-padding-x);
}

.deposit-chest-list img {
    display: block;
    max-width: 100%;
}

.deposit-chest-list__in {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-left: calc(var(--gap)*-1);
    margin-top: calc(var(--gap)*-1);
}

.deposit-chest-list__title {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 15px;
}

.deposit-chest-list__item {
    border: 1px solid;
    border-radius: 4px;
    cursor: pointer;
    margin-left: var(--gap);
    margin-top: var(--gap);
    overflow: hidden;
    transition: background-color 0.3s, box-shadow 0.3s, border-color 0.3s, opacity 0.3s, -webkit-box-shadow 0.3s;
    width: 50px;
}

.deposit-chest-list__item--beginner {
    background-color: rgba(83, 225, 139, 0.1);
    border-color: rgba(83, 225, 139, 0.3);
    opacity: 0.6;
}

.deposit-chest-list__item--beginner:hover {
    background-color: transparent;
    border-color: rgba(83, 225, 139, 0.2);
    box-shadow: rgba(83, 225, 139, 0.3) 0px 0px 6px 3px;
    opacity: 1;
}

.deposit-chest-list__item--beginner.deposit-chest-list__item--active {
    background-color: rgb(83, 225, 139);
    border-color: rgba(83, 225, 139, 0.5);
    box-shadow: rgba(83, 225, 139, 0.5) 0px 0px 6px 3px;
    opacity: 1;
}

.deposit-chest-list__item--experience {
    background-color: rgba(200, 83, 101, 0.1);
    border-color: rgba(200, 83, 101, 0.3);
    opacity: 0.6;
}

.deposit-chest-list__item--experience:hover {
    background-color: transparent;
    border-color: rgba(200, 83, 101, 0.2);
    box-shadow: rgba(200, 83, 101, 0.3) 0px 0px 6px 3px;
    opacity: 1;
}

.deposit-chest-list__item--experience.deposit-chest-list__item--active {
    background-color: rgb(200, 83, 101);
    border-color: rgba(200, 83, 101, 0.5);
    box-shadow: rgba(200, 83, 101, 0.5) 0px 0px 6px 3px;
    opacity: 1;
}

.deposit-chest-list__item--master {
    background-color: rgba(238, 179, 75, 0.1);
    border-color: rgba(238, 179, 75, 0.3);
    opacity: 0.6;
}

.deposit-chest-list__item--master:hover {
    background-color: transparent;
    border-color: rgba(238, 179, 75, 0.2);
    box-shadow: rgba(238, 179, 75, 0.3) 0px 0px 6px 3px;
    opacity: 1;
}

.deposit-chest-list__item--master.deposit-chest-list__item--active {
    background-color: rgb(238, 179, 75);
    border-color: rgba(238, 179, 75, 0.5);
    box-shadow: rgba(238, 179, 75, 0.5) 0px 0px 6px 3px;
    opacity: 1;
}

.deposit-chest-list__item--professional {
    background-color: rgba(136, 72, 220, 0.1);
    border-color: rgba(136, 72, 220, 0.3);
    opacity: 0.6;
}

.deposit-chest-list__item--professional:hover {
    background-color: transparent;
    border-color: rgba(136, 72, 220, 0.2);
    box-shadow: rgba(136, 72, 220, 0.3) 0px 0px 6px 3px;
    opacity: 1;
}

.deposit-chest-list__item--professional.deposit-chest-list__item--active {
    background-color: rgb(136, 72, 220);
    border-color: rgba(136, 72, 220, 0.5);
    box-shadow: rgba(136, 72, 220, 0.5) 0px 0px 6px 3px;
    opacity: 1;
}

.deposit-chest-list__item--guru {
    background-color: rgba(63, 147, 209, 0.1);
    border-color: rgba(63, 147, 209, 0.3);
    opacity: 0.6;
}

.deposit-chest-list__item--guru:hover {
    background-color: transparent;
    border-color: rgba(63, 147, 209, 0.2);
    box-shadow: rgba(63, 147, 209, 0.3) 0px 0px 6px 3px;
    opacity: 1;
}

.deposit-chest-list__item--guru.deposit-chest-list__item--active {
    background-color: rgb(63, 147, 209);
    border-color: rgba(63, 147, 209, 0.5);
    box-shadow: rgba(63, 147, 209, 0.5) 0px 0px 6px 3px;
    opacity: 1;
}

.amount-chest-info {
    padding: 0 var(--block-padding-x) var(--block-padding-y);
}

.amount-chest-info::after {
    display: none;
}

.amount-chest-info__in {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
}

.amount-chest-info__info {
    margin-top: -4px;
}

.amount-chest-info__img {
    display: block;
}

.amount-chest-info__title {
    margin-bottom: 7px;
}

.amount-chest-info__text {
    position: relative;
}

.amount-chest-info__text .tooltip2 {
    display: inline-block;
    margin-left: 4px;
    position: static;
}

.amount-chest-info__text,
.amount-chest-info__title {
    font-size: 12px;
}

.promocode-info-block {
    width: 100%;
}

.promocode-info-block .ajax-loader-v2--button {
    margin: 0px;
}

.promocode-info-block__v3 .fa-check {
    color: rgb(95, 202, 100);
}

.promocode-info-block__v3,
.promocode-info-block__v4 {
    color: rgb(255, 43, 29);
    cursor: pointer;
}

.deposit-birthday-date-3-cols {
    display: grid;
    gap: 5px;
    grid-template-columns: 3fr 1fr 1fr;
}

.additional-parameters-block {
    margin-bottom: 15px;
}

.message-summer-promo-2025 {
    display: grid;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 8px;
    gap: 10px;
    grid-template-columns: 160px 1fr;
    min-height: 90px;
    padding-right: 10px;
}

.message-summer-promo-2025__l {
    position: relative;
}

.message-summer-promo-2025__l img {
    left: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.message-summer-promo-2025__r {
    padding-bottom: 10px;
    padding-top: 10px;
}

.message-summer-promo-2025__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.message-summer-promo-2025__text {
    font-size: 14px;
    line-height: 20px;
}

.message-unlock-new-trading-location {
    display: grid;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    background-color: var(--background-color-base);
    border: 1px solid var(--border-color-base);
    border-radius: 8px;
    gap: 10px;
    grid-template-columns: 157px 1fr;
    margin-top: 30px;
    min-height: 90px;
    padding: 0px;
}

.message-unlock-new-trading-location .mb {
    display: none;
}

.message-unlock-new-trading-location svg {
    display: block;
}

.message-unlock-new-trading-location__start {
    height: 100%;
}

.message-unlock-new-trading-location__end {
    padding: 17px 20px 19px 0px;
}

.message-unlock-new-trading-location__img-wrap {
    height: 100%;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.message-unlock-new-trading-location__img-wrap img {
    bottom: -13px;
    left: -47px;
    position: absolute;
    user-select: none;
}

.message-unlock-new-trading-location__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.message-unlock-new-trading-location__text {
    font-size: 14px;
    line-height: 20px;
}

.message-unlock-new-trading-location__divider {
    background-color: rgba(142, 165, 192, 0.2);
    height: 1px;
    margin: 9px 0px 11px;
}

.message-unlock-new-trading-location__note {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    grid-template-columns: 24px 1fr;
}

.message-unlock-new-trading-location__note-text {
    color: rgb(142, 165, 192);
    font-size: 12px;
    line-height: 16px;
}

.message-unlock-new-trading-location--v2 .message-unlock-new-trading-location__img-wrap img {
    bottom: 17px;
    left: 3px;
}

.message-unlock-new-trading-location--chiangmai .message-unlock-new-trading-location__img-wrap img,
.message-unlock-new-trading-location--marrakech .message-unlock-new-trading-location__img-wrap img,
.message-unlock-new-trading-location--salta .message-unlock-new-trading-location__img-wrap img {
    bottom: 26px;
    left: 21px;
    transform: scale(1.2);
}

.message-unlock-new-trading-location--istanbul .message-unlock-new-trading-location__img-wrap img,
.message-unlock-new-trading-location--prague .message-unlock-new-trading-location__img-wrap img,
.message-unlock-new-trading-location--seoul .message-unlock-new-trading-location__img-wrap img {
    bottom: 26px;
    left: 21px;
}

.message-unlock-new-trading-location__text,
.message-unlock-new-trading-location__title {
    color: var(--text-color-base);
}

.message-x2-summer {
    background: var(--backgroud-base);
    border: 1px solid var(--border-color-base);
    border-radius: 8px;
    color: var(--text-color);
    display: grid;
    gap: 8px;
    grid-template-columns: 160px 1fr;
    min-height: 90px;
    padding: 0px 10px 0px 0px;
}

.message-x2-summer__start {
    position: relative;
}

.message-x2-summer__start img {
    bottom: 0px;
    display: block;
    left: 0px;
    position: absolute;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.message-x2-summer__end {
    padding-bottom: 20px;
    padding-top: 20px;
}

.message-x2-summer__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 7px;
}

.message-x2-summer__text {
    font-size: 14px;
    line-height: 20px;
}

.message-x2-summer:hover .message-x2-summer__start img {
    transform: scale(1.03) translateY(-1px);
}

.theme-dark-blue .message-x2-summer {
    --text-color: #fff;
    --border-color-base: #3a6b9b;
    --backgroud-base: linear-gradient(90deg, #1da1d6, #184982);
}

.theme-light .message-x2-summer {
    --text-color: #314e70;
    --border-color-base: none;
    --backgroud-base: #e5f0f8;
}

@media screen and (max-width: 380px) {
    .message-x2-summer {
        grid-template-columns: 130px 1fr;
        min-height: unset;
    }

    .message-x2-summer__start img {
        transform: scale(0.8) translate(-10px, 13px);
    }

    .message-x2-summer__end {
        padding-bottom: 7px;
        padding-top: 7px;
    }

    .message-x2-summer:hover .message-x2-summer__start img {
        transform: scale(0.85) translate(-10px, 11px);
    }
}

.message-flash {
    background: var(--backgroud-base);
    border: 1px solid var(--border-color-base);
    border-radius: 8px;
    color: var(--text-color);
    display: grid;
    gap: 8px;
    grid-template-columns: 160px 1fr;
    min-height: 90px;
    padding: 0px 10px 0px 0px;
}

.message-flash__start {
    position: relative;
}

.message-flash__img-wrap {
    bottom: 0px;
    height: 110px;
    left: 0px;
    overflow: hidden;
    position: absolute;
}

.message-flash__img-wrap img {
    display: block;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.message-flash__end {
    padding-bottom: 20px;
    padding-top: 20px;
}

.message-flash__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 7px;
}

.message-flash__text {
    font-size: 14px;
    line-height: 20px;
}

body.is-pc-version .message-flash:hover .message-flash__start img {
    transform: scale(1.03) translateY(3px);
}

.theme-dark-blue .message-flash {
    --text-color: #fff;
    --border-color-base: #03184a;
    --backgroud-base: linear-gradient(90deg, #012f97, #050e25);
}

.theme-light .message-flash {
    --text-color: #314e70;
    --border-color-base: none;
    --backgroud-base: #e5f0f8;
}

@media screen and (max-width: 500px) {
    .message-flash__img-wrap {
        height: 125px;
    }
}

@media screen and (max-width: 380px) {
    .message-flash {
        grid-template-columns: 110px 1fr;
        min-height: unset;
    }

    .message-flash__start img {
        transform: scale(0.8) translate(-30px, 13px);
    }

    .message-flash__end {
        padding-bottom: 7px;
        padding-top: 7px;
    }

    body.is-pc-version .message-flash:hover .message-flash__start img {
        transform: scale(0.85) translate(-10px, 11px);
    }
}

.message-trade-like-a-pro,
.message-trade-like-a-pro-2 {
    background: var(--backgroud-base);
    border-radius: 8px;
    color: var(--text-color);
    display: grid;
    gap: 8px;
    grid-template-columns: 160px 1fr;
    min-height: 90px;
    padding: 0px 10px 0px 0px;
}

.message-trade-like-a-pro-2__bg,
.message-trade-like-a-pro__bg {
    border-radius: 8px;
    height: 100%;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 300px;
}

.message-trade-like-a-pro-2__bg img,
.message-trade-like-a-pro-2__start,
.message-trade-like-a-pro__bg img,
.message-trade-like-a-pro__start {
    position: relative;
}

.message-trade-like-a-pro-2__img-wrap,
.message-trade-like-a-pro__img-wrap {
    height: 110px;
    position: absolute;
}

.message-trade-like-a-pro-2__end,
.message-trade-like-a-pro__end {
    padding-bottom: 20px;
    padding-top: 20px;
}

.message-trade-like-a-pro-2__title,
.message-trade-like-a-pro__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 7px;
}

.message-trade-like-a-pro-2__text,
.message-trade-like-a-pro__text {
    font-size: 14px;
    line-height: 20px;
}

.message-trade-like-a-pro--football .message-trade-like-a-pro__bg img,
.message-trade-like-a-pro--tennis .message-trade-like-a-pro__bg img,
.message-trade-like-a-pro-2--football .message-trade-like-a-pro__bg img,
.message-trade-like-a-pro-2--tennis .message-trade-like-a-pro__bg img {
    left: -126px;
    top: -34px;
}

.message-trade-like-a-pro--football .message-trade-like-a-pro__img-wrap,
.message-trade-like-a-pro--tennis .message-trade-like-a-pro__img-wrap,
.message-trade-like-a-pro-2--football .message-trade-like-a-pro__img-wrap,
.message-trade-like-a-pro-2--tennis .message-trade-like-a-pro__img-wrap {
    bottom: 5px;
    left: 34px;
}

.message-trade-like-a-pro--cricket .message-trade-like-a-pro__bg img,
.message-trade-like-a-pro--hockey .message-trade-like-a-pro__bg img,
.message-trade-like-a-pro-2--cricket .message-trade-like-a-pro__bg img,
.message-trade-like-a-pro-2--hockey .message-trade-like-a-pro__bg img {
    left: -124px;
    top: -24px;
}

.message-trade-like-a-pro--cricket .message-trade-like-a-pro__img-wrap,
.message-trade-like-a-pro--hockey .message-trade-like-a-pro__img-wrap,
.message-trade-like-a-pro-2--cricket .message-trade-like-a-pro__img-wrap,
.message-trade-like-a-pro-2--hockey .message-trade-like-a-pro__img-wrap {
    bottom: 20px;
    left: 22px;
}

.message-trade-like-a-pro--hockey .message-trade-like-a-pro__bg img,
.message-trade-like-a-pro-2--hockey .message-trade-like-a-pro__bg img {
    left: -105px;
    top: -13px;
}

.message-trade-like-a-pro--hockey .message-trade-like-a-pro__img-wrap,
.message-trade-like-a-pro-2--hockey .message-trade-like-a-pro__img-wrap {
    bottom: 28px;
    left: 15px;
}

.message-trade-like-a-pro--basketball .message-trade-like-a-pro__bg img,
.message-trade-like-a-pro--volleyball .message-trade-like-a-pro__bg img,
.message-trade-like-a-pro-2--basketball .message-trade-like-a-pro__bg img,
.message-trade-like-a-pro-2--volleyball .message-trade-like-a-pro__bg img {
    left: -102px;
    top: 0px;
}

.message-trade-like-a-pro--basketball .message-trade-like-a-pro__img-wrap,
.message-trade-like-a-pro--volleyball .message-trade-like-a-pro__img-wrap,
.message-trade-like-a-pro-2--basketball .message-trade-like-a-pro__img-wrap,
.message-trade-like-a-pro-2--volleyball .message-trade-like-a-pro__img-wrap {
    bottom: 26px;
    left: 10px;
}

.message-trade-like-a-pro--volleyball .message-trade-like-a-pro__bg img,
.message-trade-like-a-pro-2--volleyball .message-trade-like-a-pro__bg img {
    left: -120px;
    top: -40px;
}

.message-trade-like-a-pro--volleyball .message-trade-like-a-pro__img-wrap,
.message-trade-like-a-pro-2--volleyball .message-trade-like-a-pro__img-wrap {
    bottom: 20px;
    left: 18px;
}

.theme-dark-blue .message-trade-like-a-pro,
.theme-dark-blue .message-trade-like-a-pro-2 {
    --text-color: #fff;
    --backgroud-base: #00132e;
}

.theme-light .message-trade-like-a-pro,
.theme-light .message-trade-like-a-pro-2 {
    --text-color: #314e70;
    --backgroud-base: #e5f0f8;
}

@media screen and (max-width: 480px) {

    .message-trade-like-a-pro--football,
    .message-trade-like-a-pro--tennis,
    .message-trade-like-a-pro-2--football,
    .message-trade-like-a-pro-2--tennis {
        grid-template-columns: 130px 1fr;
    }

    .message-trade-like-a-pro--football .message-trade-like-a-pro__img-wrap,
    .message-trade-like-a-pro--tennis .message-trade-like-a-pro__img-wrap,
    .message-trade-like-a-pro-2--football .message-trade-like-a-pro__img-wrap,
    .message-trade-like-a-pro-2--tennis .message-trade-like-a-pro__img-wrap {
        bottom: 5px;
        left: 5px;
    }
}

@media screen and (max-width: 380px) {

    .message-trade-like-a-pro,
    .message-trade-like-a-pro-2 {
        grid-template-columns: 110px 1fr;
        min-height: unset;
    }

    .message-trade-like-a-pro-2__end,
    .message-trade-like-a-pro__end {
        padding-bottom: 7px;
        padding-top: 7px;
    }

    .message-trade-like-a-pro-2__img-wrap,
    .message-trade-like-a-pro__img-wrap {
        transform: scale(0.8);
    }

    .message-trade-like-a-pro--football .message-trade-like-a-pro__img-wrap,
    .message-trade-like-a-pro--tennis .message-trade-like-a-pro__img-wrap,
    .message-trade-like-a-pro-2--football .message-trade-like-a-pro__img-wrap,
    .message-trade-like-a-pro-2--tennis .message-trade-like-a-pro__img-wrap {
        bottom: 5px;
        left: -3px;
    }

    .message-trade-like-a-pro--cricket .message-trade-like-a-pro__img-wrap,
    .message-trade-like-a-pro--hockey .message-trade-like-a-pro__img-wrap,
    .message-trade-like-a-pro-2--cricket .message-trade-like-a-pro__img-wrap,
    .message-trade-like-a-pro-2--hockey .message-trade-like-a-pro__img-wrap {
        bottom: 16px;
        left: -16px;
    }

    .message-trade-like-a-pro--hockey .message-trade-like-a-pro__bg img,
    .message-trade-like-a-pro-2--hockey .message-trade-like-a-pro__bg img {
        left: -126px;
    }

    .message-trade-like-a-pro--hockey .message-trade-like-a-pro__img-wrap,
    .message-trade-like-a-pro-2--hockey .message-trade-like-a-pro__img-wrap {
        left: -26px;
    }

    .message-trade-like-a-pro--basketball .message-trade-like-a-pro__img-wrap,
    .message-trade-like-a-pro--volleyball .message-trade-like-a-pro__img-wrap,
    .message-trade-like-a-pro-2--basketball .message-trade-like-a-pro__img-wrap,
    .message-trade-like-a-pro-2--volleyball .message-trade-like-a-pro__img-wrap {
        bottom: 22px;
        left: -28px;
    }

    .message-trade-like-a-pro--volleyball .message-trade-like-a-pro__bg img,
    .message-trade-like-a-pro-2--volleyball .message-trade-like-a-pro__bg img {
        left: -130px;
    }

    .message-trade-like-a-pro--volleyball .message-trade-like-a-pro__img-wrap,
    .message-trade-like-a-pro-2--volleyball .message-trade-like-a-pro__img-wrap {
        bottom: 12px;
        left: -18px;
    }
}

.message-unlock-new-trading-location:hover .message-unlock-new-trading-location__img-wrap {
    transform: scale(1.02);
}

.message-unlock-new-trading-location--chartbreak .message-unlock-new-trading-location__img-wrap img {
    bottom: -30px;
    left: -18px;
    transform: scale(1.2);
}

.message-unlock-new-trading-location--ladyfortune .message-unlock-new-trading-location__img-wrap img {
    bottom: 15px;
    left: 2px;
    transform: scale(1.2);
}

.message-unlock-new-trading-location--ultrader .message-unlock-new-trading-location__img-wrap img {
    bottom: -8px;
    left: -7px;
    transform: scale(1.2);
}

@media screen and (max-width: 520px) {
    .message-unlock-new-trading-location .message-unlock-new-trading-location__img-wrap img {
        transform: scale(0.8);
    }

    .message-unlock-new-trading-location--chartbreak .message-unlock-new-trading-location__img-wrap img {
        bottom: -10px;
        left: -40px;
    }

    .message-unlock-new-trading-location--ladyfortune .message-unlock-new-trading-location__img-wrap img {
        bottom: 26px;
        left: -20px;
    }

    .message-unlock-new-trading-location--ultrader .message-unlock-new-trading-location__img-wrap img {
        bottom: 16px;
        left: -23px;
    }
}

.message-ny2026 {
    border-radius: 12px;
    display: grid;
    gap: 8px;
    grid-template-columns: 132px 1fr;
    min-height: 90px;
    overflow: hidden;
    padding: 0px 10px 0px 0px;
}

.message-ny2026__bg {
    left: -68px;
    position: absolute;
    top: -90px;
}

.message-ny2026__bg img {
    display: block;
    position: relative;
}

.message-ny2026__start {
    position: relative;
}

.message-ny2026__img-wrap {
    height: 110px;
    left: -27px;
    position: absolute;
    top: -27px;
}

.message-ny2026__end {
    padding-bottom: 10px;
    padding-top: 10px;
}

.message-ny2026__title {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 4px;
}

.message-ny2026__text {
    font-size: 14px;
    line-height: 20px;
}

.theme-dark-blue .message-ny2026 {
    background-color: rgb(18, 28, 41);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0.5px 0px, rgba(7, 244, 104, 0.1) 0px 1px 0px 0px inset, rgba(7, 244, 104, 0.3) 0px 0px 1px 0px inset;
    color: rgb(222, 253, 235);
}

.theme-dark-blue .message-ny2026__title {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(255, 255, 255), rgb(7, 244, 104)) text;
}

.theme-light .message-ny2026 {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(49, 78, 112, 0.25) 0px 1px 0.5px 0px, rgba(142, 165, 192, 0.1) 0px 1px 0px 0px inset, rgba(142, 165, 192, 0.3) 0px 0px 1px 0px inset;
    color: rgb(49, 78, 112);
}

.theme-light .message-ny2026__title {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(49, 78, 112), rgb(24, 183, 89)) text;
}

@media screen and (max-width: 380px) {
    .message-ny2026 {
        grid-template-columns: 100px 1fr;
        min-height: unset;
    }

    .message-ny2026__end {
        padding-bottom: 7px;
        padding-top: 7px;
    }

    .message-ny2026__img-wrap {
        left: -35px;
        top: -30px;
        transform: scale(0.8);
    }
}

.message-ny2026-hero {
    background-color: var(--background-color-base);
    border: 1px solid var(--border-color-base);
    border-radius: 12px;
    gap: 10px;
    margin-top: 30px;
    min-height: 90px;
    padding: 13px 24px 13px 200px;
    position: relative;
}

.message-ny2026-hero .mb {
    display: none;
}

.message-ny2026-hero svg {
    display: block;
}

.message-ny2026-hero__img-wrap {
    height: 100%;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.message-ny2026-hero__img-wrap img {
    bottom: 0px;
    left: -18px;
    position: absolute;
    user-select: none;
}

.message-ny2026-hero__title {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.message-ny2026-hero__text {
    border-bottom: 1px solid rgba(142, 165, 192, 0.2);
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 8px;
}

.message-ny2026-hero__note {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
    grid-template-columns: 24px 1fr;
    padding-top: 10px;
}

.message-ny2026-hero__note-text {
    color: rgb(142, 165, 192);
    font-size: 12px;
    line-height: 16px;
}

.message-ny2026-hero:hover .message-ny2026-hero {
    transform: scale(1.02);
}

.message-ny2026-hero__text,
.message-ny2026-hero__title {
    color: var(--text-color-base);
}

.theme-light .message-ny2026-hero {
    background-color: rgb(250, 250, 250);
    box-shadow: rgba(142, 165, 192, 0.1) 0px 1px 0px 0px inset, rgba(142, 165, 192, 0.3) 0px 0px 1px 0px inset;
}

.theme-light .message-ny2026-hero__title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(49, 78, 112), rgb(24, 183, 89)) text;
}

.theme-dark-blue .message-ny2026-hero {
    background-color: rgb(18, 28, 41);
}

.theme-dark-blue .message-ny2026-hero__title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(255, 255, 255), rgb(7, 244, 104)) text;
}

.message-ny2026-hero {
    background-position: 0px 100%;
    background-repeat: no-repeat;
}

.theme-light .message-ny2026-hero {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

.theme-dark-blue .message-ny2026-hero {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
}

.deposit-banner.deposit-banner--black5 {
    --padding-left: 133px;
}

.deposit-banner.deposit-banner--black5 .deposit-banner__img {
    --left: -8px;
    bottom: -12px;
    transform: scale(1.2);
}

.theme-dark-blue .deposit-banner.deposit-banner--black5 {
    --backgroud-base: #070503;
    border: 1px solid rgb(78, 53, 14);
}

.theme-light .deposit-banner.deposit-banner--black5 {
    --backgroud-base: #fff6e5;
    border: 1px solid rgb(216, 186, 133);
}

.deposit-banner--blue100 {
    height: 114px;
}

.deposit-banner--blue100 .deposit-banner__bg {
    --opacity: 0.5;
}

.deposit-banner--blue100 .deposit-banner__bg::after {
    bottom: 12px;
    height: 108px;
    left: 37px;
    transform: none;
}

.deposit-banner--blue100 .deposit-banner__img {
    --left: 16px;
    --width: 195px;
}

@media screen and (width <=479px) {
    .deposit-banner--blue100 .deposit-banner__bg {
        --width: 70px;
        --height: 128px;
    }

    .deposit-banner--blue100 .deposit-banner__bg::after {
        left: 25px;
    }

    .deposit-banner--blue100 .deposit-banner__img {
        --top: 50%;
        --left: 0;
        --width: 118px;
    }
}

.deposit-banner.deposit-banner--carnaval {
    min-height: 112px;
}

.deposit-banner.deposit-banner--carnaval .deposit-banner__pic {
    bottom: 27px;
    position: relative;
}

.deposit-banner.deposit-banner--carnaval .deposit-banner__img {
    --left: -25px;
    --top: unset;
    bottom: 0px;
    height: 150px;
    overflow: hidden;
}

.theme-dark-blue .deposit-banner.deposit-banner--carnaval {
    border: 1px solid rgb(28, 48, 75);
}

.theme-light .deposit-banner.deposit-banner--carnaval {
    border: 1px solid rgb(214, 225, 234);
}

@media screen and (width <=479px) {
    .deposit-banner.deposit-banner--carnaval .deposit-banner__img {
        --left: -15px;
    }

    .deposit-banner.deposit-banner--carnaval .deposit-banner__pic {
        transform: scale(0.7) translate(-42px, 15px);
    }
}

.deposit-banner--flash .deposit-banner__img {
    height: 110px;
    overflow: hidden;
}

@media screen and (width <=479px) {
    .deposit-banner--flash .deposit-banner__img {
        height: 125px;
    }

    .deposit-banner--flash .deposit-banner__pic {
        transform: scale(0.85) translate(-34px, 4px);
    }
}

.deposit-banner.deposit-banner--football-latam {
    min-height: 112px;
}

.deposit-banner.deposit-banner--football-latam .deposit-banner__pic {
    bottom: 12px;
    position: relative;
}

.deposit-banner.deposit-banner--football-latam .deposit-banner__img {
    --left: -25px;
    --top: unset;
    bottom: 0px;
    height: 150px;
    overflow: hidden;
}

.theme-dark-blue .deposit-banner.deposit-banner--football-latam {
    border: 1px solid rgb(28, 48, 75);
}

.theme-light .deposit-banner.deposit-banner--football-latam {
    border: 1px solid rgb(214, 225, 234);
}

@media screen and (width <=479px) {
    .deposit-banner.deposit-banner--football-latam .deposit-banner__img {
        --left: -15px;
    }

    .deposit-banner.deposit-banner--football-latam .deposit-banner__pic {
        transform: scale(0.7) translate(-42px, 15px);
    }
}

.deposit-banner--fresh100 .deposit-banner__bg {
    --gradient: linear-gradient(183deg, #ece942 25.98%, #ece942 77.02%);
    --opacity: 0.5;
}

.deposit-banner--fresh100 .deposit-banner__img {
    --left: 32px;
    --width: 95px;
}

@media screen and (width <=479px) {
    .deposit-banner--fresh100 .deposit-banner__bg {
        --width: 70px;
        --height: 128px;
    }

    .deposit-banner--fresh100 .deposit-banner__bg::after {
        left: 10px;
        top: 10px;
    }

    .deposit-banner--fresh100 .deposit-banner__img {
        --top: 50%;
        --left: 16px;
        --width: 85px;
        transform: translateY(-50%);
    }
}

.deposit-banner--summer-promo-2025 .deposit-banner__img {
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (width <=479px) {
    .deposit-banner--summer-promo-2025 .deposit-banner__img {
        --width: 115px;
    }

    .deposit-banner--x2-summer .deposit-banner__img {
        --width: 110px;
    }
}

.deposit-banner.deposit-banner--art-promo {
    padding-bottom: 30px;
    padding-top: 30px;
}

.deposit-banner.deposit-banner--art-promo .deposit-banner__img {
    --left: -2px;
    --top: unset;
    bottom: -2px;
    height: 150px;
    overflow: hidden;
}

.theme-dark-blue .deposit-banner.deposit-banner--art-promo {
    border: 1px solid rgb(28, 48, 75);
}

.theme-light .deposit-banner.deposit-banner--art-promo {
    border: 1px solid rgb(214, 225, 234);
}

@media screen and (width <=479px) {
    .deposit-banner.deposit-banner--art-promo .deposit-banner__img {
        --left: 6px;
        bottom: 9px;
    }

    .deposit-banner.deposit-banner--art-promo .deposit-banner__pic {
        transform: scale(0.7) translate(-42px, 15px);
    }
}

.deposit-banner.deposit-banner--ramadan26 {
    min-height: 112px;
}

.deposit-banner.deposit-banner--ramadan26 .deposit-banner__img {
    --top: unset;
    --left: 10px;
    bottom: -8px;
    height: 140px;
    overflow: hidden;
}

.deposit-banner.deposit-banner--ramadan26 .deposit-banner__pic {
    height: 140px;
}

.theme-dark-blue .deposit-banner.deposit-banner--ramadan26 {
    border: 1px solid rgb(28, 48, 75);
}

.theme-light .deposit-banner.deposit-banner--ramadan26 {
    border: 1px solid rgb(214, 225, 234);
}

@media screen and (width <=479px) {
    .deposit-banner.deposit-banner--ramadan26 .deposit-banner__img {
        --left: 20px;
    }

    .deposit-banner.deposit-banner--ramadan26 .deposit-banner__pic {
        transform: scale(0.7) translate(-42px, 15px);
    }
}

.deposit-banner.deposit-banner--womens-day {
    height: 114px;
    margin-top: 15px;
}

.deposit-banner.deposit-banner--womens-day .deposit-banner__img {
    bottom: 0px;
    height: 114px;
    left: 0px;
    top: unset;
    width: 160px;
}

.deposit-banner.deposit-banner--womens-day .deposit-banner__img .banner-pic {
    left: 50%;
    position: absolute;
    top: 30%;
    transform: translate(-50%, -50%);
    width: 115px;
    z-index: 2;
}

.deposit-banner.deposit-banner--womens-day .deposit-banner__img .banner-bg {
    left: 55%;
    position: absolute;
    top: 25%;
    transform: translate(-50%, -50%);
    width: 170px;
    z-index: 1;
}

.theme-dark-blue .deposit-banner.deposit-banner--womens-day {
    border: 1px solid rgb(28, 48, 75);
}

.theme-light .deposit-banner.deposit-banner--womens-day {
    border: 1px solid rgb(214, 225, 234);
}

@media screen and (width <=479px) {
    .deposit-banner.deposit-banner--womens-day .deposit-banner__img {
        height: 114px;
        width: 120px;
    }

    .deposit-banner.deposit-banner--womens-day .deposit-banner__img .banner-pic {
        left: 50%;
        top: 50%;
        width: 80px;
    }

    .deposit-banner.deposit-banner--womens-day .deposit-banner__img .banner-bg {
        left: 55%;
        top: 45%;
        width: 130px;
    }
}

.deposit-banner.deposit-banner--holi-2026 {
    height: 114px;
    margin-top: 15px;
}

.deposit-banner.deposit-banner--holi-2026 .deposit-banner__img {
    bottom: 0px;
    height: 114px;
    left: 0px;
    top: unset;
    width: 160px;
}

.deposit-banner.deposit-banner--holi-2026 .deposit-banner__img .banner-pic {
    left: 50%;
    position: absolute;
    top: 30%;
    transform: translate(-50%, -50%);
    width: 115px;
    z-index: 2;
}

.deposit-banner.deposit-banner--holi-2026 .deposit-banner__img .banner-bg {
    left: 49%;
    position: absolute;
    top: 27%;
    transform: translate(-50%, -50%);
    width: 170px;
    z-index: 1;
}

.theme-dark-blue .deposit-banner.deposit-banner--holi-2026 {
    border: 1px solid rgb(28, 48, 75);
}

.theme-light .deposit-banner.deposit-banner--holi-2026 {
    border: 1px solid rgb(214, 225, 234);
}

@media screen and (width <=479px) {
    .deposit-banner.deposit-banner--holi-2026 .deposit-banner__img {
        height: 114px;
        width: 120px;
    }

    .deposit-banner.deposit-banner--holi-2026 .deposit-banner__img .banner-pic {
        left: 50%;
        top: 50%;
        width: 80px;
    }

    .deposit-banner.deposit-banner--holi-2026 .deposit-banner__img .banner-bg {
        left: 55%;
        top: 45%;
        width: 130px;
    }
}

.deposit-banner.deposit-banner--pass100 {
    min-height: 146px;
}

.deposit-banner.deposit-banner--pass100 .deposit-banner__img {
    --top: unset;
    --left: -45px;
    bottom: -20px;
}

.theme-dark-blue .deposit-banner.deposit-banner--pass100 {
    --backgroud-base: linear-gradient(100deg, #014071, #014071 20%, #131628 50%, #131628);
    border: 1px solid rgb(27, 59, 117);
}

.theme-light .deposit-banner.deposit-banner--pass100 {
    --backgroud-base: linear-gradient(100deg, #caf9fe, #caf9fe 10%, #e5f0f8 20%, #e5f0f8);
    border: 1px solid rgb(212, 225, 237);
}

@media screen and (width <=479px) {
    .deposit-banner.deposit-banner--pass100 .deposit-banner__pic {
        max-width: 100%;
    }

    .deposit-banner.deposit-banner--pass100 .deposit-banner__img {
        --left: -21px;
        bottom: 4px;
        width: 150px;
    }
}

.deposit-banner--drive {
    height: 114px;
}

.deposit-banner--drive .deposit-banner__ellipse {
    bottom: -5px;
    left: -2px;
    position: absolute;
}

.deposit-banner--drive .deposit-banner__img {
    --left: 16px;
    --width: 195px;
}

@media screen and (width <=479px) {
    .deposit-banner--drive .deposit-banner__ellipse {
        --width: 70px;
        --height: 128px;
        bottom: -28px;
        left: -28px;
        transform: scale(0.8);
    }

    .deposit-banner--drive .deposit-banner__img {
        --top: 50%;
        --left: 9px;
        --width: 100px;
    }
}

.deposit-banner--hb9-pocketcity {
    border-radius: 12px !important;
    min-height: 116px !important;
}

.deposit-banner--hb9-pocketcity .mb {
    display: none;
}

.deposit-banner--hb9-pocketcity .deposit-banner__main-img-wrap {
    bottom: -14px;
    left: -21px;
    top: unset;
    z-index: 1;
}

.deposit-banner--hb9-pocketcity .deposit-banner__bg-img-wrap {
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    height: calc(100% + 2px);
    left: -1px;
    overflow: hidden;
    top: -1px;
    z-index: 0;
}

.deposit-banner--hb9-pocketcity .deposit-banner__bg-img-wrap,
.deposit-banner--hb9-pocketcity .deposit-banner__main-img-wrap {
    position: absolute;
}

.theme-dark-blue .deposit-banner--hb9-pocketcity {
    backdrop-filter: blur(2px);
    background: rgb(26, 77, 222);
    box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0.5px 0px, rgba(163, 254, 17, 0.1) 0px 1px 0px 0px inset, rgba(163, 254, 17, 0.3) 0px 0px 1px 0px inset;
}

.theme-dark-blue .deposit-banner--hb9-pocketcity .deposit-banner__title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(255, 255, 255), rgb(163, 254, 17)) text;
}

.theme-light .deposit-banner--hb9-pocketcity {
    backdrop-filter: blur(2px);
    background: rgb(246, 249, 255);
    box-shadow: rgba(49, 78, 112, 0.25) 0px 1px 0.5px 0px, rgba(142, 165, 192, 0.1) 0px 1px 0px 0px inset, rgba(142, 165, 192, 0.3) 0px 0px 1px 0px inset;
}

.theme-light .deposit-banner--hb9-pocketcity .deposit-banner__title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, rgb(49, 78, 112), rgb(26, 77, 222)) text;
}

@media screen and (width <=479px) {
    .deposit-banner--hb9-pocketcity .pc {
        display: none;
    }

    .deposit-banner--hb9-pocketcity .mb {
        display: block;
    }
}

.theme-dark-blue .deposit-banner.deposit-banner--hb9-tower {
    --backgroud-base: #1a4dde;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0.5px 0px, rgba(163, 254, 17, 0.1) 0px 1px 0px 0px inset, rgba(163, 254, 17, 0.3) 0px 0px 1px 0px inset;
}

.theme-dark-blue .deposit-banner.deposit-banner--hb9-tower .deposit-banner__divider {
    background-color: rgba(142, 165, 192, 0.2);
}

.theme-dark-blue .deposit-banner.deposit-banner--hb9-tower .deposit-banner__note-icon svg {
    color: rgb(163, 254, 17);
}

.theme-light .deposit-banner.deposit-banner--hb9-tower {
    --backgroud-base: #f6f9ff;
    box-shadow: rgba(49, 78, 112, 0.25) 0px 1px 0.5px 0px, rgba(142, 165, 192, 0.1) 0px 1px 0px 0px inset, rgba(142, 165, 192, 0.3) 0px 0px 1px 0px inset;
}

.theme-light .deposit-banner.deposit-banner--hb9-tower .deposit-banner__divider {
    background-color: rgba(142, 165, 192, 0.2);
}

.theme-light .deposit-banner.deposit-banner--hb9-tower .deposit-banner__note-icon svg {
    color: rgb(142, 165, 192);
}

.deposit-banner--hb9-tower {
    border-radius: 12px !important;
    padding-bottom: 14px !important;
    padding-right: 10px !important;
    padding-top: 11px !important;
}

.deposit-banner--hb9-tower svg {
    display: block;
}

.deposit-banner--hb9-tower img {
    width: 140px;
}

.deposit-banner--hb9-tower .mb {
    display: none;
}

.deposit-banner--hb9-tower .deposit-banner__main-img-wrap {
    left: 11px;
    top: -25px;
    z-index: 1;
}

.deposit-banner--hb9-tower .deposit-banner__bg-img-wrap {
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    height: calc(100% + 2px);
    left: -1px;
    overflow: hidden;
    top: -1px;
    z-index: 0;
}

.deposit-banner--hb9-tower .deposit-banner__title {
    margin-bottom: 8px;
}

.deposit-banner--hb9-tower .deposit-banner__title span {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-transform: uppercase;
}

.deposit-banner--hb9-tower .deposit-banner__divider {
    height: 1px;
    margin: 11px 0px 8px;
}

.deposit-banner--hb9-tower .deposit-banner__note-icon {
    margin-right: 11px;
}

.deposit-banner--hb9-tower .deposit-banner__note {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-left: 4px;
}

.deposit-banner--hb9-tower .deposit-banner__end {
    padding-left: 168px;
}

.deposit-banner--hb9-tower .deposit-banner__bg-img-wrap,
.deposit-banner--hb9-tower .deposit-banner__main-img-wrap {
    position: absolute;
}

@media screen and (max-width: 520px) {
    .deposit-banner--hb9-tower {
        padding-left: 10px !important;
    }

    .deposit-banner--hb9-tower img {
        width: 120px;
    }

    .deposit-banner--hb9-tower .mb {
        display: block;
    }

    .deposit-banner--hb9-tower .pc {
        display: none;
    }

    .deposit-banner--hb9-tower .deposit-banner__end {
        padding-left: unset;
    }

    .deposit-banner--hb9-tower .deposit-banner__note {
        padding-left: 0px;
    }

    .deposit-banner--hb9-tower .deposit-banner__text,
    .deposit-banner--hb9-tower .deposit-banner__title {
        padding-left: 140px;
    }
}

.limited-offer-banner {
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    margin-top: 20px;
    min-height: 120px;
    overflow: hidden;
}

.limited-offer-banner .banner-image {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    flex-shrink: 0;
    position: relative;
    width: 108px;
}

.limited-offer-banner .banner-zipper {
    background-position: 50% center;
    background-size: contain;
    height: 100%;
    margin: auto;
    width: 100%;
}

.limited-offer-banner .banner-content {
    padding: 20px 12px 20px 0px;
}

.limited-offer-banner .banner-title {
    gap: 10px;
    margin-bottom: 8px;
}

.limited-offer-banner .banner-icon,
.limited-offer-banner .banner-title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.limited-offer-banner .banner-label {
    background-clip: text;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    -webkit-text-fill-color: transparent;
}

.limited-offer-banner .banner-text {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.deposit-banner {
    --padding-right: 20px;
    --padding-left: 168px;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    background: var(--backgroud-base);
    border: 1px dashed transparent;
    border-radius: 8px;
    color: var(--text-color);
    margin-bottom: 20px;
    min-height: 90px;
    padding: 15px 0px;
}

.deposit-banner__bg {
    --top: 0;
    --left: 0;
    --width: 96px;
    --height: 188px;
    --rotate: 62deg;
    --blur: 20px;
    --opacity: 1;
    height: 100%;
    overflow: hidden;
    width: 200px;
}

.deposit-banner__bg::after {
    background: var(--gradient);
    border-radius: 100%;
    content: " ";
    filter: blur(var(--blur));
    height: var(--height);
    opacity: var(--opacity);
    position: absolute;
    transform: rotate(var(--rotate));
    width: var(--width);
}

.deposit-banner__img {
    --top: 0;
}

.deposit-banner__pic {
    display: block;
    max-width: var(--width);
}

.deposit-banner__info {
    display: grid;
    gap: 8px;
    padding-left: var(--padding-left);
    padding-right: var(--padding-right);
}

.deposit-banner__title {
    --font-size: 16px;
    font-weight: 600;
}

.deposit-banner__text {
    --font-size: 14px;
}

.deposit-banner__bg,
.deposit-banner__img {
    left: var(--left);
    pointer-events: none;
    position: absolute;
    top: var(--top);
}

.deposit-banner__bg--pos-bottom,
.deposit-banner__img--pos-bottom {
    bottom: 0px;
    top: auto;
}

.deposit-banner__text,
.deposit-banner__title {
    font-size: var(--font-size);
}

.theme-dark-blue .deposit-banner {
    --text-color: #fff;
    --backgroud-base: #00132e;
}

.theme-light .deposit-banner {
    --text-color: #314e70;
    --backgroud-base: #e5f0f8;
}

@media screen and (width <=479px) {
    .deposit-banner {
        --padding-left: 120px;
    }
}

.deposit-ds {
    border-radius: 20px;
    margin-bottom: 24px;
    padding: 15px 20px;
}

.deposit-ds__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.deposit-ds__row {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.deposit-ds__row .ds-col--img {
    display: flex;
    margin-right: 15px;
    position: relative;
    width: 40%;
}

.deposit-ds__row .ds-col--img img {
    margin: auto;
    position: absolute;
    width: 146px;
}

.deposit-ds__row .ds-col--btns {
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.deposit-ds__row .ds-col--btns .ds-btn {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    backdrop-filter: blur(3px);
    border-radius: 12px;
    padding: 4px 12px;
    text-align: center;
}

.deposit-ds__row .ds-col--btns .ds-btn__label {
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.deposit-ds__row .ds-col--btns .ds-btn__amount {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
}

.deposit-ds__row .ds-col--btns .ds-btn--last {
    margin-top: 12px;
}

.deposit-ds--small {
    background-color: transparent;
    margin-bottom: 12px;
    padding: 0px;
}

.deposit-ds--small .deposit-ds__title {
    display: none;
}

.deposit-ds--small .ds-col--btns {
    -webkit-box-flex: unset;
    flex-grow: unset;
}

.deposit-ds--small .ds-col--btns .ds-btn {
    padding: 4px 18px;
}

.deposit-ds--small .ds-col--img {
    margin-top: 0px;
    width: 50%;
}

@font-face {
    font-family: NunitoSans;
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/NunitoSansRegular/NunitoSansRegular.woff") format("woff"), url("../fonts/NunitoSansRegular/NunitoSansRegular.ttf") format("truetype");
}

@font-face {
    font-family: OpenSansSemiBold;
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/OpenSansSemiBold/OpenSans-SemiBold.woff") format("woff"), url("../fonts/OpenSansSemiBold/OpenSans-SemiBold.ttf") format("truetype");
}

body,
html {
    height: 100%;
}

.blank {
    font-family: NunitoSans, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    margin: 0px;
    min-width: 320px;
}

.blank * {
    box-sizing: border-box;
}

.blank ol,
.blank p,
.blank ul {
    margin: 0px;
}

.blank ol,
.blank ul {
    list-style: none;
    padding: 0px;
}

.blank a {
    text-decoration: none;
}

.blank .brand {
    text-align: center;
}

.blank .wrapper {
    background: rgb(240, 245, 249);
    min-height: 100vh;
}

.blank .wrapper.dark {
    background: rgb(28, 43, 61);
}

.blank .wrapper.dark .brand__link {
    margin-bottom: 24px;
}

.blank .wrapper.dark .languages__title,
.blank .wrapper.dark .login-footer-nav__link,
.blank .wrapper.dark .site-header__back-btn {
    color: rgb(255, 255, 255);
}

.blank .wrapper.dark .login-footer-nav__link,
.blank .wrapper.dark .site-header__back-btn {
    border-color: rgb(0, 153, 250);
}

.blank .wrapper.dark .login-footer-nav__link:hover,
.blank .wrapper.dark .site-header__back-btn:hover {
    border-color: transparent;
}

.blank .wrapper.dark .deny-access {
    color: rgb(83, 92, 109);
    padding: 0px 50px 50px;
}

.blank .wrapper.dark .deny-access__alert {
    background-color: rgba(255, 77, 120, 0.1);
    border: 1px dashed rgb(255, 77, 120);
    border-radius: 10px;
    padding: 24px 16px;
    text-align: center;
}

.blank .wrapper.dark .deny-access__alert-icon {
    display: block;
    margin: 0px auto;
}

.blank .wrapper.dark .deny-access__alert-text {
    font-size: 18px;
    margin-top: 20px;
}

.blank .wrapper.dark .deny-access__text {
    font-size: 16px;
    margin-top: 24px;
    text-align: center;
}

.blank .wrapper.dark .deny-access__text a {
    border-bottom: 1px solid rgb(0, 153, 250);
    color: rgb(30, 56, 91);
    display: inline-block;
    line-height: 1;
    padding-bottom: 1px;
    transition: 0.5s;
}

.blank .wrapper.dark .deny-access__text a:hover {
    border-color: transparent;
}

[data-country="es"] .blank .wrapper .languages__title,
[data-country="es"] .blank .wrapper .login-footer-nav__link,
[data-country="es"] .blank .wrapper .site-header__back-btn,
[data-country="pt"] .blank .wrapper .languages__title,
[data-country="pt"] .blank .wrapper .login-footer-nav__link,
[data-country="pt"] .blank .wrapper .site-header__back-btn {
    color: rgb(253, 253, 254);
}

[data-country="es"] .blank .wrapper .login-footer-nav__link,
[data-country="pt"] .blank .wrapper .login-footer-nav__link {
    border-color: rgb(253, 253, 254);
}

[data-country="es"] .blank .wrapper .login-footer-nav__link:hover,
[data-country="es"] .blank .wrapper .site-header__back-btn:hover,
[data-country="pt"] .blank .wrapper .login-footer-nav__link:hover,
[data-country="pt"] .blank .wrapper .site-header__back-btn:hover {
    border-color: transparent;
}

[data-country="pt"] .blank .wrapper {
    background-color: rgb(0, 155, 58);
}

[data-country="pt"] .blank .wrapper .site-header__back-btn {
    border-color: rgb(254, 223, 0);
}

[data-country="es"] .blank .wrapper {
    background: rgb(0, 174, 240);
}

[data-country="es"] .blank .wrapper .site-header__back-btn {
    border-color: rgb(28, 255, 106);
}

.blank .site-content {
    position: relative;
}

.blank .site-content,
.blank body:not(.is-chart) .site-content-in .content {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.blank .site-content-in {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    justify-content: center;
    margin: 83px auto 20px;
    max-width: 600px;
    padding-top: 47px;
    width: 100%;
    height: auto !important;
}

[data-country="es"] .blank .site-content-in,
[data-country="pt"] .blank .site-content-in {
    color: rgb(253, 253, 254);
}

[data-country="pt"] .blank .site-content-in {
    background-color: rgb(0, 121, 45);
}

[data-country="es"] .blank .site-content-in {
    background-color: rgb(26, 139, 213);
}

@media screen and (max-width: 1279px) {
    .blank .site-content-in {
        margin: 45px auto 20px;
    }
}

@media screen and (max-width: 600px) {
    .blank .site-content-in {
        margin: 20px auto;
        padding-top: 30px;
    }
}

.blank .site-header {
    height: auto;
    padding-top: 20px;
}

.blank .site-header__end {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.blank .site-header__back-btn {
    border-bottom: 1px solid rgb(0, 153, 250);
    color: rgb(30, 56, 91);
    display: block;
    font-size: 16px;
    margin-left: 15px;
    position: relative;
    text-decoration: none;
    transition: 0.5s;
}

.blank .site-header__back-btn::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 17px;
    left: -19px;
    margin-top: -11px;
    position: absolute;
    text-rendering: auto;
    top: 13px;
    width: 17px;
}

[data-country="pt"] .blank .site-header__back-btn::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
}

[data-country="es"] .blank .site-header__back-btn::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
}

.blank .site-header__back-btn:hover {
    border-bottom: 1px solid rgba(0, 153, 250, 0);
}

.blank .site-header .login-container {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 0px auto;
    max-width: 590px;
    padding: 0px 5px;
    width: 100%;
}

[data-country="pt"] .blank .site-header .languages__title-text::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
}

[data-country="es"] .blank .site-header .languages__title-text::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
}

.blank .site-header .languages {
    font-family: NunitoSans;
    font-weight: 300;
    position: relative;
}

.blank .site-header .languages .language-icon {
    margin-right: 10px;
    width: 20px;
}

.blank .site-header .languages__title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(30, 56, 91);
    cursor: pointer;
}

.blank .site-header .languages__title-text {
    font-weight: 300;
    margin-top: 1px;
    padding-right: 30px;
    position: relative;
}

.blank .site-header .languages__title-text::after {
    content: "";
    display: flex;
    position: absolute;
    right: 0px;
    top: -0.1rem;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 1.625rem;
    justify-content: center;
    transition: 0.5s;
    width: 1.625rem;
}

.blank .site-header .languages__list {
    background: rgb(255, 255, 255);
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 70px;
    display: grid;
    gap: 8px 4px;
    grid-template-columns: repeat(3, 1fr);
    margin-right: 0px;
    margin-top: 1.1rem;
    min-width: 350px;
    opacity: 0;
    padding: 18px 20px;
    pointer-events: none;
    position: absolute;
    right: 0px;
    transform: translateY(1.25rem);
    transition: opacity 0.5s, transform 0.5s, visibility 0.5s, -webkit-transform 0.5s;
    visibility: hidden;
    z-index: 999;
}

.blank .site-header .languages__list--once {
    grid-template-columns: 1fr;
    min-width: auto;
    right: auto;
}

.blank .site-header .is-logged-in .languages__list {
    right: -6rem;
}

@media screen and (max-width: 420px) {
    .blank .site-header .languages__list {
        gap: 4px;
        grid-template-columns: repeat(2, 1fr);
        min-width: calc(-40px + 100vw);
        padding: 15px;
    }
}

@media screen and (max-width: 320px) {
    .blank .site-header .languages__list {
        min-width: 280px;
    }
}

.blank .site-header .languages__item:hover>a {
    background: rgb(238, 242, 249);
    color: rgb(30, 56, 91);
}

.blank .site-header .languages__link {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 10px;
    color: rgb(30, 56, 91);
    font-size: 14px;
    padding: 0.313rem 0.625rem;
    text-decoration: none;
    transition: 0.5s;
}

.blank .site-header [lang="ja"] .languages__link,
.blank .site-header [lang="ko"] .languages__link {
    font: caption;
}

@media screen and (max-width: 420px) {
    .blank .site-header .languages__link {
        font-size: 15px;
    }
}

.blank .site-header .languages--disabled .languages__title {
    cursor: default;
}

.blank .site-header .languages--disabled .languages__title-text {
    padding-right: 0px;
}

.blank .site-header .languages--disabled .languages__title-text::after {
    display: none;
}

.blank .site-header .languages--opened .languages__title-text::after {
    transform: rotate(180deg);
}

.blank .site-header .languages--opened .languages__list {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0px);
    visibility: visible;
}

@media screen and (max-width: 600px) {
    .blank .site-header {
        padding-left: 10px;
        padding-right: 20px;
    }
}

.blank_land .site-header .login-container {
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.blank .logo__letter-1 {
    fill: rgb(30, 56, 91);
}

.blank .logo__letter-2 {
    fill: rgb(138, 161, 179);
}

.blank .brand__link {
    display: inline-block;
    margin-bottom: 35px;
}

.blank .brand__link .po-logo-color {
    width: 6.625rem;
}

.blank .brand__link .logo-without-text-icon {
    width: 40px;
}

[data-country="es"] .blank .brand__link svg,
[data-country="pt"] .blank .brand__link svg {
    color: rgb(253, 253, 254);
}

@media screen and (max-width: 600px) {
    .blank .brand__link {
        margin-bottom: 15px;
    }
}

.blank .brand__logo_no-link {
    margin: 0px auto 20px;
    max-width: 60px;
}

.blank h1 {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.1;
    margin: 0px 0px 10px;
}

@media screen and (max-width: 600px) {
    .blank h1 {
        font-size: 26px;
        letter-spacing: 1px;
    }
}

.blank .login-header.guide-msg {
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
}

.blank .login-content {
    color: rgb(83, 92, 109);
    padding: 12px 40px;
    text-align: center;
}

.blank .login-content__desc {
    margin-bottom: 30px;
}

.blank .login-content a {
    border-bottom: 1px solid rgb(0, 153, 250);
    color: rgb(30, 56, 91);
    text-decoration: none;
    transition: 0.5s;
}

.blank .login-content a:hover {
    border-bottom: 1px solid rgba(0, 153, 250, 0);
}

.blank .login-content .g-recaptcha {
    transform: scale(0.98685);
    display: block !important;
}

.blank .login-content .step2 {
    display: none;
}

.blank .login-content .ajax-message {
    display: none;
    margin: 0px auto 15px;
    max-width: 420px;
}

.blank .login-content .ajax-loader-v2 {
    --size: 1.875rem;
}

.blank .login-content .ajax-loader-v2__icon {
    height: var(--size);
    width: var(--size);
}

.blank .login-content form.sms-confirm .step1 {
    display: none;
}

.blank .login-content form.sms-confirm .step2 {
    display: block;
}

.blank .login-content__redirect {
    display: inline-block;
    margin-bottom: 27px;
    white-space: nowrap;
}

.blank .login-content__redirect a {
    margin-left: 20px;
}

@media screen and (max-width: 600px) {
    .blank .login-content__redirect a {
        margin-left: 0px;
        margin-top: 10px;
    }
}

.blank .login-content__redirect_no-margin a {
    margin-left: 0px;
}

@media screen and (max-width: 600px) {
    .blank .login-content__redirect {
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        margin-bottom: 15px;
        white-space: normal;
    }
}

.blank .login-content--delete-account {
    margin-bottom: 38px;
}

.blank .login-content--delete-account .recaptcha-block {
    margin-bottom: -12px;
}

[data-country="es"] .blank .login-content,
[data-country="es"] .blank .login-content a,
[data-country="pt"] .blank .login-content,
[data-country="pt"] .blank .login-content a {
    color: rgb(253, 253, 254);
}

[data-country="es"] .blank .login-content a:hover,
[data-country="pt"] .blank .login-content a:hover {
    border-bottom: transparent;
}

[data-country="pt"] .blank .login-content a {
    border-color: rgb(254, 223, 0);
}

[data-country="es"] .blank .login-content a {
    border-color: rgb(28, 255, 106);
}

@media screen and (max-width: 600px) {
    .blank .login-content {
        padding: 12px 20px;
    }
}

.blank .login-v2 {
    width: 100%;
}

.blank .login-v2 .notification-message {
    display: block;
}

.blank .login-v2 form {
    margin: 0px auto;
    max-width: 420px;
}

.blank .login-v2 .country-access-deny {
    margin-bottom: 20px;
}

.blank .login-v2 .recaptcha-block {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 20px;
}

@media screen and (max-width: 350px) {
    .blank .login-v2 .recaptcha-block .g-recaptcha {
        transform: scale(0.928);
    }
}

.blank .form-group {
    margin-bottom: 20px;
    position: relative;
}

.blank .form-group_with-label {
    border-radius: 0px;
}

.blank .form-group label {
    color: rgb(117, 139, 157);
    display: inline-block;
    left: 0px;
    margin-bottom: 8px;
    position: absolute;
    top: 13px;
    transform: translate(0px) scale(1);
    transform-origin: left top;
    transition: color 0.2s cubic-bezier(0, 0, 0.2, 1), transform 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
    z-index: 1;
}

[data-country="es"] .blank .form-group label,
[data-country="pt"] .blank .form-group label {
    color: rgb(253, 253, 254);
}

.blank input::-webkit-input-placeholder {
    color: transparent !important;
    font-size: 0px !important;
}

.blank input::placeholder {
    color: transparent !important;
    font-size: 0px !important;
}

.blank .form-control {
    background-color: transparent;
    border-width: 0px 0px 1px;
    border-style: none none solid;
    border-color: currentcolor currentcolor rgb(163, 168, 176);
    border-image: initial;
    border-radius: 0px;
    box-shadow: none;
    color: rgb(117, 139, 157);
    font-size: 16px;
    height: auto;
    line-height: 1.4285;
    padding: 10px 0px 7px;
    position: relative;
    width: 100%;
    z-index: 2;
    outline: none !important;
}

.blank .form-control+label {
    font-size: 16px;
    top: 9px;
}

.blank .form-control+label span {
    color: rgb(0, 153, 250);
}

.blank .form-control:focus+label,
.blank .form-control_filled+label {
    color: rgb(0, 153, 250);
    transform: translateY(-17px) scale(0.75);
    z-index: 3;
}

[data-country="es"] .blank .form-control,
[data-country="pt"] .blank .form-control {
    border-color: rgb(253, 253, 254);
    color: rgb(253, 253, 254);
}

[data-country="pt"] .blank .form-control+label span,
[data-country="pt"] .blank .form-control:focus+label,
[data-country="pt"] .blank .form-control_filled+label {
    color: rgb(254, 223, 0);
}

[data-country="es"] .blank .form-control+label span,
[data-country="es"] .blank .form-control:focus+label,
[data-country="es"] .blank .form-control_filled+label {
    color: rgb(28, 255, 106);
}

.blank .checkbox,
.blank .radio {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
}

.blank .submit-btn-wrap {
    margin-bottom: 20px;
}

.blank .password-container {
    position: relative;
}

.blank .password-container__icon {
    cursor: pointer;
    height: 1rem;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    z-index: 9;
}

.blank .password-container__icon::after {
    background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 16px;
    margin-top: -7px;
    position: absolute;
    right: 5px;
    top: 50%;
    width: 16px;
    z-index: 3;
}

@media only screen and (min-device-pixel-ratio:1.5),
only screen and (minpixel-ratio:1.5),
only screen and (minpixel-ratio:3/2) {
    .blank .password-container__icon::after {
        background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
    }
}

.blank .rules {
    color: rgb(117, 139, 157);
    font-size: 14px;
}

.blank .rules a {
    border-bottom: 1px solid rgb(117, 139, 157);
    color: rgb(117, 139, 157);
}

.blank .rules a:hover {
    border-bottom: 1px solid transparent;
}

.blank .rules label {
    padding-left: 23px;
}

.blank .rules .checkbox input[type="checkbox"],
.blank .rules .radio input[type="checkbox"] {
    box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 1px;
    height: 15px;
    left: 0px;
    margin-left: 0px;
    margin-top: 1px;
    position: absolute;
    top: 0px;
    width: 15px;
}

[data-country="es"] .blank .rules,
[data-country="pt"] .blank .rules {
    color: rgb(253, 253, 254);
}

.blank .form-bottom {
    margin-bottom: 45px;
}

.blank .form-bottom_2-col {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 5px;
    margin-top: -20px;
}

@media screen and (max-width: 600px) {
    .blank .form-bottom_2-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        margin-bottom: 15px;
    }

    .blank .form-bottom {
        margin-bottom: 35px;
    }
}

.blank .btn {
    background: linear-gradient(79deg, rgb(0, 153, 250), rgb(0, 46, 217)) 0% 0% / 115%;
    border: 0px;
    border-radius: 10px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.7px;
    max-width: 300px;
    overflow: hidden;
    padding: 16px 20px 14px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    width: 100%;
}

.blank .btn-delete {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background: rgb(221, 75, 57);
    justify-content: center;
    margin-top: 12px;
    padding: 13px 20px 11px;
}

.blank .btn-delete:hover {
    background: rgb(249, 102, 84);
}

.blank .btn__icon {
    margin-right: 12px;
    max-width: 24px;
}

.blank .btn:hover {
    background-position: 100% center;
    color: rgb(255, 255, 255);
}

[data-country="pt"] .blank .btn {
    background: linear-gradient(79deg, rgb(254, 223, 0), rgb(254, 223, 0));
}

[data-country="es"] .blank .btn {
    background: linear-gradient(79deg, rgb(28, 255, 106), rgb(28, 255, 106));
}

[data-country="es"] .blank .btn,
[data-country="es"] .blank .btn:hover,
[data-country="pt"] .blank .btn,
[data-country="pt"] .blank .btn:hover {
    color: rgb(23, 21, 22);
}

.blank .social-container {
    margin-top: 30px;
}

.blank .social-container__title {
    margin-bottom: 12px;
}

.blank .register-social {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0px auto;
    max-width: 300px;
}

.blank .register-social .social-btn {
    border: 0px;
    border-radius: 10px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 700;
    margin: 0px 5px;
    max-width: 140px;
    padding: 8px 8px 7px 27px;
    position: relative;
    text-decoration: none;
    transition: 0.5s;
    width: 100%;
}

.blank .register-social .social-btn::before {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 18px;
    left: 20px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 18px;
}

.blank .register-social .social-btn:hover {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    opacity: 0.7;
}

.blank .register-social .social-btn--fb {
    background: rgb(0, 153, 250);
}

.blank .register-social .social-btn--fb::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
}

.blank .register-social .social-btn--gp {
    background: rgb(240, 240, 240);
    padding-left: 28px;
    color: rgb(112, 112, 112) !important;
}

.blank .register-social .social-btn--gp::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
    left: 30px;
}

.blank .notification-message {
    display: inline-block;
    margin: 0px auto;
    max-width: 493px;
}

.blank input:-webkit-autofill,
.blank input:-webkit-autofill:focus,
.blank input:-webkit-autofill:hover {
    transition: background-color 5000s ease-in-out;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 1000px inset !important;
    font-size: 16px !important;
    -webkit-text-fill-color: rgb(117, 139, 157) !important;
    color: rgb(117, 139, 157) !important;
}

[data-country="pt"] .blank input:-webkit-autofill,
[data-country="pt"] .blank input:-webkit-autofill:focus,
[data-country="pt"] .blank input:-webkit-autofill:hover {
    box-shadow: rgb(0, 121, 45) 0px 0px 0px 1000px inset !important;
    -webkit-text-fill-color: rgb(253, 253, 254) !important;
    color: rgb(253, 253, 254) !important;
}

[data-country="es"] .blank input:-webkit-autofill,
[data-country="es"] .blank input:-webkit-autofill:focus,
[data-country="es"] .blank input:-webkit-autofill:hover {
    box-shadow: rgb(26, 139, 213) 0px 0px 0px 1000px inset !important;
    -webkit-text-fill-color: rgb(253, 253, 254) !important;
    color: rgb(253, 253, 254) !important;
}

.blank input:-internal-autofill-previewed,
.blank input:-internal-autofill-previewed:focus,
.blank input:-internal-autofill-previewed:hover {
    font-size: 16px !important;
}

.blank .login-container {
    margin: 0px auto;
    max-width: 600px;
    padding: 0px;
    width: 100%;
}

.blank .login-footer {
    padding: 73px 20px 10px;
}

.blank .login-footer-nav {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
}

.blank .login-footer-nav__item {
    margin: 0px 15px 21px;
}

@media screen and (max-width: 600px) {
    .blank .login-footer-nav__item {
        margin: 0px 15px 12px;
    }
}

.blank .login-footer-nav__link {
    border-bottom: 1px solid rgb(117, 139, 157);
    color: rgb(117, 139, 157);
    transition: 0.5s;
}

.blank .login-footer-nav__link:hover {
    border-bottom: 1px solid transparent;
}

@media screen and (max-width: 600px) {
    .blank .login-footer-nav__link {
        font-size: 14px;
    }
}

.blank .login-footer-mail {
    text-align: center;
}

.blank .login-footer-mail a {
    color: rgb(117, 139, 157);
    text-decoration: none;
    transition: 0.5s;
}

@media screen and (max-width: 1279px) {
    .blank .login-footer {
        padding: 15px 15px 10px;
    }
}

.blank .login-socket {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    color: rgb(117, 139, 157);
    font-size: 14px;
    justify-content: center;
    text-align: center;
}

.blank .login-socket svg {
    margin-left: 20px;
}

.blank .login-socket svg .svg-fill {
    fill: rgb(117, 139, 157);
}

[data-country="es"] .blank .login-socket,
[data-country="pt"] .blank .login-socket {
    color: rgb(253, 253, 254);
}

[data-country="es"] .blank .login-socket .svg-fill,
[data-country="pt"] .blank .login-socket .svg-fill {
    fill: rgb(253, 253, 254);
}

.blank .wrapper__bottom {
    padding-bottom: 40px;
}

.blank .recovery-link {
    padding-left: 1.75rem;
}

.blank .recovery-link a {
    border-bottom: 1px solid rgb(0, 153, 250);
    color: rgb(30, 56, 91);
    position: relative;
}

.blank .recovery-link a::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 16px;
    left: -28px;
    position: absolute;
    top: 3px;
    width: 16px;
}

[data-country="pt"] .blank .recovery-link a::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
}

[data-country="es"] .blank .recovery-link a::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
}

.blank .recovery-link a:hover {
    border-bottom: 1px solid transparent;
}

.blank .message {
    border: 1px dashed transparent;
    border-radius: 4px;
    margin: 0px auto 20px;
    max-width: 420px;
    padding: 10px 15px;
    position: relative;
    width: 100%;
}

.blank .message h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 0px;
}

.blank .message.message-success {
    background-color: rgb(231, 244, 231);
    border-color: rgb(123, 198, 123);
    color: rgb(76, 172, 76);
}

.blank .message.message-info {
    background-color: rgb(229, 235, 241);
    border-color: rgb(64, 108, 157);
    color: rgb(81, 129, 184);
}

.blank .message.message-warning {
    background-color: rgb(253, 243, 229);
    border-color: rgb(242, 186, 105);
    color: rgb(208, 136, 4);
}

.blank .message.message-error {
    background-color: rgb(249, 229, 229);
    border-color: rgb(223, 111, 108);
    color: rgb(244, 67, 54);
}

.blank .banned__text {
    color: rgb(0, 0, 0);
    line-height: 20px;
    margin-bottom: 18px;
    max-width: 400px;
    text-align: center;
    font-size: 16px !important;
}

.blank .banned__text a {
    border-bottom: 1px solid rgba(25, 76, 221, 0.3);
    color: rgb(25, 76, 221);
    text-decoration: none;
    transition: 0.5s;
}

.blank .banned__text a:hover {
    border-bottom: 1px solid rgb(25, 76, 221);
}

.blank .banned__text_bold {
    font-weight: 700;
}

.blank .banned__img {
    margin: 12px 0px 15px;
    text-align: center;
}

.blank .banned__img img {
    max-width: 50px;
}

.blank .error-content {
    margin-bottom: 30px;
}

.blank .error-content .error-desc {
    margin-bottom: 20px;
}

.blank .error-content .btn-block {
    border: 0px;
    color: rgb(255, 255, 255) !important;
}

.blank.page-password_recovery .login .login-content .recaptcha-block,
.blank.page-password_recovery_confirm .login .login-content .recaptcha-block {
    min-height: 75px;
}

.blank.ar-lang .form-group label,
.blank.fa-lang .form-group label {
    left: unset;
    right: 0px;
    transform-origin: right center;
}

.blank.ar-lang .password-container__icon,
.blank.fa-lang .password-container__icon {
    left: 0px;
    right: unset;
    transform: translateY(-50%);
}

.blank.ar-lang .password-container__icon::after,
.blank.fa-lang .password-container__icon::after {
    left: 5px;
    right: unset;
}

.blank.ar-lang .rules .checkbox input[type="checkbox"],
.blank.ar-lang .rules .radio input[type="checkbox"],
.blank.fa-lang .rules .checkbox input[type="checkbox"],
.blank.fa-lang .rules .radio input[type="checkbox"] {
    margin-left: 0px;
    margin-right: 0px;
}

.blank.ar-lang .login-content__redirect,
.blank.fa-lang .login-content__redirect {
    display: inline-block;
    margin-bottom: 27px;
    white-space: nowrap;
}

.blank.ar-lang .login-content__redirect a,
.blank.fa-lang .login-content__redirect a {
    margin-left: 0px;
    margin-right: 20px;
}

@media screen and (max-width: 600px) {

    .blank.ar-lang .login-content__redirect a,
    .blank.fa-lang .login-content__redirect a {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.blank.ar-lang .login-content__redirect_no-margin a,
.blank.fa-lang .login-content__redirect_no-margin a {
    margin-left: 0px;
    margin-right: 0px;
}

.blank.ar-lang .recovery-link,
.blank.fa-lang .recovery-link {
    padding-left: 0px;
    padding-right: 1.75rem;
}

.blank.ar-lang .recovery-link a::before,
.blank.fa-lang .recovery-link a::before {
    left: unset;
    right: -28px;
}

.blank.ar-lang .login-socket svg,
.blank.fa-lang .login-socket svg {
    margin-left: 0px;
    margin-right: 20px;
}

.blank.ar-lang .languages,
.blank.fa-lang .languages {
    margin-left: 20px;
    margin-right: 0px;
}

.blank.ar-lang .languages__list,
.blank.fa-lang .languages__list {
    left: -25px;
    right: auto;
}

.blank.ar-lang .languages__title .languages__flag,
.blank.fa-lang .languages__title .languages__flag {
    margin-left: 10px;
    margin-right: 0px;
}

.blank.ar-lang .languages__flag,
.blank.fa-lang .languages__flag {
    margin-left: 8px;
    margin-right: 0px;
}

.blank.ar-lang .languages__title-text::after,
.blank.fa-lang .languages__title-text::after {
    left: -30px;
    right: unset;
}

.blank.web-view-simplified-interface .login-footer {
    display: none;
}

.blank.web-view-simplified-interface .wrapper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: auto;
    min-height: 100%;
}

.blank.web-view-simplified-interface .wrapper__center {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.blank.web-view-simplified-interface .wrapper__bottom {
    padding-bottom: 20px;
}

.blank .country-access-deny {
    position: relative;
    text-align: center;
}

.blank .country-access-deny img {
    display: block;
}

.blank .country-access-deny svg {
    display: block;
    max-height: 100%;
    max-width: 100%;
}

.blank .country-access-deny__icon {
    left: 50%;
    margin-left: 33px;
    position: absolute;
    top: -4px;
    transform: translateX(-50%);
    z-index: 1;
}

.blank .country-access-deny__flag-wrap {
    margin-bottom: 17px;
}

.blank .country-access-deny__flag {
    background-color: rgb(255, 255, 255);
    border: 5px solid rgb(255, 255, 255);
    border-radius: 50%;
    display: inline-block;
    filter: drop-shadow(rgba(13, 38, 85, 0.15) 0px 12px 20px);
    height: 100px;
    overflow: hidden;
    width: 100px;
}

.blank .country-access-deny__text {
    color: rgb(83, 92, 109);
    font-size: 16px;
    text-align: center;
}

.greg-captcha {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    max-width: 240px;
    width: 100%;
}

.greg-captcha__wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 1.5rem auto;
}

.greg-captcha__left {
    -webkit-box-flex: 0;
    flex: 0 0 calc(100% - 60px);
}

.greg-captcha__right {
    -webkit-box-flex: 0;
    flex: 0 0 60px;
    text-align: center;
}

.greg-captcha__icon {
    fill: rgb(106, 128, 146);
}

.greg-captcha img {
    max-width: 100%;
}

.greg-captcha__btn {
    background: transparent;
    border: 0px;
    cursor: pointer;
    display: inline-block;
    height: 23px;
    margin: 0px auto;
    opacity: 0.5;
    padding: 0px;
    transition: 0.5s;
    width: 21px;
}

.greg-captcha__btn img {
    margin: 0px;
}

.greg-captcha__btn:hover {
    opacity: 1;
}

.hidden {
    display: none !important;
}

.withdrawal {
    background: transparent !important;
}

.withdrawal .withdrawal-result h3 {
    border-bottom: 1px solid rgb(227, 227, 227);
    padding-bottom: 10px;
}

.withdrawal .withdrawal-result p {
    font-size: 13px;
    margin-bottom: 0px;
}

.withdrawal form {
    margin: 0px auto;
    max-width: 720px;
    width: 100%;
}

.withdrawal form.form-horizontal .checkbox1 input+label {
    padding-top: 0px;
}

.withdrawal .note .note-error {
    margin-top: 15px;
}

.withdrawal .send-code-btn {
    height: 34px;
    line-height: 32px;
    padding-bottom: 0px;
    padding-top: 0px;
    white-space: nowrap;
}

.withdrawal .balance-block {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding: 6px 12px;
}

.withdrawal .ajax-loading-wrap {
    position: relative;
}

.withdrawal__submit-wrap {
    display: inline-block !important;
    position: relative;
}

.withdrawal__safe-btn {
    inset: 0px;
    opacity: 0;
    position: absolute;
    transition: opacity;
}

.withdrawal .deposit-safe-block-wrap::after {
    clear: both;
    content: "";
    display: block;
}

.withdrawal .deposit-safe-block {
    border-radius: 10px;
    display: none;
    float: right;
    margin-top: 20px;
    max-width: 460px;
    padding: 25px;
}

.withdrawal .deposit-safe-block img {
    display: block;
}

.withdrawal .deposit-safe-block__title {
    font-size: 18px;
    margin-bottom: 20px;
}

.withdrawal .deposit-safe-block__content {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
}

.withdrawal .deposit-safe-block__img-wrap {
    margin: -14px 20px 0px -15px;
}

.withdrawal .deposit-safe-block__btn-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: -7px;
    margin-top: 7px;
}

.withdrawal .deposit-safe-block__btn-wrap .btn {
    flex-basis: 100%;
    margin-left: 7px;
    margin-top: 7px;
}

.withdrawal .deposit-safe-block__terms {
    color: rgb(143, 165, 191);
}

.withdrawal .deposit-safe-block__terms input:checked+label::before {
    background-color: rgb(35, 76, 221);
    border-color: rgb(35, 76, 221);
}

.withdrawal .deposit-safe-block__terms-text {
    cursor: pointer;
}

.withdrawal .deposit-safe-block__terms {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 15px 0px;
}

.withdrawal .deposit-safe-block__terms input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.withdrawal .deposit-safe-block__terms input+label {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    user-select: none;
}

.withdrawal .deposit-safe-block__terms input+label::before {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: 9px;
    border: 1px solid;
    border-radius: 2px;
    content: "";
    display: inline-block;
    height: 13px;
    margin-right: 10px;
    opacity: 0.5;
    width: 13px;
}

.withdrawal .deposit-safe-block__terms input:checked+label::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='m6.564.75-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
    opacity: 1;
}

.withdrawal .deposit-safe-block__terms input,
.withdrawal .deposit-safe-block__terms label {
    margin: 0px;
}

.withdrawal .deposit-safe-block__text {
    margin-bottom: 10px;
}

.withdrawal .deposit-safe-block__text:last-child {
    margin-bottom: 0px;
}

.withdrawal .deposit-safe-block.open {
    display: block;
}

.theme-light .withdrawal .deposit-safe-block {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(238, 238, 238);
}

.theme-dark-blue .withdrawal .deposit-safe-block {
    border: 1px solid rgb(70, 74, 88);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px;
}

.pending-error .message-info {
    margin: 0px auto;
    max-width: 916px;
}

.tooltip2--cancel-withdrawal .tooltip-content {
    text-align: center;
}

.tooltip2--cancel-withdrawal .tooltip-content .tooltip-text {
    line-height: 16px;
}

.local-withdrawal .input-group {
    width: 100%;
}

.local-withdrawal .btn-add {
    padding: 9px 10px;
}

.local-withdrawal #add-bank-wrapper {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 100;
}

.local-withdrawal #add-bank-wrapper .form-control {
    height: auto;
}

.local-withdrawal #add-bank-wrapper .add-bank-form {
    background-color: rgb(50, 49, 56);
    margin: 0px auto;
    padding: 20px;
    width: 60%;
}

.local-withdrawal #add-bank-wrapper .add-bank-form .form-control {
    height: 34px;
}

.local-withdrawal #add-bank-wrapper .add-bank-form .dropdown-toggle {
    padding-top: 9px;
}

.local-withdrawal #add-bank-wrapper .add-bank-form .add-bank-title {
    background-color: rgb(48, 51, 60);
    color: rgb(134, 135, 142);
    font-size: 16px;
    line-height: 24px;
    padding: 10px 15px;
    width: 100%;
}

.local-withdrawal #add-bank-wrapper .add-bank-form .add-bank-title .form-close {
    float: right;
}

.local-withdrawal #add-bank-wrapper .add-bank-form .add-bank-subtitle {
    color: rgb(134, 135, 142);
    padding: 20px;
}

.ds-withdraw {
    border-radius: 20px;
    display: none;
    min-height: 245px;
    position: relative;
}

.ds-withdraw__percent {
    display: none;
}

.ds-withdraw__img {
    border-radius: 20px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

.ds-withdraw__img img {
    bottom: -168px;
    left: -215px;
    position: absolute;
    width: 626px;
}

.ds-withdraw .block-content {
    display: flex;
    position: relative;
    z-index: 2;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 24px 32px 24px 220px;
    width: 100%;
}

.ds-withdraw .block-content__title {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px;
}

.ds-withdraw .block-content__text-rate {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 4px;
}

.ds-withdraw .block-content__text-profit {
    -webkit-box-flex: 1;
    flex-grow: 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 12px;
}

.ds-withdraw .block-content__text-profit b {
    font-weight: 600;
}

.ds-withdraw .block-content__terms {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    margin: 20px 0px 16px;
}

.ds-withdraw .block-content__terms input:checked+label::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7'%3E%3Cpath fill='%23fff' d='m1.773 2.791 1.891 1.823L8.204.293A.98.98 0 0 1 8.935 0q.45 0 .757.293A.93.93 0 0 1 10 .99q0 .406-.284.676L4.421 6.707A1.06 1.06 0 0 1 3.664 7q-.45 0-.756-.293L.308 4.21A.89.89 0 0 1 0 3.511q0-.427.307-.697a.99.99 0 0 1 .733-.316q.426 0 .733.293'/%3E%3C/svg%3E");
}

.ds-withdraw .block-content__terms input+label {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    cursor: pointer;
    margin-bottom: 0px;
    margin-right: 6px;
}

.ds-withdraw .block-content__terms input+label::before {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: 10px;
    border-radius: 5px;
    content: "";
    display: inline-block;
    height: 18px;
    margin-right: 12px;
    width: 18px;
}

.ds-withdraw .block-content__terms a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-decoration: underline;
}

.ds-withdraw .block-content__terms a:hover {
    text-decoration: underline;
}

.ds-withdraw .block-content .ds-notification {
    margin-bottom: 12px;
}

.ds-withdraw .block-content__btns {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.ds-withdraw .block-content__btns .btn {
    border-radius: 8px;
    height: 36px;
}

.ds-withdraw .block-content__btns .btn-green {
    margin-left: 16px;
}

.theme-dark-blue .ds-withdraw__img .ds-img-dark {
    display: block;
}

.theme-dark-blue .ds-withdraw__img .ds-img-light,
.theme-light-blue .ds-withdraw__img .ds-img-dark {
    display: none;
}

.theme-light-blue .ds-withdraw__img .ds-img-light {
    display: block;
}

.community-help .rw {
    margin-left: -20px;
    margin-top: -20px;
}

.community-help .l {
    -webkit-box-flex: 0;
    flex: 0 0 250px;
    text-align: center;
}

.community-help .l .text1,
.community-help .l .text2 {
    color: rgb(129, 149, 174);
    margin-bottom: 5px;
    margin-top: 10px;
}

.community-help .l .text2 {
    font-size: 12px;
    line-height: 16px;
}

.community-help .l .rating {
    border-radius: 15px;
    margin-left: -7px;
    padding: 3px 12px;
}

.community-help .l .rating__item {
    margin-left: 7px;
}

.community-help .l .chat-status {
    border-radius: 15px;
    padding: 3px 12px;
}

.community-help .l .chat-status .svg-icon {
    height: 20px;
    margin-right: 10px;
    width: 20px;
    fill: rgb(255, 255, 255);
}

.community-help .l .chat-status--moderator {
    background-color: rgb(26, 67, 140);
}

.community-help .l .chat-status--helper {
    background-color: rgb(111, 106, 162);
}

.community-help .l .user-avatar-wrap {
    margin-bottom: 15px;
}

.community-help .l .user-avatar {
    margin: 0px auto;
}

.community-help .r {
    flex-basis: 100%;
}

.community-help .l,
.community-help .r {
    border-radius: 10px;
    margin-left: 20px;
    margin-top: 20px;
    padding: 17px;
}

.community-help .qa-list {
    margin-bottom: 40px;
}

.community-help .qa-list__question {
    cursor: pointer;
    margin-top: 14px;
}

.community-help .qa-list__question-text {
    border-bottom: 1px dashed;
    font-size: 16px;
}

.community-help .qa-list__arrow {
    color: rgb(139, 141, 150);
    margin-left: 10px;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.community-help .qa-list__answer {
    color: transparent;
    line-height: 0;
    margin-top: 5px;
    pointer-events: none;
    transition: 0.3s ease-in-out;
    user-select: none;
}

.community-help .qa-list .open .qa-list__arrow {
    transform: rotate(-180deg);
}

.community-help .qa-list .open .qa-list__answer {
    color: rgb(121, 139, 163);
    line-height: 1.5;
    pointer-events: all;
    user-select: auto;
}

.community-help .qa-list .open .qa-list__question {
    height: auto;
}

.community-help .status-list {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 40px;
    margin-left: -20px;
    margin-top: -20px;
}

.community-help .status-list img {
    display: block;
    max-width: 100%;
}

.community-help .status-list__item {
    flex-basis: calc(50% - 20px);
    margin-left: 20px;
    margin-top: 20px;
}

.community-help .status-list .status {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
}

.community-help .status-list .status__icon {
    margin-right: 20px;
    width: 130px;
}

.community-help .status-list .status__title {
    font-size: 18px;
    margin-bottom: 6px;
}

.community-help .status-list .status__text {
    color: rgb(121, 139, 163);
    font-size: 12px;
    margin-bottom: 15px;
}

.community-help .current-request {
    display: inline-block;
    padding: 10px 15px;
}

.community-help .current-request__title {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px;
}

.community-help .current-request__body td {
    padding-bottom: 15px;
}

.community-help .current-request__body td .last-date {
    white-space: nowrap;
}

.community-help .current-request__line {
    padding-left: 15px;
}

.community-help .current-request__reason {
    font-size: 12px;
}

.community-help .current-request__val {
    color: rgb(102, 117, 139);
}

.community-help .current-request__change-status-link {
    border-bottom: 1px dashed;
    color: rgb(200, 201, 204);
    font-size: 12px;
    text-transform: lowercase;
    white-space: nowrap;
}

.community-help .current-request .status .fa {
    font-size: 20px;
}

.community-help .current-request .status--applied .fa {
    color: rgb(102, 118, 140);
}

.community-help .current-request .status--approved .fa {
    color: rgb(2, 91, 68);
}

.community-help .current-request .status--rejected .fa {
    color: rgb(129, 42, 45);
}

.achievements-history__in {
    padding: 20px;
}

.achievements-history .table>thead>tr>th {
    border-bottom-width: medium !important;
    border-bottom-style: none !important;
    border-bottom-color: currentcolor !important;
}

.achievements-history .top-text {
    margin-bottom: 25px;
}

.achievements-history .title-date {
    font-size: 14px;
    margin: 18px 0px;
}

.achievements-history .rewards-table td,
.achievements-history .rewards-table th {
    vertical-align: middle;
}

.achievements-history .rewards-table tr>td,
.achievements-history .rewards-table tr>th {
    border-color: transparent;
}

.achievements-history .rewards-table tr:first-child>td,
.achievements-history .rewards-table tr:first-child>th {
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
}

.achievements-history .rewards-table tr.silver>td:first-child {
    background-color: rgba(98, 101, 103, 0.5);
}

.achievements-history .rewards-table tr.bronze>td:first-child {
    background-color: rgba(177, 119, 94, 0.5);
}

.achievements-history .rewards-table tr.gold>td:first-child {
    background-color: rgba(193, 145, 89, 0.5);
}

.achievements-history .rewards-table__small-text {
    color: rgb(173, 170, 170);
    font-size: 10px;
}

.achievements-history .rewards-table__place {
    text-align: center;
}

.achievements-history .rewards-table .bonus {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.achievements-history .rewards-table .bonus__item {
    margin-left: 10px;
}

.achievements-history .rewards-table .bonus__item,
.achievements-history .rewards-table .reward {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.achievements-history .rewards-table .reward__img-wrap {
    margin-right: 16px;
    width: 40px;
}

.achievements-history .rewards-table .reward__img-wrap img {
    display: block;
    max-width: 100%;
}

.achievements-history .rewards-table.one-rows tr>td:first-child,
.achievements-history .rewards-table.one-rows tr>th:first-child {
    border-radius: 10px 0px 0px 10px;
}

.achievements-history .rewards-table.one-rows tr>td:last-child,
.achievements-history .rewards-table.one-rows tr>th:last-child {
    border-radius: 0px 10px 10px 0px;
}

.achievements-history .rewards-table.many-rows tr:first-child>td:first-child,
.achievements-history .rewards-table.many-rows tr:first-child>th:first-child {
    border-radius: 10px 0px 0px;
}

.achievements-history .rewards-table.many-rows tr:first-child>td:last-child,
.achievements-history .rewards-table.many-rows tr:first-child>th:last-child {
    border-radius: 0px 10px 0px 0px;
}

.achievements-history .rewards-table.many-rows tr:last-child>td:first-child,
.achievements-history .rewards-table.many-rows tr:last-child>th:first-child {
    border-radius: 0px 0px 0px 10px;
}

.achievements-history .rewards-table.many-rows tr:last-child>td:last-child,
.achievements-history .rewards-table.many-rows tr:last-child>th:last-child {
    border-radius: 0px 0px 10px;
}

.achievements-page .rw {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-left: -20px;
}

.achievements-page .rw>div {
    border-radius: 0px;
    margin-left: 20px;
    padding: 17px;
}

.achievements-page .rw .l,
.achievements-page .rw .r {
    border-radius: 10px;
}

.achievements-page .l {
    max-width: 300px;
    min-width: 260px;
    padding-bottom: 10px;
    text-align: center;
    width: 100%;
}

.achievements-page .l .chat-statistics-wrap {
    margin-top: 40px;
}

.achievements-page .l .chat-statistics-wrap h2 {
    font-size: 20px;
}

.achievements-page .l .chat-statistics-wrap .btn {
    margin-bottom: 10px;
    margin-top: 15px;
}

.achievements-page .l .chat-statistics-wrap .chat-statistics-block {
    margin-bottom: 15px;
}

.achievements-page .l .avatar .level,
.achievements-page .l .user-discount {
    left: -40px;
    position: absolute;
    z-index: 6;
}

.achievements-page .l .avatar {
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
}

.achievements-page .l .avatar>a {
    display: block;
}

.achievements-page .l .avatar .level {
    padding-top: 6px;
    text-align: center;
    top: 0px;
}

.achievements-page .l .avatar .user-discount {
    top: 50px;
    width: 45px;
}

.achievements-page .l .avatar .img-wrap {
    height: 155px;
    width: 155px;
}

.achievements-page .l .avatar img {
    display: block;
    max-width: 100%;
}

.achievements-page .l .avatar.avatar-level-up {
    margin-bottom: 50px;
}

.achievements-page .l .discount-info i {
    cursor: pointer;
}

.achievements-page .l .discount-info span {
    font-size: 28px;
}

.achievements-page .l .exp {
    display: block;
    margin-bottom: 5px;
    min-height: 64px;
    outline: none;
}

.achievements-page .l .exp::after {
    clear: both;
    content: "";
    display: block;
}

.achievements-page .l .exp .exp-points {
    margin-bottom: 5px;
}

.achievements-page .l .exp__in {
    text-align: center;
}

.achievements-page .l .exp__in .current-exp {
    font-size: 24px;
    line-height: 30px;
}

.achievements-page .l .exp__in i {
    font-style: normal;
}

.achievements-page .l .exp:focus,
.achievements-page .l .exp:hover {
    color: rgb(143, 165, 191);
}

.achievements-page .l .market-info {
    color: rgb(143, 165, 191);
    line-height: 18px;
    margin-top: 10px;
    text-align: center;
}

.achievements-page .l .market-info .hog {
    border-bottom: 1px dashed rgb(143, 165, 191);
    font-size: 14px;
}

.achievements-page .l .market-info .btn {
    font-size: 14px;
    margin-top: 10px;
}

.achievements-page .l .diamonds .diamonds-list {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 50% center no-repeat;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    max-width: 300px;
}

.achievements-page .l .diamonds .diamonds-list__item {
    padding: 6px 4px;
    width: 50%;
}

.achievements-page .l .diamonds .diamonds-list__item:nth-child(2n) {
    padding-left: 5px;
}

.achievements-page .r {
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
}

.achievements-page .r .sub-text {
    color: rgb(143, 165, 191);
    line-height: 18px;
    margin-bottom: 20px;
}

.achievements-page .avatar .img,
.achievements-page .diamond-info__img,
.achievements-page .exp .graph,
.achievements-page .flag-icon {
    visibility: hidden;
}

.achievements-page .title-type {
    font-size: 18px;
    height: 36px;
    line-height: 32px;
    margin: 30px auto 20px;
    position: relative;
    text-align: center;
    width: 40%;
}

.achievements-page .title-type::before {
    background-color: transparent;
    content: "";
    display: block;
    height: 2px;
    margin: auto;
    transition: width 0.3s, background-color 0.3s;
    width: 0px;
}

.achievements-page .title-type--animated::before {
    width: 100%;
}

.achievements-page .title-type::before {
    border-radius: 15px;
    height: 100%;
    left: 50%;
    min-width: 150px;
    position: absolute;
    top: 0px;
    transform: translateX(-50%);
    transition: width 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
    z-index: 1;
}

.achievements-page .title-type span {
    position: relative;
    z-index: 2;
}

.achievements-page .title-type--bronze::before {
    background-color: rgba(177, 119, 94, 0.2);
    border: 1px solid rgb(177, 119, 94);
}

.achievements-page .title-type--silver::before {
    background-color: rgba(117, 120, 122, 0.2);
    border: 1px solid rgb(141, 142, 142);
}

.achievements-page .title-type--gold::before {
    background-color: rgba(255, 160, 49, 0.2);
    border: 1px solid rgb(255, 160, 49);
}

.achievements-page .achievement-list {
    margin-top: 20px;
}

.achievements-page .achievement-list__title {
    font-size: 18px;
    margin-bottom: 15px;
}

.achievements-page .achievement-list__item {
    display: none;
}

.achievements-page .achievement-list__item:first-child {
    display: block;
}

.achievements-page .achievement-list__item-in {
    display: flex;
    margin-left: -3%;
}

.achievements-page .achievement-list__item-in>div {
    margin-left: 3%;
    width: 30.333%;
}

.achievements-page .achievement-list .achievements {
    margin-top: -9px;
}

.achievements-page .achievement-list .achievements>div {
    margin-top: 9px;
}

.achievements-page .awards-with-medal-list {
    --gap: 20px;
}

.achievements-page .awards-with-medal-list__item {
    -webkit-box-flex: 1;
    cursor: pointer;
    flex: 1 1 calc(33.3333% - var(--gap));
    max-width: calc(33.3333% - var(--gap));
}

.achievements-page .awards-with-medal-list .svg-icon {
    height: auto;
    width: auto;
}

.achievements-page .new-achievements-btn-wrap {
    margin-bottom: 10px;
}

.achievements-page .new-achievements-btn-wrap>a {
    width: 100%;
}

@media screen and (max-width: 1430px) {
    .is-pc-version:not(.s-chat_open) .achievements-page .awards-with-medal-list__icon {
        opacity: 0.2;
        position: absolute;
        right: 0px;
    }

    .is-pc-version:not(.s-chat_open) .achievements-page .awards-with-medal-list__info {
        position: relative;
    }

    .is-pc-version:not(.s-chat_open) .achievements-page .awards-with-medal-list__text {
        line-height: 20px;
    }

    .is-pc-version:not(.s-chat_open) .achievements-page .awards-with-medal-list__item {
        position: relative;
    }
}

@media screen and (max-width: 1650px) {
    .is-pc-version.s-chat_open .achievements-page .awards-with-medal-list__icon {
        opacity: 0.2;
        position: absolute;
        right: 0px;
    }

    .is-pc-version.s-chat_open .achievements-page .awards-with-medal-list__info {
        position: relative;
    }

    .is-pc-version.s-chat_open .achievements-page .awards-with-medal-list__text {
        line-height: 20px;
    }

    .is-pc-version.s-chat_open .achievements-page .awards-with-medal-list__item {
        position: relative;
    }
}

@media screen and (max-width: 1430px) {
    .is-pc-version.s-chat_open .achievements-page .awards-with-medal-list {
        flex-wrap: wrap;
    }

    .is-pc-version.s-chat_open .achievements-page .awards-with-medal-list__item {
        flex-basis: 100%;
        max-width: none;
    }
}

@media screen and (max-width: 1370px) {
    .is-pc-version.s-chat_open .achievements-page .achievement-list .achievements .item {
        --size: 60px;
    }
}

@media screen and (max-width: 1260px) {
    .is-pc-version.s-chat_open .achievements-page .achievement-list .achievements .item {
        --size: 50px;
    }
}

@media screen and (max-width: 1200px) {
    .is-pc-version.s-chat_open .achievements-page .rw {
        flex-wrap: wrap;
    }

    .is-pc-version.s-chat_open .achievements-page .rw>div {
        flex-basis: 100%;
        max-width: none;
    }

    .is-pc-version.s-chat_open .achievements-page .achievement-list .achievements .item {
        --size: 50px;
    }
}

@media screen and (max-width: 1070px) {
    .is-pc-version.s-chat_open .achievements-page .achievement-list .achievements .item {
        --size: 46px;
    }
}

.achievements-market .rw {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-left: -20px;
    margin-top: -20px;
}

.achievements-market .rw::after {
    clear: both;
    content: "";
    display: block;
}

.achievements-market .c {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
}

.achievements-market .c,
.achievements-market .l-w,
.achievements-market .r {
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin-left: 20px;
    margin-top: 20px;
}

.achievements-market .l,
.achievements-market .r {
    border-radius: 10px;
    padding: 17px;
}

.achievements-market .l-w {
    position: relative;
    -webkit-box-flex: 0;
    flex: 0 0 300px;
}

.achievements-market .l-w .level {
    left: 20px;
    position: absolute;
    top: 20px;
    z-index: 10;
}

.achievements-market .l-w .market-info {
    color: rgb(143, 165, 191);
    line-height: 18px;
    margin-top: 10px;
    text-align: center;
}

.achievements-market .l-w .market-info .hog {
    border-bottom: 1px dashed rgb(143, 165, 191);
    font-size: 14px;
}

.achievements-market .l-w .market-buttons {
    display: flex;
    justify-items: flex-start;
    margin-left: -10px;
}

.achievements-market .l-w .market-buttons a {
    -webkit-box-flex: 1;
    flex: 1 1 100%;
    margin-left: 10px;
    margin-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
    white-space: normal;
}

.achievements-market .l-w .tile {
    padding-top: 10px;
}

.achievements-market .l-w .tile__k {
    margin-bottom: 2px;
}

.achievements-market .l-w .tile__k a {
    display: inline-block;
}

.achievements-market .l-w .tile .diamond-info__icon {
    margin: 0px;
}

.achievements-market .r {
    -webkit-box-flex: 1;
    flex: 1 0 400px;
}

.achievements-market .r h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
}

.achievements-market .r .fa-question-circle {
    color: rgb(143, 165, 191);
}

.achievements-market .r .table {
    border-top: 2px solid rgb(127, 131, 140);
    margin-bottom: 0px;
}

.achievements-market .r .table td {
    height: 57px;
    vertical-align: middle;
}

.achievements-market .c .tabs>ul {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-left: -7px;
    margin-top: -7px;
}

.achievements-market .c .tabs>ul>li {
    -webkit-box-flex: 1;
    flex: 1 0 auto;
    margin-left: 7px;
    margin-top: 7px;
}

.achievements-market .c .tabs>ul>li>a {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.achievements-market .c .tabs__caption {
    margin-left: -10px;
}

.achievements-market .c .tabs__caption>li {
    margin-left: 10px;
}

.achievements-market .w-msg {
    color: rgb(143, 165, 191);
    line-height: 18px;
    margin: 0px 0px 20px;
}

.achievements-market .balance {
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.achievements-market .chest-icon {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px no-repeat;
    height: 229px;
    margin: 0px auto;
    width: 229px;
}

.achievements-market .chest-icon-animate {
    height: 229px;
    margin: 0px auto;
    position: relative;
    width: 229px;
}

.achievements-market .chest-icon-animate .bg,
.achievements-market .chest-icon-animate .chest,
.achievements-market .chest-icon-animate .ray1,
.achievements-market .chest-icon-animate .ray2 {
    position: absolute;
}

.achievements-market .chest-icon-animate .bg {
    animation: 4s ease 0s infinite normal none running chest-bg-animate;
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px no-repeat;
    height: 229px;
    width: 229px;
    z-index: 1;
}

.achievements-market .chest-icon-animate .ray1 {
    animation: 4s ease 0s infinite normal none running chest-ray1-animate;
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px no-repeat;
    height: 91px;
    left: 42px;
    top: 0px;
    width: 128px;
    z-index: 3;
}

.achievements-market .chest-icon-animate .ray2 {
    animation: 5s ease 0s infinite normal none running chest-ray2-animate;
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px no-repeat;
    height: 86px;
    left: 62px;
    top: 0px;
    width: 126px;
    z-index: 4;
}

.achievements-market .chest-icon-animate .chest {
    background: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") 0px 0px no-repeat;
    height: 159px;
    left: 17px;
    top: 13px;
    width: 170px;
    z-index: 2;
}

.achievements-market .block-1,
.achievements-market .block-2 {
    border-radius: 10px;
    margin-top: 15px;
    overflow: hidden;
}

.achievements-market .block-1 p,
.achievements-market .block-2 p {
    color: rgb(143, 165, 191);
    font-size: 12px;
    line-height: 14px;
}

.achievements-market .block-1__content,
.achievements-market .block-2__content {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    background-color: rgb(42, 42, 48);
    color: rgb(255, 255, 255);
    font-size: 18px;
    justify-content: space-between;
    padding: 6px 17px;
}

.achievements-market .block-1 .divider,
.achievements-market .block-2 .divider {
    background-color: rgb(49, 52, 58);
    height: 40px;
    width: 1px;
}

.achievements-market .block-1 .diamonds,
.achievements-market .block-2 .diamonds {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.achievements-market .block-1 .img-wrap,
.achievements-market .block-2 .img-wrap {
    border-radius: 6px;
    overflow: hidden;
    width: 70px;
}

.achievements-market .block-1 .img-wrap img,
.achievements-market .block-2 .img-wrap img {
    display: block;
    max-width: 100%;
}

.achievements-market .block-1:first-child,
.achievements-market .block-2:first-child {
    margin-top: 0px;
}

.achievements-market .block-2__header {
    background-color: rgb(47, 47, 53);
    line-height: 20px;
    padding: 15px 17px;
}

.achievements-market .dates-short-wrap {
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    gap: 7px;
    justify-content: flex-end;
}

.achievements-market .dates-short-wrap svg {
    display: block;
}

.achievements-market .dates-short-wrap.two {
    grid-template-columns: 14px 14px;
}

.achievements-market .dates-long-wrap {
    display: none;
}

@media only screen and (max-width: 2100px) {
    body.s-chat_open.is-pc-version .achievements-market .rw {
        flex-wrap: wrap;
        -webkit-box-align: inherit;
        align-items: inherit;
    }

    body.s-chat_open.is-pc-version .achievements-market .l-w {
        -webkit-box-ordinal-group: 2;
        order: 1;
    }

    body.s-chat_open.is-pc-version .achievements-market .c {
        -webkit-box-ordinal-group: 4;
        order: 3;
    }

    body.s-chat_open.is-pc-version .achievements-market .r {
        -webkit-box-ordinal-group: 3;
        order: 2;
    }
}

@media only screen and (max-width: 1570px) {
    body.s-chat_open.is-pc-version .achievements-market .l-w {
        -webkit-box-flex: 1;
        flex: 1 1 100%;
    }
}

@media only screen and (max-width: 1390px) {
    body.s-chat_open.is-pc-version .achievements-market .booster-block__l {
        -webkit-box-flex: 1;
        flex: 1 1 100%;
        margin-bottom: 10px;
    }

    body.s-chat_open.is-pc-version .achievements-market .booster-block__content {
        flex-wrap: wrap;
    }

    body.s-chat_open.is-pc-version .achievements-market .booster-block .divider {
        -webkit-box-flex: 1;
        flex: 1 1 100%;
        height: 1px;
        margin: 0px 0px 15px;
        min-height: auto;
    }

    body.s-chat_open.is-pc-version .achievements-market .booster-block .info-block--effects {
        -webkit-box-flex: 1;
        flex-grow: 1;
    }
}

@media only screen and (max-width: 1340px) {
    body.s-chat_open.is-pc-version .achievements-market .last-purchases-table .dates-short-wrap {
        display: grid;
    }

    body.s-chat_open.is-pc-version .achievements-market .last-purchases-table .dates-long-wrap {
        display: none;
    }
}

@media only screen and (max-width: 1730px) {
    body:not(.s-chat_open).is-pc-version .achievements-market .rw {
        flex-wrap: wrap;
        -webkit-box-align: inherit;
        align-items: inherit;
    }

    body:not(.s-chat_open).is-pc-version .achievements-market .l-w {
        -webkit-box-ordinal-group: 2;
        order: 1;
    }

    body:not(.s-chat_open).is-pc-version .achievements-market .c {
        -webkit-box-ordinal-group: 4;
        order: 3;
    }

    body:not(.s-chat_open).is-pc-version .achievements-market .r {
        -webkit-box-ordinal-group: 3;
        order: 2;
    }
}

@media only screen and (max-width: 1270px) {
    body:not(.s-chat_open).is-pc-version .achievements-market .l-w {
        -webkit-box-flex: 1;
        flex: 1 1 100%;
    }
}

.new-gift-btn-wrap {
    margin-bottom: 10px;
    text-align: center;
}

.new-gift-btn-wrap .btn {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    animation: 1.5s ease 0s infinite normal none running new-gifts-btn-radiance;
    height: 32px;
    justify-content: center;
    padding-bottom: 0px;
    padding-top: 0px;
}

.mining-page .mining-stats-block {
    margin-bottom: 20px;
}

.mining-page .mining-stats-block__title {
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.mining-page .table td {
    vertical-align: middle;
}

.mining-page .license-table .booster-block__img-c {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    width: 40px;
}

.mining-page .license-table .booster-block__img-c img {
    max-width: 100%;
}

.mining-page .diamond-color-blue {
    color: rgb(0, 255, 244);
}

.mining-page .diamond-color-green {
    color: rgb(51, 255, 0);
}

.mining-page .diamond-color-red {
    color: rgb(255, 46, 0);
}

.mining-page .diamond-color-secret {
    color: rgb(255, 0, 158);
}

.mining-page .mining-license-info h3 {
    font-size: 20px;
    line-height: 26px;
    text-align: center;
}

.mining-page #mining-history,
.mining-page .license-table-block,
.mining-page .mining-license-info,
.mining-page .top-users {
    position: relative;
}

.mining-page .license-table-block .ajax-loader-v2--absolute .ajax-loader-v2__icon {
    top: 80px;
}

.mining-page .mining-license-info {
    margin-bottom: 20px;
}

.mining-page .mining-license-info .btn {
    width: 100%;
}

.mining-page .mining-license-info .table {
    margin-bottom: 10px;
}

.mining-page .mining-license-info .table .key {
    font-size: 12px;
    line-height: 14px;
}

.mining-page .mining-license-info .table .var {
    font-size: 15px;
    line-height: 18px;
}

.mining-page .mining-license-info .table>tbody>tr>td {
    padding-left: 3px;
    padding-right: 3px;
}

.mining-page .mining-license-info__row {
    margin-bottom: 12px;
    text-align: center;
}

.mining-page .mining-license-info__row-key {
    font-size: 15px;
}

.mining-page .mining-license-info__row-val {
    color: rgb(143, 165, 191);
    font-size: 12px;
}

.mining-page .rw {
    display: flex;
    margin-left: -20px;
    margin-top: -20px;
}

.mining-page .rw .mining-stats .progress {
    margin-bottom: 0px;
}

.mining-page .rw .mining-stats__item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 8px;
}

.mining-page .rw .mining-stats__item--red .progress__bar {
    background-color: rgba(255, 46, 0, 0.7);
}

.mining-page .rw .mining-stats__item--blue .progress__bar {
    background-color: rgba(0, 255, 244, 0.7);
}

.mining-page .rw .mining-stats__item--green .progress__bar {
    background-color: rgba(51, 255, 0, 0.7);
}

.mining-page .rw .mining-stats__item--secret .progress__bar {
    background-color: rgba(255, 0, 158, 0.7);
}

.mining-page .rw .mining-stats__crystal {
    margin-right: 10px;
}

.mining-page .rw .mining-stats__max {
    margin-left: 10px;
}

.mining-page .rw .mining-stats__progress {
    -webkit-box-flex: 2;
    flex: 2 1 0%;
}

.mining-page .rw .mining-stats .diamond-info__count {
    font-size: 12px;
    line-height: 12px;
}

.mining-page .rw .mining-stats .diamond-info__text::before {
    display: none;
}

.mining-page .rw .mining-stats .diamond-info--svg .svg-icon {
    height: 25px;
    width: 20px;
}

.mining-page .rw>.l,
.mining-page .rw>.r {
    margin-left: 20px;
    margin-top: 20px;
    padding: 15px;
}

.mining-page .rw>.l {
    -webkit-box-flex: 1;
    flex: 1 0 300px;
}

.mining-page .rw>.l .img-wrap {
    display: block;
    margin-bottom: 17px;
}

.mining-page .rw>.l .img-wrap img {
    display: block;
    margin: 0px auto;
    max-width: 100%;
}

.mining-page .rw>.l .tiles {
    margin-top: 10px;
}

.mining-page .rw>.l .tile {
    padding-top: 10px;
}

.mining-page .rw>.l .tile__v {
    margin-bottom: 2px;
}

.mining-page .rw>.l .tile__k a {
    display: inline-block;
}

.mining-page .rw>.l .tile .diamond-info {
    display: inline-flex;
}

.mining-page .rw>.r {
    -webkit-box-flex: 1;
    flex: 1 1 calc(100% - 340px);
}

.mining-page .rw>.r>h3 i {
    font-style: normal;
}

.mining-page .rw>.r>h3 .has-license {
    color: orange;
}

.mining-page .rw>.r>h3 span {
    color: rgb(143, 165, 191);
}

@media screen and (max-width: 850px) {
    .mining-page .rw>.r {
        flex-basis: 100%;
    }
}

.mining-page .table td,
.mining-page .text {
    font-size: 13px;
    line-height: 20px;
}

.mining-page .text {
    margin-bottom: 30px;
}

.mining-page .action-btn-wrap {
    margin: 20px 0px;
}

.mining-page .action-btn-wrap .btn {
    width: 100%;
}

.mining-page .action-btn-wrap .btn.purchase-btn {
    margin: 10px 0px;
}

.mining-page .mining-info {
    color: rgb(143, 165, 191);
    line-height: 18px;
    text-align: center;
}

.mining-page .mining-info-no-license {
    margin: 32px 0px 10px;
}

.mining-page .summary>p {
    font-size: 20px;
    text-align: center;
}

.mining-page .summary .table {
    margin-bottom: 0px;
}

.mining-page .summary .table td {
    vertical-align: middle;
}

.mining-page .summary .table tr>td:first-child {
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
}

.mining-page .summary .gem-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.mining-page .summary .gem-wrap .title {
    color: rgb(127, 131, 140);
    font-size: 13px;
    line-height: 16px;
    margin-left: 10px;
}

.mining-page .title {
    font-size: 20px;
    margin-bottom: 10px;
    text-align: left;
}

.mining-page .terms-and-conditions {
    border-bottom: 1px dashed rgb(143, 165, 191);
    cursor: pointer;
    font-size: 14px;
}

.mining-page .ajax-loader-wrapper {
    background: rgba(0, 0, 0, 0.3);
    z-index: 10;
}

.mining-page .no-licence {
    padding: 15px 0px;
    text-align: center;
}

.mining-page .top-ranked-players-last-24h-modal .bottom-block::after {
    clear: both;
    content: "";
    display: block;
}

.mining-page .top-users {
    margin-bottom: 20px;
}

.mining-page .top-users .avatar {
    display: block;
    height: 40px;
    text-align: center;
    width: 40px;
}

.mining-page .top-users .avatar img {
    display: block;
    max-width: 100%;
}

.mining-page .top-users__loading {
    animation: 0.7s ease 0s infinite alternate none running pulse-text;
}

.mining-page .top-users .top-ranked-players-last-24h-modal {
    position: relative;
}

.mining-page .top-users .top-ranked-players-last-24h-modal .user-data {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.mining-page .top-users .top-ranked-players-last-24h-modal .user-data .nickname-info {
    margin-left: 10px;
}

.mining-page .top-users .top-ranked-players-last-24h-modal>.title {
    display: none;
}

.mining-page .top-users .top-ranked-players-last-24h-modal .ranking-green-color {
    color: rgb(111, 194, 116);
}

.mining-page .top-users .top-ranked-players-last-24h-modal .ranking-red-color {
    color: rgb(191, 58, 45);
}

.mining-page .top-users .top-ranked-players-last-24h-modal .ranking-gray-color {
    color: rgb(181, 181, 191);
}

.mining-page .top-users .top-ranked-players-last-24h-modal .sort {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-size-adjust: none;
    font-language-override: normal;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-top: -4px;
    position: absolute;
    right: 5px;
    top: 50%;
}

.mining-page .top-users .top-ranked-players-last-24h-modal .sort::before {
    content: "";
}

.mining-page .top-users .top-ranked-players-last-24h-modal .sort--asc {
    margin-top: -1px;
}

.mining-page .top-users .top-ranked-players-last-24h-modal .sort--asc::before {
    content: "";
}

.mining-page .top-users .top-ranked-players-last-24h-modal .sort--desc {
    margin-top: -6px;
}

.mining-page .top-users .top-ranked-players-last-24h-modal .sort--desc::before {
    content: "";
}

.mining-page .top-users .top-ranked-players-last-24h-modal .th-sort {
    cursor: pointer;
    position: relative;
}

.mining-page .top-users .top-ranked-players-last-24h-modal .pagination {
    margin: 0px;
}

.mining-page .top-users .top-ranked-players-last-24h-modal tbody>tr {
    cursor: pointer;
}

.mining-page .top-users .top-ranked-players-last-24h-modal td,
.mining-page .top-users .top-ranked-players-last-24h-modal th {
    vertical-align: middle;
}

.mining-page .user-avatar {
    display: block;
}

.mining-page .user-avatar::after {
    clear: both;
    content: "";
    display: block;
}

.mining-page .xls-btn {
    margin-left: auto;
}

@media screen and (max-width: 1200px) {
    .mining-page .rw {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .mining-page .l {
        display: flex;
    }

    .mining-page .l2 {
        margin-left: 20px;
    }

    .mining-page .l1,
    .mining-page .l2 {
        flex-basis: 50%;
    }
}

@media screen and (max-width: 850px) {
    .mining-page .table-adaptive.table .adaptive-label {
        color: rgb(127, 131, 140);
        display: inline-block;
        margin-right: 6px;
    }

    .mining-page .table-adaptive.table colgroup {
        display: none;
    }

    .mining-page .table-adaptive.table>tbody>tr>td {
        padding-left: 0px;
        padding-right: 0px;
    }

    .mining-page .table-adaptive.table thead {
        display: none;
    }

    .mining-page .table-adaptive.table tr {
        border: 1px solid;
        border-radius: 10px;
        display: block;
        padding: 10px 20px;
    }

    .mining-page .table-adaptive.table tr>td:first-child {
        border-top-color: transparent !important;
    }

    .mining-page .table-adaptive.table tr+tr,
    .mining-page .table-adaptive.table>tfoot {
        margin-top: 12px;
    }

    .mining-page .table-adaptive.table td,
    .mining-page .table-adaptive.table tfoot,
    .mining-page .table-adaptive.table th {
        display: block;
    }

    .mining-page .table-adaptive.table>tbody>tr>td:first-child,
    .mining-page .table-adaptive.table>tfoot>tr>th:first-child {
        border-color: transparent !important;
    }

    .theme-dark-blue .mining-page .table-adaptive.table tr {
        background-color: rgba(42, 46, 76, 0.35);
        border-color: rgb(41, 45, 74);
    }

    .theme-light .mining-page .table-adaptive.table tr {
        background-color: rgb(255, 255, 255);
        border-color: rgb(223, 229, 235);
    }

    .mining-page .top-ranked-players-last-24h-modal tbody>tr>td:first-child {
        display: none;
    }
}

@media screen and (max-width: 1550px) {
    body.s-chat_open .mining-page .rw {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    body.s-chat_open .mining-page .l {
        display: flex;
    }

    body.s-chat_open .mining-page .l2 {
        margin-left: 20px;
    }

    body.s-chat_open .mining-page .l1,
    body.s-chat_open .mining-page .l2 {
        flex-basis: 50%;
    }
}

.achievements-purchases .mCustomScrollbar .mCSB_inside>.mCSB_container {
    padding-right: 5px;
}

.achievements-purchases .list-purchases {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
}

.achievements-purchases .list-purchases .no-purchases {
    height: 70px;
    margin-top: 100px;
    text-align: center;
}

.achievements-purchases .list-purchases .no-purchases p {
    margin-bottom: 15px;
}

.achievements-purchases .list-purchases .no-purchases .btn {
    font-size: 14px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.achievements-purchases .list-purchases .btn-wrap {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.achievements-purchases .list-purchases .expired-available__icon {
    cursor: help;
    margin-right: 11px;
}

.achievements-purchases .list-purchases .expired-available .tooltip-text {
    color: rgb(142, 165, 192);
}

.theme-dark-blue .achievements-purchases .list-purchases .expired-available .tooltip-text span {
    color: rgb(255, 255, 255);
}

.achievements-purchases .list-purchases__item {
    display: grid;
    grid-template-rows: auto 1fr;
    max-height: 394px;
    overflow: hidden;
    padding: 20px;
    position: relative;
}

.achievements-purchases .list-purchases__top {
    display: flex;
    position: relative;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-top: -10px;
    padding-bottom: 18px;
}

.achievements-purchases .list-purchases__top--full .list-purchases__titles {
    width: 100%;
}

.achievements-purchases .list-purchases__titles {
    margin-bottom: 3px;
    margin-right: 10px;
}

.achievements-purchases .list-purchases__tabs {
    margin-left: auto;
    margin-top: 10px;
}

.achievements-purchases .list-purchases__title {
    font-size: 18px;
}

.achievements-purchases .list-purchases__sub-title {
    color: rgb(143, 165, 191);
    font-size: 12px;
    line-height: 15px;
}

.achievements-purchases .list-purchases__table tr td:first-child {
    padding-left: 8px;
}

.achievements-purchases .list-purchases__table tr td:last-child {
    padding-right: 10px;
}

.achievements-purchases .list-purchases__table tr:first-child td {
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
}

.achievements-purchases .list-purchases__table td {
    padding-bottom: 8px;
    padding-top: 8px;
    vertical-align: middle;
}

.achievements-purchases .list-purchases .table {
    margin-bottom: 0px;
}

.achievements-purchases .list-purchases .table__title {
    font-size: 14px;
}

.achievements-purchases .list-purchases .table__icon {
    border-radius: 6px;
    float: left;
    margin-right: 7px;
    overflow: hidden;
    width: 40px;
}

.achievements-purchases .list-purchases .table__icon img {
    display: block;
    max-width: 100%;
}

.achievements-purchases .list-purchases .table__icon .diamond-info__icon {
    margin: 0px auto;
}

.achievements-purchases .list-purchases .table .diamond-info {
    position: relative;
    top: -1px;
}

.achievements-purchases .list-purchases .table__info {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    white-space: nowrap;
}

.achievements-purchases .list-purchases .table__item {
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    margin-right: 10px;
}

.achievements-purchases .list-purchases .table__item:last-child {
    margin-right: 0px;
}

.achievements-purchases .list-purchases .table__label {
    color: rgb(143, 165, 191);
    font-size: 12px;
}

.achievements-purchases .list-purchases .table__text {
    font-size: 13px;
    margin-left: 5px;
}

.achievements-purchases .list-purchases .tabsp {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.achievements-purchases .list-purchases .tabsp__item {
    border-bottom: 1px dashed transparent;
    height: 25px;
    line-height: 22px;
    padding: 0px 10px;
    text-decoration: none;
    transition: background-color 0.3s;
}

.achievements-purchases .list-purchases .tabsp__item+.tabsp__item {
    margin-left: 10px;
}

.achievements-purchases .list-purchases .tabsp__item--available {
    border-bottom-color: rgb(68, 157, 68);
}

.achievements-purchases .list-purchases .tabsp__item--active {
    border-bottom-color: rgb(255, 160, 49);
}

.achievements-purchases .list-purchases .tabsp__item--used {
    border-bottom-color: rgb(201, 48, 44);
}

.achievements-purchases .list-purchases .tabsp__item--selected.tabsp__item--available {
    background-color: rgba(68, 157, 68, 0.4);
}

.achievements-purchases .list-purchases .tabsp__item--selected.tabsp__item--active {
    background-color: rgba(255, 160, 49, 0.4);
}

.achievements-purchases .list-purchases .tabsp__item--selected.tabsp__item--used {
    background-color: rgba(201, 48, 44, 0.4);
}

.achievements-purchases .list-purchases__tabs-body {
    height: 100%;
    opacity: 0;
    overflow: hidden;
    padding-top: 5px;
    transition: opacity 0.4s, visibility 0.4s;
    visibility: hidden;
}

.achievements-purchases .list-purchases .divider {
    bottom: 0px;
    height: 2px;
    left: 0px;
    position: absolute;
    right: 0px;
}

.achievements-purchases .list-purchases .divider::before {
    background-color: transparent;
    content: "";
    display: block;
    height: 2px;
    margin: auto;
    transition: width 0.3s, background-color 0.3s;
    width: 0px;
}

.achievements-purchases .list-purchases .divider--animated::before {
    width: 100%;
}

.achievements-purchases .list-purchases .divider--available::before {
    background-color: rgb(68, 157, 68);
}

.achievements-purchases .list-purchases .divider--active::before {
    background-color: rgb(255, 160, 49);
}

.achievements-purchases .list-purchases .divider--used::before {
    background-color: rgb(201, 48, 44);
}

.achievements-purchases .list-purchases__ajax-loading {
    left: 50%;
    margin-top: 30px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.achievements-rating__in {
    padding: 20px;
}

.achievements-rating .you-position {
    color: var(--po-ui-kit-counter-border-color-base);
}

.achievements-rating .aon-m {
    display: none;
}

.achievements-rating .rating-table {
    width: auto;
}

.achievements-rating .rating-table thead th:first-child {
    border-radius: 10px 0px 0px;
}

.achievements-rating .rating-table thead th:last-child {
    border-radius: 0px 10px 0px 0px;
}

.achievements-rating .rating-table td {
    vertical-align: middle;
}

.achievements-rating .big-text .text-bronze,
.achievements-rating .big-text .text-gold,
.achievements-rating .big-text .text-silver,
.achievements-rating .big-text .trader__name {
    font-size: 18px;
    line-height: 24px;
}

.achievements-rating .period-block {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 35px;
    margin-top: 10px;
}

.achievements-rating .period-block__item {
    font-size: 12px;
    line-height: 16px;
    padding: 7px 20px;
    transition: background-color 0.3s;
}

.achievements-rating .period-block__item:first-child {
    border-radius: 4px 0px 0px 4px;
}

.achievements-rating .period-block__item:last-child {
    border-radius: 0px 4px 4px 0px;
}

.achievements-rating .trophy {
    font-size: 26px;
    line-height: 26px;
}

.achievements-rating .trader {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.achievements-rating .trader__img-wrap {
    margin-right: 15px;
}

.achievements-rating .svg-icon {
    height: 16px;
    margin-right: 7px;
    width: 16px;
}

.achievements-rating .with-icon {
    white-space: nowrap;
}

.achievements-rating .with-icon svg {
    vertical-align: middle;
}

.achievements-rating .direction {
    font-weight: 700;
}

.achievements-rating .fa-angle-double-down,
.achievements-rating .fa-angle-double-up {
    font-size: 18px;
    line-height: 18px;
}

.achievements-rating .fa-pause {
    color: rgb(130, 133, 139);
    font-size: 12px;
    line-height: 12px;
}

.achievements-rating .trophy-place-1 {
    color: rgb(193, 145, 89);
}

.achievements-rating .trophy-place-2 {
    color: rgb(98, 101, 103);
}

.achievements-rating .trophy-place-3 {
    color: rgb(177, 97, 63);
}

.achievements-rating .fa-angle-double-up {
    color: rgb(79, 199, 61);
}

.achievements-rating .fa-angle-double-down {
    color: rgb(252, 61, 34);
}

.achievements-rating .level-12,
.achievements-rating .level-13 {
    left: -10px;
    position: relative;
}

.withdrawal-step-2 .message,
.withdrawal-step-2 .panel {
    margin-bottom: 0px;
}

.social-trading-rewards-page .rw {
    display: flex;
    margin-left: -20px;
    margin-top: -20px;
}

.social-trading-rewards-page .rw .l,
.social-trading-rewards-page .rw .r {
    border-radius: 10px;
    margin-left: 20px;
    margin-top: 20px;
    padding: 15px;
}

.social-trading-rewards-page .l {
    -webkit-box-flex: 0;
    flex: 0 0 300px;
}

.social-trading-rewards-page .l .tile {
    padding-top: 10px;
}

.social-trading-rewards-page .l .tile__v {
    margin-bottom: 2px;
}

.social-trading-rewards-page .l .tile__k a {
    display: inline-block;
}

.social-trading-rewards-page .l .tile .diamond-info {
    display: inline-flex;
}

.social-trading-rewards-page .l .btn-wrap {
    margin-top: 10px;
}

.social-trading-rewards-page .l .btn-wrap .btn {
    display: block;
}

.social-trading-rewards-page .r {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.social-trading-rewards-page .main-icon {
    margin-top: 12px;
    text-align: center;
}

.social-trading-rewards-page .summary {
    margin-top: -10px;
    text-align: center;
}

.social-trading-rewards-page .summary__title {
    font-size: 20px;
    margin-bottom: 4px;
}

.social-trading-rewards-page .summary__text {
    font-size: 13px;
    margin-bottom: 17px;
}

.social-trading-rewards-page .str-text-wrap .str-text {
    margin-bottom: 16px;
}

.social-trading-rewards-page .str-text {
    font-size: 13px;
}

.social-trading-rewards-page .shard-info {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 22px;
    max-width: 800px;
    min-height: 82px;
    overflow: hidden;
    padding: 13px 20px;
}

.social-trading-rewards-page .shard-info::after {
    content: "";
    height: 300px;
    position: absolute;
    right: -30px;
    top: 0px;
    width: 300px;
}

.social-trading-rewards-page .shard-info>div {
    position: relative;
    z-index: 1;
}

.social-trading-rewards-page .shard-info__btn-text2 {
    display: none;
}

.social-trading-rewards-page .shard-info__progress {
    -webkit-box-flex: 0;
    flex: 0 1 285px;
    padding-right: 30px;
}

.social-trading-rewards-page .shard-info__stats {
    -webkit-box-flex: 0;
    flex: 0 0 70px;
    margin-right: 12px;
    text-align: right;
    white-space: nowrap;
}

.social-trading-rewards-page .shard-info__btn-block {
    margin-left: auto;
}

.social-trading-rewards-page .shard-info__btn {
    display: block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

.social-trading-rewards-page .shard-info__text-wrap {
    -webkit-box-flex: 0;
    flex: 0 0 168px;
    padding-right: 7px;
}

.social-trading-rewards-page .shard-info__text {
    font-size: 13px;
    font-weight: 700;
}

.social-trading-rewards-page .shard-info__text-small {
    font-size: 10px;
}

.social-trading-rewards-page .shard-info__shard {
    -webkit-box-flex: 0;
    flex: 0 0 59px;
}

.social-trading-rewards-page .si-progress {
    border-radius: 25px;
    height: 20px;
    padding: 3px;
}

.social-trading-rewards-page .si-progress__in {
    border-radius: 25px;
    height: 100%;
}

.social-trading-rewards-page .shard-info--red.shard-info--bordered {
    border: 2px solid rgb(214, 67, 73);
}

.social-trading-rewards-page .shard-info--blue.shard-info--bordered {
    border: 2px solid rgb(128, 183, 214);
}

.social-trading-rewards-page .shard-info--green.shard-info--bordered {
    border: 2px solid rgb(59, 192, 154);
}

.social-trading-rewards-page .collect-block {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 35px;
}

.social-trading-rewards-page .collect-block .btn {
    padding-bottom: 10px;
    padding-top: 10px;
}

.social-trading-rewards-page .collect-block__btn-wrap {
    flex-basis: 260px;
    margin-right: 35px;
}

.social-trading-rewards-page .collect-block__info {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.social-trading-rewards-page .collect-block__info-text {
    font-size: 20px;
}

.social-trading-rewards-page .collect-block__info-text-small {
    font-size: 13px;
}

.social-trading-rewards-page .shard-summary {
    margin-bottom: 35px;
}

.social-trading-rewards-page .shard-summary__title {
    font-size: 20px;
    margin-bottom: 5px;
}

.social-trading-rewards-page .shard-summary__header {
    margin-bottom: 6px;
    margin-top: 16px;
}

.social-trading-rewards-page .shard-summary__header .btn {
    margin-left: auto;
}

.social-trading-rewards-page .shard-summary__header .btn .fa {
    margin-right: 3px;
}

.social-trading-rewards-page .shard-summary .red-shard-icon {
    height: 22px;
    width: 22px;
}

.social-trading-rewards-page .shard-summary .blue-shard-icon {
    height: 24px;
    width: 22px;
}

.social-trading-rewards-page .shard-summary .green-shard-icon {
    height: 16px;
    width: 22px;
}

.social-trading-rewards-page .shards-wrap .shard {
    flex-basis: 88px;
}

.social-trading-rewards-page .shards-wrap .shard__icon {
    margin-right: 12px;
}

.social-trading-rewards-page .shards-wrap .shard__count {
    font-size: 13px;
}

.social-trading-rewards-page .trending-today__title {
    font-size: 20px;
    margin-bottom: 5px;
}

.social-trading-rewards-page .trending-today__slider {
    display: grid;
    margin-top: 20px;
}

.social-trading-rewards-page .swiper-slide {
    padding-bottom: 1px;
}

.social-trading-rewards-page .swiper-pagination {
    margin-top: 20px;
}

.social-trading-rewards-page .swiper-pagination-bullet {
    border-radius: 25px;
    height: 12px;
    margin: 0px 5px;
    width: 12px;
}

.social-trading-rewards-page .swiper-pagination-bullet-active {
    width: 35px;
}

.social-trading-rewards-page .tt-slider img {
    max-width: 100%;
}

.social-trading-rewards-page .tt-slider .diamond-info__icon {
    margin-right: 1px;
}

.social-trading-rewards-page .tt-slider .diamond-info__count {
    font-size: 13px;
    text-shadow: none;
}

.social-trading-rewards-page .tt-slider .diamond-info__count span {
    margin-left: -3px;
}

.social-trading-rewards-page .tt-slider .diamond-info:first-child .diamond-info__text {
    margin-left: 4px;
}

.social-trading-rewards-page .tt-slider .diamond-info+.diamond-info {
    margin-left: 7px;
}

.social-trading-rewards-page .tt-slider__item {
    border: 1px solid;
    border-radius: 10px;
    min-width: 275px;
    padding: 20px;
    user-select: none;
}

@media screen and (min-width: 686px) {
    .social-trading-rewards-page .tt-slider__item {
        height: 100%;
    }
}

.social-trading-rewards-page .tt-slider__item-icon {
    flex-basis: 60px;
    margin-right: 20px;
    min-width: 60px;
}

.social-trading-rewards-page .tt-slider__item-info {
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.social-trading-rewards-page .tt-slider__item-text {
    font-size: 13px;
}

.social-trading-rewards-page .tt-slider__item-small-text {
    font-size: 10px;
}

.social-trading-rewards-page .tt-slider__item-crystals {
    margin-bottom: 15px;
    margin-top: 7px;
}

.social-trading-rewards-page .tt-slider__item-btn {
    margin-top: auto;
}

.social-trading-rewards-page .tt-slider .btn {
    font-size: 13px;
    padding-bottom: 5px;
    padding-top: 5px;
}

@media screen and (max-width: 1135px) {
    .social-trading-rewards-page .shard-info {
        flex-wrap: wrap;
    }

    .social-trading-rewards-page .shard-info .si-progress {
        height: 15px;
    }

    .social-trading-rewards-page .shard-info__shard {
        -webkit-box-ordinal-group: 2;
        order: 1;
    }

    .social-trading-rewards-page .shard-info__btn-block {
        -webkit-box-ordinal-group: 3;
        order: 2;
    }

    .social-trading-rewards-page .shard-info__text-wrap {
        flex-basis: 100%;
        -webkit-box-ordinal-group: 4;
        order: 3;
    }

    .social-trading-rewards-page .shard-info__progress {
        flex-basis: calc(100% - 75px);
        -webkit-box-ordinal-group: 5;
        margin: 10px 0px 0px;
        order: 4;
    }

    .social-trading-rewards-page .shard-info__stats {
        -webkit-box-ordinal-group: 6;
        font-size: 13px;
        margin: 7px 0px 0px;
        order: 5;
        width: 75px;
    }

    .social-trading-rewards-page .shard-info__btn {
        border-radius: 4px;
        min-width: auto;
        padding: 6px 10px;
    }

    .social-trading-rewards-page .shard-info__btn-text1 {
        display: none;
    }

    .social-trading-rewards-page .shard-info__btn-text2 {
        display: block;
        font-size: 12px;
    }

    .social-trading-rewards-page .shard-info--bordered::after {
        height: 280px;
        margin-top: 0px;
        right: -150px;
        width: 370px;
    }
}

@media screen and (max-width: 1450px) {
    .s-chat_open .social-trading-rewards-page .rw {
        flex-wrap: wrap;
    }

    .s-chat_open .social-trading-rewards-page .l {
        display: block;
        flex-basis: calc(100% - 20px);
    }

    .s-chat_open .social-trading-rewards-page .summary {
        -webkit-box-flex: 1;
        flex: 1 1 0%;
        margin-left: 20px;
        margin-top: 0px;
    }
}

.ps {
    overflow-anchor: none;
    touch-action: auto;
    overflow: hidden !important;
}

.ps__rail-x {
    bottom: 0px;
    height: 15px;
}

.ps__rail-x,
.ps__rail-y {
    display: none;
    position: absolute;
}

.ps__rail-y {
    right: 0px;
    width: 15px;
    z-index: 3;
}

body:not(.is-m-version) .ps__rail-x,
body:not(.is-m-version) .ps__rail-y {
    opacity: 0;
    transition: background-color 0.2s linear, opacity 0.2s linear;
}

body.is-m-version .ps__rail-x,
body.is-m-version .ps__rail-y {
    opacity: 0.6;
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
    background-color: transparent;
    display: block;
}

body:not(.is-m-version) .ps--focus>.ps__rail-x,
body:not(.is-m-version) .ps--focus>.ps__rail-y,
body:not(.is-m-version) .ps--scrolling-x>.ps__rail-x,
body:not(.is-m-version) .ps--scrolling-y>.ps__rail-y,
body:not(.is-m-version) .ps:hover>.ps__rail-x,
body:not(.is-m-version) .ps:hover>.ps__rail-y {
    opacity: 0.6;
}

body:not(.is-m-version) .ps .ps__rail-x.ps--clicking,
body:not(.is-m-version) .ps .ps__rail-x:focus,
body:not(.is-m-version) .ps .ps__rail-x:hover,
body:not(.is-m-version) .ps .ps__rail-y.ps--clicking,
body:not(.is-m-version) .ps .ps__rail-y:focus,
body:not(.is-m-version) .ps .ps__rail-y:hover {
    opacity: 0.9;
}

.ps__thumb-x {
    bottom: 2px;
    height: 6px;
    transition: background-color 0.2s linear, height 0.2s ease-in-out;
}

.ps__thumb-x,
.ps__thumb-y {
    background-color: rgb(170, 170, 170);
    border-radius: 6px;
    position: absolute;
}

.ps__thumb-y {
    right: 2px;
    transition: background-color 0.2s linear, width 0.2s ease-in-out;
    width: 6px;
}

.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
    background-color: rgb(153, 153, 153);
    height: 11px;
}

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto !important;
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .ps {
        overflow: auto !important;
    }
}

.scrollbar-container {
    height: 100%;
    position: relative;
}

.right-sidebar-modal .signals-list,
.right-widget-container .signals-list {
    --second-column-width: 130px;
    --gap: 2px;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
}

.right-sidebar-modal .signals-list .copy-signal-item,
.right-widget-container .signals-list .copy-signal-item {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    font-size: 13px;
    margin-left: calc(var(--gap)*-1);
    padding: 8px 10px;
}

.right-sidebar-modal .signals-list .copy-signal-item>*,
.right-widget-container .signals-list .copy-signal-item>* {
    margin-left: var(--gap);
}

.right-sidebar-modal .signals-list .copy-signal-item__row,
.right-widget-container .signals-list .copy-signal-item__row {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-left: -10px;
}

.right-sidebar-modal .signals-list .copy-signal-item__row>*,
.right-widget-container .signals-list .copy-signal-item__row>* {
    margin-left: 10px;
}

.right-sidebar-modal .signals-list .copy-signal-item .progress-info,
.right-widget-container .signals-list .copy-signal-item .progress-info {
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    width: 128px;
}

.right-sidebar-modal .signals-list .copy-signal-item .progress-info .progress,
.right-widget-container .signals-list .copy-signal-item .progress-info .progress {
    bottom: 0px;
    margin: auto;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%;
}

.right-sidebar-modal .signals-list .copy-signal-item .icons-column,
.right-widget-container .signals-list .copy-signal-item .icons-column {
    text-align: center;
    white-space: nowrap;
    width: 20px;
}

.right-sidebar-modal .signals-list .copy-signal-item .icons-column--three,
.right-widget-container .signals-list .copy-signal-item .icons-column--three {
    width: 30px;
}

.right-sidebar-modal .signals-list .copy-signal-item .icons-column--four,
.right-widget-container .signals-list .copy-signal-item .icons-column--four {
    width: 36px;
}

.right-sidebar-modal .signals-list .copy-signal-item__symbol,
.right-widget-container .signals-list .copy-signal-item__symbol {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    white-space: nowrap;
}

.right-sidebar-modal .signals-list .copy-signal-item__symbol .price,
.right-widget-container .signals-list .copy-signal-item__symbol .price {
    white-space: nowrap;
}

.right-sidebar-modal .signals-list .copy-signal-item__symbol.pointer,
.right-widget-container .signals-list .copy-signal-item__symbol.pointer {
    cursor: pointer;
}

.right-sidebar-modal .signals-list .copy-signal-item__price,
.right-widget-container .signals-list .copy-signal-item__price {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.right-sidebar-modal .signals-list .copy-signal-item__progress,
.right-widget-container .signals-list .copy-signal-item__progress {
    display: flex;
    width: var(--second-column-width);
}

.right-sidebar-modal .signals-list .copy-signal-item__progress>*,
.right-widget-container .signals-list .copy-signal-item__progress>* {
    margin-left: 10px;
}

.right-sidebar-modal .signals-list .copy-signal-item__progress> :first-child,
.right-widget-container .signals-list .copy-signal-item__progress> :first-child {
    margin-left: 0px;
}

.right-sidebar-modal .signals-list .copy-signal-item__progress .trade-opened,
.right-widget-container .signals-list .copy-signal-item__progress .trade-opened {
    font-size: 12px;
    margin-top: -2px;
    text-align: center;
    width: 100%;
}

.right-sidebar-modal .signals-list .copy-signal-item__action,
.right-widget-container .signals-list .copy-signal-item__action {
    width: var(--second-column-width);
}

.right-sidebar-modal .signals-list .copy-signal-item__action a,
.right-widget-container .signals-list .copy-signal-item__action a {
    color: rgb(255, 255, 255);
    font-size: 12px;
    padding: 1px 6px 2px;
    width: 100%;
}

.theme-dark-blue .right-sidebar-modal .signals-list .copy-signal-item__action a,
.theme-dark-blue .right-widget-container .signals-list .copy-signal-item__action a {
    background-color: rgb(2, 91, 68);
    border-color: rgb(2, 91, 68);
}

.theme-light .right-sidebar-modal .signals-list .copy-signal-item__action a,
.theme-light .right-widget-container .signals-list .copy-signal-item__action a {
    background-color: rgb(92, 184, 92);
}

.theme-light .right-sidebar-modal .signals-list .copy-signal-item__action a:hover,
.theme-light .right-widget-container .signals-list .copy-signal-item__action a:hover {
    background-color: rgb(68, 157, 68);
}

.right-sidebar-modal .signals-list .copy-signal-item__stats,
.right-widget-container .signals-list .copy-signal-item__stats {
    -webkit-box-pack: justify;
    font-size: 11px;
    justify-content: space-between;
}

.right-sidebar-modal .signals-list .copy-signal-item .tooltip-content,
.right-widget-container .signals-list .copy-signal-item .tooltip-content {
    left: -70px;
    padding: 3px 6px;
}

.right-sidebar-modal .signals-list .copy-signal-item .tooltip-content .tooltip-text,
.right-widget-container .signals-list .copy-signal-item .tooltip-content .tooltip-text {
    font-size: 12px;
}

.right-sidebar-modal .signals-list .signal-label,
.right-widget-container .signals-list .signal-label {
    font-size: 11px;
    min-height: 32px;
}

.right-sidebar-modal .signals-list .signal-item,
.right-widget-container .signals-list .signal-item {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.right-sidebar-modal .signals-list .signal-item>span,
.right-widget-container .signals-list .signal-item>span {
    padding: 7px;
}

.right-sidebar-modal .signals-list .signal-item>span.price,
.right-widget-container .signals-list .signal-item>span.price {
    margin-right: 10px;
}

.right-sidebar-modal .signals-list .all-wrapper,
.right-sidebar-modal .signals-list .updates-wrapper,
.right-widget-container .signals-list .all-wrapper,
.right-widget-container .signals-list .updates-wrapper {
    display: block;
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0turn);
    }

    100% {
        transform: rotate(1turn);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0turn);
    }

    100% {
        transform: rotate(1turn);
    }
}

.right-widget-container {
    background-color: var(--po-ui-kit-right-sidebar-modal-background-color);
    inset: 0px 0px 0px auto;
    display: flex;
    height: 100%;
    position: absolute;
    transform: none;
    width: var(--po-ui-kit-right-modals-width);
    z-index: 12;
}

.right-widget-container,
.right-widget-container .widget-slot {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.right-widget-container .widget-slot {
    display: block;
    -webkit-box-flex: 1;
    flex-grow: 1;
    height: 50%;
    width: 100%;
}

.right-widget-container .widget-slot__header {
    text-align: center;
    width: 100%;
}

.right-widget-container .widget-slot__header .title {
    color: rgb(143, 165, 191);
    height: 40px;
    padding: 6px 20px;
    position: relative;
}

.right-widget-container .widget-slot__header .title svg {
    height: 18px;
    width: 18px;
}

.right-widget-container .widget-slot__header .title a.list {
    position: absolute;
    right: 20px;
    top: 11px;
}

.right-widget-container .widget-slot__header .title .actions {
    display: flex;
    position: absolute;
    right: 20px;
    top: 12px;
    -webkit-box-align: center;
    align-items: center;
    margin-left: -10px;
}

.right-widget-container .widget-slot__header .title .actions>* {
    margin-left: 10px;
}

.right-widget-container .widget-slot__header .title .actions svg {
    display: block;
    width: 16px;
}

.right-widget-container .widget-slot__header .title .actions i {
    display: block;
    font-size: 18px;
}

.right-widget-container .widget-slot__header .title .actions .tg i {
    font-size: 16px;
}

.right-widget-container .widget-slot__header .title .period {
    font-size: 14px;
    left: 0px;
    padding: 5px 10px;
    position: absolute;
    top: 5px;
}

.right-widget-container .widget-slot__header .title .period .fa {
    margin-left: 5px;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.right-widget-container .widget-slot__header .divider {
    font-size: 12px;
}

.right-widget-container .widget-slot__header .divider ul {
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row;
}

.right-widget-container .widget-slot__header .divider ul li {
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.right-widget-container .widget-slot__header .divider ul li a {
    height: 34px;
}

.right-widget-container .widget-slot__body {
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    opacity: 1;
    overflow: hidden;
    transition: opacity 0.1s;
    width: 100%;
}

.right-widget-container .widget-slot__body .btn-wrap {
    padding: 10px 15px;
}

.right-widget-container .widget-slot__body .btn-wrap .btn {
    display: block;
}

.right-widget-container .widget-slot__body.faded {
    opacity: 0.5;
}

.right-widget-container .widget-slot.deals,
.right-widget-container .widget-slot.signals {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.right-widget-container .widget-slot.deals .widget-slot__body,
.right-widget-container .widget-slot.signals .widget-slot__body {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
}

.right-widget-container .item-row {
    position: relative;
}

.right-widget-container .centered {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.right-widget-container .widget-slots-divider {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    cursor: ns-resize;
    height: 10px;
    justify-content: center;
    width: 100%;
}

.right-widget-container .widget-slots-divider hr {
    border: 0px;
    height: 1px;
    margin: 0px;
    padding: 0px;
    width: 50%;
}

.right-sidebar-modal .tooltip2-close-deal-full-info,
.right-widget-container .tooltip2-close-deal-full-info {
    cursor: help;
    display: inline-block;
    margin-left: 6px;
    position: static;
}

.right-sidebar-modal .tooltip2-close-deal-full-info .tooltip-content .tooltip-text,
.right-widget-container .tooltip2-close-deal-full-info .tooltip-content .tooltip-text {
    max-width: 300px;
}

.right-sidebar-modal .no-deals,
.right-widget-container .no-deals {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 15px 5px;
    text-align: center;
}

.right-sidebar-modal .deals-list,
.right-widget-container .deals-list {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
}

.right-sidebar-modal .deals-list__muted,
.right-widget-container .deals-list__muted {
    opacity: 0.4 !important;
}

.right-sidebar-modal .deals-list__group-label,
.right-widget-container .deals-list__group-label {
    cursor: default;
    font-size: 11px;
    min-height: 32px;
}

.right-sidebar-modal .deals-list__item-last,
.right-widget-container .deals-list__item-last {
    border-bottom-width: medium !important;
    border-bottom-style: none !important;
    border-bottom-color: currentcolor !important;
}

.right-sidebar-modal .deals-list__item,
.right-widget-container .deals-list__item {
    padding: 10px;
    position: relative;
}

.right-sidebar-modal .deals-list__item .animated,
.right-widget-container .deals-list__item .animated {
    animation-delay: 0.02s;
    animation-duration: 0.2s;
}

.right-sidebar-modal .deals-list__item .svg-icon-zipper,
.right-widget-container .deals-list__item .svg-icon-zipper {
    color: rgb(6, 201, 49);
    display: inline-block;
    margin-left: 7px;
}

.right-sidebar-modal .deals-list__item .svg-icon-zipper svg,
.right-widget-container .deals-list__item .svg-icon-zipper svg {
    height: 10px;
    width: 10px;
}

.right-sidebar-modal .deals-list__item-full,
.right-widget-container .deals-list__item-full {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin-top: 10px;
}

.right-sidebar-modal .deals-list__item-full .time-info,
.right-widget-container .deals-list__item-full .time-info {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.right-sidebar-modal .deals-list__item-full .time-info .timer,
.right-widget-container .deals-list__item-full .time-info .timer {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    font-size: 11px;
    line-height: 16px;
}

.right-sidebar-modal .deals-list__item-full .time-info .timer:last-child,
.right-widget-container .deals-list__item-full .time-info .timer:last-child {
    text-align: right;
}

.right-sidebar-modal .deals-list__item-full .time-info .timeframe,
.right-widget-container .deals-list__item-full .time-info .timeframe {
    font-size: 12px;
    margin: 0px 10px;
}

.right-sidebar-modal .deals-list__item-full .progress-info,
.right-widget-container .deals-list__item-full .progress-info {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    font-size: 12px;
    justify-content: center;
    overflow: hidden;
    padding: 5px 10px 0px;
}

.right-sidebar-modal .deals-list__item-full .progress-info .progress,
.right-widget-container .deals-list__item-full .progress-info .progress {
    background-color: rgba(51, 122, 183, 0.3);
    margin: 5px 0px;
    width: 100%;
}

.right-sidebar-modal .deals-list__item-full .forecast,
.right-widget-container .deals-list__item-full .forecast {
    border-radius: 4px;
    cursor: default;
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
    padding: 8px;
    text-align: center;
}

.right-sidebar-modal .deals-list__item-full .forecast .act,
.right-widget-container .deals-list__item-full .forecast .act {
    text-transform: uppercase;
}

.right-sidebar-modal .deals-list__item-full .forecast .call,
.right-widget-container .deals-list__item-full .forecast .call {
    color: rgb(111, 194, 116);
}

.right-sidebar-modal .deals-list__item-full .forecast .put,
.right-widget-container .deals-list__item-full .forecast .put {
    color: rgb(252, 56, 10);
}

.right-sidebar-modal .deals-list__item-full .forecast .profit-tooltip-container,
.right-widget-container .deals-list__item-full .forecast .profit-tooltip-container {
    position: relative;
}

.right-sidebar-modal .deals-list__item-full .forecast.type-closed,
.right-widget-container .deals-list__item-full .forecast.type-closed {
    border-radius: 4px 4px 0px 0px;
    padding: 4px 0px;
}

.right-sidebar-modal .deals-list__item-full .price-chart,
.right-widget-container .deals-list__item-full .price-chart {
    border-radius: 0px 0px 4px 4px;
    height: 100px;
    overflow: hidden;
    position: relative;
}

.right-sidebar-modal .deals-list__item-full .price-chart .no-data,
.right-widget-container .deals-list__item-full .price-chart .no-data {
    font-size: 12px;
    left: 0px;
    top: 0px;
}

.right-sidebar-modal .deals-list__item-full .price-chart .no-data,
.right-sidebar-modal .deals-list__item-full .price-chart-loader,
.right-widget-container .deals-list__item-full .price-chart .no-data,
.right-widget-container .deals-list__item-full .price-chart-loader {
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.right-sidebar-modal .deals-list__item-full .price-chart-loader svg,
.right-widget-container .deals-list__item-full .price-chart-loader svg {
    animation: 1s linear 0s infinite normal none running spin;
}

.right-sidebar-modal .deals-list__item-full .refund-info,
.right-widget-container .deals-list__item-full .refund-info {
    font-size: 11px;
    margin-bottom: 0px;
    margin-top: 10px;
}

.right-sidebar-modal .deals-list__item-full .price-info,
.right-widget-container .deals-list__item-full .price-info {
    font-size: 11px;
    margin-top: 10px;
}

.right-sidebar-modal .deals-list__item-full .price-info__order,
.right-widget-container .deals-list__item-full .price-info__order {
    margin-bottom: 4px;
}

.right-sidebar-modal .deals-list__item-full .price-info__prices,
.right-widget-container .deals-list__item-full .price-info__prices {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-left: -4px;
}

.right-sidebar-modal .deals-list__item-full .price-info__prices>*,
.right-widget-container .deals-list__item-full .price-info__prices>* {
    margin-left: 4px;
}

.right-sidebar-modal .deals-list__item-full .price-info__prices-item,
.right-widget-container .deals-list__item-full .price-info__prices-item {
    -webkit-box-flex: 1;
    flex: 1 1 100px;
}

.right-sidebar-modal .deals-list__item-full .price-info__prices-item:last-child,
.right-widget-container .deals-list__item-full .price-info__prices-item:last-child {
    text-align: right;
}

.right-sidebar-modal .deals-list__item-full .price-info__copy-info,
.right-widget-container .deals-list__item-full .price-info__copy-info {
    margin-top: 10px;
    padding: 2px 4px;
    text-align: center;
}

.right-sidebar-modal .deals-list__item-full .price-info .difference .up,
.right-widget-container .deals-list__item-full .price-info .difference .up {
    color: rgb(111, 194, 116);
}

.right-sidebar-modal .deals-list__item-full .price-info .difference .down,
.right-widget-container .deals-list__item-full .price-info .difference .down {
    color: rgb(252, 56, 10);
}

.right-sidebar-modal .deals-list__item .rollover-form,
.right-widget-container .deals-list__item .rollover-form {
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 4px;
    flex-direction: column;
    padding: 6px;
}

.right-sidebar-modal .deals-list__item .rollover-form .rollover-form_tooltip,
.right-widget-container .deals-list__item .rollover-form .rollover-form_tooltip {
    cursor: help;
    font-size: 12px;
    position: absolute;
    right: 6px;
    top: 1px;
}

.right-sidebar-modal .deals-list__item .rollover-form .rollover-form_tooltip .divider,
.right-widget-container .deals-list__item .rollover-form .rollover-form_tooltip .divider {
    margin-left: 2px;
    margin-right: 2px;
}

.right-sidebar-modal .deals-list__item .rollover-form .rollover-form_tooltip--content,
.right-widget-container .deals-list__item .rollover-form .rollover-form_tooltip--content {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.right-sidebar-modal .deals-list__item .rollover-form .rollover-form_tooltip--content>*,
.right-widget-container .deals-list__item .rollover-form .rollover-form_tooltip--content>* {
    margin-bottom: 2px;
    text-align: center;
}

.right-sidebar-modal .deals-list__item .rollover-form .rollover-form_tooltip--content> :last-of-type,
.right-widget-container .deals-list__item .rollover-form .rollover-form_tooltip--content> :last-of-type {
    margin-bottom: 0px;
}

.right-sidebar-modal .deals-list__item .rollover-form .rollover-form_tooltip--content .highlight,
.right-widget-container .deals-list__item .rollover-form .rollover-form_tooltip--content .highlight {
    color: rgb(111, 194, 116);
    font-size: 14px;
}

.right-sidebar-modal .deals-list__item .rollover-form .horizontal,
.right-widget-container .deals-list__item .rollover-form .horizontal {
    display: flex;
}

.right-sidebar-modal .deals-list__item .rollover-form .horizontal>*,
.right-widget-container .deals-list__item .rollover-form .horizontal>* {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    margin-left: 5px;
    margin-right: 5px;
}

.right-sidebar-modal .deals-list__item .rollover-form .horizontal> :first-of-type,
.right-widget-container .deals-list__item .rollover-form .horizontal> :first-of-type {
    margin-left: 0px;
}

.right-sidebar-modal .deals-list__item .rollover-form .horizontal> :last-of-type,
.right-widget-container .deals-list__item .rollover-form .horizontal> :last-of-type {
    margin-right: 0px;
}

.right-sidebar-modal .deals-list__item .rollover-form .vertical,
.right-widget-container .deals-list__item .rollover-form .vertical {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.right-sidebar-modal .deals-list__item .rollover-form .vertical>*,
.right-widget-container .deals-list__item .rollover-form .vertical>* {
    margin-bottom: 5px;
    margin-top: 5px;
}

.right-sidebar-modal .deals-list__item .rollover-form .vertical> :first-of-type,
.right-widget-container .deals-list__item .rollover-form .vertical> :first-of-type {
    margin-top: 0px;
}

.right-sidebar-modal .deals-list__item .rollover-form .vertical> :last-of-type,
.right-widget-container .deals-list__item .rollover-form .vertical> :last-of-type {
    margin-bottom: 0px;
}

.right-sidebar-modal .deals-list__item .rollover-form .rollover-info-block,
.right-widget-container .deals-list__item .rollover-form .rollover-info-block {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 8px;
}

.right-sidebar-modal .deals-list__item .rollover-form .rollover-info-block__label,
.right-widget-container .deals-list__item .rollover-form .rollover-info-block__label {
    font-size: 12px;
    text-align: center;
}

.right-sidebar-modal .deals-list__item .rollover-form .rollover-info-block__value,
.right-widget-container .deals-list__item .rollover-form .rollover-info-block__value {
    font-size: 12px;
    line-height: 12px;
    text-align: center;
}

.right-sidebar-modal .deals-list__item .rollover-form .rollover-info-block__value--up,
.right-widget-container .deals-list__item .rollover-form .rollover-info-block__value--up {
    font-size: 16px;
    line-height: 16px;
}

.right-sidebar-modal .deals-list__item .rollover-form .rollover-info-block--text,
.right-widget-container .deals-list__item .rollover-form .rollover-info-block--text {
    margin-bottom: 8px;
}

.right-sidebar-modal .deals-list__item .rollover-form .rollover-info-block--text:last-of-type,
.right-widget-container .deals-list__item .rollover-form .rollover-info-block--text:last-of-type {
    margin-bottom: 0px;
}

.right-sidebar-modal .deals-list__item .rollover-form .rollover-info-block--no-wrap,
.right-widget-container .deals-list__item .rollover-form .rollover-info-block--no-wrap {
    white-space: nowrap;
}

.right-sidebar-modal .deals-list__item .rollover-overlay,
.right-widget-container .deals-list__item .rollover-overlay {
    display: flex;
    left: 0px;
    position: absolute;
    top: 0px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    height: 100%;
    justify-content: center;
    padding: 20px;
    width: 100%;
}

.right-sidebar-modal .deals-list__item .rollover-overlay svg,
.right-widget-container .deals-list__item .rollover-overlay svg {
    height: 100%;
    width: 100%;
}

.right-sidebar-modal .deals-list__item .action-buttons a,
.right-widget-container .deals-list__item .action-buttons a {
    height: 28px;
}

.right-sidebar-modal .deals-list__item .btn-double-up,
.right-sidebar-modal .deals-list__item .btn-rollover,
.right-widget-container .deals-list__item .btn-double-up,
.right-widget-container .deals-list__item .btn-rollover {
    position: relative;
}

.right-sidebar-modal .deals-list__item .btn-double-up .timer,
.right-sidebar-modal .deals-list__item .btn-rollover .timer,
.right-widget-container .deals-list__item .btn-double-up .timer,
.right-widget-container .deals-list__item .btn-rollover .timer {
    font-size: 10px;
    position: absolute;
    right: 4px;
    top: 6px;
}

.right-sidebar-modal .deals-list__item .btn-double-up:hover,
.right-sidebar-modal .deals-list__item .btn-rollover:hover,
.right-widget-container .deals-list__item .btn-double-up:hover,
.right-widget-container .deals-list__item .btn-rollover:hover {
    background-color: var(--po-ui-kit-btn-green-light-background-color-base);
    border-color: var(--po-ui-kit-btn-green-light-border-color-base);
    color: var(--po-ui-kit-btn-green-light-color-base);
}

.right-sidebar-modal .deals-list__item .btn-double-up.hovered,
.right-sidebar-modal .deals-list__item .btn-rollover.hovered,
.right-widget-container .deals-list__item .btn-double-up.hovered,
.right-widget-container .deals-list__item .btn-rollover.hovered {
    background-color: var(--po-ui-kit-btn-green-light-background-color-hover);
    border-color: var(--po-ui-kit-btn-green-light-border-color-hover);
}

.right-sidebar-modal .deals-list__item .btn-cancel,
.right-widget-container .deals-list__item .btn-cancel {
    color: rgb(189, 48, 44);
}

.right-sidebar-modal .deals-list__item .btn-cancel svg,
.right-widget-container .deals-list__item .btn-cancel svg {
    fill: rgb(189, 48, 44);
}

.right-sidebar-modal .deals-list__item .btn-cancel:hover,
.right-widget-container .deals-list__item .btn-cancel:hover {
    background-color: rgb(189, 48, 44);
    color: rgb(255, 255, 255);
}

.right-sidebar-modal .deals-list__item .btn-cancel:hover svg,
.right-widget-container .deals-list__item .btn-cancel:hover svg {
    fill: rgb(255, 255, 255);
}

.right-sidebar-modal .deals-list__item .fa-arrow-up,
.right-widget-container .deals-list__item .fa-arrow-up {
    color: rgb(73, 167, 68);
    margin-right: 2px;
    transform: rotate(45deg);
}

.right-sidebar-modal .deals-list__item .fa-arrow-down,
.right-widget-container .deals-list__item .fa-arrow-down {
    color: rgb(252, 56, 10);
    margin-right: 2px;
    transform: rotate(-45deg);
}

.right-sidebar-modal .deals-list__item .item-row,
.right-widget-container .deals-list__item .item-row {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    font-size: 13px;
    justify-content: space-between;
}

.right-sidebar-modal .deals-list__item .item-row .trade-type,
.right-widget-container .deals-list__item .item-row .trade-type {
    margin-left: 5px;
}

.right-sidebar-modal .deals-list__item .item-row .large,
.right-widget-container .deals-list__item .item-row .large {
    font-size: 15px;
}

.right-sidebar-modal .deals-list__item .item-row .favorites,
.right-widget-container .deals-list__item .item-row .favorites {
    margin-right: 5px;
}

.right-sidebar-modal .deals-list__item .item-row .copied,
.right-widget-container .deals-list__item .item-row .copied {
    font-size: 11px;
    margin-left: 5px;
}

.right-sidebar-modal .deals-list__item .item-row svg.copySignal,
.right-widget-container .deals-list__item .item-row svg.copySignal {
    height: 10px;
    fill: rgb(255, 255, 255);
    margin-left: 1px;
}

.right-sidebar-modal .deals-list__item .item-row svg.aiTrade,
.right-widget-container .deals-list__item .item-row svg.aiTrade {
    height: 10px;
}

.right-sidebar-modal .deals-list__item .cancel,
.right-widget-container .deals-list__item .cancel {
    display: flex;
    margin: 5px 0px 5px -4px;
}

.right-sidebar-modal .deals-list__item .cancel .currency,
.right-sidebar-modal .deals-list__item .cancel>*,
.right-widget-container .deals-list__item .cancel .currency,
.right-widget-container .deals-list__item .cancel>* {
    margin-left: 4px;
}

.right-sidebar-modal .deals-list__item .cancel a,
.right-widget-container .deals-list__item .cancel a {
    height: 28px;
    padding: 0px 12px;
}

.right-sidebar-modal .deals-list__item .cancel a .fa,
.right-widget-container .deals-list__item .cancel a .fa {
    font-size: 18px;
    margin-left: 4px;
    margin-right: 4px;
}

.right-sidebar-modal .deals-list__item .cancel a.flex-1,
.right-widget-container .deals-list__item .cancel a.flex-1 {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    padding: 0px;
}

.right-sidebar-modal .deals-list__item .cancel a.btn:hover,
.right-widget-container .deals-list__item .cancel a.btn:hover {
    color: rgb(255, 255, 255);
}

.right-sidebar-modal .deals-list__item:hover,
.right-widget-container .deals-list__item:hover {
    cursor: pointer;
}

.drop-down-modal__choose-period {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    position: absolute;
    top: 0px;
    width: 240px;
    z-index: 10;
}

.drop-down-modal__choose-period--wrapper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 4px;
    flex-direction: column;
}

.drop-down-modal__choose-period--wrapper .periods-list {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 2px;
    padding: 3px;
}

.drop-down-modal__choose-period--wrapper .periods-list a {
    -webkit-box-flex: 1;
    border: 1px solid transparent;
    border-radius: 4px;
    flex: 1 1 60px;
    margin: 3px;
    padding: 5px 2px;
    text-align: center;
}

.drop-down-modal__choose-period--wrapper .s-text {
    font-size: 12px;
    padding: 20px;
}

.drop-down-modal__signal-settings {
    padding: 20px;
    position: absolute;
    top: 0px;
    width: var(--po-ui-kit-right-modals-width);
    z-index: 10;
    border-radius: 0px !important;
}

.drop-down-modal__signal-settings .s-text {
    font-size: 12px;
}

.drop-down-modal__signal-settings .mdl-switch__label {
    font-size: 13px;
}

body[class*="layout-"]:not(.layout-full) .zoom-controls {
    bottom: 20px;
    font-size: 12px;
    left: 10px;
}

body[class*="layout-"]:not(.layout-full) .zoom-controls .left {
    padding-left: 7px;
    padding-right: 7px;
}

body[class*="layout-"]:not(.layout-full) .zoom-controls select {
    font-size: 12px;
    padding-bottom: 1px;
    padding-top: 1px;
    width: 50px;
}

body[class*="layout-"]:not(.layout-full) .top-left-block {
    left: 10px;
    top: 10px;
}

body[class*="layout-"]:not(.layout-full) .top-left-block .items__link {
    height: 28px;
    min-width: auto;
    width: 28px;
}

body[class*="layout-"]:not(.layout-full) .top-left-block .currencies-block__in {
    height: 28px;
    line-height: 28px;
}

body[class*="layout-"]:not(.layout-full) .top-left-block .currencies-block__in>a,
body[class*="layout-"]:not(.layout-full) .top-left-block .currencies-block__in>div {
    font-size: 12px;
}

body[class*="layout-"]:not(.layout-full) .tooltip-content:not(.need-deposit-tooltip),
body[class*="layout-"]:not(.layout-full) .trading-panel [class*="fa-question"] {
    display: none;
}

body[class*="layout-"]:not(.layout-full) .is-compact-multi .scroll-to-end {
    height: 54px;
    width: 26px;
}

body[class*="layout-"]:not(.layout-full).is-tournament .auxiliary-information-panels {
    display: none;
}

.no-fav-panel .promotions {
    top: 60px;
}

.minimize-left-sidebar .promotions {
    left: 50px;
}

.promotions {
    bottom: 0px;
    left: 90px;
    overflow: hidden;
    position: absolute;
    top: 120px;
    width: 360px;
    z-index: 12;
}

.promotions,
.promotions__header {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.promotions__header {
    gap: 12px;
    padding: 12px 16px;
}

.promotions__header .headline {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    gap: 12px;
    justify-content: space-between;
}

.promotions__header .headline__label {
    -webkit-box-flex: 1;
    flex-grow: 1;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.promotions__header .headline__label--inner {
    display: block;
    margin: 0px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.promotions__header .headline__icon {
    backdrop-filter: blur(3px);
    border-radius: 8px;
    display: flex;
    flex-shrink: 0;
    height: 32px;
    width: 32px;
}

.promotions__header .headline__icon svg {
    height: 12px;
    margin: auto;
    width: 12px;
}

.promotions__header .headline__icon:hover {
    cursor: pointer;
}

.promotions__header .panel {
    display: flex;
    gap: 12px;
    margin-bottom: 0px;
}

.promotions__header .panel__item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    gap: 4px;
    height: 32px;
    letter-spacing: 0.06px;
    line-height: 16px;
    padding: 0px 12px;
    text-align: center;
    transition: background-color 0.3s;
}

.promotions__header .panel__item:hover {
    cursor: pointer;
}

.promotions__header .panel__item--active {
    border: 1px solid rgb(0, 154, 249);
    border-radius: 6px;
    font-weight: 600;
}

.promotions__header .panel__badge {
    border-radius: 6px;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    padding: 0px 5px;
}

.promotions__scroll {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 100%;
    overflow: auto;
}

.promotions__empty,
.promotions__loader {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    height: 100%;
    justify-content: center;
}

.promotions__empty {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 12px;
    margin: 0px 20px;
}

.promotions__empty .empty-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
}

.promotions__empty .empty-tagline {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
}

.promotions__list {
    display: flex;
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    gap: 12px;
    padding: 12px 16px;
}

.promotions__list,
.promotions__list .card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.promotions__list .card {
    backdrop-filter: blur(2px);
    border-radius: 12px;
    display: none;
    gap: 4px;
    min-height: 94px;
    overflow: hidden;
    padding: 16px;
    position: relative;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.promotions__list .card__overline {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    gap: 4px;
}

.promotions__list .card__overline .icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/>");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    color: rgb(142, 165, 192);
    height: 16px;
    width: 16px;
}

.promotions__list .card__overline .promo {
    color: rgb(142, 165, 192);
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.promotions__list .card__overline .date--available {
    display: inline-block;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    backdrop-filter: blur(2px);
    background: rgba(29, 34, 50, 0.5);
    border-radius: 6px;
    color: rgb(142, 165, 192);
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    height: 16px;
    justify-content: center;
    line-height: 14px;
    padding: 0px 6px;
}

.promotions__list .card__overline .date--completed {
    color: rgb(142, 165, 192);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.promotions__list .card__title {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}

.promotions__list .card__tagline {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.promotions__list .card__image {
    border-radius: 0px 12px 12px 0px;
    bottom: -45px;
    height: 150px;
    position: absolute;
    right: -45px;
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: 150px;
}

.promotions__list .card__btn {
    display: inline-flex;
    padding-bottom: 5px;
    padding-top: 5px;
}

.promotions__list .card__btn,
.promotions__list .card__timer {
    width: fit-content;
}

.promotions__list .card__timer {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background-color: var(--promo-timer-background-color);
    border: 1px solid var(--promo-timer-border-color);
    border-radius: 50px;
    font-size: 12px;
    gap: 6px;
    justify-content: center;
    line-height: 22px;
    padding: 4px 12px;
}

.promotions__list .card__timer--unbordered {
    background-color: unset;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    font-size: 10px;
    line-height: 16px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    right: 18px;
    top: 16px;
}

.promotions__list .card__timer-text {
    color: var(--promo-timer-text-color);
}

.promotions__list .card__timer-left {
    color: var(--promo-timer-left-text-color);
}

.promotions__list .card:hover {
    cursor: pointer;
}

.promotions__list .card:hover .card__image {
    transform: translateX(-1%) scale(1.1);
}

.promotions__list .card.personal-bonus {
    cursor: default;
    gap: 10px;
    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.promotions__list .card.personal-bonus .card__image {
    bottom: -45px;
    height: unset;
    right: -40px;
    width: unset;
}

.promotions__list .card.personal-bonus .btn {
    border-radius: 8px;
    font-size: 12px;
}

.promotions__detail,
.promotions__list--available .card--available,
.promotions__list--completed .card--completed {
    display: flex;
}

.promotions__detail {
    -webkit-box-flex: 1;
    flex: 1 1 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
}

.promotions__detail .detail-image {
    border-radius: 12px;
    height: 328px;
    object-fit: cover;
    width: 100%;
}

.promotions__detail .detail-badge {
    backdrop-filter: blur(2px);
    border-radius: 8px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding: 5px 12px;
    text-align: center;
}

.promotions__detail .detail-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.promotions__detail .detail-html {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 12px;
}

.promotions__banner {
    background-clip: text;
    border-radius: 8px;
    cursor: pointer;
    height: 78px;
    margin: 10px;
    overflow: hidden;
    position: relative;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.promotions__banner .banner__count {
    backdrop-filter: blur(1px);
    background: rgba(0, 154, 249, 0.9);
    border-radius: 0px 6px;
    color: rgb(255, 255, 255);
    font-size: 9px;
    font-style: normal;
    font-weight: 600;
    height: 14px;
    line-height: normal;
    padding: 0px 3px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 0px;
}

.promotions__banner .banner__title {
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    padding-top: 16px;
    text-align: center;
    text-transform: uppercase;
}

.promotions__banner .banner__image {
    bottom: 5px;
    display: block;
    height: 65px;
    margin: auto;
    position: relative;
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: 65px;
}

.promotions__banner .banner__blur {
    backdrop-filter: blur(0.85px);
    bottom: 0px;
    height: 18px;
    left: 0px;
    opacity: 1;
    position: absolute;
    width: 100%;
}

.promotions__banner:hover .banner__image {
    transform: translateX(-2%) rotate(-12deg) scale(1.1);
}

.promotions__art-banner .art-banner {
    border-radius: 8px;
    cursor: pointer;
    height: 85px;
    margin: 10px;
    overflow: hidden;
    position: relative;
}

.promotions__art-banner .art-banner__title {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    margin-top: 6px;
    text-align: center;
}

.promotions__art-banner .art-banner__coin {
    bottom: -5px;
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: calc(100% - 10px);
    z-index: 2;
}

.promotions__art-banner .art-banner__back,
.promotions__art-banner .art-banner__coin {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

.promotions__art-banner .art-banner__back {
    bottom: -10px;
    width: 100px;
    z-index: 1;
}

.promotions__art-banner .art-banner__blur {
    backdrop-filter: blur(2px);
    bottom: 0px;
    height: 20px;
    left: 0px;
    position: absolute;
    width: 100%;
    z-index: 3;
}

.promotions__art-banner .art-banner:hover .art-banner__coin {
    transform: translateX(-50%) scale(1.08);
}

.promotions--inner {
    height: 100%;
    top: 60px;
}

.promotions--fixed {
    height: 100%;
    position: fixed;
    top: 0px;
}

.minimize-left-sidebar .promotions__banner {
    border: 1px solid rgb(58, 121, 231);
    height: 32px;
    width: 32px;
}

.minimize-left-sidebar .promotions__banner .banner__image {
    bottom: 0px;
    height: 30px;
    width: 30px;
}

.minimize-left-sidebar .promotions__banner .banner__image svg {
    height: 30px;
    width: 30px;
}

.minimize-left-sidebar .promotions__banner .banner__blur,
.minimize-left-sidebar .promotions__banner .banner__count,
.minimize-left-sidebar .promotions__banner .banner__title {
    display: none !important;
}

.minimize-left-sidebar .promotions__art-banner .art-banner {
    border-radius: 8px;
    height: 32px;
    margin: 10px;
    overflow: hidden;
    position: relative;
    width: 32px;
}

.minimize-left-sidebar .promotions__art-banner .art-banner__title {
    display: none;
}

.minimize-left-sidebar .promotions__art-banner .art-banner__coin {
    bottom: 46%;
    transform: translateX(-50%) translateY(50%);
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: calc(100% - 6px);
}

.minimize-left-sidebar .promotions__art-banner .art-banner__back {
    bottom: 50%;
    transform: translateX(-50%) translateY(50%);
    width: 45px;
}

.minimize-left-sidebar .promotions__art-banner .art-banner__blur {
    display: none;
}

.minimize-left-sidebar .promotions__art-banner .art-banner:hover .art-banner__coin {
    transform: translateX(-50%) translateY(50%);
}

.error-help-block {
    color: rgb(191, 58, 45);
}

.social-icons-in-modal svg {
    display: block;
    height: 22px;
    transition: color 0.3s;
    width: 22px;
}

.social-icons-in-modal__row {
    margin-bottom: 14px;
}

.social-icons-in-modal__list {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
}

.social-icons-in-modal__title {
    padding-bottom: 10px;
}

.social-icons-in-modal__link {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    background-color: var(--po-ui-kit-left-sidebar-menu-item-base-background-color);
    border: 1px solid var(--po-ui-kit-left-sidebar-menu-item-base-border-color);
    border-radius: 6px;
    height: 38px;
    justify-content: center;
    transition: background-color 0.3s;
    color: var(--po-ui-kit-left-sidebar-menu-item-base-icon-color) !important;
}

.theme-dark-blue .social-icons-in-modal__link:hover,
.theme-light .social-icons-in-modal__link:hover {
    background-color: var(--po-ui-kit-left-sidebar-menu-item-hover-background-color);
    color: var(--po-ui-kit-left-sidebar-menu-item-hover-icon-color);
}

.theme-light .is-m-version .social-icons-in-modal .social-icons-in-modal__link {
    background-color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
}

.theme-light .is-m-version .social-icons-in-modal .social-icons-in-modal__link:hover {
    background-color: rgb(90, 118, 168);
    color: rgb(255, 255, 255) !important;
}

.trader-information-modal__daterangepicker::after,
.trader-information-modal__daterangepicker::before {
    display: none;
}

.trader-information-modal__daterangepicker .daterangepicker__in {
    display: flex;
}

@media screen and (max-width: 800px) {
    .trader-information-modal__daterangepicker.show-calendar .left .daterangepicker_input {
        padding-right: 0px;
    }

    .trader-information-modal__daterangepicker.show-calendar .calendar.left {
        margin-bottom: 4px;
    }

    .trader-information-modal__daterangepicker.show-calendar .calendar {
        float: none;
        margin: 0px;
    }

    .theme-dark-blue .trader-information-modal__daterangepicker.show-calendar .calendar .calendar-table {
        border: 1px solid rgb(68, 73, 86) !important;
        border-radius: 4px !important;
    }

    .trader-information-modal__daterangepicker.show-calendar .calendar-wrap {
        padding-right: 4px;
        padding-top: 4px;
    }
}

@media screen and (max-width: 588px) {
    .trader-information-modal__daterangepicker.show-calendar .daterangepicker__in {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .trader-information-modal__daterangepicker.show-calendar .calendar-wrap {
        -webkit-box-ordinal-group: 3;
        order: 2;
        padding-right: 0px;
    }

    .trader-information-modal__daterangepicker.show-calendar .ranges {
        -webkit-box-ordinal-group: 2;
        order: 1;
    }

    .trader-information-modal__daterangepicker.show-calendar .ranges ul {
        padding: 0px;
        width: 100%;
    }
}

.tab-nav-mobile-sidebar {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: -8px;
    margin-top: -8px;
}

.tab-nav-mobile-sidebar .counter-wrap {
    position: absolute;
    right: 0px;
    top: 0px;
}

.tab-nav-mobile-sidebar .small {
    flex-basis: 50%;
    font-size: 16px;
}

.tab-nav-mobile-sidebar li {
    flex-basis: 100%;
    margin-left: 8px;
    margin-top: 8px;
    overflow: hidden;
    position: relative;
}

.tab-nav-mobile-sidebar a {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    border: 1px solid transparent;
    border-radius: 5px;
    justify-content: center;
    min-height: 38px;
    padding: 0px 5px;
    text-align: center;
}

.tab-nav-mobile-sidebar a span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ReactModal__Content .tab-nav {
    width: 100%;
}

.ReactModal__Content .remove-all {
    display: flex;
    -webkit-box-flex: 0;
    place-content: center;
    flex: 0 0 50px;
    -webkit-box-pack: center;
    border-radius: 0px 0px 12px 12px;
    color: rgb(189, 48, 44);
    line-height: 50px;
    transition: background-color 0.3s;
    width: 100%;
}

.ReactModal__Content .remove-all:hover {
    background-color: rgb(189, 48, 44);
    color: rgb(255, 255, 255);
}

.ReactModal__Content.EditIndicator {
    background-color: var(--po-ui-kit-modal-background-color);
    border: 1px solid var(--po-ui-kit-modal-border-color);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px;
    padding: 25px;
    border-radius: 10px !important;
}

.ReactModal__Content.ConfirmModal,
.ReactModal__Content.DrawingsList,
.ReactModal__Content.IndicatorsList {
    background-color: var(--po-ui-kit-drop-down-modal-background-color);
    border: 1px solid var(--po-ui-kit-drop-down-modal-border-color);
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px;
}

.m-tabs a {
    margin-right: 20px;
    padding-bottom: 10px;
}

.tournament-rank-position-offset {
    border-radius: 6px;
    color: rgb(255, 255, 255);
    display: inline-block;
    font-size: 10px;
    line-height: 14px;
    padding: 2px 6px;
    position: relative;
    top: 1px;
}

.tournament-rank-position-offset--up {
    border-color: rgb(56, 174, 23);
}

.tournament-rank-position-offset--down {
    border-color: rgb(174, 34, 23);
}

.theme-dark-blue .tournament-rank-position-offset--up {
    background-color: rgba(23, 174, 26, 0.3);
}

.theme-dark-blue .tournament-rank-position-offset--down {
    background: rgba(174, 34, 23, 0.3);
}

.theme-light .tournament-rank-position-offset--up {
    background-color: rgba(23, 174, 26, 0.7);
}

.theme-light .tournament-rank-position-offset--down {
    background: rgba(174, 34, 23, 0.7);
}

.tournament-me-label {
    border: 1px solid rgb(0, 154, 249);
    border-radius: 6px;
    color: rgb(255, 255, 255);
    font-size: 10px;
    padding: 1px 8px;
}

.theme-dark-blue .tournament-me-label {
    background: rgba(0, 154, 249, 0.6);
}

.theme-light .tournament-me-label {
    background: rgba(0, 154, 249, 0.4);
}

.gmt-label {
    display: inline-block;
}

.filters-block,
.page-filters-block {
    --gap: 15px;
}

.filters-block__row,
.page-filters-block__row {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-left: calc(var(--gap)*-1);
    margin-top: calc(var(--gap)*-1);
}

.filters-block__label,
.page-filters-block__label {
    font-size: 12px;
    min-height: 24px;
}

.filters-block__col,
.page-filters-block__col {
    margin-left: var(--gap);
    margin-top: var(--gap);
}

.filters-block__col--input,
.page-filters-block__col--input {
    min-width: 160px;
}

.filters-block__col--big-input,
.page-filters-block__col--big-input {
    min-width: 300px;
}

.filters-block__col--select,
.page-filters-block__col--select {
    min-width: 160px;
}

@media screen and (max-width: 350px) {

    .filters-block__col--big-input,
    .page-filters-block__col--big-input {
        min-width: auto;
    }
}

.expresses-how-to-modal {
    border: 1px solid transparent;
    max-width: 280px;
    padding: 20px;
    position: relative;
    width: 100%;
    border-radius: 10px !important;
}

.expresses-how-to-modal .close-btn {
    cursor: pointer;
    font-size: 23px;
    position: absolute;
    right: 19px;
    top: 15px;
}

.expresses-how-to-modal .title {
    font-size: 18px;
    margin-bottom: 15px;
    overflow: hidden;
    padding-right: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.expresses-how-to-modal .btn {
    display: block;
    margin-top: 30px;
}

body.is-m-version .expresses-how-to-modal {
    max-width: 280px;
}

body.is-pc-version .expresses-how-to-modal {
    max-width: 440px;
}

@property --angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 90deg;
}

.spinner-animation-block {
    display: flex;
    height: 36px;
    width: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

@-webkit-keyframes change-gradient {

    0%,
    50%,
    100% {
        --angle: 25deg;
    }

    25%,
    75% {
        --angle: 125deg;
    }
}

@keyframes change-gradient {

    0%,
    50%,
    100% {
        --angle: 25deg;
    }

    25%,
    75% {
        --angle: 125deg;
    }
}

.spinner-animation-block::before {
    animation: 4s linear 0s infinite normal none running db-rotate, 4s linear 0s infinite normal none running change-gradient;
    content: "";
    filter: blur(10px);
    height: 400px;
    left: 50%;
    margin: -200px 0px 0px -200px;
    position: absolute;
    top: 18px;
    transform-origin: center center;
    width: 400px;
    z-index: 1;
}

.spinner-animation-block::after {
    border-radius: 5.5px;
    content: "";
    height: calc(100% - 2px);
    left: 1px;
    position: absolute;
    top: 1px;
    width: calc(100% - 2px);
    z-index: 2;
}

.spinner-animation-block span,
.spinner-animation-block::after {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.spinner-animation-block span {
    height: calc(100% - 4px);
    position: relative;
    width: calc(100% - 4px);
    z-index: 3;
}