@-webkit-keyframes bounceDown {
    0% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(7px)
    }

    to {
        transform: translateY(0)
    }
}

@-moz-keyframes bounceDown {
    0% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(7px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes bounceDown {
    0% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(7px)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceDownScale2x {
    0% {
        transform: translateY(0) scale(2)
    }

    40% {
        transform: translateY(7px) scale(2)
    }

    to {
        transform: translateY(0) scale(2)
    }
}

@-moz-keyframes bounceDownScale2x {
    0% {
        transform: translateY(0) scale(2)
    }

    40% {
        transform: translateY(7px) scale(2)
    }

    to {
        transform: translateY(0) scale(2)
    }
}

@keyframes bounceDownScale2x {
    0% {
        transform: translateY(0) scale(2)
    }

    40% {
        transform: translateY(7px) scale(2)
    }

    to {
        transform: translateY(0) scale(2)
    }
}

@-webkit-keyframes typewriter {
    0% {
        animation-timing-function: steps(2);
        width: 0
    }

    5% {
        width: 2.5em
    }

    15% {
        animation-timing-function: steps(11);
        width: 2.5em
    }

    20% {
        width: 12.7em
    }

    to {
        width: 12.7em
    }
}

@-moz-keyframes typewriter {
    0% {
        animation-timing-function: steps(2);
        width: 0
    }

    5% {
        width: 2.5em
    }

    15% {
        animation-timing-function: steps(11);
        width: 2.5em
    }

    20% {
        width: 12.7em
    }

    to {
        width: 12.7em
    }
}

@keyframes typewriter {
    0% {
        animation-timing-function: steps(2);
        width: 0
    }

    5% {
        width: 2.5em
    }

    15% {
        animation-timing-function: steps(11);
        width: 2.5em
    }

    20% {
        width: 12.7em
    }

    to {
        width: 12.7em
    }
}

@-webkit-keyframes heartbeat {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    10% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.91);
        transform: scale(.91)
    }

    17% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }

    33% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.87);
        transform: scale(.87)
    }

    45% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes heartbeat {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    10% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.91);
        transform: scale(.91)
    }

    17% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }

    33% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.87);
        transform: scale(.87)
    }

    45% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartbeat {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    10% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.91);
        transform: scale(.91)
    }

    17% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(.98);
        transform: scale(.98)
    }

    33% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.87);
        transform: scale(.87)
    }

    45% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.fade-in-right {
    -webkit-animation: fade-in-right .6s cubic-bezier(.39, .575, .565, 1) both;
    animation: fade-in-right .6s cubic-bezier(.39, .575, .565, 1) both
}

@-webkit-keyframes fade-in-right {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@-moz-keyframes fade-in-right {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fade-in-right {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.fade-out-right {
    animation: fade-out-right .7s cubic-bezier(.25, .46, .45, .94) both
}

@-webkit-keyframes scale-in-center {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes scale-in-center {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale-in-center {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.scale-in-center {
    -webkit-animation: scale-in-center .5s cubic-bezier(.25, .46, .45, .94) both;
    -moz-animation: scale-in-center .5s cubic-bezier(.25, .46, .45, .94) both;
    -o-animation: scale-in-center .5s cubic-bezier(.25, .46, .45, .94) both;
    animation: scale-in-center .5s cubic-bezier(.25, .46, .45, .94) both
}

@-webkit-keyframes fade-out-right {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(50px)
    }
}

@-moz-keyframes fade-out-right {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(50px)
    }
}

@keyframes fade-out-right {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(50px)
    }
}

@-webkit-keyframes fade-out-tile {

    0%,
    to {
        flex-basis: 0;
        opacity: 0;
        padding-left: 0;
        padding-right: 0;
        visibility: hidden
    }
}

@-moz-keyframes fade-out-tile {

    0%,
    to {
        flex-basis: 0;
        opacity: 0;
        padding-left: 0;
        padding-right: 0;
        visibility: hidden
    }
}

@keyframes fade-out-tile {

    0%,
    to {
        flex-basis: 0;
        opacity: 0;
        padding-left: 0;
        padding-right: 0;
        visibility: hidden
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

img {
    max-width: 100%
}

img+h1 {
    margin-top: .46em
}

.lazy-resolved img {
    height: auto
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    scroll-padding-top: 6.5rem
}

body,
html {
    height: 100%;
    margin: 0;
    padding: 0
}

body {
    background-color: #fff;
    color: #000;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 400;
    height: auto;
    min-height: 100%;
    overflow-x: hidden
}

:focus {
    outline: 0
}

main {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    flex: 1 0 auto;
    font-family: Averta, Arial, sans-serif;
    letter-spacing: .02em;
    line-height: 1.5;
    width: 100%
}

main,
main article,
main aside,
main details,
main figcaption,
main figure,
main footer,
main header,
main hgroup,
main nav,
main section {
    display: block
}

hr {
    background: #ebebeb;
    border: 0;
    height: .1rem
}

hr.thick {
    background: #fafafa;
    height: 1.5rem
}

hr.theme-color {
    background: var(--opera-border-color)
}

hr.steel {
    background: #d0dbe3
}

hr.black-15 {
    background: rgba(0, 0, 0, .15)
}

hr.blue-8 {
    background: #4c90ff
}

hr.medium-purple {
    background: #9989ea
}

kbd {
    background-color: #c8c8c8;
    border-radius: .3rem;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    padding: .2rem .5rem
}

ul {
    list-style-position: outside;
    margin: 0;
    padding-left: 1.2em
}

.flex {
    display: -ms-flexbox;
    display: -webkit-flex
}

.flex-direction--column {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-direction--row {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.justify-content--center {
    justify-content: center
}

.justify-content--right {
    justify-content: right
}

.justify-content--left {
    justify-content: left
}

.justify-content--between {
    justify-content: space-between
}

.justify-content--evenly {
    justify-content: space-evenly
}

.align-items--center {
    align-items: center
}

.align-items--start {
    align-items: start
}

.align-items--end {
    align-items: end
}

.block-img-txt {
    padding-bottom: 6.4rem;
    padding-top: 6.4rem
}

.block-img-txt .featured-img {
    margin-bottom: 4rem
}

.block-img-txt .featured-img img {
    -webkit-border-radius: 25em;
    -moz-border-radius: 25em;
    border-radius: 25em;
    display: inline-block
}

.block-img-txt h2,
.block-img-txt h3 {
    margin: 3.2rem 0
}

.block-img-txt p {
    font-size: 1.6rem;
    margin-bottom: 3.2rem
}

.block {
    display: block
}

.block--frame {
    border-style: solid;
    border-width: 1rem;
    color: #fff
}

.block--frame--blue {
    background-color: #004196;
    border-color: #00357a
}

.block--frame--coral {
    background-color: #ff9c8c;
    border-color: #ff8370
}

.block--frame--green {
    background-color: #88c39c;
    border-color: #6ab482
}

.block--frame--light-blue {
    background-color: #a1d9ff;
    border-color: #85ceff
}

.block--frame--pink {
    background-color: #fabbcb;
    border-color: #fb637e
}

.block--frame--pink--bg-fix {
    background-color: #f7bbd3;
    border-color: #fb637e
}

.block--frame--red {
    background-color: #a11717;
    border-color: #a11717
}

.block--frame--purple {
    background-color: #cca7d8;
    border-color: #bd8ecd
}

.block--frame--turquoise {
    background-color: #83c6cf;
    border-color: #5db5c0
}

.block--frame--navy {
    background-color: #9fc8cd;
    border-color: #00249c
}

.block--grey-bg-50h {
    position: relative
}

.block--grey-bg-50h:after {
    background: #fafafa;
    bottom: 50%;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.block--grey-bg-70h {
    position: relative
}

.block--grey-bg-70h:after {
    background: #fafafa;
    bottom: 0;
    content: "";
    left: 2rem;
    position: absolute;
    right: 2rem;
    top: 0;
    z-index: -1
}

.block--grey-90-bg {
    background-color: #1a1a1a
}

.block--grey-bg {
    background-color: #fafafa
}

.block--white-bg {
    background-color: #fff
}

.block--bluish-bg {
    background-color: #f4f7fa
}

.block--pink-bg {
    background-color: #f78d9d
}

.block--red-bg {
    background-color: #a11717
}

.block--blue-bg {
    background-color: #00357a
}

.block--green-bg {
    background-color: #88c39c
}

.block--turquoise-bg {
    background-color: #83c6cf
}

.block--violet-bg {
    background-color: #d4c9f8
}

.block--goldgrey-bg {
    background-color: #e7edf1
}

.block--blue-light-bg {
    background-color: #92c1e9
}

.block--rose-bg {
    background-color: #f5dadf
}

.block--pink-light-bg {
    background-color: #fabbcb
}

.block--green-light-bg {
    background-color: #bde9c9
}

.block--border {
    border: .1rem solid #ebebeb
}

.block--border-bottom {
    border-bottom: .1rem solid #ebebeb
}

.block--relative {
    position: relative
}

.block--block {
    display: block
}

.block--centered {
    margin-left: auto;
    margin-right: auto
}

.block--inline-block {
    display: inline-block
}

.block--sticky {
    position: sticky;
    top: 10rem
}

.block--rounded {
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem
}

.block--rounded-more {
    -webkit-border-radius: 2.4rem;
    -moz-border-radius: 2.4rem;
    border-radius: 2.4rem
}

.block--rounded-32 {
    -webkit-border-radius: 3.2rem;
    -moz-border-radius: 3.2rem;
    border-radius: 3.2rem
}

.block--rounded-24-32 {
    -webkit-border-radius: 2.4rem;
    -moz-border-radius: 2.4rem;
    border-radius: 2.4rem
}

.block--overflow-hidden {
    overflow: hidden
}

.block--gx {
    background-color: rgba(6, 3, 13, .64);
    border: .1rem solid hsla(0, 0%, 100%, .15)
}

.block--video {
    height: auto;
    max-width: 100%
}

.block--opacity-50 {
    opacity: .5
}

.block--filter-from-black {
    filter: var(--opera-filter-from-black)
}

.invert {
    filter: invert(100%)
}

.shadowbox {
    -moz-box-shadow: 0 8px 80px -12px hsla(0, 0%, 92%, .8);
    -ms-box-shadow: 0 8px 80px -12px hsla(0, 0%, 92%, .8);
    box-shadow: 0 8px 80px -12px hsla(0, 0%, 92%, .8);
    padding: 2rem
}

.shadowbox--rounded {
    -webkit-border-radius: 2.4rem;
    -moz-border-radius: 2.4rem;
    border-radius: 2.4rem
}

.shadowbox--white-bg {
    background: #fff
}

.shadowbox--inline-block {
    display: inline-block
}

.shadowbox--more-shadow {
    -moz-box-shadow: -2.4rem 3.2rem 8.5rem -1.3rem rgba(0, 0, 0, .24);
    -ms-box-shadow: -2.4rem 3.2rem 8.5rem -1.3rem rgba(0, 0, 0, .24);
    box-shadow: -2.4rem 3.2rem 8.5rem -1.3rem rgba(0, 0, 0, .24)
}

.shadowbox--hoverable {
    cursor: pointer
}

.shadowbox--hoverable:hover {
    -moz-box-shadow: 0 .8rem 8rem -1.2rem hsla(0, 0%, 84%, .8);
    -ms-box-shadow: 0 .8rem 8rem -1.2rem hsla(0, 0%, 84%, .8);
    box-shadow: 0 .8rem 8rem -1.2rem hsla(0, 0%, 84%, .8)
}

.vertical--middle {
    vertical-align: middle
}

.vertical--top {
    vertical-align: top
}

.vertical--text-top {
    vertical-align: text-top
}

.vertical--super {
    vertical-align: super
}

.vertical--bottom {
    vertical-align: bottom
}

@media(max-width:1224px) {
    .hidden--to-xl {
        display: none !important
    }
}

@media(max-width:1024px) {
    .hidden--to-lg {
        display: none !important
    }
}

@media(max-width:768px) {
    .hidden--to-md {
        display: none !important
    }
}

@media(min-width:1025px) {
    .hidden--from-lg {
        display: none !important
    }
}

@media(min-width:1225px) {
    .hidden--from-xl {
        display: none !important
    }
}

@media(min-width:769px) {
    .hidden--from-md {
        display: none !important
    }
}

@media(max-width:640px) {
    .hidden--to-sm {
        display: none !important
    }
}

@media(min-width:641px) {
    .hidden--from-sm {
        display: none !important
    }
}

.hidden--clip {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

html:not(.dark-theme) .hidden-in-lightmode {
    display: none
}

html.dark-theme .hidden-in-darkmode {
    display: none
}

.no-shrink {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0
}

.pointer-events--none {
    pointer-events: none
}

.width-100 {
    width: 100%
}

.width-no-max {
    max-width: none
}

@media(max-width:1024px) {
    .width--full-on-mobile {
        margin-left: -2rem;
        margin-right: -2rem
    }
}

.height-100 {
    height: 100%
}

@media(max-width:1024px) {
    .x-scroll-wrapper {
        overflow-y: hidden
    }

    .x-scroll-wrapper__inner {
        min-width: 200vw
    }
}

@media(max-width:640px) {
    .x-scroll-wrapper__inner {
        box-sizing: border-box;
        min-width: 315vw
    }

    .x-scroll-wrapper__inner--half {
        min-width: 157.5vw
    }
}

.move-top-by-header-height {
    opacity: 0;
    position: relative;
    top: -6.8rem;
    z-index: -9999
}

.ma-96 {
    margin: 9.6rem
}

.my-96 {
    margin-bottom: 9.6rem;
    margin-top: 9.6rem
}

.mx-96 {
    margin-left: 9.6rem;
    margin-right: 9.6rem
}

.mt-96 {
    margin-top: 9.6rem
}

.mb-96 {
    margin-bottom: 9.6rem
}

.ml-96 {
    margin-left: 9.6rem
}

.mr-96 {
    margin-right: 9.6rem
}

.pa-96 {
    padding: 9.6rem
}

.py-96 {
    padding-bottom: 9.6rem;
    padding-top: 9.6rem
}

.px-96 {
    padding-left: 9.6rem;
    padding-right: 9.6rem
}

.pt-96 {
    padding-top: 9.6rem
}

.pb-96 {
    padding-bottom: 9.6rem
}

.pl-96 {
    padding-left: 9.6rem
}

.pr-96 {
    padding-right: 9.6rem
}

.ma-56 {
    margin: 5.6rem
}

.my-56 {
    margin-bottom: 5.6rem;
    margin-top: 5.6rem
}

.mx-56 {
    margin-left: 5.6rem;
    margin-right: 5.6rem
}

.mt-56 {
    margin-top: 5.6rem
}

.mb-56 {
    margin-bottom: 5.6rem
}

.ml-56 {
    margin-left: 5.6rem
}

.mr-56 {
    margin-right: 5.6rem
}

.pa-56 {
    padding: 5.6rem
}

.py-56 {
    padding-bottom: 5.6rem;
    padding-top: 5.6rem
}

.px-56 {
    padding-left: 5.6rem;
    padding-right: 5.6rem
}

.pt-56 {
    padding-top: 5.6rem
}

.pb-56 {
    padding-bottom: 5.6rem
}

.pl-56 {
    padding-left: 5.6rem
}

.pr-56 {
    padding-right: 5.6rem
}

.ma-48 {
    margin: 4.8rem
}

.my-48 {
    margin-bottom: 4.8rem;
    margin-top: 4.8rem
}

.mx-48 {
    margin-left: 4.8rem;
    margin-right: 4.8rem
}

.mt-48 {
    margin-top: 4.8rem
}

.mb-48 {
    margin-bottom: 4.8rem
}

.ml-48 {
    margin-left: 4.8rem
}

.mr-48 {
    margin-right: 4.8rem
}

.pa-48 {
    padding: 4.8rem
}

.py-48 {
    padding-bottom: 4.8rem;
    padding-top: 4.8rem
}

.px-48 {
    padding-left: 4.8rem;
    padding-right: 4.8rem
}

.pt-48 {
    padding-top: 4.8rem
}

.pb-48 {
    padding-bottom: 4.8rem
}

.pl-48 {
    padding-left: 4.8rem
}

.pr-48 {
    padding-right: 4.8rem
}

.ma-40 {
    margin: 4rem
}

.my-40 {
    margin-bottom: 4rem;
    margin-top: 4rem
}

.mx-40 {
    margin-left: 4rem;
    margin-right: 4rem
}

.mt-40 {
    margin-top: 4rem
}

.mb-40 {
    margin-bottom: 4rem
}

.ml-40 {
    margin-left: 4rem
}

.mr-40 {
    margin-right: 4rem
}

.pa-40 {
    padding: 4rem
}

.py-40 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.px-40 {
    padding-left: 4rem;
    padding-right: 4rem
}

.pt-40 {
    padding-top: 4rem
}

.pb-40 {
    padding-bottom: 4rem
}

.pl-40 {
    padding-left: 4rem
}

.pr-40 {
    padding-right: 4rem
}

.ma-32 {
    margin: 3.2rem
}

.my-32 {
    margin-bottom: 3.2rem;
    margin-top: 3.2rem
}

.mx-32 {
    margin-left: 3.2rem;
    margin-right: 3.2rem
}

.mt-32 {
    margin-top: 3.2rem
}

.mb-32 {
    margin-bottom: 3.2rem
}

.ml-32 {
    margin-left: 3.2rem
}

.mr-32 {
    margin-right: 3.2rem
}

.pa-32 {
    padding: 3.2rem
}

.py-32 {
    padding-bottom: 3.2rem;
    padding-top: 3.2rem
}

.px-32 {
    padding-left: 3.2rem;
    padding-right: 3.2rem
}

.pt-32 {
    padding-top: 3.2rem
}

.pb-32 {
    padding-bottom: 3.2rem
}

.pl-32 {
    padding-left: 3.2rem
}

.pr-32 {
    padding-right: 3.2rem
}

.ma-28 {
    margin: 2.8rem
}

.my-28 {
    margin-bottom: 2.8rem;
    margin-top: 2.8rem
}

.mx-28 {
    margin-left: 2.8rem;
    margin-right: 2.8rem
}

.mt-28 {
    margin-top: 2.8rem
}

.mb-28 {
    margin-bottom: 2.8rem
}

.ml-28 {
    margin-left: 2.8rem
}

.mr-28 {
    margin-right: 2.8rem
}

.pa-28 {
    padding: 2.8rem
}

.py-28 {
    padding-bottom: 2.8rem;
    padding-top: 2.8rem
}

.px-28 {
    padding-left: 2.8rem;
    padding-right: 2.8rem
}

.pt-28 {
    padding-top: 2.8rem
}

.pb-28 {
    padding-bottom: 2.8rem
}

.pl-28 {
    padding-left: 2.8rem
}

.pr-28 {
    padding-right: 2.8rem
}

.ma-24 {
    margin: 2.4rem
}

.my-24 {
    margin-bottom: 2.4rem;
    margin-top: 2.4rem
}

.mx-24 {
    margin-left: 2.4rem;
    margin-right: 2.4rem
}

.mt-24 {
    margin-top: 2.4rem
}

.mb-24 {
    margin-bottom: 2.4rem
}

.ml-24 {
    margin-left: 2.4rem
}

.mr-24 {
    margin-right: 2.4rem
}

.pa-24 {
    padding: 2.4rem
}

.py-24 {
    padding-bottom: 2.4rem;
    padding-top: 2.4rem
}

.px-24 {
    padding-left: 2.4rem;
    padding-right: 2.4rem
}

.pt-24 {
    padding-top: 2.4rem
}

.pb-24 {
    padding-bottom: 2.4rem
}

.pl-24 {
    padding-left: 2.4rem
}

.pr-24 {
    padding-right: 2.4rem
}

.ma-20 {
    margin: 2rem
}

.my-20 {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.mx-20 {
    margin-left: 2rem;
    margin-right: 2rem
}

.mt-20 {
    margin-top: 2rem
}

.mb-20 {
    margin-bottom: 2rem
}

.ml-20 {
    margin-left: 2rem
}

.mr-20 {
    margin-right: 2rem
}

.pa-20 {
    padding: 2rem
}

.py-20 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.px-20 {
    padding-left: 2rem;
    padding-right: 2rem
}

.pt-20 {
    padding-top: 2rem
}

.pb-20 {
    padding-bottom: 2rem
}

.pl-20 {
    padding-left: 2rem
}

.pr-20 {
    padding-right: 2rem
}

.ma-16 {
    margin: 1.6rem
}

.my-16 {
    margin-bottom: 1.6rem;
    margin-top: 1.6rem
}

.mx-16 {
    margin-left: 1.6rem;
    margin-right: 1.6rem
}

.mt-16 {
    margin-top: 1.6rem
}

.mb-16 {
    margin-bottom: 1.6rem
}

.ml-16 {
    margin-left: 1.6rem
}

.mr-16 {
    margin-right: 1.6rem
}

.pa-16 {
    padding: 1.6rem
}

.py-16 {
    padding-bottom: 1.6rem;
    padding-top: 1.6rem
}

.px-16 {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

.pt-16 {
    padding-top: 1.6rem
}

.pb-16 {
    padding-bottom: 1.6rem
}

.pl-16 {
    padding-left: 1.6rem
}

.pr-16 {
    padding-right: 1.6rem
}

.ma-0 {
    margin: 0
}

.my-0 {
    margin-bottom: 0;
    margin-top: 0
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.mt-0 {
    margin-top: 0
}

.mb-0 {
    margin-bottom: 0
}

.ml-0 {
    margin-left: 0
}

.mr-0 {
    margin-right: 0
}

.pa-0 {
    padding: 0
}

.py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.pt-0 {
    padding-top: 0
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

.pr-0 {
    padding-right: 0
}

.ma7 {
    margin: 6.6rem
}

.my7 {
    margin-bottom: 6.6rem;
    margin-top: 6.6rem
}

.mx7 {
    margin-left: 6.6rem;
    margin-right: 6.6rem
}

.mt7 {
    margin-top: 6.6rem
}

.mb7 {
    margin-bottom: 6.6rem
}

.ml7 {
    margin-left: 6.6rem
}

.mr7 {
    margin-right: 6.6rem
}

.pa7 {
    padding: 6.6rem
}

.py7 {
    padding-bottom: 6.6rem;
    padding-top: 6.6rem
}

.px7 {
    padding-left: 6.6rem;
    padding-right: 6.6rem
}

.pt7 {
    padding-top: 6.6rem
}

.pb7 {
    padding-bottom: 6.6rem
}

.pl7 {
    padding-left: 6.6rem
}

.pr7 {
    padding-right: 6.6rem
}

.ma6 {
    margin: 5rem
}

.my6 {
    margin-bottom: 5rem;
    margin-top: 5rem
}

.mx6 {
    margin-left: 5rem;
    margin-right: 5rem
}

.mt6 {
    margin-top: 5rem
}

.mb6 {
    margin-bottom: 5rem
}

.ml6 {
    margin-left: 5rem
}

.mr6 {
    margin-right: 5rem
}

.pa6 {
    padding: 5rem
}

.py6 {
    padding-bottom: 5rem;
    padding-top: 5rem
}

.px6 {
    padding-left: 5rem;
    padding-right: 5rem
}

.pt6 {
    padding-top: 5rem
}

.pb6 {
    padding-bottom: 5rem
}

.pl6 {
    padding-left: 5rem
}

.pr6 {
    padding-right: 5rem
}

.ma5 {
    margin: 4rem
}

.my5 {
    margin-bottom: 4rem;
    margin-top: 4rem
}

.mx5 {
    margin-left: 4rem;
    margin-right: 4rem
}

.mt5 {
    margin-top: 4rem
}

.mb5 {
    margin-bottom: 4rem
}

.ml5 {
    margin-left: 4rem
}

.mr5 {
    margin-right: 4rem
}

.pa5 {
    padding: 4rem
}

.py5 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.px5 {
    padding-left: 4rem;
    padding-right: 4rem
}

.pt5 {
    padding-top: 4rem
}

.pb5 {
    padding-bottom: 4rem
}

.pl5 {
    padding-left: 4rem
}

.pr5 {
    padding-right: 4rem
}

.ma4 {
    margin: 2rem
}

.my4 {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.mx4 {
    margin-left: 2rem;
    margin-right: 2rem
}

.mt4 {
    margin-top: 2rem
}

.mb4 {
    margin-bottom: 2rem
}

.ml4 {
    margin-left: 2rem
}

.mr4 {
    margin-right: 2rem
}

.pa4 {
    padding: 2rem
}

.py4 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.px4 {
    padding-left: 2rem;
    padding-right: 2rem
}

.pt4 {
    padding-top: 2rem
}

.pb4 {
    padding-bottom: 2rem
}

.pl4 {
    padding-left: 2rem
}

.pr4 {
    padding-right: 2rem
}

.ma3 {
    margin: 1.5rem
}

.my3 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.mx3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.mt3 {
    margin-top: 1.5rem
}

.mb3 {
    margin-bottom: 1.5rem
}

.ml3 {
    margin-left: 1.5rem
}

.mr3 {
    margin-right: 1.5rem
}

.pa3 {
    padding: 1.5rem
}

.py3 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.px3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.pt3 {
    padding-top: 1.5rem
}

.pb3 {
    padding-bottom: 1.5rem
}

.pl3 {
    padding-left: 1.5rem
}

.pr3 {
    padding-right: 1.5rem
}

.ma2 {
    margin: 1rem
}

.my2 {
    margin-bottom: 1rem;
    margin-top: 1rem
}

.mx2 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mt2 {
    margin-top: 1rem
}

.mb2 {
    margin-bottom: 1rem
}

.ml2 {
    margin-left: 1rem
}

.mr2 {
    margin-right: 1rem
}

.pa2 {
    padding: 1rem
}

.py2 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.px2 {
    padding-left: 1rem;
    padding-right: 1rem
}

.pt2 {
    padding-top: 1rem
}

.pb2 {
    padding-bottom: 1rem
}

.pl2 {
    padding-left: 1rem
}

.pr2 {
    padding-right: 1rem
}

.ma1 {
    margin: .5rem
}

.my1 {
    margin-bottom: .5rem;
    margin-top: .5rem
}

.mx1 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mt1 {
    margin-top: .5rem
}

.mb1 {
    margin-bottom: .5rem
}

.ml1 {
    margin-left: .5rem
}

.mr1 {
    margin-right: .5rem
}

.pa1 {
    padding: .5rem
}

.py1 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.px1 {
    padding-left: .5rem;
    padding-right: .5rem
}

.pt1 {
    padding-top: .5rem
}

.pb1 {
    padding-bottom: .5rem
}

.pl1 {
    padding-left: .5rem
}

.pr1 {
    padding-right: .5rem
}

.ma0 {
    margin: 0
}

.my0 {
    margin-bottom: 0;
    margin-top: 0
}

.mx0 {
    margin-left: 0;
    margin-right: 0
}

.mt0 {
    margin-top: 0
}

.mb0 {
    margin-bottom: 0
}

.ml0 {
    margin-left: 0
}

.mr0 {
    margin-right: 0
}

.pa0 {
    padding: 0
}

.py0 {
    padding-bottom: 0;
    padding-top: 0
}

.px0 {
    padding-left: 0;
    padding-right: 0
}

.pt0 {
    padding-top: 0
}

.pb0 {
    padding-bottom: 0
}

.pl0 {
    padding-left: 0
}

.pr0 {
    padding-right: 0
}

.maa {
    margin: auto
}

.mya {
    margin-bottom: auto;
    margin-top: auto
}

.mxa {
    margin-left: auto;
    margin-right: auto
}

.mta {
    margin-top: auto
}

.mba {
    margin-bottom: auto
}

.mla {
    margin-left: auto
}

.mra {
    margin-right: auto
}

.paa {
    padding: auto
}

.pya {
    padding-bottom: auto;
    padding-top: auto
}

.pxa {
    padding-left: auto;
    padding-right: auto
}

.pta {
    padding-top: auto
}

.pba {
    padding-bottom: auto
}

.pla {
    padding-left: auto
}

.pra {
    padding-right: auto
}

.vmy3 {
    margin-bottom: 10rem
}

.vmt3,
.vmy3 {
    margin-top: 10rem
}

.vmb3 {
    margin-bottom: 10rem
}

.vpy3 {
    padding-bottom: 10rem
}

.vpt3,
.vpy3 {
    padding-top: 10rem
}

.vpb3 {
    padding-bottom: 10rem
}

.vmy150 {
    margin-bottom: 7.5rem
}

.vmt150,
.vmy150 {
    margin-top: 7.5rem
}

.vmb150 {
    margin-bottom: 7.5rem
}

.vpy150 {
    padding-bottom: 7.5rem
}

.vpt150,
.vpy150 {
    padding-top: 7.5rem
}

.vpb150 {
    padding-bottom: 7.5rem
}

.vmy2 {
    margin-bottom: 5rem
}

.vmt2,
.vmy2 {
    margin-top: 5rem
}

.vmb2 {
    margin-bottom: 5rem
}

.vpy2 {
    padding-bottom: 5rem
}

.vpt2,
.vpy2 {
    padding-top: 5rem
}

.vpb2 {
    padding-bottom: 5rem
}

.vmy1 {
    margin-bottom: 3.3rem
}

.vmt1,
.vmy1 {
    margin-top: 3.3rem
}

.vmb1 {
    margin-bottom: 3.3rem
}

.vpy1 {
    padding-bottom: 3.3rem
}

.vpt1,
.vpy1 {
    padding-top: 3.3rem
}

.vpb1 {
    padding-bottom: 3.3rem
}

.vmy50 {
    margin-bottom: 2.5rem
}

.vmt50,
.vmy50 {
    margin-top: 2.5rem
}

.vmb50 {
    margin-bottom: 2.5rem
}

.vpy50 {
    padding-bottom: 2.5rem
}

.vpt50,
.vpy50 {
    padding-top: 2.5rem
}

.vpb50 {
    padding-bottom: 2.5rem
}

a {
    color: #909090;
    text-decoration: underline
}

a:focus,
a:hover {
    color: var(--opera-text-hover-color)
}

a img {
    border: 0
}

.h-level-1,
h1 {
    font-size: 4rem;
    line-height: 1
}

.h-level-2,
h2 {
    font-size: 3.2rem
}

.h-level-3,
h3 {
    font-size: 2.4rem
}

.h-level-4,
h4 {
    font-size: 2rem
}

.h-level-5,
h5 {
    font-size: 1.6rem
}

.h-level-6,
h6 {
    font-size: 1.4rem
}

h2,
h3,
h4,
h5,
h6 {
    line-height: 1;
    margin: 0 0 1rem
}

h2.with-link a,
h3.with-link a,
h4.with-link a,
h5.with-link a,
h6.with-link a {
    color: inherit;
    text-decoration: none
}

p {
    line-height: normal;
    margin: .6em 0
}

ol,
p,
ul {
    font-size: 1.4rem
}

ol.list-style--none,
ul.list-style--none {
    list-style: none
}

ol.list-style--black-ticks,
ul.list-style--black-ticks {
    list-style-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/771862861df82b03148e.f3ba63599e77.svg?efded63e9f29")
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

table td,
table th {
    border: 2px solid #000;
    padding: .5em
}

table th {
    background-color: #ebebeb
}

table p {
    margin: 0
}

.h-level-0 {
    font-size: 3.2rem;
    line-height: 1
}

.h-level-1-2 {
    font-size: 4rem
}

.text-decoration--none {
    text-decoration: none
}

.text-decoration--underline {
    text-decoration: underline
}

.text-level-1 {
    font-size: 1.8rem
}

.text-level-2 {
    font-size: 1.6rem
}

.text-level-3 {
    font-size: 1.4rem
}

.text-level-4 {
    font-size: 1.2rem
}

.text-level-5,
.text-level-6,
.text-level-7 {
    font-size: 1rem
}

.text--section-name {
    color: rgba(0, 0, 0, .5);
    display: block;
    font-size: 1rem;
    letter-spacing: .25em;
    text-transform: uppercase
}

.text-align--left {
    text-align: left
}

.text-align--right {
    text-align: right
}

.text-align--justify {
    text-align: justify
}

.text-align--center {
    text-align: center
}

.text-transform--uppercase {
    text-transform: uppercase
}

.color--theme-default {
    color: var(--opera-text-color)
}

.color--black-50 {
    color: rgba(0, 0, 0, .5)
}

.color--opera-text-bw-50 {
    color: var(--opera-text-bw-50)
}

.color--blue {
    color: #0060fe
}

.color--blue-dark {
    color: #2084d9
}

.color--black {
    color: #000
}

.color--black-30 {
    color: #b3b3b3
}

.color--black-40 {
    color: #999
}

.color--gray {
    color: #909090
}

.color--white {
    color: #fff
}

.color--pink {
    color: #fabbcb
}

.color--pink-dark {
    color: #fb637e
}

.color--navy {
    color: #00249c
}

.color--vpn-purple {
    color: #9b26b3
}

.color--oasis-orange {
    color: #ef8d4b
}

.color--cobalt-blue {
    color: #5021ff
}

.color--archipelago-avocado {
    color: #58c095
}

.color--canyon-coral {
    color: #e24c5e
}

.color--summit-sapphire {
    color: #2e78f6
}

.color--pennisula-purple {
    color: #aa78df
}

.font-weight--700,
.font-weight--black {
    font-weight: 700
}

.font-weight--900 {
    font-weight: 900
}

.font-weight--bold {
    font-weight: 400
}

.font-weight--normal {
    font-weight: 300
}

address {
    font-style: normal
}

.first-letter--underline:first-letter {
    text-decoration: underline
}

.text-80 {
    font-size: 8rem
}

.text-72 {
    font-size: 7.2rem
}

.text-64 {
    font-size: 6.4rem
}

.text-56 {
    font-size: 5.6rem
}

.text-50 {
    font-size: 5rem
}

.text-48 {
    font-size: 4.8rem
}

.text-40 {
    font-size: 4rem
}

.text-38 {
    font-size: 3.8rem
}

.text-32 {
    font-size: 3.2rem
}

.text-26 {
    font-size: 2.6rem
}

.text-24 {
    font-size: 2.4rem
}

.text-20 {
    font-size: 2rem
}

.text-18 {
    font-size: 1.8rem
}

.text-16 {
    font-size: 1.6rem
}

.text-14 {
    font-size: 1.4rem
}

.text-12 {
    font-size: 1.2rem
}

.text-10 {
    font-size: 1rem
}

.line-height-30 {
    line-height: 3rem
}

.line-height-36 {
    line-height: 3.6rem
}

.line-height-40 {
    line-height: 4rem
}

.line-height-52 {
    line-height: 5.2rem
}

.line-height-64 {
    line-height: 6.4rem
}

.line-height-81 {
    line-height: 8.1rem
}

:host,
:root {
    --opera-text-color: #000;
    --opera-text-bw-50: rgba(0, 0, 0, .5);
    --opera-text-hover-color: #5021ff;
    --opera-body-bg-color: linear-gradient(180deg, #fff 30rem, $white 0) no-repeat;
    --opera-main-bg-color: #fff;
    --opera-white-dolphin: #fff;
    --opera-bg-bw-100: #fff;
    --opera-bg-bw-50: hsla(0, 0%, 100%, .5);
    --opera-bg-bw-100-reversed: #000;
    --opera-bg-bw-50-reversed: rgba(0, 0, 0, .5);
    --opera-bg-bw-15-reversed: rgba(0, 0, 0, .15);
    --opera-border-color: #d0dbe3;
    --opera-components-bg-color: #f2f5f8;
    --opera-slide-navigation-color: #ccc;
    --opera-slide-navigation-bg-color: #fff;
    --opera-slide-nav-progress: #d0dbe3;
    --opera-horz-slider-even-child-color: #d0dbe3;
    --opera-big-gray-box-bg-color: #f2f5f8;
    --opera-big-gray-box-bg-color-odd: #d0dbe3;
    --opera-subheader-widget-light-color: #e7edf1;
    --opera-subheader-widget-dark-color: #d0dbe3;
    --opera-filter-from-black: none;
    --opera-hero-background: #f2f5f8;
    --opera-hero-bottom-background: #e7edf1;
    --opera-hero-glow-1-color-1: rgba(248, 3, 253, .23);
    --opera-hero-glow-1-color-2: hsla(0, 0%, 100%, 0);
    --opera-hero-glow-2-color-1: rgba(80, 33, 255, .22);
    --opera-hero-glow-2-color-2: hsla(0, 0%, 100%, 0);
    --opera-header-menu-switcher-bg: #e7edf1;
    --opera-header-separator-bg: #d0dbe3;
    --opera-header-menu-switcher-bg-hover: #d0dbe3;
    --opera-header-menu-switcher-img: url("https://cdn-production-opera-website.operacdn.com/staticfiles/8b0a7be9eed326f09753.8175e97103fa.svg?efded63e9f29");
    --opera-header-menu-switcher-img-close: url("https://cdn-production-opera-website.operacdn.com/staticfiles/00a40c618fc2587c311a.9aed3c2d9249.svg?efded63e9f29");
    --opera-footer-bg-color: #f2f5f8;
    --opera-footer-secondary-bg-color: #e7edf1;
    --opera-footer-icon-color: #3c4055;
    --opera-feature-tile-hover: #4500cc;
    --surface-surface-secondary: #e7edf1;
    --btn-light: #000
}

html.dark-theme {
    --opera-text-color: #fff;
    --opera-text-bw-50: hsla(0, 0%, 100%, .5);
    --opera-text-hover-color: #5021ff;
    --opera-body-bg-color: linear-gradient(180deg, #252836 30rem, $white 0) no-repeat;
    --opera-main-bg-color: #0e1323;
    --opera-white-dolphin: #0e1323;
    --opera-bg-bw-100: #000;
    --opera-bg-bw-50: rgba(0, 0, 0, .5);
    --opera-bg-bw-100-reversed: #fff;
    --opera-bg-bw-50-reversed: hsla(0, 0%, 100%, .5);
    --opera-bg-bw-15-reversed: hsla(0, 0%, 100%, .15);
    --opera-border-color: #3c4055;
    --opera-components-bg-color: #252836;
    --opera-slide-navigation-color: #fff;
    --opera-slide-navigation-bg-color: #0e1323;
    --opera-slide-nav-progress: #3c4055;
    --opera-horz-slider-even-child-color: #0e1323;
    --opera-big-gray-box-bg-color: #252836;
    --opera-big-gray-box-bg-color-odd: #252836;
    --opera-subheader-widget-light-color: #4c516b;
    --opera-subheader-widget-dark-color: #3c4055;
    --opera-filter-from-black: invert(1);
    --opera-hero-background: #0e1323;
    --opera-hero-bottom-background: rgba(0, 0, 0, 0);
    --opera-hero-glow-1-color-1: rgba(248, 3, 253, .23);
    --opera-hero-glow-1-color-2: hsla(0, 0%, 100%, 0);
    --opera-hero-glow-2-color-1: rgba(80, 33, 255, .22);
    --opera-hero-glow-2-color-2: hsla(0, 0%, 100%, 0);
    --opera-header-menu-switcher-bg: #3c4055;
    --opera-header-separator-bg: hsla(0, 0%, 100%, .4);
    --opera-header-menu-switcher-bg-hover: #4c516b;
    --opera-header-menu-switcher-img: url("https://cdn-production-opera-website.operacdn.com/staticfiles/e27705cb3ec237f960f3.f680dae9c9b7.svg?2a6821544077");
    --opera-header-menu-switcher-img-close: url("https://cdn-production-opera-website.operacdn.com/staticfiles/96e940c401cc519ea74e.2073423d9020.svg?2a6821544077");
    --opera-footer-bg-color: #252836;
    --opera-footer-secondary-bg-color: #3c4055;
    --opera-footer-icon-color: #e7edf1;
    --opera-feature-tile-hover: #4500cc;
    --surface-surface-secondary: #3c4055;
    --btn-light: #5021ff
}

.wrapper {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 160rem
}

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem
}

.row {
    -webkit-box-flex: 0, 1, auto;
    -moz-box-flex: 0, 1, auto;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0, 1, auto;
    -ms-flex: 0, 1, auto;
    flex: 0, 1, auto;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem
}

.row.reverse {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.col.reverse {
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.col-xs {
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-basis: auto;
    flex-basis: auto
}

.col-xs,
.col-xs-1 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-1 {
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-basis: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%
}

.col-xs-2 {
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-basis: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
}

.col-xs-2,
.col-xs-3 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-3 {
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-4 {
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-basis: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
}

.col-xs-4,
.col-xs-5 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-5 {
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-basis: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%
}

.col-xs-6 {
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-6,
.col-xs-7 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-7 {
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-basis: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%
}

.col-xs-8 {
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-basis: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%
}

.col-xs-8,
.col-xs-9 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-9 {
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.col-xs-10 {
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-basis: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
}

.col-xs-10,
.col-xs-11 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-11 {
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-basis: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%
}

.col-xs-12 {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.col-xs-12,
.col-xs-offset-0 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%
}

.col-xs-offset-1,
.col-xs-offset-2 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-3,
.col-xs-offset-4 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-offset-4 {
    margin-left: 33.3333333333%
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%
}

.col-xs-offset-5,
.col-xs-offset-6 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.3333333333%
}

.col-xs-offset-7,
.col-xs-offset-8 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10,
.col-xs-offset-9 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-offset-10 {
    margin-left: 83.3333333333%
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%
}

.col-xs-offset-11,
.col-xs-offset-12 {
    box-sizing: border-box;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs {
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-basis: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%
}

.start-xs {
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left
}

.center-xs {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    text-align: center
}

.end-xs {
    -ms-flex-pack: flex-end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right
}

.top-xs {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start
}

.middle-xs {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.bottom-xs {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end
}

.around-xs {
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around
}

.between-xs {
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.first-xs {
    order: -1
}

.last-xs {
    order: 1
}

.cookie-consent__wrapper {
    color: #000;
    display: none;
    left: 0;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10000
}

.cookie-consent__inner {
    background-color: #fff;
    border: .1rem solid #d0dbe3;
    -webkit-border-radius: 3.2rem;
    -moz-border-radius: 3.2rem;
    border-radius: 3.2rem;
    box-shadow: 0 1.5rem 5rem 0 rgba(0, 0, 0, .15);
    color: #000;
    display: none;
    font-family: Be Vietnam Pro, Roboto, Averta, Arial, sans-serif;
    margin: 0 2.4rem
}

.cookie-consent__inner a {
    color: #5021ff;
    text-decoration: underline
}

.cookie-consent__inner a:hover {
    color: #606060
}

.cookie-consent__head {
    border-bottom: 1px solid #d0dbe3;
    margin: 0;
    padding: 4rem 2rem 3.2rem
}

.cookie-consent__body {
    padding: 3.2rem 2rem
}

.cookie-consent__body h4 {
    margin: 0
}

.cookie-consent__body p {
    font-size: 1.4rem;
    line-height: normal
}

.cookie-consent__body hr {
    background-color: #d0dbe3
}

.cookie-consent__footer {
    border-top: 1px solid #d0dbe3;
    margin: 0;
    padding: 3.2rem 2rem 4rem
}

.cookie-consent__footer .button-component {
    -webkit-border-radius: .8rem;
    -moz-border-radius: .8rem;
    border-radius: .8rem;
    min-width: auto;
    padding: 1.2rem 3.2rem;
    width: 100%
}

.cookie-consent__footer .button-component .text {
    font-size: 1.2rem
}

.cookie-consent__footer .button-component__v-basic-light {
    background-color: #fff;
    border-color: #000
}

.cookie-consent__footer .button-component__v-basic-light .text {
    color: #000
}

.cookie-consent__advanced-close {
    background: url("https://cdn-production-opera-website.operacdn.com/staticfiles/793d9614b22c7bedeec0.7c3caec805f5.svg?2a6821544077") no-repeat;
    background-size: 1.7rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    cursor: pointer;
    height: 1.8rem;
    position: absolute;
    right: 1rem;
    top: -1rem;
    transition: all .2s ease-out;
    width: 1.8rem
}

.cookie-consent__advanced-close:hover {
    filter: invert(33%) sepia(90%) saturate(7488%) hue-rotate(252deg) brightness(94%) contrast(117%);
    transform: rotate(90deg)
}

.cookie-consent__switch {
    background-color: #d0dbe3;
    border-radius: 1.2rem;
    cursor: pointer;
    display: inline-block;
    height: 2rem;
    position: relative;
    width: 4rem
}

.cookie-consent__switch:before {
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 .2rem .5rem 0 rgba(0, 0, 0, .2);
    content: "";
    display: block;
    height: 1.55rem;
    left: .2rem;
    position: absolute;
    top: .25rem;
    transition: left .15s ease-out;
    width: 1.55rem
}

.cookie-consent__switch.active {
    background-color: #5021ff
}

.cookie-consent__switch.active:before {
    left: 2.2rem
}

.btn {
    background-color: rgba(0, 0, 0, 0);
    border: .1rem solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-family: Averta, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: normal;
    padding: 2.5rem 2rem;
    text-align: center;
    text-decoration: none;
    -webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
    -ms-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
    -o-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
    transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out;
    vertical-align: middle;
    white-space: nowrap
}

.btn--light-gray {
    border-color: rgba(0, 0, 0, .2);
    color: #000
}

.btn--light-gray:hover {
    border-color: rgba(0, 0, 0, .6)
}

.btn--light-gray:focus {
    background-color: #fff;
    border-color: #004196
}

.btn--light-gray::placeholder {
    color: rgba(0, 0, 0, .2)
}

.btn--large {
    font-size: 1.6rem;
    padding: 1.5rem 4rem
}

.btn--primary {
    background-color: #00249c;
    border-color: #00249c;
    color: #fff
}

.btn--primary:hover {
    background-color: #0d2677;
    color: #fff
}

.btn--light {
    border-color: #000;
    color: #000;
    text-decoration: none
}

.btn--light:hover {
    background-color: #f4f4f4;
    color: #000
}

.btn--blue-border {
    border-color: #0060fe;
    color: #0060fe
}

.btn--blue-border:hover {
    background-color: #0060fe;
    color: #fff
}

.btn--red {
    background-color: #fa1e4e;
    -moz-box-shadow: 0 1.2rem 3.2rem -1.2rem rgba(201, 0, 64, .6);
    -ms-box-shadow: 0 1.2rem 3.2rem -1.2rem rgba(201, 0, 64, .6);
    box-shadow: 0 1.2rem 3.2rem -1.2rem rgba(201, 0, 64, .6);
    color: #fff;
    text-decoration: none
}

.btn--red:hover {
    background-color: #e00535;
    color: #fff
}

.btn--black {
    background-color: #000;
    color: #fff;
    text-decoration: none
}

.btn--black:hover {
    background-color: #333;
    color: #fff
}

.btn--white {
    background-color: #fff;
    color: #00249c;
    text-decoration: none
}

.btn--white:hover {
    background-color: #ccc;
    color: #000c36
}

.btn--black-link {
    color: #000;
    padding: 0
}

.btn--black-link:hover {
    color: #000
}

.btn--green {
    background-color: #168900;
    color: #fff;
    text-decoration: none
}

.btn--green:hover {
    color: #fff
}

.btn--vpn {
    background: #0199ff;
    -webkit-border-radius: 1.6rem;
    -moz-border-radius: 1.6rem;
    border-radius: 1.6rem;
    box-shadow: 0 4px 14px rgba(94, 46, 125, .2);
    color: #fff;
    cursor: pointer;
    font-size: 1.2rem;
    font-size: 1.8rem;
    padding-bottom: 1.6rem;
    padding-top: 1.6rem;
    text-decoration: none;
    transition: all .2s ease
}

.btn--vpn img {
    filter: invert(1)
}

.btn--vpn:hover {
    background: #0d2677;
    color: #fff
}

.btn--vpn-gradient {
    background: linear-gradient(135deg, #3881fa, #a21fad 100.01%)
}

.btn--vpn-gradient:hover {
    background: linear-gradient(135deg, #054ec7, #511057 100.01%);
    color: #fff
}

.btn--vpn-free {
    background: #5021ff
}

.btn--vpn-free:focus,
.btn--vpn-free:hover {
    background-color: #4500cc;
    color: #fff
}

.btn--arrowed:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/2f0de4df6a76a6aa02f9.0bb74469b23f.svg?efded63e9f29");
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 1.4rem;
    margin: 0 0 .3rem .7em;
    position: relative;
    transition: transform .5s cubic-bezier(.175, .885, .32, 1.275);
    vertical-align: middle;
    width: 1.4rem
}

.btn--arrowed--white:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/d4e49653dc097b424ee4.9c00957bc37c.svg?2a6821544077")
}

.btn--arrowed:hover:after {
    transform: translate(.3rem, -.3rem)
}

.btn--arrowed--down:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/bdc8dfc2d0d03dc747d4.d649f7e471ff.svg?efded63e9f29")
}

.btn--arrowed--down-white:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/44c5340c818e00a8d678.062b29df6437.svg?2a6821544077")
}

.btn--arrowed--down-white:hover:after {
    transform: translate(.3rem, .3rem)
}

.btn--arrowed--sub-header .arrow {
    filter: var(--opera-filter-from-black);
    transition: transform .5s cubic-bezier(.175, .885, .32, 1.275)
}

.btn--arrowed--sub-header:hover .arrow {
    filter: invert(21%) sepia(90%) saturate(7452%) hue-rotate(255deg) brightness(101%) contrast(115%);
    transform: translate(.3rem, -.3rem)
}

.btn--arrowed--compare {
    border: .2rem solid #000;
    -webkit-border-radius: .8rem;
    -moz-border-radius: .8rem;
    border-radius: .8rem;
    font-family: Averta, Arial, sans-serif;
    padding: 1rem 2rem
}

.btn--link {
    background-color: rgba(0, 0, 0, 0);
    color: #0060fe
}

.btn--link.btn--arrowed:hover {
    color: #0060fe
}

.btn--link.btn--arrowed:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/08d11a6c820d67a59a7d.63a4b95b7a61.svg?efded63e9f29")
}

.btn--wider {
    min-width: 16.4rem
}

.btn--circular {
    border: .1rem solid #a9a9a9;
    border-radius: 50%;
    height: 3.2rem;
    line-height: 3.2rem;
    padding: 0;
    position: relative;
    width: 3.2rem
}

.btn--circular-left:after,
.btn--circular-right:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/472b9a9a583193085f8a.f16d67828be4.svg?efded63e9f29");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 45%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.btn--circular-left:after {
    transform: rotate(180deg)
}

.btn--circular:hover {
    border-color: #000
}

.btn--circular:hover:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/55b99e4a650abf739c75.f729a3b55a17.svg?2a6821544077");
    content: ""
}

.btn--circular--white {
    border: .1rem solid #fff;
    border-radius: 50%;
    height: 3.2rem;
    line-height: 3.2rem;
    padding: 0;
    position: relative;
    width: 3.2rem
}

.btn--circular--white-left:after,
.btn--circular--white-right:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/d2b172d4ccccb26b2efb.85dc7cf27b61.svg?efded63e9f29");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 45%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.btn--circular--white-left:after {
    transform: rotate(180deg)
}

.btn--circular--white:hover {
    background-color: #fff;
    border-color: #fff
}

.btn--circular--white:hover:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/6e358bb98806d2690683.945ec963eb19.svg?efded63e9f29");
    content: ""
}

.btn--wrap {
    white-space: normal
}

.btn--scale-up-150 {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5)
}

.btn-img {
    background-color: #ebebeb;
    border-radius: 3.6rem;
    color: #000;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: .1rem;
    min-width: 10rem;
    padding-right: 2rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .25s ease-in-out;
    white-space: nowrap
}

.btn-img,
.btn-img__box {
    align-items: center;
    display: flex;
    height: 3.6rem
}

.btn-img__box {
    background-color: #dadada;
    border-radius: 50%;
    box-sizing: border-box;
    justify-content: center;
    margin-right: 1rem;
    padding: .5rem;
    width: 3.6rem
}

.btn-img__box img {
    max-height: 1.5rem;
    transition: transform .25s ease-in-out;
    width: 100%
}

.btn-img--blue {
    background-color: #0299ff;
    color: #fff
}

.btn-img--blue:hover {
    color: #f4f4f4
}

.btn-img--blue .btn-img__box {
    background-color: #028deb
}

.btn-img--blue .btn-img__box img {
    width: 75%
}

.btn-img:hover {
    color: #000;
    text-decoration: none
}

.btn-img:hover .btn-img__box img {
    transform: scale(1.2)
}

.download-sticky-bar {
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    background-color: #5021ff;
    display: -ms-flexbox;
    display: -webkit-flex;
    height: 100%;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0 1rem
}

.download-sticky-bar .download-button--wrapper {
    margin: 0
}

.download-sticky-bar .download-button--wrapper .button {
    background-color: #5021ff;
    box-shadow: none;
    padding: 1.3rem
}

.tns-outer {
    padding: 0 !important
}

.tns-outer [hidden] {
    display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
    cursor: pointer
}

.tns-slider {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s
}

.tns-slider>.tns-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
    clear: both;
    content: "";
    display: table
}

.tns-horizontal.tns-no-subpixel>.tns-item {
    float: left
}

.tns-horizontal.tns-no-subpixel[dir=rtl]>.tns-item {
    float: right
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
    margin-right: -100%
}

.tns-horizontal.tns-carousel.tns-no-subpixel[dir=rtl]>.tns-item {
    margin-left: -100%
}

.tns-gallery,
.tns-no-calc {
    left: 0;
    position: relative
}

.tns-gallery {
    min-height: 1px
}

.tns-gallery>.tns-item {
    left: -100%;
    position: absolute;
    -webkit-transition: transform 0s, opacity 0s;
    -moz-transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s
}

.tns-gallery>.tns-slide-active {
    left: auto !important;
    position: relative
}

.tns-gallery>.tns-moving {
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    transition: all .25s
}

.tns-autowidth {
    display: inline-block
}

.tns-lazy-img {
    opacity: .6;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    transition: opacity .6s
}

.tns-lazy-img.tns-complete {
    opacity: 1
}

.tns-ah {
    -webkit-transition: height 0s;
    -moz-transition: height 0s;
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    left: -10000em;
    position: absolute
}

.tns-transparent {
    opacity: 0;
    visibility: hidden
}

.tns-fadeIn {
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 0
}

.tns-fadeOut,
.tns-normal {
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: -1
}

.tns-vpfix {
    white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
    display: inline-block
}

.tns-t-subp2 {
    height: 10px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 310px
}

.tns-t-ct {
    position: absolute;
    right: 0;
    width: 2333.3333333333%;
    width: 2333.33333%
}

.tns-t-ct:after {
    clear: both;
    content: "";
    display: table
}

.tns-t-ct>div {
    float: left;
    height: 10px;
    width: 1.4285714286%;
    width: 1.42857%
}

.header {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    font-size: 0;
    height: 6rem;
    position: relative;
    transition: height .4s ease;
    z-index: 2
}

.header,
.header__wrapper {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex: 1;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.header__brand {
    margin-right: 2rem;
    position: relative;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    z-index: 10000
}

.header__brand img {
    height: 3rem
}

.header__menu-title {
    border-bottom: 1px solid var(--opera-border-color);
    color: var(--opera-text-color);
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 1rem;
    padding: 1rem 2rem
}

.header__main-nav-items {
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0;
    max-height: 75vh;
    overflow: auto;
    padding: 0
}

@media(max-width:1223px) {
    .header__main-nav-items {
        background-color: var(--opera-main-bg-color);
        border-top: 1px solid var(--opera-border-color);
        bottom: 6rem;
        left: 100vw;
        max-height: none;
        padding: 1rem 0 6rem;
        position: fixed;
        right: -100vw;
        top: 6rem;
        -webkit-transition: transform .3s ease;
        -moz-transition: transform .3s ease;
        -ms-transition: transform .3s ease;
        -o-transition: transform .3s ease;
        transition: transform .3s ease
    }

    .header__main-nav-items,
    .header__main-nav-items * {
        overscroll-behavior: contain
    }
}

.header__main-nav-item {
    list-style: none;
    padding: 0 2rem;
    position: relative
}

.header__main-nav-anchor {
    -webkit-touch-callout: none;
    box-sizing: border-box;
    color: var(--opera-text-color);
    cursor: pointer;
    display: inline-block;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    padding: .8rem 0;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2
}

.header__main-nav-anchor .keep-active,
.header__main-nav-anchor:active,
.header__main-nav-anchor:hover {
    color: var(--opera-text-hover-color)
}

@media(max-width:1223px) {

    .header__main-nav-anchor.hover-line.keep-active,
    .header__main-nav-anchor.hover-line:hover {
        color: #000
    }

    .header__main-nav-anchor .hover-line__element:not(.no-submenu):after {
        background: url("https://cdn-production-opera-website.operacdn.com/staticfiles/ae715c3fb95e133ea466.54cfdcf4104e.svg?efded63e9f29") 50% no-repeat;
        bottom: -.1rem;
        display: inline-block;
        filter: var(--opera-filter-from-black);
        height: 1.6rem;
        left: auto;
        margin-left: .8rem;
        position: relative;
        width: .9rem
    }
}

@media(max-width:1223px) {
    .header__main-nav-separator {
        border-top: 1px solid var(--opera-border-color);
        margin-top: 1rem;
        padding-top: 1.5rem
    }

    .header__main-nav-separator__right {
        border-top: 1px solid #d0dbe3;
        margin-top: 1rem;
        padding-top: 1.5rem
    }

    .header__main-nav-separator__right .header__main-nav-anchor {
        font-size: 1.8rem
    }
}

@media(max-width:1223px) {

    .header__main-nav-separator.small-links-after .header__main-nav-anchor,
    .header__main-nav-separator.small-links-after~.header__main-nav-item .header__main-nav-anchor {
        font-size: 1.8rem
    }
}

.header__menu {
    -ms-flex-pack: space-between;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex: 1;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.header__download {
    height: 0;
    overflow: hidden;
    transform: translateY(1rem);
    width: 0
}

@media(max-width:1223px) {
    .header__download {
        transform: translateY(0) translateX(90vw);
        -webkit-transition: transform .3s ease;
        -moz-transition: transform .3s ease;
        -ms-transition: transform .3s ease;
        -o-transition: transform .3s ease;
        transition: transform .3s ease
    }

    .header__download .download-button--store .button {
        padding: 2rem 4.4rem
    }

    .header__download .download-button--store .button:before {
        display: none
    }
}

.header__menu-nav {
    background: #fff;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding-bottom: 8rem;
    padding-top: 6rem;
    position: fixed;
    right: 0;
    text-align: left;
    top: 0;
    transform: translateY(-1rem);
    transition: top .4s ease;
    visibility: hidden;
    z-index: 0
}

.header__menu-switcher {
    background-color: var(--opera-header-menu-switcher-bg);
    background-image: var(--opera-header-menu-switcher-img);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    border-radius: 10rem;
    cursor: pointer;
    height: 3.8rem;
    position: absolute;
    right: 1.8rem;
    top: 1.1rem;
    transition: top .4s ease;
    width: 3.8rem;
    z-index: 1000000
}

.header__menu-switcher:active,
.header__menu-switcher:hover {
    background-color: var(--opera-header-menu-switcher-bg-hover)
}

@media(max-width:1224px) {
    .header__switcher:not(:checked)~.header {
        background-color: rgba(0, 0, 0, 0)
    }
}

.header__switcher:checked~.sub-header.mobile-active {
    transform: translateX(-100vw)
}

.header__switcher:checked~.header {
    background-color: var(--opera-main-bg-color);
    border-bottom: .1rem solid rgba(0, 0, 0, .15)
}

.header__switcher:checked~.header .header__menu-switcher {
    background-image: var(--opera-header-menu-switcher-img-close);
    background-size: 70%
}

.header__switcher:checked~.header__main-nav-anchor {
    color: #000
}

@media(max-width:1224px) {
    .header__switcher:checked~.header .header__brand {
        opacity: 1;
        transform: translateY(0)
    }
}

.header__switcher:checked~.header__menu-nav {
    opacity: 1;
    transform: translateY(0);
    transition: all .4s ease;
    visibility: visible
}

.header__switcher:checked~.header__menu-nav.scrollable {
    overflow: scroll
}

.header__switcher:checked~.header .header__download {
    background: var(--opera-main-bg-color);
    border-top: 1px solid var(--opera-border-color);
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    padding: 2rem;
    position: fixed;
    right: 0;
    transform: translateY(0);
    width: auto
}

.header__switcher:checked~.header .header__download .download-button--wrapper {
    margin: 0;
    width: 100%
}

.header__switcher:checked~.header .header__main-nav-items {
    transform: translateX(-100vw)
}

header.hf__header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999
}

header.hf__header.active .header,
header.hf__header.keep-border .header {
    height: 6rem
}

header.hf__header.active .header__main-nav-anchor,
header.hf__header.keep-border .header__main-nav-anchor {
    color: var(--opera-text-color)
}

header.hf__header.active .header__main-nav-anchor.keep-active,
header.hf__header.active .header__main-nav-anchor:hover,
header.hf__header.keep-border .header__main-nav-anchor.keep-active,
header.hf__header.keep-border .header__main-nav-anchor:hover {
    color: var(--opera-text-hover-color)
}

header.hf__header.active .header__main-nav-separator:before,
header.hf__header.keep-border .header__main-nav-separator:before {
    background-color: var(--opera-bg-bw-15-reversed);
    opacity: 1
}

@media(max-width:1223px) {

    header.hf__header.active .header__brand,
    header.hf__header.keep-border .header__brand {
        transform: translateY(-5rem)
    }
}

header.hf__header.active .header__menu-nav,
header.hf__header.keep-border .header__menu-nav {
    padding-top: 6rem
}

header.hf__header .sub-header__main {
    margin-top: 6rem
}

@media(max-width:1223px) {
    header.hf__header .sub-header__main {
        margin-top: 0
    }
}

.sub-header {
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    text-align: left;
    top: 0;
    transition: .1s ease;
    visibility: hidden
}

@media(max-width:1223px) {
    .sub-header {
        bottom: 10.3rem;
        display: block;
        left: 100vw;
        opacity: 1;
        overflow-x: hidden;
        overflow-y: scroll;
        overscroll-behavior: contain;
        right: -100vw;
        -webkit-transition: transform .3s ease;
        -moz-transition: transform .3s ease;
        -ms-transition: transform .3s ease;
        -o-transition: transform .3s ease;
        transition: transform .3s ease;
        visibility: visible;
        z-index: 2
    }

    .sub-header>.container-fluid {
        padding-left: 0;
        padding-right: 0
    }

    .sub-header * {
        overscroll-behavior: contain
    }
}

.sub-header__back-level {
    border-bottom: .1rem solid var(--opera-border-color);
    color: var(--opera-text-color);
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0;
    padding: 1.1rem 2rem 1rem
}

.sub-header__back-level:before {
    background: url("https://cdn-production-opera-website.operacdn.com/staticfiles/c69ced9eb290f7ad183d.c4b86b769b08.svg?2a6821544077") 50% no-repeat;
    content: "";
    display: inline-block;
    filter: var(--opera-filter-from-black);
    height: 1.3rem;
    left: auto;
    margin-right: 1rem;
    position: relative;
    width: .9rem
}

.sub-header__outer-container {
    height: 100%;
    padding: 2rem
}

.sub-header__inner-container {
    height: 100%
}

.sub-header__filter {
    align-items: center;
    background-color: #fff;
    color: #ccc;
    display: block;
    line-height: 1;
    margin: 0;
    padding: .5rem 2rem
}

.sub-header__filter li {
    cursor: pointer;
    display: block;
    font-size: 2.4rem;
    margin-right: 2rem
}

@media(max-width:1223px) {
    .sub-header__filter li {
        -webkit-touch-callout: none;
        color: #000;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .sub-header__filter li.hover-line.active,
    .sub-header__filter li.hover-line.keep-active {
        color: #000
    }

    .sub-header__filter li .hover-line__element {
        padding: 1.2rem 0
    }

    .sub-header__filter li .hover-line__element:after {
        background: url("https://cdn-production-opera-website.operacdn.com/staticfiles/ae715c3fb95e133ea466.54cfdcf4104e.svg?efded63e9f29") 50% no-repeat;
        bottom: -.1rem;
        display: inline-block;
        height: 1.6rem;
        left: auto;
        margin-left: .8rem;
        position: relative;
        width: .9rem
    }
}

.sub-header__title {
    margin: 0
}

.sub-header__title:first-letter {
    text-transform: uppercase
}

.sub-header__img {
    background-color: var(--opera-subheader-widget-light-color);
    border-radius: 1rem;
    width: 100%
}

.sub-header__tile {
    margin: 0 0 1.3rem;
    overflow: hidden;
    position: relative
}

.sub-header__tile--see-more {
    border-radius: 5rem;
    bottom: -1rem;
    font-size: 1.6rem;
    margin: 0;
    padding: 1rem;
    position: relative;
    right: -1rem
}

@media(max-width:1223px) {
    .sub-header__tile--see-more {
        margin: 0 -1rem 2rem;
        position: static;
        width: 100%
    }
}

.sub-header__tile--see-more--container {
    bottom: 0;
    justify-content: end;
    left: 0;
    margin-top: auto;
    position: relative;
    right: 0
}

.sub-header__name {
    font-size: 1.6rem;
    font-weight: 700;
    margin: .5rem 0 0;
    transition: .1s ease
}

.sub-header__tile-a {
    color: var(--opera-text-color);
    display: inline-block;
    font-weight: 700;
    margin: .4rem;
    text-decoration: none;
    transition: .1s ease;
    width: 100%
}

@media(max-width:1223px) {
    .sub-header__tile-a .sub-header__name {
        line-height: 2.4rem;
        margin-top: 0
    }
}

.sub-header__tile-a:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.sub-header__tiles {
    height: 93%;
    margin: 0;
    max-height: 80vh;
    padding: 0;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease
}

@media(max-width:1223px) {
    .sub-header__tiles {
        background-color: var(--opera-main-bg-color);
        bottom: 0;
        overflow-x: hidden;
        overflow-y: scroll;
        position: absolute;
        top: 0;
        transform: translateX(100vw)
    }

    .sub-header__tiles.active {
        transform: translateX(0)
    }

    .sub-header__tiles>.row {
        left: 0;
        padding: 2rem 2rem 4rem;
        position: absolute;
        right: 0;
        top: 0
    }
}

.sub-header__desc {
    color: var(--opera-text-bw-50);
    display: none;
    font-size: 1.2rem;
    line-height: 1.2;
    text-align: center
}

.sub-header__main {
    background-color: var(--opera-main-bg-color);
    border-radius: 0 0 2rem 2rem;
    box-sizing: border-box;
    flex: 1;
    height: 62.4rem;
    position: relative;
    top: -1px;
    transform: translateY(-5rem);
    transition: .1s ease;
    z-index: 1
}

@media(max-width:1223px) {
    .sub-header__main {
        height: calc(100vh - 16rem);
        transform: none
    }
}

.sub-header__content {
    display: none;
    height: 100%
}

.sub-header__other-a {
    color: var(--opera-text-color);
    font-weight: 700;
    text-decoration: none
}

@media(max-width:1223px) {
    .sub-header__other-a {
        font-size: 1.8rem
    }
}

.sub-header__overlay {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: .1s ease
}

.sub-header.active {
    opacity: 1;
    visibility: visible
}

@media(max-width:1223px) {
    .sub-header.active {
        margin-top: 6.1rem
    }
}

.sub-header.active .sub-header__main,
.sub-header.active .sub-header__overlay {
    opacity: 1;
    transition-duration: .4s;
    visibility: visible
}

.sub-header.active .sub-header__main {
    transform: translateY(0)
}

.item-off {
    animation: fade-out-tile .75s ease 0s 1 normal forwards;
    transform-origin: center
}

@media(max-width:1223px) {
    .item-off {
        display: none
    }
}

.item-on {
    animation: fade-in .75s ease 0s 1 normal forwards;
    transform-origin: center
}

.footer__bottom {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.footer__company-box {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    color: #899dad;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-top: 2rem
}

.footer__company-box-p {
    font-size: 1rem
}

.footer__content {
    color: #899dad;
    margin: 1rem 0
}

.footer__content p {
    font-size: 1.2rem
}

.footer__follow-label {
    border-top: 1px solid var(--opera-border-color);
    color: #899dad;
    font-size: 1.2rem;
    margin: 2rem 0;
    padding-top: 2rem
}

.footer__label {
    font-weight: 700
}

.footer__lang-box {
    border-top: 1px solid var(--opera-border-color);
    box-sizing: border-box;
    margin-top: 1rem;
    padding-top: 1rem;
    position: relative;
    width: 100%
}

.footer__lang-box-label {
    color: #899dad;
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 2rem
}

.footer__lang-selector {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--opera-footer-secondary-bg-color);
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/44b3f0ecb4f47e17dab5.88c0baf0f67f.svg?efded63e9f29");
    background-position: calc(100% - 1.5rem) 50%;
    background-repeat: no-repeat;
    background-size: .9rem;
    border: 0;
    border-radius: 1.2rem;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--opera-text-color);
    cursor: pointer;
    font-family: Averta, Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2rem;
    outline: 0;
    padding: 1rem 4rem 1rem 2rem;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    vertical-align: top;
    width: 19rem
}

@media(max-width:640px) {
    .footer__lang-selector {
        width: 100%
    }
}

.footer__lang-selector:focus,
.footer__lang-selector:hover {
    background-color: var(--opera-text-hover-color);
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/bfeefa66a462ab94d5d8.a1f60b004293.svg?efded63e9f29");
    color: #fff
}

.footer__lang-selector::-ms-expand {
    display: none
}

ul.footer__social-icons {
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0
}

ul.footer__social-icons li {
    display: inline-flex
}

ul.footer__social-icons svg {
    height: 1.6rem;
    width: 1.6rem
}

ul.footer__social-icons svg path {
    fill: var(--opera-footer-icon-color);
    -webkit-transition: fill .25s ease-in-out;
    -moz-transition: fill .25s ease-in-out;
    -ms-transition: fill .25s ease-in-out;
    -o-transition: fill .25s ease-in-out;
    transition: fill .25s ease-in-out
}

ul.footer__social-icons a {
    align-items: center;
    background-color: var(--opera-footer-secondary-bg-color);
    border-radius: 1.1rem;
    display: flex;
    height: 4.4rem;
    justify-content: center;
    -webkit-transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    width: 4.4rem
}

ul.footer__social-icons a:hover {
    background-color: var(--opera-text-hover-color)
}

ul.footer__social-icons a:hover path {
    fill: #fff
}

ul.footer__social-icons.gx-red svg path {
    fill: #fa1e4e
}

ul.footer__social-icons.gx-59 svg path {
    fill: #8c7db0
}

ul.footer__social-icons.gx-59 svg:hover path {
    fill: #fa1e4e
}

ul.footer__social-icons.gx-59 a {
    background-color: unset
}

ul.footer__social-icons.gx-59 a:hover {
    background-color: rgba(0, 0, 0, 0)
}

.breadcrumbs {
    border-bottom: .1rem solid var(--opera-border-color);
    overflow: hidden;
    padding: 0;
    position: relative
}

.breadcrumbs__sep:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/ae715c3fb95e133ea466.54cfdcf4104e.svg?efded63e9f29");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    filter: invert(63%) sepia(8%) saturate(796%) hue-rotate(164deg) brightness(97%) contrast(85%);
    height: 1rem;
    width: 1rem
}

.breadcrumbs__logo {
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    margin-left: -1.4rem
}

.breadcrumbs__logo svg {
    display: inline-block;
    height: 1.6rem;
    width: 1.6rem
}

.breadcrumbs__logo svg path {
    fill: #899dad;
    -webkit-transition: fill .25s ease-in-out;
    -moz-transition: fill .25s ease-in-out;
    -ms-transition: fill .25s ease-in-out;
    -o-transition: fill .25s ease-in-out;
    transition: fill .25s ease-in-out
}

.breadcrumbs__logo svg:hover path {
    fill: var(--opera-text-hover-color)
}

.breadcrumbs__logo a {
    display: flex;
    margin: 0 1.4rem
}

.breadcrumbs__container {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    overflow-x: auto;
    padding: 2rem 2rem 2rem 0;
    width: 100%
}

.breadcrumbs__container ol {
    align-content: center;
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.breadcrumbs__container ol li {
    align-items: center;
    display: flex
}

.breadcrumbs__container ol li .breadcrumbs__crumb {
    color: var(--opera-text-color);
    font-size: 1rem;
    padding: 0 1rem
}

.breadcrumbs__container ol li .breadcrumbs__crumb a {
    color: #899dad;
    padding: 0;
    text-decoration: none
}

.breadcrumbs__container ol li .breadcrumbs__crumb a:hover {
    color: var(--opera-text-hover-color);
    text-decoration: underline
}

.breadcrumbs__container ol li:last-of-type:after {
    display: none
}

.breadcrumbs .hover-line__element {
    position: relative;
    top: .2rem
}

.breadcrumbs .hover-line__element:after {
    background-color: var(--opera-text-hover-color)
}

.hf {
    -webkit-font-smoothing: antialiased;
    flex: none;
    font-family: Be Vietnam Pro, Roboto, Averta, Arial, sans-serif;
    font-size: 1.2rem;
    letter-spacing: .03rem;
    line-height: 1.5
}

.hf__footer {
    background: var(--opera-footer-bg-color);
    padding-bottom: 2rem;
    position: relative;
    z-index: 2
}

.hf__heading {
    border-bottom: 1px solid var(--opera-border-color);
    font-size: 1.6rem;
    line-height: normal;
    margin-bottom: 0;
    margin-top: -1px
}

.hf__heading,
.hf__link {
    color: var(--opera-text-color);
    font-weight: 400
}

.hf__link {
    font-size: 1.2rem
}

.hf__sublink {
    color: #00249c;
    font-size: 1rem
}

.hf__sublink:hover {
    color: #00249c
}

.hf__links {
    margin: 0;
    padding-left: 0
}

.hf__links li {
    margin: .5rem 0
}

.hf__label {
    display: block;
    padding: 2rem 0;
    position: relative
}

.hf__label:after,
.hf__label:before {
    background-color: var(--opera-text-color);
    content: "";
    display: inline-block;
    height: .2rem;
    margin-top: -.5rem;
    position: absolute;
    right: 0;
    top: 50%;
    width: 3rem
}

.hf__label:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: transform .25s ease-in-out;
    -moz-transition: transform .25s ease-in-out;
    -ms-transition: transform .25s ease-in-out;
    -o-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out
}

.hf__dd-content {
    height: 0;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    visibility: hidden
}

.hf__subtitle {
    color: #b3b3b3;
    font-size: 1rem;
    line-height: 2.5;
    margin: .5rem 0 .81rem
}

@media(max-width:1224px) {
    .hf__dd-switcher:checked~.hf__dd-content {
        border-bottom: 1px solid var(--opera-border-color);
        height: auto;
        margin-top: -1rem;
        opacity: 1;
        padding-bottom: 1rem;
        padding-left: 2rem;
        padding-top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: transform .25s ease-in-out;
        -moz-transition: transform .25s ease-in-out;
        -ms-transition: transform .25s ease-in-out;
        -o-transition: transform .25s ease-in-out;
        transition: transform .25s ease-in-out;
        visibility: visible
    }

    .hf__dd-switcher:checked~.hf__dd-content.header__dd-content {
        background-color: #fff
    }

    .hf__dd-switcher:checked~.hf__heading {
        border-color: rgba(0, 0, 0, 0);
        color: #5021ff
    }

    .hf__dd-switcher:checked~.hf__heading .hf__label:after {
        background-color: #5021ff;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
}

.hf-hide {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.benefits.shift-up {
    margin-top: -3.9rem;
    position: relative
}

@media(max-width:768px) {
    .benefits h2 {
        margin-bottom: 3rem
    }
}

.benefits-item {
    -ms-flex-pack: space-between;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    min-height: 28rem;
    padding: 2.4rem
}

.benefits-item__a {
    color: #000;
    text-decoration: none
}

.benefits-item__a:hover {
    color: #000;
    text-decoration: underline
}

.benefits-item__with-img {
    -ms-flex-pack: normal;
    -webkit-justify-content: normal;
    -moz-justify-content: normal;
    -ms-justify-content: normal;
    justify-content: normal
}

.benefits-item__with-img img,
.benefits-item__with-img svg {
    align-self: center;
    display: flex;
    padding-bottom: 2rem;
    width: 70%
}

.benefits-item.rose {
    background-color: #f5dadf
}

.benefits-item.green-light {
    background-color: #bde9c9
}

.benefits-item.pink-light {
    background-color: #fabbcb
}

.benefits-item.violet-light {
    background-color: #d6c8fc
}

.benefits-item.lime {
    background-color: #e7ffe9
}

.benefits-item.blue-light {
    background-color: #92c1e9
}

.v2023 .benefits-item {
    background-color: var(--opera-components-bg-color);
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    border-radius: 3rem;
    min-height: 35rem
}

.v2023 .benefits-item h3:before {
    background-color: #58c095;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    content: "";
    display: inline-block;
    height: 3.2rem;
    margin-right: .7rem;
    vertical-align: text-bottom;
    width: 1rem
}

.v2023 .benefits-item.canyon-coral h3:before {
    background-color: #e24c5e
}

.v2023 .benefits-item.summit-sapphire h3:before {
    background-color: #2e78f6
}

.v2023 .benefits-item.peninsula-purple h3:before {
    background-color: #aa78df
}

section:not(.lazy-resolved),
section:not(.lazy-resolved) * {
    background-image: none !important
}

.logo-name-desc {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex
}

.logo-name-desc__name-n-desc {
    margin-left: 1.5rem
}

.tooltip-text {
    background: #fff;
    bottom: -6rem;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .1);
    color: #4a4a4a;
    font-size: 1.3rem;
    left: 50%;
    line-height: 1;
    margin-left: -10rem;
    opacity: 0;
    padding: 1.2rem 1rem;
    position: absolute;
    text-align: center;
    text-decoration: none;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    visibility: hidden;
    width: 18rem;
    z-index: 99
}

.modal-dialog--bar {
    border: 0;
    bottom: 0;
    font-family: Averta, Arial, sans-serif;
    height: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    -webkit-transition: height .3s cubic-bezier(.65, .05, .36, 1);
    -moz-transition: height .3s cubic-bezier(.65, .05, .36, 1);
    -ms-transition: height .3s cubic-bezier(.65, .05, .36, 1);
    -o-transition: height .3s cubic-bezier(.65, .05, .36, 1);
    transition: height .3s cubic-bezier(.65, .05, .36, 1);
    width: 100%;
    z-index: 10
}

.modal-dialog--bar.absolute {
    bottom: 100%;
    position: absolute
}

.modal-dialog--bar.bar--top {
    height: 100%;
    max-height: 80px;
    position: relative
}

.video-wrapper-simple {
    clear: both;
    height: 0;
    margin: 1.5em 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.video-wrapper-simple iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.video-wrapper-simple.block--rounded-24-32 {
    overflow: hidden
}

.video-wrapper-simple.block--rounded-24-32 iframe {
    left: -1px;
    width: calc(100% + 2px)
}

.arrow-link {
    align-items: center;
    color: var(--opera-text-color);
    cursor: pointer;
    display: inline-flex;
    text-decoration: none;
    transition: opacity .1s ease
}

.arrow-link:after {
    background-color: var(--opera-text-color);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    height: 1.2em;
    margin-left: 1rem;
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/2f0de4df6a76a6aa02f9.0bb74469b23f.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/2f0de4df6a76a6aa02f9.0bb74469b23f.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 65%;
    -webkit-mask-size: 65%;
    width: 1.2em
}

.arrow-link--down:after {
    height: 1em;
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/47b3738fc2ea7ddbe1aa.e9f144d88e65.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/47b3738fc2ea7ddbe1aa.e9f144d88e65.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    width: 1em
}

.arrow-link--up-right:after {
    height: 1em;
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/a6d60029612e94fcffe1.fd772b50e429.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/a6d60029612e94fcffe1.fd772b50e429.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    width: 1em
}

.arrow-link--down-right:after {
    height: 1em;
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/bdc8dfc2d0d03dc747d4.d649f7e471ff.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/bdc8dfc2d0d03dc747d4.d649f7e471ff.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    width: 1em
}

.arrow-link--right:after {
    height: 1em;
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/4bd99d9bd226ba406ccb.9bd90c944fec.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/4bd99d9bd226ba406ccb.9bd90c944fec.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    width: 1em
}

.arrow-link--white:after {
    background-color: #fff
}

.arrow-link--left:after {
    display: none
}

.arrow-link--left:before {
    background-color: #000;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    height: 1.2em;
    margin-right: 1rem;
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/4bd99d9bd226ba406ccb.9bd90c944fec.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/4bd99d9bd226ba406ccb.9bd90c944fec.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 65%;
    -webkit-mask-size: 65%;
    transform: rotate(180deg);
    width: 1.2em
}

.arrow-link--long-down {
    flex-direction: column;
    font-family: Space Mono, Roboto Mono, Courier New, monospace
}

.arrow-link--long-down:after {
    height: 10rem;
    margin: 1rem 0 0;
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/f04b6e345ce5ac184010.3c4663c8759e.svg?2a6821544077");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/f04b6e345ce5ac184010.3c4663c8759e.svg?2a6821544077");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    width: 1.2rem
}

.arrow-link--long-right {
    font-family: Space Mono, Roboto Mono, Courier New, monospace
}

.arrow-link--long-right:after {
    height: 1.2rem;
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/3df4f06d6ca308d60c4f.b703616ac26f.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/3df4f06d6ca308d60c4f.b703616ac26f.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    width: 10rem
}

.arrow-link:focus,
.arrow-link:hover {
    color: var(--opera-text-hover-color)
}

.arrow-link:focus:after,
.arrow-link:hover:after {
    background-color: var(--opera-text-hover-color)
}

.dark-theme .arrow-link {
    color: var(--opera-text-color)
}

.dark-theme .arrow-link:focus,
.dark-theme .arrow-link:hover {
    color: var(--opera-text-hover-color)
}

.dark-theme .arrow-link:focus:after,
.dark-theme .arrow-link:hover:after {
    background-color: var(--opera-text-hover-color)
}

.dark-theme .arrow-link--long-down:after {
    background-color: #fff
}

.big-gray-box {
    background-color: var(--opera-big-gray-box-bg-color);
    color: var(--opera-text-color)
}

@media(max-width:1023px) {
    .big-gray-box:nth-child(odd) {
        background-color: var(--opera-big-gray-box-bg-color-odd)
    }

    .big-gray-box:nth-child(odd) .big-gray-box__row {
        background-color: var(--opera-big-gray-box-bg-color-odd)
    }
}

.big-gray-box__title {
    color: var(--opera-text-color)
}

.big-gray-box__row {
    background-color: var(--opera-big-gray-box-bg-color);
    border-radius: 3rem;
    flex-direction: column-reverse
}

.big-gray-box__row>.big-gray-box__col-img-wrapper {
    padding-right: 0
}

.big-gray-box__col-img {
    margin-bottom: 3rem;
    margin-right: -2rem;
    max-width: 100%;
    overflow: hidden
}

.big-gray-box__col-img img {
    object-fit: cover;
    object-position: left
}

.big-gray-box__col-img--center {
    margin-right: 0;
    text-align: center
}

.big-gray-box__col-img--center img {
    object-fit: contain
}

@media(max-width:1024px) {
    .big-gray-box__cta-browsers-opera {
        justify-content: center
    }
}

.big-gray-box.big-gray-box__browser-ai .big-gray-box__row {
    background-color: var(--opera-components-bg-color)
}

@media(max-width:1023px) {
    .home-page .big-gray-box {
        background-color: var(--opera-big-gray-box-bg-color)
    }

    .home-page .big-gray-box:nth-child(odd) {
        background-color: var(--opera-big-gray-box-bg-color)
    }

    .home-page .big-gray-box:nth-child(odd) .big-gray-box__row {
        background-color: var(--opera-big-gray-box-bg-color)
    }
}

.feature-page .big-gray-box hr {
    background: unset
}

.big-opera-one-box {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/43b8ba16a797f73ef062.c36c98f3847c.png?2a6821544077");
    color: #fff
}

.big-blue-7-box {
    background-color: #c9deff
}

.big-vpn-lavender-box {
    background-color: #e8e7ff
}

.download-button--wrapper {
    box-sizing: border-box;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.2;
    margin: 1em 0;
    max-width: 100%;
    text-align: center;
    text-shadow: none
}

.download-button--wrapper .button {
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    background-repeat: no-repeat;
    display: -ms-flexbox;
    display: -webkit-flex;
    font-weight: 700;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    padding: 2rem 4.4rem;
    text-align: left;
    text-decoration: none;
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    -ms-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    white-space: nowrap
}

.download-button--wrapper .button:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 1.5rem;
    margin-right: 1rem;
    width: 1.5rem
}

.download-button--wrapper .button a {
    font-size: 0
}

.download-button--wrapper .button img {
    display: inline-block;
    height: 4rem;
    width: auto
}

.download-button--wrapper .secondary-link {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: .4rem;
    padding: .5rem 1rem;
    position: relative
}

.download-button--wrapper .its-free {
    display: block;
    font-size: 1.6rem;
    margin-top: 2.4rem;
    text-align: center
}

.download-button--wrapper .alternative-url:hover~.tooltip-text {
    opacity: 1;
    visibility: visible
}

.download-button--block {
    display: block
}

.download-button--store {
    display: inline-block;
    width: auto
}

.download-button--store .button {
    padding: 0
}

.download-button--rounded .button {
    -webkit-border-radius: 3em;
    -moz-border-radius: 3em;
    border-radius: 3em
}

.download-button--gx .button {
    background-color: #fa1e4e;
    color: #000;
    font-weight: 700;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    -webkit-transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    white-space: nowrap
}

.download-button--gx .button:hover {
    background-color: #d71e47;
    color: #000
}

.download-button--gx .button.complete {
    background-color: #fa1e4e
}

.download-button--gx .button:before {
    content: ""
}

.download-button--gx .button.os-mac:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/d27f2a5e4cf2f085239e.f06406926d08.svg?efded63e9f29")
}

.download-button--gx .button.os-windows:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/67e772f5c7c0ff691b84.d5b84517520e.svg?2a6821544077")
}

.download-button--gx .alternative-url {
    color: #fa1e4e;
    text-decoration: none
}

.download-button--full .button {
    background-color: #5021ff;
    -webkit-border-radius: .7em;
    -moz-border-radius: .7em;
    border-radius: .7em;
    box-shadow: none;
    color: #fff;
    overflow: hidden;
    position: relative
}

.download-button--full .button:before {
    content: "";
    position: relative;
    z-index: 2
}

.download-button--full .button.os-mac:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/37954744e57e0ec219e0.fc285f61fb10.svg?efded63e9f29")
}

.download-button--full .button.os-linux:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/0cb454474c14eeaab596.1a49a334cde3.svg?2a6821544077")
}

.download-button--full .button.os-windows:before {
    background-image: url("https://amplify.trustbi.com.br/lp/assets/logo%20icone.png?2a6821544077")
}

.download-button--full .button.os-ios:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/1fa88050b595d48563f5.288713683e07.svg?2a6821544077");
    position: relative;
    top: .1rem
}

.download-button--full .button.os-android:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/1fa88050b595d48563f5.288713683e07.svg?2a6821544077");
    position: relative;
    top: .1rem
}

.download-button--full .button.arrow-right {
    flex-direction: row-reverse
}

.download-button--full .button.arrow-right:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/d2b172d4ccccb26b2efb.85dc7cf27b61.svg?efded63e9f29");
    margin-left: 1rem;
    margin-right: 0
}

.download-button--full .button.arrow-top {
    flex-direction: row-reverse
}

.download-button--full .button.arrow-top:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/d4e49653dc097b424ee4.9c00957bc37c.svg?2a6821544077");
    margin-left: 1rem;
    margin-right: 0
}

.download-button--full .button:after {
    background-color: #4500cc;
    border-radius: 50%;
    content: "";
    height: 29rem;
    opacity: 0;
    position: absolute;
    transform: scale(.05);
    transition: all .5s ease-in-out;
    width: 60rem;
    z-index: 1
}

.download-button--full .button .cta {
    position: relative;
    z-index: 2
}

.download-button--full .button:hover {
    color: #fff
}

.download-button--full .button:hover:after {
    opacity: 1;
    transform: scale(1)
}

.download-button--outline .button {
    background-color: rgba(0, 0, 0, 0);
    background-position: 1.35em 50%;
    background-repeat: no-repeat;
    border: .1rem solid #0060fe;
    -webkit-border-radius: 3em;
    -moz-border-radius: 3em;
    border-radius: 3em;
    color: #0060fe;
    font-size: 1.6rem;
    padding: 1em 1.55em
}

.download-button--outline .button:before {
    content: ""
}

.download-button--outline .button.os-mac:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/6abbcfc6f332837b1b5b.ae2f0d4d1e08.svg?2a6821544077")
}

.download-button--outline .button.os-mac:hover:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/37954744e57e0ec219e0.fc285f61fb10.svg?efded63e9f29")
}

.download-button--outline .button.os-linux {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/feae07e77971014db6dd.33e51fb63286.svg?efded63e9f29")
}

.download-button--outline .button.os-linux:hover {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/0cb454474c14eeaab596.1a49a334cde3.svg?2a6821544077")
}

.download-button--outline .button.os-windows {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/1b31808f94d96477ac9f.2619586577f7.svg?efded63e9f29")
}

.download-button--outline .button.os-windows:hover {
    background-image: url("https://amplify.trustbi.com.br/lp/assets/logo%20icone.png?2a6821544077")
}

.download-button--outline .button:hover {
    background-color: #0060fe;
    color: #fff
}

.download-button--no-icon .button:before {
    display: none
}

.block--frame .download-button--wrapper .secondary-link {
    color: #000;
    font-weight: 400
}

.block--frame .download-button--wrapper .secondary-link a {
    color: #fff
}

.block--frame--pink .download-button--wrapper .secondary-link a,
.block--frame--pink--bg-fix .download-button--wrapper .secondary-link a {
    color: #fb637e
}

.block--frame--navy .download-button--wrapper .secondary-link a {
    color: #00249c
}

.feature-tile {
    -ms-flex-pack: space-between;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    min-height: 21rem;
    padding: 2.4rem;
    position: relative
}

.feature-tile,
.feature-tile__anchor {
    color: var(--opera-text-color)
}

.feature-tile__anchor:focus,
.feature-tile__anchor:hover {
    color: var(--opera-feature-tile-hover);
    text-decoration: underline
}

.feature-tile__anchor:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.section-features-list li:nth-child(n).tns-item .feature-tile {
    background-color: #e7edf1;
    margin-bottom: 2rem
}

.section-features-list .feature-name {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-flex
}

.section-features-list .feature-name img {
    height: 5.2rem;
    margin: 0 1rem 0 0
}

.section-features-list .feature-name h3 {
    font-size: 1.7rem;
    margin: 0
}

.section-features-list .feature-name a {
    color: inherit;
    text-decoration: none
}

.section-features-list .feature-name a:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.section-features-list .feature-wrapper {
    color: inherit;
    display: block;
    margin: 1rem;
    overflow: hidden;
    padding: 4rem 3rem;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.section-features-list .feature-wrapper:hover {
    background-color: #fff;
    opacity: 1
}

.section-features-list .feature-wrapper:hover:before {
    display: none
}

@media(max-width:768px) {
    .section-features-list .feature-slider .feature-wrapper {
        -moz-box-shadow: 0 8px 80px -12px hsla(0, 0%, 92%, .8);
        -ms-box-shadow: 0 8px 80px -12px hsla(0, 0%, 92%, .8);
        box-shadow: 0 8px 80px -12px hsla(0, 0%, 92%, .8)
    }
}

.section-features-list .feature-slider .feature-name img {
    margin: 0 0 1rem
}

.section-features-list--hoverable-box-shadow .feature-wrapper:hover {
    -moz-box-shadow: 0 8px 80px -12px hsla(0, 0%, 92%, .8);
    -ms-box-shadow: 0 8px 80px -12px hsla(0, 0%, 92%, .8);
    box-shadow: 0 8px 80px -12px hsla(0, 0%, 92%, .8)
}

.feature-promo {
    position: relative
}

.feature-promo--main-image img {
    width: 100%
}

.feature-promo--content {
    padding-top: 4.5rem
}

.feature-promo--cta {
    align-items: flex-start;
    color: #000;
    display: none;
    flex-direction: row-reverse;
    font-family: Space Mono, Roboto Mono, Courier New, monospace;
    text-decoration: none;
    text-transform: uppercase;
    transition: opacity .1s ease
}

.feature-promo--cta:after {
    background-color: #000;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    height: 10rem;
    margin-right: 1rem;
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/f04b6e345ce5ac184010.3c4663c8759e.svg?2a6821544077");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/f04b6e345ce5ac184010.3c4663c8759e.svg?2a6821544077");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    width: 1.2rem
}

.feature-promo--floating-header {
    align-items: flex-end;
    box-sizing: border-box;
    display: none
}

.feature-promo--floating-header--mobile {
    visibility: visible
}

.feature-promo--floating-header .title {
    position: sticky;
    top: 50vh
}

.section-feature-slider--slider {
    box-sizing: border-box;
    color: var(--opera-text-color);
    padding: 0 4rem;
    position: relative;
    width: 100%
}

.section-feature-slider--slider :active,
.section-feature-slider--slider :focus {
    outline: 0
}

.section-feature-slider--slider .tns-nav {
    text-align: center
}

.section-feature-slider--slider .tns-nav button {
    background-color: #ebebeb;
    border: 0;
    border-radius: 50%;
    height: .8rem;
    margin: 0 .4rem;
    padding: 0;
    width: .8rem
}

.section-feature-slider--slider .tns-nav button.tns-nav-active {
    background-color: #b1b1b1
}

.section-feature-slider--slider .tns-controls button {
    background: rgba(0, 0, 0, 0);
    border: 0;
    font-size: 0;
    height: 3rem;
    left: auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4rem;
    z-index: 1
}

.section-feature-slider--slider .tns-controls button:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/289dae8975839baa0466.0f27c2ca6cce.svg?efded63e9f29");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 65%;
    content: "";
    display: inline-block;
    height: 100%;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.section-feature-slider--slider .tns-controls button:hover:after {
    opacity: .6
}

.section-feature-slider--slider .tns-controls button:first-child {
    left: 0;
    right: auto
}

.section-feature-slider--slider .tns-controls button:first-child:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/28aed6f1e5d923bac07a.84227a1c513b.svg?2a6821544077");
    left: 0;
    right: auto
}

.section-feature-slider--slider .tns-controls button:first-child:hover:after {
    opacity: .6
}

.section-feature-slider--slider .tns-ovh {
    padding: 0 2rem
}

.feature-slider,
.features-list {
    padding-top: 1rem
}

.feature-slider .tns-item .feature-tile,
.features-list .tns-item .feature-tile {
    background-color: var(--opera-components-bg-color);
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    border-radius: 3rem;
    min-height: 40rem
}

.feature-slider .tns-item .feature-tile>img,
.features-list .tns-item .feature-tile>img {
    display: none
}

.feature-slider .tns-item .feature-tile .feature-text,
.features-list .tns-item .feature-tile .feature-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 30.2rem
}

.feature-slider .tns-item .feature-tile h3,
.feature-slider .tns-item .feature-tile h3 a,
.features-list .tns-item .feature-tile h3,
.features-list .tns-item .feature-tile h3 a {
    align-items: center;
    display: flex
}

.feature-slider .tns-item .feature-tile h3:before,
.features-list .tns-item .feature-tile h3:before {
    align-self: stretch;
    background-color: #58c095;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    content: "";
    display: inline-block;
    height: auto;
    margin-right: .7rem;
    min-height: 3.2rem;
    min-width: 1rem
}

.feature-slider .tns-item:nth-child(4n+1) .feature-tile h3:before,
.features-list .tns-item:nth-child(4n+1) .feature-tile h3:before {
    background-color: #58c095
}

.feature-slider .tns-item:nth-child(4n+2) .feature-tile h3:before,
.features-list .tns-item:nth-child(4n+2) .feature-tile h3:before {
    background-color: #2e78f6
}

.feature-slider .tns-item:nth-child(4n+3) .feature-tile h3:before,
.features-list .tns-item:nth-child(4n+3) .feature-tile h3:before {
    background-color: #e24c5e
}

.feature-slider .tns-item:nth-child(4n) .feature-tile h3:before,
.features-list .tns-item:nth-child(4n) .feature-tile h3:before {
    background-color: #aa78df
}

.feature-slider-item,
.features-list-item {
    cursor: default;
    display: block;
    text-decoration: none
}

.feature-slider-item .feature-wrapper,
.features-list-item .feature-wrapper {
    margin: 0
}

@media(max-width:768px) {

    .feature-slider-item .feature-wrapper,
    .features-list-item .feature-wrapper {
        padding: 4rem 1rem
    }

    .feature-slider-item .feature-wrapper .feature-name,
    .features-list-item .feature-wrapper .feature-name {
        display: block
    }
}

div[dir=rtl] .section-feature-slider {
    display: none
}

.hero-bottom {
    background-color: var(--opera-hero-bottom-background);
    color: #000;
    overflow: visible;
    position: relative
}

.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) 34%), radial-gradient(circle, rgba(80, 33, 255, .22) 0, hsla(0, 0%, 100%, 0) 33%);
    background-position-x: -60vw, 60vw;
    background-position-y: -16rem, -27rem;
    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) 34%), radial-gradient(circle, rgba(80, 33, 255, .222) 0, hsla(0, 0%, 100%, 0) 33%);
    background-position-x: -60vw, 60vw;
    background-position-y: -16rem, -27rem;
    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) 34%), radial-gradient(circle, rgba(87, 41, 255, .222) 0, hsla(0, 0%, 100%, 0) 33%);
    background-position-x: -60vw, 60vw;
    background-position-y: -16rem, -27rem;
    background-repeat: no-repeat
}

.hero-bottom__image {
    bottom: -9rem;
    margin-top: -9rem;
    position: relative
}

.hero-bottom__image.floating .floating-image {
    position: relative;
    top: 70%;
    transform: translateY(-50%)
}

.hero-bottom__image.floating .floating-image-wrapper {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.hero-bottom__image.floating .floating-image-wrapper.left {
    left: 0;
    right: auto
}

@media(width>=1485px) {
    .hero-bottom__image.floating .floating-image-wrapper.left {
        left: 5%
    }
}

.hero-bottom__image.floating .floating-image-wrapper.br {
    height: 75%
}

@media(min-width:768px)and (max-width:1024px) {
    .hero-bottom__image.floating .floating-image img {
        transform: scale(.8)
    }
}

.hero-bottom__main-content {
    margin-bottom: 12rem;
    position: relative;
    z-index: 1
}

.hero-bottom__p {
    font-weight: 400;
    line-height: 2.2rem;
    margin: 2rem 0
}

.hero-bottom__img {
    display: block;
    margin: 0 auto;
    position: relative;
    right: -2rem
}

.hero-bottom__img.stick-to-left {
    left: -2rem;
    max-width: 100vw
}

.hero-bottom .download-button--wrapper {
    display: block
}

.hero-bottom .download-button--wrapper .secondary-link a {
    text-decoration: none
}

.hero-bottom .download-button--wrapper .secondary-link a:hover {
    text-decoration: underline
}

.hero-bottom--color:after {
    border-radius: 50%;
    content: "";
    height: 55rem;
    left: 50%;
    margin-left: -27.5rem;
    position: absolute;
    top: -25%;
    width: 55rem;
    z-index: 0
}

.hero-bottom--color.blue-light {
    background-color: #92c1e9;
    color: #2084d9
}

.hero-bottom--color.blue-light:after {
    background-color: rgba(32, 132, 217, .2)
}

.hero-bottom--color.blue-light .download-button--wrapper .secondary-link {
    color: #000
}

.hero-bottom--color.blue-light .download-button--wrapper .secondary-link a {
    color: #fff
}

.hero-bottom--color.pink-light {
    background-color: #fabbcb;
    color: #fb637e
}

.hero-bottom--color.pink-light:after {
    background-color: rgba(251, 99, 126, .2)
}

.hero-bottom--color.green-light {
    background-color: #bde9c9;
    color: #59aa6f
}

.hero-bottom--color.green-light:after {
    background-color: rgba(89, 170, 111, .2)
}

.hero-bottom--color.green-light .download-button--wrapper .secondary-link {
    color: #000
}

.hero-bottom--color.green-light .download-button--wrapper .secondary-link .alternative-url {
    color: #fff
}

.hero-bottom--full-bg {
    background-position: 50% 11rem;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 56vh
}

.hero-bottom--full-bg:after {
    display: none
}

.hero-bottom .image-wrapper {
    display: flex;
    justify-content: right
}

.hero-bottom.hero-bottom__browser-ai {
    background-color: var(--opera-main-bg-color);
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/3db4c8d0eeee1800e605.22366f39f9c6.jpg?2a6821544077");
    background-repeat: no-repeat;
    background-size: 100% 100%
}

@media(max-width:768px) {
    .hero-bottom.hero-bottom__browser-ai {
        background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/e14a35e1efddaabfd7d0.fca0125d1ab9.jpg?2a6821544077")
    }
}

@media(max-width:1024px) {
    .home-page .hero-bottom .text-section--wrapper {
        margin-bottom: 15rem
    }
}

.dark-theme .hero-bottom {
    color: #fff
}

.hero-top {
    background-color: #e7edf1;
    color: var(--opera-text-color);
    margin-bottom: 15rem;
    padding-top: 11rem;
    position: relative
}

.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) 34%), radial-gradient(circle, rgba(80, 33, 255, .22) 0, hsla(0, 0%, 100%, 0) 33%);
    background-position-x: -60vw, 60vw;
    background-position-y: -16rem, -27rem;
    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) 34%), radial-gradient(circle, rgba(80, 33, 255, .222) 0, hsla(0, 0%, 100%, 0) 33%);
    background-position-x: -60vw, 60vw;
    background-position-y: -16rem, -27rem;
    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) 34%), radial-gradient(circle, rgba(87, 41, 255, .222) 0, hsla(0, 0%, 100%, 0) 33%);
    background-position-x: -60vw, 60vw;
    background-position-y: -16rem, -27rem;
    background-repeat: no-repeat
}

.hero-top h1 {
    margin: 0 0 1rem
}

.hero-top a:not(.button, .btn) {
    color: inherit;
    opacity: .5;
    text-decoration: underline;
    transition: all .2s ease
}

.hero-top a:not(.button, .btn):hover {
    opacity: 1
}

.hero-top__crop {
    bottom: 0;
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.hero-top__image {
    bottom: -13rem;
    margin-top: -13rem
}

.hero-top__image .right-shift {
    margin-right: -3rem
}

.hero-top__image .floating-image {
    height: 65%;
    position: sticky;
    top: 60vh
}

.hero-top__image .floating-image-wrapper {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.hero-top__image .floating-image-wrapper.left {
    left: 0;
    right: auto
}

@media(width>=1485px) {
    .hero-top__image .floating-image-wrapper.left {
        left: 5%
    }
}

.hero-top__image .floating-image-wrapper.br {
    height: 75%
}

@media(min-width:768px)and (max-width:1024px) {
    .hero-top__image .floating-image {
        height: 80%;
        transform: scale(.8)
    }
}

.hero-top__content {
    z-index: 1
}

@media(max-width:768px) {
    .hero-top__content .download-button--wrapper {
        display: block
    }

    .hero-top.content-overflow-hidden .hero-top__content {
        overflow: hidden
    }
}

.hero-top__subsection-img {
    margin-bottom: 4rem
}

.hero-top__subsection-img--left {
    left: -30%;
    position: relative
}

.hero-top__subsection-img--right {
    position: relative;
    right: -5%
}

.hero-top__subsection-video {
    left: -60vw;
    position: relative
}

.hero-top__subsection-video .block--video {
    max-width: none;
    width: 150vw
}

.hero-top__subsection-beside-video {
    position: relative;
    z-index: 1
}

.hero-top--keep-image .hero-top__image {
    bottom: 0;
    margin-top: 0
}

.hero-top--color .hero-top__crop {
    display: block
}

.hero-top--color.green-light {
    background-color: #bde9c9;
    color: #59aa6f
}

.hero-top--color.green-light .hero-top__crop:after {
    background-color: rgba(89, 170, 111, .2)
}

.hero-top--color.green-light--only-top {
    color: #59aa6f
}

.hero-top--color.green-light--only-top .hero-top--subsection {
    color: #000
}

.hero-top--color.green-light--only-top:after {
    background-color: #bde9c9;
    content: "";
    height: 93vh;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.hero-top--color.green-light .secondary-link {
    color: #000
}

.hero-top--color.green-light .secondary-link .alternative-url {
    color: #fff
}

.hero-top--color.green-light-inverted {
    background-color: #bde9c9;
    color: #00249c
}

.hero-top--color.green-light-inverted .hero-top__crop:after {
    background-color: rgba(89, 170, 111, .2)
}

.hero-top--color.pink-light {
    background-color: #fabbcb;
    color: #fb637e
}

.hero-top--color.pink-light .hero-top__crop:after {
    background-color: rgba(245, 218, 223, .3)
}

.hero-top--color.pink {
    background-color: #fabbcb;
    color: #fb637e
}

.hero-top--color.pink .hero-top__crop:after {
    background-color: rgba(251, 99, 126, .2)
}

.hero-top--color.pink-inverted {
    background-color: #fabbcb;
    color: #00249c
}

.hero-top--color.pink-inverted .hero-top__crop:after {
    background-color: rgba(251, 99, 126, .2)
}

.hero-top--color.blue-dark {
    background-color: #92c1e9;
    color: #2084d9
}

.hero-top--color.blue-dark .hero-top__crop:after {
    background-color: rgba(32, 132, 217, .2)
}

.hero-top--color.blue-dark-inverted {
    background-color: #92c1e9;
    color: #00249c
}

.hero-top--color.blue-dark-inverted .hero-top__crop:after {
    background-color: rgba(32, 132, 217, .2)
}

.hero-top--color.violet {
    background-color: #d6c8fc;
    color: #9779e5
}

.hero-top--color.violet .hero-top__crop:after {
    background-color: rgba(151, 121, 229, .2)
}

.hero-top--color.violet-inverted {
    background-color: #d6c8fc;
    color: #00249c
}

.hero-top--color.violet-inverted .hero-top__crop:after {
    background-color: rgba(151, 121, 229, .2)
}

.hero-top--color.gx-red {
    color: #fa1e4e
}

.hero-top--color.gx-red a:not(.button) {
    color: #8c7db0
}

.hero-top--color.gx-red .secondary-link {
    color: #4a3e65
}

.hero-top--color.generative-ai {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/62fca2fd16243f2ff226.3fe374164378.jpg?efded63e9f29");
    background-repeat: no-repeat;
    background-size: cover
}

.hero-top--color.generative-ai.bottom {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/3766429f976489be8d6e.da58746dd7b6.jpg?efded63e9f29")
}

.hero-top--color.gaming {
    background-color: #131019;
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/602cbb4d9794b55dbbc4.27fa96dc8c4a.png?efded63e9f29");
    background-repeat: no-repeat;
    background-size: cover
}

.hero-top--color.gaming .download-button--gx .button {
    font-weight: 400
}

.hero-top__persona {
    left: -2rem;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: calc(100% + 4rem)
}

.hero-top__persona img {
    display: block;
    margin: 0 auto
}

.hero-top.hero-top__browser-ai {
    background-color: var(--opera-main-bg-color);
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/3db4c8d0eeee1800e605.22366f39f9c6.jpg?2a6821544077");
    background-repeat: no-repeat;
    background-size: 100% 100%
}

@media(max-width:768px) {
    .hero-top.hero-top__browser-ai {
        background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/e14a35e1efddaabfd7d0.fca0125d1ab9.jpg?2a6821544077")
    }
}

.hero-top .aspect-ratio__1180-677 {
    aspect-ratio: 1180/677
}

.hero-top .aspect-ratio__277-587 {
    aspect-ratio: 277/587
}

.hero-top .aspect-ratio__294-586 {
    aspect-ratio: 294/586
}

.hero-top .aspect-ratio__452-538 {
    aspect-ratio: 452/538
}

.hero-top .aspect-ratio__501-453 {
    aspect-ratio: 501/453
}

.hero-top .aspect-ratio__396-498 {
    aspect-ratio: 396/498
}

.hover-line__element {
    display: inline-block;
    line-height: 1;
    overflow: hidden;
    padding-bottom: .4rem;
    padding-top: .4rem;
    pointer-events: none;
    position: relative
}

.hover-line__element:after {
    background-color: var(--opera-text-hover-color);
    bottom: 0;
    content: "";
    height: .1rem;
    left: -100%;
    position: absolute;
    width: 100%
}

.hover-line.active .hover-line__element:after {
    left: 0;
    transition: left .15s ease-in-out
}

.hover-line.mouse-out .hover-line__element:after {
    left: 100%;
    transition: left .15s ease-in-out
}

.hover-line.active,
.hover-line.keep-active {
    color: var(--opera-text-hover-color);
    transition: color .15s ease-in-out
}

.hover-line.keep-active .hover-line__element:after {
    left: 0
}

@media(max-width:767px) {
    .square-section {
        overflow: hidden;
        padding-left: 0;
        padding-right: 0
    }
}

.square-section__row {
    display: flex;
    flex-direction: row;
    margin-bottom: 2rem;
    margin-top: 2rem
}

.square-section__tile-content {
    background-color: #f2f5f8;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.square-section__tile-content-text {
    padding: 5rem 0
}

.square-section__tile-content p {
    opacity: .5
}

@media(max-width:768px) {
    .vertical-feature-tile-section {
        padding-left: 0;
        padding-right: 0
    }

    .vertical-feature-tile-section__row {
        margin-left: 0;
        margin-right: 0
    }
}

.vertical-feature-tile {
    display: flex;
    flex: 1;
    flex-direction: column
}

@media(max-width:768px) {
    .vertical-feature-tile {
        background-color: #f2f5f8;
        padding-left: 0;
        padding-right: 0
    }
}

@media(max-width:1024px) {
    .vertical-feature-tile:nth-child(2) {
        margin-top: 5rem
    }
}

@media(max-width:768px) {
    .vertical-feature-tile.messenger {
        display: none
    }
}

.vertical-feature-tile__content {
    background-color: #f2f5f8;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 5rem 3rem
}

.vertical-feature-tile__text,
.vertical-feature-tile__title {
    margin-bottom: 3rem
}

.vertical-feature-tile__description {
    display: flex;
    flex-direction: column;
    margin-top: auto
}

.browsers-page .vertical-feature-tile__content {
    height: 100%
}

.island-section {
    background-color: #f2f5f8
}

.island-section__title-text {
    margin-bottom: 5rem
}

@media(max-width:768px) {
    .island-section__container {
        background-color: #f2f5f8;
        padding: 5rem 2.7rem
    }
}

.island-section__content {
    background-color: #f2f5f8;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    border-radius: 3rem;
    line-height: 0;
    padding-left: 5rem;
    padding-top: 5rem;
    position: relative
}

.island-section__content img {
    margin: 0
}

.island-section__content--home {
    margin-top: 5rem
}

.island-section__content--home .arrow-link {
    margin: 2rem 0
}

@media(max-width:768px) {
    .island-section__content {
        display: flex;
        flex-direction: column-reverse;
        padding: 0 3rem
    }

    .island-section__content img {
        margin-bottom: 5rem
    }
}

.island-section__description {
    margin-bottom: 5rem;
    margin-right: 3rem
}

@media(max-width:768px) {
    .island-section__description {
        flex-direction: column;
        margin: 0
    }

    .island-section__description h3 {
        margin-bottom: 3rem;
        padding: 0
    }
}

.island-section__text {
    margin: 0;
    padding-left: 1rem
}

.island-section__arrow {
    bottom: 3rem;
    left: 5rem;
    position: absolute
}

@media(max-width:768px) {
    .island-section__text {
        margin-bottom: 3rem;
        padding: 0
    }

    .island-section__arrow {
        bottom: unset;
        left: unset;
        position: relative
    }
}

.press-coverage__img {
    border-radius: 3rem
}

.press-coverage__row {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.press-coverage__tile-content {
    background-color: #f2f5f8;
    border-radius: 3rem;
    height: 100%;
    padding: 1rem;
    width: 100%
}

.more-about-section__title {
    margin-bottom: 2rem
}

@media(max-width:768px) {
    .more-about-section .more-about-aria:first-child {
        margin-bottom: 2rem
    }
}

.more-about-section .more-about-aria__content {
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    border-radius: 3rem;
    height: 100%
}

.more-about-section .more-about-aria__description {
    padding: 2rem 2.4rem 3.2rem
}

.more-about-section .more-about-aria__text {
    font-family: Space Mono, Roboto Mono, Courier New, monospace;
    margin-bottom: 1.5rem
}

.more-about-section .more-about-aria__title {
    border-top: 1px solid #3c4055;
    line-height: 4rem;
    margin: 0;
    padding-top: 1.5rem
}

.dark-theme .more-about-section {
    color: #fff
}

.dark-theme .more-about-aria__content {
    background-color: var(--opera-components-bg-color)
}

.dark-theme .more-about-aria__text {
    color: #5021ff
}

.v2023 .product-bar {
    background-color: #fff;
    border: .1rem solid #d0dbe3;
    padding: 3rem 2rem 2rem
}

.v2023 .product-bar:first-of-type {
    margin-top: 4.5rem
}

.v2023 .product-bar .download-button--wrapper {
    margin-top: 2rem
}

.v2023 .product-bar .download-button--wrapper .secondary-link {
    border: 1px solid #e6e6e6;
    border-radius: 1.4rem;
    font-size: 1rem;
    line-height: 1.6rem;
    margin-top: 1rem;
    padding: 1rem 2.4rem
}

.v2023 .product-bar__icon {
    margin-right: 1rem;
    width: 2.2rem
}

@media(max-width:768px) {
    .v2023 .product-bar__icon {
        width: 1.8rem
    }
}

.v2023 .product-bar .product-bar__heading {
    color: #000;
    font-size: 2rem;
    font-weight: 600;
    margin: 0
}

.v2023 .product-bar__paragraph {
    font-size: 1.8rem;
    margin: 0 0 0 1rem
}

.simple-slider {
    position: relative
}

.simple-slider .tns-nav {
    text-align: center
}

.simple-slider .tns-nav button {
    background-color: #e6e6e6;
    border: 0;
    border-radius: 50%;
    height: 1rem;
    margin: 0 .25rem;
    padding: 0;
    width: 1rem
}

.simple-slider .tns-nav button.tns-nav-active {
    background-color: rgba(0, 0, 0, .5)
}

.simple-slider .tns-controls button {
    background-color: rgba(0, 0, 0, .5);
    border: 0;
    height: 2rem;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 2rem;
    z-index: 80
}

.simple-slider .tns-controls button[data-controls=prev] {
    left: 0;
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/c69ced9eb290f7ad183d.c4b86b769b08.svg?2a6821544077");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/c69ced9eb290f7ad183d.c4b86b769b08.svg?2a6821544077");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%
}

.simple-slider .tns-controls button[data-controls=next] {
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/ae715c3fb95e133ea466.54cfdcf4104e.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/ae715c3fb95e133ea466.54cfdcf4104e.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    right: 0
}

.simple-slider .tns-controls button[disabled] {
    background-color: #e6e6e6
}

.feature-table img {
    height: 5.2rem
}

.feature-page .section-header {
    padding-bottom: 35rem
}

.feature-page .section-header svg path {
    fill: #0299ff;
    fill-rule: evenodd
}

.feature-page .section-screenshot img {
    margin-top: -35rem;
    width: 100%;
    z-index: 1
}

.feature-page .section-screenshot .info-message {
    color: #0299ff;
    font-weight: 400;
    text-align: center
}

.feature-page--main-section .feature-page--img-section {
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start
}

.feature-page--main-section.reverse .feature-page--img-section {
    -ms-flex-pack: flex-end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right
}

.feature-page--main-section .bubbles-group--left-top,
.feature-page--main-section .bubbles-group--right-top {
    top: 10rem
}

.feature-page .simple-slider .tns-item {
    margin: 0 auto;
    max-width: 78rem;
    text-align: center
}

.feature-page .simple-slider .tns-nav {
    margin-top: 7rem
}

.feature-page .simple-slider .tns-nav button {
    height: .8rem;
    margin: 0 .75rem;
    width: .8rem
}

.feature-page .simple-slider .tns-nav button.tns-nav-active {
    background-color: #000
}

.feature-page .simple-slider .tns-controls button {
    background-color: #000;
    top: 43%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.feature-page .simple-slider .tns-controls button[data-controls=prev] {
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/12a67856463b108d403c.04d22e84247c.svg?2a6821544077");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/12a67856463b108d403c.04d22e84247c.svg?2a6821544077");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%
}

.feature-page .simple-slider .tns-controls button[data-controls=next] {
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/4bd99d9bd226ba406ccb.9bd90c944fec.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/4bd99d9bd226ba406ccb.9bd90c944fec.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%
}

.feature-page .simple-slider .tns-controls button:not([disabled]):hover {
    background-color: #00249c
}

@media(max-width:1024px) {
    .feature-page .vpn-banner {
        margin-bottom: 7rem;
        margin-top: 7rem
    }

    .feature-page .vpn-banner__text {
        padding: 3rem
    }
}

.v2023 main {
    font-family: Be Vietnam Pro, Roboto, Averta, Arial, sans-serif
}

.v2023 body {
    background: var(--opera-body-bg-color)
}

.v2023.dark-theme {
    background-color: var(--opera-main-bg-color)
}

.v2023.dark-theme body {
    background: var(--opera-body-bg-color)
}

.v2023.dark-theme main {
    background-color: var(--opera-main-bg-color)
}

.mobile-touch-page .section-hero {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/41df8d29fa3837505c8a.000e7645b69c.png?efded63e9f29");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff
}

.mobile-touch-page .section-hero h1 {
    font-weight: 100
}

.mobile-touch-page .section-hero,
.mobile-touch-page .section-video {
    background-color: #160b32
}

.box-component {
    flex: 1;
    flex-direction: column;
    padding: 1rem 0
}

.box-component,
.box-component__content {
    box-sizing: border-box;
    display: flex;
    height: 100%
}

.box-component__content {
    background-color: var(--opera-components-bg-color);
    -webkit-border-radius: 3.2rem;
    -moz-border-radius: 3.2rem;
    border-radius: 3.2rem;
    color: var(--opera-text-color);
    flex-direction: column;
    padding: 4rem 2rem
}

.box-component__description {
    display: flex;
    flex-direction: column
}

.box-component__heading {
    display: flex;
    flex-direction: row
}

.box-component__heading h5 {
    margin: 0
}

.box-component__image {
    margin-top: 3.2rem
}

.box-component__v3 {
    -webkit-border-radius: 3.2rem;
    -moz-border-radius: 3.2rem;
    border-radius: 3.2rem;
    overflow: hidden
}

.box-component__v3 .box-component__content {
    padding: 0
}

.box-component__v3 .box-component__texts {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    padding: 4rem 2rem 2rem
}

.box-component__v3 .box-component__image {
    -moz-border-radius-topleft: 3.2rem;
    -moz-border-radius-topright: 3.2rem;
    -webkit-border-top-left-radius: 3.2rem;
    border-top-left-radius: 3.2rem;
    -webkit-border-top-right-radius: 3.2rem;
    border-top-right-radius: 3.2rem;
    margin: 0;
    max-height: 20rem;
    object-fit: cover
}

.box-component__v5 {
    -webkit-border-radius: 3.2rem;
    -moz-border-radius: 3.2rem;
    border-radius: 3.2rem;
    overflow: hidden
}

.box-component__v5 .box-component__content {
    padding: 0
}

.box-component__v5 .box-component__texts {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 4rem 2rem 2rem
}

.box-component__v5 .box-component__category {
    color: var(--opera-text-hover-color);
    font-family: Space Mono, Roboto Mono, Courier New, monospace;
    margin: 0
}

.box-component__v5 .box-component__heading a,
.box-component__v5 .box-component__heading span {
    color: var(--opera-text-color)
}

.box-component__v5 .box-component__heading a:hover {
    color: var(--opera-text-hover-color);
    text-decoration: none
}

.box-component__v5 .box-component__image {
    -moz-border-radius-topleft: 3.2rem;
    -moz-border-radius-topright: 3.2rem;
    -webkit-border-top-left-radius: 3.2rem;
    border-top-left-radius: 3.2rem;
    -webkit-border-top-right-radius: 3.2rem;
    border-top-right-radius: 3.2rem;
    margin: 0;
    max-height: 20rem;
    object-fit: cover
}

.box-component__v6 {
    padding: 0 0 2rem
}

.box-component__v6 .box-component__content {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly
}

.box-component__v6 .box-component__headings {
    color: var(--opera-text-hover-color);
    display: flex;
    flex-direction: column;
    font-family: Space Mono, Roboto Mono, Courier New, monospace
}

.box-component__v4 .box-component__content {
    justify-content: center;
    min-height: 40.8rem
}

.box-component__v4 .box-component__description {
    margin-top: 0
}

.box-component__v4.box-component--only-img .box-component__content {
    overflow: hidden;
    padding: 0
}

.box-component__v4.box-component--only-img .box-component__image {
    -webkit-border-radius: 3.2rem;
    -moz-border-radius: 3.2rem;
    border-radius: 3.2rem;
    margin: 0
}

.box-component__icon {
    align-items: center;
    background: var(--surface-surface-secondary);
    border-radius: 10px;
    display: flex;
    flex-basis: 4rem;
    flex-grow: 0;
    flex-shrink: 0;
    height: 4rem;
    justify-content: center;
    margin-right: 2rem;
    position: relative;
    width: 4rem
}

.box-component__icon:after {
    background-color: var(--opera-text-color);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    height: 2rem;
    width: 2rem
}

.box-component__icon--ad-blocker:after {
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/06eb5db6f4732dca6f03.59cbd08d9b4f.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/06eb5db6f4732dca6f03.59cbd08d9b4f.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%
}

.box-component__icon--easy-setup:after {
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/904bc8b5f016950ff351.f53e09850a99.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/904bc8b5f016950ff351.f53e09850a99.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%
}

.box-component__icon--video-pop-out:after {
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/ba3aa96a54255a1ef80f.c3aed63aeec8.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/ba3aa96a54255a1ef80f.c3aed63aeec8.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%
}

.box-component__icon--vpn:after {
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/9ebdf1020e1d77c016b0.7f47b31cd850.svg?2a6821544077");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/9ebdf1020e1d77c016b0.7f47b31cd850.svg?2a6821544077");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%
}

.box-component__icon--x:after {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/6df437e8ca293e1c307e.de757b726cfd.svg?efded63e9f29")
}

.box-component__icon--aria:after {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/4a2756bff01ea6bd2e5e.49bd4f633a75.svg?efded63e9f29")
}

.box-component__icon--bookmarks:after {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/0f780be91aa2943915df.4114aa9ccad7.svg?efded63e9f29")
}

.box-component__icon--useaccount:after {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/3c8f26b1fb567a1dfaaf.0c228044efc6.svg?2a6821544077")
}

.box-component__icon--01-default:after {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/03cf74636db99b11cbf9.a642a673eb56.svg?efded63e9f29")
}

.box-component__icon--cahsback:after {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/6dca53d506ff79f2b2f7.daf343aea1c3.svg?efded63e9f29")
}

.box-component__icon--thumb-up:after {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/45bc3100f9b83c1fa159.1518714da969.svg?2a6821544077")
}

.box-component__icon--extensions:after {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/6fa3b8e2334eda4ad1a4.f81a522b271a.svg?efded63e9f29")
}

.box-component__icon--lucid-mode:after {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/f0844db98bb922baa94f.3a520e3dcf25.svg?efded63e9f29")
}

.box-component__icon--happy:after {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/72b2050f1ba99eac1ad1.e9425ff39e95.svg?efded63e9f29")
}

.button-component {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    text-align: center
}

.button-component a {
    text-decoration: none
}

.button-component__v-basic {
    background-color: var(--opera-text-hover-color);
    -webkit-border-radius: 1.6rem;
    -moz-border-radius: 1.6rem;
    border-radius: 1.6rem;
    padding: 1.6rem 3.2rem;
    -webkit-transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -ms-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
    width: 100%
}

.button-component__v-basic:hover {
    background-color: var(--opera-feature-tile-hover)
}

.button-component__v-basic .text {
    color: #fff;
    font-weight: 700
}

.button-component__v-basic .os:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 1.5rem;
    margin-right: 1rem;
    vertical-align: text-top;
    width: 1.5rem
}

.button-component__v-basic .os-windows:before {
    background-image: url("https://amplify.trustbi.com.br/lp/assets/logo%20icone.png")
}

.button-component__v-basic .os-mac:before {
    background-image: url("https://amplify.trustbi.com.br/lp/assets/logo%20icone.png")
}

.button-component__v-basic .os-linux:before {
    background-image: url("https://amplify.trustbi.com.br/lp/assets/logo%20icone.png")
}

.button-component__v-basic .os-default:before {
    background-image: url("https://amplify.trustbi.com.br/lp/assets/logo%20icone.png")
}

.button-component__v-basic-light {
    background-color: var(--opera-main-bg-color);
    border: .2rem solid var(--opera-text-color);
    -webkit-border-radius: 1.6rem;
    -moz-border-radius: 1.6rem;
    border-radius: 1.6rem;
    padding: 1.6rem 3.2rem;
    -webkit-transition: border-color .15s ease-in-out;
    -moz-transition: border-color .15s ease-in-out;
    -ms-transition: border-color .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out;
    transition: border-color .15s ease-in-out;
    width: 100%
}

.button-component__v-basic-light .text {
    color: var(--opera-text-color);
    font-weight: 700;
    -webkit-transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    -ms-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

.button-component__v-basic-light:hover {
    border-color: var(--opera-text-hover-color)
}

.button-component__v-basic-light:hover .text {
    color: var(--opera-text-hover-color)
}

.logo-component.black {
    filter: brightness(0)
}

.logo-component.invert {
    filter: brightness(0) invert(100%)
}

.hero {
    background-color: var(--opera-hero-background);
    color: var(--opera-text-color);
    margin-bottom: 11rem;
    padding-top: 11rem;
    position: relative
}

.hero.hero--transparent {
    background: rgba(0, 0, 0, 0)
}

.hero.img_bg {
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.hero.hero--glow-color-1--purple {
    --opera-hero-glow-1-color-1: rgba(170, 120, 223, .23)
}

.hero.hero--glow-color-1--coral {
    --opera-hero-glow-1-color-1: rgba(226, 76, 94, .23)
}

.hero.hero--glow-color-1--orange {
    --opera-hero-glow-1-color-1: rgba(239, 141, 75, .23)
}

.hero.hero--glow-color-1--sunny {
    --opera-hero-glow-1-color-1: hsla(40, 78%, 69%, .23)
}

.hero.hero--glow-color-1--avocado {
    --opera-hero-glow-1-color-1: rgba(88, 192, 149, .23)
}

.hero.hero--glow-color-1--aurora {
    --opera-hero-glow-1-color-1: rgba(123, 198, 215, .23)
}

.hero.hero--glow-color-1--sapphire {
    --opera-hero-glow-1-color-1: rgba(46, 120, 246, .23)
}

.hero.hero--glow-color-1--cobalt {
    --opera-hero-glow-1-color-1: rgba(80, 33, 255, .23)
}

.hero.hero--glow-color-2--purple {
    --opera-hero-glow-2-color-1: rgba(170, 120, 223, .22)
}

.hero.hero--glow-color-2--coral {
    --opera-hero-glow-2-color-1: rgba(226, 76, 94, .22)
}

.hero.hero--glow-color-2--orange {
    --opera-hero-glow-2-color-1: rgba(239, 141, 75, .22)
}

.hero.hero--glow-color-2--sunny {
    --opera-hero-glow-2-color-1: hsla(40, 78%, 69%, .22)
}

.hero.hero--glow-color-2--avocado {
    --opera-hero-glow-2-color-1: rgba(88, 192, 149, .22)
}

.hero.hero--glow-color-2--aurora {
    --opera-hero-glow-2-color-1: rgba(123, 198, 215, .22)
}

.hero.hero--glow-color-2--sapphire {
    --opera-hero-glow-2-color-1: rgba(46, 120, 246, .22)
}

.hero.hero--glow-color-2--cobalt {
    --opera-hero-glow-2-color-1: rgba(80, 33, 255, .22)
}

.hero.hero--glow {
    background: radial-gradient(circle, var(--opera-hero-glow-1-color-1) 0, var(--opera-hero-glow-1-color-2) 34%), radial-gradient(circle, var(--opera-hero-glow-2-color-1) 0, var(--opera-hero-glow-2-color-2) 33%);
    background-position-x: -60vw, 60vw;
    background-repeat: no-repeat
}

.hero h1 {
    margin: 0 0 1rem
}

.hero a:not(.button, .btn) {
    color: inherit;
    opacity: .5;
    text-decoration: underline;
    transition: all .2s ease
}

.hero a:not(.button, .btn):hover {
    opacity: 1
}

.hero__image {
    bottom: -9rem;
    margin-top: -9rem
}

.hero__image .floating-image {
    position: sticky;
    top: 60vh
}

.hero__image .floating-image-wrapper {
    bottom: -6rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.hero__image .floating-image-wrapper.left {
    left: 0;
    right: auto
}

@media(width>=1485px) {
    .hero__image .floating-image-wrapper.left {
        left: 5%
    }
}

.hero__image .floating-image-wrapper.br {
    height: 75%
}

@media(min-width:768px)and (max-width:1024px) {
    .hero__image .floating-image {
        height: 80%;
        transform: scale(.8)
    }
}

.hero__content {
    z-index: 1
}

@media(max-width:768px) {
    .hero__content .download-button--wrapper {
        display: block
    }
}

.hero .aspect-ratio__1180-677 {
    aspect-ratio: 1180/677
}

.hero .aspect-ratio__277-587 {
    aspect-ratio: 277/587
}

.hero .aspect-ratio__294-586 {
    aspect-ratio: 294/586
}

.hero .aspect-ratio__452-538 {
    aspect-ratio: 452/538
}

.hero .aspect-ratio__501-453 {
    aspect-ratio: 501/453
}

.hero .aspect-ratio__396-498 {
    aspect-ratio: 396/498
}

.hero.hero--placement-bottom {
    margin-top: 6rem;
    overflow: visible;
    padding-top: 6rem
}

.hero.hero--placement-bottom .hero__image .floating-image {
    position: relative;
    top: 70%;
    transform: translateY(-60%)
}

.parallax {
    position: relative
}

.parallax__main-image img {
    width: 100%
}

.parallax__content {
    height: calc(100% - 4px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.parallax__cta {
    align-items: flex-start;
    color: #000;
    display: inline-flex;
    flex-direction: row-reverse;
    font-family: Space Mono, Roboto Mono, Courier New, monospace;
    justify-content: flex-end;
    max-width: 300px;
    padding-top: 3.2rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: opacity .1s ease;
    width: 50%
}

.parallax__cta:after {
    background-color: var(--opera-text-color)
}

.parallax__cta:after,
.parallax__cta:hover:after {
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    height: 10rem;
    margin-right: 1rem;
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/f04b6e345ce5ac184010.3c4663c8759e.svg?2a6821544077");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/f04b6e345ce5ac184010.3c4663c8759e.svg?2a6821544077");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    width: 1.2rem
}

.parallax__cta:hover:after {
    background-color: var(--opera-text-hover-color)
}

.parallax__floating-header {
    box-sizing: border-box;
    display: none;
    height: calc(50% + 4.8rem + var(--floating-text-height))
}

.parallax__floating-header--mobile {
    visibility: visible
}

.parallax__floating-header__item {
    left: 0;
    position: sticky;
    top: 50vh;
    transform: translateY(-50%)
}

.parallax__floating-container {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.parallax__floating-container--contain {
    contain: paint
}

.parallax .title {
    color: var(--opera-text-color);
    max-width: 580px
}

.parallax .title--nocolor span {
    color: var(--opera-main-bg-color)
}

.parallax .title.title--colored--purple span {
    color: #aa78df
}

.parallax .title.title--colored--coral span {
    color: #e24c5e
}

.parallax .title.title--colored--orange span {
    color: #ef8d4b
}

.parallax .title.title--colored--sunny span {
    color: #eec574
}

.parallax .title.title--colored--avocado span {
    color: #58c095
}

.parallax .title.title--colored--aurora span {
    color: #7bc6d7
}

.parallax .title.title--colored--sapphire span {
    color: #2e78f6
}

.parallax .title.title--colored--cobalt span {
    color: #5021ff
}

.parallax__text {
    color: var(--opera-text-bw-50)
}

.parallax .horizontal-divider {
    background-color: var(--opera-border-color);
    height: 1px;
    margin: 3.2rem 0;
    width: 100%
}

.title_component {
    display: flex;
    flex-direction: column
}

.title_component .primary_text {
    font-weight: 900;
    line-height: normal;
    margin: 0;
    text-transform: uppercase
}

.title_component .secondary_text {
    color: var(--opera-text-bw-50);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 2.4rem
}

.title_component--horizontal .primary_text {
    margin-right: 2rem
}

.title_component--horizontal .secondary_text.no-margin {
    margin-top: 0
}

.title_component.title_component_size-80-48 .primary_text {
    font-size: 4.8rem
}

.title_component.title_component_size-64-40 .primary_text {
    font-size: 4rem
}

.title_component.title_component_size-64-40 .secondary_text {
    font-size: 2.4rem
}

.title_component.title_component_size-56-40 .primary_text {
    font-size: 4rem
}

.title_component.title_component_size-56-40 .secondary_text {
    font-size: 1.6rem
}

.title_component.title_component_size-40-32 .primary_text {
    font-size: 3.2rem
}

.title_component.title_component_size-40-32 .secondary_text {
    font-size: 1.4rem
}

.title_component.title_component_size-32-24 .primary_text {
    font-size: 2.4rem
}

.title_component.title_component_size-32-24 .secondary_text {
    font-size: 1.4rem
}

.tile-component {
    -ms-flex-pack: space-between;
    background-color: var(--opera-components-bg-color);
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    border-radius: 3rem;
    box-sizing: border-box;
    color: var(--opera-text-color);
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    min-height: 40rem;
    padding: 2.4rem
}

.tile-component h3 a {
    color: var(--opera-text-color);
    text-decoration: none
}

.tile-component h3 a:hover {
    color: var(--opera-text-hover-color);
    text-decoration: underline
}

.tile-component h3:before {
    background-color: #58c095;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: .7rem;
    min-height: 3.2rem;
    min-width: 1rem;
    width: 1rem
}

.tile-component.canyon-coral h3:before {
    background-color: #e24c5e
}

.tile-component.summit-sapphire h3:before {
    background-color: #2e78f6
}

.tile-component.peninsula-purple h3:before {
    background-color: #aa78df
}

.benefits {
    color: var(--opera-text-color)
}

.benefits .tile-component h3 {
    align-items: center;
    display: flex
}

.testimonials {
    color: var(--opera-text-color)
}

.testimonials h3 {
    color: var(--opera-text-bw-50)
}

.testimonials--container {
    display: table;
    height: 100%
}

.testimonials--container>.testimonial.tns-item {
    display: table-cell
}

.testimonials .testimonial__feature .company-img-wrapper {
    align-items: center;
    background: var(--surface-surface-secondary);
    border-radius: .8rem;
    display: flex;
    height: 4rem;
    justify-content: center;
    width: 4rem
}

.testimonials .testimonial__feature .company-img-wrapper img {
    filter: saturate(0) var(--opera-filter-from-black);
    height: 1.8rem;
    width: 1.8rem
}

.testimonials .testimonial--heading {
    font-size: 1.8rem;
    font-weight: 700;
    margin-left: 1rem
}

.testimonials .testimonial--inner {
    background-color: var(--opera-components-bg-color);
    border-radius: 3.2rem;
    box-sizing: border-box
}

.testimonials .testimonial--paragraph:before {
    color: var(--opera-border-color);
    content: "”";
    display: block;
    font-family: math, Be Vietnam Pro, Roboto, Averta, Arial, sans-serif;
    font-size: 5rem;
    line-height: 4rem
}

.testimonials .company-img {
    border-radius: 50%
}

.testimonials a,
.testimonials span {
    color: var(--opera-text-color)
}

.banner {
    display: flex
}

.banner__title {
    color: var(--opera-text-color)
}

.banner__container {
    background-color: var(--opera-big-gray-box-bg-color);
    border-radius: 3.2rem;
    color: var(--opera-bg-bw-50-reversed);
    overflow: hidden;
    width: 100%
}

.banner__container .banner-copy a {
    color: var(--opera-bg-bw-50-reversed);
    transition: .1s
}

.banner__container .banner-copy a:hover {
    color: var(--opera-text-hover-color)
}

.banner__icon {
    align-items: center;
    background-color: var(--surface-surface-secondary);
    border-radius: 10px;
    display: flex;
    height: 4rem;
    justify-content: center;
    margin-top: 3.2rem;
    position: relative;
    width: 4rem
}

.banner__icon img {
    height: 1.6rem;
    width: 1.6rem
}

.banner .banner__row {
    flex-direction: column-reverse
}

.banner .banner__row>div {
    -ms-flex-pack: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center
}

.banner__col-img-wrapper {
    width: 100%
}

.banner__col-img {
    background-color: var(--surface-surface-secondary);
    margin-right: -2rem;
    max-width: 100%;
    overflow: hidden
}

.banner__col-img img {
    min-width: 100%;
    object-fit: cover;
    object-position: left;
    vertical-align: top
}

@media(max-width:1024px) {
    .banner__cta-browsers-opera {
        justify-content: center
    }
}

.dark-theme .banner__icon img:not(.icon-color) {
    filter: brightness(0) saturate(100%) invert(96%) sepia(7%) saturate(151%) hue-rotate(161deg) brightness(98%) contrast(94%)
}

.horizontal-slider {
    overflow: auto
}

.horizontal-slider__main {
    display: flex;
    flex-wrap: nowrap;
    padding: 0
}

@media(max-width:1024px) {
    .horizontal-slider__main {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: auto !important
    }
}

.horizontal-slider__nav {
    bottom: 0;
    left: 0;
    padding-bottom: 3rem;
    position: absolute;
    right: 0
}

.horizontal-slider__nav.active {
    display: block
}

.horizontal-slider__details small {
    color: rgba(0, 0, 0, .5);
    display: inline-block;
    font-size: 1.2rem;
    margin-bottom: 3rem;
    text-transform: uppercase
}

.horizontal-slider__slide {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0 5vw;
    position: relative;
    width: 100%
}

.horizontal-slider__heading {
    color: var(--opera-text-color);
    margin-bottom: 3rem
}

.horizontal-slider__heading a {
    color: var(--opera-text-color);
    text-decoration: none
}

.horizontal-slider__heading a:hover {
    color: #000
}

.horizontal-slider__paragraph {
    color: var(--opera-text-color);
    font-size: 1.8rem;
    opacity: .5;
    position: relative
}

.horizontal-slider__paragraph--cta {
    border-top: 2px solid #d0dbe3;
    font-family: Space Mono, Roboto Mono, Courier New, monospace;
    margin-top: 2.5rem;
    opacity: 1;
    padding-top: 2rem
}

.horizontal-slider .read_more_btn {
    border-top: 1px solid #e6e6e6;
    font-size: 1.7rem;
    margin-top: 1.4rem;
    padding-top: .9rem
}

.horizontal-slider__icon {
    margin-bottom: 3rem;
    width: 6.4rem
}

.horizontal-slider__picture {
    text-align: center
}

.horizontal-slider__image {
    box-sizing: border-box;
    margin: 4rem 0 6rem;
    max-height: 41vh
}

.v2023 {
    color: var(--opera-text-color)
}

.v2023 .horizontal-slider__slide {
    background-color: var(--opera-components-bg-color)
}

@media(max-width:1024px) {
    .v2023 .horizontal-slider__slide {
        flex-direction: column-reverse;
        padding-bottom: 5rem
    }

    .v2023 .horizontal-slider__slide .horizontal-slider__image {
        margin-bottom: 3rem;
        margin-top: 5rem
    }

    .v2023 .horizontal-slider__slide:nth-child(2n) {
        background-color: var(--opera-horz-slider-even-child-color)
    }
}

.v2023 .browsers-page .horizontal-slider__slide {
    background-color: #f2f5f8
}

@media(max-width:1024px) {
    .v2023 .browsers-page .horizontal-slider__slide:nth-child(2n) {
        background-color: #e7edf1
    }
}

@media(max-width:1023px) {
    .slider-component__wrapper .tns-slider.tns-horizontal {
        display: -ms-flexbox;
        display: -webkit-flex
    }

    .slider-component__wrapper .tns-slider.tns-horizontal>.tns-item>div {
        height: 100%
    }
}

.slider-component__wrapper .tns-item {
    cursor: grab
}

.slider-component__navigation {
    font-family: Space Mono, Roboto Mono, Courier New, monospace;
    position: relative
}

.slider-component__navigation:before {
    border-bottom: 1px solid;
    border-bottom-color: var(--opera-slide-nav-progress);
    border-left-color: var(--opera-slide-nav-progress);
    border-right-color: var(--opera-slide-nav-progress);
    border-top-color: var(--opera-slide-nav-progress);
    color: var(--opera-slide-navigation-color);
    content: "";
    display: flex;
    font-size: 1rem;
    height: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 0
}

.slider-component__navigation span {
    background-color: var(--opera-slide-navigation-bg-color)
}

.slider-component__navigation__index,
.slider-component__navigation__slide-count {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.slider-component__navigation__index {
    color: var(--opera-text-color);
    margin-right: .5rem
}

.slider-component__navigation__slide-count {
    color: var(--opera-slide-nav-progress);
    margin-left: .5rem
}

.slider-component__navigation .arrow_nav {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    text-align: right
}

.slider-component__navigation .arrow_nav>span {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.slider-component__navigation .arrow_nav>span:after {
    background-color: var(--opera-slide-nav-progress);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 1.6em;
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/ac27761d86bd67b2f812.29271fd0fa67.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/ac27761d86bd67b2f812.29271fd0fa67.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    opacity: 1;
    width: 26vw
}

.slider-component__navigation .arrow_nav>span.active {
    cursor: pointer
}

.slider-component__navigation .arrow_nav>span.active:after {
    background-color: var(--opera-text-color)
}

.slider-component__navigation .arrow_nav>span.active:hover:after {
    background-color: var(--opera-text-hover-color)
}

.slider-component__navigation .arrow_nav>span.next:after {
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/3df4f06d6ca308d60c4f.b703616ac26f.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/3df4f06d6ca308d60c4f.b703616ac26f.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%
}

.dark-theme .slider-component__icon img:not(.icon-color) {
    filter: brightness(0) saturate(100%) invert(96%) sepia(7%) saturate(151%) hue-rotate(161deg) brightness(98%) contrast(94%)
}

.slider-navigation {
    border-bottom: 1px solid #ccc;
    color: var(--opera-slide-navigation-color);
    font-size: 1rem;
    height: 1.3rem;
    position: relative
}

.slider-navigation span {
    background-color: var(--opera-slide-navigation-bg-color);
    border-radius: .5rem
}

.slider-navigation__index {
    color: var(--opera-text-color);
    margin-right: .5rem
}

.slider-navigation__slide-count {
    color: var(--opera-slide-nav-progress);
    margin-left: .5rem
}

.slider-navigation__progress {
    background-color: #ccc;
    bottom: 0;
    height: .1rem;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1
}

.slider-navigation .arrow_nav {
    text-align: right
}

.slider-navigation .arrow_nav>span {
    cursor: auto;
    display: inline-block;
    position: relative;
    top: -.2rem
}

.slider-navigation .arrow_nav>span:after {
    background-color: #000;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 1.6em;
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/12a67856463b108d403c.04d22e84247c.svg?2a6821544077");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/12a67856463b108d403c.04d22e84247c.svg?2a6821544077");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 48%;
    -webkit-mask-size: 48%;
    opacity: 1;
    width: 1.6em
}

.slider-navigation .arrow_nav>span.next:after {
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/4bd99d9bd226ba406ccb.9bd90c944fec.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/4bd99d9bd226ba406ccb.9bd90c944fec.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 48%;
    -webkit-mask-size: 48%
}

.v2023 .slider-navigation {
    border-color: var(--opera-slide-nav-progress);
    color: #e7edf1;
    font-family: Space Mono, Roboto Mono, Courier New, monospace
}

@media(max-width:1024px) {
    .v2023 .slider-navigation {
        height: .8rem
    }
}

.v2023 .slider-navigation__progress {
    background-color: var(--opera-slide-nav-progress)
}

.v2023 .slider-navigation .arrow_nav>span:after {
    background-color: var(--opera-slide-nav-progress);
    background-repeat: no-repeat;
    background-size: 100%;
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/ac27761d86bd67b2f812.29271fd0fa67.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/ac27761d86bd67b2f812.29271fd0fa67.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    width: 26vw
}

.v2023 .slider-navigation .arrow_nav>span.active {
    cursor: pointer
}

.v2023 .slider-navigation .arrow_nav>span.active:after {
    background-color: var(--opera-text-color)
}

.v2023 .slider-navigation .arrow_nav>span.active:hover:after {
    background-color: var(--opera-text-hover-color)
}

.v2023 .slider-navigation .arrow_nav>span.next:after {
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/3df4f06d6ca308d60c4f.b703616ac26f.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/3df4f06d6ca308d60c4f.b703616ac26f.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%
}

.v2023 .accordion {
    color: var(--opera-text-color)
}

@media(max-width:768px) {
    .v2023 .accordion__title-wrapper {
        padding: 0 3rem
    }
}

.v2023 .accordion__title {
    margin-bottom: 3rem
}

.v2023 .accordion__title--accent {
    color: #5021ff
}

.v2023 .accordion__block {
    background-color: var(--opera-components-bg-color);
    border-radius: 2.7rem;
    margin-bottom: 3.2rem
}

.v2023 .accordion__button {
    -webkit-touch-callout: none;
    align-items: center;
    color: var(--opera-text-color);
    cursor: pointer;
    display: flex;
    margin-bottom: -4rem;
    padding: 4rem;
    position: relative;
    transition: color .25s ease-in-out;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.v2023 .accordion__button:before {
    align-self: stretch;
    background-color: #5021ff;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    content: "";
    display: inline-block;
    margin-right: 2rem;
    min-height: 3.2rem;
    min-width: 1rem
}

.v2023 .accordion__button:hover {
    color: unset
}

.v2023 .accordion__button:after {
    background-color: #5021ff;
    content: "";
    height: 3rem;
    margin-left: auto;
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/c568584fb87cb0266a45.a27098e77dcc.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/c568584fb87cb0266a45.a27098e77dcc.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    transition: all .25s ease-in-out;
    width: 3rem
}

.v2023 .accordion__button--icon:before {
    background-color: #000;
    content: "";
    display: inline-block;
    height: 4rem;
    margin-right: 1rem;
    transition: all .25s ease-in-out;
    width: 4rem
}

.v2023 .accordion__button--android:before {
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/24fbb695866d6c7e57d0.13f25816baeb.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/24fbb695866d6c7e57d0.13f25816baeb.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%
}

.v2023 .accordion__button--apple:before {
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/7314df1d6bb957279cb8.df559736ea15.svg?2a6821544077");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/7314df1d6bb957279cb8.df559736ea15.svg?2a6821544077");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%
}

.v2023 .accordion__button--chromebook:before {
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/5a038c7cf870248dfd88.b4fdb4725c14.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/5a038c7cf870248dfd88.b4fdb4725c14.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 70%;
    -webkit-mask-size: 70%
}

.v2023 .accordion__button--linux:before {
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/1da56bdc0587806b7e7f.58cd210a7cd5.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/1da56bdc0587806b7e7f.58cd210a7cd5.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%
}

.v2023 .accordion__button--windows:before {
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/d086bd21f9afe0d88e12.31a31bc67d69.svg?2a6821544077");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/d086bd21f9afe0d88e12.31a31bc67d69.svg?2a6821544077");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%
}

.v2023 .accordion__button:not(.active)+* {
    visibility: hidden
}

.v2023 .accordion__button.active:after {
    content: "";
    mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/d8a5d55e2b73a4f14bf4.79ad2be92d5c.svg?efded63e9f29");
    -webkit-mask-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/d8a5d55e2b73a4f14bf4.79ad2be92d5c.svg?efded63e9f29");
    mask-position: 50%;
    -webkit-mask-position: 50%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    transform: rotate(180deg)
}

.v2023 .accordion__button.active+* {
    visibility: visible
}

.v2023 .accordion__panel {
    background-color: unset;
    border-bottom: unset;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0 4.6rem 4rem;
    transition: max-height .2s ease-out
}

.v2023 .accordion__panel p {
    color: rgba(0, 0, 0, .5)
}

.v2023 .accordion__panel div.dark-text-opacity {
    color: var(--opera-text-bw-50)
}

.v2023 .accordion__panel div.dark-text-opacity a {
    color: inherit
}

@media(max-width:768px) {
    .v2023 .accordion__description {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .v2023 .accordion__button {
        padding: 4rem 2rem
    }

    .v2023 .accordion__button:before {
        margin-right: 2rem;
        min-height: 4.2rem
    }

    .v2023 .accordion__button:after {
        height: 3rem;
        margin-left: .7rem;
        max-width: 3rem;
        min-width: 3rem
    }
}

.lazy-resolved .accordion__logo {
    height: 4rem
}

.more-unique-features__title {
    height: 138vw;
    margin-bottom: -102vw
}

.more-unique-features__header {
    bottom: -.8rem;
    position: relative
}

.more-unique-features__try-now {
    bottom: 0
}

.more-unique-features {
    color: var(--opera-text-color)
}

.more-unique-features__image {
    position: relative;
    z-index: 0
}

@media(max-width:1024px) {
    .more-unique-features__image {
        background-color: #a6cfff;
        min-height: 68rem
    }

    .more-unique-features__image.red-dark {
        background-color: #b92f4b
    }

    .more-unique-features__image.light-green {
        background-color: #35a693
    }

    .more-unique-features__image.sea-blue {
        background-color: #5179a2
    }

    .more-unique-features__image.blue-2 {
        background-color: #467cab
    }

    .more-unique-features__image.blue-violet {
        background-color: #a6cfff
    }

    .more-unique-features__image.lavender {
        background-color: #a6cfff
    }
}

.more-unique-features__title {
    height: auto;
    margin-bottom: 0;
    position: relative;
    z-index: 1
}

.more-unique-features__title-box {
    height: 3.2em;
    max-width: 91%;
    position: sticky;
    top: 40vh
}

.more-unique-features__content {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.more-unique-features__content .container-fluid {
    height: calc(100% - 6.6rem);
    position: relative
}

.more-unique-features__scroll_anchor {
    position: relative;
    top: -8rem
}

.more-unique-features__tile {
    background-color: #1c1726;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 2.4rem;
    position: relative
}

.more-unique-features__tile-h {
    color: #fa1e4e;
    font-size: 2.4rem;
    margin-bottom: 2rem
}

.more-unique-features__tile-h a {
    color: #fa1e4e;
    text-decoration: none
}

.more-unique-features__tile-h a:hover {
    color: #fa1e4e
}

.more-unique-features__tile-p {
    color: #8c7db0;
    margin: 6rem 0 0
}

.more-unique-features__tile-p b {
    color: #fa1e4e
}

.more-unique-features__tile--counter:before {
    background-color: #fa1e4e;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik03IDdWMEwwIDdoN3oiIGZpbGw9IiMxQzE3MjYiLz48L3N2Zz4=);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    box-sizing: border-box;
    color: #131019;
    content: counter(tile);
    counter-increment: tile;
    font-size: 1.8rem;
    height: 4rem;
    left: 2rem;
    line-height: 4rem;
    position: absolute;
    text-align: center;
    top: -2rem;
    width: 4rem
}

.more-unique-features__tile.beta-badge .more-unique-features__tile-p:before {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/acd687f2889cbfbdd533.cc973b32f43e.svg?2a6821544077");
    background-size: 100%;
    content: "";
    display: block;
    height: 1.6rem;
    margin-bottom: 2rem;
    width: 3.8rem
}

.more-unique-features__header {
    bottom: auto;
    color: var(--opera-text-color);
    padding-right: 2rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.more-unique-features__features {
    counter-reset: tile;
    overflow-y: hidden
}

.more-unique-features__features-wrapper {
    box-sizing: border-box;
    min-width: 1130px;
    padding-right: 2rem
}

.more-unique-features__try-now {
    align-items: flex-end;
    bottom: -5rem;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.more-unique-features__try-now-a {
    align-items: center;
    color: #beb6d2;
    display: flex;
    font-size: 1.6rem;
    justify-content: center;
    margin-bottom: 4rem;
    text-decoration: none
}

.more-unique-features__try-now-a:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/df25d1ade7e0a6d6cb0f.1f01a17b022b.svg?efded63e9f29");
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 1.6rem;
    margin-left: 1rem;
    width: 1.6rem
}

.more-unique-features__try-now-a:hover {
    color: #beb6d2
}

.more-unique-features__try-now-a.pink-dark {
    color: #fb637e
}

.more-unique-features__try-now-a.pink-dark:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/8d3d257e65f274148e9e.a92afcc87c30.svg?2a6821544077")
}

.more-unique-features__try-now-a.blue-dark {
    color: #2084d9
}

.more-unique-features__try-now-a.blue-dark:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/60747d7aefb4bd4d8fb4.c5d4c8ade85c.svg?efded63e9f29")
}

.more-unique-features__try-now-a.blue-mid {
    color: #0755b5
}

.more-unique-features__try-now-a.blue-mid:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/47b3738fc2ea7ddbe1aa.e9f144d88e65.svg?efded63e9f29");
    filter: invert(23%) sepia(87%) saturate(2241%) hue-rotate(203deg) brightness(82%) contrast(95%)
}

.more-unique-features__try-now-a.blue-navy {
    color: #00249c
}

.more-unique-features__try-now-a.blue-navy:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/7ee31dd966d13d9759bc.dfe070d11b46.svg?efded63e9f29")
}

.more-unique-features__try-now-a.green-dark {
    color: #59aa6f
}

.more-unique-features__try-now-a.green-dark:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/f55906dd181e558bd720.e11a996be34e.svg?2a6821544077")
}

.more-unique-features__try-now-a.red-dark {
    color: #a70014
}

.more-unique-features__try-now-a.red-dark:after {
    background-image: url("https://cdn-production-opera-website.operacdn.com/staticfiles/47b3738fc2ea7ddbe1aa.e9f144d88e65.svg?efded63e9f29");
    filter: invert(8%) sepia(69%) saturate(5355%) hue-rotate(344deg) brightness(126%) contrast(111%)
}

div[dir=rtl] .more-unique-features__image img {
    transform: scaleX(-1)
}

.youtube_component__overlay {
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    bottom: -1px;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .6s ease-out;
    -moz-transition: opacity .6s ease-out;
    -ms-transition: opacity .6s ease-out;
    -o-transition: opacity .6s ease-out;
    transition: opacity .6s ease-out
}

.youtube_component__overlay:before {
    content: url("https://cdn-production-opera-website.operacdn.com/staticfiles/0440c46ad0a47f67514e.d22492af5bd0.svg?2a6821544077");
    position: absolute;
    z-index: 3
}

.youtube_component__curtain {
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.youtube_component__cta-box {
    bottom: 50%;
    color: #fff;
    font-weight: 400;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 50%);
    -webkit-transition: .2s cubic-bezier(.175, .885, .32, 1.275);
    -moz-transition: .2s cubic-bezier(.175, .885, .32, 1.275);
    -ms-transition: .2s cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: .2s cubic-bezier(.175, .885, .32, 1.275);
    z-index: 2
}

.youtube_component__cta-box:before {
    background: url("https://cdn-production-opera-website.operacdn.com/staticfiles/bd40b6d13825c50dadc4.b0328b5c3122.svg?efded63e9f29") no-repeat 50%;
    background-position: 50%;
    background-size: cover;
    content: "";
    display: inline-block;
    filter: brightness(0) saturate(100%) invert(100%);
    height: 5rem;
    margin: 0;
    -webkit-transition: .2s cubic-bezier(.175, .885, .32, 1.275);
    -moz-transition: .2s cubic-bezier(.175, .885, .32, 1.275);
    -ms-transition: .2s cubic-bezier(.175, .885, .32, 1.275);
    -o-transition: .2s cubic-bezier(.175, .885, .32, 1.275);
    transition: .2s cubic-bezier(.175, .885, .32, 1.275);
    vertical-align: middle;
    width: 5rem
}

.youtube_component__container {
    background-color: rgba(0, 0, 0, .5);
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

.youtube_component__container.player-ready {
    cursor: pointer
}

.youtube_component__container.player-ready .youtube_component__cta-box {
    opacity: 1
}

.youtube_component__container.player-ready .youtube_component__overlay:before {
    display: none
}

.youtube_component__player {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.youtube_component__cover {
    height: 100%;
    position: relative;
    z-index: 2
}

.youtube_component:active .youtube_component__cta-box:before,
.youtube_component:hover .youtube_component__cta-box:before {
    transform: scale(1.2)
}

:root {
    --mouse-distance: 50%
}

.lucid-mode {
    aspect-ratio: 1180/682;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: calc(100vw - 186px)
}

@media(width>=1366px) {
    .lucid-mode {
        width: 1180px
    }
}

@media(width>=1824px) {
    .lucid-mode {
        width: 1228px
    }
}

@media(width>=1924px) {
    .lucid-mode {
        width: 1662px
    }
}

.lucid-mode__image-con {
    contain: paint
}

.lucid-mode__image,
.lucid-mode__image-con {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.lucid-mode__image img {
    max-width: none
}

.lucid-mode__image--compare-line {
    left: -50%;
    transform: translateX(calc(var(--mouse-distance) - 2%));
    z-index: 2
}

.lucid-mode__image--lucid-off {
    overflow: hidden;
    width: var(--mouse-distance);
    z-index: 1
}