.modal-wrapper[data-v-fa890d6c] {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: #00000080;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow-y: auto;
    padding: 20px 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.modal-wrapper[data-v-fa890d6c]::-webkit-scrollbar {
    border-radius: 2rem;
    width: .375rem
}

.modal-wrapper[data-v-fa890d6c]::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: var(--color-budget-100);
    border-radius: 2rem
}

@media(max-width: 767px) {
    .modal-wrapper[data-v-fa890d6c] {
        align-items:flex-start;
        padding: 70px 0
    }
}

.modal-backdrop[data-v-fa890d6c] {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.modal-content[data-v-fa890d6c] {
    margin: auto;
    position: relative;
    z-index: 1000
}

@media(max-width: 767px) {
    .modal-content[data-v-fa890d6c] {
        margin:0 auto
    }
}

.modal-close[data-v-fa890d6c] {
    position: absolute;
    right: 14px;
    top: 14px;
    z-index: 1001
}

.addon-after[data-v-54c3cd9d]:after {
    box-shadow: inset 0 0 5px #3947b840,inset 0 0 15px #3947b840,inset 0 0 35px #3947b840;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .2s;
    width: 100%;
    z-index: 1
}

:is(.addon-after:focus,.addon-after:hover)[data-v-54c3cd9d]:after {
    opacity: 1
}

.addon-after#bisect-boost-addon[data-v-54c3cd9d]:after {
    opacity: var(--v088195c3)
}

.addon-after#free-stickers-addon[data-v-54c3cd9d]:after {
    opacity: var(--v257383b8)
}

.addon-after#dedicated-ip-addon[data-v-54c3cd9d]:after {
    opacity: var(--v09029a66)
}

.wiggle-animation[data-v-54c3cd9d] {
    animation: wiggle-54c3cd9d .4s ease-in-out
}

@keyframes wiggle-54c3cd9d {
    0%,to {
        border-color: #3947b8;
        transform: translate(0)
    }

    25%,75% {
        border-color: #3947b8;
        transform: translate(-3px)
    }

    50% {
        border-color: #3947b8;
        transform: translate(3px)
    }
}

.glow-button-box[data-v-4a7ac789] {
    --border-active-color: #4d5abf;
    --border-color: #3947b8;
    --background-color: #3947b8;
    --background-hover: #b739f2;
    --glow-color: hsla(0,0%,100%,.6);
    --glow-blur: blur(10px);
    --border-radius: 8px;
    --border-width: 1px;
    --background-transition: background-color .1s ease
}

.glow-button-box .box-glow[data-v-4a7ac789],.glow-button-box .box-inner[data-v-4a7ac789] {
    border-radius: var(--border-radius);
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 0
}

.glow-button-box .box-inner[data-v-4a7ac789] {
    background-color: var(--background-color);
    transition: var(--background-transition)
}

.glow-button-box .box-inner:hover[data-v-4a7ac789] {
    background-color: var(--background-hover)
}

.glow-button-box .box-inner:hover[data-v-4a7ac789]:after {
    background: var(--background-hover)
}

.glow-button-box .box-glow[data-v-4a7ac789] {
    filter: var(--glow-blur);
    overflow: hidden
}

.glow-button-box .box-inner[data-v-4a7ac789]:after {
    background: var(--background-color);
    border-radius: var(--border-radius);
    bottom: var(--border-width);
    content: "";
    left: var(--border-width);
    position: absolute;
    right: var(--border-width);
    top: var(--border-width);
    transition: var(--background-transition);
    z-index: -1
}

.glow-button-box.animating .box-glow[data-v-4a7ac789]:before,.glow-button-box.animating .box-inner[data-v-4a7ac789]:before {
    animation: glow-button-animate-4a7ac789 linear;
    animation-duration: var(--animation-duration);
    background-image: conic-gradient(transparent,var(--glow-color),transparent 65%);
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    height: 99999px;
    left: 50%;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%,-50%) rotate(0);
    width: 99999px;
    z-index: -2
}

.glow-button-box.animating .box-inner[data-v-4a7ac789] {
    background-color: var(--border-active-color)
}

@keyframes glow-button-animate-4a7ac789 {
    0% {
        opacity: 0
    }

    15% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate(-50%,-50%) var(--animation-rotations)
    }
}

.addon-after[data-v-aa5e302d]:after {
    box-shadow: inset 0 0 5px #3947b840,inset 0 0 15px #3947b840,inset 0 0 35px #3947b840;
    content: "";
    height: 100%;
    inset: 0;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s;
    width: 100%
}

.supported-games-tooltip[data-v-aa5e302d] {
    background-color: #020525;
    border: 1px solid #1c2554;
    border-radius: 15px;
    box-shadow: 0 4px 5px #0009,0 4px 15px #0009,inset 0 0 0 1px #ffffff1a;
    max-width: 320px;
    min-width: 280px;
    overflow: hidden;
    padding: .75rem
}

.supported-games-grid[data-v-aa5e302d] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-start
}

.game-tag[data-v-aa5e302d] {
    background-color: #12183b;
    border-radius: 8px;
    color: #9ca4dc;
    cursor: default;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    padding: .5rem .75rem;
    text-decoration: none;
    transition: all .2s ease-in-out;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    white-space: nowrap
}

.game-tag-clickable[data-v-aa5e302d] {
    cursor: pointer
}

.game-tag[data-v-aa5e302d]:hover {
    background-color: #1a2147;
    color: #b8c4f0;
    transform: translateY(-1px)
}

.game-tag-clickable[data-v-aa5e302d]:hover {
    background-color: #2a3157;
    box-shadow: 0 2px 8px #3947b833;
    color: #c8d4ff;
    transform: translateY(-2px)
}

.game-tag-more[data-v-aa5e302d] {
    background-color: #394273;
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    padding: .5rem .75rem;
    white-space: nowrap
}

.ram-boost-enter-active[data-v-aa5e302d] {
    animation: ram-boost-in-aa5e302d .5s ease-out
}

.ram-boost-leave-active[data-v-aa5e302d] {
    animation: ram-boost-in-aa5e302d .3s ease-in reverse
}

@keyframes ram-boost-in-aa5e302d {
    0% {
        opacity: 0;
        transform: translate(-10px) scale(.8)
    }

    50% {
        transform: translate(2px) scale(1.1)
    }

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

.ram-boost-tooltip[data-v-aa5e302d] {
    background-color: #020525;
    border: 1px solid #1c2554;
    border-radius: 15px;
    box-shadow: 0 4px 5px #0009,0 4px 15px #0009,inset 0 0 0 1px #ffffff1a;
    max-width: 280px;
    overflow: hidden;
    padding: .75rem 1rem
}

input[data-v-31e7507c] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent!important;
    border: none!important;
    color: #fff!important;
    outline: none!important;
    width: 100%!important
}

input[data-v-00e007cf] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent!important;
    border: none!important;
    border-radius: 0!important;
    color: #fff!important;
    margin: 0!important;
    outline: none!important;
    width: 100%!important
}

.carousel-slide[data-v-03e944bf] {
    display: flex;
    justify-content: center;
    min-width: 100%;
    opacity: .65;
    transition: transform .25s ease,opacity .25s ease
}

.carousel-slide--active[data-v-03e944bf] {
    opacity: 1;
    transform: scale(1)
}

.carousel-nav[data-v-03e944bf] {
    align-items: center;
    background: #0c112e;
    border: 2px solid rgba(57,71,184,.4);
    border-radius: 9999px;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .2s ease,background .2s ease;
    width: 48px
}

.carousel-nav[data-v-03e944bf]:hover:not(:disabled) {
    background: #b739f2
}

.carousel-nav[data-v-03e944bf]:disabled {
    cursor: default!important;
    opacity: .35
}

.carousel-indicator[data-v-03e944bf] {
    background: #1c2554;
    border: none;
    height: 12px;
    transition: color .2s ease;
    width: 12px
}

.carousel-indicator--active[data-v-03e944bf] {
    background: linear-gradient(90deg,#5560ff,#b739f2);
    border-radius: 9999px;
    width: 12px
}


.anipulse[data-v-f53a47e1]:after {
    animation: pulse-f53a47e1 2s ease-in-out infinite;
    border: 1px solid #b739f2;
    border-radius: 12px;
    box-shadow: 0 0 10px 1px #b739f2;
    content: "";
    height: 100%;
    inset: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

@keyframes pulse-f53a47e1 {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}