@import url("https://p.typekit.net/p.css?s=1&k=gev1trt&ht=tk&f=32203.32204.32205.32206.32207&a=19496027&app=typekit&e=css");


@font-face {
    font-family: "stolzl";
    src: url("https://use.typekit.net/af/5265b3/00000000000000007735affc/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/5265b3/00000000000000007735affc/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/5265b3/00000000000000007735affc/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
}

@font-face {
    font-family: "stolzl";
    src: url("https://use.typekit.net/af/148b9c/00000000000000007735affe/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/148b9c/00000000000000007735affe/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/148b9c/00000000000000007735affe/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "stolzl";
    src: url("https://use.typekit.net/af/505ea4/00000000000000007735b006/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/505ea4/00000000000000007735b006/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/505ea4/00000000000000007735b006/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
}

@font-face {
    font-family: "stolzl";
    src: url("https://use.typekit.net/af/11d803/00000000000000007735b005/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/11d803/00000000000000007735b005/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/11d803/00000000000000007735b005/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}


:root {
    --bs-body-font-weight: 300;
    --bs-body-font-size: .91rem;
    --bs-light-black: #121519;
    --bs-darkest-purple: #020023;
    --bs-dark-purple: #342D76;
    --bs-semidark-purple: #23196A;
    --bs-medium-purple: #221969;
    --bs-plum-purple: #EC65FC;
    --bs-light-purple: #877AFF;
    --bs-white: #eeeeee;
    --bs-orange: #FC980D;
    --bs-border-color-translucent: rgba(255, 255, 255, .15);
    --bs-lime-green: #45D675;
    --bs-plum-blue: #706DFF;
    --bs-light-green: #94FF41;
    --bs-plum-brown: #DD606A;
    --bs-primary-bg-subtle: #16191e;
    --countdown-font-size: 1.2rem;
    --bs-success-text-emphasis: #117749;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
}

body {
    font-family: "stolzl", sans-serif;
    font-weight: var(--bs-body-font-weight);
    background: #060024;
    background: rgb(6, 1, 36);
    background: linear-gradient(144deg, rgba(21, 21, 24, 1) 0%, rgba(6, 1, 36, 0.9584034297312675) 69%);
    color: var(--bs-white);
    font-weight: 400;
}

.fi-body {
    background: inherit;
}

.form-select,
.form-select option {
    font-family: "stolzl", sans-serif !important;
}


.bg-light-purple {
    background-color: var(--bs-light-purple);
}

.bg-light-green {
    background-color: var(--bs-light-green);
}

.bg-lime-green {
    background-color: var(--bs-lime-green);
}

.text-lime-green {
    color: var(--bs-lime-green);
}

.bg-medium-purple {
    background-color: var(--bs-medium-purple);
}

.bg-plum-purple {
    background-color: var(--bs-plum-purple);
}

.bg-semidark-purple {
    background-color: var(--bs-semidark-purple);
}

.bg-dark-purple {
    background-color: var(--bs-dark-purple);
}


.bg-darkest-purple {
    background-color: var(--bs-darkest-purple);
}

.bg-light-black {
    background-color: var(--bs-light-black);
}

.bg-plum-blue {
    background-color: var(--bs-plum-blue);
}

.bg-plum-brown {
    background-color: var(--bs-plum-brown);
}

.gradient-purple {
    background: rgb(114, 109, 255);
    background: linear-gradient(360deg, rgba(114, 109, 255, 1) 0%, rgba(116, 66, 255, 1) 100%);
}

.gradient-pink {
    background: rgb(252, 128, 248);
    background: linear-gradient(180deg, rgba(252, 128, 248, 1) 0%, rgba(241, 110, 251, 1) 51%, rgba(221, 74, 255, 1) 100%);
}

.gradient-brown {
    background: linear-gradient(180deg, rgba(221, 96, 106, 1) 0%, rgba(148, 64, 70, 1) 100%);
}

.thumby {
    width: 60px;
    height: 60px;
    overflow: hidden;
}

.thumby img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.fw-300 {
    font-weight: 300;

}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: var(--bs-light-blue);
    border-color: var(--bs-nav-tabs-link-active-border-color);
}

.smaller,
smaller {
    font-size: .66rem;
}

.initials {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: #6c757d;
    color: var(--bs-white);
    border-radius: 50%;
    font-size: 1rem;
    text-transform: uppercase;
}


.btn-group-lg>.btn,
.btn-lg {
    --bs-btn-padding-y: 0.85rem;
    --bs-btn-padding-x: 3rem;
    --bs-btn-font-size: 1rem;
}

.progress,
.progress-stacked {
    --bs-progress-bar-bg: var(--bs-lime-green);
    height: 12px;
    background-color: #2e1635;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0 20px;
    }
}

.get-credits-cta {
    position: relative;
    background-image: url('/images/pink-diamond.png');
    background-repeat: no-repeat;
    background-position: calc(100% + 50px) calc(100% + 50px);
    background-size: contain;
    overflow: hidden;
}

.make-rain-cta {
    position: relative;
    background-image: url('/images/droplet-round.png');
    background-repeat: no-repeat;
    background-position: calc(100% + 30px) calc(100% + 40px);
    background-size: contain;
    overflow: hidden;
}


.form-check-input:checked {
    background-color: var(--bs-lime-green);
    border-color: var(--bs-lime-green);
}

@media (min-width: 1400px) {
    .container {
        max-width: 1620px;
    }
}

.chat-container {
    max-height: calc(60vh);
    overflow-y: auto;
}

.fi-ta a,
.fi-btn a,
.fi-sidebar a {
    text-decoration: inherit;
}

.custom-payments-trend span:last-of-type {
    font-size: 0.75rem;
    /* Equivalent to text-sm in Tailwind */
    color: #6b7280;
    /* Equivalent to text-gray-500 in Tailwind */
}

a {
    text-decoration: underline;
}

.modal-content {
    box-shadow: 0 0 25px rgba(219, 96, 193, 0.3);
}

.avatar-img {
    font-size: 0;
}

.avatar-img.loaded {
    font-size: initial;
}

@keyframes highlight {

    0%,
    100% {
        background-color: #DD606A;
        /* Original color */
        box-shadow: none;
    }

    50% {
        background-color: var(--bs-warning);
        /* Highlight color */
        box-shadow: 0 0 10px var(--bs-warning);
        /* Glowing effect */
    }
}

.pulse {
    animation: highlight 0.5s infinite;
}

#impersonate-banner {
    z-index: 10000 !important;
    top: 70px !important;
}

.username-mw {
    max-width: 120px; /* Adjust as needed */
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


.mw-80 {
    /* set a max-width for very large/wide screens */
    max-width: 80px;
}

.mw-1000 {
    /* set a max-width for very large/wide screens */
    max-width: 1000px;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zm393 17L281 385l-17 17L230.1 368l17-17 71-71L136 280l-24 0 0-48 24 0 182.1 0-71-71-17-17L264 110.1l17 17L393 239l17 17-17 17z'/%3E%3C/svg%3E") !important;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M512 256A256 256 0 1 0 0 256a256 256 0 1 0 512 0zM119 239L231 127l17-17L281.9 144l-17 17-71 71L376 232l24 0 0 48-24 0-182.1 0 71 71 17 17L248 401.9l-17-17L119 273l-17-17 17-17z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next,
.carousel-control-prev {
    width: 5%;
}

.single-line-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
}

.accordion {
    --bs-accordion-bg: var(--bs-light-black);
    --bs-accordion-border-color: var(--bs-darkest-purple);
}

[data-bs-theme="dark"] .accordion-button::after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2345D675'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2345D675'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed) {
    color: inherit;
}

.accordion-button:focus {

    box-shadow: none;
}

.progress-percentage-bubble::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(255, 193, 7, 0);
    border-top-color: var(--bs-lime-green);
    /* color of the bubble */
    border-width: 0.5rem;
    margin-left: -0.5rem;
}

@media (max-width: 992px) {
    :root {
        --countdown-font-size: .75rem;

    }
}

.countdown-number-size {
    font-size: var(--countdown-font-size);
}

.gradient-instantwin::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    background: radial-gradient(circle, #DD606A, transparent);
    transform: translate(-50%, -50%) scale(1.3);
    z-index: 0;
    filter: blur(20px);
}

.gradient-instantwin img {
    position: relative;
    z-index: 1;
    display: block;
    max-width: 100%;
    height: auto;
}

.text-success-emphasis {
    color: var(--bs-success-text-emphasis) !important;
}

.text-warning-emphasis {
    color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
    color: var(--bs-danger-text-emphasis) !important;
}