[v-cloak] {
    display: none !important
}

.download-instructions {
    max-width: 450px;
    margin: 0 auto
}

.download-instructions h1 {
    font-weight: 400;
    font-size: 24px;
    line-height: 24px
}

.download-instructions h2 {
    color: #4285f4;
    font-size: 16px
}

.download-instructions__cta {
    margin-bottom: 10px;
    padding: 6px;
    color: #fff;
    background: #4285f4
}

.download-instructions__list {
    padding: 0;
    list-style: none
}

.download-instructions__buttons {
    margin-top: 10px
}

.download-instructions__countdown {
    margin-top: 10px;
    color: red
}

.download-instructions__footer {
    margin-top: 0;
    color: #999
}

.google-play {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.google-play__button {
    margin: 1rem 0 0;
    display: inline-block;
    max-width: 150px
}

.google-play__subline {
    text-align: center;
    font-size: 11px;
    opacity: .6;
    margin: 0 0 .5rem
}

:root {
    --color-primary: #1fb53a
}

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

html {
    min-height: 100%
}

body {
    height: 100%;
    margin: 0;
    color: #2f3640;
    font-family: Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;
    color: #fff;
    text-align: center;
    background-color: #050505;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

img,
picture {
    display: block;
    max-width: 100%
}

h1 {
    margin: 0;
    line-height: 1.2;
    font-size: 2.5em
}

.app {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.container {
    max-width: 500px;
    margin: 0 auto;
    padding: 0 2rem;
    z-index: 1
}

.flag {
    position: relative;
    height: 200px;
    max-width: 200px;
    margin: 3rem auto
}

.flag img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 50px
}

.ebony-bounce {
    max-width: 250px;
    margin: 3rem auto
}

.header {
    margin-bottom: 2.5rem
}

.flow>*+* {
    margin-top: 1rem
}

.btn-group {
    display: flex;
    gap: 2rem
}

.btn {
    display: block;
    width: 100%;
    padding: 1rem 2rem;
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    background: var(--button-bg, var(--color-primary));
    color: var(--button-color, #fff);
    border: 1px solid var(--button-border-color, #fff);
    border-radius: .5rem;
    cursor: pointer
}

.btn:hover,
.btn:focus {
    color: var(--button-hover-color, var(--button-color));
    background: var(--button-hover-bg, var(--color-primary))
}

.btn--ghost {
    --button-bg: none;
    --button-hover-bg: rgba(255, 255, 255, .25)
}

.special-offer {
    max-width: 200px;
    margin: 2rem auto 0
}

.countdown {
    display: block;
    margin-top: 2.5rem;
    padding: 1.5rem;
    font-size: 2em;
    background: #c60034
}

.invisible {
    visibility: hidden
}

.animation-glowing {
    animation: glowing .75s infinite
}

@keyframes glowing {
    0% {
        box-shadow: 0 0 3px var(--color-primary)
    }
    50% {
        box-shadow: 0 0 40px var(--color-primary)
    }
    to {
        box-shadow: 0 0 3px var(--color-primary)
    }
}

.theme--default {
    background-image: url(img/dark-marble.jpg)
}

.theme--sweepstake,
.theme--offer {
    background-image: url(img/money.jpg)
}

.theme--adult {
    background-image: url(img/ethnicities/caucasian.jpg)
}

.theme--adult-2 {
    --color-primary: #f97352;
    background-image: url(img/girls-kissing.gif);
    background-position: 50% 0
}

.theme--adult-ebony {
    background-image: url(img/ebony.jpg)
}

.theme--adult:after,
.theme--adult-2:after,
.theme--adult-ebony:after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #0003
}