@charset "utf-8";

:root {
    --bs-font-sans-serif: "Sarabun", sans-serif;
}

body {
    background-color: var(--bs-body-bg);
    background: radial-gradient(circle, transparent 20%, var(--bs-body-bg) 20%, var(--bs-body-bg) 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, var(--bs-body-bg) 20%, var(--bs-body-bg) 80%, transparent 80%, transparent) 55px 55px, linear-gradient(rgba(var(--bs-secondary-bg-rgb), .35) 4.4px, transparent 4.4px) 0 -2.2px, linear-gradient(90deg, rgba(var(--bs-secondary-bg-rgb), .35) 4.4px, var(--bs-body-bg) 4.4px) -2.2px 0;
    background-size: 110px 110px, 110px 110px, 55px 55px, 55px 55px;
    background-attachment: fixed;
}


[data-bs-theme="dark"] body {
    background-color: var(--bs-body-bg);
    background: radial-gradient(circle, transparent 20%, var(--bs-body-bg) 20%, var(--bs-body-bg) 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, var(--bs-body-bg) 20%, var(--bs-body-bg) 80%, transparent 80%, transparent) 55px 55px, linear-gradient(rgba(var(--bs-secondary-bg-rgb), .15) 4.4px, transparent 4.4px) 0 -2.2px, linear-gradient(90deg, rgba(var(--bs-secondary-bg-rgb), .55) 4.4px, var(--bs-body-bg) 4.4px) -2.2px 0;
    background-size: 110px 110px, 110px 110px, 55px 55px, 55px 55px;
    background-attachment: fixed;
}

.bg-feature {
    opacity: 1;
    background-image: radial-gradient(rgba(255, 255, 255, .4) 1.3px, rgba(255, 255, 255, 0) 1.3px), radial-gradient(rgba(255, 255, 255, .4) 1.3px, rgba(255, 255, 255, 0) 1.3px);
    background-size: 52px 52px;
    background-position: 0 0, 26px 26px;
}

.tp-filter {
    mix-blend-mode: luminosity;
    filter: invert(.8) brightness(1.75);
}

.tp-widget {
    background-image: url("../images/trustpilot-light.png");
    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);
}


.collapsing {
    transition-duration: 0ms !important;
}

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

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

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

    #accountMenu::before {
        content: "";
        position: fixed;
        inset: 0;
        background-color: rgba(0, 0, 0, .35);
        backdrop-filter: blur(5px);
        z-index: -1;
    }

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

.hero-bg {
    opacity: .75;
    background-image: url("../images/hero.webp");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    filter: hue-rotate(20deg);
    mix-blend-mode: soft-light;
}

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

.bg-miner {
    background-image: url("../images/miner.webp");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    background-origin: content-box;
}

[data-bs-theme="dark"] .bg-miner {
    background-image: url("../images/miner-2.webp");
}

.bg-miner:hover {
    background-size: auto 125%;
}

.loader {
    display: none;
}

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