:root {
  --black: black;
  --white: white;
  --50px: 3.125rem;
  --40px: 2.5rem;
  --30px: 2.055rem;
  --20px: 1.25rem;
  --15px: 0.9375rem;
  --20w: #fff3;
  --gray: #161616;
  --0px: 0px;
  --10px: .625rem;
  --80w: #fffc;
  --100px: 6.25rem;
  --nvidia: #76b900;
  --5px: .3125rem;
  --10w: #ffffff1a;
}



/* kv */
@media screen and (min-width: 991px) {
  .ss-kv-fig-wrapper {
    aspect-ratio: 16 / 8;
  }
}
@media screen and (max-width: 991px) {
  .ss-kv-fig-wrapper {
    overflow: hidden;
  }
}

@media screen and (min-width: 991px) {
  .ss-kv-fig-wrapper img {
    margin-top: -10%;
  }
}
@media screen and (max-width: 991px) {
  .ss-kv-fig-wrapper img {
    width: 160%;
    max-width: 160%;
    margin-left: -30%;
    transform: translate(0, -30%);
  }
}

.ss-kv-text .ss-p {
  max-width: 950px;
}



/* heading color */
.ss-ksp-read-more-text {
  background-image: linear-gradient(90deg, #979797, #979797);
  background-color: #979797;
}

.ss-subheading {
  background-image: linear-gradient(90deg, #FFF, #FFF);
  background-color: #FFF;
}

.ss-heading.ss-fake-g:not(.ss-fake) {
  z-index: 10;
}

.ss-fake.ss-fake-g {
  color: #9CED11;
}

.ss-body a {
  color: inherit;
}



/* hightlight */
@media screen and (min-width: 479px) {
  .zm-hightlight {
    align-items: center
  }
}



/* performance */
@media screen and (max-width: 1440px) {
  @media screen and (min-aspect-ratio: 16/9) {
    .ss-perf-intro {
      min-height: 150vh;
    }
  }
}

.image-18 {
  filter: brightness(70%);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}
@media screen and (max-width: 479px) {
  .image-18 {
    height: 42%;
    top: 20%;
  }
}

.ss-performance .ss-highlight-wrapper {
  max-width: 65rem;
}

@media screen and (max-width: 479px) {
  .ss-hl-caption.top.has--mh.hide-on-mobile, .ss-hl-caption.top.m-hide, .ss-hl-caption.hide-on-mobile {
    display: none;
  }
}



/* effect text color */
.text-block-5 {
  background-image: linear-gradient(90deg, #DBF2B2, #ADDBFE);
}



/* tab bg */
.ss-tab-link.w--current, .ss-tab-link.active {
  background-image: linear-gradient(90deg, #FFF, #FFF);
  background-color: #FFF;
}



/* mw bar color */
.ss-mw-bar {
  background-image: linear-gradient(90deg, #9CED11, #155FFF);
}

.ss-mw-bar.right {
  background-image: linear-gradient(90deg, #155FFF, #C344FD);
}

@media screen and (min-width: 991px) {
  .div-block-25 {
    width: 29vw;
  }
}

.image-16 {
  width: 100%;
}



/* swiper card */
#swiper1, #swiper3, #swiper4, .audio-swiper .swiper-wrapper {
  padding: 1px 0;
}

.ss-carousel-card {
  background-image: linear-gradient(45deg, #BBE383 0%, #155FFF 10%, #155FFF 12%, rgba(187, 227, 131, 0.7) 20%, rgba(255, 255, 255, 0.20) 30%);
  border: none;
  padding: 1px;
  position: relative;
}

.ss-carousel-card::before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  background: var(--gray);
  border-radius: var(--20px);
}

.ss-carousel-cover {
  z-index: 10;
}
@media screen and (min-width: 479px) {
  .ss-carousel-cover {
    border-radius: var(--20px) 0 0 var(--20px);
  }
}

.ss-carousel-overflow {
  background-color: var(--gray);
  border-radius: var(--20px);
}
@media screen and (max-width: 479px) {
  .ss-carousel-overflow {
    border-radius: var(--10px);
  }
}

@media screen and (min-width: 479px) {
  .ss-carousel-text {
    width: calc(20rem - 12px);
  }
}

.ss-carousel-text::-webkit-scrollbar-track {
  margin-top: 18px;
  margin-bottom: 18px;
}

.ss-carousel-text::-webkit-scrollbar-thumb {
  background-color: #9CED11 !important;
}



/* cooling swiper card */
.swiper-slide.is-cooling.swiper-slide-active::before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: -1;
  background-image: linear-gradient(140deg, #BBE383 0%, #BBE383 3%, rgba(21, 95, 255, 0.8) 8%, rgba(187, 227, 131, 0.3) 18%, rgba(255, 255, 255, 0.20) 28%, rgba(255, 255, 255, 0.20) 72%, rgba(187, 227, 131, 0.3) 82%, rgba(21, 95, 255, 0.8) 92%, #BBE383 97%);
  border-radius: 1.25rem;
}

.swiper-slide.is-cooling.swiper-slide-active::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  background-color: var(--gray);
  border-radius: 1.25rem;
}

.swiper-slide.is-cooling.swiper-slide-active {
  border: 1px solid transparent;
}

.ss-carousel-cooling-card {
  position: relative;
  z-index: 10;
}

.ss-carousel-cooling-wrapper::-webkit-scrollbar-thumb {
  background-color: #9CED11 !important;
}

@media screen and (max-width: 479px) {
  .ss-carousel-cooling-cover {
    border-radius: var(--20px);
  }
}



/* swiper arrow */
a.ss-swiper-nav {
  background-color: var(--white);
}

.ss-swiper-nav, .ss-swiper-nav img {
  transition: 0.3s ease;
}

.ss-swiper-nav:hover {
  background-color: #131313;
  box-shadow: 0px -3px 12px 0px rgba(181, 236, 121, 0.50), 0px 3px 12px 0px rgba(21, 95, 255, 0.40);
}

.ss-swiper-nav:hover img {
  filter: invert(1);
}



/* cooling swiper arrow */
@media screen and (min-width: 479px) {
  .flex-block-13 {
    width: fit-content;
    right: 0;
    left: initial;
    bottom: 0;
    transform: translate(100%);
  }
}



/* cooling video */
@media screen and (max-width: 479px) {
  .ss-cooling-video-wrapper {
    aspect-ratio: 2 / 1;
  }
}



/* io */
.ss-io-link:hover, .ss-io-link.active {
  background-color: #9CED11;
}

.ss-io-link:hover>div, .ss-io-link.active>div {
  filter: invert(1);
}

.ss-io-link>div {
  transition: 0.3s ease;
}



/* display */
.zm-d-screen {
  width: 137%;
  max-width: 137%;
}

@media screen and (max-width: 479px) {
  #display .ss-highlight-wrapper {
    padding: 0;
  }
}



/* design kv */
@media screen and (min-width: 991px) {
  .ss-section.design-kv {
    aspect-ratio: 1920 / 1069;
  }
}
@media screen and (max-width: 991px) {
  .ss-section.design-kv {
    padding: 0;
  }
}

.design-kv .image-9 {
  object-position: top;
}
@media screen and (max-width: 991px) {
  .design-kv .image-9 {
    aspect-ratio: 1920 / 1069;
  }
}

.design-kv .ss-layout-align-left {
  max-width: calc( 710 / 1920 * 100% );
  margin-left: auto;
  margin-right: calc( 178 / 1920 * 100% );
}
@media screen and (max-width: 991px) {
  .design-kv .ss-layout-align-left {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: var(--50px) var(--20px);
  }
}



/* design */
@media screen and (min-width: 991px) {
  #design {
    overflow: hidden;
  }

  .flex-block-15 {
    height: fit-content;
  }

  .flex-block-15:last-of-type::before {
    content: "";
    display: block;
    background: linear-gradient(0deg, rgba(181, 236, 121, 0.00) 20%, #B5EC79 46.5%, rgba(103, 134, 69, 0.00) 71.5%);
    width: 1px;
    height: 405px;
    position: absolute;
    z-index: 10;
    top: -147px;
    left: 0;
  }

  .flex-block-18::before {
    content: "";
    display: block;
    background: linear-gradient(270deg, rgba(181, 236, 121, 0.00) 20%, #B5EC79 46.5%, rgba(103, 134, 69, 0.00) 71.5%);
    width: 446px;
    height: 1px;
    position: absolute;
    z-index: 10;
    top: 0;
    right: -190px;
  }

  .flex-block-18::after {
    content: "";
    display: block;
    background: linear-gradient(270deg, rgba(181, 236, 121, 0.00) 20%, #B5EC79 46.5%, rgba(103, 134, 69, 0.00) 71.5%);
    width: 333px;
    height: 1px;
    position: absolute;
    z-index: 10;
    bottom: calc(var(--50px) - var(--15px));
    right: 0;
  }

  .flex-block-18 .ss-design-block {
    margin-top: -13vw;
    grid-row-gap: var(--30px);
  }

  .flex-block-18 .ss-design-block .ss-p::before {
    content: "";
    display: block;
    background: linear-gradient(270deg, rgba(181, 236, 121, 0.00) 20%, #B5EC79 46.5%, rgba(103, 134, 69, 0.00) 71.5%);
    width: 534px;
    height: 1px;
    position: absolute;
    z-index: 10;
    top: calc(var(--15px) * -1);
    left: -190px;
  }

  .flex-block-18 .image-6, .flex-block-18 .image-10 {
    margin-top: -13vw;
    z-index: 10;
  }

  .div-block-10 {
    margin-top: 5vw;
  }

  .div-block-10::before {
    content: "";
    display: block;
    background: linear-gradient(270deg, rgba(181, 236, 121, 0.00) 20%, #B5EC79 46.5%, rgba(103, 134, 69, 0.00) 71.5%);
    width: 633px;
    height: 1px;
    position: absolute;
    z-index: 10;
    top: 0;
    right: -71px;
  }

  .div-block-10::after {
    content: "";
    display: block;
    background: linear-gradient(270deg, rgba(181, 236, 121, 0.00) 20%, #B5EC79 46.5%, rgba(103, 134, 69, 0.00) 71.5%);
    width: 633px;
    height: 1px;
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: -150px;
  }

  .div-block-11 .ss-design-block {
    padding-top: 0;
    margin-top: calc(var(--40px) * -1);
    grid-row-gap: var(--30px);
  }
}
@media screen and (max-width: 991px) {
  .flex-block-18 .ss-design-block {
    margin-top: -13vw;
  }
}



/* control */
.image-11 {
  width: 109%;
  max-width: 109%;
}



/* audio */
@media screen and (max-width: 479px) {
  #audio .ss-highlight-wrapper {
    padding: 0;
  }
}



/* battery */
@media screen and (min-width: 991px) {
  #battery {
    position: relative;
    z-index: 10;
  }
}



/* connectivity */
.div-block-14 .ss-fig {
  position: absolute;
  top: -27%;
}



/* software */
.div-block-17 {
  box-shadow: 0px -12px 20px 0px rgba(21, 95, 255, 0.15), 0px 12px 50px 0px rgba(181, 236, 121, 0.15);
}



/* is-nv-belt */
.ss-child-section.is-nv-belt {
  padding-right: var(--100px);
  padding-left: var(--100px);
}
@media screen and (max-width: 991px) {
  .ss-child-section.is-nv-belt {
    padding: var(--50px) var(--20px);
  }
}

.is-nv-belt .flex-block-4 {
  position: relative;
  z-index: 2;
}

.is-nv-belt .flex-block-5 {
  grid-column-gap: var(--20px);
  grid-row-gap: var(--20px);
  text-align: center;
  max-width: 63.5rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}

.is-nv-belt .flex-block-6 {
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .is-nv-belt .flex-block-6 {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.is-nv-belt .heading-2, .is-nv-belt .heading-3 {
  color: var(--white);
  font-family: Nvidiasans W Bd, Arial, sans-serif;
}

.image-19 {
  aspect-ratio: 1350 / 770;
  width: 100%;
  margin-top: -10vw;
  margin-bottom: -20vw;
}
@media screen and (max-width: 479px) {
  .image-19 {
    aspect-ratio: 1;
    object-fit: cover;
    width: 100vw;
    max-width: none;
    margin-top: -2.8rem;
    margin-bottom: -8.9rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 1920px) {
  .image-19 {
      margin-top: -9.9rem;
      margin-bottom: -20.6rem;
  }
}

.image-20 {
  aspect-ratio: 168 / 81;
  width: 120px;
}

@media screen and (max-width: 479px) {
  .ss-p-nvidia {
    margin-bottom: 10px;
  }
}