@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/SegoeUI-Light.eot');
	src: local('Segoe UI Light'), local('SegoeUI-Light'),
		url('../fonts/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SegoeUI-Light.woff') format('woff'),
		url('../fonts/SegoeUI-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/SegoeUI-BoldItalic.eot');
	src: local('Segoe UI Bold Italic'), local('SegoeUI-BoldItalic'),
		url('../fonts/SegoeUI-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SegoeUI-BoldItalic.woff') format('woff'),
		url('../fonts/SegoeUI-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/SegoeUI-SemiBold.eot');
	src: local('Segoe UI Semibold'), local('SegoeUI-SemiBold'),
		url('../fonts/SegoeUI-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SegoeUI-SemiBold.woff') format('woff'),
		url('../fonts/SegoeUI-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/SegoeUI.eot');
	src: local('Segoe UI'), local('SegoeUI'),
		url('../fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SegoeUI.woff') format('woff'),
		url('../fonts/SegoeUI.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/SegoeUI-Bold.eot');
	src: local('Segoe UI Bold'), local('SegoeUI-Bold'),
		url('../fonts/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SegoeUI-Bold.woff') format('woff'),
		url('../fonts/SegoeUI-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/SegoeUI-Italic.eot');
	src: local('Segoe UI Italic'), local('SegoeUI-Italic'),
		url('../fonts/SegoeUI-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SegoeUI-Italic.woff') format('woff'),
		url('../fonts/SegoeUI-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

/*
@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/AktivGroteskCorp-LightItalic.eot');
	src: local('AktivGroteskCorp-LightItalic'),
		url('../fonts/AktivGroteskCorp-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AktivGroteskCorp-LightItalic.woff') format('woff'),
		url('../fonts/AktivGroteskCorp-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/AktivGroteskCorp-Italic.eot');
	src: local('AktivGroteskCorp-Italic'),
		url('../fonts/AktivGroteskCorp-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AktivGroteskCorp-Italic.woff') format('woff'),
		url('../fonts/AktivGroteskCorp-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/AktivGroteskCorp-Medium.eot');
	src: local('AktivGroteskCorp-Medium'),
		url('../fonts/AktivGroteskCorp-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AktivGroteskCorp-Medium.woff') format('woff'),
		url('../fonts/AktivGroteskCorp-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/AktivGroteskCorp-Regular.eot');
	src: local('AktivGroteskCorp-Regular'),
		url('../fonts/AktivGroteskCorp-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AktivGroteskCorp-Regular.woff') format('woff'),
		url('../fonts/AktivGroteskCorp-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/AktivGroteskCorp-MediumItalic.eot');
	src: local('AktivGroteskCorp-MediumItalic'),
		url('../fonts/AktivGroteskCorp-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AktivGroteskCorp-MediumItalic.woff') format('woff'),
		url('../fonts/AktivGroteskCorp-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/AktivGroteskCorp-Bold.eot');
	src: local('AktivGroteskCorp-Bold'),
		url('../fonts/AktivGroteskCorp-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AktivGroteskCorp-Bold.woff') format('woff'),
		url('../fonts/AktivGroteskCorp-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/AktivGroteskCorp-BoldItalic.eot');
	src: local('AktivGroteskCorp-BoldItalic'),
		url('../fonts/AktivGroteskCorp-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AktivGroteskCorp-BoldItalic.woff') format('woff'),
		url('../fonts/AktivGroteskCorp-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('../fonts/AktivGroteskCorp-Light.eot');
	src: local('AktivGroteskCorp-Light'),
		url('../fonts/AktivGroteskCorp-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AktivGroteskCorp-Light.woff') format('woff'),
		url('../fonts/AktivGroteskCorp-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
*/

@media screen and (inverted-colors) {
    img:not(.invert) {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: invert(1);
        filter: invert(1)
    }
}

@media screen and (prefers-reduced-motion) {
    .non-essential-animation {
        animation-name: none
    }
}

.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%)
}

.noselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@keyframes fade-in {
    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes fade-out {
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes fade-in-out {
    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes fade-in-from-out {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes fade-out-from-in {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes slide-in {
    100% {
        transform: translate(0, 0)
    }
}

@keyframes slide-in-centered {
    100% {
        transform: translate(-50%, -50%)
    }
}

@keyframes slide-in-center-horizontally {
    100% {
        transform: translate(-50%, 0)
    }
}

@keyframes slide-in-center-vertically {
    100% {
        transform: translate(0, -50%)
    }
}

@keyframes scale-out {
    100% {
        transform: scale(0)
    }
}

@keyframes scale-out-centered {
    100% {
        transform: scale(0) translate(-50%, -50%)
    }
}

@keyframes scale-out-center-horizontally {
    100% {
        transform: scale(0) translate(-50%, 0)
    }
}

@keyframes scale-out-center-vertically {
    100% {
        transform: scale(0) translate(0, -50%)
    }
}

@keyframes scale-in {
    100% {
        transform: scale(1)
    }
}

@keyframes scale-in-centered {
    100% {
        transform: scale(1) translate(-50%, -50%)
    }
}

@keyframes scale-in-center-horizontally {
    100% {
        transform: scale(1) translate(-50%, 0)
    }
}

@keyframes scale-in-center-vertically {
    100% {
        transform: scale(1) translate(0, -50%)
    }
}

@keyframes lengthen {
    100% {
        transform: translateZ(0);
        width: 100%
    }
}

@keyframes sharpen {
    100% {
        transform: translateZ(0);
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes explode {
    100% {
        transform: scale(2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes explode-centered {
    100% {
        transform: scale(2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes explode-center-horizontally {
    100% {
        transform: scale(2) translate(-50%, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes explode-center-vertically {
    100% {
        transform: scale(2) translate(0, -50%);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern'
}

[lang=ko] body {
    font-family: 'Segoe UI';
}

[lang=ko] body button, [lang=ko] body input {
    font-family: 'Segoe UI';
}

[lang=ko] body h1, [lang=ko] body h2, [lang=ko] body h3, [lang=ko] body h4, [lang=ko] body h5, [lang=ko] body h6 {
    font-family: 'Segoe UI';
}

[lang=ja] body {
    font-family: 'Segoe UI';
}

[lang=ja] body button, [lang=ja] body input {
    font-family: 'Segoe UI';
}

[lang=ja] body h1, [lang=ja] body h2, [lang=ja] body h3, [lang=ja] body h4, [lang=ja] body h5, [lang=ja] body h6 {
    font-family: 'Segoe UI';
}

[lang=th] body {
    font-family: 'Segoe UI';
}

[lang=th] body button, [lang=th] body input {
    font-family: 'Segoe UI';
}

[lang=th] body h1, [lang=th] body h2, [lang=th] body h3, [lang=th] body h4, [lang=th] body h5, [lang=th] body h6 {
    font-family: 'Segoe UI';
}

[lang=zh-cn] body {
    font-family: 'Segoe UI';
}

[lang=zh-cn] body button, [lang=zh-cn] body input {
    font-family: 'Segoe UI';
}

[lang=zh-cn] body h1, [lang=zh-cn] body h2, [lang=zh-cn] body h3, [lang=zh-cn] body h4, [lang=zh-cn] body h5, [lang=zh-cn] body h6 {
    font-family: 'Segoe UI';
}

[lang=zh-tw] body {
    font-family: 'Segoe UI';
}

[lang=zh-tw] body button, [lang=zh-tw] body input {
    font-family: 'Segoe UI';
}

[lang=zh-tw] body h1, [lang=zh-tw] body h2, [lang=zh-tw] body h3, [lang=zh-tw] body h4, [lang=zh-tw] body h5, [lang=zh-tw] body h6 {
    font-family: 'Segoe UI';
}

[lang=zh-hk] body {
    font-family: 'Segoe UI';
}

[lang=zh-hk] body button, [lang=zh-hk] body input {
    font-family: 'Segoe UI';
}

[lang=zh-hk] body h1, [lang=zh-hk] body h2, [lang=zh-hk] body h3, [lang=zh-hk] body h4, [lang=zh-hk] body h5, [lang=zh-hk] body h6 {
    font-family: 'Segoe UI';
}

[lang=ar] body {
    font-family: 'Segoe UI';
}

[lang=ar] body button, [lang=ar] body input {
    font-family: 'Segoe UI';
}

[lang=ar] body h1, [lang=ar] body h2, [lang=ar] body h3, [lang=ar] body h4, [lang=ar] body h5, [lang=ar] body h6 {
    font-family: 'Segoe UI';
}

body {
    font-family: 'Segoe UI';
}

body button, body input {
    font-family: 'Segoe UI';
}

body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: 'Segoe UI';
}

* {
    box-sizing: border-box
}

body, html {
    background: #fafafa;
    color: #111;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 48.0625em) {
    body, html {
        height: 100%;
        min-height: 550px;
        overflow-y: auto;
        overflow-x: hidden
    }

    body .text-block, body .navbar, html .text-block, html .navbar {
        font-size: 80%
    }
}

@media only screen and (min-width: 66.875em) {
    body, html {
        min-height: 650px
    }

    body .text-block, body .navbar, html .text-block, html .navbar {
        font-size: 100%
    }
}

body {
    margin: 0 auto;
    max-width: 170.66667em;
    min-width: 20.0625em
}

html {
    font-size: 15px;
    -webkit-text-size-adjust: 100%
}

h2, h3 {
    font-size: 1.4em;
    font-weight: 600;
    letter-spacing: .22px;
    margin: 0;
    white-space: pre-line
}

@media only screen and (min-width: 20.0625em) {
    h2, h3 {
        font-size: 1.6em;
        letter-spacing: .13px
    }
}

@media only screen and (min-width: 48.0625em) {
    h2, h3 {
        font-size: 2em;
        letter-spacing: 0
    }
}

@media only screen and (min-width: 66.875em) {
    h2, h3 {
        font-size: 2.4em;
        letter-spacing: -.14px
    }
}

h3 {
    line-height: 1.1;
    margin-bottom: .37em
}

@media only screen and (min-width: 20.0625em) {
    h3 {
        margin-bottom: .5em
    }
}

@media only screen and (min-width: 66.875em) {
    h3 {
        margin-bottom: .425em
    }
}

@media only screen and (min-width: 66.875em) {
    h3 {
        margin-bottom: .416em
    }
}

p {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: .823em;
    margin-top: 0;
    white-space: pre-line
}

@media only screen and (max-width: 20em) {
    p {
        margin-bottom: 1em
    }
}

[data-is=text-with-icons] img {
    height: .9em;
    width: auto
}

a {
    font-size: 1em;
    white-space: pre-line
}

a.outlink {
    margin-bottom: .41em
}

a.outlink:after {
    width: .65em;
    height: .65em;
    top: 0;
    left: 4px
}

tray {
    margin-top: 1.4512em;
    white-space: pre-line
}

@media only screen and (max-width: 48em) {
    tray {
        margin-top: 1em
    }
}

tray button {
    font-size: 1em;
    font-weight: 700;
    margin-bottom: .5em;
    margin-top: 0;
    padding: 0
}

@media only screen and (min-width: 48.0625em) {
    tray button {
        margin-bottom: 0;
        padding-top: 1.058em;
        padding-bottom: calc(1.058em + 1px)
    }
}

tray button .tray-label {
    margin-right: 1em
}

tray button:after {
    font-size: .8em;
    font-weight: 400;
    line-height: .87em;
    max-height: 1em;
    max-width: 1em;
    min-height: 1em;
    min-width: 1em;
    padding: .5em
}

tray .content a:last-child, tray .content p:last-child {
    margin-bottom: .75em
}

a {
    color: #0070c9;
    display: block;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a.outlink:after {
    content: '';
    background-image: url("global/0008_outlink-arrow-blue.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    position: relative
}

a.outlink.white:after {
    background-image: url("global/0009_outlink-arrow-white.svg")
}

.outlink.helpviewer, .outlink.support {
    display: none
}

.show-helpviewer .outlink.helpviewer {
    display: block
}

.hide-helpviewer .outlink.support {
    display: block
}

tray {
    display: block
}

tray button {
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border: none;
    display: -ms-flexbox;
    display: flex;
    outline: none;
    pointer-events: none;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 2
}

@media only screen and (min-width: 48.0625em) {
    tray button {
        border-top: 1px solid #d8d8d8;
        cursor: pointer;
        pointer-events: auto
    }
}

tray button:after {
    content: '';
    background: #f2f2f2 url("global/0007_icon-plus.svg");
    background-size: 1em 1em;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    display: block;
    margin-left: auto;
    text-align: center;
    transform-origin: center center;
    transition: transform .2s ease, background-color .2s ease
}

@media only screen and (max-width: 48em) {
    tray button:after {
        display: none
    }
}

tray button:hover:after {
    background: #e5e5e5 url("global/0007_icon-plus.svg");
    background-size: 1em 1em;
    background-repeat: no-repeat;
    background-position: center center
}

tray button:active {
    color: #111;
    outline: none
}

tray button:focus {
    outline: 3px solid rgba(131, 192, 253, .5)
}

@media only screen and (min-width: 48.0625em) {
    tray .content {
        border-bottom: 1px solid #d8d8d8;
        transform: translateY(calc(-100% + 1px));
        transition: transform .6s .3s cubic-bezier(.3, 0, .35, 1)
    }
}

@media only screen and (min-width: 48.0625em) {
    tray .content .inner {
        pointer-events: none;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform: translate(0, 0);
        transition: opacity .3s cubic-bezier(.3, 0, .35, 1), transform .3s .6s cubic-bezier(.3, 0, .35, 1)
    }
}

tray.open button:after {
    transform: rotate(45deg)
}

tray.open .content {
    transform: translateY(0);
    transition: transform .6s cubic-bezier(.3, 0, .35, 1)
}

tray.open .inner {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    pointer-events: auto;
    transform: translate(0, -.648em)
}

@media only screen and (min-width: 48.0625em) {
    tray.open .inner {
        transition: opacity .2s .4s cubic-bezier(.3, 0, .35, 1)
    }
}

application {
    position: relative;
    width: 100%;
    display: block
}

@media only screen and (min-width: 48.0625em) {
    application {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        height: 100%
    }
}

.slides {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.mobile-scrim {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: rgba(0, 0, 0, .3);
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: opacity .2s ease
}

@media only screen and (min-width: 48.0625em) {
    .mobile-scrim {
        display: none
    }
}

.slide {
    width: 100%;
    transition: opacity .2s ease;
    position: relative
}

@media only screen and (min-width: 48.0625em) {
    .slide {
        transition: none;
        position: static;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute
    }

    .slide.current {
        z-index: 2
    }

    .slide.current .text-block {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        transition: opacity .7s 0s cubic-bezier(0, 0, .5, 1)
    }

    .slide.current .intro-block {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        transition: opacity .25s 0s cubic-bezier(0, 0, .5, 1)
    }

    .slide.current .bound-container {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        transition: opacity .55s .6s cubic-bezier(0, 0, .7, 1), transform .7s .6s cubic-bezier(0, 0, .5, 1)
    }

    .slide.active.adjacent .text-block {
        transition: all .7s .3s cubic-bezier(.5, 0, 1, 1)
    }

    .slide.active.adjacent .intro-block {
        transition: all .55s 0s cubic-bezier(.5, 0, 1, 1)
    }

    .slide.active.adjacent .bound-container {
        transition: opacity .3s 0s cubic-bezier(.3, 0, 1, 1), transform .3s 0s cubic-bezier(.5, 0, 1, 1)
    }

    .slide.left-of-active .hero-block .bound-container {
        transform: translate(-100px, 0)
    }

    [direction=rtl] .slide.left-of-active .hero-block .bound-container {
        transform: translate(100px, 0)
    }

    .slide.right-of-active .hero-block .bound-container {
        transform: translate(100px, 0)
    }

    [direction=rtl] .slide.right-of-active .hero-block .bound-container {
        transform: translate(-100px, 0)
    }

    .slide:not(.current) .bound-container, .slide:not(.current) .intro-block {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    .slide:not(.adjacent):not(.current) {
        display: none
    }
}

.slide-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: 100%;
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .slide-inner {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.bound-container {
    height: 100%
}

@media only screen and (min-width: 48.0625em) {
    .bound-container {
        max-height: 36em;
        min-height: 20.0625em;
        position: relative;
        width: 100%
    }
}

@media only screen and (min-width: 66.875em) {
    .bound-container {
        max-height: 32.4em;
        min-height: 18.05625em;
        position: relative;
        width: 100%
    }
}

@media only screen and (min-width: 90em) {
    .bound-container {
        max-height: 39.6em;
        min-height: 22.06875em;
        position: relative;
        width: 100%
    }
}

@media only screen and (min-width: 120em) {
    .bound-container {
        min-height: 32.4em
    }
}

.text-block {
    background: #FFF;
    float: none;
    padding: 2.35em 0 5.167em;
    position: relative;
    top: 100%;
    z-index: 1;
    padding: 4em 0 8em
}

@media only screen and (min-width: 48.0625em) {
    .text-block {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        height: 100%;
        max-width: 600px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        padding: 2em 0;
        top: 0
    }
}

.text-block .bound-container {
    margin: 0 auto;
    width: 90%
}

@media only screen and (min-width: 20.0625em) {
    .text-block .bound-container {
        width: 80%
    }
}

@media only screen and (min-width: 48.0625em) {
    .text-block .bound-container {
        width: 100%;
        max-width: 260px;
        padding: 0 1em;
        box-sizing: content-box
    }
}

@media only screen and (min-width: 66.875em) {
    .text-block .bound-container {
        max-width: 380px
    }
}

.hero-block {
    min-height: 280px;
    overflow: hidden;
    position: relative
}

@media only screen and (min-width: 20.0625em) {
    .hero-block {
        min-height: 385px
    }
}

@media only screen and (min-width: 48.0625em) {
    .hero-block {
        -ms-flex-align: center;
        align-items: center;
        position: static;
        background: transparent !important;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 1 60%;
        flex: 1 1 60%;
        height: 100%;
        top: 0
    }
}

.hero-block .bound-container {
    margin: 0 auto;
    height: 280px;
    position: relative;
    width: 90%
}

@media only screen and (min-width: 20.0625em) {
    .hero-block .bound-container {
        height: 385px;
        width: 80%
    }
}

@media only screen and (min-width: 48.0625em) {
    .hero-block .bound-container {
        min-height: 450px;
        width: 70%;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width: 66.875em) {
    .hero-block .bound-container {
        min-height: auto;
        width: 100%
    }
}

.hero-block img {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.navbar {
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    max-width: 600px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 1em 1.4em;
    position: absolute;
    transition: opacity .7s 0s linear;
    width: 40%;
    z-index: 3
}

@media only screen and (min-width: 48.0625em) {
    .navbar {
        display: -ms-flexbox;
        display: flex
    }
}

.navbar.active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.navbar.scrim {
    background: rgba(255, 255, 255, .7);
    -webkit-backdrop-filter: saturate(180%) blur(20px)
}

.navbar .indicator {
    -ms-flex-positive: 2;
    flex-grow: 2;
    text-align: center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: opacity .7s ease-in-out
}

.navbar .indicator.active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.navbar .paddle .icon {
    background-repeat: no-repeat;
    display: block;
    height: .75em;
    width: .432em;
    margin: auto
}

@media only screen and (min-width: 66.875em) {
    .navbar .paddle .icon {
        height: 1em;
        width: .54em
    }
}

.navbar .paddle.next.active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.navbar .paddle.next {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: opacity .7s ease-in-out
}

.navbar .paddle.next .icon {
    background-image: url("../images/icon-chevron-right.svg")
}

.navbar .paddle.previous .icon {
    background-image: url("../images/icon-chevron-left.svg")
}

.navbar .paddle button {
    -ms-flex-align: center;
    align-items: center;
    background: #f2f2f2;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    -ms-flex-pack: center;
    justify-content: center;
    outline: none;
    padding: 0;
    width: 35px;
    transition: background .2s ease
}

@media only screen and (min-width: 66.875em) {
    .navbar .paddle button {
        height: 44px;
        width: 44px
    }
}

.navbar .paddle button:hover {
    background: #e5e5e5
}

.navbar .paddle button:focus {
    outline: 3px solid rgba(131, 192, 253, .5)
}

.disclaimer {
    font-size: .69em;
    color: #888
}

.disclaimer-content {
    background: #FFF;
    display: none;
    padding: 1.5em 2.5em 1em;
    text-align: center;
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    .slide.current .disclaimer-content {
        display: block
    }
}

.disclaimer-sidebar {
    margin-top: 2em
}

@media only screen and (min-width: 48.0625em) {
    .disclaimer-sidebar {
        display: none
    }
}

[direction=rtl] h1, [direction=rtl] h2, [direction=rtl] h3, [direction=rtl] h4, [direction=rtl] h5, [direction=rtl] h6, [direction=rtl] p, [direction=rtl] a, [direction=rtl] button, [direction=rtl] span {
    direction: rtl;
    text-align: right
}

[direction=rtl] tray button .tray-label {
    margin-right: 0;
    margin-left: 1em
}

[direction=rtl] tray button:after {
    margin-left: 0;
    margin-right: auto
}

[direction=rtl] tray button.active:after {
    transform: rotate(-45deg)
}

[direction=rtl] .navbar {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    left: auto;
    right: 0
}

[direction=rtl] .navbar .paddle .icon {
    transform: scaleX(-1)
}

@media only screen and (min-width: 48.0625em) {
    [direction=rtl] .slide-inner {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

[direction=rtl] .outlink:after {
    left: 0;
    right: 4px;
    transform: scaleX(-1)
}

.comingsoon-badge {
    border: 1px solid #888;
    padding: .235em .88em;
    color: #666;
    display: inline-block;
    font-size: 1em;
    margin-bottom: 1.5em;
    margin-top: -.2em;
    border-radius: 4px
}

.not-in-primary {
    display: none
}

.hero-block.active .not-in-primary {
    display: block
}

noscript {
    width: 100%;
    -ms-flex-item-align: start;
    align-self: flex-start
}

noscript .wrapper {
    color: #111;
    display: block;
    margin: 0 auto;
    width: 80%;
    max-width: 640px;
    font-size: 1em;
    line-height: 1.5;
    height: 100%;
    overflow: scroll;
    padding: 0 1em
}

noscript p {
    margin: 0;
    padding: .3em 0;
    border-bottom: 1px solid #666
}

noscript p:last-of-type {
    border-bottom: 0
}

[lang=th] body h3 {
    line-height: 1.24
}

[data-is=app-names] h2 {
    color: #007aff
}

[data-is=app-names] .wrapper {
    position: absolute;
    left: auto;
    right: 0;
    top: auto;
    bottom: 10%;
    transform: translate(0, 0)
}

[direction=rtl] [data-is=app-names] .wrapper {
    left: 0;
    right: auto;
    transform: translate(0, 0)
}

@media only screen and (min-width: 48.0625em) {
    [data-is=app-names] .wrapper {
        left: auto;
        right: 5%;
        top: 50%;
        bottom: auto;
        transform: translate(0, -50%)
    }

    [direction=rtl] [data-is=app-names] .wrapper {
        left: 5%;
        right: auto;
        transform: translate(0, -50%)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-names] .wrapper {
        left: auto;
        right: 7%
    }

    [direction=rtl] [data-is=app-names] .wrapper {
        left: 7%;
        right: auto
    }
}

@media only screen and (min-width: 120em) {
    [data-is=app-names] .wrapper {
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%)
    }

    [direction=rtl] [data-is=app-names] .wrapper {
        left: auto;
        right: auto
    }
}

[data-is=app-names] .hardware {
    display: block;
    width: 524.16px;
    height: 311.22px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-names] .hardware {
        width: 831.99999px;
        height: 494.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-names] .hardware {
        width: 998.4px;
        height: 592.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-names] .hardware {
        width: 1248px;
        height: 741px
    }
}

[data-is=app-names] .desktop, [data-is=app-names] .background, [data-is=app-names] .system-preferences, [data-is=app-names] .system-preferences-icon, [data-is=app-names] .menu-bar, [data-is=app-names] .active-dot {
    position: absolute
}

[data-is=app-names] .desktop {
    top: 18.9px;
    left: 61.74px;
    display: block;
    width: 400.68px;
    height: 250.74px;
    overflow: hidden
}

[direction=rtl] [data-is=app-names] .desktop {
    left: auto;
    right: 61.74px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-names] .desktop {
        top: 30.0px;
        left: 98.0px
    }

    [direction=rtl] [data-is=app-names] .desktop {
        left: auto;
        right: 98.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-names] .desktop {
        top: 36px;
        left: 117.6px
    }

    [direction=rtl] [data-is=app-names] .desktop {
        left: auto;
        right: 117.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-names] .desktop {
        top: 45px;
        left: 147px
    }

    [direction=rtl] [data-is=app-names] .desktop {
        left: auto;
        right: 147px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-names] .desktop {
        width: 635.99999px;
        height: 398.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-names] .desktop {
        width: 763.2px;
        height: 477.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-names] .desktop {
        width: 954px;
        height: 597px
    }
}

[data-is=app-names] .background {
    display: block;
    width: 400.68px;
    height: 250.74px;
    top: 0;
    left: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-names] .background {
        width: 635.99999px;
        height: 398.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-names] .background {
        width: 763.2px;
        height: 477.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-names] .background {
        width: 954px;
        height: 597px
    }
}

[direction=rtl] [data-is=app-names] .background {
    left: auto;
    right: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-names] .background {
        top: 0;
        left: 0
    }

    [direction=rtl] [data-is=app-names] .background {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-names] .background {
        top: 0;
        left: 0
    }

    [direction=rtl] [data-is=app-names] .background {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-names] .background {
        top: 0;
        left: 0
    }

    [direction=rtl] [data-is=app-names] .background {
        left: auto;
        right: 0
    }
}

[data-is=app-names] .system-preferences {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: block;
    width: 185.22px;
    height: 135.24px;
    top: 48.72px;
    left: 105.42px;
    overflow: hidden;
    border-radius: 2.1px;
    box-sizing: content-box;
    border: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 0 8px 10px -1px rgba(0, 0, 0, .3), 0 0 2px 0 rgba(0, 0, 0, .1)
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-names] .system-preferences {
        width: 294.0px;
        height: 214.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-names] .system-preferences {
        width: 352.8px;
        height: 257.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-names] .system-preferences {
        width: 441px;
        height: 322px
    }
}

[direction=rtl] [data-is=app-names] .system-preferences {
    left: auto;
    right: 105.42px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-names] .system-preferences {
        top: 77.33333px;
        left: 167.33333px
    }

    [direction=rtl] [data-is=app-names] .system-preferences {
        left: auto;
        right: 167.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-names] .system-preferences {
        top: 92.8px;
        left: 200.8px
    }

    [direction=rtl] [data-is=app-names] .system-preferences {
        left: auto;
        right: 200.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-names] .system-preferences {
        top: 116px;
        left: 251px
    }

    [direction=rtl] [data-is=app-names] .system-preferences {
        left: auto;
        right: 251px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-names] .system-preferences {
        border-radius: 3.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-names] .system-preferences {
        border-radius: 4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-names] .system-preferences {
        border-radius: 5px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-names] .system-preferences {
        box-shadow: 0 13px 16px -2px rgba(0, 0, 0, .3), 0 0 3px 0 rgba(0, 0, 0, .1)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-names] .system-preferences {
        box-shadow: 0 16px 20px -2px rgba(0, 0, 0, .3), 0 0 4px 0 rgba(0, 0, 0, .1)
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-names] .system-preferences {
        box-shadow: 0 20px 25px -2px rgba(0, 0, 0, .3), 0 0 5px 0 rgba(0, 0, 0, .1)
    }
}

[data-is=app-names] .system-preferences-icon {
    display: block;
    width: 13.86px;
    height: 13.86px;
    bottom: 2.94px;
    right: 63.84px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-names] .system-preferences-icon {
        width: 22.0px;
        height: 22.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-names] .system-preferences-icon {
        width: 26.4px;
        height: 26.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-names] .system-preferences-icon {
        width: 33px;
        height: 33px
    }
}

[direction=rtl] [data-is=app-names] .system-preferences-icon {
    right: auto;
    left: 63.84px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-names] .system-preferences-icon {
        bottom: 4.66667px;
        right: 101.33333px
    }

    [direction=rtl] [data-is=app-names] .system-preferences-icon {
        right: auto;
        left: 101.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-names] .system-preferences-icon {
        bottom: 5.6px;
        right: 121.6px
    }

    [direction=rtl] [data-is=app-names] .system-preferences-icon {
        right: auto;
        left: 121.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-names] .system-preferences-icon {
        bottom: 7px;
        right: 152px
    }

    [direction=rtl] [data-is=app-names] .system-preferences-icon {
        right: auto;
        left: 152px
    }
}

[data-is=app-names] .menu-bar {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: block;
    width: 165.06px;
    height: 5.04px;
    top: .42px;
    left: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-names] .menu-bar {
        width: 262.0px;
        height: 8.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-names] .menu-bar {
        width: 314.4px;
        height: 9.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-names] .menu-bar {
        width: 393px;
        height: 12px
    }
}

[direction=rtl] [data-is=app-names] .menu-bar {
    left: auto;
    right: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-names] .menu-bar {
        top: .66667px;
        left: 0
    }

    [direction=rtl] [data-is=app-names] .menu-bar {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-names] .menu-bar {
        top: .8px;
        left: 0
    }

    [direction=rtl] [data-is=app-names] .menu-bar {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-names] .menu-bar {
        top: 1px;
        left: 0
    }

    [direction=rtl] [data-is=app-names] .menu-bar {
        left: auto;
        right: 0
    }
}

[data-is=app-names] .menu-bar img {
    position: absolute;
    top: 0
}

[data-is=app-names] .active-dot {
    bottom: .84px;
    right: 69.93px;
    background: rgba(0, 0, 0, .7);
    border-radius: 3px;
    height: 3px;
    width: 3px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

[direction=rtl] [data-is=app-names] .active-dot {
    right: auto;
    left: 69.93px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-names] .active-dot {
        bottom: 1.33333px;
        right: 111.0px
    }

    [direction=rtl] [data-is=app-names] .active-dot {
        right: auto;
        left: 111.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-names] .active-dot {
        bottom: 1.6px;
        right: 133.2px
    }

    [direction=rtl] [data-is=app-names] .active-dot {
        right: auto;
        left: 133.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-names] .active-dot {
        bottom: 2px;
        right: 166.5px
    }

    [direction=rtl] [data-is=app-names] .active-dot {
        right: auto;
        left: 166.5px
    }
}

[data-is=app-names].slide.active .system-preferences-icon {
    animation: bounce .9s 2.75s ease-out forwards
}

[data-is=app-names].slide.active .system-preferences, [data-is=app-names].slide.active .menu-bar, [data-is=app-names].slide.active .active-dot {
    animation: fade-in .6s 3.35s ease-in-out forwards
}

@keyframes bounce {
    50%, 55% {
        transform: translate(0, -50%)
    }
}

[data-is=app-store] h2 {
    color: #007aff
}

[data-is=app-store] .wrapper {
    position: absolute;
    left: 0;
    right: auto;
    top: 10%;
    bottom: auto;
    transform: translate(-5%, -4%)
}

[direction=rtl] [data-is=app-store] .wrapper {
    left: auto;
    right: 0;
    transform: translate(5%, -4%)
}

@media only screen and (min-width: 48.0625em) {
    [data-is=app-store] .wrapper {
        left: 5%;
        right: auto;
        top: 50%;
        bottom: auto;
        transform: translate(0, -54%)
    }

    [direction=rtl] [data-is=app-store] .wrapper {
        left: auto;
        right: 5%;
        transform: translate(0, -54%)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-store] .wrapper {
        left: 7%;
        right: auto
    }

    [direction=rtl] [data-is=app-store] .wrapper {
        left: auto;
        right: 7%
    }
}

@media only screen and (min-width: 120em) {
    [data-is=app-store] .wrapper {
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%)
    }

    [direction=rtl] [data-is=app-store] .wrapper {
        left: auto;
        right: auto
    }
}

[data-is=app-store] .appstore-window, [data-is=app-store] .appstore-window-controls, [data-is=app-store] .appstore-window-content, [data-is=app-store] .appstore-window-article, [data-is=app-store] .appstore-navbar {
    position: absolute
}

[data-is=app-store] .appstore-window-mask {
    transform: translateZ(0);
    position: relative;
    overflow: hidden;
    border-radius: 2.52px;
    display: block;
    width: 495.6px;
    height: 304.08px;
    top: 7.56px;
    left: 16.8px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-store] .appstore-window-mask {
        border-radius: 4.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-store] .appstore-window-mask {
        border-radius: 4.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-store] .appstore-window-mask {
        border-radius: 6px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-store] .appstore-window-mask {
        width: 786.66666px;
        height: 482.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-store] .appstore-window-mask {
        width: 944px;
        height: 579.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-store] .appstore-window-mask {
        width: 1180px;
        height: 724px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-store] .appstore-window-mask {
        top: 12.0px;
        left: 26.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-store] .appstore-window-mask {
        top: 14.4px;
        left: 32px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-store] .appstore-window-mask {
        top: 18px;
        left: 40px
    }
}

[data-is=app-store] .appstore-window {
    display: block;
    width: 529.2px;
    height: 337.68px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-store] .appstore-window {
        width: 839.99999px;
        height: 535.99999px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-store] .appstore-window {
        width: 1008px;
        height: 643.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-store] .appstore-window {
        width: 1260px;
        height: 804px
    }
}

[data-is=app-store] .appstore-window-controls {
    display: block;
    width: 21.966px;
    height: 5.04px;
    top: 4.2px;
    left: 4.2px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-store] .appstore-window-controls {
        width: 34.86667px;
        height: 8.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-store] .appstore-window-controls {
        width: 41.84px;
        height: 9.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-store] .appstore-window-controls {
        width: 52.3px;
        height: 12px
    }
}

[direction=rtl] [data-is=app-store] .appstore-window-controls {
    left: auto;
    right: 4.2px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-store] .appstore-window-controls {
        top: 6.66667px;
        left: 6.66667px
    }

    [direction=rtl] [data-is=app-store] .appstore-window-controls {
        left: auto;
        right: 6.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-store] .appstore-window-controls {
        top: 8px;
        left: 8px
    }

    [direction=rtl] [data-is=app-store] .appstore-window-controls {
        left: auto;
        right: 8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-store] .appstore-window-controls {
        top: 10px;
        left: 10px
    }

    [direction=rtl] [data-is=app-store] .appstore-window-controls {
        left: auto;
        right: 10px
    }
}

[data-is=app-store] .appstore-window-content {
    transform: translateY(53%);
    display: block;
    width: 404.46px;
    height: 650.16px;
    top: -346.5px;
    left: 93.24px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-store] .appstore-window-content {
        width: 641.99999px;
        height: 1031.99999px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-store] .appstore-window-content {
        width: 770.4px;
        height: 1238.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-store] .appstore-window-content {
        width: 963px;
        height: 1548px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-store] .appstore-window-content {
        top: -549.99999px;
        left: 148.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-store] .appstore-window-content {
        top: -660px;
        left: 177.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-store] .appstore-window-content {
        top: -825px;
        left: 222px
    }
}

[data-is=app-store] .appstore-window-article {
    display: block;
    width: 496.44px;
    height: 304.92px;
    transform: translateY(-104%);
    top: -.42px;
    left: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-store] .appstore-window-article {
        width: 787.99999px;
        height: 484.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-store] .appstore-window-article {
        width: 945.6px;
        height: 580.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-store] .appstore-window-article {
        width: 1182px;
        height: 726px
    }
}

[direction=rtl] [data-is=app-store] .appstore-window-article {
    left: auto;
    right: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-store] .appstore-window-article {
        top: -.66667px;
        left: 0
    }

    [direction=rtl] [data-is=app-store] .appstore-window-article {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-store] .appstore-window-article {
        top: -.8px;
        left: 0
    }

    [direction=rtl] [data-is=app-store] .appstore-window-article {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-store] .appstore-window-article {
        top: -1px;
        left: 0
    }

    [direction=rtl] [data-is=app-store] .appstore-window-article {
        left: auto;
        right: 0
    }
}

[data-is=app-store] .appstore-navbar {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: block;
    width: 404.46px;
    height: 15.96px;
    top: 0;
    left: 92.82px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-store] .appstore-navbar {
        width: 641.99999px;
        height: 25.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-store] .appstore-navbar {
        width: 770.4px;
        height: 30.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-store] .appstore-navbar {
        width: 963px;
        height: 38px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=app-store] .appstore-navbar {
        top: 0;
        left: 147.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=app-store] .appstore-navbar {
        top: 0;
        left: 176.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=app-store] .appstore-navbar {
        top: 0;
        left: 221px
    }
}

[data-is=app-store].slide.active .hero-block:not(.active) .appstore-window-article {
    animation: slide-in 1s 2.05s ease-in-out forwards
}

[data-is=app-store].slide.active .hero-block.active .appstore-window-article {
    transform: translateY(0);
    animation: slide-out-article 1s 1.25s ease-in-out forwards
}

[data-is=app-store].slide.active .hero-block.active .appstore-window-content {
    animation: slide-in 3.5s 2.75s ease-in-out forwards
}

[data-is=app-store].slide.active .hero-block.active .appstore-navbar {
    animation: fade-in .4s 3.25s ease-in-out forwards
}

@keyframes slide-out-article {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(104%)
    }
}

[data-is=apple-news] h2 {
    color: #ff2e55
}

[data-is=apple-news] .mask {
    position: absolute;
    overflow: hidden;
    transform: translateZ(0);
    border-radius: 2.52px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    top: 22.26px;
    left: 119.7px;
    display: block;
    width: 245.7px;
    height: 250.74px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=apple-news] .mask {
        border-radius: 4.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=apple-news] .mask {
        border-radius: 4.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=apple-news] .mask {
        border-radius: 6px
    }
}

[direction=rtl] [data-is=apple-news] .mask {
    left: auto;
    right: 119.7px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=apple-news] .mask {
        top: 35.33333px;
        left: 190.0px
    }

    [direction=rtl] [data-is=apple-news] .mask {
        left: auto;
        right: 190.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=apple-news] .mask {
        top: 42.4px;
        left: 228px
    }

    [direction=rtl] [data-is=apple-news] .mask {
        left: auto;
        right: 228px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=apple-news] .mask {
        top: 53px;
        left: 285px
    }

    [direction=rtl] [data-is=apple-news] .mask {
        left: auto;
        right: 285px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=apple-news] .mask {
        width: 390.0px;
        height: 398.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=apple-news] .mask {
        width: 468px;
        height: 477.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=apple-news] .mask {
        width: 585px;
        height: 597px
    }
}

[data-is=apple-news] .wrapper {
    position: absolute;
    left: 0;
    right: auto;
    top: 50%;
    bottom: auto;
    transform: translate(-5%, -37%)
}

[direction=rtl] [data-is=apple-news] .wrapper {
    left: auto;
    right: 0;
    transform: translate(5%, -37%)
}

@media only screen and (min-width: 48.0625em) {
    [data-is=apple-news] .wrapper {
        left: 5%;
        right: auto;
        top: 50%;
        bottom: auto;
        transform: translate(0, -50%)
    }

    [direction=rtl] [data-is=apple-news] .wrapper {
        left: auto;
        right: 5%;
        transform: translate(0, -50%)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=apple-news] .wrapper {
        left: 7%;
        right: auto
    }

    [direction=rtl] [data-is=apple-news] .wrapper {
        left: auto;
        right: 7%
    }
}

@media only screen and (min-width: 120em) {
    [data-is=apple-news] .wrapper {
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%)
    }

    [direction=rtl] [data-is=apple-news] .wrapper {
        left: auto;
        right: auto
    }
}

[data-is=apple-news] .window {
    display: block;
    width: 381.78px;
    height: 306.18px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=apple-news] .window {
        width: 605.99999px;
        height: 486.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=apple-news] .window {
        width: 727.2px;
        height: 583.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=apple-news] .window {
        width: 909px;
        height: 729px
    }
}

[data-is=apple-news] .scroll {
    display: block;
    width: 245.7px;
    height: 662.76px;
    top: -412.02px;
    left: 0;
    position: absolute;
    transform: translate(0, 62.15%)
}

@media only screen and (min-width: 20.0625em) {
    [data-is=apple-news] .scroll {
        width: 390.0px;
        height: 1051.99999px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=apple-news] .scroll {
        width: 468px;
        height: 1262.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=apple-news] .scroll {
        width: 585px;
        height: 1578px
    }
}

[direction=rtl] [data-is=apple-news] .scroll {
    left: auto;
    right: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=apple-news] .scroll {
        top: -653.99999px;
        left: 0
    }

    [direction=rtl] [data-is=apple-news] .scroll {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=apple-news] .scroll {
        top: -784.8px;
        left: 0
    }

    [direction=rtl] [data-is=apple-news] .scroll {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 90em) {
    [data-is=apple-news] .scroll {
        top: -981px;
        left: 0
    }

    [direction=rtl] [data-is=apple-news] .scroll {
        left: auto;
        right: 0
    }
}

[data-is=apple-news].slide.active .hero-block .scroll {
    animation: slide-in 3.5s 2.75s ease-in-out forwards
}

[data-is=continuity-camera] h2 {
    color: #f3c823
}

[data-is=continuity-camera] .wrapper {
    position: absolute;
    left: auto;
    right: 0;
    top: 50%;
    bottom: auto;
    transform: translate(-1%, -63%)
}

[direction=rtl] [data-is=continuity-camera] .wrapper {
    left: 0;
    right: auto;
    transform: translate(1%, -63%)
}

@media only screen and (min-width: 48.0625em) {
    [data-is=continuity-camera] .wrapper {
        left: auto;
        right: 5%;
        top: 50%;
        bottom: auto;
        transform: translate(-5%, -50%)
    }

    [direction=rtl] [data-is=continuity-camera] .wrapper {
        left: 5%;
        right: auto;
        transform: translate(5%, -50%)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .wrapper {
        left: auto;
        right: 7%
    }

    [direction=rtl] [data-is=continuity-camera] .wrapper {
        left: 7%;
        right: auto
    }
}

@media only screen and (min-width: 120em) {
    [data-is=continuity-camera] .wrapper {
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%)
    }

    [direction=rtl] [data-is=continuity-camera] .wrapper {
        left: auto;
        right: auto
    }
}

[data-is=continuity-camera] .desktop, [data-is=continuity-camera] .phone, [data-is=continuity-camera] .iphone-shadow, [data-is=continuity-camera] .homescreen, [data-is=continuity-camera] .camera-ios-before, [data-is=continuity-camera] .camera-ios-after, [data-is=continuity-camera] .document-image, [data-is=continuity-camera] .camera-touch-1, [data-is=continuity-camera] .camera-touch-2, [data-is=continuity-camera] .circle2 {
    position: absolute
}

[data-is=continuity-camera] .hardware {
    display: block;
    width: 524.16px;
    height: 311.22px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=continuity-camera] .hardware {
        width: 831.99999px;
        height: 494.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .hardware {
        width: 998.4px;
        height: 592.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=continuity-camera] .hardware {
        width: 1248px;
        height: 741px
    }
}

[data-is=continuity-camera] .desktop {
    top: 18.9px;
    left: 61.74px
}

[direction=rtl] [data-is=continuity-camera] .desktop {
    left: auto;
    right: 61.74px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=continuity-camera] .desktop {
        top: 30.0px;
        left: 98.0px
    }

    [direction=rtl] [data-is=continuity-camera] .desktop {
        left: auto;
        right: 98.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .desktop {
        top: 36px;
        left: 117.6px
    }

    [direction=rtl] [data-is=continuity-camera] .desktop {
        left: auto;
        right: 117.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=continuity-camera] .desktop {
        top: 45px;
        left: 147px
    }

    [direction=rtl] [data-is=continuity-camera] .desktop {
        left: auto;
        right: 147px
    }
}

[data-is=continuity-camera] .wallpaper {
    display: block;
    width: 400.68px;
    height: 250.74px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=continuity-camera] .wallpaper {
        width: 635.99999px;
        height: 398.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .wallpaper {
        width: 763.2px;
        height: 477.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=continuity-camera] .wallpaper {
        width: 954px;
        height: 597px
    }
}

[data-is=continuity-camera] .phone {
    bottom: 1.68px;
    right: -23.1px
}

[direction=rtl] [data-is=continuity-camera] .phone {
    right: auto;
    left: -23.1px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=continuity-camera] .phone {
        bottom: 2.66667px;
        right: -36.66667px
    }

    [direction=rtl] [data-is=continuity-camera] .phone {
        right: auto;
        left: -36.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .phone {
        bottom: 3.2px;
        right: -44px
    }

    [direction=rtl] [data-is=continuity-camera] .phone {
        right: auto;
        left: -44px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=continuity-camera] .phone {
        bottom: 4px;
        right: -55px
    }

    [direction=rtl] [data-is=continuity-camera] .phone {
        right: auto;
        left: -55px
    }
}

[data-is=continuity-camera] .iphone-shadow {
    display: block;
    width: 104.58px;
    height: 3.78px;
    bottom: -2.1px;
    left: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=continuity-camera] .iphone-shadow {
        width: 166.0px;
        height: 6.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .iphone-shadow {
        width: 199.2px;
        height: 7.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=continuity-camera] .iphone-shadow {
        width: 249px;
        height: 9px
    }
}

[direction=rtl] [data-is=continuity-camera] .iphone-shadow {
    left: auto;
    right: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=continuity-camera] .iphone-shadow {
        bottom: -3.33333px;
        left: 0
    }

    [direction=rtl] [data-is=continuity-camera] .iphone-shadow {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .iphone-shadow {
        bottom: -4px;
        left: 0
    }

    [direction=rtl] [data-is=continuity-camera] .iphone-shadow {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 90em) {
    [data-is=continuity-camera] .iphone-shadow {
        bottom: -5px;
        left: 0
    }

    [direction=rtl] [data-is=continuity-camera] .iphone-shadow {
        left: auto;
        right: 0
    }
}

[data-is=continuity-camera] .iphone-shadow img {
    position: absolute;
    top: 0
}

[data-is=continuity-camera] .iphone {
    display: block;
    width: 104.16px;
    height: 208.95px;
    -webkit-mask-image: url("global/0002_hardware-iphone-hero.svg");
    mask-image: url("global/0002_hardware-iphone-hero.svg");
    -webkit-mask-size: 104.16px 208.95px;
    mask-size: 104.16px 208.95px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

@media only screen and (min-width: 20.0625em) {
    [data-is=continuity-camera] .iphone {
        width: 165.33333px;
        height: 331.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .iphone {
        width: 198.4px;
        height: 398px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=continuity-camera] .iphone {
        width: 248px;
        height: 497.5px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=continuity-camera] .iphone {
        -webkit-mask-size: 165.33333px 331.66666px;
        mask-size: 165.33333px 331.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .iphone {
        -webkit-mask-size: 198.4px 398px;
        mask-size: 198.4px 398px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=continuity-camera] .iphone {
        -webkit-mask-size: 248px 497.5px;
        mask-size: 248px 497.5px
    }
}

[data-is=continuity-camera] .camera-ios-before, [data-is=continuity-camera] .camera-ios-after {
    display: block;
    width: 90.72px;
    height: 196.56px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=continuity-camera] .camera-ios-before, [data-is=continuity-camera] .camera-ios-after {
        width: 144.0px;
        height: 312.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .camera-ios-before, [data-is=continuity-camera] .camera-ios-after {
        width: 172.8px;
        height: 374.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=continuity-camera] .camera-ios-before, [data-is=continuity-camera] .camera-ios-after {
        width: 216px;
        height: 468px
    }
}

[data-is=continuity-camera] .camera-ios-after {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

[data-is=continuity-camera] .homescreen {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 6.3px;
    left: 6.72px;
    display: block;
    width: 90.72px;
    height: 196.35px;
    -webkit-mask-image: url("global/hardware-iphone-screen-hero.svg");
    mask-image: url("global/hardware-iphone-screen-hero.svg");
    -webkit-mask-size: 90.72px 196.35px;
    mask-size: 90.72px 196.35px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

[direction=rtl] [data-is=continuity-camera] .homescreen {
    left: auto;
    right: 6.72px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=continuity-camera] .homescreen {
        top: 10.0px;
        left: 10.66667px
    }

    [direction=rtl] [data-is=continuity-camera] .homescreen {
        left: auto;
        right: 10.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .homescreen {
        top: 12px;
        left: 12.8px
    }

    [direction=rtl] [data-is=continuity-camera] .homescreen {
        left: auto;
        right: 12.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=continuity-camera] .homescreen {
        top: 15px;
        left: 16px
    }

    [direction=rtl] [data-is=continuity-camera] .homescreen {
        left: auto;
        right: 16px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=continuity-camera] .homescreen {
        width: 144.0px;
        height: 311.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .homescreen {
        width: 172.8px;
        height: 374px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=continuity-camera] .homescreen {
        width: 216px;
        height: 467.5px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=continuity-camera] .homescreen {
        -webkit-mask-size: 144.0px 311.66666px;
        mask-size: 144.0px 311.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .homescreen {
        -webkit-mask-size: 172.8px 374px;
        mask-size: 172.8px 374px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=continuity-camera] .homescreen {
        -webkit-mask-size: 216px 467.5px;
        mask-size: 216px 467.5px
    }
}

[data-is=continuity-camera] .document-image {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: block;
    width: 79.38px;
    height: 147.84px;
    top: 18.06px;
    right: 38.64px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=continuity-camera] .document-image {
        width: 126.0px;
        height: 234.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .document-image {
        width: 151.2px;
        height: 281.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=continuity-camera] .document-image {
        width: 189px;
        height: 352px
    }
}

[direction=rtl] [data-is=continuity-camera] .document-image {
    right: auto;
    left: 38.64px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=continuity-camera] .document-image {
        top: 28.66667px;
        right: 61.33333px
    }

    [direction=rtl] [data-is=continuity-camera] .document-image {
        right: auto;
        left: 61.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .document-image {
        top: 34.4px;
        right: 73.6px
    }

    [direction=rtl] [data-is=continuity-camera] .document-image {
        right: auto;
        left: 73.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=continuity-camera] .document-image {
        top: 43px;
        right: 92px
    }

    [direction=rtl] [data-is=continuity-camera] .document-image {
        right: auto;
        left: 92px
    }
}

[direction=rtl] [data-is=continuity-camera] .document-image {
    top: 18.06px;
    left: 282.66px
}

[direction=rtl] [direction=rtl] [data-is=continuity-camera] .document-image {
    left: auto;
    right: 282.66px
}

@media only screen and (min-width: 20.0625em) {
    [direction=rtl] [data-is=continuity-camera] .document-image {
        top: 28.66667px;
        left: 448.66666px
    }

    [direction=rtl] [direction=rtl] [data-is=continuity-camera] .document-image {
        left: auto;
        right: 448.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [direction=rtl] [data-is=continuity-camera] .document-image {
        top: 34.4px;
        left: 538.4px
    }

    [direction=rtl] [direction=rtl] [data-is=continuity-camera] .document-image {
        left: auto;
        right: 538.4px
    }
}

@media only screen and (min-width: 90em) {
    [direction=rtl] [data-is=continuity-camera] .document-image {
        top: 43px;
        left: 673px
    }

    [direction=rtl] [direction=rtl] [data-is=continuity-camera] .document-image {
        left: auto;
        right: 673px
    }
}

[data-is=continuity-camera] .circle2 {
    display: block;
    width: 15.12px;
    height: 15.12px;
    top: 15.54px;
    right: 45.36px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=continuity-camera] .circle2 {
        width: 24.0px;
        height: 24.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .circle2 {
        width: 28.8px;
        height: 28.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=continuity-camera] .circle2 {
        width: 36px;
        height: 36px
    }
}

[direction=rtl] [data-is=continuity-camera] .circle2 {
    right: auto;
    left: 45.36px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=continuity-camera] .circle2 {
        top: 24.66667px;
        right: 72.0px
    }

    [direction=rtl] [data-is=continuity-camera] .circle2 {
        right: auto;
        left: 72.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .circle2 {
        top: 29.6px;
        right: 86.4px
    }

    [direction=rtl] [data-is=continuity-camera] .circle2 {
        right: auto;
        left: 86.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=continuity-camera] .circle2 {
        top: 37px;
        right: 108px
    }

    [direction=rtl] [data-is=continuity-camera] .circle2 {
        right: auto;
        left: 108px
    }
}

[direction=rtl] [data-is=continuity-camera] .circle2 {
    left: auto;
    top: 18.06px;
    right: 89.04px
}

[direction=rtl] [direction=rtl] [data-is=continuity-camera] .circle2 {
    right: auto;
    left: 89.04px
}

@media only screen and (min-width: 20.0625em) {
    [direction=rtl] [data-is=continuity-camera] .circle2 {
        top: 28.66667px;
        right: 141.33333px
    }

    [direction=rtl] [direction=rtl] [data-is=continuity-camera] .circle2 {
        right: auto;
        left: 141.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [direction=rtl] [data-is=continuity-camera] .circle2 {
        top: 34.4px;
        right: 169.6px
    }

    [direction=rtl] [direction=rtl] [data-is=continuity-camera] .circle2 {
        right: auto;
        left: 169.6px
    }
}

@media only screen and (min-width: 90em) {
    [direction=rtl] [data-is=continuity-camera] .circle2 {
        top: 43px;
        right: 212px
    }

    [direction=rtl] [direction=rtl] [data-is=continuity-camera] .circle2 {
        right: auto;
        left: 212px
    }
}

[data-is=continuity-camera] .camera-touch-1, [data-is=continuity-camera] .camera-touch-2 {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 50%;
    display: block;
    width: 23.1px;
    height: 23.1px;
    background-color: rgba(255, 255, 255, .5);
    overflow: hidden
}

@media only screen and (min-width: 20.0625em) {
    [data-is=continuity-camera] .camera-touch-1, [data-is=continuity-camera] .camera-touch-2 {
        width: 36.66667px;
        height: 36.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .camera-touch-1, [data-is=continuity-camera] .camera-touch-2 {
        width: 44px;
        height: 44px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=continuity-camera] .camera-touch-1, [data-is=continuity-camera] .camera-touch-2 {
        width: 55px;
        height: 55px
    }
}

[data-is=continuity-camera] .camera-touch-1 {
    bottom: 15.54px;
    left: 33.81px
}

[direction=rtl] [data-is=continuity-camera] .camera-touch-1 {
    left: auto;
    right: 33.81px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=continuity-camera] .camera-touch-1 {
        bottom: 24.66667px;
        left: 53.66667px
    }

    [direction=rtl] [data-is=continuity-camera] .camera-touch-1 {
        left: auto;
        right: 53.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .camera-touch-1 {
        bottom: 29.6px;
        left: 64.4px
    }

    [direction=rtl] [data-is=continuity-camera] .camera-touch-1 {
        left: auto;
        right: 64.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=continuity-camera] .camera-touch-1 {
        bottom: 37px;
        left: 80.5px
    }

    [direction=rtl] [data-is=continuity-camera] .camera-touch-1 {
        left: auto;
        right: 80.5px
    }
}

[data-is=continuity-camera] .camera-touch-2 {
    bottom: 5.46px;
    right: 2.1px
}

[direction=rtl] [data-is=continuity-camera] .camera-touch-2 {
    right: auto;
    left: 2.1px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=continuity-camera] .camera-touch-2 {
        bottom: 8.66667px;
        right: 3.33333px
    }

    [direction=rtl] [data-is=continuity-camera] .camera-touch-2 {
        right: auto;
        left: 3.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=continuity-camera] .camera-touch-2 {
        bottom: 10.4px;
        right: 4px
    }

    [direction=rtl] [data-is=continuity-camera] .camera-touch-2 {
        right: auto;
        left: 4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=continuity-camera] .camera-touch-2 {
        bottom: 13px;
        right: 5px
    }

    [direction=rtl] [data-is=continuity-camera] .camera-touch-2 {
        right: auto;
        left: 5px
    }
}

[data-is=continuity-camera].slide.active .hero-block:not(.active) .homescreen {
    animation: fade-in .5s 2.45s ease-in-out forwards
}

[data-is=continuity-camera].slide.active .hero-block:not(.active) .camera-touch-1 {
    transform: scale(1.3);
    animation: photos-tappoint .6s 3.45s ease-in-out forwards
}

[data-is=continuity-camera].slide.active .hero-block:not(.active) .camera-touch-2 {
    transform: scale(1.3);
    animation: photos-tappoint .6s 5.15s ease-in-out forwards
}

[data-is=continuity-camera].slide.active .hero-block:not(.active) .camera-ios-after {
    animation: fade-in .5s 4.15s ease-in-out forwards
}

[data-is=continuity-camera].slide.active .hero-block:not(.active) .document-image {
    animation: fade-in .3s 5.95s ease-in-out forwards
}

@keyframes photos-tappoint {
    40%, 75% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        transform: scale(1)
    }
    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform: scale(2)
    }
}

[data-is=dark-mode] h2 {
    color: #007aff
}

[data-is=dark-mode] .wrapper {
    position: absolute;
    left: 0;
    right: auto;
    top: 50%;
    bottom: auto;
    transform: translate(-10%, -30%)
}

[direction=rtl] [data-is=dark-mode] .wrapper {
    left: auto;
    right: 0;
    transform: translate(10%, -30%)
}

@media only screen and (min-width: 48.0625em) {
    [data-is=dark-mode] .wrapper {
        left: 5%;
        right: auto;
        top: 50%;
        bottom: auto;
        transform: translate(0, -50%)
    }

    [direction=rtl] [data-is=dark-mode] .wrapper {
        left: auto;
        right: 5%;
        transform: translate(0, -50%)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=dark-mode] .wrapper {
        left: 7%;
        right: auto
    }

    [direction=rtl] [data-is=dark-mode] .wrapper {
        left: auto;
        right: 7%
    }
}

@media only screen and (min-width: 120em) {
    [data-is=dark-mode] .wrapper {
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%)
    }

    [direction=rtl] [data-is=dark-mode] .wrapper {
        left: auto;
        right: auto
    }
}

[data-is=dark-mode] .hardware {
    display: block;
    width: 524.16px;
    height: 311.22px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=dark-mode] .hardware {
        width: 831.99999px;
        height: 494.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=dark-mode] .hardware {
        width: 998.4px;
        height: 592.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=dark-mode] .hardware {
        width: 1248px;
        height: 741px
    }
}

[data-is=dark-mode] .darkmode-before, [data-is=dark-mode] .darkmode-after {
    top: 18.9px;
    left: 61.74px;
    display: block;
    width: 400.68px;
    height: 250.74px;
    position: absolute
}

[direction=rtl] [data-is=dark-mode] .darkmode-before, [direction=rtl] [data-is=dark-mode] .darkmode-after {
    left: auto;
    right: 61.74px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=dark-mode] .darkmode-before, [data-is=dark-mode] .darkmode-after {
        top: 30.0px;
        left: 98.0px
    }

    [direction=rtl] [data-is=dark-mode] .darkmode-before, [direction=rtl] [data-is=dark-mode] .darkmode-after {
        left: auto;
        right: 98.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=dark-mode] .darkmode-before, [data-is=dark-mode] .darkmode-after {
        top: 36px;
        left: 117.6px
    }

    [direction=rtl] [data-is=dark-mode] .darkmode-before, [direction=rtl] [data-is=dark-mode] .darkmode-after {
        left: auto;
        right: 117.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=dark-mode] .darkmode-before, [data-is=dark-mode] .darkmode-after {
        top: 45px;
        left: 147px
    }

    [direction=rtl] [data-is=dark-mode] .darkmode-before, [direction=rtl] [data-is=dark-mode] .darkmode-after {
        left: auto;
        right: 147px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=dark-mode] .darkmode-before, [data-is=dark-mode] .darkmode-after {
        width: 635.99999px;
        height: 398.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=dark-mode] .darkmode-before, [data-is=dark-mode] .darkmode-after {
        width: 763.2px;
        height: 477.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=dark-mode] .darkmode-before, [data-is=dark-mode] .darkmode-after {
        width: 954px;
        height: 597px
    }
}

[data-is=dark-mode] .darkmode-after {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

[data-is=dark-mode].slide.active .darkmode-after {
    animation: fade-in 1s 2.75s ease-in-out forwards
}

[data-is=facetime] h2 {
    color: #63cd23
}

[data-is=facetime] .wrapper {
    position: absolute;
    left: 0;
    right: auto;
    top: 50%;
    bottom: auto;
    transform: translate(-5%, -54%)
}

[direction=rtl] [data-is=facetime] .wrapper {
    left: auto;
    right: 0;
    transform: translate(5%, -54%)
}

@media only screen and (min-width: 48.0625em) {
    [data-is=facetime] .wrapper {
        left: 5%;
        right: auto;
        top: 50%;
        bottom: auto;
        transform: translate(0, -50%)
    }

    [direction=rtl] [data-is=facetime] .wrapper {
        left: auto;
        right: 5%;
        transform: translate(0, -50%)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=facetime] .wrapper {
        left: 7%;
        right: auto
    }

    [direction=rtl] [data-is=facetime] .wrapper {
        left: auto;
        right: 7%
    }
}

@media only screen and (min-width: 120em) {
    [data-is=facetime] .wrapper {
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%)
    }

    [direction=rtl] [data-is=facetime] .wrapper {
        left: auto;
        right: auto
    }
}

[data-is=facetime] .window-mask, [data-is=facetime] .contact, [data-is=facetime] .contact-strip, [data-is=facetime] .controls, [data-is=facetime] .stoplights, [data-is=facetime] .sidebar {
    position: absolute
}

[data-is=facetime] .backdrop {
    width: 425.88px;
    height: 280.98px;
    display: block
}

@media only screen and (min-width: 20.0625em) {
    [data-is=facetime] .backdrop {
        width: 675.99999px;
        height: 446.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=facetime] .backdrop {
        width: 811.2px;
        height: 535.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=facetime] .backdrop {
        width: 1014px;
        height: 669px
    }
}

[data-is=facetime] .window {
    overflow: hidden;
    position: relative
}

[data-is=facetime] .window-mask {
    display: block;
    width: 392.7px;
    height: 247.8px;
    top: 7.56px;
    left: 16.8px;
    border-radius: 5px;
    overflow: hidden
}

@media only screen and (min-width: 20.0625em) {
    [data-is=facetime] .window-mask {
        width: 623.33333px;
        height: 393.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=facetime] .window-mask {
        width: 748px;
        height: 472px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=facetime] .window-mask {
        width: 935px;
        height: 590px
    }
}

[direction=rtl] [data-is=facetime] .window-mask {
    left: auto;
    right: 16.8px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=facetime] .window-mask {
        top: 12.0px;
        left: 26.66667px
    }

    [direction=rtl] [data-is=facetime] .window-mask {
        left: auto;
        right: 26.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=facetime] .window-mask {
        top: 14.4px;
        left: 32px
    }

    [direction=rtl] [data-is=facetime] .window-mask {
        left: auto;
        right: 32px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=facetime] .window-mask {
        top: 18px;
        left: 40px
    }

    [direction=rtl] [data-is=facetime] .window-mask {
        left: auto;
        right: 40px
    }
}

[data-is=facetime] .contact {
    overflow: hidden;
    box-shadow: 0 10px 50px -2px rgba(0, 0, 0, .5), 0 0 5px 0 rgba(0, 0, 0, .1)
}

[data-is=facetime] .contact.primary {
    display: block;
    width: 186.48px;
    height: 186.48px;
    top: 21px;
    left: 23.94px;
    border-radius: 3%;
    transform-origin: 0 -3%
}

@media only screen and (min-width: 20.0625em) {
    [data-is=facetime] .contact.primary {
        width: 296.0px;
        height: 296.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=facetime] .contact.primary {
        width: 355.2px;
        height: 355.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=facetime] .contact.primary {
        width: 444px;
        height: 444px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=facetime] .contact.primary {
        top: 33.33333px;
        left: 38.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=facetime] .contact.primary {
        top: 40px;
        left: 45.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=facetime] .contact.primary {
        top: 50px;
        left: 57px
    }
}

[data-is=facetime] .contact.secondary {
    display: block;
    width: 186.48px;
    height: 186.48px;
    top: 21px;
    right: 23.1px;
    border-radius: 3%;
    transform-origin: 44% -3%
}

@media only screen and (min-width: 20.0625em) {
    [data-is=facetime] .contact.secondary {
        width: 296.0px;
        height: 296.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=facetime] .contact.secondary {
        width: 355.2px;
        height: 355.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=facetime] .contact.secondary {
        width: 444px;
        height: 444px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=facetime] .contact.secondary {
        top: 33.33333px;
        right: 36.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=facetime] .contact.secondary {
        top: 40px;
        right: 44px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=facetime] .contact.secondary {
        top: 50px;
        right: 55px
    }
}

[data-is=facetime] .contact.tertiary {
    display: block;
    width: 59.22px;
    height: 59.22px;
    top: 113.82px;
    right: 23.52px;
    border-radius: 9%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: scale(0)
}

@media only screen and (min-width: 20.0625em) {
    [data-is=facetime] .contact.tertiary {
        width: 94.0px;
        height: 94.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=facetime] .contact.tertiary {
        width: 112.8px;
        height: 112.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=facetime] .contact.tertiary {
        width: 141px;
        height: 141px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=facetime] .contact.tertiary {
        top: 180.66666px;
        right: 37.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=facetime] .contact.tertiary {
        top: 216.8px;
        right: 44.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=facetime] .contact.tertiary {
        top: 271px;
        right: 56px
    }
}

[data-is=facetime] .contact.quaternary {
    display: block;
    width: 151.2px;
    height: 151.2px;
    top: 53.76px;
    left: 114.66px;
    border-radius: 4%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: scale(0)
}

@media only screen and (min-width: 20.0625em) {
    [data-is=facetime] .contact.quaternary {
        width: 240.0px;
        height: 240.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=facetime] .contact.quaternary {
        width: 288px;
        height: 288px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=facetime] .contact.quaternary {
        width: 360px;
        height: 360px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=facetime] .contact.quaternary {
        top: 85.33333px;
        left: 182.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=facetime] .contact.quaternary {
        top: 102.4px;
        left: 218.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=facetime] .contact.quaternary {
        top: 128px;
        left: 273px
    }
}

[data-is=facetime] .controls {
    display: block;
    width: 102.69px;
    height: 39.27px;
    bottom: 31.08px;
    left: 25.2px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=facetime] .controls {
        width: 163.0px;
        height: 62.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=facetime] .controls {
        width: 195.6px;
        height: 74.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=facetime] .controls {
        width: 244.5px;
        height: 93.5px
    }
}

[direction=rtl] [data-is=facetime] .controls {
    left: auto;
    right: 25.2px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=facetime] .controls {
        bottom: 49.33333px;
        left: 40.0px
    }

    [direction=rtl] [data-is=facetime] .controls {
        left: auto;
        right: 40.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=facetime] .controls {
        bottom: 59.2px;
        left: 48px
    }

    [direction=rtl] [data-is=facetime] .controls {
        left: auto;
        right: 48px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=facetime] .controls {
        bottom: 74px;
        left: 60px
    }

    [direction=rtl] [data-is=facetime] .controls {
        left: auto;
        right: 60px
    }
}

[data-is=facetime] .stoplights {
    display: block;
    width: 21.966px;
    height: 5.04px;
    top: 10.08px;
    left: 20.16px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=facetime] .stoplights {
        width: 34.86667px;
        height: 8.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=facetime] .stoplights {
        width: 41.84px;
        height: 9.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=facetime] .stoplights {
        width: 52.3px;
        height: 12px
    }
}

[direction=rtl] [data-is=facetime] .stoplights {
    left: auto;
    right: 20.16px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=facetime] .stoplights {
        top: 16.0px;
        left: 32.0px
    }

    [direction=rtl] [data-is=facetime] .stoplights {
        left: auto;
        right: 32.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=facetime] .stoplights {
        top: 19.2px;
        left: 38.4px
    }

    [direction=rtl] [data-is=facetime] .stoplights {
        left: auto;
        right: 38.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=facetime] .stoplights {
        top: 24px;
        left: 48px
    }

    [direction=rtl] [data-is=facetime] .stoplights {
        left: auto;
        right: 48px
    }
}

[data-is=facetime] .sidebar {
    display: block;
    width: 120.96px;
    height: 247.8px;
    top: 0;
    left: 0;
    transform: translate(-100%, 0)
}

@media only screen and (min-width: 20.0625em) {
    [data-is=facetime] .sidebar {
        width: 192.0px;
        height: 393.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=facetime] .sidebar {
        width: 230.4px;
        height: 472px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=facetime] .sidebar {
        width: 288px;
        height: 590px
    }
}

[direction=rtl] [data-is=facetime] .sidebar {
    left: auto;
    right: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=facetime] .sidebar {
        top: 0;
        left: 0
    }

    [direction=rtl] [data-is=facetime] .sidebar {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=facetime] .sidebar {
        top: 0;
        left: 0
    }

    [direction=rtl] [data-is=facetime] .sidebar {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 90em) {
    [data-is=facetime] .sidebar {
        top: 0;
        left: 0
    }

    [direction=rtl] [data-is=facetime] .sidebar {
        left: auto;
        right: 0
    }
}

[direction="rtl"] [data-is="facetime"] .sidebar {
    transform: translate(100%, 0)
}

[data-is=facetime].slide.active .hero-block:not(.active) .primary {
    animation: facetime-shrink 1.6s 2.75s cubic-bezier(.3, 0, .3, 1) forwards
}

[data-is=facetime].slide.active .hero-block:not(.active) .secondary {
    animation: facetime-shrink 1.6s 2.75s cubic-bezier(.3, 0, .3, 1) forwards
}

[data-is=facetime].slide.active .hero-block:not(.active) .tertiary, [data-is=facetime].slide.active .hero-block:not(.active) .quaternary {
    animation: scale-in 1.6s 2.75s cubic-bezier(.3, 0, .3, 1) forwards
}

[data-is=facetime].slide.active .hero-block.active .primary {
    transform: scale(.56);
    border-radius: 6%
}

[data-is=facetime].slide.active .hero-block.active .secondary {
    transform: scale(.56);
    border-radius: 6%
}

[data-is=facetime].slide.active .hero-block.active .tertiary, [data-is=facetime].slide.active .hero-block.active .quaternary {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: scale(1)
}

[data-is=facetime].slide.active .hero-block.active .sidebar {
    animation: slide-in .5s 1.95s ease-in-out forwards
}

@keyframes facetime-shrink {
    100% {
        transform: scale(.56);
        border-radius: 6%
    }
}

[data-is=finder] h2 {
    color: #007aff
}

[data-is=finder] .wrapper {
    position: absolute;
    left: auto;
    right: 0;
    top: 50%;
    bottom: auto;
    transform: translate(5%, -57%)
}

[direction=rtl] [data-is=finder] .wrapper {
    left: 0;
    right: auto;
    transform: translate(-5%, -57%)
}

@media only screen and (min-width: 48.0625em) {
    [data-is=finder] .wrapper {
        left: auto;
        right: 5%;
        top: 50%;
        bottom: auto;
        transform: translate(0, -50%)
    }

    [direction=rtl] [data-is=finder] .wrapper {
        left: 5%;
        right: auto;
        transform: translate(0, -50%)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=finder] .wrapper {
        left: auto;
        right: 7%
    }

    [direction=rtl] [data-is=finder] .wrapper {
        left: 7%;
        right: auto
    }
}

@media only screen and (min-width: 120em) {
    [data-is=finder] .wrapper {
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%)
    }

    [direction=rtl] [data-is=finder] .wrapper {
        left: auto;
        right: auto
    }
}

[data-is=finder] .thumbnail-panel, [data-is=finder] .data-panel, [data-is=finder] .preview-panel, [data-is=finder] .multiselect, [data-is=finder] .data:nth-child(n+2), [data-is=finder] .preview:nth-child(n+2), [data-is=finder] .thumbnail:nth-child(n+2), [data-is=finder] .loupe, [data-is=finder] .loupe-gallery {
    position: absolute
}

[data-is=finder] .thumbnail {
    display: block;
    width: 22.68px;
    height: 22.68px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=finder] .thumbnail {
        width: 36.0px;
        height: 36.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=finder] .thumbnail {
        width: 43.2px;
        height: 43.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=finder] .thumbnail {
        width: 54px;
        height: 54px
    }
}

[data-is=finder] .thumbnail.one {
    bottom: 29.4px;
    left: 151.62px
}

[direction=rtl] [data-is=finder] .thumbnail.one {
    left: auto;
    right: 151.62px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=finder] .thumbnail.one {
        bottom: 46.66667px;
        left: 240.66666px
    }

    [direction=rtl] [data-is=finder] .thumbnail.one {
        left: auto;
        right: 240.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=finder] .thumbnail.one {
        bottom: 56px;
        left: 288.8px
    }

    [direction=rtl] [data-is=finder] .thumbnail.one {
        left: auto;
        right: 288.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=finder] .thumbnail.one {
        bottom: 70px;
        left: 361px
    }

    [direction=rtl] [data-is=finder] .thumbnail.one {
        left: auto;
        right: 361px
    }
}

[data-is=finder] .thumbnail.two {
    bottom: 29.4px;
    left: 177.66px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

[direction=rtl] [data-is=finder] .thumbnail.two {
    left: auto;
    right: 177.66px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=finder] .thumbnail.two {
        bottom: 46.66667px;
        left: 282.0px
    }

    [direction=rtl] [data-is=finder] .thumbnail.two {
        left: auto;
        right: 282.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=finder] .thumbnail.two {
        bottom: 56px;
        left: 338.4px
    }

    [direction=rtl] [data-is=finder] .thumbnail.two {
        left: auto;
        right: 338.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=finder] .thumbnail.two {
        bottom: 70px;
        left: 423px
    }

    [direction=rtl] [data-is=finder] .thumbnail.two {
        left: auto;
        right: 423px
    }
}

[data-is=finder] .thumbnail.three {
    bottom: 29.4px;
    left: 203.7px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

[direction=rtl] [data-is=finder] .thumbnail.three {
    left: auto;
    right: 203.7px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=finder] .thumbnail.three {
        bottom: 46.66667px;
        left: 323.33333px
    }

    [direction=rtl] [data-is=finder] .thumbnail.three {
        left: auto;
        right: 323.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=finder] .thumbnail.three {
        bottom: 56px;
        left: 388px
    }

    [direction=rtl] [data-is=finder] .thumbnail.three {
        left: auto;
        right: 388px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=finder] .thumbnail.three {
        bottom: 70px;
        left: 485px
    }

    [direction=rtl] [data-is=finder] .thumbnail.three {
        left: auto;
        right: 485px
    }
}

[data-is=finder] .thumbnail.four {
    bottom: 29.4px;
    left: 229.74px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

[direction=rtl] [data-is=finder] .thumbnail.four {
    left: auto;
    right: 229.74px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=finder] .thumbnail.four {
        bottom: 46.66667px;
        left: 364.66666px
    }

    [direction=rtl] [data-is=finder] .thumbnail.four {
        left: auto;
        right: 364.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=finder] .thumbnail.four {
        bottom: 56px;
        left: 437.6px
    }

    [direction=rtl] [data-is=finder] .thumbnail.four {
        left: auto;
        right: 437.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=finder] .thumbnail.four {
        bottom: 70px;
        left: 547px
    }

    [direction=rtl] [data-is=finder] .thumbnail.four {
        left: auto;
        right: 547px
    }
}

[data-is=finder] .data-panel {
    top: 31.71px;
    right: 17.85px
}

[direction=rtl] [data-is=finder] .data-panel {
    right: auto;
    left: 17.85px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=finder] .data-panel {
        top: 50.33333px;
        right: 28.33333px
    }

    [direction=rtl] [data-is=finder] .data-panel {
        right: auto;
        left: 28.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=finder] .data-panel {
        top: 60.4px;
        right: 34px
    }

    [direction=rtl] [data-is=finder] .data-panel {
        right: auto;
        left: 34px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=finder] .data-panel {
        top: 75.5px;
        right: 42.5px
    }

    [direction=rtl] [data-is=finder] .data-panel {
        right: auto;
        left: 42.5px
    }
}

[lang=el] [data-is=finder] .data-panel, [lang=zh-cn] [data-is=finder] .data-panel, [lang=vi] [data-is=finder] .data-panel {
    top: 31.71px;
    right: 16.8px
}

[direction=rtl] [lang=el] [data-is=finder] .data-panel, [direction=rtl] [lang=zh-cn] [data-is=finder] .data-panel, [direction=rtl] [lang=vi] [data-is=finder] .data-panel {
    right: auto;
    left: 16.8px
}

@media only screen and (min-width: 20.0625em) {
    [lang=el] [data-is=finder] .data-panel, [lang=zh-cn] [data-is=finder] .data-panel, [lang=vi] [data-is=finder] .data-panel {
        top: 50.33333px;
        right: 26.66667px
    }

    [direction=rtl] [lang=el] [data-is=finder] .data-panel, [direction=rtl] [lang=zh-cn] [data-is=finder] .data-panel, [direction=rtl] [lang=vi] [data-is=finder] .data-panel {
        right: auto;
        left: 26.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=el] [data-is=finder] .data-panel, [lang=zh-cn] [data-is=finder] .data-panel, [lang=vi] [data-is=finder] .data-panel {
        top: 60.4px;
        right: 32px
    }

    [direction=rtl] [lang=el] [data-is=finder] .data-panel, [direction=rtl] [lang=zh-cn] [data-is=finder] .data-panel, [direction=rtl] [lang=vi] [data-is=finder] .data-panel {
        right: auto;
        left: 32px
    }
}

@media only screen and (min-width: 90em) {
    [lang=el] [data-is=finder] .data-panel, [lang=zh-cn] [data-is=finder] .data-panel, [lang=vi] [data-is=finder] .data-panel {
        top: 75.5px;
        right: 40px
    }

    [direction=rtl] [lang=el] [data-is=finder] .data-panel, [direction=rtl] [lang=zh-cn] [data-is=finder] .data-panel, [direction=rtl] [lang=vi] [data-is=finder] .data-panel {
        right: auto;
        left: 40px
    }
}

[data-is=finder] .preview-panel {
    top: 51.24px;
    left: 108.36px
}

[direction=rtl] [data-is=finder] .preview-panel {
    left: auto;
    right: 108.36px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=finder] .preview-panel {
        top: 81.33333px;
        left: 172.0px
    }

    [direction=rtl] [data-is=finder] .preview-panel {
        left: auto;
        right: 172.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=finder] .preview-panel {
        top: 97.6px;
        left: 206.4px
    }

    [direction=rtl] [data-is=finder] .preview-panel {
        left: auto;
        right: 206.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=finder] .preview-panel {
        top: 122px;
        left: 258px
    }

    [direction=rtl] [data-is=finder] .preview-panel {
        left: auto;
        right: 258px
    }
}

[data-is=finder] .preview {
    display: block;
    width: 212.1px;
    height: 141.54px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=finder] .preview {
        width: 336.66666px;
        height: 224.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=finder] .preview {
        width: 404px;
        height: 269.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=finder] .preview {
        width: 505px;
        height: 337px
    }
}

[data-is=finder] .preview:nth-child(n+2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 0;
    left: 0
}

[data-is=finder] .multiselect {
    display: block;
    width: 214.62px;
    height: 144.06px;
    top: -1.26px;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media only screen and (min-width: 20.0625em) {
    [data-is=finder] .multiselect {
        width: 340.66666px;
        height: 228.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=finder] .multiselect {
        width: 408.8px;
        height: 274.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=finder] .multiselect {
        width: 511px;
        height: 343px
    }
}

[direction=rtl] [data-is=finder] .multiselect {
    left: auto;
    right: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=finder] .multiselect {
        top: -2.0px;
        left: 0
    }

    [direction=rtl] [data-is=finder] .multiselect {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=finder] .multiselect {
        top: -2.4px;
        left: 0
    }

    [direction=rtl] [data-is=finder] .multiselect {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 90em) {
    [data-is=finder] .multiselect {
        top: -3px;
        left: 0
    }

    [direction=rtl] [data-is=finder] .multiselect {
        left: auto;
        right: 0
    }
}

[data-is=finder] .data {
    display: block;
    width: 97.44px;
    height: 206.64px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=finder] .data {
        width: 154.66667px;
        height: 328.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=finder] .data {
        width: 185.6px;
        height: 393.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=finder] .data {
        width: 232px;
        height: 492px
    }
}

[data-is=finder] .data:nth-child(n+2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 0;
    left: 0
}

[lang=el] [data-is=finder] .data {
    display: block;
    width: 128.52px;
    height: 206.64px
}

@media only screen and (min-width: 20.0625em) {
    [lang=el] [data-is=finder] .data {
        width: 204.0px;
        height: 328.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=el] [data-is=finder] .data {
        width: 244.8px;
        height: 393.6px
    }
}

@media only screen and (min-width: 90em) {
    [lang=el] [data-is=finder] .data {
        width: 306px;
        height: 492px
    }
}

[lang=zh-cn] [data-is=finder] .data, [lang=vi] [data-is=finder] .data {
    display: block;
    width: 100.38px;
    height: 206.64px
}

@media only screen and (min-width: 20.0625em) {
    [lang=zh-cn] [data-is=finder] .data, [lang=vi] [data-is=finder] .data {
        width: 159.33333px;
        height: 328.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=zh-cn] [data-is=finder] .data, [lang=vi] [data-is=finder] .data {
        width: 191.2px;
        height: 393.6px
    }
}

@media only screen and (min-width: 90em) {
    [lang=zh-cn] [data-is=finder] .data, [lang=vi] [data-is=finder] .data {
        width: 239px;
        height: 492px
    }
}

[data-is=finder] .window {
    display: block;
    width: 451.5px;
    height: 265.02px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=finder] .window {
        width: 716.66666px;
        height: 420.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=finder] .window {
        width: 860px;
        height: 504.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=finder] .window {
        width: 1075px;
        height: 631px
    }
}

[lang=el] [data-is=finder] .window {
    display: block;
    width: 479.64px;
    height: 265.02px
}

@media only screen and (min-width: 20.0625em) {
    [lang=el] [data-is=finder] .window {
        width: 761.33333px;
        height: 420.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=el] [data-is=finder] .window {
        width: 913.6px;
        height: 504.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=el] [data-is=finder] .window {
        width: 1142px;
        height: 631px
    }
}

[data-is=finder] .loupe {
    display: block;
    width: 78.12px;
    height: 78.12px;
    bottom: 0;
    right: 28.56px;
    transform: scale(.8);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    box-shadow: 0 4px 10px -1px rgba(0, 0, 0, .3);
    border-radius: 50%;
    overflow: hidden
}

@media only screen and (min-width: 20.0625em) {
    [data-is=finder] .loupe {
        width: 124.0px;
        height: 124.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=finder] .loupe {
        width: 148.8px;
        height: 148.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=finder] .loupe {
        width: 186px;
        height: 186px
    }
}

[direction=rtl] [data-is=finder] .loupe {
    right: auto;
    left: 28.56px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=finder] .loupe {
        bottom: 0;
        right: 45.33333px
    }

    [direction=rtl] [data-is=finder] .loupe {
        right: auto;
        left: 45.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=finder] .loupe {
        bottom: 0;
        right: 54.4px
    }

    [direction=rtl] [data-is=finder] .loupe {
        right: auto;
        left: 54.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=finder] .loupe {
        bottom: 0;
        right: 68px
    }

    [direction=rtl] [data-is=finder] .loupe {
        right: auto;
        left: 68px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=finder] .loupe {
        box-shadow: 0 6px 16px -2px rgba(0, 0, 0, .3)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=finder] .loupe {
        box-shadow: 0 8px 20px -2px rgba(0, 0, 0, .3)
    }
}

@media only screen and (min-width: 90em) {
    [data-is=finder] .loupe {
        box-shadow: 0 10px 25px -2px rgba(0, 0, 0, .3)
    }
}

[direction=rtl] [data-is=finder] .loupe {
    bottom: 4.2px;
    left: 27.3px
}

[direction=rtl] [direction=rtl] [data-is=finder] .loupe {
    left: auto;
    right: 27.3px
}

@media only screen and (min-width: 20.0625em) {
    [direction=rtl] [data-is=finder] .loupe {
        bottom: 6.66667px;
        left: 43.33333px
    }

    [direction=rtl] [direction=rtl] [data-is=finder] .loupe {
        left: auto;
        right: 43.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [direction=rtl] [data-is=finder] .loupe {
        bottom: 8px;
        left: 52px
    }

    [direction=rtl] [direction=rtl] [data-is=finder] .loupe {
        left: auto;
        right: 52px
    }
}

@media only screen and (min-width: 90em) {
    [direction=rtl] [data-is=finder] .loupe {
        bottom: 10px;
        left: 65px
    }

    [direction=rtl] [direction=rtl] [data-is=finder] .loupe {
        left: auto;
        right: 65px
    }
}

[lang=ca] [data-is=finder] .loupe, [lang=cs] [data-is=finder] .loupe, [lang=da] [data-is=finder] .loupe, [lang=de] [data-is=finder] .loupe, [lang=es-419] [data-is=finder] .loupe, [lang=es] [data-is=finder] .loupe, [lang=fi] [data-is=finder] .loupe, [lang=fr-ca] [data-is=finder] .loupe, [lang=fr] [data-is=finder] .loupe, [lang=hi] [data-is=finder] .loupe, [lang=hr] [data-is=finder] .loupe, [lang=hu] [data-is=finder] .loupe, [lang=it] [data-is=finder] .loupe, [lang=ja] [data-is=finder] .loupe, [lang=ko] [data-is=finder] .loupe, [lang=ms] [data-is=finder] .loupe, [lang=nl] [data-is=finder] .loupe, [lang=nb] [data-is=finder] .loupe, [lang=pl] [data-is=finder] .loupe, [lang=pt-pt] [data-is=finder] .loupe, [lang=pt-br] [data-is=finder] .loupe, [lang=ro] [data-is=finder] .loupe, [lang=ru] [data-is=finder] .loupe, [lang=sk] [data-is=finder] .loupe, [lang=sv] [data-is=finder] .loupe, [lang=th] [data-is=finder] .loupe {
    bottom: 4.2px;
    right: 27.3px
}

[direction=rtl] [lang=ca] [data-is=finder] .loupe, [direction=rtl] [lang=cs] [data-is=finder] .loupe, [direction=rtl] [lang=da] [data-is=finder] .loupe, [direction=rtl] [lang=de] [data-is=finder] .loupe, [direction=rtl] [lang=es-419] [data-is=finder] .loupe, [direction=rtl] [lang=es] [data-is=finder] .loupe, [direction=rtl] [lang=fi] [data-is=finder] .loupe, [direction=rtl] [lang=fr-ca] [data-is=finder] .loupe, [direction=rtl] [lang=fr] [data-is=finder] .loupe, [direction=rtl] [lang=hi] [data-is=finder] .loupe, [direction=rtl] [lang=hr] [data-is=finder] .loupe, [direction=rtl] [lang=hu] [data-is=finder] .loupe, [direction=rtl] [lang=it] [data-is=finder] .loupe, [direction=rtl] [lang=ja] [data-is=finder] .loupe, [direction=rtl] [lang=ko] [data-is=finder] .loupe, [direction=rtl] [lang=ms] [data-is=finder] .loupe, [direction=rtl] [lang=nl] [data-is=finder] .loupe, [direction=rtl] [lang=nb] [data-is=finder] .loupe, [direction=rtl] [lang=pl] [data-is=finder] .loupe, [direction=rtl] [lang=pt-pt] [data-is=finder] .loupe, [direction=rtl] [lang=pt-br] [data-is=finder] .loupe, [direction=rtl] [lang=ro] [data-is=finder] .loupe, [direction=rtl] [lang=ru] [data-is=finder] .loupe, [direction=rtl] [lang=sk] [data-is=finder] .loupe, [direction=rtl] [lang=sv] [data-is=finder] .loupe, [direction=rtl] [lang=th] [data-is=finder] .loupe {
    right: auto;
    left: 27.3px
}

@media only screen and (min-width: 20.0625em) {
    [lang=ca] [data-is=finder] .loupe, [lang=cs] [data-is=finder] .loupe, [lang=da] [data-is=finder] .loupe, [lang=de] [data-is=finder] .loupe, [lang=es-419] [data-is=finder] .loupe, [lang=es] [data-is=finder] .loupe, [lang=fi] [data-is=finder] .loupe, [lang=fr-ca] [data-is=finder] .loupe, [lang=fr] [data-is=finder] .loupe, [lang=hi] [data-is=finder] .loupe, [lang=hr] [data-is=finder] .loupe, [lang=hu] [data-is=finder] .loupe, [lang=it] [data-is=finder] .loupe, [lang=ja] [data-is=finder] .loupe, [lang=ko] [data-is=finder] .loupe, [lang=ms] [data-is=finder] .loupe, [lang=nl] [data-is=finder] .loupe, [lang=nb] [data-is=finder] .loupe, [lang=pl] [data-is=finder] .loupe, [lang=pt-pt] [data-is=finder] .loupe, [lang=pt-br] [data-is=finder] .loupe, [lang=ro] [data-is=finder] .loupe, [lang=ru] [data-is=finder] .loupe, [lang=sk] [data-is=finder] .loupe, [lang=sv] [data-is=finder] .loupe, [lang=th] [data-is=finder] .loupe {
        bottom: 6.66667px;
        right: 43.33333px
    }

    [direction=rtl] [lang=ca] [data-is=finder] .loupe, [direction=rtl] [lang=cs] [data-is=finder] .loupe, [direction=rtl] [lang=da] [data-is=finder] .loupe, [direction=rtl] [lang=de] [data-is=finder] .loupe, [direction=rtl] [lang=es-419] [data-is=finder] .loupe, [direction=rtl] [lang=es] [data-is=finder] .loupe, [direction=rtl] [lang=fi] [data-is=finder] .loupe, [direction=rtl] [lang=fr-ca] [data-is=finder] .loupe, [direction=rtl] [lang=fr] [data-is=finder] .loupe, [direction=rtl] [lang=hi] [data-is=finder] .loupe, [direction=rtl] [lang=hr] [data-is=finder] .loupe, [direction=rtl] [lang=hu] [data-is=finder] .loupe, [direction=rtl] [lang=it] [data-is=finder] .loupe, [direction=rtl] [lang=ja] [data-is=finder] .loupe, [direction=rtl] [lang=ko] [data-is=finder] .loupe, [direction=rtl] [lang=ms] [data-is=finder] .loupe, [direction=rtl] [lang=nl] [data-is=finder] .loupe, [direction=rtl] [lang=nb] [data-is=finder] .loupe, [direction=rtl] [lang=pl] [data-is=finder] .loupe, [direction=rtl] [lang=pt-pt] [data-is=finder] .loupe, [direction=rtl] [lang=pt-br] [data-is=finder] .loupe, [direction=rtl] [lang=ro] [data-is=finder] .loupe, [direction=rtl] [lang=ru] [data-is=finder] .loupe, [direction=rtl] [lang=sk] [data-is=finder] .loupe, [direction=rtl] [lang=sv] [data-is=finder] .loupe, [direction=rtl] [lang=th] [data-is=finder] .loupe {
        right: auto;
        left: 43.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=ca] [data-is=finder] .loupe, [lang=cs] [data-is=finder] .loupe, [lang=da] [data-is=finder] .loupe, [lang=de] [data-is=finder] .loupe, [lang=es-419] [data-is=finder] .loupe, [lang=es] [data-is=finder] .loupe, [lang=fi] [data-is=finder] .loupe, [lang=fr-ca] [data-is=finder] .loupe, [lang=fr] [data-is=finder] .loupe, [lang=hi] [data-is=finder] .loupe, [lang=hr] [data-is=finder] .loupe, [lang=hu] [data-is=finder] .loupe, [lang=it] [data-is=finder] .loupe, [lang=ja] [data-is=finder] .loupe, [lang=ko] [data-is=finder] .loupe, [lang=ms] [data-is=finder] .loupe, [lang=nl] [data-is=finder] .loupe, [lang=nb] [data-is=finder] .loupe, [lang=pl] [data-is=finder] .loupe, [lang=pt-pt] [data-is=finder] .loupe, [lang=pt-br] [data-is=finder] .loupe, [lang=ro] [data-is=finder] .loupe, [lang=ru] [data-is=finder] .loupe, [lang=sk] [data-is=finder] .loupe, [lang=sv] [data-is=finder] .loupe, [lang=th] [data-is=finder] .loupe {
        bottom: 8px;
        right: 52px
    }

    [direction=rtl] [lang=ca] [data-is=finder] .loupe, [direction=rtl] [lang=cs] [data-is=finder] .loupe, [direction=rtl] [lang=da] [data-is=finder] .loupe, [direction=rtl] [lang=de] [data-is=finder] .loupe, [direction=rtl] [lang=es-419] [data-is=finder] .loupe, [direction=rtl] [lang=es] [data-is=finder] .loupe, [direction=rtl] [lang=fi] [data-is=finder] .loupe, [direction=rtl] [lang=fr-ca] [data-is=finder] .loupe, [direction=rtl] [lang=fr] [data-is=finder] .loupe, [direction=rtl] [lang=hi] [data-is=finder] .loupe, [direction=rtl] [lang=hr] [data-is=finder] .loupe, [direction=rtl] [lang=hu] [data-is=finder] .loupe, [direction=rtl] [lang=it] [data-is=finder] .loupe, [direction=rtl] [lang=ja] [data-is=finder] .loupe, [direction=rtl] [lang=ko] [data-is=finder] .loupe, [direction=rtl] [lang=ms] [data-is=finder] .loupe, [direction=rtl] [lang=nl] [data-is=finder] .loupe, [direction=rtl] [lang=nb] [data-is=finder] .loupe, [direction=rtl] [lang=pl] [data-is=finder] .loupe, [direction=rtl] [lang=pt-pt] [data-is=finder] .loupe, [direction=rtl] [lang=pt-br] [data-is=finder] .loupe, [direction=rtl] [lang=ro] [data-is=finder] .loupe, [direction=rtl] [lang=ru] [data-is=finder] .loupe, [direction=rtl] [lang=sk] [data-is=finder] .loupe, [direction=rtl] [lang=sv] [data-is=finder] .loupe, [direction=rtl] [lang=th] [data-is=finder] .loupe {
        right: auto;
        left: 52px
    }
}

@media only screen and (min-width: 90em) {
    [lang=ca] [data-is=finder] .loupe, [lang=cs] [data-is=finder] .loupe, [lang=da] [data-is=finder] .loupe, [lang=de] [data-is=finder] .loupe, [lang=es-419] [data-is=finder] .loupe, [lang=es] [data-is=finder] .loupe, [lang=fi] [data-is=finder] .loupe, [lang=fr-ca] [data-is=finder] .loupe, [lang=fr] [data-is=finder] .loupe, [lang=hi] [data-is=finder] .loupe, [lang=hr] [data-is=finder] .loupe, [lang=hu] [data-is=finder] .loupe, [lang=it] [data-is=finder] .loupe, [lang=ja] [data-is=finder] .loupe, [lang=ko] [data-is=finder] .loupe, [lang=ms] [data-is=finder] .loupe, [lang=nl] [data-is=finder] .loupe, [lang=nb] [data-is=finder] .loupe, [lang=pl] [data-is=finder] .loupe, [lang=pt-pt] [data-is=finder] .loupe, [lang=pt-br] [data-is=finder] .loupe, [lang=ro] [data-is=finder] .loupe, [lang=ru] [data-is=finder] .loupe, [lang=sk] [data-is=finder] .loupe, [lang=sv] [data-is=finder] .loupe, [lang=th] [data-is=finder] .loupe {
        bottom: 10px;
        right: 65px
    }

    [direction=rtl] [lang=ca] [data-is=finder] .loupe, [direction=rtl] [lang=cs] [data-is=finder] .loupe, [direction=rtl] [lang=da] [data-is=finder] .loupe, [direction=rtl] [lang=de] [data-is=finder] .loupe, [direction=rtl] [lang=es-419] [data-is=finder] .loupe, [direction=rtl] [lang=es] [data-is=finder] .loupe, [direction=rtl] [lang=fi] [data-is=finder] .loupe, [direction=rtl] [lang=fr-ca] [data-is=finder] .loupe, [direction=rtl] [lang=fr] [data-is=finder] .loupe, [direction=rtl] [lang=hi] [data-is=finder] .loupe, [direction=rtl] [lang=hr] [data-is=finder] .loupe, [direction=rtl] [lang=hu] [data-is=finder] .loupe, [direction=rtl] [lang=it] [data-is=finder] .loupe, [direction=rtl] [lang=ja] [data-is=finder] .loupe, [direction=rtl] [lang=ko] [data-is=finder] .loupe, [direction=rtl] [lang=ms] [data-is=finder] .loupe, [direction=rtl] [lang=nl] [data-is=finder] .loupe, [direction=rtl] [lang=nb] [data-is=finder] .loupe, [direction=rtl] [lang=pl] [data-is=finder] .loupe, [direction=rtl] [lang=pt-pt] [data-is=finder] .loupe, [direction=rtl] [lang=pt-br] [data-is=finder] .loupe, [direction=rtl] [lang=ro] [data-is=finder] .loupe, [direction=rtl] [lang=ru] [data-is=finder] .loupe, [direction=rtl] [lang=sk] [data-is=finder] .loupe, [direction=rtl] [lang=sv] [data-is=finder] .loupe, [direction=rtl] [lang=th] [data-is=finder] .loupe {
        right: auto;
        left: 65px
    }
}

[lang=uk] [data-is=finder] .loupe {
    bottom: 4.2px;
    right: 26.46px
}

[direction=rtl] [lang=uk] [data-is=finder] .loupe {
    right: auto;
    left: 26.46px
}

@media only screen and (min-width: 20.0625em) {
    [lang=uk] [data-is=finder] .loupe {
        bottom: 6.66667px;
        right: 42.0px
    }

    [direction=rtl] [lang=uk] [data-is=finder] .loupe {
        right: auto;
        left: 42.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=uk] [data-is=finder] .loupe {
        bottom: 8px;
        right: 50.4px
    }

    [direction=rtl] [lang=uk] [data-is=finder] .loupe {
        right: auto;
        left: 50.4px
    }
}

@media only screen and (min-width: 90em) {
    [lang=uk] [data-is=finder] .loupe {
        bottom: 10px;
        right: 63px
    }

    [direction=rtl] [lang=uk] [data-is=finder] .loupe {
        right: auto;
        left: 63px
    }
}

[lang=id] [data-is=finder] .loupe, [lang=tr] [data-is=finder] .loupe {
    bottom: 4.2px;
    right: 25.62px
}

[direction=rtl] [lang=id] [data-is=finder] .loupe, [direction=rtl] [lang=tr] [data-is=finder] .loupe {
    right: auto;
    left: 25.62px
}

@media only screen and (min-width: 20.0625em) {
    [lang=id] [data-is=finder] .loupe, [lang=tr] [data-is=finder] .loupe {
        bottom: 6.66667px;
        right: 40.66667px
    }

    [direction=rtl] [lang=id] [data-is=finder] .loupe, [direction=rtl] [lang=tr] [data-is=finder] .loupe {
        right: auto;
        left: 40.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=id] [data-is=finder] .loupe, [lang=tr] [data-is=finder] .loupe {
        bottom: 8px;
        right: 48.8px
    }

    [direction=rtl] [lang=id] [data-is=finder] .loupe, [direction=rtl] [lang=tr] [data-is=finder] .loupe {
        right: auto;
        left: 48.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=id] [data-is=finder] .loupe, [lang=tr] [data-is=finder] .loupe {
        bottom: 10px;
        right: 61px
    }

    [direction=rtl] [lang=id] [data-is=finder] .loupe, [direction=rtl] [lang=tr] [data-is=finder] .loupe {
        right: auto;
        left: 61px
    }
}

[lang=el] [data-is=finder] .loupe {
    bottom: 0;
    right: 39.48px
}

[direction=rtl] [lang=el] [data-is=finder] .loupe {
    right: auto;
    left: 39.48px
}

@media only screen and (min-width: 20.0625em) {
    [lang=el] [data-is=finder] .loupe {
        bottom: 0;
        right: 62.66667px
    }

    [direction=rtl] [lang=el] [data-is=finder] .loupe {
        right: auto;
        left: 62.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=el] [data-is=finder] .loupe {
        bottom: 0;
        right: 75.2px
    }

    [direction=rtl] [lang=el] [data-is=finder] .loupe {
        right: auto;
        left: 75.2px
    }
}

@media only screen and (min-width: 90em) {
    [lang=el] [data-is=finder] .loupe {
        bottom: 0;
        right: 94px
    }

    [direction=rtl] [lang=el] [data-is=finder] .loupe {
        right: auto;
        left: 94px
    }
}

[lang=zh-cn] [data-is=finder] .loupe, [lang=vi] [data-is=finder] .loupe {
    bottom: 0;
    right: 27.72px
}

[direction=rtl] [lang=zh-cn] [data-is=finder] .loupe, [direction=rtl] [lang=vi] [data-is=finder] .loupe {
    right: auto;
    left: 27.72px
}

@media only screen and (min-width: 20.0625em) {
    [lang=zh-cn] [data-is=finder] .loupe, [lang=vi] [data-is=finder] .loupe {
        bottom: 0;
        right: 44.0px
    }

    [direction=rtl] [lang=zh-cn] [data-is=finder] .loupe, [direction=rtl] [lang=vi] [data-is=finder] .loupe {
        right: auto;
        left: 44.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=zh-cn] [data-is=finder] .loupe, [lang=vi] [data-is=finder] .loupe {
        bottom: 0;
        right: 52.8px
    }

    [direction=rtl] [lang=zh-cn] [data-is=finder] .loupe, [direction=rtl] [lang=vi] [data-is=finder] .loupe {
        right: auto;
        left: 52.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=zh-cn] [data-is=finder] .loupe, [lang=vi] [data-is=finder] .loupe {
        bottom: 0;
        right: 66px
    }

    [direction=rtl] [lang=zh-cn] [data-is=finder] .loupe, [direction=rtl] [lang=vi] [data-is=finder] .loupe {
        right: auto;
        left: 66px
    }
}

[lang=zh-tw] [data-is=finder] .loupe {
    bottom: 0;
    right: 26.88px
}

[direction=rtl] [lang=zh-tw] [data-is=finder] .loupe {
    right: auto;
    left: 26.88px
}

@media only screen and (min-width: 20.0625em) {
    [lang=zh-tw] [data-is=finder] .loupe {
        bottom: 0;
        right: 42.66667px
    }

    [direction=rtl] [lang=zh-tw] [data-is=finder] .loupe {
        right: auto;
        left: 42.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=zh-tw] [data-is=finder] .loupe {
        bottom: 0;
        right: 51.2px
    }

    [direction=rtl] [lang=zh-tw] [data-is=finder] .loupe {
        right: auto;
        left: 51.2px
    }
}

@media only screen and (min-width: 90em) {
    [lang=zh-tw] [data-is=finder] .loupe {
        bottom: 0;
        right: 64px
    }

    [direction=rtl] [lang=zh-tw] [data-is=finder] .loupe {
        right: auto;
        left: 64px
    }
}

[data-is=finder] .loupe-gallery {
    display: block;
    width: 78.12px;
    height: 78.12px;
    top: -15.96px;
    left: 98.28px;
    transform: scale(.8);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    box-shadow: 0 4px 10px -1px rgba(0, 0, 0, .3);
    border-radius: 50%;
    overflow: hidden
}

@media only screen and (min-width: 20.0625em) {
    [data-is=finder] .loupe-gallery {
        width: 124.0px;
        height: 124.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=finder] .loupe-gallery {
        width: 148.8px;
        height: 148.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=finder] .loupe-gallery {
        width: 186px;
        height: 186px
    }
}

[direction=rtl] [data-is=finder] .loupe-gallery {
    left: auto;
    right: 98.28px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=finder] .loupe-gallery {
        top: -25.33333px;
        left: 156.0px
    }

    [direction=rtl] [data-is=finder] .loupe-gallery {
        left: auto;
        right: 156.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=finder] .loupe-gallery {
        top: -30.4px;
        left: 187.2px
    }

    [direction=rtl] [data-is=finder] .loupe-gallery {
        left: auto;
        right: 187.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=finder] .loupe-gallery {
        top: -38px;
        left: 234px
    }

    [direction=rtl] [data-is=finder] .loupe-gallery {
        left: auto;
        right: 234px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=finder] .loupe-gallery {
        box-shadow: 0 6px 16px -2px rgba(0, 0, 0, .3)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=finder] .loupe-gallery {
        box-shadow: 0 8px 20px -2px rgba(0, 0, 0, .3)
    }
}

@media only screen and (min-width: 90em) {
    [data-is=finder] .loupe-gallery {
        box-shadow: 0 10px 25px -2px rgba(0, 0, 0, .3)
    }
}

[data-is=finder].slide.active .hero-block:not(.active) .loupe-gallery {
    animation: fade-in .5s 5.65s ease-in-out forwards, scale-in .5s 5.65s ease-in-out forwards
}

[data-is=finder].slide.active .hero-block:not(.active) .thumbnail.one {
    animation: fade-out .3s 2.75s ease-in-out forwards
}

[data-is=finder].slide.active .hero-block:not(.active) .thumbnail.two {
    animation: fade-in .3s 2.75s ease-in-out forwards, fade-out-from-in .3s 3.75s ease-in-out forwards
}

[data-is=finder].slide.active .hero-block:not(.active) .thumbnail.three {
    animation: fade-in .3s 3.75s ease-in-out forwards, fade-out-from-in .3s 4.75s ease-in-out forwards
}

[data-is=finder].slide.active .hero-block:not(.active) .thumbnail.four {
    animation: fade-in .3s 4.75s ease-in-out forwards
}

[data-is=finder].slide.active .hero-block:not(.active) .data:nth-child(2), [data-is=finder].slide.active .hero-block:not(.active) .preview:nth-child(2) {
    animation: fade-in .3s 2.75s ease-in-out forwards
}

[data-is=finder].slide.active .hero-block:not(.active) .data:nth-child(3), [data-is=finder].slide.active .hero-block:not(.active) .preview:nth-child(3) {
    animation: fade-in .3s 3.75s ease-in-out forwards
}

[data-is=finder].slide.active .hero-block:not(.active) .data:nth-child(4), [data-is=finder].slide.active .hero-block:not(.active) .preview:nth-child(4) {
    animation: fade-in .3s 4.75s ease-in-out forwards
}

[data-is=finder].slide.active .hero-block.active .loupe-gallery {
    transform: scale(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    animation: fade-out-from-in .5s 1.25s ease-in-out forwards
}

[data-is=finder].slide.active .hero-block.active .multiselect {
    animation: fade-in .3s 2.25s ease-in-out forwards
}

[data-is=finder].slide.active .hero-block.active .data:nth-child(5) {
    animation: fade-in .3s 2.25s ease-in-out forwards
}

[data-is=finder].slide.active .hero-block.active .data:nth-child(4), [data-is=finder].slide.active .hero-block.active .preview:nth-child(4) {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

[data-is=finder].slide.active .hero-block.active .thumbnail.one {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

[data-is=finder].slide.active .hero-block.active .thumbnail.two, [data-is=finder].slide.active .hero-block.active .thumbnail.three {
    animation: fade-in-from-out .3s 2.25s ease-in-out forwards
}

[data-is=finder].slide.active .hero-block.active .thumbnail.four {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

[data-is=finder].slide.active .hero-block.active .loupe {
    animation: fade-in .5s 3.45s ease-in-out forwards, scale-in .5s 3.45s ease-in-out forwards
}

[data-is=home] h2 {
    color: #f3c823
}

[data-is=home] .wrapper {
    position: absolute;
    left: 0;
    right: auto;
    top: 50%;
    bottom: auto;
    transform: translate(-5%, -37%)
}

[direction=rtl] [data-is=home] .wrapper {
    left: auto;
    right: 0;
    transform: translate(5%, -37%)
}

@media only screen and (min-width: 48.0625em) {
    [data-is=home] .wrapper {
        left: 5%;
        right: auto;
        top: 50%;
        bottom: auto;
        transform: translate(0, -50%)
    }

    [direction=rtl] [data-is=home] .wrapper {
        left: auto;
        right: 5%;
        transform: translate(0, -50%)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=home] .wrapper {
        left: 7%;
        right: auto
    }

    [direction=rtl] [data-is=home] .wrapper {
        left: auto;
        right: 7%
    }
}

@media only screen and (min-width: 120em) {
    [data-is=home] .wrapper {
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%)
    }

    [direction=rtl] [data-is=home] .wrapper {
        left: auto;
        right: auto
    }
}

[data-is=home] .scenes, [data-is=home] .inner-mask, [data-is=home] .sliding-wrapper, [data-is=home] .home-off, [data-is=home] .goodnight-on, [data-is=home] .goodnight-off, [data-is=home] .accessories-bar {
    position: absolute
}

[data-is=home] .sliding-wrapper {
    top: -112.14px;
    left: 0;
    transform: translate(0, 28.8%)
}

[direction=rtl] [data-is=home] .sliding-wrapper {
    left: auto;
    right: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=home] .sliding-wrapper {
        top: -178.0px;
        left: 0
    }

    [direction=rtl] [data-is=home] .sliding-wrapper {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=home] .sliding-wrapper {
        top: -213.6px;
        left: 0
    }

    [direction=rtl] [data-is=home] .sliding-wrapper {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 90em) {
    [data-is=home] .sliding-wrapper {
        top: -267px;
        left: 0
    }

    [direction=rtl] [data-is=home] .sliding-wrapper {
        left: auto;
        right: 0
    }
}

[data-is=home] .inner-mask {
    top: 22.68px;
    left: 16.38px;
    display: block;
    width: 331.38px;
    height: 232.68px;
    transform: translateZ(0);
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow: hidden
}

[direction=rtl] [data-is=home] .inner-mask {
    left: auto;
    right: 16.38px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=home] .inner-mask {
        top: 36.0px;
        left: 26.0px
    }

    [direction=rtl] [data-is=home] .inner-mask {
        left: auto;
        right: 26.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=home] .inner-mask {
        top: 43.2px;
        left: 31.2px
    }

    [direction=rtl] [data-is=home] .inner-mask {
        left: auto;
        right: 31.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=home] .inner-mask {
        top: 54px;
        left: 39px
    }

    [direction=rtl] [data-is=home] .inner-mask {
        left: auto;
        right: 39px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=home] .inner-mask {
        width: 525.99999px;
        height: 369.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=home] .inner-mask {
        width: 631.2px;
        height: 443.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=home] .inner-mask {
        width: 789px;
        height: 554px
    }
}

[data-is=home] .overlay {
    display: block;
    width: 332.64px;
    height: 381.78px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=home] .overlay {
        width: 527.99999px;
        height: 605.99999px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=home] .overlay {
        width: 633.6px;
        height: 727.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=home] .overlay {
        width: 792px;
        height: 909px
    }
}

[data-is=home] .backdrop {
    display: block;
    width: 364.14px;
    height: 280.98px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=home] .backdrop {
        width: 577.99999px;
        height: 446.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=home] .backdrop {
        width: 693.6px;
        height: 535.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=home] .backdrop {
        width: 867px;
        height: 669px
    }
}

[data-is=home] .home-off, [data-is=home] .goodnight-on, [data-is=home] .goodnight-off {
    display: block;
    width: 92.4px;
    height: 29.4px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=home] .home-off, [data-is=home] .goodnight-on, [data-is=home] .goodnight-off {
        width: 146.66667px;
        height: 46.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=home] .home-off, [data-is=home] .goodnight-on, [data-is=home] .goodnight-off {
        width: 176px;
        height: 56px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=home] .home-off, [data-is=home] .goodnight-on, [data-is=home] .goodnight-off {
        width: 220px;
        height: 70px
    }
}

[data-is=home] .home-off {
    top: 121.17px;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

[direction=rtl] [data-is=home] .home-off {
    left: auto;
    right: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=home] .home-off {
        top: 192.33333px;
        left: 0
    }

    [direction=rtl] [data-is=home] .home-off {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=home] .home-off {
        top: 230.8px;
        left: 0
    }

    [direction=rtl] [data-is=home] .home-off {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 90em) {
    [data-is=home] .home-off {
        top: 288.5px;
        left: 0
    }

    [direction=rtl] [data-is=home] .home-off {
        left: auto;
        right: 0
    }
}

[direction=rtl] [data-is=home] .home-off {
    top: 121.17px;
    right: 18.48px
}

[direction=rtl] [direction=rtl] [data-is=home] .home-off {
    right: auto;
    left: 18.48px
}

@media only screen and (min-width: 20.0625em) {
    [direction=rtl] [data-is=home] .home-off {
        top: 192.33333px;
        right: 29.33333px
    }

    [direction=rtl] [direction=rtl] [data-is=home] .home-off {
        right: auto;
        left: 29.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [direction=rtl] [data-is=home] .home-off {
        top: 230.8px;
        right: 35.2px
    }

    [direction=rtl] [direction=rtl] [data-is=home] .home-off {
        right: auto;
        left: 35.2px
    }
}

@media only screen and (min-width: 90em) {
    [direction=rtl] [data-is=home] .home-off {
        top: 288.5px;
        right: 44px
    }

    [direction=rtl] [direction=rtl] [data-is=home] .home-off {
        right: auto;
        left: 44px
    }
}

[lang=ar] [data-is=home] .home-off {
    top: 118.65px;
    right: 18.48px
}

[direction=rtl] [lang=ar] [data-is=home] .home-off {
    right: auto;
    left: 18.48px
}

@media only screen and (min-width: 20.0625em) {
    [lang=ar] [data-is=home] .home-off {
        top: 188.33333px;
        right: 29.33333px
    }

    [direction=rtl] [lang=ar] [data-is=home] .home-off {
        right: auto;
        left: 29.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=ar] [data-is=home] .home-off {
        top: 226px;
        right: 35.2px
    }

    [direction=rtl] [lang=ar] [data-is=home] .home-off {
        right: auto;
        left: 35.2px
    }
}

@media only screen and (min-width: 90em) {
    [lang=ar] [data-is=home] .home-off {
        top: 282.5px;
        right: 44px
    }

    [direction=rtl] [lang=ar] [data-is=home] .home-off {
        right: auto;
        left: 44px
    }
}

[data-is=home] .goodnight-on, [data-is=home] .goodnight-off {
    top: 147px;
    left: 4.62px
}

[direction=rtl] [data-is=home] .goodnight-on, [direction=rtl] [data-is=home] .goodnight-off {
    left: auto;
    right: 4.62px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=home] .goodnight-on, [data-is=home] .goodnight-off {
        top: 233.33333px;
        left: 7.33333px
    }

    [direction=rtl] [data-is=home] .goodnight-on, [direction=rtl] [data-is=home] .goodnight-off {
        left: auto;
        right: 7.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=home] .goodnight-on, [data-is=home] .goodnight-off {
        top: 280px;
        left: 8.8px
    }

    [direction=rtl] [data-is=home] .goodnight-on, [direction=rtl] [data-is=home] .goodnight-off {
        left: auto;
        right: 8.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=home] .goodnight-on, [data-is=home] .goodnight-off {
        top: 350px;
        left: 11px
    }

    [direction=rtl] [data-is=home] .goodnight-on, [direction=rtl] [data-is=home] .goodnight-off {
        left: auto;
        right: 11px
    }
}

[direction=rtl] [data-is=home] .goodnight-on, [direction=rtl] [data-is=home] .goodnight-off {
    top: 147px;
    right: 23.1px
}

[direction=rtl] [direction=rtl] [data-is=home] .goodnight-on, [direction=rtl] [direction=rtl] [data-is=home] .goodnight-off {
    right: auto;
    left: 23.1px
}

@media only screen and (min-width: 20.0625em) {
    [direction=rtl] [data-is=home] .goodnight-on, [direction=rtl] [data-is=home] .goodnight-off {
        top: 233.33333px;
        right: 36.66667px
    }

    [direction=rtl] [direction=rtl] [data-is=home] .goodnight-on, [direction=rtl] [direction=rtl] [data-is=home] .goodnight-off {
        right: auto;
        left: 36.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [direction=rtl] [data-is=home] .goodnight-on, [direction=rtl] [data-is=home] .goodnight-off {
        top: 280px;
        right: 44px
    }

    [direction=rtl] [direction=rtl] [data-is=home] .goodnight-on, [direction=rtl] [direction=rtl] [data-is=home] .goodnight-off {
        right: auto;
        left: 44px
    }
}

@media only screen and (min-width: 90em) {
    [direction=rtl] [data-is=home] .goodnight-on, [direction=rtl] [data-is=home] .goodnight-off {
        top: 350px;
        right: 55px
    }

    [direction=rtl] [direction=rtl] [data-is=home] .goodnight-on, [direction=rtl] [direction=rtl] [data-is=home] .goodnight-off {
        right: auto;
        left: 55px
    }
}

[lang=ar] [data-is=home] .goodnight-on, [lang=ar] [data-is=home] .goodnight-off {
    top: 144.9px;
    right: 23.1px
}

[direction=rtl] [lang=ar] [data-is=home] .goodnight-on, [direction=rtl] [lang=ar] [data-is=home] .goodnight-off {
    right: auto;
    left: 23.1px
}

@media only screen and (min-width: 20.0625em) {
    [lang=ar] [data-is=home] .goodnight-on, [lang=ar] [data-is=home] .goodnight-off {
        top: 230.0px;
        right: 36.66667px
    }

    [direction=rtl] [lang=ar] [data-is=home] .goodnight-on, [direction=rtl] [lang=ar] [data-is=home] .goodnight-off {
        right: auto;
        left: 36.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=ar] [data-is=home] .goodnight-on, [lang=ar] [data-is=home] .goodnight-off {
        top: 276px;
        right: 44px
    }

    [direction=rtl] [lang=ar] [data-is=home] .goodnight-on, [direction=rtl] [lang=ar] [data-is=home] .goodnight-off {
        right: auto;
        left: 44px
    }
}

@media only screen and (min-width: 90em) {
    [lang=ar] [data-is=home] .goodnight-on, [lang=ar] [data-is=home] .goodnight-off {
        top: 345px;
        right: 55px
    }

    [direction=rtl] [lang=ar] [data-is=home] .goodnight-on, [direction=rtl] [lang=ar] [data-is=home] .goodnight-off {
        right: auto;
        left: 55px
    }
}

[data-is=home] .goodnight-on {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

[data-is=home] .accessories-bar {
    top: 187.74px;
    left: 0;
    display: block;
    width: 332.64px;
    height: 47.88px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

[direction=rtl] [data-is=home] .accessories-bar {
    left: auto;
    right: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=home] .accessories-bar {
        top: 298.0px;
        left: 0
    }

    [direction=rtl] [data-is=home] .accessories-bar {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=home] .accessories-bar {
        top: 357.6px;
        left: 0
    }

    [direction=rtl] [data-is=home] .accessories-bar {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 90em) {
    [data-is=home] .accessories-bar {
        top: 447px;
        left: 0
    }

    [direction=rtl] [data-is=home] .accessories-bar {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=home] .accessories-bar {
        width: 527.99999px;
        height: 76.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=home] .accessories-bar {
        width: 633.6px;
        height: 91.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=home] .accessories-bar {
        width: 792px;
        height: 114px
    }
}

[direction=rtl] [data-is=home] .accessories-bar {
    top: 187.74px;
    right: 18.48px
}

[direction=rtl] [direction=rtl] [data-is=home] .accessories-bar {
    right: auto;
    left: 18.48px
}

@media only screen and (min-width: 20.0625em) {
    [direction=rtl] [data-is=home] .accessories-bar {
        top: 298.0px;
        right: 29.33333px
    }

    [direction=rtl] [direction=rtl] [data-is=home] .accessories-bar {
        right: auto;
        left: 29.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [direction=rtl] [data-is=home] .accessories-bar {
        top: 357.6px;
        right: 35.2px
    }

    [direction=rtl] [direction=rtl] [data-is=home] .accessories-bar {
        right: auto;
        left: 35.2px
    }
}

@media only screen and (min-width: 90em) {
    [direction=rtl] [data-is=home] .accessories-bar {
        top: 447px;
        right: 44px
    }

    [direction=rtl] [direction=rtl] [data-is=home] .accessories-bar {
        right: auto;
        left: 44px
    }
}

[lang=ar] [data-is=home] .accessories-bar {
    top: 186.06px;
    right: 18.06px
}

[direction=rtl] [lang=ar] [data-is=home] .accessories-bar {
    right: auto;
    left: 18.06px
}

@media only screen and (min-width: 20.0625em) {
    [lang=ar] [data-is=home] .accessories-bar {
        top: 295.33333px;
        right: 28.66667px
    }

    [direction=rtl] [lang=ar] [data-is=home] .accessories-bar {
        right: auto;
        left: 28.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=ar] [data-is=home] .accessories-bar {
        top: 354.4px;
        right: 34.4px
    }

    [direction=rtl] [lang=ar] [data-is=home] .accessories-bar {
        right: auto;
        left: 34.4px
    }
}

@media only screen and (min-width: 90em) {
    [lang=ar] [data-is=home] .accessories-bar {
        top: 443px;
        right: 43px
    }

    [direction=rtl] [lang=ar] [data-is=home] .accessories-bar {
        right: auto;
        left: 43px
    }
}

[data-is=home].slide.active .hero-block:not(.active) .sliding-wrapper {
    animation: slide-in 1.3s 2.75s ease-in-out forwards
}

[data-is=home].slide.active .hero-block.active .sliding-wrapper {
    transform: translate(0, 0)
}

[data-is=home].slide.active .hero-block.active .goodnight-off {
    animation: bubble .5s 1.25s ease-in-out forwards
}

[data-is=home].slide.active .hero-block.active .goodnight-on, [data-is=home].slide.active .hero-block.active .accessories-bar, [data-is=home].slide.active .hero-block.active .home-off {
    animation: fade-in .3s 1.75s ease-in-out forwards
}

@keyframes bubble {
    0%, 100% {
        transform: scale(1)
    }
    35% {
        transform: scale(1.1)
    }
    75% {
        transform: scale(.95)
    }
}

[data-is=keyboard] h2 {
    color: #39d9d7
}

[data-is=keyboard] .wrapper {
    position: absolute;
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto;
    transform: translate(-50%, -50%)
}

[direction=rtl] [data-is=keyboard] .wrapper {
    transform: translate(-50%, -50%)
}

@media only screen and (min-width: 48.0625em) {
    [data-is=keyboard] .wrapper {
        left: 50%;
        right: auto;
        top: 50%;
        bottom: auto;
        transform: translate(-50%, -50%)
    }

    [direction=rtl] [data-is=keyboard] .wrapper {
        transform: translate(-50%, -50%)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=keyboard] .wrapper {
        left: 50%;
        right: auto
    }
}

@media only screen and (min-width: 120em) {
    [data-is=keyboard] .wrapper {
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%)
    }

    [direction=rtl] [data-is=keyboard] .wrapper {
        left: auto;
        right: auto
    }
}

[data-is=keyboard] .window, [data-is=keyboard] .window-wrapper {
    display: block;
    width: 274.68px;
    height: 294.84px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=keyboard] .window, [data-is=keyboard] .window-wrapper {
        width: 436.0px;
        height: 468.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=keyboard] .window, [data-is=keyboard] .window-wrapper {
        width: 523.2px;
        height: 561.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=keyboard] .window, [data-is=keyboard] .window-wrapper {
        width: 654px;
        height: 702px
    }
}

[data-is=keyboard] .window-wrapper, [data-is=keyboard] .window-text-cover, [data-is=keyboard] .phonetic-text, [data-is=keyboard] .phonetic-translation, [data-is=keyboard] .roman-translation, [data-is=keyboard] .menu, [data-is=keyboard] .menu-selected {
    position: absolute
}

[data-is=keyboard] .window-wrapper {
    top: 77.7px;
    left: 16.8px
}

[direction=rtl] [data-is=keyboard] .window-wrapper {
    left: auto;
    right: 16.8px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=keyboard] .window-wrapper {
        top: 123.33333px;
        left: 26.66667px
    }

    [direction=rtl] [data-is=keyboard] .window-wrapper {
        left: auto;
        right: 26.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=keyboard] .window-wrapper {
        top: 148px;
        left: 32px
    }

    [direction=rtl] [data-is=keyboard] .window-wrapper {
        left: auto;
        right: 32px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=keyboard] .window-wrapper {
        top: 185px;
        left: 40px
    }

    [direction=rtl] [data-is=keyboard] .window-wrapper {
        left: auto;
        right: 40px
    }
}

[data-is=keyboard] .phonetic-text, [data-is=keyboard] .phonetic-translation, [data-is=keyboard] .roman-translation {
    display: block;
    width: 51.66px;
    height: 6.3px;
    top: 7.98px;
    left: 40.32px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media only screen and (min-width: 20.0625em) {
    [data-is=keyboard] .phonetic-text, [data-is=keyboard] .phonetic-translation, [data-is=keyboard] .roman-translation {
        width: 82.0px;
        height: 10.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=keyboard] .phonetic-text, [data-is=keyboard] .phonetic-translation, [data-is=keyboard] .roman-translation {
        width: 98.4px;
        height: 12px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=keyboard] .phonetic-text, [data-is=keyboard] .phonetic-translation, [data-is=keyboard] .roman-translation {
        width: 123px;
        height: 15px
    }
}

[direction=rtl] [data-is=keyboard] .phonetic-text, [direction=rtl] [data-is=keyboard] .phonetic-translation, [direction=rtl] [data-is=keyboard] .roman-translation {
    left: auto;
    right: 40.32px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=keyboard] .phonetic-text, [data-is=keyboard] .phonetic-translation, [data-is=keyboard] .roman-translation {
        top: 12.66667px;
        left: 64.0px
    }

    [direction=rtl] [data-is=keyboard] .phonetic-text, [direction=rtl] [data-is=keyboard] .phonetic-translation, [direction=rtl] [data-is=keyboard] .roman-translation {
        left: auto;
        right: 64.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=keyboard] .phonetic-text, [data-is=keyboard] .phonetic-translation, [data-is=keyboard] .roman-translation {
        top: 15.2px;
        left: 76.8px
    }

    [direction=rtl] [data-is=keyboard] .phonetic-text, [direction=rtl] [data-is=keyboard] .phonetic-translation, [direction=rtl] [data-is=keyboard] .roman-translation {
        left: auto;
        right: 76.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=keyboard] .phonetic-text, [data-is=keyboard] .phonetic-translation, [data-is=keyboard] .roman-translation {
        top: 19px;
        left: 96px
    }

    [direction=rtl] [data-is=keyboard] .phonetic-text, [direction=rtl] [data-is=keyboard] .phonetic-translation, [direction=rtl] [data-is=keyboard] .roman-translation {
        left: auto;
        right: 96px
    }
}

[data-is=keyboard] .phonetic-text img, [data-is=keyboard] .phonetic-translation img, [data-is=keyboard] .roman-translation img {
    position: absolute;
    top: 0
}

[data-is=keyboard] .window-text-cover {
    display: block;
    width: 51.66px;
    height: 6.3px;
    top: 7.98px;
    left: 91.56px;
    transform: translateX(-100%);
    background-color: #fff
}

@media only screen and (min-width: 20.0625em) {
    [data-is=keyboard] .window-text-cover {
        width: 82.0px;
        height: 10.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=keyboard] .window-text-cover {
        width: 98.4px;
        height: 12px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=keyboard] .window-text-cover {
        width: 123px;
        height: 15px
    }
}

[direction=rtl] [data-is=keyboard] .window-text-cover {
    left: auto;
    right: 91.56px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=keyboard] .window-text-cover {
        top: 12.66667px;
        left: 145.33333px
    }

    [direction=rtl] [data-is=keyboard] .window-text-cover {
        left: auto;
        right: 145.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=keyboard] .window-text-cover {
        top: 15.2px;
        left: 174.4px
    }

    [direction=rtl] [data-is=keyboard] .window-text-cover {
        left: auto;
        right: 174.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=keyboard] .window-text-cover {
        top: 19px;
        left: 218px
    }

    [direction=rtl] [data-is=keyboard] .window-text-cover {
        left: auto;
        right: 218px
    }
}

[data-is=keyboard] .menu {
    display: block;
    width: 104.58px;
    height: 76.86px;
    top: 12.6px;
    left: 34.86px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media only screen and (min-width: 20.0625em) {
    [data-is=keyboard] .menu {
        width: 166.0px;
        height: 122.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=keyboard] .menu {
        width: 199.2px;
        height: 146.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=keyboard] .menu {
        width: 249px;
        height: 183px
    }
}

[direction=rtl] [data-is=keyboard] .menu {
    left: auto;
    right: 34.86px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=keyboard] .menu {
        top: 20.0px;
        left: 55.33333px
    }

    [direction=rtl] [data-is=keyboard] .menu {
        left: auto;
        right: 55.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=keyboard] .menu {
        top: 24px;
        left: 66.4px
    }

    [direction=rtl] [data-is=keyboard] .menu {
        left: auto;
        right: 66.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=keyboard] .menu {
        top: 30px;
        left: 83px
    }

    [direction=rtl] [data-is=keyboard] .menu {
        left: auto;
        right: 83px
    }
}

[data-is=keyboard] .menu-selected {
    display: block;
    width: 91.98px;
    height: 10.08px;
    top: 16.38px;
    left: 41.16px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media only screen and (min-width: 20.0625em) {
    [data-is=keyboard] .menu-selected {
        width: 146.0px;
        height: 16.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=keyboard] .menu-selected {
        width: 175.2px;
        height: 19.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=keyboard] .menu-selected {
        width: 219px;
        height: 24px
    }
}

[direction=rtl] [data-is=keyboard] .menu-selected {
    left: auto;
    right: 41.16px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=keyboard] .menu-selected {
        top: 26.0px;
        left: 65.33333px
    }

    [direction=rtl] [data-is=keyboard] .menu-selected {
        left: auto;
        right: 65.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=keyboard] .menu-selected {
        top: 31.2px;
        left: 78.4px
    }

    [direction=rtl] [data-is=keyboard] .menu-selected {
        left: auto;
        right: 78.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=keyboard] .menu-selected {
        top: 39px;
        left: 98px
    }

    [direction=rtl] [data-is=keyboard] .menu-selected {
        left: auto;
        right: 98px
    }
}

[data-is=keyboard].slide.active .phonetic-text {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

[data-is=keyboard].slide.active .window-text-cover {
    animation: slide-in 1.1s 2.75s ease-in forwards
}

[data-is=keyboard].slide.active .phonetic-translation {
    animation: fade-in .4s 4.15s ease-in-out forwards
}

[data-is=keyboard].slide.active .menu {
    animation: fade-in .5s 4.15s ease-in-out forwards
}

[data-is=keyboard].slide.active .menu-selected {
    animation: fade-in .3s 6.15s ease-in-out forwards
}

[data-is=keyboard].slide.active .roman-translation {
    animation: fade-in .3s 6.35s ease-in-out forwards
}

[data-is=maps] h2 {
    color: #63cd23
}

[data-is=maps] .wrapper {
    position: absolute;
    left: 0;
    right: auto;
    top: 50%;
    bottom: auto;
    transform: translate(5%, -57%)
}

[direction=rtl] [data-is=maps] .wrapper {
    left: auto;
    right: 0;
    transform: translate(-5%, -57%)
}

@media only screen and (min-width: 48.0625em) {
    [data-is=maps] .wrapper {
        left: 5%;
        right: auto;
        top: 50%;
        bottom: auto;
        transform: translate(0, -50%)
    }

    [direction=rtl] [data-is=maps] .wrapper {
        left: auto;
        right: 5%;
        transform: translate(0, -50%)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=maps] .wrapper {
        left: 7%;
        right: auto
    }

    [direction=rtl] [data-is=maps] .wrapper {
        left: auto;
        right: 7%
    }
}

@media only screen and (min-width: 120em) {
    [data-is=maps] .wrapper {
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%)
    }

    [direction=rtl] [data-is=maps] .wrapper {
        left: auto;
        right: auto
    }
}

[data-is=maps] .maps-content, [data-is=maps] .maps-nyc, [data-is=maps] .maps-paris {
    position: absolute
}

[data-is=maps] .maps-sf {
    display: block;
    width: 453.6px;
    height: 322.56px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=maps] .maps-sf {
        width: 719.99999px;
        height: 511.99999px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=maps] .maps-sf {
        width: 864px;
        height: 614.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=maps] .maps-sf {
        width: 1080px;
        height: 768px
    }
}

[data-is=maps] .maps-content {
    top: 6.72px;
    left: 16.38px
}

[direction=rtl] [data-is=maps] .maps-content {
    left: auto;
    right: 16.38px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=maps] .maps-content {
        top: 10.66667px;
        left: 26.0px
    }

    [direction=rtl] [data-is=maps] .maps-content {
        left: auto;
        right: 26.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=maps] .maps-content {
        top: 12.8px;
        left: 31.2px
    }

    [direction=rtl] [data-is=maps] .maps-content {
        left: auto;
        right: 31.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=maps] .maps-content {
        top: 16px;
        left: 39px
    }

    [direction=rtl] [data-is=maps] .maps-content {
        left: auto;
        right: 39px
    }
}

[data-is=maps] .maps-nyc, [data-is=maps] .maps-paris {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: block;
    width: 420.84px;
    height: 291.06px;
    top: 0;
    left: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=maps] .maps-nyc, [data-is=maps] .maps-paris {
        width: 667.99999px;
        height: 462.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=maps] .maps-nyc, [data-is=maps] .maps-paris {
        width: 801.6px;
        height: 554.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=maps] .maps-nyc, [data-is=maps] .maps-paris {
        width: 1002px;
        height: 693px
    }
}

[direction=rtl] [data-is=maps] .maps-nyc, [direction=rtl] [data-is=maps] .maps-paris {
    left: auto;
    right: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=maps] .maps-nyc, [data-is=maps] .maps-paris {
        top: 0;
        left: 0
    }

    [direction=rtl] [data-is=maps] .maps-nyc, [direction=rtl] [data-is=maps] .maps-paris {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=maps] .maps-nyc, [data-is=maps] .maps-paris {
        top: 0;
        left: 0
    }

    [direction=rtl] [data-is=maps] .maps-nyc, [direction=rtl] [data-is=maps] .maps-paris {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 90em) {
    [data-is=maps] .maps-nyc, [data-is=maps] .maps-paris {
        top: 0;
        left: 0
    }

    [direction=rtl] [data-is=maps] .maps-nyc, [direction=rtl] [data-is=maps] .maps-paris {
        left: auto;
        right: 0
    }
}

[data-is=maps].slide.active .maps-paris {
    animation: fade-in .5s 4.25s ease-in-out forwards
}

[data-is=maps].slide.active .maps-nyc {
    animation: fade-in .5s 2.75s ease-in-out forwards
}

[data-is=intro].active .intro-block {
    z-index: 3
}

[data-is=intro] .intro-block {
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 456px;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 20.0625em) {
    [data-is=intro] .intro-block {
        min-height: 603px
    }
}

@media only screen and (min-width: 48.0625em) {
    [data-is=intro] .intro-block {
        min-height: auto
    }
}

[data-is=intro] .wrapper {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 90%;
    min-width: 90%;
    position: relative
}

@media only screen and (min-width: 20.0625em) {
    [data-is=intro] .wrapper {
        max-width: 80%;
        min-width: 80%
    }
}

@media only screen and (min-width: 48.0625em) {
    [data-is=intro] .wrapper {
        min-height: 0;
        min-width: 0
    }
}

[data-is=intro] .intro-text {
    margin: 0 auto;
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    [data-is=intro] .intro-text {
        left: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        width: 26.88em
    }

    [direction=rtl] [data-is=intro] .intro-text {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=intro] .intro-text {
        width: 38.88em
    }
}

[data-is=intro] h1, [data-is=intro] .subtitle {
    font-weight: 300
}

[data-is=intro] h1 {
    font-size: 1.31em;
    margin: 0 0 .2727em
}

@media only screen and (min-width: 66.875em) {
    [data-is=intro] h1 {
        font-size: 2.31em
    }
}

[data-is=intro] .subtitle {
    font-size: 2.5em;
    line-height: 1.1em;
    margin-bottom: 0
}

@media only screen and (min-width: 66.875em) {
    [data-is=intro] .subtitle {
        font-size: 4em
    }
}

[data-is=intro] .logo {
    height: 10.51em;
    margin-bottom: 5.63em;
    position: relative;
    width: 10.51em
}

@media only screen and (min-width: 48.0625em) {
    [data-is=intro] .logo {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=intro] .logo {
        height: 16.52em;
        width: 16.52em
    }
}

[data-is=intro] .logo img {
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 48.0625em) {
    [data-is=intro] .logo img {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@media only screen and (min-width: 48.0625em) {
    [data-is=intro].slide.active .intro-text {
        animation: fade-in .5s 2.25s ease-in-out forwards
    }

    [data-is=intro].slide.active .logo {
        animation: slide-logo 1.25s 1.4s cubic-bezier(.3, 0, .35, 1) forwards
    }

    [direction=rtl] [data-is=intro].slide.active .logo {
        animation-name: slide-logo-rtl
    }

    [data-is=intro].slide.active .logo img {
        animation: fade-in .6s .5s ease-in-out forwards
    }
}

@keyframes zoom-y {
    100% {
        transform: scaleY(1)
    }
}

@keyframes slide-logo {
    100% {
        transform: translate(calc(-2.88em - 100%), 0)
    }
}

@keyframes slide-logo-rtl {
    100% {
        transform: translate(calc(2.88em + 100%), 0)
    }
}

[data-is=outro] {
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    white-space: pre-line
}

[data-is=outro].active {
    z-index: 3
}

@media only screen and (min-width: 48.0625em) {
    [data-is=outro] {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transition: opacity .5s ease-in-out
    }
}

[data-is=outro] h2 {
    float: left;
    font-size: 2.5em;
    font-weight: 600;
    margin-bottom: .935em;
    margin-top: 1.75em;
    width: 100%
}

@media only screen and (min-width: 66.875em) {
    [data-is=outro] h2 {
        font-size: 4em;
        margin-top: 0
    }
}

[data-is=outro] h3, [data-is=outro] h4 {
    color: #fff;
    font-weight: 600
}

[data-is=outro] h3 {
    font-size: 1.31em;
    line-height: 1.56;
    margin: 0 0 .2em
}

@media only screen and (min-width: 48.0625em) {
    [data-is=outro] h3 {
        margin-bottom: .378378em
    }
}

[data-is=outro] h4 {
    font-size: 1.63em;
    line-height: 1.2;
    margin: 0 0 .66em
}

@media only screen and (min-width: 66.875em) {
    [data-is=outro] h4 {
        font-size: 2.38em;
        margin-bottom: .3636em
    }
}

[data-is=outro] a {
    color: #fff;
    float: left;
    font-size: 1em
}

@media only screen and (min-width: 66.875em) {
    [data-is=outro] a {
        font-size: 1.31em
    }
}

[direction=rtl] [data-is=outro] a {
    float: right
}

[data-is=outro] .outro-block {
    margin: auto;
    width: 80%
}

@media only screen and (min-width: 48.0625em) {
    [data-is=outro] .outro-block {
        width: 41.25em
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=outro] .outro-block {
        width: 61.25em
    }
}

[data-is=outro] .card-wrapper {
    float: left;
    margin-bottom: 1.888em
}

[data-is=outro] .mas-logo, [data-is=outro] .tour-logo {
    height: auto;
    width: 58.8px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width: 20.0625em) {
    [data-is=outro] .mas-logo, [data-is=outro] .tour-logo {
        width: 93.33333px
    }
}

@media only screen and (min-width: 48.0625em) {
    [data-is=outro] .mas-logo, [data-is=outro] .tour-logo {
        width: 112px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=outro] .mas-logo, [data-is=outro] .tour-logo {
        width: 140px
    }
}

[data-is=outro] [role=contentinfo] {
    color: #888;
    float: left;
    font-size: .69em;
    font-weight: 400;
    margin-bottom: 2em
}

[direction=rtl] [data-is=outro] [role=contentinfo] {
    float: right
}

[data-is=outro] .card {
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    float: left;
    height: 18.75em;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.38em 1.88em;
    width: 100%
}

@media only screen and (min-width: 48.0625em) {
    [data-is=outro] .card {
        height: 25em;
        width: 20em
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=outro] .card {
        height: 31.25em;
        padding: 3.75em 3.13em;
        width: 30em
    }
}

[data-is=outro] .card:first-child {
    margin-bottom: 1.25em
}

@media only screen and (min-width: 48.0625em) {
    [data-is=outro] .card:first-child {
        margin-bottom: 0;
        margin-right: .625em
    }
}

@media only screen and (min-width: 48.0625em) {
    [data-is=outro] .card:last-child {
        margin-left: .625em
    }
}

[data-is=outro] .card .card-footer {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: auto;
    width: 100%
}

[data-is=outro] .card.tour {
    background: linear-gradient(135deg, #888, #555)
}

[data-is=outro] .card.mas {
    background: linear-gradient(135deg, #54bbf5, #3174ea)
}

[direction=rtl] [data-is=outro] .card {
    float: right
}

@media only screen and (min-width: 48.0625em) {
    [direction=rtl] [data-is=outro] .card:first-child {
        margin-left: .625em;
        margin-right: 0
    }
}

@media only screen and (min-width: 48.0625em) {
    [direction=rtl] [data-is=outro] .card:last-child {
        margin-left: 0;
        margin-right: .625em
    }
}

@media only screen and (min-width: 48.0625em) {
    [data-is=outro] h2, [data-is=outro] .card-wrapper, [data-is=outro] [role=contentinfo] {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    [data-is=outro].current {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    [data-is=outro].active h2 {
        animation: fade-in .7s .5s ease-in-out forwards
    }

    [data-is=outro].active .card-wrapper {
        animation: fade-in 1s .6s ease-in-out forwards
    }

    [data-is=outro].active [role=contentinfo] {
        animation: fade-in 1s .6s ease-in-out forwards
    }
}

[data-is=quick-look] h2 {
    color: #d85c8e
}

[data-is=quick-look] .wrapper {
    position: absolute;
    left: auto;
    right: 0;
    top: 50%;
    bottom: auto;
    transform: translate(10%, -30%)
}

[direction=rtl] [data-is=quick-look] .wrapper {
    left: 0;
    right: auto;
    transform: translate(-10%, -30%)
}

@media only screen and (min-width: 48.0625em) {
    [data-is=quick-look] .wrapper {
        left: auto;
        right: 5%;
        top: 50%;
        bottom: auto;
        transform: translate(0, -50%)
    }

    [direction=rtl] [data-is=quick-look] .wrapper {
        left: 5%;
        right: auto;
        transform: translate(0, -50%)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=quick-look] .wrapper {
        left: auto;
        right: 7%
    }

    [direction=rtl] [data-is=quick-look] .wrapper {
        left: 7%;
        right: auto
    }
}

@media only screen and (min-width: 120em) {
    [data-is=quick-look] .wrapper {
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%)
    }

    [direction=rtl] [data-is=quick-look] .wrapper {
        left: auto;
        right: auto
    }
}

[data-is=quick-look] .screen {
    top: 18.9px;
    left: 61.74px;
    position: absolute
}

[direction=rtl] [data-is=quick-look] .screen {
    left: auto;
    right: 61.74px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=quick-look] .screen {
        top: 30.0px;
        left: 98.0px
    }

    [direction=rtl] [data-is=quick-look] .screen {
        left: auto;
        right: 98.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=quick-look] .screen {
        top: 36px;
        left: 117.6px
    }

    [direction=rtl] [data-is=quick-look] .screen {
        left: auto;
        right: 117.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=quick-look] .screen {
        top: 45px;
        left: 147px
    }

    [direction=rtl] [data-is=quick-look] .screen {
        left: auto;
        right: 147px
    }
}

[data-is=quick-look] .file, [data-is=quick-look] .loupe, [data-is=quick-look] .window-mask {
    position: absolute
}

[data-is=quick-look] .hardware {
    display: block;
    width: 524.16px;
    height: 311.22px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=quick-look] .hardware {
        width: 831.99999px;
        height: 494.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=quick-look] .hardware {
        width: 998.4px;
        height: 592.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=quick-look] .hardware {
        width: 1248px;
        height: 741px
    }
}

[data-is=quick-look] .wallpaper {
    display: block;
    width: 400.68px;
    height: 250.74px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=quick-look] .wallpaper {
        width: 635.99999px;
        height: 398.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=quick-look] .wallpaper {
        width: 763.2px;
        height: 477.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=quick-look] .wallpaper {
        width: 954px;
        height: 597px
    }
}

[data-is=quick-look] .file {
    display: block;
    width: 27.51px;
    height: 25.2px;
    top: 14.7px;
    right: 10.5px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=quick-look] .file {
        width: 43.66667px;
        height: 40.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=quick-look] .file {
        width: 52.4px;
        height: 48px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=quick-look] .file {
        width: 65.5px;
        height: 60px
    }
}

[direction=rtl] [data-is=quick-look] .file {
    right: auto;
    left: 10.5px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=quick-look] .file {
        top: 23.33333px;
        right: 16.66667px
    }

    [direction=rtl] [data-is=quick-look] .file {
        right: auto;
        left: 16.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=quick-look] .file {
        top: 28px;
        right: 20px
    }

    [direction=rtl] [data-is=quick-look] .file {
        right: auto;
        left: 20px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=quick-look] .file {
        top: 35px;
        right: 25px
    }

    [direction=rtl] [data-is=quick-look] .file {
        right: auto;
        left: 25px
    }
}

[data-is=quick-look] .file.selected {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

[data-is=quick-look] .quicklook {
    display: block;
    width: 145.53px;
    height: 203.28px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=quick-look] .quicklook {
        width: 231.0px;
        height: 322.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=quick-look] .quicklook {
        width: 277.2px;
        height: 387.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=quick-look] .quicklook {
        width: 346.5px;
        height: 484px
    }
}

[data-is=quick-look] .loupe {
    display: block;
    width: 78.12px;
    height: 78.12px;
    top: -16.8px;
    right: 148.68px;
    box-shadow: 0 4px 10px -1px rgba(0, 0, 0, .3);
    border-radius: 50%;
    overflow: hidden;
    transform: scale(.8);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media only screen and (min-width: 20.0625em) {
    [data-is=quick-look] .loupe {
        width: 124.0px;
        height: 124.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=quick-look] .loupe {
        width: 148.8px;
        height: 148.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=quick-look] .loupe {
        width: 186px;
        height: 186px
    }
}

[direction=rtl] [data-is=quick-look] .loupe {
    right: auto;
    left: 148.68px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=quick-look] .loupe {
        top: -26.66667px;
        right: 236.0px
    }

    [direction=rtl] [data-is=quick-look] .loupe {
        right: auto;
        left: 236.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=quick-look] .loupe {
        top: -32px;
        right: 283.2px
    }

    [direction=rtl] [data-is=quick-look] .loupe {
        right: auto;
        left: 283.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=quick-look] .loupe {
        top: -40px;
        right: 354px
    }

    [direction=rtl] [data-is=quick-look] .loupe {
        right: auto;
        left: 354px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=quick-look] .loupe {
        box-shadow: 0 6px 16px -2px rgba(0, 0, 0, .3)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=quick-look] .loupe {
        box-shadow: 0 8px 20px -2px rgba(0, 0, 0, .3)
    }
}

@media only screen and (min-width: 90em) {
    [data-is=quick-look] .loupe {
        box-shadow: 0 10px 25px -2px rgba(0, 0, 0, .3)
    }
}

[data-is=quick-look] .window-mask {
    overflow: hidden;
    border-radius: 1.68px;
    box-sizing: content-box;
    border: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 0 8px 10px -1px rgba(0, 0, 0, .3), 0 0 2px 0 rgba(0, 0, 0, .1);
    top: 15.96px;
    right: 126px;
    transform: translate(416px, -224px) scale(.08);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media only screen and (min-width: 20.0625em) {
    [data-is=quick-look] .window-mask {
        border-radius: 2.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=quick-look] .window-mask {
        border-radius: 3.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=quick-look] .window-mask {
        border-radius: 4px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=quick-look] .window-mask {
        box-shadow: 0 13px 16px -2px rgba(0, 0, 0, .3), 0 0 3px 0 rgba(0, 0, 0, .1)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=quick-look] .window-mask {
        box-shadow: 0 16px 20px -2px rgba(0, 0, 0, .3), 0 0 4px 0 rgba(0, 0, 0, .1)
    }
}

@media only screen and (min-width: 90em) {
    [data-is=quick-look] .window-mask {
        box-shadow: 0 20px 25px -2px rgba(0, 0, 0, .3), 0 0 5px 0 rgba(0, 0, 0, .1)
    }
}

[direction=rtl] [data-is=quick-look] .window-mask {
    right: auto;
    left: 126px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=quick-look] .window-mask {
        top: 25.33333px;
        right: 200.0px
    }

    [direction=rtl] [data-is=quick-look] .window-mask {
        right: auto;
        left: 200.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=quick-look] .window-mask {
        top: 30.4px;
        right: 240px
    }

    [direction=rtl] [data-is=quick-look] .window-mask {
        right: auto;
        left: 240px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=quick-look] .window-mask {
        top: 38px;
        right: 300px
    }

    [direction=rtl] [data-is=quick-look] .window-mask {
        right: auto;
        left: 300px
    }
}

[direction=rtl] [data-is=quick-look] .window-mask {
    transform: translate(-416px, -224px) scale(.08)
}

[data-is=quick-look].slide.active .file.selected {
    animation: fade-in .3s 2.75s ease-in-out forwards
}

[data-is=quick-look].slide.active .window-mask {
    animation: fade-in .4s 3.05s ease-out forwards, scale-in .4s 3.05s ease-out forwards
}

[data-is=quick-look].slide.active .loupe {
    animation: fade-in .5s 4.35s ease-in-out forwards, scale-in .5s 4.35s ease-in-out forwards
}

[data-is=safari] h2 {
    color: #ff2e55
}

[data-is=safari] .safari-content, [data-is=safari] .social-facebook, [data-is=safari] .social-twitter, [data-is=safari] .social-pinterest, [data-is=safari] .window-mask, [data-is=safari] .prompt {
    position: absolute
}

[data-is=safari] .wrapper {
    position: absolute;
    left: 0;
    right: auto;
    top: 50%;
    bottom: auto;
    transform: translate(-5%, -33%)
}

[direction=rtl] [data-is=safari] .wrapper {
    left: auto;
    right: 0;
    transform: translate(5%, -33%)
}

@media only screen and (min-width: 48.0625em) {
    [data-is=safari] .wrapper {
        left: 5%;
        right: auto;
        top: 50%;
        bottom: auto;
        transform: translate(0, -50%)
    }

    [direction=rtl] [data-is=safari] .wrapper {
        left: auto;
        right: 5%;
        transform: translate(0, -50%)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=safari] .wrapper {
        left: 7%;
        right: auto
    }

    [direction=rtl] [data-is=safari] .wrapper {
        left: auto;
        right: 7%
    }
}

@media only screen and (min-width: 120em) {
    [data-is=safari] .wrapper {
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%)
    }

    [direction=rtl] [data-is=safari] .wrapper {
        left: auto;
        right: auto
    }
}

[data-is=safari] .window {
    display: block;
    width: 462.42px;
    height: 332.64px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=safari] .window {
        width: 733.99999px;
        height: 527.99999px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=safari] .window {
        width: 880.8px;
        height: 633.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=safari] .window {
        width: 1101px;
        height: 792px
    }
}

[data-is=safari] .window-mask {
    display: block;
    width: 462.42px;
    height: 332.64px;
    top: 33.6px;
    left: 16.8px;
    overflow: hidden
}

@media only screen and (min-width: 20.0625em) {
    [data-is=safari] .window-mask {
        width: 733.99999px;
        height: 527.99999px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=safari] .window-mask {
        width: 880.8px;
        height: 633.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=safari] .window-mask {
        width: 1101px;
        height: 792px
    }
}

[direction=rtl] [data-is=safari] .window-mask {
    left: auto;
    right: 16.8px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=safari] .window-mask {
        top: 53.33333px;
        left: 26.66667px
    }

    [direction=rtl] [data-is=safari] .window-mask {
        left: auto;
        right: 26.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=safari] .window-mask {
        top: 64px;
        left: 32px
    }

    [direction=rtl] [data-is=safari] .window-mask {
        left: auto;
        right: 32px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=safari] .window-mask {
        top: 80px;
        left: 40px
    }

    [direction=rtl] [data-is=safari] .window-mask {
        left: auto;
        right: 40px
    }
}

[data-is=safari] .prompt {
    display: block;
    width: 185.22px;
    height: 63px;
    top: 0;
    left: 121.8px;
    transform: translateY(-100%)
}

@media only screen and (min-width: 20.0625em) {
    [data-is=safari] .prompt {
        width: 294.0px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=safari] .prompt {
        width: 352.8px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=safari] .prompt {
        width: 441px;
        height: 150px
    }
}

[direction=rtl] [data-is=safari] .prompt {
    left: auto;
    right: 121.8px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=safari] .prompt {
        top: 0;
        left: 193.33333px
    }

    [direction=rtl] [data-is=safari] .prompt {
        left: auto;
        right: 193.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=safari] .prompt {
        top: 0;
        left: 232px
    }

    [direction=rtl] [data-is=safari] .prompt {
        left: auto;
        right: 232px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=safari] .prompt {
        top: 0;
        left: 290px
    }

    [direction=rtl] [data-is=safari] .prompt {
        left: auto;
        right: 290px
    }
}

[lang=hr] [data-is=safari] .prompt {
    display: block;
    width: 226.8px;
    height: 87.99px;
    top: 0;
    left: 102.06px
}

@media only screen and (min-width: 20.0625em) {
    [lang=hr] [data-is=safari] .prompt {
        width: 360.0px;
        height: 139.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=hr] [data-is=safari] .prompt {
        width: 432px;
        height: 167.6px
    }
}

@media only screen and (min-width: 90em) {
    [lang=hr] [data-is=safari] .prompt {
        width: 540px;
        height: 209.5px
    }
}

[direction=rtl] [lang=hr] [data-is=safari] .prompt {
    left: auto;
    right: 102.06px
}

@media only screen and (min-width: 20.0625em) {
    [lang=hr] [data-is=safari] .prompt {
        top: 0;
        left: 162.0px
    }

    [direction=rtl] [lang=hr] [data-is=safari] .prompt {
        left: auto;
        right: 162.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=hr] [data-is=safari] .prompt {
        top: 0;
        left: 194.4px
    }

    [direction=rtl] [lang=hr] [data-is=safari] .prompt {
        left: auto;
        right: 194.4px
    }
}

@media only screen and (min-width: 90em) {
    [lang=hr] [data-is=safari] .prompt {
        top: 0;
        left: 243px
    }

    [direction=rtl] [lang=hr] [data-is=safari] .prompt {
        left: auto;
        right: 243px
    }
}

[data-is=safari] .safari-content {
    display: block;
    width: 462.42px;
    height: 332.64px;
    top: 0;
    left: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=safari] .safari-content {
        width: 733.99999px;
        height: 527.99999px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=safari] .safari-content {
        width: 880.8px;
        height: 633.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=safari] .safari-content {
        width: 1101px;
        height: 792px
    }
}

[data-is=safari] .social-facebook, [data-is=safari] .social-twitter, [data-is=safari] .social-pinterest {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: scale(.7);
    display: block;
    width: 39.06px;
    height: 10.08px;
    border-radius: 3px;
    overflow: hidden
}

@media only screen and (min-width: 20.0625em) {
    [data-is=safari] .social-facebook, [data-is=safari] .social-twitter, [data-is=safari] .social-pinterest {
        width: 62.0px;
        height: 16.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=safari] .social-facebook, [data-is=safari] .social-twitter, [data-is=safari] .social-pinterest {
        width: 74.4px;
        height: 19.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=safari] .social-facebook, [data-is=safari] .social-twitter, [data-is=safari] .social-pinterest {
        width: 93px;
        height: 24px
    }
}

[data-is=safari] .social-facebook {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    bottom: 111.72px;
    left: 41.58px
}

[direction=rtl] [data-is=safari] .social-facebook {
    left: auto;
    right: 41.58px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=safari] .social-facebook {
        bottom: 177.33333px;
        left: 66.0px
    }

    [direction=rtl] [data-is=safari] .social-facebook {
        left: auto;
        right: 66.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=safari] .social-facebook {
        bottom: 212.8px;
        left: 79.2px
    }

    [direction=rtl] [data-is=safari] .social-facebook {
        left: auto;
        right: 79.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=safari] .social-facebook {
        bottom: 266px;
        left: 99px
    }

    [direction=rtl] [data-is=safari] .social-facebook {
        left: auto;
        right: 99px
    }
}

[data-is=safari] .social-twitter {
    bottom: 111.72px;
    left: 84px
}

[direction=rtl] [data-is=safari] .social-twitter {
    left: auto;
    right: 84px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=safari] .social-twitter {
        bottom: 177.33333px;
        left: 133.33333px
    }

    [direction=rtl] [data-is=safari] .social-twitter {
        left: auto;
        right: 133.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=safari] .social-twitter {
        bottom: 212.8px;
        left: 160px
    }

    [direction=rtl] [data-is=safari] .social-twitter {
        left: auto;
        right: 160px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=safari] .social-twitter {
        bottom: 266px;
        left: 200px
    }

    [direction=rtl] [data-is=safari] .social-twitter {
        left: auto;
        right: 200px
    }
}

[data-is=safari] .social-pinterest {
    bottom: 111.72px;
    left: 126.42px
}

[direction=rtl] [data-is=safari] .social-pinterest {
    left: auto;
    right: 126.42px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=safari] .social-pinterest {
        bottom: 177.33333px;
        left: 200.66666px
    }

    [direction=rtl] [data-is=safari] .social-pinterest {
        left: auto;
        right: 200.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=safari] .social-pinterest {
        bottom: 212.8px;
        left: 240.8px
    }

    [direction=rtl] [data-is=safari] .social-pinterest {
        left: auto;
        right: 240.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=safari] .social-pinterest {
        bottom: 266px;
        left: 301px
    }

    [direction=rtl] [data-is=safari] .social-pinterest {
        left: auto;
        right: 301px
    }
}

[data-is=safari].slide.active .prompt {
    animation: slide-in .3s 4.05s ease-out forwards
}

[data-is=safari].slide.active .social-facebook {
    animation: fade-in .4s 2.75s ease-in-out forwards, pop-in .4s 2.75s ease-out forwards
}

[data-is=safari].slide.active .social-twitter {
    animation: fade-in .4s 2.9s ease-in-out forwards, pop-in .4s 2.9s ease-out forwards
}

[data-is=safari].slide.active .social-pinterest {
    animation: fade-in .4s 3.05s ease-in-out forwards, pop-in .4s 3.05s ease-out forwards
}

@keyframes pop-in {
    80% {
        transform: scale(1.05)
    }
    100% {
        transform: scale(1)
    }
}

[data-is=screenshots] h2 {
    color: #39d9d7
}

[data-is=screenshots] .wrapper {
    position: absolute;
    left: auto;
    right: 0;
    top: 50%;
    bottom: auto;
    transform: translate(4%, -60%)
}

[direction=rtl] [data-is=screenshots] .wrapper {
    left: 0;
    right: auto;
    transform: translate(-4%, -60%)
}

@media only screen and (min-width: 48.0625em) {
    [data-is=screenshots] .wrapper {
        left: auto;
        right: 5%;
        top: 50%;
        bottom: auto;
        transform: translate(0, -50%)
    }

    [direction=rtl] [data-is=screenshots] .wrapper {
        left: 5%;
        right: auto;
        transform: translate(0, -50%)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .wrapper {
        left: auto;
        right: 7%
    }

    [direction=rtl] [data-is=screenshots] .wrapper {
        left: 7%;
        right: auto
    }
}

@media only screen and (min-width: 120em) {
    [data-is=screenshots] .wrapper {
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%)
    }

    [direction=rtl] [data-is=screenshots] .wrapper {
        left: auto;
        right: auto
    }
}

[data-is=screenshots] .hardware {
    display: block;
    width: 524.16px;
    height: 311.22px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .hardware {
        width: 831.99999px;
        height: 494.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .hardware {
        width: 998.4px;
        height: 592.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .hardware {
        width: 1248px;
        height: 741px
    }
}

[data-is=screenshots] .screen, [data-is=screenshots] .menu-bar, [data-is=screenshots] .safari-window, [data-is=screenshots] .safari-window-clipped, [data-is=screenshots] .screenshot-ui, [data-is=screenshots] .thumbnail, [data-is=screenshots] .loupe, [data-is=screenshots] .loupe-highlight, [data-is=screenshots] .selection-box, [data-is=screenshots] .selection-handle, [data-is=screenshots] .dark-overlay, [data-is=screenshots] .preview, [data-is=screenshots] .preview-share, [data-is=screenshots] .active-dot {
    position: absolute
}

[data-is=screenshots] .screen {
    top: 18.9px;
    left: 61.74px
}

[direction=rtl] [data-is=screenshots] .screen {
    left: auto;
    right: 61.74px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .screen {
        top: 30.0px;
        left: 98.0px
    }

    [direction=rtl] [data-is=screenshots] .screen {
        left: auto;
        right: 98.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .screen {
        top: 36px;
        left: 117.6px
    }

    [direction=rtl] [data-is=screenshots] .screen {
        left: auto;
        right: 117.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .screen {
        top: 45px;
        left: 147px
    }

    [direction=rtl] [data-is=screenshots] .screen {
        left: auto;
        right: 147px
    }
}

[data-is=screenshots] .wallpaper {
    display: block;
    width: 400.68px;
    height: 250.74px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .wallpaper {
        width: 635.99999px;
        height: 398.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .wallpaper {
        width: 763.2px;
        height: 477.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .wallpaper {
        width: 954px;
        height: 597px
    }
}

[data-is=screenshots] .menu-bar {
    display: block;
    width: 400.68px;
    height: 6.09px;
    top: 0;
    left: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .menu-bar {
        width: 635.99999px;
        height: 9.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .menu-bar {
        width: 763.2px;
        height: 11.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .menu-bar {
        width: 954px;
        height: 14.5px
    }
}

[direction=rtl] [data-is=screenshots] .menu-bar {
    left: auto;
    right: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .menu-bar {
        top: 0;
        left: 0
    }

    [direction=rtl] [data-is=screenshots] .menu-bar {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .menu-bar {
        top: 0;
        left: 0
    }

    [direction=rtl] [data-is=screenshots] .menu-bar {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .menu-bar {
        top: 0;
        left: 0
    }

    [direction=rtl] [data-is=screenshots] .menu-bar {
        left: auto;
        right: 0
    }
}

[data-is=screenshots] .menu-bar img {
    position: absolute;
    top: 0
}

[data-is=screenshots] .safari-window, [data-is=screenshots] .safari-window-clipped {
    display: block;
    width: 283.5px;
    height: 197.82px;
    top: 10.92px;
    left: 57.96px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .safari-window, [data-is=screenshots] .safari-window-clipped {
        width: 450.0px;
        height: 314.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .safari-window, [data-is=screenshots] .safari-window-clipped {
        width: 540px;
        height: 376.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .safari-window, [data-is=screenshots] .safari-window-clipped {
        width: 675px;
        height: 471px
    }
}

[direction=rtl] [data-is=screenshots] .safari-window, [direction=rtl] [data-is=screenshots] .safari-window-clipped {
    left: auto;
    right: 57.96px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .safari-window, [data-is=screenshots] .safari-window-clipped {
        top: 17.33333px;
        left: 92.0px
    }

    [direction=rtl] [data-is=screenshots] .safari-window, [direction=rtl] [data-is=screenshots] .safari-window-clipped {
        left: auto;
        right: 92.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .safari-window, [data-is=screenshots] .safari-window-clipped {
        top: 20.8px;
        left: 110.4px
    }

    [direction=rtl] [data-is=screenshots] .safari-window, [direction=rtl] [data-is=screenshots] .safari-window-clipped {
        left: auto;
        right: 110.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .safari-window, [data-is=screenshots] .safari-window-clipped {
        top: 26px;
        left: 138px
    }

    [direction=rtl] [data-is=screenshots] .safari-window, [direction=rtl] [data-is=screenshots] .safari-window-clipped {
        left: auto;
        right: 138px
    }
}

[data-is=screenshots] .safari-window-clipped {
    -webkit-clip-path: inset(16.5% 4.3% 30.5% 41%);
    clip-path: inset(16.5% 4.3% 30.5% 41%)
}

[data-is=screenshots] .screenshot-ui {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: block;
    width: 128.1px;
    height: 13.23px;
    bottom: 24.36px;
    left: 133.56px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .screenshot-ui {
        width: 203.33333px;
        height: 21.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .screenshot-ui {
        width: 244px;
        height: 25.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .screenshot-ui {
        width: 305px;
        height: 31.5px
    }
}

[direction=rtl] [data-is=screenshots] .screenshot-ui {
    left: auto;
    right: 133.56px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .screenshot-ui {
        bottom: 38.66667px;
        left: 212.0px
    }

    [direction=rtl] [data-is=screenshots] .screenshot-ui {
        left: auto;
        right: 212.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .screenshot-ui {
        bottom: 46.4px;
        left: 254.4px
    }

    [direction=rtl] [data-is=screenshots] .screenshot-ui {
        left: auto;
        right: 254.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .screenshot-ui {
        bottom: 58px;
        left: 318px
    }

    [direction=rtl] [data-is=screenshots] .screenshot-ui {
        left: auto;
        right: 318px
    }
}

[data-is=screenshots] .thumbnail {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: block;
    width: 42.21px;
    height: 27.09px;
    bottom: 25.2px;
    right: 6.3px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .thumbnail {
        width: 67.0px;
        height: 43.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .thumbnail {
        width: 80.4px;
        height: 51.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .thumbnail {
        width: 100.5px;
        height: 64.5px
    }
}

[direction=rtl] [data-is=screenshots] .thumbnail {
    right: auto;
    left: 6.3px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .thumbnail {
        bottom: 40.0px;
        right: 10.0px
    }

    [direction=rtl] [data-is=screenshots] .thumbnail {
        right: auto;
        left: 10.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .thumbnail {
        bottom: 48px;
        right: 12px
    }

    [direction=rtl] [data-is=screenshots] .thumbnail {
        right: auto;
        left: 12px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .thumbnail {
        bottom: 60px;
        right: 15px
    }

    [direction=rtl] [data-is=screenshots] .thumbnail {
        right: auto;
        left: 15px
    }
}

[data-is=screenshots] .loupe {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: block;
    width: 78.12px;
    height: 78.12px;
    bottom: -7.56px;
    right: 111.3px;
    box-shadow: 0 4px 10px -1px rgba(0, 0, 0, .3);
    border-radius: 50%;
    overflow: hidden
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .loupe {
        width: 124.0px;
        height: 124.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .loupe {
        width: 148.8px;
        height: 148.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .loupe {
        width: 186px;
        height: 186px
    }
}

[direction=rtl] [data-is=screenshots] .loupe {
    right: auto;
    left: 111.3px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .loupe {
        bottom: -12.0px;
        right: 176.66666px
    }

    [direction=rtl] [data-is=screenshots] .loupe {
        right: auto;
        left: 176.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .loupe {
        bottom: -14.4px;
        right: 212px
    }

    [direction=rtl] [data-is=screenshots] .loupe {
        right: auto;
        left: 212px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .loupe {
        bottom: -18px;
        right: 265px
    }

    [direction=rtl] [data-is=screenshots] .loupe {
        right: auto;
        left: 265px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .loupe {
        box-shadow: 0 6px 16px -2px rgba(0, 0, 0, .3)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .loupe {
        box-shadow: 0 8px 20px -2px rgba(0, 0, 0, .3)
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .loupe {
        box-shadow: 0 10px 25px -2px rgba(0, 0, 0, .3)
    }
}

[data-is=screenshots] .loupe-highlight {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 0 7px 7px 0;
    overflow: hidden;
    bottom: 19.74px;
    right: 131.46px;
    width: 9%;
    height: 8%;
    background-color: rgba(255, 255, 255, .3)
}

[direction=rtl] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 131.46px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 208.66666px
    }

    [direction=rtl] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 208.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 250.4px
    }

    [direction=rtl] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 250.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 313px
    }

    [direction=rtl] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 313px
    }
}

[lang=th] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 134.4px;
    width: 8%
}

[direction=rtl] [lang=th] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 134.4px
}

@media only screen and (min-width: 20.0625em) {
    [lang=th] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 213.33333px
    }

    [direction=rtl] [lang=th] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 213.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=th] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 256px
    }

    [direction=rtl] [lang=th] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 256px
    }
}

@media only screen and (min-width: 90em) {
    [lang=th] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 320px
    }

    [direction=rtl] [lang=th] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 320px
    }
}

[direction=rtl] [data-is=screenshots] .loupe-highlight {
    border-radius: 7px 0 0 7px;
    width: 7%
}

[lang=he] [data-is=screenshots] .loupe-highlight {
    width: 6.2%;
    bottom: 19.74px;
    left: 137.34px
}

[direction=rtl] [lang=he] [data-is=screenshots] .loupe-highlight {
    left: auto;
    right: 137.34px
}

@media only screen and (min-width: 20.0625em) {
    [lang=he] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        left: 218.0px
    }

    [direction=rtl] [lang=he] [data-is=screenshots] .loupe-highlight {
        left: auto;
        right: 218.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=he] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        left: 261.6px
    }

    [direction=rtl] [lang=he] [data-is=screenshots] .loupe-highlight {
        left: auto;
        right: 261.6px
    }
}

@media only screen and (min-width: 90em) {
    [lang=he] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        left: 327px
    }

    [direction=rtl] [lang=he] [data-is=screenshots] .loupe-highlight {
        left: auto;
        right: 327px
    }
}

[lang=ca] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 129.78px;
    width: 9.5%
}

[direction=rtl] [lang=ca] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 129.78px
}

@media only screen and (min-width: 20.0625em) {
    [lang=ca] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 206.0px
    }

    [direction=rtl] [lang=ca] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 206.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=ca] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 247.2px
    }

    [direction=rtl] [lang=ca] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 247.2px
    }
}

@media only screen and (min-width: 90em) {
    [lang=ca] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 309px
    }

    [direction=rtl] [lang=ca] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 309px
    }
}

[lang=cs] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 128.52px;
    width: 11.8%
}

[direction=rtl] [lang=cs] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 128.52px
}

@media only screen and (min-width: 20.0625em) {
    [lang=cs] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 204.0px
    }

    [direction=rtl] [lang=cs] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 204.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=cs] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 244.8px
    }

    [direction=rtl] [lang=cs] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 244.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=cs] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 306px
    }

    [direction=rtl] [lang=cs] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 306px
    }
}

[lang=da] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 128.1px;
    width: 8.2%
}

[direction=rtl] [lang=da] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 128.1px
}

@media only screen and (min-width: 20.0625em) {
    [lang=da] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 203.33333px
    }

    [direction=rtl] [lang=da] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 203.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=da] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 244px
    }

    [direction=rtl] [lang=da] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 244px
    }
}

@media only screen and (min-width: 90em) {
    [lang=da] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 305px
    }

    [direction=rtl] [lang=da] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 305px
    }
}

[lang=de] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 133.56px;
    width: 7%
}

[direction=rtl] [lang=de] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 133.56px
}

@media only screen and (min-width: 20.0625em) {
    [lang=de] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 212.0px
    }

    [direction=rtl] [lang=de] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 212.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=de] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 254.4px
    }

    [direction=rtl] [lang=de] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 254.4px
    }
}

@media only screen and (min-width: 90em) {
    [lang=de] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 318px
    }

    [direction=rtl] [lang=de] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 318px
    }
}

[lang=el] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 126px;
    width: 11.1%
}

[direction=rtl] [lang=el] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 126px
}

@media only screen and (min-width: 20.0625em) {
    [lang=el] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 200.0px
    }

    [direction=rtl] [lang=el] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 200.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=el] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 240px
    }

    [direction=rtl] [lang=el] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 240px
    }
}

@media only screen and (min-width: 90em) {
    [lang=el] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 300px
    }

    [direction=rtl] [lang=el] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 300px
    }
}

[lang=es-419] [data-is=screenshots] .loupe-highlight, [lang=es] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 128.1px;
    width: 9.6%
}

[direction=rtl] [lang=es-419] [data-is=screenshots] .loupe-highlight, [direction=rtl] [lang=es] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 128.1px
}

@media only screen and (min-width: 20.0625em) {
    [lang=es-419] [data-is=screenshots] .loupe-highlight, [lang=es] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 203.33333px
    }

    [direction=rtl] [lang=es-419] [data-is=screenshots] .loupe-highlight, [direction=rtl] [lang=es] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 203.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=es-419] [data-is=screenshots] .loupe-highlight, [lang=es] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 244px
    }

    [direction=rtl] [lang=es-419] [data-is=screenshots] .loupe-highlight, [direction=rtl] [lang=es] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 244px
    }
}

@media only screen and (min-width: 90em) {
    [lang=es-419] [data-is=screenshots] .loupe-highlight, [lang=es] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 305px
    }

    [direction=rtl] [lang=es-419] [data-is=screenshots] .loupe-highlight, [direction=rtl] [lang=es] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 305px
    }
}

[lang=fi] [data-is=screenshots] .loupe-highlight, [lang=fr] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 130.2px;
    width: 9.5%
}

[direction=rtl] [lang=fi] [data-is=screenshots] .loupe-highlight, [direction=rtl] [lang=fr] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 130.2px
}

@media only screen and (min-width: 20.0625em) {
    [lang=fi] [data-is=screenshots] .loupe-highlight, [lang=fr] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 206.66666px
    }

    [direction=rtl] [lang=fi] [data-is=screenshots] .loupe-highlight, [direction=rtl] [lang=fr] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 206.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=fi] [data-is=screenshots] .loupe-highlight, [lang=fr] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 248px
    }

    [direction=rtl] [lang=fi] [data-is=screenshots] .loupe-highlight, [direction=rtl] [lang=fr] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 248px
    }
}

@media only screen and (min-width: 90em) {
    [lang=fi] [data-is=screenshots] .loupe-highlight, [lang=fr] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 310px
    }

    [direction=rtl] [lang=fi] [data-is=screenshots] .loupe-highlight, [direction=rtl] [lang=fr] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 310px
    }
}

[lang=hi] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 133.98px
}

[direction=rtl] [lang=hi] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 133.98px
}

@media only screen and (min-width: 20.0625em) {
    [lang=hi] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 212.66666px
    }

    [direction=rtl] [lang=hi] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 212.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=hi] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 255.2px
    }

    [direction=rtl] [lang=hi] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 255.2px
    }
}

@media only screen and (min-width: 90em) {
    [lang=hi] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 319px
    }

    [direction=rtl] [lang=hi] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 319px
    }
}

[lang=hr] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 136.5px;
    width: 7.4%
}

[direction=rtl] [lang=hr] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 136.5px
}

@media only screen and (min-width: 20.0625em) {
    [lang=hr] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 216.66666px
    }

    [direction=rtl] [lang=hr] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 216.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=hr] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 260px
    }

    [direction=rtl] [lang=hr] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 260px
    }
}

@media only screen and (min-width: 90em) {
    [lang=hr] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 325px
    }

    [direction=rtl] [lang=hr] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 325px
    }
}

[lang=hu] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 127.26px;
    width: 9.3%
}

[direction=rtl] [lang=hu] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 127.26px
}

@media only screen and (min-width: 20.0625em) {
    [lang=hu] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 202.0px
    }

    [direction=rtl] [lang=hu] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 202.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=hu] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 242.4px
    }

    [direction=rtl] [lang=hu] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 242.4px
    }
}

@media only screen and (min-width: 90em) {
    [lang=hu] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 303px
    }

    [direction=rtl] [lang=hu] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 303px
    }
}

[lang=id] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 135.66px;
    width: 7.6%
}

[direction=rtl] [lang=id] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 135.66px
}

@media only screen and (min-width: 20.0625em) {
    [lang=id] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 215.33333px
    }

    [direction=rtl] [lang=id] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 215.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=id] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 258.4px
    }

    [direction=rtl] [lang=id] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 258.4px
    }
}

@media only screen and (min-width: 90em) {
    [lang=id] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 323px
    }

    [direction=rtl] [lang=id] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 323px
    }
}

[lang=it] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 128.94px;
    width: 10.4%
}

[direction=rtl] [lang=it] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 128.94px
}

@media only screen and (min-width: 20.0625em) {
    [lang=it] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 204.66666px
    }

    [direction=rtl] [lang=it] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 204.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=it] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 245.6px
    }

    [direction=rtl] [lang=it] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 245.6px
    }
}

@media only screen and (min-width: 90em) {
    [lang=it] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 307px
    }

    [direction=rtl] [lang=it] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 307px
    }
}

[lang=ja] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 129.36px
}

[direction=rtl] [lang=ja] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 129.36px
}

@media only screen and (min-width: 20.0625em) {
    [lang=ja] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 205.33333px
    }

    [direction=rtl] [lang=ja] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 205.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=ja] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 246.4px
    }

    [direction=rtl] [lang=ja] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 246.4px
    }
}

@media only screen and (min-width: 90em) {
    [lang=ja] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 308px
    }

    [direction=rtl] [lang=ja] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 308px
    }
}

[lang=ko] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 141.54px;
    width: 6.3%
}

[direction=rtl] [lang=ko] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 141.54px
}

@media only screen and (min-width: 20.0625em) {
    [lang=ko] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 224.66666px
    }

    [direction=rtl] [lang=ko] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 224.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=ko] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 269.6px
    }

    [direction=rtl] [lang=ko] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 269.6px
    }
}

@media only screen and (min-width: 90em) {
    [lang=ko] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 337px
    }

    [direction=rtl] [lang=ko] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 337px
    }
}

[lang=ms] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 131.88px;
    width: 9.4%
}

[direction=rtl] [lang=ms] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 131.88px
}

@media only screen and (min-width: 20.0625em) {
    [lang=ms] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 209.33333px
    }

    [direction=rtl] [lang=ms] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 209.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=ms] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 251.2px
    }

    [direction=rtl] [lang=ms] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 251.2px
    }
}

@media only screen and (min-width: 90em) {
    [lang=ms] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 314px
    }

    [direction=rtl] [lang=ms] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 314px
    }
}

[lang=nl] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 132.3px;
    width: 9.3%
}

[direction=rtl] [lang=nl] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 132.3px
}

@media only screen and (min-width: 20.0625em) {
    [lang=nl] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 210.0px
    }

    [direction=rtl] [lang=nl] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 210.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=nl] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 252px
    }

    [direction=rtl] [lang=nl] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 252px
    }
}

@media only screen and (min-width: 90em) {
    [lang=nl] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 315px
    }

    [direction=rtl] [lang=nl] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 315px
    }
}

[lang=no] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 135.66px
}

[direction=rtl] [lang=no] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 135.66px
}

@media only screen and (min-width: 20.0625em) {
    [lang=no] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 215.33333px
    }

    [direction=rtl] [lang=no] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 215.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=no] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 258.4px
    }

    [direction=rtl] [lang=no] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 258.4px
    }
}

@media only screen and (min-width: 90em) {
    [lang=no] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 323px
    }

    [direction=rtl] [lang=no] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 323px
    }
}

[lang=pl] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 130.2px;
    width: 10.9%
}

[direction=rtl] [lang=pl] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 130.2px
}

@media only screen and (min-width: 20.0625em) {
    [lang=pl] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 206.66666px
    }

    [direction=rtl] [lang=pl] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 206.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=pl] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 248px
    }

    [direction=rtl] [lang=pl] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 248px
    }
}

@media only screen and (min-width: 90em) {
    [lang=pl] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 310px
    }

    [direction=rtl] [lang=pl] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 310px
    }
}

[lang=pt-pt] [data-is=screenshots] .loupe-highlight, [lang=pt-br] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 130.62px;
    width: 9.5%
}

[direction=rtl] [lang=pt-pt] [data-is=screenshots] .loupe-highlight, [direction=rtl] [lang=pt-br] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 130.62px
}

@media only screen and (min-width: 20.0625em) {
    [lang=pt-pt] [data-is=screenshots] .loupe-highlight, [lang=pt-br] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 207.33333px
    }

    [direction=rtl] [lang=pt-pt] [data-is=screenshots] .loupe-highlight, [direction=rtl] [lang=pt-br] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 207.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=pt-pt] [data-is=screenshots] .loupe-highlight, [lang=pt-br] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 248.8px
    }

    [direction=rtl] [lang=pt-pt] [data-is=screenshots] .loupe-highlight, [direction=rtl] [lang=pt-br] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 248.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=pt-pt] [data-is=screenshots] .loupe-highlight, [lang=pt-br] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 311px
    }

    [direction=rtl] [lang=pt-pt] [data-is=screenshots] .loupe-highlight, [direction=rtl] [lang=pt-br] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 311px
    }
}

[lang=ro] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 127.68px;
    width: 11.3%
}

[direction=rtl] [lang=ro] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 127.68px
}

@media only screen and (min-width: 20.0625em) {
    [lang=ro] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 202.66666px
    }

    [direction=rtl] [lang=ro] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 202.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=ro] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 243.2px
    }

    [direction=rtl] [lang=ro] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 243.2px
    }
}

@media only screen and (min-width: 90em) {
    [lang=ro] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 304px
    }

    [direction=rtl] [lang=ro] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 304px
    }
}

[lang=ru] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 126.42px
}

[direction=rtl] [lang=ru] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 126.42px
}

@media only screen and (min-width: 20.0625em) {
    [lang=ru] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 200.66666px
    }

    [direction=rtl] [lang=ru] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 200.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=ru] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 240.8px
    }

    [direction=rtl] [lang=ru] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 240.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=ru] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 301px
    }

    [direction=rtl] [lang=ru] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 301px
    }
}

[lang=sk] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 129.78px
}

[direction=rtl] [lang=sk] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 129.78px
}

@media only screen and (min-width: 20.0625em) {
    [lang=sk] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 206.0px
    }

    [direction=rtl] [lang=sk] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 206.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=sk] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 247.2px
    }

    [direction=rtl] [lang=sk] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 247.2px
    }
}

@media only screen and (min-width: 90em) {
    [lang=sk] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 309px
    }

    [direction=rtl] [lang=sk] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 309px
    }
}

[lang=sv] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 129.78px;
    width: 8.7%
}

[direction=rtl] [lang=sv] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 129.78px
}

@media only screen and (min-width: 20.0625em) {
    [lang=sv] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 206.0px
    }

    [direction=rtl] [lang=sv] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 206.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=sv] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 247.2px
    }

    [direction=rtl] [lang=sv] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 247.2px
    }
}

@media only screen and (min-width: 90em) {
    [lang=sv] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 309px
    }

    [direction=rtl] [lang=sv] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 309px
    }
}

[lang=th] [data-is=screenshots] .loupe-highlight {
    width: 8.1%
}

[lang=tr] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 131.88px;
    width: 6.6%
}

[direction=rtl] [lang=tr] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 131.88px
}

@media only screen and (min-width: 20.0625em) {
    [lang=tr] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 209.33333px
    }

    [direction=rtl] [lang=tr] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 209.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=tr] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 251.2px
    }

    [direction=rtl] [lang=tr] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 251.2px
    }
}

@media only screen and (min-width: 90em) {
    [lang=tr] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 314px
    }

    [direction=rtl] [lang=tr] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 314px
    }
}

[lang=uk] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 135.24px;
    width: 8.6%
}

[direction=rtl] [lang=uk] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 135.24px
}

@media only screen and (min-width: 20.0625em) {
    [lang=uk] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 214.66666px
    }

    [direction=rtl] [lang=uk] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 214.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=uk] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 257.6px
    }

    [direction=rtl] [lang=uk] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 257.6px
    }
}

@media only screen and (min-width: 90em) {
    [lang=uk] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 322px
    }

    [direction=rtl] [lang=uk] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 322px
    }
}

[lang=vi] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 132.72px;
    width: 7.4%
}

[direction=rtl] [lang=vi] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 132.72px
}

@media only screen and (min-width: 20.0625em) {
    [lang=vi] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 210.66666px
    }

    [direction=rtl] [lang=vi] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 210.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=vi] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 252.8px
    }

    [direction=rtl] [lang=vi] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 252.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=vi] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 316px
    }

    [direction=rtl] [lang=vi] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 316px
    }
}

[lang=zh-cn] [data-is=screenshots] .loupe-highlight, [lang=zh-tw] [data-is=screenshots] .loupe-highlight {
    bottom: 19.74px;
    right: 140.28px;
    width: 6.8%
}

[direction=rtl] [lang=zh-cn] [data-is=screenshots] .loupe-highlight, [direction=rtl] [lang=zh-tw] [data-is=screenshots] .loupe-highlight {
    right: auto;
    left: 140.28px
}

@media only screen and (min-width: 20.0625em) {
    [lang=zh-cn] [data-is=screenshots] .loupe-highlight, [lang=zh-tw] [data-is=screenshots] .loupe-highlight {
        bottom: 31.33333px;
        right: 222.66666px
    }

    [direction=rtl] [lang=zh-cn] [data-is=screenshots] .loupe-highlight, [direction=rtl] [lang=zh-tw] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 222.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=zh-cn] [data-is=screenshots] .loupe-highlight, [lang=zh-tw] [data-is=screenshots] .loupe-highlight {
        bottom: 37.6px;
        right: 267.2px
    }

    [direction=rtl] [lang=zh-cn] [data-is=screenshots] .loupe-highlight, [direction=rtl] [lang=zh-tw] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 267.2px
    }
}

@media only screen and (min-width: 90em) {
    [lang=zh-cn] [data-is=screenshots] .loupe-highlight, [lang=zh-tw] [data-is=screenshots] .loupe-highlight {
        bottom: 47px;
        right: 334px
    }

    [direction=rtl] [lang=zh-cn] [data-is=screenshots] .loupe-highlight, [direction=rtl] [lang=zh-tw] [data-is=screenshots] .loupe-highlight {
        right: auto;
        left: 334px
    }
}

[lang=zh-hk] [data-is=screenshots] .loupe-highlight {
    width: 6.8%
}

[data-is=screenshots] .dark-overlay {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

[direction=rtl] [data-is=screenshots] .dark-overlay {
    left: auto;
    right: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .dark-overlay {
        top: 0;
        left: 0
    }

    [direction=rtl] [data-is=screenshots] .dark-overlay {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .dark-overlay {
        top: 0;
        left: 0
    }

    [direction=rtl] [data-is=screenshots] .dark-overlay {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .dark-overlay {
        top: 0;
        left: 0
    }

    [direction=rtl] [data-is=screenshots] .dark-overlay {
        left: auto;
        right: 0
    }
}

[data-is=screenshots] .selection-box {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 4px dotted white;
    top: 44.94px;
    right: 70.98px;
    width: 39%;
    height: 42.5%
}

[direction=rtl] [data-is=screenshots] .selection-box {
    right: auto;
    left: 70.98px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .selection-box {
        top: 71.33333px;
        right: 112.66667px
    }

    [direction=rtl] [data-is=screenshots] .selection-box {
        right: auto;
        left: 112.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .selection-box {
        top: 85.6px;
        right: 135.2px
    }

    [direction=rtl] [data-is=screenshots] .selection-box {
        right: auto;
        left: 135.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .selection-box {
        top: 107px;
        right: 169px
    }

    [direction=rtl] [data-is=screenshots] .selection-box {
        right: auto;
        left: 169px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .selection-box {
        top: 43.26px;
        right: 70.98px;
        width: 38.9%;
        height: 42.2%
    }

    [direction=rtl] [data-is=screenshots] .selection-box {
        right: auto;
        left: 70.98px
    }
}

@media only screen and (min-width: 20.0625em) and (min-width: 20.0625em) {
    [data-is=screenshots] .selection-box {
        top: 68.66667px;
        right: 112.66667px
    }

    [direction=rtl] [data-is=screenshots] .selection-box {
        right: auto;
        left: 112.66667px
    }
}

@media only screen and (min-width: 20.0625em) and (min-width: 66.875em) {
    [data-is=screenshots] .selection-box {
        top: 82.4px;
        right: 135.2px
    }

    [direction=rtl] [data-is=screenshots] .selection-box {
        right: auto;
        left: 135.2px
    }
}

@media only screen and (min-width: 20.0625em) and (min-width: 90em) {
    [data-is=screenshots] .selection-box {
        top: 103px;
        right: 169px
    }

    [direction=rtl] [data-is=screenshots] .selection-box {
        right: auto;
        left: 169px
    }
}

[direction=rtl] [data-is=screenshots] .selection-box {
    top: 42.84px;
    left: 175.14px
}

[direction=rtl] [direction=rtl] [data-is=screenshots] .selection-box {
    left: auto;
    right: 175.14px
}

@media only screen and (min-width: 20.0625em) {
    [direction=rtl] [data-is=screenshots] .selection-box {
        top: 68.0px;
        left: 278.0px
    }

    [direction=rtl] [direction=rtl] [data-is=screenshots] .selection-box {
        left: auto;
        right: 278.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [direction=rtl] [data-is=screenshots] .selection-box {
        top: 81.6px;
        left: 333.6px
    }

    [direction=rtl] [direction=rtl] [data-is=screenshots] .selection-box {
        left: auto;
        right: 333.6px
    }
}

@media only screen and (min-width: 90em) {
    [direction=rtl] [data-is=screenshots] .selection-box {
        top: 102px;
        left: 417px
    }

    [direction=rtl] [direction=rtl] [data-is=screenshots] .selection-box {
        left: auto;
        right: 417px
    }
}

[data-is=screenshots] .selection-handle {
    border-radius: 50%;
    border: 2px solid white;
    width: 10px;
    height: 10px;
    overflow: hidden;
    background-color: grey
}

[data-is=screenshots] .selection-handle.nw {
    top: -3.5%;
    right: -2.5%
}

[data-is=screenshots] .selection-handle.n {
    top: -4%;
    left: 50%;
    transform: translateX(-50%)
}

[data-is=screenshots] .selection-handle.ne {
    top: -3.5%;
    left: -2.5%
}

[data-is=screenshots] .selection-handle.s {
    bottom: -3.5%;
    left: 50%;
    transform: translateX(-50%)
}

[data-is=screenshots] .selection-handle.se {
    bottom: -3.5%;
    right: -2.5%
}

[data-is=screenshots] .selection-handle.sw {
    bottom: -3.5%;
    left: -2.5%
}

[data-is=screenshots] .selection-handle.e {
    right: -2.5%;
    top: 50%;
    transform: translateY(-50%)
}

[data-is=screenshots] .selection-handle.w {
    left: -2.5%;
    top: 50%;
    transform: translateY(-50%)
}

[data-is=screenshots] .preview {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: block;
    width: 250.32px;
    height: 143.22px;
    top: 42px;
    left: 74.34px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .preview {
        width: 397.33333px;
        height: 227.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .preview {
        width: 476.8px;
        height: 272.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .preview {
        width: 596px;
        height: 341px
    }
}

[direction=rtl] [data-is=screenshots] .preview {
    left: auto;
    right: 74.34px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .preview {
        top: 66.66667px;
        left: 118.0px
    }

    [direction=rtl] [data-is=screenshots] .preview {
        left: auto;
        right: 118.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .preview {
        top: 80px;
        left: 141.6px
    }

    [direction=rtl] [data-is=screenshots] .preview {
        left: auto;
        right: 141.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .preview {
        top: 100px;
        left: 177px
    }

    [direction=rtl] [data-is=screenshots] .preview {
        left: auto;
        right: 177px
    }
}

[data-is=screenshots] .preview-share {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: block;
    width: 57.75px;
    height: 62.58px;
    top: 44.1px;
    left: 301.14px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .preview-share {
        width: 91.66667px;
        height: 99.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .preview-share {
        width: 110px;
        height: 119.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .preview-share {
        width: 137.5px;
        height: 149px
    }
}

[direction=rtl] [data-is=screenshots] .preview-share {
    left: auto;
    right: 301.14px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .preview-share {
        top: 70.0px;
        left: 478.0px
    }

    [direction=rtl] [data-is=screenshots] .preview-share {
        left: auto;
        right: 478.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .preview-share {
        top: 84px;
        left: 573.6px
    }

    [direction=rtl] [data-is=screenshots] .preview-share {
        left: auto;
        right: 573.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .preview-share {
        top: 105px;
        left: 717px
    }

    [direction=rtl] [data-is=screenshots] .preview-share {
        left: auto;
        right: 717px
    }
}

[direction=rtl] [data-is=screenshots] .preview-share {
    top: 44.52px;
    left: 42.42px
}

[direction=rtl] [direction=rtl] [data-is=screenshots] .preview-share {
    left: auto;
    right: 42.42px
}

@media only screen and (min-width: 20.0625em) {
    [direction=rtl] [data-is=screenshots] .preview-share {
        top: 70.66667px;
        left: 67.33333px
    }

    [direction=rtl] [direction=rtl] [data-is=screenshots] .preview-share {
        left: auto;
        right: 67.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [direction=rtl] [data-is=screenshots] .preview-share {
        top: 84.8px;
        left: 80.8px
    }

    [direction=rtl] [direction=rtl] [data-is=screenshots] .preview-share {
        left: auto;
        right: 80.8px
    }
}

@media only screen and (min-width: 90em) {
    [direction=rtl] [data-is=screenshots] .preview-share {
        top: 106px;
        left: 101px
    }

    [direction=rtl] [direction=rtl] [data-is=screenshots] .preview-share {
        left: auto;
        right: 101px
    }
}

[lang=ca] [data-is=screenshots] .preview-share, [lang=fr-ca] [data-is=screenshots] .preview-share, [lang=fr] [data-is=screenshots] .preview-share, [lang=no] [data-is=screenshots] .preview-share, [lang=sv] [data-is=screenshots] .preview-share {
    display: block;
    width: 63px;
    height: 63px
}

@media only screen and (min-width: 20.0625em) {
    [lang=ca] [data-is=screenshots] .preview-share, [lang=fr-ca] [data-is=screenshots] .preview-share, [lang=fr] [data-is=screenshots] .preview-share, [lang=no] [data-is=screenshots] .preview-share, [lang=sv] [data-is=screenshots] .preview-share {
        width: 100.0px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=ca] [data-is=screenshots] .preview-share, [lang=fr-ca] [data-is=screenshots] .preview-share, [lang=fr] [data-is=screenshots] .preview-share, [lang=no] [data-is=screenshots] .preview-share, [lang=sv] [data-is=screenshots] .preview-share {
        width: 120px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [lang=ca] [data-is=screenshots] .preview-share, [lang=fr-ca] [data-is=screenshots] .preview-share, [lang=fr] [data-is=screenshots] .preview-share, [lang=no] [data-is=screenshots] .preview-share, [lang=sv] [data-is=screenshots] .preview-share {
        width: 150px;
        height: 150px
    }
}

[lang=cs] [data-is=screenshots] .preview-share, [lang=da] [data-is=screenshots] .preview-share, [lang=es-419] [data-is=screenshots] .preview-share, [lang=it] [data-is=screenshots] .preview-share, [lang=pl] [data-is=screenshots] .preview-share {
    display: block;
    width: 60.48px;
    height: 63px
}

@media only screen and (min-width: 20.0625em) {
    [lang=cs] [data-is=screenshots] .preview-share, [lang=da] [data-is=screenshots] .preview-share, [lang=es-419] [data-is=screenshots] .preview-share, [lang=it] [data-is=screenshots] .preview-share, [lang=pl] [data-is=screenshots] .preview-share {
        width: 96.0px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=cs] [data-is=screenshots] .preview-share, [lang=da] [data-is=screenshots] .preview-share, [lang=es-419] [data-is=screenshots] .preview-share, [lang=it] [data-is=screenshots] .preview-share, [lang=pl] [data-is=screenshots] .preview-share {
        width: 115.2px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [lang=cs] [data-is=screenshots] .preview-share, [lang=da] [data-is=screenshots] .preview-share, [lang=es-419] [data-is=screenshots] .preview-share, [lang=it] [data-is=screenshots] .preview-share, [lang=pl] [data-is=screenshots] .preview-share {
        width: 144px;
        height: 150px
    }
}

[lang=de] [data-is=screenshots] .preview-share {
    display: block;
    width: 70.56px;
    height: 63px
}

@media only screen and (min-width: 20.0625em) {
    [lang=de] [data-is=screenshots] .preview-share {
        width: 112.0px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=de] [data-is=screenshots] .preview-share {
        width: 134.4px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [lang=de] [data-is=screenshots] .preview-share {
        width: 168px;
        height: 150px
    }
}

[lang=el] [data-is=screenshots] .preview-share {
    display: block;
    width: 74.34px;
    height: 63px
}

@media only screen and (min-width: 20.0625em) {
    [lang=el] [data-is=screenshots] .preview-share {
        width: 118.0px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=el] [data-is=screenshots] .preview-share {
        width: 141.6px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [lang=el] [data-is=screenshots] .preview-share {
        width: 177px;
        height: 150px
    }
}

[lang=es] [data-is=screenshots] .preview-share, [lang=hr] [data-is=screenshots] .preview-share {
    display: block;
    width: 59.22px;
    height: 63px
}

@media only screen and (min-width: 20.0625em) {
    [lang=es] [data-is=screenshots] .preview-share, [lang=hr] [data-is=screenshots] .preview-share {
        width: 94.0px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=es] [data-is=screenshots] .preview-share, [lang=hr] [data-is=screenshots] .preview-share {
        width: 112.8px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [lang=es] [data-is=screenshots] .preview-share, [lang=hr] [data-is=screenshots] .preview-share {
        width: 141px;
        height: 150px
    }
}

[lang=fi] [data-is=screenshots] .preview-share {
    display: block;
    width: 57.96px;
    height: 63px
}

@media only screen and (min-width: 20.0625em) {
    [lang=fi] [data-is=screenshots] .preview-share {
        width: 92.0px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=fi] [data-is=screenshots] .preview-share {
        width: 110.4px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [lang=fi] [data-is=screenshots] .preview-share {
        width: 138px;
        height: 150px
    }
}

[lang=hi] [data-is=screenshots] .preview-share {
    display: block;
    width: 51.66px;
    height: 63px
}

@media only screen and (min-width: 20.0625em) {
    [lang=hi] [data-is=screenshots] .preview-share {
        width: 82.0px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=hi] [data-is=screenshots] .preview-share {
        width: 98.4px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [lang=hi] [data-is=screenshots] .preview-share {
        width: 123px;
        height: 150px
    }
}

[lang=hu] [data-is=screenshots] .preview-share, [lang=id] [data-is=screenshots] .preview-share {
    display: block;
    width: 68.04px;
    height: 63px
}

@media only screen and (min-width: 20.0625em) {
    [lang=hu] [data-is=screenshots] .preview-share, [lang=id] [data-is=screenshots] .preview-share {
        width: 108.0px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=hu] [data-is=screenshots] .preview-share, [lang=id] [data-is=screenshots] .preview-share {
        width: 129.6px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [lang=hu] [data-is=screenshots] .preview-share, [lang=id] [data-is=screenshots] .preview-share {
        width: 162px;
        height: 150px
    }
}

[lang=ja] [data-is=screenshots] .preview-share, [lang=ko] [data-is=screenshots] .preview-share, [lang=zh-tw] [data-is=screenshots] .preview-share {
    display: block;
    width: 54.18px;
    height: 63px
}

@media only screen and (min-width: 20.0625em) {
    [lang=ja] [data-is=screenshots] .preview-share, [lang=ko] [data-is=screenshots] .preview-share, [lang=zh-tw] [data-is=screenshots] .preview-share {
        width: 86.0px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=ja] [data-is=screenshots] .preview-share, [lang=ko] [data-is=screenshots] .preview-share, [lang=zh-tw] [data-is=screenshots] .preview-share {
        width: 103.2px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [lang=ja] [data-is=screenshots] .preview-share, [lang=ko] [data-is=screenshots] .preview-share, [lang=zh-tw] [data-is=screenshots] .preview-share {
        width: 129px;
        height: 150px
    }
}

[lang=ms] [data-is=screenshots] .preview-share {
    display: block;
    width: 61.74px;
    height: 63px
}

@media only screen and (min-width: 20.0625em) {
    [lang=ms] [data-is=screenshots] .preview-share {
        width: 98.0px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=ms] [data-is=screenshots] .preview-share {
        width: 117.6px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [lang=ms] [data-is=screenshots] .preview-share {
        width: 147px;
        height: 150px
    }
}

[lang=nl] [data-is=screenshots] .preview-share {
    display: block;
    width: 68.46px;
    height: 63px
}

@media only screen and (min-width: 20.0625em) {
    [lang=nl] [data-is=screenshots] .preview-share {
        width: 108.66667px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=nl] [data-is=screenshots] .preview-share {
        width: 130.4px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [lang=nl] [data-is=screenshots] .preview-share {
        width: 163px;
        height: 150px
    }
}

[lang=pt-pt] [data-is=screenshots] .preview-share {
    display: block;
    width: 65.52px;
    height: 63px
}

@media only screen and (min-width: 20.0625em) {
    [lang=pt-pt] [data-is=screenshots] .preview-share {
        width: 104.0px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=pt-pt] [data-is=screenshots] .preview-share {
        width: 124.8px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [lang=pt-pt] [data-is=screenshots] .preview-share {
        width: 156px;
        height: 150px
    }
}

[lang=pt-br] [data-is=screenshots] .preview-share {
    display: block;
    width: 66.78px;
    height: 63px
}

@media only screen and (min-width: 20.0625em) {
    [lang=pt-br] [data-is=screenshots] .preview-share {
        width: 106.0px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=pt-br] [data-is=screenshots] .preview-share {
        width: 127.2px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [lang=pt-br] [data-is=screenshots] .preview-share {
        width: 159px;
        height: 150px
    }
}

[lang=ro] [data-is=screenshots] .preview-share {
    display: block;
    width: 60.48px;
    height: 63px
}

@media only screen and (min-width: 20.0625em) {
    [lang=ro] [data-is=screenshots] .preview-share {
        width: 96.0px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=ro] [data-is=screenshots] .preview-share {
        width: 115.2px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [lang=ro] [data-is=screenshots] .preview-share {
        width: 144px;
        height: 150px
    }
}

[lang=ru] [data-is=screenshots] .preview-share, [lang=th] [data-is=screenshots] .preview-share, [lang=tr] [data-is=screenshots] .preview-share {
    display: block;
    width: 64.26px;
    height: 63px
}

@media only screen and (min-width: 20.0625em) {
    [lang=ru] [data-is=screenshots] .preview-share, [lang=th] [data-is=screenshots] .preview-share, [lang=tr] [data-is=screenshots] .preview-share {
        width: 102.0px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=ru] [data-is=screenshots] .preview-share, [lang=th] [data-is=screenshots] .preview-share, [lang=tr] [data-is=screenshots] .preview-share {
        width: 122.4px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [lang=ru] [data-is=screenshots] .preview-share, [lang=th] [data-is=screenshots] .preview-share, [lang=tr] [data-is=screenshots] .preview-share {
        width: 153px;
        height: 150px
    }
}

[lang=sk] [data-is=screenshots] .preview-share {
    display: block;
    width: 61.74px;
    height: 63px
}

@media only screen and (min-width: 20.0625em) {
    [lang=sk] [data-is=screenshots] .preview-share {
        width: 98.0px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=sk] [data-is=screenshots] .preview-share {
        width: 117.6px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [lang=sk] [data-is=screenshots] .preview-share {
        width: 147px;
        height: 150px
    }
}

[lang=uk] [data-is=screenshots] .preview-share {
    display: block;
    width: 84.42px;
    height: 63px
}

@media only screen and (min-width: 20.0625em) {
    [lang=uk] [data-is=screenshots] .preview-share {
        width: 134.0px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=uk] [data-is=screenshots] .preview-share {
        width: 160.8px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [lang=uk] [data-is=screenshots] .preview-share {
        width: 201px;
        height: 150px
    }
}

[lang=zh-cn] [data-is=screenshots] .preview-share {
    display: block;
    width: 55.86px;
    height: 63px
}

@media only screen and (min-width: 20.0625em) {
    [lang=zh-cn] [data-is=screenshots] .preview-share {
        width: 88.66667px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=zh-cn] [data-is=screenshots] .preview-share {
        width: 106.4px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [lang=zh-cn] [data-is=screenshots] .preview-share {
        width: 133px;
        height: 150px
    }
}

[data-is=screenshots] .active-dot {
    bottom: .84px;
    left: 72.24px;
    background: #8a92b5;
    border-radius: 2px;
    height: 2px;
    width: 2px;
    transform: scale(1.3)
}

[direction=rtl] [data-is=screenshots] .active-dot {
    left: auto;
    right: 72.24px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=screenshots] .active-dot {
        bottom: 1.33333px;
        left: 114.66667px
    }

    [direction=rtl] [data-is=screenshots] .active-dot {
        left: auto;
        right: 114.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=screenshots] .active-dot {
        bottom: 1.6px;
        left: 137.6px
    }

    [direction=rtl] [data-is=screenshots] .active-dot {
        left: auto;
        right: 137.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=screenshots] .active-dot {
        bottom: 2px;
        left: 172px
    }

    [direction=rtl] [data-is=screenshots] .active-dot {
        left: auto;
        right: 172px
    }
}

[data-is=screenshots].slide.active .hero-block:not(.active) .screenshot-ui, [data-is=screenshots].slide.active .hero-block:not(.active) .dark-overlay, [data-is=screenshots].slide.active .hero-block:not(.active) .safari-window-clipped, [data-is=screenshots].slide.active .hero-block:not(.active) .selection-box {
    animation: fade-in .5s 2.75s ease-in-out forwards, fade-out-from-in .5s 5.65s ease-in-out forwards
}

[data-is=screenshots].slide.active .hero-block:not(.active) .loupe {
    transform: scale(.8);
    animation: fade-in .5s 3.75s ease-in-out forwards, scale-in .5s 3.75s ease-in-out forwards, fade-out-from-in .5s 5.65s ease-in-out forwards
}

[data-is=screenshots].slide.active .hero-block:not(.active) .loupe-highlight {
    animation: fade-in .2s 4.75s ease-in-out forwards, fade-out-from-in .2s 4.95s ease-in-out forwards
}

[data-is=screenshots].slide.active .hero-block:not(.active) .thumbnail {
    animation: fade-in .5s 6.35s ease-in-out forwards
}

[data-is=screenshots].slide.active .hero-block.active .safari-window, [data-is=screenshots].slide.active .hero-block.active .active-dot, [data-is=screenshots].slide.active .hero-block.active .menu-bar {
    animation: fade-out .5s 1.25s ease-in-out forwards
}

[data-is=screenshots].slide.active .hero-block.active .thumbnail {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    animation: fade-out .1s 2.05s ease-in-out forwards
}

[data-is=screenshots].slide.active .hero-block.active .preview {
    transform: scale(.2) translate(347%, 340%);
    animation: fade-in .1s 2.05s ease-in-out forwards, scale-in .6s 2.05s ease-in-out forwards, slide-in .6s 2.05s ease-in-out forwards
}

[direction=rtl] [data-is=screenshots].slide.active .hero-block.active .preview {
    transform: scale(.2) translate(-347%, 340%)
}

[data-is=screenshots].slide.active .hero-block.active .preview-share {
    animation: fade-in .5s 3.15s ease-in-out forwards
}

[data-is=stocks] h2 {
    color: #63cd23
}

[data-is=stocks] .wrapper {
    position: absolute;
    left: 0;
    right: auto;
    top: 50%;
    bottom: auto;
    transform: translate(-5%, -37%)
}

[direction=rtl] [data-is=stocks] .wrapper {
    left: auto;
    right: 0;
    transform: translate(5%, -37%)
}

@media only screen and (min-width: 48.0625em) {
    [data-is=stocks] .wrapper {
        left: 5%;
        right: auto;
        top: 50%;
        bottom: auto;
        transform: translate(0, -50%)
    }

    [direction=rtl] [data-is=stocks] .wrapper {
        left: auto;
        right: 5%;
        transform: translate(0, -50%)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stocks] .wrapper {
        left: 7%;
        right: auto
    }

    [direction=rtl] [data-is=stocks] .wrapper {
        left: auto;
        right: 7%
    }
}

@media only screen and (min-width: 120em) {
    [data-is=stocks] .wrapper {
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%)
    }

    [direction=rtl] [data-is=stocks] .wrapper {
        left: auto;
        right: auto
    }
}

[data-is=stocks] .window {
    display: block;
    width: 364.14px;
    height: 280.98px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stocks] .window {
        width: 577.99999px;
        height: 446.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stocks] .window {
        width: 693.6px;
        height: 535.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stocks] .window {
        width: 867px;
        height: 669px
    }
}

[data-is=stocks] .stocks-mask, [data-is=stocks] .stocks-chart, [data-is=stocks] .stocks-grid {
    position: absolute
}

[data-is=stocks] .stocks-mask {
    overflow: hidden;
    display: block;
    width: 206.64px;
    height: 62.58px;
    top: 65.94px;
    left: 123.06px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stocks] .stocks-mask {
        width: 328.0px;
        height: 99.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stocks] .stocks-mask {
        width: 393.6px;
        height: 119.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stocks] .stocks-mask {
        width: 492px;
        height: 149px
    }
}

[direction=rtl] [data-is=stocks] .stocks-mask {
    left: auto;
    right: 123.06px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stocks] .stocks-mask {
        top: 104.66667px;
        left: 195.33333px
    }

    [direction=rtl] [data-is=stocks] .stocks-mask {
        left: auto;
        right: 195.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stocks] .stocks-mask {
        top: 125.6px;
        left: 234.4px
    }

    [direction=rtl] [data-is=stocks] .stocks-mask {
        left: auto;
        right: 234.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stocks] .stocks-mask {
        top: 157px;
        left: 293px
    }

    [direction=rtl] [data-is=stocks] .stocks-mask {
        left: auto;
        right: 293px
    }
}

[data-is=stocks] .stocks-grid {
    display: block;
    width: 206.64px;
    height: 63px;
    top: -.84px;
    left: 206.64px;
    transform: translateX(-100%)
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stocks] .stocks-grid {
        width: 328.0px;
        height: 100.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stocks] .stocks-grid {
        width: 393.6px;
        height: 120px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stocks] .stocks-grid {
        width: 492px;
        height: 150px
    }
}

[direction=rtl] [data-is=stocks] .stocks-grid {
    left: auto;
    right: 206.64px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stocks] .stocks-grid {
        top: -1.33333px;
        left: 328.0px
    }

    [direction=rtl] [data-is=stocks] .stocks-grid {
        left: auto;
        right: 328.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stocks] .stocks-grid {
        top: -1.6px;
        left: 393.6px
    }

    [direction=rtl] [data-is=stocks] .stocks-grid {
        left: auto;
        right: 393.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stocks] .stocks-grid {
        top: -2px;
        left: 492px
    }

    [direction=rtl] [data-is=stocks] .stocks-grid {
        left: auto;
        right: 492px
    }
}

[direction=rtl] [data-is=stocks] .stocks-grid {
    transform: translateX(100%)
}

[data-is=stocks].slide.active .stocks-grid {
    animation: slide-in-workaround 1.5s .6s ease-in forwards
}

[direction=rtl] [data-is=stocks].slide.active .stocks-grid {
    animation: slide-in-workaround-rtl 1.5s .6s ease-in forwards
}

@keyframes slide-in-workaround {
    0% {
        transform: translateX(-100%)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes slide-in-workaround-rtl {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translateX(0)
    }
}

[data-is=stacks] h2 {
    color: #7751dd
}

[data-is=stacks] .wrapper {
    position: absolute;
    left: auto;
    right: 0;
    top: 50%;
    bottom: auto;
    transform: translate(10%, -30%)
}

[direction=rtl] [data-is=stacks] .wrapper {
    left: 0;
    right: auto;
    transform: translate(-10%, -30%)
}

@media only screen and (min-width: 48.0625em) {
    [data-is=stacks] .wrapper {
        left: auto;
        right: 5%;
        top: 50%;
        bottom: auto;
        transform: translate(0, -50%)
    }

    [direction=rtl] [data-is=stacks] .wrapper {
        left: 5%;
        right: auto;
        transform: translate(0, -50%)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stacks] .wrapper {
        left: auto;
        right: 7%
    }

    [direction=rtl] [data-is=stacks] .wrapper {
        left: 7%;
        right: auto
    }
}

@media only screen and (min-width: 120em) {
    [data-is=stacks] .wrapper {
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%)
    }

    [direction=rtl] [data-is=stacks] .wrapper {
        left: auto;
        right: auto
    }
}

[data-is=stacks] .stack-document, [data-is=stacks] .screen, [data-is=stacks] .stacks, [data-is=stacks] .bydate-wrapper {
    position: absolute
}

[data-is=stacks] .screen {
    top: 18.9px;
    left: 61.74px;
    overflow: hidden
}

[direction=rtl] [data-is=stacks] .screen {
    left: auto;
    right: 61.74px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stacks] .screen {
        top: 30.0px;
        left: 98.0px
    }

    [direction=rtl] [data-is=stacks] .screen {
        left: auto;
        right: 98.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stacks] .screen {
        top: 36px;
        left: 117.6px
    }

    [direction=rtl] [data-is=stacks] .screen {
        left: auto;
        right: 117.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stacks] .screen {
        top: 45px;
        left: 147px
    }

    [direction=rtl] [data-is=stacks] .screen {
        left: auto;
        right: 147px
    }
}

[data-is=stacks] .hardware {
    display: block;
    width: 524.16px;
    height: 311.22px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stacks] .hardware {
        width: 831.99999px;
        height: 494.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stacks] .hardware {
        width: 998.4px;
        height: 592.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stacks] .hardware {
        width: 1248px;
        height: 741px
    }
}

[data-is=stacks] .wallpaper {
    display: block;
    width: 400.68px;
    height: 250.74px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stacks] .wallpaper {
        width: 635.99999px;
        height: 398.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stacks] .wallpaper {
        width: 763.2px;
        height: 477.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stacks] .wallpaper {
        width: 954px;
        height: 597px
    }
}

[data-is=stacks] .chairs {
    transform: translate(-399%, 54%)
}

[direction=rtl] [data-is=stacks] .chairs {
    transform: translate(399%, 54%)
}

[data-is=stacks] .jewlery {
    transform: translate(-323%, 108%)
}

[direction=rtl] [data-is=stacks] .jewlery {
    transform: translate(323%, 108%)
}

[data-is=stacks] .bikes {
    transform: translate(-90%, 290%)
}

[direction=rtl] [data-is=stacks] .bikes {
    transform: translate(90%, 290%)
}

[data-is=stacks] .origami {
    transform: translate(-340%, 550%)
}

[direction=rtl] [data-is=stacks] .origami {
    transform: translate(340%, 550%)
}

[data-is=stacks] .tea {
    transform: translate(-550%, 260%)
}

[direction=rtl] [data-is=stacks] .tea {
    transform: translate(550%, 260%)
}

[data-is=stacks] .farms {
    transform: translate(-534%, 110%)
}

[direction=rtl] [data-is=stacks] .farms {
    transform: translate(534%, 110%)
}

[data-is=stacks] .garden {
    transform: translate(-300%, -219%)
}

[direction=rtl] [data-is=stacks] .garden {
    transform: translate(300%, -219%)
}

[data-is=stacks] .tailors {
    transform: translate(-480%, 233%)
}

[direction=rtl] [data-is=stacks] .tailors {
    transform: translate(480%, 233%)
}

[data-is=stacks] .trails {
    transform: translate(-160%, -200%)
}

[direction=rtl] [data-is=stacks] .trails {
    transform: translate(160%, -200%)
}

[data-is=stacks] .atmosphere {
    transform: translate(-270%, 100%)
}

[direction=rtl] [data-is=stacks] .atmosphere {
    transform: translate(270%, 100%)
}

[data-is=stacks] .coast {
    transform: translate(-80%, 438%)
}

[direction=rtl] [data-is=stacks] .coast {
    transform: translate(80%, 438%)
}

[data-is=stacks] .opera {
    transform: translate(-170%, 133%)
}

[direction=rtl] [data-is=stacks] .opera {
    transform: translate(170%, 133%)
}

[data-is=stacks] .galapagos {
    transform: translate(-442%, 202%)
}

[direction=rtl] [data-is=stacks] .galapagos {
    transform: translate(442%, 202%)
}

[data-is=stacks] .skateboards {
    transform: translate(-267%, 330%)
}

[direction=rtl] [data-is=stacks] .skateboards {
    transform: translate(267%, 330%)
}

[data-is=stacks] .iceland {
    transform: translate(-330%, 230%)
}

[direction=rtl] [data-is=stacks] .iceland {
    transform: translate(330%, 230%)
}

[data-is=stacks] .lisbon-toss {
    transform: translate(-220%, -200%)
}

[direction=rtl] [data-is=stacks] .lisbon-toss {
    transform: translate(220%, -200%)
}

[data-is=stacks] .lisbon-stand {
    transform: translate(-470%, -300%)
}

[direction=rtl] [data-is=stacks] .lisbon-stand {
    transform: translate(470%, -300%)
}

[data-is=stacks] .lisbon-flip {
    transform: translate(-360%, -62%)
}

[direction=rtl] [data-is=stacks] .lisbon-flip {
    transform: translate(360%, -62%)
}

[data-is=stacks] .lisbon-hike {
    transform: translate(-460%, -150%)
}

[direction=rtl] [data-is=stacks] .lisbon-hike {
    transform: translate(460%, -150%)
}

[data-is=stacks] .lisbon-shadow {
    transform: translate(-100%, -180%)
}

[direction=rtl] [data-is=stacks] .lisbon-shadow {
    transform: translate(100%, -180%)
}

[data-is=stacks] .lisbon-fruit {
    transform: translate(-250%, 30%)
}

[direction=rtl] [data-is=stacks] .lisbon-fruit {
    transform: translate(250%, 30%)
}

[data-is=stacks] .lisbon-tree {
    transform: translate(-178%, 180%)
}

[direction=rtl] [data-is=stacks] .lisbon-tree {
    transform: translate(178%, 180%)
}

[data-is=stacks] .lisbon-sprig {
    transform: translate(-141%, 91%)
}

[direction=rtl] [data-is=stacks] .lisbon-sprig {
    transform: translate(141%, 91%)
}

[data-is=stacks] .stack-document {
    display: block;
    width: 37.8px;
    height: 30.45px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stacks] .stack-document {
        width: 60.0px;
        height: 48.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stacks] .stack-document {
        width: 72px;
        height: 58px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stacks] .stack-document {
        width: 90px;
        height: 72.5px
    }
}

[data-is=stacks] .stack-document.document {
    top: 12.6px;
    right: .21px
}

[direction=rtl] [data-is=stacks] .stack-document.document {
    right: auto;
    left: .21px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stacks] .stack-document.document {
        top: 20.0px;
        right: .33333px
    }

    [direction=rtl] [data-is=stacks] .stack-document.document {
        right: auto;
        left: .33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stacks] .stack-document.document {
        top: 24px;
        right: .4px
    }

    [direction=rtl] [data-is=stacks] .stack-document.document {
        right: auto;
        left: .4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stacks] .stack-document.document {
        top: 30px;
        right: .5px
    }

    [direction=rtl] [data-is=stacks] .stack-document.document {
        right: auto;
        left: .5px
    }
}

[data-is=stacks] .stack-document.presentation {
    top: 43.26px;
    right: 0
}

[direction=rtl] [data-is=stacks] .stack-document.presentation {
    right: auto;
    left: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stacks] .stack-document.presentation {
        top: 68.66667px;
        right: 0
    }

    [direction=rtl] [data-is=stacks] .stack-document.presentation {
        right: auto;
        left: 0
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stacks] .stack-document.presentation {
        top: 82.4px;
        right: 0
    }

    [direction=rtl] [data-is=stacks] .stack-document.presentation {
        right: auto;
        left: 0
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stacks] .stack-document.presentation {
        top: 103px;
        right: 0
    }

    [direction=rtl] [data-is=stacks] .stack-document.presentation {
        right: auto;
        left: 0
    }
}

[data-is=stacks] .stack-document.spreadsheet {
    top: 74.34px;
    right: 0
}

[direction=rtl] [data-is=stacks] .stack-document.spreadsheet {
    right: auto;
    left: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stacks] .stack-document.spreadsheet {
        top: 118.0px;
        right: 0
    }

    [direction=rtl] [data-is=stacks] .stack-document.spreadsheet {
        right: auto;
        left: 0
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stacks] .stack-document.spreadsheet {
        top: 141.6px;
        right: 0
    }

    [direction=rtl] [data-is=stacks] .stack-document.spreadsheet {
        right: auto;
        left: 0
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stacks] .stack-document.spreadsheet {
        top: 177px;
        right: 0
    }

    [direction=rtl] [data-is=stacks] .stack-document.spreadsheet {
        right: auto;
        left: 0
    }
}

[data-is=stacks] .stack-document.photo {
    top: 105px;
    right: 0
}

[direction=rtl] [data-is=stacks] .stack-document.photo {
    right: auto;
    left: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stacks] .stack-document.photo {
        top: 166.66666px;
        right: 0
    }

    [direction=rtl] [data-is=stacks] .stack-document.photo {
        right: auto;
        left: 0
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stacks] .stack-document.photo {
        top: 200px;
        right: 0
    }

    [direction=rtl] [data-is=stacks] .stack-document.photo {
        right: auto;
        left: 0
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stacks] .stack-document.photo {
        top: 250px;
        right: 0
    }

    [direction=rtl] [data-is=stacks] .stack-document.photo {
        right: auto;
        left: 0
    }
}

[data-is=stacks] .stacks {
    display: block;
    width: 29.61px;
    height: 120.12px;
    top: 13.44px;
    right: 4.2px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stacks] .stacks {
        width: 47.0px;
        height: 190.66666px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stacks] .stacks {
        width: 56.4px;
        height: 228.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stacks] .stacks {
        width: 70.5px;
        height: 286px
    }
}

[direction=rtl] [data-is=stacks] .stacks {
    right: auto;
    left: 4.2px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stacks] .stacks {
        top: 21.33333px;
        right: 6.66667px
    }

    [direction=rtl] [data-is=stacks] .stacks {
        right: auto;
        left: 6.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stacks] .stacks {
        top: 25.6px;
        right: 8px
    }

    [direction=rtl] [data-is=stacks] .stacks {
        right: auto;
        left: 8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stacks] .stacks {
        top: 32px;
        right: 10px
    }

    [direction=rtl] [data-is=stacks] .stacks {
        right: auto;
        left: 10px
    }
}

[data-is=stacks] .stacks.bytype {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

[data-is=stacks] .bydate-wrapper {
    top: 11.76px;
    right: 1.26px
}

[direction=rtl] [data-is=stacks] .bydate-wrapper {
    right: auto;
    left: 1.26px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stacks] .bydate-wrapper {
        top: 18.66667px;
        right: 2.0px
    }

    [direction=rtl] [data-is=stacks] .bydate-wrapper {
        right: auto;
        left: 2.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stacks] .bydate-wrapper {
        top: 22.4px;
        right: 2.4px
    }

    [direction=rtl] [data-is=stacks] .bydate-wrapper {
        right: auto;
        left: 2.4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stacks] .bydate-wrapper {
        top: 28px;
        right: 3px
    }

    [direction=rtl] [data-is=stacks] .bydate-wrapper {
        right: auto;
        left: 3px
    }
}

[data-is=stacks] .bydate-thumb {
    clear: right;
    float: right
}

[data-is=stacks] .this-year {
    display: block;
    width: 35.28px;
    height: 30.24px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stacks] .this-year {
        width: 56.0px;
        height: 48.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stacks] .this-year {
        width: 67.2px;
        height: 57.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stacks] .this-year {
        width: 84px;
        height: 72px
    }
}

[data-is=stacks] .may {
    display: block;
    width: 35.28px;
    height: 30.24px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stacks] .may {
        width: 56.0px;
        height: 48.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stacks] .may {
        width: 67.2px;
        height: 57.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stacks] .may {
        width: 84px;
        height: 72px
    }
}

[data-is=stacks] .previous-seven {
    display: block;
    width: 35.28px;
    height: 30.03px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stacks] .previous-seven {
        width: 56.0px;
        height: 47.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stacks] .previous-seven {
        width: 67.2px;
        height: 57.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stacks] .previous-seven {
        width: 84px;
        height: 71.5px
    }
}

[data-is=stacks] .previous-thirty {
    display: block;
    width: 35.28px;
    height: 30.45px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stacks] .previous-thirty {
        width: 56.0px;
        height: 48.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stacks] .previous-thirty {
        width: 67.2px;
        height: 58px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stacks] .previous-thirty {
        width: 84px;
        height: 72.5px
    }
}

[data-is=stacks] .today {
    display: block;
    width: 35.28px;
    height: 30.24px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stacks] .today {
        width: 56.0px;
        height: 48.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stacks] .today {
        width: 67.2px;
        height: 57.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stacks] .today {
        width: 84px;
        height: 72px
    }
}

[data-is=stacks] .yesterday {
    display: block;
    width: 35.28px;
    height: 30.24px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=stacks] .yesterday {
        width: 56.0px;
        height: 48.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=stacks] .yesterday {
        width: 67.2px;
        height: 57.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=stacks] .yesterday {
        width: 84px;
        height: 72px
    }
}

[data-is=stacks] .bydate-thumb {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: scale(0)
}

[data-is=stacks].slide.active .hero-block:not(.active) .stack-document {
    animation: slide-in .75s 2.75s ease-in-out forwards, fade-out .15s 3.35s ease-in-out forwards
}

[data-is=stacks].slide.active .hero-block:not(.active) .stacks.bytype {
    animation: fade-in .2s 3.35s ease-in-out forwards
}

[data-is=stacks].slide.active .hero-block.active .stack-document {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

[data-is=stacks].slide.active .hero-block.active .stacks.bytype {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    animation: fade-out-from-in .3s 1.25s ease-in-out forwards
}

[data-is=stacks].slide.active .hero-block.active .this-year {
    animation: fade-in .2s 1.8s ease-in-out forwards, scale-in .2s 1.8s ease-in-out forwards
}

[data-is=stacks].slide.active .hero-block.active .may {
    animation: fade-in .2s 1.75s ease-in-out forwards, scale-in .2s 1.75s ease-in-out forwards
}

[data-is=stacks].slide.active .hero-block.active .previous-seven {
    animation: fade-in .2s 1.65s ease-in-out forwards, scale-in .2s 1.65s ease-in-out forwards
}

[data-is=stacks].slide.active .hero-block.active .previous-thirty {
    animation: fade-in .2s 1.7s ease-in-out forwards, scale-in .2s 1.7s ease-in-out forwards
}

[data-is=stacks].slide.active .hero-block.active .today {
    animation: fade-in .2s 1.55s ease-in-out forwards, scale-in .2s 1.55s ease-in-out forwards
}

[data-is=stacks].slide.active .hero-block.active .yesterday {
    animation: fade-in .2s 1.6s ease-in-out forwards, scale-in .2s 1.6s ease-in-out forwards
}

[data-is=voice-memos] h2 {
    color: #ff2e55
}

[data-is=voice-memos] .window-edit, [data-is=voice-memos] .loupe, [data-is=voice-memos] .button-active {
    position: absolute
}

[data-is=voice-memos] .wrapper {
    position: absolute;
    left: 0;
    right: auto;
    top: 50%;
    bottom: auto;
    transform: translate(-5%, -57%)
}

[direction=rtl] [data-is=voice-memos] .wrapper {
    left: auto;
    right: 0;
    transform: translate(5%, -57%)
}

@media only screen and (min-width: 48.0625em) {
    [data-is=voice-memos] .wrapper {
        left: 5%;
        right: auto;
        top: 50%;
        bottom: auto;
        transform: translate(0, -50%)
    }

    [direction=rtl] [data-is=voice-memos] .wrapper {
        left: auto;
        right: 5%;
        transform: translate(0, -50%)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=voice-memos] .wrapper {
        left: 7%;
        right: auto
    }

    [direction=rtl] [data-is=voice-memos] .wrapper {
        left: auto;
        right: 7%
    }
}

@media only screen and (min-width: 120em) {
    [data-is=voice-memos] .wrapper {
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%)
    }

    [direction=rtl] [data-is=voice-memos] .wrapper {
        left: auto;
        right: auto
    }
}

[data-is=voice-memos] .window {
    display: block;
    width: 364.14px;
    height: 282.24px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=voice-memos] .window {
        width: 577.99999px;
        height: 448.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=voice-memos] .window {
        width: 693.6px;
        height: 537.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=voice-memos] .window {
        width: 867px;
        height: 672px
    }
}

[data-is=voice-memos] .window-edit {
    display: block;
    width: 364.14px;
    height: 282.24px;
    top: 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media only screen and (min-width: 20.0625em) {
    [data-is=voice-memos] .window-edit {
        width: 577.99999px;
        height: 448.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=voice-memos] .window-edit {
        width: 693.6px;
        height: 537.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=voice-memos] .window-edit {
        width: 867px;
        height: 672px
    }
}

[direction=rtl] [data-is=voice-memos] .window-edit {
    left: auto;
    right: 0
}

@media only screen and (min-width: 20.0625em) {
    [data-is=voice-memos] .window-edit {
        top: 0;
        left: 0
    }

    [direction=rtl] [data-is=voice-memos] .window-edit {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=voice-memos] .window-edit {
        top: 0;
        left: 0
    }

    [direction=rtl] [data-is=voice-memos] .window-edit {
        left: auto;
        right: 0
    }
}

@media only screen and (min-width: 90em) {
    [data-is=voice-memos] .window-edit {
        top: 0;
        left: 0
    }

    [direction=rtl] [data-is=voice-memos] .window-edit {
        left: auto;
        right: 0
    }
}

[data-is=voice-memos] .loupe {
    display: block;
    width: 78.12px;
    height: 78.12px;
    top: -24.36px;
    right: 7.14px;
    transform: scale(.8);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    box-shadow: 0 4px 10px -1px rgba(0, 0, 0, .3);
    border-radius: 50%;
    overflow: hidden
}

@media only screen and (min-width: 20.0625em) {
    [data-is=voice-memos] .loupe {
        width: 124.0px;
        height: 124.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=voice-memos] .loupe {
        width: 148.8px;
        height: 148.8px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=voice-memos] .loupe {
        width: 186px;
        height: 186px
    }
}

[direction=rtl] [data-is=voice-memos] .loupe {
    right: auto;
    left: 7.14px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=voice-memos] .loupe {
        top: -38.66667px;
        right: 11.33333px
    }

    [direction=rtl] [data-is=voice-memos] .loupe {
        right: auto;
        left: 11.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=voice-memos] .loupe {
        top: -46.4px;
        right: 13.6px
    }

    [direction=rtl] [data-is=voice-memos] .loupe {
        right: auto;
        left: 13.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=voice-memos] .loupe {
        top: -58px;
        right: 17px
    }

    [direction=rtl] [data-is=voice-memos] .loupe {
        right: auto;
        left: 17px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=voice-memos] .loupe {
        box-shadow: 0 6px 16px -2px rgba(0, 0, 0, .3)
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=voice-memos] .loupe {
        box-shadow: 0 8px 20px -2px rgba(0, 0, 0, .3)
    }
}

@media only screen and (min-width: 90em) {
    [data-is=voice-memos] .loupe {
        box-shadow: 0 10px 25px -2px rgba(0, 0, 0, .3)
    }
}

[data-is=voice-memos] .button-active {
    display: block;
    width: 24.36px;
    height: 14.28px;
    border-radius: 2.1px;
    top: 7.98px;
    right: 34.44px;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@media only screen and (min-width: 20.0625em) {
    [data-is=voice-memos] .button-active {
        width: 38.66667px;
        height: 22.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=voice-memos] .button-active {
        width: 46.4px;
        height: 27.2px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=voice-memos] .button-active {
        width: 58px;
        height: 34px
    }
}

@media only screen and (min-width: 20.0625em) {
    [data-is=voice-memos] .button-active {
        border-radius: 3.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=voice-memos] .button-active {
        border-radius: 4px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=voice-memos] .button-active {
        border-radius: 5px
    }
}

[direction=rtl] [data-is=voice-memos] .button-active {
    right: auto;
    left: 34.44px
}

@media only screen and (min-width: 20.0625em) {
    [data-is=voice-memos] .button-active {
        top: 12.66667px;
        right: 54.66667px
    }

    [direction=rtl] [data-is=voice-memos] .button-active {
        right: auto;
        left: 54.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [data-is=voice-memos] .button-active {
        top: 15.2px;
        right: 65.6px
    }

    [direction=rtl] [data-is=voice-memos] .button-active {
        right: auto;
        left: 65.6px
    }
}

@media only screen and (min-width: 90em) {
    [data-is=voice-memos] .button-active {
        top: 19px;
        right: 82px
    }

    [direction=rtl] [data-is=voice-memos] .button-active {
        right: auto;
        left: 82px
    }
}

[direction=rtl] [data-is=voice-memos] .button-active {
    top: 7.98px;
    left: 35.28px;
    display: block;
    width: 27.72px;
    height: 14.07px
}

[direction=rtl] [direction=rtl] [data-is=voice-memos] .button-active {
    left: auto;
    right: 35.28px
}

@media only screen and (min-width: 20.0625em) {
    [direction=rtl] [data-is=voice-memos] .button-active {
        top: 12.66667px;
        left: 56.0px
    }

    [direction=rtl] [direction=rtl] [data-is=voice-memos] .button-active {
        left: auto;
        right: 56.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [direction=rtl] [data-is=voice-memos] .button-active {
        top: 15.2px;
        left: 67.2px
    }

    [direction=rtl] [direction=rtl] [data-is=voice-memos] .button-active {
        left: auto;
        right: 67.2px
    }
}

@media only screen and (min-width: 90em) {
    [direction=rtl] [data-is=voice-memos] .button-active {
        top: 19px;
        left: 84px
    }

    [direction=rtl] [direction=rtl] [data-is=voice-memos] .button-active {
        left: auto;
        right: 84px
    }
}

@media only screen and (min-width: 20.0625em) {
    [direction=rtl] [data-is=voice-memos] .button-active {
        width: 44.0px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [direction=rtl] [data-is=voice-memos] .button-active {
        width: 52.8px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [direction=rtl] [data-is=voice-memos] .button-active {
        width: 66px;
        height: 33.5px
    }
}

[lang=he] [data-is=voice-memos] .button-active {
    display: block;
    width: 28.56px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=he] [data-is=voice-memos] .button-active {
        width: 45.33333px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=he] [data-is=voice-memos] .button-active {
        width: 54.4px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=he] [data-is=voice-memos] .button-active {
        width: 68px;
        height: 33.5px
    }
}

[lang=th] [data-is=voice-memos] .button-active {
    display: block;
    width: 26.88px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=th] [data-is=voice-memos] .button-active {
        width: 42.66667px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=th] [data-is=voice-memos] .button-active {
        width: 51.2px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=th] [data-is=voice-memos] .button-active {
        width: 64px;
        height: 33.5px
    }
}

[lang=ca] [data-is=voice-memos] .button-active, [lang=es] [data-is=voice-memos] .button-active, [lang=es-419] [data-is=voice-memos] .button-active {
    display: block;
    width: 31.08px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=ca] [data-is=voice-memos] .button-active, [lang=es] [data-is=voice-memos] .button-active, [lang=es-419] [data-is=voice-memos] .button-active {
        width: 49.33333px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=ca] [data-is=voice-memos] .button-active, [lang=es] [data-is=voice-memos] .button-active, [lang=es-419] [data-is=voice-memos] .button-active {
        width: 59.2px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=ca] [data-is=voice-memos] .button-active, [lang=es] [data-is=voice-memos] .button-active, [lang=es-419] [data-is=voice-memos] .button-active {
        width: 74px;
        height: 33.5px
    }
}

[lang=cs] [data-is=voice-memos] .button-active {
    display: block;
    width: 36.54px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=cs] [data-is=voice-memos] .button-active {
        width: 58.0px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=cs] [data-is=voice-memos] .button-active {
        width: 69.6px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=cs] [data-is=voice-memos] .button-active {
        width: 87px;
        height: 33.5px
    }
}

[lang=da] [data-is=voice-memos] .button-active, [lang=no] [data-is=voice-memos] .button-active {
    display: block;
    width: 38.22px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=da] [data-is=voice-memos] .button-active, [lang=no] [data-is=voice-memos] .button-active {
        width: 60.66667px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=da] [data-is=voice-memos] .button-active, [lang=no] [data-is=voice-memos] .button-active {
        width: 72.8px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=da] [data-is=voice-memos] .button-active, [lang=no] [data-is=voice-memos] .button-active {
        width: 91px;
        height: 33.5px
    }
}

[lang=de] [data-is=voice-memos] .button-active {
    top: 4.62px;
    right: 32.34px;
    display: block;
    width: 45.36px;
    height: 14.07px
}

[direction=rtl] [lang=de] [data-is=voice-memos] .button-active {
    right: auto;
    left: 32.34px
}

@media only screen and (min-width: 20.0625em) {
    [lang=de] [data-is=voice-memos] .button-active {
        top: 7.33333px;
        right: 51.33333px
    }

    [direction=rtl] [lang=de] [data-is=voice-memos] .button-active {
        right: auto;
        left: 51.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=de] [data-is=voice-memos] .button-active {
        top: 8.8px;
        right: 61.6px
    }

    [direction=rtl] [lang=de] [data-is=voice-memos] .button-active {
        right: auto;
        left: 61.6px
    }
}

@media only screen and (min-width: 90em) {
    [lang=de] [data-is=voice-memos] .button-active {
        top: 11px;
        right: 77px
    }

    [direction=rtl] [lang=de] [data-is=voice-memos] .button-active {
        right: auto;
        left: 77px
    }
}

@media only screen and (min-width: 20.0625em) {
    [lang=de] [data-is=voice-memos] .button-active {
        width: 72.0px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=de] [data-is=voice-memos] .button-active {
        width: 86.4px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=de] [data-is=voice-memos] .button-active {
        width: 108px;
        height: 33.5px
    }
}

[lang=el] [data-is=voice-memos] .button-active {
    top: 2.1px;
    right: 29.4px;
    display: block;
    width: 44.94px;
    height: 11.13px
}

[direction=rtl] [lang=el] [data-is=voice-memos] .button-active {
    right: auto;
    left: 29.4px
}

@media only screen and (min-width: 20.0625em) {
    [lang=el] [data-is=voice-memos] .button-active {
        top: 3.33333px;
        right: 46.66667px
    }

    [direction=rtl] [lang=el] [data-is=voice-memos] .button-active {
        right: auto;
        left: 46.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=el] [data-is=voice-memos] .button-active {
        top: 4px;
        right: 56px
    }

    [direction=rtl] [lang=el] [data-is=voice-memos] .button-active {
        right: auto;
        left: 56px
    }
}

@media only screen and (min-width: 90em) {
    [lang=el] [data-is=voice-memos] .button-active {
        top: 5px;
        right: 70px
    }

    [direction=rtl] [lang=el] [data-is=voice-memos] .button-active {
        right: auto;
        left: 70px
    }
}

@media only screen and (min-width: 20.0625em) {
    [lang=el] [data-is=voice-memos] .button-active {
        width: 71.33333px;
        height: 17.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=el] [data-is=voice-memos] .button-active {
        width: 85.6px;
        height: 21.2px
    }
}

@media only screen and (min-width: 90em) {
    [lang=el] [data-is=voice-memos] .button-active {
        width: 107px;
        height: 26.5px
    }
}

[lang=fi] [data-is=voice-memos] .button-active {
    display: block;
    width: 43.26px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=fi] [data-is=voice-memos] .button-active {
        width: 68.66667px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=fi] [data-is=voice-memos] .button-active {
        width: 82.4px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=fi] [data-is=voice-memos] .button-active {
        width: 103px;
        height: 33.5px
    }
}

[lang=fr-ca] [data-is=voice-memos] .button-active {
    display: block;
    width: 35.28px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=fr-ca] [data-is=voice-memos] .button-active {
        width: 56.0px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=fr-ca] [data-is=voice-memos] .button-active {
        width: 67.2px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=fr-ca] [data-is=voice-memos] .button-active {
        width: 84px;
        height: 33.5px
    }
}

[lang=fr] [data-is=voice-memos] .button-active {
    display: block;
    width: 39.9px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=fr] [data-is=voice-memos] .button-active {
        width: 63.33333px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=fr] [data-is=voice-memos] .button-active {
        width: 76px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=fr] [data-is=voice-memos] .button-active {
        width: 95px;
        height: 33.5px
    }
}

[lang=hi] [data-is=voice-memos] .button-active {
    display: block;
    width: 44.52px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=hi] [data-is=voice-memos] .button-active {
        width: 70.66667px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=hi] [data-is=voice-memos] .button-active {
        width: 84.8px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=hi] [data-is=voice-memos] .button-active {
        width: 106px;
        height: 33.5px
    }
}

[lang=hr] [data-is=voice-memos] .button-active {
    display: block;
    width: 29.82px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=hr] [data-is=voice-memos] .button-active {
        width: 47.33333px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=hr] [data-is=voice-memos] .button-active {
        width: 56.8px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=hr] [data-is=voice-memos] .button-active {
        width: 71px;
        height: 33.5px
    }
}

[lang=hu] [data-is=voice-memos] .button-active {
    top: .84px;
    right: 28.14px;
    display: block;
    width: 42.42px;
    height: 10.92px
}

[direction=rtl] [lang=hu] [data-is=voice-memos] .button-active {
    right: auto;
    left: 28.14px
}

@media only screen and (min-width: 20.0625em) {
    [lang=hu] [data-is=voice-memos] .button-active {
        top: 1.33333px;
        right: 44.66667px
    }

    [direction=rtl] [lang=hu] [data-is=voice-memos] .button-active {
        right: auto;
        left: 44.66667px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=hu] [data-is=voice-memos] .button-active {
        top: 1.6px;
        right: 53.6px
    }

    [direction=rtl] [lang=hu] [data-is=voice-memos] .button-active {
        right: auto;
        left: 53.6px
    }
}

@media only screen and (min-width: 90em) {
    [lang=hu] [data-is=voice-memos] .button-active {
        top: 2px;
        right: 67px
    }

    [direction=rtl] [lang=hu] [data-is=voice-memos] .button-active {
        right: auto;
        left: 67px
    }
}

@media only screen and (min-width: 20.0625em) {
    [lang=hu] [data-is=voice-memos] .button-active {
        width: 67.33333px;
        height: 17.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=hu] [data-is=voice-memos] .button-active {
        width: 80.8px;
        height: 20.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=hu] [data-is=voice-memos] .button-active {
        width: 101px;
        height: 26px
    }
}

[lang=it] [data-is=voice-memos] .button-active {
    display: block;
    width: 42px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=it] [data-is=voice-memos] .button-active {
        width: 66.66667px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=it] [data-is=voice-memos] .button-active {
        width: 80px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=it] [data-is=voice-memos] .button-active {
        width: 100px;
        height: 33.5px
    }
}

[lang=nl] [data-is=voice-memos] .button-active {
    display: block;
    width: 32.34px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=nl] [data-is=voice-memos] .button-active {
        width: 51.33333px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=nl] [data-is=voice-memos] .button-active {
        width: 61.6px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=nl] [data-is=voice-memos] .button-active {
        width: 77px;
        height: 33.5px
    }
}

[lang=pl] [data-is=voice-memos] .button-active {
    display: block;
    width: 34.44px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=pl] [data-is=voice-memos] .button-active {
        width: 54.66667px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=pl] [data-is=voice-memos] .button-active {
        width: 65.6px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=pl] [data-is=voice-memos] .button-active {
        width: 82px;
        height: 33.5px
    }
}

[lang=pt-pt] [data-is=voice-memos] .button-active, [lang=pt-br] [data-is=voice-memos] .button-active {
    display: block;
    width: 30.66px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=pt-pt] [data-is=voice-memos] .button-active, [lang=pt-br] [data-is=voice-memos] .button-active {
        width: 48.66667px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=pt-pt] [data-is=voice-memos] .button-active, [lang=pt-br] [data-is=voice-memos] .button-active {
        width: 58.4px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=pt-pt] [data-is=voice-memos] .button-active, [lang=pt-br] [data-is=voice-memos] .button-active {
        width: 73px;
        height: 33.5px
    }
}

[lang=ro] [data-is=voice-memos] .button-active {
    display: block;
    width: 41.58px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=ro] [data-is=voice-memos] .button-active {
        width: 66.0px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=ro] [data-is=voice-memos] .button-active {
        width: 79.2px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=ro] [data-is=voice-memos] .button-active {
        width: 99px;
        height: 33.5px
    }
}

[lang=ru] [data-is=voice-memos] .button-active {
    top: -1.26px;
    right: 26.46px;
    display: block;
    width: 47.46px;
    height: 9.66px
}

[direction=rtl] [lang=ru] [data-is=voice-memos] .button-active {
    right: auto;
    left: 26.46px
}

@media only screen and (min-width: 20.0625em) {
    [lang=ru] [data-is=voice-memos] .button-active {
        top: -2.0px;
        right: 42.0px
    }

    [direction=rtl] [lang=ru] [data-is=voice-memos] .button-active {
        right: auto;
        left: 42.0px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=ru] [data-is=voice-memos] .button-active {
        top: -2.4px;
        right: 50.4px
    }

    [direction=rtl] [lang=ru] [data-is=voice-memos] .button-active {
        right: auto;
        left: 50.4px
    }
}

@media only screen and (min-width: 90em) {
    [lang=ru] [data-is=voice-memos] .button-active {
        top: -3px;
        right: 63px
    }

    [direction=rtl] [lang=ru] [data-is=voice-memos] .button-active {
        right: auto;
        left: 63px
    }
}

@media only screen and (min-width: 20.0625em) {
    [lang=ru] [data-is=voice-memos] .button-active {
        width: 75.33333px;
        height: 15.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=ru] [data-is=voice-memos] .button-active {
        width: 90.4px;
        height: 18.4px
    }
}

@media only screen and (min-width: 90em) {
    [lang=ru] [data-is=voice-memos] .button-active {
        width: 113px;
        height: 23px
    }
}

[lang=sk] [data-is=voice-memos] .button-active {
    display: block;
    width: 36.54px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=sk] [data-is=voice-memos] .button-active {
        width: 58.0px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=sk] [data-is=voice-memos] .button-active {
        width: 69.6px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=sk] [data-is=voice-memos] .button-active {
        width: 87px;
        height: 33.5px
    }
}

[lang=sv] [data-is=voice-memos] .button-active {
    display: block;
    width: 42.84px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=sv] [data-is=voice-memos] .button-active {
        width: 68.0px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=sv] [data-is=voice-memos] .button-active {
        width: 81.6px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=sv] [data-is=voice-memos] .button-active {
        width: 102px;
        height: 33.5px
    }
}

[lang=tr] [data-is=voice-memos] .button-active {
    display: block;
    width: 39.9px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=tr] [data-is=voice-memos] .button-active {
        width: 63.33333px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=tr] [data-is=voice-memos] .button-active {
        width: 76px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=tr] [data-is=voice-memos] .button-active {
        width: 95px;
        height: 33.5px
    }
}

[lang=uk] [data-is=voice-memos] .button-active {
    display: block;
    width: 41.16px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=uk] [data-is=voice-memos] .button-active {
        width: 65.33333px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=uk] [data-is=voice-memos] .button-active {
        width: 78.4px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=uk] [data-is=voice-memos] .button-active {
        width: 98px;
        height: 33.5px
    }
}

[lang=zh-cn] [data-is=voice-memos] .button-active {
    display: block;
    width: 26.04px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=zh-cn] [data-is=voice-memos] .button-active {
        width: 41.33333px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=zh-cn] [data-is=voice-memos] .button-active {
        width: 49.6px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=zh-cn] [data-is=voice-memos] .button-active {
        width: 62px;
        height: 33.5px
    }
}

[lang=zh-tw] [data-is=voice-memos] .button-active {
    display: block;
    width: 26.46px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=zh-tw] [data-is=voice-memos] .button-active {
        width: 42.0px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=zh-tw] [data-is=voice-memos] .button-active {
        width: 50.4px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=zh-tw] [data-is=voice-memos] .button-active {
        width: 63px;
        height: 33.5px
    }
}

[lang=zh-hk] [data-is=voice-memos] .button-active {
    display: block;
    width: 26.04px;
    height: 14.07px
}

@media only screen and (min-width: 20.0625em) {
    [lang=zh-hk] [data-is=voice-memos] .button-active {
        width: 41.33333px;
        height: 22.33333px
    }
}

@media only screen and (min-width: 66.875em) {
    [lang=zh-hk] [data-is=voice-memos] .button-active {
        width: 49.6px;
        height: 26.8px
    }
}

@media only screen and (min-width: 90em) {
    [lang=zh-hk] [data-is=voice-memos] .button-active {
        width: 62px;
        height: 33.5px
    }
}

[data-is=voice-memos].slide.active .loupe {
    animation: fade-in .5s 2.75s ease-in-out forwards, scale-in .5s 2.75s ease-in-out forwards, fade-out-from-in .5s 4.75s ease-in-out forwards
}

[data-is=voice-memos].slide.active .window-edit {
    animation: fade-in .5s 4.85s ease-out forwards
}

[data-is=voice-memos].slide.active .button-active {
    animation: button-press .5s 3.95s ease-out forwards
}

@keyframes button-press {
    0%, 100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}