:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, .1);
    --f-spinner-color-2: rgba(17, 24, 28, .8);
    --f-spinner-stroke: 2.75
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height)
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    animation: f-spinner-rotate 2s linear infinite
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg *:first-child {
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg *:last-child {
    stroke: var(--f-spinner-color-2);
    animation: f-spinner-dash 2s ease-in-out infinite
}

@keyframes f-spinner-rotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.f-throwOutUp {
    animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    animation: var(--f-throw-out-duration, .175s) ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        opacity: 0
    }
}

.f-zoomInUp {
    animation: var(--f-transition-duration, .2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
    animation: var(--f-transition-duration, .2s) ease both f-zoomOutDown
}

@keyframes f-zoomInUp {
    0% {
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }

    to {
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(.975) translate3d(0, 16px, 0);
        opacity: 0
    }
}

.f-fadeIn {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    animation: var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index: 1
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeOut {
    to {
        opacity: 0
    }
}

.f-fadeFastIn {
    animation: var(--f-transition-duration, .2s) ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    animation: var(--f-transition-duration, .1s) ease-out both f-fadeFastOut;
    z-index: 2
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeFastOut {
    to {
        opacity: 0
    }
}

.f-fadeSlowIn {
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    animation: var(--f-transition-duration, .5s) ease both f-fadeSlowOut;
    z-index: 1
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeSlowOut {
    to {
        opacity: 0
    }
}

.f-crossfadeIn {
    animation: var(--f-transition-duration, .2s) ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, .2s)*.5) linear .1s both f-crossfadeOut;
    z-index: 1
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-crossfadeOut {
    to {
        opacity: 0
    }
}

.f-slideIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInNext
}

.f-slideIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideInPrev
}

.f-slideOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-slideOutPrev
}

@keyframes f-slideInPrev {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideInNext {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes f-slideOutNext {
    to {
        transform: translate(-100%)
    }
}

@keyframes f-slideOutPrev {
    to {
        transform: translate(100%)
    }
}

.f-classicIn.from-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInNext;
    z-index: 2
}

.f-classicIn.from-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicInPrev;
    z-index: 2
}

.f-classicOut.to-next {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutNext;
    z-index: 1
}

.f-classicOut.to-prev {
    animation: var(--f-transition-duration, .85s) cubic-bezier(.16, 1, .3, 1) f-classicOutPrev;
    z-index: 1
}

@keyframes f-classicInNext {
    0% {
        transform: translate(-75px);
        opacity: 0
    }

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

@keyframes f-classicInPrev {
    0% {
        transform: translate(75px);
        opacity: 0
    }

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

@keyframes f-classicOutNext {
    to {
        transform: translate(-75px);
        opacity: 0
    }
}

@keyframes f-classicOutPrev {
    to {
        transform: translate(75px);
        opacity: 0
    }
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all .15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: .65
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition)
}

@media (hover: hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: none
}

.f-button:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-prev,
.f-carousel__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next {
    position: absolute;
    z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
    top: 50%;
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next {
    top: auto;
    left: 50%;
    transform: translate(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg {
    transform: rotate(90deg)
}

.f-carousel__nav .f-button:disabled,
.fancybox__nav .f-button:disabled {
    pointer-events: none
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto
}

html.with-fancybox body {
    touch-action: none
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, .98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, .1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: visible;
    z-index: var(--fancybox-zIndex, 1050);
    outline: none;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain
}

.fancybox__container *,
.fancybox__container *:before,
.fancybox__container *:after {
    box-sizing: inherit
}

.fancybox__container::backdrop {
    background-color: #0000
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity
}

.fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

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

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: grabbing
}

.fancybox__track {
    display: flex;
    margin: 0 auto;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    overscroll-behavior: contain;
    transform: translateZ(0);
    backface-visibility: hidden
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px
}

.fancybox__slide.has-iframe,
.fancybox__slide.has-video,
.fancybox__slide.has-html5video,
.fancybox__slide.has-image {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide:before,
.fancybox__slide:after {
    content: "";
    flex: 0 0 0;
    margin: auto
}

.fancybox__backdrop:empty,
.fancybox__viewport:empty,
.fancybox__track:empty,
.fancybox__slide:empty {
    display: block
}

.fancybox__content {
    align-self: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20
}

.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__content [data-selectable],
.fancybox__content [contenteditable] {
    cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
    padding: 0;
    background: #0000;
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: none;
    transform: translateZ(0);
    backface-visibility: hidden
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
    will-change: transform, width, height
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    -webkit-user-select: none;
    user-select: none;
    filter: blur(0px)
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible
}

.is-loading .fancybox__caption,
.is-closing .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40
}

.fancybox__content>.f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: .75
}

.is-loading .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.is-zooming-out .fancybox__content>.f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
    opacity: 1
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    transition: all .25s ease
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: #18181b80
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content>.f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, .6);
    --f-button-active-bg: rgba(0, 0, 0, .6);
    --f-button-hover-bg: rgba(0, 0, 0, .6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, .3);
    --f-button-active-bg: rgba(24, 24, 27, .5);
    --f-button-shadow: none;
    --f-button-transition: all .15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .5));
    --f-button-svg-disabled-opacity: .65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1
}

.is-idle .fancybox__nav {
    animation: .15s ease-out both f-fadeOut
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__slide>.f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -.5));
    z-index: 30;
    cursor: pointer
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    -webkit-user-select: none;
    user-select: none
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    z-index: 40;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}

.fancybox-focus-guard {
    outline: none;
    opacity: 0;
    position: fixed;
    pointer-events: none
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content) {
    animation: var(--f-interface-enter-duration, .25s) ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation: var(--f-backdrop-enter-duration, .35s) ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content) {
    animation: var(--f-interface-exit-duration, .15s) ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation: var(--f-backdrop-exit-duration, .35s) ease forwards f-fadeOut
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%
}

.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
    width: 100%;
    height: 100%
}

.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    padding: 0;
    background: #18181be6;
    color: #fff
}

.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,
.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: #0000
}

.fancybox-placeholder {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: .5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0)
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
    transform: translateZ(0)
}

.f-thumbs__track {
    display: flex
}

.f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: max-content
}

.is-modern .f-thumbs__track:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc((var(--f-thumb-clip-width, 0))*-.5);
    width: calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));
    cursor: pointer
}

.is-modern .f-thumbs__slide {
    width: var(--f-thumb-clip-width);
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition: none;
    pointer-events: none
}

.is-modern.is-resting .f-thumbs__slide {
    transition: transform .33s ease
}

.is-modern.is-resting .f-thumbs__slide__button {
    transition: clip-path .33s ease
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
    filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: var(--f-thumb-width);
    height: 100%;
    margin: 0 -100%;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: #0000;
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity .2s ease
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: none
}

.f-thumbs__slide__button:focus-visible {
    outline: none;
    opacity: var(--f-thumb-selected-opacity)
}

.is-modern .f-thumbs__slide__button {
    --clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * .5) round var(--f-thumb-border-radius, 0));
    clip-path: var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-classic .is-nav-selected .f-thumbs__slide__button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    animation: f-fadeIn .2s ease-out;
    z-index: 10
}

.f-thumbs__slide__img {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    object-fit: cover;
    border-radius: var(--f-thumb-border-radius)
}

.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 12px
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    transition: max-height .35s cubic-bezier(.23, 1, .32, 1)
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: .5;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(#ffffff1a, #ffffff0d)
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(#ffffff1a, #ffffff0d)
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
    max-height: 0px !important
}

.is-closing .fancybox__thumbs {
    transition: none !important
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, .94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, .65);
    --f-button-hover-bg: rgba(70, 70, 73, .65);
    --f-button-active-bg: rgba(90, 90, 93, .65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: .65;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI Adjusted, Segoe UI, Liberation Sans, sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .5));
    pointer-events: none;
    z-index: 20
}

.fancybox__toolbar :focus-visible {
    z-index: 1
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
    flex-grow: 1;
    flex-basis: 0
}

.fancybox__toolbar__column.is-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    -webkit-user-select: none;
    user-select: none
}

.fancybox__infobar span {
    padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
    position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}

.react-daterange-picker {
    display: inline-flex;
    position: relative
}

.react-daterange-picker,
.react-daterange-picker *,
.react-daterange-picker *:before,
.react-daterange-picker *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.react-daterange-picker--disabled {
    background-color: #f0f0f0;
    color: #6d6d6d
}

.react-daterange-picker__wrapper {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    align-items: center;
    border: thin solid gray
}

.react-daterange-picker__inputGroup {
    min-width: calc((4px * 3) + .54em * 8 + .217em * 2);
    height: 100%;
    flex-grow: 1;
    padding: 0 2px;
    box-sizing: content-box
}

.react-daterange-picker__inputGroup__divider {
    padding: 1px 0;
    white-space: pre
}

.react-daterange-picker__inputGroup__divider,
.react-daterange-picker__inputGroup__leadingZero {
    display: inline-block;
    font: inherit
}

.react-daterange-picker__inputGroup__input {
    min-width: .54em;
    height: 100%;
    position: relative;
    padding: 0 1px;
    border: 0;
    background: none;
    color: currentColor;
    font: inherit;
    box-sizing: content-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.react-daterange-picker__inputGroup__input::-webkit-outer-spin-button,
.react-daterange-picker__inputGroup__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.react-daterange-picker__inputGroup__input:invalid {
    background: #ff00001a
}

.react-daterange-picker__inputGroup__input--hasLeadingZero {
    margin-left: -.54em;
    padding-left: calc(1px + .54em)
}

.react-daterange-picker__button {
    border: 0;
    background: transparent;
    padding: 4px 6px
}

.react-daterange-picker__button:enabled {
    cursor: pointer
}

.react-daterange-picker__button:enabled:hover .react-daterange-picker__button__icon,
.react-daterange-picker__button:enabled:focus .react-daterange-picker__button__icon {
    stroke: #0078d7
}

.react-daterange-picker__button:disabled .react-daterange-picker__button__icon {
    stroke: #6d6d6d
}

.react-daterange-picker__button svg {
    display: inherit
}

.react-daterange-picker__calendar {
    width: 350px;
    max-width: 100vw;
    z-index: 1
}

.react-daterange-picker__calendar--closed {
    display: none
}

.react-daterange-picker__calendar .react-calendar {
    border-width: thin
}

@keyframes react-loading-skeleton {
    to {
        transform: translate(100%)
    }
}

.react-loading-skeleton {
    --base-color: #ebebeb;
    --highlight-color: #f5f5f5;
    --animation-duration: 1.5s;
    --animation-direction: normal;
    --pseudo-element-display: block;
    background-color: var(--base-color);
    width: 100%;
    border-radius: .25rem;
    display: inline-flex;
    line-height: 1;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden
}

.react-loading-skeleton:after {
    content: " ";
    display: var(--pseudo-element-display);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-image: var(--custom-highlight-background, linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));
    transform: translate(-100%);
    animation-name: react-loading-skeleton;
    animation-direction: var(--animation-direction);
    animation-duration: var(--animation-duration);
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

@media (prefers-reduced-motion) {
    .react-loading-skeleton {
        --pseudo-element-display: none
    }
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: rgba(255, 255, 255, .7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-offset: 16px;
    --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
    --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
    --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
    --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-toast-bd-radius: 6px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
    --toastify-color-progress-bgo: .2
}

.Toastify__toast-container {
    z-index: var(--toastify-z-index);
    -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
    position: fixed;
    padding: 4px;
    width: var(--toastify-toast-width);
    box-sizing: border-box;
    color: #fff
}

.Toastify__toast-container--top-left {
    top: var(--toastify-toast-top);
    left: var(--toastify-toast-left)
}

.Toastify__toast-container--top-center {
    top: var(--toastify-toast-top);
    left: 50%;
    transform: translate(-50%)
}

.Toastify__toast-container--top-right {
    top: var(--toastify-toast-top);
    right: var(--toastify-toast-right)
}

.Toastify__toast-container--bottom-left {
    bottom: var(--toastify-toast-bottom);
    left: var(--toastify-toast-left)
}

.Toastify__toast-container--bottom-center {
    bottom: var(--toastify-toast-bottom);
    left: 50%;
    transform: translate(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: var(--toastify-toast-bottom);
    right: var(--toastify-toast-right)
}

@media only screen and (max-width : 480px) {
    .Toastify__toast-container {
        width: 100vw;
        padding: 0;
        left: env(safe-area-inset-left);
        margin: 0
    }

    .Toastify__toast-container--top-left,
    .Toastify__toast-container--top-center,
    .Toastify__toast-container--top-right {
        top: env(safe-area-inset-top);
        transform: translate(0)
    }

    .Toastify__toast-container--bottom-left,
    .Toastify__toast-container--bottom-center,
    .Toastify__toast-container--bottom-right {
        bottom: env(safe-area-inset-bottom);
        transform: translate(0)
    }

    .Toastify__toast-container--rtl {
        right: env(safe-area-inset-right);
        left: initial
    }
}

.Toastify__toast {
    --y: 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    min-height: var(--toastify-toast-min-height);
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 8px;
    border-radius: var(--toastify-toast-bd-radius);
    box-shadow: 0 4px 12px #0000001a;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: var(--toastify-toast-max-height);
    font-family: var(--toastify-font-family);
    cursor: default;
    direction: ltr;
    z-index: 0;
    overflow: hidden
}

.Toastify__toast--stacked {
    position: absolute;
    width: 100%;
    transform: translate3d(0, var(--y), 0) scale(var(--s));
    transition: transform .3s
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
    transition: opacity .1s
}

.Toastify__toast--stacked[data-collapsed=false] {
    overflow: visible
}

.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>* {
    opacity: 0
}

.Toastify__toast--stacked:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: calc(var(--g) * 1px);
    bottom: 100%
}

.Toastify__toast--stacked[data-pos=top] {
    top: 0
}

.Toastify__toast--stacked[data-pos=bot] {
    bottom: 0
}

.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
    transform-origin: top
}

.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
    transform-origin: bottom
}

.Toastify__toast--stacked:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    transform: scaleY(3);
    z-index: -1
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--close-on-click {
    cursor: pointer
}

.Toastify__toast-body {
    margin: auto 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.Toastify__toast-body>div:last-child {
    word-break: break-word;
    -ms-flex: 1;
    flex: 1
}

.Toastify__toast-icon {
    -webkit-margin-end: 10px;
    margin-inline-end: 10px;
    width: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex
}

.Toastify--animate {
    animation-fill-mode: both;
    animation-duration: .5s
}

.Toastify--animate-icon {
    animation-fill-mode: both;
    animation-duration: .3s
}

@media only screen and (max-width : 480px) {
    .Toastify__toast {
        margin-bottom: 0;
        border-radius: 0
    }
}

.Toastify__toast-theme--dark {
    background: var(--toastify-color-dark);
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--light,
.Toastify__toast-theme--colored.Toastify__toast--default {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    color: var(--toastify-text-color-info);
    background: var(--toastify-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    color: var(--toastify-text-color-success);
    background: var(--toastify-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    color: var(--toastify-text-color-warning);
    background: var(--toastify-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    color: var(--toastify-text-color-error);
    background: var(--toastify-color-error)
}

.Toastify__progress-bar-theme--light {
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    color: #fff;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: .7;
    transition: .3s ease;
    -ms-flex-item-align: start;
    align-self: flex-start;
    z-index: 1
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
    opacity: 1
}

@keyframes Toastify__trackProgress {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--toastify-z-index);
    opacity: .7;
    transform-origin: left;
    border-bottom-left-radius: var(--toastify-toast-bd-radius)
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: initial;
    transform-origin: right;
    border-bottom-left-radius: initial;
    border-bottom-right-radius: var(--toastify-toast-bd-radius)
}

.Toastify__progress-bar--wrp {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    border-bottom-left-radius: var(--toastify-toast-bd-radius)
}

.Toastify__progress-bar--wrp[data-hidden=true] {
    opacity: 0
}

.Toastify__progress-bar--bg {
    opacity: var(--toastify-color-progress-bgo);
    width: 100%;
    height: 100%
}

.Toastify__spinner {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 2px solid;
    border-radius: 100%;
    border-color: var(--toastify-spinner-color-empty-area);
    border-right-color: var(--toastify-spinner-color);
    animation: Toastify__spin .65s linear infinite
}

@keyframes Toastify__bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, var(--y), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, var(--y), 0)
    }
}

@keyframes Toastify__bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes Toastify__bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0, calc(var(--y) - 10px), 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, calc(var(--y) + 20px), 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: translate3d(0, var(--y), 0) scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

@keyframes Toastify__flipIn {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipOut {
    0% {
        transform: translate3d(0, var(--y), 0) perspective(400px)
    }

    30% {
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: translate3d(0, var(--y), 0) perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0, 110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0, -110%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, var(--y), 0)
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(110%, var(--y), 0)
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-110%, var(--y), 0)
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 500px, 0)
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        transform: translate3d(0, var(--y), 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -500px, 0)
    }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
    animation-name: Toastify__slideOutLeft;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
    animation-name: Toastify__slideOutRight;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown;
    animation-timing-function: ease-in;
    animation-duration: .3s
}

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

    to {
        transform: rotate(360deg)
    }
}

.CircularProgressbar {
    width: 100%;
    vertical-align: middle
}

.CircularProgressbar .CircularProgressbar-path {
    stroke: #3e98c7;
    stroke-linecap: round;
    -webkit-transition: stroke-dashoffset .5s ease 0s;
    transition: stroke-dashoffset .5s ease 0s
}

.CircularProgressbar .CircularProgressbar-trail {
    stroke: #d6d6d6;
    stroke-linecap: round
}

.CircularProgressbar .CircularProgressbar-text {
    fill: #3e98c7;
    font-size: 20px;
    dominant-baseline: middle;
    text-anchor: middle
}

.CircularProgressbar .CircularProgressbar-background {
    fill: #d6d6d6
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
    fill: #3e98c7
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
    fill: #fff
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
    stroke: #fff
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
    stroke: transparent
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

@font-face {
    font-family: Neue Machina;
    src: url(../assets-front/fonts/NeueMachina-Ultralight-D5RNiI8K.eot);
    src: local("Neue Machina Ultralight"), local("NeueMachina-Ultralight"), url(../assets-front/fonts/NeueMachina-Ultralight-D5RNiI8K.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/NeueMachina-Ultralight-BOtV7BEL.woff2) format("woff2"), url(../assets-front/fonts/NeueMachina-Ultralight-D4NrVtef.woff) format("woff"), url(../assets-front/fonts/NeueMachina-Ultralight-BQzr5wfY.ttf) format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Neue Machina;
    src: url(../assets-front/fonts/NeueMachina-Light-D7nRaZlh.eot);
    src: local("Neue Machina Light"), local("NeueMachina-Light"), url(../assets-front/fonts/NeueMachina-Light-D7nRaZlh.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/NeueMachina-Light-6Gw4aIPq.woff2) format("woff2"), url(../assets-front/fonts/NeueMachina-Light-E6_SoEK1.woff) format("woff"), url(../assets-front/fonts/NeueMachina-Light-B0vP2h4P.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Neue Machina;
    src: url(../assets-front/fonts/NeueMachina-Black-CNguvCHt.eot);
    src: local("Neue Machina Black"), local("NeueMachina-Black"), url(../assets-front/fonts/NeueMachina-Black-CNguvCHt.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/NeueMachina-Black-D-r3JO7N.woff2) format("woff2"), url(../assets-front/fonts/NeueMachina-Black-gig1Tqzh.woff) format("woff"), url(../assets-front/fonts/NeueMachina-Black-DbghuOeD.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Neue Machina;
    src: url(../assets-front/fonts/NeueMachina-Regular-dQ8-Gnbq.eot);
    src: local("Neue Machina Regular"), local("NeueMachina-Regular"), url(../assets-front/fonts/NeueMachina-Regular-dQ8-Gnbq.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/NeueMachina-Regular-Co-UIJ-n.woff2) format("woff2"), url(../assets-front/fonts/NeueMachina-Regular-5juSsYBv.woff) format("woff"), url(../assets-front/fonts/NeueMachina-Regular-DJ1P1zYe.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Neue Machina;
    src: url(../assets-front/fonts/NeueMachina-Bold-DGjViZ8M.eot);
    src: local("Neue Machina Bold"), local("NeueMachina-Bold"), url(../assets-front/fonts/NeueMachina-Bold-DGjViZ8M.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/NeueMachina-Bold-DHeSUmlx.woff2) format("woff2"), url(../assets-front/fonts/NeueMachina-Bold-C8hUyqVK.woff) format("woff"), url(../assets-front/fonts/NeueMachina-Bold-BAq71WW4.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Neue Machina;
    src: url(../assets-front/fonts/NeueMachina-Medium-HvIEZpG-.eot);
    src: local("Neue Machina Medium"), local("NeueMachina-Medium"), url(../assets-front/fonts/NeueMachina-Medium-HvIEZpG-.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/NeueMachina-Medium-BPrrrkZF.woff2) format("woff2"), url(../assets-front/fonts/NeueMachina-Medium-Bb8F0Waw.woff) format("woff"), url(../assets-front/fonts/NeueMachina-Medium-C2f4RfyY.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Neue Machina;
    src: url(../assets-front/fonts/NeueMachina-Ultrabold-D7NuzWWT.eot);
    src: local("Neue Machina Ultrabold"), local("NeueMachina-Ultrabold"), url(../assets-front/fonts/NeueMachina-Ultrabold-D7NuzWWT.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/NeueMachina-Ultrabold-C8CwZZWq.woff2) format("woff2"), url(../assets-front/fonts/NeueMachina-Ultrabold-MRxVSo_B.woff) format("woff"), url(../assets-front/fonts/NeueMachina-Ultrabold-CKOzQPPT.ttf) format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Neue Power;
    src: url(NeuePowerTrial-Medium.eot);
    src: local("Neue Power Medium"), local("NeuePowerTrial-Medium"), url(NeuePowerTrial-Medium.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/NeuePowerTrial-Medium-D0xssmSU.woff2) format("woff2"), url(../assets-front/fonts/NeuePowerTrial-Medium-u3U-XrkV.woff) format("woff"), url(../assets-front/fonts/NeuePowerTrial-Medium-BzSOs6sW.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Neue Power;
    src: url(NeuePowerTrial-MediumOblique.eot);
    src: local("Neue Power Medium Oblique"), local("NeuePowerTrial-MediumOblique"), url(NeuePowerTrial-MediumOblique.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/NeuePowerTrial-MediumOblique-BjW9G2cv.woff2) format("woff2"), url(../assets-front/fonts/NeuePowerTrial-MediumOblique-C5MYDw1r.woff) format("woff"), url(../assets-front/fonts/NeuePowerTrial-MediumOblique-B3kfDwOv.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Neue Power Ultra;
    src: url(NeuePowerTrial-Ultra.eot);
    src: local("Neue Power Ultra"), local("NeuePowerTrial-Ultra"), url(NeuePowerTrial-Ultra.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/NeuePowerTrial-Ultra-UIzeUgMl.woff2) format("woff2"), url(../assets-front/fonts/NeuePowerTrial-Ultra--ABmfATv.woff) format("woff"), url(../assets-front/fonts/NeuePowerTrial-Ultra-DfhqVTpp.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Neue Power;
    src: url(NeuePowerTrial-Light.eot);
    src: local("Neue Power Light"), local("NeuePowerTrial-Light"), url(NeuePowerTrial-Light.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/NeuePowerTrial-Light-BRcsoqfr.woff2) format("woff2"), url(../assets-front/fonts/NeuePowerTrial-Light-qinRcFKn.woff) format("woff"), url(../assets-front/fonts/NeuePowerTrial-Light-CoaWEy9u.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Neue Power;
    src: url(NeuePowerTrial-Regular.eot);
    src: local("Neue Power Regular"), local("NeuePowerTrial-Regular"), url(NeuePowerTrial-Regular.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/NeuePowerTrial-Regular-6RrwVNtJ.woff2) format("woff2"), url(../assets-front/fonts/NeuePowerTrial-Regular-ElEfVWsj.woff) format("woff"), url(../assets-front/fonts/NeuePowerTrial-Regular-CQhTsVIt.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Neue Power Oblique;
    src: url(NeuePowerTrial-BoldOblique.eot);
    src: local("Neue Power Bold Oblique"), local("NeuePowerTrial-BoldOblique"), url(NeuePowerTrial-BoldOblique.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/NeuePowerTrial-BoldOblique-Dwu3-liR.woff2) format("woff2"), url(../assets-front/fonts/NeuePowerTrial-BoldOblique-BjI5Z8Ll.woff) format("woff"), url(../assets-front/fonts/NeuePowerTrial-BoldOblique-DXoqxLwf.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Neue Power Oblique;
    src: url(NeuePowerTrial-HeavyOblique.eot);
    src: local("Neue Power Heavy Oblique"), local("NeuePowerTrial-HeavyOblique"), url(NeuePowerTrial-HeavyOblique.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/NeuePowerTrial-HeavyOblique-B2ivwAih.woff2) format("woff2"), url(../assets-front/fonts/NeuePowerTrial-HeavyOblique-B61rM38d.woff) format("woff"), url(../assets-front/fonts/NeuePowerTrial-HeavyOblique-BFzeJGnN.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Neue Power Oblique;
    src: url(NeuePowerTrial-LightOblique.eot);
    src: local("Neue Power Light Oblique"), local("NeuePowerTrial-LightOblique"), url(NeuePowerTrial-LightOblique.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/NeuePowerTrial-LightOblique-BTsACmBf.woff2) format("woff2"), url(../assets-front/fonts/NeuePowerTrial-LightOblique-DB3YtfoP.woff) format("woff"), url(../assets-front/fonts/NeuePowerTrial-LightOblique-CthaJ_6p.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Neue Power Oblique;
    src: url(NeuePowerTrial-RegularOblique.eot);
    src: local("Neue Power Regular Oblique"), local("NeuePowerTrial-RegularOblique"), url(NeuePowerTrial-RegularOblique.eot?#iefix) format("embedded-opentype"), url(NeuePowerTrial-RegularOblique.woff2) format("woff2"), url(NeuePowerTrial-RegularOblique.woff) format("woff"), url(NeuePowerTrial-RegularOblique.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Neue Power;
    src: url(NeuePowerTrial-Bold.eot);
    src: local("Neue Power Bold"), local("NeuePowerTrial-Bold"), url(NeuePowerTrial-Bold.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/NeuePowerTrial-Bold-0tp01EJP.woff2) format("woff2"), url(../assets-front/fonts/NeuePowerTrial-Bold-DCeRhozu.woff) format("woff"), url(../assets-front/fonts/NeuePowerTrial-Bold-CNQvNrJd.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Neue Power Ultra Oblique;
    src: url(NeuePowerTrial-UltraOblique.eot);
    src: local("Neue Power Ultra Oblique"), local("NeuePowerTrial-UltraOblique"), url(NeuePowerTrial-UltraOblique.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/NeuePowerTrial-UltraOblique-CrYFAYHD.woff2) format("woff2"), url(../assets-front/fonts/NeuePowerTrial-UltraOblique-Fgxv9uX5.woff) format("woff"), url(../assets-front/fonts/NeuePowerTrial-UltraOblique-BmxpXm4C.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Neue Power;
    src: url(NeuePowerTrial-Heavy.eot);
    src: local("Neue Power Heavy"), local("NeuePowerTrial-Heavy"), url(NeuePowerTrial-Heavy.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/NeuePowerTrial-Heavy-CQ20MVmg.woff2) format("woff2"), url(../assets-front/fonts/NeuePowerTrial-Heavy-HgRC_iEi.woff) format("woff"), url(../assets-front/fonts/NeuePowerTrial-Heavy-gthOA7Tj.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../assets-front/fonts/Poppins-ExtraLightItalic-BDyzEdQy.eot);
    src: local("Poppins ExtraLight Italic"), local("Poppins-ExtraLightItalic"), url(../assets-front/fonts/Poppins-ExtraLightItalic-BDyzEdQy.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/Poppins-ExtraLightItalic-C9PETCUV.woff) format("woff"), url(../assets-front/fonts/Poppins-ExtraLightItalic-DFRib9If.ttf) format("truetype");
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: Poppins;
    src: url(../assets-front/fonts/Poppins-ExtraBoldItalic-CuHlU8L3.eot);
    src: local("Poppins ExtraBold Italic"), local("Poppins-ExtraBoldItalic"), url(../assets-front/fonts/Poppins-ExtraBoldItalic-CuHlU8L3.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/Poppins-ExtraBoldItalic-a7T5Rrjq.woff) format("woff"), url(../assets-front/fonts/Poppins-ExtraBoldItalic-DVWFIXAh.ttf) format("truetype");
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-family: Poppins;
    src: url(../assets-front/fonts/Poppins-ExtraBold-_sSomrwR.eot);
    src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url(../assets-front/fonts/Poppins-ExtraBold-_sSomrwR.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/Poppins-ExtraBold-Wm5uxLMv.woff) format("woff"), url(../assets-front/fonts/Poppins-ExtraBold-RcQAus9h.ttf) format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(../assets-front/fonts/Poppins-Thin-C2DO-JQa.eot);
    src: local("Poppins Thin"), local("Poppins-Thin"), url(../assets-front/fonts/Poppins-Thin-C2DO-JQa.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/Poppins-Thin-BdxDjcI8.woff) format("woff"), url(../assets-front/fonts/Poppins-Thin-CXasah5F.ttf) format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(../assets-front/fonts/Poppins-BoldItalic-CsrAVhH5.eot);
    src: local("Poppins Bold Italic"), local("Poppins-BoldItalic"), url(../assets-front/fonts/Poppins-BoldItalic-CsrAVhH5.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/Poppins-BoldItalic-BPDYt19f.woff) format("woff"), url(../assets-front/fonts/Poppins-BoldItalic-Clg6D27y.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Poppins;
    src: url(../assets-front/fonts/Poppins-SemiBoldItalic-DGdOT741.eot);
    src: local("Poppins SemiBold Italic"), local("Poppins-SemiBoldItalic"), url(../assets-front/fonts/Poppins-SemiBoldItalic-DGdOT741.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/Poppins-SemiBoldItalic-G-Gub0Qy.woff) format("woff"), url(../assets-front/fonts/Poppins-SemiBoldItalic-B7x4flG1.ttf) format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: Poppins;
    src: url(../assets-front/fonts/Poppins-Black-HgDsfbUO.eot);
    src: local("Poppins Black"), local("Poppins-Black"), url(../assets-front/fonts/Poppins-Black-HgDsfbUO.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/Poppins-Black-C7-rVhfv.woff) format("woff"), url(../assets-front/fonts/Poppins-Black-VLfdH-qn.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(../assets-front/fonts/Poppins-ThinItalic-DZxWiCH6.eot);
    src: local("Poppins Thin Italic"), local("Poppins-ThinItalic"), url(../assets-front/fonts/Poppins-ThinItalic-DZxWiCH6.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/Poppins-ThinItalic-ByKWImux.woff) format("woff"), url(../assets-front/fonts/Poppins-ThinItalic-DGOkk0xt.ttf) format("truetype");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: Poppins;
    src: url(../assets-front/fonts/Poppins-Medium-DDkASBh4.eot);
    src: local("Poppins Medium"), local("Poppins-Medium"), url(../assets-front/fonts/Poppins-Medium-DDkASBh4.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/Poppins-Medium-BXAMoV9q.woff) format("woff"), url(../assets-front/fonts/Poppins-Medium-C0DshM40.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(../assets-front/fonts/Poppins-ExtraLight-D6yZvTrj.eot);
    src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url(../assets-front/fonts/Poppins-ExtraLight-D6yZvTrj.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/Poppins-ExtraLight-CHXqINzE.woff) format("woff"), url(../assets-front/fonts/Poppins-ExtraLight-CGlER4bZ.ttf) format("truetype");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(../assets-front/fonts/Poppins-LightItalic-DsMCyqwI.eot);
    src: local("Poppins Light Italic"), local("Poppins-LightItalic"), url(../assets-front/fonts/Poppins-LightItalic-DsMCyqwI.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/Poppins-LightItalic-Cb513pj2.woff) format("woff"), url(../assets-front/fonts/Poppins-LightItalic-JOpiTCfC.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Poppins;
    src: url(../assets-front/fonts/Poppins-Regular-D7a-fZp7.eot);
    src: local("Poppins Regular"), local("Poppins-Regular"), url(../assets-front/fonts/Poppins-Regular-D7a-fZp7.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/Poppins-Regular-CJN2QLbJ.woff) format("woff"), url(../assets-front/fonts/Poppins-Regular-oQIYLn8x.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(../assets-front/fonts/Poppins-MediumItalic-CUiB0LZc.eot);
    src: local("Poppins Medium Italic"), local("Poppins-MediumItalic"), url(../assets-front/fonts/Poppins-MediumItalic-CUiB0LZc.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/Poppins-MediumItalic-D8EYBJfi.woff) format("woff"), url(../assets-front/fonts/Poppins-MediumItalic-BhzC6vLo.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: Poppins;
    src: url(../assets-front/fonts/Poppins-SemiBold-Br1dvnhV.eot);
    src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(../assets-front/fonts/Poppins-SemiBold-Br1dvnhV.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/Poppins-SemiBold-ClQ7BpHV.woff) format("woff"), url(../assets-front/fonts/Poppins-SemiBold-0fxfXTI1.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(../assets-front/fonts/Poppins-Light-BTy-TP-I.eot);
    src: local("Poppins Light"), local("Poppins-Light"), url(../assets-front/fonts/Poppins-Light-BTy-TP-I.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/Poppins-Light-BEI5zzFj.woff) format("woff"), url(../assets-front/fonts/Poppins-Light-DEGX3eBz.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(../assets-front/fonts/Poppins-BlackItalic-DBDoYAKw.eot);
    src: local("Poppins Black Italic"), local("Poppins-BlackItalic"), url(../assets-front/fonts/Poppins-BlackItalic-DBDoYAKw.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/Poppins-BlackItalic-Ca8zzgiC.woff) format("woff"), url(../assets-front/fonts/Poppins-BlackItalic-CFNeLGVn.ttf) format("truetype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: Poppins;
    src: url(../assets-front/fonts/Poppins-Italic-DiQbV-BV.eot);
    src: local("Poppins Italic"), local("Poppins-Italic"), url(../assets-front/fonts/Poppins-Italic-DiQbV-BV.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/Poppins-Italic-vk4Zs8c-.woff) format("woff"), url(../assets-front/fonts/Poppins-Italic-B1n_cWhq.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Poppins;
    src: url(../assets-front/fonts/Poppins-Bold-BTmbtAGH.eot);
    src: local("Poppins Bold"), local("Poppins-Bold"), url(../assets-front/fonts/Poppins-Bold-BTmbtAGH.eot?#iefix) format("embedded-opentype"), url(../assets-front/fonts/Poppins-Bold-DjIxhw70.woff) format("woff"), url(../assets-front/fonts/Poppins-Bold-DHcPvAds.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

html {
    background: #040c15
}

body {
    margin: 0;
    background: linear-gradient(120deg, #1a232a, #040c15);
    padding: 0;
    width: 100%;
    color: #deefff
}

.notifications__list {
    gap: 1rem !important;
    height: 350px;
    overflow: hidden
}

.notifications__list--main {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 0
}

.notifications__list--block {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button {
    display: none !important;
    position: absolute;
    right: 0;
    visibility: hidden;
    margin: 0;
    width: 0;
    height: 0;
    pointer-events: none
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-background-clip: text;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #fff0;
    background-clip: text;
    -webkit-text-fill-color: #deefff;
    color: #deefff
}

body,
html {
    overflow-x: hidden;
    font: 11.9px var(--default-font)
}

@media (max-width: 1200px) {

    body,
    html {
        font-size: 12px
    }
}

@media (max-width: 820px) {

    body,
    html {
        font-size: 10px
    }
}

@media (max-width: 620px) {

    body,
    html {
        font-size: .7857142857rem
    }
}

@media (max-width: 320px) {

    body,
    html {
        font-size: .7142857143rem
    }
}

#root {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

* {
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    outline: none;
    font-family: var(--default-font)
}

* .pt-0 {
    padding-top: 0rem !important
}

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

* .pt-2 {
    padding-top: 1rem !important
}

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

* .pt-4 {
    padding-top: 2rem !important
}

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

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

* .pl-0 {
    padding-left: 0rem !important
}

* .pl-1 {
    padding-left: .5rem !important
}

* .pl-2 {
    padding-left: 1rem !important
}

* .pl-3 {
    padding-left: 1.5rem !important
}

* .pl-4 {
    padding-left: 2rem !important
}

* .pl-5 {
    padding-left: 2.5rem !important
}

* .pl-6 {
    padding-left: 3rem !important
}

* .pb-0 {
    padding-bottom: 0rem !important
}

* .pb-1 {
    padding-bottom: .5rem !important
}

* .pb-2 {
    padding-bottom: 1rem !important
}

* .pb-3 {
    padding-bottom: 1.5rem !important
}

* .pb-4 {
    padding-bottom: 2rem !important
}

* .pb-5 {
    padding-bottom: 2.5rem !important
}

* .pb-6 {
    padding-bottom: 3rem !important
}

* .pr-0 {
    padding-right: 0rem !important
}

* .pr-1 {
    padding-right: .5rem !important
}

* .pr-2 {
    padding-right: 1rem !important
}

* .pr-3 {
    padding-right: 1.5rem !important
}

* .pr-4 {
    padding-right: 2rem !important
}

* .pr-5 {
    padding-right: 2.5rem !important
}

* .pr-6 {
    padding-right: 3rem !important
}

* .mt-0 {
    margin-top: 0rem !important
}

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

* .mt-2 {
    margin-top: 1rem !important
}

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

* .mt-4 {
    margin-top: 2rem !important
}

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

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

* .ml-0 {
    margin-left: 0rem !important
}

* .ml-1 {
    margin-left: .5rem !important
}

* .ml-2 {
    margin-left: 1rem !important
}

* .ml-3 {
    margin-left: 1.5rem !important
}

* .ml-4 {
    margin-left: 2rem !important
}

* .ml-5 {
    margin-left: 2.5rem !important
}

* .ml-6 {
    margin-left: 3rem !important
}

* .mb-0 {
    margin-bottom: 0rem !important
}

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

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

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

* .mb-4 {
    margin-bottom: 2rem !important
}

* .mb-5 {
    margin-bottom: 2.5rem !important
}

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

* .mr-0 {
    margin-right: 0rem !important
}

* .mr-1 {
    margin-right: .5rem !important
}

* .mr-2 {
    margin-right: 1rem !important
}

* .mr-3 {
    margin-right: 1.5rem !important
}

* .mr-4 {
    margin-right: 2rem !important
}

* .mr-5 {
    margin-right: 2.5rem !important
}

* .mr-6 {
    margin-right: 3rem !important
}

.input-group {
    display: flex;
    position: relative;
    flex-direction: column
}

.input-group>label {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    margin-bottom: .7142857143rem;
    font-size: 1.5714285714rem;
    display: flex;
    justify-content: space-between
}

.input-group>label * {
    font-family: var(--power-font);
    font-weight: 900 !important
}

.input-group>label>span>span {
    opacity: .4
}

.input-title {
    margin-bottom: .7142857143rem;
    font-size: 1.5714285714rem;
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

.input-holder {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 .2857142857rem 2.8571428571rem #0006;
    border-radius: .2857142857rem;
    background: linear-gradient(165deg, #213341, #14222d);
    height: auto
}

.input-holder.--w-checker {
    border-radius: .4285714286rem .4285714286rem 0 0
}

.input-holder__social-icon {
    margin: 0 -.3571428571rem 0 .7142857143rem
}

.input-holder__social-icon svg {
    float: left;
    width: 3.1428571429rem;
    height: 3.1428571429rem
}

.input-holder__social-add {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    flex: 1;
    margin: .7142857143rem 1.7857142857rem;
    border: none;
    border-radius: .4285714286rem;
    background: #ffce56;
    height: 3.5714285714rem;
    font-size: 2rem
}

.input-holder.--with-select .input-group {
    position: absolute;
    top: 50%;
    right: .7142857143rem;
    translate: 0 -50%;
    z-index: 10;
    max-width: 30%
}

.input-holder.--with-select .input-group .input-holder {
    box-shadow: inset 0 0 0 1px #ffffff1a
}

.input-holder.--with-select .input-group .input-holder__input:before {
    display: none !important
}

.input-holder.--with-select .input-group label {
    display: none
}

.input-holder.--with-select .input-group .--select {
    min-height: 3.3571428571rem
}

.input-holder.--select {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    padding-left: 1.4285714286rem;
    min-height: 5rem;
    overflow: visible
}

.input-holder.--select.--success {
    box-shadow: inset 0 0 0 1px #8ed76cb3
}

.input-holder.--select>svg {
    margin-right: .7142857143rem;
    width: 2.2857142857rem;
    height: 2.2857142857rem
}

.input-holder.--select .select-value,
.input-holder.--select input {
    cursor: pointer;
    padding-right: 2.8571428571rem;
    padding-left: 0rem;
    pointer-events: none
}

.input-holder.--select.--sm {
    padding-left: .7142857143rem;
    min-height: 2.9285714286rem
}

.input-holder.--select.--sm>svg {
    margin-right: .7142857143rem;
    width: 1.7142857143rem;
    height: 1.7142857143rem
}

.input-holder__list {
    position: absolute;
    top: calc(100% + .5714285714rem);
    left: 0;
    z-index: 5;
    box-shadow: 0 .2857142857rem 2.8571428571rem #0006;
    border-radius: .2857142857rem;
    background: linear-gradient(165deg, #213341, #14222d);
    padding: .7142857143rem;
    width: 100%;
    overflow: hidden
}

.input-holder__list button {
    display: flex;
    position: relative;
    align-items: center;
    gap: .7142857143rem;
    cursor: pointer;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    background: transparent;
    padding: .7142857143rem 0;
    width: 100%;
    color: #fff;
    font-weight: 600
}

.input-holder__list button span {
    font-size: 1.1428571429rem
}

.input-holder__list button:before {
    position: absolute;
    top: 0;
    left: -1.0714285714rem;
    opacity: 0;
    transition: .1s;
    background: #ffffff03;
    width: calc(100% + 2.1428571429rem);
    height: 100%;
    content: ""
}

.input-holder__list button:hover:before {
    opacity: 1
}

.input-holder__list button>svg {
    width: 2.2857142857rem;
    height: 2.2857142857rem
}

.input-holder__list button:first-child {
    padding-top: 0
}

.input-holder__list button:first-child:before {
    top: -1.0714285714rem;
    height: calc(100% + 1.0714285714rem)
}

.input-holder__list button:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.input-holder__list button:last-child:before {
    height: calc(100% + 1.0714285714rem)
}

.input-holder__select-arrow {
    position: absolute;
    top: calc(50% - .6428571429rem);
    right: 1.0714285714rem
}

.input-holder__select-arrow>svg {
    width: 1.2857142857rem;
    height: 1.2857142857rem
}

.input-holder.--success .input-holder__input:before {
    visibility: visible;
    opacity: 1;
    background: #8dd76c
}

.input-holder.--success input {
    padding-right: 5rem;
    text-overflow: ellipsis
}

.input-holder.--error .input-holder__input:before {
    visibility: visible;
    opacity: 1;
    background: #e14457
}

.input-holder.--error input {
    padding-right: 5rem;
    text-overflow: ellipsis
}

.input-holder.--read-only {
    box-shadow: inset 0 0 0 1px #fff3, 0 .2857142857rem 1.7857142857rem #0006;
    background: linear-gradient(to bottom, #29323c, #141d24)
}

.input-holder__input {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center
}

.input-holder__input:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    translate: 0 -50%;
    visibility: hidden;
    opacity: 0;
    transition: .2s;
    width: .1428571429rem;
    height: 2.2857142857rem;
    content: ""
}

.input-holder__input>i {
    position: absolute;
    top: calc(50% - .6428571429rem);
    right: 1.7857142857rem
}

.input-holder__input>i>svg {
    width: 1.2857142857rem;
    height: 1.2857142857rem
}

.input-holder .toggle-password {
    position: absolute;
    top: calc(50% - .8571428571rem);
    right: 1.2857142857rem;
    padding: 0 .3571428571rem;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #fff6
}

.input-holder .toggle-password>svg {
    width: 1.7142857143rem;
    height: 1.7142857143rem;
    float: left
}

.input-holder .select-value,
.input-holder input {
    flex: 1;
    border: none;
    background: transparent;
    padding: 0 1.4285714286rem;
    width: 100%;
    min-height: 5rem;
    color: #deefff;
    font-weight: 700;
    font-size: 1.1428571429rem
}

.input-holder .select-value::placeholder,
.input-holder input::placeholder {
    color: #deefff99;
    font-weight: 300
}

.input-holder .select-placeholder {
    color: #deefff99;
    font-weight: 300;
    font-size: 1.1428571429rem
}

.fixing:hover {
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-color: #ddaf41 !important;
    -webkit-text-decoration-color: #ddaf41 !important;
    -webkit-text-decoration-style: solid !important;
    text-decoration-style: solid !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-decoration-thickness: 1px !important;
    text-decoration: underline 1px #ddaf41 !important
}

.input-error {
    position: relative;
    top: .3571428571rem;
    right: 0;
    color: #e14457;
    font-size: .9285714286rem
}

.form-holder {
    display: flex;
    position: relative;
    flex-direction: column;
    gap: 1.4285714286rem
}

.default-button {
    display: flex;
    position: relative;
    align-items: center;
    z-index: 2;
    cursor: pointer;
    border: none;
    background: transparent;
    width: 100%;
    color: #000;
    text-align: center;
    text-decoration: none !important;
    padding: 0 .9142857143rem;
    color:white;
}

.default-button:disabled {
    opacity: .6;
    pointer-events: none
}

.default-button.--sm-flat {
    min-height: 2.2857142857rem
}

.default-button.--sm-flat span {
    padding: 0 .7142857143rem;
    font-size: 1rem;
    letter-spacing: .0285714286rem
}

.default-button.--sm-flat:before,
.default-button.--sm-flat:after {
    border-radius: .0714285714rem
}

.default-button.--sm-flat:before {
    rotate: 2deg;
    box-shadow: inset 0 0 0 .1428571429rem #ae95ff
}

.default-button.--sm-flat:after {
    translate: 0 0;
    rotate: -.5deg;
    background: #8c70eb
}

.default-button.--lg {
    min-height: 5.1428571429rem
}

.default-button.--wallet {
    min-height: 5rem
}

@media (max-width: 640px) {
    .default-button.--wallet {
        min-height: 3.2857142857rem
    }
}

.default-button.--wallet span {
    font-size: 2.5rem;
    letter-spacing: .0285714286rem
}

@media (max-width: 640px) {
    .default-button.--wallet span {
        font-size: 1.7142857143rem
    }
}

.default-button.--wallet:after {
    rotate: 0deg
}

.default-button.--wallet:before {
    rotate: -2deg
}

.default-button.--wallet-sm {
    min-height: 3.7857142857rem
}

@media (max-width: 640px) {
    .default-button.--wallet-sm {
        min-height: 3.2857142857rem
    }
}

.default-button.--wallet-sm span {
    translate: 0 .1428571429rem;
    color: #121f2b;
    font-size: 1.6428571429rem;
    letter-spacing: .0285714286rem
}

@media (max-width: 640px) {
    .default-button.--wallet-sm span {
        font-size: 1.7142857143rem
    }
}

.default-button.--wallet-sm:after {
    rotate: 0deg
}

.default-button.--wallet-sm:before {
    rotate: -2deg
}

.default-button.--sm {
    min-height: 2.7142857143rem
}

.default-button.--sm span {
    font-size: .9285714286rem;
    letter-spacing: .0142857143rem
}

.default-button.--sm:before,
.default-button.--sm:after {
    border-radius: 0
}

.default-button:before {
    position: absolute;
    top: 0rem;
    left: 0;
    z-index: -2;
    transition: .2s;
    box-shadow: inset 0 0 0 .1428571429rem #8c70eb;
    border-radius: .2857142857rem;
    width: 100%;
    height: 100%;
    content: ""
}

.default-button:after {
    position: absolute;
    top: .0714285714rem;
    left: -.3571428571rem;
    rotate: -2deg;
    z-index: -1;
    transition: .2s;
    box-shadow: 0 .2857142857rem 2.8571428571rem rgba(145, 88, 243, 1);
    border-radius: .2857142857rem;
    /* background: linear-gradient(90deg, #fe9923 0%, #ffce56 0%, #fe9923 15%, #FE9923FF 18%, #fe9923 29%, #ffce56 50%, #ffce56 57%, #FDDD9AFF 70%, #fe9923 84%, #ffce56 92%, #fe9923 100%, #fe9923 216%); */
    background:linear-gradient(90deg,rgba(145, 88, 243, 1) 0%, rgba(140, 112, 235, 1) 18%, rgba(145, 88, 243, 1) 31%, rgba(140, 112, 235, 1) 36%, rgba(145, 88, 243, 1) 45%, rgba(140, 112, 235, 1) 54%, rgba(145, 88, 243, 1) 60%, rgba(145, 88, 243, 1) 66%, rgba(140, 112, 235, 1) 69%, rgba(140, 112, 235, 1) 77%, rgba(145, 88, 243, 1) 88%);
    width: calc(100% + .7142857143rem);
    height: 100%;
    content: ""
}

.default-button>img {
    translate: .7142857143rem;
    scale: 1.8;
    filter: drop-shadow(0px 0px .7142857143rem rgba(0, 0, 0, .6));
    transition: .2s;
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    object-fit: contain
}

.default-button>span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    flex: 1;
    font-size: 1.7857142857rem;
    letter-spacing: .0714285714rem;
    text-transform: uppercase
}

.default-button:hover:before {
    left: -.3571428571rem;
    rotate: 2deg;
    width: calc(100% + .7142857143rem)
}

.default-button:hover:after {
    top: 0;
    left: 0;
    rotate: 0deg;
    box-shadow: 0 .2857142857rem 2.8571428571rem #9737fe;
    width: 100%
}

.default-button:hover>img {
    translate: .7142857143rem -1.0714285714rem;
    rotate: -3deg
}

.default-button.--transparent {
    color: #b5c6d5
}

.default-button.--transparent:before {
    box-shadow: 0 0 0 .1428571429rem #b5c6d5e6 !important;
    background: #b5c6d50d
}

.default-button.--transparent:after {
    box-shadow: 0 0 0 .1428571429rem #b5c6d5e6 !important;
    background: #b5c6d50d
}

.default-button.--transparent span {
    color: #b5c6d5
}

.default-button.--transparent:hover:before {
    box-shadow: 0 0 0 .1428571429rem #b5c6d5e6 !important;
    background: #b5c6d51a
}

.default-button.--transparent:hover:after {
    box-shadow: 0 0 0 .1428571429rem #b5c6d5e6 !important;
    background: #b5c6d51a
}

.code-input-holder {
    display: flex !important;
    gap: .7857142857rem
}

.code-input-holder>input {
    flex: 1;
    box-shadow: 0 .2857142857rem 2.8571428571rem #0006;
    border: none;
    border-radius: .2857142857rem;
    background: linear-gradient(165deg, #213341, #040c15);
    width: 100%;
    height: 5.1428571429rem;
    color: #deefff;
    font-weight: 700;
    font-size: 3rem;
    text-align: center
}

.code-input-holder>input:focus {
    box-shadow: inset 0 0 0 .1428571429rem #ffffff1a, 0 .2857142857rem 2.8571428571rem #0006
}

.code-input-holder>input::placeholder {
    color: #deefff99;
    font-weight: 300
}

.code-input-holder.--error>input {
    box-shadow: inset 0 0 0 .1428571429rem #e1445657, 0 .2857142857rem 2.8571428571rem #0006 !important
}

.partner-holder {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.1428571429rem;
    box-shadow: inset 0 0 0 .0714285714rem #50586299, 0 .2857142857rem 3.2142857143rem #0003;
    border-radius: .1428571429rem;
    background: linear-gradient(to top, #17222b, #2c3641);
    padding: .3571428571rem 1.7857142857rem;
    height: 3.9285714286rem
}

.partner-holder.--extend {
    cursor: pointer
}

.partner-holder.--extend b {
    gap: 1.2857142857rem
}

.partner-holder.--extend b>svg {
    width: auto;
    height: 1.1428571429rem
}

.partner-holder.--extend:after {
    display: none
}

.partner-holder:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    translate: 0 -50%;
    background: #8dd76c;
    width: .1428571429rem;
    height: 2.2857142857rem;
    content: ""
}

.partner-holder:after {
    display: block;
    position: absolute;
    bottom: -.7142857143rem;
    left: 0;
    background: #ffffff12;
    width: 100%;
    height: .0714285714rem;
    content: ""
}

.partner-holder__cell {
    display: flex;
    align-items: center;
    gap: .8571428571rem
}

.partner-holder__cell>span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    color: #deefffe6;
    font-size: 1rem
}

.partner-holder__cell>b {
    display: flex;
    align-items: center;
    gap: .5714285714rem;
    color: #7c9fba;
    font-size: 1rem
}

.partner-holder__avatar {
    border: .1428571429rem solid #ffce56;
    border-radius: 2.5rem;
    width: 2.5rem;
    height: 2.5rem
}

.large-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100dvh;
    overflow: auto;
    scrollbar-gutter: stable
}

.large-modal.--sm .large-modal__body {
    max-width: 30.7142857143rem
}

@media (max-width: 640px) {
    .large-modal.--sm .large-modal__body {
        max-width: 100%
    }
}

@media (max-width: 640px) {
    .large-modal {
        background: #21334180
    }
}

.large-modal__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #21334180
}

@media (max-width: 640px) {
    .large-modal__background {
        display: none
    }
}

@media (max-width: 640px) {
    .large-modal {
        top: 0;
        left: 0;
        translate: none;
        border-radius: 0;
        max-height: 100%
    }
}

.large-modal__body {
    display: flex;
    position: relative;
    flex-direction: column;
    z-index: 1001;
    margin: auto;
    box-shadow: inset 0 0 0 .0714285714rem #ffffff1a, 0 -.2857142857rem 2.8571428571rem #00000080;
    border-radius: .4285714286rem;
    background: linear-gradient(120deg, #1a232ae6, #040c15e6);
    padding: 3.5714285714rem 4.2857142857rem 2.8571428571rem;
    max-width: 35.7142857143rem;
    pointer-events: all;
    width: 100%;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

@media (max-width: 640px) {
    .large-modal__body {
        flex: 1;
        margin: auto 0 0;
        box-shadow: 0 -.2857142857rem 2.8571428571rem #00000080;
        border-radius: .2857142857rem;
        padding: 1.4285714286rem 1.4285714286rem 3.5714285714rem;
        max-width: 100%;
        width: 100%;
        flex: none
    }
}

.large-modal__close {
    position: absolute;
    top: 1.7857142857rem;
    right: 1.7857142857rem;
    z-index: 2;
    cursor: pointer
}

@media (max-width: 640px) {
    .large-modal__close {
        top: .7142857143rem;
        right: 1.0714285714rem
    }
}

.large-modal__close>svg {
    width: 2.8571428571rem;
    height: 2.8571428571rem
}

.large-modal__holder {
    padding: 4.2857142857rem 0;
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

@media (max-width: 640px) {
    .large-modal__holder {
        min-height: 100dvh;
        padding: 4.2857142857rem 0 0;
        display: flex;
        flex-direction: column
    }
}

.large-modal__preloader {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    z-index: 20;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    position: absolute;
    top: .1428571429rem;
    left: .1428571429rem;
    right: .1428571429rem;
    bottom: .1428571429rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.0714285714rem
}

.large-modal__preloader>div {
    text-align: center;
    font-weight: 600
}

.large-modal__preloader>div p {
    margin: 0
}

.large-modal__preloader>div p:not(:last-child) {
    margin-bottom: .7142857143rem
}

.large-modal__preloader>svg {
    width: 2.2857142857rem;
    height: auto
}

.large-modal__preloader.--sign {
    border-radius: 2rem
}

.countries-list ul {
    margin: 0 -.7142857143rem;
    padding: 0;
    list-style: none
}

.countries-list ul li {
    display: flex;
    position: relative;
    gap: .7142857143rem;
    cursor: pointer;
    padding: .7142857143rem
}

.countries-list ul li:hover {
    background: #ffffff0a
}

.countries-list ul li:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ffffff1a;
    width: 100%;
    height: .0714285714rem;
    content: ""
}

.countries-list ul li img {
    width: 1.7142857143rem;
    object-fit: contain
}

.lm-image img {
    width: 17.1428571429rem;
    height: auto
}

.lm-image.--lg img {
    width: 12.8571428571rem
}

.lm-image.--md img {
    width: 10.7142857143rem
}

.lm-image.--sm img {
    width: 7.1428571429rem
}

.lm-title {
    margin-bottom: 1.7857142857rem;
    color: #deefffe6;
    font-size: 2rem;
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

.lm-lg-title {
    margin: 1.0714285714rem -4.2857142857rem .7142857143rem;
    border-left: .1428571429rem solid #eab941;
    padding: 0px 4.2857142857rem;
    font-size: 4.1428571429rem;
    line-height: 100%;
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

.lm-lg-title>div {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-weight: 400
}

.lm-lg-title>div>span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    color: #ffcf56
}

@media (max-width: 640px) {
    .lm-lg-title {
        margin: 1.0714285714rem -1.4285714286rem .7142857143rem;
        padding: 0px 1.4285714286rem
    }
}

.lm-lg-title>span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    color: #ffcf56
}

.lm-lg-title p {
    margin: 0;
    margin-top: 1rem;
    color: #deefffb3;
    font-size: 1.4285714286rem;
    line-height: 140%;
    font-weight: 400
}

.lm-lg-title p:not(.--default) {
    font-weight: 700;
    font-size: 1.6428571429rem;
    font-family: var(--power-font)
}

.lm-lg-title p:not(.--default) span {
    font-family: var(--power-font);
    text-decoration: underline .0714285714rem;
    text-underline-offset: .1428571429rem
}

.lm-lg-title p.--sm {
    font-size: 1.1428571429rem
}

.lm-lg-title p span {
    color: #ffcf56b3
}

hr {
    margin: 1.0714285714rem 0 1.4285714286rem;
    border: none;
    background: #ffffff1a;
    width: 100%;
    height: 1px
}

@media (max-width: 768px) {
    hr.--mobile-hide {
        display: none
    }
}

.countries-search {
    margin-bottom: 1.0714285714rem
}

.countries-search input {
    border: .0714285714rem solid rgba(255, 255, 255, .1);
    border-radius: .2857142857rem;
    background: transparent;
    padding: 1.0714285714rem;
    width: 100%;
    color: #deefff
}

.countries-search input::placeholder {
    color: #deefff99;
    font-weight: 300
}

.country-selector {
    position: relative
}

.country-selector input:read-only {
    cursor: pointer
}

.reinvest__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

@media (max-width: 640px) {
    #reinvest-modal {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
        margin: 0;
        width: calc(100% - 4rem);
        height: fit-content
    }
}

.reinvest__heading {
    margin: 0
}

.reinvest__paragraph {
    margin: 0;
    text-align: center
}

.grey {
    justify-content: center;
    color: #b5c6d5;
    font-weight: 700
}

.grey:hover {
    box-shadow: none
}

.grey:after {
    border: 2px solid #B5C6D5;
    background: transparent;
    background-color: #b5c6d510
}

.grey:hover:after {
    box-shadow: none
}

.grey:before {
    box-shadow: none;
    border: 2px solid #B5C6D5;
    background: transparent;
    background-color: #b5c6d510
}

.app-holder {
    display: flex;
    gap: 1.4285714286rem;
    margin: 0 auto;
    width: 100%;
    max-width: 121.4285714286rem;
    min-height: 100vh;
    position: relative
}

.app-holder.--sign {
    flex-direction: column;
    gap: 0;
    max-width: 100%
}

@media (max-width: 1024px) {
    .app-holder__wrapper {
        padding: 0 1.7857142857rem 3.2142857143rem
    }
}

.app-holder__menu {
    display: flex;
    position: sticky;
    top: 0;
    flex-direction: column;
    z-index: 2;
    width: 23.2142857143rem;
    min-width: 23.2142857143rem
}

@media (max-width: 1024px) {
    .app-holder__menu {
        background: #151d25;
        padding-top: 8.5714285714rem;
        position: fixed;
        left: 0;
        translate: -100% 0;
        opacity: 0;
        z-index: 100;
        transition: .2s;
        width: 100%;
        max-width: 45.7142857143rem;
        height: 100%;
        overflow: auto;
        overflow-x: hidden
    }

    .app-holder__menu--overflow {
        position: fixed;
        top: 0;
        left: 0;
        visibility: hidden;
        opacity: 0;
        z-index: 99;
        transition: .2s;
        background: #040c1580;
        width: 100%;
        height: 100%
    }

    .app-holder__menu--overflow.--visible {
        visibility: visible;
        opacity: 1
    }

    .app-holder__menu.--visible {
        translate: 0 0;
        opacity: 1
    }
}

@media (max-width: 325px) {
    .app-holder__menu {
        max-width: 100%
    }
}

.app-holder__menu--holder {
    margin-bottom: 1.7857142857rem;
    padding-right: 1.4285714286rem;
    padding-left: 5.3571428571rem
}

@media (max-width: 1024px) {
    .app-holder__menu--holder {
        padding-left: 3.9285714286rem;
        max-width: 22.8571428571rem
    }
}

.app-holder__menu--title {
    margin-bottom: 1.1428571429rem;
    color: #deefff80;
    font-weight: 200;
    font-size: 1.7142857143rem
}

.app-holder__menu--elements {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none
}

.app-holder__menu--elements li a {
    display: flex;
    position: relative;
    gap: 1.2142857143rem;
    z-index: 2;
    padding: 1.7857142857rem 0;
    width: 100%;
    color: #8b8c91;
    font-weight: 500;
    font-size: 1.1428571429rem;
    text-decoration: none
}

.app-holder__menu--elements li a:before {
    display: block;
    position: absolute;
    top: 0;
    left: -2.8571428571rem;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: .2s;
    border-radius: 1.0714285714rem;
    background: linear-gradient(to right, transparent, rgba(255, 255, 255, .1));
    width: calc(100% + 2.8571428571rem);
    height: 100%;
    content: ""
}

.app-holder__menu--elements li a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 1.4285714286rem;
    translate: -150% -50%;
    visibility: hidden;
    opacity: 0;
    transition: .2s;
    box-shadow: 0 0 10px #fe9923;
    border-radius: 50%;
    background: linear-gradient(to top, #ffce56, #fe9923);
    width: .9285714286rem;
    height: .9285714286rem;
    content: ""
}

@media (max-width: 1024px) {
    .app-holder__menu--elements li a:after {
        left: -3.9285714286rem;
        right: auto
    }
}

.app-holder__menu--elements li a>svg {
    width: 1.7142857143rem;
    height: 1.7142857143rem
}

.app-holder__menu--elements li a.active {
    color: #fff
}

.app-holder__menu--elements li a.active:before {
    visibility: visible;
    opacity: 1
}

.app-holder__menu--elements li a.active:after {
    translate: -50% -50%;
    visibility: visible;
    opacity: 1
}

.app-holder__menu--elements li.--logout {
    display: none
}

@media (max-width: 768px) {
    .app-holder__menu--elements li.--logout {
        display: block
    }
}

.app-holder__menu--elements li.--logout a {
    color: #d43f3f
}

.app-holder__menu--elements li.--logout a>svg {
    height: 1.7142857143rem;
    color: #d43f3f
}

.app-holder__socials {
    background: linear-gradient(to top, transparent, rgba(255, 255, 255, .06));
    padding: 1.5rem 2.1428571429rem;
    border-radius: .7142857143rem;
    margin-top: 2.1428571429rem
}

.app-holder__socials--title {
    font-family: Bebas Neue, Roboto Condensed, sans-serif;
    text-transform: uppercase;
    line-height: 95%;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 1.0714285714rem;
    margin-bottom: 1.0714285714rem;
    font-size: 3.4285714286rem
}

.app-holder__socials ul {
    display: grid;
    margin: 0 -.7142857143rem;
    padding: 0;
    list-style: none;
    grid-template-columns: repeat(3, auto);
    gap: 1px
}

.app-holder__socials ul li {
    display: flex;
    aspect-ratio: 1/1;
    align-items: center;
    justify-content: center;
    position: relative
}

.app-holder__socials ul li:not(:nth-last-child(-n+3)):after {
    content: "";
    width: 2.2857142857rem;
    height: 1px;
    background: #ffffff1a;
    position: absolute;
    bottom: -1px;
    left: 50%;
    translate: -50% 0
}

.app-holder__socials ul li:not(:nth-child(3n)):before {
    content: "";
    height: 2.2857142857rem;
    width: 1px;
    background: #ffffff1a;
    position: absolute;
    top: 50%;
    right: -1px;
    translate: 0 -50%
}

.app-holder__socials ul li a {
    float: left
}

.app-holder__socials ul li a>svg {
    width: 2.7142857143rem;
    height: 2.7142857143rem;
    float: left
}

.app-holder__logo {
    display: flex;
    justify-content: center;
    padding: 4.2857142857rem 0 2.8571428571rem
}

.app-holder__logo svg,
.app-holder__logo img {
    width: 11.9285714286rem;
    height: auto
}

@media (max-width: 1024px) {
    .app-holder__logo {
        display: none
    }
}

.app-holder__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2.1428571429rem;
    margin: 0 auto;
    padding: 2.8571428571rem;
    width: 100%;
    max-width: 92.8571428571rem;
    min-height: 100vh
}

@media (max-width: 1024px) {
    .app-holder__content {
        padding: 8.5714285714rem 0 0
    }
}

.app-holder__header {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    display: flex;
    align-items: center;
    padding: 1.4285714286rem 2.1428571429rem;
    height: 8.5714285714rem;
    border-radius: .4285714286rem;
    gap: .7142857143rem
}

@media (max-width: 1024px) {
    .app-holder__header {
        padding: .7142857143rem 1.4285714286rem .7142857143rem 0;
        position: fixed;
        width: 100%;
        z-index: 1000;
        height: 7.1428571429rem;
        border-radius: 0;
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        top: 0;
        background: #151d25cc
    }
}

.app-holder__header--cell {
    display: flex;
    align-items: center
}

.app-holder__header--cell:first-child {
    margin-right: auto
}

.app-holder__header--slogan {
    font-family: var(--power-font);
    color: #fff9;
    font-weight: 300;
    font-size: 1.1428571429rem;
    letter-spacing: .2142857143rem
}

@media (max-width: 1200px) {
    .app-holder__header--slogan {
        display: none
    }
}

.app-holder__header--notifications {
    cursor: pointer;
    margin: 0 0 0 1.4285714286rem;
    border: none;
    background: transparent
}

@media (max-width: 1024px) {
    .app-holder__header--notifications {
        margin: 0 0 0 2.8571428571rem
    }
}

@media (max-width: 640px) {
    .app-holder__header--notifications {
        margin: 0 0 0 1.4285714286rem
    }
}

.app-holder__header--notifications>svg {
    float: left;
    transition: .3s;
    width: auto;
    height: 1.7142857143rem;
    color: #e7e8e9
}

.app-holder__header--profile {
    display: flex;
    align-items: center;
    gap: .7142857143rem;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer
}

.app-holder__header--avatar {
    position: relative;
    border-radius: 3.1428571429rem;
    background: linear-gradient(45deg, #965f1f, #3e2b16, #965f1f);
    width: 3.1428571429rem;
    height: 3.1428571429rem;
    object-fit: cover
}

.app-holder__header--avatar>img {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    box-shadow: 0 0 10px #00000080;
    border-radius: 50%;
    width: 2.5714285714rem;
    height: 2.5714285714rem
}

.app-holder__header--username {
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto
}

@media (max-width: 345px) {
    .app-holder__header--username {
        display: none
    }
}

.app-holder__mobile-logo {
    display: flex;
    position: relative;
    margin-right: 20px;
    margin-left: 10px;
    padding-right: 20px;
    align-items: center;
    gap: 1.0714285714rem
}

.app-holder__mobile-logo:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    translate: 0 -50%;
    background: #ffffff1a;
    width: 1px;
    height: 32px;
    content: ""
}

@media (max-width: 768px) {
    .app-holder__mobile-logo {
        margin-right: 0;
        margin-left: 0;
        padding-right: 0
    }

    .app-holder__mobile-logo:after {
        display: none
    }
}

.app-holder__mobile-logo svg {
    float: left
}

@media (min-width: 768px) {
    .app-holder__mobile-logo {
        display: none
    }
}

.app-holder__page-title {
    position: relative;
    padding-right: 2.1428571429rem
}

@media (max-width: 1024px) {
    .app-holder__page-title {
        padding-left: 1.4285714286rem
    }
}

@media (max-width: 768px) {
    .app-holder__page-title {
        display: none
    }
}

.app-holder__page-title span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 2.2857142857rem;
    letter-spacing: .0714285714rem;
    display: flex;
    align-items: center;
    gap: 6px
}

.app-holder__page-title span>svg {
    height: 2.4285714286rem;
    width: auto;
    translate: 0 -.3571428571rem
}

.app-holder__page-title small {
    color: #dce0e2b3;
    font-size: 1rem
}

.app-holder__wallet {
    display: flex;
    position: relative;
    align-items: center;
    gap: .5714285714rem;
    background: linear-gradient(to right, transparent, rgba(255, 255, 255, .1));
    padding: .5714285714rem 1rem;
    margin: 0 .5714285714rem;
    font-size: 1.1428571429rem
}

@media (max-width: 640px) {
    .app-holder__wallet {
        display: none
    }
}

.app-holder__wallet i {
    font-weight: 600;
    opacity: .1;
    font-style: normal
}

.app-holder__wallet:before {
    display: block;
    position: absolute;
    top: 0;
    left: -.5714285714rem;
    background: #ffce56;
    width: .2142857143rem;
    height: 100%;
    content: ""
}

.app-holder__wallet:after {
    display: block;
    position: absolute;
    top: 0;
    right: -.5714285714rem;
    background: #ffce56;
    width: .2142857143rem;
    height: 100%;
    content: ""
}

.app-holder__wallet--balance {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-weight: 600;
    white-space: nowrap
}

.app-holder__wallet--balance svg {
    width: 1.5714285714rem;
    height: 1.5714285714rem;
    color: #ffce56
}

.app-holder__wallet--address {
    display: flex;
    position: relative;
    align-items: center;
    margin-left: 1.7142857143rem;
    padding-left: 1.7142857143rem;
    font-weight: 400;
    letter-spacing: .0214285714rem
}

.app-holder__wallet--address:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    translate: 0 -50%;
    background: #ffffff1a;
    width: .0714285714rem;
    height: 1.5714285714rem;
    content: ""
}

.activeBell>svg {
    color: #ffce56 !important
}

.intersection-height {
    height: 5px
}

.card-available {
    position: relative;
    margin: 4.2857142857rem 3.2142857143rem 1.4285714286rem;
    border-radius: .7142857143rem;
    background: linear-gradient(to top, transparent, rgba(255, 255, 255, .1));
    padding: 1.4285714286rem 2.1428571429rem
}

.card-available:before {
    display: block;
    position: absolute;
    top: 1.4285714286rem;
    left: 2.8571428571rem;
    scale: 2;
    opacity: .2;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(#ffeab4, transparent 60%);
    aspect-ratio: 1;
    width: 50%;
    content: ""
}

.card-available>img {
    width: 10.3571428571rem;
    height: auto;
    object-fit: contain
}

.card-available__title {
    line-height: 140%;
    font-family: var(--power-font);
    opacity: .8;
    margin: 5px 0 15px;
    color: #f5f5f5;
    font-weight: 700;
    font-size: 1.9285714286rem
}

.toggle-mobile-menu {
    display: none;
    position: relative;
    justify-content: center;
    align-items: center;
    z-index: 2;
    margin-right: 1.2857142857rem;
    border: none;
    background: transparent;
    padding: 0;
    width: 2.7142857143rem;
    height: 2.7142857143rem
}

@media (max-width: 1024px) {
    .toggle-mobile-menu {
        display: flex
    }
}

.toggle-mobile-menu:before {
    display: block;
    position: absolute;
    top: 0;
    right: -.1428571429rem;
    rotate: 3deg;
    z-index: -1;
    background: #eab941;
    width: 3rem;
    height: 2.7142857143rem;
    content: ""
}

.toggle-mobile-menu:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    translate: 0px -4px;
    rotate: -3deg;
    z-index: -1;
    border: 1px solid #eab941;
    border-radius: .1428571429rem;
    width: 3rem;
    height: 2.7142857143rem;
    content: ""
}

.toggle-mobile-menu>svg {
    width: 1.5714285714rem;
    height: 1.5714285714rem;
    color: #1b242b
}

.lg-mobile-title {
    display: none;
    position: relative;
    margin-bottom: 1.4285714286rem;
    padding-bottom: 1.2857142857rem
}

.lg-mobile-title.--desktop-visible {
    display: block;
    margin-top: -2.1428571429rem;
    margin-bottom: 1.2857142857rem;
    padding-bottom: 1.1428571429rem
}

.lg-mobile-title span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    margin: 0 -1.7857142857rem;
    padding: 0 1.7857142857rem;
    font-size: 3.4285714286rem;
    font-weight: 400
}

.lg-mobile-title span>svg {
    height: 2.5714285714rem;
    width: auto
}

@media (max-width: 768px) {
    .lg-mobile-title span {
        border-left: 2px solid #eab941
    }
}

@media (max-width: 768px) {
    .lg-mobile-title {
        display: block
    }

    .lg-mobile-title:after {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #ffffff1a;
        width: 100%;
        height: 1px;
        content: ""
    }
}

.lg-mobile-title small {
    display: block;
    margin-top: .7142857143rem;
    color: #deefffb3;
    font-weight: 400;
    font-size: 1rem;
    font-family: Poppins, sans-serif
}

@media (max-width: 768px) {
    .lg-mobile-title small {
        margin-top: 0rem
    }
}

.sm-mobile-title {
    display: none;
    position: relative;
    margin-bottom: 1.4285714286rem;
    padding-top: 1.5rem;
    font-family: var(--power-font);
    font-weight: 800;
    font-size: 1.7142857143rem;
    letter-spacing: .0357142857rem
}

.sm-mobile-title:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffff1a;
    width: 100%;
    height: 1px;
    content: ""
}

@media (max-width: 768px) {
    .sm-mobile-title {
        display: block
    }
}

.steps-title {
    display: flex;
    align-items: center;
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    gap: 1rem;
    color: #7c9fba;
    font-size: 1.6428571429rem
}

.steps-title__circles {
    display: flex;
    align-items: center;
    gap: .2857142857rem
}

.steps-title__circles span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #61819a;
    width: .8571428571rem;
    height: .8571428571rem
}

.steps-title__circles span>svg {
    opacity: 0;
    width: .7142857143rem;
    height: auto
}

.steps-title__circles span.current {
    background: #eab941;
    width: 1.2857142857rem;
    height: 1.2857142857rem
}

.steps-title__circles span.completed {
    background: #8dd76c;
    width: 1.2857142857rem;
    height: 1.2857142857rem
}

.steps-title__circles span.completed>svg {
    opacity: 1
}

.lm-bc {
    margin-top: 1.4285714286rem;
    color: #deefff80;
    font-size: 1rem;
    line-height: 120%;
    text-align: center
}

.lm-lg-subtitle {
    color: #deefffb3;
    font-size: 1.1428571429rem
}

.success-modal .large-modal__body {
    max-width: 30.7142857143rem
}

@media (max-width: 640px) {
    .success-modal .large-modal__body {
        margin: auto auto 0;
        max-width: 95%
    }
}

.success-modal.--lg .large-modal__body {
    max-width: 35.7142857143rem
}

@media (max-width: 640px) {
    .success-modal.--lg .large-modal__body {
        margin: auto auto 0;
        max-width: 95%
    }
}

.user-balance {
    margin: -.7142857143rem 0;
    color: #778695;
    font-size: 1.1428571429rem;
    text-align: center
}

.user-balance span {
    font-family: var(--power-font);
    color: #ddaf41;
    font-weight: 900
}

.user-balance__flex-holder {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.user-balance__flex-holder button {
    font-family: var(--power-font);
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
    color: #ddaf41;
    font-size: 1.1428571429rem
}

.user-balance__flex-holder button:hover {
    text-decoration: underline 1px #ddaf41 !important;
    text-underline-offset: .0714285714rem
}

.user-balance__flex-holder button:hover {
    text-decoration: underline 1px #ddaf41
}

.input-currency {
    font-family: var(--power-font);
    position: absolute;
    top: 50%;
    right: 1.4285714286rem;
    translate: 0 -50%;
    color: #deefff66;
    font-weight: 700;
    font-size: 1.5714285714rem;
    letter-spacing: .0714285714rem
}

.need-wallet {
    margin: -.7142857143rem 0;
    color: #f04a4a;
    font-size: 1.1428571429rem;
    text-align: center
}

.switch input {
    position: absolute
}

.switch span {
    display: block;
    position: relative;
    z-index: 2;
    cursor: pointer;
    box-shadow: 0 0 0 .0714285714rem #000c;
    border-radius: 2.1428571429rem;
    background: linear-gradient(135deg, #0d161e, #1a232a);
    width: 4.2857142857rem;
    height: 2.1428571429rem
}

.switch span:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    translate: 0% -50%;
    z-index: 1;
    transition: .2s;
    border-radius: 50%;
    background: #3b4048;
    width: 2.1428571429rem;
    height: 2.1428571429rem;
    content: ""
}

.switch input:checked~span:after {
    translate: 2.1428571429rem -50%;
    background: #8dd76c
}

.custom-checkbox {
    position: relative;
    padding-left: 2.4285714286rem;
    font-size: 1.1428571429rem
}

.custom-checkbox label {
    color: #778695
}

.custom-checkbox label:before {
    position: absolute;
    top: 50%;
    left: 0;
    translate: 0 -50%;
    z-index: 1;
    transition: .2s;
    cursor: pointer;
    border: 1px solid rgba(220, 224, 226, .6);
    border-radius: .4285714286rem;
    width: 1.9285714286rem;
    height: 1.9285714286rem;
    content: ""
}

.custom-checkbox label:after {
    position: absolute;
    top: 50%;
    left: 0;
    translate: 0 -50%;
    scale: 0;
    opacity: 0;
    z-index: 2;
    transition: .2s;
    cursor: pointer;
    border: 1px solid transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='12' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6412 2.64258L5.56975 9.71401L2.35547 6.49972' stroke='black' stroke-width='3.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: 1.1428571429rem;
    background-repeat: no-repeat;
    width: 1.9285714286rem;
    height: 1.9285714286rem;
    content: ""
}

.custom-checkbox label a {
    color: #ddaf41
}

.custom-checkbox input:checked~label:before {
    border: 1px solid #ddaf41;
    background: #ddaf41
}

.custom-checkbox input:checked~label:after {
    scale: 1;
    opacity: 1
}

.decline {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    background: transparent;
    width: 100%;
    height: 3.2142857143rem;
    color: #f04a4a;
    font-size: 1.1428571429rem;
    letter-spacing: .0428571429rem;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-color: #f04a4a;
    -webkit-text-decoration-color: #f04a4a;
    text-underline-offset: .1428571429rem;
    text-transform: uppercase;
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

.filter__container {
    position: relative
}

.filter__fields {
    display: flex;
    position: absolute;
    right: 0;
    flex-direction: column;
    align-items: start;
    gap: 1rem;
    z-index: 1;
    box-shadow: 0 0 50px #00000040;
    border-radius: .3571428571rem;
    background-color: #14212d;
    padding: 2rem
}

.filter__button {
    border: none;
    background: transparent
}

.filter__item {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #fff;
    white-space: pre
}

.filter__radio {
    position: relative;
    border: 2px solid #404954;
    border-radius: .3571428571rem;
    width: 25px;
    height: 25px
}

.filter__radio-active:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: .1428571429rem;
    background-color: #feb33c;
    width: 13px;
    height: 13px;
    content: ""
}

.custom-select {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    position: relative;
    z-index: 10;
    box-shadow: 0 .2857142857rem 1.4285714286rem #0000004d;
    border-radius: .2857142857rem
}

.custom-select__title {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 1.5714285714rem;
    height: 4.1428571429rem;
    gap: .7142857143rem
}

.custom-select__title--inset {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    width: 100%;
    color: #ffffffb3;
    font-size: 1.3571428571rem;
    letter-spacing: .0714285714rem;
    white-space: nowrap;
    text-transform: uppercase
}

.custom-select__title.--selected {
    box-shadow: inset 0 0 0 .0714285714rem #8ed76cb3;
    border-radius: .2857142857rem;
    background: linear-gradient(to top, #1d2b37, #344152)
}

.custom-select__title.--selected .custom-select__title--inset {
    color: #fff
}

.custom-select__title>svg {
    rotate: 90deg;
    height: 1.1428571429rem
}

.custom-select__list {
    background: linear-gradient(165deg, #192936, #111e29);
    position: absolute;
    top: calc(100% + .6428571429rem);
    box-shadow: 0 .2857142857rem 1.4285714286rem #0000004d;
    border-radius: .2857142857rem;
    width: 100%;
    max-height: 24.2857142857rem;
    overflow: auto;
    padding: .0714285714rem 0 0;
    scrollbar-color: rgba(255, 255, 255, .3) transparent;
    scrollbar-width: thin
}

.custom-select__list--element {
    margin: -.0714285714rem 0
}

.custom-select__list--element input {
    position: absolute
}

.custom-select__list--element.--selected,
.custom-select__list--element input:checked~label {
    box-shadow: inset 0 0 0 .0714285714rem #8ed76cb3;
    border-radius: .2857142857rem;
    background: linear-gradient(to top, #1d2b37, #344152)
}

.custom-select__list--element.--selected svg,
.custom-select__list--element input:checked~label svg {
    opacity: 1
}

.custom-select__list--element label {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 2.2857142857rem 1.5714285714rem
}

.custom-select__list--element label span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    color: #ffffffb3;
    font-size: 1.3571428571rem;
    letter-spacing: .0714285714rem;
    text-transform: uppercase
}

.custom-select__list--element label:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 1.5714285714rem;
    background: #ffffff1a;
    width: calc(100% - 3.1428571429rem);
    height: .0714285714rem;
    content: ""
}

.custom-select__list--element label svg {
    opacity: 0
}

.custom-select__list--element:last-child label:after {
    display: none
}

.notifications-filter {
    display: flex;
    align-items: center;
    gap: 1.4285714286rem
}

@media (max-width: 768px) {
    .notifications-filter {
        margin-bottom: 1.4285714286rem
    }
}

@media (max-width: 640px) {
    .notifications-filter {
        flex-direction: column;
        align-items: flex-start
    }
}

.transactions-page {
    display: flex;
    flex-direction: column;
    gap: .8571428571rem;
    max-width: 50%
}

.sq-checkbox {
    position: relative;
    font-size: 1.1428571429rem
}

.sq-checkbox label {
    display: flex;
    align-items: center;
    gap: .8571428571rem;
    color: #fff;
    font-weight: 500
}

.sq-checkbox label input {
    position: absolute
}

.sq-checkbox label span {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transition: .2s;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px #ffffff1a;
    border-radius: .2857142857rem;
    background: linear-gradient(to top, #151e26, #2a333e);
    width: 1.9285714286rem;
    height: 1.9285714286rem;
    content: ""
}

.sq-checkbox label span:after {
    visibility: hidden;
    z-index: 2;
    border-radius: .1428571429rem;
    background: linear-gradient(to top, #ffce56, #fe9923);
    width: 1.0714285714rem;
    height: 1.0714285714rem;
    content: ""
}

.sq-checkbox label input:checked~span:after {
    visibility: visible
}

.logout {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    z-index: 2;
    transition: .2s;
    cursor: pointer;
    box-shadow: inset 0 0 0 .0714285714rem #ffffff1a;
    border: none;
    border-radius: .2857142857rem;
    background: linear-gradient(165deg, #2a3441a1, #131f2859);
    padding: .2857142857rem 1.1428571429rem;
    color: #fff6
}

.logout:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    transition: .2s;
    border-radius: .2857142857rem;
    background: linear-gradient(165deg, #2a3441e6, #131f2880);
    width: 100%;
    height: 100%;
    content: ""
}

.logout:hover:before {
    opacity: 1
}

@media (max-width: 640px) {
    .logout {
        display: none
    }
}

.page-preloader {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1000000;
    background: linear-gradient(120deg, #1a232a, #040c15)
}

.page-preloader>video {
    mix-blend-mode: screen;
    max-width: 45.7142857143rem
}

.error-block {
    background: linear-gradient(165deg, #19293699, #111e2999);
    margin: auto;
    padding: 3.5714285714rem 5rem;
    border-radius: .4285714286rem;
    box-shadow: inset 0 0 0 .0714285714rem #ffffff1a, 0 .4285714286rem 1.7857142857rem #0006;
    width: 100%;
    max-width: 38.5714285714rem
}

.error-block__image {
    text-align: center;
    margin-bottom: 2.1428571429rem
}

.error-block__image img,
.error-block__image svg {
    height: 11.1428571429rem;
    width: auto
}

.error-block__image.--lg {
    margin-bottom: 1.9285714286rem
}

.error-block__image.--lg img,
.error-block__image.--lg svg {
    height: 15.3571428571rem
}

.error-block__text {
    text-align: center;
    font-size: 1.4285714286rem;
    color: #deefffb3
}

.error-block__text span.red {
    color: #ff0000b3
}

.password-checker {
    background: linear-gradient(165deg, #192936e6, #121e29e6);
    border-radius: 0 0 .4285714286rem .4285714286rem;
    display: flex;
    flex-direction: column;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    position: absolute;
    box-shadow: 0 .7142857143rem 1.7857142857rem #0006;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 20
}

.password-checker__line {
    display: flex;
    align-items: center;
    gap: .4285714286rem;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    padding: .7142857143rem;
    font-weight: 600;
    opacity: .4;
    transition: .1s;
    position: relative;
    padding-left: 25px
}

.password-checker__line.--observed {
    opacity: 1
}

.password-checker__line i {
    position: absolute;
    left: .7142857143rem;
    top: 50%;
    translate: 0 -50%;
    display: block
}

.password-checker__line i svg {
    float: left;
    width: .7142857143rem;
    height: .7142857143rem
}

@media (max-width: 640px) {
    .mentor-modal .large-modal__body {
        margin: auto;
        width: calc(100% - 1.4285714286rem);
        max-width: 30rem
    }
}

.warn {
    background: #8c2a3566;
    padding: .7142857143rem;
    text-align: center;
    border-radius: .4285714286rem;
    font-weight: 600;
    color: #fddade
}

.picker__track {
    height: .7142857143rem;
    border-radius: .7142857143rem;
    box-shadow: 0 .2857142857rem 1.0714285714rem #0009
}

.picker__thumb {
    background: linear-gradient(to bottom, #ffce56, #fe9923);
    width: 1.7142857143rem;
    height: 1.7142857143rem;
    border-radius: .4285714286rem;
    box-shadow: 0 .2857142857rem 1.0714285714rem #0009
}

.picker__thumb span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    display: block;
    font-size: 1.2142857143rem;
    position: absolute;
    top: 0;
    left: 50%;
    translate: -50% -100%;
    white-space: nowrap
}

@media (max-width: 640px) {
    .countries-modal .large-modal__body {
        margin: 0 auto;
        min-height: 100dvh !important
    }
}

.weekly-report-button {
    margin: 1.0714285714rem auto 0;
    display: block;
    border: none;
    background: transparent;
    cursor: pointer
}

.weekly-report-button>span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    background: linear-gradient(to top, #ffce56, #fe9923);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-size: 1.2857142857rem;
    letter-spacing: .1071428571rem
}

.fast-start {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    border-radius: .3571428571rem;
    box-shadow: 0 0 0 1px #ffffff1a, 0 5px 25px #0006;
    padding: 1.2857142857rem
}

.fast-start.--green {
    box-shadow: inset 0 0 0 1px #8ed76cb3;
    background: linear-gradient(to top, #1e2c39, #323e4e)
}

.fast-start__title {
    display: flex;
    align-items: center;
    gap: 1.0714285714rem;
    color: #fff
}

.fast-start__title img {
    width: 5rem
}

.fast-start__title--text {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.8571428571rem;
    line-height: 100%
}

.fast-start__title--percent {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.8571428571rem;
    color: #ddaf41
}

.fast-start__title>span:last-child {
    margin-left: auto
}

.fast-start_p {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.1428571429rem
}

.fast-start_p--title {
    margin-bottom: 5px;
    color: #b5c6d5
}

.fast-start__bonus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #b5c6d5;
    font-size: 1.1428571429rem
}

.fast-start__bonus span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.8571428571rem;
    color: #eab941
}

.fast-start__warn {
    font-size: 1.1428571429rem;
    margin: -.3571428571rem 0 1.4285714286rem;
    text-align: center;
    color: #b5c6d5
}

.fast-start__condition {
    font-size: 1.2857142857rem;
    margin: -.3571428571rem 0 1.4285714286rem;
    text-align: center;
    color: #d7e3ed
}

.fast-start__condition span {
    color: #eab941;
    font-weight: 600
}

.fast-start__invest {
    background: linear-gradient(to top, #ffce56, #fe9923);
    border: none;
    padding: .7142857143rem;
    border-radius: .2857142857rem;
    cursor: pointer
}

.fast-start__invest span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    text-transform: uppercase
}

.fast-start__badges {
    position: absolute;
    right: auto;
    top: 0;
    translate: 0 -50%;
    display: flex;
    align-items: center;
    gap: 6px
}

.fast-start__badges--active {
    background: linear-gradient(165deg, #192936, #111e29);
    display: flex;
    align-items: center;
    gap: .2142857143rem;
    padding: .2857142857rem .4285714286rem;
    border-radius: 1.1428571429rem;
    color: #8dd76c;
    font-weight: 700;
    box-shadow: 0 0 0 .1428571429rem #ffffff1a
}

.fast-start__badges--timer {
    background: linear-gradient(165deg, #192936, #111e29);
    display: flex;
    align-items: center;
    gap: .2142857143rem;
    padding: .2857142857rem .4285714286rem;
    border-radius: 1.1428571429rem;
    color: #fff;
    box-shadow: 0 0 0 .1428571429rem #ffffff1a
}

.fast-start__badges--timer svg {
    color: #eab941
}

.fast-start__badges--timer span {
    font-weight: 700;
    color: #eab941
}

.language-selector {
    position: relative
}

.language-selector__current {
    display: flex;
    align-items: center;
    gap: .4285714286rem;
    font-size: 1.2857142857rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #eab941;
    cursor: pointer
}

.language-selector__current svg {
    transform: rotate(90deg);
    width: .5714285714rem
}

@media (max-width: 768px) {
    .language-selector__current svg {
        width: .4285714286rem
    }
}

@media (max-width: 768px) {
    .language-selector__current {
        font-size: 1rem
    }
}

.language-selector.--sign {
    margin-left: 1.0714285714rem
}

@media (max-width: 380px) {
    .language-selector.--sign {
        margin-left: .3571428571rem
    }
}

.language-selector__list {
    background: linear-gradient(165deg, #192936f7, #111e29f7);
    position: absolute;
    z-index: 100;
    right: 0;
    border-radius: .4285714286rem;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 -1px #ffffff1a, 0 1px #0003, 0 5px 15px #0003
}

.language-selector__list>button {
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: .7142857143rem;
    font-weight: 600;
    color: #d7e3ed;
    width: 100%;
    cursor: pointer;
    padding: .7142857143rem
}

.language-selector__list>button:hover {
    background: #ffffff05
}

.language-selector__list>button>img {
    width: 1.7142857143rem;
    height: 1.7142857143rem;
    object-fit: cover;
    border-radius: 1.7142857143rem
}

.language-selector__list>button:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .02)
}

.connect-process {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 1.4285714286rem;
    padding-top: 2.1428571429rem
}

.connect-process p {
    color: #b5c6d5e6;
    font-size: 1.1428571429rem
}

.input-button {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    text-transform: uppercase;
    padding: .4285714286rem .7142857143rem .5714285714rem;
    border-radius: .4285714286rem;
    border: none;
    color: #000;
    cursor: pointer;
    background: #ffce56;
    font-size: 1.8571428571rem;
    position: absolute;
    left: 4.6428571429rem;
    right: .8571428571rem;
    z-index: 5
}

.input-button.--hover {
    opacity: 0;
    visibility: hidden;
    transition: .1s
}

.input-group:hover .input-button.--hover {
    opacity: 1;
    visibility: visible
}

.sign {
    margin: auto;
    padding: 2.8571428571rem 0;
    width: 100%;
    max-width: 38.5714285714rem
}

.sign .large-modal__preloader {
    opacity: .9;
    border-radius: 1.9285714286rem
}

@media (max-width: 525px) {
    .sign {
        margin: initial;
        padding: 0;
        width: 100%;
        max-width: 100%;
        min-height: 100%
    }
}

.sign__form {
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    box-shadow: 0 0 0 .0714285714rem #8c70eb68, 0 0 3.5714285714rem #1b152e;
    border-radius: 2.1428571429rem;
    background: linear-gradient(120deg, #1a232a99, #040c15);
    padding: 4.6428571429rem 5.7142857143rem 0
}

@media (max-width: 525px) {
    .sign__form {
        box-shadow: none;
        border-radius: 0rem;
        background: transparent
    }
}

@media (max-width: 525px) {
    .sign__form {
        padding: 3.2142857143rem 1.4285714286rem
    }
}

.sign__form--title {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    margin: 0 -5.7142857143rem .7142857143rem;
    border-left: .1428571429rem solid #eab941;
    padding: 0 5.7142857143rem;
    font-size: 4.1428571429rem;
    line-height: 100%
}

.sign__form--title.--mb {
    margin-bottom: 2.5rem
}

.sign__form--title span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    display: inline-block;
    color: #ddaf41
}

@media (max-width: 525px) {
    .sign__form--title {
        margin: 0 -1.4285714286rem;
        padding: 0 1.4285714286rem
    }
}

@media (max-width: 400px) {
    .sign__form--title {
        font-size: 3.4285714286rem
    }
}

.sign__form--title>svg {
    vertical-align: middle;
    transform: translateY(-1px);
    scale: 1.1;
    margin-right: .7142857143rem;
    width: 2.4285714286rem;
    height: auto
}

.sign__form--title-image {
    display: block;
    margin-bottom: 1.7857142857rem
}

.sign__form--title-image img {
    width: 7.8571428571rem;
    height: auto
}

.sign__form--subtitle {
    opacity: .6;
    margin: 1.4285714286rem 0 2.8571428571rem;
    font-weight: 300;
    font-size: 1.1428571429rem
}

.sign__form--inset-holder {
    margin: 0 -1.4285714286rem;
    border-radius: 0 0 2.1428571429rem 2.1428571429rem
}

@media (max-width: 545px) {
    .sign__form--inset-holder {
        margin: 0;
        padding: 0
    }
}

.sign__form--inset {
    position: relative;
    border-radius: .2857142857rem;
    background: linear-gradient(120deg, #21334166, #040c1566);
    padding: 1.7857142857rem 1.4285714286rem 3.5714285714rem
}

@media (max-width: 545px) {
    .sign__form--inset {
        background: transparent !important;
        padding: .3571428571rem 0 3.5714285714rem
    }
}

.sign__reset {
    margin-top: .7142857143rem;
    margin-bottom: -1.4285714286rem
}

.sign__reset a {
    color: #deefff99
}

.sign__help {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.0714285714rem 0
}

.sign__help a {
    margin-left: auto;
    color: #eab941;
    text-decoration: underline .0714285714rem;
    text-underline-offset: .1428571429rem;
    text-transform: uppercase
}

.sign__switch {
    margin-top: 2.1428571429rem;
    text-align: center
}

.sign__switch a {
    transition: .2s;
    color: #deefff99;
    text-decoration: underline .0714285714rem;
    text-underline-offset: .1428571429rem
}

.sign__switch a:hover {
    color: #deefffe6
}

.sign__button {
    /* margin-top: 2.8571428571rem; */
    display: flex;
    justify-content: center;
}

.sign__preloader {
    position: absolute;
    bottom: -5rem;
    left: 50%;
    translate: -50% 0;
    animation: loader 2s linear infinite
}

@keyframes loader {
    0% {
        rotate: 0deg
    }

    to {
        rotate: 360deg
    }
}

.sign__resend {
    position: relative
}

.sign__resend--timer {
    position: absolute;
    bottom: -1.7857142857rem;
    color: #deefff99
}

.reset__button {
    margin-left: 0 !important;
    color: #deefff99 !important;
    text-transform: none !important
}

.success-modal .large-modal__body {
    background: linear-gradient(165deg, #192936, #111e29)
}

.success-modal__image {
    margin-top: 2.8571428571rem
}

.success-modal__image img {
    width: 17.2857142857rem;
    height: 17.2857142857rem;
    object-fit: contain
}

.success-modal__title {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    position: relative;
    padding: 0rem .7142857143rem;
    font-weight: 400 !important;
    font-size: 4.1428571429rem
}

.success-modal__title:before {
    display: block;
    position: absolute;
    top: 0;
    left: -4.2857142857rem;
    background: #eab941;
    width: .1428571429rem;
    height: 100%;
    content: ""
}

@media (max-width: 640px) {
    .success-modal__title:before {
        left: -1.4285714286rem
    }
}

.success-modal__text {
    font-family: var(--power-font);
    position: relative;
    margin: 0 0 3.2142857143rem;
    padding: .7142857143rem .7142857143rem 0rem;
    color: #deefff99;
    font-weight: 700 !important;
    font-size: 1.6428571429rem
}

.success-modal__text:before {
    display: block;
    position: absolute;
    top: 0;
    left: -4.2857142857rem;
    background: #eab941;
    width: .1428571429rem;
    height: 100%;
    content: ""
}

@media (max-width: 640px) {
    .success-modal__text:before {
        left: -1.4285714286rem
    }
}

.sign-bg {
    position: fixed;
    left: 0;
    z-index: -1;
    mix-blend-mode: screen;
    width: 100%;
    height: 100vh;
    object-fit: cover
}

@media (max-width: 525px) {
    .sign-bg {
        display: none
    }
}

.sign-header {
    /*  background: linear-gradient(165deg, #192936b3, #111e29b3); */
    width: 100%
}

.sign-header__container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    margin: auto;
    padding: 0 2.1428571429rem;
    max-width: 90%;
    height: 9.6428571429rem
}

@media (max-width: 768px) {
    .sign-header__container {
        grid-template-columns: 40% 60%;
        max-width: 100%;
        height: 5.3571428571rem;
        padding: 0 1.0714285714rem
    }
}

.sign-header__buttons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    margin: 0 0 0 auto
}

.sign-header__buttons a {
    color: #deefffcc;
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.7142857143rem;
    letter-spacing: .4px;
    text-transform: uppercase
}

@media (max-width: 768px) {
    .sign-header__buttons a {
        font-size: 1rem
    }
}

.sign-header__buttons .default-button {
    width: auto;
    min-width: 13.9285714286rem;
    height: 3.5714285714rem;
    color: #000;
    letter-spacing: .4px
}

.sign-header__buttons .default-button:after {
    background: #eab941
}

@media (max-width: 768px) {
    .sign-header__buttons .default-button {
        padding: 0rem 1.0714285714rem;
        min-width: auto;
        height: 2.2857142857rem
    }

    .sign-header__buttons .default-button span {
        font-size: 1rem !important
    }
}

.sign-header__logo svg {
    float: left;
    width: 11.7857142857rem;
    height: auto
}

@media (max-width: 768px) {
    .sign-header__logo svg {
        width: 8.5714285714rem
    }
}

.sign-header__slogan {
    font-family: var(--power-font);
    color: #fff9;
    font-weight: 300;
    font-size: 1.1428571429rem;
    letter-spacing: .2142857143rem
}

@media (max-width: 768px) {
    .sign-header__slogan {
        display: none
    }
}

.dashboard {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "stats stats stats" "profile team transactions" "stakings stakings stakings";
    gap: 2.5rem 4.2857142857rem;
    width: 100%
}

@media (max-width: 1200px) {
    .dashboard {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "profile team" "stats transactions" "stakings stakings";
        gap: 1.7857142857rem 4.2857142857rem
    }
}

@media (max-width: 768px) {
    .dashboard {
        display: flex;
        flex-direction: column
    }
}

.dashboard__title {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.4285714286rem;
    color: #deefffe6;
    font-size: 1.6428571429rem
}

@media (max-width: 768px) {
    .dashboard__title:not(.--no-border) {
        border-top: 1px solid rgba(255, 255, 255, .1);
        padding-top: 1.4285714286rem
    }
}

.dashboard__title>a {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    color: #61819a;
    font-size: 1.1428571429rem;
    text-transform: uppercase
}

.dashboard__settings {
    align-self: flex-start;
    cursor: pointer;
    margin: 0 0 0 auto;
    height: fit-content
}

.dashboard__stats {
    position: relative;
    grid-area: stats;
    order: 1
}

.dashboard__stats--row {
    display: flex;
    align-items: center;
    gap: .7142857143rem
}

.dashboard__stats--row>a {
    display: block;
    width: 100%;
    text-decoration: none !important
}

@media (max-width: 1200px) {
    .dashboard__stats--row {
        display: grid;
        grid-template-columns: 1fr
    }
}

@media (max-width: 1200px) {
    .dashboard__stats:after {
        display: block;
        position: absolute;
        top: 0;
        right: -2.0714285714rem;
        background: #ffffff1a;
        width: 1px;
        height: 100%;
        content: ""
    }
}

@media (max-width: 768px) {
    .dashboard__stats:after {
        display: none
    }
}

.dashboard__profile {
    position: relative;
    grid-area: profile;
    order: 0
}

.dashboard__profile:after {
    display: block;
    position: absolute;
    top: 0;
    right: -2.0714285714rem;
    background: #ffffff1a;
    width: 1px;
    height: 100%;
    content: ""
}

@media (max-width: 768px) {
    .dashboard__profile:after {
        display: none
    }
}

.dashboard__profile--inset {
    display: flex;
    position: relative;
    align-items: center;
    gap: 1.7142857143rem
}

.dashboard__profile--avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .2857142857rem;
    background: linear-gradient(135deg, #ffefdd, #e2c785);
    width: 8.5714285714rem;
    height: 8.5714285714rem
}

.dashboard__profile--avatar img {
    float: left;
    border-radius: .1428571429rem;
    width: 8.2857142857rem;
    height: 8.2857142857rem
}

.dashboard__profile--line span {
    background: linear-gradient(135deg, #ffefdd, #e2c785);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 1.1428571429rem;
    letter-spacing: 1%
}

.dashboard__profile--name {
    margin: .4285714286rem 0;
    color: #fff;
    font-weight: 800;
    font-size: 1.8571428571rem;
    font-family: Neue Machina, Neue Power, sans-serif
}

.dashboard__profile--login span {
    font-family: var(--power-font);
    background: linear-gradient(to top, #ffce56, #fe9923);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 1.2857142857rem
}

@media (max-width: 768px) {
    .dashboard__profile .stats-table {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
}

.dashboard__team {
    display: flex;
    position: relative;
    grid-area: team;
    flex-direction: column;
    justify-content: space-between;
    order: 2
}

.dashboard__team:after {
    display: block;
    position: absolute;
    top: 0;
    right: -2.0714285714rem;
    background: #ffffff1a;
    width: 1px;
    height: 100%;
    content: ""
}

@media (max-width: 768px) {
    .dashboard__team .stats-table {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
}

.dashboard__balance {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    display: flex;
    gap: .7142857143rem;
    margin-top: .5714285714rem;
    box-shadow: 0 .2857142857rem 2.8571428571rem #0006;
    border-radius: .4285714286rem;
    padding: 1.0714285714rem 1.0714285714rem .9285714286rem 0
}

.dashboard__balance--info {
    flex: 1
}

.dashboard__balance--image img {
    margin-left: -1.4285714286rem;
    max-width: 10rem
}

.dashboard__balance--title {
    display: flex;
    align-items: center;
    gap: .7142857143rem;
    color: #61819a;
    font-weight: 700
}

.dashboard__balance--title>svg {
    width: 1.2142857143rem;
    height: auto
}

.dashboard__balance--value {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    margin: .7142857143rem 0 .5rem;
    font-size: 2.1428571429rem
}

.dashboard__balance--buttons {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: flex-end;
    gap: .5714285714rem 1.0714285714rem;
    width: 100%
}

.dashboard__balance--buttons .--info {
    color: #fff6;
    font-size: .9285714286rem;
    text-align: center
}

.dashboard__transactions {
    display: flex;
    grid-area: transactions;
    flex-direction: column;
    order: 3
}

.dashboard__transactions--list {
    position: relative;
    flex: 1;
    margin-top: -1.4285714286rem
}

.dashboard__transactions--list:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: linear-gradient(to top, rgba(13, 21, 27, .9), transparent);
    width: 100%;
    height: 1.4285714286rem;
    content: ""
}

@media (max-width: 768px) {
    .dashboard__transactions--list:after {
        display: none
    }
}

.dashboard__transactions--list:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: linear-gradient(to bottom, rgba(13, 20, 29, .9), transparent);
    width: 100%;
    height: 1.4285714286rem;
    content: ""
}

@media (max-width: 768px) {
    .dashboard__transactions--list:before {
        display: none
    }
}

.dashboard__transactions--list .ScrollbarsCustom-Content {
    display: flex;
    flex-direction: column;
    gap: .9285714286rem;
    padding-top: 1.4285714286rem !important;
    padding-bottom: 1.4285714286rem !important
}

.dashboard__stakings {
    grid-area: stakings;
    order: 4
}

.dashboard__partners {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    margin-top: .5714285714rem;
    box-shadow: 0 .2857142857rem 2.8571428571rem #0003;
    border-radius: .4285714286rem;
    padding: 1.1428571429rem 1.2857142857rem
}

@media (max-width: 768px) {
    .dashboard__partners {
        margin-bottom: .5714285714rem
    }
}

.dashboard__partners--inset {
    display: flex;
    align-items: center;
    gap: 1.4285714286rem;
    margin-bottom: 1.7857142857rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: .8571428571rem
}

.dashboard__partners--title {
    color: #deefffb3;
    font-size: 1.1428571429rem
}

.dashboard__partners--value {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    color: #fff;
    font-size: 2.8571428571rem
}

.dashboard__partners--image img {
    width: 5.3571428571rem;
    height: 5.3571428571rem;
    object-fit: contain
}

.dashboard__telegram {
    background: url(../assets-front/fonts/tg_bg-8dGRcbh7.jpg) center no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .7142857143rem 2.1428571429rem;
    margin: .3571428571rem 0;
    border-radius: .4285714286rem;
    box-shadow: 0 5px 15px #eaba414d
}

.dashboard__telegram.--desktop {
    display: flex
}

@media (max-width: 768px) {
    .dashboard__telegram.--desktop {
        display: none
    }
}

.dashboard__telegram.--mobile {
    display: none
}

@media (max-width: 768px) {
    .dashboard__telegram.--mobile {
        display: flex
    }
}

.dashboard__telegram>img {
    width: 6.7142857143rem
}

.dashboard__telegram--title {
    font-weight: 900;
    text-shadow: 0px .3571428571rem .3571428571rem rgba(0, 0, 0, .3);
    font-size: 1.2857142857rem;
    line-height: 120%;
    color: #fff
}

.dashboard__telegram .default-button {
    min-height: 2rem
}

.dashboard__telegram .default-button span {
    font-size: 1.2857142857rem
}

.partner-zero {
    background: transparent !important;
    color: #deefff !important
}

.deposit-zero {
    background: transparent !important
}

.deposit-zero span {
    color: #deefff !important
}

.--red {
    margin-top: 3.5714285714rem;
    margin-bottom: 3.5714285714rem
}

.--red:before {
    box-shadow: inset 0 0 0 .1428571429rem #e35f5f !important
}

.--red:after {
    background: linear-gradient(45deg, #fa9191, #d43f3f)
}

.--red:hover:after {
    box-shadow: 0 .2857142857rem 2.8571428571rem transparent !important
}

.app-holder__inner {
    display: flex;
    align-items: center;
    width: 100%;
    gap: .7142857143rem;
    padding-left: 5rem
}

.app-holder__inner .language-selector {
    margin-left: auto;
    transform: translateY(7px);
    z-index: 100
}

@media (max-width: 768px) {
    .app-holder__inner .language-selector {
        display: none
    }
}

.app-holder__outer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.inner {
    position: relative !important;
    transform: none !important;
    margin-top: 1.4285714286rem
}

@media (min-width: 1024px) {
    .inner {
        display: none
    }
}

.stats-block {
    display: flex;
    flex: 1;
    align-items: center;
    box-shadow: inset 0 0 0 1px #fff3, 0 .2857142857rem 2.8571428571rem #0003;
    border-radius: .4285714286rem;
    background: linear-gradient(to top, #161e26, #2c353f);
    padding: 0rem 1.5rem 1rem
}

.stats-block>img {
    translate: 0 .4285714286rem;
    scale: 1.2;
    margin: 0 .4285714286rem 0 1.7142857143rem;
    width: 4.6428571429rem;
    height: 4.6428571429rem;
    object-fit: contain
}

.stats-block__inset {
    flex: 1
}

.stats-block__top {
    display: flex;
    align-items: center
}

.stats-block__top img {
    margin: -.3571428571rem 0 -.5714285714rem 1rem;
    width: 4.5714285714rem;
    height: 4.5714285714rem;
    object-fit: contain
}

.stats-block__top big {
    flex: 1;
    translate: 0 -.2857142857rem;
    border-bottom: .1428571429rem solid rgba(255, 255, 255, .1);
    padding: .8571428571rem 0 .5rem;
    color: #ffffffb3;
    font-size: 1.0714285714rem;
    letter-spacing: .0714285714rem
}

.stats-block__top a {
    display: flex;
    margin-top: auto;
    margin-right: 0rem;
    margin-left: 1rem;
    padding: .4285714286rem
}

.stats-block__top a>svg {
    translate: 0 -.5714285714rem;
    width: auto;
    height: 1rem
}

.stats-block__bottom {
    display: flex;
    align-items: center;
    gap: .3571428571rem;
    padding-top: .4285714286rem
}

.stats-block__bottom>svg,
.stats-block__bottom>img {
    width: 1.7857142857rem;
    height: 1.7857142857rem;
    object-fit: contain
}

.stats-block__bottom big {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    color: #fff;
    font-size: 2.1428571429rem
}

.stats-block__bottom .--badge {
    margin-left: auto;
    border-radius: .4285714286rem;
    background: linear-gradient(185deg, #48af1b, #51c81c);
    padding: .0714285714rem .7142857143rem;
    font-weight: 600;
    font-size: 1rem
}

.stats-block__bottom small {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    margin-left: .2142857143rem;
    color: #ffffff80;
    font-size: 1.5rem
}

.stats-block.--lg .stats-block__top>svg,
.stats-block.--lg .stats-block__top>img {
    width: 5.1428571429rem;
    height: 5.1428571429rem
}

.stats-block.--lg .stats-block__top big {
    border-bottom: .2142857143rem solid rgba(255, 255, 255, .1);
    padding: 1.1428571429rem 0 .7142857143rem;
    font-size: 1.2142857143rem
}

.dashboard-button {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: .1428571429rem;
    background: linear-gradient(to bottom, #fe9923, #ffce56);
    padding: 1rem;
    width: 100%;
    color: #15232e;
    font-size: 1.1428571429rem;
    letter-spacing: .0285714286rem;
    text-decoration: none;
    text-transform: uppercase
}

.tr-el {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    display: flex;
    align-items: center;
    gap: .9285714286rem;
    margin-bottom: 10px;
    border-radius: .4285714286rem;
    padding: 1.2142857143rem;
    white-space: nowrap;
    position: relative
}

.tr-el.--declined {
    opacity: .5
}

.tr-el.--declined .tr-el__sum {
    color: #ccc !important
}

.tr-el__info-button {
    position: absolute;
    top: -.2857142857rem;
    left: 0;
    z-index: 4;
    width: 1.7142857143rem;
    height: 1.7142857143rem;
    border-radius: 1.7142857143rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    background: linear-gradient(to top, #ffce56, #fe9923);
    color: #000
}

.tr-el.--pending>* {
    opacity: .6
}

.tr-el.--pending .tr-el__image {
    opacity: 1
}

.tr-el.--pending .tr-el__image img {
    opacity: .4
}

.tr-el.--pending .tr-el__loader {
    display: flex;
    align-items: center;
    justify-content: center
}

.tr-el.--pending .tr-el__loader img {
    opacity: 1 !important
}

.tr-el.--pending .tr-el__sum {
    color: #ccc !important
}

.tr-el__loader {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: none
}

.tr-el__loader img {
    width: 1.7142857143rem !important;
    height: auto !important
}

.tr-el__col:last-child {
    overflow: hidden
}

.tr-el small {
    color: #deefffb3;
    font-weight: 400;
    font-size: 1rem;
    max-width: 11.4285714286rem;
    white-space: nowrap
}

.tr-el small u {
    text-decoration: 1px underline rgba(222, 239, 255, .3);
    text-underline-offset: .1428571429rem
}

.tr-el__image {
    width: 3.7142857143rem;
    height: 3.7142857143rem;
    min-width: 3.7142857143rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 1.0714285714rem
}

.tr-el__image img {
    float: left;
    width: 3.7142857143rem;
    height: 3.7142857143rem;
    border-radius: 1.0714285714rem;
    object-fit: contain
}

.tr-el__image.--avatar {
    background: linear-gradient(135deg, #ffefdd, #e2c785)
}

.tr-el__image.--avatar img {
    scale: .9;
    object-fit: cover
}

.tr-el__info {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex: 1;
    overflow: hidden
}

.tr-el__row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    gap: .7142857143rem
}

.tr-el__type {
    color: #deefff;
    font-weight: 700;
    font-size: 1.1428571429rem
}

.tr-el__type span {
    color: #eab941
}

.tr-el__data {
    color: #deefff;
    font-weight: 700;
    font-size: 1rem
}

.tr-el__data span {
    color: #eab941
}

.tr-el__date {
    color: #deefffb3;
    font-size: .8571428571rem;
    text-align: right
}

.tr-el__sum {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    display: flex;
    justify-content: flex-end;
    gap: .4285714286rem;
    font-size: 1.4285714286rem;
    padding-left: 1.4285714286rem
}

.tr-el__sum.--minus {
    color: #c82222
}

.tr-el__sum.--plus {
    color: #92da72
}

.tr-el__sum.--gold {
    color: #eab941
}

.tr-el__sum.--other {
    color: #878787
}

.tr-el__sum>img,
.tr-el__sum>svg {
    width: 1.2857142857rem;
    min-width: 1.2857142857rem;
    height: auto;
    object-fit: contain
}

.notifications__list {
    display: flex;
    flex-direction: column;
    gap: .7142857143rem;
    margin-bottom: 1.4285714286rem
}

.notifications__list-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 2rem;
    height: 350px;
    font-size: 16px;
    text-align: center
}

.transactions-avatar {
    border-radius: 1.0714285714rem
}

.notification {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 .2857142857rem 2.8571428571rem #0003;
    border-radius: .4285714286rem;
    padding: .7142857143rem 1.7857142857rem;
    min-height: 5rem
}

.notification__title {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.1428571429rem;
    line-height: 140%;
    white-space: pre
}

.notification__date {
    color: #6e8aa6;
    font-size: 1rem;
    text-align: right
}

.notification.--new {
    background: linear-gradient(to top, #ffce56, #fe9923);
    color: #000
}

.notification.--new:before {
    display: block;
    position: absolute;
    top: .7142857143rem;
    left: .7142857143rem;
    border-radius: 50%;
    background: #000;
    width: .7142857143rem;
    height: .7142857143rem;
    content: ""
}

.notification.--new .notification__date {
    color: #0009
}

@media (min-width: 768px) {
    .notification.--lg {
        padding: 1.2857142857rem 3.5714285714rem;
        min-height: 7.1428571429rem
    }

    .notification.--lg .notification__title {
        font-size: 1.8571428571rem
    }

    .notification.--lg .notification__date {
        font-size: 1.5714285714rem
    }

    .notification.--lg .notification__date br {
        display: none
    }
}

.react-calendar {
    width: 350px;
    max-width: 100%;
    background: #fff;
    border: 1px solid #a0a096;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.125em
}

.react-calendar--doubleView {
    width: 700px
}

.react-calendar--doubleView .react-calendar__viewContainer {
    display: flex;
    margin: -.5em
}

.react-calendar--doubleView .react-calendar__viewContainer>* {
    width: 50%;
    margin: .5em
}

.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.react-calendar button {
    margin: 0;
    border: 0;
    outline: none
}

.react-calendar button:enabled:hover {
    cursor: pointer
}

.react-calendar__navigation {
    display: flex;
    height: 44px;
    margin-bottom: 1em
}

.react-calendar__navigation button {
    min-width: 44px;
    background: none
}

.react-calendar__month-view__weekdays {
    text-align: center;
    text-transform: uppercase;
    font: inherit;
    font-size: .75em;
    font-weight: 700
}

.react-calendar__month-view__weekdays__weekday {
    padding: .5em
}

.react-calendar__month-view__weekNumbers .react-calendar__tile {
    display: flex;
    align-items: center;
    justify-content: center;
    font: inherit;
    font-size: .75em;
    font-weight: 700
}

.react-calendar__month-view__days__day--weekend {
    color: #d10000
}

.react-calendar__month-view__days__day--neighboringMonth,
.react-calendar__decade-view__years__year--neighboringDecade,
.react-calendar__century-view__decades__decade--neighboringCentury {
    color: #757575
}

.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
    padding: 2em .5em
}

.react-calendar__tile {
    max-width: 100%;
    padding: 10px 6.6667px;
    background: none;
    text-align: center;
    font: inherit;
    font-size: .833em
}

.react-calendar__tile:disabled {
    color: #ababab
}

.react-calendar__month-view__days__day--neighboringMonth:disabled,
.react-calendar__decade-view__years__year--neighboringDecade:disabled,
.react-calendar__century-view__decades__decade--neighboringCentury:disabled {
    color: #cdcdcd
}

.react-calendar__tile--now {
    background: #ffff76
}

.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
    background: #ffffa9
}

.react-calendar__tile--hasActive {
    background: #76baff
}

.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
    background: #a9d4ff
}

.react-calendar__tile--active {
    background: #006edc;
    color: #fff
}

.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
    background: #1087ff
}

.react-daterange-picker__inputGroup__year {
    min-width: 2.75rem
}

.wallet {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.1428571429rem
}

@media (max-width: 768px) {
    .wallet {
        display: flex;
        flex-direction: column;
        gap: 1.4285714286rem
    }
}

.wallet__cell {
    display: flex;
    flex-direction: column
}

.wallet__cell.--left {
    gap: 2.1428571429rem
}

.wallet__title {
    margin-bottom: 1.7857142857rem;
    color: #deefff;
    font-weight: 400 !important;
    font-size: 1.4285714286rem;
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

@media (max-width: 768px) {
    .wallet__title {
        margin-bottom: 20px;
        color: #deefffb3;
        letter-spacing: .0714285714rem
    }
}

.wallets-list {
    display: flex;
    flex-direction: column;
    border-radius: .4285714286rem
}

.wallets-list__block {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    display: flex;
    gap: 2.5rem;
    border-radius: .4285714286rem;
    padding: 1.7857142857rem 1.7857142857rem 1.4285714286rem 0rem;
    box-shadow: 0 .2857142857rem 2.8571428571rem #0006
}

@media (max-width: 640px) {
    .wallets-list__block {
        gap: 1.2857142857rem;
        padding: 1.5rem 1.1428571429rem 1.5rem 0rem
    }
}

.wallets-list__block.--disabled {
    opacity: .4
}

.wallets-list__block.--disabled * {
    pointer-events: none
}

.wallets-list__block--image {
    margin-left: -2.8571428571rem;
    margin-top: auto;
    margin-bottom: auto
}

.wallets-list__block--image img {
    width: 15rem;
    height: auto;
    object-fit: contain
}

@media (max-width: 640px) {
    .wallets-list__block--image {
        margin-left: -1.4285714286rem
    }

    .wallets-list__block--image img {
        width: 10rem
    }
}

.wallets-list__block--balance {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.0714285714rem;
    margin: .7142857143rem 0;
    color: #fff;
    font-size: 3.3571428571rem
}

@media (max-width: 1200px) {
    .wallets-list__block--balance {
        font-size: 2.7142857143rem
    }
}

@media (max-width: 640px) {
    .wallets-list__block--balance {
        font-size: 2.1428571429rem
    }
}

.wallets-list__block--balance>span {
    color: #fff6;
    font-size: 1.5714285714rem;
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

@media (max-width: 640px) {
    .wallets-list__block--balance>span {
        font-size: 1rem
    }
}

.wallets-list__block--info {
    flex: 1
}

.wallets-list__block--title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.wallets-list__block--title span {
    display: flex;
    align-items: center;
    gap: .7142857143rem;
    color: #61819a;
    font-weight: 700;
    font-size: 1.75rem
}

.wallets-list__block--title span>svg {
    width: 2rem;
    height: auto
}

@media (max-width: 640px) {
    .wallets-list__block--title span {
        font-size: 1.1428571429rem
    }

    .wallets-list__block--title span>svg {
        width: 1.2142857143rem;
        height: auto
    }
}

.wallets-list__block--title button {
    translate: 0 -.5714285714rem;
    cursor: pointer;
    margin: 0 -.3571428571rem;
    border: none;
    background: transparent;
    padding: 0 .7142857143rem;
    height: 1.7142857143rem
}

.wallets-list__block--title button svg {
    float: left
}

@media (max-width: 640px) {
    .wallets-list__block--title button svg {
        height: 1.1428571429rem
    }
}

.wallets-list__block--buttons {
    display: flex;
    align-items: center;
    gap: 1.4285714286rem
}

.wallets-list__block--buttons div:first-child {
    flex: 1
}

.wallets-list__block--buttons div>span {
    display: block;
    margin-top: 1.1428571429rem;
    width: 100%;
    color: #fff6;
    font-size: 1.1428571429rem;
    text-align: center
}

@media (max-width: 640px) {
    .wallets-list__block--buttons div>span {
        font-size: .8571428571rem
    }
}

.wallets-list__block--gold {
    display: flex;
    flex-direction: column;
    margin: .4285714286rem 0
}

.wallets-list__block--gold>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .2857142857rem 0
}

.wallets-list__block--gold>div>big,
.wallets-list__block--gold>div>span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

.wallets-list__block--gold>div>big *,
.wallets-list__block--gold>div>span * {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

.wallets-list__block--gold>div>big.--yellow,
.wallets-list__block--gold>div>span.--yellow {
    color: #ffce56
}

.wallets-list__block--gold>div>big {
    font-weight: 400 !important;
    font-size: 2.1428571429rem
}

.wallets-list__block--gold>div>span {
    color: #deefff66;
    font-size: 1.6428571429rem
}

@media (max-width: 640px) {
    .wallets-list__block--gold>div>span {
        font-size: 1rem
    }
}

.wallets-list__block--gold>div:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.wallet-send {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    z-index: 2;
    transition: .2s;
    cursor: pointer;
    box-shadow: inset 0 0 0 .0714285714rem #ffffff1a;
    border: none;
    border-radius: .2857142857rem;
    background: linear-gradient(165deg, #2a3441a1, #131f2859);
    width: 5rem;
    height: 5rem
}

.wallet-send.--sm {
    width: 3.5714285714rem;
    height: 3.5714285714rem
}

.wallet-send.--sm>svg {
    width: 1.7142857143rem;
    height: 1.7142857143rem
}

@media (max-width: 640px) {
    .wallet-send {
        width: 3.5714285714rem;
        height: 3.5714285714rem
    }
}

.wallet-send>svg {
    width: 2.4285714286rem;
    height: 2.4285714286rem;
    color: #fff6
}

@media (max-width: 640px) {
    .wallet-send>svg {
        width: 1.7142857143rem;
        height: 1.7142857143rem
    }
}

.wallet-send:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    transition: .2s;
    border-radius: .2857142857rem;
    background: linear-gradient(165deg, #2a3441e6, #131f2880);
    width: 100%;
    height: 100%;
    content: ""
}

.wallet-send:hover:before {
    opacity: 1
}

.wallet-send:disabled {
    pointer-events: none;
    opacity: .5
}

.wallet-sell {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    z-index: 2;
    transition: .2s;
    cursor: pointer;
    box-shadow: inset 0 0 0 .0714285714rem #ffffff1a;
    border: none;
    border-radius: .2857142857rem;
    background: linear-gradient(165deg, #2a3441a1, #131f2859);
    width: 100%;
    height: 5rem
}

@media (max-width: 640px) {
    .wallet-sell {
        height: 3.5714285714rem
    }
}

.wallet-sell>span {
    font-family: var(--power-font);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2.2857142857rem;
    letter-spacing: .0714285714rem;
    color: #8e9499
}

.wallet-sell>svg {
    width: 2.4285714286rem;
    height: 2.4285714286rem;
    color: #fff6
}

@media (max-width: 640px) {
    .wallet-sell>svg {
        width: 1.7142857143rem;
        height: 1.7142857143rem
    }
}

.wallet-sell:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    transition: .2s;
    border-radius: .2857142857rem;
    background: linear-gradient(165deg, #2a3441e6, #131f2880);
    width: 100%;
    height: 100%;
    content: ""
}

.wallet-sell:hover:before {
    opacity: 1
}

.total-balance {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    display: flex;
    align-items: center;
    gap: 1.0714285714rem;
    box-shadow: 0 .2857142857rem 2.8571428571rem #0006;
    border-radius: .4285714286rem;
    padding: 3.5714285714rem 3.2142857143rem;
    justify-content: space-between
}

@media (max-width: 640px) {
    .total-balance {
        padding: 2.1428571429rem 1.7857142857rem
    }
}

.total-balance.--dashboard {
    margin-top: .5714285714rem;
    padding: 1.4285714286rem 2.1428571429rem
}

.total-balance.--dashboard .total-balance__title {
    font-size: 1.1428571429rem
}

.total-balance.--dashboard .total-balance__total {
    display: flex;
    align-items: center;
    gap: .3571428571rem;
    font-size: 2.1428571429rem
}

.total-balance.--dashboard .total-balance__total>svg {
    width: 1.7857142857rem;
    height: auto
}

.total-balance.--dashboard .total-balance__info {
    max-width: 12.1428571429rem
}

@media (max-width: 640px) {
    .total-balance.--dashboard .total-balance__info {
        max-width: 100%
    }
}

.total-balance.--dashboard .total-balance__stats {
    gap: .3571428571rem
}

.total-balance.--dashboard .total-balance__circular {
    width: 3.9285714286rem !important
}

.total-balance__title {
    color: #61819a;
    font-weight: 600;
    font-size: 1.75rem
}

@media (max-width: 640px) {
    .total-balance__title {
        font-size: 1.2857142857rem
    }
}

.total-balance__info {
    flex: 1;
    max-width: 20rem
}

@media (max-width: 640px) {
    .total-balance__info {
        max-width: 100%
    }
}

.total-balance__total {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    margin-top: .3571428571rem;
    font-size: 3.2857142857rem;
    display: flex;
    align-items: center;
    gap: .7142857143rem
}

.total-balance__total>svg {
    width: 2.5714285714rem;
    height: auto;
    translate: 0 -.1428571429rem
}

@media (max-width: 1200px) {
    .total-balance__total {
        font-size: 2.7142857143rem
    }
}

@media (max-width: 640px) {
    .total-balance__total {
        font-size: 1.8571428571rem
    }
}

.total-balance__stats {
    display: flex;
    gap: 1.0714285714rem
}

.total-balance__circular {
    stroke-width: .7142857143rem;
    width: 6.4285714286rem !important;
    height: auto !important
}

@media (max-width: 640px) {
    .total-balance__circular {
        width: 5rem !important;
        height: 5rem !important
    }
}

.total-balance__circular.--usdt .CircularProgressbar-trail,
.total-balance__circular.--usdt .CircularProgressbar-path {
    stroke: url(#usdtBalanceGradient)
}

.total-balance__circular.--xaut .CircularProgressbar-trail,
.total-balance__circular.--xaut .CircularProgressbar-path {
    stroke: url(#xAutBalanceGradient)
}

.total-balance .CircularProgressbar-text {
    fill: #fff !important;
    font-family: Poppins, sans-serif
}

.total-balance .CircularProgressbar-trail {
    opacity: .2
}

.total-balance .CircularProgressbar-trail,
.total-balance .CircularProgressbar-path {
    stroke-width: 1.0714285714rem;
    transform-origin: center;
    scale: .87
}

.transactions {
    display: flex;
    flex-direction: column;
    box-shadow: 0 .2857142857rem 2.8571428571rem #0009;
    border-radius: .4285714286rem;
    background: linear-gradient(to bottom, #192834, #111e29);
    padding: 3.5714285714rem 2.8571428571rem;
    height: 100%;
    max-height: 100%
}

@media (max-width: 640px) {
    .transactions {
        background: transparent;
        box-shadow: none;
        padding: 0 !important
    }
}

.transactions__empty {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    color: #deefffb3;
    padding: 1.4285714286rem;
    text-align: center;
    box-shadow: inset 0 0 0 .0714285714rem #ffffff1a;
    border-radius: .4285714286rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4285714286rem
}

.transactions__empty>img {
    width: 1.1428571429rem;
    height: 1.1428571429rem;
    margin: -.3571428571rem 0 -.3571428571rem -.5714285714rem
}

@media (max-width: 768px) {
    .transactions {
        display: block;
        padding: 2.1428571429rem 1.7857142857rem;
        height: auto
    }
}

.transactions__title {
    margin-bottom: 1.4285714286rem;
    color: #fff;
    font-size: 1.3571428571rem
}

@media (max-width: 768px) {
    .transactions__title {
        font-size: 1.1428571429rem
    }
}

@media (max-width: 640px) {
    .transactions__title {
        display: none
    }
}

.transactions__filter {
    display: flex;
    gap: 6px;
    margin-bottom: 1.4285714286rem
}

.transactions__filter button {
    cursor: pointer;
    border: .0714285714rem solid rgba(222, 239, 255, .4);
    border-radius: .4285714286rem;
    background: transparent;
    padding: .3571428571rem .8571428571rem;
    color: #979797;
    font-weight: 700;
    font-size: 1.2142857143rem;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: .4285714286rem
}

.transactions__filter button>svg {
    height: 1.3rem
}

.transactions__filter button.active {
    border: .0714285714rem solid #eab941;
    background: #eab941;
    color: #333
}

.transactions__filter--all {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: .4285714286rem;
    font-size: 1.1428571429rem !important;
    border: .0714285714rem solid rgba(222, 239, 255, .4);
    text-transform: none !important;
    font-weight: 500 !important;
    color: #fff !important
}

.transactions__filter--all>svg {
    color: #ffce56;
    min-width: 1.2857142857rem;
    height: auto
}

.transactions .ScrollbarsCustom-Content {
    display: flex;
    flex-direction: column;
    gap: 1.4285714286rem
}

@media (min-width: 640px) {
    .transactions .ScrollbarsCustom-Content {
        padding: 1.4285714286rem 1.4285714286rem 0 0 !important
    }
}

@media (max-width: 640px) {
    .transactions .ScrollbarsCustom-Content {
        gap: 0
    }
}

.transactions__list {
    position: relative;
    flex: 1
}

@media (min-width: 768px) {
    .transactions__list {
        padding-top: 1.4285714286rem !important;
        padding-right: 1.4285714286rem !important;
        padding-bottom: 1.4285714286rem !important;
        margin-right: -2.8571428571rem
    }
}

.transactions__list:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: linear-gradient(to top, #111e29, transparent);
    width: 100%;
    height: 1.4285714286rem;
    content: ""
}

@media (max-width: 768px) {
    .transactions__list:after {
        display: none
    }
}

.transactions__list:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: linear-gradient(to bottom, #172632, transparent);
    width: 100%;
    height: 1.4285714286rem;
    content: ""
}

@media (max-width: 768px) {
    .transactions__list:before {
        display: none
    }
}

.transactions__list--day {
    margin-bottom: .2142857143rem;
    color: #fff;
    font-size: 1.3571428571rem
}

@media (max-width: 768px) {
    .transactions__list--day {
        font-size: 1.1428571429rem
    }
}

.transactions__list--block {
    display: flex;
    flex-direction: column;
    gap: 26px
}

@media (max-width: 768px) {
    .transactions__list--block {
        gap: .7142857143rem
    }
}

.transactions__content {
    display: flex;
    flex-direction: column;
    gap: 1.0714285714rem
}

@media (min-width: 640px) {
    .transactions__content.--wallet .tr-el {
        background: transparent;
        padding: 0
    }

    .transactions__content.--wallet .tr-el__image,
    .transactions__content.--wallet .tr-el__image img {
        width: 4.6428571429rem;
        height: 4.6428571429rem
    }

    .transactions__content.--wallet .tr-el__type,
    .transactions__content.--wallet .tr-el__date,
    .transactions__content.--wallet .tr-el__data {
        font-size: 1.4285714286rem
    }

    .transactions__content.--wallet .tr-el small {
        font-size: 1.2857142857rem;
        max-width: 15.7142857143rem
    }

    .transactions__content.--wallet .tr-el__sum {
        font-family: var(--ultra-font);
        font-weight: var(--ultra-font-weight) !important;
        font-size: 1.8571428571rem
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .transactions__content.--wallet .tr-el__sum {
        font-size: 1.4285714286rem
    }
}

@media (min-width: 640px) {

    .transactions__content.--wallet .tr-el__sum svg,
    .transactions__content.--wallet .tr-el__sum img {
        width: 1.7142857143rem;
        height: auto
    }
}

.transaction {
    display: flex;
    align-items: center;
    gap: 1.2857142857rem;
    width: 100%
}

@media (max-width: 768px) {
    .transaction {
        gap: 1.0714285714rem
    }
}

.transaction__icon img {
    float: left;
    width: 4.6428571429rem;
    height: 4.6428571429rem
}

@media (max-width: 768px) {
    .transaction__icon img {
        width: 3.5714285714rem;
        height: 3.5714285714rem
    }
}

.transaction__info {
    flex: 1
}

.transaction__info--person {
    color: #deefffb3;
    font-weight: 400;
    font-size: 1.1428571429rem
}

@media (max-width: 768px) {
    .transaction__info--person {
        font-size: 1rem
    }
}

.transaction__info--person span {
    color: #deefffb3;
    text-decoration: underline
}

.transaction__info--desc {
    color: #deefff;
    font-weight: 700;
    font-weight: 600;
    font-size: 1.1428571429rem;
    font-size: 1.4285714286rem
}

@media (max-width: 768px) {
    .transaction__info--desc {
        font-size: 1.1428571429rem
    }
}

.transaction__info--target {
    margin-bottom: .3571428571rem;
    color: #eab941;
    font-weight: 600;
    font-size: 1.4285714286rem
}

@media (max-width: 768px) {
    .transaction__info--target {
        margin-bottom: .1428571429rem;
        font-size: 1.1428571429rem
    }
}

.transaction__info--date {
    margin-bottom: .1428571429rem;
    color: #deefffb3;
    font-size: 1.1428571429rem
}

@media (max-width: 768px) {
    .transaction__info--date {
        font-size: 1rem
    }
}

.transaction__info--sum {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: .3em;
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.8571428571rem
}

@media (max-width: 768px) {
    .transaction__info--sum {
        font-size: 1.4285714286rem
    }
}

.transaction__info--sum.--minus {
    color: #c82222
}

.transaction__info--sum.--plus {
    color: #8dd76c
}

.transaction__info--sum.--other {
    color: #959595
}

.transaction__info--sum svg,
.transaction__info--sum img {
    display: block;
    width: 1em;
    height: 1em
}

.transaction__info--currency {
    font-weight: 600;
    font-size: 1.5rem
}

@media (max-width: 768px) {
    .transaction__info--currency {
        font-size: 1rem
    }
}

.transaction__curr {
    text-align: right
}

.refill-row {
    display: flex;
    gap: .5714285714rem
}

.refill-row.--methods {
    display: grid;
    grid-template-columns: 65% 35%;
    margin-bottom: 1.0714285714rem
}

.refill-cell.--amount {
    margin-bottom: 3.5714285714rem
}

.payment-selector {
    display: flex;
    flex-direction: column;
    gap: 1.4285714286rem;
    margin: .3571428571rem 0 3.5714285714rem
}

.payment-selector__body {
    display: flex;
    position: relative;
    align-items: center;
    gap: 1.4285714286rem;
    transition: .2s;
    cursor: pointer;
    border-radius: .2857142857rem;
    padding: 2.1428571429rem 1.7857142857rem;
    width: 100%;
    background: linear-gradient(165deg, #192936b3, #111e29b3)
}

.payment-selector__body:before {
    position: absolute;
    top: 0;
    right: .2857142857rem;
    translate: 0 -50%;
    opacity: 0;
    transition: .2s;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice'%3E%3Cpath d='M2.28881 4.14728C2.4132 3.17705 3.17705 2.4132 4.14728 2.28881L19.5775 0.310581C20.8624 0.145843 22 1.14688 22 2.44236V19.8508C22 21.0378 21.0378 22 19.8508 22H2.44236C1.14688 22 0.145843 20.8624 0.310581 19.5775L2.28881 4.14728Z' fill='url(%23paint0_linear_101_857)'/%3E%3Cpath d='M2.86288 4.22088C2.95377 3.51192 3.51192 2.95377 4.22088 2.86288L19.6511 0.884648C20.59 0.764272 21.4212 1.49574 21.4212 2.44236V19.8508C21.4212 20.7181 20.7181 21.4212 19.8508 21.4212H2.44236C1.49574 21.4212 0.764272 20.59 0.884648 19.6511L2.86288 4.22088Z' stroke='%238DD76C' stroke-opacity='0.68' stroke-width='1.15753'/%3E%3Cpath d='M9.36403 16.8726C7.94691 15.3712 6.53846 13.856 5.11701 12.3546C4.961 12.1893 4.961 11.9138 5.11701 11.7485L6.75081 10.0175C6.90683 9.85224 7.16685 9.85224 7.32286 10.0175L9.65872 12.4923L15.6652 6.12397C15.8256 5.95868 16.0813 5.95868 16.2416 6.12397L17.8797 7.85954C18.0401 8.02943 18.0401 8.30032 17.8797 8.46562L9.93608 16.8726C9.78006 17.0425 9.52438 17.0425 9.36403 16.8726Z' fill='%238DD76C'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_101_857' x1='-0.508364' y1='0' x2='-0.508364' y2='22' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23485568'/%3E%3Cstop offset='1' stop-color='%232F404E'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: contain;
    width: 1.5714285714rem;
    height: 1.5714285714rem;
    content: ""
}

.payment-selector label {
    position: relative
}

.payment-selector label input[type=radio]:checked~.payment-selector__body {
    box-shadow: inset 0 0 0 .0714285714rem #8ed76cb3, 0 .2857142857rem 2.8571428571rem #0006;
    background: linear-gradient(to top, #1c2832, #333e4d)
}

.payment-selector label input[type=radio]:checked~.payment-selector__body:before {
    opacity: 1
}

.payment-selector label.--disabled {
    opacity: .5;
    pointer-events: none
}

.payment-selector label.--disabled:before {
    position: absolute;
    top: 0;
    right: 1.4285714286rem;
    content: "soon";
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    translate: 0 -50%;
    z-index: 2;
    box-shadow: 0 0 0 1px #ffcf5666;
    border-radius: .2857142857rem;
    padding: .0714285714rem .6428571429rem 0rem;
    color: #deefff;
    font-weight: 700;
    font-size: 1.1428571429rem;
    text-transform: uppercase
}

.payment-selector label input {
    position: absolute
}

.payment-selector__title {
    flex: 1;
    color: #deefff;
    font-weight: 700;
    font-size: 1.1428571429rem
}

.payment-selector__icons {
    display: flex;
    align-items: center;
    gap: .7142857143rem
}

.payment-selector__icons svg,
.payment-selector__icons img {
    width: auto;
    height: 2.2857142857rem
}

.amount-blocks {
    display: flex;
    gap: 1.0714285714rem
}

.amount-block {
    background: linear-gradient(165deg, #192936, #111e29);
    flex: 1;
    margin: .4285714286rem -.1428571429rem 0;
    box-shadow: 0 0 0 .0714285714rem #ffffff1a;
    border-radius: .2857142857rem;
    padding: .9285714286rem 1.7857142857rem
}

.amount-block__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #deefffb3;
    font-size: 1.1428571429rem
}

.amount-block__value {
    margin-top: .4285714286rem;
    box-shadow: 0 0 0 .0714285714rem #ffffff1a;
    border-radius: .2857142857rem;
    padding: 1.0714285714rem;
    color: #deefff;
    font-weight: 600;
    font-size: 1.1428571429rem
}

.payment-details {
    display: flex;
    flex-direction: column;
    gap: .5714285714rem;
    margin: 0;
    padding: 0;
    list-style: none
}

.payment-details li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    box-shadow: inset 0 0 0 .0714285714rem #8ed76c99, 0 .2857142857rem 2.8571428571rem #0006;
    border-radius: .2857142857rem;
    background: linear-gradient(to top, #1e2932, #323d4b);
    padding: 0 1.4285714286rem;
    height: 3rem;
    font-weight: 600;
    font-family: var(--power-font)
}

.payment-details li span {
    display: flex;
    align-items: center
}

.payment-details__title {
    font-size: 1.1428571429rem;
    font-family: var(--power-font);
    font-weight: 700
}

.payment-details__details {
    gap: .6428571429rem;
    font-size: 1.6428571429rem;
    font-family: var(--power-font);
    font-weight: 900
}

.payment-details__details>svg {
    width: 1.6428571429rem;
    height: auto
}

.payment-details__copy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
    width: 1rem;
    height: 1rem
}

.payment-details__copy>svg {
    width: 100%;
    height: auto
}

.payment-address {
    box-shadow: inset 0 0 0 .0714285714rem #ffffff1a;
    border-radius: .2857142857rem;
    width: 90%;
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    margin: 1.7142857143rem auto 0
}

.payment-address__qr {
    padding: 1.7857142857rem 1.4285714286rem 0rem;
    text-align: center
}

.payment-address__qr>svg {
    width: 10.7142857143rem;
    height: auto
}

.payment-address__timer {
    margin-bottom: 1.4285714286rem;
    font-weight: 700;
    font-size: 1.1428571429rem
}

.payment-address__details {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: .7142857143rem;
    padding: 1.0714285714rem 1.4285714286rem 1.4285714286rem;
    max-width: 100%;
    overflow: hidden
}

.payment-address__details>div {
    overflow: hidden
}

.payment-address__details--title {
    color: #deefffb3;
    font-size: 1.1428571429rem
}

.payment-address__details--value {
    width: 100%;
    font-weight: 500
}

.payment-address__details button {
    translate: 0 -.2857142857rem;
    cursor: pointer;
    border: none;
    border-radius: .2857142857rem;
    background: linear-gradient(to bottom, #fe9923, #ffce56);
    padding: .4285714286rem .8571428571rem;
    color: #000 !important;
    font-weight: 700;
    font-size: .8571428571rem
}

.payment-address__confirm {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    border-radius: .1428571429rem;
    background: linear-gradient(to bottom, #fe9923, #ffce56);
    width: 100%;
    height: 3.2142857143rem;
    color: #000;
    font-weight: 400 !important;
    font-size: 1.1428571429rem;
    letter-spacing: .0428571429rem;
    text-transform: uppercase;
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

.payment-address__decline {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    background: transparent;
    width: 100%;
    height: 3.2142857143rem;
    color: #f04a4a;
    font-size: 1.1428571429rem;
    letter-spacing: .0428571429rem;
    text-decoration: underline 1px #f04a4a;
    text-underline-offset: .1428571429rem;
    text-transform: uppercase;
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

.transfer-amount {
    color: #fff;
    font-weight: 800;
    font-size: 1.4285714286rem
}

.transfer-amount span {
    color: #ffce56
}

.tf-box {
    position: relative
}

.tf-box__title {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.5714285714rem;
    margin-bottom: .7142857143rem;
    font-weight: 600
}

.tf-box__reset-date {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    text-transform: uppercase;
    position: absolute;
    top: .3571428571rem;
    right: 0;
    font-size: 1rem;
    cursor: pointer;
    color: #f04a4a
}

.tf-box__reset-date:hover {
    text-decoration: underline;
    text-underline-offset: .1428571429rem
}

.tf-box__row {
    display: flex;
    align-items: center;
    gap: .3571428571rem
}

.tf-box__row>input {
    flex: 1;
    width: 100%
}

.tf-box__row span {
    padding: 0 .7142857143rem;
    color: #deefffb3;
    font-weight: 900
}

.tf-box__row.--wrap {
    flex-wrap: wrap
}

.tf-box__input {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    border: none;
    box-shadow: inset 0 0 0 1px #ffffff1a, 0 .3571428571rem 1.7857142857rem #0003;
    padding: 1.0714285714rem;
    border-radius: .4285714286rem;
    color: #deefffe6;
    font-size: .9285714286rem;
    font-weight: 600
}

.tf-box__input::placeholder {
    color: #deefff66
}

.tf-check span {
    background: linear-gradient(165deg, #20303e, #192633);
    padding: .2142857143rem .8571428571rem .2142857143rem 1.7142857143rem;
    border-radius: .4285714286rem;
    font-weight: 600;
    display: block;
    position: relative;
    cursor: pointer
}

.tf-check span:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: .7142857143rem;
    width: 6px;
    height: 6px;
    background: #ffce56;
    translate: 0 -50%;
    border-radius: 50%
}

.tf-check input {
    position: absolute;
    opacity: 0
}

.tf-check input:checked~span {
    background: linear-gradient(to bottom, #fe9923, #ffce56);
    color: #111e29
}

.tf-check input:checked~span:before {
    background: #111e29
}

.tf-rage {
    width: 100%
}

.tf-rage .react-daterange-picker__wrapper {
    border: none;
    display: flex;
    gap: .7142857143rem
}

.tf-rage .react-daterange-picker__inputGroup {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    box-shadow: inset 0 0 0 1px #ffffff1a, 0 .3571428571rem 1.7857142857rem #0003;
    padding: .7142857143rem 1.0714285714rem;
    border-radius: .4285714286rem;
    color: #deefff66;
    font-size: 1.0714285714rem;
    font-weight: 600;
    width: 100%
}

.tf-rage .react-daterange-picker__inputGroup__leadingZero {
    color: #deefffe6
}

.tf-rage .react-daterange-picker__inputGroup input {
    color: #deefffe6;
    text-align: center
}

.tf-rage .react-daterange-picker__inputGroup input::placeholder {
    color: #deefff66;
    text-transform: uppercase
}

.tf-rage .react-daterange-picker__inputGroup input:invalid {
    background: transparent
}

.tf-rage .react-daterange-picker__inputGroup input:invalid::placeholder {
    color: #d20000b3
}

.tf-rage .react-daterange-picker__calendar {
    width: 100%;
    inset: 130% auto auto 0 !important
}

.tf-rage .react-calendar {
    background: linear-gradient(165deg, #192936, #111e29);
    overflow: hidden;
    width: 100%;
    border-radius: .4285714286rem;
    border: none;
    box-shadow: inset 0 0 0 1px #ffffff1a, 0 .3571428571rem 1.7857142857rem #0003
}

.tf-rage .react-calendar__navigation {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.tf-rage .react-calendar__navigation__label {
    color: #fff;
    transition: .2s;
    font-weight: 600
}

.tf-rage .react-calendar__navigation__label:hover {
    background: #ffcf561a !important
}

.tf-rage .react-calendar__navigation__arrow {
    color: #fff;
    transition: .2s
}

.tf-rage .react-calendar__navigation__arrow:hover {
    background: #ffcf561a !important
}

.tf-rage .react-calendar__tile {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    border-radius: .4285714286rem;
    transition: .1s;
    position: relative;
    z-index: 2
}

.tf-rage .react-calendar__tile--hasActive {
    background: #ffce56;
    color: #111e29
}

.tf-rage .react-calendar__tile--hasActive:hover {
    background: #ffce56 !important
}

.tf-rage .react-calendar__tile--now {
    background: #ffcf561a
}

.tf-rage .react-calendar__tile:before {
    content: "";
    background: #ffcf5666;
    position: absolute;
    left: 0;
    right: 0;
    top: .3571428571rem;
    bottom: .3571428571rem;
    z-index: -1;
    opacity: 0;
    transition: .1s
}

.tf-rage .react-calendar__tile--active {
    background: transparent;
    color: #fff !important
}

.tf-rage .react-calendar__tile--active:before {
    opacity: 1
}

.tf-rage .react-calendar__tile--active:hover {
    background: #ffce56 !important;
    color: #111e29
}

.tf-rage .react-calendar__tile--hover {
    background: transparent
}

.tf-rage .react-calendar__tile--hover:not(.react-calendar__tile--hoverStart):before,
.tf-rage .react-calendar__tile--hover:not(.react-calendar__tile--rangeStart):before,
.tf-rage .react-calendar__tile--hover:not(.react-calendar__tile--hoverEnd):before,
.tf-rage .react-calendar__tile--hover:not(.react-calendar__tile--rangeEnd):before {
    opacity: 1
}

.tf-rage .react-calendar__tile--active:enabled:focus {
    background: #ffce56;
    box-shadow: 0 .3571428571rem 1.7857142857rem #ffcf5666;
    color: #111e29
}

.tf-rage .react-calendar__tile:enabled:active,
.tf-rage .react-calendar__tile:enabled:hover {
    background: #ffcf5666
}

.tf-rage .react-calendar__tile--hoverStart,
.tf-rage .react-calendar__tile--rangeStart,
.tf-rage .react-calendar__tile--hoverEnd,
.tf-rage .react-calendar__tile--rangeEnd {
    background: #ffce56 !important;
    box-shadow: 0 .3571428571rem 1.0714285714rem #ffcf5666;
    color: #111e29 !important
}

.tf-rage .react-calendar__tile:focus {
    background: transparent
}

.tf-rage .react-calendar__month-view__days__day--weekend {
    color: #f98f8f
}

.tf-rage .react-calendar__month-view__weekdays__weekday {
    padding: 0rem .3571428571rem .8571428571rem;
    font-size: .8571428571rem
}

.tf-rage .react-calendar__month-view__weekdays__weekday abbr {
    text-decoration: none !important
}

.invest__row {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    display: flex
}

@media (max-width: 768px) {
    .invest__row {
        flex-direction: column;
        gap: 0rem;
        padding: 1.7857142857rem 2.1428571429rem 0;
        background: linear-gradient(165deg, #192936b3, #111e29b3)
    }
}

.invest__cell {
    display: flex;
    flex: 1;
    flex-direction: column
}

.invest__cell hr {
    display: none;
    margin: 15px 0
}

@media (max-width: 768px) {
    .invest__cell hr {
        display: block
    }
}

.invest__cell:last-child {
    padding: 1.4285714286rem 2.1428571429rem
}

@media (max-width: 768px) {
    .invest__cell:last-child {
        padding: 0
    }
}

.invest__title {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    margin-bottom: 1.7857142857rem;
    color: #deefff;
    font-weight: 400 !important;
    font-size: 1.4285714286rem
}

@media (max-width: 768px) {
    .invest__title {
        margin-bottom: 20px;
        color: #deefffb3;
        letter-spacing: .0714285714rem
    }
}

@media (max-width: 768px) {
    .invest__title.--mobile-hide {
        display: none
    }
}

.invest__block {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    display: flex;
    align-items: center;
    gap: 1.7857142857rem;
    box-shadow: 0 .2857142857rem 2.8571428571rem #0006;
    border-radius: .4285714286rem;
    padding: 2.1428571429rem 1.7857142857rem 2.1428571429rem 0rem
}

@media (max-width: 768px) {
    .invest__block {
        gap: 1.2857142857rem;
        box-shadow: none;
        background: transparent;
        padding: 0
    }
}

.invest__block--image {
    margin-left: -3.5714285714rem
}

.invest__block--image img {
    width: 18.5714285714rem;
    height: auto;
    object-fit: contain
}

@media (max-width: 768px) {
    .invest__block--image img {
        width: 14.2857142857rem
    }
}

@media (max-width: 400px) {
    .invest__block--image {
        display: none
    }

    .invest__block--image img {
        width: 11.4285714286rem
    }
}

.invest__block--balance {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.0714285714rem;
    margin: .7142857143rem 0 1.7857142857rem;
    color: #ffce56;
    font-size: 3.3571428571rem
}

@media (max-width: 1200px) {
    .invest__block--balance {
        font-size: 2.7142857143rem
    }

    .invest__block--balance>svg {
        width: 2.2857142857rem;
        height: 2.2857142857rem
    }
}

@media (max-width: 640px) {
    .invest__block--balance {
        font-size: 2.4285714286rem
    }
}

.invest__block--balance>span {
    color: #fff9;
    font-size: 1.5714285714rem;
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

@media (max-width: 640px) {
    .invest__block--balance>span {
        font-size: 1rem
    }
}

.invest__block--info {
    flex: 1
}

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

.invest__block--title span {
    display: flex;
    align-items: center;
    gap: .7142857143rem;
    color: #61819a;
    font-weight: 600;
    font-size: 1.75rem
}

.invest__block--title span>svg {
    width: 2rem;
    height: auto
}

@media (max-width: 640px) {
    .invest__block--title span {
        font-size: 1.1428571429rem
    }

    .invest__block--title span>svg {
        width: 1.2142857143rem;
        height: auto
    }
}

.invest__block--title button {
    translate: 0 -.5714285714rem;
    cursor: pointer;
    margin: 0 -.3571428571rem;
    border: none;
    background: transparent;
    padding: 0 .7142857143rem;
    height: 1.7142857143rem
}

.invest__block--title button svg {
    float: left
}

@media (max-width: 640px) {
    .invest__block--title button svg {
        height: 1.1428571429rem
    }
}

.invest__block--buttons {
    max-width: 90%
}

@media (max-width: 768px) {
    .invest__block--buttons {
        max-width: 100%
    }
}

.invest__block--buttons div>span {
    display: block;
    margin-top: 1.1428571429rem;
    width: 100%;
    color: #fff6;
    font-size: 1.1428571429rem;
    text-align: center
}

@media (max-width: 768px) {
    .invest__block--buttons div>span {
        display: none
    }
}

.invest>hr {
    margin: 3.5rem 0 1.9285714286rem
}

.invest__stats-title {
    display: none;
    margin-top: 1.0714285714rem;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: .8571428571rem 0;
    color: #61819a;
    font-weight: 700;
    font-size: 1.1428571429rem
}

@media (max-width: 768px) {
    .invest__stats-title {
        display: block
    }
}

.stats-table {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    gap: .5714285714rem
}

.stats-table.--sm {
    gap: .5714285714rem
}

@media (max-width: 768px) {
    .stats-table {
        gap: .7142857143rem;
        margin: 0 -2.1428571429rem
    }
}

.stats-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 .2857142857rem 2.8571428571rem #0006;
    border-radius: .4285714286rem;
    padding: 0 1.7142857143rem;
    height: 3.9285714286rem;
    color: #deefff;
    font-weight: 900;
    font-size: 1.5714285714rem;
    font-family: var(--power-font);
    background: linear-gradient(165deg, #192936b3, #111e29b3)
}

@media (max-width: 768px) {
    .stats-line {
        border-radius: 0
    }
}

@media (max-width: 640px) {
    .stats-line {
        font-size: 1.3571428571rem
    }
}

.stats-line>* {
    font-family: var(--power-font)
}

.stats-line>div:not(.switch) {
    flex: 1
}

.stats-line>big {
    display: flex;
    align-items: center;
    font-size: 2.2857142857rem
}

@media (max-width: 640px) {
    .stats-line>big {
        font-size: 1.4285714286rem
    }
}

.stats-line>span {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    opacity: .4;
    min-width: 7.1428571429rem;
    font-weight: 700;
    font-size: 2.1428571429rem
}

@media (max-width: 640px) {
    .stats-line>span {
        min-width: 5.7142857143rem;
        font-size: 1.4285714286rem
    }
}

.stats-line a {
    width: 7.1428571429rem
}

@media (max-width: 640px) {
    .stats-line a {
        width: 5.7142857143rem
    }
}

.stats-line a svg {
    float: right
}

.stats-line.--green {
    box-shadow: inset 0 0 0 1px #8ed76cb3;
    background: linear-gradient(to top, #1e2c39, #323e4e)
}

.stats-line.--sm {
    height: 3rem
}

.stats-line.--sm>div {
    font-size: 1.1428571429rem
}

.stats-line.--sm>span {
    min-width: 5.7142857143rem;
    font-size: 1.5714285714rem
}

.stats-line.--sm>big {
    font-size: 1.5714285714rem
}

.stats-line.--sm a {
    width: 5.7142857143rem
}

.status {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-left: auto;
    font-size: 1.6428571429rem
}

.status__level {
    margin: -.3571428571rem 0;
    border-radius: .2142857143rem;
    background: linear-gradient(285deg, #e2c57f, #ffefdd);
    height: 1.9285714286rem
}

@media (max-width: 640px) {
    .status__level {
        translate: 0 -.1428571429rem
    }
}

.status__level span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    display: inline-block;
    translate: 0 -.25rem;
    padding: 0 .7142857143rem 0 .5714285714rem;
    color: #121f2b;
    font-size: 1.7142857143rem;
    line-height: 80%
}

@media (max-width: 640px) {
    .status__level span {
        translate: 0 -.25rem;
        padding: 0 .6428571429rem 0 .5714285714rem;
        font-size: 1.6428571429rem
    }
}

.invest-slider {
    position: relative;
    margin: -1.4285714286rem -4.2857142857rem !important;
    padding: 1.4285714286rem 4.2857142857rem 2.1428571429rem !important
}

.invest-slider .swiper-button-prev,
.invest-slider .swiper-button-next {
    z-index: 11;
    color: #ffce56
}

.invest-slider .swiper-button-prev:after,
.invest-slider .swiper-button-next:after {
    font-size: 1.7142857143rem;
    font-weight: 900
}

.invest-slider .swiper-button-disabled {
    opacity: 0
}

.invest-slider .swiper-button-prev {
    left: -.6428571429rem
}

.invest-slider .swiper-button-next {
    right: -.6428571429rem
}

.invest-slider .swiper-pagination {
    bottom: 0rem !important
}

.invest-slider .swiper-pagination-bullet {
    background: #fff9
}

.invest-slider .swiper-pagination-bullet-active {
    background: #ffce56
}

.invest-slider .swiper-slide {
    width: fit-content !important;
    height: auto
}

.invest-slider:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    background: linear-gradient(to right, transparent, #080f18 50%);
    width: 6.4285714286rem;
    height: 100%;
    content: "";
    opacity: 0;
    transition: .2s
}

.invest-slider:not(.--end):before {
    opacity: 1
}

.invest-slider:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: linear-gradient(to left, transparent, #101921 50%);
    width: 6.4285714286rem;
    height: 100%;
    content: "";
    opacity: 0;
    transition: .2s
}

.invest-slider:not(.--start):after {
    opacity: 1
}

@media (max-width: 500px) {
    .invest-slider {
        margin: 0 -1.7857142857rem !important;
        padding: 0 1.7857142857rem !important
    }

    .invest-slider .swiper-wrapper {
        flex-direction: column;
        gap: 1.4285714286rem
    }

    .invest-slider:before,
    .invest-slider:after {
        display: none !important
    }

    .invest-slider .swiper-slide {
        width: 100% !important
    }
}

.invest-slide {
    box-shadow: 0 .2857142857rem 2.8571428571rem #0006;
    border-radius: .4285714286rem;
    background: linear-gradient(to bottom, #34404f, #1b2630);
    padding: 1.3571428571rem 1.8571428571rem;
    width: 32.1428571429rem
}

@media (max-width: 500px) {
    .invest-slide {
        width: 100%
    }
}

.invest-slide.--active {
    box-shadow: inset 0 0 0 1px #8ed76cb3, 0 .2857142857rem 2.8571428571rem #0006
}

.invest-slide.--sm {
    padding: 1.0714285714rem 1.2142857143rem;
    width: 22.8571428571rem
}

@media (max-width: 768px) {
    .invest-slide.--sm {
        width: 100%
    }
}

.invest-slide.--sm .invest-slide__title {
    gap: .7857142857rem
}

.invest-slide.--sm .invest-slide__title--info span {
    font-size: .9642857143rem
}

.invest-slide.--sm .invest-slide__title--info big {
    font-size: 3rem
}

.invest-slide.--sm .invest-slide__title--info small {
    font-size: 19px
}

.invest-slide.--sm .invest-slide__title--image img {
    width: 5rem
}

.invest-slide.--sm hr {
    margin: .8571428571rem 0
}

.invest-slide.--sm .invest-slide__info {
    gap: .4285714286rem
}

.invest-slide.--sm .invest-slide__info--line>div:not(.switch) {
    font-size: .9642857143rem
}

.invest-slide.--sm .invest-slide__info--line>big {
    font-size: 1.4285714286rem
}

.invest-slide.--sm .invest-slide__info--line>span {
    opacity: .4;
    width: 5rem;
    font-size: 1.4285714286rem;
    text-align: right
}

.invest-slide.--sm .invest-slide__info--line .switch {
    transform-origin: center right;
    scale: .8
}

.invest-slide.--sm .invest-slide__button {
    margin-top: 1.2857142857rem;
    border-radius: .2857142857rem;
    padding: .8571428571rem;
    font-size: .9285714286rem
}

.invest-slide.--sm .invest-active {
    display: flex;
    align-items: center;
    gap: .2142857143rem;
    padding: .1428571429rem .2857142857rem;
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    position: absolute;
    top: .3571428571rem;
    right: .3571428571rem;
    border-radius: .1428571429rem;
    color: #8dd76c;
    font-weight: 700;
    font-size: .7142857143rem
}

.invest-slide.--sm .invest-active>svg {
    width: .7142857143rem;
    height: .7142857143rem
}

.invest-slide__title {
    display: flex;
    align-items: center;
    gap: 1.0714285714rem
}

.invest-slide__title--image img {
    width: 7.1428571429rem;
    height: auto
}

@media (max-width: 425px) {
    .invest-slide__title--image img {
        width: 5rem
    }
}

.invest-slide__title--info {
    flex: 1;
    overflow: hidden
}

.invest-slide__title--info span {
    margin-bottom: .5rem;
    color: #61819a;
    font-weight: 700;
    font-size: 1.3571428571rem
}

@media (max-width: 345px) {
    .invest-slide__title--info span {
        font-size: 1.1428571429rem
    }
}

.invest-slide__title--info>div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.invest-slide__title--info>div big {
    color: #ffce56;
    font-family: var(--power-font);
    font-weight: 900;
    font-size: 4.2857142857rem
}

@media (max-width: 345px) {
    .invest-slide__title--info>div big {
        font-size: 3rem
    }
}

.invest-slide__title--info>div small {
    color: #deefff66;
    font-family: var(--power-font);
    transform: translateY(-.4285714286rem);
    font-weight: 900;
    font-size: 1.8571428571rem
}

@media (max-width: 345px) {
    .invest-slide__title--info>div small {
        transform: translateY(-.4285714286rem);
        font-size: 1.7142857143rem
    }
}

.invest-slide__info {
    display: flex;
    flex-direction: column;
    gap: .6428571429rem
}

.invest-slide__info--line {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.invest-slide__info--line>* {
    font-family: var(--power-font);
    color: #deefffe6;
    font-weight: 900
}

.invest-slide__info--line>div:not(.switch) {
    flex: 1;
    font-size: 1.3571428571rem
}

.invest-slide__info--line>big {
    font-size: 1.9285714286rem
}

.invest-slide__info--line>span {
    opacity: .4;
    width: 7.1428571429rem;
    font-size: 1.8571428571rem;
    text-align: right
}

.invest-slide__button {
    cursor: pointer;
    margin-top: 1.7142857143rem;
    border: none;
    border-radius: .2857142857rem;
    background: linear-gradient(to top, #ffce56, #fe9923);
    padding: 1.2857142857rem;
    width: 100%;
    color: #15232e;
    font-weight: 900;
    font-size: 1.3571428571rem;
    text-transform: uppercase;
    font-family: var(--power-font)
}

.invest-slide hr {
    margin: 1.0714285714rem 0
}

.new-stake {
    font-family: var(--power-font);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 17.8571428571rem;
    height: 100%;
    font-weight: 900;
    font-size: 2.1428571429rem;
    padding: 2.1428571429rem 1.7142857143rem;
    min-width: 21.4285714286rem;
    border-radius: .4285714286rem;
    overflow: visible
}

@media (max-width: 500px) {
    .new-stake {
        box-shadow: 0 .2857142857rem 2.8571428571rem #0006;
        background: linear-gradient(165deg, #192936b3, #111e29b3);
        width: 100%
    }
}

.new-stake button {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    transition: .2s;
    cursor: pointer;
    margin-bottom: 1.0714285714rem;
    border: none;
    border-radius: 50%;
    background: linear-gradient(to top, #ffce56, #fe9923);
    width: 5.9285714286rem;
    height: 5.9285714286rem;
    color: #15232e
}

.new-stake button>svg {
    width: 2.7142857143rem;
    height: 2.7142857143rem
}

.new-stake button:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -52% -48%;
    z-index: -2;
    transition: .2s;
    border: 1px solid #ffce56;
    border-radius: 50%;
    width: 5.7857142857rem;
    height: 5.7857142857rem;
    content: ""
}

.new-stake button:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -48% -52%;
    z-index: -2;
    transition: .2s;
    border: 1px solid #ffce56;
    border-radius: 50%;
    width: 5.7857142857rem;
    height: 5.7857142857rem;
    content: ""
}

.new-stake button:hover {
    box-shadow: 0 0 25px #ffcf5680
}

.new-stake button:hover:before {
    translate: -54% -54%
}

.new-stake button:hover:after {
    translate: -46% -46%
}

.invest-active {
    display: flex;
    align-items: center;
    gap: .2142857143rem;
    padding: .2857142857rem .5rem;
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    position: absolute;
    top: .3571428571rem;
    right: .3571428571rem;
    border-radius: .1428571429rem;
    color: #8dd76c;
    font-weight: 700
}

.invest-active.--modal {
    background: linear-gradient(165deg, #192936, #111e29);
    box-shadow: 0 0 0 .1428571429rem #ffffff1a;
    left: 3.9285714286rem;
    border-radius: .4285714286rem;
    right: auto;
    top: 0;
    translate: 0 -50%;
    border-radius: 1.0714285714rem;
    padding: .2857142857rem .4285714286rem
}

@media (max-width: 768px) {
    .invest-active.--modal {
        left: 1.4285714286rem
    }
}

.stake-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: .3571428571rem 0 1.4285714286rem;
    overflow: hidden;
    gap: 1.4285714286rem
}

.stake-row>div * {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.6428571429rem
}

.stake-row>div:first-child {
    color: #deefffcc
}

.stake-row>div:last-child {
    color: #deefff66
}

@media (max-width: 640px) {
    .large-modal .stats-table {
        margin: 0
    }
}

.bonuses-table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.4285714286rem
}

.bonuses-table td {
    padding: .7142857143rem 0
}

.bonuses-table td:last-child {
    text-align: right
}

.bonuses-table thead tr td {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    color: #b5c6d5
}

.bonuses-table tbody tr td {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.bonuses-table tbody tr td span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    display: inline-block;
    margin-right: .3571428571rem;
    border-radius: .2857142857rem;
    background: linear-gradient();
    padding-top: .0714285714rem;
    min-width: 2.5rem;
    height: 1.7857142857rem;
    color: #121f2b;
    text-align: center
}

.bonuses-table tbody tr td span.--bronze {
    background: linear-gradient(135deg, #ffefdd, #e2c57f)
}

.bonuses-table tbody tr td span.--silver {
    background: linear-gradient(135deg, #ffe5a6, #e9bc4e)
}

.bonuses-table tbody tr td span.--gold {
    background: linear-gradient(135deg, #ffda7e, #fc9e2f)
}

.bonuses-table tbody tr td span.--diamond {
    background: linear-gradient(135deg, #0bf7ff, #00e3e9)
}

.bonuses-table tbody tr td span.--platinum {
    background: linear-gradient(135deg, #cd81ff, #c986f9)
}

.terms__list {
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: .1428571429rem;
    background: linear-gradient(to bottom, #48556899, #4855684d);
    padding: 1.4285714286rem
}

@media (min-width: 640px) {
    .terms__list {
        margin: 0 -20px
    }
}

.terms__list ol {
    display: flex;
    flex-direction: column;
    counter-reset: number;
    margin: 0;
    padding: 0;
    list-style: none
}

.terms__list ol li b {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    display: block;
    margin-bottom: .8571428571rem;
    font-size: 1.2857142857rem
}

.terms__list ol li b:before {
    counter-increment: number;
    content: counter(number) ".";
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    margin-right: .3571428571rem;
    color: #eab941
}

.terms__list ol li p {
    margin: 0;
    color: #b5c6d5;
    font-size: 1.1428571429rem;
    line-height: 140%
}

.terms__list ol li:not(:last-child) {
    margin-bottom: 1.1428571429rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 1.4285714286rem
}

.terms__files {
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: .1428571429rem;
    background: linear-gradient(to bottom, #48556899, #4855684d);
    padding: 0rem 1.4285714286rem
}

@media (min-width: 640px) {
    .terms__files {
        margin: 0 -20px
    }
}

.terms__files a {
    display: flex;
    align-items: center;
    padding: .7142857143rem 0;
    text-decoration: none !important
}

.terms__files a span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    color: #deefffe6;
    font-size: 1.1428571429rem
}

.terms__files a i {
    margin-right: .7142857143rem
}

.terms__files a i>svg,
.terms__files a i>img {
    width: auto;
    height: 1.8571428571rem;
    object-fit: contain;
    float: left
}

.terms__files a>svg {
    margin-left: auto;
    width: auto;
    height: 1.5714285714rem
}

.terms__files a:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.terms__title {
    margin: 1.4285714286rem 0 .7142857143rem;
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.6428571429rem
}

.reinvest-modal {
    z-index: 1050
}

.reinvest-modal .large-modal__body {
    background: linear-gradient(165deg, #192936, #111e29);
    max-width: 23.5714285714rem;
    box-shadow: 0 0 1.4285714286rem #0006;
    padding: 2.2857142857rem 3.5714285714rem 1.4285714286rem;
    margin: auto !important
}

.reinvest-modal .large-modal__close {
    display: none
}

.reinvest-modal__switch {
    margin: 0 auto 1.4285714286rem;
    z-index: 2;
    position: relative;
    background: #191a1d;
    border-radius: 3.5714285714rem
}

.reinvest-modal__switch.--active:before {
    background: #8dd76c
}

.reinvest-modal__switch.--active .reinvest-modal__switch--inset span {
    left: auto;
    right: 0;
    background: #8dd76c
}

.reinvest-modal__switch--inset {
    background: linear-gradient(135deg, #1e2931, #0f171f);
    position: relative;
    z-index: 2;
    width: 7.1428571429rem;
    height: 3.5714285714rem;
    border-radius: 3.5714285714rem
}

.reinvest-modal__switch--inset span {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.5714285714rem;
    height: 3.5714285714rem;
    background: linear-gradient(to bottom, #484e56, #3b4048);
    box-shadow: 0 0 0 .2142857143rem #191a1d, 0 .3571428571rem 1.0714285714rem #0006;
    border-radius: 3.5714285714rem
}

.reinvest-modal__switch:before {
    content: "";
    display: block;
    position: absolute;
    top: -.1428571429rem;
    left: -.1428571429rem;
    right: -.1428571429rem;
    bottom: -.1428571429rem;
    background: linear-gradient(to bottom, #191a1d, #373c42);
    z-index: -1;
    border-radius: 3.5714285714rem
}

.reinvest-modal__title {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.6428571429rem;
    color: #deefffcc;
    margin-bottom: 1rem;
    text-align: center
}

.reinvest-modal__title span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

.reinvest-modal__title span.--green {
    color: #8dd76c
}

.reinvest-modal__text {
    text-align: center;
    font-size: 1.1428571429rem
}

.reinvest-modal button {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    text-transform: uppercase;
    font-size: 1.1428571429rem;
    height: 3.2142857143rem;
    width: 100%;
    background: transparent;
    border: none;
    margin-top: 1.7857142857rem;
    position: relative;
    color: #b5c6d5;
    cursor: pointer
}

.reinvest-modal button:hover:before {
    rotate: 1deg
}

.reinvest-modal button:hover:after {
    rotate: -2deg
}

.reinvest-modal button:before {
    content: "";
    display: block;
    position: absolute;
    top: -.0714285714rem;
    left: 0;
    width: 100%;
    height: 100%;
    background: #b5c6d50d;
    box-shadow: inset 0 0 0 .1428571429rem #b5c6d5;
    border-radius: .2857142857rem;
    rotate: -1deg;
    transition: .2s
}

.reinvest-modal button:after {
    content: "";
    display: block;
    position: absolute;
    top: -.0714285714rem;
    left: -.2857142857rem;
    right: -.2857142857rem;
    rotate: 2deg;
    height: 100%;
    background: #b5c6d50d;
    box-shadow: inset 0 0 0 .1071428571rem #b5c6d5;
    border-radius: .2857142857rem;
    transition: .2s
}

.week-income .large-modal__body {
    max-width: 33.9285714286rem
}

.week-income__title {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.6428571429rem;
    margin: -.7142857143rem 0 1.1428571429rem
}

.week-income__dates {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    text-transform: uppercase;
    font-size: 1.4285714286rem;
    background: linear-gradient(to top, #ffce56, #fe9923);
    text-align: center;
    padding: .3571428571rem;
    color: #000;
    margin-bottom: .7857142857rem
}

.week-income__profit {
    display: flex;
    gap: 1.0714285714rem
}

.week-income__profit--title {
    font-size: 3.2857142857rem;
    font-family: Bebas Neue, sans-serif;
    line-height: 92%
}

.week-income__profit--title * {
    font-family: Bebas Neue, sans-serif
}

.week-income__profit--title span.--yellow {
    color: #ffce56
}

.week-income__profit--title span.--green {
    color: #92da72
}

.week-income__profile {
    max-width: 7.1428571429rem
}

.week-income__profile--avatar {
    width: 7.1428571429rem;
    height: 7.1428571429rem;
    position: relative;
    border-radius: .2857142857rem;
    background: linear-gradient(135deg, #ffefdd, #e2c785)
}

.week-income__profile--avatar img {
    width: 6.9285714286rem;
    height: 6.9285714286rem;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    border-radius: .1428571429rem
}

.week-income__profile--name {
    font-family: var(--power-font);
    background: linear-gradient(to top, #ffce56, #fe9923);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.1428571429rem;
    margin-top: .7142857143rem;
    font-weight: 600;
    text-align: center
}

.week-income__total--title {
    text-align: center;
    margin-bottom: 1.2857142857rem;
    font-size: 1.1428571429rem;
    color: #deefffb3
}

.week-income__total--row {
    display: flex;
    gap: .5rem
}

.week-income__total--block {
    flex: 1;
    background: linear-gradient(to top, #1f2a34, #35404f);
    border-radius: .1285714286rem;
    padding: .7142857143rem .9285714286rem .2857142857rem;
    box-shadow: 0 0 0 1px #8ed76cbf, 0 .7142857143rem 1.4285714286rem #0006;
    position: relative
}

.week-income__total--block big {
    font-family: Bebas Neue, sans-serif;
    display: block;
    font-size: 2.9285714286rem;
    line-height: 90%
}

.week-income__total--block span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.2142857143rem;
    display: block;
    color: #92da72
}

.week-income__total--block>img,
.week-income__total--block>svg {
    position: absolute;
    width: 1.5714285714rem;
    height: 1.5714285714rem;
    object-fit: contain;
    right: .4285714286rem;
    top: .4285714286rem;
    filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, .2))
}

.week-income__total--block.--contrast {
    background: #61a244;
    box-shadow: 0 0 0 1px #61a244, 0 .7142857143rem 1.4285714286rem #0003
}

.week-income__total--block.--contrast big,
.week-income__total--block.--contrast span {
    color: #deefff;
    text-shadow: 0px 3px 4px rgba(0, 0, 0, .3)
}

.week-income__stakes {
    margin-bottom: 1.4285714286rem
}

.week-income__stakes--title {
    font-size: 1.4285714286rem;
    color: #deefffb3;
    margin-bottom: 1.0714285714rem
}

.week-income__stakes--tables {
    display: flex;
    flex-direction: column;
    gap: .7142857143rem
}

.wis-table {
    display: flex;
    flex-direction: column;
    background: linear-gradient(-20deg, #0f1820, #1a232a);
    box-shadow: 0 0 0 1px #ffffff1a, 0 .2857142857rem 1.4285714286rem #00000080
}

.wis-table__head {
    background: linear-gradient(-45deg, #0f1820, #1a232a);
    font-size: 1.2857142857rem;
    font-weight: 700;
    align-items: center;
    padding: .5714285714rem 0;
    box-shadow: 0 1px #ffffff1a
}

.wis-table__head img {
    width: 2.7142857143rem;
    height: 2.7142857143rem;
    margin-right: .5714285714rem
}

.wis-table__row {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    padding: 0 1.0714285714rem
}

.wis-table__row>div {
    padding: 0rem .4285714286rem;
    display: flex;
    align-items: center;
    gap: .2857142857rem
}

.wis-table__row>div span.--yellow {
    color: #ffce56
}

.wis-table__row>div span.--currency,
.wis-table__row>div span.--amount,
.wis-table__row>div span.--sm {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-weight: 400 !important
}

.wis-table__row>div span.--currency,
.wis-table__row>div span.--amount {
    font-size: 1.6428571429rem
}

.wis-table__row>div span.--sm {
    font-size: 1.1428571429rem
}

.wis-table__row>div span.--currency {
    opacity: .4;
    min-width: 4.5714285714rem;
    margin-left: .4285714286rem;
    translate: 0 .0357142857rem
}

.wis-table__row>div:last-child {
    min-width: 5.7142857143rem
}

.wis-table__body .wis-table__row {
    padding: .1428571429rem 1.4285714286rem 0
}

.wis-table__body .wis-table__row div {
    padding: .3571428571rem 0;
    height: 100%;
    position: relative
}

.wis-table__body .wis-table__row:not(:last-child)>div:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ffffff1a;
    bottom: 0;
    left: 0;
    position: absolute
}

.disabled-new {
    cursor: default;
    color: #ffffff40;
    text-decoration: none
}

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

input[type=number] {
    -moz-appearance: textfield
}

.career {
    display: flex;
    gap: 2.3571428571rem
}

@media (max-width: 768px) {
    .career {
        flex-direction: column
    }
}

.career__col {
    flex: 1
}

.career__col--inset {
    background: linear-gradient(165deg, #192936, #111e29);
    position: relative;
    height: 96%
}

.career__col--title {
    display: flex;
    flex: 1;
    align-self: center;
    gap: .4285714286rem;
    margin-bottom: 1.0714285714rem;
    color: #deefff;
    font-weight: 400 !important;
    font-size: 1.4285714286rem;
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

.career__col--title svg {
    width: auto;
    height: 1.4285714286rem;
    rotate: 90deg
}

.career__col--title a,
.career__col--title button {
    translate: 0 -.1428571429rem;
    cursor: pointer;
    margin: -.2857142857rem 0 -.2857142857rem auto;
    margin-left: auto;
    border: none;
    background: transparent;
    padding: 0
}

.career__col--title a span,
.career__col--title button span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    -webkit-background-clip: text;
    border-bottom: 1px solid #ffce56;
    background: linear-gradient(to top, #ffce56, #fe9923);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.7857142857rem;
    text-transform: uppercase
}

.career__row:first-child {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    box-shadow: .7142857143rem .2857142857rem 2.8571428571rem #000c;
    padding: 1.5rem 1.7142857143rem
}

@media (max-width: 640px) {
    .career__row:first-child {
        padding: 1rem
    }
}

.career__row:last-child {
    padding: 1.5rem 1.7142857143rem
}

@media (max-width: 640px) {
    .career__row:last-child {
        padding: 1.7142857143rem 1rem
    }
}

.career-profile {
    display: flex;
    align-items: center;
    gap: 1.8571428571rem
}

@media (max-width: 640px) {
    .career-profile {
        gap: 1.1428571429rem
    }
}

.career-profile__image {
    background: linear-gradient(-60deg, #e2c57f, #ffefdd);
    padding: .2857142857rem;
    border-radius: .4285714286rem
}

.career-profile__image img {
    border-radius: .2857142857rem;
    width: 11.4285714286rem;
    height: 11.4285714286rem;
    object-fit: cover;
    object-position: center;
    float: left
}

@media (max-width: 640px) {
    .career-profile__image img {
        width: 8.5714285714rem;
        height: 8.5714285714rem
    }
}

.career-profile__info {
    margin-top: -.7142857143rem
}

@media (max-width: 640px) {
    .career-profile__info {
        margin-top: 0
    }
}

.career-profile__status {
    font-weight: 700;
    font-size: 1.5714285714rem
}

@media (max-width: 640px) {
    .career-profile__status {
        font-size: 1.1428571429rem
    }
}

.career-profile__status span {
    -webkit-background-clip: text;
    background: linear-gradient(285deg, #e2c57f, #ffefdd);
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.career-profile__name {
    margin: .3571428571rem 0 .2857142857rem;
    color: #fff;
    font-weight: 800;
    font-size: 2.5rem;
    font-family: Neue Machina, Neue Power, Poppins, sans-serif
}

@media (max-width: 640px) {
    .career-profile__name {
        margin: .7142857143rem 0 .4285714286rem;
        font-size: 1.8571428571rem
    }
}

.career-profile__login span {
    font-family: var(--power-font);
    -webkit-background-clip: text;
    background: linear-gradient(to top, #ffce56, #fe9923);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 1.7857142857rem
}

@media (max-width: 640px) {
    .career-profile__login span {
        font-size: 1.2857142857rem
    }
}

.career-profile__check {
    position: absolute;
    top: 1.5rem;
    right: 1.7142857143rem
}

@media (max-width: 640px) {
    .career-profile__check {
        top: 1rem;
        right: 1rem
    }
}

.career-profile__check>svg {
    width: auto;
    height: 3.5rem
}

@media (max-width: 640px) {
    .career-profile__check>svg {
        height: 2.5rem
    }
}

.career-profile-next {
    display: flex;
    align-items: center;
    gap: 1.8571428571rem
}

@media (max-width: 640px) {
    .career-profile-next {
        gap: 1.1428571429rem
    }
}

.career-profile-next__image {
    background: linear-gradient(-60deg, #e2c57f, #ffefdd);
    padding: .2142857143rem;
    border-radius: .4285714286rem
}

.career-profile-next__image img {
    width: 8.5714285714rem;
    border-radius: .2857142857rem;
    float: left;
    height: 8.5714285714rem;
    object-fit: cover;
    object-position: center
}

@media (max-width: 640px) {
    .career-profile-next__image img {
        width: 5.2857142857rem;
        height: 5.2857142857rem
    }
}

.career-profile-next__info {
    margin-top: -.4285714286rem
}

.career-profile-next__status {
    font-weight: 700;
    font-size: 1.5714285714rem
}

@media (max-width: 640px) {
    .career-profile-next__status {
        font-size: 1.1428571429rem
    }
}

.career-profile-next__status span {
    -webkit-background-clip: text;
    background: linear-gradient(285deg, #e2c57f, #ffefdd);
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.career-profile-next__name {
    margin: .3571428571rem 0 .2857142857rem;
    color: #fff;
    font-weight: 800;
    font-size: 2.5rem;
    font-family: Neue Machina, Neue Power, Poppins, sans-serif
}

@media (max-width: 640px) {
    .career-profile-next__name {
        margin: .2857142857rem 0 0;
        font-size: 1.8571428571rem
    }
}

.career-profile-next__login span {
    -webkit-background-clip: text;
    background: linear-gradient(to top, #ffce56, #fe9923);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 1.7857142857rem;
    font-family: var(--power-font)
}

.career-profile-next__check {
    position: absolute;
    top: 1.5rem;
    right: 1.7142857143rem
}

@media (max-width: 640px) {
    .career-profile-next__check {
        top: .4285714286rem;
        right: 1rem
    }
}

.career-profile-next__check>svg {
    width: auto;
    height: 3.5rem
}

@media (max-width: 640px) {
    .career-profile-next__check>svg {
        height: 2.5rem
    }
}

.career-turnover {
    display: flex;
    gap: 2.8571428571rem;
    margin-top: 1.0714285714rem
}

.career-turnover__cell {
    flex: 1
}

.career-turnover__title {
    margin-bottom: 1.4285714286rem;
    border-bottom: 2px solid rgba(255, 255, 255, .2);
    padding-bottom: .3571428571rem;
    color: #ffffffb3;
    font-weight: 300;
    font-size: 1.9285714286rem;
    letter-spacing: .1142857143rem
}

@media (max-width: 640px) {
    .career-turnover__title {
        margin-bottom: .7142857143rem;
        padding-bottom: 1.0714285714rem;
        font-size: 1.4285714286rem
    }
}

.career-turnover__balance {
    display: flex;
    align-items: center;
    gap: .5714285714rem;
    font-size: 3.4285714286rem;
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

@media (max-width: 640px) {
    .career-turnover__balance {
        font-size: 2.7142857143rem
    }
}

.career-turnover__balance>svg {
    transform: translateY(-.1428571429rem);
    width: 2.8571428571rem;
    height: 2.8571428571rem
}

@media (max-width: 640px) {
    .career-turnover__balance>svg {
        width: 2.1428571429rem;
        height: 2.1428571429rem
    }
}

.career-turnover__percent {
    display: flex;
    flex-direction: column;
    align-items: center;
    translate: 0 -1.0714285714rem
}

.career-turnover__percent img {
    width: 5.5714285714rem
}

.career-turnover__percent span {
    margin-top: .4285714286rem;
    border-radius: .2142857143rem;
    background: linear-gradient(-225deg, #51c81c, #48af1b);
    padding: 0 .5rem;
    color: #fff;
    font-weight: 600;
    font-size: 1rem
}

.status-table {
    display: flex;
    flex-direction: column;
    gap: .7142857143rem
}

.status-table__line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 .2857142857rem 1.4285714286rem #0009;
    border-radius: .2142857143rem;
    padding: 0 1.5714285714rem;
    height: 4.0714285714rem;
    background: linear-gradient(165deg, #192936b3, #111e29b3)
}

@media (max-width: 640px) {
    .status-table__line {
        padding: 0 1.1428571429rem;
        height: 2.9285714286rem
    }
}

.status-table__line.--yellow,
.status-table__line.--green {
    background: linear-gradient(to top, #1e2c39, #323e4e)
}

.status-table__line.--yellow {
    box-shadow: 0 0 0 1px #eaba4199
}

.status-table__line.--green {
    box-shadow: 0 0 0 1px #8dd76c99
}

.status-table__line--title {
    font-size: 1.5714285714rem;
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

@media (max-width: 640px) {
    .status-table__line--title {
        font-size: 1.1428571429rem
    }
}

.status-table__line--info {
    display: flex;
    align-items: center;
    gap: .5714285714rem;
    translate: 0 .1071428571rem
}

.status-table__line--info>svg {
    translate: 0 -.0714285714rem;
    width: auto;
    height: 1.3571428571rem
}

@media (max-width: 640px) {
    .status-table__line--info>svg {
        height: 1.1428571429rem
    }
}

.status-table__line--info big {
    color: #fff;
    font-size: 2.2857142857rem;
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

@media (max-width: 640px) {
    .status-table__line--info big {
        translate: 0 -.0714285714rem;
        font-size: 1.6428571429rem
    }
}

.status-table__line--info big.--transparent {
    color: #fff6
}

.status-level {
    margin: -.1428571429rem 0;
    border-radius: .2142857143rem;
    background: linear-gradient(285deg, #e2c57f, #ffefdd)
}

@media (max-width: 640px) {
    .status-level {
        translate: 0 -.1428571429rem
    }
}

.status-level span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    display: inline-block;
    translate: 0 .1428571429rem;
    padding: 0 1.0714285714rem 0 .8571428571rem;
    color: #121f2b;
    font-size: 2.2857142857rem
}

@media (max-width: 640px) {
    .status-level span {
        translate: 0;
        padding: 0 .6428571429rem 0 .5714285714rem;
        font-size: 1.6428571429rem
    }
}

.stake-bonus {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    display: flex;
    position: relative;
    align-items: center;
    translate: .7142857143rem 0;
    margin: 2.1428571429rem auto 0;
    box-shadow: 0 .2857142857rem 1.4285714286rem #0003;
    border-radius: .2857142857rem;
    padding: 0rem 3rem 0rem 4.4285714286rem;
    width: max-content;
    height: 4rem
}

@media (max-width: 640px) {
    .stake-bonus {
        margin: 0 auto;
        padding: 0rem 1.5714285714rem 0rem 3rem;
        height: 2.9285714286rem
    }
}

.stake-bonus>img {
    position: absolute;
    left: -2.8571428571rem;
    height: 5.7142857143rem
}

@media (max-width: 640px) {
    .stake-bonus>img {
        height: 4.2857142857rem
    }
}

.stake-bonus span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    translate: 0 -.0714285714rem;
    font-size: 1.5714285714rem
}

@media (max-width: 640px) {
    .stake-bonus span {
        font-size: 1.1428571429rem
    }
}

.stake-bonus span big {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    display: inline-block;
    translate: 0 .1428571429rem;
    font-weight: 900;
    font-size: 2.2142857143rem
}

@media (max-width: 640px) {
    .stake-bonus span big {
        font-size: 1.6428571429rem
    }
}

.stake-bonus.--green span big {
    color: #8dd76c
}

.stake-bonus.--yellow span big {
    color: #eab941
}

.status-buy-amx {
    margin: auto;
    max-width: 60%
}

@media (max-width: 640px) {
    .status-buy-amx {
        max-width: 95%
    }
}

.deposit-progress {
    margin-top: .7142857143rem;
    margin-bottom: -1.2142857143rem
}

@media (max-width: 640px) {
    .deposit-progress {
        margin-top: 1.4285714286rem;
        margin-bottom: 0rem
    }
}

.deposit-progress__line {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    box-shadow: 0 0 1.4285714286rem #0009;
    border-radius: .2142857143rem
}

.deposit-progress__line--inset {
    display: flex;
    flex-direction: column;
    border-radius: .2142857143rem;
    background: linear-gradient(to bottom, #fe9923, #ffce56);
    height: 2.1428571429rem
}

@media (max-width: 640px) {
    .deposit-progress__line--inset {
        height: 1.4285714286rem
    }
}

.deposit-progress__line--inset span {
    display: block;
    margin: auto;
    color: #333;
    font-size: 1.7142857143rem;
    font-family: var(--power-font);
    font-weight: 900
}

@media (max-width: 640px) {
    .deposit-progress__line--inset span {
        font-size: 1.1428571429rem
    }
}

.deposit-progress__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .1428571429rem
}

@media (max-width: 640px) {
    .deposit-progress__row {
        margin-top: .7142857143rem
    }
}

.deposit-progress__row span {
    color: #778695;
    font-size: 1.3571428571rem
}

@media (max-width: 640px) {
    .deposit-progress__row span {
        font-size: 1.1428571429rem
    }
}

.deposit-progress__row b {
    color: #ddaf41;
    font-size: 1.3571428571rem;
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

@media (max-width: 640px) {
    .deposit-progress__row b {
        font-size: 1.1428571429rem
    }
}

@media (max-width: 640px) {
    .--d-vertical-flex {
        display: flex;
        flex-direction: column;
        padding-top: 0 !important;
        padding-bottom: .7142857143rem !important
    }

    .--order-bonus {
        order: 1
    }

    .--order-conditions {
        order: 2
    }

    .--order-progress {
        order: 3
    }

    .--order-buy {
        order: 4
    }
}

.conditions-title {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    color: #deefff;
    font-size: 1.5714285714rem
}

.career-read-more {
    display: none
}

@media (max-width: 640px) {
    .career-read-more {
        display: block
    }
}

@media (min-width: 640px) {
    .mt-desktop-5 {
        margin-top: 2.5rem !important
    }
}

.no-more {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.2857142857rem;
    padding: 2.1428571429rem .7142857143rem;
    text-align: center;
    position: relative;
    background: linear-gradient(45deg, red, #f90, #3c3, #39f, #90c, red);
    background-size: 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient 3s infinite
}

.no-more:after,
.no-more:before {
    content: attr(data-shadow);
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    filter: blur(15px);
    background: linear-gradient(45deg, red, #f90, #3c3, #39f, #90c, red);
    background-size: 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient 3s infinite
}

.no-more:before {
    filter: blur(8px)
}

@keyframes gradient {
    0% {
        background-position: 0% 50%
    }

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

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

.partner-modal__socials {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    gap: .5rem
}

.partner-modal__socials>a>svg {
    width: 30px;
    height: 30px
}

.partner-modal__profile {
    position: relative;
    width: 100%
}

.team__row {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    display: grid;
    grid-template-columns: 55fr 45fr;
    box-shadow: 1.4285714286rem .2857142857rem 2.8571428571rem #0006;
    border-radius: .2857142857rem
}

@media (max-width: 768px) {
    .team__row {
        display: flex;
        flex-direction: column
    }
}

.team__col {
    position: relative;
    flex: 1;
    box-shadow: 0 .2857142857rem 2.8571428571rem #0003;
    padding: 1.4285714286rem 2.1428571429rem
}

@media (max-width: 768px) {
    .team__col {
        box-shadow: none;
        padding: 1rem
    }
}

.team__col:first-child {
    box-shadow: 1.4285714286rem .2857142857rem 2.8571428571rem #0006;
    background: linear-gradient(165deg, #192936b3, #111e29b3)
}

@media (max-width: 768px) {
    .team__col:first-child {
        box-shadow: none;
        background: transparent
    }

    .team__col:first-child:after {
        display: block;
        position: absolute;
        right: 1.0714285714rem;
        bottom: 0;
        left: 1.0714285714rem;
        background: #ffffff1a;
        height: 1px;
        content: ""
    }
}

.team__partner--row {
    display: flex;
    align-items: center;
    gap: 2.1428571429rem
}

.team__partner--avatar {
    background: linear-gradient(135deg, #ffefdd, #e2c785);
    width: 13.2142857143rem;
    height: 13.2142857143rem;
    border-radius: .3571428571rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

@media (max-width: 768px) {
    .team__partner--avatar {
        width: 8.5714285714rem;
        height: 8.5714285714rem
    }
}

.team__partner--avatar>img {
    width: 12.5714285714rem;
    height: 12.5714285714rem;
    border-radius: .1428571429rem
}

@media (max-width: 768px) {
    .team__partner--avatar>img {
        width: 7.8571428571rem;
        height: 7.8571428571rem
    }
}

.team__partner--rank {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    background: linear-gradient(135deg, #ffefdd, #e2c785);
    position: absolute;
    bottom: 0;
    left: 50%;
    translate: -50% 50%;
    border-radius: .1428571429rem;
    padding: .1428571429rem .7142857143rem 0;
    font-size: 1.6428571429rem;
    white-space: nowrap;
    color: #121f2b
}

@media (max-width: 768px) {
    .team__partner--rank {
        font-size: 1.2857142857rem
    }
}

.team__partner--line span {
    background: linear-gradient(135deg, #ffefdd, #e2c785);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.7142857143rem;
    font-weight: 700
}

@media (max-width: 768px) {
    .team__partner--line span {
        font-size: 1.2857142857rem
    }
}

.team__partner--name {
    font-size: 2.8571428571rem;
    font-family: Neue Machina, Neue Power, Poppins, sans-serif;
    font-weight: 800;
    margin: .7142857143rem 0;
    color: #fff
}

@media (max-width: 768px) {
    .team__partner--name {
        font-size: 1.7142857143rem
    }
}

.team__partner--login span {
    font-family: var(--power-font);
    -webkit-background-clip: text;
    background: linear-gradient(to top, #ffce56, #fe9923);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600 !important;
    font-size: 2rem
}

@media (max-width: 768px) {
    .team__partner--login span {
        font-size: 1.2857142857rem
    }
}

.team__partner--links {
    position: absolute;
    top: 2.4285714286rem;
    right: 1.4285714286rem;
    display: flex;
    gap: .7142857143rem
}

.team__partner--links>a>svg {
    width: 2.5714285714rem;
    height: 2.5714285714rem
}

.total__partners {
    display: flex;
    align-items: center;
    gap: 2.5rem
}

@media (max-width: 768px) {
    .total__partners {
        gap: 1.1428571429rem
    }
}

.total__partners--info {
    flex: 1
}

.total__partners--image img {
    width: 11.7857142857rem;
    height: 11.7857142857rem;
    object-fit: cover
}

@media (max-width: 768px) {
    .total__partners--image img {
        width: 5.7142857143rem;
        height: 5.7142857143rem
    }
}

.total__partners--title {
    margin-bottom: .7142857143rem;
    color: #deefffb3;
    font-size: 1.4285714286rem
}

@media (max-width: 768px) {
    .total__partners--title {
        margin-bottom: .5rem;
        font-size: 1.1428571429rem
    }
}

.total__partners--number {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.2857142857rem;
    font-weight: 800;
    font-size: 3.5714285714rem;
    font-family: Neue Machina, Neue Power, sans-serif
}

@media (max-width: 768px) {
    .total__partners--number {
        margin-bottom: 0;
        font-size: 2.8571428571rem
    }
}

.total__partners--number span {
    translate: 0 -.2857142857rem;
    border-radius: .2857142857rem;
    background: linear-gradient(-225deg, #51c81c, #48af1b);
    padding: 0rem 1.7857142857rem;
    font-weight: 400;
    font-size: 1.7142857143rem;
    font-family: Poppins, sans-serif
}

@media (max-width: 768px) {
    .total__partners--number span {
        padding: .2142857143rem 1.0714285714rem;
        font-size: 1rem
    }
}

@media (max-width: 768px) {
    .total__partners .personal-link {
        display: none
    }
}

.pagination {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin: auto;
    padding: 2rem;
    width: fit-content;
    font-size: 20px;
    list-style-type: none
}

.pagination>* {
    cursor: pointer
}

.pagination>li:not(:first-child):not(:last-child) {
    color: #ffffff80
}

.disabled {
    cursor: default;
    color: #ffffff20
}

.selected {
    color: #fff !important
}

.personal-link {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    box-shadow: 0 .2857142857rem 1.7857142857rem #0006;
    border-radius: .2857142857rem;
    padding: .5714285714rem 1.0714285714rem .7142857143rem 1.7857142857rem
}

.personal-link.--disabled {
    box-shadow: inset 0 0 0 .0714285714rem #00e3e9, 0 .2857142857rem 1.7857142857rem #0006;
    background: linear-gradient(to top, #1d2b37, #344152)
}

.personal-link__title {
    position: relative;
    opacity: .7;
    margin-bottom: .1428571429rem;
    padding-bottom: .5714285714rem;
    color: #deefff;
    font-size: 1.1428571429rem
}

.personal-link__title b {
    color: #00e3e9
}

.personal-link__title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ffffff1a;
    width: 6.4285714286rem;
    height: .1428571429rem;
    content: ""
}

.personal-link__line {
    display: flex;
    align-items: flex-end;
    gap: .3571428571rem
}

.personal-link__line input {
    flex: 1;
    border: none;
    background: transparent;
    overflow: hidden;
    color: #deefff;
    font-size: 1.1428571429rem;
    text-overflow: ellipsis;
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

.personal-link__line button.--copy {
    box-shadow: 0 0 1.4285714286rem #0003;
    background: linear-gradient(to top, #ffce56, #fe9923);
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    cursor: pointer;
    border: none;
    border-radius: .2857142857rem;
    padding: .3571428571rem 1.0714285714rem .1428571429rem;
    height: 2.1428571429rem;
    color: #1a224b;
    font-size: 1.1071428571rem;
    letter-spacing: .0285714286rem;
    text-transform: uppercase
}

.personal-link__line button.--copy>svg path {
    fill: #1a224b
}

.personal-link__line button.--share {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 0 1.4285714286rem #0003, inset 0 0 0 .0714285714rem #ffffff1a;
    border: none;
    border-radius: .2857142857rem;
    padding: 0
}

.personal-link__line button.--share>svg {
    translate: 0 -.0714285714rem;
    width: 1rem;
    height: 1rem
}

.personal-link__required--title {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    color: #00e3e9;
    font-size: 1.1428571429rem
}

.personal-link__required--status {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-left: auto;
    font-size: 1.6428571429rem
}

.personal-link__required--status span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

.personal-link__required--level {
    margin: -.3571428571rem 0;
    border-radius: .2142857143rem;
    background: linear-gradient(285deg, #e2c57f, #ffefdd);
    height: 1.9285714286rem
}

@media (max-width: 640px) {
    .personal-link__required--level {
        translate: 0 -.1428571429rem
    }
}

.personal-link__required--level span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    display: inline-block;
    translate: 0 -.25rem;
    padding: 0 .7142857143rem 0 .5714285714rem;
    color: #121f2b;
    font-size: 1.7142857143rem;
    line-height: 80%
}

@media (max-width: 640px) {
    .personal-link__required--level span {
        translate: 0 -.25rem;
        padding: 0 .6428571429rem 0 .5714285714rem;
        font-size: 1.6428571429rem
    }
}

.personal-link__mobile {
    display: none;
    margin-top: .7142857143rem;
    box-shadow: inset 0 0 0 1px #fff3, 0 .2857142857rem 1.7857142857rem #0006;
    background: linear-gradient(to bottom, #29323c, #141d24)
}

@media (max-width: 768px) {
    .personal-link__mobile {
        display: block
    }
}

.disabledMenu {
    opacity: .25;
    cursor: default;
    touch-action: none
}

.disabledMenu:before {
    opacity: 0 !important
}

.disabledMenu:after {
    opacity: 0 !important
}

.team-filter {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    display: grid;
    grid-template-columns: 25fr 50fr 25fr;
    gap: 1.4285714286rem;
    margin: 2.5rem 0;
    box-shadow: 0 .2857142857rem 2.8571428571rem #0000004d;
    padding: .8571428571rem 2.1428571429rem
}

.team-filter.--inside {
    grid-template-columns: min-content auto min-content
}

@media (max-width: 768px) {
    .team-filter.--inside {
        border-top: 0;
        padding-top: 0;
        margin-top: -.7142857143rem !important
    }

    .team-filter.--inside:before {
        display: none
    }
}

@media (max-width: 768px) {
    .team-filter {
        order: 2;
        position: relative;
        grid-template-areas: "lines lines filters" "search search search";
        gap: .7142857143rem;
        margin: 1.7857142857rem 0;
        box-shadow: none;
        background: transparent;
        padding: 0;
        padding-top: 1.0714285714rem
    }

    .team-filter:before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: #ffffff1a;
        width: 100%;
        height: 1px;
        content: ""
    }
}

@media (max-width: 768px) {
    .team-filter-lines {
        grid-area: lines
    }
}

.team-search {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    display: flex;
    position: relative;
    align-items: center;
    box-shadow: 0 .2857142857rem 1.4285714286rem #0000004d;
    border-radius: .2857142857rem
}

@media (max-width: 768px) {
    .team-search {
        grid-area: search
    }
}

.team-search input {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    flex: 1;
    border: none;
    background: transparent;
    padding: 0 1.5714285714rem;
    height: 4.1428571429rem;
    color: #fff;
    font-size: 1.3571428571rem;
    letter-spacing: .0714285714rem;
    text-transform: uppercase
}

.team-search input::placeholder {
    color: #ffffffb3
}

.team-search svg {
    margin: 0 1.1428571429rem;
    width: 1.5714285714rem;
    height: auto
}

.team-sort {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem
}

@media (max-width: 768px) {
    .team-sort {
        grid-area: filters;
        gap: .7142857143rem
    }
}

.filter-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    background: transparent;
    width: 3.5714285714rem;
    height: 3.5714285714rem
}

.filter-btn>svg {
    width: 2rem;
    height: auto
}

.sort-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .3285714286rem;
    cursor: pointer;
    border: none;
    border-radius: .2857142857rem;
    background: #ffce56;
    width: 3.5714285714rem;
    height: 3.5714285714rem
}

.sort-btn>span {
    height: 3px;
    background: linear-gradient(165deg, #192936, #111e29);
    transition: .2s;
    border-radius: .2142857143rem
}

.sort-btn>span:nth-child(1) {
    width: 2.2142857143rem
}

.sort-btn>span:nth-child(2) {
    width: 1.5rem
}

.sort-btn>span:nth-child(3) {
    width: 1rem
}

.sort-btn.--active>span {
    height: 3px;
    border-radius: .2142857143rem
}

.sort-btn.--active>span:nth-child(1) {
    width: 1rem
}

.sort-btn.--active>span:nth-child(2) {
    width: 1.5rem
}

.sort-btn.--active>span:nth-child(3) {
    width: 2.2142857143rem
}

.partners-line {
    position: relative
}

.partners-line:not(:first-child) {
    margin-top: 1.4285714286rem;
    padding-top: .7142857143rem
}

.partners-line:not(:first-child):before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffff1a;
    width: 100%;
    height: 1px;
    content: ""
}

.partners-line__title {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    margin-bottom: .5rem;
    color: #deefffe6;
    font-size: 1.6428571429rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.partners-line__title>a {
    text-decoration: none;
    font-size: 1.4285714286rem;
    color: #ffcf5633
}

.partners-line__title>a:hover {
    text-decoration: underline !important;
    text-underline-offset: 2px
}

.partners-line__title>a span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    background: linear-gradient(to top, #ffce56, #fe9923);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.partners-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: .8571428571rem .5714285714rem
}

.partners-grid .react-loading-skeleton {
    display: block;
    min-height: 8.1428571429rem
}

@media (max-width: 768px) {
    .partners-grid {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 640px) {
    .partners-grid {
        grid-template-columns: 1fr
    }
}

.partners-element {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    transition: .2s;
    cursor: pointer;
    box-shadow: inset 0 0 0 .0714285714rem #fff3, 0 .2857142857rem 1.7857142857rem #0006;
    border-radius: .2857142857rem;
    background: linear-gradient(to top, #1d2b37, #344152);
    padding: .8571428571rem .4285714286rem;
    height: 8.1428571429rem
}

.partners-element:hover {
    box-shadow: inset 0 0 0 .0714285714rem #fff3, 0 .2857142857rem 1.7857142857rem #fff3
}

.partners-element.--has-turnover {
    box-shadow: inset 0 0 0 .0714285714rem #00e3e9, 0 .2857142857rem 1.7857142857rem #0006
}

.partners-element.--has-turnover:hover {
    box-shadow: inset 0 0 0 .0714285714rem #00e3e9, 0 .2857142857rem 3.2142857143rem #00e1e980
}

.partners-element__inset {
    display: flex;
    align-items: center;
    gap: 1.0714285714rem;
    width: 100%
}

.partners-element__info--status span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    border-radius: .2857142857rem;
    background: linear-gradient(135deg, #ffefdd, #e2c785);
    padding: .1428571429rem .4285714286rem;
    color: #121f2b;
    font-size: 1.1428571429rem
}

.partners-element__info--name {
    margin-top: .4285714286rem;
    font-weight: 700;
    font-size: 1.4285714286rem;
    font-family: Neue Machina, Neue Power, Poppins, sans-serif
}

.partners-element__info--login span {
    font-family: var(--power-font);
    -webkit-background-clip: text;
    background: linear-gradient(to top, #ffce56, #fe9923);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 1rem
}

.partners-element__avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .2857142857rem;
    background: linear-gradient(135deg, #ffefdd, #e2c785);
    width: 5.5rem;
    height: 5.5rem
}

.partners-element__avatar img {
    float: left;
    border-radius: .1428571429rem;
    width: 4.9285714286rem;
    height: 4.9285714286rem
}

.partners-element__turnover {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    margin-top: .3571428571rem;
    border-radius: .1428571429rem;
    background: #00e3e9;
    padding-top: .1428571429rem;
    color: #121f2b;
    font-size: 1.0714285714rem;
    text-align: center;
    text-transform: uppercase
}

.partners-element__arrow {
    position: absolute;
    top: 50%;
    right: 1.0714285714rem;
    translate: 0 -50%
}

.partners-element__arrow.--turnover {
    translate: 0 -100%
}

.partners-element__arrow>svg {
    float: left;
    width: .8571428571rem;
    height: auto
}

.no-partners {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    box-shadow: inset 0 0 0 .0714285714rem #ffffff1a, 0 .2857142857rem 1.7857142857rem #0006;
    border-radius: .2857142857rem;
    padding: 2.1428571429rem .4285714286rem;
    color: #deefffb3;
    font-size: 1.1428571429rem;
    text-align: center
}

.partner-modal__title {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    margin: -.7142857143rem 0 1.4285714286rem;
    font-size: 1.6428571429rem
}

@media (max-width: 768px) {
    .partner-modal__title {
        margin: 0rem 0 1.4285714286rem
    }
}

.partner-modal__profile {
    display: flex;
    align-items: center;
    gap: 1.7142857143rem
}

.partner-modal__avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .2857142857rem;
    background: linear-gradient(135deg, #ffefdd, #e2c785);
    width: 8.2142857143rem;
    height: 8.2142857143rem
}

.partner-modal__avatar img {
    float: left;
    border-radius: .1428571429rem;
    width: 7.8571428571rem;
    height: 7.8571428571rem
}

.partner-modal__line span {
    background: linear-gradient(135deg, #ffefdd, #e2c785);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 1.1428571429rem;
    letter-spacing: 1%
}

.partner-modal__name {
    margin: .4285714286rem 0;
    font-weight: 700;
    font-size: 1.8571428571rem;
    font-family: Neue Machina, Neue Power, sans-serif
}

.partner-modal__login {
    font-family: var(--power-font);
    background: linear-gradient(to top, #ffce56, #fe9923);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 1.2857142857rem
}

.partner-modal__progress {
    margin-top: .7142857143rem
}

.partner-modal__progress--title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5714285714rem;
    color: #deefffb3;
    font-size: 1.1428571429rem
}

.partner-modal__progress--title span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    color: #ddaf41
}

.partner-modal__progress--holder {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    display: flex;
    align-items: center;
    border-radius: .1428571429rem;
    padding: .1428571429rem
}

.partner-modal__progress--holder>svg {
    display: none;
    width: auto;
    height: 1.2857142857rem
}

.partner-modal__progress--holder.--end {
    color: #00e3e9
}

.partner-modal__progress--holder.--end .partner-modal__progress--line {
    background: #00e3e9
}

.partner-modal__progress--holder.--end>svg {
    display: block
}

.partner-modal__progress--inset {
    flex: 1;
    border-radius: .1428571429rem
}

.partner-modal__progress--line {
    font-family: var(--power-font);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .1428571429rem;
    background: linear-gradient(to bottom, #fe9923, #ffce56);
    padding-top: .0714285714rem;
    min-width: 2.8571428571rem;
    color: #333;
    font-weight: 800;
    text-align: center
}

.team-footer {
    margin: 2.8571428571rem 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    order: 4
}

.team-footer button {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    width: auto;
    max-width: 28.5714285714rem;
    width: 100%;
    border: 1px solid #ffce56;
    color: #ffce56;
    background: transparent;
    text-transform: uppercase;
    padding: .8571428571rem 1.0714285714rem .7142857143rem;
    cursor: pointer;
    transition: .2s
}

.team-footer button:hover {
    background: #ffce56;
    color: #121f2b
}

.team-line-name {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.7142857143rem;
    padding-right: 20px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 1.4285714286rem
}

.team-line-name a {
    background: transparent;
    border: none;
    padding: 5px;
    transition: .2s;
    cursor: pointer;
    padding: .5714285714rem .8571428571rem .5714285714rem .7142857143rem;
    border-radius: .4285714286rem;
    margin: 0 -.7142857143rem
}

.team-line-name a:hover {
    background: #ffffff0f
}

.team-line-name a>svg {
    rotate: 180deg;
    width: .7142857143rem;
    height: auto;
    float: left
}

.settings__tabs {
    display: flex;
    position: relative;
    gap: .5714285714rem;
    margin: 0 0 1.9285714286rem;
    padding: 0;
    list-style: none
}

@media (max-width: 768px) {
    .settings__tabs {
        max-width: calc(100% + 50px);
        overflow-x: auto;
        margin: -1.0714285714rem -1.7857142857rem 1.7857142857rem;
        padding: 1.0714285714rem 1.7857142857rem
    }
}

.settings__tabs li {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    cursor: pointer;
    box-shadow: 0 .2857142857rem 1.7857142857rem #0006;
    border-radius: .4285714286rem;
    padding: 1.0714285714rem 1.7857142857rem;
    min-width: 12.8571428571rem;
    font-weight: 500;
    font-size: 1.1428571429rem;
    text-align: center
}

.settings__tabs li.--active {
    box-shadow: inset 0 0 0 1px #fff3, 0 .2857142857rem 1.7857142857rem #0006;
    background: linear-gradient(to bottom, #29323c, #141d24);
    font-weight: 700
}

.settings__titles {
    display: grid;
    gap: 0 4.5714285714rem;
    margin-bottom: 1.0714285714rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding: 0 0 .7142857143rem;
    color: #ffffffb3;
    font-size: 1.2857142857rem
}

.settings__titles.--profile {
    grid-template-columns: 19.4285714286rem 1fr 1fr;
    gap: 0 5rem
}

.settings__titles.--security {
    grid-template-columns: minmax(0, 28.5714285714rem) minmax(0, 28.5714285714rem)
}

@media (max-width: 1024px) {
    .settings__titles {
        display: none
    }
}

.settings__mobile-title {
    display: none;
    margin-bottom: 1.0714285714rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding: 0 0 .7142857143rem;
    color: #ffffffb3;
    font-size: 1.2857142857rem
}

@media (max-width: 640px) {
    .settings__mobile-title {
        display: block
    }
}

.settings__profile--row {
    display: grid;
    grid-template-columns: 19.4285714286rem 1fr 1fr;
    gap: 5rem
}

@media (max-width: 1024px) {
    .settings__profile--row {
        grid-template-columns: 1fr;
        gap: 1.4285714286rem;
        margin: auto;
        max-width: 30rem
    }
}

@media (max-width: 640px) {
    .settings__profile--row {
        grid-template-columns: 1fr
    }
}

.settings__profile--title {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.settings__profile--column-title {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.7142857143rem
}

.settings__security--row {
    display: grid;
    grid-template-columns: minmax(0, 28.5714285714rem) minmax(0, 28.5714285714rem);
    align-items: flex-start;
    gap: 4.5714285714rem
}

@media (max-width: 1024px) {
    .settings__security--row {
        grid-template-columns: 1fr;
        margin: auto;
        max-width: 30rem
    }
}

@media (max-width: 640px) {
    .settings__security--row {
        display: flex;
        flex-direction: column
    }
}

.settings__security--column {
    max-width: 100%
}

@media (max-width: 640px) {
    .settings__security--column {
        flex: 1;
        width: 100%
    }
}

.settings__social--row {
    display: grid;
    grid-template-columns: minmax(0, 28.5714285714rem) minmax(0, 28.5714285714rem);
    align-items: flex-start;
    gap: 4.5714285714rem
}

@media (max-width: 1024px) {
    .settings__social--row {
        grid-template-columns: 1fr;
        margin: auto;
        max-width: 30rem
    }
}

@media (max-width: 640px) {
    .settings__social--row {
        display: flex;
        flex-direction: column
    }
}

.settings__social--column {
    max-width: 100%
}

@media (max-width: 640px) {
    .settings__social--column {
        flex: 1;
        width: 100%
    }
}

.settings__wallets-list {
    display: flex;
    flex-direction: column;
    gap: 1.0714285714rem
}

.current-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .2857142857rem;
    background: linear-gradient(135deg, #ffefdd, #e2c785);
    aspect-ratio: 1;
    width: 100%
}

.current-avatar img {
    float: left;
    border-radius: .1428571429rem;
    aspect-ratio: 1;
    width: 97%;
    object-fit: cover
}

.save-button {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    cursor: pointer;
    border: none;
    border-radius: .4285714286rem;
    background: #ffce56;
    padding: 1.4285714286rem;
    width: 100%;
    color: #000;
    font-size: 2rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase
}

@media (max-width: 640px) {
    .save-button {
        padding: 1.2857142857rem 1.7857142857rem;
        font-size: 1.7857142857rem
    }
}

@media (max-width: 640px) {
    .avatar-form {
        display: grid;
        grid-template-columns: 35fr 65fr;
        align-items: center;
        gap: 1.7857142857rem
    }
}

.settings-wallet {
    display: flex;
    position: relative;
    align-items: center;
    gap: 1.0714285714rem;
    box-shadow: inset 0 0 0 1px #8ed76cad, 0 .2857142857rem 2.8571428571rem #0006;
    border-radius: .2857142857rem;
    background: linear-gradient(165deg, #213341, #14222d);
    padding: 0 1.0714285714rem;
    width: 100%;
    min-height: 5rem;
    font-size: 1.1428571429rem
}

@media (max-width: 640px) {
    .settings-wallet {
        width: calc(100% - 1.5714285714rem)
    }
}

.settings-wallet>svg {
    min-width: 1.5rem
}

.settings-wallet button {
    position: absolute;
    top: 50%;
    right: -2.5714285714rem;
    translate: 0 -50%;
    cursor: pointer;
    border: none;
    background: transparent
}

.settings-wallet button>svg {
    float: left;
    width: auto;
    height: 1.8571428571rem
}

.settings-wallet__string {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

.check {
    margin: 0 0 0 auto
}

.check>svg {
    color: #8dd76c
}

.no-wallets {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    box-shadow: inset 0 0 0 .0714285714rem #ffffff1a, 0 .2857142857rem 1.7857142857rem #0006;
    border-radius: .2857142857rem;
    padding: 1.6428571429rem .4285714286rem;
    color: #deefffb3;
    font-size: 1.1428571429rem;
    text-align: center
}

.settings-logout {
    cursor: pointer;
    margin-left: auto;
    border: none;
    background: transparent
}

.settings-logout span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    display: flex;
    align-items: center;
    gap: .4285714286rem;
    color: #d43f3f;
    font-size: 1.2857142857rem
}

.settings-logout span>svg {
    height: 1.7142857143rem;
    color: #d43f3f
}

@media (max-width: 640px) {
    .settings-logout {
        display: none
    }
}

.cloud__inner {
    position: relative
}

.cloud__empty {
    margin: auto;
    text-align: center;
    padding: 1.4285714286rem
}

.cloud__empty span {
    padding: .7142857143rem;
    font-size: 1rem;
    color: #dce0e2e6;
    display: block
}

.cloud__loader {
    height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px)
}

.cloud__breadcrumbs {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    border-radius: .4285714286rem;
    padding: .7142857143rem;
    display: flex;
    align-items: center
}

.cloud__breadcrumbs a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #dce0e2;
    text-decoration: none;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: .4285714286rem;
    padding: .4285714286rem .5714285714rem;
    transition: .2s;
    border-radius: .2857142857rem
}

.cloud__breadcrumbs a>svg {
    height: 1.1428571429rem;
    width: auto
}

.cloud__breadcrumbs a:hover {
    text-underline-offset: 2px;
    background: #ffffff12
}

.cloud__breadcrumbs span {
    color: #dce0e266;
    display: block;
    margin: auto .2857142857rem
}

.cloud__breadcrumbs span>svg {
    height: 1rem;
    width: auto;
    float: left
}

.cloud__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.7857142857rem 1.6428571429rem
}

@media (max-width: 768px) {
    .cloud__grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 640px) {
    .cloud__grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

.cloud__block {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    border-radius: .4285714286rem;
    padding: 1.5rem;
    box-shadow: 0 .3571428571rem 2.8571428571rem #0000001a;
    position: relative;
    z-index: 2;
    overflow: hidden;
    transition: .2s;
    display: flex;
    flex-direction: column;
    text-decoration: none
}

.cloud__block.--video:hover .cloud__block--icon {
    transform: translateY(-1.4285714286rem);
    opacity: 0
}

.cloud__block.--video:hover .cloud__block--date,
.cloud__block.--video:hover .cloud__block--name {
    transform: translateY(1.4285714286rem);
    opacity: 0
}

.cloud__block.--video:hover>svg {
    right: 50%;
    top: 50%;
    scale: 1.4;
    translate: 50% -50%
}

.cloud__block--bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.cloud__block--bg video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1
}

.cloud__block--bg:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, #17242f 30%, #17242f80);
    z-index: 2
}

.cloud__block>svg {
    position: absolute;
    width: .7142857143rem;
    height: auto;
    top: 1.9285714286rem;
    right: 1.9285714286rem;
    transition: .2s
}

.cloud__block.--file>svg {
    position: absolute;
    width: 2.1428571429rem;
    height: auto;
    top: 1.5rem;
    right: 1.5rem
}

.cloud__block:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, .04), transparent);
    position: absolute;
    z-index: -1;
    translate: -100% 0;
    transition: .2s
}

.cloud__block:hover {
    scale: 1.05;
    z-index: 3
}

.cloud__block:hover:before {
    translate: 100% 0
}

.cloud__block--icon {
    margin-bottom: .7142857143rem;
    transition: .2s
}

.cloud__block--icon.--lg svg,
.cloud__block--icon.--lg img {
    height: 4.2857142857rem;
    width: auto
}

@media (max-width: 640px) {

    .cloud__block--icon.--lg svg,
    .cloud__block--icon.--lg img {
        height: 2.5rem
    }
}

.cloud__block--icon svg {
    height: 2.5rem;
    width: auto
}

.cloud__block--icon img {
    height: 2.5rem;
    width: 2.5rem;
    object-fit: cover;
    border-radius: .4285714286rem
}

.cloud__block--name {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.3571428571rem;
    color: #eab941;
    margin-top: auto;
    overflow: hidden;
    overflow-wrap: break-word;
    transition: .2s
}

@media (max-width: 640px) {
    .cloud__block--name {
        font-size: 1.1428571429rem
    }
}

.cloud__block--date {
    transition: .2s;
    color: #dce0e2;
    font-size: .8571428571rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 300;
    margin-top: .2857142857rem
}

@media (max-width: 640px) {
    .cloud__block--date {
        font-size: .7142857143rem
    }
}

.cloud__block--date small {
    font-size: .8571428571rem;
    color: #ffffff80;
    white-space: nowrap
}

@media (max-width: 640px) {
    .cloud__block--date small {
        font-size: .7142857143rem
    }
}

.cloud__title {
    margin: 1.7857142857rem 0rem .7142857143rem;
    font-size: 1.2142857143rem
}

.cloud__recent {
    display: flex;
    flex-direction: column
}

.cloud__recent--file {
    display: flex;
    align-items: center;
    gap: .8571428571rem;
    padding: .9285714286rem 1.0714285714rem;
    margin: -.0714285714rem -1.0714285714rem 0;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    color: #dce0e2e6;
    border-radius: .4285714286rem;
    transition: .2s
}

.cloud__recent--file:after {
    content: "";
    display: block;
    height: 1px;
    background: #ffffff1a;
    position: absolute;
    bottom: 0;
    left: 1.0714285714rem;
    right: 1.0714285714rem
}

.cloud__recent--file:hover {
    background: #ffffff0d
}

.cloud__recent--file span {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.3571428571rem
}

@media (max-width: 620px) {
    .cloud__recent--file span {
        font-size: 1.2142857143rem
    }
}

.cloud__recent--file small {
    margin-left: auto;
    text-align: right;
    color: #fff6;
    white-space: nowrap
}

.cloud__recent--icon {
    height: 2.3571428571rem;
    width: auto
}

.cloud__recent--icon svg {
    height: 2.3571428571rem;
    width: auto
}

.cloud__recent--download>svg {
    height: 1.7857142857rem;
    width: auto
}

.cloud-button {
    background: #eab941;
    border-radius: .2857142857rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    text-decoration: none;
    color: #17242f;
    margin-right: 1.0714285714rem;
    padding: .5714285714rem 1.0714285714rem;
    font-size: 1.1428571429rem;
    font-weight: 700
}

.cloud-button>svg {
    height: 1.4285714286rem;
    width: auto
}

@media (max-width: 960px) {
    .cloud-button:not(.--mobile) {
        display: none
    }
}

.cloud-button.--mobile {
    display: none
}

@media (max-width: 960px) {
    .cloud-button.--mobile {
        display: flex;
        position: absolute;
        right: -3.5714285714rem;
        padding-right: 3.5714285714rem
    }
}

.nyp__alert-lg {
    background: #eab941;
    font-size: 2.1428571429rem;
    padding: .5714285714rem 1.4285714286rem .4285714286rem;
    color: #111;
    border-radius: .4285714286rem;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    margin-top: -1.4285714286rem
}

@media (max-width: 900px) {
    .nyp__alert-lg {
        font-size: 1.6428571429rem;
        line-height: 125%;
        padding: 1.4285714286rem 1.4285714286rem 1.3571428571rem
    }
}

.nyp__condition {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.5rem;
    text-align: center;
    margin: 1.7857142857rem 0 2.5rem
}

@media (max-width: 900px) {
    .nyp__condition {
        font-size: 1.2857142857rem
    }
}

@media (max-width: 390px) {
    .nyp__condition {
        font-size: 1.1428571429rem
    }
}

@media (max-width: 340px) {
    .nyp__condition {
        font-size: 1.0714285714rem
    }
}

.nyp__row {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    box-shadow: 0 .7142857143rem 2.1428571429rem #0003;
    display: grid;
    grid-template-columns: 45% 55%;
    border-radius: .4285714286rem
}

@media (max-width: 640px) {
    .nyp__row {
        grid-template-columns: 1fr
    }
}

.nyp__col {
    padding: 2.1428571429rem 3rem;
    display: flex;
    flex-direction: column
}

@media (max-width: 640px) {
    .nyp__col {
        padding: 1rem
    }
}

.nyp__col.--first {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    padding: 0 0 .7142857143rem;
    box-shadow: 1.4285714286rem 0 2.1428571429rem #0003;
    border-radius: .4285714286rem 0 0 .4285714286rem
}

.nyp__image {
    width: auto;
    max-width: 100%;
    scale: 1.3;
    translate: 0 1.4285714286rem
}

@media (max-width: 768px) {
    .nyp__image {
        scale: 1.2;
        translate: 0 0
    }
}

.nyp__prizes {
    display: flex;
    flex-direction: column;
    gap: .7142857143rem;
    font-size: 1.6428571429rem;
    margin: auto 0
}

@media (max-width: 1200px) {
    .nyp__prizes {
        font-size: 1.2857142857rem
    }
}

@media (max-width: 1200px) {
    .nyp__prizes {
        font-size: 1.1428571429rem
    }
}

.nyp__prizes--arrow {
    position: absolute;
    top: 50%;
    right: 0;
    translate: 200% -50%;
    rotate: -90deg;
    width: 1rem;
    height: auto
}

.nyp__prizes * {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

.nyp__prizes--row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(to top, #1b2832, #323e4d);
    padding: .8571428571rem 1.4285714286rem .5714285714rem;
    border-radius: .4285714286rem;
    border: 1px solid rgba(234, 186, 65, .6);
    position: relative
}

.nyp__prizes--row.--prev {
    border: 1px solid rgba(142, 215, 108, .7)
}

.nyp__prizes--row.--current {
    box-shadow: inset 0 0 0 1px #00e3e9;
    border: 1px solid #00E3E9
}

.nyp__prizes--turnover {
    font-size: 2.2142857143rem
}

@media (max-width: 1200px) {
    .nyp__prizes--turnover {
        font-size: 1.6428571429rem
    }
}

@media (max-width: 1200px) {
    .nyp__prizes--turnover {
        font-size: 1.3571428571rem
    }
}

.nyp__prizes--turnover>svg {
    height: 1.0714285714rem;
    width: auto;
    margin-right: 1.0714285714rem;
    color: #8dd76c;
    translate: 0 -.2142857143rem
}

.nyp__prizes--turnover span {
    opacity: .5;
    margin-left: .4285714286rem
}

.nyp__progress {
    min-width: 968px
}

.nyp__progress--wrapper {
    width: 100%;
    overflow: auto hidden;
    padding-top: 1.7857142857rem;
    margin-top: -1.4285714286rem
}

.nyp__progress--title {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    margin: 1.7857142857rem 0 .9285714286rem;
    font-size: 1.6428571429rem
}

.nyp__progress--box {
    background: linear-gradient(165deg, #192936b3, #111e29b3);
    padding: 3.5714285714rem 2.8571428571rem 3.9285714286rem 2.5rem;
    border-radius: .4285714286rem
}

.nyp__progress--line {
    background: linear-gradient(165deg, #192936, #111e29);
    height: 2.1428571429rem;
    box-shadow: 0 .7142857143rem 1.4285714286rem #0003;
    border-radius: .1428571429rem;
    position: relative
}

.nyp__progress--pr {
    background: linear-gradient(to top, #ffce56, #fe9923);
    border-radius: .1428571429rem;
    height: 2.1428571429rem
}

.nyp__progress--point {
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%
}

.nyp__progress--point .current-prize {
    translate: -50% -5.7142857143rem;
    rotate: 180deg;
    width: 1rem
}

.nyp__progress--point>img {
    height: 4.0714285714rem;
    filter: drop-shadow(0px 10px 10px #111);
    width: auto
}

.nyp__progress--point>svg {
    width: 1.5714285714rem;
    height: 1.5714285714rem;
    float: left;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%
}

.nyp__progress--point .--dot {
    display: block;
    width: 1rem;
    height: 1rem;
    background: linear-gradient(to top, #ffce56, #fe9923);
    border-radius: 50%
}

.nyp__progress--point.--move-left {
    translate: -2.1428571429rem -50%
}

.nyp__progress--point.--move-right {
    translate: 1.4285714286rem -50%
}

.nyp__progress--point.--prev {
    opacity: .4
}

.nyp__progress--point.--prev .--name {
    font-size: .7142857143rem
}

.nyp__progress--point.--prev .--turnover {
    font-size: .9285714286rem
}

.nyp__progress--point.--current .--name {
    font-weight: 900;
    color: #fff
}

.nyp__progress--point.--current .--image {
    scale: 1.2 !important
}

.nyp__progress--point.--current .--your {
    translate: -50% 5.4285714286rem
}

.nyp__progress--point .--name {
    position: absolute;
    white-space: nowrap;
    top: 50%;
    left: 50%;
    translate: -50% 1.7142857143rem;
    font-size: .8571428571rem;
    text-align: center
}

.nyp__progress--point .--image.--i1 {
    scale: .8
}

.nyp__progress--point .--image.--i2 {
    scale: .76
}

.nyp__progress--point .--image.--i3 {
    scale: .9
}

.nyp__progress--point .--image.--i4,
.nyp__progress--point .--image.--i5,
.nyp__progress--point .--image.--i6 {
    scale: 1
}

.nyp__progress--point .--your {
    position: absolute;
    white-space: nowrap;
    top: 50%;
    left: 50%;
    translate: -50% 3.2142857143rem;
    font-size: .7857142857rem;
    font-weight: 900;
    color: #00e3e9
}

.nyp__progress--point .--turnover {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 1.1428571429rem;
    position: absolute;
    white-space: nowrap;
    top: 50%;
    left: 50%;
    translate: -50% -3.5714285714rem
}

.nyp__progress--point:last-child .--turnover {
    translate: -50% -3.9285714286rem
}

.nyp__progress--point:last-child {
    margin-left: -1.0714285714rem
}

.nyp__turnover {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2.8571428571rem;
    margin-top: 2.1428571429rem
}

@media (max-width: 768px) {
    .nyp__turnover {
        flex-direction: column;
        gap: 1.4285714286rem
    }
}

.nyp__turnover>svg {
    rotate: 90deg;
    height: 1.6428571429rem;
    width: auto
}

@media (max-width: 768px) {
    .nyp__turnover>svg {
        rotate: 180deg
    }
}

.nyp__turnover--value {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    font-size: 2.2142857143rem
}

@media (max-width: 1200px) {
    .nyp__turnover--value {
        font-size: 1.6428571429rem
    }
}

@media (max-width: 420px) {
    .nyp__turnover--value {
        font-size: 1.4285714286rem
    }
}

.nyp__turnover>div {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important;
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(to top, #1b2832, #323e4d);
    padding: .8571428571rem 1.4285714286rem .5714285714rem;
    border-radius: .4285714286rem;
    border: 1px solid rgba(234, 186, 65, .6);
    font-size: 1.6428571429rem
}

@media (max-width: 768px) {
    .nyp__turnover>div {
        width: 100%
    }
}

@media (max-width: 1200px) {
    .nyp__turnover>div {
        font-size: 1.2857142857rem
    }
}

@media (max-width: 420px) {
    .nyp__turnover>div {
        font-size: 1.2142857143rem
    }
}

.nyp__turnover>div * {
    font-family: var(--ultra-font);
    font-weight: var(--ultra-font-weight) !important
}

.nyp__turnover>div>svg {
    height: 1.0714285714rem;
    width: auto;
    margin-right: 1.0714285714rem;
    color: #8dd76c;
    translate: 0 -.2142857143rem
}

.nyp__turnover>div span {
    opacity: .5;
    margin-left: .4285714286rem
}

.nyp__turnover>div.--prev {
    border: 1px solid rgba(142, 215, 108, .7)
}

.nyp__turnover>div.--current {
    box-shadow: inset 0 0 0 1px #00e3e9;
    border: 1px solid #00E3E9
}

.rb-number {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    background: #00e3e9;
    color: #151515;
    z-index: 5;
    font-family: EB Garamond, sans-serif;
    font-weight: 900;
    font-size: 1.2857142857rem;
    width: 1.7857142857rem;
    height: 1.7857142857rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding-bottom: .1428571429rem
}

.mbr {
    display: none
}

@media (max-width: 640px) {
    .mbr {
        display: block
    }
}

.ny-mobile-title span {
    font-size: 3rem
}

@media (max-width: 425px) {
    .ny-mobile-title span {
        font-size: 2.5rem
    }
}

.ny-mobile-title svg {
    translate: 0 .2857142857rem
}

.promo-button {
    background: #00e3e9;
    border-radius: .2857142857rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    text-decoration: none;
    color: #17242f;
    margin-left: auto;
    margin-right: .5714285714rem;
    padding: .5714285714rem 1.0714285714rem;
    font-size: 1.1428571429rem;
    font-weight: 700;
    border: none;
    white-space: nowrap;
    cursor: pointer
}

.promo-button>svg {
    height: 1.4285714286rem;
    width: auto
}

.promo-button>svg>path {
    fill: #17242f
}

@media (max-width: 960px) {
    .promo-button:not(.--mobile) {
        display: none
    }
}

.promo-button.--mobile {
    display: none
}

@media (max-width: 960px) {
    .promo-button.--mobile {
        display: flex;
        position: absolute;
        right: -3.5714285714rem;
        padding-right: 3.5714285714rem;
        top: 12.1428571429rem
    }
}

.current-prize>path {
    fill: #00e3e9
}

.--y {
    color: #ffce56
}

@media (max-width: 768px) {
    .--y {
        display: block
    }
}

:root {
    --default-font: "Poppins", "Inter", sans-serif;
    --ultra-font: "Poppins","Neue Power Ultra", "Neue Machina", sans-serif;
    --ultra-font-weight: normal;
    --power-font: "Poppins", "Neue Power", "Neue Machina", sans-serif
}

html.--hi,
html.--tr,
html.--es,
html.--ru,
html.--de {
    --default-font: "Poppins","Montserrat", "Inter", sans-serif;
    --ultra-font:  "Poppins", "Montserrat",sans-serif !important;
    --ultra-font-weight: 900;
    --power-font: "Poppins", "Montserrat", sans-serif !important
}

html.--hi .sign__form--title,
html.--tr .sign__form--title,
html.--es .sign__form--title,
html.--ru .sign__form--title,
html.--de .sign__form--title {
    font-size: 3rem;
    line-height: 120%
}

html.--hi .sign__form--title>svg,
html.--tr .sign__form--title>svg,
html.--es .sign__form--title>svg,
html.--ru .sign__form--title>svg,
html.--de .sign__form--title>svg {
    height: 2.7142857143rem
}

@media (max-width: 450px) {

    html.--hi .sign__form--title,
    html.--tr .sign__form--title,
    html.--es .sign__form--title,
    html.--ru .sign__form--title,
    html.--de .sign__form--title {
        font-size: 3rem
    }
}

html.--hi .fast-start_p,
html.--tr .fast-start_p,
html.--es .fast-start_p,
html.--ru .fast-start_p,
html.--de .fast-start_p {
    font-weight: 600 !important
}

html.--hi .invest-slide__info--line>*,
html.--tr .invest-slide__info--line>*,
html.--es .invest-slide__info--line>*,
html.--ru .invest-slide__info--line>*,
html.--de .invest-slide__info--line>* {
    font-weight: 600 !important
}

html.--hi .stats-line.--sm>div,
html.--tr .stats-line.--sm>div,
html.--es .stats-line.--sm>div,
html.--ru .stats-line.--sm>div,
html.--de .stats-line.--sm>div {
    font-size: 1.0714285714rem;
    font-weight: 600
}

html.--hi .default-button.--wallet-sm span,
html.--tr .default-button.--wallet-sm span,
html.--es .default-button.--wallet-sm span,
html.--ru .default-button.--wallet-sm span,
html.--de .default-button.--wallet-sm span {
    font-size: 1.2857142857rem
}

@media (max-width: 768px) {

    html.--hi .default-button.--wallet-sm span,
    html.--tr .default-button.--wallet-sm span,
    html.--es .default-button.--wallet-sm span,
    html.--ru .default-button.--wallet-sm span,
    html.--de .default-button.--wallet-sm span {
        translate: 0 -.0357142857rem
    }
}

html.--hi .default-button.--wallet span,
html.--tr .default-button.--wallet span,
html.--es .default-button.--wallet span,
html.--ru .default-button.--wallet span,
html.--de .default-button.--wallet span {
    font-size: 1.7142857143rem
}

@media (max-width: 768px) {

    html.--hi .default-button.--wallet span,
    html.--tr .default-button.--wallet span,
    html.--es .default-button.--wallet span,
    html.--ru .default-button.--wallet span,
    html.--de .default-button.--wallet span {
        translate: 0 -.0357142857rem;
        font-size: 1.2857142857rem
    }
}

html.--hi .default-button.--lg span,
html.--tr .default-button.--lg span,
html.--es .default-button.--lg span,
html.--ru .default-button.--lg span,
html.--de .default-button.--lg span {
    font-size: 1.7142857143rem
}

@media (max-width: 420px) {

    html.--hi .default-button.--lg span,
    html.--tr .default-button.--lg span,
    html.--es .default-button.--lg span,
    html.--ru .default-button.--lg span,
    html.--de .default-button.--lg span {
        font-size: 1.5rem
    }
}

html.--hi .default-button span,
html.--tr .default-button span,
html.--es .default-button span,
html.--ru .default-button span,
html.--de .default-button span,
html.--hi .sign-header__buttons a,
html.--tr .sign-header__buttons a,
html.--es .sign-header__buttons a,
html.--ru .sign-header__buttons a,
html.--de .sign-header__buttons a {
    font-size: 1.2857142857rem
}

html.--hi .wallet-sell span,
html.--tr .wallet-sell span,
html.--es .wallet-sell span,
html.--ru .wallet-sell span,
html.--de .wallet-sell span {
    font-size: 1.7142857143rem
}

@media (max-width: 768px) {

    html.--hi .wallet-sell span,
    html.--tr .wallet-sell span,
    html.--es .wallet-sell span,
    html.--ru .wallet-sell span,
    html.--de .wallet-sell span {
        translate: 0 -.0357142857rem
    }
}

@media (max-width: 768px) and (max-width: 768px) {

    html.--hi .wallet-sell span,
    html.--tr .wallet-sell span,
    html.--es .wallet-sell span,
    html.--ru .wallet-sell span,
    html.--de .wallet-sell span {
        font-size: 1.2857142857rem
    }
}

html.--hi .invest-slide__button,
html.--tr .invest-slide__button,
html.--es .invest-slide__button,
html.--ru .invest-slide__button,
html.--de .invest-slide__button {
    font-family: var(--power-font);
    font-weight: 8 0
}

html.--hi .week-income__profit--title,
html.--hi .week-income__profit--title span,
html.--tr .week-income__profit--title,
html.--tr .week-income__profit--title span,
html.--es .week-income__profit--title,
html.--es .week-income__profit--title span,
html.--ru .week-income__profit--title,
html.--ru .week-income__profit--title span,
html.--de .week-income__profit--title,
html.--de .week-income__profit--title span {
    font-family: Montserrat, sans-serif !important;
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase
}

html.--de .sign__form--title {
    font-size: 2.7142857143rem;
    line-height: 130%
}

html.--de .sign__form--title>svg {
    height: 2.7142857143rem
}

@media (max-width: 450px) {
    html.--de .sign__form--title {
        font-size: 2rem
    }
}

html.--hi {
    --default-font: "Montserrat"
}

html.--hi * {
    font-weight: 600 !important
}

html .lm-lg-title {
    font-size: 3rem
}
.sign__form--title{
    border:none;
    text-align:center;
}
.sign__form--subtitle{
    text-align:center;
}
.rotateFlat {
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.btn {
  position: relative;
  display: inline-block;
  padding: 15px 40px;
  margin: 10px;
  color: #000;
  font-size: 1.7rem;
  letter-spacing: 2px;
  border-radius: 5px;
  outline: none;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  box-sizing: border-box;
  overflow: hidden;
}

.btn--snakeBorder {
  background: linear-gradient(90deg,rgba(140, 112, 235, 1) 0%, rgba(145, 88, 243, 1) 21%, rgba(140, 112, 235, 1) 36%, rgba(145, 88, 243, 1) 50%, rgba(145, 88, 243, 1) 63%, rgba(145, 88, 243, 1) 67%, rgba(140, 112, 235, 1) 71%, rgba(145, 88, 243, 1) 88%);
  transition: all 0.3s ease-in-out;
  color:white;
}

/* Common span styles */
.btn--snakeBorder span {
  position: absolute;
  display: block;
}

/* Top border */
.btn--snakeBorder span:nth-child(1) {
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: rgba(140, 112, 235, 0.6);
  animation: borderAnimation1 2s linear infinite;
}

/* Right border */
.btn--snakeBorder span:nth-child(2) {
  top: 0;
  right: 0;
  width: 3px;
  height: 100%;
  background: rgba(140, 112, 235, 0.6);
  animation: borderAnimation2 2s linear infinite;
  animation-delay: 1s;
}

/* Bottom border */
.btn--snakeBorder span:nth-child(3) {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: rgba(140, 112, 235, 0.6);
  animation: borderAnimation3 2s linear infinite;
}

/* Left border */
.btn--snakeBorder span:nth-child(4) {
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: rgba(140, 112, 235, 0.6);
  animation: borderAnimation4 2s linear infinite;
  animation-delay: 1s;
}

/* Animations */
@keyframes borderAnimation1 {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

@keyframes borderAnimation2 {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(100%); }
}

@keyframes borderAnimation3 {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

@keyframes borderAnimation4 {
  0% { transform: translateY(100%); }
  100% { transform: translateY(-100%); }
}

.btn--snakeBorder:hover {
  transform: scale(1.03);
  box-shadow: rgb(208 203 203 / 35%) 0px 5px 15px;
}