@charset "utf-8";

:root {
    --bs-font-sans-serif: "Oxanium", sans-serif;
    letter-spacing: .0125em;
    background-image: radial-gradient(circle at 10% 20%, #0c111c 0%, #09090b 90.5%);
    background-attachment: fixed;
}

body {
    /*background: url("../images/header-bg.svg"), url("../images/footer-bg.svg");*/
    background:
    url('data:image/svg+xml,<svg id="visual" viewBox="0 0 2560 720" width="2560" height="720" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><path d="M0 207L366 154L731 229L1097 180L1463 225L1829 165L2194 212L2560 212L2560 0L2194 0L1829 0L1463 0L1097 0L731 0L366 0L0 0Z" fill="%232a0c4a"></path><path d="M0 182L366 144L731 143L1097 143L1463 116L1829 171L2194 174L2560 193L2560 0L2194 0L1829 0L1463 0L1097 0L731 0L366 0L0 0Z" fill="%23320a57"></path><path d="M0 152L366 92L731 154L1097 96L1463 138L1829 120L2194 115L2560 144L2560 0L2194 0L1829 0L1463 0L1097 0L731 0L366 0L0 0Z" fill="%233b0764"></path><path d="M0 54L366 93L731 103L1097 58L1463 109L1829 65L2194 82L2560 106L2560 0L2194 0L1829 0L1463 0L1097 0L731 0L366 0L0 0Z" fill="%234d167a"></path><path d="M0 34L366 33L731 55L1097 33L1463 44L1829 57L2194 39L2560 55L2560 0L2194 0L1829 0L1463 0L1097 0L731 0L366 0L0 0Z" fill="%23602491"></path></svg>'),
    url('data:image/svg+xml,<svg id="visual" viewBox="0 0 2560 720" width="2560" height="720" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><path d="M0 530L366 497L731 557L1097 498L1463 555L1829 564L2194 572L2560 479L2560 721L2194 721L1829 721L1463 721L1097 721L731 721L366 721L0 721Z" fill="%232a0c4a"></path><path d="M0 537L366 594L731 568L1097 538L1463 599L1829 527L2194 602L2560 573L2560 721L2194 721L1829 721L1463 721L1097 721L731 721L366 721L0 721Z" fill="%23320a57"></path><path d="M0 630L366 622L731 595L1097 617L1463 581L1829 624L2194 629L2560 587L2560 721L2194 721L1829 721L1463 721L1097 721L731 721L366 721L0 721Z" fill="%233b0764"></path><path d="M0 659L366 609L731 647L1097 608L1463 630L1829 637L2194 641L2560 653L2560 721L2194 721L1829 721L1463 721L1097 721L731 721L366 721L0 721Z" fill="%234d167a"></path><path d="M0 648L366 692L731 655L1097 681L1463 649L1829 690L2194 695L2560 689L2560 721L2194 721L1829 721L1463 721L1097 721L731 721L366 721L0 721Z" fill="%23602491"></path></svg>');
    background-repeat: repeat-x;
    background-position: 50% -32px, 50% 100%;
    --bs-body-bg: #09090b;
    --bs-body-bg-rgb: 9, 9, 11;
    --bs-tertiary-bg: #18181b;
    --bs-tertiary-bg-rgb: ;
    --bs-primary: #3b0764;
    --bs-primary-rgb: 147, 51, 234;
    --bs-border-color: #18181b;
    --bs-body-color: #9ca3af;
    --bs-heading-color: var(--bs-emphasis-color);
}

.intro {
    opacity: .25;
    filter: blur(2rem);
    object-fit: cover;
    z-index: -10;
    animation: deblur .3s ease-out 3s forwards;
}

@keyframes deblur {
    to {
        filter: blur(0);
    }
}

#hero .exchanges {
    position: absolute;
    left: 0;
    text-wrap: nowrap;
    animation: moveup calc(var(--ii) * .8s) linear infinite;
}

@keyframes moveup {
    to {
        transform: translateY(-100%);
    }
}

.nav-pills {
    --bs-nav-pills-link-active-color: var(--bs-dark);
    --bs-nav-pills-link-active-bg: #fff;
    --bs-nav-link-color: #d8b4fe;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--bs-warning);
    box-shadow: none;
    color: var(--bs-emphasis-color);
}

.btn {
    font-weight: 600;
}

.sidebar-header {
    background-image: url("../images/footer-bg.svg");
    background-size: auto 350px;
    background-position: 40% 100%;
}

.calc-header {
    background-image: url("../images/header-bg.svg");
    background-size: auto 350px;
    background-position: 50% 0%;
    background-repeat: no-repeat;
}

.tp-widget {
    background-image: url("../images/trustpilot-light.png.html");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 240px;
    height: 56px;
}

[data-bs-theme="dark"] .tp-widget {
    background-image: url("../images/trustpilot-dark.png");
}

[data-bs-theme="dark"] .crt-filter {
    mix-blend-mode: plus-lighter;
    filter: invert(1) grayscale(1);
}

.table {
    min-width: max-content;
}

.bi-fix {
    vertical-align: -.25em;
}

.loader {
    display: none;
}

.loader.on>div {
    height: .25rem;
    width: 0%;
    position: absolute;
    animation: fill 1s ease-in-out infinite;
    left: 0;
    right: auto;
}

@keyframes fill {
    0% {
        width: 0%;
        left: 0;
        right: auto;
    }

    50% {
        width: 100%;
    }

    100% {
        width: 0%;
        left: auto;
        right: 0;
    }

}

.loader.on {
    display: block;
    transition: all .25s;
}

.minerani {
    --s: 20px;
    --_d: calc(0.353*var(--s));
    width: calc(var(--s) + var(--_d));
    aspect-ratio: 1;
    display: grid;
    margin-top: -1.25rem;
}

.minerani:before,
.minerani:after {
    content: "";
    grid-area: 1/1;
    clip-path: polygon(var(--_d) 0, 100% 0, 100% calc(100% - var(--_d)), calc(100% - var(--_d)) 100%, 0 100%, 0 var(--_d));
    background:
        conic-gradient(from -90deg at calc(100% - var(--_d)) var(--_d),
            #fff 135deg, #666 0 270deg, #aaa 0);
    animation: l6 2s infinite;
}

.minerani.pause:before,
.minerani.pause:after {
    animation-iteration-count: 1;

}

.minerani:after {
    animation-delay: -1s;
}

@keyframes l6 {
    0% {
        transform: translate(0, 0)
    }

    25% {
        transform: translate(30px, 0)
    }

    50% {
        transform: translate(30px, 30px)
    }

    75% {
        transform: translate(0, 30px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@media (max-width: 767.98px) {
    #accountMenu {
        position: fixed;
        z-index: 3;
        width: calc(100vw - .75rem);
        max-width: 22rem;
        top: .5rem;
        bottom: .5rem;
        margin: 0;
        overflow: hidden;
    }

    #accountMenu>* {
        overflow-y: auto;
    }

    #accountMenu::before {
        content: "";
        position: fixed;
        inset: 0;
        background-color: rgba(var(--bs-body-bg-rgb), .7);
        backdrop-filter: blur(1rem);
        z-index: -1;
    }

    [x-cloak] {
        display: none !important;
    }

    .minerani {
        display: none;
    }
}

@media (max-height: 900px) {
    .ref-promo {
        position: relative;
    }

}

.notification {
    border-radius: .35rem;
    padding: .5em;
    font-size: .875rem;
    text-align: center;
    position: fixed;
    top: 2.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - .5rem);
    margin: 0 auto;
    max-width: 32rem;
    background-color: #fff;
    color: #000;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    font-weight: 500;
}

.notification.error {
    background-color: var(--bs-danger);
    color: #fff;
}

.notification.success {
    background-color: var(--bs-success);
    color: #fff;
}

@media (max-width: 575px) {
    .intro-ex {
        max-width: 330px;
        margin: 0 auto;
    }

}