@charset "UTF-8";

html.lenis,
html.lenis body {
    height: auto
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
    overflow: clip
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain
}

.lenis.lenis-smooth iframe {
    pointer-events: none
}

.lenis.lenis-autoToggle {
    transition-property: overflow;
    transition-duration: 1ms;
    transition-behavior: allow-discrete
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(ajax-loader.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translateY(-50%);
    padding: 0;
    border: none;
    outline: 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    outline: 0;
    background: 0 0;
    color: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #272a31;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.col_BGC_black {
    background-color: #000
}

.grayText {
    color: #999
}

.textShadowBlue {
    text-shadow: 0 .05em .2em #0080ff
}

@font-face {
    font-family: Trade-Gothic-LT-Bold;
    src: url(../font/Trade-Gothic-LT-Bold.woff2) format("woff2"), url(../font/Trade-Gothic-LT-Bold.woff) format("woff"), url(../font/Trade-Gothic-LT-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto-Regular;
    src: local(Roboto Regular), local(Roboto-Regular), url(../font/Roboto-Regular.woff2) format("woff2"), url(../font/Roboto-Regular.woff) format("woff"), url(../font/Roboto-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto Condensed;
    src: local(Roboto Condensed), local(Roboto-Condensed), url(../font/robotocondensed-regular_0.eot) format("embedded-opentype"), url(../font/robotocondensed-regular_0.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: rogfonts-regular;
    src: local(rogfonts regular), local(rogfonts-regular), url(../font/rogfonts-regular.woff2) format("woff2"), url(../font/rogfonts-regular.woff) format("woff"), url(../otf/rogfonts-regular.otf?#iefix) format("opentype"), url(../font/rogfonts-regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: GeForce-Bold;
    src: url(../font/GeForce-Bold.woff) format("woff"), url(../otf/GeForce-Bold.otf?#iefix) format("opentype"), url(../font/GeForce-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

html {
    overflow-y: scroll
}

:root {
    overflow-y: auto;
    overflow-x: hidden
}

body {
    width: 100vw
}

body.js-no-scroll,
html.js-no-scroll {
    overflow: hidden
}

sup.sign-tm {
    top: -.7em;
    font-size: 56%;
    line-height: 1.2
}

sup.sign-fnum {
    top: -.25em
}

.lowerCase {
    text-transform: lowercase
}

.infoWord {
    vertical-align: top;
    font-family: Roboto Light, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
    font-size: 20px;
    line-height: 1.3;
    color: #272a31
}

.numCircle {
    width: 20px;
    height: 20px;
    font-family: Trade-Gothic-LT-Bold, Roboto Light, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    text-align: center;
    color: #000;
    margin-right: 5px;
    display: inline-block;
    line-height: 20px;
    font-size: 18px
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

body {
    font-display: optional
}

.outer-view {
    background-color: #e8ebf3;
    color: #272a31;
    font-size: calc(16px + .1vw);
    line-height: 1.4;
    font-family: Roboto Condensed, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif
}

@media all and (min-width:2560px) {
    .outer-view {
        font-size: 15.36px;
        line-height: 24.576px
    }
}

@media all and (max-width:736px) {
    .outer-view {
        font-size: calc(16px + .1vw)
    }
}

.outer-view sup {
    font-size: 50%;
    vertical-align: super
}

.outer-view h2,
.outer-view h3,
.outer-view h4 {
    color: #272a31;
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, sans-serif;
    font-weight: 400
}

.outer-view a,
.outer-view button,
.outer-view li,
.outer-view p {
    color: #272a31;
    font-size: 1vw;
    line-height: 1.5;
    font-family: Roboto Condensed, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif
}

@media all and (min-width:2560px) {

    .outer-view a,
    .outer-view button,
    .outer-view li,
    .outer-view p {
        font-size: 15.36px;
        line-height: 24.576px;
        letter-spacing: .512px
    }
}

@media all and (width:1080px) and (height:2400px) {

    .outer-view a,
    .outer-view button,
    .outer-view li,
    .outer-view p {
        font-size: 24px
    }
}

@media all and (max-width:1024px) {

    .outer-view a,
    .outer-view button,
    .outer-view li,
    .outer-view p {
        font-size: calc(16px + .1vw)
    }
}

@media all and (max-width:736px) {

    .outer-view a,
    .outer-view button,
    .outer-view li,
    .outer-view p {
        font-size: calc(15.5px + .1vw)
    }
}

.outer-view .content-comment,
.outer-view .note {
    color: #797979 !important;
    display: block;
    font-size: clamp(13px, .7vw, 16px);
    line-height: 1.5;
    font-family: Roboto Condensed, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
    margin-top: .8vw !important
}

.outer-view .content-comment a,
.outer-view .note a {
    color: inherit;
    font-size: inherit
}

@media all and (min-width:2560px) {

    .outer-view .content-comment,
    .outer-view .note {
        font-size: 15.36px;
        line-height: 24.576px
    }
}

@media all and (width:1080px) and (height:2400px) {
    .outer-view .content-comment,
    .outer-view .note {
        font-size: 20px;
        line-height: 26px
    }
}

@media all and (max-width:1024px) {

    .outer-view .content-comment,
    .outer-view .note {
        font-size: calc(16px + .1vw)
    }
}

@media all and (max-width:736px) {

    .outer-view .content-comment,
    .outer-view .note {
        font-size: calc(16px + .1vw)
    }
}

.outer-view a {
    color: #272a31;
    transition: color ease .4s
}

.outer-view a.link {
    text-decoration: underline
}

.outer-view img {
    width: 100%;
    display: block
}

.outer-view .rog-font {
    font-family: rogfonts-regular, Microsoft JhengHei, sans-serif !important
}

.outer-view .geforce-font {
    font-family: GeForce-Bold, Microsoft JhengHei, sans-serif !important
}

.outer-view .feature-list {
    padding-left: 5%
}

.outer-view .feature-list .data {
    font-size: clamp(24px, 1.75vw, 36px);
    font-weight: 600;
    line-height: clamp(32px, 2.25vw, 46px)
}

.bold {
    font-weight: 700
}

@property --c-0-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-0-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-0-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-0-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-0-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-0-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-0-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-0-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-0-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-0-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-1-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-1-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-1-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-1-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-1-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-1-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-1-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-1-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-1-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-1-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-2-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-2-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-2-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-2-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-2-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-2-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-2-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-2-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-2-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-2-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-3-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-3-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-3-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-3-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-3-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-3-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-3-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-3-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-3-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-3-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-4-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-4-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-4-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-4-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-4-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-4-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-4-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-4-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-4-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-4-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-5-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-5-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-5-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-5-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-5-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-5-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-5-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-5-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-5-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-5-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-6-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-6-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-6-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-6-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-6-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-6-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-6-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-6-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-6-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-6-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-7-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-7-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-7-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-7-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-7-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-7-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-7-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-7-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-7-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-7-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-8-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-8-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-8-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-8-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-8-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-8-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-8-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-8-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-8-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-8-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-9-0 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-9-1 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-9-2 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-9-3 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-9-4 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-9-5 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-9-6 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-9-7 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-9-8 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --c-9-9 {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

.outer-view .pixeled {
    opacity: 1;
    transition: --c-0-0 .1568452863s .0323105183s, --c-0-1 .4730722126s .4095366591s, --c-0-2 .5718592296s .5569517641s, --c-0-3 .1132001046s .4279225465s, --c-0-4 .5490821851s .3790029876s, --c-0-5 .6319235909s .2362793896s, --c-0-6 .3626625022s .6377068473s, --c-0-7 .7493675559s .4870820731s, --c-0-8 .1628118754s .6159786622s, --c-0-9 .0966194093s .3242449508s, --c-1-0 .1803209545s .0871664306s, --c-1-1 .723644521s .1851177004s, --c-1-2 .1149641962s .1351255614s, --c-1-3 .7057889872s .7171996293s, --c-1-4 .3576170408s .1366245018s, --c-1-5 .4170223104s .6500567909s, --c-1-6 .3514310975s .1937110534s, --c-1-7 .1206497591s .5839807159s, --c-1-8 .3043263425s .5748962806s, --c-1-9 .5223068661s .5335029343s, --c-2-0 .4323471575s .5622882437s, --c-2-1 .2159718024s .2879882495s, --c-2-2 .2839365258s .0727844304s, --c-2-3 .5113418513s .2462347009s, --c-2-4 .1775857768s .7911736053s, --c-2-5 .709486499s .0335550385s, --c-2-6 .272395205s .6909668448s, --c-2-7 .4726068605s .2840167108s, --c-2-8 .2313661128s .2070136379s, --c-2-9 .3128406051s .2234027575s, --c-3-0 .4201578755s .7324635667s, --c-3-1 .5824014508s .7325109222s, --c-3-2 .2105151249s .7169760988s, --c-3-3 .4554920405s .3856477796s, --c-3-4 .6279672751s .2222225146s, --c-3-5 .1529454943s .3855363893s, --c-3-6 .5271519553s .0937796406s, --c-3-7 .7914989754s .0514082861s, --c-3-8 .2418806673s .4564520653s, --c-3-9 .0241479728s .0846391256s, --c-4-0 .316999004s .5170985084s, --c-4-1 .4482467947s .4255441316s, --c-4-2 .4987655255s .0691773421s, --c-4-3 .270509803s .7225131659s, --c-4-4 .7394289364s .1411223555s, --c-4-5 .522983494s .7591021033s, --c-4-6 .441202149s .216824458s, --c-4-7 .5348791493s .4084967065s, --c-4-8 .2590263827s .5009299696s, --c-4-9 .783406356s .1806353939s, --c-5-0 .6264136356s .5003362006s, --c-5-1 .2394850868s .6408071644s, --c-5-2 .6160394924s .7030922803s, --c-5-3 .4282892871s .5311327696s, --c-5-4 .3721783012s .1117640485s, --c-5-5 .217349345s .5853266586s, --c-5-6 .1454128088s .7788084436s, --c-5-7 .7157952498s .0177611446s, --c-5-8 .77795783s .3105308168s, --c-5-9 .4043683152s .3964403737s, --c-6-0 .6744342954s .2403970621s, --c-6-1 .4846890184s .7216063356s, --c-6-2 .4592749532s .1704133282s, --c-6-3 .4822807544s .1118272361s, --c-6-4 .4815742625s .420043969s, --c-6-5 .1857043412s .6916181923s, --c-6-6 .0645946453s .7802375974s, --c-6-7 .4841124028s .2555680463s, --c-6-8 .61152716s .7481380929s, --c-6-9 .6831547701s .4755909613s, --c-7-0 .1808879358s .7779801701s, --c-7-1 .6340479895s .703251822s, --c-7-2 .4219222713s .5401757996s, --c-7-3 .2173247748s .1851849385s, --c-7-4 .362233739s .2372954381s, --c-7-5 .5661581565s .0252686466s, --c-7-6 .5084134219s .4883395399s, --c-7-7 .3508617694s .0393167379s, --c-7-8 .2440385054s .7540552809s, --c-7-9 .5681896249s .6802610983s, --c-8-0 .4639759034s .6098559912s, --c-8-1 .1197840158s .5941391332s, --c-8-2 .2505606444s .2921810818s, --c-8-3 .7715039237s .4998088078s, --c-8-4 .684284468s .6874611493s, --c-8-5 .6592588261s .1960954874s, --c-8-6 .2771018701s .1304378807s, --c-8-7 .6419416176s .1830651158s, --c-8-8 .6834914376s .3560144014s, --c-8-9 .1080718554s .3564426547s, --c-9-0 .229984102s .3951357148s, --c-9-1 .4300167793s .7494189353s, --c-9-2 .3670165134s .4553412479s, --c-9-3 .6011881933s .143539149s, --c-9-4 .4725130538s .7900752328s, --c-9-5 .7116912396s .2056499834s, --c-9-6 .7424947083s 7ms, --c-9-7 .2702588772s .0647538426s, --c-9-8 2ms .2529529827s, --c-9-9 .2748731643s .18707106s;
    -webkit-mask: linear-gradient(rgba(0, 0, 0, var(--c-0-0)) 0 0) 0 0, linear-gradient(rgba(0, 0, 0, var(--c-0-1)) 0 0) 0 calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-2)) 0 0) 0 calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-3)) 0 0) 0 calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-4)) 0 0) 0 calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-5)) 0 0) 0 calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-6)) 0 0) 0 calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-7)) 0 0) 0 calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-8)) 0 0) 0 calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-9)) 0 0) 0 100%, linear-gradient(rgba(0, 0, 0, var(--c-1-0)) 0 0) calc(1 * 100% / (10 - 1)) 0, linear-gradient(rgba(0, 0, 0, var(--c-1-1)) 0 0) calc(1 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-2)) 0 0) calc(1 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-3)) 0 0) calc(1 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-4)) 0 0) calc(1 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-5)) 0 0) calc(1 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-6)) 0 0) calc(1 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-7)) 0 0) calc(1 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-8)) 0 0) calc(1 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-9)) 0 0) calc(1 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-2-0)) 0 0) calc(2 * 100% / (10 - 1)) 0, linear-gradient(rgba(0, 0, 0, var(--c-2-1)) 0 0) calc(2 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-2)) 0 0) calc(2 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-3)) 0 0) calc(2 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-4)) 0 0) calc(2 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-5)) 0 0) calc(2 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-6)) 0 0) calc(2 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-7)) 0 0) calc(2 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-8)) 0 0) calc(2 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-9)) 0 0) calc(2 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-3-0)) 0 0) calc(3 * 100% / (10 - 1)) 0, linear-gradient(rgba(0, 0, 0, var(--c-3-1)) 0 0) calc(3 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-2)) 0 0) calc(3 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-3)) 0 0) calc(3 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-4)) 0 0) calc(3 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-5)) 0 0) calc(3 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-6)) 0 0) calc(3 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-7)) 0 0) calc(3 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-8)) 0 0) calc(3 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-9)) 0 0) calc(3 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-4-0)) 0 0) calc(4 * 100% / (10 - 1)) 0, linear-gradient(rgba(0, 0, 0, var(--c-4-1)) 0 0) calc(4 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-2)) 0 0) calc(4 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-3)) 0 0) calc(4 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-4)) 0 0) calc(4 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-5)) 0 0) calc(4 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-6)) 0 0) calc(4 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-7)) 0 0) calc(4 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-8)) 0 0) calc(4 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-9)) 0 0) calc(4 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-5-0)) 0 0) calc(5 * 100% / (10 - 1)) 0, linear-gradient(rgba(0, 0, 0, var(--c-5-1)) 0 0) calc(5 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-2)) 0 0) calc(5 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-3)) 0 0) calc(5 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-4)) 0 0) calc(5 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-5)) 0 0) calc(5 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-6)) 0 0) calc(5 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-7)) 0 0) calc(5 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-8)) 0 0) calc(5 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-9)) 0 0) calc(5 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-6-0)) 0 0) calc(6 * 100% / (10 - 1)) 0, linear-gradient(rgba(0, 0, 0, var(--c-6-1)) 0 0) calc(6 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-2)) 0 0) calc(6 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-3)) 0 0) calc(6 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-4)) 0 0) calc(6 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-5)) 0 0) calc(6 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-6)) 0 0) calc(6 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-7)) 0 0) calc(6 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-8)) 0 0) calc(6 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-9)) 0 0) calc(6 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-7-0)) 0 0) calc(7 * 100% / (10 - 1)) 0, linear-gradient(rgba(0, 0, 0, var(--c-7-1)) 0 0) calc(7 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-2)) 0 0) calc(7 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-3)) 0 0) calc(7 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-4)) 0 0) calc(7 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-5)) 0 0) calc(7 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-6)) 0 0) calc(7 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-7)) 0 0) calc(7 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-8)) 0 0) calc(7 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-9)) 0 0) calc(7 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-8-0)) 0 0) calc(8 * 100% / (10 - 1)) 0, linear-gradient(rgba(0, 0, 0, var(--c-8-1)) 0 0) calc(8 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-2)) 0 0) calc(8 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-3)) 0 0) calc(8 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-4)) 0 0) calc(8 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-5)) 0 0) calc(8 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-6)) 0 0) calc(8 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-7)) 0 0) calc(8 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-8)) 0 0) calc(8 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-9)) 0 0) calc(8 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-9-0)) 0 0) 100% 0, linear-gradient(rgba(0, 0, 0, var(--c-9-1)) 0 0) 100% calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-2)) 0 0) 100% calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-3)) 0 0) 100% calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-4)) 0 0) 100% calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-5)) 0 0) 100% calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-6)) 0 0) 100% calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-7)) 0 0) 100% calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-8)) 0 0) 100% calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-9)) 0 0) 100% 100%;
    mask: linear-gradient(rgba(0, 0, 0, var(--c-0-0)) 0 0) 0 0, linear-gradient(rgba(0, 0, 0, var(--c-0-1)) 0 0) 0 calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-2)) 0 0) 0 calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-3)) 0 0) 0 calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-4)) 0 0) 0 calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-5)) 0 0) 0 calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-6)) 0 0) 0 calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-7)) 0 0) 0 calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-8)) 0 0) 0 calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-0-9)) 0 0) 0 100%, linear-gradient(rgba(0, 0, 0, var(--c-1-0)) 0 0) calc(1 * 100% / (10 - 1)) 0, linear-gradient(rgba(0, 0, 0, var(--c-1-1)) 0 0) calc(1 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-2)) 0 0) calc(1 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-3)) 0 0) calc(1 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-4)) 0 0) calc(1 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-5)) 0 0) calc(1 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-6)) 0 0) calc(1 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-7)) 0 0) calc(1 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-8)) 0 0) calc(1 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-1-9)) 0 0) calc(1 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-2-0)) 0 0) calc(2 * 100% / (10 - 1)) 0, linear-gradient(rgba(0, 0, 0, var(--c-2-1)) 0 0) calc(2 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-2)) 0 0) calc(2 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-3)) 0 0) calc(2 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-4)) 0 0) calc(2 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-5)) 0 0) calc(2 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-6)) 0 0) calc(2 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-7)) 0 0) calc(2 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-8)) 0 0) calc(2 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-2-9)) 0 0) calc(2 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-3-0)) 0 0) calc(3 * 100% / (10 - 1)) 0, linear-gradient(rgba(0, 0, 0, var(--c-3-1)) 0 0) calc(3 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-2)) 0 0) calc(3 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-3)) 0 0) calc(3 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-4)) 0 0) calc(3 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-5)) 0 0) calc(3 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-6)) 0 0) calc(3 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-7)) 0 0) calc(3 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-8)) 0 0) calc(3 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-3-9)) 0 0) calc(3 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-4-0)) 0 0) calc(4 * 100% / (10 - 1)) 0, linear-gradient(rgba(0, 0, 0, var(--c-4-1)) 0 0) calc(4 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-2)) 0 0) calc(4 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-3)) 0 0) calc(4 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-4)) 0 0) calc(4 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-5)) 0 0) calc(4 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-6)) 0 0) calc(4 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-7)) 0 0) calc(4 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-8)) 0 0) calc(4 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-4-9)) 0 0) calc(4 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-5-0)) 0 0) calc(5 * 100% / (10 - 1)) 0, linear-gradient(rgba(0, 0, 0, var(--c-5-1)) 0 0) calc(5 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-2)) 0 0) calc(5 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-3)) 0 0) calc(5 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-4)) 0 0) calc(5 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-5)) 0 0) calc(5 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-6)) 0 0) calc(5 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-7)) 0 0) calc(5 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-8)) 0 0) calc(5 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-5-9)) 0 0) calc(5 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-6-0)) 0 0) calc(6 * 100% / (10 - 1)) 0, linear-gradient(rgba(0, 0, 0, var(--c-6-1)) 0 0) calc(6 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-2)) 0 0) calc(6 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-3)) 0 0) calc(6 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-4)) 0 0) calc(6 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-5)) 0 0) calc(6 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-6)) 0 0) calc(6 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-7)) 0 0) calc(6 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-8)) 0 0) calc(6 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-6-9)) 0 0) calc(6 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-7-0)) 0 0) calc(7 * 100% / (10 - 1)) 0, linear-gradient(rgba(0, 0, 0, var(--c-7-1)) 0 0) calc(7 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-2)) 0 0) calc(7 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-3)) 0 0) calc(7 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-4)) 0 0) calc(7 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-5)) 0 0) calc(7 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-6)) 0 0) calc(7 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-7)) 0 0) calc(7 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-8)) 0 0) calc(7 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-7-9)) 0 0) calc(7 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-8-0)) 0 0) calc(8 * 100% / (10 - 1)) 0, linear-gradient(rgba(0, 0, 0, var(--c-8-1)) 0 0) calc(8 * 100% / (10 - 1)) calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-2)) 0 0) calc(8 * 100% / (10 - 1)) calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-3)) 0 0) calc(8 * 100% / (10 - 1)) calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-4)) 0 0) calc(8 * 100% / (10 - 1)) calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-5)) 0 0) calc(8 * 100% / (10 - 1)) calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-6)) 0 0) calc(8 * 100% / (10 - 1)) calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-7)) 0 0) calc(8 * 100% / (10 - 1)) calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-8)) 0 0) calc(8 * 100% / (10 - 1)) calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-8-9)) 0 0) calc(8 * 100% / (10 - 1)) 100%, linear-gradient(rgba(0, 0, 0, var(--c-9-0)) 0 0) 100% 0, linear-gradient(rgba(0, 0, 0, var(--c-9-1)) 0 0) 100% calc(1 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-2)) 0 0) 100% calc(2 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-3)) 0 0) 100% calc(3 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-4)) 0 0) 100% calc(4 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-5)) 0 0) 100% calc(5 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-6)) 0 0) 100% calc(6 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-7)) 0 0) 100% calc(7 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-8)) 0 0) 100% calc(8 * 100% / (10 - 1)), linear-gradient(rgba(0, 0, 0, var(--c-9-9)) 0 0) 100% 100%;
    -webkit-mask-size: 10% 10%;
    -webkit-mask-repeat: no-repeat;
    mask-size: 10% 10%;
    mask-repeat: no-repeat
}

.outer-view .pixeled.active {
    --c-0-0: 1;
    --c-0-1: 1;
    --c-0-2: 1;
    --c-0-3: 1;
    --c-0-4: 1;
    --c-0-5: 1;
    --c-0-6: 1;
    --c-0-7: 1;
    --c-0-8: 1;
    --c-0-9: 1;
    --c-1-0: 1;
    --c-1-1: 1;
    --c-1-2: 1;
    --c-1-3: 1;
    --c-1-4: 1;
    --c-1-5: 1;
    --c-1-6: 1;
    --c-1-7: 1;
    --c-1-8: 1;
    --c-1-9: 1;
    --c-2-0: 1;
    --c-2-1: 1;
    --c-2-2: 1;
    --c-2-3: 1;
    --c-2-4: 1;
    --c-2-5: 1;
    --c-2-6: 1;
    --c-2-7: 1;
    --c-2-8: 1;
    --c-2-9: 1;
    --c-3-0: 1;
    --c-3-1: 1;
    --c-3-2: 1;
    --c-3-3: 1;
    --c-3-4: 1;
    --c-3-5: 1;
    --c-3-6: 1;
    --c-3-7: 1;
    --c-3-8: 1;
    --c-3-9: 1;
    --c-4-0: 1;
    --c-4-1: 1;
    --c-4-2: 1;
    --c-4-3: 1;
    --c-4-4: 1;
    --c-4-5: 1;
    --c-4-6: 1;
    --c-4-7: 1;
    --c-4-8: 1;
    --c-4-9: 1;
    --c-5-0: 1;
    --c-5-1: 1;
    --c-5-2: 1;
    --c-5-3: 1;
    --c-5-4: 1;
    --c-5-5: 1;
    --c-5-6: 1;
    --c-5-7: 1;
    --c-5-8: 1;
    --c-5-9: 1;
    --c-6-0: 1;
    --c-6-1: 1;
    --c-6-2: 1;
    --c-6-3: 1;
    --c-6-4: 1;
    --c-6-5: 1;
    --c-6-6: 1;
    --c-6-7: 1;
    --c-6-8: 1;
    --c-6-9: 1;
    --c-7-0: 1;
    --c-7-1: 1;
    --c-7-2: 1;
    --c-7-3: 1;
    --c-7-4: 1;
    --c-7-5: 1;
    --c-7-6: 1;
    --c-7-7: 1;
    --c-7-8: 1;
    --c-7-9: 1;
    --c-8-0: 1;
    --c-8-1: 1;
    --c-8-2: 1;
    --c-8-3: 1;
    --c-8-4: 1;
    --c-8-5: 1;
    --c-8-6: 1;
    --c-8-7: 1;
    --c-8-8: 1;
    --c-8-9: 1;
    --c-9-0: 1;
    --c-9-1: 1;
    --c-9-2: 1;
    --c-9-3: 1;
    --c-9-4: 1;
    --c-9-5: 1;
    --c-9-6: 1;
    --c-9-7: 1;
    --c-9-8: 1;
    --c-9-9: 1
}

.outer-view .deco.bracket {
    position: absolute;
    z-index: 3
}

.outer-view .deco.bracket img {
    width: 2vw;
    height: 2vw;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-duration: 1.5s;
    position: relative
}

@media all and (min-width:2560px) {
    .outer-view .deco.bracket img {
        width: 50px;
        height: 50px
    }
}

.outer-view .deco.bracket img.glow {
    filter: blur(5px);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.outer-view .deco.plus {
    width: 12px;
    height: 12px;
    position: absolute;
    z-index: 10
}

.outer-view .deco.plus:after,
.outer-view .deco.plus:before {
    content: "";
    background-color: #fff;
    color: #272a31;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    position: absolute;
    z-index: 3
}

.outer-view .deco.plus:after {
    width: 1px;
    height: 13px;
    left: 6px
}

.outer-view .deco.plus:before {
    width: 13px;
    height: 1px;
    left: 0;
    top: 6px
}

.outer-view .deco.plus.left.top {
    left: 54px;
    top: -6px
}

@media all and (max-width:735px) {
    .outer-view .deco.plus.left.top {
        left: 24px
    }
}

@media all and (max-width:480px) {
    .outer-view .deco.plus.left.top {
        left: 9px
    }
}

.outer-view .deco.plus.left.bottom {
    bottom: -6px;
    left: 54px
}

@media all and (max-width:735px) {
    .outer-view .deco.plus.left.bottom {
        left: 24px
    }
}

@media all and (max-width:480px) {
    .outer-view .deco.plus.left.bottom {
        left: 9px
    }
}

.outer-view .deco.plus.right.bottom {
    bottom: -6px;
    right: 55px
}

@media all and (max-width:735px) {
    .outer-view .deco.plus.right.bottom {
        right: 25px
    }
}

@media all and (max-width:480px) {
    .outer-view .deco.plus.right.bottom {
        right: 10px
    }
}

.outer-view .deco.plus.right.top {
    right: 55px;
    top: -6px
}

@media all and (max-width:735px) {
    .outer-view .deco.plus.right.top {
        right: 25px
    }
}

@media all and (max-width:480px) {
    .outer-view .deco.plus.right.top {
        right: 10px
    }
}

.outer-view .deco.cross {
    width: 10px;
    height: 10px;
    position: absolute;
    left: calc(49% - 17px);
    top: -18px
}

.outer-view .deco.cross:after,
.outer-view .deco.cross:before {
    content: "";
    width: 1px;
    height: 10px;
    background-color: #fff;
    display: block
}

.outer-view .deco.cross:before {
    transform: rotate(-50deg);
    position: relative;
    left: 6px
}

.outer-view .deco.cross:after {
    transform: rotate(50deg);
    position: absolute;
    left: 6px;
    top: 0
}

.outer-view .deco.gap-lines {
    background-size: cover;
    position: absolute;
    left: 68px;
    top: -18px
}

.outer-view .deco.gap-lines.horizontal {
    width: 50px;
    height: 12px;
    background-image: linear-gradient(90deg, #fff 1%, transparent 2%, transparent 10%, #fff 11%, transparent 12%, transparent 20%, #fff 21%, transparent 22%, transparent 30%, #fff 31%, transparent 32%, transparent 40%, #fff 41%, transparent 42%, transparent 50%, #fff 51%, transparent 52%, transparent 60%, #fff 61%, transparent 62%, transparent 70%, #fff 71%, transparent 72%, transparent 80%, #fff 81%, transparent 82%, transparent 90%, #fff 91%, transparent 92%, transparent 100%)
}

@media all and (max-width:735px) {
    .outer-view .deco.gap-lines {
        left: 38px
    }
}

.outer-view .deco.slash-lines {
    background-size: cover;
    position: absolute;
    left: 49%;
    top: -20px
}

.outer-view .deco.slash-lines.horizontal {
    width: 30px;
    height: 13px;
    background-size: 200% 200%;
    background-image: linear-gradient(60deg, #fff 1%, transparent 3%, #fff 5%, transparent 7%, #fff 9%, transparent 11%, #fff 13%, transparent 15%, #fff 17%, transparent 19%, #fff 21%, transparent 23%, #fff 25%, transparent 27%, #fff 29%, transparent 31%, #fff 33%, transparent 35%, #fff 37%, transparent 39%, #fff 41%, transparent 43%, #fff 45%, transparent 47%, #fff 49%, transparent 51%, #fff 53%, transparent 55%, #fff 57%, transparent 59%, #fff 61%, transparent 63%, #fff 65%, transparent 67%, #fff 69%, transparent 71%, #fff 73%, transparent 75%, #fff 77%, transparent 79%, #fff 81%, transparent 83%, #fff 85%, transparent 87%, #fff 89%, transparent 91%, #fff 93%, transparent 95%, #fff 97%, transparent 99%, #fff 101%)
}

.outer-view .deco.slash-lines.vertical {
    width: 13px;
    height: 30px;
    background-image: linear-gradient(105deg, #fff 1%, transparent 3%, #fff 5%, transparent 7%, #fff 9%, transparent 11%, #fff 13%, transparent 15%, #fff 17%, transparent 19%, #fff 21%, transparent 23%, #fff 25%, transparent 27%, #fff 29%, transparent 31%, #fff 33%, transparent 35%, #fff 37%, transparent 39%, #fff 41%, transparent 43%, #fff 45%, transparent 47%, #fff 49%, transparent 51%, #fff 53%, transparent 55%, #fff 57%, transparent 59%, #fff 61%, transparent 63%, #fff 65%, transparent 67%, #fff 69%, transparent 71%, #fff 73%, transparent 75%, #fff 77%, transparent 79%, #fff 81%, transparent 83%, #fff 85%, transparent 87%, #fff 89%, transparent 91%, #fff 93%, transparent 95%, #fff 97%, transparent 99%, #fff 101%)
}

@keyframes plusRightToLeft {
    0% {
        opacity: 0;
        transform-origin: left top;
        transform: scaleX(40) translate(100%);
        will-change: opacity, transform
    }

    to {
        opacity: 1;
        transform-origin: left top;
        transform: scaleX(1) translate(0);
        will-change: opacity, transform
    }
}

@keyframes plusTopToBottom {
    0% {
        opacity: 0;
        transform-origin: left bottom;
        transform: scaleY(40) translateY(-100%);
        will-change: opacity, transform
    }

    to {
        opacity: 1;
        transform-origin: left bottom;
        transform: scaleY(1) translateY(0);
        will-change: opacity, transform
    }
}

@keyframes plusLeftToRight {
    0% {
        opacity: 0;
        transform-origin: right center;
        transform: rotate(0) scaleX(40) translate(-100%);
        will-change: opacity, transform
    }

    to {
        opacity: 1;
        transform-origin: right center;
        transform: rotate(0) scaleX(1) translate(0);
        will-change: opacity, transform
    }
}

@keyframes plusBottomToTop {
    0% {
        opacity: 0;
        transform-origin: left top;
        transform: scaleY(40) translateY(100%);
        will-change: opacity, transform
    }

    to {
        opacity: 1;
        transform-origin: left top;
        transform: scaleY(1) translateY(0);
        will-change: opacity, transform
    }
}

.outer-view .deco-grid {
    display: grid;
    padding: 0 60px
}

@media all and (max-width:735px) {
    .outer-view .deco-grid {
        padding: 0 30px
    }
}

@media all and (max-width:480px) {
    .outer-view .deco-grid {
        padding: 0 15px
    }
}

.grid-block {
    display: grid;
    grid-auto-rows: 1fr;
    grid-gap: 0
}

.grid-block.col-2 {
    grid-template-columns: repeat(2, 1fr)
}

.grid-block.col-3 {
    grid-template-columns: repeat(3, 1fr)
}

.grid-block.col-4 {
    grid-template-columns: repeat(4, 1fr)
}

.section__base:not(#section-kv) {
    transition: opacity .5s ease-in-out
}

.section__base.navShow {
    opacity: 1;
    display: block;
    transition: transform .2s .3s ease-in-out, opacity .5s ease-in-out
}

.content-slogan {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    color: #5340b2;
    font-size: 2vw;
    line-height: .7;
    text-transform: uppercase;
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, sans-serif
}

@media all and (min-width:2560px) {
    .content-slogan {
        font-size: 33.28px
    }
}

@media all and (max-width:1440px) {
    .content-slogan {
        font-size: 2.4vw
    }
}

@media all and (max-width:1024px) {
    .content-slogan {
        font-size: calc(30px + .1vw);
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: calc(9.5px + .1vw);
        margin-bottom: calc(19.5px + .1vw);
        line-height: 1.1
    }
}

@media all and (max-width:736px) {
    .content-slogan {
        font-size: calc(22.5px + .1vw)
    }
}

.outer-view section {
    color: #272a31;
    position: relative;
    background-color: #e8ebf3;
    width: 100%;
    max-width: 2560px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    padding-top: 7.8125vw
}

@media all and (min-width:2560px) {
    .outer-view section {
        padding-top: 200px
    }
}

@media all and (max-width:1280px) {
    .outer-view section {
        padding-top: 100px
    }
}

.outer-view section .will-change-transform {
    will-change: transform
}

.outer-view section .container {
    margin: 0
}

.outer-view section .img__ada {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0
}

.outer-view section .img {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.outer-view section .underline {
    text-decoration: underline
}

.outer-view section .flex-block {
    display: flex;
    display: -webkit-flex
}

.outer-view section .flex-block.reverse {
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse
}

.outer-view section button {
    background-color: transparent;
    border: none;
    color: #272a31;
    cursor: pointer;
    display: inline-block
}

.outer-view section button.btn-pause {
    width: 36px;
    height: 36px;
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/svg/icon_pause_w.svg);
    background-size: cover;
    filter: drop-shadow(0 0 2px #000);
    opacity: .65;
    text-indent: -9999999px;
    z-index: 50;
    transition: opacity ease .25s
}

.outer-view section button.btn-pause.dark {
    filter: brightness(0)
}

.outer-view section button.btn-pause[data-status=play] {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/svg/icon_play_w.svg)
}

@media (hover:hover) {
    .outer-view section button.btn-pause:hover {
        opacity: 1
    }
}

@media all and (max-width:735px) {
    .outer-view section button.btn-pause {
        width: 26px;
        height: 26px
    }
}

.outer-view section button.btn-rainbow-border {
    background-color: transparent;
    border: none;
    color: #272a31;
    font-size: 1vw;
    line-height: 1.5;
    margin-right: 40px;
    padding: 10px 30px;
    position: relative;
    transition: transform ease .2s
}

@media all and (min-width:2560px) {
    .outer-view section button.btn-rainbow-border {
        font-size: .6vw;
        line-height: 1.6;
        letter-spacing: .512px
    }
}

@media all and (max-width:735px) {
    .outer-view section button.btn-rainbow-border {
        font-size: 16px;
        line-height: 19px
    }
}

.outer-view section .content-frame {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.outer-view section .cube-particle {
    width: 160px;
    height: 160px;
    display: block;
    margin: 0 auto -20px
}

@media all and (max-width:735px) {
    .outer-view section .cube-particle {
        width: 120px;
        height: 120px;
        margin-bottom: -30px
    }
}

.outer-view section.section__base.active .content-slogan {
    background-position-y: 0;
    opacity: 1;
    transition: background-position-y ease 2s .4s, opacity cubic-bezier(1, 0, 0, 1) 1s .4s, transform cubic-bezier(1, 0, 0, 1) 1s .4s;
    will-change: background-position-y, opacity, transform
}

.outer-view section .wd-content {
    width: 100%;
    max-width: 1200px;
    padding: 0 1.172vw;
    margin: 0 auto;
    position: relative;
    z-index: 20
}

.outer-view section .wd-content.large-text-center {
    text-align: center
}

.outer-view section .wd-content.large-text-left {
    text-align: left
}

.outer-view section .wd-content.large-text-right {
    text-align: right
}

@media all and (max-width:1280px) {
    .outer-view section .wd-content {
        padding: 0 30px
    }
}

@media all and (max-width:1279px) {
    .outer-view section .wd-content.medium-text-center {
        text-align: center
    }

    .outer-view section .wd-content.medium-text-left {
        text-align: left
    }

    .outer-view section .wd-content.medium-text-right {
        text-align: right
    }
}

@media all and (max-width:735px) {
    .outer-view section .wd-content.small-text-center {
        text-align: center
    }

    .outer-view section .wd-content.small-text-left {
        text-align: left
    }

    .outer-view section .wd-content.small-text-right {
        text-align: right
    }
}

@media all and (max-width:736px) {
    .outer-view section .wd-content {
        width: 95vw;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        margin-top: calc(14.5px + .1vw);
        margin-bottom: calc(14.5px + .1vw);
        padding: 0 calc(19.5px + .1vw)
    }
}

.outer-view section .wd-content>* {
    color: #272a31;
    font-weight: 400;
    font-style: normal
}

.outer-view section .wd-content>* .icon_slogan {
    margin-left: 0;
    margin-right: 0
}

.outer-view section .wd-content>.icon_title {
    display: none
}

.outer-view section .wd-content>.content-title {
    font-size: 3vw;
    margin-top: 1.3vw;
    margin-left: auto;
    margin-right: auto;
    font-family: Trade-Gothic-LT-Bold, robotocondensed-bold, Microsoft JhengHei, sans-serif;
    letter-spacing: -1px;
    color: #272a31;
    line-height: 1.2;
    text-transform: capitalize
}

@media all and (min-width:2560px) {
    .outer-view section .wd-content>.content-title {
        font-size: 53.76px;
        margin-top: 28.16px
    }
}

@media all and (max-width:1440px) {
    .outer-view section .wd-content>.content-title {
        font-size: 5vw;
        margin-top: 2vw
    }
}

@media all and (max-width:1024px) {
    .outer-view section .wd-content>.content-title {
        font-size: calc(42px + .1vw);
        letter-spacing: .17vw;
        line-height: 1.2;
        margin: 0;
        margin-top: calc(11px + .1vw)
    }
}

@media all and (max-width:736px) {
    .outer-view section .wd-content>.content-title {
        width: 100%;
        font-size: calc(34px + .1vw);
        letter-spacing: .17vw;
        line-height: 1.2;
        margin: 0;
        margin-top: calc(11px + .1vw)
    }
}

.outer-view section .wd-content>.content-info {
    width: 100%;
    margin-top: .8vw;
    margin-left: auto;
    margin-right: auto;
    color: #272a31;
    font-family: Roboto Condensed, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
    font-size: 1vw;
    line-height: 1.5
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .outer-view section .wd-content>.content-info {
        font-size: 1vw;
        line-height: 1.5
    }
}

@media all and (min-width:2560px) {
    .outer-view section .wd-content>.content-info {
        font-size: 15.36px;
        line-height: 24.576px;
        letter-spacing: .512px;
        margin-top: 15.36px
    }
}

@media all and (max-width:1440px) {
    .outer-view section .wd-content>.content-info {
        letter-spacing: .05vw;
        margin-top: 1.1vw;
        font-size: 1.25vw;
        line-height: 1.7
    }
}

@media all and (max-width:1024px) {
    .outer-view section .wd-content>.content-info {
        margin-top: calc(10px + .1vw);
        line-height: 1.45;
        font-size: calc(16px + .1vw)
    }
}

@media all and (max-width:736px) {
    .outer-view section .wd-content>.content-info {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        font-size: calc(16px + .1vw)
    }
}

.outer-view section .wd-content>.content-comment {
    margin-left: auto;
    margin-right: auto;
    color: #999;
    margin-top: .8vw;
    font-size: 1vw;
    line-height: 1.5;
    font-family: Roboto Condensed, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
    position: relative
}

@media all and (min-width:2560px) {
    .outer-view section .wd-content>.content-comment {
        font-size: 15.36px;
        line-height: 24.576px;
        letter-spacing: .512px;
        margin-top: 15.36px
    }
}

@media all and (max-width:1440px) {
    .outer-view section .wd-content>.content-comment {
        font-size: 1.25vw;
        line-height: 1.7
    }
}

@media all and (max-width:1024px) {
    .outer-view section .wd-content>.content-comment {
        font-size: calc(16px + .1vw);
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        line-height: 1.45;
        margin-top: calc(13px + .1vw)
    }
}

@media all and (max-width:480px) {
    .outer-view section .wd-content>.content-comment {
        max-width: 350px;
        font-size: calc(16px + .1vw)
    }
}

.outer-view section .wd-content>.content-comment a {
    text-decoration: underline
}

.outer-view section .wd-content>.content-link {
    margin-left: auto;
    margin-right: auto;
    margin-top: .8vw;
    font-size: 1vw;
    line-height: 1.5;
    color: #272a31;
    font-family: Roboto Condensed, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif
}

@media all and (min-width:2560px) {
    .outer-view section .wd-content>.content-link {
        font-size: 15.36px;
        line-height: 24.576px;
        letter-spacing: .512px;
        margin-top: 15.36px
    }
}

@media all and (max-width:1440px) {
    .outer-view section .wd-content>.content-link {
        font-size: 1.25vw;
        line-height: 1.7
    }
}

@media all and (max-width:1024px) {
    .outer-view section .wd-content>.content-link {
        font-size: calc(16px + .1vw)
    }
}

@media all and (max-width:736px) {
    .outer-view section .wd-content>.content-link {
        font-size: calc(16px + .1vw)
    }
}

.outer-view section>figure.img {
    position: relative
}

.outer-view section .brief-container {
    padding: 0 1.172vw
}

@media all and (max-width:1280px) {
    .outer-view section .brief-container {
        padding: 0 30px
    }
}

.outer-view section .video-block video {
    width: 100%;
    display: block
}

.outer-view section .text-block {
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, sans-serif;
    padding: 0 60px;
    margin-bottom: 20px;
    position: relative
}

@media all and (max-width:1024px) {
    .outer-view section .text-block {
        padding: 0 40px
    }
}

.outer-view section .text-block h2 {
    font-size: 4.4vw;
    line-height: 1.2;
    margin-bottom: calc(18px + .1vw);
    text-align: center
}

@media all and (min-width:2560px) {
    .outer-view section .text-block h2 {
        font-size: 84px;
        line-height: 84px
    }
}

@media all and (max-width:1280px) {
    .outer-view section .text-block h2 {
        font-size: 5vw
    }
}

@media all and (max-width:735px) {
    .outer-view section .text-block h2 {
        margin-bottom: calc(9.5px + .1vw);
        font-size: calc(34px + .1vw)
    }
}

@media all and (max-width:1024px) {
    .outer-view section .text-block h2 {
        font-size: calc(42px + .1vw)
    }
}

@media all and (max-width:480px) {
    .outer-view section .text-block h2 {
        font-size: calc(34px + .1vw)
    }
}

.outer-view section .text-block h3 {
    font-size: 2.75vw;
    margin-bottom: 15px;
    line-height: 1.2;
    text-align: center
}

.outer-view section .text-block h3.border {
    background-image: linear-gradient(90deg, #b3b3ff, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    color: #000;
    text-transform: uppercase;
    text-stroke: 1px transparent;
    -webkit-text-stroke: 2px transparent;
    mix-blend-mode: lighten;
    -webkit-mix-blend-mode: lighten
}

@media all and (min-width:2560px) {
    .outer-view section .text-block h3 {
        font-size: 53.76px
    }
}

@media all and (max-width:1920px) {
    .outer-view section .text-block h3 {
        font-size: 3vw
    }
}

@media all and (max-width:1280px) {
    .outer-view section .text-block h3 {
        font-size: calc(44px + .1vw)
    }
}

@media all and (max-width:1024px) {
    .outer-view section .text-block h3 {
        font-size: calc(40px + .1vw)
    }
}

@media all and (max-width:992px) {
    .outer-view section .text-block h3 {
        font-size: calc(38px + .1vw)
    }
}

@media all and (max-width:735px) {
    .outer-view section .text-block h3 {
        font-size: calc(32px + .1vw)
    }
}

.outer-view section .text-block h4 {
    font-size: 1.65vw;
    margin-bottom: 15px;
    line-height: 1.2
}

.outer-view section .text-block h4.title {
    text-align: center
}

@media all and (min-width:2560px) {
    .outer-view section .text-block h4 {
        font-size: 36px
    }
}

@media all and (max-width:1280px) {
    .outer-view section .text-block h4 {
        font-size: calc(26px + .1vw)
    }
}

@media all and (max-width:1024px) {
    .outer-view section .text-block h4 {
        margin-bottom: 10px
    }
}

@media all and (max-width:735px) {
    .outer-view section .text-block h4 {
        font-size: calc(24px + .1vw)
    }
}

@media all and (max-width:480px) {
    .outer-view section .text-block h4 {
        font-size: calc(20px + .1vw)
    }
}

.outer-view .section__base .deco-title {
    color: #02ffff;
    background-image: linear-gradient(0deg, transparent 20%, #9f2fb7, #02ddfd, #00ffb2, #02ffff);
    background-size: 100% 400%;
    background-position: 0 100%;
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: clamp(32px, 2vw, 50px);
    transform: translateY(-50%);
    position: relative;
    z-index: 1
}

@media all and (min-width:2560px) {
    .outer-view .section__base .deco-title {
        font-size: 50px;
        line-height: 1.2;
        padding: 10px 0
    }
}

.outer-view .section__base .color-ring {
    width: 2.34375vw;
    height: 2.34375vw;
    border-radius: 100%;
    display: inline-block;
    opacity: 0;
    transform: translateY(50%);
    transition: opacity ease .2s, transform ease .2s;
    vertical-align: middle;
    position: relative;
    z-index: 2
}

@media all and (min-width:2560px) {
    .outer-view .section__base .color-ring {
        width: 60px;
        height: 60px
    }
}

.outer-view .section__base .color-ring .glow,
.outer-view .section__base .color-ring .ring {
    width: 100%;
    height: 100%;
    position: absolute
}

.outer-view .section__base .color-ring .glow:after,
.outer-view .section__base .color-ring .glow:before,
.outer-view .section__base .color-ring .ring:after,
.outer-view .section__base .color-ring .ring:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 100%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    background-size: 100% 100%
}

.outer-view .section__base .color-ring .glow:before,
.outer-view .section__base .color-ring .ring:before {
    opacity: 1;
    background-image: linear-gradient(-45deg, #117dff, #00deff, #2de4ff, #9b8dff, #a12eb8, #a12eb8, #2de4ff)
}

.outer-view .section__base .color-ring .glow:after,
.outer-view .section__base .color-ring .ring:after {
    opacity: 0;
    background-image: linear-gradient(-45deg, #0f3 15%, #00deff 70%);
    z-index: 2
}

.outer-view .section__base .color-ring .ring {
    z-index: 2
}

.outer-view .section__base .color-ring .ring:after,
.outer-view .section__base .color-ring .ring:before {
    padding: .3125vw
}

@media all and (min-width:2560px) {

    .outer-view .section__base .color-ring .ring:after,
    .outer-view .section__base .color-ring .ring:before {
        padding: 8px
    }
}

.outer-view .section__base .color-ring .glow {
    filter: blur(5px);
    opacity: 1;
    z-index: 1
}

.outer-view .section__base .color-ring .glow:after,
.outer-view .section__base .color-ring .glow:before {
    padding: .3125vw;
    width: calc(100% - .3125vw);
    height: calc(100% - .3125vw);
    top: -.15625vw;
    left: -.15625vw
}

@media all and (min-width:2560px) {

    .outer-view .section__base .color-ring .glow:after,
    .outer-view .section__base .color-ring .glow:before {
        padding: 8px;
        width: calc(100% - 8px);
        height: calc(100% - 8px);
        top: -4px;
        left: -4px
    }
}

.outer-view .section__base .color-ring-trigger.active .color-ring,
.outer-view .section__base.active .color-ring {
    opacity: 1;
    transform: translateY(0);
    transition: opacity ease .5s, transform ease 1.5s;
    will-change: opacity, transform
}

.outer-view .section__base .color-ring-trigger.active .color-ring .glow:after,
.outer-view .section__base .color-ring-trigger.active .color-ring .glow:before,
.outer-view .section__base .color-ring-trigger.active .color-ring .ring:after,
.outer-view .section__base .color-ring-trigger.active .color-ring .ring:before,
.outer-view .section__base.active .color-ring .glow:after,
.outer-view .section__base.active .color-ring .glow:before,
.outer-view .section__base.active .color-ring .ring:after,
.outer-view .section__base.active .color-ring .ring:before {
    transition: opacity ease 1.5s .5s;
    will-change: opacity
}

.outer-view .section__base .color-ring-trigger.active .color-ring .glow:before,
.outer-view .section__base .color-ring-trigger.active .color-ring .ring:before,
.outer-view .section__base.active .color-ring .glow:before,
.outer-view .section__base.active .color-ring .ring:before {
    opacity: 0
}

.outer-view .section__base .color-ring-trigger.active .color-ring .glow:after,
.outer-view .section__base .color-ring-trigger.active .color-ring .ring:after,
.outer-view .section__base.active .color-ring .glow:after,
.outer-view .section__base.active .color-ring .ring:after {
    opacity: 1
}

.outer-view .section__base .color-ring-trigger.active .color-ring .glow,
.outer-view .section__base.active .color-ring .glow {
    filter: blur(10px);
    opacity: .5;
    transition: filter ease 1.5s, opacity ease 1.5s;
    will-change: filter, opacity
}

.outer-view .section__base .color-ring-trigger.active .deco-title,
.outer-view .section__base.active .deco-title {
    background-position: 0 0;
    transform: translateY(0);
    transition: background-position ease 2.5s, transform ease 2.5s;
    will-change: background-position, transform
}

@keyframes gradientAnime {
    0% {
        background-position: 100% 50%;
        filter: brightness(2)
    }

    to {
        background-position: 0 50%;
        filter: brightness(1)
    }
}

.wd__feature__list {
    width: 100%;
    max-width: 1100px;
    position: relative;
    margin-left: auto;
    margin-top: 40px;
    margin-right: auto;
    z-index: 2;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    text-align: center
}

@media all and (max-width:1280px) {
    .wd__feature__list {
        margin-top: 2vw
    }
}

.wd__feature__list .wd__feature {
    min-width: 100px;
    display: inline-block;
    margin: 0 20px 30px;
    vertical-align: bottom;
    line-height: 1;
    color: #272a31
}

@media all and (max-width:1280px) {
    .wd__feature__list .wd__feature {
        margin-left: 1.2vw;
        margin-right: 1.2vw;
        margin-bottom: 1.2vw
    }
}

.wd__feature__list .wd__feature .wd__feature__top {
    font-size: 16px;
    letter-spacing: 2px;
    color: #272a31;
    padding-bottom: 6px;
    text-align: center;
    text-transform: none;
    font-family: Roboto Condensed, Segoe UI, Arial, PingFang TC, Microsoft JhengHei, Microsoft YaHei, sans-serif
}

@media all and (max-width:1280px) {
    .wd__feature__list .wd__feature .wd__feature__top {
        font-size: 15px
    }
}

.wd__feature__list .wd__feature .wd__feature__data {
    text-align: center;
    text-transform: none;
    color: #272a31;
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, sans-serif
}

@media all and (min-width:1921px) {
    .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 48px
    }
}

@media all and (max-width:1920px) {
    .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 38px
    }
}

@media all and (max-width:1280px) {
    .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 34px
    }
}

@media all and (max-width:735px) {
    .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 26px
    }
}

@media all and (max-width:480px) {
    .wd__feature__list .wd__feature .wd__feature__data {
        font-size: 21px
    }
}

.wd__feature__list .wd__feature .wd__feature__data .space-left-m {
    font-size: 29px;
    padding-left: 0
}

.wd__feature__list .wd__feature .wd__feature__data .space-right-m {
    font-size: 29px;
    padding-right: 0
}

.wd__feature__list .wd__feature .wd__feature__data figure.img .img-icon {
    left: 0;
    margin-bottom: 14px;
    width: 192px;
    height: 104px
}

.wd__feature__list .wd__feature .wd__feature__describe {
    letter-spacing: 2px;
    font-family: Roboto Condensed, Segoe UI, Arial, PingFang TC, Microsoft JhengHei, Microsoft YaHei, sans-serif;
    text-align: center;
    text-transform: none;
    font-size: 16px;
    padding-top: 6px
}

@media all and (max-width:1280px) {
    .wd__feature__list .wd__feature .wd__feature__describe {
        font-size: 15px
    }
}

.wd__feature__list .wd__feature .wd__feature__describe span.describeText {
    font-family: Roboto Condensed, Segoe UI, Arial, PingFang TC, Microsoft JhengHei, Microsoft YaHei, sans-serif;
    text-transform: none;
    font-size: 16px;
    line-height: 1.2;
    color: #9280ff
}

@media all and (max-width:1280px) {
    .wd__feature__list .wd__feature .wd__feature__describe span.describeText {
        font-size: 15px
    }
}

.lazyLoad {
    background-image: none !important;
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity .7s;
    transition: opacity .7s
}

.opacityDefault {
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity .7s;
    transition: opacity .7s
}

.fadeIn {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    will-change: opacity;
    -webkit-transition: opacity .7s;
    transition: opacity .7s
}

.fadeIn.animated {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.navigation {
    max-height: 100vh;
    height: 100%;
    display: none;
    padding-right: 20px;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999
}

.navigation:before {
    content: none;
    background-image: linear-gradient(to left, rgba(0, 0, 0, .85), transparent 90%);
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
    z-index: -1
}

.navigation>.inner {
    width: 100%;
    height: 100%;
    display: none;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    position: relative
}

.navigation.active {
    display: flex;
    align-items: center;
    padding-left: 4vw;
    padding-top: 100px
}

.navigation.active>.inner {
    display: flex;
    display: -webkit-flex
}

.navigation.active:before {
    content: ""
}

.navigation ul {
    display: block;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    position: relative;
    list-style: none
}

.navigation ul li {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    margin: 3% 0;
    text-align: left
}

.navigation ul li a {
    width: auto;
    background-size: cover;
    background-repeat: no-repeat;
    color: #272a31;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-family: Roboto Condensed, Segoe UI, Arial, PingFang TC, Microsoft JhengHei, Microsoft YaHei, sans-serif;
    font-size: 18px;
    padding: 0;
    position: relative;
    white-space: nowrap;
    text-decoration: none;
    text-shadow: 0 0 5px #000;
    transform-origin: right center;
    transition: transform ease .5s
}

.navigation ul li a.active .navDot:after,
.navigation ul li a.active .navDot:before {
    transform: translate(-50%, -50%) scale(1)
}

.navigation ul li a.active .navDot span {
    background-color: #9280ff
}

.navigation ul li a>span {
    display: inline-block;
    padding-right: 5px;
    opacity: 0;
    transform-origin: right center;
    transform: translate(20%) scale(1.2);
    transition: opacity ease .5s, transform ease .5s
}

.navigation ul li a .navDot {
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: relative;
    transition: transform cubic-bezier(.85, 0, 0, .85) .5s
}

.navigation ul li a .navDot:after,
.navigation ul li a .navDot:before {
    content: "";
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #8c8c8c;
    display: block;
    position: absolute;
    transform-origin: center center;
    left: 50%;
    top: 50%;
    transition: transform cubic-bezier(.85, 0, 0, .85) 1s, border-color cubic-bezier(.85, 0, 0, .85) 1s
}

.navigation ul li a .navDot:before {
    width: 80%;
    height: 80%;
    transform: translate(-50%, -50%) scale(2);
    z-index: 2
}

.navigation ul li a .navDot:after {
    width: 33%;
    height: 33%;
    transform: translate(-50%, -50%) scale(3.3);
    z-index: 2
}

.navigation ul li a .navDot span {
    width: 33%;
    height: 33%;
    background-color: #8c8c8c;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    transition: transform cubic-bezier(.85, 0, 0, .85) 1s
}

@media (hover:hover) {
    .navigation ul li a:hover {
        transform: translate(0);
        will-change: transform
    }

    .navigation ul li a:hover>span {
        opacity: 1;
        transform: translate(0) scale(1);
        will-change: opacity, transform
    }

    .navigation ul li a:hover .navDot {
        will-change: transform
    }

    .navigation ul li a:hover .navDot:after,
    .navigation ul li a:hover .navDot:before {
        transform: translate(-50%, -50%) scale(1);
        will-change: transform
    }

    .navigation ul li a:hover .navDot span {
        background-color: #9280ff;
        transform: translate(-50%, -50%) scale(.1);
        will-change: background-color, transform
    }
}

@keyframes ROGnav {
    0% {
        -webkit-mask-size: 100% 270%
    }

    to {
        -webkit-mask-size: 100% 10%
    }
}

@keyframes squareBorderReverse {
    to {
        background-position: -11px 0, 10px -11px, 11px 10px, 0 11px
    }

    75% {
        background-position: 0 0, 10px -11px, 11px 10px, 0 11px
    }

    50% {
        background-position: 0 0, 10px 0, 11px 10px, 0 11px
    }

    25% {
        background-position: 0 0, 10px 0, -1px 10px, 0 11px
    }

    0% {
        background-position: 0 0, 10px 0, 0 10px, 0 0
    }
}

.product-name-bar {
    width: 100px;
    height: 100vh;
    background-image: linear-gradient(to right, rgba(0, 0, 0, .9), transparent 100%);
    display: flex;
    text-align: center;
    align-items: center;
    padding: 100px 30px 0 15px;
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    visibility: hidden;
    z-index: 99
}

.product-name-bar .inner {
    width: 4vh;
    padding-left: 5px;
    position: relative
}

.product-name-bar .title-wrapper {
    width: 20vh;
    height: 2.5vh;
    overflow: hidden;
    transform-origin: left;
    transform: translate(17px, -14px) rotate(90deg)
}

@media all and (min-width:2560px) {
    .product-name-bar .title-wrapper {
        transform: translate(20px, -15px) rotate(90deg)
    }
}

.product-name-bar .title-block {
    text-align: left;
    transition: transform .3s ease
}

.product-name-bar .title-block.intro {
    transform: translateY(0)
}

.product-name-bar .title-block.performance {
    transform: translateY(-12%)
}

.product-name-bar .title-block.design {
    transform: translateY(-22%)
}

.product-name-bar .title-block.portability {
    transform: translateY(-32%)
}

.product-name-bar .title-block.thermal {
    transform: translateY(-42%)
}

.product-name-bar .title-block.display {
    transform: translateY(-52%)
}

.product-name-bar .title-block.control {
    transform: translateY(-62%)
}

.product-name-bar .title-block.connectivity {
    transform: translateY(-72%)
}

.product-name-bar .title-block.audio {
    transform: translateY(-82%)
}

.product-name-bar .title-block.software {
    transform: translateY(-92%)
}

.product-name-bar h4 {
    font-size: 2.5vh;
    line-height: 1.5;
    transform-origin: center
}

.product-name-bar .namebar_rog_z13 {
    width: 90%;
    margin: 0 auto
}

.product-name-bar .icon_global {
    padding: 1vh 0
}

.product-name-bar.active {
    visibility: visible
}

.subscribeEDM {
    background-color: #000;
    position: fixed;
    width: 19vw;
    height: 7vw;
    bottom: 30px;
    right: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: space-between;
    padding: 1vw 1.5vw;
    z-index: 1001;
    border: 1px solid #666;
    visibility: hidden
}

@media screen and (min-width:2560px) {
    .subscribeEDM {
        width: 430px;
        height: 179.2px;
        bottom: 30px;
        padding: 37.6px 32.8px;
        right: 33px
    }
}

@media screen and (max-width:1440px) {
    .subscribeEDM {
        width: 18vw;
        height: 7vw;
        right: 18px;
        bottom: 18px;
        padding: 1vw 1.25vw
    }
}

@media screen and (max-width:1024px) {
    .subscribeEDM {
        width: 36vw;
        height: 14vw;
        padding: 2vw 2.75vw;
    }
}

@media screen and (max-width:767px) {
    .subscribeEDM {
        width: 73vw;
        height: 28vw;
        right: 15px;
        bottom: 15px;
        padding: 4vw 6vw
    }
}

.subscribeEDM .inputEmailTitleFrame {
    display: flex;
    flex-direction: row;
    margin-bottom: .3vw
}

@media screen and (max-width:1024px) {
    .subscribeEDM .inputEmailTitleFrame {
        margin-bottom: .6vw
    }
}

@media screen and (max-width:767px) {
    .subscribeEDM .inputEmailTitleFrame {
        margin-bottom: 1.2vw
    }
}

.subscribeEDM .inputEmailTitleFrame .inputEmailTitle {
    font-family: Roboto Condensed, Microsoft JhengHei, sans-serif;
    font-size: .8vw;
    color: #b5b5b5;
    text-transform: uppercase
}

@media screen and (min-width:2560px) {
    .subscribeEDM .inputEmailTitleFrame .inputEmailTitle {
        font-size: 18px
    }
}

@media screen and (max-width:1024px) {
    .subscribeEDM .inputEmailTitleFrame .inputEmailTitle {
        font-size: 1.6vw
    }
}

@media screen and (max-width:767px) {
    .subscribeEDM .inputEmailTitleFrame .inputEmailTitle {
        font-size: 3.2vw
    }
}

.subscribeEDM .inputEmailTitleFrame .closeSubscribeBtn {
    border: 0;
    width: 1.5vw;
    height: .85vw;
    justify-content: center;
    align-items: center;
    display: flex;
    color: #b5b5b5;
    background: 0 0;
    line-height: 1;
    padding: 0;
    margin: 0;
    box-shadow: none;
    outline: 0;
    font: inherit;
    cursor: pointer;
    fill: #b5b5b5;
    opacity: 1;
    transition: opacity .5s ease-in-out
}

.subscribeEDM .inputEmailTitleFrame .closeSubscribeBtn:hover {
    opacity: .6
}

@media screen and (min-width:2560px) {
    .subscribeEDM .inputEmailTitleFrame .closeSubscribeBtn {
        width: 38.4px;
        height: 21.76px
    }
}

@media screen and (max-width:1024px) {
    .subscribeEDM .inputEmailTitleFrame .closeSubscribeBtn {
        width: 3vw;
        height: 1.8vw
    }
}

@media screen and (max-width:767px) {
    .subscribeEDM .inputEmailTitleFrame .closeSubscribeBtn {
        width: 6vw;
        height: 3.6vw
    }
}

.subscribeEDM .inputEmailTitleFrame .closeSubscribeBtn svg {
    fill: #b5b5b5;
    width: 1.5vw;
    height: .85vw
}

@media screen and (min-width:2560px) {
    .subscribeEDM .inputEmailTitleFrame .closeSubscribeBtn svg {
        width: 38.4px;
        height: 21.76px
    }
}

@media screen and (max-width:1024px) {
    .subscribeEDM .inputEmailTitleFrame .closeSubscribeBtn svg {
        width: 3vw;
        height: 1.8vw
    }
}

@media screen and (max-width:767px) {
    .subscribeEDM .inputEmailTitleFrame .closeSubscribeBtn svg {
        width: 6vw;
        height: 3.6vw
    }
}

.subscribeEDM .inputEmaiFrame {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.subscribeEDM .inputEmaiFrame #inputEmail {
    background-color: #000;
    border: 1px solid #666;
    color: #fff;
    padding: 8px 12px;
    width: 71%;
    height: 2vw
}

@media screen and (min-width:2560px) {
    .subscribeEDM .inputEmaiFrame #inputEmail {
        font-size: 23.04px;
        width: 71%;
        height: 51.2px
    }
}

@media screen and (max-width:1024px) {
    .subscribeEDM .inputEmaiFrame #inputEmail {
        height: 4vw
    }
}

@media screen and (max-width:767px) {
    .subscribeEDM .inputEmaiFrame #inputEmail {
        height: 8vw
    }
}

.subscribeEDM .inputEmaiFrame #inputEmail::placeholder {
    font-size: .9vw
}

@media screen and (min-width:2560px) {
    .subscribeEDM .inputEmaiFrame #inputEmail::placeholder {
        font-size: 23.04px
    }
}

@media screen and (max-width:1024px) {
    .subscribeEDM .inputEmaiFrame #inputEmail::placeholder {
        font-size: 1.8vw
    }
}

@media screen and (max-width:767px) {
    .subscribeEDM .inputEmaiFrame #inputEmail::placeholder {
        font-size: 3.6vw
    }
}

.subscribeEDM .inputEmaiFrame .inputEmailBtn {
    color: #fff;
    cursor: pointer;
    font-size: .9vw;
    background-color: #cc000e;
    width: 5vw;
    height: 2vw;
    border: 0;
    text-transform: uppercase;
    font-family: Roboto Condensed, Microsoft JhengHei, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    transition: background-color .5s ease-in-out
}

.subscribeEDM .inputEmaiFrame .inputEmailBtn:hover {
    background-color: #850007
}

@media screen and (min-width:2560px) {
    .subscribeEDM .inputEmaiFrame .inputEmailBtn {
        font-size: 23.04px;
        width: 128px;
        height: 51.2px
    }
}

@media screen and (max-width:1024px) {
    .subscribeEDM .inputEmaiFrame .inputEmailBtn {
        font-size: 1.8vw;
        width: 10vw;
        height: 4vw
    }
}

@media screen and (max-width:767px) {
    .subscribeEDM .inputEmaiFrame .inputEmailBtn {
        font-size: 3.6vw;
        width: 20vw;
        height: 8vw
    }
}

#ASUS-features .section__base:not(#section-kv) {
    transition: opacity .5s ease-in-out
}

#ASUS-features .section__base.navShow {
    opacity: 1;
    display: block;
    transition: transform .2s .3s ease-in-out, opacity .5s ease-in-out
}

#ASUS-features .section__base .wd-content.large-text-center {
    text-align: center
}

#ASUS-features .section__base .wd-content.large-text-left {
    text-align: left
}

#ASUS-features .section__base .wd-content.large-text-right {
    text-align: right
}

#ASUS-features .section__base .modal-button-container {
    margin-top: 62px;
    height: auto
}

#ASUS-features .section__base .slick-arrow {
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: solid 1px #86868b;
    display: block;
    font-family: cursive;
    font-size: 16px;
    font-weight: 100;
    line-height: 40px;
    transition: background-color ease .4s;
    position: absolute;
    z-index: 6
}

@media (hover:hover) {
    #ASUS-features .section__base .slick-arrow:hover {
        background-color: #ffffff26;
        will-change: background-color
    }

    #ASUS-features .section__base .slick-arrow:hover:before {
        color: #9480ff
    }
}

@media all and (max-width:1280px) {
    #ASUS-features .section__base .slick-arrow {
        width: 32px;
        height: 32px
    }
}

#ASUS-features .section__base .slick-arrow.slick-disabled {
    display: none !important
}

#ASUS-features .section__base .slick-next,
#ASUS-features .section__base .slick-prev {
    left: auto;
    right: auto;
    top: auto;
    bottom: 5px;
    transform: translate(-50%)
}

#ASUS-features .section__base .slick-next:before,
#ASUS-features .section__base .slick-prev:before {
    width: 16px;
    height: 16px;
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/svg/icon_arrow.svg);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    display: block;
    filter: grayscale(1);
    position: absolute;
    top: 29%;
    transform-origin: center center
}

@media all and (min-width:1280px) {

    #ASUS-features .section__base .slick-next:before,
    #ASUS-features .section__base .slick-prev:before {
        top: 30%
    }
}

@media all and (max-width:480px) {

    #ASUS-features .section__base .slick-next:before,
    #ASUS-features .section__base .slick-prev:before {
        width: 12px;
        height: 12px
    }
}

#ASUS-features .section__base .slick-next {
    left: calc(50% + 140px)
}

#ASUS-features .section__base .slick-next:before {
    content: "";
    left: 20%;
    transform: rotate(135deg)
}

@media all and (min-width:1280px) {
    #ASUS-features .section__base .slick-next:before {
        left: 20%
    }
}

#ASUS-features .section__base .slick-prev {
    left: calc(50% - 140px)
}

#ASUS-features .section__base .slick-prev:before {
    content: "";
    left: 30%;
    transform: rotate(-45deg)
}

@media all and (min-width:1280px) {
    #ASUS-features .section__base .slick-prev:before {
        left: 32%
    }
}

#ASUS-features .section__base .slider {
    max-width: 2560px;
    padding-bottom: 60px
}

@media all and (max-width:1280px) {
    #ASUS-features .section__base .slider {
        padding-bottom: 70px
    }
}

#ASUS-features .section__base .slider.slick-dotted.slick-slider {
    margin: 0 auto
}

#ASUS-features .section__base .slider .slick-list {
    padding: 0 10px;
    z-index: 1
}

#ASUS-features .section__base .slider .slick-dots {
    width: 100%;
    list-style-type: none;
    position: absolute;
    bottom: 5vw;
    z-index: 3
}

#ASUS-features .section__base .slider .slick-dots li:not(.block-pause-play) {
    width: 80px;
    height: 17px;
    background-color: #9096a3;
    border-color: transparent;
    border-style: solid;
    border-width: 1.5px;
    border-radius: 17px;
    transition: width cubic-bezier(0.75, 0, 0, 0.75) .3s, border-color ease .3s, background-color ease .3s;
}

#ASUS-features .section__base .slider .slick-dots li:not(.block-pause-play) button {
    width: 100%;
    height: 100%;
}

#ASUS-features .section__base .slider .slick-dots li:not(.block-pause-play) button:before {

}

#ASUS-features .section__base .slider .slick-dots li:not(.block-pause-play):nth-child(2n) button:before {
    content: none;
}

#ASUS-features .section__base .slider .slick-dots li:not(.block-pause-play):nth-child(odd) button:before {
    content: none;
}

@media (hover:hover) {
    #ASUS-features .section__base .slider .slick-dots li:not(.block-pause-play):not(.slick-active):hover {

    }

}
#ASUS-features .section__base .slider .slick-dots li.slick-active {
    width: 30px;
    background-color: transparent;
    border-color: #272a31;
    will-change: width, border-color, background-color;
}
#ASUS-features .section__base .slider .slick-dots li.slick-active button {

}

#ASUS-features .section__base .slider .slick-dots li.slick-active.animate-paused button:after {
    animation-play-state: paused
}

#ASUS-features .section__base .slider .slick-dots li.slick-active.animate-none button:after {
    animation-name: none
}

#ASUS-features .section__base .slider .slick-dots li.slick-active button:after {

}

@media all and (min-width:2560px) {
    #ASUS-features .section__base .slider .slick-dots {
        bottom: 100px;
    }
    
}

#ASUS-features .section__base .slider .slick-track {
    display: flex;
    align-items: flex-start;
    justify-content: center
}

#ASUS-features .section__base .slider .slick-slide {
    float: none;
    padding: 0 10px
}

#ASUS-features .section__base .slider .slick-slide .border {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    pointer-events: none
}

#ASUS-features .section__base .slider .slick-slide.slick-active .slide:before {
    opacity: 1;
    will-change: opacity
}

#ASUS-features .section__base .slider .slick-slide.slick-active .slide:after {
    animation-name: rotatePlus
}

#ASUS-features .section__base .slider .slick-slide.slick-active .pic,
#ASUS-features .section__base .slider .slick-slide.slick-active .text-block {
    opacity: 1;
    will-change: opacity
}

#ASUS-features .section__base .slider .slide {
    overflow: hidden;
    padding: 0;
    position: relative
}

#ASUS-features .section__base .slider .slide .pic {
    opacity: .75;
    padding-bottom: 15px;
    transition: opacity ease .3s
}

@media all and (max-width:1280px) {
    #ASUS-features .section__base .slider .slide .pic {
        padding-bottom: 6px
    }
}

@media all and (max-width:1024px) {
    #ASUS-features .section__base .slider .slide .pic {
        padding-bottom: 15px
    }
}

#ASUS-features .section__base .slider .slide .pic picture {
    width: 100%;
    display: block
}

@media all and (max-width:1280px) {
    #ASUS-features .section__base .slider .slide .text-block .text-inner h4 {
        font-size: 2.25vw
    }
}

@media all and (max-width:1024px) {
    #ASUS-features .section__base .slider .slide .text-block .text-inner h4 {
        font-size: 5vw
    }
}

#ASUS-features .section__base .slider .slide .text-block .text-inner p {
    height: 142px;
    overflow-y: scroll;
    padding-right: 10px
}

#ASUS-features .section__base .slider .slide .text-block .text-inner p::-webkit-scrollbar {
    width: 5px
}

#ASUS-features .section__base .slider .slide .text-block .text-inner p::-webkit-scrollbar-track {
    background-color: transparent
}

#ASUS-features .section__base .slider .slide .text-block .text-inner p::-webkit-scrollbar-thumb {
    background-color: #fff3;
    transition: background-color ease .2s
}

@media (hover:hover) {
    #ASUS-features .section__base .slider .slide .text-block .text-inner p::-webkit-scrollbar-thumb:hover {
        background-color: #ffffff40
    }
}

@media all and (max-width:1920px) {
    #ASUS-features .section__base .slider .slide .text-block .text-inner p {
        height: 6.2vw
    }
}

@media all and (max-width:1280px) {
    #ASUS-features .section__base .slider .slide .text-block .text-inner p {
        height: 10.2vw
    }
}

#ASUS-features .section__base .slider.horizontal-layout .container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse
}

#ASUS-features .section__base .slider.horizontal-layout .container .content {
    width: 40%
}

#ASUS-features .section__base .slider.horizontal-layout .container .pic {
    width: 60%
}

@keyframes rotatePlus {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

#ASUS-features .section__kv {
    padding-top: 3vw
}

#ASUS-features .section__kv .kv_title {
    width: 85%;
    margin: 0 auto;
    padding: 0 60px
}

#ASUS-features .section__kv .logo-block {
    position: absolute;
    bottom: 3%;
    left: 2%;
    z-index: 3;
}

#ASUS-features .section__kv .logo-block .logo {
    display: inline-block;
    padding: 0 .5vw;
    vertical-align: middle;
}

#ASUS-features .section__kv .logo-windows-11 {
    width: 10vw;
    height: 2vw;
}
#ASUS-features .section__kv .logo-xbox-game-pass {
    width: 10vw;
    height: 2vw;
}

@media all and (min-width:2560px) {
    #ASUS-features .section__kv {
        padding-top: 77px
    }
    #ASUS-features .section__kv .kv_title {
        width: 65%
    }
    #ASUS-features .section__kv .logo-block .logo {
        padding: 0 25px;
    }
    #ASUS-features .section__kv .logo-windows-11 {
        width: 300px;
        height: 55px;
    }
    #ASUS-features .section__kv .logo-xbox-game-pass {
        width: 300px;
        height: 52px;
    }
}

@media all and (max-width:1080px) {
    #ASUS-features .section__kv .logo-block {
        width: 100%;
        text-align: center;
        bottom: 4%;
        left: 0;
    }
    #ASUS-features .section__kv .logo-block .logo {
        padding: 0 1vw;
    }
    #ASUS-features .section__kv .logo-windows-11 {
        width: 28.5vw;
        height: 5.5vw;
    }
    #ASUS-features .section__kv .logo-xbox-game-pass {
        width: 28vw;
        height: 5vw;
    }
}

#ASUS-features .section__kv .img__kv, #ASUS-features .section__kv .inner {
    width: 94.33vw;
    height: 50vw;
    background-color: #000;
    background-position-y: -1.1vw;
    border-radius: 40px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    z-index: 1
}

#ASUS-features .section__kv .inner {
    transform: scale(1.5);
}

#ASUS-features .section__kv .img__kv {
    opacity: 0;
    transform: scale(.9);
    z-index: 2;
}

#ASUS-features .section__kv.active .img__kv {
    opacity: 1;
    transition: opacity ease 2s, transform ease 2s;
    transform: scale(1);
    transition-delay: .5s;
    will-change: opacity, transform;    
}

#ASUS-features .section__kv .img__kv_erase {
    opacity: .25;
    transform-origin: center;
    transform: scaleX(3) scaleY(.1);
    position: absolute;
    z-index: 1;  
}

#ASUS-features .section__kv.active .img__kv_erase {
    opacity: 1;
    transform: scaleX(1) scaleY(1);
    transition: opacity cubic-bezier(1,0,0,1) .25s, transform ease .25s;
    will-change: opacity, transform;
    
}

#ASUS-features .section__kv.active .inner {
    transform: scale(1);
    transition: transform ease 1.5s;
    will-change: transform;
}

#ASUS-features .section__kv .img__kv {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/kv.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__kv .img__kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/kv.webp)
    }
}

.noWebp #ASUS-features .section__kv .img__kv {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/kv.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__kv .img__kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/kv.jpg)
    }
}

#ASUS-features .section__kv .img__kv_erase {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/kv_erase.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__kv .img__kv_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/kv_erase.webp)
    }
}

.noWebp #ASUS-features .section__kv .img__kv_erase {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/kv_erase.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__kv .img__kv_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/kv_erase.jpg)
    }
}

@media all and (min-width:2560px) {
    #ASUS-features .section__kv .img__kv, #ASUS-features .section__kv .inner {
        width: 2415px;
        height: 1280px;
        border-radius: 62px;
        background-position-y: -30px;
    }
}
@media all and (max-width:1280px) {
    #ASUS-features .section__kv .img__kv, #ASUS-features .section__kv .inner {
        width: 94.33vw;
        height: 60vw;
    }
}
@media all and (max-width:1080px) {
    #ASUS-features .section__kv .img__kv, #ASUS-features .section__kv .inner {
        height: 125vw;
    }

}

@media all and (max-width:735px) {
    #ASUS-features .section__kv .img__kv, #ASUS-features .section__kv .inner {
        border-radius: 24px;
    }

}

#ASUS-features .section__kv .img__kv:after {
    content: "";
    width: 100%;
    height: 30%;
    background-image: linear-gradient(to top, #000, #0000);
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 2
}

#ASUS-features .section__kv .button-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 0 60px;
    padding-top: 1vw;
    text-align: center;
    position: relative;
    bottom: 5vw;
}

@media all and (min-width: 2560px) {
    #ASUS-features .section__kv .button-block {
        padding-top: 35px;
    }
}

@media all and (max-width: 1024px) {
    #ASUS-features .section__kv .button-block {
        padding-top: 1vw;
    }
}

@media all and (max-width: 480px) {
    #ASUS-features .section__kv .button-block {
        padding-top: 2vw;
    }
}

#ASUS-features .section__kv .button-block .btn {
    height: 2.968vw;
    background-color: #b3ff07;
    color: #000;
    display: inline-block;
    font-family: 'Trade-Gothic-LT-Bold', 'Microsoft JhengHei', 'sans-serif';
    font-size: clamp(18px, 1.4vw, 32px);
    line-height: clamp(18px, 1.4vw, 32px);
    padding: 0.78125vw 1.953vw;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
}

#ASUS-features .section__kv .button-block .btn.btn-email {
    background-color: #00c8ff;
    color: #000;
}

#ASUS-features .section__kv .button-block p.note {
    font-size: clamp(16px, .9vw, 22px);
    line-height: clamp(16px, .9vw, 22px);
}

@media all and (min-width: 2560px) {
    #ASUS-features .section__kv .button-block .btn {
        height: 76px;
        font-size: 32px;
        line-height: 32px;
        padding: 20px 50px;
    }
    #ASUS-features .section__kv .button-block p.note {
        font-size: 22px;
        line-height: 22px;
    }
}

@media all and (max-width: 1024px) {
    #ASUS-features .section__kv .button-block .btn.btn-email {
        height: 5.3vw;
        font-size: 3.2vw;
        padding: 0.8vw 3vw;
    }
}

@media all and (max-width: 735px) {
    #ASUS-features .section__kv .button-block .btn.btn-email {
        height: 7.3vw;
        font-size: 4.2vw;
        padding: 1.5vw 4vw;
    }
    #ASUS-features .section__kv .button-block p.note {
        font-size: calc(14px + .1vw);
        padding-top: 5px;
    }
}

@media all and (max-width: 480px) {
    #ASUS-features .section__kv .button-block .btn.btn-email {
        height: 7.3vw;
        font-size: 4.2vw;
        padding: 0.8vw 3.3vw;
    }
}

@media (hover: hover) {
    #ASUS-features .section__kv .button-block .btn:hover {
        background-color: #fff;
        will-change: background-color;
    }
}

#ASUS-features .section__kv .text-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 1.5625vw;
    transform: translateX(-50%);
    z-index: 2;
}

@media all and (min-width: 2560px) {
    #ASUS-features .section__kv .text-block {
        bottom: 40px;
    }
}

@media all and (max-width: 1080px) {
    #ASUS-features .section__kv .text-block {
        bottom: 13vw;
    }
}

#ASUS-features .section__kv h2 {
    color: #fff;
    display: inline-block;
    font-size: 4.688vw;
    letter-spacing: 4px;
    line-height: 1.3;
    margin: 0;
    text-align: center;
    position: relative;
    z-index: 2
}

#ASUS-features .section__kv h2 .tag {
    width: 10.5vw;
    height: 1.953vw;
    color: #000;
    display: flex;
    font-size: clamp(18px, 1.4vw, 32px);
    line-height: clamp(18px, 1.4vw, 32px);
    letter-spacing: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    left: -2.5%;
    top: -25%;
}

#ASUS-features .section__kv h2 .tag::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #00FFB2;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transform: skewX(15deg);
}

@media all and (min-width:2560px) {
    #ASUS-features .section__kv h2 {
        font-size: 120px
    }
    #ASUS-features .section__kv h2 .tag {
        width: 230px;
        height: 50px;
        top: -20%;
    }
}

@media all and (max-width:1280px) {
    #ASUS-features .section__kv h2 {
        font-size: 5.8vw;
    }
    #ASUS-features .section__kv h2 .tag {
        width: 12vw;
        height: 2.3vw;
        font-size: 1.6vw;
        line-height: 1.6vw;
        top: -20%;
    }
}

@media all and (max-width:1024px) {
    #ASUS-features .section__kv h2 .tag {
        width: 23.3vw;
        height: 4.6vw;
        font-size: 3.2vw;
        line-height: 1.6vw;
        top: -35%;
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__kv h2 .tag {
        width: 32vw;
        height: 6vw;
        font-size: 4.2vw;
        line-height: 4.2vw;
        top: -50%;
        left: 0;
    }
}

@media all and (max-width:600px) {
    #ASUS-features .section__kv h2 .tag {
        width: 32vw;
        height: 6.5vw;
        font-size: 4.2vw;
        line-height: 4.2vw;
        top: -65%;
    }
}

#ASUS-features .section__kv h3 {
    color: transparent;
    -webkit-text-stroke: 1px white;
    text-stroke: 1px white;
    font-size: 2.5vw;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.4;
    margin: 0;
    padding-top: .5vw;
    text-align: center
}
#ASUS-features .section__kv h3 .cutout {
    color: #fff;
    -webkit-text-stroke: transparent;
    text-stroke: transparent;
    display: inline-block;
    font-style: italic;
    padding: 0 .25vw;
    position: relative;
}

#ASUS-features .section__kv h3 .cutout::before {
    content: "ALLY";
    width: 105%;
    background-image: linear-gradient(90deg, #c82fd3, #13b7dc, #0a99f9, #5ee728);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: blur(5px);
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 0;
    transform-origin: center;
    transform: translateX(-50%) scale(1.05);
    z-index: -1;
}

@media all and (min-width:2560px) {
    #ASUS-features .section__kv h3 {
        font-size: 64px;
        padding-top: 15px
    }
    #ASUS-features .section__kv h3 .cutout {
        padding: 0 6px;
    }
}

@media all and (max-width:1280px) {
    #ASUS-features .section__kv h3 {
        font-size: 3.2vw;
    }
}

#ASUS-features .section__kv .text-block p {
    color: #272a31;
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, sans-serif;;
    font-size: 1.5vw;
    letter-spacing: 1px;
    padding-top: 1.5vw;
    text-align: center
}

@media all and (min-width:2560px) {
    #ASUS-features .section__kv .text-block p {
        font-size: 36px;
        padding-top: 30px;
    }
}

@media all and (max-width:1280px) {
    #ASUS-features .section__kv .text-block p {
        font-size: 1.85vw;
        letter-spacing: 0;
    }
}

@media all and (max-width:1024px) {
    #ASUS-features .section__kv .text-block p {
        font-size: 3.8vw;
    }
}

@media all and (max-width:480px) {
    #ASUS-features .section__kv .text-block p {
        font-size: 4.2vw;
    }
}

#ASUS-features .section__kv .hardware_list {
    width: 100vw;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    padding: 1vw 0;
    text-align: center;
    position: relative;
    z-index: 2
}

@media all and (min-width:2560px) {
    #ASUS-features .section__kv .hardware_list {
        width: 1000px;
        padding: 30px 0
    }
}

#ASUS-features .section__kv .hardware_list .pic,
#ASUS-features .section__kv .hardware_list>img {
    background-repeat: no-repeat;
    display: inline-block;
    margin: 30px;
    background-size: contain;
    vertical-align: middle
}

#ASUS-features .section__kv .hardware_list .pic.amd,
#ASUS-features .section__kv .hardware_list>img.amd {
    width: 130px;
    height: 69px
}

#ASUS-features .section__kv .hardware_list .pic.xbox-game-pass,
#ASUS-features .section__kv .hardware_list>img.xbox-game-pass {
    width: 240px;
    height: 34px
}

#ASUS-features .section__kv .hardware_list .pic.logo_copilot_pc,
#ASUS-features .section__kv .hardware_list>img.logo_copilot_pc {
    width: 220px;
    height: 42px
}

#ASUS-features .section__kv .icon-feature-list {
    width: 100vw;
    margin: 0 auto;
    padding: 1vw 30px 2vw;
    position: relative;
    z-index: 2
}

#ASUS-features .section__kv .icon-feature-list ul.flex-block {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    list-style: none;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: stretch;
    -webkit-align-items: stretch
}

#ASUS-features .section__kv .icon-feature-list li {
    width: 33.333%
}

#ASUS-features .section__kv .icon-feature-list li a {
    height: 100%;
    background-color: #fff0;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    padding: 20px;
    text-decoration: none;
    transition: background-color ease .4s
}

@media (hover:hover) {
    #ASUS-features .section__kv .icon-feature-list li a:hover {
        background-color: #ffffff1a
    }

    #ASUS-features .section__kv .icon-feature-list li a:hover .read-more {
        color: #272a31
    }
}

@media all and (min-width:1281px) and (max-width:1440px) {
    #ASUS-features .section__kv .icon-feature-list li a {
        padding: 10px
    }
}

#ASUS-features .section__kv .icon-feature-list li .logo-win11 {
    max-width: 130px;
    padding: 25px
}

#ASUS-features .section__kv .icon-feature-list li .logo-win11 img {
    width: 80px;
    height: 80px
}

#ASUS-features .section__kv .icon-feature-list li .icon-battery {
    padding: 15px
}

#ASUS-features .section__kv .icon-feature-list li .icon-battery img {
    width: 100px;
    height: 48px
}

#ASUS-features .section__kv .icon-feature-list li .icon-display {
    padding: 10px
}

#ASUS-features .section__kv .icon-feature-list li .icon-display img {
    width: 80px;
    height: 80px
}

#ASUS-features .section__kv .icon-feature-list li .icon-z13-angle {
    padding: 10px
}

#ASUS-features .section__kv .icon-feature-list li .icon-z13-angle img {
    width: 110px;
    height: 54px
}

#ASUS-features .section__kv .icon-feature-list li .icon-amd-ai {
    padding: 20px
}

#ASUS-features .section__kv .icon-feature-list li .icon-amd-ai img {
    width: 90px;
    height: 80px
}

#ASUS-features .section__kv .icon-feature-list li .icon_nebula {
    padding: 25px
}

#ASUS-features .section__kv .icon-feature-list li .icon_nebula img {
    width: 80px;
    height: 65px
}

#ASUS-features .section__kv .icon-feature-list li .pic {
    width: 130px;
    align-self: center
}

#ASUS-features .section__kv .icon-feature-list li .txt {
    width: calc(100% - 140px);
    height: 100%;
    color: #272a31;
    padding: 15px 10px
}

#ASUS-features .section__kv .icon-feature-list li .txt p {
    font-size: 16px
}

#ASUS-features .section__kv .icon-feature-list li .txt .inner {
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    grid-row-gap: 10px
}

#ASUS-features .section__kv .icon-feature-list li .txt .button-block {
    border-top: 1px solid rgba(255, 255, 255, .15)
}

#ASUS-features .section__kv .icon-feature-list li .txt .read-more {
    color: #272a31;
    background-color: #9280ff;
    display: inline-block;
    font-size: 15px;
    line-height: 1.5;
    padding-top: 6px;
    -webkit-background-clip: text;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    transition: color ease .4s
}

@media all and (min-width:2560px) {
    #ASUS-features .section__kv .icon-feature-list li .txt .read-more {
        font-size: 16px
    }
}

#ASUS-features .section__kv.active .kv-container .product {
    opacity: 1;
    transform: translate(0) translateY(0) scale(1);
    transition: transform ease .2s, opacity ease .2s;
    will-change: opacity, transform;
    transition-delay: .1s
}

#ASUS-features .section__kv.active .kv-container .product.kv_z13_back {
    transition-delay: .5s
}

#ASUS-features .section__kv.active .kv-container .product.kv_z13_back img {
    animation-delay: .6s
}

#ASUS-features .section__kv.active .kv-container .product.kv_z13_front img {
    animation-delay: .2s
}

#ASUS-features .section__kv.active h2 span {
    opacity: 1;
    will-change: opacity, transform
}

#ASUS-features .section__kv.active h2 span:nth-child(1) {
    transform: translate(0) translateY(0) skew(0);
    transition-delay: .1s
}

#ASUS-features .section__kv.active h2 span:nth-child(2) {
    transform: translate(0) translateY(0) skew(0);
    transition-delay: .2s
}

#ASUS-features .section__kv.active h2 span:nth-child(3) {
    transform: translate(0) translateY(0) skew(0);
    transition-delay: .3s
}

#ASUS-features .section__compare {
    overflow: visible;
    padding-top: 12vw
}

@media all and (min-width:2560px) {
    #ASUS-features .section__compare {
        padding-top: 240px
    }
}

#ASUS-features .section__compare .deco-block {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0
}

#ASUS-features .section__compare .btn-learn-more {
    background-color: #D2FF7A;
    border-radius: 10px;
    color: #272a31;
    text-decoration: none;
    display: inline-block;
    font-family: Trade-Gothic-LT-Bold, Roboto Light, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
    font-size: clamp(18px, 1.5vw, 30px);
    font-weight: bold;
    line-height: 1.4;
    margin-top: 1vw;
    padding: .25vw 2vw;
    transition: background-color cubic-bezier(.85,0,0,.85) .3s, color cubic-bezier(.85,0,0,.85) .5s
}

@media (hover:hover) {
    #ASUS-features .section__compare .btn-learn-more:hover {
        background-color: #272a31;
        color: #D2FF7A;
        will-change: background-color, color
    }
}

@media all and (max-width:1080px) {
    #ASUS-features .section__compare .btn-learn-more {
        padding: 6px 30px;
    }
}

#ASUS-features .section__compare #btn-breathe {
    position: absolute;
    right: 3%;
    top: 70%;
    transform: translate(-50%);
    z-index: 2
}
@media all and (max-width:735px) {
    #ASUS-features .section__compare #btn-breathe {
        right: 0%;
        top: 73%;
    }
}
#ASUS-features .section__compare .text-block {
    text-align: center;
    position: relative;
    z-index: 2
}

@media all and (max-width:1280px) {
    #ASUS-features .section__compare .text-block {
        padding: 0 30px
    }
}
@media all and (width:1080px) and (height:2400px) {
    #ASUS-features .section__compare #btn-breathe {
        top: 70%;
    }
}
#ASUS-features .section__compare .text-block.title h3 {
    text-transform: none;
    margin-bottom: 0;
    padding-bottom: 3vw
}

@media all and (min-width:2560px) {
    #ASUS-features .section__compare .text-block.title h3 {
        padding-bottom: 77px
    }
}

#ASUS-features .section__compare .product-block {
    max-width: 1920px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    margin: 0 auto;
    position: relative
}

@media all and (max-width:2100px) {
    #ASUS-features .section__compare .product-block {
        max-width: none;
        width: 90vw;
    }
}

#ASUS-features .section__compare .product-block .product {
    width: 50%;
    padding: 2%
}

#ASUS-features .section__compare .product-block .product .text-block {
    padding-top: 50px
}

#ASUS-features .section__compare .product-block .product .text-block h3,
#ASUS-features .section__compare .product-block .product .text-block h4 {
    text-align: center
}

#ASUS-features .section__compare .product-block .product .text-block h4 {
    font-family: Roboto Condensed, Microsoft JhengHei, sans-serif
}

#ASUS-features .section__compare .product-block .product .pic {
    width: 32.8125vw;
    height: 13.71vw;
    margin: 0 auto;
    position: relative
}

@media all and (min-width:2560px) {
    #ASUS-features .section__compare .product-block .product .pic {
        width: 840px;
        height: 351px
    }
}

@media all and (max-width:2100px) {
    #ASUS-features .section__compare .product-block .product .pic {
        width: 37vw;
        height: 15.5vw;
    }
}

#ASUS-features .section__compare .product-block .product .pic:after,
#ASUS-features .section__compare .product-block .product .pic:before,
#ASUS-features .section__compare .product-block .product .pic>span.effect:after,
#ASUS-features .section__compare .product-block .product .pic>span.effect:before {
    content: "";
    width: 11%;
    height: 21%;
    display: block;
    animation-duration: 6s;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: breathe;
    animation-timing-function: ease;
    opacity: 0;
    position: absolute;
    z-index: 2
}

#ASUS-features .section__compare .product-block .product .pic:before {
    background-image: linear-gradient(-45deg, #117dff, #00deff, #2de4ff, #9b8dff, #a12eb8, #a12eb8, #2de4ff)
}

#ASUS-features .section__compare .product-block .product .pic:after {
    background-image: linear-gradient(-45deg, #0f3 15%, #00deff 70%)
}

#ASUS-features .section__compare .product-block .product .pic>span.effect:after,
#ASUS-features .section__compare .product-block .product .pic>span.effect:before {
    background-color: #000;
    opacity: 1;
    animation: none;
    z-index: 1
}

#ASUS-features .section__compare .product-block .product .pic>span.effect:before {
    left: 2.5%;
    top: 17%
}

#ASUS-features .section__compare .product-block .product .pic>span.effect:after {
    left: 79%;
    top: 30.5%
}

#ASUS-features .section__compare .product-block .product .pic.product_black:before,
#ASUS-features .section__compare .product-block .product .pic.product_white:before {
    left: 2.5%;
    top: 17%
}

#ASUS-features .section__compare .product-block .product .pic.product_black:after,
#ASUS-features .section__compare .product-block .product .pic.product_white:after {
    left: 79%;
    top: 30.5%
}

#ASUS-features .section__compare .product-block .product .pic img,
#ASUS-features .section__compare .product-block .product .pic picture {
    position: relative;
    z-index: 3
}

#ASUS-features .section__compare .product-block .product.pause .pic:after,
#ASUS-features .section__compare .product-block .product.pause .pic:before {
    animation-play-state: paused
}

@keyframes breathe {
    0% {
        opacity: 0
    }

    30% {
        opacity: 1
    }
}

#ASUS-features .section__surround {
    padding: 20vw 0 10vw
}

@media all and (min-width:2560px) {
    #ASUS-features .section__surround {
        padding: 256px 0 128px
    }
}

@media all and (max-width:1920px) {
    #ASUS-features .section__surround {
        padding: 10vw 0
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__surround {
        padding-bottom: 0
    }
}

#ASUS-features .section__surround .stage-wrapper {
    width: 100%;
    height: 1000px;
    background-repeat: no-repeat;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

@media all and (max-width:1920px) {
    #ASUS-features .section__surround .stage-wrapper {
        height: 800px
    }
}

#ASUS-features .section__surround .stage-wrapper #btn-ring-pause {
    filter:invert(1);
    position: absolute;
    left: 5%;
    bottom: 3%;
}

#ASUS-features .section__surround .stage,
#ASUS-features .section__surround .stage-ring,
#ASUS-features .section__surround .stage-wrapper .img {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    -webkit-user-select: none;
    user-select: none
}

#ASUS-features .section__surround .text-block {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    opacity: 0;
    padding: 0 60px;
    text-align: center;
    position: relative;
    z-index: 2;
    transition: opacity cubic-bezier(.85, 0, 0, .85) .5s, transform cubic-bezier(.85, 0, 0, .85) .5s
}

#ASUS-features .section__surround .text-block.top {
    max-width: 1400px;
    padding-bottom: 60px;
    transform: translateY(-200%)
}

#ASUS-features .section__surround .text-block h3 span {
    display: block;
}

@media all and (max-width:1600px) {
    #ASUS-features .section__surround .text-block {
        max-width: 960px;
    }
    #ASUS-features .section__surround .text-block.top {
        max-width: 1000px
    }
    #ASUS-features .section__surround .stage-wrapper #btn-ring-pause {
        bottom: 10%;
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__surround .text-block h3 span {
        display: inline;
    }
    
}

#ASUS-features .section__surround .text-block.bottom {
    margin-bottom: 0;
    top: 15.625vw;
    transform: translateY(50%)
}

#ASUS-features .section__surround .text-block.bottom2 {
    position: absolute;
    left: 50%;
    bottom: 7%;
    transform: translateX(-50%);
    z-index: 3;
    
}

@media all and (min-width:2560px) {
    #ASUS-features .section__surround .text-block.bottom {
        top: 400px
    }
}

#ASUS-features .section__surround .pic.product {
    width: 96vw;
    height: 40.15vw;
    margin: 0 auto;
    opacity: 0;
    pointer-events: none;
    position: relative;
    z-index: 3;
    transform: translateY(100%);
    transition: opacity cubic-bezier(.85, 0, 0, .85) .6s, transform cubic-bezier(.85, 0, 0, .85) .6s
}

@media all and (min-width:2560px) {
    #ASUS-features .section__surround .pic.product {
        width: 2200px;
        height: 921px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__surround .pic.product {
        width: 150vw;
        height: 64vw;
        left: 50%;
        transform: translateY(100%) translateX(-50%);
    }
}

#ASUS-features .section__surround .surround_ui {
    width: 56.5%;
    left: 21.75%;
    top: 11%;
    position: absolute;
    z-index: 5
}

#ASUS-features .section__surround .img__bg_rog_letters {
    width: 100vw;
    height: 56.25vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .25;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    transform: translate(-50%) scale(.85)
}

#ASUS-features .section__surround.active1 .img__bg_rog_letters {
    opacity: .5;
    transform: translate(-50%) scale(1);
    transition: opacity cubic-bezier(.85, 0, 0, .85) .5s, transform cubic-bezier(.85, 0, 0, .85) .5s;
    will-change: opacity, transform;
}

#ASUS-features .section__surround .img__bg_rog_letters {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/bg_rog_letters.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__surround .img__bg_rog_letters {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/bg_rog_letters.webp)
    }
}

.noWebp #ASUS-features .section__surround .img__bg_rog_letters {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/bg_rog_letters.png)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__surround .img__bg_rog_letters {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/bg_rog_letters.png)
    }
}

@media all and (min-width:2560px) {
    #ASUS-features .section__surround .img__bg_rog_letters {
        width: 2560px;
        height: 1440px
    }
}

#ASUS-features .section__surround .stage {
    position: relative;
    background: 0 0;
    z-index: 2
}

#ASUS-features .section__surround .stage .stage-container {
    perspective: 1000px;
    width: 400px;
    height: 600px;
    left: 50%;
    top: 57%;
    transform: translate(-50%, -50%);
    position: relative
}

@media all and (max-width:1600px) {
    #ASUS-features .section__surround .stage .stage-container {
        top: 50%
    }
}

@media all and (max-width:1280px) {
    #ASUS-features .section__surround .stage .stage-container {
        transform: translate(-50%, -50%) scale(1.75);
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__surround .stage .stage-container {
        transform: translate(-50%, -50%) scale(1.5);
    }
}

#ASUS-features .section__surround .stage .stage-container .stage-ring {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    position: absolute
}

#ASUS-features .section__surround .img__game_cover_1 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_1.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__surround .img__game_cover_1 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_1.webp)
    }
}

.noWebp #ASUS-features .section__surround .img__game_cover_1 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_1.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__surround .img__game_cover_1 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_1.jpg)
    }
}

#ASUS-features .section__surround .img__game_cover_2 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_2.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__surround .img__game_cover_2 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_2.webp)
    }
}

.noWebp #ASUS-features .section__surround .img__game_cover_2 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_2.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__surround .img__game_cover_2 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_2.jpg)
    }
}

#ASUS-features .section__surround .img__game_cover_3 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_3.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__surround .img__game_cover_3 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_3.webp)
    }
}

.noWebp #ASUS-features .section__surround .img__game_cover_3 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_3.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__surround .img__game_cover_3 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_3.jpg)
    }
}

#ASUS-features .section__surround .img__game_cover_4 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_4.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__surround .img__game_cover_4 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_4.webp)
    }
}

.noWebp #ASUS-features .section__surround .img__game_cover_4 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_4.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__surround .img__game_cover_4 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_4.jpg)
    }
}

#ASUS-features .section__surround .img__game_cover_5 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_5.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__surround .img__game_cover_5 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_5.webp)
    }
}

.noWebp #ASUS-features .section__surround .img__game_cover_5 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_5.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__surround .img__game_cover_5 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_5.jpg)
    }
}

#ASUS-features .section__surround .img__game_cover_6 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_6.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__surround .img__game_cover_6 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_6.webp)
    }
}

.noWebp #ASUS-features .section__surround .img__game_cover_6 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_6.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__surround .img__game_cover_6 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_6.jpg)
    }
}

#ASUS-features .section__surround .img__game_cover_7 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_7.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__surround .img__game_cover_7 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_7.webp)
    }
}

.noWebp #ASUS-features .section__surround .img__game_cover_7 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_7.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__surround .img__game_cover_7 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_7.jpg)
    }
}

#ASUS-features .section__surround .img__game_cover_8 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_8.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__surround .img__game_cover_8 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_8.webp)
    }
}

.noWebp #ASUS-features .section__surround .img__game_cover_8 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_8.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__surround .img__game_cover_8 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_8.jpg)
    }
}

#ASUS-features .section__surround .img__game_cover_9 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_9.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__surround .img__game_cover_9 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_9.webp)
    }
}

.noWebp #ASUS-features .section__surround .img__game_cover_9 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_9.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__surround .img__game_cover_9 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_9.jpg)
    }
}

#ASUS-features .section__surround .img__game_cover_10 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_10.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__surround .img__game_cover_10 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_10.webp)
    }
}

.noWebp #ASUS-features .section__surround .img__game_cover_10 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_10.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__surround .img__game_cover_10 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_10.jpg)
    }
}

#ASUS-features .section__surround .img__game_cover_11 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_11.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__surround .img__game_cover_11 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_11.webp)
    }
}

.noWebp #ASUS-features .section__surround .img__game_cover_11 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_11.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__surround .img__game_cover_11 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_11.jpg)
    }
}

#ASUS-features .section__surround .img__game_cover_12 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_12.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__surround .img__game_cover_12 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_12.webp)
    }
}

.noWebp #ASUS-features .section__surround .img__game_cover_12 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_12.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__surround .img__game_cover_12 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_12.jpg)
    }
}

#ASUS-features .section__surround .img__game_cover_13 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_13.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__surround .img__game_cover_13 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_13.webp)
    }
}

.noWebp #ASUS-features .section__surround .img__game_cover_13 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_13.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__surround .img__game_cover_13 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_13.jpg)
    }
}

#ASUS-features .section__surround .img__game_cover_14 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_14.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__surround .img__game_cover_14 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_14.webp)
    }
}

.noWebp #ASUS-features .section__surround .img__game_cover_14 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_14.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__surround .img__game_cover_14 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_14.jpg)
    }
}

#ASUS-features .section__surround .img__game_cover_15 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_15.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__surround .img__game_cover_15 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_15.webp)
    }
}

.noWebp #ASUS-features .section__surround .img__game_cover_15 {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/game_cover_15.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__surround .img__game_cover_15 {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/game_cover_15.jpg)
    }
}

#ASUS-features .section__surround .stage .stage-container .stage-ring>a {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    box-shadow: 0 10px 40px #0000004d;
    border: none;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    transition: box-shadow ease .3s;
    z-index: 1
}

#ASUS-features .section__surround .stage .stage-container .stage-ring>a.glow {
    box-shadow: 0 0 15px 5px #ffffff80;
    z-index: 2
}

@media (hover:hover) {
    #ASUS-features .section__surround .stage .stage-container .stage-ring>a:hover {
        z-index: 2
    }
}

#ASUS-features .section__surround .stage .stage-container figure.img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    backface-visibility: hidden;
    border: none
}

#ASUS-features .section__surround.active1:before {
    opacity: 1;
    will-change: opacity;
    transition-delay: .5s
}

#ASUS-features .section__surround.active1 .pic.product,
#ASUS-features .section__surround.active1 .text-block.top,
#ASUS-features .section__surround.active2 .text-block.bottom {
    opacity: 1;
    transform: translate(0);
    will-change: opacity, transform
}
@media all and (max-width:735px) {
    #ASUS-features .section__surround.active1 .pic.product {
        transform: translateY(0) translateX(-50%);
    }
    
}

#ASUS-features .section__surround.active2 .text-block.bottom2 {
    opacity: 1;
    will-change: opacity
}

#ASUS-features .section__scenario {
    display: none;
}

#ASUS-features .section__software {
    padding-bottom: 10vw
}

@media all and (min-width:2560px) {
    #ASUS-features .section__software {
        padding-bottom: 256px
    }
}

@media all and (max-width:1080px) {
    #ASUS-features .section__software {
        padding: 8vw 0;
    }
}

#ASUS-features .section__software .container {
    width: 130%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 3%;
}

@media all and (min-width:2560px) {
    #ASUS-features .section__software .container {
        width: 115%;
        left: 5%;
    }
}

@media all and (max-width:1440px) {
    #ASUS-features .section__software .container {
        left: 0;
    }
}

@media all and (max-width:1280px) {
    #ASUS-features .section__software .container {
        width: 100%;
        flex-direction: column-reverse;
    }
}

#ASUS-features .section__software .img__software_bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1
}

#ASUS-features .section__software .img__software_bg {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/software_bg.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__software .img__software_bg {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/software_bg.webp)
    }
}

.noWebp #ASUS-features .section__software .img__software_bg {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/software_bg.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__software .img__software_bg {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/software_bg.jpg)
    }
}

#ASUS-features .section__software .text-block {
    width: calc( 100% - 80vw );
    padding: 0 60px;
    margin-bottom: 0;
    position: relative;
    z-index: 3
}
#ASUS-features .section__software .text-block.deco-neon {
    padding: 60px;
}

#ASUS-features .section__software .text-block h3,
#ASUS-features .section__software .text-block p {
    text-align: left
}

#ASUS-features .section__software .text-block h3.deco-neon {
    padding: 0;
}

#ASUS-features .section__software .text-block h3.deco-neon:before, #ASUS-features .section__software .text-block h3.deco-neon:after {
    display: none;
}

#ASUS-features .section__software .software-wrapper {
    width: 80vw;
    height: 33.5vw;
    overflow: visible;
    position: relative;
    z-index: 3
}

@media all and (min-width:2560px) {
    #ASUS-features .section__software .software-wrapper {
        width: 1860px;
        height: 777px
    }
    #ASUS-features .section__software .text-block {
        width: calc( 100% - 1860px );
        padding: 0 60px;
    }
}

@media all and (max-width:1600px) {
    #ASUS-features .section__software .text-block {
        max-width: 820px
    }
}

@media all and (max-width:1280px) {
    #ASUS-features .section__software .software-wrapper {
        width: 120vw;
        height: 50.2vw;
        left: 20%;
    }
    #ASUS-features .section__software .text-block {
        width: 100%;
        padding-top: 60px;
        text-align: center;
    }
    #ASUS-features .section__software .text-block > .deco-neon {
        padding: 0;
    }
    #ASUS-features .section__software .deco-neon::before,
    #ASUS-features .section__software .deco-neon::after{
        display: none;
    }
    #ASUS-features .section__software .text-block h3.deco-neon:before, #ASUS-features .section__software .text-block h3.deco-neon:after {
        display: block;
    }
    #ASUS-features .section__software .text-block h3.deco-neon {
        padding: 80px;
    }
    #ASUS-features .section__software .text-block h3, #ASUS-features .section__software .text-block p {
        text-align: center;
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__software .text-block h3.deco-neon {
        padding: 40px;
    }
}


#ASUS-features .section__software .software-wrapper .pagi-block {
    display: none;
    position: absolute;
    bottom: -10%;
    left: 70%
}

#ASUS-features .section__software .software-wrapper .pagi-block .arrow {
    width: 24px;
    height: 40px;
    display: inline-block;
    margin: 0 20px;
    vertical-align: middle;
    transform-origin: center;
    position: relative
}

#ASUS-features .section__software .software-wrapper .pagi-block .arrow:after,
#ASUS-features .section__software .software-wrapper .pagi-block .arrow:before {
    content: "";
    display: block;
    width: 28px;
    height: 6px;
    background-color: #00ffb3;
    position: absolute;
    left: 0;
    transform-origin: left;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
    animation-iteration-count: 1
}

#ASUS-features .section__software .software-wrapper .pagi-block .arrow:before {
    transform: rotate(45deg) scaleX(1);
    top: -2%
}

#ASUS-features .section__software .software-wrapper .pagi-block .arrow:after {
    transform: rotate(-45deg) scaleX(1);
    bottom: -2%
}

#ASUS-features .section__software .software-wrapper .pagi-block .arrow#software-btn-prev {
    transform: rotate(180deg)
}

@media (hover:hover) {
    #ASUS-features .section__software .software-wrapper .pagi-block .arrow:hover:before {
        animation-name: arrowTop
    }

    #ASUS-features .section__software .software-wrapper .pagi-block .arrow:hover:after {
        animation-name: arrowBottom;
        animation-delay: .3s
    }
}

#ASUS-features .section__software .software-wrapper .pagi-block .pagi {
    width: 26px;
    height: 22px;
    background-color: #fff;
    background-image: linear-gradient(90deg, #fff 40%, #00ffb3 60%);
    background-size: 200% 100%;
    background-position: 0 0;
    display: inline-block;
    margin: 0 6px;
    vertical-align: middle;
    transform: skew(-20deg);
    transition: background-position ease .3s;
    will-change: background-position
}

#ASUS-features .section__software .software-wrapper .pagi-block .pagi.active {
    background-position: 100%
}

@media (hover:hover) {
    #ASUS-features .section__software .software-wrapper .pagi-block .pagi:hover {
        background-position: 100%
    }
}

#ASUS-features .section__software .software-wrapper .product-frame {
    width: 100%;
    height: 100%;
    position: relative;
}

#ASUS-features .section__software .software-wrapper .button-xbox,
#ASUS-features .section__software .software-wrapper .product-ui-block {
    position: absolute
}

#ASUS-features .section__software .software-wrapper .product-ui-block {
    width: 56.5%;
    height: 76%;
    left: 21.5%;
    top: 11%;
    z-index: 4
}

#ASUS-features .section__software .software-wrapper .product-ui-block .pic:not(.ui2-2, .ui2-3, .ui2-4) {
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    transition: opacity .5s ease;
    z-index: 1
}

#ASUS-features .section__software .software-wrapper .product-ui-block .pic:not(.ui2-2, .ui2-3, .ui2-4).active {
    opacity: 1;
    z-index: 2
}

#ASUS-features .section__software .software-wrapper .product-ui-block .ui2-2,
#ASUS-features .section__software .software-wrapper .product-ui-block .ui2-3,
#ASUS-features .section__software .software-wrapper .product-ui-block .ui2-4 {
    position: absolute;
    z-index: 4;
    transform: translate(-120%);
    transition: transform ease .75s
}

#ASUS-features .section__software .software-wrapper .product-ui-block .ui2-2 {
    width: 36%;
    height: 84%;
    left: 3%;
    top: 11%
}

#ASUS-features .section__software .software-wrapper .product-ui-block .ui2-3 {
    width: 36%;
    height: 6%;
    left: 4.4%;
    top: 3%
}

#ASUS-features .section__software .software-wrapper .product-ui-block .ui2-4 {
    width: 17.5%;
    height: 4%;
    left: 40.5%;
    top: 15.5%;
    z-index: 3;
    transform: translate(-400%);
    transition: transform ease 1s
}

#ASUS-features .section__software .software-wrapper .button-ui-block {
    width: 17%;
    height: 6.5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 1%;
    left: .6%;
    z-index: 5
}

#ASUS-features .section__software .software-wrapper .button-ui-block .btn-ui {
    width: 25%;
    height: 100%
}

#ASUS-features .section__software .software-wrapper .button-xbox {
    width: 5.5%;
    height: 11.5%;
    top: 13.4%;
    left: 12.43%;
    z-index: 5;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-iteration-count: 3;
    animation-direction: normal;
    animation-fill-mode: forwards
}

#ASUS-features .section__software.active .software-wrapper .button-xbox {
    animation-name: glowing
}

#ASUS-features .section__software.active .product-ui-block .ui2-2,
#ASUS-features .section__software.active .product-ui-block .ui2-3,
#ASUS-features .section__software.active .product-ui-block .ui2-4 {
    transform: translate(0);
    will-change: transform
}

#ASUS-features .section__software.active .product-ui-block .ui2-3 {
    transition-delay: .1s
}

#ASUS-features .section__software.active .product-ui-block .ui2-4 {
    transition-delay: .25s
}

@keyframes glowing {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes arrowTop {
    0% {
        transform: rotate(45deg) scaleX(0)
    }

    to {
        transform: rotate(45deg) scaleX(1)
    }
}

@keyframes arrowBottom {
    0% {
        transform: rotate(-45deg) scaleX(0)
    }

    to {
        transform: rotate(-45deg) scaleX(1)
    }
}

#ASUS-features .section__rogHead {
    padding-top: 0
}

#ASUS-features .section__rogHead:before {
    content: "";
    width: 100%;
    height: 20%;
    background-image: linear-gradient(0deg, #e8ebf3 30%, transparent);
    display: block;
    position: absolute;
    left: 0;
    bottom: -1%;
    z-index: 3;
}

#ASUS-features .section__rogHead .rog-head-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: translateY(0);
    transition: transform .5s ease
}

#ASUS-features .section__rogHead .img__rog_lab, #ASUS-features .section__rogHead .img__rog_lab_erase {
    width: 170vw;
    height: 71.5vw;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1
}

#ASUS-features .section__rogHead .img__rog_lab_erase {
    opacity: 0;
}

@media all and (min-width:1660px) {
    #ASUS-features .section__rogHead .img__rog_lab, #ASUS-features .section__rogHead .img__rog_lab_erase {
        width: 2560px;
        height: 1600px
    }
}

@media all and (max-width:1080px) {
    #ASUS-features .section__rogHead .img__rog_lab, #ASUS-features .section__rogHead .img__rog_lab_erase {
        width: 190vw;
        height: 100vw;
    }
    #ASUS-features .section__rogHead .deco-neon {
        padding: 5vw 2vw;
    }
}

@media all and (width:820px) and (height:1180px) {
    #ASUS-features .section__rogHead .img__rog_lab, #ASUS-features .section__rogHead .img__rog_lab_erase {
        width: 220vw;
        height: 100vw;
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__rogHead .img__rog_lab, #ASUS-features .section__rogHead .img__rog_lab_erase {
        width: 270vw;
        height: 140vw;
    }
}

#ASUS-features .section__rogHead .img__rog_lab {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/rog_lab.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__rogHead .img__rog_lab {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/rog_lab.webp)
    }
}

.noWebp #ASUS-features .section__rogHead .img__rog_lab {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/rog_lab.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__rogHead .img__rog_lab {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/rog_lab.jpg)
    }
}

#ASUS-features .section__rogHead .img__rog_lab_erase {
    position: absolute;
    top: 0;
    z-index: 2
}

#ASUS-features .section__rogHead .img__rog_lab_erase {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/rog_lab_erase.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__rogHead .img__rog_lab_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/rog_lab_erase.webp)
    }
}

.noWebp #ASUS-features .section__rogHead .img__rog_lab_erase {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/rog_lab_erase.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__rogHead .img__rog_lab_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/rog_lab_erase.jpg)
    }
}

#ASUS-features .section__rogHead .text-block {
    width: 53.59375vw;
    display: inline-block;
    margin: 0 auto;
    position: absolute;
    left: 49.25%;
    top: 51%;
    transform: translate(-50%, -50%);
    z-index: 6
}

#ASUS-features .section__rogHead .deco-neon {
    opacity: 0;
    padding: 5vw 3vw;
}

#ASUS-features .section__rogHead .deco-neon:before, #ASUS-features .section__rogHead .deco-neon:after {
    width: 5vw;
    height: 5vw;
}

#ASUS-features .section__rogHead .text-block h3,
#ASUS-features .section__rogHead .text-block p {
    color: #fff;
    text-align: center;
    filter: none;
    opacity: 0;
    transform: scale(0.9);
}

#ASUS-features .section__rogHead .text-block p {
    max-width: 720px;
    margin: 0 auto
}

@media all and (min-width:1660px) {
    #ASUS-features .section__rogHead .text-block {
        width: 860px;
        left: 49.5%;
        top: 52%;
    }
    #ASUS-features .section__rogHead .deco-neon {
        padding: 60px 40px;
    }
    #ASUS-features .section__rogHead .deco-neon:before, #ASUS-features .section__rogHead .deco-neon:after {
        width: 80px;
        height: 80px;
    }
}
@media all and (max-width:1280px) {
    #ASUS-features .section__rogHead .deco-neon:before, #ASUS-features .section__rogHead .deco-neon:after {
        width: 70px;
        height: 70px;
    }
}
@media all and (max-width:1080px) {
    #ASUS-features .section__rogHead .text-block {
        width: 57.59375vw;
    }
    #ASUS-features .section__rogHead .text-block h3 {
        font-size: 38px;
    }
    #ASUS-features .section__rogHead .text-block p {
        font-size: 15px;
    }
}

@media all and (max-width:800px) and (min-width:735px) {
    #ASUS-features .section__rogHead .text-block {
        width: 61.59375vw;
    }
    #ASUS-features .section__rogHead .text-block h3 {
        font-size: 32px;
    }
}

@media all and (width:820px) and (height:1180px) {
    #ASUS-features .section__rogHead .text-block {
        width: 69.59375vw;
        left: 49%;
    }
}
@media all and (max-width:735px) {
    #ASUS-features .section__rogHead .text-block {
        width: 86.5vw;
    }
    #ASUS-features .section__rogHead .deco-neon {
        padding: 6vw;
    }
    #ASUS-features .section__rogHead .text-block h3 {
        font-size: calc(34.5px + .1vw);
    }
}

@media all and (max-width:640px) {
    #ASUS-features .section__rogHead .text-block {
        width: 92vw;
        background-color: #2d3035;
    }
    #ASUS-features .section__rogHead .deco-neon {
        padding: 8vw;
    }
    #ASUS-features .section__rogHead .deco-neon::before, #ASUS-features .section__rogHead .deco-neon::after {
        width: 55px;
        height: 55px;
    }
    #ASUS-features .section__rogHead .deco-neon::before {
        left: 2%;
        top: 2%;
    }
    #ASUS-features .section__rogHead .deco-neon::after {
        right: 2%;
        bottom: 2%;
    }
}
#ASUS-features .section__rogHead.active .img__rog_lab_erase {
    opacity: 1;
    transition: opacity ease .5s;
    transition-delay: .5s;
    will-change: opacity
}
#ASUS-features .section__rogHead.active .deco-neon {
    opacity: 1;
    transition: opacity cubic-bezier(.75, 0, 0, .75) .5s;
    will-change: opacity;
}
#ASUS-features .section__rogHead.active .text-block h3,
#ASUS-features .section__rogHead.active .text-block p {
    opacity: 1;
    transform: scale(1);
    transition: opacity cubic-bezier(.75, 0, 0, .75) .5s, transform cubic-bezier(.75, 0, 0, .75) .5s;
    will-change: opacity, transform;
}

#ASUS-features .section__rogHead.active .text-block h3 {
    transition-delay: .75s
}

#ASUS-features .section__rogHead.active .deco-neon, #ASUS-features .section__rogHead.active .text-block p {
    transition-delay: 1s
}
#ASUS-features .section__rogHead2 .deco-border {
    width: 48vw;
    height: 26.953vw;
    border-radius: 40px;
    overflow: hidden;
    padding: 1.75px 2px 2.2px 2.2px;
    position: relative;
    z-index: 1;
}
#ASUS-features .section__rogHead2 .amd-wrapper .deco-border {
    padding: 2px 2.25px 2.2px 2px;
}
#ASUS-features .section__rogHead2 .deco-border:before {
    content: "";
    background-image: linear-gradient(-45deg, #7700D9, #35A1FF, #48BE76, #B4F82E);
    display: block;
    border-radius: 42px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    transform: scale(.95);
}

#ASUS-features .section__rogHead2.active .deco-border:before {
    opacity: 1;
    transform: scale(1);
    transition-delay: .5s;
    transition: opacity ease .5s, transform ease .5s;
    will-change: opacity, transform;

}
#ASUS-features .section__rogHead2.active .battery-wrapper .deco-border:before {
    transition-delay: .5s;
}
#ASUS-features .section__rogHead2 .amd-wrapper {
    padding-bottom: 5%;
}
#ASUS-features .section__rogHead2 .amd-wrapper .video-block, #ASUS-features .section__rogHead2 .img__battery_kv {
    width: 100%;
    height: 100%;
    border-radius: 40px;
    opacity: .5;
    overflow: hidden;
    position: relative;
    transform-origin: center center;
    transform: scale(.9);
    z-index: 2;
}
#ASUS-features .section__rogHead2.active .amd-wrapper .video-block, #ASUS-features .section__rogHead2.active .img__battery_kv {
    opacity: 1;
    transform: scale(1);
    transition: opacity ease .5s, transform ease .5s;
    will-change: opacity, transform;
}
#ASUS-features .section__rogHead2.active .img__battery_kv {
    transition-delay: .5s;
}
#ASUS-features .section__rogHead2 .battery-wrapper  .text-block span {
    display: block;
}

@media all and (min-width:2560px) {
    #ASUS-features .section__rogHead2 .deco-border {
        width: 1228px;
        height: 690px;       
    }
    #ASUS-features .section__rogHead2 .amd-wrapper .video-block, #ASUS-features .section__rogHead2 .img__battery_kv {
        width: 1222px;
        height: 683px;
        top: 1px;
    }
    #ASUS-features .section__rogHead2 .amd-wrapper .video-block {
        left: 1.5px;
    }
}
@media all and (max-width:1080px) {
    #ASUS-features .section__rogHead2 .deco-border {
        width: 94vw;
        height: 52.9vw;
    }
}
@media all and (max-width:735px) {
    #ASUS-features .section__rogHead2 .deco-border {
        border-radius: 24px;
        padding: 1.75px 2px 2.2px 2px;
    }
    #ASUS-features .section__rogHead2 .deco-border:before {
        border-radius: 26px;
    }
    #ASUS-features .section__rogHead2 .amd-wrapper .video-block, #ASUS-features .section__rogHead2 .img__battery_kv {
        border-radius: 24px;
    }

}

#ASUS-features .section__rogHead2 .amd-wrapper, #ASUS-features .section__rogHead2 .battery-wrapper {
    width: 92vw;
    display: flex;
    align-items: center;
    margin: auto;
}
#ASUS-features .section__rogHead2 .text-block {
    width: calc(100% - 48vw);
}
#ASUS-features .section__rogHead2 .text-block h3, #ASUS-features .section__rogHead2 .text-block p {
    text-align: left;
}

#ASUS-features .section__rogHead2 .battery-wrapper {
    flex-direction: row-reverse;
}
@media all and (min-width:2560px) {
    #ASUS-features .section__rogHead2 .amd-wrapper, #ASUS-features .section__rogHead2 .battery-wrapper {
        width: 2355px;
    }
    #ASUS-features .section__rogHead2 .text-block {
        width: calc(100% - 1228px);
    }
}
@media all and (max-width:1080px) {

    #ASUS-features .section__rogHead2 .amd-wrapper, #ASUS-features .section__rogHead2 .battery-wrapper {
        width: 100%;
        flex-direction: column;
    }
    #ASUS-features .section__rogHead2 .battery-wrapper  .text-block span {
        display: inline;
    }
    #ASUS-features .section__rogHead2 .text-block {
        width: 100%;
        padding: 0 3vw;
        padding-top: 2vw;

    }

}
@media all and (max-width:735px) {
    #ASUS-features .section__rogHead2 .text-block {
        padding: 30px 4.25vw;
    }
}

#ASUS-features .section__rogHead2 .img__battery_kv {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/battery_kv.webp)
}

.noWebp #ASUS-features .section__rogHead2 .img__battery_kv {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/battery_kv.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__rogHead2 .img__battery_kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/battery_kv.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__rogHead2 .img__battery_kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/battery_kv.webp)
    }
}

@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    #ASUS-features .section__rogHead2 .img__battery_kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/2x/battery_kv.webp)
    }
}

@media all and (max-width:1280px) {
    .noWebp #ASUS-features .section__rogHead2 .img__battery_kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/1x/battery_kv.jpg)
    }
    #ASUS-features .section__rogHead2 .img__battery_kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/1x/battery_kv.webp)
    }
}

@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    .noWebp #ASUS-features .section__rogHead2 .img__battery_kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/2x/battery_kv.jpg)
    }
}

@media only screen and (max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:735px) and (min-resolution:1.5dppx),
(max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:735px) and (min-resolution:144dpi) {
    #ASUS-features .section__rogHead2 .img__battery_kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/2x/battery_kv.webp)
    }
}

@media all and (max-width:735px) {
    .noWebp #ASUS-features .section__rogHead2 .img__battery_kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/battery_kv.jpg)
    }
    #ASUS-features .section__rogHead2 .img__battery_kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/battery_kv.webp)
    }
}

@media only screen and (max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:735px) and (min-resolution:1.5dppx),
(max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:735px) and (min-resolution:144dpi) {
    .noWebp #ASUS-features .section__rogHead2 .img__battery_kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/2x/battery_kv.jpg)
    }
}

#ASUS-features .section__buildCase {
    width: 100vw;
    height: 58.59375vw;
    padding-top: 0
}

@media all and (min-width:2560px) {
    #ASUS-features .section__buildCase {
        width: 2560px;
        height: 1500px
    }
}

#ASUS-features .section__buildCase .img__build_case_bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1
}

#ASUS-features .section__buildCase .img__build_case_bg {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/build_case_bg.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__buildCase .img__build_case_bg {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/build_case_bg.webp)
    }
}

.noWebp #ASUS-features .section__buildCase .img__build_case_bg {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/build_case_bg.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__buildCase .img__build_case_bg {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/build_case_bg.jpg)
    }
}

#ASUS-features .section__buildCase .text-block {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    left: 55%;
    top: 40%;
    transform: translate(-50%, -50%);
    z-index: 2
}

#ASUS-features .section__buildCase .text-block h3,
#ASUS-features .section__buildCase .text-block p {
    text-align: left
}

#ASUS-features .section__quote {
    background-color: transparent;
    padding-top: 0;
    margin-top: -6.5%;
    z-index: 5
}

#ASUS-features .section__quote .text-block {
    text-align: center;
    z-index: 2
}

#ASUS-features .section__quote .quote-wrapper {
    width: calc((330px + 1.5vw)*5);
    margin: 0 auto;
    position: relative;
    z-index: 2
}
@media all and (min-width:1660px) {
    #ASUS-features .section__quote {
        margin-top: -315px;
    }
}
@media all and (min-width:2560px) {
    #ASUS-features .section__quote {
        margin-top: -320px;
    }
    #ASUS-features .section__quote .quote-wrapper {
        width: 2560px;
    }
}
@media all and (max-width:1080px) {
    #ASUS-features .section__quote {
        margin-top: -10.5%;
    }
}

#ASUS-features .section__quote .quote-wrapper .quote-track {
    width: 3600px;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: 30px;
    animation: marquee 20s linear infinite
}

@media (hover:hover) {
    #ASUS-features .section__quote .quote-wrapper .quote-track:hover {
        animation-play-state: paused
    }
}

@media all and (min-width:2560px) {
    #ASUS-features .section__quote .quote-wrapper .quote-track {
        width: 4600px;
    }
}

#ASUS-features .section__quote .quote-wrapper .item {
    width: 330px;
    height: 370px;
    opacity: 0;
    position: relative;
    transform: translateY(50%) scale(1.2);
    transition: opacity .5s ease, transform .5s ease
}

@media all and (min-width:2560px) {
    #ASUS-features .section__quote .quote-wrapper .item {
        width: 400px;
        height: 450px
    }
}

#ASUS-features .section__quote .quote-wrapper .item .inner {
    width: 100%;
    height: 100%;
    background-color: #222525;
    border-radius: 4%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    position: relative
}

/* #ASUS-features .section__quote .quote-wrapper .item .inner:before {
    content: "";
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 3vw #4d5356;
    border-radius: 2%;
    display: block;
    position: absolute;
    left: 0;
    top: 0
} */

#ASUS-features .section__quote .quote-wrapper .item .logo-block,
#ASUS-features .section__quote .quote-wrapper .item p {
    transform: scale(.85)
}

#ASUS-features .section__quote .quote-wrapper .item .logo-block {
    width: 100%;
    height: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#ASUS-features .section__quote .quote-wrapper .item .logo-block .pic {
    display: inline-block;
    vertical-align: middle;
}


#ASUS-features .section__quote .quote-wrapper .item p {
    height: 40%;
    color: #fff;
    font-size: 19px;
    line-height: 1.3;
    text-align: center;
    padding: 3% 8%
}

@media all and (min-width:2560px) {
    #ASUS-features .section__quote .quote-wrapper .item p {
        height: 40%;
        font-size: 20px
    }
    #ASUS-features .section__quote .quote-wrapper .item .logo-block {
        height: 60%;
    }
}

@media all and (max-width:1280px) {
    #ASUS-features .section__quote .quote-wrapper .item p {
        height: 50%;
        font-size: 15px
    }
    #ASUS-features .section__quote .quote-wrapper .item .logo-block {
        height: 50%;
    }
}

#ASUS-features .section__quote .quote-wrapper .item .pic.logo_laptop_mag {
    width: 63%;
    height: 29.27%;
}

#ASUS-features .section__quote .quote-wrapper .item .pic.logo_toms_hardware {
    width: 80%;
    height: 14.55%
}

#ASUS-features .section__quote .quote-wrapper .item .pic.logo_t3_mag {
    width: 35.56%;
    height: 39.45%
}

#ASUS-features .section__quote .quote-wrapper .item .pic.logo_pcmag {
    width: 35.56%;
    height: 76.27%
}

#ASUS-features .section__quote .quote-wrapper .item .pic.logo_toms_guide {
    width: 66.67%;
    height: 21.09%
}

@media all and (min-width:2560px) {
    #ASUS-features .section__quote .quote-wrapper .item .pic.logo_laptop_mag {
        width: 280px;
        height: 74px;
    }

    #ASUS-features .section__quote .quote-wrapper .item .pic.logo_toms_hardware {
        width: 340px;
        height: 35px;
    }

    #ASUS-features .section__quote .quote-wrapper .item .pic.logo_t3_mag {
        width: 160px;
        height: 100px
    }

    #ASUS-features .section__quote .quote-wrapper .item .pic.logo_pcmag {
        width: 160px;
        height: 192px
    }

    #ASUS-features .section__quote .quote-wrapper .item .pic.logo_toms_guide {
        width: 316px;
        height: 57px;
    }
}

#ASUS-features .section__quote.active .quote-wrapper .item {
    opacity: 1;
    transform: translateY(0) scale(1);
    will-change: opacity, transform
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(1) {
    transition-delay: .1s
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(1) .logo-block,
#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(1) p {
    transition-delay: .15s
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(2) {
    transition-delay: .2s
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(2) .logo-block,
#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(2) p {
    transition-delay: .3s
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(3) {
    transition-delay: .3s
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(3) .logo-block,
#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(3) p {
    transition-delay: .45s
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(4) {
    transition-delay: .4s
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(4) .logo-block,
#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(4) p {
    transition-delay: .6s
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(5) {
    transition-delay: .5s
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(5) .logo-block,
#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(5) p {
    transition-delay: .75s
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(6) {
    transition-delay: .6s
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(6) .logo-block,
#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(6) p {
    transition-delay: .9s
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(7) {
    transition-delay: .7s
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(7) .logo-block,
#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(7) p {
    transition-delay: 1.05s
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(8) {
    transition-delay: .8s
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(8) .logo-block,
#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(8) p {
    transition-delay: 1.2s
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(9) {
    transition-delay: .9s
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(9) .logo-block,
#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(9) p {
    transition-delay: 1.35s
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(10) {
    transition-delay: 1s
}

#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(10) .logo-block,
#ASUS-features .section__quote.active .quote-wrapper .item:nth-child(10) p {
    transition-delay: 1.5s
}

#ASUS-features .section__quote.active .quote-wrapper .item .logo-block,
#ASUS-features .section__quote.active .quote-wrapper .item p {
    transform: scale(1);
    transition: transform .5s ease;
    will-change: transform
}

@keyframes marquee {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-37.5%)
    }
}
#ASUS-features .section__frames .img-holder {
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 1;
}
#ASUS-features .section__frames .img__holder {
    width: 100%;
    height: 100%;
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/animation/frames/0.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.noWebp #ASUS-features .section__frames .img__holder {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/animation/frames/0.jpg)
}
@media all and (min-width:2560px) {
    #ASUS-features .section__frames .img-holder {
        width: 2560px;
    }
}

@media all and (width:1080px) and (height:2400px) {
    #ASUS-features .section__frames .img-holder {
        height: 75vh;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__frames .img__holder {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/animation/frames/0.jpg)
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__frames .img__holder {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/animation/frames/0.webp)
    }
}

@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    #ASUS-features .section__frames .img__holder {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/animation/frames/0.webp)
    }
}

@media all and (max-width:1280px) {
    .noWebp #ASUS-features .section__frames .img__holder {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/animation/frames/0.jpg)
    }
    #ASUS-features .section__frames .img__holder {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/animation/frames/0.webp)
    }
}

@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    .noWebp #ASUS-features .section__frames .img__holder {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/animation/frames/0.jpg)
    }
}

@media only screen and (max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:735px) and (min-resolution:1.5dppx),
(max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:735px) and (min-resolution:144dpi) {
    #ASUS-features .section__frames .img__holder {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/animation/frames/0.webp)
    }
}

@media all and (max-width:735px) {
    .noWebp #ASUS-features .section__frames .img__holder {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/animation/frames/0.jpg)
    }
    #ASUS-features .section__frames .img__holder {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/animation/frames/0.webp)
    }
}

@media only screen and (max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:735px) and (min-resolution:1.5dppx),
(max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:735px) and (min-resolution:144dpi) {
    .noWebp #ASUS-features .section__frames .img__holder {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/animation/frames/0.jpg)
    }
}

#ASUS-features .section__frames {
    background-color: #e4e8f0;
    padding-top: 0
}

#ASUS-features .section__frames #anim-canvas {
    display: block;
    margin: 0 auto;
    position: relative
}

#ASUS-features .section__frames .cover {
    width: 100vw;
    height: 56.25vw;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3
}

@media all and (min-width:2560px) {
    #ASUS-features .section__frames .cover {
        width: 2560px;
        height: 1440px
    }
}

#ASUS-features .section__frames .cover:after,
#ASUS-features .section__frames .cover:before {
    content: "";
    display: block;
    position: absolute
}
#ASUS-features .section__frames .cover:after {
    width: 100%;
    height: 30%;
    background-image: linear-gradient(to bottom, #e8ebf3 45%, transparent 75%);
    left: 0;
    top: -1px
}
#ASUS-features .section__frames .cover:before {
    width: 100%;
    height: 30%;
    background-image: linear-gradient(to top, #e8ebf3 45%, transparent 75%);
    left: 0;
    bottom: -1px
}

@media all and (max-width:1920px) {
    #ASUS-features .section__frames .cover:before {
        width: 100%;
        height: 20%;
        background-image: linear-gradient(to top, #e8ebf3 10%, #e8ebf3 80%)
    }
}

#ASUS-features .section__frames .text-block.title {
    position: relative;
    z-index: 4
}

#ASUS-features .section__frames .anim-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3
}

#ASUS-features .section__frames .preloader {
    visibility: hidden;
    position: absolute
}

#ASUS-features .section__frames .pin-spacer {
    height: 5000px;
    position: relative;
    z-index: 1
}
@media all and (max-width:735px) {
    #ASUS-features .section__frames .pin-spacer {
        height: 4000px;
    }
}

#ASUS-features .section__frames .frames-wrapper {
    position: relative
}

#ASUS-features .section__frames .frame-scroller {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 0;
    visibility: hidden;
}

@media all and (min-width:2560px) {
    #ASUS-features .section__frames .frame-scroller {
        width: 2560px;
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__frames .pin-spacer {
        height: 4000px;
    }
}

#ASUS-features .section__frames .frame-scroller.fixed {
    z-index: 2;
    visibility: visible;
}

#ASUS-features .section__frames .frame-scroller .text-block {
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    margin: 0;
    position: absolute;
    z-index: 4
}

#ASUS-features .section__frames .frame-scroller .text-block h3 span {
    display: block
}

#ASUS-features .section__frames .frame-scroller .text-block.first {
    width: 50%;
    height: 100%;
    align-items: center;
    background-image: linear-gradient(90deg, #fff3, #fff0);
    background-position-x: -2000px;
    left: 0;
    top: 0
}

#ASUS-features .section__frames .frame-scroller .text-block.first .inner {
    width: 64%
}

@media all and (max-width:1920px) {
    #ASUS-features .section__frames .frame-scroller .text-block.first .inner {
        width: 76%
    }
}

@media all and (max-width:1600px) {
    #ASUS-features .section__frames .frame-scroller .text-block.first .inner {
        width: 70%
    }
}

#ASUS-features .section__frames .frame-scroller .text-block.second {
    width: 50%;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
    background-image: linear-gradient(90deg, #fff0, #fff3);
    background-position-x: 2000px;
    right: 0;
    top: 0
}

#ASUS-features .section__frames .frame-scroller .text-block.second .inner {
    width: 58%
}

@media all and (max-width:1920px) {
    #ASUS-features .section__frames .frame-scroller .text-block.second .inner {
        width: 74%
    }
}

@media all and (max-width:1600px) {
    #ASUS-features .section__frames .frame-scroller .text-block.second .inner {
        width: 70%
    }
}

#ASUS-features .section__frames .frame-scroller .text-block.third {
    width: 100%;
    height: 40%;
    background-image: linear-gradient(0deg, #fff0, #fff3);
    background-position-y: -1000px;
    justify-content: center;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

#ASUS-features .section__frames .frame-scroller .text-block.third .inner {
    width: 66%;
    padding: 0 5%;
    position: absolute;
    top: 30%
}

@media all and (min-width:2560px) {
    #ASUS-features .section__frames .frame-scroller .text-block.third .inner {
        width: 50%
    }
}

#ASUS-features .section__frames .frame-scroller .text-block.third .inner h3,
#ASUS-features .section__frames .frame-scroller .text-block.third .inner p {
    text-align: center
}

@media all and (max-width:1920px) {
    #ASUS-features .section__frames .frame-scroller .text-block.third .inner {
        width: 72%;
        top: 20%
    }
}

@media all and (max-width:1600px) {
    #ASUS-features .section__frames .frame-scroller .text-block.third .inner {
        width: 70%
    }
}

#ASUS-features .section__frames .frame-scroller .text-block.fourth {
    width: 50%;
    height: 100%;
    align-items: center;
    background-image: linear-gradient(90deg, #fff3, #fff0);
    background-position-x: -2000px;
    left: 0;
    top: 0
}

#ASUS-features .section__frames .frame-scroller .text-block.fourth .inner {
    width: 70%
}

@media all and (max-width:1920px) {
    #ASUS-features .section__frames .frame-scroller .text-block.fourth .inner {
        width: 80%
    }
}

#ASUS-features .section__frames .frame-scroller .text-block.fourth h3 {
    font-size: 2.69vw
}

@media all and (min-width:2560px) {
    #ASUS-features .section__frames .frame-scroller .text-block.fourth h3 {
        font-size: 53.76px;
    }
}

@media all and (max-width:1920px) {
    #ASUS-features .section__frames .frame-scroller .text-block.fourth h3 {
        font-size: 2.95vw
    }
}

#ASUS-features .section__frames .frame-scroller .text-block .inner {
    opacity: 0
}

#ASUS-features .section__frames .frame-scroller .text-block h3 {
    text-align: left
}
#ASUS-features .section__grid .btn-pause {
    filter: invert(1);
}
#ASUS-features .section__grid:before {
    content: "";
    width: 100%;
    height: 50%;
    background-image: linear-gradient(0deg, transparent, #99A9CE, transparent);
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

#ASUS-features .section__grid .grid-wrapper {
    width: 88vw;
    /* display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;   
    align-items: start; 
    gap: 1.5vw; */
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective-origin: center center;
    perspective-origin: center center;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    column-count: 2;
    column-gap: 1.5vw;
    margin: 0 auto;
    padding: 2rem;
    position: relative;
    z-index: 2;
}

#ASUS-features .section__grid .text-block {
    margin: 0;
    padding: 2vw;
    position: relative;
    z-index: 2;
}
#ASUS-features .section__grid .text-block h3 span {
    display: block;
}

#ASUS-features .section__grid h3, #ASUS-features .section__grid p {
    text-align: left;
}

#ASUS-features .section__grid .grid-item {
    overflow: hidden;
    opacity: .5;
    padding: 2.5px 2.8px 2.7px 2.5px;
    position: relative;
    break-inside: avoid;
    margin-bottom: 1.5vw;
    transform: scale(0.95);
    transform-origin: left top;
    z-index: 3;
}
#ASUS-features .section__grid .item2, #ASUS-features .section__grid .item4 {
    transform-origin: right top;
}
#ASUS-features .section__grid .item1 {
    transform: scale(0.95) rotateY(10deg)
}
#ASUS-features .section__grid .item2 {
    transform: scale(0.95) rotateY(-10deg)
}
#ASUS-features .section__grid .item3 {
    transform: scale(0.95) rotateY(15deg)
}
#ASUS-features .section__grid .item4 {
    transform: scale(0.95) rotateY(-15deg)
}
#ASUS-features .section__grid.active .grid-item {
    opacity: 1;
    transform: scale(1) rotateY(0deg) !important;
    transition: transform .5s cubic-bezier(.75,0,0,.75), opacity .5s cubic-bezier(.75,0,0,.75);
    will-change: transform, opacity;
}
#ASUS-features .section__grid.active .item1 {
    transition-delay: .1s;
}
#ASUS-features .section__grid.active .item2 {
    transition-delay: .2s;
}
#ASUS-features .section__grid.active .item3 {
    transition-delay: .3s;
}
#ASUS-features .section__grid.active .item4 {
    transition-delay: .4s;
}

#ASUS-features .section__grid .grid-item:before {
    content: "";
    background-image: linear-gradient(-45deg, #7700D9, #35A1FF, #48BE76, #B4F82E);
    display: block;
    border-radius: 42px;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
}
#ASUS-features .section__grid .grid-item .inner {
    height: 100%;
    background-color: #e8ebf4;
    border-radius: 40px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

#ASUS-features .section__grid .item4 .inner {
    height: 100%;
}
@media all and (min-width:2560px) {
    #ASUS-features .section__grid .grid-item {
        margin-bottom: 38px;
    }
}

@media all and (min-width:2560px) {
    #ASUS-features .section__grid .grid-wrapper {
        width: 2300px;
        column-gap: 35px;
        /* gap: 35px */
    }
    #ASUS-features .section__grid .text-block {
        padding: 38px;
    }
    #ASUS-features .section__grid .text-block h3 span {
        display: inline;
    }
}
@media all and (max-width:1280px) {
    #ASUS-features .section__grid .text-block h3 span {
        display: inline;
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__grid .grid-wrapper {
        padding: 3vw;
    }
    #ASUS-features .section__grid .grid-item {
        margin-bottom: 3vw;
            padding: 2px 1.8px 2px 2px;
    }
    #ASUS-features .section__grid .grid-item .inner {
        border-radius: 24px;
    }
    #ASUS-features .section__grid .grid-item:before {
        border-radius: 26px;
    }
}

/* 若想指定位置（依照你圖片的布局） */

#ASUS-features .section__grid .item4 {
    height: 33vw;
}
#ASUS-features .section__grid .item4 .text-block {
    padding: 5% 5% 5% 13%;
}
#ASUS-features .section__grid .item1 .video-block {
    width: 100%;
    height: 31.1vw;
}
#ASUS-features .section__grid .item2 .video-block {
    width: 100%;
    height: 19.5vw;
}
#ASUS-features .section__grid .item3 .video-block {
    width: 100%;
    height: 22.8vw;
}

#ASUS-features .section__grid .item4 h3, #ASUS-features .section__grid .item4 p {
    color: #fff;
}
@media all and (min-width:2560px) {
    #ASUS-features .section__grid .item4 .text-block {
        padding: 8% 10% 5% 20%;
    }
    #ASUS-features .section__grid .item1 .video-block {
        width: 1096px;
        height: 822px;
    }
    #ASUS-features .section__grid .item2 .video-block {
        width: 1096px;
        height: 538px;
    }
    #ASUS-features .section__grid .item3 {
        height: 845px;
    }
    #ASUS-features .section__grid .item3 .video-block {
        width: 1096px;
        height: 636px;
    }
}

@media all and (max-width: 1080px) {
    #ASUS-features .section__grid .grid-wrapper {
        width: 100vw;
        column-count: 1;
    }
    #ASUS-features .section__grid .text-block {
        padding: 5%;
    }
    #ASUS-features .section__grid .item1 .video-block {
        height: 61.15vw;
    }
    #ASUS-features .section__grid .item2 .video-block {
        height: 40.5vw;
    }
    #ASUS-features .section__grid .item3 .video-block {
        height: 48.15vw;
    }
    #ASUS-features .section__grid .item4 {
        height: 63vw;
    }
    #ASUS-features .section__grid .item4 .text-block {
        padding: 7% 5% 5% 17%;
    }
}
@media all and (max-width: 480px) {

    #ASUS-features .section__grid .item3 .video-block {
        margin-bottom: 35px;
    }
}

#ASUS-features .section__grid .img__xgm_ally_scenario {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1
}

#ASUS-features .section__grid .img__xgm_ally_scenario {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/xgm_ally_scenario.webp)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    #ASUS-features .section__grid .img__xgm_ally_scenario {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/xgm_ally_scenario.webp)
    }
}

.noWebp #ASUS-features .section__grid .img__xgm_ally_scenario {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/xgm_ally_scenario.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:1.5dppx),
(-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .noWebp #ASUS-features .section__grid .img__xgm_ally_scenario {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/xgm_ally_scenario.jpg)
    }
}

@media (max-width: 630px) {
    #ASUS-features .section__grid .item4 {
        height: 109vw;
    }
    #ASUS-features .section__grid .item4 .text-block {
        padding: 5%;
    }
    #ASUS-features .section__grid .item4 .inner::before {
        content: "";
        width: 100%;
        height: 34vw;
        background-image: linear-gradient(0deg, transparent, #175580 50%);
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
    }
    #ASUS-features .section__grid .img__xgm_ally_scenario {
        background-position-y: 16vw;
    }
}

#ASUS-features .section__xgm.active .text-block h3,
#ASUS-features .section__xgm.active .text-block p {
    opacity: 1;
    transform: translateY(0);
    will-change: opacity, transform
}

#ASUS-features .section__xgm.active .text-block p {
    transition-delay: .5s
}

#ASUS-features .section__360 .text-block {
    text-align: center
}

#ASUS-features .section__360 .text-block h2 {
    padding-top: 20px;
    opacity: 0;
    transform: translateY(-100%)
}

#ASUS-features .section__360 .preloader {
    display: none
}

#ASUS-features .section__360 .canvas-wrapper {
    width: 100vw;
    height: 56.25vw;
    margin: -7vw auto;
    cursor: ew-resize;
    opacity: 0;
    position: relative;
    z-index: 1;
    transform: scale(.75)
}

@media all and (min-width:2560px) {
    #ASUS-features .section__360 .canvas-wrapper {
        margin: -175px auto
    }
}

@media all and (min-width:1920px) {
    #ASUS-features .section__360 .canvas-wrapper {
        width: 1920px;
        height: 1080px
    }
}

#ASUS-features .section__360 .canvas-wrapper canvas {
    display: block;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%) translateY(-50%);
    transition: opacity 1.25s cubic-bezier(.75, 0, 0, .75)
}

#ASUS-features .section__360 .canvas-wrapper canvas.semi-transparent {
    opacity: .5;
}

#ASUS-features .section__360 .canvas-wrapper canvas.active {
    opacity: 1;
    z-index: 2;
    will-change: opacity
}

#ASUS-features .section__360 .switcher-wrapper {
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px auto 0;
    text-align: center;
    position: relative;
    z-index: 2
}

#ASUS-features .section__360 .switcher-wrapper .inner {
    width: 100%;
    height: 100%;
    position: relative
}

#ASUS-features .section__360 .switcher-wrapper .inner.true {
    z-index: 1
}

#ASUS-features .section__360 .switcher-wrapper .inner.true button {
    border-color: #fff;
    color: #272a31
}

#ASUS-features .section__360 .switcher-wrapper .inner.fake {
    -webkit-mask-image: linear-gradient(90deg, #fff 50%, #fff0 50%);
    mask-image: linear-gradient(90deg, #fff 50%, #fff0 50%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    -webkit-mask-position: -220px 0;
    mask-position: -220px 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    animation-timing-function: cubic-bezier(.75, 0, 0, .75);
    animation-fill-mode: forwards;
    animation-direction: alternate;
    animation-duration: 1s
}

#ASUS-features .section__360 .switcher-wrapper .inner.fake.forward {
    animation-name: forward-mask-anim
}

#ASUS-features .section__360 .switcher-wrapper .inner.fake.backward {
    animation-name: backward-mask-anim
}

#ASUS-features .section__360 .switcher-wrapper .inner.fake button {
    color: #7c7c7c
}

#ASUS-features .section__360 .switcher-wrapper button {
    width: 230px;
    height: 50px;
    background-color: #D2FF7A;
    border-radius: 10px;
    color: #272a31;
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, sans-serif;
    font-size: clamp(20px, 1.2vw, 26px);
    font-weight: 700;
    margin: 0 20px;
    padding: 6px 20px;
    position: relative;
    transition: background-color cubic-bezier(.85,0,0,.85) .3s, color cubic-bezier(.85,0,0,.85) .5s
}

#ASUS-features .section__360 .switcher-wrapper button.active {
    background-color: #272a31;
    border-color: transparent;
    color: #D2FF7A;
    will-change: background-color, border-color, color
}

@media (hover:hover) {
    #ASUS-features .section__360 .switcher-wrapper button:hover {
        background-color: #272a31;
        color: #D2FF7A;
        will-change: background-color, color
    }

    #ASUS-features .section__360 .switcher-wrapper button:hover:before {
        border-color: #fff;
        transform: translate(-50%, -50%) scale(1);
        will-change: border-color, transform
    }
}

#ASUS-features .section__360 .switcher-wrapper .active-flow {
    width: 50%;
    height: 100%;
    background-color: #f5f5f5;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    animation-timing-function: cubic-bezier(.75, 0, 0, .75);
    animation-fill-mode: forwards;
    animation-direction: alternate;
    animation-duration: 1s
}

#ASUS-features .section__360 .switcher-wrapper .active-flow.forward {
    animation-name: forward-anim
}

#ASUS-features .section__360 .switcher-wrapper .active-flow.backward {
    animation-name: backward-anim
}

#ASUS-features .section__360 .range-wrapper {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 20px 0
}

#ASUS-features .section__360 .range-wrapper .icon_360 {
    width: 100px;
    height: 65px;
    margin: 30px auto;
    opacity: 0
}

#ASUS-features .section__360 .range-wrapper input.bar[type=range] {
    width: 100%;
    height: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #272a30;
    border-radius: 5px;
    cursor: pointer;
    opacity: 0;
    transform-origin: left;
    transform: translate(-20%) scaleX(0)
}

#ASUS-features .section__360 .range-wrapper input.bar[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 50px;
    height: 26px;
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/svg/range_bar_slider_thumb.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 7px;
    box-shadow: none;
    margin-top: -1px
}

#ASUS-features .section__360 .range-wrapper input.bar[type=range]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: #000;
    border-radius: 50%;
    border: 2px solid #fff
}

#ASUS-features .section__360.active .text-block h2 {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 1s cubic-bezier(.75, 0, 0, .75), transform 1s cubic-bezier(.75, 0, 0, .75)
}

#ASUS-features .section__360.active .range-wrapper .icon_360 {
    opacity: 1;
    transition: opacity 1s ease;
    will-change: opacity;
    transition-delay: 2s
}

#ASUS-features .section__360.active .range-wrapper input.bar[type=range] {
    opacity: 1;
    transform: translate(0) scaleX(1);
    transition: opacity 1s ease, transform 1s ease;
    will-change: opacity, transform;
    transition-delay: 1s
}

#ASUS-features .section__360.active .canvas-wrapper {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1.5s cubic-bezier(1, 0, 0, 1), transform 1.5s cubic-bezier(1, 0, 0, 1);
    will-change: opacity, transform
}

#ASUS-features .section__360.active .switcher-wrapper .active-flow {
    opacity: 1;
    transition: opacity 1s cubic-bezier(.75, 0, 0, .75);
    transition-delay: 1s;
    will-change: opacity
}

@keyframes forward-anim {
    0% {
        transform: translate(0) scaleX(1)
    }

    50% {
        transform: translate(110px) scaleX(2)
    }

    to {
        transform: translate(220px) scaleX(1)
    }
}

@keyframes backward-anim {
    0% {
        transform: translate(220px) scaleX(1)
    }

    50% {
        transform: translate(110px) scaleX(2)
    }

    to {
        transform: translate(0) scaleX(1)
    }
}

@keyframes forward-mask-anim {
    0% {
        -webkit-mask-position: -220px 0;
        mask-position: -220px 0
    }

    50% {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }

    to {
        -webkit-mask-position: 220px 0;
        mask-position: 220px 0
    }
}

@keyframes backward-mask-anim {
    0% {
        -webkit-mask-position: 220px 0;
        mask-position: 220px 0
    }

    50% {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }

    to {
        -webkit-mask-position: -220px 0;
        mask-position: -220px 0
    }
}

#ASUS-features .section__spec {
    padding: 7.8125vw 0
}

@media all and (min-width:2560px) {
    #ASUS-features .section__spec {
        padding: 200px 0
    }
}

#ASUS-features .section__spec .text-block {
    margin: 0;
    padding: 20px 0;
    text-align: center
}

#ASUS-features .section__spec .deco-block {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0
}

#ASUS-features .section__spec .deco-block .bg {
    width: 100%;
    height: 40%;
    position: absolute;
    top: 0;
    z-index: 1
}

#ASUS-features .section__spec .switch-block {
    display: none;
    padding-top: 30px;
    text-align: center;
    position: relative;
    z-index: 9
}

#ASUS-features .section__spec .switch-block .btn-switch {
    width: 100%;
    max-width: 290px;
    cursor: pointer;
    display: inline-block;
    font-size: clamp(22px, 3vw, 42px);
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, sans-serif;
    outline: 0;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    position: relative;
    z-index: 3;
}

#ASUS-features .section__spec .switch-block .btn-switch .inner {
    width: 200%;
    display: flex;
    justify-content: space-around;
    transition: transform cubic-bezier(1, .5, 0, 1) .25s .2s
}

#ASUS-features .section__spec .switch-block .btn-switch .inner span {
    display: inline-block;
    padding: 0 5px;
    position: relative;
    z-index: 3;
}

#ASUS-features .section__spec .switch-block .btn-switch .inner span:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #272a31;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0
}

@media all and (max-width:992px) {
    #ASUS-features .section__spec .switch-block {
        display: block
    }
}

#ASUS-features .section__spec .info-container {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 3.9vw;
    position: relative;
    z-index: 4
}

@media all and (min-width:2560px) {
    #ASUS-features .section__spec .info-container {
        max-width: none;
        padding-bottom: 100px
    }
}

#ASUS-features .section__spec .spec-container {
    padding: 60px 0;
    position: relative;
    z-index: 6
}

@media all and (max-width:735px) {
    #ASUS-features .section__spec .spec-container {
        padding: 30px 0
    }
}

#ASUS-features .section__spec .logo-block {
    padding-top: 30px;
    text-align: center
}

#ASUS-features .section__spec .logo-block .pic,
#ASUS-features .section__spec .logo-block>img {
    display: inline-block;
    margin: 15px 1.2vw;
    vertical-align: middle
}

@media all and (min-width:2560px) {

    #ASUS-features .section__spec .logo-block .pic,
    #ASUS-features .section__spec .logo-block>img {
        margin: 15px 30px
    }
}

#ASUS-features .section__spec .logo-block .logo_windows_11 {
    width: 13.333vw;
    height: 2.447vw
}

#ASUS-features .section__spec .logo-block .logo_xbox_game_pass {
    width: 13.906vw;
    height: 2.395vw
}

#ASUS-features .section__spec .logo-block .logo_amd_z1 {
    width: 6.927vw;
    height: 4.218vw
}

#ASUS-features .section__spec .logo-block .logo_amd_ryzen_z1_extreme {
    width: 7.03vw;
    height: 6.25vw
}

@media all and (min-width:1920px) {
    #ASUS-features .section__spec .logo-block .logo_windows_11 {
        width: 256px;
        height: 47px
    }

    #ASUS-features .section__spec .logo-block .logo_xbox_game_pass {
        width: 267px;
        height: 46px
    }

    #ASUS-features .section__spec .logo-block .logo_amd_z1 {
        width: 133px;
        height: 81px
    }

    #ASUS-features .section__spec .logo-block .logo_amd_ryzen_z1_extreme {
        width: 135px;
        height: 120px
    }
}

@media all and (max-width:1024px) {
    #ASUS-features .section__spec .logo-block .logo_windows_11 {
        width: 170px;
        height: 31px
    }

    #ASUS-features .section__spec .logo-block .logo_xbox_game_pass {
        width: 170px;
        height: 29px
    }

    #ASUS-features .section__spec .logo-block .logo_amd_z1 {
        width: 96px;
        height: 58px
    }

    #ASUS-features .section__spec .logo-block .logo_amd_ryzen_z1_extreme {
        width: 96px;
        height: 85px
    }

    #ASUS-features .section__spec .logo-block .pic,
    #ASUS-features .section__spec .logo-block>img {
        margin: 15px 2.4vw
    }
}

#ASUS-features .section__spec .product-wrapper {
    width: 100%;
    overflow: hidden;
    padding-top: 100px
}

@media all and (max-width:992px) {
    #ASUS-features .section__spec .product-wrapper {
        padding-top: 60px
    }
}

#ASUS-features .section__spec .product-wrapper .inner {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    transition: transform cubic-bezier(1, .5, 0, 1) .4s
}

@media all and (min-width:2560px) {
    #ASUS-features .section__spec .product-wrapper .inner {
        justify-content: center
    }
}

@media all and (max-width:992px) {
    #ASUS-features .section__spec .product-wrapper .inner {
        width: 200%
    }
}

#ASUS-features .section__spec .product-wrapper .product {
    width: 100%;
    max-width: 800px;
    padding: 0 2vw;
    position: relative
}

@media all and (min-width:2560px) {
    #ASUS-features .section__spec .product-wrapper .product {
        max-width: 1000px;
        padding: 0 60px
    }

    #ASUS-features .section__spec .product-wrapper .product.ally {
        padding-right: 100px
    }

    #ASUS-features .section__spec .product-wrapper .product.ally-x {
        padding-left: 100px
    }
}

@media all and (max-width:992px) {
    #ASUS-features .section__spec .product-wrapper .product {
        width: 200%
    }
}

#ASUS-features .section__spec .product-wrapper .product>.pic {
    position: relative
}

#ASUS-features .section__spec .product-wrapper .product>.pic span:after,
#ASUS-features .section__spec .product-wrapper .product>.pic span:before,
#ASUS-features .section__spec .product-wrapper .product>.pic:after,
#ASUS-features .section__spec .product-wrapper .product>.pic:before {
    content: "";
    width: 10%;
    height: 23%;
    display: block;
    animation-duration: 6s;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: breathe;
    animation-timing-function: ease;
    opacity: 0;
    position: absolute;
    z-index: 2
}

#ASUS-features .section__spec .product-wrapper .product>.pic:before {
    background-image: linear-gradient(-45deg, #117dff, #00deff, #2de4ff, #9b8dff, #a12eb8, #a12eb8, #2de4ff)
}

#ASUS-features .section__spec .product-wrapper .product>.pic:after {
    background-image: linear-gradient(-45deg, #0f3 15%, #00deff 70%)
}

#ASUS-features .section__spec .product-wrapper .product>.pic span:after,
#ASUS-features .section__spec .product-wrapper .product>.pic span:before {
    background-color: #000;
    opacity: 1;
    animation: none;
    z-index: 1
}

#ASUS-features .section__spec .product-wrapper .product>.pic span:before {
    left: 2.5%;
    top: 17%
}

#ASUS-features .section__spec .product-wrapper .product>.pic span:after {
    left: 79%;
    top: 30.5%
}

#ASUS-features .section__spec .product-wrapper .product>.pic.product_black,
#ASUS-features .section__spec .product-wrapper .product>.pic.product_white {
    width: 32.8125vw;
    height: 13.71vw;
    margin: 0 auto
}

@media all and (min-width:2560px) {

    #ASUS-features .section__spec .product-wrapper .product>.pic.product_black,
    #ASUS-features .section__spec .product-wrapper .product>.pic.product_white {
        width: 840px;
        height: 351px
    }
}

@media all and (max-width:1920px) {

    #ASUS-features .section__spec .product-wrapper .product>.pic.product_black,
    #ASUS-features .section__spec .product-wrapper .product>.pic.product_white {
        width: 40vw;
        height: 16.71vw
    }
}

@media all and (max-width:992px) {

    #ASUS-features .section__spec .product-wrapper .product>.pic.product_black,
    #ASUS-features .section__spec .product-wrapper .product>.pic.product_white {
        width: 78vw;
        height: 32.71vw
    }
}

#ASUS-features .section__spec .product-wrapper .product>.pic.product_black:before,
#ASUS-features .section__spec .product-wrapper .product>.pic.product_white:before {
    left: 3.5%;
    top: 16%
}

#ASUS-features .section__spec .product-wrapper .product>.pic.product_black:after,
#ASUS-features .section__spec .product-wrapper .product>.pic.product_white:after {
    left: 79%;
    top: 30.5%
}

#ASUS-features .section__spec .product-wrapper .product>.pic img,
#ASUS-features .section__spec .product-wrapper .product>.pic picture {
    position: relative;
    z-index: 3
}

#ASUS-features .section__spec .product-wrapper .product.pause .pic:after,
#ASUS-features .section__spec .product-wrapper .product.pause .pic:before {
    animation-play-state: paused
}

#ASUS-features .section__spec #btn-breathe2 {
    filter: invert(1);
    position: absolute;
    right: 3%;
    top: 70%;
    transform: translate(-50%)
}
@media all and (width:1080px) and (height:2400px) {
    #ASUS-features .section__spec #btn-breathe2 {
        top: 75%;
    }
}
#ASUS-features .section__spec .spec-wrapper {
    max-width: 2200px;
    width: 100%;
    display: flex;
    flex-direction: row;
    line-height: 1.4;
    margin: 0 auto
}

#ASUS-features .section__spec .spec-wrapper .stable-inner {
    width: 20%
}

@media all and (max-width:735px) {
    #ASUS-features .section__spec .spec-wrapper .stable-inner {
        width: 28%
    }
}

#ASUS-features .section__spec .spec-wrapper .stable-inner>h3 {
    border-bottom: #939BAD 1px solid;
    display: flex;
    align-items: center;
    flex-direction: row;
    font-size: clamp(16px, 1.1vw, 22px);
    letter-spacing: 1px;
    padding: 30px 30px 30px 60px;
    opacity: 0;
    transform-origin: 0 0;
    transform: translateY(-20px) rotateX(90deg);
    transition: opacity ease .2s, transform cubic-bezier(0, 0, .05, 1.35) 1s
}

#ASUS-features .section__spec .spec-wrapper .stable-inner>h3.no-border {
    border: none
}

@media all and (max-width:992px) {
    #ASUS-features .section__spec .spec-wrapper .stable-inner>h3 {
        padding: 30px 20px
    }
}

#ASUS-features .section__spec .spec-wrapper .float-inner {
    width: 80%;
    overflow: hidden
}

@media all and (max-width:735px) {
    #ASUS-features .section__spec .spec-wrapper .float-inner {
        width: 72%
    }
}

#ASUS-features .section__spec .spec-wrapper .float-inner .info-block {
    border-bottom: #939BAD 1px solid;
    padding: 30px;
    opacity: 0;
    text-align: center;
    transform-origin: 0 0;
    transform: translateY(-20px) rotateX(90deg);
    transition: opacity ease .2s, transform cubic-bezier(0, 0, .05, 1.35) 1s
}

@media all and (max-width:992px) {
    #ASUS-features .section__spec .spec-wrapper .float-inner .info-block {
        text-align: left;
        padding: 0
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__spec .spec-wrapper .float-inner .info-block {
        width: 150%
    }
}

#ASUS-features .section__spec .spec-wrapper .float-inner .info-block>p {
    font-size: clamp(15px, 1.1vw, 20px);
    letter-spacing: 2px;
    padding: 0 10px
}

@media all and (max-width:992px) {
    #ASUS-features .section__spec .spec-wrapper .float-inner .info-block>p {
        width: 50%;
        padding: 20px
    }
}

#ASUS-features .section__spec .spec-wrapper .float-inner .info-block.half {
    width: 100%
}

@media all and (max-width:992px) {
    #ASUS-features .section__spec .spec-wrapper .float-inner .info-block.half {
        width: 200%
    }
}

#ASUS-features .section__spec .spec-wrapper .float-inner .info-block.half.no-border {
    border: none
}

#ASUS-features .section__spec .spec-wrapper .float-inner .info-block.half .inner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    transition: transform cubic-bezier(1, .5, 0, 1) .4s .3s
}

#ASUS-features .section__spec .spec-wrapper .float-inner .info-block.half .inner>p {
    width: 40%;
    font-size: clamp(16px, 1.1vw, 20px);
    letter-spacing: 1px;
    line-height: 1.4;
    padding: 0 10px
}

@media all and (max-width:992px) {
    #ASUS-features .section__spec .spec-wrapper .float-inner .info-block.half .inner>p {
        padding: 20px
    }
}

#ASUS-features .section__spec .spec-wrapper .float-inner .info-block.half .inner>p .align {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch
}

#ASUS-features .section__spec .spec-wrapper .float-inner .info-block.half .inner>p span {
    display: block
}

@media all and (max-width:992px) {
    #ASUS-features .section__spec .spec-wrapper .float-inner .info-block.half .inner>p {
        width: 50%
    }
}

#ASUS-features .section__spec .spec-wrapper .float-inner .info-block.half .inner>p .logo_nebula_hdr {
    width: 85%
}

#ASUS-features .section__spec .spec-wrapper .float-inner .info-block.half .inner>p .logo_nebula_display {
    width: 100%
}

#ASUS-features .section__spec .spec-wrapper.new {
    display: block
}

#ASUS-features .section__spec .spec-wrapper.new .spec-col {
    width: 100%;
    display: flex;
    flex-direction: row
}

#ASUS-features .section__spec .spec-wrapper.new .spec-col h3 {
    flex: 1;
    padding: 15px
}

#ASUS-features .section__spec .spec-wrapper.new .spec-col .info-block {
    flex: 3;
    padding: 15px 0
}

@media all and (max-width:735px) {
    #ASUS-features .section__spec .spec-wrapper.new .spec-col .info-block {
        width: 150%
    }
}

#ASUS-features .section__spec .spec-wrapper.new .spec-col .info-block.half {
    display: flex;
    flex-direction: row
}

#ASUS-features .section__spec .spec-wrapper.new .spec-col .info-block.half>div {
    width: 50%
}

#ASUS-features .section__spec .spec-wrapper.new .spec-col .info-block>div {
    padding: 0 15px
}

@media all and (max-width:735px) {
    #ASUS-features .section__spec .spec-wrapper.new .spec-col {
        flex-direction: column;
        padding: 10px 0
    }

    #ASUS-features .section__spec .spec-wrapper.new .spec-col .info-block,
    #ASUS-features .section__spec .spec-wrapper.new .spec-col h3 {
        width: 100%;
        flex: none
    }

    #ASUS-features .section__spec .spec-wrapper.new .spec-col h3 {
        padding: 2px 15px
    }

    #ASUS-features .section__spec .spec-wrapper.new .spec-col .info-block {
        max-height: 0;
        overflow: hidden;
        padding: 2px 0;
        transition: max-height .2s ease-out
    }

    #ASUS-features .section__spec .spec-wrapper.new .spec-col.active .info-block {
        will-change: max-height
    }
}

#ASUS-features .section__spec .note-wrapper {
    padding: 60px 20px
}

@media all and (max-width:735px) {
    #ASUS-features .section__spec .note-wrapper {
        padding: 20px
    }
}

#ASUS-features .section__spec .note-wrapper p {
    text-align: center
}

#ASUS-features .section__spec .note-wrapper .note {
    font-style: italic;
    opacity: 0;
    text-align: center;
    transform: translateY(-20px) rotateX(90deg);
    transition: opacity ease .2s, transform ease 1s
}

@media all and (max-width:992px) {

    #ASUS-features .section__spec.right .product-wrapper .inner,
    #ASUS-features .section__spec.right .spec-wrapper .float-inner .info-block.half .inner {
        transform: translate(-50%)
    }

    #ASUS-features .section__spec.right .deco-block .bg {
        will-change: opacity
    }

    #ASUS-features .section__spec.right .deco-block .bg1 {
        opacity: 0
    }

    #ASUS-features .section__spec.right .deco-block .bg2 {
        opacity: 1
    }
}

#ASUS-features .section__base .animate-player .content-frame2 .draw-line:after,
#ASUS-features .section__base .animate-player .content-frame2 .draw-line:before {
    opacity: 0
}

#ASUS-features .section__base .animate-player .content-frame2 .draw-line:before {
    transition: opacity ease .8s .8s
}

#ASUS-features .section__base .animate-player .content-frame2 .draw-line:after {
    transform: translate(30%);
    transition: opacity ease 1s .4s, transform ease 1s .4s
}

#ASUS-features .section__base .animate-player .content-frame2 .draw-line span {
    opacity: 0;
    transition: opacity ease .6s .4s
}

#ASUS-features .section__base .animate-player .content-frame2 .draw-line span.deco {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity ease .6s, transform ease .8s
}

#ASUS-features .section__base .animate-player .content-frame2 .content-info,
#ASUS-features .section__base .animate-player .content-frame2 .note {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity ease .8s .6s, transform ease .8s .6s
}

#ASUS-features .section__base .animate-player .content-frame2 .wd__feature__list .feature-1 {
    opacity: 0;
    transition: opacity ease .6s .2s
}

#ASUS-features .section__base .animate-player .content-frame2 .wd__feature__list .feature-2 {
    opacity: 0;
    transition: opacity ease .6s .4s
}

#ASUS-features .section__base .animate-player .content-frame2 .wd__feature__list .feature-3 {
    opacity: 0;
    transition: opacity ease .6s .6s
}

#ASUS-features .section__base .animate-player .content-frame2 .wd__feature__list .feature-4 {
    opacity: 0;
    transition: opacity ease .6s .8s
}

#ASUS-features .section__base .animate-player .content-frame2 .wd__feature__list .feature-5 {
    opacity: 0;
    transition: opacity ease .6s 1s
}

#ASUS-features .section__base .animate-player .content-frame2 .wd__feature__list .feature-6 {
    opacity: 0;
    transition: opacity ease .6s 1.2s
}

#ASUS-features .section__base .animate-player .content-frame2 .wd__feature__list .feature-7 {
    opacity: 0;
    transition: opacity ease .6s 1.4s
}

#ASUS-features .section__base .animate-player .content-frame2 .wd__feature__list .feature-8 {
    opacity: 0;
    transition: opacity ease .6s 1.6s
}

#ASUS-features .section__base .animate-player .content-frame2 .wd__feature__list .feature-9 {
    opacity: 0;
    transition: opacity ease .6s 1.8s
}

#ASUS-features .section__base .animate-player.animated .content-frame2 .content-info,
#ASUS-features .section__base .animate-player.animated .content-frame2 .note {
    opacity: 1;
    transform: translateY(0)
}

#ASUS-features .section__base .animate-player.animated .icon-arrow,
#ASUS-features .section__base .animate-player.animated .wd__feature__list .feature-1,
#ASUS-features .section__base .animate-player.animated .wd__feature__list .feature-2,
#ASUS-features .section__base .animate-player.animated .wd__feature__list .feature-3,
#ASUS-features .section__base .animate-player.animated .wd__feature__list .feature-4,
#ASUS-features .section__base .animate-player.animated .wd__feature__list .feature-5,
#ASUS-features .section__base .animate-player.animated .wd__feature__list .feature-6,
#ASUS-features .section__base .animate-player.animated .wd__feature__list .feature-7,
#ASUS-features .section__base .animate-player.animated .wd__feature__list .feature-8,
#ASUS-features .section__base .animate-player.animated .wd__feature__list .feature-9 {
    opacity: 1
}

#ASUS-features .section__base .animate-player.animated .icon-arrow.down {
    transform: translateY(0);
    transition: opacity ease .4s, transform ease .4s
}

#ASUS-features .section__base .animate-player.animated .gradient-text {
    animation-name: gradient_text
}

#ASUS-features .section__base .gradient-text {
    -webkit-mask-image: linear-gradient(to top, transparent 5%, #000, transparent 95%);
    mask-image: linear-gradient(to top, transparent 5%, #000, transparent 95%);
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-timing-function: ease
}

@keyframes gradient_text {
    0% {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }

    to {
        -webkit-mask-position: 0 -160px;
        mask-position: 0 -160px
    }
}

@media all and (max-width:1280px) {
    #ASUS-features .section__base .content-frame2 .wd-content2 {
        max-width: none !important;
        padding: 0
    }

    #ASUS-features .section__base .wd-content {
        max-width: 920px;
        margin: 0 auto;
        padding: 0 15px;
        position: relative;
        z-index: 20
    }

    #ASUS-features .section__base .wd-content.medium-text-center {
        text-align: center
    }

    #ASUS-features .section__base .wd-content.medium-text-left {
        text-align: left
    }

    #ASUS-features .section__base .wd-content.medium-text-right {
        text-align: right
    }

    #ASUS-features .section__base .wd-content>* {
        font-weight: 400;
        font-style: normal
    }

    #ASUS-features .section__base .wd-content>.content-slogan {
        color: #272a31;
        font-size: 36px
    }

    #ASUS-features .section__base .wd-content>.content-slogan:after {
        content: "";
        display: block;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: -12px;
        margin-left: 0;
        width: 372px;
        height: 9px;
        margin-top: 15px;
        background-position: 3px;
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/titleLine.webp)
    }
}

@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    #ASUS-features .section__base .wd-content>.content-slogan:after {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/titleLine.webp)
    }
}

@media all and (max-width:1280px) {
    #ASUS-features .section__base .wd-content>.icon_title {
        display: none
    }

    #ASUS-features .section__base .wd-content.text-center>* {
        text-align: center
    }

    #ASUS-features .section__base .wd-content.text-left>* {
        text-align: left
    }

    #ASUS-features .section__base .wd-content.text-right>* {
        text-align: right
    }

    #ASUS-features .section__base.noWebp .wd-content>.content-slogan:after {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/titleLine.png)
    }
}

@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    #ASUS-features .section__base.noWebp .wd-content>.content-slogan:after {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/2x/titleLine.png)
    }
}

@media all and (max-width:1280px) {
    #ASUS-features .section__base .slider .slide .content {
        max-height: 16.5em;
        padding-left: 22px;
        padding-right: 13px
    }

    #ASUS-features .section__kv .img__kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/1x/kv.webp)
    }

    #ASUS-features .section__kv .img__kv_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/1x/kv_erase.webp)
    }
}

@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    #ASUS-features .section__kv .img__kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/2x/kv.webp)
    }
}

@media all and (max-width:1280px) {
    .noWebp #ASUS-features .section__kv .img__kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/1x/kv.jpg)
    }
}

@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    .noWebp #ASUS-features .section__kv .img__kv_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/2x/kv_erase.jpg)
    }
}

@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    #ASUS-features .section__kv .img__kv_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/2x/kv_erase.webp)
    }
}

@media all and (max-width:1280px) {
    .noWebp #ASUS-features .section__kv .img__kv_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/1x/kv_erase.jpg)
    }
}

@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    .noWebp #ASUS-features .section__kv .img__kv_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/2x/kv_erase.jpg)
    }
}

@media all and (max-width:1280px) and (max-width:1024px) {
    #ASUS-features .section__kv .img__kv {
        height: 100vw
    }

    #ASUS-features .section__kv .text-block {
        width: 100%;
        padding: 0 2vw;
    }

    #ASUS-features .section__kv .text-block h2 {
        font-size: 8vw
    }

    #ASUS-features .section__kv .text-block h3 {
        font-size: 6.5vw;
        padding-top: 3vw;
    }

}

@media all and (max-width:1280px) {
    #ASUS-features .section__compare .product-block .product .pic {
        width: 41.5vw;
        height: 17.4vw;
    }



    #ASUS-features .section__surround .text-block.top {
        max-width: 1100px
    }

    #ASUS-features .section__surround .text-block.bottom {
        top: 15vw
    }

    #ASUS-features .section__surround .img__bg_rog_letters {
        width: 120vw;
        height: 63vw;
        bottom: 10%
    }

    #ASUS-features .section__surround .img__bg_rog_letters {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/1x/bg_rog_letters.webp)
    }
}

@media all and (max-width:940px) {
    #ASUS-features .section__kv .text-block {
        padding: 0 6.6vw;
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__kv .text-block h2 {
        font-size: 7.2vw;
    }
    #ASUS-features .section__kv .text-block h3 {
        font-size: 6.5vw;
        padding-top: 2vw;
    }
}

@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    #ASUS-features .section__surround .img__bg_rog_letters {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/2x/bg_rog_letters.webp)
    }
}

@media all and (max-width:1280px) {
    .noWebp #ASUS-features .section__surround .img__bg_rog_letters {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/1x/bg_rog_letters.png)
    }
}

@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    .noWebp #ASUS-features .section__surround .img__bg_rog_letters {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/2x/bg_rog_letters.png)
    }
}

@media all and (max-width:1280px) {
    #ASUS-features .section__surround .stage-wrapper {
        height: 700px
    }

    #ASUS-features .section__surround .stage .stage-container {
        perspective: 500px
    }
    #ASUS-features .section__surround .text-block.bottom {
        top: 12vw;
    }
}

@media all and (max-width:1280px) and (max-width:1024px) {
    #ASUS-features .section__surround:before {
        content: "";
        width: 100%;
        height: 30%;
        top: 15%
    }

    #ASUS-features .section__surround .text-block {
        padding: 0 40px
    }
    #ASUS-features .section__surround .text-block.bottom2 {
        bottom: 5%;
    }
    #ASUS-features .section__surround .stage-wrapper #btn-ring-pause {
        left: 3%;
        bottom: 17%;
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__surround .stage .stage-container {
        top: 46%;
    }
    #ASUS-features .section__surround .img__bg_rog_letters {
        bottom: 8%;
    }
    #ASUS-features .section__surround .text-block.bottom2 {
        bottom: 0;
    }
    #ASUS-features .section__surround .stage-wrapper #btn-ring-pause {
        bottom: 20%;
    }
    #ASUS-features .section__surround .stage-wrapper #btn-ring-pause {
        left: 3%;
        bottom: 23%;
    }
}

@media all and (max-width:1280px) {

    #ASUS-features .section__rogHead .img__rog_lab {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/1x/rog_lab.webp)
    }
    #ASUS-features .section__rogHead .img__rog_lab_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/1x/rog_lab_erase.webp)
    }
}
@media all and (width:1080px) and (height:2400px) {
    #ASUS-features .section__rogHead {
        height: 50vh;
    }
}
@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    #ASUS-features .section__rogHead .img__rog_lab {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/2x/rog_lab.webp)
    }
    #ASUS-features .section__rogHead .img__rog_lab_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/2x/rog_lab_erase.webp)
    }
}

@media all and (max-width:1280px) {
    .noWebp #ASUS-features .section__rogHead .img__rog_lab {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/1x/rog_lab.jpg)
    }
    .noWebp #ASUS-features .section__rogHead .img__rog_lab_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/1x/rog_lab_erase.jpg)
    }
}

@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    .noWebp #ASUS-features .section__rogHead .img__rog_lab {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/2x/rog_lab.jpg)
    }
    .noWebp #ASUS-features .section__rogHead .img__rog_lab_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/2x/rog_lab_erase.jpg)
    }
}

@media all and (max-width:1280px) {
    #ASUS-features .section__rogHead .rog-head-wrapper .text-block.title {
        top: 15%
    }

    #ASUS-features .section__rogHead .rog-head-wrapper .text-block:not(.title) {
        max-width: 800px;
        top: auto;
        bottom: 10%
    }

    #ASUS-features .section__rogHead .rog-head-wrapper .img__rog_lab, #ASUS-features .section__rogHead .rog-head-wrapper .img__rog_lab_erase {
        width: 270%;
        height: 100%;
        left: 50%;
        transform: translate(-50%)
    }
}


@media all and (max-width:1280px) {
    #ASUS-features .section__rogHead2 .img__battery_kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/1x/battery_kv.webp)
    }
}

@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    #ASUS-features .section__rogHead2 .img__battery_kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/2x/battery_kv.webp)
    }
}

@media all and (max-width:1280px) {
    .noWebp #ASUS-features .section__rogHead2 .img__battery_kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/1x/battery_kv.jpg)
    }
}

@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    .noWebp #ASUS-features .section__rogHead2 .img__battery_kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/2x/battery_kv.jpg)
    }
}

@media all and (max-width:1440px) {
    #ASUS-features .section__software .deco-neon {
        padding: 60px;
    }
}

@media all and (max-width:1280px) {
    #ASUS-features .section__software:before {
        top: 80%
    }

    #ASUS-features .section__software .text-block {
        max-width: 920px;
        padding-bottom: 60px
    }

    #ASUS-features .section__software .img__software_bg {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/1x/software_bg.webp)
    }
}

@media all and (width:1080px) and (height:2400px) {
    #ASUS-features .section__software .text-block {
        max-width: none;
        width: 100%;
    }
}

@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    #ASUS-features .section__software .img__software_bg {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/2x/software_bg.webp)
    }
}

@media all and (max-width:1280px) {
    .noWebp #ASUS-features .section__software .img__software_bg {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/1x/software_bg.jpg)
    }
}

@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    .noWebp #ASUS-features .section__software .img__software_bg {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/2x/software_bg.jpg)
    }
}

@media all and (max-width:1280px) {

    #ASUS-features .section__quote .quote-wrapper {
        top: auto
    }

    #ASUS-features .section__quote .quote-wrapper .item {
        width: 245.23px;
        height: 300px
    }

    #ASUS-features .section__frames {
        padding-top: 0
    }

    #ASUS-features .section__frames .frame-scroller .text-block h3 {
        font-size: calc(40px + .1vw)
    }

    #ASUS-features .section__frames .frame-scroller .text-block.second .inner {
        width: 80%
    }

    #ASUS-features .section__frames .frame-scroller .text-block.third h3 {
        font-size: calc(38px + .1vw)
    }

    #ASUS-features .section__frames .frame-scroller .text-block.third .inner {
        top: 20%
    }

    #ASUS-features .section__frames .frame-scroller .text-block.fourth .inner {
        width: 89%;
        position: relative;
        left: -5%
    }
}
@media all and (width:1080px) and (height:2400px) {
    #ASUS-features .section__quote .quote-wrapper .item {
        width: 450px;
        height: 500px
    }
}
@media all and (max-width:1280px) and (max-width:1080px) {
    #ASUS-features .section__frames .anim-wrapper {
        width: 100vw;
        height: 56.25vw;
        bottom: 20vh;
        top: auto;
        position: absolute;
        transform: none
    }

    #ASUS-features .section__frames #anim-canvas {
        top: auto
    }

    #ASUS-features .section__frames .cover:before {
        height: 10%;
        bottom: -1px
    }

    #ASUS-features .section__frames .frame-scroller .text-block {
        padding: 0 40px
    }

    #ASUS-features .section__frames .frame-scroller .text-block h3 {
        font-size: calc(38px + .1vw)
    }

    #ASUS-features .section__frames .frame-scroller .text-block h3 span {
        display: inline;
    }

    #ASUS-features .section__frames .frame-scroller .text-block.first,
    #ASUS-features .section__frames .frame-scroller .text-block.fourth,
    #ASUS-features .section__frames .frame-scroller .text-block.second,
    #ASUS-features .section__frames .frame-scroller .text-block.third {
        width: 100%;
        height: 100%;
        background-position-x: 0;
        background-position-y: -1000px;
        background-image: linear-gradient(0deg, #fff0, #fff3);
        align-items: center;
        justify-content: center;
        padding-bottom: 50%
    }

    #ASUS-features .section__frames .frame-scroller .text-block.first .inner,
    #ASUS-features .section__frames .frame-scroller .text-block.fourth .inner,
    #ASUS-features .section__frames .frame-scroller .text-block.second .inner,
    #ASUS-features .section__frames .frame-scroller .text-block.third .inner {
        width: 100%;
        padding: 0;
        position: relative;
        top: auto
    }

    #ASUS-features .section__frames .frame-scroller .text-block.first .inner h3,
    #ASUS-features .section__frames .frame-scroller .text-block.first .inner p,
    #ASUS-features .section__frames .frame-scroller .text-block.fourth .inner h3,
    #ASUS-features .section__frames .frame-scroller .text-block.fourth .inner p,
    #ASUS-features .section__frames .frame-scroller .text-block.second .inner h3,
    #ASUS-features .section__frames .frame-scroller .text-block.second .inner p,
    #ASUS-features .section__frames .frame-scroller .text-block.third .inner h3,
    #ASUS-features .section__frames .frame-scroller .text-block.third .inner p {
        text-align: left
    }

    #ASUS-features .section__frames .frame-scroller .text-block.fourth .inner {
        left: auto
    }

    #ASUS-features .section__frames .frame-scroller .text-block.fourth .inner h3 {
        font-size: calc(36px + .1vw)
    }
}
@media all and (width:1080px) and (height:2400px) {
    #ASUS-features .section__frames .frame-scroller {
        height: 75vh;
    }
}
@media all and (max-width:1280px) {

    #ASUS-features .section__grid .img__xgm_ally_scenario {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/1x/xgm_ally_scenario.webp)
    }
}
@media all and (max-width:735px) {
    #ASUS-features .section__frames .anim-wrapper {
        bottom: 25vh;
    }
}
@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    #ASUS-features .section__grid .img__xgm_ally_scenario {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/2x/xgm_ally_scenario.webp)
    }
}

@media all and (max-width:1280px) {
    .noWebp #ASUS-features .section__grid .img__xgm_ally_scenario {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/1x/xgm_ally_scenario.jpg)
    }
}

@media only screen and (max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:1280px) and (min-resolution:1.5dppx),
(max-width:1280px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:1280px) and (min-resolution:144dpi) {
    .noWebp #ASUS-features .section__grid .img__xgm_ally_scenario {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/medium/2x/xgm_ally_scenario.jpg)
    }
}

@media all and (max-width:1280px) {
    #ASUS-features .section__360 .range-wrapper {
        max-width: 480px;
        position: absolute;
        left: 50%;
        bottom: 5%;
        transform: translate(-50%)
    }

    #ASUS-features .section__360 .canvas-wrapper {
        margin: 0 auto
    }

    #ASUS-features .section__360 .canvas-wrapper canvas {
        top: 30%
    }
}

@media all and (max-width:1280px) and (max-width:1024px) {
    #ASUS-features .section__360 .range-wrapper {
        bottom: 0
    }
}

@media all and (max-width:1280px) and (max-width:992px) {
    #ASUS-features .section__360 .canvas-wrapper canvas {
        top: 50%
    }

    #ASUS-features .section__360 .range-wrapper {
        position: relative;
        left: auto;
        bottom: auto;
        transform: none
    }
}

@media all and (max-width:1280px) {

    #ASUS-features .section__base .wd-content.text-animate.text-showed .content-slogan,
    #ASUS-features .section__base .wd-content.text-animate.text-showed .img__kv__logo {
        transition: transform .3s .1s ease, opacity .3s .1s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .content-title {
        transition: transform .3s .25s ease, opacity .3s .25s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .content-info {
        transition: transform .3s .35s ease, opacity .3s .35s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .content-comment {
        transition: transform .4s .4s ease, opacity .4s .4s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .wd__feature__list {
        transition: transform .7s .7s ease, opacity .4s .7s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .icon {
        transition: transform .4s .7s ease, opacity .4s .7s ease;
        opacity: 1
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__base .content-frame {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    #ASUS-features .section__base .content-frame .wd-content {
        width: 100%;
        text-align: left;
        margin: 15px auto;
        padding: 0 20px
    }

    #ASUS-features .section__base .content-frame .wd-content.small-text-center {
        text-align: center
    }

    #ASUS-features .section__base .content-frame .wd-content.small-text-left {
        text-align: left
    }

    #ASUS-features .section__base .content-frame .wd-content.small-text-right {
        text-align: right
    }

    #ASUS-features .section__base .content-frame .wd-content .content-slogan {
        width: 100%;
        margin: 10px 0 32px;
        font-size: 31px;
        line-height: .8
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__base .content-frame .wd-content .content-slogan {
        font-size: 28px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__base .content-frame .wd-content .content-slogan.content-slogan__kv {
        width: 90%;
        margin: -39px 0 -8px;
        line-height: 1.2;
        color: #272a31;
        text-align: center;
        font-size: 22px
    }

    #ASUS-features .section__base .content-frame .wd-content .content-slogan:after {
        content: "";
        display: block;
        background-repeat: no-repeat;
        background-size: contain;
        margin-bottom: -12px;
        margin-left: -6px;
        width: 278px;
        height: 7px;
        margin-top: 15px;
        background-position: 3px;
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v1small/1x/titleLine.png)
    }
}

@media only screen and (max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:735px) and (min-resolution:1.5dppx),
(max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:735px) and (min-resolution:144dpi) {
    #ASUS-features .section__base .content-frame .wd-content .content-slogan:after {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v1small/2x/titleLine.png)
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__base .content-frame .wd-content .content-title {
        font-size: 34px
    }

    #ASUS-features .section__base .content-frame .wd-content .content-info {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
        margin-right: 0;
        font-size: 16px;
        line-height: 1.45
    }

    #ASUS-features .section__base .content-frame .wd-content .content-comment {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        max-width: 350px;
        line-height: 1.45;
        margin-top: 13px;
        font-size: 16px
    }

    #ASUS-features .section__base .wd__feature__list {
        width: 100%;
        margin: 25px auto 15px
    }

    #ASUS-features .section__base .wd__feature__list .wd__feature {
        min-width: auto;
        text-align: left;
        margin: 10px 20px
    }

    #ASUS-features .section__base .wd__feature__list .wd__feature.small-text-left {
        text-align: left
    }

    #ASUS-features .section__base .wd__feature__list .wd__feature .wd__feature__top {
        font-size: 12px;
        padding-bottom: 4px
    }

    #ASUS-features .section__base .wd__feature__list .wd__feature .wd__feature__data {
        line-height: 1.2em
    }

    #ASUS-features .section__base .wd__feature__list .wd__feature .wd__feature__data .space-left-m,
    #ASUS-features .section__base .wd__feature__list .wd__feature .wd__feature__data .space-right-m {
        font-size: 12px
    }

    #ASUS-features .section__base .wd__feature__list .wd__feature .wd__feature__describe {
        font-size: 16px;
        padding-top: 4px
    }

    #ASUS-features .section__base .wd__feature__list .wd__feature .wd__feature__describe span.describeText {
        font-size: 12px;
        line-height: 1.1
    }

    #ASUS-features .section__base .modal-button-container {
        height: 45px
    }

    #ASUS-features .section__base .modal-button-container .modal-button {
        width: 180px;
        height: 37px;
        line-height: 36px
    }

    #ASUS-features .section__base .modal-button-container .modal-button .modal-inner-text {
        font-size: 14px
    }

    #ASUS-features .modal-button-container .modal-btn-close {
        width: 180px;
        height: 37px;
        line-height: 36px
    }

    #ASUS-features .modal-button-container .modal-btn-close .modal-inner-text {
        font-size: 14px
    }

    #ASUS-features .section__kv .img__kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/kv.webp)
    }
    #ASUS-features .section__kv .img__kv_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/kv_erase.webp)
    }
}

@media only screen and (max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:735px) and (min-resolution:1.5dppx),
(max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:735px) and (min-resolution:144dpi) {
    #ASUS-features .section__kv .img__kv_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/2x/kv_erase.webp)
    }
}

@media all and (max-width:735px) {
    .noWebp #ASUS-features .section__kv .img__kv_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/kv_erase.jpg)
    }
}

@media only screen and (max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:735px) and (min-resolution:1.5dppx),
(max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:735px) and (min-resolution:144dpi) {
    .noWebp #ASUS-features .section__kv .img__kv_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/2x/kv_erase.jpg)
    }
}

@media all and (max-width:1080px) {

    #ASUS-features .section__compare .product-block {
        display: block
    }

    #ASUS-features .section__compare .product-block .product {
        width: 100%
    }

    #ASUS-features .section__compare .product-block .product .pic {
        width: 70vw;
        height: 29.5vw
    }

    #ASUS-features .section__compare .product-block .product .text-block {
        padding-top: 20px;
        padding-bottom: 60px
    }

    #ASUS-features .section__surround .img__bg_rog_letters {
        width: 120vw;
        height: 120vw;
        bottom: -13%
    }

    #ASUS-features .section__surround .img__bg_rog_letters {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/bg_rog_letters.webp)
    }
}
@media all and (max-width:992px) {
    #ASUS-features .section__surround .img__bg_rog_letters {
        width: 120vw;
        height: 120vw;
        bottom: 0%
    }
}
@media all and (max-width:735px) {

}
@media all and (max-width:735px) {
    #ASUS-features .section__compare .product-block .product .pic {
        width: 80vw;
        height: 33.4vw
    }
}

@media only screen and (max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:735px) and (min-resolution:1.5dppx),
(max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:735px) and (min-resolution:144dpi) {
    #ASUS-features .section__surround .img__bg_rog_letters {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/2x/bg_rog_letters.webp)
    }
}

@media all and (max-width:735px) {
    .noWebp #ASUS-features .section__surround .img__bg_rog_letters {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/bg_rog_letters.png)
    }
}

@media only screen and (max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:735px) and (min-resolution:1.5dppx),
(max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:735px) and (min-resolution:144dpi) {
    .noWebp #ASUS-features .section__surround .img__bg_rog_letters {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/2x/bg_rog_letters.png)
    }
}



@media all and (max-width:735px) {
    #ASUS-features .section__surround .text-block {
        padding: 0 28px
    }

    #ASUS-features .section__surround .text-block.bottom {
        top: 24vw
    }

}
@media all and (max-width:630px) {
    #ASUS-features .section__surround .text-block.bottom {
        top: 32vw
    }
}

@media all and (max-width:735px) {


    #ASUS-features .section__software {
        padding-top: 30vw
    }

    #ASUS-features .section__software .text-block {
        padding: 30px 30px
    }

    #ASUS-features .section__software .img__software_bg {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/software_bg.webp)
    }
}

@media only screen and (max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:735px) and (min-resolution:1.5dppx),
(max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:735px) and (min-resolution:144dpi) {
    #ASUS-features .section__software .img__software_bg {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/2x/software_bg.webp)
    }
}

@media all and (max-width:735px) {
    .noWebp #ASUS-features .section__software .img__software_bg {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/software_bg.jpg)
    }
}

@media only screen and (max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:735px) and (min-resolution:1.5dppx),
(max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:735px) and (min-resolution:144dpi) {
    .noWebp #ASUS-features .section__software .img__software_bg {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/2x/software_bg.jpg)
    }
}

@media all and (max-width:735px) {


    #ASUS-features .section__quote .quote-wrapper .quote-track {
        width: 3500px;
        gap: 20px;
        animation: marquee 10s linear infinite
    }

    #ASUS-features .section__quote .quote-wrapper .item .inner p {
        font-size: calc(15px + .1vw)
    }

    @keyframes marquee {
        0% {
            transform: translate(0)
        }

        to {
            transform: translate(-37.9%)
        }
    }

    #ASUS-features .section__rogHead .img__rog_lab {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/rog_lab.webp)
    }

    #ASUS-features .section__rogHead .img__rog_lab_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/rog_lab_erase.webp)
    }
}

@media only screen and (max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:735px) and (min-resolution:1.5dppx),
(max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:735px) and (min-resolution:144dpi) {
    #ASUS-features .section__rogHead .img__rog_lab {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/2x/rog_lab.webp)
    }
    #ASUS-features .section__rogHead .img__rog_lab_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/2x/rog_lab_erase.webp)
    }
}

@media all and (max-width:735px) {
    .noWebp #ASUS-features .section__rogHead .img__rog_lab {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/rog_lab.jpg)
    }
    .noWebp #ASUS-features .section__rogHead .img__rog_lab_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/rog_lab_erase.jpg)
    }
}

@media only screen and (max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:735px) and (min-resolution:1.5dppx),
(max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:735px) and (min-resolution:144dpi) {
    .noWebp #ASUS-features .section__rogHead .img__rog_lab {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/2x/rog_lab.jpg)
    }
    .noWebp #ASUS-features .section__rogHead .img__rog_lab_erase {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/2x/rog_lab_erase.jpg)
    }
}

@media all and (max-width:735px) {

    #ASUS-features .section__rogHead2 .img__battery_kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/battery_kv.webp)
    }
}

@media only screen and (max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:735px) and (min-resolution:1.5dppx),
(max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:735px) and (min-resolution:144dpi) {
    #ASUS-features .section__rogHead2 .img__battery_kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/2x/battery_kv.webp)
    }
}

@media all and (max-width:735px) {
    .noWebp #ASUS-features .section__rogHead2 .img__battery_kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/battery_kv.jpg)
    }
}

@media only screen and (max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:735px) and (min-resolution:1.5dppx),
(max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:735px) and (min-resolution:144dpi) {
    .noWebp #ASUS-features .section__rogHead2 .img__battery_kv {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/2x/battery_kv.jpg)
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__frames .frame-scroller .text-block {
        padding: 0 30px
    }

    #ASUS-features .section__frames .frame-scroller .text-block.first,
    #ASUS-features .section__frames .frame-scroller .text-block.fourth,
    #ASUS-features .section__frames .frame-scroller .text-block.second,
    #ASUS-features .section__frames .frame-scroller .text-block.third {
        height: 50%;
        padding: 30px
    }

    #ASUS-features .section__frames .frame-scroller .text-block.first .inner h3,
    #ASUS-features .section__frames .frame-scroller .text-block.fourth .inner h3,
    #ASUS-features .section__frames .frame-scroller .text-block.second .inner h3,
    #ASUS-features .section__frames .frame-scroller .text-block.third .inner h3 {
        font-size: calc(30px + .1vw)
    }

    #ASUS-features .section__frames .frame-scroller .text-block.first .inner p,
    #ASUS-features .section__frames .frame-scroller .text-block.fourth .inner p,
    #ASUS-features .section__frames .frame-scroller .text-block.second .inner p,
    #ASUS-features .section__frames .frame-scroller .text-block.third .inner p {
        font-size: 15px
    }

    #ASUS-features .section__frames .frame-scroller .text-block.first .inner h3 span {
        display: inline-block
    }

    #ASUS-features .section__grid .img__xgm_ally_scenario {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/xgm_ally_scenario.webp)
    }
}

@media only screen and (max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:735px) and (min-resolution:1.5dppx),
(max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:735px) and (min-resolution:144dpi) {
    #ASUS-features .section__grid .img__xgm_ally_scenario {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/2x/xgm_ally_scenario.webp)
    }
}

@media all and (max-width:735px) {
    .noWebp #ASUS-features .section__grid .img__xgm_ally_scenario {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/1x/xgm_ally_scenario.jpg)
    }
}

@media only screen and (max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:735px) and (min-resolution:1.5dppx),
(max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:735px) and (min-resolution:144dpi) {
    .noWebp #ASUS-features .section__grid .img__xgm_ally_scenario {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/small/2x/xgm_ally_scenario.jpg)
    }
}

@media all and (max-width:735px) {

    #ASUS-features .section__360 .range-wrapper {
        max-width: none;
        width: 70vw;
        padding: 0
    }

    #ASUS-features .section__360 .range-wrapper .icon_360 {
        width: 15vw;
        height: 10vw
    }

    #ASUS-features .section__360 .canvas-wrapper {
        margin: 40px auto 0
    }

    #ASUS-features .section__360 .canvas-wrapper canvas {
        top: 30%
    }

    #ASUS-features .section__360 .switcher-wrapper {
        justify-content: space-around;
        padding: 0 20px
    }

    #ASUS-features .section__360 .switcher-wrapper button {
        width: 166px;
        height: 42px;
        padding: 6px 10px;
        margin: 0
    }
}
@media all and (max-width:735px) {
    #ASUS-features .section__360 .switcher-wrapper button {
        border-radius: 8px;
    }
}

@media all and (max-width:735px) and (max-width:420px) {
    #ASUS-features .section__360 .switcher-wrapper {
        padding: 0 15px
    }

    #ASUS-features .section__360 .switcher-wrapper button {
        width: 144px;
        height: 36px;
        font-size: 15px;
        padding: 6px 10px;
        margin: 0
    }
}

@media all and (max-width:735px) {

    #ASUS-features .section__base .wd-content.text-animate.text-showed .content-slogan,
    #ASUS-features .section__base .wd-content.text-animate.text-showed .img__kv__logo {
        transition: transform .3s .1s ease, opacity .3s .1s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .content-title {
        transition: transform .3s .25s ease, opacity .3s .25s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .content-info {
        transition: transform .3s .35s ease, opacity .3s .35s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .content-comment {
        transition: transform .4s .4s ease, opacity .4s .4s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .wd__feature__list {
        transition: transform .7s .7s ease, opacity .4s .7s ease;
        opacity: 1
    }

    #ASUS-features .section__base .wd-content.text-animate.text-showed .icon {
        transition: transform .4s .7s ease, opacity .4s .7s ease;
        opacity: 1
    }

    #ASUS-features .section__2 .img__02__design1.animated .typingFrame.verticalTyping {
        transform: scale(.3);
        top: 26px;
        left: -101px
    }

    #ASUS-features .section__2 .img__02__design1.animated .typingFrame.verticalTyping .typing.typing2 {
        margin-top: 94px
    }

    #ASUS-features .section__2 .img__02__design1.animated .typingFrame.verticalTyping .typing.typing2 p {
        text-shadow: 0 .05em 1.05em #0080ff
    }

    #ASUS-features .section__2 .img__02__design1.animated .typingFrame.typingFrame2 {
        top: 171px;
        left: 233px
    }

    #ASUS-features .section__2 .img__02__design1.animated .typingFrame.typingFrame2 .typing.typing1 {
        direction: rtl;
        text-align: right
    }

    #ASUS-features .section__2 .img__02__design2.animated .typingFrame.typingFrame1 {
        display: block
    }

    #ASUS-features .section__2 .img__02__design2.animated .typingFrame.typingFrame1 .typing.typing1 {
        top: 179px;
        left: 74px
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__2 .img__02__design2.animated .typingFrame.typingFrame1 .typing.typing1 {
        top: 263px;
        left: 154px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__2 .img__02__design2.animated .typingFrame.verticalTyping {
        top: 168px;
        left: -62px
    }

    #ASUS-features .section__26 .section__26__videoFrame {
        position: absolute;
        margin-left: 10px;
        margin-top: 11.187px;
        width: 835px;
        height: 565px
    }

    #ASUS-features .section__26 .section__26__videoFrame .AWlogoVideo1 {
        position: absolute;
        visibility: hidden
    }

    #ASUS-features .section__26 .section__26__videoFrame .AWlogoVideo1.videoShow {
        visibility: visible
    }

    #ASUS-features .section__26 .section__26__videoFrame .AWlogoVideo2 {
        position: absolute;
        visibility: hidden
    }

    #ASUS-features .section__26 .section__26__videoFrame .AWlogoVideo2.videoShow {
        visibility: visible
    }

    #ASUS-features .section__26 .section__26__videoFrame .AWlogoVideo3 {
        position: absolute;
        visibility: hidden
    }

    #ASUS-features .section__26 .section__26__videoFrame .AWlogoVideo3.videoShow {
        visibility: visible
    }

    #ASUS-features .section__26 .section__26__videoFrame .AWlogoVideo4 {
        position: absolute;
        visibility: hidden
    }

    #ASUS-features .section__26 .section__26__videoFrame .AWlogoVideo4.videoShow {
        visibility: visible
    }

    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame {
        position: relative;
        transform: translate3d(-21px, 124px, 0) scale(.35)
    }

    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame .img__nb__bg {
        position: absolute;
        margin-left: 10px;
        margin-top: 10px;
        width: 835px;
        height: 570px;
        background-color: #000
    }

    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame .img__nb__mask__point {
        position: absolute;
        width: 855px;
        height: 587px;
        z-index: 1
    }

    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame .img__nb__mask {
        position: absolute;
        width: 855px;
        height: 587px;
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v1small/1x/03_nb_maslk.png)
    }
}

@media only screen and (max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
only screen and (max-width:735px) and (min-resolution:1.5dppx),
(max-width:735px) and (-webkit-min-device-pixel-ratio:1.5),
(max-width:735px) and (min-resolution:144dpi) {
    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame .img__nb__mask {
        background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v1small/2x/03_nb_maslk.png)
    }
}

@media all and (max-width:735px) {

    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame.animationFilter .img__nb__mask__point,
    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame.audioFilter .img__nb__mask__point {
        display: none
    }

    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame.audioFilter .audioFrame {
        position: relative;
        width: 835px
    }

    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame.systemFilter .img__nb__mask__point,
    #ASUS-features .section__26 .img__personalization .img__nb.lightAnimationFrame.virtualPetFilter .img__nb__mask__point {
        display: none
    }

    #ASUS-features .section__26 .img__personalization .img__nb .img__nb__bg.animated .typingFrame {
        display: block;
        transform: none
    }

    #ASUS-features .section__26 .img__personalization .img__nb .img__nb__bg.animated .typingFrame .typing {
        transform: scale(.9)
    }

    #ASUS-features .section__26 .img__personalization .img__nb .img__nb__bg.animated .typingFrame .typing.typing1 {
        top: -46px;
        left: -20px
    }

    #ASUS-features .section__26 .img__personalization .img__nb .img__nb__bg.animated .typingFrame .typing.typing2 {
        top: 487px;
        left: 455px
    }

    #ASUS-features .section__26 .img__personalization .img__keybordFrame .typingFrame {
        top: 1390px;
        left: 840px;
        pointer-events: none;
        z-index: 9999;
        display: none
    }

    #ASUS-features .section__26 .img__personalization .img__keybordFrame .typingFrame.typingShow {
        display: block
    }

    #ASUS-features .section__26 .img__personalization .img__keybordFrame .typingFrame.typingShow .typing {
        width: 300px;
        position: relative;
        transform: scale(.8);
        text-align: left
    }

    #ASUS-features .section__26 .img__personalization .img__keybordFrame .typingFrame.typingShow .typing.typing2 {
        top: 226px;
        left: 648px
    }

    #ASUS-features .section__26 .img__personalization .img__speakFrame .img__speak.animated .typingFrame.verticalTyping {
        top: -11px;
        left: -117px
    }

    #ASUS-features .section__26 .img__personalization .img__speakFrame .img__speak.animated .typingFrame.verticalTyping .typing.typing2 {
        margin-top: 94px
    }

    #ASUS-features .section__26 .img__personalization .img__speakFrame .img__speak.animated .typingFrame.verticalTyping .typing.typing2 p {
        text-shadow: 0 .05em 1.05em #0080ff
    }

    #ASUS-features .section__26 .img__personalization .img__speakFrame .img__speak.animated .typingFrame.typingFrame1 {
        display: block
    }

    #ASUS-features .section__26 .img__personalization .img__speakFrame .img__speak.animated .typingFrame.typingFrame1 .typing.typing1 {
        top: 702px;
        left: 587px
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__26 .img__personalization .img__speakFrame .img__speak.animated .typingFrame.typingFrame1 .typing.typing1 {
        top: 842px;
        left: 789px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__26 .img__personalization .img__designBottomFrame .img__designBottom.animated .typingFrame {
        display: block
    }

    #ASUS-features .section__26 .img__personalization .img__designBottomFrame .img__designBottom.animated .typingFrame .typing.typing1 {
        top: 41px;
        left: 334px;
        transform: scale(1.45)
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__26 .img__personalization .img__designBottomFrame .img__designBottom.animated .typingFrame .typing.typing1 {
        top: 48px;
        left: 434px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow {
        display: block;
        top: -298px;
        left: 204px;
        position: relative;
        z-index: 9999
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow {
        left: 223px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow .typing {
        width: 300px
    }

    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow .typing.typing1 {
        top: 264px;
        left: -189px
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow .typing.typing1 {
        top: 324px;
        left: -269px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow .typing.typing2 {
        top: 687px;
        left: -789px
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow .typing.typing2 {
        top: 847px;
        left: -1069px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow .typing.typing3 {
        top: 850px;
        left: -504px
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow .typing.typing3 {
        top: 1020px;
        left: -784px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-1.typingShow .typing.typing3 p {
        font-size: 33px;
        transform: scale(2.9)
    }

    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow {
        display: block;
        top: -298px;
        left: 201px;
        position: relative;
        z-index: 9999
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow {
        left: 213px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow .typing.typing1 {
        top: 283px;
        left: -117px
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow .typing.typing1 {
        top: 343px;
        left: -206px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow .typing.typing2 {
        top: 745px;
        left: -768px
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow .typing.typing2 {
        top: 918px;
        left: -1064px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow .typing.typing3 {
        top: 822px;
        left: -856px
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow .typing.typing3 {
        top: 1003px;
        left: -1156px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow .typing.typing4 {
        top: 272px;
        left: -452px
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow .typing.typing4 {
        top: 330px;
        left: -712px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-2.typingShow .typing.typing4 p {
        font-size: 32px;
        transform: scale(2.9)
    }

    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow {
        display: block;
        top: -298px;
        left: 205px;
        position: relative;
        z-index: 9999
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow {
        left: 191px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing1 {
        top: 249px;
        left: -143px
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing1 {
        top: 249px;
        left: -190px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing2 {
        top: 679px;
        left: -791px
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing2 {
        top: 879px;
        left: -971px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing3 {
        top: 864px;
        left: -864px
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing3 {
        top: 1071px;
        left: -1024px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing4 {
        top: 656px;
        left: -182px
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing4 {
        top: 864px;
        left: -179px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing5 {
        top: 865px;
        left: -298px
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing5 {
        top: 1039px;
        left: -346px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing5 P {
        font-size: 32px;
        transform: scale(2)
    }
}

@media all and (max-width:735px) and (min-width:0px) and (max-width:320px) {
    #ASUS-features .section__17 .typingFrame.typingS17-3.typingShow .typing.typing5 P {
        transform: scale(2.4)
    }
}

#global-where-to-buy {
    width: 80vw;
    height: 776px;
    max-width: 1300px;
    background-color: #000;
    line-height: 1.4;
    position: relative
}

#global-where-to-buy a {
    text-decoration: none
}

#global-where-to-buy button {
    background-color: transparent;
    border: none;
    display: block;
    cursor: pointer
}

#global-where-to-buy .region-toggler {
    display: none
}

#global-where-to-buy .region-box {
    height: 20%;
    background-color: #fff;
    padding: 2vw
}

#global-where-to-buy .region-box .region-list {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

#global-where-to-buy .region-box .region-list .region {
    color: #000;
    padding: 10px 1vw
}

#global-where-to-buy .region-box .region-list .region button {
    background-color: transparent;
    color: inherit;
    font-size: 30px;
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, sans-serif;
    padding: 15px;
    opacity: .5;
    position: relative;
    transition: background-color ease .5s, opacity ease .5s
}

#global-where-to-buy .region-box .region-list .region button.btn-back {
    display: none
}

#global-where-to-buy .region-box .region-list .region button:after {
    content: "";
    display: block;
    width: 4px;
    height: 120%;
    background-color: #000;
    margin-left: -2px;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: scaleY(0);
    transform-origin: center top
}

@media (hover:hover) {
    #global-where-to-buy .region-box .region-list .region button:hover {
        background-color: #dfdfdf;
        opacity: .75
    }
}

#global-where-to-buy .region-box .region-list .region button.active {
    background-color: #000;
    color: #fff;
    opacity: 1;
    will-change: background-color, opacity
}

#global-where-to-buy .region-box .region-list .region button.active:after {
    transform: scaleY(1);
    transition: transform ease .5s;
    will-change: transform
}

#global-where-to-buy .country-box {
    height: 80%;
    background-color: #000;
    overflow-y: auto
}

#global-where-to-buy .country-box .country-list-group {
    overflow: hidden;
    position: relative
}

#global-where-to-buy .country-box .country-list {
    width: 100%;
    background-color: #000;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    opacity: 0;
    padding: 1vw;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

#global-where-to-buy .country-box .country-list.active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
    z-index: 2;
    transition: opacity ease .75s;
    will-change: opacity
}

#global-where-to-buy .country-box .country-list .country {
    width: 25%;
    padding: 2% 1vw
}

#global-where-to-buy .country-box .country-list .country .country-name {
    color: #fff;
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, sans-serif;
    font-size: 27px;
    position: relative
}

#global-where-to-buy .country-box .country-list .country .country-name:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #fff9;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

#global-where-to-buy .country-box .country-list .country .country-name span {
    background-color: #000;
    display: inline-block;
    padding-right: 15px;
    position: relative;
    z-index: 2
}

#global-where-to-buy .country-box .country-list .country .links {
    font-size: 18.6px
}

#global-where-to-buy .country-box .country-list .country .links a {
    color: #b7fffa;
    background-image: linear-gradient(90deg, #ffe2c0, #ffbaf2 20%, #e0c2ff, #c3dbff, #b7fffa 80%, #e3ffbe);
    font-family: Roboto-Regular, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
    font-weight: 700;
    -webkit-background-clip: text;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    position: relative
}

#global-where-to-buy .country-box .country-list .country .links a:after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    color: #b7fffa;
    background-image: linear-gradient(90deg, #ffe2c0, #ffbaf2 20%, #e0c2ff, #c3dbff, #b7fffa 80%, #e3ffbe);
    position: absolute;
    bottom: 0;
    left: 0;
    transform-origin: left center;
    transform: scaleX(0);
    transition: transform cubic-bezier(.86, 0, .13, 1) .3s
}

@media (hover:hover) {
    #global-where-to-buy .country-box .country-list .country .links a:hover:after {
        transform: scaleX(1);
        will-change: transform
    }
}

#global-where-to-buy .country-box .country-list .country .links .coming-soon {
    color: #fff;
    font-size: 16.5px;
    font-family: Roboto-Regular, Arial, Microsoft JhengHei, LiHei Pro, WenQuanYi Zen Hei, sans-serif;
    opacity: .5
}

@media all and (max-width:992px) {
    #global-where-to-buy {
        height: 90vh;
        overflow: hidden
    }

    #global-where-to-buy .region-toggler {
        background-color: #fff;
        color: #000;
        display: block;
        font-size: 30px;
        font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, sans-serif;
        padding: 10px 5vw;
        text-transform: uppercase;
        position: relative;
        z-index: 2
    }

    #global-where-to-buy .region-box {
        height: auto;
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 20px;
        position: relative;
        z-index: 1;
        transition: transform cubic-bezier(.86, 0, .13, 1) .5s
    }

    #global-where-to-buy .region-box .region-list {
        display: block
    }

    #global-where-to-buy .region-box .region-list .region {
        padding: 0
    }

    #global-where-to-buy .region-box .region-list .region button:not(.btn-back) {
        display: inline-block;
        font-size: 24px;
        padding: 15px;
        padding-left: 5vw
    }

    #global-where-to-buy .region-box .region-list .region button:after {
        content: none
    }

    #global-where-to-buy .region-box .region-list .region button.active.btn-back {
        background-color: transparent;
        color: #000000a6;
        display: inline-block;
        font-size: 18px
    }

    #global-where-to-buy .country-box {
        height: 85%;
        background-color: #000;
        position: relative;
        transition: transform cubic-bezier(.86, 0, .13, 1) .5s;
        z-index: 2
    }

    #global-where-to-buy .country-box .country-list {
        display: block
    }

    #global-where-to-buy .country-box .country-list .country {
        width: 100%
    }

    #global-where-to-buy .country-box .country-list .country .country-name {
        font-size: 22.5px
    }

    #global-where-to-buy .country-box .country-list .country .links {
        font-size: 16.5px
    }

    #global-where-to-buy .country-box .country-list .country .links a:after {
        transform: scaleX(1)
    }

    #global-where-to-buy .country-box .country-list .country .links .coming-soon {
        font-size: 15px
    }
}

@media all and (max-width:480px) {
    #global-where-to-buy .region-toggler {
        font-size: 24px
    }

    #global-where-to-buy .region-box .region-list .region button:not(.btn-back) {
        font-size: 19.5px
    }

    #global-where-to-buy .country-box .country-list .country .country-name,
    #global-where-to-buy .region-box .region-list .region button.active.btn-back {
        font-size: 18px
    }

    #global-where-to-buy .country-box .country-list .country .links {
        font-size: 13.5px
    }

    #global-where-to-buy .country-box .country-list .country .links .coming-soon {
        font-size: 12px
    }
}

#main-zone>.container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important
}

.overview-wrapper {
    width: 100%
}

.popImg .twentytwenty-before-label:before {
    display: none
}

.popImg .twentytwenty-after-label:before {
    display: none
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #1f1f1f
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #555
}

body::-webkit-scrollbar-thumb {
    background-color: #555
}

@media all and (max-width:1024px) {
    .ProductFooter__productFooterList__J6HzI ul li {
        word-break: break-all
    }
}

#ASUS-features .ProductOverviewAwardsVideoContent__prodcutAwardContainer__1C1rj h2 {
    font-size: 45px !important;
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, sans-serif
}

#ASUS-features .ProductOverviewAwardsContent__prodcutAwardContainer__3O-Hy,
#ASUS-features .ProductOverviewAwardsContent__prodcutAwardContainer__3O-Hy h2 {
    font-size: 45px !important;
    font-family: Trade-Gothic-LT-Bold, Microsoft JhengHei, sans-serif;
    display: none
}

#ASUS-features .ProductOverviewAwardsContent__productAwardContainer__3Eyt8 h2,
[data-dirtype] .ProductOverviewAwardsVideoContent__productAwardContainer__26ZeU h2 {
    font-size: 35px !important
}

#ASUS-features .Product__specialOverviewAward__20I-_ {
    border-top: 1px solid #000
}

@media all and (min-width:2560px) {
    #ASUS-features .section__pd {
        min-height: 2016px
    }
}

@media all and (max-width:2559px) {
    #ASUS-features .section__pd {
        min-height: 1979px
    }
}

@media all and (max-width:1375px) {
    #ASUS-features .section__pd {
        min-height: 1983px
    }
}

@media all and (max-width:1200px) {
    #ASUS-features .section__pd {
        min-height: 1860px
    }
}

@media all and (max-width:1024px) {
    #ASUS-features .section__pd {
        min-height: 1435px
    }
}

@media all and (max-width:735px) {
    #ASUS-features .section__pd {
        min-height: 1400px
    }
}

@media all and (max-width:480px) {
    #ASUS-features .section__pd {
        min-height: 1370px
    }
}

#ASUS-features .beforeAward {
    padding: 0
}

#ASUS-features .ProductOverviewAwardsContent__prodcutAwardWrapper__3fPgJ.ProductOverviewAwardsContent__prodcutMediaContainer__1pDvf {
    padding: 55px 0 26px
}

[data-dirtype=ltr] .ProductOverviewAwardsItem__rewardItem__XdJSB,
[data-dirtype=ltr] .ProductOverviewMediaItem__mediaItem__bpiwv {
    margin-right: 10px;
    margin-left: 10px
}

#ASUS-features .deco-neon {
    display: inline-block;
    padding: 80px;
    position: relative;
}

#ASUS-features .deco-neon:before, #ASUS-features .deco-neon:after {
    content: "";
    width: 100px;
    height: 100px;
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
}

#ASUS-features .deco-neon:before {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/deco_neon_curve_frame_left.webp);
    left: 0;
    top: 0;
}
#ASUS-features .deco-neon:after {
    background-image: url(https://dlcdnwebimgs.asus.com/files/media/6467bc1b-72db-4098-9489-b7fd15d8d599/v2/images/large/1x/deco_neon_curve_frame_right.webp);
    bottom: 0;
    right: 0;
}

@media all and (max-width:1280px) {
    #ASUS-features .deco-neon {
        display: inline-block;
        padding: 70px;
        position: relative;
    }
    #ASUS-features .deco-neon:before, #ASUS-features .deco-neon:after {
        width: 95px;
        height: 95px;
    }
}

@media all and (max-width:735px) {
    #ASUS-features .deco-neon {
        padding: 40px;
    }
    #ASUS-features .deco-neon:before, #ASUS-features .deco-neon:after {
        width: 65px;
        height: 65px;
    }
}

@media all and (max-width:485px) {
    #ASUS-features .deco-neon {
        padding: 30px;
    }
    #ASUS-features .deco-neon:before, #ASUS-features .deco-neon:after {
        width: 55px;
        height: 55px;
    }
}

#ASUS-features .video-block .btn-pause {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

@media all and (max-width:735px) {
    #ASUS-features .video-block .btn-pause {
        bottom: 10px;
        left: 10px;
    }
}

#shadowRoot {
    display: none !important;
}