.age-gate-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .77);
    z-index: 9999999;

    progress {
        max-width: 70%;
        width: 100%;
        height: 60px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-appearance: none;
        appearance: none;

        &::-webkit-progress-bar {
            background-color: #eee;
            border-radius: 2px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
        }

        &::-webkit-progress-value {
            background-color: #1d8399;
            position: relative;
            transition: all 0.2s;

        }

        &::before,
        &::after {
            position: absolute;
            bottom: 101%;
            color: white;
        }

        &::before {
            content: "0%";
            left: 0;
        }

        &::after {
            content: "100%";
            right: 0;
        }

    }
}
