@charset "UTF-8";
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";

.doodle {
    margin: 0 auto;
    touch-action: none
}

.doodle .stage {
    border: 3px solid var(--theme-primary)
}

.doodle .stage canvas {
    position: relative;
    width: 100%
}

.doodle .tools {
    position: relative;
    display: flex;
    gap: 3px
}

.doodle .tools .panel {
    position: relative;
    flex-basis: 48px;
    flex-grow: 1;
    overflow: visible
}

.doodle .tools .options {
    position: absolute;
    display: flex;
    top: 48px;
    padding: 10px;
    gap: 5px;
    flex-wrap: wrap;
    background-color: #fff;
    border: 3px solid #000;
    z-index: 100
}

.doodle .tools .options button {
    margin: 0;
    width: 30%
}

.doodle .tools button {
    text-align: center
}

.doodle .tools button span {
    display: inline-block;
    width: 40px;
    max-width: 100%;
    aspect-ratio: 1;
    border-radius: 50%
}

.doodle .tools button.selected {
    background-color: #666
}

.fallback {
    height: 100%;
    font-size: 18px;
    text-align: center;
    color: #000;
    background-color: #eaeaea;
    overflow-y: auto
}

.fallback .constrain {
    padding: 10px 25px
}

.fallback .doodle .stage {
    display: "inline-block";
    width: auto;
    border: 2px solid #000
}

.fallback a {
    color: #194485
}

.fallback button {
    cursor: pointer;
    margin: 3px 0;
    width: 100%;
    min-height: 48px;
    border: 3px solid #000;
    font-size: 18px;
    font-weight: 700;
    color: #000
}

.fallback button:disabled {
    color: #ccc
}

.fallback button.invert,
.fallback button.selected {
    background: #000;
    color: #fff
}

.fallback button.invert.selected {
    background: #fff;
    color: #000
}

.fallback label {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 12px;
    color: #000;
    text-align: left;
    font-size: 15px
}

.fallback input,
.fallback textarea {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 12px;
    border: 1px solid #000;
    border-radius: 12px;
    color: #000;
    font-size: 14px
}

.fallback input::placeholder,
.fallback textarea::placeholder {
    color: #ccc
}

.fallback input {
    height: 34px;
    padding: 20px 12px;
    font-size: 18px
}

.artifact-link {
    display: inline-block;
    width: 100%
}

.artifact-link.no-content {
    padding-bottom: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.gallery-ui,
.gallery-ui * {
    color: #fff;
    font-family: Inter, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.gallery-ui a.button,
.gallery-ui button,
.gallery-ui * a.button,
.gallery-ui * button {
    cursor: pointer;
    background: transparent;
    border: none;
    text-decoration: none
}

.gallery-ui a.button:disabled,
.gallery-ui button:disabled,
.gallery-ui * a.button:disabled,
.gallery-ui * button:disabled {
    cursor: not-allowed
}

.gallery-ui a.button.submit,
.gallery-ui button.submit,
.gallery-ui * a.button.submit,
.gallery-ui * button.submit {
    padding: 12px 18px;
    background: #b2bbff;
    color: #0d0f11;
    border-radius: 4px;
    font-size: 16px;
    font-family: Inter, sans-serif
}

.gallery-ui a.button.submit:hover,
.gallery-ui button.submit:hover,
.gallery-ui * a.button.submit:hover,
.gallery-ui * button.submit:hover {
    background: #fff
}

.gallery-ui a,
.gallery-ui * a {
    color: #b2bbff
}

.gallery-ui h2.title,
.gallery-ui * h2.title {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.gallery-ui h3.title,
.gallery-ui * h3.title {
    font-size: 20px;
    font-weight: 600
}

.gallery-ui .title,
.gallery-ui * .title {
    border-bottom: 1px solid #64748B
}

.gallery-ui .close,
.gallery-ui * .close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px
}

.gallery-ui .form-group,
.gallery-ui * .form-group {
    margin-bottom: 18px
}

.gallery-ui label,
.gallery-ui .form-title,
.gallery-ui * label,
.gallery-ui * .form-title {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    color: #fff
}

.gallery-ui label .value,
.gallery-ui .form-title .value,
.gallery-ui * label .value,
.gallery-ui * .form-title .value {
    font-weight: 400;
    text-transform: uppercase
}

.gallery-ui label .right,
.gallery-ui .form-title .right,
.gallery-ui * label .right,
.gallery-ui * .form-title .right {
    float: right
}

.gallery-ui input,
.gallery-ui * input {
    margin-top: 10px;
    padding: 12px;
    background: #3a3c43;
    border: none;
    border-bottom: 1px solid #B8C0CC;
    border-radius: 4px 4px 0 0;
    font-size: 18px;
    color: #fff
}

.gallery-ui input::-webkit-outer-spin-button,
.gallery-ui input::-webkit-inner-spin-button,
.gallery-ui * input::-webkit-outer-spin-button,
.gallery-ui * input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.gallery-ui .chooser,
.gallery-ui * .chooser {
    display: flex;
    width: 100%;
    gap: 8px;
    margin-top: 8px
}

.gallery-ui .chooser .choice,
.gallery-ui * .chooser .choice {
    position: relative
}

.gallery-ui .chooser.chips,
.gallery-ui * .chooser.chips {
    flex-wrap: wrap
}

.gallery-ui .chooser.chips .choice,
.gallery-ui * .chooser.chips .choice {
    padding: 2px;
    flex-basis: 34px;
    height: 34px;
    color: #738191;
    border: 2px solid #738191;
    font-weight: 800;
    font-size: 12px
}

.gallery-ui .chooser.chips .choice:disabled,
.gallery-ui * .chooser.chips .choice:disabled {
    opacity: .25
}

.gallery-ui .chooser.chips .choice.selected,
.gallery-ui * .chooser.chips .choice.selected {
    color: #fff
}

.gallery-ui .chooser.chips .choice.selected:after,
.gallery-ui * .chooser.chips .choice.selected:after {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border: 2px solid #ffffff
}

@media (min-width: 650px) {

    .gallery-ui h2.title,
    .gallery-ui * h2.title {
        font-size: 26px
    }
}

.jbg.schemable.theme-dark[data-v-d0abff79] {
    --accent: #4254f4;
    --alert: #ce4949;
    --shadows: rgb(4, 9, 14, .5);
    --backgroundPrimary: #0a1420;
    --backgroundSecondary: #0d1c2b;
    --inputPrimary: #1f2937;
    --inputSecondary: #353f4d;
    --textPrimary: #f5f7f7;
    --textSecondary: #8c939c;
    --textButton: #f5f7f7;
    --textSelection: #4b5462;
    color-scheme: dark
}

@media (prefers-color-scheme: dark) {
    .jbg.schemable.theme-device[data-v-d0abff79] {
        --accent: #4254f4;
        --alert: #ce4949;
        --shadows: rgb(4, 9, 14, .5);
        --backgroundPrimary: #0a1420;
        --backgroundSecondary: #0d1c2b;
        --inputPrimary: #1f2937;
        --inputSecondary: #353f4d;
        --textPrimary: #f5f7f7;
        --textSecondary: #8c939c;
        --textButton: #f5f7f7;
        --textSelection: #4b5462;
        color-scheme: dark
    }
}

.jbg[data-v-d0abff79] {
    --accent: #4254f4;
    --alert: #cf2929;
    --shadows: rgba(128, 128, 128, .4);
    --backgroundPrimary: #fff;
    --backgroundSecondary: #e0e0e0;
    --inputPrimary: #e0e0e0;
    --inputSecondary: #e0e0e0;
    --textPrimary: #333333;
    --textSecondary: #505050;
    --textButton: #f5f7f7;
    --textSelection: #b9b9b9;
    background: var(--backgroundPrimary);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: var(--textPrimary)
}

.jbg a[data-v-d0abff79] {
    color: var(--accent);
    text-decoration: none
}

.jbg h1[data-v-d0abff79] {
    font-size: 2em
}

.jbg button[data-v-d0abff79] {
    cursor: pointer;
    height: 48px;
    width: calc(100% - 50px);
    margin: 10px 25px 15px;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    background-color: var(--accent);
    color: var(--textButton);
    line-height: 1.5;
    text-transform: uppercase;
    box-shadow: 0 5px 0 0 var(--shadows);
    transition: color .5s, background-position .5s, box-shadow .5s
}

.jbg button .loading[data-v-d0abff79],
.jbg button.connecting span[data-v-d0abff79] {
    display: none
}

.jbg button.connecting .loading[data-v-d0abff79] {
    display: block
}

.jbg button.cancel[data-v-d0abff79] {
    background-color: #333;
    box-shadow: 0 5px 0 0 var(--shadows)
}

.jbg button[data-v-d0abff79]:disabled {
    background: var(--inputPrimary);
    color: var(--textPrimary);
    box-shadow: 0 0 0 0 var(--shadows)
}

.jbg form[data-v-d0abff79] {
    margin: 0 auto 5px;
    padding: 70px 15px 0
}

.jbg form.signup[data-v-d0abff79] {
    margin: 0;
    padding: 0
}

.jbg label[data-v-d0abff79] {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 12px;
    color: var(--textPrimary);
    font-size: 17px
}

.jbg input[data-v-d0abff79],
.jbg textarea[data-v-d0abff79],
.jbg select[data-v-d0abff79] {
    width: 100%;
    height: 34px;
    margin-bottom: 15px;
    padding: 21px 12px 19px;
    background-color: var(--inputPrimary);
    border: 1px solid var(--inputSecondary);
    border-radius: 12px;
    color: var(--textPrimary);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.jbg input[data-v-d0abff79]::placeholder,
.jbg textarea[data-v-d0abff79]::placeholder,
.jbg select[data-v-d0abff79]::placeholder {
    color: var(--textSecondary)
}

.jbg input[data-v-d0abff79]:disabled,
.jbg textarea[data-v-d0abff79]:disabled,
.jbg select[data-v-d0abff79]:disabled {
    background: var(--inputPrimary);
    color: var(--textSecondary);
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.jbg input[data-v-d0abff79]::selection,
.jbg textarea[data-v-d0abff79]::selection,
.jbg select[data-v-d0abff79]::selection {
    background: var(--textSelection)
}

.jbg textarea[data-v-d0abff79] {
    height: auto;
    padding: 12px;
    font-size: 14px
}

.jbg .select[data-v-d0abff79] {
    position: relative
}

.jbg .select.disabled[data-v-d0abff79]:after {
    display: none
}

.jbg .select[data-v-d0abff79]:after {
    content: "▼";
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 12px
}

.jbg select[data-v-d0abff79] {
    cursor: inherit;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    padding: 11px 12px 9px;
    -webkit-appearance: none
}

.jbg .loading[data-v-d0abff79],
.jbg .loading[data-v-d0abff79]:before,
.jbg .loading[data-v-d0abff79]:after {
    width: 12px;
    height: 12px;
    border: 2px solid #0e167d;
    border-radius: 50%;
    background: #4254f4;
    animation-fill-mode: both;
    animation: loading-d0abff79 1.5s infinite ease-in-out
}

.jbg .loading[data-v-d0abff79] {
    position: relative;
    margin: 18px auto;
    animation-delay: -.25s
}

.jbg .loading[data-v-d0abff79]:before,
.jbg .loading[data-v-d0abff79]:after {
    content: "";
    position: absolute;
    top: -2px
}

.jbg .loading[data-v-d0abff79]:before {
    left: -22px;
    animation-delay: -.5s
}

.jbg .loading[data-v-d0abff79]:after {
    left: 18px
}

.jbg .disabled.loading[data-v-d0abff79],
.jbg .disabled.loading[data-v-d0abff79]:before,
.jbg .disabled.loading[data-v-d0abff79]:after {
    border: 2px solid var(--textSecondary);
    background: var(--backgroundSecondary);
    animation-name: loading-disabled-d0abff79
}

@keyframes loading-d0abff79 {

    0%,
    20%,
    80%,
    to {
        background-color: #0e167d
    }

    50% {
        background-color: #4254f4
    }
}

@keyframes loading-disabled-d0abff79 {

    0%,
    20%,
    80%,
    to {
        background-color: var(--backgroundSecondary)
    }

    50% {
        background-color: var(--textSecondary)
    }
}

.fatal[data-v-d0abff79] {
    height: 100%;
    font-size: 14px;
    overflow-y: scroll;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #333
}

.logo[data-v-d0abff79] {
    display: block;
    width: 100%;
    padding-top: 37.7778%;
    background-image: url(CMUb-qOV.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center
}

.content[data-v-d0abff79] {
    padding: 0 20px 20px
}

h1[data-v-d0abff79] {
    margin: 15px 0;
    padding-top: 20px;
    border-top: 1px solid #999;
    font-size: 2em;
    line-height: 1
}

ul[data-v-d0abff79] {
    margin: 15px 0;
    padding: 15px 20px 15px 40px;
    background: #e0e0e0;
    border: 1px solid #999;
    border-radius: 10px;
    list-style-position: outside
}

hr[data-v-d0abff79] {
    margin: 15px 0 25px;
    border-top: 1px solid #999
}

.error[data-v-d0abff79] {
    margin: 10px 0;
    padding: 15px 20px;
    font-size: 12px;
    border: 1px solid #999;
    border-radius: 10px;
    white-space: pre-wrap
}

.sentry-error-embed-wrapper {
    padding: 20px
}

.jbg.schemable.theme-dark[data-v-420dd700] {
    --accent: #4254f4;
    --alert: #ce4949;
    --shadows: rgb(4, 9, 14, .5);
    --backgroundPrimary: #0a1420;
    --backgroundSecondary: #0d1c2b;
    --inputPrimary: #1f2937;
    --inputSecondary: #353f4d;
    --textPrimary: #f5f7f7;
    --textSecondary: #8c939c;
    --textButton: #f5f7f7;
    --textSelection: #4b5462;
    color-scheme: dark
}

@media (prefers-color-scheme: dark) {
    .jbg.schemable.theme-device[data-v-420dd700] {
        --accent: #4254f4;
        --alert: #ce4949;
        --shadows: rgb(4, 9, 14, .5);
        --backgroundPrimary: #0a1420;
        --backgroundSecondary: #0d1c2b;
        --inputPrimary: #1f2937;
        --inputSecondary: #353f4d;
        --textPrimary: #f5f7f7;
        --textSecondary: #8c939c;
        --textButton: #f5f7f7;
        --textSelection: #4b5462;
        color-scheme: dark
    }
}

.jbg[data-v-420dd700] {
    --accent: #4254f4;
    --alert: #cf2929;
    --shadows: rgba(128, 128, 128, .4);
    --backgroundPrimary: #fff;
    --backgroundSecondary: #e0e0e0;
    --inputPrimary: #e0e0e0;
    --inputSecondary: #e0e0e0;
    --textPrimary: #333333;
    --textSecondary: #505050;
    --textButton: #f5f7f7;
    --textSelection: #b9b9b9;
    background: var(--backgroundPrimary);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: var(--textPrimary)
}

.jbg a[data-v-420dd700] {
    color: var(--accent);
    text-decoration: none
}

.jbg h1[data-v-420dd700] {
    font-size: 2em
}

.jbg button[data-v-420dd700] {
    cursor: pointer;
    height: 48px;
    width: calc(100% - 50px);
    margin: 10px 25px 15px;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    background-color: var(--accent);
    color: var(--textButton);
    line-height: 1.5;
    text-transform: uppercase;
    box-shadow: 0 5px 0 0 var(--shadows);
    transition: color .5s, background-position .5s, box-shadow .5s
}

.jbg button .loading[data-v-420dd700],
.jbg button.connecting span[data-v-420dd700] {
    display: none
}

.jbg button.connecting .loading[data-v-420dd700] {
    display: block
}

.jbg button.cancel[data-v-420dd700] {
    background-color: #333;
    box-shadow: 0 5px 0 0 var(--shadows)
}

.jbg button[data-v-420dd700]:disabled {
    background: var(--inputPrimary);
    color: var(--textPrimary);
    box-shadow: 0 0 0 0 var(--shadows)
}

.jbg form[data-v-420dd700] {
    margin: 0 auto 5px;
    padding: 70px 15px 0
}

.jbg form.signup[data-v-420dd700] {
    margin: 0;
    padding: 0
}

.jbg label[data-v-420dd700] {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 12px;
    color: var(--textPrimary);
    font-size: 17px
}

.jbg input[data-v-420dd700],
.jbg textarea[data-v-420dd700],
.jbg select[data-v-420dd700] {
    width: 100%;
    height: 34px;
    margin-bottom: 15px;
    padding: 21px 12px 19px;
    background-color: var(--inputPrimary);
    border: 1px solid var(--inputSecondary);
    border-radius: 12px;
    color: var(--textPrimary);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.jbg input[data-v-420dd700]::placeholder,
.jbg textarea[data-v-420dd700]::placeholder,
.jbg select[data-v-420dd700]::placeholder {
    color: var(--textSecondary)
}

.jbg input[data-v-420dd700]:disabled,
.jbg textarea[data-v-420dd700]:disabled,
.jbg select[data-v-420dd700]:disabled {
    background: var(--inputPrimary);
    color: var(--textSecondary);
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.jbg input[data-v-420dd700]::selection,
.jbg textarea[data-v-420dd700]::selection,
.jbg select[data-v-420dd700]::selection {
    background: var(--textSelection)
}

.jbg textarea[data-v-420dd700] {
    height: auto;
    padding: 12px;
    font-size: 14px
}

.jbg .select[data-v-420dd700] {
    position: relative
}

.jbg .select.disabled[data-v-420dd700]:after {
    display: none
}

.jbg .select[data-v-420dd700]:after {
    content: "▼";
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 12px
}

.jbg select[data-v-420dd700] {
    cursor: inherit;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    padding: 11px 12px 9px;
    -webkit-appearance: none
}

.jbg .loading[data-v-420dd700],
.jbg .loading[data-v-420dd700]:before,
.jbg .loading[data-v-420dd700]:after {
    width: 12px;
    height: 12px;
    border: 2px solid #0e167d;
    border-radius: 50%;
    background: #4254f4;
    animation-fill-mode: both;
    animation: loading-420dd700 1.5s infinite ease-in-out
}

.jbg .loading[data-v-420dd700] {
    position: relative;
    margin: 18px auto;
    animation-delay: -.25s
}

.jbg .loading[data-v-420dd700]:before,
.jbg .loading[data-v-420dd700]:after {
    content: "";
    position: absolute;
    top: -2px
}

.jbg .loading[data-v-420dd700]:before {
    left: -22px;
    animation-delay: -.5s
}

.jbg .loading[data-v-420dd700]:after {
    left: 18px
}

.jbg .disabled.loading[data-v-420dd700],
.jbg .disabled.loading[data-v-420dd700]:before,
.jbg .disabled.loading[data-v-420dd700]:after {
    border: 2px solid var(--textSecondary);
    background: var(--backgroundSecondary);
    animation-name: loading-disabled-420dd700
}

@keyframes loading-420dd700 {

    0%,
    20%,
    80%,
    to {
        background-color: #0e167d
    }

    50% {
        background-color: #4254f4
    }
}

@keyframes loading-disabled-420dd700 {

    0%,
    20%,
    80%,
    to {
        background-color: var(--backgroundSecondary)
    }

    50% {
        background-color: var(--textSecondary)
    }
}

.jbg.schemable.theme-dark[data-v-db592987] {
    --accent: #4254f4;
    --alert: #ce4949;
    --shadows: rgb(4, 9, 14, .5);
    --backgroundPrimary: #0a1420;
    --backgroundSecondary: #0d1c2b;
    --inputPrimary: #1f2937;
    --inputSecondary: #353f4d;
    --textPrimary: #f5f7f7;
    --textSecondary: #8c939c;
    --textButton: #f5f7f7;
    --textSelection: #4b5462;
    color-scheme: dark
}

@media (prefers-color-scheme: dark) {
    .jbg.schemable.theme-device[data-v-db592987] {
        --accent: #4254f4;
        --alert: #ce4949;
        --shadows: rgb(4, 9, 14, .5);
        --backgroundPrimary: #0a1420;
        --backgroundSecondary: #0d1c2b;
        --inputPrimary: #1f2937;
        --inputSecondary: #353f4d;
        --textPrimary: #f5f7f7;
        --textSecondary: #8c939c;
        --textButton: #f5f7f7;
        --textSelection: #4b5462;
        color-scheme: dark
    }
}

.jbg[data-v-db592987] {
    --accent: #4254f4;
    --alert: #cf2929;
    --shadows: rgba(128, 128, 128, .4);
    --backgroundPrimary: #fff;
    --backgroundSecondary: #e0e0e0;
    --inputPrimary: #e0e0e0;
    --inputSecondary: #e0e0e0;
    --textPrimary: #333333;
    --textSecondary: #505050;
    --textButton: #f5f7f7;
    --textSelection: #b9b9b9;
    background: var(--backgroundPrimary);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: var(--textPrimary)
}

.jbg a[data-v-db592987] {
    color: var(--accent);
    text-decoration: none
}

.jbg h1[data-v-db592987] {
    font-size: 2em
}

.jbg button[data-v-db592987] {
    cursor: pointer;
    height: 48px;
    width: calc(100% - 50px);
    margin: 10px 25px 15px;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    background-color: var(--accent);
    color: var(--textButton);
    line-height: 1.5;
    text-transform: uppercase;
    box-shadow: 0 5px 0 0 var(--shadows);
    transition: color .5s, background-position .5s, box-shadow .5s
}

.jbg button .loading[data-v-db592987],
.jbg button.connecting span[data-v-db592987] {
    display: none
}

.jbg button.connecting .loading[data-v-db592987] {
    display: block
}

.jbg button.cancel[data-v-db592987] {
    background-color: #333;
    box-shadow: 0 5px 0 0 var(--shadows)
}

.jbg button[data-v-db592987]:disabled {
    background: var(--inputPrimary);
    color: var(--textPrimary);
    box-shadow: 0 0 0 0 var(--shadows)
}

.jbg form[data-v-db592987] {
    margin: 0 auto 5px;
    padding: 70px 15px 0
}

.jbg form.signup[data-v-db592987] {
    margin: 0;
    padding: 0
}

.jbg label[data-v-db592987] {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 12px;
    color: var(--textPrimary);
    font-size: 17px
}

.jbg input[data-v-db592987],
.jbg textarea[data-v-db592987],
.jbg select[data-v-db592987] {
    width: 100%;
    height: 34px;
    margin-bottom: 15px;
    padding: 21px 12px 19px;
    background-color: var(--inputPrimary);
    border: 1px solid var(--inputSecondary);
    border-radius: 12px;
    color: var(--textPrimary);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.jbg input[data-v-db592987]::placeholder,
.jbg textarea[data-v-db592987]::placeholder,
.jbg select[data-v-db592987]::placeholder {
    color: var(--textSecondary)
}

.jbg input[data-v-db592987]:disabled,
.jbg textarea[data-v-db592987]:disabled,
.jbg select[data-v-db592987]:disabled {
    background: var(--inputPrimary);
    color: var(--textSecondary);
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.jbg input[data-v-db592987]::selection,
.jbg textarea[data-v-db592987]::selection,
.jbg select[data-v-db592987]::selection {
    background: var(--textSelection)
}

.jbg textarea[data-v-db592987] {
    height: auto;
    padding: 12px;
    font-size: 14px
}

.jbg .select[data-v-db592987] {
    position: relative
}

.jbg .select.disabled[data-v-db592987]:after {
    display: none
}

.jbg .select[data-v-db592987]:after {
    content: "▼";
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 12px
}

.jbg select[data-v-db592987] {
    cursor: inherit;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    padding: 11px 12px 9px;
    -webkit-appearance: none
}

.jbg .loading[data-v-db592987],
.jbg .loading[data-v-db592987]:before,
.jbg .loading[data-v-db592987]:after {
    width: 12px;
    height: 12px;
    border: 2px solid #0e167d;
    border-radius: 50%;
    background: #4254f4;
    animation-fill-mode: both;
    animation: loading-db592987 1.5s infinite ease-in-out
}

.jbg .loading[data-v-db592987] {
    position: relative;
    margin: 18px auto;
    animation-delay: -.25s
}

.jbg .loading[data-v-db592987]:before,
.jbg .loading[data-v-db592987]:after {
    content: "";
    position: absolute;
    top: -2px
}

.jbg .loading[data-v-db592987]:before {
    left: -22px;
    animation-delay: -.5s
}

.jbg .loading[data-v-db592987]:after {
    left: 18px
}

.jbg .disabled.loading[data-v-db592987],
.jbg .disabled.loading[data-v-db592987]:before,
.jbg .disabled.loading[data-v-db592987]:after {
    border: 2px solid var(--textSecondary);
    background: var(--backgroundSecondary);
    animation-name: loading-disabled-db592987
}

@keyframes loading-db592987 {

    0%,
    20%,
    80%,
    to {
        background-color: #0e167d
    }

    50% {
        background-color: #4254f4
    }
}

@keyframes loading-disabled-db592987 {

    0%,
    20%,
    80%,
    to {
        background-color: var(--backgroundSecondary)
    }

    50% {
        background-color: var(--textSecondary)
    }
}

button.audience[data-v-db592987],
button.twitch[data-v-db592987] {
    line-height: 1
}

button.twitch[data-v-db592987] {
    background: #64449b
}

.jbg.schemable.theme-dark[data-v-6fe0f988] {
    --accent: #4254f4;
    --alert: #ce4949;
    --shadows: rgb(4, 9, 14, .5);
    --backgroundPrimary: #0a1420;
    --backgroundSecondary: #0d1c2b;
    --inputPrimary: #1f2937;
    --inputSecondary: #353f4d;
    --textPrimary: #f5f7f7;
    --textSecondary: #8c939c;
    --textButton: #f5f7f7;
    --textSelection: #4b5462;
    color-scheme: dark
}

@media (prefers-color-scheme: dark) {
    .jbg.schemable.theme-device[data-v-6fe0f988] {
        --accent: #4254f4;
        --alert: #ce4949;
        --shadows: rgb(4, 9, 14, .5);
        --backgroundPrimary: #0a1420;
        --backgroundSecondary: #0d1c2b;
        --inputPrimary: #1f2937;
        --inputSecondary: #353f4d;
        --textPrimary: #f5f7f7;
        --textSecondary: #8c939c;
        --textButton: #f5f7f7;
        --textSelection: #4b5462;
        color-scheme: dark
    }
}

.jbg[data-v-6fe0f988] {
    --accent: #4254f4;
    --alert: #cf2929;
    --shadows: rgba(128, 128, 128, .4);
    --backgroundPrimary: #fff;
    --backgroundSecondary: #e0e0e0;
    --inputPrimary: #e0e0e0;
    --inputSecondary: #e0e0e0;
    --textPrimary: #333333;
    --textSecondary: #505050;
    --textButton: #f5f7f7;
    --textSelection: #b9b9b9;
    background: var(--backgroundPrimary);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: var(--textPrimary)
}

.jbg a[data-v-6fe0f988] {
    color: var(--accent);
    text-decoration: none
}

.jbg h1[data-v-6fe0f988] {
    font-size: 2em
}

.jbg button[data-v-6fe0f988] {
    cursor: pointer;
    height: 48px;
    width: calc(100% - 50px);
    margin: 10px 25px 15px;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    background-color: var(--accent);
    color: var(--textButton);
    line-height: 1.5;
    text-transform: uppercase;
    box-shadow: 0 5px 0 0 var(--shadows);
    transition: color .5s, background-position .5s, box-shadow .5s
}

.jbg button .loading[data-v-6fe0f988],
.jbg button.connecting span[data-v-6fe0f988] {
    display: none
}

.jbg button.connecting .loading[data-v-6fe0f988] {
    display: block
}

.jbg button.cancel[data-v-6fe0f988] {
    background-color: #333;
    box-shadow: 0 5px 0 0 var(--shadows)
}

.jbg button[data-v-6fe0f988]:disabled {
    background: var(--inputPrimary);
    color: var(--textPrimary);
    box-shadow: 0 0 0 0 var(--shadows)
}

.jbg form[data-v-6fe0f988] {
    margin: 0 auto 5px;
    padding: 70px 15px 0
}

.jbg form.signup[data-v-6fe0f988] {
    margin: 0;
    padding: 0
}

.jbg label[data-v-6fe0f988] {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 12px;
    color: var(--textPrimary);
    font-size: 17px
}

.jbg input[data-v-6fe0f988],
.jbg textarea[data-v-6fe0f988],
.jbg select[data-v-6fe0f988] {
    width: 100%;
    height: 34px;
    margin-bottom: 15px;
    padding: 21px 12px 19px;
    background-color: var(--inputPrimary);
    border: 1px solid var(--inputSecondary);
    border-radius: 12px;
    color: var(--textPrimary);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.jbg input[data-v-6fe0f988]::placeholder,
.jbg textarea[data-v-6fe0f988]::placeholder,
.jbg select[data-v-6fe0f988]::placeholder {
    color: var(--textSecondary)
}

.jbg input[data-v-6fe0f988]:disabled,
.jbg textarea[data-v-6fe0f988]:disabled,
.jbg select[data-v-6fe0f988]:disabled {
    background: var(--inputPrimary);
    color: var(--textSecondary);
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.jbg input[data-v-6fe0f988]::selection,
.jbg textarea[data-v-6fe0f988]::selection,
.jbg select[data-v-6fe0f988]::selection {
    background: var(--textSelection)
}

.jbg textarea[data-v-6fe0f988] {
    height: auto;
    padding: 12px;
    font-size: 14px
}

.jbg .select[data-v-6fe0f988] {
    position: relative
}

.jbg .select.disabled[data-v-6fe0f988]:after {
    display: none
}

.jbg .select[data-v-6fe0f988]:after {
    content: "▼";
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 12px
}

.jbg select[data-v-6fe0f988] {
    cursor: inherit;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    padding: 11px 12px 9px;
    -webkit-appearance: none
}

.jbg .loading[data-v-6fe0f988],
.jbg .loading[data-v-6fe0f988]:before,
.jbg .loading[data-v-6fe0f988]:after {
    width: 12px;
    height: 12px;
    border: 2px solid #0e167d;
    border-radius: 50%;
    background: #4254f4;
    animation-fill-mode: both;
    animation: loading-6fe0f988 1.5s infinite ease-in-out
}

.jbg .loading[data-v-6fe0f988] {
    position: relative;
    margin: 18px auto;
    animation-delay: -.25s
}

.jbg .loading[data-v-6fe0f988]:before,
.jbg .loading[data-v-6fe0f988]:after {
    content: "";
    position: absolute;
    top: -2px
}

.jbg .loading[data-v-6fe0f988]:before {
    left: -22px;
    animation-delay: -.5s
}

.jbg .loading[data-v-6fe0f988]:after {
    left: 18px
}

.jbg .disabled.loading[data-v-6fe0f988],
.jbg .disabled.loading[data-v-6fe0f988]:before,
.jbg .disabled.loading[data-v-6fe0f988]:after {
    border: 2px solid var(--textSecondary);
    background: var(--backgroundSecondary);
    animation-name: loading-disabled-6fe0f988
}

@keyframes loading-6fe0f988 {

    0%,
    20%,
    80%,
    to {
        background-color: #0e167d
    }

    50% {
        background-color: #4254f4
    }
}

@keyframes loading-disabled-6fe0f988 {

    0%,
    20%,
    80%,
    to {
        background-color: var(--backgroundSecondary)
    }

    50% {
        background-color: var(--textSecondary)
    }
}

.modal[data-v-6fe0f988] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000d9;
    z-index: 1000
}

.content[data-v-6fe0f988] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 60px);
    max-width: 350px;
    padding: 25px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px #333;
    transform: translate(-50%, -50%)
}

.jbg.modal[data-v-6fe0f988] {
    background: #0e167dd9
}

.jbg .content[data-v-6fe0f988] {
    box-shadow: 0 8px #00000040
}

[data-v-6fe0f988] .jbg.content {
    text-align: center
}

[data-v-6fe0f988] .jbg.content .image {
    width: auto;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

[data-v-6fe0f988] .jbg.content .text {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

[data-v-6fe0f988] .jbg.content .subtext {
    margin-top: 5px;
    padding: 0 20px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2
}

[data-v-6fe0f988] .jbg.content input {
    width: 100%;
    margin: 10px 0 0;
    text-align: center
}

[data-v-6fe0f988] .jbg.content input::placeholder {
    font-size: 16px
}

[data-v-6fe0f988] .jbg.content textarea {
    width: 100%;
    margin: 10px 0 0
}

[data-v-6fe0f988] .jbg.content .actions {
    margin-top: 10px
}

[data-v-6fe0f988] .jbg.content button {
    width: 100%;
    margin: 10px 0 0
}

@media (max-width: 340px) {
    [data-v-6fe0f988] .jbg.content input {
        font-size: 16px
    }

    [data-v-6fe0f988] .jbg.content input::placeholder {
        font-size: 14px
    }

    [data-v-6fe0f988] .jbg.content button {
        height: 42px;
        font-size: 16px
    }
}

.modal.gallery-modal[data-v-6fe0f988] {
    all: initial;
    box-sizing: border-box;
    position: fixed;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #111827cc;
    z-index: 1000
}

.modal.gallery-modal[data-v-6fe0f988] * {
    box-sizing: border-box
}

.modal.gallery-modal[data-v-6fe0f988] .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    min-width: 320px;
    height: 100%;
    padding: 24px 32px;
    background: #292c33;
    border-radius: 0;
    box-shadow: none;
    transform: none;
    overflow-y: auto
}

@media (min-width: 650px) {
    .modal.gallery-modal[data-v-6fe0f988] .content {
        top: 50%;
        left: 50%;
        width: calc(100% - 60px);
        max-width: 900px;
        height: auto;
        max-height: calc(100% - 60px);
        padding: 32px 64px;
        border-radius: 4px;
        transform: translate(-50%, -50%)
    }

    .modal.gallery-modal.is-tab[data-v-6fe0f988] {
        top: 0;
        background: transparent
    }

    .modal.gallery-modal.is-tab[data-v-6fe0f988] .content {
        height: auto;
        max-width: 450px;
        top: 50px;
        right: 10px;
        left: auto;
        padding: 24px;
        border-radius: 4px 0 4px 4px;
        transform: none
    }

    .modal.gallery-modal.is-tab[data-v-6fe0f988] .content .close {
        display: none
    }
}

.modal-transition-enter-active[data-v-6fe0f988],
.modal-transition-leave-active[data-v-6fe0f988] {
    transition: opacity .15s
}

.modal-transition-enter-active .content[data-v-6fe0f988],
.modal-transition-leave-active .content[data-v-6fe0f988] {
    transition: transform .25s
}

.modal-transition-enter[data-v-6fe0f988],
.modal-transition-leave-to[data-v-6fe0f988] {
    opacity: 0
}

.modal-transition-enter .content[data-v-6fe0f988],
.modal-transition-leave-to .content[data-v-6fe0f988] {
    transform: translate(-50%, -50%) scale(.85)
}

.text-descriptions {
    position: absolute;
    -webkit-user-select: none;
    user-select: none;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

html,
body {
    width: 100%;
    width: 100vw;
    height: 100%;
    height: 100vh;
    height: -moz-available;
    height: -webkit-fill-available;
    height: fill-available;
    height: stretch;
    overflow: hidden
}

.jbg.schemable.theme-dark[data-v-711f56b2] {
    --accent: #4254f4;
    --alert: #ce4949;
    --shadows: rgb(4, 9, 14, .5);
    --backgroundPrimary: #0a1420;
    --backgroundSecondary: #0d1c2b;
    --inputPrimary: #1f2937;
    --inputSecondary: #353f4d;
    --textPrimary: #f5f7f7;
    --textSecondary: #8c939c;
    --textButton: #f5f7f7;
    --textSelection: #4b5462;
    color-scheme: dark
}

@media (prefers-color-scheme: dark) {
    .jbg.schemable.theme-device[data-v-711f56b2] {
        --accent: #4254f4;
        --alert: #ce4949;
        --shadows: rgb(4, 9, 14, .5);
        --backgroundPrimary: #0a1420;
        --backgroundSecondary: #0d1c2b;
        --inputPrimary: #1f2937;
        --inputSecondary: #353f4d;
        --textPrimary: #f5f7f7;
        --textSecondary: #8c939c;
        --textButton: #f5f7f7;
        --textSelection: #4b5462;
        color-scheme: dark
    }
}

.jbg[data-v-711f56b2] {
    --accent: #4254f4;
    --alert: #cf2929;
    --shadows: rgba(128, 128, 128, .4);
    --backgroundPrimary: #fff;
    --backgroundSecondary: #e0e0e0;
    --inputPrimary: #e0e0e0;
    --inputSecondary: #e0e0e0;
    --textPrimary: #333333;
    --textSecondary: #505050;
    --textButton: #f5f7f7;
    --textSelection: #b9b9b9;
    background: var(--backgroundPrimary);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: var(--textPrimary)
}

.jbg a[data-v-711f56b2] {
    color: var(--accent);
    text-decoration: none
}

.jbg h1[data-v-711f56b2] {
    font-size: 2em
}

.jbg button[data-v-711f56b2] {
    cursor: pointer;
    height: 48px;
    width: calc(100% - 50px);
    margin: 10px 25px 15px;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    background-color: var(--accent);
    color: var(--textButton);
    line-height: 1.5;
    text-transform: uppercase;
    box-shadow: 0 5px 0 0 var(--shadows);
    transition: color .5s, background-position .5s, box-shadow .5s
}

.jbg button .loading[data-v-711f56b2],
.jbg button.connecting span[data-v-711f56b2] {
    display: none
}

.jbg button.connecting .loading[data-v-711f56b2] {
    display: block
}

.jbg button.cancel[data-v-711f56b2] {
    background-color: #333;
    box-shadow: 0 5px 0 0 var(--shadows)
}

.jbg button[data-v-711f56b2]:disabled {
    background: var(--inputPrimary);
    color: var(--textPrimary);
    box-shadow: 0 0 0 0 var(--shadows)
}

.jbg form[data-v-711f56b2] {
    margin: 0 auto 5px;
    padding: 70px 15px 0
}

.jbg form.signup[data-v-711f56b2] {
    margin: 0;
    padding: 0
}

.jbg label[data-v-711f56b2] {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 12px;
    color: var(--textPrimary);
    font-size: 17px
}

.jbg input[data-v-711f56b2],
.jbg textarea[data-v-711f56b2],
.jbg select[data-v-711f56b2] {
    width: 100%;
    height: 34px;
    margin-bottom: 15px;
    padding: 21px 12px 19px;
    background-color: var(--inputPrimary);
    border: 1px solid var(--inputSecondary);
    border-radius: 12px;
    color: var(--textPrimary);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.jbg input[data-v-711f56b2]::placeholder,
.jbg textarea[data-v-711f56b2]::placeholder,
.jbg select[data-v-711f56b2]::placeholder {
    color: var(--textSecondary)
}

.jbg input[data-v-711f56b2]:disabled,
.jbg textarea[data-v-711f56b2]:disabled,
.jbg select[data-v-711f56b2]:disabled {
    background: var(--inputPrimary);
    color: var(--textSecondary);
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.jbg input[data-v-711f56b2]::selection,
.jbg textarea[data-v-711f56b2]::selection,
.jbg select[data-v-711f56b2]::selection {
    background: var(--textSelection)
}

.jbg textarea[data-v-711f56b2] {
    height: auto;
    padding: 12px;
    font-size: 14px
}

.jbg .select[data-v-711f56b2] {
    position: relative
}

.jbg .select.disabled[data-v-711f56b2]:after {
    display: none
}

.jbg .select[data-v-711f56b2]:after {
    content: "▼";
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 12px
}

.jbg select[data-v-711f56b2] {
    cursor: inherit;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    padding: 11px 12px 9px;
    -webkit-appearance: none
}

.jbg .loading[data-v-711f56b2],
.jbg .loading[data-v-711f56b2]:before,
.jbg .loading[data-v-711f56b2]:after {
    width: 12px;
    height: 12px;
    border: 2px solid #0e167d;
    border-radius: 50%;
    background: #4254f4;
    animation-fill-mode: both;
    animation: loading-711f56b2 1.5s infinite ease-in-out
}

.jbg .loading[data-v-711f56b2] {
    position: relative;
    margin: 18px auto;
    animation-delay: -.25s
}

.jbg .loading[data-v-711f56b2]:before,
.jbg .loading[data-v-711f56b2]:after {
    content: "";
    position: absolute;
    top: -2px
}

.jbg .loading[data-v-711f56b2]:before {
    left: -22px;
    animation-delay: -.5s
}

.jbg .loading[data-v-711f56b2]:after {
    left: 18px
}

.jbg .disabled.loading[data-v-711f56b2],
.jbg .disabled.loading[data-v-711f56b2]:before,
.jbg .disabled.loading[data-v-711f56b2]:after {
    border: 2px solid var(--textSecondary);
    background: var(--backgroundSecondary);
    animation-name: loading-disabled-711f56b2
}

@keyframes loading-711f56b2 {

    0%,
    20%,
    80%,
    to {
        background-color: #0e167d
    }

    50% {
        background-color: #4254f4
    }
}

@keyframes loading-disabled-711f56b2 {

    0%,
    20%,
    80%,
    to {
        background-color: var(--backgroundSecondary)
    }

    50% {
        background-color: var(--textSecondary)
    }
}

.actions button[data-v-711f56b2] {
    line-height: 1
}

.actions input[data-v-711f56b2]::placeholder {
    position: absolute;
    top: 50%;
    left: 5px;
    right: 5px;
    white-space: pre-line;
    transform: translateY(-50%)
}

.or[data-v-711f56b2] {
    position: relative;
    display: inline-block;
    margin: 12px 0 0;
    padding: 0 8px;
    font-size: 14px;
    text-align: center;
    background: #fff
}

.text[data-v-711f56b2] {
    line-height: 1.25
}

hr[data-v-711f56b2] {
    position: relative;
    top: 22px;
    border-bottom: 1px solid #505050
}

.jbg.schemable.theme-dark[data-v-3068d843] {
    --accent: #4254f4;
    --alert: #ce4949;
    --shadows: rgb(4, 9, 14, .5);
    --backgroundPrimary: #0a1420;
    --backgroundSecondary: #0d1c2b;
    --inputPrimary: #1f2937;
    --inputSecondary: #353f4d;
    --textPrimary: #f5f7f7;
    --textSecondary: #8c939c;
    --textButton: #f5f7f7;
    --textSelection: #4b5462;
    color-scheme: dark
}

@media (prefers-color-scheme: dark) {
    .jbg.schemable.theme-device[data-v-3068d843] {
        --accent: #4254f4;
        --alert: #ce4949;
        --shadows: rgb(4, 9, 14, .5);
        --backgroundPrimary: #0a1420;
        --backgroundSecondary: #0d1c2b;
        --inputPrimary: #1f2937;
        --inputSecondary: #353f4d;
        --textPrimary: #f5f7f7;
        --textSecondary: #8c939c;
        --textButton: #f5f7f7;
        --textSelection: #4b5462;
        color-scheme: dark
    }
}

.jbg[data-v-3068d843] {
    --accent: #4254f4;
    --alert: #cf2929;
    --shadows: rgba(128, 128, 128, .4);
    --backgroundPrimary: #fff;
    --backgroundSecondary: #e0e0e0;
    --inputPrimary: #e0e0e0;
    --inputSecondary: #e0e0e0;
    --textPrimary: #333333;
    --textSecondary: #505050;
    --textButton: #f5f7f7;
    --textSelection: #b9b9b9;
    background: var(--backgroundPrimary);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: var(--textPrimary)
}

.jbg a[data-v-3068d843] {
    color: var(--accent);
    text-decoration: none
}

.jbg h1[data-v-3068d843] {
    font-size: 2em
}

.jbg button[data-v-3068d843] {
    cursor: pointer;
    height: 48px;
    width: calc(100% - 50px);
    margin: 10px 25px 15px;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    background-color: var(--accent);
    color: var(--textButton);
    line-height: 1.5;
    text-transform: uppercase;
    box-shadow: 0 5px 0 0 var(--shadows);
    transition: color .5s, background-position .5s, box-shadow .5s
}

.jbg button .loading[data-v-3068d843],
.jbg button.connecting span[data-v-3068d843] {
    display: none
}

.jbg button.connecting .loading[data-v-3068d843] {
    display: block
}

.jbg button.cancel[data-v-3068d843] {
    background-color: #333;
    box-shadow: 0 5px 0 0 var(--shadows)
}

.jbg button[data-v-3068d843]:disabled {
    background: var(--inputPrimary);
    color: var(--textPrimary);
    box-shadow: 0 0 0 0 var(--shadows)
}

.jbg form[data-v-3068d843] {
    margin: 0 auto 5px;
    padding: 70px 15px 0
}

.jbg form.signup[data-v-3068d843] {
    margin: 0;
    padding: 0
}

.jbg label[data-v-3068d843] {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 12px;
    color: var(--textPrimary);
    font-size: 17px
}

.jbg input[data-v-3068d843],
.jbg textarea[data-v-3068d843],
.jbg select[data-v-3068d843] {
    width: 100%;
    height: 34px;
    margin-bottom: 15px;
    padding: 21px 12px 19px;
    background-color: var(--inputPrimary);
    border: 1px solid var(--inputSecondary);
    border-radius: 12px;
    color: var(--textPrimary);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.jbg input[data-v-3068d843]::placeholder,
.jbg textarea[data-v-3068d843]::placeholder,
.jbg select[data-v-3068d843]::placeholder {
    color: var(--textSecondary)
}

.jbg input[data-v-3068d843]:disabled,
.jbg textarea[data-v-3068d843]:disabled,
.jbg select[data-v-3068d843]:disabled {
    background: var(--inputPrimary);
    color: var(--textSecondary);
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.jbg input[data-v-3068d843]::selection,
.jbg textarea[data-v-3068d843]::selection,
.jbg select[data-v-3068d843]::selection {
    background: var(--textSelection)
}

.jbg textarea[data-v-3068d843] {
    height: auto;
    padding: 12px;
    font-size: 14px
}

.jbg .select[data-v-3068d843] {
    position: relative
}

.jbg .select.disabled[data-v-3068d843]:after {
    display: none
}

.jbg .select[data-v-3068d843]:after {
    content: "▼";
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 12px
}

.jbg select[data-v-3068d843] {
    cursor: inherit;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    padding: 11px 12px 9px;
    -webkit-appearance: none
}

.jbg .loading[data-v-3068d843],
.jbg .loading[data-v-3068d843]:before,
.jbg .loading[data-v-3068d843]:after {
    width: 12px;
    height: 12px;
    border: 2px solid #0e167d;
    border-radius: 50%;
    background: #4254f4;
    animation-fill-mode: both;
    animation: loading-3068d843 1.5s infinite ease-in-out
}

.jbg .loading[data-v-3068d843] {
    position: relative;
    margin: 18px auto;
    animation-delay: -.25s
}

.jbg .loading[data-v-3068d843]:before,
.jbg .loading[data-v-3068d843]:after {
    content: "";
    position: absolute;
    top: -2px
}

.jbg .loading[data-v-3068d843]:before {
    left: -22px;
    animation-delay: -.5s
}

.jbg .loading[data-v-3068d843]:after {
    left: 18px
}

.jbg .disabled.loading[data-v-3068d843],
.jbg .disabled.loading[data-v-3068d843]:before,
.jbg .disabled.loading[data-v-3068d843]:after {
    border: 2px solid var(--textSecondary);
    background: var(--backgroundSecondary);
    animation-name: loading-disabled-3068d843
}

@keyframes loading-3068d843 {

    0%,
    20%,
    80%,
    to {
        background-color: #0e167d
    }

    50% {
        background-color: #4254f4
    }
}

@keyframes loading-disabled-3068d843 {

    0%,
    20%,
    80%,
    to {
        background-color: var(--backgroundSecondary)
    }

    50% {
        background-color: var(--textSecondary)
    }
}

label .status[data-v-3068d843],
label .date[data-v-3068d843] {
    float: right;
    font-size: 1.4rem;
    font-weight: 400;
    font-style: italic;
    color: var(--textSecondary)
}

label .date[data-v-3068d843] {
    padding-top: 4px;
    font-size: 1.2rem
}

label .remaining[data-v-3068d843] {
    float: right
}

.warnings[data-v-3068d843] {
    padding: 0 10px 15px
}

.warnings p[data-v-3068d843] {
    font-size: 1.1rem;
    text-align: center
}

.select select.no-selection[data-v-3068d843] {
    color: var(--textSecondary)
}

.select .details[data-v-3068d843] {
    position: absolute;
    top: 10px;
    right: 30px;
    color: var(--textPrimary);
    font-size: 1.4rem;
    font-weight: 400
}

.tos[data-v-3068d843] {
    font-size: 1.2rem;
    text-align: center;
    color: var(--textSecondary)
}

.tos[data-v-3068d843] a {
    color: var(--accent);
    text-decoration: none
}

button.audience:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 23px;
    vertical-align: -6px;
    background-image:url("0c13a2c1.svg");
    background-position: center left;
    background-repeat: no-repeat;
    opacity: .6
}

button.audience.connecting:before {
    display: none
}

.jbg.schemable.theme-dark[data-v-ace4ce72] {
    --accent: #4254f4;
    --alert: #ce4949;
    --shadows: rgb(4, 9, 14, .5);
    --backgroundPrimary: #0a1420;
    --backgroundSecondary: #0d1c2b;
    --inputPrimary: #1f2937;
    --inputSecondary: #353f4d;
    --textPrimary: #f5f7f7;
    --textSecondary: #8c939c;
    --textButton: #f5f7f7;
    --textSelection: #4b5462;
    color-scheme: dark
}

@media (prefers-color-scheme: dark) {
    .jbg.schemable.theme-device[data-v-ace4ce72] {
        --accent: #4254f4;
        --alert: #ce4949;
        --shadows: rgb(4, 9, 14, .5);
        --backgroundPrimary: #0a1420;
        --backgroundSecondary: #0d1c2b;
        --inputPrimary: #1f2937;
        --inputSecondary: #353f4d;
        --textPrimary: #f5f7f7;
        --textSecondary: #8c939c;
        --textButton: #f5f7f7;
        --textSelection: #4b5462;
        color-scheme: dark
    }
}

.jbg[data-v-ace4ce72] {
    --accent: #4254f4;
    --alert: #cf2929;
    --shadows: rgba(128, 128, 128, .4);
    --backgroundPrimary: #fff;
    --backgroundSecondary: #e0e0e0;
    --inputPrimary: #e0e0e0;
    --inputSecondary: #e0e0e0;
    --textPrimary: #333333;
    --textSecondary: #505050;
    --textButton: #f5f7f7;
    --textSelection: #b9b9b9;
    background: var(--backgroundPrimary);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: var(--textPrimary)
}

.jbg a[data-v-ace4ce72] {
    color: var(--accent);
    text-decoration: none
}

.jbg h1[data-v-ace4ce72] {
    font-size: 2em
}

.jbg button[data-v-ace4ce72] {
    cursor: pointer;
    height: 48px;
    width: calc(100% - 50px);
    margin: 10px 25px 15px;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    background-color: var(--accent);
    color: var(--textButton);
    line-height: 1.5;
    text-transform: uppercase;
    box-shadow: 0 5px 0 0 var(--shadows);
    transition: color .5s, background-position .5s, box-shadow .5s
}

.jbg button .loading[data-v-ace4ce72],
.jbg button.connecting span[data-v-ace4ce72] {
    display: none
}

.jbg button.connecting .loading[data-v-ace4ce72] {
    display: block
}

.jbg button.cancel[data-v-ace4ce72] {
    background-color: #333;
    box-shadow: 0 5px 0 0 var(--shadows)
}

.jbg button[data-v-ace4ce72]:disabled {
    background: var(--inputPrimary);
    color: var(--textPrimary);
    box-shadow: 0 0 0 0 var(--shadows)
}

.jbg form[data-v-ace4ce72] {
    margin: 0 auto 5px;
    padding: 70px 15px 0
}

.jbg form.signup[data-v-ace4ce72] {
    margin: 0;
    padding: 0
}

.jbg label[data-v-ace4ce72] {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 12px;
    color: var(--textPrimary);
    font-size: 17px
}

.jbg input[data-v-ace4ce72],
.jbg textarea[data-v-ace4ce72],
.jbg select[data-v-ace4ce72] {
    width: 100%;
    height: 34px;
    margin-bottom: 15px;
    padding: 21px 12px 19px;
    background-color: var(--inputPrimary);
    border: 1px solid var(--inputSecondary);
    border-radius: 12px;
    color: var(--textPrimary);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.jbg input[data-v-ace4ce72]::placeholder,
.jbg textarea[data-v-ace4ce72]::placeholder,
.jbg select[data-v-ace4ce72]::placeholder {
    color: var(--textSecondary)
}

.jbg input[data-v-ace4ce72]:disabled,
.jbg textarea[data-v-ace4ce72]:disabled,
.jbg select[data-v-ace4ce72]:disabled {
    background: var(--inputPrimary);
    color: var(--textSecondary);
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.jbg input[data-v-ace4ce72]::selection,
.jbg textarea[data-v-ace4ce72]::selection,
.jbg select[data-v-ace4ce72]::selection {
    background: var(--textSelection)
}

.jbg textarea[data-v-ace4ce72] {
    height: auto;
    padding: 12px;
    font-size: 14px
}

.jbg .select[data-v-ace4ce72] {
    position: relative
}

.jbg .select.disabled[data-v-ace4ce72]:after {
    display: none
}

.jbg .select[data-v-ace4ce72]:after {
    content: "▼";
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 12px
}

.jbg select[data-v-ace4ce72] {
    cursor: inherit;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    padding: 11px 12px 9px;
    -webkit-appearance: none
}

.jbg .loading[data-v-ace4ce72],
.jbg .loading[data-v-ace4ce72]:before,
.jbg .loading[data-v-ace4ce72]:after {
    width: 12px;
    height: 12px;
    border: 2px solid #0e167d;
    border-radius: 50%;
    background: #4254f4;
    animation-fill-mode: both;
    animation: loading-ace4ce72 1.5s infinite ease-in-out
}

.jbg .loading[data-v-ace4ce72] {
    position: relative;
    margin: 18px auto;
    animation-delay: -.25s
}

.jbg .loading[data-v-ace4ce72]:before,
.jbg .loading[data-v-ace4ce72]:after {
    content: "";
    position: absolute;
    top: -2px
}

.jbg .loading[data-v-ace4ce72]:before {
    left: -22px;
    animation-delay: -.5s
}

.jbg .loading[data-v-ace4ce72]:after {
    left: 18px
}

.jbg .disabled.loading[data-v-ace4ce72],
.jbg .disabled.loading[data-v-ace4ce72]:before,
.jbg .disabled.loading[data-v-ace4ce72]:after {
    border: 2px solid var(--textSecondary);
    background: var(--backgroundSecondary);
    animation-name: loading-disabled-ace4ce72
}

@keyframes loading-ace4ce72 {

    0%,
    20%,
    80%,
    to {
        background-color: #0e167d
    }

    50% {
        background-color: #4254f4
    }
}

@keyframes loading-disabled-ace4ce72 {

    0%,
    20%,
    80%,
    to {
        background-color: var(--backgroundSecondary)
    }

    50% {
        background-color: var(--textSecondary)
    }
}

.past-game[data-v-ace4ce72] {
    position: relative;
    margin: 0 auto 20px;
    max-width: 375px;
    transform: translateZ(0)
}

.card[data-v-ace4ce72] {
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    border: 4px solid #FFF;
    border-radius: 14px;
    box-shadow: 0 5px 0 0 var(--shadows);
    overflow: hidden;
    font-weight: 700;
    transform: translateY(0);
    transition: .25s box-shadow, .25s transform, .1s color, .1s border-color
}

.card[data-v-ace4ce72]:hover {
    box-shadow: 0 10px 0 0 var(--shadows);
    transform: translateY(-2px)
}

.image[data-v-ace4ce72] {
    position: relative;
    width: 100%;
    padding-top: 50%;
    background: #333;
    overflow: hidden
}

.image img[data-v-ace4ce72] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.image.fallback[data-v-ace4ce72] {
    background-position: center;
    background-size: cover
}

.image.fallback img[data-v-ace4ce72] {
    display: none
}

.image.quiplash2-internationalGame[data-v-ace4ce72] {
    background-image: url(C3kXyVEv.jpg)
}

.image.DrawfulGame[data-v-ace4ce72] {
    background-image: url(BzFxh5Dn.jpg)
}

.image.BigSurveyGame[data-v-ace4ce72] {
    background-image: url(DMko4kHH.png)
}

.image.TeeKOGame[data-v-ace4ce72] {
    background-image: url(DjNJZACn.jpg)
}

.image.Quiplash2Game[data-v-ace4ce72] {
    background-image: url(BpuUvwhp.jpg)
}

.image.TriviaDeathResults[data-v-ace4ce72] {
    background-image: url(uf_IrbNs.jpg)
}

.image.STIGame[data-v-ace4ce72] {
    background-image: url(Bjy5rVl2.png)
}

.image.MonsterMingleGame[data-v-ace4ce72] {
    background-image: url(CRhIoRBV.png)
}

.image.BRKGame[data-v-ace4ce72] {
    background-image: url(DoovYjZv.png)
}

.image.OverdrawnGame[data-v-ace4ce72] {
    background-image: url(BNdPHVfZ.png)
}

.image.YDKJ2018Game[data-v-ace4ce72] {
    background-image: url(wPyNH1M3.png)
}

.image.SplitTheRoomGame[data-v-ace4ce72] {
    background-image: url(CQdCHo6R.png)
}

.image.RapBattleGame[data-v-ace4ce72] {
    background-image: url(CTOb0Ul7.png)
}

.image.SlingShootGame[data-v-ace4ce72] {
    background-image: url(DLDiopGy.png)
}

.image.PatentlyStupidGame[data-v-ace4ce72] {
    background-image: url(BFT5XmXD.png)
}

.image.TriviaDeath2Game[data-v-ace4ce72] {
    background-image: url(DCSCMulF.png)
}

.image.RoleModelsGame[data-v-ace4ce72] {
    background-image: url(DVKpWTLq.png)
}

.image.JokeboatGame[data-v-ace4ce72] {
    background-image: url(Bi409qxE.png)
}

.image.RidictionaryGame[data-v-ace4ce72] {
    background-image: url(CiMVJDUw.png)
}

.image.PushTheButtonGame[data-v-ace4ce72] {
    background-image: url(DAWC_9La.png)
}

.image.JackboxTalksGame[data-v-ace4ce72] {
    background-image: url(D7AB3xAW.png)
}

.image.quiplash3Game[data-v-ace4ce72] {
    background-image: url(DKM-iyiU.jpg)
}

.image.EverydayGame[data-v-ace4ce72] {
    background-image: url(CLjUxsJg.jpg)
}

.image.WorldChampionsGame[data-v-ace4ce72] {
    background-image: url(DZpvOHfG.jpg)
}

.image.BlankyBlankGame[data-v-ace4ce72] {
    background-image: url(CZY_dteC.jpg)
}

.image.DrawfulAnimateGame[data-v-ace4ce72] {
    background-image: url(lWGWRZgF.png)
}

.image.TheWheelGame[data-v-ace4ce72] {
    background-image: url(RhoP_grL.png)
}

.image.JobGameGame[data-v-ace4ce72] {
    background-image: url(BjEtTyEK.png)
}

.image.SurveyBombGame[data-v-ace4ce72] {
    background-image: url(DTj_CFqc.jpg)
}

.image.MurderDetectivesGame[data-v-ace4ce72] {
    background-image: url(DwuHZ9uI.png)
}

.image.AntiqueGameGame[data-v-ace4ce72] {
    background-image: url(CzTYTB0o.png)
}

.image.Fibbage4Game[data-v-ace4ce72] {
    background-image: url(CJbHX__o.jpg)
}

.image.MakeFriendsGame[data-v-ace4ce72] {
    background-image: url(DjLz61Cc.png)
}

.image.RangeGameGame[data-v-ace4ce72] {
    background-image: url(Cd7-nj3X.jpg)
}

.image.LineupGame[data-v-ace4ce72] {
    background-image: url(gNBZnYSi.jpg)
}

.image.TeeKO2Game[data-v-ace4ce72] {
    background-image: url(j1LSbCrW.png)
}

.image.TimeTriviaGame[data-v-ace4ce72] {
    background-image: url(jc_1Wmoz.png)
}

.image.NopusOpusGame[data-v-ace4ce72] {
    background-image: url(CMYlhFs3.png)
}

.image.StrangersGame[data-v-ace4ce72] {
    background-image: url(DPubgfuT.png)
}

.image.FixyTextGame[data-v-ace4ce72] {
    background-image: url(0GpO4qCw.png)
}

.image.FakinIt2Game[data-v-ace4ce72] {
    background-image: url(T4cv03dI.png)
}

.image.Drawful3Game[data-v-ace4ce72] {
    background-image: url(Bxvu9ilG.png)
}

.image.CAPTCHAGame[data-v-ace4ce72] {
    background-image: url(B3izEfiu.png)
}

.image.YouRuinedItGame[data-v-ace4ce72] {
    background-image: url(BL7Nd7B4.png)
}

.image.MicGameGame[data-v-ace4ce72] {
    background-image: url(CmZDh6YB.jpg)
}

.image.CookiesGameGame[data-v-ace4ce72] {
    background-image: url(B0o_CNkh.jpg)
}

.image.DirtyDetectivesGame[data-v-ace4ce72] {
    background-image: url(pZJOSfS6.png)
}

.image.TriviaRPGGame[data-v-ace4ce72] {
    background-image: url(NiCvQEQg.jpg)
}

.content[data-v-ace4ce72] {
    width: 100%;
    padding: 5px 8px 0;
    overflow: hidden
}

.cta[data-v-ace4ce72] {
    position: absolute;
    top: -2px;
    left: 50%;
    padding: 0 10px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    color: #0e167d;
    font-size: 12px;
    white-space: nowrap;
    transform: translate(-50%);
    transition: opacity .1s
}

.cta svg[data-v-ace4ce72] {
    position: relative;
    top: 1px;
    width: 11px;
    height: 11px;
    margin-left: 1px;
    fill: #0e167d
}

.name[data-v-ace4ce72] {
    float: left;
    width: 70%;
    padding-top: 3px;
    color: #0e167d;
    font-size: 14px;
    text-transform: uppercase;
    transition: color .1s;
    line-height: 1.3
}

.date[data-v-ace4ce72] {
    float: right;
    width: 30%;
    color: #0d1c2b;
    font-size: 12px;
    line-height: 1.2;
    text-align: right
}

.date span[data-v-ace4ce72] {
    display: block;
    color: #0a1420;
    font-size: 8px
}

.new[data-v-ace4ce72] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    padding: 55px 0 1px;
    background: #0a1420d9;
    color: #fff;
    font-size: 12px;
    text-align: center;
    transform: translate(-50%, -50%) rotate(-45deg);
    transition: opacity .1s
}

.new[data-v-ace4ce72]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 10px;
    margin-left: -4px;
    width: 8px;
    height: 8px;
    background: #cf2929;
    border-radius: 4px
}

.items[data-v-ace4ce72] {
    pointer-events: none;
    position: absolute;
    top: -4px;
    right: -4px;
    transition: opacity .1s
}

.item[data-v-ace4ce72] {
    float: right;
    width: 40px;
    height: 40px;
    padding: 7px;
    margin-left: -10px;
    background: #0e167d;
    border-radius: 20px;
    transform: rotate(15deg)
}

.item svg[data-v-ace4ce72] {
    fill: #fff
}

.confirm[data-v-ace4ce72] {
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 32px;
    border-radius: 9px 9px 0 0;
    background: #000000e6;
    text-align: center;
    transition: opacity .15s
}

.confirm .contain[data-v-ace4ce72] {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%)
}

.confirm p[data-v-ace4ce72] {
    color: #e0e0e0;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.3
}

.confirm p span[data-v-ace4ce72] {
    display: block;
    font-weight: 700;
    font-size: 16px
}

.confirm button[data-v-ace4ce72] {
    display: block;
    width: 120px;
    height: auto;
    max-width: 80%;
    padding: 5px 0;
    margin: 8px auto 0;
    box-shadow: none;
    font-size: 14px
}

.confirm button.confirm-yes[data-v-ace4ce72] {
    background: #cf2929;
    color: #e0e0e0
}

.confirm button.confirm-no[data-v-ace4ce72] {
    background: #e0e0e0;
    color: #333
}

.fade-transition-enter[data-v-ace4ce72],
.fade-transition-leave-to[data-v-ace4ce72],
.past-game.managing .new[data-v-ace4ce72],
.past-game.managing .items[data-v-ace4ce72],
.past-game.managing .cta[data-v-ace4ce72] {
    opacity: 0
}

.past-game.managing .name[data-v-ace4ce72] {
    color: #cf2929
}

.past-game.managing.confirming .card[data-v-ace4ce72] {
    background: #cf2929;
    border-color: #cf2929
}

.past-game.managing.confirming .name[data-v-ace4ce72],
.past-game.managing.confirming .date[data-v-ace4ce72],
.past-game.managing.confirming .date span[data-v-ace4ce72] {
    color: #e0e0e0
}

.jbg.schemable.theme-dark[data-v-b57c3cb3] {
    --accent: #4254f4;
    --alert: #ce4949;
    --shadows: rgb(4, 9, 14, .5);
    --backgroundPrimary: #0a1420;
    --backgroundSecondary: #0d1c2b;
    --inputPrimary: #1f2937;
    --inputSecondary: #353f4d;
    --textPrimary: #f5f7f7;
    --textSecondary: #8c939c;
    --textButton: #f5f7f7;
    --textSelection: #4b5462;
    color-scheme: dark
}

@media (prefers-color-scheme: dark) {
    .jbg.schemable.theme-device[data-v-b57c3cb3] {
        --accent: #4254f4;
        --alert: #ce4949;
        --shadows: rgb(4, 9, 14, .5);
        --backgroundPrimary: #0a1420;
        --backgroundSecondary: #0d1c2b;
        --inputPrimary: #1f2937;
        --inputSecondary: #353f4d;
        --textPrimary: #f5f7f7;
        --textSecondary: #8c939c;
        --textButton: #f5f7f7;
        --textSelection: #4b5462;
        color-scheme: dark
    }
}

.jbg[data-v-b57c3cb3] {
    --accent: #4254f4;
    --alert: #cf2929;
    --shadows: rgba(128, 128, 128, .4);
    --backgroundPrimary: #fff;
    --backgroundSecondary: #e0e0e0;
    --inputPrimary: #e0e0e0;
    --inputSecondary: #e0e0e0;
    --textPrimary: #333333;
    --textSecondary: #505050;
    --textButton: #f5f7f7;
    --textSelection: #b9b9b9;
    background: var(--backgroundPrimary);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: var(--textPrimary)
}

.jbg a[data-v-b57c3cb3] {
    color: var(--accent);
    text-decoration: none
}

.jbg h1[data-v-b57c3cb3] {
    font-size: 2em
}

.jbg button[data-v-b57c3cb3] {
    cursor: pointer;
    height: 48px;
    width: calc(100% - 50px);
    margin: 10px 25px 15px;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    background-color: var(--accent);
    color: var(--textButton);
    line-height: 1.5;
    text-transform: uppercase;
    box-shadow: 0 5px 0 0 var(--shadows);
    transition: color .5s, background-position .5s, box-shadow .5s
}

.jbg button .loading[data-v-b57c3cb3],
.jbg button.connecting span[data-v-b57c3cb3] {
    display: none
}

.jbg button.connecting .loading[data-v-b57c3cb3] {
    display: block
}

.jbg button.cancel[data-v-b57c3cb3] {
    background-color: #333;
    box-shadow: 0 5px 0 0 var(--shadows)
}

.jbg button[data-v-b57c3cb3]:disabled {
    background: var(--inputPrimary);
    color: var(--textPrimary);
    box-shadow: 0 0 0 0 var(--shadows)
}

.jbg form[data-v-b57c3cb3] {
    margin: 0 auto 5px;
    padding: 70px 15px 0
}

.jbg form.signup[data-v-b57c3cb3] {
    margin: 0;
    padding: 0
}

.jbg label[data-v-b57c3cb3] {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 12px;
    color: var(--textPrimary);
    font-size: 17px
}

.jbg input[data-v-b57c3cb3],
.jbg textarea[data-v-b57c3cb3],
.jbg select[data-v-b57c3cb3] {
    width: 100%;
    height: 34px;
    margin-bottom: 15px;
    padding: 21px 12px 19px;
    background-color: var(--inputPrimary);
    border: 1px solid var(--inputSecondary);
    border-radius: 12px;
    color: var(--textPrimary);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.jbg input[data-v-b57c3cb3]::placeholder,
.jbg textarea[data-v-b57c3cb3]::placeholder,
.jbg select[data-v-b57c3cb3]::placeholder {
    color: var(--textSecondary)
}

.jbg input[data-v-b57c3cb3]:disabled,
.jbg textarea[data-v-b57c3cb3]:disabled,
.jbg select[data-v-b57c3cb3]:disabled {
    background: var(--inputPrimary);
    color: var(--textSecondary);
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.jbg input[data-v-b57c3cb3]::selection,
.jbg textarea[data-v-b57c3cb3]::selection,
.jbg select[data-v-b57c3cb3]::selection {
    background: var(--textSelection)
}

.jbg textarea[data-v-b57c3cb3] {
    height: auto;
    padding: 12px;
    font-size: 14px
}

.jbg .select[data-v-b57c3cb3] {
    position: relative
}

.jbg .select.disabled[data-v-b57c3cb3]:after {
    display: none
}

.jbg .select[data-v-b57c3cb3]:after {
    content: "▼";
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 12px
}

.jbg select[data-v-b57c3cb3] {
    cursor: inherit;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    padding: 11px 12px 9px;
    -webkit-appearance: none
}

.jbg .loading[data-v-b57c3cb3],
.jbg .loading[data-v-b57c3cb3]:before,
.jbg .loading[data-v-b57c3cb3]:after {
    width: 12px;
    height: 12px;
    border: 2px solid #0e167d;
    border-radius: 50%;
    background: #4254f4;
    animation-fill-mode: both;
    animation: loading-b57c3cb3 1.5s infinite ease-in-out
}

.jbg .loading[data-v-b57c3cb3] {
    position: relative;
    margin: 18px auto;
    animation-delay: -.25s
}

.jbg .loading[data-v-b57c3cb3]:before,
.jbg .loading[data-v-b57c3cb3]:after {
    content: "";
    position: absolute;
    top: -2px
}

.jbg .loading[data-v-b57c3cb3]:before {
    left: -22px;
    animation-delay: -.5s
}

.jbg .loading[data-v-b57c3cb3]:after {
    left: 18px
}

.jbg .disabled.loading[data-v-b57c3cb3],
.jbg .disabled.loading[data-v-b57c3cb3]:before,
.jbg .disabled.loading[data-v-b57c3cb3]:after {
    border: 2px solid var(--textSecondary);
    background: var(--backgroundSecondary);
    animation-name: loading-disabled-b57c3cb3
}

@keyframes loading-b57c3cb3 {

    0%,
    20%,
    80%,
    to {
        background-color: #0e167d
    }

    50% {
        background-color: #4254f4
    }
}

@keyframes loading-disabled-b57c3cb3 {

    0%,
    20%,
    80%,
    to {
        background-color: var(--backgroundSecondary)
    }

    50% {
        background-color: var(--textSecondary)
    }
}

.recent[data-v-b57c3cb3] {
    padding: 30px 15px;
    background: var(--backgroundSecondary);
    border-top: 1px solid var(--inputSecondary)
}

.recent .top-items[data-v-b57c3cb3] {
    margin: 0 auto 15px;
    max-width: 375px
}

.recent h3[data-v-b57c3cb3] {
    display: inline-block;
    font-size: 14px;
    text-align: left;
    color: var(--textPrimary)
}

.recent .view-all[data-v-b57c3cb3] {
    float: right;
    width: auto;
    height: auto;
    padding: 3px 10px 2px;
    margin: 1px 0 0;
    background: var(--accent);
    font-size: 12px;
    box-shadow: 0 3px 0 var(--shadows)
}

.recent .view-all[data-v-b57c3cb3]:active {
    box-shadow: 0 1px 0 var(--shadows)
}

.recent .more[data-v-b57c3cb3] {
    display: block;
    font-size: 14px;
    text-align: center
}

.jbg.schemable.theme-dark[data-v-c9d1a6de] {
    --accent: #4254f4;
    --alert: #ce4949;
    --shadows: rgb(4, 9, 14, .5);
    --backgroundPrimary: #0a1420;
    --backgroundSecondary: #0d1c2b;
    --inputPrimary: #1f2937;
    --inputSecondary: #353f4d;
    --textPrimary: #f5f7f7;
    --textSecondary: #8c939c;
    --textButton: #f5f7f7;
    --textSelection: #4b5462;
    color-scheme: dark
}

@media (prefers-color-scheme: dark) {
    .jbg.schemable.theme-device[data-v-c9d1a6de] {
        --accent: #4254f4;
        --alert: #ce4949;
        --shadows: rgb(4, 9, 14, .5);
        --backgroundPrimary: #0a1420;
        --backgroundSecondary: #0d1c2b;
        --inputPrimary: #1f2937;
        --inputSecondary: #353f4d;
        --textPrimary: #f5f7f7;
        --textSecondary: #8c939c;
        --textButton: #f5f7f7;
        --textSelection: #4b5462;
        color-scheme: dark
    }
}

.jbg[data-v-c9d1a6de] {
    --accent: #4254f4;
    --alert: #cf2929;
    --shadows: rgba(128, 128, 128, .4);
    --backgroundPrimary: #fff;
    --backgroundSecondary: #e0e0e0;
    --inputPrimary: #e0e0e0;
    --inputSecondary: #e0e0e0;
    --textPrimary: #333333;
    --textSecondary: #505050;
    --textButton: #f5f7f7;
    --textSelection: #b9b9b9;
    background: var(--backgroundPrimary);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: var(--textPrimary)
}

.jbg a[data-v-c9d1a6de] {
    color: var(--accent);
    text-decoration: none
}

.jbg h1[data-v-c9d1a6de] {
    font-size: 2em
}

.jbg button[data-v-c9d1a6de] {
    cursor: pointer;
    height: 48px;
    width: calc(100% - 50px);
    margin: 10px 25px 15px;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    background-color: var(--accent);
    color: var(--textButton);
    line-height: 1.5;
    text-transform: uppercase;
    box-shadow: 0 5px 0 0 var(--shadows);
    transition: color .5s, background-position .5s, box-shadow .5s
}

.jbg button .loading[data-v-c9d1a6de],
.jbg button.connecting span[data-v-c9d1a6de] {
    display: none
}

.jbg button.connecting .loading[data-v-c9d1a6de] {
    display: block
}

.jbg button.cancel[data-v-c9d1a6de] {
    background-color: #333;
    box-shadow: 0 5px 0 0 var(--shadows)
}

.jbg button[data-v-c9d1a6de]:disabled {
    background: var(--inputPrimary);
    color: var(--textPrimary);
    box-shadow: 0 0 0 0 var(--shadows)
}

.jbg form[data-v-c9d1a6de] {
    margin: 0 auto 5px;
    padding: 70px 15px 0
}

.jbg form.signup[data-v-c9d1a6de] {
    margin: 0;
    padding: 0
}

.jbg label[data-v-c9d1a6de] {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 12px;
    color: var(--textPrimary);
    font-size: 17px
}

.jbg input[data-v-c9d1a6de],
.jbg textarea[data-v-c9d1a6de],
.jbg select[data-v-c9d1a6de] {
    width: 100%;
    height: 34px;
    margin-bottom: 15px;
    padding: 21px 12px 19px;
    background-color: var(--inputPrimary);
    border: 1px solid var(--inputSecondary);
    border-radius: 12px;
    color: var(--textPrimary);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.jbg input[data-v-c9d1a6de]::placeholder,
.jbg textarea[data-v-c9d1a6de]::placeholder,
.jbg select[data-v-c9d1a6de]::placeholder {
    color: var(--textSecondary)
}

.jbg input[data-v-c9d1a6de]:disabled,
.jbg textarea[data-v-c9d1a6de]:disabled,
.jbg select[data-v-c9d1a6de]:disabled {
    background: var(--inputPrimary);
    color: var(--textSecondary);
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.jbg input[data-v-c9d1a6de]::selection,
.jbg textarea[data-v-c9d1a6de]::selection,
.jbg select[data-v-c9d1a6de]::selection {
    background: var(--textSelection)
}

.jbg textarea[data-v-c9d1a6de] {
    height: auto;
    padding: 12px;
    font-size: 14px
}

.jbg .select[data-v-c9d1a6de] {
    position: relative
}

.jbg .select.disabled[data-v-c9d1a6de]:after {
    display: none
}

.jbg .select[data-v-c9d1a6de]:after {
    content: "▼";
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 12px
}

.jbg select[data-v-c9d1a6de] {
    cursor: inherit;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    padding: 11px 12px 9px;
    -webkit-appearance: none
}

.jbg .loading[data-v-c9d1a6de],
.jbg .loading[data-v-c9d1a6de]:before,
.jbg .loading[data-v-c9d1a6de]:after {
    width: 12px;
    height: 12px;
    border: 2px solid #0e167d;
    border-radius: 50%;
    background: #4254f4;
    animation-fill-mode: both;
    animation: loading-c9d1a6de 1.5s infinite ease-in-out
}

.jbg .loading[data-v-c9d1a6de] {
    position: relative;
    margin: 18px auto;
    animation-delay: -.25s
}

.jbg .loading[data-v-c9d1a6de]:before,
.jbg .loading[data-v-c9d1a6de]:after {
    content: "";
    position: absolute;
    top: -2px
}

.jbg .loading[data-v-c9d1a6de]:before {
    left: -22px;
    animation-delay: -.5s
}

.jbg .loading[data-v-c9d1a6de]:after {
    left: 18px
}

.jbg .disabled.loading[data-v-c9d1a6de],
.jbg .disabled.loading[data-v-c9d1a6de]:before,
.jbg .disabled.loading[data-v-c9d1a6de]:after {
    border: 2px solid var(--textSecondary);
    background: var(--backgroundSecondary);
    animation-name: loading-disabled-c9d1a6de
}

@keyframes loading-c9d1a6de {

    0%,
    20%,
    80%,
    to {
        background-color: #0e167d
    }

    50% {
        background-color: #4254f4
    }
}

@keyframes loading-disabled-c9d1a6de {

    0%,
    20%,
    80%,
    to {
        background-color: var(--backgroundSecondary)
    }

    50% {
        background-color: var(--textSecondary)
    }
}

.slide-banner[data-v-c9d1a6de] {
    -webkit-user-select: none;
    user-select: none;
    max-width: 375px;
    margin: 18px auto 0;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, white 10%, white 90%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, white 10%, white 90%, transparent 100%)
}

.slide[data-v-c9d1a6de] {
    position: relative;
    display: block;
    overflow: hidden
}

.slide button[data-v-c9d1a6de] {
    width: auto;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none
}

.slide img[data-v-c9d1a6de] {
    width: 100%;
    height: auto;
    border-radius: 15px
}

.slide p[data-v-c9d1a6de] {
    position: absolute;
    width: 100%;
    top: 1px;
    left: 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
    overflow-x: hidden;
    white-space: nowrap
}

@media only screen and (max-width: 350px) {
    .slide p[data-v-c9d1a6de] {
        font-size: 14px
    }
}

[data-v-c9d1a6de] .dots button {
    width: 6px;
    height: 6px;
    padding: 0;
    margin: 10px 5px 0;
    background-color: var(--inputPrimary);
    transition: transform .25s, background-color .25s
}

[data-v-c9d1a6de] .dots button.carousel__pagination-button--active {
    background-color: var(--accent);
    transform: scale(1.3)
}

.jbg.schemable.theme-dark[data-v-727b0bbe] {
    --accent: #4254f4;
    --alert: #ce4949;
    --shadows: rgb(4, 9, 14, .5);
    --backgroundPrimary: #0a1420;
    --backgroundSecondary: #0d1c2b;
    --inputPrimary: #1f2937;
    --inputSecondary: #353f4d;
    --textPrimary: #f5f7f7;
    --textSecondary: #8c939c;
    --textButton: #f5f7f7;
    --textSelection: #4b5462;
    color-scheme: dark
}

@media (prefers-color-scheme: dark) {
    .jbg.schemable.theme-device[data-v-727b0bbe] {
        --accent: #4254f4;
        --alert: #ce4949;
        --shadows: rgb(4, 9, 14, .5);
        --backgroundPrimary: #0a1420;
        --backgroundSecondary: #0d1c2b;
        --inputPrimary: #1f2937;
        --inputSecondary: #353f4d;
        --textPrimary: #f5f7f7;
        --textSecondary: #8c939c;
        --textButton: #f5f7f7;
        --textSelection: #4b5462;
        color-scheme: dark
    }
}

.jbg[data-v-727b0bbe] {
    --accent: #4254f4;
    --alert: #cf2929;
    --shadows: rgba(128, 128, 128, .4);
    --backgroundPrimary: #fff;
    --backgroundSecondary: #e0e0e0;
    --inputPrimary: #e0e0e0;
    --inputSecondary: #e0e0e0;
    --textPrimary: #333333;
    --textSecondary: #505050;
    --textButton: #f5f7f7;
    --textSelection: #b9b9b9;
    background: var(--backgroundPrimary);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: var(--textPrimary)
}

.jbg a[data-v-727b0bbe] {
    color: var(--accent);
    text-decoration: none
}

.jbg h1[data-v-727b0bbe] {
    font-size: 2em
}

.jbg button[data-v-727b0bbe] {
    cursor: pointer;
    height: 48px;
    width: calc(100% - 50px);
    margin: 10px 25px 15px;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    background-color: var(--accent);
    color: var(--textButton);
    line-height: 1.5;
    text-transform: uppercase;
    box-shadow: 0 5px 0 0 var(--shadows);
    transition: color .5s, background-position .5s, box-shadow .5s
}

.jbg button .loading[data-v-727b0bbe],
.jbg button.connecting span[data-v-727b0bbe] {
    display: none
}

.jbg button.connecting .loading[data-v-727b0bbe] {
    display: block
}

.jbg button.cancel[data-v-727b0bbe] {
    background-color: #333;
    box-shadow: 0 5px 0 0 var(--shadows)
}

.jbg button[data-v-727b0bbe]:disabled {
    background: var(--inputPrimary);
    color: var(--textPrimary);
    box-shadow: 0 0 0 0 var(--shadows)
}

.jbg form[data-v-727b0bbe] {
    margin: 0 auto 5px;
    padding: 70px 15px 0
}

.jbg form.signup[data-v-727b0bbe] {
    margin: 0;
    padding: 0
}

.jbg label[data-v-727b0bbe] {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 12px;
    color: var(--textPrimary);
    font-size: 17px
}

.jbg input[data-v-727b0bbe],
.jbg textarea[data-v-727b0bbe],
.jbg select[data-v-727b0bbe] {
    width: 100%;
    height: 34px;
    margin-bottom: 15px;
    padding: 21px 12px 19px;
    background-color: var(--inputPrimary);
    border: 1px solid var(--inputSecondary);
    border-radius: 12px;
    color: var(--textPrimary);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.jbg input[data-v-727b0bbe]::placeholder,
.jbg textarea[data-v-727b0bbe]::placeholder,
.jbg select[data-v-727b0bbe]::placeholder {
    color: var(--textSecondary)
}

.jbg input[data-v-727b0bbe]:disabled,
.jbg textarea[data-v-727b0bbe]:disabled,
.jbg select[data-v-727b0bbe]:disabled {
    background: var(--inputPrimary);
    color: var(--textSecondary);
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.jbg input[data-v-727b0bbe]::selection,
.jbg textarea[data-v-727b0bbe]::selection,
.jbg select[data-v-727b0bbe]::selection {
    background: var(--textSelection)
}

.jbg textarea[data-v-727b0bbe] {
    height: auto;
    padding: 12px;
    font-size: 14px
}

.jbg .select[data-v-727b0bbe] {
    position: relative
}

.jbg .select.disabled[data-v-727b0bbe]:after {
    display: none
}

.jbg .select[data-v-727b0bbe]:after {
    content: "▼";
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 12px
}

.jbg select[data-v-727b0bbe] {
    cursor: inherit;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    padding: 11px 12px 9px;
    -webkit-appearance: none
}

.jbg .loading[data-v-727b0bbe],
.jbg .loading[data-v-727b0bbe]:before,
.jbg .loading[data-v-727b0bbe]:after {
    width: 12px;
    height: 12px;
    border: 2px solid #0e167d;
    border-radius: 50%;
    background: #4254f4;
    animation-fill-mode: both;
    animation: loading-727b0bbe 1.5s infinite ease-in-out
}

.jbg .loading[data-v-727b0bbe] {
    position: relative;
    margin: 18px auto;
    animation-delay: -.25s
}

.jbg .loading[data-v-727b0bbe]:before,
.jbg .loading[data-v-727b0bbe]:after {
    content: "";
    position: absolute;
    top: -2px
}

.jbg .loading[data-v-727b0bbe]:before {
    left: -22px;
    animation-delay: -.5s
}

.jbg .loading[data-v-727b0bbe]:after {
    left: 18px
}

.jbg .disabled.loading[data-v-727b0bbe],
.jbg .disabled.loading[data-v-727b0bbe]:before,
.jbg .disabled.loading[data-v-727b0bbe]:after {
    border: 2px solid var(--textSecondary);
    background: var(--backgroundSecondary);
    animation-name: loading-disabled-727b0bbe
}

@keyframes loading-727b0bbe {

    0%,
    20%,
    80%,
    to {
        background-color: #0e167d
    }

    50% {
        background-color: #4254f4
    }
}

@keyframes loading-disabled-727b0bbe {

    0%,
    20%,
    80%,
    to {
        background-color: var(--backgroundSecondary)
    }

    50% {
        background-color: var(--textSecondary)
    }
}

li.appearance[data-v-727b0bbe] {
    position: relative;
    margin: 0 auto 10px
}

li.appearance label[data-v-727b0bbe] {
    margin: 0 0 5px;
    font-size: 12px;
    color: #fff
}

li.appearance fieldset[data-v-727b0bbe] {
    position: relative;
    width: 100%;
    height: 45px
}

li.appearance input[data-v-727b0bbe] {
    position: relative;
    display: inline-block;
    width: 50%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

li.appearance svg[data-v-727b0bbe] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: visible;
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke: #fff;
    stroke-width: 2px
}

li.appearance svg .frame[data-v-727b0bbe] {
    fill: #0e167d;
    stroke-width: 2.5px
}

li.appearance svg .indicator[data-v-727b0bbe] {
    fill: #fff;
    stroke-width: 0;
    transition: transform .2s
}

li.appearance svg .celestial[data-v-727b0bbe] {
    stroke-width: 2px;
    fill: transparent
}

.theme-device li.appearance svg .indicator[data-v-727b0bbe] {
    transform: translate(-11%)
}

.theme-device li.appearance svg .celestial.sun[data-v-727b0bbe] {
    fill: #fff
}

.theme-device li.appearance svg .celestial.moon[data-v-727b0bbe] {
    fill: transparent
}

@media (prefers-color-scheme: dark) {
    .theme-device li.appearance svg .indicator[data-v-727b0bbe] {
        transform: translate(11%)
    }

    .theme-device li.appearance svg .celestial.sun[data-v-727b0bbe] {
        fill: transparent
    }

    .theme-device li.appearance svg .celestial.moon[data-v-727b0bbe] {
        fill: #fff
    }
}

.theme-light li.appearance svg .indicator[data-v-727b0bbe] {
    transform: translate(-11%)
}

.theme-light li.appearance svg .celestial.sun[data-v-727b0bbe] {
    fill: #fff
}

.theme-dark li.appearance svg .indicator[data-v-727b0bbe] {
    transform: translate(11%)
}

.theme-dark li.appearance svg .celestial.moon[data-v-727b0bbe] {
    fill: #fff
}

.jbg.schemable.theme-dark[data-v-e33a6bed] {
    --accent: #4254f4;
    --alert: #ce4949;
    --shadows: rgb(4, 9, 14, .5);
    --backgroundPrimary: #0a1420;
    --backgroundSecondary: #0d1c2b;
    --inputPrimary: #1f2937;
    --inputSecondary: #353f4d;
    --textPrimary: #f5f7f7;
    --textSecondary: #8c939c;
    --textButton: #f5f7f7;
    --textSelection: #4b5462;
    color-scheme: dark
}

@media (prefers-color-scheme: dark) {
    .jbg.schemable.theme-device[data-v-e33a6bed] {
        --accent: #4254f4;
        --alert: #ce4949;
        --shadows: rgb(4, 9, 14, .5);
        --backgroundPrimary: #0a1420;
        --backgroundSecondary: #0d1c2b;
        --inputPrimary: #1f2937;
        --inputSecondary: #353f4d;
        --textPrimary: #f5f7f7;
        --textSecondary: #8c939c;
        --textButton: #f5f7f7;
        --textSelection: #4b5462;
        color-scheme: dark
    }
}

.jbg[data-v-e33a6bed] {
    --accent: #4254f4;
    --alert: #cf2929;
    --shadows: rgba(128, 128, 128, .4);
    --backgroundPrimary: #fff;
    --backgroundSecondary: #e0e0e0;
    --inputPrimary: #e0e0e0;
    --inputSecondary: #e0e0e0;
    --textPrimary: #333333;
    --textSecondary: #505050;
    --textButton: #f5f7f7;
    --textSelection: #b9b9b9;
    background: var(--backgroundPrimary);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: var(--textPrimary)
}

.jbg a[data-v-e33a6bed] {
    color: var(--accent);
    text-decoration: none
}

.jbg h1[data-v-e33a6bed] {
    font-size: 2em
}

.jbg button[data-v-e33a6bed] {
    cursor: pointer;
    height: 48px;
    width: calc(100% - 50px);
    margin: 10px 25px 15px;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    background-color: var(--accent);
    color: var(--textButton);
    line-height: 1.5;
    text-transform: uppercase;
    box-shadow: 0 5px 0 0 var(--shadows);
    transition: color .5s, background-position .5s, box-shadow .5s
}

.jbg button .loading[data-v-e33a6bed],
.jbg button.connecting span[data-v-e33a6bed] {
    display: none
}

.jbg button.connecting .loading[data-v-e33a6bed] {
    display: block
}

.jbg button.cancel[data-v-e33a6bed] {
    background-color: #333;
    box-shadow: 0 5px 0 0 var(--shadows)
}

.jbg button[data-v-e33a6bed]:disabled {
    background: var(--inputPrimary);
    color: var(--textPrimary);
    box-shadow: 0 0 0 0 var(--shadows)
}

.jbg form[data-v-e33a6bed] {
    margin: 0 auto 5px;
    padding: 70px 15px 0
}

.jbg form.signup[data-v-e33a6bed] {
    margin: 0;
    padding: 0
}

.jbg label[data-v-e33a6bed] {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 12px;
    color: var(--textPrimary);
    font-size: 17px
}

.jbg input[data-v-e33a6bed],
.jbg textarea[data-v-e33a6bed],
.jbg select[data-v-e33a6bed] {
    width: 100%;
    height: 34px;
    margin-bottom: 15px;
    padding: 21px 12px 19px;
    background-color: var(--inputPrimary);
    border: 1px solid var(--inputSecondary);
    border-radius: 12px;
    color: var(--textPrimary);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.jbg input[data-v-e33a6bed]::placeholder,
.jbg textarea[data-v-e33a6bed]::placeholder,
.jbg select[data-v-e33a6bed]::placeholder {
    color: var(--textSecondary)
}

.jbg input[data-v-e33a6bed]:disabled,
.jbg textarea[data-v-e33a6bed]:disabled,
.jbg select[data-v-e33a6bed]:disabled {
    background: var(--inputPrimary);
    color: var(--textSecondary);
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.jbg input[data-v-e33a6bed]::selection,
.jbg textarea[data-v-e33a6bed]::selection,
.jbg select[data-v-e33a6bed]::selection {
    background: var(--textSelection)
}

.jbg textarea[data-v-e33a6bed] {
    height: auto;
    padding: 12px;
    font-size: 14px
}

.jbg .select[data-v-e33a6bed] {
    position: relative
}

.jbg .select.disabled[data-v-e33a6bed]:after {
    display: none
}

.jbg .select[data-v-e33a6bed]:after {
    content: "▼";
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 12px
}

.jbg select[data-v-e33a6bed] {
    cursor: inherit;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    padding: 11px 12px 9px;
    -webkit-appearance: none
}

.jbg .loading[data-v-e33a6bed],
.jbg .loading[data-v-e33a6bed]:before,
.jbg .loading[data-v-e33a6bed]:after {
    width: 12px;
    height: 12px;
    border: 2px solid #0e167d;
    border-radius: 50%;
    background: #4254f4;
    animation-fill-mode: both;
    animation: loading-e33a6bed 1.5s infinite ease-in-out
}

.jbg .loading[data-v-e33a6bed] {
    position: relative;
    margin: 18px auto;
    animation-delay: -.25s
}

.jbg .loading[data-v-e33a6bed]:before,
.jbg .loading[data-v-e33a6bed]:after {
    content: "";
    position: absolute;
    top: -2px
}

.jbg .loading[data-v-e33a6bed]:before {
    left: -22px;
    animation-delay: -.5s
}

.jbg .loading[data-v-e33a6bed]:after {
    left: 18px
}

.jbg .disabled.loading[data-v-e33a6bed],
.jbg .disabled.loading[data-v-e33a6bed]:before,
.jbg .disabled.loading[data-v-e33a6bed]:after {
    border: 2px solid var(--textSecondary);
    background: var(--backgroundSecondary);
    animation-name: loading-disabled-e33a6bed
}

@keyframes loading-e33a6bed {

    0%,
    20%,
    80%,
    to {
        background-color: #0e167d
    }

    50% {
        background-color: #4254f4
    }
}

@keyframes loading-disabled-e33a6bed {

    0%,
    20%,
    80%,
    to {
        background-color: var(--backgroundSecondary)
    }

    50% {
        background-color: var(--textSecondary)
    }
}

.signup[data-v-e33a6bed] {
    font-size: 1.2rem
}

.signup #listrak-newsletter-input[data-v-e33a6bed] {
    height: 48px;
    margin-bottom: 4px;
    font-size: inherit;
    text-align: center
}

.signup #listrak-newsletter-submit[data-v-e33a6bed] {
    width: 100%;
    margin: 0
}

.signup .error[data-v-e33a6bed] {
    color: #cf2929
}

.signup .success[data-v-e33a6bed] {
    color: #4254f4
}

.jbg.schemable.theme-dark[data-v-4e7c2aa2] {
    --accent: #4254f4;
    --alert: #ce4949;
    --shadows: rgb(4, 9, 14, .5);
    --backgroundPrimary: #0a1420;
    --backgroundSecondary: #0d1c2b;
    --inputPrimary: #1f2937;
    --inputSecondary: #353f4d;
    --textPrimary: #f5f7f7;
    --textSecondary: #8c939c;
    --textButton: #f5f7f7;
    --textSelection: #4b5462;
    color-scheme: dark
}

@media (prefers-color-scheme: dark) {
    .jbg.schemable.theme-device[data-v-4e7c2aa2] {
        --accent: #4254f4;
        --alert: #ce4949;
        --shadows: rgb(4, 9, 14, .5);
        --backgroundPrimary: #0a1420;
        --backgroundSecondary: #0d1c2b;
        --inputPrimary: #1f2937;
        --inputSecondary: #353f4d;
        --textPrimary: #f5f7f7;
        --textSecondary: #8c939c;
        --textButton: #f5f7f7;
        --textSelection: #4b5462;
        color-scheme: dark
    }
}

.jbg[data-v-4e7c2aa2] {
    --accent: #4254f4;
    --alert: #cf2929;
    --shadows: rgba(128, 128, 128, .4);
    --backgroundPrimary: #fff;
    --backgroundSecondary: #e0e0e0;
    --inputPrimary: #e0e0e0;
    --inputSecondary: #e0e0e0;
    --textPrimary: #333333;
    --textSecondary: #505050;
    --textButton: #f5f7f7;
    --textSelection: #b9b9b9;
    background: var(--backgroundPrimary);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: var(--textPrimary)
}

.jbg a[data-v-4e7c2aa2] {
    color: var(--accent);
    text-decoration: none
}

.jbg h1[data-v-4e7c2aa2] {
    font-size: 2em
}

.jbg button[data-v-4e7c2aa2] {
    cursor: pointer;
    height: 48px;
    width: calc(100% - 50px);
    margin: 10px 25px 15px;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    background-color: var(--accent);
    color: var(--textButton);
    line-height: 1.5;
    text-transform: uppercase;
    box-shadow: 0 5px 0 0 var(--shadows);
    transition: color .5s, background-position .5s, box-shadow .5s
}

.jbg button .loading[data-v-4e7c2aa2],
.jbg button.connecting span[data-v-4e7c2aa2] {
    display: none
}

.jbg button.connecting .loading[data-v-4e7c2aa2] {
    display: block
}

.jbg button.cancel[data-v-4e7c2aa2] {
    background-color: #333;
    box-shadow: 0 5px 0 0 var(--shadows)
}

.jbg button[data-v-4e7c2aa2]:disabled {
    background: var(--inputPrimary);
    color: var(--textPrimary);
    box-shadow: 0 0 0 0 var(--shadows)
}

.jbg form[data-v-4e7c2aa2] {
    margin: 0 auto 5px;
    padding: 70px 15px 0
}

.jbg form.signup[data-v-4e7c2aa2] {
    margin: 0;
    padding: 0
}

.jbg label[data-v-4e7c2aa2] {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 12px;
    color: var(--textPrimary);
    font-size: 17px
}

.jbg input[data-v-4e7c2aa2],
.jbg textarea[data-v-4e7c2aa2],
.jbg select[data-v-4e7c2aa2] {
    width: 100%;
    height: 34px;
    margin-bottom: 15px;
    padding: 21px 12px 19px;
    background-color: var(--inputPrimary);
    border: 1px solid var(--inputSecondary);
    border-radius: 12px;
    color: var(--textPrimary);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.jbg input[data-v-4e7c2aa2]::placeholder,
.jbg textarea[data-v-4e7c2aa2]::placeholder,
.jbg select[data-v-4e7c2aa2]::placeholder {
    color: var(--textSecondary)
}

.jbg input[data-v-4e7c2aa2]:disabled,
.jbg textarea[data-v-4e7c2aa2]:disabled,
.jbg select[data-v-4e7c2aa2]:disabled {
    background: var(--inputPrimary);
    color: var(--textSecondary);
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.jbg input[data-v-4e7c2aa2]::selection,
.jbg textarea[data-v-4e7c2aa2]::selection,
.jbg select[data-v-4e7c2aa2]::selection {
    background: var(--textSelection)
}

.jbg textarea[data-v-4e7c2aa2] {
    height: auto;
    padding: 12px;
    font-size: 14px
}

.jbg .select[data-v-4e7c2aa2] {
    position: relative
}

.jbg .select.disabled[data-v-4e7c2aa2]:after {
    display: none
}

.jbg .select[data-v-4e7c2aa2]:after {
    content: "▼";
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 12px
}

.jbg select[data-v-4e7c2aa2] {
    cursor: inherit;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    padding: 11px 12px 9px;
    -webkit-appearance: none
}

.jbg .loading[data-v-4e7c2aa2],
.jbg .loading[data-v-4e7c2aa2]:before,
.jbg .loading[data-v-4e7c2aa2]:after {
    width: 12px;
    height: 12px;
    border: 2px solid #0e167d;
    border-radius: 50%;
    background: #4254f4;
    animation-fill-mode: both;
    animation: loading-4e7c2aa2 1.5s infinite ease-in-out
}

.jbg .loading[data-v-4e7c2aa2] {
    position: relative;
    margin: 18px auto;
    animation-delay: -.25s
}

.jbg .loading[data-v-4e7c2aa2]:before,
.jbg .loading[data-v-4e7c2aa2]:after {
    content: "";
    position: absolute;
    top: -2px
}

.jbg .loading[data-v-4e7c2aa2]:before {
    left: -22px;
    animation-delay: -.5s
}

.jbg .loading[data-v-4e7c2aa2]:after {
    left: 18px
}

.jbg .disabled.loading[data-v-4e7c2aa2],
.jbg .disabled.loading[data-v-4e7c2aa2]:before,
.jbg .disabled.loading[data-v-4e7c2aa2]:after {
    border: 2px solid var(--textSecondary);
    background: var(--backgroundSecondary);
    animation-name: loading-disabled-4e7c2aa2
}

@keyframes loading-4e7c2aa2 {

    0%,
    20%,
    80%,
    to {
        background-color: #0e167d
    }

    50% {
        background-color: #4254f4
    }
}

@keyframes loading-disabled-4e7c2aa2 {

    0%,
    20%,
    80%,
    to {
        background-color: var(--backgroundSecondary)
    }

    50% {
        background-color: var(--textSecondary)
    }
}

.nav label[data-v-4e7c2aa2] {
    margin-top: 5px;
    width: auto;
    border-radius: 5px;
    font-size: 12px;
    color: #fff
}

.nav label.changed[data-v-4e7c2aa2] {
    background-color: #fff;
    color: #ce4949;
    cursor: pointer
}

.nav .select[data-v-4e7c2aa2] {
    position: relative;
    display: block;
    width: 210px;
    margin: 0 auto 10px;
    border-radius: 14px;
    border: 2px solid #fff
}

.nav .select[data-v-4e7c2aa2]:after {
    color: #fff
}

.nav select[data-v-4e7c2aa2] {
    margin: 0;
    border: transparent;
    background-color: transparent;
    font-size: 15px;
    text-align: center;
    color: #fff
}

.jbg.schemable.theme-dark[data-v-bd59c3fb] {
    --accent: #4254f4;
    --alert: #ce4949;
    --shadows: rgb(4, 9, 14, .5);
    --backgroundPrimary: #0a1420;
    --backgroundSecondary: #0d1c2b;
    --inputPrimary: #1f2937;
    --inputSecondary: #353f4d;
    --textPrimary: #f5f7f7;
    --textSecondary: #8c939c;
    --textButton: #f5f7f7;
    --textSelection: #4b5462;
    color-scheme: dark
}

@media (prefers-color-scheme: dark) {
    .jbg.schemable.theme-device[data-v-bd59c3fb] {
        --accent: #4254f4;
        --alert: #ce4949;
        --shadows: rgb(4, 9, 14, .5);
        --backgroundPrimary: #0a1420;
        --backgroundSecondary: #0d1c2b;
        --inputPrimary: #1f2937;
        --inputSecondary: #353f4d;
        --textPrimary: #f5f7f7;
        --textSecondary: #8c939c;
        --textButton: #f5f7f7;
        --textSelection: #4b5462;
        color-scheme: dark
    }
}

.jbg[data-v-bd59c3fb] {
    --accent: #4254f4;
    --alert: #cf2929;
    --shadows: rgba(128, 128, 128, .4);
    --backgroundPrimary: #fff;
    --backgroundSecondary: #e0e0e0;
    --inputPrimary: #e0e0e0;
    --inputSecondary: #e0e0e0;
    --textPrimary: #333333;
    --textSecondary: #505050;
    --textButton: #f5f7f7;
    --textSelection: #b9b9b9;
    background: var(--backgroundPrimary);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: var(--textPrimary)
}

.jbg a[data-v-bd59c3fb] {
    color: var(--accent);
    text-decoration: none
}

.jbg h1[data-v-bd59c3fb] {
    font-size: 2em
}

.jbg button[data-v-bd59c3fb] {
    cursor: pointer;
    height: 48px;
    width: calc(100% - 50px);
    margin: 10px 25px 15px;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    background-color: var(--accent);
    color: var(--textButton);
    line-height: 1.5;
    text-transform: uppercase;
    box-shadow: 0 5px 0 0 var(--shadows);
    transition: color .5s, background-position .5s, box-shadow .5s
}

.jbg button .loading[data-v-bd59c3fb],
.jbg button.connecting span[data-v-bd59c3fb] {
    display: none
}

.jbg button.connecting .loading[data-v-bd59c3fb] {
    display: block
}

.jbg button.cancel[data-v-bd59c3fb] {
    background-color: #333;
    box-shadow: 0 5px 0 0 var(--shadows)
}

.jbg button[data-v-bd59c3fb]:disabled {
    background: var(--inputPrimary);
    color: var(--textPrimary);
    box-shadow: 0 0 0 0 var(--shadows)
}

.jbg form[data-v-bd59c3fb] {
    margin: 0 auto 5px;
    padding: 70px 15px 0
}

.jbg form.signup[data-v-bd59c3fb] {
    margin: 0;
    padding: 0
}

.jbg label[data-v-bd59c3fb] {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 12px;
    color: var(--textPrimary);
    font-size: 17px
}

.jbg input[data-v-bd59c3fb],
.jbg textarea[data-v-bd59c3fb],
.jbg select[data-v-bd59c3fb] {
    width: 100%;
    height: 34px;
    margin-bottom: 15px;
    padding: 21px 12px 19px;
    background-color: var(--inputPrimary);
    border: 1px solid var(--inputSecondary);
    border-radius: 12px;
    color: var(--textPrimary);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.jbg input[data-v-bd59c3fb]::placeholder,
.jbg textarea[data-v-bd59c3fb]::placeholder,
.jbg select[data-v-bd59c3fb]::placeholder {
    color: var(--textSecondary)
}

.jbg input[data-v-bd59c3fb]:disabled,
.jbg textarea[data-v-bd59c3fb]:disabled,
.jbg select[data-v-bd59c3fb]:disabled {
    background: var(--inputPrimary);
    color: var(--textSecondary);
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.jbg input[data-v-bd59c3fb]::selection,
.jbg textarea[data-v-bd59c3fb]::selection,
.jbg select[data-v-bd59c3fb]::selection {
    background: var(--textSelection)
}

.jbg textarea[data-v-bd59c3fb] {
    height: auto;
    padding: 12px;
    font-size: 14px
}

.jbg .select[data-v-bd59c3fb] {
    position: relative
}

.jbg .select.disabled[data-v-bd59c3fb]:after {
    display: none
}

.jbg .select[data-v-bd59c3fb]:after {
    content: "▼";
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 12px
}

.jbg select[data-v-bd59c3fb] {
    cursor: inherit;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    padding: 11px 12px 9px;
    -webkit-appearance: none
}

.jbg .loading[data-v-bd59c3fb],
.jbg .loading[data-v-bd59c3fb]:before,
.jbg .loading[data-v-bd59c3fb]:after {
    width: 12px;
    height: 12px;
    border: 2px solid #0e167d;
    border-radius: 50%;
    background: #4254f4;
    animation-fill-mode: both;
    animation: loading-bd59c3fb 1.5s infinite ease-in-out
}

.jbg .loading[data-v-bd59c3fb] {
    position: relative;
    margin: 18px auto;
    animation-delay: -.25s
}

.jbg .loading[data-v-bd59c3fb]:before,
.jbg .loading[data-v-bd59c3fb]:after {
    content: "";
    position: absolute;
    top: -2px
}

.jbg .loading[data-v-bd59c3fb]:before {
    left: -22px;
    animation-delay: -.5s
}

.jbg .loading[data-v-bd59c3fb]:after {
    left: 18px
}

.jbg .disabled.loading[data-v-bd59c3fb],
.jbg .disabled.loading[data-v-bd59c3fb]:before,
.jbg .disabled.loading[data-v-bd59c3fb]:after {
    border: 2px solid var(--textSecondary);
    background: var(--backgroundSecondary);
    animation-name: loading-disabled-bd59c3fb
}

@keyframes loading-bd59c3fb {

    0%,
    20%,
    80%,
    to {
        background-color: #0e167d
    }

    50% {
        background-color: #4254f4
    }
}

@keyframes loading-disabled-bd59c3fb {

    0%,
    20%,
    80%,
    to {
        background-color: var(--backgroundSecondary)
    }

    50% {
        background-color: var(--textSecondary)
    }
}

.nav ul[data-v-bd59c3fb] {
    min-width: 300px;
    max-width: 350px;
    margin: 25px auto;
    list-style: none
}

.nav li[data-v-bd59c3fb] {
    text-align: center;
    opacity: 0;
    animation: fade-animation-bd59c3fb .5s forwards
}

.nav li[data-v-bd59c3fb]:nth-child(1) {
    animation-delay: .05s
}

.nav li[data-v-bd59c3fb]:nth-child(2) {
    animation-delay: .1s
}

.nav li[data-v-bd59c3fb]:nth-child(3) {
    animation-delay: .15s
}

.nav li[data-v-bd59c3fb]:nth-child(4) {
    animation-delay: .2s
}

.nav li[data-v-bd59c3fb]:nth-child(5) {
    animation-delay: .25s
}

.nav li[data-v-bd59c3fb]:nth-child(6) {
    animation-delay: .3s
}

.nav li[data-v-bd59c3fb]:nth-child(7) {
    animation-delay: .35s
}

.nav li[data-v-bd59c3fb]:nth-child(8) {
    animation-delay: .4s
}

.nav li[data-v-bd59c3fb]:nth-child(9) {
    animation-delay: .45s
}

.nav li[data-v-bd59c3fb]:nth-child(10) {
    animation-delay: .5s
}

.nav a[data-v-bd59c3fb] {
    position: relative;
    display: block;
    width: 210px;
    margin: 9px auto;
    padding: 10px 0;
    border-radius: 14px;
    border: 4px solid #c7c7c7;
    background-color: #fff;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    transition: border-color .25s;
    cursor: pointer
}

.nav a[data-v-bd59c3fb]:active,
.nav a[data-v-bd59c3fb]:hover,
.nav a[data-v-bd59c3fb]:focus {
    border-color: #fff
}

.nav li.twitch a[data-v-bd59c3fb] {
    color: #fff;
    padding-left: 25px;
    border: 5px solid #c7c7c7;
    background-color: #64449b;
    background-image: url("cbc90bef.svg");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 45px 13px;
    transition: background-color .25s
}

.nav li.twitch a[data-v-bd59c3fb]:active,
.nav li.twitch a[data-v-bd59c3fb]:hover,
.nav li.twitch a[data-v-bd59c3fb]:focus {
    border-color: #fff
}

.nav li.twitch a[data-v-bd59c3fb]:active {
    background-color: #442a72
}

.nav li.moderator a[data-v-bd59c3fb] {
    color: #fff;
    border: 5px solid #c7c7c7;
    background-color: #0e167d;
    transition: background-color .25s
}

.nav li.moderator a[data-v-bd59c3fb]:active,
.nav li.moderator a[data-v-bd59c3fb]:hover,
.nav li.moderator a[data-v-bd59c3fb]:focus {
    border-color: #fff
}

.nav li.moderator a[data-v-bd59c3fb]:active {
    background-color: #3241ce
}

.nav li.newsletter[data-v-bd59c3fb] {
    position: relative;
    display: block;
    width: 210px;
    margin: 9px auto;
    padding: 10px 4px;
    border-radius: 14px;
    border: 4px solid #c7c7c7;
    background-color: #fff;
    font-size: 1.4rem;
    color: #333;
    text-decoration: none;
    text-transform: uppercase
}

.locale-de .nav li.newsletter[data-v-bd59c3fb] {
    text-transform: none
}

.nav li.social a[data-v-bd59c3fb] {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 7px 10px;
    border: none;
    border-radius: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent
}

.nav li.social a.facebook[data-v-bd59c3fb] {
    background-image:url("3413ac61.svg")
}

.nav li.social a.twitter[data-v-bd59c3fb] {
    background-image: url("eebf0f2c.svg")
}

.nav li.social a.instagram[data-v-bd59c3fb] {
    background-image: url("e6d14bf9.svg")
}

.nav li.version[data-v-bd59c3fb] {
    padding: 0
}

.nav li.version a[data-v-bd59c3fb] {
    position: relative;
    display: inline;
    width: auto;
    border: none;
    background-color: transparent;
    font-size: 13px;
    font-weight: 400;
    color: #fff
}

.nav li a .indicator[data-v-bd59c3fb] {
    width: 24px;
    height: 24px;
    top: -10px;
    left: auto;
    right: -10px;
    border: 4px solid #3241ce
}

@keyframes fade-animation-bd59c3fb {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jbg.schemable.theme-dark[data-v-40ec1b21] {
    --accent: #4254f4;
    --alert: #ce4949;
    --shadows: rgb(4, 9, 14, .5);
    --backgroundPrimary: #0a1420;
    --backgroundSecondary: #0d1c2b;
    --inputPrimary: #1f2937;
    --inputSecondary: #353f4d;
    --textPrimary: #f5f7f7;
    --textSecondary: #8c939c;
    --textButton: #f5f7f7;
    --textSelection: #4b5462;
    color-scheme: dark
}

@media (prefers-color-scheme: dark) {
    .jbg.schemable.theme-device[data-v-40ec1b21] {
        --accent: #4254f4;
        --alert: #ce4949;
        --shadows: rgb(4, 9, 14, .5);
        --backgroundPrimary: #0a1420;
        --backgroundSecondary: #0d1c2b;
        --inputPrimary: #1f2937;
        --inputSecondary: #353f4d;
        --textPrimary: #f5f7f7;
        --textSecondary: #8c939c;
        --textButton: #f5f7f7;
        --textSelection: #4b5462;
        color-scheme: dark
    }
}

.jbg[data-v-40ec1b21] {
    --accent: #4254f4;
    --alert: #cf2929;
    --shadows: rgba(128, 128, 128, .4);
    --backgroundPrimary: #fff;
    --backgroundSecondary: #e0e0e0;
    --inputPrimary: #e0e0e0;
    --inputSecondary: #e0e0e0;
    --textPrimary: #333333;
    --textSecondary: #505050;
    --textButton: #f5f7f7;
    --textSelection: #b9b9b9;
    background: var(--backgroundPrimary);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: var(--textPrimary)
}

.jbg a[data-v-40ec1b21] {
    color: var(--accent);
    text-decoration: none
}

.jbg h1[data-v-40ec1b21] {
    font-size: 2em
}

.jbg button[data-v-40ec1b21] {
    cursor: pointer;
    height: 48px;
    width: calc(100% - 50px);
    margin: 10px 25px 15px;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    background-color: var(--accent);
    color: var(--textButton);
    line-height: 1.5;
    text-transform: uppercase;
    box-shadow: 0 5px 0 0 var(--shadows);
    transition: color .5s, background-position .5s, box-shadow .5s
}

.jbg button .loading[data-v-40ec1b21],
.jbg button.connecting span[data-v-40ec1b21] {
    display: none
}

.jbg button.connecting .loading[data-v-40ec1b21] {
    display: block
}

.jbg button.cancel[data-v-40ec1b21] {
    background-color: #333;
    box-shadow: 0 5px 0 0 var(--shadows)
}

.jbg button[data-v-40ec1b21]:disabled {
    background: var(--inputPrimary);
    color: var(--textPrimary);
    box-shadow: 0 0 0 0 var(--shadows)
}

.jbg form[data-v-40ec1b21] {
    margin: 0 auto 5px;
    padding: 70px 15px 0
}

.jbg form.signup[data-v-40ec1b21] {
    margin: 0;
    padding: 0
}

.jbg label[data-v-40ec1b21] {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 12px;
    color: var(--textPrimary);
    font-size: 17px
}

.jbg input[data-v-40ec1b21],
.jbg textarea[data-v-40ec1b21],
.jbg select[data-v-40ec1b21] {
    width: 100%;
    height: 34px;
    margin-bottom: 15px;
    padding: 21px 12px 19px;
    background-color: var(--inputPrimary);
    border: 1px solid var(--inputSecondary);
    border-radius: 12px;
    color: var(--textPrimary);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.jbg input[data-v-40ec1b21]::placeholder,
.jbg textarea[data-v-40ec1b21]::placeholder,
.jbg select[data-v-40ec1b21]::placeholder {
    color: var(--textSecondary)
}

.jbg input[data-v-40ec1b21]:disabled,
.jbg textarea[data-v-40ec1b21]:disabled,
.jbg select[data-v-40ec1b21]:disabled {
    background: var(--inputPrimary);
    color: var(--textSecondary);
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.jbg input[data-v-40ec1b21]::selection,
.jbg textarea[data-v-40ec1b21]::selection,
.jbg select[data-v-40ec1b21]::selection {
    background: var(--textSelection)
}

.jbg textarea[data-v-40ec1b21] {
    height: auto;
    padding: 12px;
    font-size: 14px
}

.jbg .select[data-v-40ec1b21] {
    position: relative
}

.jbg .select.disabled[data-v-40ec1b21]:after {
    display: none
}

.jbg .select[data-v-40ec1b21]:after {
    content: "▼";
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 12px
}

.jbg select[data-v-40ec1b21] {
    cursor: inherit;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    padding: 11px 12px 9px;
    -webkit-appearance: none
}

.jbg .loading[data-v-40ec1b21],
.jbg .loading[data-v-40ec1b21]:before,
.jbg .loading[data-v-40ec1b21]:after {
    width: 12px;
    height: 12px;
    border: 2px solid #0e167d;
    border-radius: 50%;
    background: #4254f4;
    animation-fill-mode: both;
    animation: loading-40ec1b21 1.5s infinite ease-in-out
}

.jbg .loading[data-v-40ec1b21] {
    position: relative;
    margin: 18px auto;
    animation-delay: -.25s
}

.jbg .loading[data-v-40ec1b21]:before,
.jbg .loading[data-v-40ec1b21]:after {
    content: "";
    position: absolute;
    top: -2px
}

.jbg .loading[data-v-40ec1b21]:before {
    left: -22px;
    animation-delay: -.5s
}

.jbg .loading[data-v-40ec1b21]:after {
    left: 18px
}

.jbg .disabled.loading[data-v-40ec1b21],
.jbg .disabled.loading[data-v-40ec1b21]:before,
.jbg .disabled.loading[data-v-40ec1b21]:after {
    border: 2px solid var(--textSecondary);
    background: var(--backgroundSecondary);
    animation-name: loading-disabled-40ec1b21
}

@keyframes loading-40ec1b21 {

    0%,
    20%,
    80%,
    to {
        background-color: #0e167d
    }

    50% {
        background-color: #4254f4
    }
}

@keyframes loading-disabled-40ec1b21 {

    0%,
    20%,
    80%,
    to {
        background-color: var(--backgroundSecondary)
    }

    50% {
        background-color: var(--textSecondary)
    }
}

.constrain[data-v-40ec1b21] {
    min-height: auto;
    padding: 0 15px
}

.top-items[data-v-40ec1b21] {
    margin: 15px auto 10px;
    max-width: 375px
}

.top-items h3[data-v-40ec1b21] {
    display: inline-block;
    font-size: 14px;
    text-align: left;
    color: #fff
}

.top-items .manage[data-v-40ec1b21] {
    float: right;
    width: auto;
    height: auto;
    padding: 3px 10px 2px;
    margin: 0;
    background: #0e167d;
    font-size: 12px;
    box-shadow: none
}

.empty[data-v-40ec1b21] {
    color: #fff;
    margin: 30px 0;
    text-align: center;
    font-size: 16px
}

.data[data-v-40ec1b21] {
    margin: 25px 0 10px;
    padding-top: 15px;
    border-top: 1px solid #0e167d;
    text-align: center
}

.data button[data-v-40ec1b21] {
    background: #0e167d;
    box-shadow: none;
    height: auto;
    padding: 10px;
    margin: 0 0 10px;
    font-size: 14px
}

.list-transition-enter-active[data-v-40ec1b21],
.list-transition-leave-active[data-v-40ec1b21] {
    transition: opacity .25s
}

.list-transition-enter[data-v-40ec1b21],
.list-transition-leave-to[data-v-40ec1b21] {
    opacity: 0
}

.jbg.schemable.theme-dark[data-v-c7a91389] {
    --accent: #4254f4;
    --alert: #ce4949;
    --shadows: rgb(4, 9, 14, .5);
    --backgroundPrimary: #0a1420;
    --backgroundSecondary: #0d1c2b;
    --inputPrimary: #1f2937;
    --inputSecondary: #353f4d;
    --textPrimary: #f5f7f7;
    --textSecondary: #8c939c;
    --textButton: #f5f7f7;
    --textSelection: #4b5462;
    color-scheme: dark
}

@media (prefers-color-scheme: dark) {
    .jbg.schemable.theme-device[data-v-c7a91389] {
        --accent: #4254f4;
        --alert: #ce4949;
        --shadows: rgb(4, 9, 14, .5);
        --backgroundPrimary: #0a1420;
        --backgroundSecondary: #0d1c2b;
        --inputPrimary: #1f2937;
        --inputSecondary: #353f4d;
        --textPrimary: #f5f7f7;
        --textSecondary: #8c939c;
        --textButton: #f5f7f7;
        --textSelection: #4b5462;
        color-scheme: dark
    }
}

.jbg[data-v-c7a91389] {
    --accent: #4254f4;
    --alert: #cf2929;
    --shadows: rgba(128, 128, 128, .4);
    --backgroundPrimary: #fff;
    --backgroundSecondary: #e0e0e0;
    --inputPrimary: #e0e0e0;
    --inputSecondary: #e0e0e0;
    --textPrimary: #333333;
    --textSecondary: #505050;
    --textButton: #f5f7f7;
    --textSelection: #b9b9b9;
    background: var(--backgroundPrimary);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: var(--textPrimary)
}

.jbg a[data-v-c7a91389] {
    color: var(--accent);
    text-decoration: none
}

.jbg h1[data-v-c7a91389] {
    font-size: 2em
}

.jbg button[data-v-c7a91389] {
    cursor: pointer;
    height: 48px;
    width: calc(100% - 50px);
    margin: 10px 25px 15px;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    background-color: var(--accent);
    color: var(--textButton);
    line-height: 1.5;
    text-transform: uppercase;
    box-shadow: 0 5px 0 0 var(--shadows);
    transition: color .5s, background-position .5s, box-shadow .5s
}

.jbg button .loading[data-v-c7a91389],
.jbg button.connecting span[data-v-c7a91389] {
    display: none
}

.jbg button.connecting .loading[data-v-c7a91389] {
    display: block
}

.jbg button.cancel[data-v-c7a91389] {
    background-color: #333;
    box-shadow: 0 5px 0 0 var(--shadows)
}

.jbg button[data-v-c7a91389]:disabled {
    background: var(--inputPrimary);
    color: var(--textPrimary);
    box-shadow: 0 0 0 0 var(--shadows)
}

.jbg form[data-v-c7a91389] {
    margin: 0 auto 5px;
    padding: 70px 15px 0
}

.jbg form.signup[data-v-c7a91389] {
    margin: 0;
    padding: 0
}

.jbg label[data-v-c7a91389] {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 12px;
    color: var(--textPrimary);
    font-size: 17px
}

.jbg input[data-v-c7a91389],
.jbg textarea[data-v-c7a91389],
.jbg select[data-v-c7a91389] {
    width: 100%;
    height: 34px;
    margin-bottom: 15px;
    padding: 21px 12px 19px;
    background-color: var(--inputPrimary);
    border: 1px solid var(--inputSecondary);
    border-radius: 12px;
    color: var(--textPrimary);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.jbg input[data-v-c7a91389]::placeholder,
.jbg textarea[data-v-c7a91389]::placeholder,
.jbg select[data-v-c7a91389]::placeholder {
    color: var(--textSecondary)
}

.jbg input[data-v-c7a91389]:disabled,
.jbg textarea[data-v-c7a91389]:disabled,
.jbg select[data-v-c7a91389]:disabled {
    background: var(--inputPrimary);
    color: var(--textSecondary);
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.jbg input[data-v-c7a91389]::selection,
.jbg textarea[data-v-c7a91389]::selection,
.jbg select[data-v-c7a91389]::selection {
    background: var(--textSelection)
}

.jbg textarea[data-v-c7a91389] {
    height: auto;
    padding: 12px;
    font-size: 14px
}

.jbg .select[data-v-c7a91389] {
    position: relative
}

.jbg .select.disabled[data-v-c7a91389]:after {
    display: none
}

.jbg .select[data-v-c7a91389]:after {
    content: "▼";
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 12px
}

.jbg select[data-v-c7a91389] {
    cursor: inherit;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    padding: 11px 12px 9px;
    -webkit-appearance: none
}

.jbg .loading[data-v-c7a91389],
.jbg .loading[data-v-c7a91389]:before,
.jbg .loading[data-v-c7a91389]:after {
    width: 12px;
    height: 12px;
    border: 2px solid #0e167d;
    border-radius: 50%;
    background: #4254f4;
    animation-fill-mode: both;
    animation: loading-c7a91389 1.5s infinite ease-in-out
}

.jbg .loading[data-v-c7a91389] {
    position: relative;
    margin: 18px auto;
    animation-delay: -.25s
}

.jbg .loading[data-v-c7a91389]:before,
.jbg .loading[data-v-c7a91389]:after {
    content: "";
    position: absolute;
    top: -2px
}

.jbg .loading[data-v-c7a91389]:before {
    left: -22px;
    animation-delay: -.5s
}

.jbg .loading[data-v-c7a91389]:after {
    left: 18px
}

.jbg .disabled.loading[data-v-c7a91389],
.jbg .disabled.loading[data-v-c7a91389]:before,
.jbg .disabled.loading[data-v-c7a91389]:after {
    border: 2px solid var(--textSecondary);
    background: var(--backgroundSecondary);
    animation-name: loading-disabled-c7a91389
}

@keyframes loading-c7a91389 {

    0%,
    20%,
    80%,
    to {
        background-color: #0e167d
    }

    50% {
        background-color: #4254f4
    }
}

@keyframes loading-disabled-c7a91389 {

    0%,
    20%,
    80%,
    to {
        background-color: var(--backgroundSecondary)
    }

    50% {
        background-color: var(--textSecondary)
    }
}

.top-bar[data-v-c7a91389] {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background: #4254f4;
    z-index: 100
}

.top-bar.open[data-v-c7a91389] {
    height: 100%
}

.header[data-v-c7a91389] {
    display: flex;
    top: 0;
    gap: 10px;
    height: 50px;
    min-height: auto;
    padding: 0 15px;
    color: #fff;
    -webkit-user-select: none;
    user-select: none
}

.accessory[data-v-c7a91389] {
    display: flex;
    align-items: center;
    min-width: 25px
}

.accessory .indicator[data-v-c7a91389] {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 7px;
    left: 25px;
    background-color: #cf2929;
    border: 3px solid #4254f4;
    border-radius: 50%;
    z-index: 1
}

.center[data-v-c7a91389] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center
}

.jbg button.hamburger-icon[data-v-c7a91389] {
    height: 20px;
    width: 24px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    background-image: url(d164b899.png);
    background-size: 576px 20px;
    background-position: 0 0;
    background-repeat: no-repeat;
    box-shadow: none;
    transition: background-position .45s steps(23)
}

.jbg .open button.hamburger-icon[data-v-c7a91389] {
    background-position: -552px 0
}

.logo[data-v-c7a91389] {
    flex-grow: 1;
    height: 28px;
    background-image:url("a83f2620.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.graphic[data-v-c7a91389] {
    flex-grow: 1;
    height: 50px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.graphic-pax[data-v-c7a91389] {
    gap: 10px
}

.graphic-pax .logo[data-v-c7a91389] {
    flex-grow: 52;
    max-width: 148px;
    background-position: right center
}

.graphic-pax .graphic[data-v-c7a91389] {
    flex-grow: 48;
    max-width: 120px;
    background-size: cover;
    background-position: left center;
    background-image: url(zvXNTHSO.svg)
}

.twitch-avatar[data-v-c7a91389] {
    position: relative;
    width: 30px;
    height: 30px;
    background-size: cover
}

.twitch-avatar[data-v-c7a91389]:after {
    content: "";
    position: absolute;
    top: -3px;
    left: -4px;
    width: 35px;
    height: 40px;
    background-image: url(f0733b4e.png);
    background-size: cover
}

.open-container[data-v-c7a91389] {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: calc(100% - 50px);
    padding: 0 15px;
    background-color: #3241ce;
    overflow-y: auto;
    z-index: 99;
    transition: height .45s
}

.screen[data-v-c7a91389] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

[data-v-c7a91389] .indicator {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    left: 16px;
    background-color: #cf2929;
    border: 3px solid #4254f4;
    border-radius: 50%;
    z-index: 1
}

.jbg.schemable.theme-dark[data-v-49914cb3] {
    --accent: #4254f4;
    --alert: #ce4949;
    --shadows: rgb(4, 9, 14, .5);
    --backgroundPrimary: #0a1420;
    --backgroundSecondary: #0d1c2b;
    --inputPrimary: #1f2937;
    --inputSecondary: #353f4d;
    --textPrimary: #f5f7f7;
    --textSecondary: #8c939c;
    --textButton: #f5f7f7;
    --textSelection: #4b5462;
    color-scheme: dark
}

@media (prefers-color-scheme: dark) {
    .jbg.schemable.theme-device[data-v-49914cb3] {
        --accent: #4254f4;
        --alert: #ce4949;
        --shadows: rgb(4, 9, 14, .5);
        --backgroundPrimary: #0a1420;
        --backgroundSecondary: #0d1c2b;
        --inputPrimary: #1f2937;
        --inputSecondary: #353f4d;
        --textPrimary: #f5f7f7;
        --textSecondary: #8c939c;
        --textButton: #f5f7f7;
        --textSelection: #4b5462;
        color-scheme: dark
    }
}

.jbg[data-v-49914cb3] {
    --accent: #4254f4;
    --alert: #cf2929;
    --shadows: rgba(128, 128, 128, .4);
    --backgroundPrimary: #fff;
    --backgroundSecondary: #e0e0e0;
    --inputPrimary: #e0e0e0;
    --inputSecondary: #e0e0e0;
    --textPrimary: #333333;
    --textSecondary: #505050;
    --textButton: #f5f7f7;
    --textSelection: #b9b9b9;
    background: var(--backgroundPrimary);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: var(--textPrimary)
}

.jbg a[data-v-49914cb3] {
    color: var(--accent);
    text-decoration: none
}

.jbg h1[data-v-49914cb3] {
    font-size: 2em
}

.jbg button[data-v-49914cb3] {
    cursor: pointer;
    height: 48px;
    width: calc(100% - 50px);
    margin: 10px 25px 15px;
    border: none;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    background-color: var(--accent);
    color: var(--textButton);
    line-height: 1.5;
    text-transform: uppercase;
    box-shadow: 0 5px 0 0 var(--shadows);
    transition: color .5s, background-position .5s, box-shadow .5s
}

.jbg button .loading[data-v-49914cb3],
.jbg button.connecting span[data-v-49914cb3] {
    display: none
}

.jbg button.connecting .loading[data-v-49914cb3] {
    display: block
}

.jbg button.cancel[data-v-49914cb3] {
    background-color: #333;
    box-shadow: 0 5px 0 0 var(--shadows)
}

.jbg button[data-v-49914cb3]:disabled {
    background: var(--inputPrimary);
    color: var(--textPrimary);
    box-shadow: 0 0 0 0 var(--shadows)
}

.jbg form[data-v-49914cb3] {
    margin: 0 auto 5px;
    padding: 70px 15px 0
}

.jbg form.signup[data-v-49914cb3] {
    margin: 0;
    padding: 0
}

.jbg label[data-v-49914cb3] {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding: 0 12px;
    color: var(--textPrimary);
    font-size: 17px
}

.jbg input[data-v-49914cb3],
.jbg textarea[data-v-49914cb3],
.jbg select[data-v-49914cb3] {
    width: 100%;
    height: 34px;
    margin-bottom: 15px;
    padding: 21px 12px 19px;
    background-color: var(--inputPrimary);
    border: 1px solid var(--inputSecondary);
    border-radius: 12px;
    color: var(--textPrimary);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.jbg input[data-v-49914cb3]::placeholder,
.jbg textarea[data-v-49914cb3]::placeholder,
.jbg select[data-v-49914cb3]::placeholder {
    color: var(--textSecondary)
}

.jbg input[data-v-49914cb3]:disabled,
.jbg textarea[data-v-49914cb3]:disabled,
.jbg select[data-v-49914cb3]:disabled {
    background: var(--inputPrimary);
    color: var(--textSecondary);
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none
}

.jbg input[data-v-49914cb3]::selection,
.jbg textarea[data-v-49914cb3]::selection,
.jbg select[data-v-49914cb3]::selection {
    background: var(--textSelection)
}

.jbg textarea[data-v-49914cb3] {
    height: auto;
    padding: 12px;
    font-size: 14px
}

.jbg .select[data-v-49914cb3] {
    position: relative
}

.jbg .select.disabled[data-v-49914cb3]:after {
    display: none
}

.jbg .select[data-v-49914cb3]:after {
    content: "▼";
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 12px
}

.jbg select[data-v-49914cb3] {
    cursor: inherit;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    padding: 11px 12px 9px;
    -webkit-appearance: none
}

.jbg .loading[data-v-49914cb3],
.jbg .loading[data-v-49914cb3]:before,
.jbg .loading[data-v-49914cb3]:after {
    width: 12px;
    height: 12px;
    border: 2px solid #0e167d;
    border-radius: 50%;
    background: #4254f4;
    animation-fill-mode: both;
    animation: loading-49914cb3 1.5s infinite ease-in-out
}

.jbg .loading[data-v-49914cb3] {
    position: relative;
    margin: 18px auto;
    animation-delay: -.25s
}

.jbg .loading[data-v-49914cb3]:before,
.jbg .loading[data-v-49914cb3]:after {
    content: "";
    position: absolute;
    top: -2px
}

.jbg .loading[data-v-49914cb3]:before {
    left: -22px;
    animation-delay: -.5s
}

.jbg .loading[data-v-49914cb3]:after {
    left: 18px
}

.jbg .disabled.loading[data-v-49914cb3],
.jbg .disabled.loading[data-v-49914cb3]:before,
.jbg .disabled.loading[data-v-49914cb3]:after {
    border: 2px solid var(--textSecondary);
    background: var(--backgroundSecondary);
    animation-name: loading-disabled-49914cb3
}

@keyframes loading-49914cb3 {

    0%,
    20%,
    80%,
    to {
        background-color: #0e167d
    }

    50% {
        background-color: #4254f4
    }
}

@keyframes loading-disabled-49914cb3 {

    0%,
    20%,
    80%,
    to {
        background-color: var(--backgroundSecondary)
    }

    50% {
        background-color: var(--textSecondary)
    }
}

.jbg.sign-in[data-v-49914cb3] {
    height: 100%;
    overflow-y: auto
}

.jbg.sign-in.has-recent[data-v-49914cb3] {
    background: var(--backgroundSecondary)
}

.form[data-v-49914cb3] {
    background: var(--backgroundPrimary);
    padding-bottom: 30px
}

.form select[data-v-49914cb3] {
    text-transform: none
}

label .status[data-v-49914cb3] {
    float: right;
    font-size: 14px;
    font-weight: 400;
    font-style: italic
}

label .remaining[data-v-49914cb3] {
    float: right
}

.warnings[data-v-49914cb3] {
    padding: 0 10px 15px
}

.warnings p[data-v-49914cb3] {
    font-size: 11px;
    text-align: center
}

a.bottom-logo[data-v-49914cb3] {
    cursor: pointer;
    display: block;
    width: 50%;
    height: 50px;
    max-width: 320px;
    margin: 20px auto;
    color: transparent;
    background-image: url(CjA9K9UN.svg);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat
}

*,
*:before,
*:after {
    box-sizing: border-box
}

:root {
    font-size: 62.5%
}

html,
body {
    width: 100%;
    width: 100vw;
    height: 100%;
    height: 100vh;
    overflow: hidden
}

#app {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.constrain {
    position: relative;
    width: 100%;
    min-height: 100%;
    min-width: 320px;
    max-width: 450px;
    margin: 0 auto
}