@media(min-width:1924px) {
    html.large-screen-ready {
        font-size: 88%
    }
}

@media only screen and (min-width:1924px) {

    .hero-bottom.hero-bottom--decorative,
    .hero-bottom.hero-top--decorative {
        background: radial-gradient(circle, rgba(248, 3, 253, .23) 0, hsla(0, 0%, 100%, 0) 50rem), radial-gradient(circle, rgba(80, 33, 255, .232) 0, hsla(0, 0%, 100%, 0) 50rem);
        background-position-x: -69rem, 62rem;
        background-position-y: 0, -40rem;
        background-repeat: no-repeat
    }

    .hero-bottom.hero-bottom--decorative.decorative--features,
    .hero-bottom.hero-top--decorative.decorative--features {
        background: radial-gradient(circle, rgba(239, 141, 75, .23) 0, hsla(0, 0%, 100%, 0) 50rem), radial-gradient(circle, rgba(80, 33, 255, .232) 0, hsla(0, 0%, 100%, 0) 50rem);
        background-position-x: -69rem, 62rem;
        background-position-y: 0, -40rem;
        background-repeat: no-repeat
    }

    .hero-bottom.hero-bottom--decorative.decorative--browsers,
    .hero-bottom.hero-bottom--decorative.decorative--browsers-opera,
    .hero-bottom.hero-top--decorative.decorative--browsers,
    .hero-bottom.hero-top--decorative.decorative--browsers-opera {
        background: radial-gradient(circle, rgba(255, 105, 15, .23) 0, hsla(0, 0%, 100%, 0) 50rem), radial-gradient(circle, rgba(87, 41, 255, .232) 0, hsla(0, 0%, 100%, 0) 50rem);
        background-position-x: -69rem, 62rem;
        background-position-y: 0, -40rem;
        background-repeat: no-repeat
    }

    .hero-bottom.hero-bottom--decorative,
    .hero-bottom.hero-bottom--decorative.decorative--browsers,
    .hero-bottom.hero-bottom--decorative.decorative--browsers-opera,
    .hero-bottom.hero-bottom--decorative.decorative--features {
        background-position-y: 0, 0
    }

    .hero-top.hero-bottom--decorative,
    .hero-top.hero-top--decorative {
        background: radial-gradient(circle, rgba(248, 3, 253, .23) 0, hsla(0, 0%, 100%, 0) 50rem), radial-gradient(circle, rgba(80, 33, 255, .232) 0, hsla(0, 0%, 100%, 0) 50rem);
        background-position-x: -69rem, 62rem;
        background-position-y: 0, -40rem;
        background-repeat: no-repeat
    }

    .hero-top.hero-bottom--decorative.decorative--features,
    .hero-top.hero-top--decorative.decorative--features {
        background: radial-gradient(circle, rgba(239, 141, 75, .23) 0, hsla(0, 0%, 100%, 0) 50rem), radial-gradient(circle, rgba(80, 33, 255, .232) 0, hsla(0, 0%, 100%, 0) 50rem);
        background-position-x: -69rem, 62rem;
        background-position-y: 0, -40rem;
        background-repeat: no-repeat
    }

    .hero-top.hero-bottom--decorative.decorative--browsers,
    .hero-top.hero-bottom--decorative.decorative--browsers-opera,
    .hero-top.hero-top--decorative.decorative--browsers,
    .hero-top.hero-top--decorative.decorative--browsers-opera {
        background: radial-gradient(circle, rgba(255, 105, 15, .23) 0, hsla(0, 0%, 100%, 0) 50rem), radial-gradient(circle, rgba(87, 41, 255, .232) 0, hsla(0, 0%, 100%, 0) 50rem);
        background-position-x: -69rem, 62rem;
        background-position-y: 0, -40rem;
        background-repeat: no-repeat
    }

    .hero-top.hero-bottom--decorative,
    .hero-top.hero-bottom--decorative.decorative--browsers,
    .hero-top.hero-bottom--decorative.decorative--browsers-opera,
    .hero-top.hero-bottom--decorative.decorative--features {
        background-position-y: 0, 0
    }

    .hero-top {
        padding-top: 17rem
    }

    .hero.hero--glow {
        background: radial-gradient(circle, var(--opera-hero-glow-1-color-1) 0, var(--opera-hero-glow-1-color-2) 50rem), radial-gradient(circle, var(--opera-hero-glow-2-color-1) 0, var(--opera-hero-glow-2-color-2) 50rem);
        background-position-x: -69rem, 62rem;
        background-position-y: 0, -40rem;
        background-repeat: no-repeat
    }

    .hero {
        padding-top: 17rem
    }
}