.joined-container {
    border-color: #333;
    color: #333;
    opacity: .5
}

@media (min-width: 640px) {
    .phone-input-text {
        opacity: 1;
        transition: all .2s ease-in
    }

    .phone-input .join-wait-list-modal:hover .phone-input-text {
        color: #fff;
        transform: translate(-2%)
    }

    .phone-input-arrow {
        transition: all .2s ease-in
    }

    .phone-input .join-wait-list-modal:hover .phone-input-arrow {
        color: #fff;
        opacity: 1;
        transform: translate(50%)
    }

    .phone-input .join-wait-list-modal {
        opacity: 1;
        transition: all .2s ease-in
    }

    .phone-input .join-wait-list-modal:hover {
        background-color: #333;
        color: #fff
    }
}

#dropdown-phone-button:focus {
    border-color: #ff6d6d
}

#drawer-phone input:focus, #phone-input:focus {
    border-color: #ff6d6d;
    box-shadow: 0 1px 2px #0000000d
}

.landing-container {
    color: #333;
    height: 100vh;
    width: 100vw
}

.bg-container {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.bg-container video {
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto
}

.landing-navbar-item {
    border-bottom-color: #0000001a;
    border-bottom-width: 1px;
    width: 100vw
}

.display-none {
    display: none
}

@keyframes fadeIn-796d2af9 {
    to {
        opacity: 1
    }
}

@keyframes typing-796d2af9 {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes blink-caret-796d2af9 {
    0%, to {
        border-color: transparent
    }
    50% {
        border-color: #000
    }
}

.landing-heading h1 {
    opacity: 0
}

.landing-heading h3 {
    opacity: 0;
    padding: 0
}

.phone-input-container {
    opacity: 0
}

.love-highlight {
    background: linear-gradient(90deg, #ff6d6d, #ff6b6b00);
    opacity: 0;
    z-index: -1
}

.landing-heading h3 {
    animation: fadeIn-796d2af9 .5s forwards;
    animation-delay: .5s
}

.phone-input-container {
    animation: fadeIn-796d2af9 .5s forwards;
    animation-delay: .8s
}

.love-highlight {
    animation: fadeIn-796d2af9 .5s forwards;
    animation-delay: 1s
}

.landing-heading h1 {
    animation: fadeIn-796d2af9 .5s forwards;
    animation-delay: .3s
}