/**
 * Powered by ;
 * vivo-product-2023 - ;
 * Version: 1.10.3;
 * Released on: 2026-02-27;
 */

@charset "UTF-8";

.hide {
  display: none;
}

@-webkit-keyframes antRipple {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-box-shadow: inset 0 0 12px #676d92;
    box-shadow: inset 0 0 12px #676d92;
  }

  50% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: .5;
    -webkit-box-shadow: inset 0 0 24px #676d92;
    box-shadow: inset 0 0 24px #676d92;
  }

  100% {
    -webkit-transform: scale(4);
    transform: scale(4);
    opacity: 0;
    -webkit-box-shadow: inset 0 0 48px #676d92;
    box-shadow: inset 0 0 48px #676d92;
  }
}

@keyframes antRipple {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-box-shadow: inset 0 0 12px #676d92;
    box-shadow: inset 0 0 12px #676d92;
  }

  50% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: .5;
    -webkit-box-shadow: inset 0 0 24px #676d92;
    box-shadow: inset 0 0 24px #676d92;
  }

  100% {
    -webkit-transform: scale(4);
    transform: scale(4);
    opacity: 0;
    -webkit-box-shadow: inset 0 0 48px #676d92;
    box-shadow: inset 0 0 48px #676d92;
  }
}

.gb-lang-y05_id .umx-data-linear {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-image: -webkit-gradient(linear,left top,right top,from(#000),color-stop(#14162e),to(#505979));
  background-image: -webkit-linear-gradient(left,#000 var(--gradient-progress-1),#14162e var(--gradient-progress-2),#505979 var(--gradient-progress-3));
  background-image: linear-gradient(to right,#000 var(--gradient-progress-1),#14162e var(--gradient-progress-2),#505979 var(--gradient-progress-3));
}

@media (max-width:1000px) {
  .gb-lang-y05_id .umx-data-linear {
    font-size: 42px!important;
  }
}

@media (max-width:1000px) {
  .gb-lang-y05_id .y11-design .umx-figure-box .umx-figure .umx-txt-box h3 {
    font-size: 24px;
  }
}

@media (max-width:1000px) {
  .gb-lang-y05_id .y11-battery-bottom .umx-s2 .umx-title .umx-data-items li {
    width: 100%;
  }
}

.gb-lang-y05_id .y11-water .umx-section .umx-title .umx-main-title sup {
  top: -9px;
}

@media (max-width:1000px) {
  .gb-lang-y05_id .y11-water .umx-section .umx-title .umx-main-title sup {
    top: -5px;
  }
}

@media (max-width:1000px) {
  .gb-lang-y05_id .y11-ksp .umx-figure-box .umx-figure.umx-figure4 {
    height: 122.66667vw!important;
  }
}

@media (max-width:1000px) {
  .gb-lang-y05_id .y11-ksp .umx-figure-box .umx-figure.umx-figure2 {
    height: 82.66667vw!important;
  }
}

@media (max-width:1000px) {
  .gb-lang-y05_id .y11-ksp .umx-figure-box .umx-figure.umx-figure2 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media (max-width:1000px) {
  .gb-lang-y05_id .y11-ksp .umx-figure-box .umx-figure.umx-figure4 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}

@media (max-width:1000px) {
  .gb-lang-y05_id .y11-ksp .umx-figure-box .umx-figure.umx-figure3 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
}

.gb-lang-y05_id .y11-screen .umx-data-items li.umx-icon-box p {
  position: relative;
  top: -8px;
}

@media (max-width:1470px) {
  .gb-lang-y05_id .y11-screen .umx-data-items li.umx-icon-box p {
    top: -6px;
  }
}

@media (max-width:720px) {
  .gb-lang-y05_id .y11-screen .umx-data-items li.umx-icon-box p {
    top: 3px;
  }
}

.gb-lang-y05_id .y11-speaker .umx-figure {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100px;
  height: 100px;
  margin-left: -500px;
}

@media (max-width:1600px) {
  .gb-lang-y05_id .y11-speaker .umx-figure {
    margin-left: -375px;
  }
}

@media (max-width:720px) {
  .gb-lang-y05_id .y11-speaker .umx-figure {
    -webkit-transform: translate(-50%,-50%) scale(.52);
    -ms-transform: translate(-50%,-50%) scale(.52);
    transform: translate(-50%,-50%) scale(.52);
    margin-left: -26.66667vw;
  }
}

.gb-lang-y05_id .y11-speaker .umx-figure .umx-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -webkit-animation: antRipple linear infinite 3s 0s;
  animation: antRipple linear infinite 3s 0s;
}

.gb-lang-y05_id .y11-speaker .umx-figure .umx-ripple.umx-ripple2 {
  -webkit-animation: antRipple linear infinite 3s 1s;
  animation: antRipple linear infinite 3s 1s;
}

.gb-lang-y05_id .y11-speaker .umx-figure .umx-ripple.umx-ripple3 {
  -webkit-animation: antRipple linear infinite 3s 2s;
  animation: antRipple linear infinite 3s 2s;
}

.gb-lang-y05_id .y11-speaker .umx-figure-box {
  position: relative;
  width: 100%;
}

.gb-lang-y05_id .y11-speaker .umx-figure-box .umx-f1 {
  margin-left: 0;
}

@media (max-width:720px) {
  .gb-lang-y05_id .y11-speaker .umx-figure-box .umx-f1 {
    background-image: url("../img/y11-speaker-img1-mb.png");
    background-size: 375px 188px;
    background-position: center;
    background-repeat: no-repeat;
    width: 375px;
    height: 188px;
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .gb-lang-y05_id .y11-speaker .umx-figure-box .umx-f1 {
    background-image: url("../img/y11-speaker-img1-mb-x2.png");
  }
}

@media (max-width:720px) {
  .webp .gb-lang-y05_id .y11-speaker .umx-figure-box .umx-f1 {
    background-image: url("../img/y11-speaker-img1-mb.png.webp");
  }
}

@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi) {
  .webp .gb-lang-y05_id .y11-speaker .umx-figure-box .umx-f1 {
    background-image: url("../img/y11-speaker-img1-mb-x2.png.webp");
  }
}

@media (max-width:720px) {
  .gb-lang-y05_id .y11-speaker .umx-figure-box .umx-f1 {
    background-size: 100vw 50.13333vw;
    width: 100vw;
    height: 50.13333vw;
    margin-left: 0;
  }
}