@charset "UTF-8";

.btn {
    white-space: nowrap;
    border: 2px solid transparent;
    border-radius: 4px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 800;
    text-transform: uppercase;
    transition: all .3s ease;
    padding: 14px 20px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    vertical-align: middle
}

.btn:hover {
    text-decoration: none
}

.btn-big {
    padding: 22px 33px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-green {
    background: var(--surface_active_primary-enabled);
    border-color: var(--surface_active_primary-enabled);
    color: #fff
}

.btn-green:hover {
    background: var(--green-70);
    border-color: var(--green-70);
    color: #fff
}

.btn-green:disabled {
    background: #0bc466;
    border-color: #0bc466;
    color: #fff
}

.btn-white {
    background: white;
    border-color: #fff;
    color: #18181e
}

.btn-white:hover {
    background: #e8e8e9;
    border-color: #e8e8e9;
    color: #18181e
}

.btn-black {
    background: #18181e;
    border-color: #18181e;
    color: #fff
}

.btn-black:hover {
    border-color: #46464b;
    background: #46464b;
    color: #fff
}

.btn-gray {
    background: #e8e8e9;
    border-color: #e8e8e9;
    color: #18181e
}

.btn-gray:hover {
    border-color: #d1d1d2;
    background: #d1d1d2;
    color: #18181e
}

.btn-border-black {
    background: transparent;
    border-color: #18181e;
    color: #18181e
}

.btn-border-black:hover {
    background: #18181e;
    border-color: #18181e;
    color: #fff
}

.btn-border-black-solid-bg {
    background: white
}

.btn-border-black-solid-bg:hover {
    background: #18181e
}

.btn-border-white {
    background: transparent;
    border-color: #fff;
    color: #fff
}

.btn-border-white:hover {
    background: #e8e8e9;
    border-color: #e8e8e9;
    color: #18181e
}

.btn-border-green {
    background: transparent;
    border-color: #0bc466;
    color: #0bc466
}

.btn-border-green:hover {
    background: #09a355;
    border-color: #09a355;
    color: #fff
}

.btn-border-green-solid-bg {
    background: white
}

.btn-border-green-solid-bg:hover {
    background: #09a355
}

.btn-border-gray {
    background: transparent;
    border-color: #e8e8e9;
    color: #18181e
}

.btn-border-gray:hover {
    background: #d1d1d2;
    border-color: #d1d1d2;
    color: #18181e
}

.btn-border-gray-solid-bg {
    background: white
}

.btn-border-gray-solid-bg:hover {
    background: #d1d1d2
}

.btn-border-gray-white-text {
    color: #fff
}

.btn-border-gray-white-text:hover {
    color: #18181e
}

.btn-app {
    color: #18181e;
    background: white;
    border: 1px solid rgba(24, 24, 30, .3);
    font-size: 20px;
    padding: 8px 24px 6px 50px;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    position: relative
}

.btn-app svg {
    position: absolute;
    left: 14px
}

.btn-app small {
    font-size: 10px;
    color: #18181e99;
    text-transform: uppercase;
    display: block
}

.btn-app:hover {
    color: #18181e
}

.dark-theme .btn-black {
    background: white;
    border-color: #fff;
    color: #18181e
}

.dark-theme .btn-black:hover {
    background: #e8e8e9;
    border-color: #e8e8e9;
    color: #18181e
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: .5rem;
    --bs-modal-color: var(--bs-body-color);
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: .5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transform: translateY(-50px);
    transition: transform .3s ease-out
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin-top: calc(-.5 * var(--bs-modal-header-padding-y));
    margin-right: calc(-.5 * var(--bs-modal-header-padding-x));
    margin-bottom: calc(-.5 * var(--bs-modal-header-padding-y));
    margin-left: auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width: 576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: var(--bs-box-shadow)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header,
    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header,
    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header,
    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header,
    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header,
    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: .5rem;
    --bs-tooltip-padding-y: .25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: .875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: .9;
    --bs-tooltip-arrow-width: .8rem;
    --bs-tooltip-arrow-height: .4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
    bottom: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-top .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
    left: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-end .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
    top: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-bottom .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
    right: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-start .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius)
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: .5rem;
    --bs-dropdown-spacer: .125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: .5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: .25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: .5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-toggle:after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle:after {
    display: none
}

.dropstart .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropstart .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0)
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, .15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.dropdown {
    position: relative
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 15px 12px;
    margin-top: 10px;
    background: white;
    box-shadow: 0 25px 50px #1c304426;
    border-radius: 0;
    border: none;
    z-index: 1000;
    list-style: none
}

.show>.dropdown-menu {
    display: block
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 38px;
    height: 38px
}

.loader {
    display: block;
    margin: 0 auto;
    position: relative;
    border-top: 2px solid #e8e8e9;
    border-right: 2px solid #e8e8e9;
    border-bottom: 2px solid #e8e8e9;
    border-left: 2px solid #18181e;
    transform: translateZ(0);
    animation: load8 1.1s infinite linear
}

@keyframes load8 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.modal-content {
    border: none;
    border-radius: 0
}

.modal-header {
    border: none
}

.modal-header .close {
    font-size: 35px;
    color: #18181e99;
    transition: color .3s ease;
    margin: 0 -9px 0 0;
    line-height: 1;
    padding: 0 9px
}

.modal-header .close:hover {
    color: #18181e
}

.modal-title {
    font-weight: 300
}

.modal-footer {
    border: none
}

@media all and (min-width: 768px) {
    .modal-header {
        padding: 35px
    }

    .modal-header+.modal-body {
        padding-top: 0
    }

    .modal-body {
        padding: 35px
    }

    .modal-title {
        font-size: 25px
    }

    .modal-footer {
        padding: 0 35px 35px
    }
}

@media all and (max-width: 767px) {
    .modal-header {
        padding: 15px
    }

    .modal-header+.modal-body {
        padding-top: 0
    }

    .modal-body {
        padding: 15px
    }

    .modal-title {
        font-size: 20px
    }

    .modal-footer {
        padding: 0 15px 15px
    }
}

.collapse-container .collapse-content {
    display: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-out, padding .3s ease-out
}

.collapse-header {
    cursor: pointer;
    border-radius: 8px
}

.collapse-header .collapse-arrow svg,
.collapse-header .collapse-arrow-turned,
.collapse-header .collapse-arrow-turned svg {
    transition: transform .3s
}

.collapse-container.open .collapse-header .collapse-arrow svg {
    transform: rotate(180deg)
}

.collapse-container.open .collapse-header .collapse-arrow-turned,
.collapse-container.open .collapse-header .collapse-arrow-turned svg {
    transform: rotate(0)
}

*,
*:before,
*:after {
    box-sizing: border-box
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

ol,
ul {
    padding-left: 2rem;
    margin-top: 0;
    margin-bottom: 1rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: .875em
}

code {
    font-size: .875em;
    color: var(--decorative-amaranth);
    word-wrap: break-word
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0;
    color: var(--text-strong)
}

input,
button,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
:-webkit-datetime-edit-minute,
:-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0
}

iframe {
    border: 0
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-flex {
    display: flex !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.d-none {
    display: none !important
}

.position-relative {
    position: relative !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.m-2 {
    margin: .5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.p-0 {
    padding: 0 !important
}

.p-2 {
    padding: .5rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.text-start {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-white {
    color: var(--base-white) !important
}

.text-info {
    color: #0dcaf0 !important
}

.bg-dark {
    background-color: var(--surface-inverted) !important
}

.border {
    border: 1px solid var(--border-weak) !important
}

.rounded {
    border-radius: 8px !important
}

.visible {
    visibility: visible !important
}

@media (min-width: 768px) {
    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-none {
        display: none !important
    }
}

@media (min-width: 992px) {
    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    margin-right: -.75rem;
    margin-left: -.75rem
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: .75rem;
    padding-left: .75rem;
    margin-top: 0
}

.col {
    flex: 1 0 0%
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.list-unstyled,
.list-inline {
    padding-left: 0;
    list-style: none
}

.container {
    width: 100%;
    padding-right: .75rem;
    padding-left: .75rem;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px
    }
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.pagination {
    display: flex;
    padding-left: 0
}

.flag-icon {
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.flag-icon:before {
    opacity: 0
}

.flag-icon-small {
    height: 16px;
    width: 16px
}

.flag-icon-big {
    height: 32px;
    width: 32px
}

.flag-icon-ae-en,
.flag-icon-sca-en,
.flag-icon-sca-ar {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ae.6db1f55e.svg)
}

.flag-icon-uk {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/gb.f60e7132.svg)
}

.flag-icon-int,
.flag-icon-lat,
.flag-icon-all {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/wo.a827417f.svg)
}

.flag-icon-ad {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ad.d7c6f9e1.svg)
}

.flag-icon-ae {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ae.6db1f55e.svg)
}

.flag-icon-af {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/af.7caaa5be.svg)
}

.flag-icon-ag {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ag.35aa40d9.svg)
}

.flag-icon-ai {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ai.1a5a1a0a.svg)
}

.flag-icon-al {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/al.20c9b065.svg)
}

.flag-icon-am {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/am.84f0a75b.svg)
}

.flag-icon-ao {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ao.45cc3885.svg)
}

.flag-icon-aq {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/aq.c92453c1.svg)
}

.flag-icon-ar {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ar.f2267576.svg)
}

.flag-icon-as {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/as.17511f8c.svg)
}

.flag-icon-at {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/at.ac36fcbc.svg)
}

.flag-icon-au {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/au.e8872f51.svg)
}

.flag-icon-aw {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/aw.50c32bed.svg)
}

.flag-icon-ax {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ax.476de1c4.svg)
}

.flag-icon-az {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/az.5e084703.svg)
}

.flag-icon-ba {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ba.5ce56b22.svg)
}

.flag-icon-bb {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/bb.fccc6bc6.svg)
}

.flag-icon-bd {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/bd.ffafff5b.svg)
}

.flag-icon-be {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/be.36430394.svg)
}

.flag-icon-bf {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/bf.b5af008c.svg)
}

.flag-icon-bg {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/bg.a4fbba10.svg)
}

.flag-icon-bh {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/bh.c25a688a.svg)
}

.flag-icon-bi {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/bi.4c4bd5d1.svg)
}

.flag-icon-bj {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/bj.85c7fea6.svg)
}

.flag-icon-bl {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/bl.860034e1.svg)
}

.flag-icon-bm {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/bm.7be0dfb1.svg)
}

.flag-icon-bn {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/bn.1a307c2a.svg)
}

.flag-icon-bo {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/bo.dd705bab.svg)
}

.flag-icon-bq {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/bq.d5a529a1.svg)
}

.flag-icon-br {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/br.39e75764.svg)
}

.flag-icon-bs {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/bs.83c70462.svg)
}

.flag-icon-bt {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/bt.60250079.svg)
}

.flag-icon-bv {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/bv.1d907f53.svg)
}

.flag-icon-bw {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/bw.3590fb5d.svg)
}

.flag-icon-by {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/by.ad1c8df1.svg)
}

.flag-icon-bz {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/bz.a917d65c.svg)
}

.flag-icon-ca {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ca.e5fafd78.svg)
}

.flag-icon-cc {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/cc.7b35682d.svg)
}

.flag-icon-cd {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/cd.e020154d.svg)
}

.flag-icon-cf {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/cf.8b2cf237.svg)
}

.flag-icon-cg {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/cg.2bf57292.svg)
}

.flag-icon-ch {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ch.8461d042.svg)
}

.flag-icon-ci {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ci.9a0d7a2b.svg)
}

.flag-icon-ck {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ck.e0498763.svg)
}

.flag-icon-cl {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/cl.154450c8.svg)
}

.flag-icon-cm {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/cm.4f0033db.svg)
}

.flag-icon-cn {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/cn.7fc354a5.svg)
}

.flag-icon-co {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/co.7ceacf54.svg)
}

.flag-icon-cr {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/cr.11de7560.svg)
}

.flag-icon-cu {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/cu.907aaca1.svg)
}

.flag-icon-cv {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/cv.ff2dd440.svg)
}

.flag-icon-cw {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/cw.abe57d13.svg)
}

.flag-icon-cx {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/cx.f15edcb2.svg)
}

.flag-icon-cy {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/cy.d213095b.svg)
}

.flag-icon-cz {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/cz.da2c50b2.svg)
}

.flag-icon-de {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/de.4ada46ba.svg)
}

.flag-icon-dj {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/dj.593eaf8d.svg)
}

.flag-icon-dk {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/dk.afc31ca3.svg)
}

.flag-icon-dm {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/dm.6f6a4b0f.svg)
}

.flag-icon-do {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/do.4553c1b5.svg)
}

.flag-icon-dz {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/dz.084aab84.svg)
}

.flag-icon-ec {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ec.5a5dd89e.svg)
}

.flag-icon-ee {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ee.1aa5947a.svg)
}

.flag-icon-eg {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/eg.3808bcd4.svg)
}

.flag-icon-eh {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/eh.2b6de31b.svg)
}

.flag-icon-er {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/er.26eda656.svg)
}

.flag-icon-es {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/es.c0a09979.svg)
}

.flag-icon-et {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/et.26e9f814.svg)
}

.flag-icon-eu {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/eu.244ffebe.svg)
}

.flag-icon-fi {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/fi.df7a132d.svg)
}

.flag-icon-fj {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/fj.35267fcf.svg)
}

.flag-icon-fk {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/fk.2b3da6f9.svg)
}

.flag-icon-fm {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/fm.322df980.svg)
}

.flag-icon-fo {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/fo.bf1c72e4.svg)
}

.flag-icon-fr {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/fr.ad8e82e8.svg)
}

.flag-icon-ga {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ga.f8317814.svg)
}

.flag-icon-gb {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/gb.f60e7132.svg)
}

.flag-icon-gd {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/gd.3117d72b.svg)
}

.flag-icon-ge {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ge.a461fae8.svg)
}

.flag-icon-gf {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/gf.239e5e3a.svg)
}

.flag-icon-gg {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/gg.213befc8.svg)
}

.flag-icon-gh {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/gh.ba3cca3a.svg)
}

.flag-icon-gi {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/gi.b3207b62.svg)
}

.flag-icon-gl {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/gl.ec6b8d78.svg)
}

.flag-icon-gm {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/gm.ae81b3c8.svg)
}

.flag-icon-gn {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/gn.2932e095.svg)
}

.flag-icon-gp {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/gp.34d9b2f7.svg)
}

.flag-icon-gq {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/gq.6ac748f0.svg)
}

.flag-icon-gr {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/gr.6bc1352c.svg)
}

.flag-icon-gs {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/gs.20153b97.svg)
}

.flag-icon-gt {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/gt.63c10517.svg)
}

.flag-icon-gu {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/gu.fba4e318.svg)
}

.flag-icon-gw {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/gw.c038cc00.svg)
}

.flag-icon-gy {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/gy.61ae422e.svg)
}

.flag-icon-hk {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/hk.f7d49604.svg)
}

.flag-icon-hm {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/hm.a3abe923.svg)
}

.flag-icon-hn {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/hn.fffe7978.svg)
}

.flag-icon-hr {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/hr.8f291ce5.svg)
}

.flag-icon-ht {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ht.217e1464.svg)
}

.flag-icon-hu {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/hu.88ae624e.svg)
}

.flag-icon-id {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/id.627a7013.svg)
}

.flag-icon-ie {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ie.150b709c.svg)
}

.flag-icon-il {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/il.3f86c779.svg)
}

.flag-icon-im {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/im.91981ab9.svg)
}

.flag-icon-in {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/in.d976c0e2.svg)
}

.flag-icon-io {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/io.627a38c6.svg)
}

.flag-icon-iq {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/iq.6869bde2.svg)
}

.flag-icon-ir {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ir.858d678e.svg)
}

.flag-icon-is {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/is.db9b1d14.svg)
}

.flag-icon-it {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/it.85cb3fc2.svg)
}

.flag-icon-je {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/je.e039bf62.svg)
}

.flag-icon-jm {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/jm.da72a593.svg)
}

.flag-icon-jo {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/jo.77a49d94.svg)
}

.flag-icon-jp {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/jp.1cc3a97c.svg)
}

.flag-icon-ke {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ke.92bfc86b.svg)
}

.flag-icon-kg {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/kg.fe69d890.svg)
}

.flag-icon-kh {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/kh.3eef3f55.svg)
}

.flag-icon-ki {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ki.f327a09a.svg)
}

.flag-icon-km {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/km.8613ec84.svg)
}

.flag-icon-kn {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/kn.28255a71.svg)
}

.flag-icon-kp {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/kp.7a6ec9eb.svg)
}

.flag-icon-kr {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/kr.eb2aa91c.svg)
}

.flag-icon-kw {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/kw.c35af5fb.svg)
}

.flag-icon-ky {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ky.1adda3ba.svg)
}

.flag-icon-kz {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/kz.6a5b1110.svg)
}

.flag-icon-la {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/la.4d124b5c.svg)
}

.flag-icon-lb {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/lb.97ff4148.svg)
}

.flag-icon-lc {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/lc.0eddf1c0.svg)
}

.flag-icon-li {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/li.56bbe91c.svg)
}

.flag-icon-lk {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/lk.d77a788d.svg)
}

.flag-icon-lr {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/lr.649830a8.svg)
}

.flag-icon-ls {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ls.d7d19acd.svg)
}

.flag-icon-lt {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/lt.92f3aacf.svg)
}

.flag-icon-lu {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/lu.4e432184.svg)
}

.flag-icon-lv {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/lv.d7372fc2.svg)
}

.flag-icon-ly {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ly.dc741475.svg)
}

.flag-icon-ma {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ma.e9666621.svg)
}

.flag-icon-mc {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/mc.450d9e54.svg)
}

.flag-icon-md {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/md.23fd4b9c.svg)
}

.flag-icon-me {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/me.68664d0e.svg)
}

.flag-icon-mf {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/mf.0c58182e.svg)
}

.flag-icon-mg {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/mg.1176d462.svg)
}

.flag-icon-mh {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/mh.0497cd74.svg)
}

.flag-icon-mk {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/mk.eb65578c.svg)
}

.flag-icon-ml {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ml.d0b47c2a.svg)
}

.flag-icon-mm {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/mm.6a230a7b.svg)
}

.flag-icon-mn {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/mn.6461401e.svg)
}

.flag-icon-mo {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/mo.4969e3a9.svg)
}

.flag-icon-mp {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/mp.97043ef0.svg)
}

.flag-icon-mq {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/mq.60b435ac.svg)
}

.flag-icon-mr {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/mr.75ee99b3.svg)
}

.flag-icon-ms {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ms.8447c477.svg)
}

.flag-icon-mt {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/mt.bb444320.svg)
}

.flag-icon-mu {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/mu.f6c4fb56.svg)
}

.flag-icon-mv {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/mv.2c846618.svg)
}

.flag-icon-mw {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/mw.ee3327dc.svg)
}

.flag-icon-mx {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/mx.c5bb148d.svg)
}

.flag-icon-my {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/my.b98bbd33.svg)
}

.flag-icon-mz {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/mz.d3839300.svg)
}

.flag-icon-na {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/na.cdbaa294.svg)
}

.flag-icon-nc {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/nc.9c7e721e.svg)
}

.flag-icon-ne {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ne.5f610194.svg)
}

.flag-icon-nf {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/nf.6938afed.svg)
}

.flag-icon-ng {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ng.f3abbfca.svg)
}

.flag-icon-ni {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ni.f2fa6dc6.svg)
}

.flag-icon-nl {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/nl.d5c18e1f.svg)
}

.flag-icon-no {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/no.6d764606.svg)
}

.flag-icon-np {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/np.46e304b3.svg)
}

.flag-icon-nr {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/nr.c18a76f2.svg)
}

.flag-icon-nu {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/nu.35376c98.svg)
}

.flag-icon-nz {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/nz.3e0f85bf.svg)
}

.flag-icon-om {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/om.b2408be0.svg)
}

.flag-icon-pa {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/pa.fbd65d71.svg)
}

.flag-icon-pe {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/pe.f1c7e176.svg)
}

.flag-icon-pf {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/pf.a1ab553b.svg)
}

.flag-icon-pg {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/pg.a278b0c5.svg)
}

.flag-icon-ph {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ph.5647c3cd.svg)
}

.flag-icon-pk {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/pk.25342ee4.svg)
}

.flag-icon-pl {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/pl.2b7d420d.svg)
}

.flag-icon-pm {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/pm.e2a2b3f8.svg)
}

.flag-icon-pn {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/pn.a7392208.svg)
}

.flag-icon-pr {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/pr.4ab836a6.svg)
}

.flag-icon-ps {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ps.5eb57a43.svg)
}

.flag-icon-pt {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/pt.d2a1cbf8.svg)
}

.flag-icon-pw {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/pw.4358fbec.svg)
}

.flag-icon-py {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/py.ef054ae2.svg)
}

.flag-icon-qa {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/qa.26be485c.svg)
}

.flag-icon-re {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/re.c20a4557.svg)
}

.flag-icon-ro {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ro.c05bf262.svg)
}

.flag-icon-rs {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/rs.3d5be512.svg)
}

.flag-icon-ru {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ru.3e0a254a.svg)
}

.flag-icon-rw {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/rw.2080fc79.svg)
}

.flag-icon-sa {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/sa.f94f7c36.svg)
}

.flag-icon-sb {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/sb.94b90a52.svg)
}

.flag-icon-sc {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/sc.688ddb3d.svg)
}

.flag-icon-sd {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/sd.bdc4b9d0.svg)
}

.flag-icon-se {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/se.69a7263c.svg)
}

.flag-icon-sg {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/sg.8e109c4b.svg)
}

.flag-icon-sh {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/sh.31b9088d.svg)
}

.flag-icon-si {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/si.4b83870e.svg)
}

.flag-icon-sj {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/sj.f90116f8.svg)
}

.flag-icon-sk {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/sk.20b5b1b1.svg)
}

.flag-icon-sl {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/sl.0b934565.svg)
}

.flag-icon-sm {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/sm.33e14bf8.svg)
}

.flag-icon-sn {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/sn.001b3c81.svg)
}

.flag-icon-so {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/so.437b5343.svg)
}

.flag-icon-sr {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/sr.6ce43cb0.svg)
}

.flag-icon-ss {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ss.4eeea053.svg)
}

.flag-icon-st {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/st.56ce5bf0.svg)
}

.flag-icon-sv {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/sv.c2866487.svg)
}

.flag-icon-sx {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/sx.3d5e0cca.svg)
}

.flag-icon-sy {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/sy.3ab9c0b7.svg)
}

.flag-icon-sz {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/sz.75b29537.svg)
}

.flag-icon-tc {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/tc.4d356dbb.svg)
}

.flag-icon-td {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/td.9b0ad4b3.svg)
}

.flag-icon-tf {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/tf.662356b8.svg)
}

.flag-icon-tg {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/tg.deddbb3e.svg)
}

.flag-icon-th {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/th.079e76e3.svg)
}

.flag-icon-tj {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/tj.c276d5b8.svg)
}

.flag-icon-tk {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/tk.0f6310ef.svg)
}

.flag-icon-tl {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/tl.f450e2c4.svg)
}

.flag-icon-tm {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/tm.c3d5b86c.svg)
}

.flag-icon-tn {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/tn.ee896830.svg)
}

.flag-icon-to {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/to.0292b940.svg)
}

.flag-icon-tr {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/tr.b1fac804.svg)
}

.flag-icon-tt {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/tt.9cff68a1.svg)
}

.flag-icon-tv {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/tv.9e1077d5.svg)
}

.flag-icon-tw {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/tw.67896d24.svg)
}

.flag-icon-tz {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/tz.75d3a39b.svg)
}

.flag-icon-ua {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ua.b2b517a8.svg)
}

.flag-icon-ug {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ug.bda7b65e.svg)
}

.flag-icon-um {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/um.69974f32.svg)
}

.flag-icon-us {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/us.25361dbc.svg)
}

.flag-icon-uy {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/uy.6b80b79e.svg)
}

.flag-icon-uz {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/uz.530ba568.svg)
}

.flag-icon-va {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/va.ca593931.svg)
}

.flag-icon-vc {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/vc.3b79436c.svg)
}

.flag-icon-ve {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ve.28371b1b.svg)
}

.flag-icon-vg {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/vg.ced43063.svg)
}

.flag-icon-vi {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/vi.506ce3a6.svg)
}

.flag-icon-vn {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/vn.7ccf5e9a.svg)
}

.flag-icon-vu {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/vu.b1a8b756.svg)
}

.flag-icon-wf {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/wf.14fe54a9.svg)
}

.flag-icon-wo {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/wo.a827417f.svg)
}

.flag-icon-ws {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ws.f58a6132.svg)
}

.flag-icon-ye {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/ye.05951d4b.svg)
}

.flag-icon-yt {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/yt.45e4c702.svg)
}

.flag-icon-za {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/za.2f514836.svg)
}

.flag-icon-zm {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/zm.4ad22b89.svg)
}

.flag-icon-zw {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/zw.234a1d14.svg)
}

.flag-icon-f1 {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/f1.55128fe5.svg)
}

.flag-icon-f2 {
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/f1.55128fe5.svg)
}

@font-face {
    font-family: XTB Sans;
    src: url(https://xas.scdn5.secure.raxcdn.com/build/XTBSans-SemiBold.22f6eccb.woff2) format("woff2"), url(https://xas.scdn5.secure.raxcdn.com/build/XTBSans-SemiBold.38968d30.woff) format("woff"), url(https://xas.scdn5.secure.raxcdn.com/build/XTBSans-SemiBold.67355397.otf) format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 600;
    font-stretch: normal
}

:root {
    --base-black: #000000;
    --base-white: #ffffff;
    --gray-5: #f4f6f8;
    --gray-10: #ebedf0;
    --gray-20: #dadfe3;
    --gray-30: #bbc2c8;
    --gray-40: #98a2a9;
    --gray-50: #758089;
    --gray-60: #525d66;
    --gray-70: #3b464e;
    --gray-80: #293037;
    --gray-90: #161a1f;
    --gray-100: #0f1215;
    --green-5: #f9fefb;
    --green-10: #e7f9f0;
    --green-20: #cef3e0;
    --green-30: #b6edd1;
    --green-40: #9de7c2;
    --green-50: #0bc466;
    --green-60: #08aa54;
    --green-70: #078344;
    --green-80: #066233;
    --green-90: #044222;
    --green-100: #022111;
    --red-5: #fff5f6;
    --red-10: #feeced;
    --red-20: #fdd8db;
    --red-30: #fdc5c9;
    --red-40: #fcb2b7;
    --red-50: #f73e4a;
    --red-60: #db2430;
    --red-70: #b82832;
    --red-80: #7c1f25;
    --red-90: #531519;
    --red-100: #2a0b0d;
    --blue-5: #f4f9ff;
    --blue-10: #eaf2ff;
    --blue-20: #d4e5ff;
    --blue-30: #bfd8ff;
    --blue-40: #a9cbff;
    --blue-50: #287eff;
    --blue-60: #2169d5;
    --blue-70: #1b54ab;
    --blue-80: #144081;
    --blue-90: #0e2b57;
    --blue-100: #07162d;
    --yellow-5: #fffcf7;
    --yellow-10: #fef8f0;
    --yellow-20: #fdf1e0;
    --yellow-30: #fcead1;
    --yellow-40: #f9d8a9;
    --yellow-50: #f5c064;
    --yellow-60: #d38e17;
    --yellow-70: #a47c43;
    --yellow-80: #7b5d32;
    --yellow-90: #523e22;
    --yellow-100: #2a2011;
    --transparent-gray-1005: #0f12150d;
    --transparent-gray-10010: #0f12151a;
    --transparent-gray-10020: #0f121533;
    --transparent-gray-10030: #0f12154d;
    --transparent-gray-10040: #0f121566;
    --transparent-gray-10050: #0f121580;
    --transparent-gray-10060: #0f121599;
    --transparent-gray-10070: #0f1215b3;
    --transparent-gray-10080: #0f1215cc;
    --transparent-gray-10090: #0f1215e6;
    --transparent-gray-100100: #0f1215;
    --transparent-gray-55: #f4f6f812;
    --transparent-gray-510: #f4f6f81a;
    --transparent-gray-520: #f4f6f833;
    --transparent-gray-530: #f4f6f84d;
    --transparent-gray-540: #f4f6f866;
    --transparent-gray-550: #f4f6f880;
    --transparent-gray-560: #f4f6f899;
    --transparent-gray-570: #f4f6f8b3;
    --transparent-gray-580: #f4f6f8cc;
    --transparent-gray-590: #f4f6f8e6;
    --transparent-gray-5100: #f4f6f8;
    --background-strong: var(--base-white);
    --background-weak: var(--gray-5);
    --surface-secondary: var(--gray-10);
    --surface-strong: var(--base-white);
    --surface-medium: var(--gray-5);
    --surface-weak: var(--gray-30);
    --surface-inverted: var(--gray-100);
    --surface-disabled: var(--gray-5);
    --surface-selected: var(--green-10);
    --surface-info: var(--blue-60);
    --surface-success: var(--green-60);
    --surface-warning: var(--yellow-60);
    --surface-danger: var(--red-60);
    --surface-buy: var(--green-60);
    --surface-buy_weak: var(--green-10);
    --surface-sell: var(--red-60);
    --surface-sell_weak: var(--red-10);
    --surface-info_weak: var(--blue-5);
    --surface-success_weak: var(--green-5);
    --surface-warning_weak: var(--yellow-5);
    --surface-danger_weak: var(--red-5);
    --text-strong: var(--gray-100);
    --text-medium: var(--gray-80);
    --text-weak: var(--gray-60);
    --text-inverted: var(--base-white);
    --text-disabled: var(--gray-30);
    --text-info: var(--blue-60);
    --text-success: var(--green-60);
    --text-warning: var(--yellow-60);
    --text-danger: var(--red-60);
    --text-buy: var(--green-60);
    --text-sell: var(--red-60);
    --text-fixed: var(--base-white);
    --text-primary: var(--green-60);
    --icon-strong: var(--gray-100);
    --icon-medium: var(--gray-80);
    --icon-weak: var(--gray-60);
    --icon-inverted: var(--base-white);
    --icon-disabled: var(--gray-30);
    --icon-info: var(--blue-60);
    --icon-success: var(--green-60);
    --icon-warning: var(--yellow-60);
    --icon-danger: var(--red-60);
    --icon-buy: var(--green-60);
    --icon-sell: var(--red-60);
    --icon-fixed: var(--base-white);
    --border-strong: var(--gray-30);
    --border-weak: var(--gray-10);
    --border-disabled: var(--gray-20);
    --border-selected: var(--green-60);
    --border-info: var(--blue-60);
    --border-success: var(--green-60);
    --border-warning: var(--yellow-60);
    --border-danger: var(--red-60);
    --border-buy: var(--green-60);
    --border-sell: var(--red-60);
    --surface_active_primary-enabled: var(--green-60);
    --surface_active_primary-hover: var(--green-70);
    --surface_active_primary-pressed: var(--green-80);
    --surface_active_primary-disabled: var(--gray-30);
    --surface_active_primary-weak-hover: var(--green-20);
    --surface_active_secondary-enabled: var(--gray-10);
    --surface_active_secondary-hover: var(--gray-20);
    --surface_active_secondary-pressed: var(--gray-30);
    --surface_active_secondary-disabled: var(--gray-5);
    --surface_active_strong-enabled: var(--base-white);
    --surface_active_strong-hover: var(--gray-5);
    --surface_active_strong-pressed: var(--gray-10);
    --surface_active_strong-disabled: var(--gray-5);
    --surface_active_medium-enabled: var(--gray-5);
    --surface_active_medium-hover: var(--gray-10);
    --surface_active_medium-pressed: var(--gray-20);
    --surface_active_medium-disabled: var(--gray-5);
    --surface_active_weak-enabled: var(--gray-30);
    --surface_active_weak-hover: var(--gray-40);
    --surface_active_weak-pressed: var(--gray-50);
    --surface_active_weak-disabled: var(--gray-5);
    --surface_active_inverted-enabled: var(--gray-100);
    --surface_active_inverted-hover: var(--gray-90);
    --surface_active_inverted-pressed: var(--gray-80);
    --surface_active_inverted-disabled: var(--gray-30);
    --surface_active_success-enabled: var(--green-60);
    --surface_active_success-hover: var(--green-70);
    --surface_active_success-pressed: var(--green-80);
    --surface_active_success-disabled: var(--gray-30);
    --surface_active_danger-enabled: var(--red-60);
    --surface_active_danger-hover: var(--red-70);
    --surface_active_danger-pressed: var(--red-80);
    --surface_active_danger-disabled: var(--gray-30);
    --surface_active_selected-enabled: var(--green-10);
    --surface_active_selected-hover: var(--green-20);
    --surface_active_selected-pressed: var(--green-30);
    --surface_active_selected-disabled: var(--gray-5);
    --surface_active_buy-enabled: var(--green-60);
    --surface_active_buy-hover: var(--green-70);
    --surface_active_buy-pressed: var(--green-80);
    --surface_active_buy-disabled: var(--gray-30);
    --surface_active_sell-enabled: var(--red-60);
    --surface_active_sell-hover: var(--red-70);
    --surface_active_sell-pressed: var(--red-80);
    --surface_active_sell-disabled: var(--gray-30);
    --on-surface_primary-enabled: var(--green-60);
    --on-surface_primary-hover: var(--green-70);
    --on-surface_primary-pressed: var(--green-80);
    --on-surface_primary-disabled: var(--gray-30);
    --on-surface_strong-enabled: var(--gray-100);
    --on-surface_strong-hover: var(--gray-90);
    --on-surface_strong-pressed: var(--gray-80);
    --on-surface_strong-disabled: var(--gray-30);
    --on-surface_medium-enabled: var(--gray-80);
    --on-surface_medium-hover: var(--gray-70);
    --on-surface_medium-pressed: var(--gray-60);
    --on-surface_medium-disabled: var(--gray-30);
    --on-surface_weak-enabled: var(--gray-50);
    --on-surface_weak-hover: var(--gray-40);
    --on-surface_weak-pressed: var(--gray-30);
    --on-surface_weak-disabled: var(--gray-30);
    --on-surface_inverted-enabled: var(--base-white);
    --on-surface_inverted-hover: var(--gray-5);
    --on-surface_inverted-pressed: var(--gray-10);
    --on-surface_inverted-disabled: var(--gray-5);
    --on-surface_info-enabled: var(--blue-60);
    --on-surface_info-hover: var(--blue-70);
    --on-surface_info-pressed: var(--blue-80);
    --on-surface_info-disabled: var(--gray-30);
    --on-surface_success-enabled: var(--green-60);
    --on-surface_success-hover: var(--green-70);
    --on-surface_success-pressed: var(--green-80);
    --on-surface_success-disabled: var(--gray-30);
    --on-surface_warning-enabled: var(--yellow-60);
    --on-surface_warning-hover: var(--yellow-70);
    --on-surface_warning-pressed: var(--yellow-80);
    --on-surface_warning-disabled: var(--gray-30);
    --on-surface_danger-enabled: var(--red-60);
    --on-surface_danger-hover: var(--red-70);
    --on-surface_danger-pressed: var(--red-80);
    --on-surface_danger-disabled: var(--gray-30);
    --border_active_enabled: var(--gray-30);
    --border_active_hover: var(--gray-40);
    --border_active_pressed: var(--gray-100);
    --border_active_disabled: var(--gray-20);
    --border_active_selected_enabled: var(--green-60);
    --border_active_selected_hover: var(--green-70);
    --border_active_selected_pressed: var(--green-80);
    --border_active_selected_disabled: var(--gray-30);
    --border_active_danger_enabled: var(--red-60);
    --border_active_danger_hover: var(--red-70);
    --border_active_danger_pressed: var(--red-80);
    --border_active_danger_disabled: var(--gray-30);
    --border-active-primary-enabled: var(--green-60);
    --border-active-primary-hover: var(--green-70);
    --decorative-amber: #ff8e54;
    --decorative-amber_weak: #fff9f6;
    --decorative-amethyst: #a069c6;
    --decorative-amethyst_weak: #f6f0f9;
    --decorative-crystal: #5db2b4;
    --decorative-crystal_weak: #eff7f8;
    --decorative-amaranth: #ea2e74;
    --decorative-amaranth_weak: #fff1f6;
    --decorative-gravel: #767478;
    --decorative-gravel_weak: #f4f2f5;
    --miscellaneous-overlay: var(--transparent-gray-10060);
    --essentials-primary: var(--green-60);
    --essentials-secondary: var(--gray-5);
    --essentials-surface: var(--base-white);
    --essentials-on-surface: var(--gray-100);
    --essentials-info: var(--blue-60);
    --essentials-success: var(--green-60);
    --essentials-warning: var(--yellow-60);
    --essentials-danger: var(--red-60);
    --essentials-buy: var(--green-60);
    --essentials-sell: var(--red-60);
    --essentials-brand: #f8313e
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%
}

@supports (-webkit-touch-callout: none) {
    html {
        -webkit-text-size-adjust: none !important
    }
}

*:focus,
* input:focus {
    outline: none;
    box-shadow: none
}

*:focus-visible,
* input.focus-with-tab {
    outline: 2px solid white;
    box-shadow: 0 0 0 4px var(--surface_active_primary-enabled);
    outline-offset: 0
}

* {
    -webkit-tap-highlight-color: transparent
}

.intercom-lightweight-app-launcher {
    bottom: 5px !important
}

.intercom-lightweight-app-launcher:focus {
    outline: 2px solid white !important;
    box-shadow: 0 0 0 4px var(--surface_active_primary-enabled) !important;
    outline-offset: 0
}

body {
    font-family: Roboto, Arial, Segoe UI, Helvetica Neue, -apple-system, system-ui, sans-serif;
    color: var(--text-strong);
    margin: 0;
    position: relative;
    transition: color .3s, background-color .3s
}

body[dir=rtl] {
    text-align: right
}

body.browser-mobile .hide-on-mobile {
    display: none !important
}

body:not(.browser-mobile) .hide-on-desktop {
    display: none !important
}

body .intercom-app,
body .intercom-lightweight-app {
    visibility: visible;
    opacity: 1;
    transition-delay: .3s
}

body.disabled-scroll {
    overflow: hidden;
    height: 100%;
    touch-action: none
}

body.disabled-scroll .intercom-app,
body.disabled-scroll .intercom-lightweight-app {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition-delay: 0s
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: XTB Sans, Arial, Segoe UI, Helvetica Neue, -apple-system, system-ui, sans-serif;
    font-weight: 600
}

a {
    color: var(--text-primary);
    text-decoration: none
}

a:hover {
    color: var(--surface_active_primary-hover)
}

li a,
p a {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: #08aa54;
    text-decoration-thickness: 7%;
    text-underline-offset: .25em;
    transition: color .3s, text-decoration-color .3s
}

li a:hover,
p a:hover {
    color: #131825a8;
    text-decoration-color: #0d5935
}

.inverted li a,
.inverted p a {
    text-decoration-color: #10bf66
}

.inverted li a:hover,
.inverted p a:hover {
    color: #f4f6f880;
    text-decoration-color: #3cd085
}

hr {
    border-color: #18181e14
}

b,
strong {
    font-weight: 700
}

button {
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer
}

table {
    width: 100%
}

.ltr,
input[type=tel] {
    direction: ltr;
    unicode-bidi: bidi-override;
    text-align: inherit
}

.ltr {
    display: inline-block
}

.breadcrumb {
    margin: 20px auto 40px;
    text-transform: uppercase;
    font-size: 12px
}

.breadcrumb a {
    color: #18181e66;
    text-decoration: none
}

.breadcrumb li {
    color: #18181e66;
    display: inline-block
}

.breadcrumb li.active {
    color: var(--surface_active_primary-enabled)
}

.breadcrumb li+li:before {
    color: #ccc;
    content: "›";
    padding: 0 10px
}

.tab-content .tab-pane {
    display: none
}

.tab-content .active {
    display: block
}

.panel {
    padding: 25px;
    margin: 0 0 27px;
    box-shadow: 0 12px 50px #0014ae12;
    position: relative;
    background: white;
    font-size: 18px;
    font-weight: 300
}

.panel .panel-header {
    font-size: 30px;
    margin: 0 0 25px;
    font-weight: 300
}

.panel p,
.panel li {
    font-size: 18px;
    font-weight: 300
}

[class^=col-] {
    position: relative
}

.zoom-box-image {
    transform: scale(1.0761);
    transition: transform .3s ease
}

@media all and (max-width: 1199px) {

    .panel,
    .panel p,
    .panel li {
        font-size: 16px
    }
}

@media all and (max-width: 767px) {
    .panel {
        font-size: 14px
    }

    .panel .panel-header {
        font-size: 24px
    }

    .panel p,
    .panel li {
        font-size: 14px
    }
}

.overall-footer {
    background: var(--base-white);
    margin: 120px 0 0;
    padding: 0 0 135px
}

.overall-footer-top {
    display: flex;
    justify-content: space-between;
    margin: 0 0 80px
}

.overall-footer-top-left {
    align-items: center;
    display: flex;
    grid-gap: 24px
}

.overall-footer-top-spacer {
    background: var(--gray-10);
    display: inline-block;
    height: 16px;
    width: 1px
}

.overall-footer-top-socials {
    display: flex;
    grid-gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0
}

.overall-footer-top-socials-link {
    border-radius: 8px;
    display: block;
    transition: background-color .3s
}

.overall-footer-top-socials-link:hover {
    background-color: var(--gray-5)
}

.overall-footer-menu {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    grid-gap: 24px;
    margin: 0 0 64px
}

.overall-footer-menu-wrapper {
    display: flex;
    flex-direction: column;
    grid-gap: 24px
}

.overall-footer-menu-list-title {
    color: var(--text-strong);
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: .15px;
    margin: 0 0 8px;
    padding: 0 11px
}

.overall-footer-menu-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.overall-footer-menu-list-link {
    color: var(--text-weak);
    border-radius: 8px;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .15px;
    padding: 8px 11px;
    transition: background-color .3s;
    text-decoration: none
}

.overall-footer-menu-list-link:hover {
    background-color: var(--gray-5);
    color: var(--text-weak)
}

.overall-footer-btns {
    display: flex;
    justify-content: space-between;
    margin: 0 0 72px
}

.overall-footer-btns-list {
    display: flex;
    grid-gap: 40px;
    list-style: none;
    margin: 0;
    padding: 0
}

.overall-footer-btns-target-os {
    display: none
}

.overall-footer-notes {
    color: var(--gray-50);
    font-size: 14px;
    letter-spacing: .15px;
    line-height: 20px;
    margin: 0 0 16px;
    font-weight: 400
}

.overall-footer-copyright {
    margin: 22px 0 0;
    display: flex;
    grid-gap: 8px;
    align-items: center
}

.overall-footer-language {
    color: var(--text-strong);
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 24px
}

.overall-footer-language-flag {
    width: 14px;
    height: 14px
}

.overall-footer-language-text {
    display: flex;
    align-items: center;
    grid-gap: 5px
}

.overall-footer-language-text span {
    text-transform: capitalize
}

@media all and (max-width: 991px) {
    .overall-footer {
        margin: 56px 0 0;
        padding: 0 72px 56px
    }

    .overall-footer-top {
        margin: 0 0 24px;
        display: block
    }

    .overall-footer-top-left {
        display: block
    }

    .overall-footer-top-socials {
        margin: 24px 0
    }

    .overall-footer-menu {
        grid-auto-columns: auto;
        grid-auto-flow: row;
        margin: 0 0 48px
    }

    .overall-footer-menu-list-title {
        padding: 0
    }

    .overall-footer-menu-list-link {
        margin: 0 -11px
    }

    .overall-footer-btns {
        flex-direction: column;
        grid-gap: 24px;
        margin: 0 0 48px
    }

    .overall-footer-btns-list {
        flex-direction: column
    }

    .overall-footer-btns-spacer {
        background: var(--gray-10);
        height: 1px
    }

    .overall-footer-btns-link {
        width: 100%
    }
}

@media all and (max-width: 767px) {
    .overall-footer {
        padding: 0 12px 56px
    }
}

.warnings {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000
}

.alert {
    display: none;
    overflow: hidden;
    background: #f73e4a;
    position: relative;
    transition: height .3s;
    z-index: 1000002
}

.alert-container {
    height: 100%;
    position: relative
}

.alert-content {
    bottom: 0;
    left: 0;
    line-height: 1.3;
    padding: 12px 0;
    width: 100%
}

.alert-content p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin: 0
}

.alert-content a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
    text-transform: uppercase;
    margin: 0 0 0 24px
}

.alert.alert-show {
    display: block
}

.disabled-scroll .alert {
    z-index: 1000001
}

.risk-warning-hide-on-desktop {
    display: none
}

body[dir=rtl] .alert-content a {
    margin: 0 24px 0 0
}

@media all and (max-width: 767px) {
    .alert-content {
        line-height: 1
    }

    .alert-content p,
    .alert-content a {
        display: inline;
        margin: 0;
        font-size: 12px
    }

    .disabled-scroll .alert {
        z-index: initial
    }

    .risk-warning-hide-on-desktop {
        display: block
    }

    .risk-warning-hide-on-mobile {
        display: none
    }
}

.modal-backdrop {
    background-color: #455964
}

.modal-backdrop.in {
    opacity: .6;
    filter: alpha(opacity=60)
}

.transparent-backdrop .modal-backdrop {
    background: transparent
}

.modal-buy-sell,
.modal-risk-warning,
.modal-img-zoom,
.modal-try-real,
.modal-try-demo,
.modal-white,
.modal-close-only {
    text-align: center
}

.modal-buy-sell .modal-dialog,
.modal-risk-warning .modal-dialog,
.modal-img-zoom .modal-dialog,
.modal-try-real .modal-dialog,
.modal-try-demo .modal-dialog,
.modal-white .modal-dialog,
.modal-close-only .modal-dialog {
    display: inline-block;
    vertical-align: middle
}

.modal-buy-sell .modal-content,
.modal-risk-warning .modal-content,
.modal-img-zoom .modal-content,
.modal-try-real .modal-content,
.modal-try-demo .modal-content,
.modal-white .modal-content,
.modal-close-only .modal-content {
    box-shadow: none;
    border-radius: 0;
    border: none
}

.modal-buy-sell .modal-footer,
.modal-risk-warning .modal-footer,
.modal-img-zoom .modal-footer,
.modal-try-real .modal-footer,
.modal-try-demo .modal-footer,
.modal-white .modal-footer,
.modal-close-only .modal-footer {
    text-align: center
}

.modal-risk-warning .modal-dialog,
.modal-try-real .modal-dialog,
.modal-try-demo .modal-dialog,
.modal-buy-sell .modal-dialog,
.modal-white .modal-dialog,
.modal-close-only .modal-dialog {
    max-width: 580px
}

.modal-risk-warning .modal-content,
.modal-try-real .modal-content,
.modal-try-demo .modal-content,
.modal-buy-sell .modal-content,
.modal-white .modal-content,
.modal-close-only .modal-content {
    background: white
}

.modal-risk-warning .modal-header,
.modal-try-real .modal-header,
.modal-try-demo .modal-header,
.modal-buy-sell .modal-header,
.modal-white .modal-header,
.modal-close-only .modal-header {
    color: #18181e;
    font-size: 25px;
    font-weight: 300;
    border: none;
    padding: 30px 30px 20px
}

.modal-risk-warning .modal-body,
.modal-try-real .modal-body,
.modal-try-demo .modal-body,
.modal-buy-sell .modal-body,
.modal-white .modal-body,
.modal-close-only .modal-body {
    padding: 0 30px
}

.modal-risk-warning .modal-body p,
.modal-try-real .modal-body p,
.modal-try-demo .modal-body p,
.modal-buy-sell .modal-body p,
.modal-white .modal-body p,
.modal-close-only .modal-body p {
    font-weight: 300;
    color: #18181e;
    margin: 0;
    font-size: 16px
}

.modal-risk-warning .modal-body p.additional,
.modal-try-real .modal-body p.additional,
.modal-try-demo .modal-body p.additional,
.modal-buy-sell .modal-body p.additional,
.modal-white .modal-body p.additional,
.modal-close-only .modal-body p.additional {
    font-size: 13px;
    margin: 20px 0
}

.modal-risk-warning .modal-footer,
.modal-try-real .modal-footer,
.modal-try-demo .modal-footer,
.modal-buy-sell .modal-footer,
.modal-white .modal-footer,
.modal-close-only .modal-footer {
    padding: 20px 30px 30px
}

.modal-risk-warning .btn,
.modal-try-real .btn,
.modal-try-demo .btn,
.modal-buy-sell .btn,
.modal-white .btn,
.modal-close-only .btn {
    margin: 0 3px;
    padding: 5px 10px
}

.modal-risk-warning .modal-body {
    overflow-y: auto;
    max-height: 300px;
    text-align: left
}

.modal-risk-warning .modal-body p {
    font-size: 14px
}

.modal-img-zoom .modal-dialog {
    max-width: 100%
}

.modal-img-zoom .modal-content {
    background: white
}

.modal-img-zoom .modal-close {
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: -24px;
    right: 0;
    margin: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMApfbt4aaZkhi7Tk06vIih6qQAAAGGSURBVFjDndi9TcRAEIbhIYAACK4CchJiIko4UQGiAmIiEgJyCqAERAlUgnRwgABpakAOkIW+4F2/Ts7e9d5zP+vdmam6Wx8/1eCxf7+9rjo86/4YHXLV/fZct93dq7ERO9O9p3UzvWzGhhxN937WumdmBOltdc8MI9NRJz0zI0i/1kMwgHzVY8/MCNI/tdczM4L05Xy6GkM2/86HkFVcMJJXjBCTCDKJABNItjCSTYhkGyPZiEi2MpLNiGQ7I9lBCPfM74U+I9FHSHQiEr2EZDci2c9I3oBIMowkg0gyjCSDSDKJMBMIM4kwEwgy7xeBIBMIM4EAEwgwiTATCDOJMBMIHrt/Q871EP/B/NfnH9n/lX7C+GnJk98/Yv5B9ssFL0p+6fMLLC/jdrPwW5Lf+Hh7tZu4DxV8QMJhjwiuTAgnAkUTjoqg14TWIoA3aYJIRkzKIxIrk76JJNGkoiLhNWm1SN5FiWB5IeK7XhaXO0RRRZRuRIFIlKFEsUuU1JYV7g6mwt0vypMHop2vUC8AAAAASUVORK5CYII=) no-repeat 0 0;
    background-size: 14px 14px;
    border: none
}

.modal-white .modal-body {
    text-align: left
}

.modal-try-demo .modal-content.modal-content-mobile,
.modal-try-real .modal-content.modal-content-mobile,
.browser-mobile .modal-try-demo .modal-content,
.browser-mobile .modal-try-real .modal-content {
    display: none
}

.browser-mobile .modal-try-demo .modal-content.modal-content-mobile,
.browser-mobile .modal-try-real .modal-content.modal-content-mobile {
    display: block
}

.modal-try-demo .modal-header,
.modal-try-real .modal-header,
.modal-buy-sell .modal-header,
.modal-close-only .modal-header {
    padding: 40px 45px 20px
}

.modal-try-demo .modal-close,
.modal-try-real .modal-close,
.modal-buy-sell .modal-close,
.modal-close-only .modal-close {
    display: block;
    width: 18px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAALVBMVEUAAAC1vcG1vcG1vcG1vcG1vcG1vcG1vcG1vcG1vcG1vcG1vcG1vcG1vcG1vcH/07esAAAADnRSTlMApfbt4aaZkhi7Tk06vIih6qQAAAGGSURBVFjDndi9TcRAEIbhIYAACK4CchJiIko4UQGiAmIiEgJyCqAERAlUgnRwgABpakAOkIW+4F2/Ts7e9d5zP+vdmam6Wx8/1eCxf7+9rjo86/4YHXLV/fZct93dq7ERO9O9p3UzvWzGhhxN937WumdmBOltdc8MI9NRJz0zI0i/1kMwgHzVY8/MCNI/tdczM4L05Xy6GkM2/86HkFVcMJJXjBCTCDKJABNItjCSTYhkGyPZiEi2MpLNiGQ7I9lBCPfM74U+I9FHSHQiEr2EZDci2c9I3oBIMowkg0gyjCSDSDKJMBMIM4kwEwgy7xeBIBMIM4EAEwgwiTATCDOJMBMIHrt/Q871EP/B/NfnH9n/lX7C+GnJk98/Yv5B9ssFL0p+6fMLLC/jdrPwW5Lf+Hh7tZu4DxV8QMJhjwiuTAgnAkUTjoqg14TWIoA3aYJIRkzKIxIrk76JJNGkoiLhNWm1SN5FiWB5IeK7XhaXO0RRRZRuRIFIlKFEsUuU1JYV7g6mwt0vypMHop2vUC8AAAAASUVORK5CYII=) no-repeat 0 0;
    background-size: 14px 14px;
    border: none;
    position: absolute;
    top: 15px;
    left: 100%;
    margin: 0 0 0 -33px
}

.modal-try-demo .modal-body,
.modal-try-real .modal-body,
.modal-buy-sell .modal-body,
.modal-close-only .modal-body {
    padding: 0 35px 35px
}

.modal-try-demo .btn,
.modal-try-real .btn,
.modal-buy-sell .btn,
.modal-close-only .btn {
    margin: 35px 0;
    padding: 10px 45px
}

.modal-buy-sell .btn {
    padding: 10px;
    margin: 0 3px
}

.modal-buy-sell .modal-body p {
    margin: 0 0 35px
}

.modal-tradebeat-info .modal-header {
    font-weight: 400;
    padding: 40px 35px 10px
}

.modal-tradebeat-info .modal-body p {
    margin: 0
}

.modal-tradebeat-info .modal-content {
    background: white url(https://xas.scdn5.secure.raxcdn.com/build/tradebeatPopup.5cf29b7e.png) top center no-repeat;
    display: block
}

.modal-tradebeat-info img {
    height: 40px;
    margin-top: 70px
}

.modal-tradebeat-info .btn {
    margin: 10px 0 50px
}

.modal-close-only .modal-body {
    padding: 40px 35px 35px
}

@media screen and (min-width: 768px) {

    .modal-buy-sell:before,
    .modal-risk-warning:before,
    .modal-img-zoom:before,
    .modal-try-real:before,
    .modal-try-demo:before,
    .modal-white:before,
    .modal-close-only:before {
        display: inline-block;
        vertical-align: middle;
        content: "";
        height: 100%
    }
}

@media screen and (max-width: 767px) {

    .modal-buy-sell .modal-body p,
    .modal-risk-warning .modal-body p,
    .modal-white .modal-body p,
    .modal-close-only .modal-body p {
        font-size: 14px
    }

    .modal-buy-sell .btn,
    .modal-risk-warning .btn,
    .modal-white .btn,
    .modal-close-only .btn {
        display: block;
        margin: 0 0 10px;
        width: 100%
    }

    .modal-buy-sell .btn:only-child,
    .modal-risk-warning .btn:only-child,
    .modal-white .btn:only-child,
    .modal-close-only .btn:only-child {
        margin: 0
    }

    .modal-risk-warning .modal-body {
        max-height: 150px
    }

    .modal-try-demo .modal-dialog,
    .modal-try-real .modal-dialog {
        display: flex;
        align-items: center;
        height: 100%;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 10px
    }

    .modal-try-demo .modal-content,
    .modal-try-real .modal-content {
        margin: 0 auto
    }

    .modal-try-demo .modal-header,
    .modal-try-real .modal-header {
        padding: 30px 15px 20px
    }

    .modal-try-demo .modal-body,
    .modal-try-real .modal-body {
        padding: 0 15px 30px
    }

    .modal-try-demo .btn,
    .modal-try-real .btn {
        margin: 20px 0;
        width: 100%;
        padding: 10px
    }

    .modal-buy-sell .btn {
        margin: 0 0 10px
    }

    .modal-tradebeat-info .btn {
        margin: 10px 0 50px;
        display: inline-block;
        width: auto
    }
}

.iblock-oab {
    background: #f3f3f4;
    padding: 24px 24px 9px;
    margin: 30px 0
}

.iblock-oab h2 {
    margin: 0 0 18px;
    font-size: 28px
}

.iblock-oab .btn {
    display: none;
    margin: 0 15px 15px 0;
    padding: 16px
}

body[dir=rtl] .iblock-oab .btn {
    margin: 0 0 15px 15px
}

@media all and (max-width: 767px) {
    .iblock-oab .btn {
        width: 100%;
        white-space: normal;
        margin: 0 0 15px
    }

    body[dir=rtl] .iblock-oab .btn {
        margin: 0 0 15px
    }
}

#CybotCookiebotDialogBodyUnderlay {
    background: rgba(24, 24, 30, .6) !important
}

#CybotCookiebotDialog.CybotCookiebotDialogActive+#CybotCookiebotDialogBodyUnderlay {
    opacity: 1 !important
}

#CybotCookiebotDialog {
    box-shadow: 0 -16px 44px #18181e0d !important;
    border-radius: 12px !important;
    font-family: Roboto, sans-serif !important;
    color: #18181e !important
}

#CybotCookiebotDialog h2 {
    font-weight: 700 !important
}

#CybotCookiebotDialog .CookieCard {
    font-weight: 300 !important;
    border-bottom: 1px solid #e8e8e9 !important
}

#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover {
    color: #0bc466 !important
}

#CybotCookiebotDialog .CybotCookiebotScrollContainer {
    border: none !important
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyButton {
    padding: 14px 10px !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    box-shadow: 0 7px 14px #0014ae1a !important;
    border-radius: 4px !important;
    line-height: 20px !important;
    border-color: #0bc466 !important;
    color: #0bc466 !important;
    font-weight: 700 !important
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyButton#CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialog .CybotCookiebotDialogBodyButton#CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialog .CybotCookiebotDialogBodyButton#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background: #0bc466 !important;
    color: #fff !important
}

#CybotCookiebotDialogHeader {
    border-bottom: none !important
}

#CybotCookiebotDialogHeader:before {
    display: block !important;
    content: url(https://xas.scdn5.secure.raxcdn.com/build/cookie.f5821dde.svg) !important
}

#CybotCookiebotDialogNav {
    border-bottom: none !important
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {
    border-bottom: 1px solid #e8e8e9 !important
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
    color: #0bc466 !important
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    color: #0bc466 !important;
    border-bottom: 1px solid #15b042 !important
}

#CybotCookiebotDialogBodyContentText,
#CybotCookiebotDialogDetailFooter,
#CybotCookiebotDialogDetailBodyContentTextAbout {
    font-weight: 300 !important
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane,
#CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonWrapper {
    border: none !important
}

#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
    background: #18181e !important
}

#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider:before {
    transform: translate(12px) !important
}

#CybotCookiebotDialogTabContent input:focus+.CybotCookiebotDialogBodyLevelButtonSlider {
    box-shadow: none !important
}

#CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSliderWrapper {
    height: 20px !important;
    width: 32px !important
}

#CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSlider {
    background: #f3f3f4 !important
}

#CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSlider:before {
    width: 16px !important;
    height: 16px !important;
    bottom: 2px !important;
    left: 2px !important
}

#CybotCookiebotDialogTabContent .CybotCookiebotDialogDetailBulkConsentCount {
    background-color: #e8e8e9 !important
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyEmptyCategoryMessage {
    border-color: #e8e8e9 !important
}

#CookiebotWidget-widgetContent {
    box-shadow: 0 -16px 44px #18181e0d !important;
    border-radius: 12px !important
}

#CookiebotWidget {
    font-family: Roboto, sans-serif !important;
    font-weight: 300 !important
}

#CookiebotWidget strong {
    font-weight: 700 !important
}

#CookiebotWidget .CookiebotWidget-header {
    border-color: #e8e8e9 !important
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li svg {
    fill: #0bc466 !important
}

#CookiebotWidget .CookiebotWidget-consent-details button {
    color: #0bc466 !important
}

#CookiebotWidget .CookiebotWidget-consent-details .CookiebotWidget-consent-details-box {
    background: #e8e8e9 !important;
    font-weight: 300 !important
}

#CookiebotWidget-buttons {
    border-color: #e8e8e9 !important
}

#CookiebotWidget-buttons button {
    padding: 14px 10px !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    box-shadow: 0 7px 14px #0014ae1a !important;
    border-radius: 4px !important;
    line-height: 20px !important;
    border-color: #0bc466 !important;
    color: #0bc466 !important;
    font-weight: 700 !important
}

#CookiebotWidget-buttons button#CookiebotWidget-btn-change {
    background: #0bc466 !important;
    color: #fff !important
}

.cookies-popup-heading {
    display: flex;
    align-items: center;
    grid-gap: 8px
}

.cookies-popup-paragraph {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #18181e
}

.cookies-popup-switch {
    position: absolute;
    top: 24px;
    right: 27px;
    width: 32px;
    height: 20px;
    background: #f3f3f4;
    border-radius: 50px;
    transition: background-color .5s
}

.cookies-popup-switch span {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    background: var(--base-white);
    top: 2px;
    left: 3px;
    border-radius: 50%;
    transition: left .5s
}

.cookies-popup-switch.active,
.cookies-popup-switch.is-required {
    background: var(--text-strong)
}

.cookies-popup-switch.active span,
.cookies-popup-switch.is-required span {
    left: 13px
}

.cookies-popup-switch.is-required {
    cursor: not-allowed
}

.cookies-popup-settings-content {
    display: none;
    flex-direction: column
}

.cookies-popup-settings-section {
    border-top: 1px solid var(--border-weak);
    padding: 24px 0;
    position: relative;
    margin-left: 4px
}

.cookies-popup-settings-section-content {
    display: none
}

.cookies-popup-settings-section-content p {
    font-size: 16px;
    line-height: 24px;
    margin: 12px 0
}

.cookies-popup-settings-btn-collapse {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    color: var(--text-strong)
}

.cookies-popup-settings-btn-collapse.active svg {
    transform: rotate(180deg)
}

.cookies-popup-settings-btn-cookies {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 17px;
    text-align: left;
    color: var(--text-strong)
}

.cookies-popup-settings-btn-cookies svg {
    margin: 0 8px
}

.cookies-popup-settings-btn-cookies.active svg {
    transform: rotate(180deg)
}

.cookies-popup-settings-table {
    display: none
}

.cookies-popup-settings-table table {
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: separate;
    border-radius: 4px;
    border: 1px solid var(--border-weak);
    overflow: hidden;
    word-break: break-word
}

.cookies-popup-settings-table td,
.cookies-popup-settings-table th {
    padding: 12px;
    vertical-align: top;
    border-bottom: 1px solid var(--border-weak)
}

.cookies-popup-settings-table td p,
.cookies-popup-settings-table th p {
    margin: 0;
    font-size: 14px
}

.cookies-popup-settings-table td:first-child,
.cookies-popup-settings-table th:first-child {
    width: 45%;
    border-right: 1px solid var(--border-weak)
}

.cookies-popup-settings-table th {
    background: var(--background-weak)
}

.cookies-popup-settings-table tr:last-child td {
    border-bottom: none
}

.cookies-popup-settings-footer {
    display: none;
    flex-direction: column;
    grid-gap: 10px
}

.cookies-popup-main-footer {
    display: flex;
    flex-direction: column;
    grid-gap: 8px
}

.cookies-popup-main-footer-btn-wrapper {
    display: grid;
    grid-gap: 8px
}

.cookies-bar {
    padding: 16px 0;
    background: white;
    border-top: 1px solid var(--border-weak)
}

.cookies-bar svg {
    width: 33.33px;
    height: 33.33px;
    display: inline-block;
    flex-shrink: 0
}

.cookies-bar p {
    color: var(--text-strong);
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    padding: 0 40px 0 20px;
    margin: 0
}

.cookies-bar-btns {
    display: flex;
    grid-gap: 8px;
    white-space: nowrap
}

.es .cookies-popup .js-settings button {
    display: none
}

.cookies-popup-settings-content button {
    align-items: center
}

.cookies-popup-settings-footer button {
    justify-content: center
}

body[dir=rtl] .cookies-popup-switch {
    right: auto;
    left: 27px
}

body[dir=rtl] .cookies-popup-settings-section {
    margin: 0 4px 0 0
}

body[dir=rtl] .cookies-popup-settings-table th:first-child,
body[dir=rtl] .cookies-popup-settings-table td:first-child {
    border-left: 1px solid var(--border-weak);
    border-right: none
}

@media all and (max-width: 991px) {
    .cookies-popup-paragraph {
        font-size: 16px;
        line-height: 22px
    }

    .cookies-bar svg {
        display: none
    }

    .cookies-bar p {
        font-size: 14px;
        line-height: 15px;
        padding: 0;
        margin: 0 0 16px
    }

    .cookies-bar button {
        width: 50%;
        font-size: 14px;
        line-height: 18px;
        padding: 8px
    }
}

@media all and (max-width: 767px) {
    .cookies-popup-paragraph {
        font-size: 16px;
        line-height: 22px
    }

    .cookies-popup-settings-table th,
    .cookies-popup-settings-table td {
        padding: 10px;
        font-size: 14px
    }

    .cookies-popup-settings-table th:first-child,
    .cookies-popup-settings-table td:first-child {
        width: 160px
    }

    .cookies-popup-main-footer-btn-wrapper {
        grid-template-columns: 1fr 1fr
    }

    .cookies-bar p {
        font-size: 12px
    }
}

.language-popup.show-country-selector .language-popup-country-search {
    display: flex
}

.language-popup .component-popup-header {
    align-items: center
}

.language-popup .component-popup-content {
    scrollbar-gutter: stable
}

.language-popup .component-popup-gradient {
    display: none
}

.language-popup-selection,
.language-popup-confirm {
    min-height: 236px
}

.language-popup-selection {
    position: relative
}

.language-popup-selection.unavailable .language-popup-unavailable {
    display: flex
}

.language-popup-selection.unavailable .language-popup-languages-wrapper {
    display: none
}

.language-popup-selection.unavailable .language-popup-country-selected {
    border-color: var(--text-danger)
}

.language-popup-selection-btns.unavailable button {
    background-color: var(--surface-disabled);
    color: var(--text-disabled);
    cursor: default;
    pointer-events: none
}

.language-popup-header {
    align-items: center;
    display: flex;
    grid-gap: 8px
}

.language-popup-back {
    border-radius: 8px;
    display: none;
    flex-shrink: 0;
    height: 40px;
    line-height: 16px;
    width: 40px;
    transition: background-color .3s
}

.language-popup-back:hover {
    background-color: var(--gray-5)
}

.language-popup-label {
    color: var(--text-weak);
    font-size: 12px;
    letter-spacing: .1px;
    line-height: 16px;
    margin-bottom: 8px
}

.language-popup-chevron {
    transform: rotate(90deg);
    transition: transform .3s
}

.show-country-selector .language-popup-chevron {
    transform: rotate(-90deg)
}

.language-popup-country-selected,
.language-popup-country-button {
    align-items: center;
    border-radius: 8px;
    color: var(--text-strong);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: space-between;
    letter-spacing: .15px;
    line-height: 20px;
    width: 100%
}

.language-popup-country-selected {
    border: 1px solid var(--border_active_enabled);
    padding: 11px;
    transition: border-color .3s
}

.show-country-selector .language-popup-country-selected {
    border: 2px solid var(--border_active_pressed);
    padding: 10px
}

.language-popup-country-selected-text,
.language-popup-country-button-text {
    align-items: center;
    display: flex;
    grid-gap: 8px;
    text-align: initial
}

.language-popup-country-search {
    background: white;
    border: 1px solid var(--border-weak);
    border-radius: 8px;
    box-shadow: 0 12px 50px #0014ae12;
    display: none;
    flex-direction: column;
    height: 296px;
    margin: 4px 0 0;
    padding: 16px 0 0;
    position: fixed;
    right: 32px;
    width: 325px;
    z-index: 2
}

.language-popup-country-search-input {
    background: var(--background-strong) url(https://xas.scdn5.secure.raxcdn.com/build/magnifier.ea063702.svg) no-repeat 12px 14px;
    background-size: 16px;
    border: 2px solid var(--border_active_pressed);
    border-radius: 8px;
    color: var(--text-strong);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .15px;
    line-height: 20px;
    padding: 12px 12px 12px 36px;
    margin: 0 16px
}

.language-popup-country-search-input::placeholder {
    color: var(--text-weak);
    font-weight: 400
}

.language-popup-country-list {
    display: flex;
    flex-direction: column;
    grid-gap: 8px;
    margin: 0 3px;
    overflow: auto;
    padding: 16px 9px 16px 13px;
    scrollbar-gutter: stable
}

.language-popup-country-list::-webkit-scrollbar {
    position: absolute;
    background: transparent;
    width: 4px
}

.language-popup-country-list::-webkit-scrollbar-thumb {
    background: var(--surface-secondary);
    border-radius: 2px
}

.language-popup-country-list::-webkit-scrollbar-thumb:hover {
    background: var(--surface-secondary)
}

.language-popup-country-row.selected .language-popup-country-button {
    background-color: var(--surface-selected)
}

.language-popup-country-row.selected .language-popup-country-button-icon {
    display: block
}

.language-popup-country-button {
    padding: 8px 16px;
    transition: background-color .3s
}

.language-popup-country-button:hover {
    background-color: var(--surface-selected)
}

.language-popup-country-button-icon {
    display: none
}

.language-popup-languages-wrapper {
    margin-top: 24px;
    min-height: 214px
}

.language-popup-languages {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 18px 8px
}

.language-popup-radio {
    border: 1px solid var(--border_active_enabled);
    border-radius: 8px;
    color: var(--text-weak);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    grid-gap: 8px;
    letter-spacing: .1px;
    line-height: 16px;
    padding: 8px;
    transition: background-color .3s
}

.language-popup-radio strong {
    color: var(--text-strong);
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .15px;
    line-height: 20px;
    text-transform: capitalize
}

.language-popup-radio input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    flex-shrink: 0;
    height: 24px;
    position: relative;
    width: 24px
}

.language-popup-radio input[type=radio]:before {
    border: 1px solid var(--border_active_enabled);
    border-radius: 50%;
    content: "";
    display: block;
    height: 16px;
    left: 4px;
    position: absolute;
    top: 4px;
    transition: border .3s;
    width: 16px
}

.language-popup-radio input[type=radio]:checked:before {
    border: 5px solid var(--border-selected)
}

.language-popup-radio:has(input[type=radio]:checked) {
    background-color: var(--surface-selected)
}

.language-popup-disclaimer {
    color: var(--text-weak);
    font-size: 12px;
    letter-spacing: .1px;
    line-height: 16px;
    margin: 16px 0
}

.language-popup-confirm,
.language-popup-confirm-btns {
    display: none
}

.language-popup-confirm-text {
    color: var(--text-strong);
    font-size: 16px;
    letter-spacing: .15px;
    line-height: 24px
}

.language-popup-unavailable {
    display: none;
    grid-gap: 4px;
    margin: 8px 0 0
}

.language-popup-unavailable-img {
    flex-shrink: 0
}

.language-popup-unavailable-text {
    color: var(--text-danger);
    font-size: 12px;
    letter-spacing: .1px;
    line-height: 16px;
    margin: 0
}

.language-popup-btns button {
    width: 100%
}

body:not([dir=rtl]) .language-popup .component-popup-content {
    margin-left: -4px;
    padding-left: 4px
}

body[dir=rtl] .language-popup .component-popup-content {
    margin-right: -4px;
    padding-right: 4px
}

body[dir=rtl] .language-popup-back-img {
    transform: rotate(180deg)
}

body[dir=rtl] .language-popup-country-search {
    right: unset;
    left: 32px
}

body[dir=rtl] .language-popup-country-search-input {
    background-position: 96% 14px;
    padding: 12px 36px 12px 12px
}

body[dir=rtl] .language-popup-country-list {
    padding: 16px 13px 16px 9px
}

@media (max-width: 991px) {
    .language-popup.show-country-selector .component-popup-popup:after {
        display: none
    }

    .language-popup.show-country-selector .component-popup-content {
        overflow: visible
    }

    .language-popup.show-country-selector .language-popup-country,
    .language-popup.show-country-selector .language-popup-languages-wrapper,
    .language-popup.show-country-selector .component-popup-footer {
        display: none
    }

    .language-popup.show-country-selector .language-popup-back {
        display: block !important
    }

    .language-popup .component-popup-popup {
        min-height: 75vh
    }

    .language-popup .component-popup-content {
        scrollbar-gutter: initial
    }

    .language-popup-country-search {
        background: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none;
        height: auto;
        margin: 0;
        padding: 0;
        position: static;
        width: auto
    }

    .language-popup-country-search-input {
        font-size: 16px;
        margin: 0;
        position: sticky;
        top: 92px;
        z-index: 6
    }

    .language-popup-country-list {
        margin: 0;
        padding: 16px 0 0;
        scrollbar-gutter: initial
    }

    .language-popup-languages-wrapper {
        min-height: unset
    }

    .body:not([dir=rtl]) .language-popup .component-popup-content {
        margin-left: 0;
        padding-left: 0
    }

    body[dir=rtl] .language-popup .component-popup-content {
        margin-right: 0;
        padding-right: 0
    }

    body[dir=rtl] .language-popup-country-list {
        padding: 16px 0 0
    }
}

.redirect-popup-title {
    margin-top: 2px
}

.redirect-popup-content {
    padding: 20px 0
}

.redirect-popup-footer {
    display: flex;
    flex-direction: column;
    grid-gap: 8px
}

.redirect-popup .component-title {
    font-size: 24px
}

body[dir=rtl] .redirect-popup .component-popup-header {
    padding: 0 0 0 24px
}

@media screen and (max-width: 991px) {
    .redirect-popup-content {
        padding: 0
    }

    body[dir=rtl] .redirect-popup .component-popup-header {
        padding: 36px 0 16px
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fade-animation-enter-active,
.fade-animation-leave-active {
    transition: opacity .5s
}

.fade-animation-leave-to {
    opacity: 0
}

.slide-animation-leave-active {
    transition: transform .5s
}

.slide-animation-leave-to {
    transform: translateY(100%)
}

.global-search {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483004;
    overflow: hidden
}

.global-search-wrapper {
    width: 752px;
    border-radius: 16px;
    border: 1px solid var(--border-weak);
    background: var(--base-white);
    max-height: 552px;
    animation: slideUp .5s forwards;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%) translateY(-50%);
    overflow: hidden
}

@keyframes slideUp {
    0% {
        top: 67%
    }

    to {
        top: 50%
    }
}

.global-search-input-wrapper {
    border-color: var(--border-weak);
    border-style: solid;
    border-width: 0 0 1px;
    display: flex;
    position: relative
}

.global-search-input {
    border: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background: url(https://xas.scdn5.secure.raxcdn.com/build/magnifier.ea063702.svg) no-repeat 24px 24px;
    background-size: 16px;
    caret-color: var(--surface_active_primary-enabled);
    color: var(--text-weak);
    font-size: 16px;
    height: 64px;
    letter-spacing: .15px;
    line-height: 24px;
    padding: 0 40px 0 48px;
    width: 100%;
    position: relative
}

.global-search .custom-placeholder {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: gray;
    pointer-events: none;
    width: calc(100% - 16px);
    padding-left: 48px
}

.global-search-close-modal,
.global-search-clear-input {
    padding: 8px;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    position: absolute;
    right: 12px
}

.global-search-close-modal {
    display: flex;
    top: 17px
}

.global-search-close-modal:hover {
    cursor: pointer;
    background-color: var(--surface-active-strong-hover, #f4f6f8)
}

.global-search-close-modal svg {
    width: 16px;
    height: 16px
}

.global-search-clear-input {
    display: none;
    top: 12px
}

.global-search-tags-wrapper {
    border-bottom: 1px solid var(--gray-10);
    overflow: hidden;
    position: relative;
    scrollbar-width: none;
    white-space: nowrap;
    -ms-overflow-style: none
}

.global-search-tags-wrapper::-webkit-scrollbar {
    display: none
}

.global-search-tags-horizontal-overlay {
    display: flex;
    justify-content: space-between;
    position: absolute;
    height: 100%;
    width: 100%
}

.global-search-chevron-wrapper {
    display: flex;
    align-items: center;
    pointer-events: none;
    transition: .5s;
    z-index: 1
}

.global-search-chevron-wrapper-left {
    background: linear-gradient(90deg, white 44.71%, rgba(255, 255, 255, 0) 100%);
    padding: 0 32px 0 16px;
    margin-left: -80px
}

.global-search-chevron-wrapper-left.visible {
    margin-left: 0
}

.global-search-chevron-wrapper-right {
    background: linear-gradient(270deg, white 44.71%, rgba(255, 255, 255, 0) 100%);
    padding: 0 16px 0 32px;
    margin-right: -80px
}

.global-search-chevron-wrapper-right.visible {
    margin-right: 0
}

.global-search-chevron {
    border-radius: 8px;
    cursor: pointer;
    padding: 8px;
    pointer-events: all;
    color: var(--surface_active_primary-enabled)
}

.global-search-chevron:hover {
    background-color: var(--surface-active-strong-hover, #f4f6f8)
}

.global-search-chevron-left {
    transform: rotate(180deg)
}

.global-search-chevron svg {
    display: block
}

.global-search-tags {
    display: inline-flex;
    height: 56px;
    margin: 0;
    padding: 0 24px;
    position: relative;
    list-style: none;
    touch-action: none;
    transition: .5s
}

.global-search-tag-wrapper {
    padding: 8px 0;
    position: relative
}

.global-search-tag-wrapper.active:after {
    background: var(--surface_active_primary-enabled);
    bottom: -.5px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.global-search-tag {
    align-items: center;
    color: var(--text-weak);
    display: flex;
    font-size: 16px;
    letter-spacing: .15px;
    line-height: 24px;
    padding: 8px 16px;
    white-space: nowrap;
    border-radius: 9px;
    grid-gap: 8px
}

.global-search-tag.active {
    color: var(--surface_active_primary-enabled);
    font-weight: 700;
    pointer-events: none;
    position: relative
}

.global-search-tag.no-tag-results {
    color: var(--gray-30);
    pointer-events: none
}

.global-search-tag.no-tag-results.active {
    color: var(--surface_active_primary-enabled)
}

.global-search-tag:hover {
    background: var(--background-weak)
}

.global-search-tag.no-tag-results .global-search-tag-count-pill {
    background: none;
    border: 1px solid var(--border-disabled);
    color: var(--text-disabled)
}

.global-search-tag.active .global-search-tag-count-pill {
    background: var(--surface_active_primary-enabled);
    color: var(--base-white);
    border: 1px solid var(--surface_active_primary-enabled)
}

.global-search-results-wrapper {
    position: relative;
    overflow: hidden;
    padding: 4px 4px 0;
    height: 308px;
    max-height: calc(100vh - 145px)
}

.global-search-no-results-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0 auto;
    max-width: 348px;
    text-align: center;
    justify-content: center
}

.global-search-no-results-image-wrapper {
    height: 104px;
    width: 104px;
    background: transparent url(https://xas.scdn5.secure.raxcdn.com/build/visual.c8d0384a.png) center no-repeat
}

.global-search-no-results-heading {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.global-search-no-results-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.global-search-results-section-loader {
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    align-items: center
}

.global-search-results {
    height: 100%;
    list-style: none;
    overflow-y: auto;
    padding: 4px 4px 8px;
    margin: 0
}

.global-search-results::-webkit-scrollbar {
    background: transparent;
    width: 3px;
    z-index: 1
}

.global-search-results::-webkit-scrollbar-thumb {
    background: #bababc;
    border-radius: 2px
}

.global-search-result {
    display: flex;
    grid-gap: 16px;
    padding: 10px 16px;
    border-radius: 9px;
    text-decoration: none
}

.global-search-result:hover {
    background: var(--background-weak)
}

.global-search mark {
    padding: 0;
    font-weight: 700;
    color: var(--text-strong);
    background-color: transparent
}

.global-search-result-img {
    background: var(--gray-5);
    border-radius: 8px;
    height: 40px;
    width: 40px;
    margin-top: 2px;
    overflow: hidden
}

.global-search-result-img .image-padding {
    padding: 8px
}

.global-search-result-img.no-image img {
    display: none
}

.global-search-result-img.no-image:after {
    color: var(--gray-50);
    content: attr(data-first-letter);
    display: block;
    font-size: 20px;
    font-weight: 800;
    height: 40px;
    line-height: 40px;
    text-align: center;
    top: 0;
    width: 40px
}

.global-search-result-name-wrapper {
    width: calc(100% - 200px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0
}

.global-search-result-name-and-type {
    display: flex;
    align-items: center;
    grid-gap: 6px
}

.global-search-result-name {
    color: var(--text-strong);
    letter-spacing: .15px
}

.global-search-result-name.search-active {
    font-weight: 400
}

.global-search-result-type {
    border: 1px solid var(--border-weak);
    border-radius: 4px;
    color: var(--text-strong);
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    padding: 1px 4px
}

.global-search-result-description-wrapper {
    width: 100%;
    display: flex;
    white-space: nowrap;
    color: var(--text-weak);
    font-size: 14px;
    letter-spacing: .15px;
    line-height: 20px
}

.global-search-result-description {
    overflow: hidden;
    text-overflow: ellipsis
}

.global-search-result-description.ltr {
    direction: ltr
}

.global-search-result-description.rtl {
    direction: rtl
}

.global-search-result-description-dot {
    margin: 0 4px;
    width: 6px;
    display: inline-block
}

.global-search-result-price {
    align-items: flex-end;
    color: var(--text-strong);
    display: flex;
    flex-direction: column;
    font-size: 16px;
    justify-content: center;
    letter-spacing: .15px;
    line-height: 24px;
    text-align: center;
    min-width: 60px
}

.global-search-result-price small {
    align-items: center;
    display: flex;
    font-size: 14px;
    grid-gap: 4px;
    letter-spacing: .15px;
    line-height: 20px
}

.global-search-result-price small.down {
    color: var(--surface-sell)
}

.global-search-result-price small.down .icon {
    background: transparent url(https://xas.scdn5.secure.raxcdn.com/build/fall.b47ebd6a.svg) no-repeat center
}

.global-search-result-price small.up {
    color: var(--surface-buy)
}

.global-search-result-price small.up .icon {
    background: transparent url(https://xas.scdn5.secure.raxcdn.com/build/rise.b9da5f4f.svg) no-repeat center
}

.global-search-result-price .change-value {
    direction: ltr
}

.global-search-result-price .icon {
    display: inline-block;
    height: 16px;
    width: 16px
}

.global-search-results-loader {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 5px auto
}

.global-search-loader-icon {
    height: 20px;
    width: 20px;
    border: solid 2px transparent;
    border-top-color: var(--text-strong);
    border-radius: 50%;
    transform: rotate(135deg);
    animation: spin 1.3s linear infinite
}

.global-search-anchor {
    height: 1px
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

body[dir=rtl] .global-search-input {
    padding: 0 48px 0 40px;
    background-position: bottom 24px right 24px
}

body[dir=rtl] .global-search .custom-placeholder {
    padding: 0 48px 0 0
}

body[dir=rtl] .global-search-chevron-wrapper {
    transform: rotate(180deg)
}

body[dir=rtl] .global-search-chevron-wrapper-left {
    margin-right: -80px;
    margin-left: 0
}

body[dir=rtl] .global-search-chevron-wrapper-left.visible {
    margin-right: 0
}

body[dir=rtl] .global-search-chevron-wrapper-right {
    margin-right: 0;
    margin-left: -80px
}

body[dir=rtl] .global-search-chevron-wrapper-right.visible {
    margin-left: 0
}

body[dir=rtl] .global-search-close-modal {
    right: unset;
    left: 12px
}

@media all and (max-width: 991px) {

    .global-search-tag:hover,
    .global-search-cross-icon:hover,
    .global-search-close-icon:hover {
        background: none
    }
}

@media all and (max-width: 767px) {
    .global-search-wrapper {
        width: 100%;
        height: 100%;
        margin: 0;
        border-radius: 0;
        border: none;
        max-height: unset
    }

    .global-search-title {
        margin: 0 16px 32px
    }

    .global-search-btn {
        margin: 0 16px 40px
    }

    .global-search-input {
        background: none
    }

    .global-search .custom-placeholder {
        padding: 0 16px 0 48px
    }

    .global-search-tags-horizontal-overlay {
        display: none
    }

    .global-search-mobile-back {
        height: 32px;
        width: 32px;
        display: flex;
        position: absolute;
        background: transparent url(https://xas.scdn5.secure.raxcdn.com/build/back.4c001f3a.svg) no-repeat 8px 8px;
        top: 16px;
        left: 16px;
        z-index: 1
    }

    .global-search-mobile-back:hover {
        cursor: pointer
    }

    .global-search-close-modal {
        display: none
    }

    .global-search-clear-input {
        display: flex
    }

    .global-search-tags-wrapper {
        overflow: unset
    }

    .global-search-tags {
        width: 100%;
        padding: 0 16px;
        overflow-x: scroll;
        overflow-y: hidden;
        scrollbar-width: none;
        touch-action: auto
    }

    .global-search-tags::-webkit-scrollbar {
        display: none
    }

    .global-search-no-results-wrapper {
        max-width: none;
        padding: 56px 0 0;
        height: auto
    }

    .global-search-scroll {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .global-search-results-wrapper {
        height: 100%;
        padding: 8px 5px;
        max-height: unset
    }

    .global-search-result {
        padding: 8px 11px;
        max-height: unset;
        grid-gap: 12px
    }

    .global-search-results {
        padding: 0 0 8px
    }

    .global-search-no-results-text {
        padding: 0 16px
    }

    .global-search-anchor {
        padding-bottom: 60px
    }

    body[dir=rtl] .global-search-input {
        background-position: bottom 24px right 16px
    }

    body[dir=rtl] .global-search .custom-placeholder {
        padding: 0 48px 0 16px
    }

    body[dir=rtl] .global-search-mobile-back {
        left: unset;
        right: 16px;
        transform: rotate(180deg)
    }

    body[dir=rtl] .global-search-clear-input {
        right: unset;
        left: 12px
    }
}

.component-badge {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: .1px;
    padding: 1px 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    grid-gap: 4px;
    flex-shrink: 0;
    border-radius: 14px;
    border: 1px solid;
    text-align: center
}

.component-badge-active {
    background-color: var(--surface_active_primary-enabled);
    border-color: var(--border-selected);
    color: var(--text-inverted)
}

.component-badge-enabled {
    background-color: var(--surface-secondary);
    border-color: var(--surface-secondary);
    color: var(--text-strong)
}

.component-badge-disabled {
    background-color: var(--base-white);
    border-color: var(--border-disabled);
    color: var(--text-disabled)
}

.component-badge-deafult-inverted {
    background-color: #d6e1ec40;
    border-color: transparent;
    color: var(--text-inverted)
}

.component-badge svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    flex-shrink: 0
}

.component-button {
    display: inline-block;
    transition: all .3s;
    border-radius: 4px;
    font-style: normal;
    font-weight: 700;
    border: 1px solid;
    text-align: center;
    text-decoration: none
}

.component-button * {
    pointer-events: none
}

.component-button-icon {
    white-space: nowrap
}

.component-button-primary {
    color: var(--text-inverted);
    background: var(--surface_active_primary-enabled);
    border-color: transparent
}

.component-button-primary:hover {
    background: var(--surface_active_primary-hover);
    color: var(--text-inverted)
}

.component-button-secondary {
    color: var(--on-surface_primary-enabled);
    background-color: var(--base-white);
    border-color: var(--border-active-primary-enabled)
}

.component-button-secondary:hover {
    color: var(--on-surface_primary-hover);
    border-color: var(--border-active-primary-hover)
}

.component-button-secondary-gray {
    border-color: var(--border-weak);
    color: var(--text-strong);
    background: var(--surface_active_strong-enabled)
}

.component-button-secondary-gray:hover {
    background: var(--surface_active_strong-hover);
    color: var(--text-strong)
}

.component-button-ghost {
    color: var(--text-primary);
    border-color: transparent
}

.component-button-ghost:hover {
    background: var(--surface_active_primary-weak-hover);
    color: var(--text-primary)
}

.component-button-compact,
.component-button-compact-arrow {
    color: var(--text-primary);
    border-color: transparent;
    text-align: initial
}

.component-button-compact:hover,
.component-button-compact-arrow:hover {
    color: var(--surface_active_primary-hover)
}

.component-button-compact.component-button-s,
.component-button-compact.component-button-m,
.component-button-compact.component-button-l,
.component-button-compact.component-button-xl,
.component-button-compact-arrow.component-button-s,
.component-button-compact-arrow.component-button-m,
.component-button-compact-arrow.component-button-l,
.component-button-compact-arrow.component-button-xl {
    padding: 0
}

.component-button-compact-paddings {
    color: var(--text-primary);
    border-color: transparent;
    text-align: initial
}

.component-button-compact-paddings:hover {
    color: var(--surface_active_primary-hover)
}

.component-button-compact-paddings.component-button-s {
    padding: 8px 0
}

.component-button-compact-paddings.component-button-m {
    padding: 10px 0
}

.component-button-compact-paddings.component-button-l {
    padding: 14px 0
}

.component-button-compact-paddings.component-button-xl {
    padding: 20px 0
}

.component-button-s {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .1px;
    padding: 8px
}

.component-button-m {
    padding: 10px 20px
}

.component-button-l {
    padding: 14px 24px
}

.component-button-xl {
    font-size: 16px;
    line-height: 24px;
    padding: 20px 24px
}

.component-button-m,
.component-button-l {
    font-size: 14px;
    line-height: 20px
}

.component-button-m,
.component-button-l,
.component-button-xl {
    letter-spacing: .15px
}

.component-button svg {
    fill: currentColor;
    margin-top: -2px
}

.component-button-text {
    white-space: normal
}

body[dir=rtl] .component-button-icon-start-arrow svg,
body[dir=rtl] .component-button-icon-end-arrow svg {
    transform: rotate(180deg)
}

.component-disclaimer {
    display: flex;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    letter-spacing: .1px;
    line-height: 20px
}

.component-disclaimer p {
    margin: 0
}

.component-disclaimer a {
    color: inherit;
    text-decoration: underline
}

.component-disclaimer a:hover {
    color: inherit
}

.component-disclaimer-top {
    border-bottom: 1px solid
}

.component-disclaimer-bottom {
    border-top: 1px solid
}

.component-disclaimer-light {
    color: #2c3e50;
    border-color: #4e5b7e21
}

.component-disclaimer-light-bottom {
    background-color: #fffc;
    backdrop-filter: blur(60px);
    -webkit-backdrop-filter: blur(60px)
}

.component-disclaimer-dark {
    color: #c7c9cc;
    border-color: transparent;
    background: #000000
}

.component-disclaimer-text {
    padding: 8px 32px;
    margin: 0 auto;
    font-size: 14px
}

.component-disclaimer-text-short,
.component-disclaimer-text-collapse,
.component-disclaimer-toggler {
    display: none
}

.dark .component-disclaimer-dark {
    background: transparent
}

.dark .component-disclaimer-light {
    color: #c7c9cc;
    border-color: transparent
}

.dark .risk-warning-inverted .component-disclaimer-dark {
    color: #111417;
    border-color: transparent;
    background: #ffffff
}

.dark .risk-warning-inverted .component-disclaimer-light {
    background-color: #000;
    color: #c7c9cc
}

@media all and (max-width: 1439px) {
    .component-disclaimer-text {
        padding: 8px 16px
    }
}

@media all and (max-width: 767px) {
    .risk-warning-collapse .component-disclaimer-dark .component-disclaimer-text {
        padding-bottom: 0
    }

    .component-disclaimer-text-long {
        display: none
    }

    .component-disclaimer-text-short {
        display: block
    }

    .component-disclaimer-toggler {
        align-items: center;
        justify-content: center
    }

    .component-disclaimer-toggler:before,
    .component-disclaimer-toggler:after {
        content: "";
        display: block;
        height: 1px;
        width: 100%
    }

    .component-disclaimer-toggler-light {
        height: 1px
    }

    .component-disclaimer-toggler-light svg {
        color: #131825a8
    }

    .component-disclaimer-toggler-light:before,
    .component-disclaimer-toggler-light:after {
        background: rgba(78, 91, 126, .13)
    }

    .component-disclaimer-toggler-dark {
        background-color: #000
    }

    .component-disclaimer-toggler-dark svg {
        color: #f6f7f8
    }

    .component-disclaimer-toggler-button {
        transform: rotate(180deg);
        padding: 0 4px
    }

    .risk-warning-collapse .component-disclaimer-text-short {
        display: block
    }

    .risk-warning-collapse .component-disclaimer-text-collapse {
        display: none
    }

    .risk-warning-collapse .component-disclaimer-top,
    .risk-warning-collapse .component-disclaimer-bottom {
        border: none
    }

    .risk-warning-collapse .component-disclaimer-toggler {
        display: flex
    }

    .risk-warning-collapsed .component-disclaimer-text-short {
        display: none
    }

    .risk-warning-collapsed .component-disclaimer-text-collapse {
        display: block
    }

    .risk-warning-collapsed .component-disclaimer-toggler-button {
        transform: none
    }

    .risk-warning-collapse:not(.risk-warning-collapsed) .component-disclaimer-toggler-light svg {
        color: #08aa54
    }

    .dark .component-disclaimer-toggler-light svg {
        color: #f6f7f8
    }

    .dark .component-disclaimer-toggler-light:before,
    .dark .component-disclaimer-toggler-light:after {
        background: rgba(219, 226, 234, .17)
    }

    .dark .component-disclaimer-toggler-dark {
        background-color: transparent
    }

    .dark .component-disclaimer-toggler-dark:before,
    .dark .component-disclaimer-toggler-dark:after {
        background: rgba(219, 226, 234, .17)
    }

    .risk-warning-collapse:not(.risk-warning-collapsed) .dark .component-disclaimer-toggler-light svg {
        color: #f6f7f8
    }
}

.component-heading {
    font-family: XTB Sans, Arial, Segoe UI, Helvetica Neue, -apple-system, system-ui, sans-serif;
    font-style: normal;
    margin: 0;
    max-width: 100%;
    word-break: break-word
}

.component-heading-h1 {
    font-size: 48px;
    line-height: 56px
}

.component-heading-h2 {
    font-size: 32px;
    line-height: 42px
}

.component-heading-h3 {
    font-size: 20px;
    line-height: 28px
}

.component-heading-light {
    color: var(--text-inverted)
}

.component-heading-dark {
    color: var(--text-strong)
}

@media all and (max-width: 991px) {
    .component-heading-h1 {
        font-size: 32px;
        line-height: 42px
    }

    .component-heading-h2 {
        font-size: 24px;
        line-height: 32px
    }
}

.component-highlight {
    border-left: 2px solid var(--border-success);
    padding: 0 16px
}

.component-highlight-heading {
    font-family: XTB Sans, Arial, Segoe UI, Helvetica Neue, -apple-system, system-ui, sans-serif;
    font-size: 32px;
    line-height: 42px;
    color: var(--text-inverted)
}

.component-highlight .component-title-light {
    color: var(--gray-30)
}

body[dir=rtl] .component-highlight {
    border-left: none;
    border-right: 2px solid var(--border-success);
    padding: 0 16px
}

.component-news {
    border: 1px solid var(--border-weak);
    border-radius: 16px;
    padding: 16px;
    text-align: left;
    cursor: pointer;
    display: block
}

.component-news.loading {
    pointer-events: none
}

.component-news-image {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.component-news-image-wrapper {
    width: 100%;
    height: 120px;
    margin-bottom: 18px
}

.component-news-text,
.component-news-reading-time {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .15px;
    color: var(--text-weak);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    grid-gap: 8px
}

.component-news-text {
    min-height: 24px
}

.component-news-reading-time {
    min-height: 20px
}

.component-news-lock svg {
    margin-top: -2px
}

.component-news-title {
    font-family: Roboto, Arial, Segoe UI, Helvetica Neue, -apple-system, system-ui, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    height: 48px;
    letter-spacing: 0;
    text-align: left;
    color: var(--text-strong);
    margin-bottom: 16px;
    max-width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.component-news-icon {
    width: 24px;
    height: 24px;
    background-color: var(--gray-10);
    border-radius: 4px;
    overflow: hidden
}

.component-news-icon img {
    width: 100%;
    height: 100%
}

.component-news-icon.error img {
    display: none
}

.component-news-icon.error:after {
    align-items: center;
    color: #0000004d;
    content: attr(data-first-letter);
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 24px;
    justify-content: center;
    width: 24px
}

.loading>.component-news-image-wrapper,
.loading>.component-news-text,
.loading>.component-news-title,
.loading>.component-news-reading-time,
.loading>.component-news-button-wrapper {
    position: relative
}

.loading>.component-news-image-wrapper:before,
.loading>.component-news-image-wrapper:after,
.loading>.component-news-text:before,
.loading>.component-news-text:after,
.loading>.component-news-title:before,
.loading>.component-news-title:after,
.loading>.component-news-reading-time:before,
.loading>.component-news-reading-time:after,
.loading>.component-news-button-wrapper:before,
.loading>.component-news-button-wrapper:after {
    display: block;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.loading>.component-news-image-wrapper:before,
.loading>.component-news-text:before,
.loading>.component-news-title:before,
.loading>.component-news-reading-time:before,
.loading>.component-news-button-wrapper:before {
    background: var(--base-white)
}

.loading>.component-news-image-wrapper:after,
.loading>.component-news-text:after,
.loading>.component-news-title:after,
.loading>.component-news-reading-time:after,
.loading>.component-news-button-wrapper:after {
    animation: 1.5s shine linear infinite;
    background: linear-gradient(90deg, #f0f0f0 -145%, #ffffff 307.5%);
    background-size: 200% 100%;
    border-radius: 4px
}

.component-news:hover .component-button {
    color: var(--surface_active_primary-hover)
}

body[dir=rtl] .component-news-title,
body[dir=rtl] .component-news-button-wrapper {
    text-align: right
}

@keyframes shine {
    to {
        background-position-x: -200%
    }
}

.component-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--miscellaneous-overlay);
    z-index: -1
}

.component-popup-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483004;
    overflow: hidden;
    display: none
}

.component-popup-wrapper.open {
    display: block
}

.component-popup-popup {
    position: absolute;
    width: 470px;
    max-height: 80vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%) translateY(-50%);
    padding: 38px 8px 24px 32px;
    border-radius: 16px;
    background: var(--base-white);
    border: 1px solid var(--border-weak);
    display: flex;
    flex-direction: column;
    transition: top .5s
}

.component-popup-popup.animation {
    top: 67%
}

.component-popup-popup.loading .component-popup-loader {
    display: flex
}

.component-popup-popup:focus-visible {
    outline: none !important;
    box-shadow: none !important
}

.component-popup-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1;
    border-radius: 20px
}

.component-popup-close {
    z-index: 1;
    width: 30px;
    height: 30px;
    line-height: 16px;
    display: block;
    border-radius: 8px;
    transition: .3s
}

.component-popup-close svg {
    width: 24px;
    height: 24px;
    pointer-events: none
}

.component-popup-close:hover {
    background-color: var(--gray-5)
}

.component-popup-header {
    display: flex;
    align-items: flex-start;
    grid-gap: 24px;
    justify-content: space-between;
    flex-shrink: 1;
    padding-right: 24px;
    margin: 0 0 16px
}

.component-popup-content {
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    padding-right: 24px
}

.component-popup-content::-webkit-scrollbar {
    background: transparent;
    width: 4px;
    z-index: 1
}

.component-popup-content::-webkit-scrollbar-thumb {
    background: var(--gray-20);
    border-radius: 2px;
    height: 20px
}

.component-popup-gradient {
    height: 0;
    width: 101%;
    position: relative;
    display: block;
    transition: opacity 1s;
    z-index: 1
}

.component-popup-gradient:after {
    content: "";
    left: -1px;
    pointer-events: none;
    height: 112px;
    width: calc(100% - 4px);
    display: block;
    position: absolute
}

.component-popup-gradient-top {
    opacity: 0
}

.component-popup-gradient-top:after {
    background: linear-gradient(180deg, var(--base-white) 0%, rgba(255, 255, 255, 0) 50.14%);
    top: -1px
}

.component-popup-gradient-bottom {
    opacity: 0
}

.component-popup-gradient-bottom:after {
    background: linear-gradient(360deg, var(--base-white) 0%, rgba(255, 255, 255, 0) 50.14%);
    bottom: -1px
}

.component-popup-footer {
    flex-shrink: 1;
    padding-top: 24px;
    padding-right: 24px
}

.component-popup-footer:empty {
    padding-top: 0
}

.component-popup-footer .btn {
    white-space: initial
}

body[dir=rtl] .component-popup-popup {
    padding: 38px 32px 24px 8px
}

body[dir=rtl] .component-popup-close {
    right: unset;
    left: 40px
}

body[dir=rtl] .component-popup-header {
    padding: 0 0 0 16px
}

body[dir=rtl] .component-popup-content {
    padding-right: 0;
    padding-left: 24px
}

body[dir=rtl] .component-popup-gradient:after {
    left: unset;
    right: -1px
}

body[dir=rtl] .component-popup-footer {
    padding-right: 0;
    padding-left: 24px
}

@media all and (max-width: 991px) {
    .component-popup-wrapper {
        overflow: auto
    }

    .component-popup-wrapper::-webkit-scrollbar {
        display: none
    }

    .component-popup-wrapper::-webkit-scrollbar-thumb {
        display: none
    }

    .component-popup-wrapper.open .component-popup-popup {
        transform: translateZ(0)
    }

    .component-popup-wrapper.open .component-popup-popup:after {
        transform: translate(0)
    }

    .component-popup-popup {
        position: fixed;
        display: flex;
        width: 100%;
        max-width: 100%;
        max-height: unset;
        left: 0;
        top: 100vh;
        transform: none;
        padding: 0 32px;
        border-radius: 24px 24px 0 0;
        border-bottom-width: 0;
        z-index: 10
    }

    .component-popup-popup:after {
        content: "";
        width: 100%;
        height: 16px;
        background: var(--base-white);
        position: fixed;
        bottom: 0;
        left: 0
    }

    .component-popup-popup.animation {
        top: 100%
    }

    .component-popup-close {
        right: 8px
    }

    .component-popup-header {
        position: sticky;
        top: 0;
        background: var(--base-white);
        padding: 32px 0 16px;
        z-index: 5
    }

    .component-popup-content {
        overflow: hidden;
        padding: 0 0 16px
    }

    .component-popup-gradient {
        position: sticky;
        left: 0;
        z-index: 1
    }

    .component-popup-gradient-top {
        top: 16px
    }

    .component-popup-gradient-bottom {
        bottom: 13px
    }

    .component-popup-footer {
        position: sticky;
        width: 100%;
        bottom: 0;
        background: var(--base-white);
        padding: 15px 0;
        margin-top: auto
    }

    body[dir=rtl] .component-popup-popup {
        padding: 0 32px
    }

    body[dir=rtl] .component-popup-header {
        padding: 32px 0 16px
    }

    body[dir=rtl] .component-popup-close {
        right: unset;
        left: 8px
    }

    body[dir=rtl] .component-popup-content {
        padding: 0 0 16px
    }

    body[dir=rtl] .component-popup-footer {
        padding: 16px 0
    }
}

@media all and (max-width: 575px) {

    .component-popup-popup,
    body[dir=rtl] .component-popup-popup {
        padding: 0 26px
    }
}

.component-tag {
    display: inline-flex;
    padding: 6px 10px;
    justify-content: center;
    align-items: center;
    grid-gap: 8px;
    border-radius: 24px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .15px;
    border: 1px solid;
    transition: .3s
}

.component-tag-light {
    border-color: var(--border-weak);
    background-color: var(--surface-strong);
    color: var(--text-weak)
}

.component-tag-dark {
    color: var(--text-disabled);
    background-color: var(--surface-inverted);
    border-color: var(--gray-70)
}

.component-tag-clickable-dark {
    border-color: var(--surface_active_inverted-enabled);
    background-color: var(--surface_active_inverted-enabled);
    color: var(--text-inverted)
}

.component-tag-clickable-dark:hover {
    background-color: var(--surface_active_inverted-hover);
    border-color: var(--surface_active_inverted-hover);
    cursor: pointer;
    color: var(--text-inverted)
}

.component-tag-clickable-light {
    border-color: var(--border-weak);
    background-color: var(--surface-strong);
    color: var(--text-strong)
}

.component-tag-clickable-light:hover {
    background-color: var(--background-weak);
    cursor: pointer;
    color: var(--text-strong)
}

.component-tag svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    flex-shrink: 0
}

body[dir=rtl] .component-tag-clickable .arrow svg {
    transform: scaleX(-1)
}

.component-tile {
    border-radius: 16px;
    border: 1px solid var(--border-weak);
    padding: 24px;
    text-align: left
}

.component-tile-with-button {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.component-tile-content {
    display: flex;
    flex-direction: column
}

.component-tile-title {
    margin: 24px 0 8px
}

.component-tile-text {
    color: var(--text-weak);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .15px
}

.component-tile-text p {
    margin: 0
}

.component-tile .component-icon svg {
    height: 24px;
    width: 24px
}

.component-tile .component-button {
    margin-top: 16px
}

.component-tile-button {
    margin-top: 40px
}

.browser-mobile .component-tile-button,
.component-tile-button-mobile {
    display: none
}

.browser-mobile .component-tile-button-mobile,
.browser-mobile .component-tile-button-show-on-mobile {
    display: inline-block
}

body[dir=rtl] .component-tile {
    text-align: right
}

@media (max-width: 991px) {
    .component-tile {
        display: flex;
        grid-gap: 16px;
        padding: 16px
    }

    .component-tile-with-button {
        grid-gap: 8px
    }

    .component-tile-content {
        display: inline
    }

    .component-tile-content-wrapper {
        display: flex;
        grid-gap: 16px
    }

    .component-tile-title {
        font-size: 16px
    }

    .component-tile .component-button {
        margin-top: 0;
        margin-left: 40px
    }

    body[dir=rtl] .component-tile .component-button {
        margin-left: 0;
        margin-right: 40px
    }
}

@media (max-width: 767px) {
    .component-tile-text {
        font-size: 14px;
        letter-spacing: .1px;
        line-height: 20px
    }
}

.component-title {
    width: fit-content;
    display: flex;
    grid-gap: 8px;
    color: var(--text-strong)
}

.component-title-dark {
    color: var(--text-strong)
}

.component-title-dark .custom-tooltip {
    color: inherit
}

.component-title-light {
    color: var(--text-inverted)
}

.component-title-light .custom-tooltip {
    color: inherit
}

.component-title-icon-m svg,
.component-title-icon-m img {
    width: 24px;
    height: 24px
}

.component-title-icon-s svg,
.component-title-icon-s img {
    width: 16px;
    height: 16px
}

.component-title-xs {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .15px
}

.component-title-s {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.component-title-m {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.component-title-l {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px
}

.component-title-xl {
    font-size: 32px;
    font-weight: 700;
    line-height: 42px
}

.component-title p {
    margin: 0
}

.component-tooltip {
    display: none;
    max-width: 400px;
    background: #4f535a;
    color: #f6f7f8;
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
    letter-spacing: .15px;
    grid-gap: 8px;
    z-index: 2147483005
}

.component-tooltip[data-show] {
    display: flex
}

.component-tooltip-arrow,
.component-tooltip-arrow:before {
    position: absolute;
    width: 24px;
    height: 8px;
    background-color: transparent;
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/tooltip_arrow.47e47d41.svg)
}

.component-tooltip-arrow {
    visibility: hidden
}

.component-tooltip-arrow:before {
    visibility: visible;
    content: "";
    transform: rotate(45deg)
}

.component-tooltip[data-popper-placement^=top]>.component-tooltip-arrow {
    bottom: -8px
}

.component-tooltip[data-popper-placement^=top]>.component-tooltip-arrow:before {
    transform: rotate(0)
}

.component-tooltip[data-popper-placement^=bottom]>.component-tooltip-arrow {
    top: -8px
}

.component-tooltip[data-popper-placement^=bottom]>.component-tooltip-arrow:before {
    transform: rotate(180deg)
}

.component-tooltip[data-popper-placement^=left]>.component-tooltip-arrow {
    right: -8px
}

.component-tooltip[data-popper-placement^=left]>.component-tooltip-arrow:before {
    transform: rotate(90deg)
}

.component-tooltip[data-popper-placement^=right]>.component-tooltip-arrow {
    left: -8px
}

.component-tooltip[data-popper-placement^=right]>.component-tooltip-arrow:before {
    transform: rotate(270deg)
}

.component-tooltip-close {
    width: 32px;
    height: 32px;
    display: none;
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/close_white.06ca6f28.svg);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 4px;
    top: 4px
}

.component-tooltip .component-overlay,
.component-tooltip .component-bottomsheet-heading {
    display: none
}

.component-tooltip p {
    margin: 0
}

.browser-mobile .component-tooltip[data-show] {
    display: grid;
    grid-template-columns: 1fr 20px
}

.browser-mobile .component-tooltip[data-show] .component-tooltip-close {
    display: block
}

.browser-mobile .component-bottomsheet {
    visibility: hidden;
    opacity: 0;
    position: fixed !important;
    inset: unset !important;
    transform: unset !important;
    bottom: 0 !important;
    z-index: 2147483005;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100vh;
    transition: visibility .3s linear, opacity .15s linear
}

.browser-mobile .component-bottomsheet[data-show] {
    visibility: visible;
    transition: visibility .3s linear, opacity .15s linear;
    opacity: 1
}

.browser-mobile .component-bottomsheet[data-show] .component-bottomsheet-wrapper {
    bottom: 0;
    transition: bottom .5s
}

.browser-mobile .component-bottomsheet-close {
    display: block;
    width: 32px;
    height: 32px;
    background-color: #404a640d;
    border-radius: 80px;
    background-image: url(https://xas.scdn5.secure.raxcdn.com/build/close.4a02621a.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px
}

.browser-mobile .component-bottomsheet-wrapper {
    bottom: -300px;
    left: 0;
    transition: bottom .5s;
    width: 100vw;
    overflow: scroll;
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.browser-mobile .component-bottomsheet-heading {
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
    text-align: start;
    padding: 32px 32px 14px;
    background: #ffffff;
    position: sticky;
    top: 0;
    margin-top: 40vh;
    border-top-right-radius: 24px;
    border-top-left-radius: 24px
}

.browser-mobile .component-bottomsheet-content {
    background: #ffffff;
    padding: 10px 32px 24px;
    max-width: 100%;
    color: #111417;
    margin: 0;
    box-shadow: none;
    font-size: 16px;
    line-height: 24px;
    text-align: start
}

.browser-mobile .component-bottomsheet-top-blur {
    top: 99%;
    left: 0;
    height: 26px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 3.76%, #fff 96.25%)
}

.browser-mobile .component-bottomsheet-bottom-blur {
    bottom: 0;
    height: 26px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 3.76%, #fff 96.25%)
}

.browser-mobile .component-bottomsheet-footer {
    width: 100%;
    height: 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #ffffff
}

.browser-mobile .component-bottomsheet p {
    margin: 0
}

.custom-tooltip {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: .3em;
    text-align: initial
}

body[dir=rtl] .component-tooltip-close {
    right: auto;
    left: 4px
}

@media all and (max-width: 450px) {
    .component-tooltip {
        max-width: calc(100% - 24px)
    }
}

.foundations-badge {
    align-items: center;
    border-radius: 12px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    line-height: 15px;
    letter-spacing: .1px;
    padding: 2px 8px
}

.foundations-badge-default {
    background: rgba(64, 74, 100, .05);
    color: #111417
}

.foundations-badge-default-alternative {
    background: #ffffff;
    color: #111417
}

.foundations-badge-profit {
    background: #08aa54;
    color: #f6f7f8
}

.foundations-badge-loss {
    background: #d2323d;
    color: #f6f7f8
}

.foundations-badge-info {
    background: rgba(44, 141, 251, .07);
    color: #2374d0
}

.foundations-badge-success {
    background: rgba(16, 191, 102, .07);
    color: #08aa54
}

.foundations-badge-warning {
    background: rgba(255, 207, 77, .12);
    color: #de830a
}

.foundations-badge-disabled {
    background: rgba(64, 74, 100, .05);
    color: #1a1f2e78
}

.foundations-badge-disabled-inverted {
    background: rgba(214, 225, 236, .25);
    color: #d6e1ec40
}

.foundations-badge-default-inverted {
    background-color: #d6e1ec40;
    color: #f6f7f8
}

.foundations-badge-inverted {
    background-color: #1c2026;
    color: #f6f7f8
}

.foundations-body {
    color: #131825a8;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: .15px
}

.foundations-body ol:last-child,
.foundations-body p:last-child,
.foundations-body ul:last-child {
    margin-bottom: 0
}

.foundations-body-inverted,
.foundations-body-inverted a,
.foundations-body-inverted a:hover {
    color: #c7c9cc
}

.foundations-body-small {
    font-size: 14px;
    line-height: 20px
}

@media all and (max-width: 991px) {
    .foundations-body {
        font-size: 14px;
        line-height: 20px
    }
}

.foundations-button {
    display: inline-block;
    transition: all .3s;
    border-radius: 8px;
    font-style: normal;
    font-weight: 700;
    text-align: center
}

.foundations-button-icon {
    white-space: nowrap
}

.foundations-button-primary {
    color: #f6f7f8;
    background: #08aa54;
    border-color: transparent
}

.foundations-button-primary:hover,
a:hover .foundations-button-primary {
    background: #0d7d46;
    color: #f6f7f8
}

.foundations-button-secondary {
    color: #111417;
    background-color: #404a640d;
    border-color: transparent
}

.foundations-button-secondary:hover,
a:hover .foundations-button-secondary {
    color: #111417;
    background-color: #4e5b7e21
}

.foundations-button-secondary-dark {
    border-color: transparent;
    color: #f6f7f8;
    background: rgba(219, 226, 234, .17)
}

.foundations-button-secondary-dark:hover,
a:hover .foundations-button-secondary-dark {
    background: rgba(215, 225, 235, .35);
    color: #f6f7f8
}

.foundations-button-ghost {
    color: #08aa54;
    border-color: transparent
}

.foundations-button-ghost:hover,
a:hover .foundations-button-ghost {
    background: rgba(16, 191, 102, .1);
    color: #08aa54
}

.foundations-button-compact,
.foundations-button-compact-arrow {
    color: #08aa54;
    border-color: transparent;
    text-align: initial
}

.foundations-button-compact:hover,
a:hover .foundations-button-compact,
.foundations-button-compact-arrow:hover,
a:hover .foundations-button-compact-arrow {
    color: #0d7d46
}

.foundations-button-compact.foundations-button-s,
.foundations-button-compact.foundations-button-m,
.foundations-button-compact.foundations-button-l,
.foundations-button-compact-arrow.foundations-button-s,
.foundations-button-compact-arrow.foundations-button-m,
.foundations-button-compact-arrow.foundations-button-l {
    padding: 0
}

.foundations-button-compact-paddings {
    color: var(--text-primary);
    border-color: transparent;
    text-align: initial
}

.foundations-button-compact-paddings:hover,
a:hover .foundations-button-compact-paddings {
    color: var(--surface_active_primary-hover)
}

.foundations-button-compact-paddings.foundations-button-s {
    padding: 8px 0
}

.foundations-button-compact-paddings.foundations-button-m {
    padding: 10px 0
}

.foundations-button-compact-paddings.foundations-button-l {
    padding: 14px 0
}

.foundations-button-s {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .1px;
    padding: 8px
}

.foundations-button-m {
    padding: 10px 16px
}

.foundations-button-l {
    padding: 14px 20px
}

.foundations-button-m,
.foundations-button-l {
    font-size: 14px;
    line-height: 20px
}

.foundations-button-m,
.foundations-button-l {
    letter-spacing: .15px
}

.foundations-button svg {
    fill: currentColor;
    margin-top: -2px;
    width: 16px;
    height: 16px;
    flex-shrink: 0
}

.foundations-button-text {
    white-space: normal
}

.foundations-button.desktop,
.foundations-button.os-ios,
.foundations-button.os-apple,
.foundations-button.os-android,
.foundations-button.os-windows {
    display: none
}

body[dir=rtl] .foundations-button-icon-start-arrow svg,
body[dir=rtl] .foundations-button-icon-end-arrow svg {
    transform: rotate(180deg)
}

.foundations-card-grid {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: 1fr 1fr
}

.foundations-card {
    background: rgba(64, 74, 100, .05);
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    position: relative
}

.foundations-card-image-wrapper {
    align-items: flex-end;
    display: flex;
    height: 289px;
    justify-content: flex-end;
    margin-top: auto;
    overflow: hidden;
    width: 100%
}

.foundations-card-image-wrapper svg {
    height: auto;
    max-width: 100%;
    transform-origin: center;
    transition: transform .3s ease
}

.foundations-card-image {
    height: 100%;
    object-fit: contain;
    object-position: right bottom;
    transform-origin: center;
    transition: transform .3s ease;
    width: 100%
}

.foundations-card-heading,
.foundations-card-text {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: column
}

.foundations-card-heading {
    grid-gap: 24px;
    z-index: 1
}

.foundations-card-text {
    grid-gap: 16px
}

.foundations-card-body {
    max-width: calc(100% - 64px)
}

.foundations-card:has(.foundations-button:hover) .foundations-card-image {
    transform: scale(1.0761)
}

.foundations-card:has(.foundations-button:hover) .foundations-card-image-wrapper svg {
    transform: scale(1.0761)
}

.foundations-card-small {
    flex-direction: column
}

.foundations-card-small-heading {
    padding: 40px 48px 0
}

.foundations-card-big {
    grid-column: 1/span 2;
    height: 480px
}

.foundations-card-big-image-wrapper {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%
}

.foundations-card-big-heading {
    justify-content: center;
    padding: 48px
}

.foundations-card-big-text {
    width: 379px
}

.foundations-card-inverted {
    background: #1c2026
}

.foundations-card-inverted .foundations-card-image-wrapper {
    width: 70.594%
}

.foundations-card-inverted .foundations-card-image-wrapper:after {
    background: linear-gradient(90deg, #1c2026 .02%, rgba(28, 32, 38, 0) 57.19%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.foundations-card-inverted .foundations-card-image {
    object-fit: cover;
    object-position: center
}

body[dir=rtl] .foundations-card-image {
    object-position: left bottom
}

body[dir=rtl] .foundations-card-big-image-wrapper {
    left: 0;
    right: auto
}

body[dir=rtl] .foundations-card-inverted .foundations-card-image-wrapper:after {
    transform: rotate(180deg)
}

body[dir=rtl] .foundations-card-inverted .foundations-card-image {
    object-position: center
}

@media all and (max-width: 991px) {
    .foundations-card-grid {
        grid-gap: 16px;
        grid-template-columns: 1fr
    }

    .foundations-card-heading {
        grid-gap: 12px;
        padding: 32px 32px 16px
    }

    .foundations-card-text {
        grid-gap: 8px;
        width: 100%
    }

    .foundations-card-body {
        max-width: calc(100% - 32px)
    }

    .foundations-card-image-wrapper {
        height: auto;
        max-height: 289px;
        position: static;
        width: 100%
    }

    .foundations-card-big {
        flex-direction: column;
        grid-column: 1;
        height: auto
    }

    .foundations-card-inverted .foundations-card-image-wrapper {
        height: 341px;
        max-height: none;
        max-width: none;
        position: absolute;
        width: 100%
    }

    .foundations-card-inverted .foundations-card-image-wrapper:after {
        background: linear-gradient(0deg, #1c2026 .03%, rgba(28, 32, 38, 0) 50.54%)
    }

    .foundations-card-inverted .foundations-card-heading {
        padding: 321px 32px 24px
    }

    body[dir=rtl] .foundations-card-inverted .foundations-card-image-wrapper:after {
        transform: none
    }
}

@media all and (max-width: 767px) {
    .foundations-card-inverted .foundations-card-image-wrapper {
        height: 261px
    }

    .foundations-card-inverted .foundations-card-heading {
        padding: 241px 32px 24px
    }
}

.foundations-ghost {
    display: flex;
    flex-direction: column;
    grid-gap: 24px;
    width: calc(100% - 32px)
}

.foundations-ghost .foundations-body {
    width: calc(100% - 64px)
}

.foundations-ghost-title {
    color: #111417;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .15px
}

.foundations-ghost-text {
    display: flex;
    flex-direction: column;
    grid-gap: 16px
}

.foundations-ghost-img {
    width: 100%;
    overflow: hidden
}

.foundations-ghost-img img,
.foundations-ghost-img svg {
    max-height: 128px;
    width: auto
}

.foundations-ghost-icon svg {
    height: 48px;
    width: 48px
}

.foundations-ghost-top {
    align-items: center;
    color: #131825a8;
    display: flex;
    font-size: 14px;
    grid-gap: 8px;
    letter-spacing: .15px;
    line-height: 20px
}

.foundations-ghost-top-logos {
    display: flex;
    grid-gap: 4px
}

.foundations-ghost-top-logos img {
    border-radius: 8px
}

.foundations-ghost-small {
    grid-gap: 12px
}

.foundations-ghost-small-text {
    grid-gap: 8px
}

.foundations-ghost-small-icon svg {
    height: 40px;
    width: 40px
}

.foundations-ghost-news:hover .foundations-button-dummy {
    color: #0d7d46
}

@media all and (max-width: 991px) {
    .foundations-ghost {
        grid-gap: 12px
    }

    .foundations-ghost-text {
        grid-gap: 8px
    }
}

.foundations-heading {
    font-family: XTB Sans, Arial, Segoe UI, Helvetica Neue, -apple-system, system-ui, sans-serif;
    font-weight: 600;
    margin: 0;
    max-width: 100%;
    word-break: break-word
}

.foundations-heading-default {
    color: #111417
}

.foundations-heading-inverted {
    color: #f6f7f8
}

.foundations-heading-xxxl {
    font-size: 72px;
    line-height: 74px
}

.foundations-heading-xxl {
    font-size: 48px;
    line-height: 50px
}

.foundations-heading-xl,
.foundations-heading-xl-l {
    font-size: 32px;
    line-height: 36px
}

.foundations-heading-l {
    font-size: 24px;
    line-height: 28px
}

.foundations-heading-m {
    font-size: 20px;
    line-height: 26px
}

.foundations-heading-s {
    font-size: 16px;
    line-height: 22px
}

.foundations-heading-light {
    color: #f6f7f8
}

.foundations-heading-dark {
    color: #111417
}

@media all and (max-width: 991px) {
    .foundations-heading-xl-l {
        font-size: 24px;
        line-height: 28px
    }
}

.foundations-module {
    margin: 120px 0
}

.foundations-module-heading {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    margin: 0 0 48px;
    max-width: 524px
}

.foundations-module-heading .foundations-body {
    max-width: calc(100% - 64px)
}

.foundations-module-heading-centered {
    align-items: center;
    text-align: center;
    margin: 0 auto 48px;
    max-width: 700px
}

.foundations-module-heading-centered .foundations-body {
    max-width: calc(100% - 128px)
}

.foundations-module-heading-side {
    margin: 0;
    max-width: calc(100% - 121px)
}

.foundations-module-heading-big-margin {
    margin-bottom: 72px
}

.foundations-module-additional-info {
    color: #1a1f2e78;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .15px;
    max-width: 490px;
    margin: 48px auto 0
}

.foundations-module-additional-info p,
.foundations-module-additional-info li,
.foundations-module-additional-info ul {
    margin-bottom: 8px
}

.foundations-module-additional-info p:last-child,
.foundations-module-additional-info li:last-child,
.foundations-module-additional-info ul:last-child {
    margin-bottom: 0
}

.foundations-module-bottom-button {
    margin: 32px 0 0
}

.foundations-module-top-button {
    margin: 8px 0 0
}

.foundations-grid-2 {
    display: grid;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr
}

@media all and (max-width: 991px) {
    .foundations-module {
        margin: 80px 0;
        padding: 0 72px
    }

    .foundations-module-heading {
        max-width: none;
        margin-bottom: 40px
    }

    .foundations-module-heading-side {
        margin: 0;
        max-width: none
    }

    .foundations-module-additional-info {
        font-size: 14px;
        line-height: 20px;
        margin: 32px auto 0
    }

    .foundations-module-bottom-button {
        margin: 24px auto 0
    }

    .foundations-grid-2 {
        grid-row-gap: 40px;
        grid-template-columns: 1fr
    }
}

@media all and (max-width: 767px) {
    .foundations-module {
        padding: 0
    }
}

.foundations-tabs,
.foundations-chips {
    align-items: center;
    display: flex;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.foundations-tab,
.foundations-chip {
    align-items: center;
    background-color: #fff;
    display: flex;
    font-size: 14px;
    grid-gap: 4px;
    justify-content: center;
    line-height: 20px;
    letter-spacing: .15px
}

.foundations-tab.active,
.foundations-tab.disabled,
.foundations-chip.active,
.foundations-chip.disabled {
    cursor: default
}

.foundations-tab:focus-visible,
.foundations-chip:focus-visible {
    z-index: 1
}

.foundations-tab-inverted,
.foundations-chip-inverted {
    background-color: #1c2026
}

.foundations-tab {
    border-bottom: 1px solid rgba(78, 91, 126, .13);
    padding: 4px 8px;
    color: #131825a8;
    transition: border-bottom-color .3s
}

.foundations-tab-inner {
    align-items: center;
    border-radius: 8px;
    display: flex;
    grid-gap: 8px;
    justify-content: center;
    padding: 8px;
    transition: background-color .3s, color .3s
}

.foundations-tab:hover .foundations-tab-inner {
    background-color: #404a640d
}

.foundations-tab.active:hover .foundations-tab-inner,
.foundations-tab.disabled:hover .foundations-tab-inner {
    background-color: transparent
}

.foundations-tab.active {
    border-bottom-color: #111417
}

.foundations-tab.active .foundations-tab-inner {
    color: #111417;
    font-weight: 700
}

.foundations-tab.disabled {
    color: #1a1f2e78
}

.foundations-chips {
    grid-gap: 8px
}

.foundations-chip {
    border-radius: 80px;
    border: 1px solid rgba(78, 91, 126, .13);
    color: #111417;
    min-height: 40px;
    padding: 2px 16px;
    transition: background-color .3s
}

.foundations-chip:hover {
    background-color: #404a640d
}

.foundations-chip.active {
    border-color: #08aa54;
    background-color: #10bf6612
}

.foundations-tab-inverted.foundations-tab {
    border-color: #dbe2ea2b;
    color: #c7c9cc
}

body .intercom-app,
body .intercom-lightweight-app {
    opacity: 0 !important;
}

.header-navbar-global-search.open-global-search-btn {
    display: none !important;
}

.open-account-desktop-divider {
    display: none;
}

.overall-footer-menu .overall-footer-menu-wrapper:nth-child(4) {
    display: none !important;
}

.overall-footer-menu .overall-footer-menu-wrapper:nth-child(5) {
    display: none !important;
}

.component-button.js-dynamic-link {
    display: none !important;
}

.menu-unified-btn-parent li:nth-child(3) {
    display: none !important;
}

.menu-unified-btn-parent li:nth-child(4) {
    display: none !important;
}

.overall-footer-menu .overall-footer-menu-wrapper:nth-child(6) {
    display: none !important;
}

.overall-footer-btns {
    display: none !important;
}

.header-navbar-language-switcher {
    display: none !important;
}

.open-account-desktop-dropdown-wrapper {
    display: none !important;
}

.intercom-lightweight-app-launcher-icon-open {
    opacity: 0 !important;
}

.foundations-tab-inverted.foundations-tab:hover .foundations-tab-inner {
    background-color: #d6e1ec40
}

.foundations-tab-inverted.foundations-tab.active:hover .foundations-tab-inner,
.foundations-tab-inverted.foundations-tab.disabled:hover .foundations-tab-inner {
    background-color: transparent
}

.foundations-tab-inverted.foundations-tab.active {
    border-bottom-color: #f6f7f8
}

.foundations-tab-inverted.foundations-tab.active .foundations-tab-inner {
    color: #f6f7f8
}

.foundations-tab-inverted.foundations-tab.disabled {
    color: #d6e1ec40
}

.foundations-chip-inverted.foundations-chip {
    border-color: #dbe2ea2b;
    color: #f6f7f8
}

.foundations-chip-inverted:hover {
    background-color: #10bf661a
}

.foundations-chip-inverted.active {
    border-color: #08aa54
}