html.has-modal-l {
  overflow: hidden;
  background-color: #000;
}
html.has-modal-l body, html.has-modal-l .main-navigation.nav-v2, html.has-modal-l #second-navigation-v4 .product-tabs__heading, html.fancybox-margin body, html.fancybox-margin .main-navigation.nav-v2, html.fancybox-margin #second-navigation-v4 .product-tabs__heading {
  padding-inline-end: var(--modal-scrollbar-buffer);
}

#libra-container {
  width: 100%;
  font-size: 1.145833vw;
  line-height: 1.6;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container {
    font-size: 4.444444vw;
  }
}
#libra-container .will-change .will-change-tf {
  will-change: transform;
}
#libra-container .will-change .will-change-op {
  will-change: opacity;
}
#libra-container .will-change .will-change-tf-op {
  will-change: transform, opacity;
}

#libra-container *, #libra-container *::before, #libra-container *::after {
  box-sizing: border-box;
}
#libra-container section {
  position: relative;
}
#libra-container img, #libra-container picture, #libra-container video, #libra-container canvas, #libra-container svg {
  display: block;
  width: 100%;
}
#libra-container svg {
  overflow: visible;
}
#libra-container button {
  background-color: transparent;
  border: 0;
}
#libra-container .sticky-content {
  position: sticky;
  top: 0;
}
#libra-container .object-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#libra-container .object-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#libra-container .backdrop-filter {
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
#libra-container .blur-up {
  transition: filter 400ms;
  filter: blur(20px);
}
#libra-container .blur-up.lazyloaded {
  filter: blur(0);
}
#libra-container br.md, #libra-container br.xs {
  display: none;
}
#libra-container br.lg {
  display: block;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container br.lg, #libra-container br.xs {
    display: none;
  }
  #libra-container br.md {
    display: block;
  }
}
@media (max-aspect-ratio: 7/10) {
  #libra-container br.lg, #libra-container br.md {
    display: none;
  }
  #libra-container br.xs {
    display: block;
  }
}
#libra-container .relative {
  position: relative;
}
#libra-container .absolute {
  position: absolute;
}
#libra-container span.nowrap {
  white-space: nowrap;
}
#libra-container .absolute {
  position: absolute;
}
#libra-container .relative {
  position: relative;
}
#libra-container .sticky {
  position: sticky;
  top: 0;
}
#libra-container .z-1 {
  z-index: 1;
}
#libra-container .z-2 {
  z-index: 2;
}
#libra-container .z-3 {
  z-index: 3;
}
#libra-container .overflow-hidden {
  overflow: hidden;
}
#libra-container .overflow-visible {
  overflow: visible;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .md\:overflow-hidden {
    overflow: hidden;
  }
  #libra-container .md\:overflow-visible {
    overflow: visible;
  }
}
@media (max-aspect-ratio: 7/10) {
  #libra-container .xs\:overflow-hidden {
    overflow: hidden;
  }
  #libra-container .xs\:overflow-visible {
    overflow: visible;
  }
}
#libra-container .block {
  display: block;
}
#libra-container .inline-block {
  display: inline-block;
}
#libra-container .inline {
  display: inline;
}
#libra-container .flex {
  display: flex;
}
#libra-container .inline-flex {
  display: inline-flex;
}
#libra-container .hidden {
  display: none;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .md\:block {
    display: block;
  }
  #libra-container .md\:inline-block {
    display: inline-block;
  }
  #libra-container .md\:inline {
    display: inline;
  }
  #libra-container .md\:flex {
    display: flex;
  }
  #libra-container .md\:inline-flex {
    display: inline-flex;
  }
  #libra-container .md\:hidden {
    display: none;
  }
}
@media (max-aspect-ratio: 7/10) {
  #libra-container .xs\:block {
    display: block;
  }
  #libra-container .xs\:inline-block {
    display: inline-block;
  }
  #libra-container .xs\:inline {
    display: inline;
  }
  #libra-container .xs\:flex {
    display: flex;
  }
  #libra-container .xs\:inline-flex {
    display: inline-flex;
  }
  #libra-container .xs\:hidden {
    display: none;
  }
}
#libra-container .row {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
#libra-container .flex-row {
  flex-direction: row;
}
#libra-container .flex-row-reverse {
  flex-direction: row-reverse;
}
#libra-container .flex-col {
  flex-direction: column;
}
#libra-container .flex-col-reverse {
  flex-direction: column-reverse;
}
#libra-container .flex-wrap {
  flex-wrap: wrap;
}
#libra-container .flex-nowrap {
  flex-wrap: nowrap;
}
#libra-container .justify-start {
  justify-content: flex-start;
}
#libra-container .justify-end {
  justify-content: flex-end;
}
#libra-container .justify-center {
  justify-content: center;
}
#libra-container .justify-between {
  justify-content: space-between;
}
#libra-container .items-start {
  align-items: flex-start;
}
#libra-container .items-end {
  align-items: flex-end;
}
#libra-container .items-center {
  align-items: center;
}
#libra-container .shrink-0 {
  flex-shrink: 0;
}
#libra-container .order-1 {
  order: 1;
}
#libra-container .order-2 {
  order: 2;
}
#libra-container .order-3 {
  order: 3;
}
#libra-container .order-4 {
  order: 4;
}
#libra-container .order-5 {
  order: 5;
}
#libra-container .order-6 {
  order: 6;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .xs\:flex-wrap {
    flex-wrap: wrap;
  }
  #libra-container .xs\:flex-row {
    flex-direction: row;
  }
  #libra-container .xs\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  #libra-container .xs\:flex-col {
    flex-direction: column;
  }
  #libra-container .xs\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  #libra-container .xs\:justify-start {
    justify-content: flex-start;
  }
  #libra-container .xs\:justify-end {
    justify-content: flex-end;
  }
  #libra-container .xs\:justify-center {
    justify-content: center;
  }
  #libra-container .xs\:justify-between {
    justify-content: space-between;
  }
  #libra-container .xs\:items-start {
    align-items: flex-start;
  }
  #libra-container .xs\:items-end {
    align-items: flex-end;
  }
  #libra-container .xs\:items-center {
    align-items: center;
  }
  #libra-container .xs\:order-1 {
    order: 1;
  }
  #libra-container .xs\:order-2 {
    order: 2;
  }
  #libra-container .xs\:order-3 {
    order: 3;
  }
  #libra-container .xs\:order-4 {
    order: 4;
  }
  #libra-container .xs\:order-5 {
    order: 5;
  }
  #libra-container .xs\:order-6 {
    order: 6;
  }
}
#libra-container .rounded, #libra-container .lg\:rounded {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 0.833333vw;
  transform: scale(1);
  -webkit-clip-path: inset(0 round 0.833333vw);
          clip-path: inset(0 round 0.833333vw);
}
#libra-container .rounded-left {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-top-left-radius: 0.833333vw;
  border-bottom-left-radius: 0.833333vw;
}
#libra-container .rounded-right {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-top-right-radius: 0.833333vw;
  border-bottom-right-radius: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .lg\:rounded {
    border-radius: 0;
    -webkit-clip-path: initial;
            clip-path: initial;
  }
  #libra-container .rounded, #libra-container .xs\:rounded {
    border-radius: 2.222222vw;
    -webkit-clip-path: inset(0 round 2.222222vw);
            clip-path: inset(0 round 2.222222vw);
  }
  #libra-container .rounded-left, #libra-container .xs\:rounded-left {
    border-top-left-radius: 2.222222vw;
    border-bottom-left-radius: 2.222222vw;
  }
  #libra-container .rounded-right, #libra-container .xs\:rounded-right {
    border-top-right-radius: 2.222222vw;
    border-bottom-right-radius: 2.222222vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #libra-container .lg\:rounded {
    border-radius: 0;
    -webkit-clip-path: initial;
            clip-path: initial;
  }
  #libra-container .rounded, #libra-container .xs\:rounded {
    border-radius: 2.222222vw;
    -webkit-clip-path: inset(0 round 2.222222vw);
            clip-path: inset(0 round 2.222222vw);
  }
  #libra-container .rounded-left, #libra-container .xs\:rounded-left {
    border-top-left-radius: 2.222222vw;
    border-bottom-left-radius: 2.222222vw;
  }
  #libra-container .rounded-right, #libra-container .xs\:rounded-right {
    border-top-right-radius: 2.222222vw;
    border-bottom-right-radius: 2.222222vw;
  }
}
#libra-container .effect-slide .swiper-wrapper, #libra-container .effect-slide [data-swiper-parallax-x], #libra-container .effect-slide [data-swiper-parallax-y], #libra-container .effect-slide [data-swiper-parallax-opacity] {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#libra-container .swiper-fade .swiper-slide {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#libra-container .swiper-touch-move .swiper-wrapper, #libra-container .swiper-touch-move [data-swiper-parallax-x], #libra-container .swiper-touch-move [data-swiper-parallax-y], #libra-container .swiper-touch-move [data-swiper-parallax-opacity] {
  transition-timing-function: ease;
}
#libra-container .swiper-slide-to-clicked-slide .swiper-slide {
  cursor: pointer;
}
#libra-container .swiper-slide-to-clicked-slide .swiper-slide-active, #libra-container .swiper-slide-to-clicked-slide .swiper-slide-active ~ .swiper-slide-visible {
  cursor: auto;
}
#libra-container .stack-list {
  display: flex;
  text-align: center;
}
#libra-container .stack-item {
  position: relative;
  width: 100%;
  transition: opacity 360ms cubic-bezier(0.22, 0.61, 0.36, 1);
  opacity: 0;
}
#libra-container .stack-item:nth-child(n+2) {
  margin-left: -100%;
}
#libra-container .stack-item.current {
  z-index: 1;
  transition-delay: 240ms;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .stack-item {
    transition-duration: 240ms;
  }
  #libra-container .stack-item.current {
    transition-delay: 160ms;
  }
}
#libra-container .effect-slide .stack-item {
  transition-duration: 480ms;
}
#libra-container .effect-slide .stack-item.current {
  transition-delay: 320ms;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .effect-slide .stack-item {
    transition-duration: 360ms;
  }
  #libra-container .effect-slide .stack-item.current {
    transition-delay: 240ms;
  }
}
#libra-container .fadeup, #libra-container .lg-fadeup {
  transition: opacity 500ms ease-in, transform 500ms cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transform: translateY(4.166667vw);
  opacity: 0;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .fadeup, #libra-container .xs-fadeup {
    transform: translateY(11.111111vw);
  }
  #libra-container .lg-fadeup {
    transition: none;
    transform: none;
    opacity: 1;
  }
  #libra-container .xs-fadeup {
    transition: opacity 500ms ease-in, transform 500ms cubic-bezier(0.26, 0.67, 0.48, 0.91);
    opacity: 0;
  }
}
#libra-container .fadeup.animated, #libra-container .lg-fadeup.animated, #libra-container .xs-fadeup.animated {
  transform: translateY(0);
  opacity: 1;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  #libra-container .gradient-text {
    display: inline-block;
    -webkit-text-fill-color: transparent;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding-bottom: 0.416667vw;
  }
}
#libra-container .no-gradient-text .gradient-text {
  background-image: none !important;
  background-color: transparent !important;
}
#libra-container .backdrop-filter {
  background-color: rgba(0, 0, 0, 0.8);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  #libra-container .backdrop-filter {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: saturate(180%) blur(30px);
    backdrop-filter: saturate(180%) blur(30px);
  }
}
#libra-container .w-full {
  width: 100%;
}
#libra-container .w-1560 {
  width: 81.25vw;
}
#libra-container .w-1440 {
  width: 75vw;
}
#libra-container .w-1364 {
  width: 71.041667vw;
}
#libra-container .w-1296 {
  width: 67.5vw;
}
#libra-container .w-1280 {
  width: 66.666667vw;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .xs\:w-full {
    width: 100%;
  }
  #libra-container .xs\:w-688 {
    width: 95.555556vw;
  }
  #libra-container .xs\:w-656 {
    width: 91.111111vw;
  }
  #libra-container .xs\:w-640 {
    width: 88.888889vw;
  }
  #libra-container .xs\:w-624 {
    width: 86.666667vw;
  }
  #libra-container .xs\:w-600 {
    width: 83.333333vw;
  }
  #libra-container .xs\:w-592 {
    width: 82.222222vw;
  }
  #libra-container .xs\:w-560 {
    width: 77.777778vw;
  }
  #libra-container .xs\:w-544 {
    width: 75.555556vw;
  }
}
#libra-container .mx-auto {
  margin-right: auto;
  margin-left: auto;
}
#libra-container .mt-8, #libra-container .lg\:mt-8 {
  margin-top: 0.416667vw;
}
#libra-container .mt-12, #libra-container .lg\:mt-12 {
  margin-top: 0.625vw;
}
#libra-container .mt-16, #libra-container .lg\:mt-16 {
  margin-top: 0.833333vw;
}
#libra-container .mt-24, #libra-container .lg\:mt-24 {
  margin-top: 1.25vw;
}
#libra-container .ml-24, #libra-container .lg\:ml-24 {
  margin-left: 1.25vw;
}
#libra-container .mt-32, #libra-container .lg\:mt-32 {
  margin-top: 1.666667vw;
}
#libra-container .mt-40, #libra-container .lg\:mt-40 {
  margin-top: 2.083333vw;
}
#libra-container .mt-48, #libra-container .lg\:mt-48 {
  margin-top: 2.5vw;
}
#libra-container .mt-56, #libra-container .lg\:mt-56 {
  margin-top: 2.916667vw;
}
#libra-container .mt-64, #libra-container .lg\:mt-64 {
  margin-top: 3.333333vw;
}
#libra-container .mt-72, #libra-container .lg\:mt-72 {
  margin-top: 3.75vw;
}
#libra-container .mt-80, #libra-container .lg\:mt-80 {
  margin-top: 4.166667vw;
}
#libra-container .mt-88, #libra-container .lg\:mt-88 {
  margin-top: 4.583333vw;
}
#libra-container .mt-96, #libra-container .lg\:mt-96 {
  margin-top: 5vw;
}
#libra-container .mt-100, #libra-container .lg\:mt-100 {
  margin-top: 5.208333vw;
}
#libra-container .mt-112, #libra-container .lg\:mt-112 {
  margin-top: 5.833333vw;
}
#libra-container .mt-120, #libra-container .lg\:mt-120 {
  margin-top: 6.25vw;
}
#libra-container .mt-160, #libra-container .lg\:mt-160 {
  margin-top: 8.333333vw;
}
#libra-container .mt-200, #libra-container .lg\:mt-200 {
  margin-top: 10.416667vw;
}
#libra-container .my-200, #libra-container .lg\:my-200 {
  margin-top: 10.416667vw;
  margin-bottom: 10.416667vw;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .xs\:mx-auto {
    margin-right: auto;
    margin-left: auto;
  }
  #libra-container .xs\:mt-0 {
    margin-top: 0;
  }
  #libra-container .mt-8, #libra-container .xs\:mt-8 {
    margin-top: 1.111111vw;
  }
  #libra-container .mt-16, #libra-container .xs\:mt-16 {
    margin-top: 2.222222vw;
  }
  #libra-container .mt-20, #libra-container .xs\:mt-20 {
    margin-top: 2.777778vw;
  }
  #libra-container .ml-24, #libra-container .xs\:ml-24 {
    margin-left: 3.333333vw;
  }
  #libra-container .mt-24, #libra-container .xs\:mt-24 {
    margin-top: 3.333333vw;
  }
  #libra-container .mt-32, #libra-container .xs\:mt-32 {
    margin-top: 4.444444vw;
  }
  #libra-container .mt-40, #libra-container .xs\:mt-40 {
    margin-top: 5.555556vw;
  }
  #libra-container .mt-48, #libra-container .xs\:mt-48 {
    margin-top: 6.666667vw;
  }
  #libra-container .mt-56, #libra-container .xs\:mt-56 {
    margin-top: 7.777778vw;
  }
  #libra-container .mt-64, #libra-container .xs\:mt-64 {
    margin-top: 8.888889vw;
  }
  #libra-container .mt-72, #libra-container .xs\:mt-72 {
    margin-top: 10vw;
  }
  #libra-container .mt-80, #libra-container .xs\:mt-80 {
    margin-top: 11.111111vw;
  }
  #libra-container .mt-96, #libra-container .xs\:mt-96 {
    margin-top: 13.333333vw;
  }
  #libra-container .mt-100, #libra-container .xs\:mt-100 {
    margin-top: 13.888889vw;
  }
  #libra-container .mt-120, #libra-container .xs\:mt-120 {
    margin-top: 16.666667vw;
  }
  #libra-container .mt-160, #libra-container .xs\:mt-160 {
    margin-top: 22.222222vw;
  }
  #libra-container .mt-200, #libra-container .xs\:mt-200 {
    margin-top: 27.777778vw;
  }
}
#libra-container .pt-200, #libra-container .lg\:pt-200 {
  padding-top: 10.416667vw;
}
#libra-container .pb-200, #libra-container .lg\:pb-200 {
  padding-bottom: 10.416667vw;
}
#libra-container .py-200, #libra-container .lg\:py-200 {
  padding-top: 10.416667vw;
  padding-bottom: 10.416667vw;
}
#libra-container .pt-160, #libra-container .lg\:pt-160 {
  padding-top: 8.333333vw;
}
#libra-container .pb-160, #libra-container .lg\:pb-160 {
  padding-bottom: 8.333333vw;
}
#libra-container .py-160, #libra-container .lg\:py-160 {
  padding-top: 8.333333vw;
  padding-bottom: 8.333333vw;
}
#libra-container .pt-120, #libra-container .lg\:pt-120 {
  padding-top: 6.25vw;
}
#libra-container .px-16 {
  padding-left: 0.833333vw;
  padding-right: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .pt-200, #libra-container .xs\:pt-200 {
    padding-top: 27.777778vw;
  }
  #libra-container .pb-200, #libra-container .xs\:pb-200 {
    padding-bottom: 27.777778vw;
  }
  #libra-container .py-200, #libra-container .xs\:py-200 {
    padding-top: 27.777778vw;
    padding-bottom: 27.777778vw;
  }
  #libra-container .pt-160, #libra-container .xs\:pt-160 {
    padding-top: 22.222222vw;
  }
  #libra-container .pt-96, #libra-container .xs\:pt-96 {
    padding-top: 13.333333vw;
  }
  #libra-container .pb-160, #libra-container .xs\:pb-160 {
    padding-bottom: 22.222222vw;
  }
  #libra-container .pb-0, #libra-container .xs\:pb-0 {
    padding-bottom: 0;
  }
  #libra-container .py-160, #libra-container .xs\:py-160 {
    padding-top: 22.222222vw;
    padding-bottom: 22.222222vw;
  }
  #libra-container .pt-120, #libra-container .xs\:pt-120 {
    padding-top: 16.666667vw;
  }
  #libra-container .px-16, #libra-container .xs\:px-16 {
    padding-left: 2.222222vw;
    padding-right: 2.222222vw;
  }
  #libra-container .px-48, #libra-container .xs\:px-48 {
    padding-left: 6.666667vw;
    padding-right: 6.666667vw;
  }
  #libra-container .pl-32, #libra-container .xs\:pl-32 {
    padding-left: 4.444444vw;
  }
  #libra-container .pr-32, #libra-container .xs\:pr-32 {
    padding-right: 4.444444vw;
  }
}
#libra-container .h2, #libra-container .h3, #libra-container .h4 {
  font-weight: bold;
  line-height: 1.25;
}
#libra-container h2 {
  font-size: 2.5vw;
}
#libra-container h3 {
  font-size: 1.666667vw;
}
#libra-container .text-white, #libra-container .lg\:text-white {
  color: #fff;
}
#libra-container .text-desc-72, #libra-container .lg\:text-desc-72 {
  color: #6D6F72;
}
#libra-container .text-desc-6a, #libra-container .lg\:text-desc-6a {
  color: #6A6A6A;
}
#libra-container .title-color {
  color: #9D7C64;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container h2 {
    font-size: 6.666667vw;
  }
  #libra-container h3 {
    font-size: 4.444444vw;
  }
  #libra-container .xs\:text-black {
    color: #000;
  }
  #libra-container .xs\:text-desc-72 {
    color: #6D6F72;
  }
  #libra-container .xs\:text-desc-6a {
    color: #6A6A6A;
  }
}
#libra-container strong {
  font-weight: 700;
  color: #9D7C64;
}
#libra-container strong.black {
  color: #000;
  font-weight: 500;
}
#libra-container [data-footnote] {
  font-size: 0.6em;
  cursor: pointer;
}
#libra-container .text-left {
  text-align: left;
}
#libra-container .text-center {
  text-align: center;
}
#libra-container .text-right {
  text-align: right;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .xs\:text-left {
    text-align: left;
  }
  #libra-container .xs\:text-center {
    text-align: center;
  }
  #libra-container .xs\:text-right {
    text-align: right;
  }
}
#libra-container .text-align {
  text-align: center;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .text-align {
    text-align: left;
  }
  html[dir=rtl] #libra-container .text-align {
    text-align: right;
  }
}
#libra-container .effect-slide:not(.swiper-carousel) .play-pause-button {
  transition: opacity 100ms;
  opacity: 0;
}
#libra-container .effect-slide:not(.swiper-carousel) .swiper-slide-active .play-pause-button {
  transition-delay: 800ms;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .effect-slide:not(.swiper-carousel) .swiper-slide-active .play-pause-button {
    transition-delay: 600ms;
  }
}
#libra-container .effect-fade .play-pause-button {
  transition: opacity 100ms;
  opacity: 0;
}
#libra-container .effect-fade .swiper-slide-active .play-pause-button {
  transition-delay: 600ms;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .effect-fade .swiper-slide-active .play-pause-button {
    transition-delay: 400ms;
  }
}
#libra-container .video-container {
  position: relative;
}
#libra-container .video-container video {
  pointer-events: none;
}
#libra-container .video-container .play-pause-button {
  position: absolute;
  z-index: 2;
  right: 1.25vw;
  bottom: 1.25vw;
  overflow: hidden;
  width: 2.083333vw;
  height: 2.083333vw;
  cursor: pointer;
  transform: translateZ(0);
  border-radius: 50%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#libra-container .video-container .play-pause-button::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: opacity 300ms ease-out;
  background: #343536;
}
@media (hover: hover) and (pointer: fine) {
  #libra-container .video-container .play-pause-button:hover::before {
    opacity: 0.6;
  }
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .video-container .play-pause-button {
    right: 4.444444vw;
    bottom: 4.444444vw;
    width: 8.888889vw;
    height: 8.888889vw;
  }
}
#libra-container .video-container .button-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#libra-container .video-container.playing .icon-pause, #libra-container .video-container.paused .icon-play, #libra-container .video-container.ended .icon-replay {
  display: block;
}
#libra-container .video-container .replay-button {
  opacity: 0;
  transition: opacity 300ms;
  pointer-events: none;
  cursor: default;
}
#libra-container .video-container.ended .replay-button {
  cursor: pointer;
  pointer-events: all;
  opacity: 1;
}
#libra-container .modal-button-container {
  display: flex;
  justify-content: center;
}
#libra-container .modal-button-container .modal-button-wrapper {
  position: relative;
  overflow: hidden;
  height: 3.333333vw;
  transition: opacity 300ms ease-out;
  border: 2px solid #fff;
  border-radius: 999px;
}
@media (hover: hover) {
  #libra-container .modal-button-container .modal-button-wrapper:hover {
    opacity: 0.6;
  }
}
#libra-container .modal-button-container .modal-button {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 100%;
  padding-right: 0.833333vw;
  padding-left: 1.666667vw;
  cursor: pointer;
}
#libra-container .modal-button-container .button-copy {
  font-size: 0.9375vw;
  font-weight: 500;
  color: #fff;
}
#libra-container .modal-button-container .button-icon {
  width: 1.666667vw;
  margin-left: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .modal-button-container .modal-button-wrapper {
    height: 13.333333vw;
  }
  #libra-container .modal-button-container .modal-button {
    padding-right: 3.333333vw;
    padding-left: 6.666667vw;
  }
  #libra-container .modal-button-container .button-copy {
    font-size: 3.888889vw;
  }
  #libra-container .modal-button-container .button-icon {
    width: 6.666667vw;
    margin-left: 3.333333vw;
  }
}
#libra-container .section-modal {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: -webkit-backdrop-filter 0.6s cubic-bezier(0.65, 0.05, 0.36, 1), backdrop-filter 0.6s cubic-bezier(0.65, 0.05, 0.36, 1), background-color 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
  outline: 0;
  background-color: rgba(25, 25, 26, 0);
  -webkit-backdrop-filter: blur(0px) brightness(100%);
  backdrop-filter: blur(0px) brightness(100%);
}
#libra-container .section-modal.modal-scrollable {
  padding-inline-end: var(--modal-scrollbar-buffer);
}
#libra-container .section-modal.modal-open {
  background-color: rgba(25, 25, 26, 0.8);
  -webkit-backdrop-filter: blur(50px) brightness(120%);
  backdrop-filter: blur(50px) brightness(120%);
}
#libra-container .section-modal.modal-open .modal-container {
  transition: transform 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 0.2s ease-in;
  opacity: 1;
}
#libra-container .section-modal.light .modal-open {
  background-color: rgba(237, 238, 242, 0.8);
}
.has-modal-l #libra-container .section-modal.modal-open, .has-modal-l #libra-container .section-modal.modal-will-close {
  z-index: 200;
}
.has-modal-l #libra-container .section-modal .modal-container {
  transform: translate3d(0, 0, 0);
}
#libra-container .section-modal.modal-will-close {
  overflow: auto !important;
  padding-inline-end: 0;
}
#libra-container .section-modal.modal-will-close .modal-container {
  transition: opacity 0.6s;
}
#libra-container .section-modal .modal-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding-top: 3.333333vw;
  padding-bottom: 3.333333vw;
  transform: translate3d(0, 100vh, 0);
  opacity: 0;
  will-change: transform, opacity;
}
#libra-container .section-modal .modal-wrapper {
  position: relative;
  width: 81.25vw;
}
#libra-container .section-modal .modal-content {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-bottom: 6.25vw;
  border-radius: 1.25vw;
  background-color: #000;
}
#libra-container .section-modal .modal-close-container {
  position: absolute;
  top: 2.083333vw;
  right: 2.083333vw;
  bottom: 0;
  width: 2.083333vw;
}
#libra-container .section-modal .modal-close-button {
  position: sticky;
  z-index: 10;
  top: 2.083333vw;
  width: 100%;
  cursor: pointer;
  border-radius: 100%;
  background-color: rgba(128, 128, 128, 0.6);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  transition: background-color 300ms ease-out;
}
@media (hover: hover) {
  #libra-container .section-modal .modal-close-button:hover {
    background-color: rgba(128, 128, 128, 0.5);
  }
}
#libra-container .section-modal .modal-close-icon {
  pointer-events: none;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-modal .modal-container {
    padding-top: 8.888889vw;
    padding-bottom: 8.888889vw;
  }
  #libra-container .section-modal .modal-wrapper {
    width: 95.555556vw;
  }
  #libra-container .section-modal .modal-content {
    padding-bottom: 11.111111vw;
    border-radius: 4.444444vw;
  }
  #libra-container .section-modal .modal-close-container {
    top: 3.333333vw;
    right: 3.333333vw;
    width: 11.111111vw;
  }
  #libra-container .section-modal .modal-close-button {
    top: 3.333333vw;
  }
}
#libra-container .hero-sku {
  margin-top: 3.75vw;
  text-align: center;
}
#libra-container .hero-sku .pricing {
  font-size: 1.458333vw;
  line-height: 1.25;
  color: #000;
}
#libra-container .hero-sku .from {
  font-size: 0.677083vw;
}
#libra-container .hero-sku [data-footnote] {
  font-size: 1em;
  vertical-align: inherit;
}
#libra-container .hero-sku .buy-cta {
  display: inline-block;
  margin-top: 24px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: opacity 0.3s ease-out;
  color: #fff;
  border-radius: 6px;
  background-color: #000;
}
@media (hover: hover) {
  #libra-container .hero-sku .buy-cta:hover {
    opacity: 0.8;
  }
}
#libra-container .hero-sku.sku-light .pricing {
  color: #fff;
}
#libra-container .hero-sku.sku-light .buy-cta {
  color: #000;
  background-color: #fff;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .hero-sku {
    margin-top: 10vw;
  }
  #libra-container .hero-sku .pricing {
    font-size: 5.555556vw;
  }
  #libra-container .hero-sku .from {
    font-size: 3.611111vw;
  }
}
#libra-container .section-highlights {
  overflow: hidden;
}
#libra-container .section-highlights .swiper {
  overflow: visible;
}
#libra-container .section-highlights .swiper-wrapper, #libra-container .section-highlights [data-swiper-parallax-x], #libra-container .section-highlights [data-swiper-parallax-y], #libra-container .section-highlights [data-swiper-parallax-opacity] {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}
#libra-container .section-highlights .swiper-touch-move .swiper-wrapper, #libra-container .section-highlights .swiper-touch-move [data-swiper-parallax-x], #libra-container .section-highlights .swiper-touch-move [data-swiper-parallax-y], #libra-container .section-highlights .swiper-touch-move [data-swiper-parallax-opacity] {
  transition-timing-function: ease;
}
#libra-container .section-highlights .swiper-slide:not(.swiper-slide-active) {
  cursor: pointer;
}
#libra-container .section-highlights .video-container::after {
  content: "";
  display: block;
  background-size: 100%;
  position: absolute;
  z-index: 12;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  will-change: opacity;
  pointer-events: none;
  background: var(--mask-poster) center/100% no-repeat;
}
#libra-container .section-highlights .video-container.show::after {
  opacity: 1;
  transition: opacity 600ms 200ms linear;
  will-change: opacity;
}
#libra-container .section-highlights .caption-container {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  margin: 2.291667vw 2.5vw;
  font-size: 1.666667vw;
}
#libra-container .section-highlights .title {
  font-size: 1.666667vw;
  font-weight: 500;
  cursor: default;
}
#libra-container .section-highlights .caption {
  margin-top: 0.833333vw;
  font-size: 1.666667vw;
}
#libra-container .section-highlights .controls-container {
  display: flex;
  justify-content: center;
}
#libra-container .section-highlights .controls-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  height: 3.541667vw;
  padding-right: 1.041667vw;
  padding-left: 1.041667vw;
  border-radius: 999px;
  background: linear-gradient(to right, #D9C6B7, #EDE1D4);
}
#libra-container .section-highlights .controls-wrapper::before {
  content: "";
  display: block;
  width: calc(100% - 0.208333vw);
  height: calc(100% - 0.208333vw);
  position: absolute;
  top: 0.104167vw;
  left: 0.104167vw;
  border-radius: 999px;
  background: linear-gradient(to right, #DDCBBD, #FFFDFC, #D9C6B7);
}
#libra-container .section-highlights .arrownav-item {
  flex-shrink: 0;
  width: 2.083333vw;
  cursor: pointer;
  transition: opacity 0.3s;
  outline: 0;
  background-color: transparent;
}
#libra-container .section-highlights .arrownav-item.arrownav-next {
  margin-left: 0;
}
@media (hover: hover) {
  #libra-container .section-highlights .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 0.6;
  }
}
#libra-container .section-highlights .arrownav-disabled {
  cursor: default;
  opacity: 0.3;
}
#libra-container .section-highlights .dotnav-list {
  display: flex;
  margin-right: 0.677083vw;
  margin-left: 0.677083vw;
}
#libra-container .section-highlights .dotnav-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.520833vw;
  height: 0.520833vw;
  margin-right: 0.260417vw;
  margin-left: 0.260417vw;
  cursor: pointer;
  transition: background-color 300ms;
  border-radius: 100%;
  outline: 0;
  background-color: rgba(103, 67, 41, 0.2);
}
#libra-container .section-highlights .dotnav-item::before {
  position: absolute;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  padding: 0.260417vw;
  content: "";
}
@media (hover: hover) {
  #libra-container .section-highlights .dotnav-item:hover {
    opacity: 0.6;
  }
}
#libra-container .section-highlights .dotnav-item.current {
  cursor: default;
  background-color: rgba(157, 124, 100, 0.8);
}
#libra-container .section-highlights .start-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}
#libra-container .section-highlights .show-start-frame .start-frame {
  transition: opacity 200ms ease-out;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-highlights .caption-container {
    margin: 6.111111vw 0 0;
    position: initial;
  }
  #libra-container .section-highlights .title {
    font-size: 5.555556vw;
  }
  #libra-container .section-highlights .caption {
    margin-top: 3.333333vw;
    font-size: 5.555556vw;
  }
  #libra-container .section-highlights .mask-img.show {
    transition: opacity 400ms 200ms linear;
  }
  #libra-container .section-highlights .controls-wrapper {
    height: 13.333333vw;
    padding-right: 1.666667vw;
    padding-left: 1.666667vw;
  }
  #libra-container .section-highlights .arrownav-item {
    width: 13.333333vw;
  }
  #libra-container .section-highlights .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 1;
  }
  #libra-container .section-highlights .dotnav-list {
    margin-right: -0.555556vw;
    margin-left: -0.555556vw;
  }
  #libra-container .section-highlights .dotnav-item {
    width: 2.222222vw;
    height: 2.222222vw;
    margin-right: 1.666667vw;
    margin-left: 1.666667vw;
  }
  #libra-container .section-highlights .dotnav-item::before {
    padding: 1.666667vw;
  }
}
#libra-container .tabnav-section {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
}
#libra-container .tabnav-section .tabnav-container {
  position: relative;
  display: flex;
  justify-content: center;
  white-space: nowrap;
  height: 2.916667vw;
}
#libra-container .tabnav-section .tabnav-container .tabnav-wrapper > div {
  position: relative;
  display: inline-flex;
  background: #FFFFFF;
  border-radius: 999px;
  padding: 0.208333vw;
}
#libra-container .tabnav-section .tabnav-container .tabnav-list {
  position: relative;
  z-index: 2;
  display: flex;
}
#libra-container .tabnav-section .tabnav-container .tabnav-list .tabnav-item {
  font-size: 0.9375vw;
  font-weight: 500;
  cursor: pointer;
  transition: color 600ms;
  transform: translateZ(0);
  white-space: break-spaces;
  color: rgba(0, 0, 0, 0.6);
  outline: 0;
  backface-visibility: hidden;
  will-change: color;
  padding: 0.625vw 1.25vw;
}
#libra-container .tabnav-section .tabnav-container .tabnav-list .tabnav-item.current {
  cursor: default;
  color: #FFFFFF;
}
@media (hover: hover) {
  #libra-container .tabnav-section .tabnav-container .tabnav-list .tabnav-item:not(.current):hover {
    color: rgba(0, 0, 0, 0.8);
  }
}
#libra-container .tabnav-section .tabnav-container .tabnav-indicator {
  position: absolute;
  top: 0.208333vw;
  left: 0.208333vw;
  height: calc(100% - 0.416667vw);
  transition: all 300ms ease-in-out;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}
#libra-container .tabnav-section .tabnav-container .tabnav-indicator::after {
  position: relative;
  display: block;
  overflow: hidden;
  width: var(--tabnav-width, 0);
  height: 100%;
  content: "";
  transition-duration: 600ms;
  transition-property: width, transform;
  transform: translateX(var(--tabnav-left, 0));
  border-radius: 999px;
  background: #9D7C64;
}
#libra-container .tabnav-section .stack-list {
  display: flex;
  text-align: center;
}
#libra-container .tabnav-section .stack-list .stack-item {
  position: relative;
  width: 100%;
  transition: opacity 360ms;
  opacity: 0;
  color: #6A6A6A;
}
#libra-container .tabnav-section .stack-list .stack-item .tips {
  color: #B2B2B2;
}
#libra-container .tabnav-section .stack-list .stack-item.current {
  z-index: 1;
  transition-delay: 240ms;
  opacity: 1;
}
#libra-container .tabnav-section .stack-list .stack-item:nth-child(n+2) {
  margin-left: -100%;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .tabnav-section .tabnav-container {
    height: 13.333333vw;
  }
  #libra-container .tabnav-section .tabnav-content {
    width: 100%;
    overflow: hidden;
  }
  #libra-container .tabnav-section .tabnav-content .tabnav-scrollable {
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  #libra-container .tabnav-section .tabnav-content .tabnav-scrollable::-webkit-scrollbar {
    display: none;
  }
  #libra-container .tabnav-section .tabnav-content .tabnav-wrapper {
    padding-right: 6.944444vw;
    padding-left: 6.944444vw;
  }
  #libra-container .tabnav-section .tabnav-content .tabnav-wrapper > div {
    padding: 1.111111vw;
  }
  #libra-container .tabnav-section .tabnav-content .tabnav-indicator {
    top: 1.111111vw;
    left: 1.111111vw;
    height: calc(100% - 2.222222vw);
  }
  #libra-container .tabnav-section .tabnav-content .tabnav-list .tabnav-item {
    font-size: 3.888889vw;
    padding: 3.055556vw 5.555556vw;
    white-space: nowrap;
  }
}
@media (max-aspect-ratio: 11/10) and (hover: hover) {
  #libra-container .tabnav-section .tabnav-content .tabnav-list .tabnav-item:not(.current):hover {
    color: rgba(0, 0, 0, 0.8);
  }
}
#libra-container .rounded, #libra-container .lg\:rounded {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 0.833333vw;
}
#libra-container .rounded-left {
  border-top-left-radius: 0.833333vw;
  border-bottom-left-radius: 0.833333vw;
}
#libra-container .rounded-right {
  border-top-right-radius: 0.833333vw;
  border-bottom-right-radius: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .xs\:rounded {
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  #libra-container .rounded, #libra-container .xs\:rounded {
    border-radius: 2.222222vw;
  }
  #libra-container .lg\:rounded {
    border-radius: 0;
  }
  #libra-container .rounded-left {
    border-top-left-radius: 2.222222vw;
    border-bottom-left-radius: 2.222222vw;
  }
  #libra-container .rounded-right {
    border-top-right-radius: 2.222222vw;
    border-bottom-right-radius: 2.222222vw;
  }
}
#libra-container .shine-container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.333333vw;
}
#libra-container .shine-container .shine-wrapper {
  position: relative;
  overflow: hidden;
  height: 100%;
  border-radius: 999px;
  background-color: #343536;
}
#libra-container .shine-container .shine-wrapper .shine-content {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .shine-container {
    height: 13.333333vw;
  }
}
#libra-container .btn-replay {
  right: 1.197917vw;
  bottom: 6.5625vw;
  font-size: 0.9375vw;
  color: #6D6D73;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
  outline: 0;
  z-index: 2;
}
#libra-container .btn-replay .icon-replay {
  width: 0.833333vw;
  margin-left: 0.416667vw;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .btn-replay {
    position: initial;
    font-size: 3.888889vw;
    width: -moz-max-content;
    width: max-content;
    margin: 6.666667vw auto 0;
  }
  #libra-container .btn-replay .icon-replay {
    width: 3.030556vw;
    margin-left: 1.111111vw;
  }
}
#libra-container .video-container.ended .btn-replay {
  transition: opacity 300ms ease-in;
  cursor: pointer;
  pointer-events: all;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .video-container.ended .btn-replay:hover {
    opacity: 1 !important;
  }
}
#libra-container .gray-bg {
  background: #FAFAFA;
}
#libra-container .page-title.gradient-text {
  background-image: url(/content/dam/huawei-cbg-site/cn/mkt/pdp/wearables/watch-buds-2/images/icons/red-maple-main-title-bg-color.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: auto 400%;
  background-position-x: 130%;
  transition: background-position-x 1300ms cubic-bezier(0.37, 0, 0.63, 1);
  top: 0;
  left: 0;
}
#libra-container .page-title.gradient-text.animated.gradient-text {
  background-position-x: 50%;
}
#libra-container .page-title.gradient-text .desc {
  color: #4B4741;
}
#libra-container .anim-text-animate {
  transform: translate3d(0px, 25px, 0px);
  opacity: 0;
  transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1);
  -webkit-transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1);
  -moz-transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1);
  -ms-transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1);
  -o-transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1);
}
#libra-container .anim-text-animate.animated-copy-element {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .xs\:anim-text-animate {
    transform: translate3d(0px, 25px, 0px);
    opacity: 0;
    pointer-events: none;
    transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1);
    -webkit-transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1);
    -moz-transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1);
    -ms-transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1);
    -o-transition: transform 500ms cubic-bezier(0, 0, 0.5, 1), opacity 500ms cubic-bezier(0, 0, 0.5, 1), visibility 500ms cubic-bezier(0, 0, 0.5, 1);
  }
  #libra-container .xs\:anim-text-animate.animated-copy-element {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
#libra-container .anim-img-animate img, #libra-container .anim-img-animate video {
  --transition-timing: 1s;
  --copy-fade-transition: transform var(--transition-timing) cubic-bezier(0.16,1,0.3,1);
  transition: var(--copy-fade-transition);
  transform: scale(1.2);
}
#libra-container .anim-img-animate.animated-copy-element img, #libra-container .anim-img-animate.animated-copy-element video {
  transform: scale(1);
}
#libra-container .section-card-swiper .swiper-slide {
  width: 33.125vw;
}
#libra-container .section-card-swiper .text-content {
  width: 90%;
  cursor: auto;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-card-swiper .swiper-slide {
    width: 86.666667vw;
  }
}
#libra-container .section-gradients-bg {
  background: linear-gradient(to bottom, #F6F4F3 78%, #FFFFFF);
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-gradients-bg {
    background: linear-gradient(to bottom, #F6F4F3 88%, #FFFFFF);
  }
}
#libra-container .section-listen .video-container {
  will-change: transform, border-radius;
  transform-origin: center top;
  --transition-timing: 1.5s;
  --copy-fade-transition: transform var(--transition-timing) cubic-bezier(0.16,1,0.3,1),border-radius var(--transition-timing) cubic-bezier(0.16,1,0.3,1);
  transition: var(--copy-fade-transition);
  transform: scale(1.4814814815);
  overflow: hidden;
  border-radius: 0;
  z-index: 1;
  position: relative;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-listen .video-container {
    transform: scale(1);
  }
}
#libra-container .section-listen .listen-txt {
  will-change: transform, opacity;
  --transition-timing: 1.5s;
  --copy-fade-transition: transform var(--transition-timing) cubic-bezier(0.16,1,0.3,1),opacity var(--transition-timing) cubic-bezier(0.16,1,0.3,1);
  transition: var(--copy-fade-transition);
  transform: translateY(15vw);
  opacity: 0;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-listen .listen-txt {
    width: 70.944444vw;
    transform: translateY(0);
    opacity: 1;
  }
}
#libra-container .section-listen.animated .video-container {
  transform: scale(1);
  border-radius: 0.833333vw;
  -webkit-clip-path: inset(0 round 0.833333vw);
          clip-path: inset(0 round 0.833333vw);
}
#libra-container .section-listen.animated .listen-txt {
  transform: translateY(0);
  opacity: 1;
}
#libra-container .section-design .sticky-container {
  height: 300vh;
}
#libra-container .section-design .sticky-container .sticky-viewport {
  position: sticky;
  height: 100vh;
  top: 0;
  overflow: hidden;
}
#libra-container .section-design .sticky-container .design-hinge-stage-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
#libra-container .section-design .sticky-container .design-hinge-stage-container.active {
  transition: opacity 0.3s ease;
  opacity: 1;
  pointer-events: all;
}
#libra-container .section-design .sticky-container .design-hinge-stage-1 p {
  width: 14.21875%;
  top: 50%;
  left: 14.375%;
  line-height: 1.45;
  letter-spacing: 0.1em;
}
#libra-container .section-design .sticky-container .design-hinge-stage-2 p {
  width: 13.28125%;
  top: 50%;
  left: 67.7083333333%;
  transform: translateY(-50%);
  line-height: 1.45;
  letter-spacing: 0.1em;
}
@media (min-width: 790px) and (max-width: 800px) {
  #libra-container .section-design .sticky-container .design-hinge-stage-1 p {
    left: 6.75vw;
  }
  #libra-container .section-design .sticky-container .design-hinge-stage-2 p {
    left: 77.34375%;
  }
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-design .sticky-container {
    height: auto;
  }
  #libra-container .section-design .sticky-container .sticky-viewport {
    position: initial;
    height: auto;
  }
}
#libra-container .section-design .desc {
  width: 46.666667vw;
}
#libra-container .section-design .design-canvas {
  width: 100%;
  height: 100%;
}
#libra-container .section-design .design-canvas canvas {
  width: 100%;
  height: 100%;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-design .desc {
    width: 100%;
  }
  #libra-container .section-design .design-canvas {
    height: 111.111111vw;
  }
}
#libra-container .section-material .caption-container {
  width: 49.4791666667%;
  background: linear-gradient(to bottom, #FFFFFF, #F8F2EF);
  padding-left: 11.25%;
}
#libra-container .section-material .caption-container .title {
  width: 29.854167vw;
}
#libra-container .section-material .caption-container .caption-content {
  width: 22.958333vw;
}
#libra-container .section-material .caption-container .caption-content .desc {
  color: #6D6F72;
}
#libra-container .section-material .caption-container .caption-content p:last-child {
  line-height: 1.25;
  color: #9D7C64;
}
#libra-container .section-material .caption-container .caption-content p:last-child span {
  margin-left: 0.416667vw;
}
#libra-container .section-material .image-container {
  width: 50%;
  background: linear-gradient(to bottom, #FFFFFF, #F8F2EF);
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-material .caption-container {
    width: 82.222222vw;
    margin: 0 auto;
    background: none;
    padding-left: 0;
  }
  #libra-container .section-material .caption-container .title {
    width: 100%;
  }
  #libra-container .section-material .caption-container .caption-content {
    width: 100%;
  }
  #libra-container .section-material .caption-container .caption-content p:last-child span {
    margin-left: 1.111111vw;
  }
  #libra-container .section-material .image-container {
    width: 100%;
  }
}
#libra-container .section-screen .desc {
  width: 42.8125vw;
}
#libra-container .section-screen .video-container {
  background: linear-gradient(to bottom, #FFFFFF, #F8F2EF);
}
#libra-container .section-screen .video-container video {
  will-change: transform;
  margin-top: -10.416667vw;
}
#libra-container .section-screen .screen-info {
  will-change: opacity, transform;
  font-size: 8.333333vw;
  line-height: 1.25;
  font-weight: bold;
  opacity: 0;
  z-index: 1;
  color: rgba(135, 101, 75, 0.4);
  background-image: linear-gradient(to bottom, rgba(135, 101, 75, 0.4) 0%, rgba(255, 230, 209, 0.4) 100%);
  transition: opacity 1s linear, transform 1s cubic-bezier(0.26, 0.67, 0.48, 0.91);
}
#libra-container .section-screen.animated .screen-info {
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-screen .desc {
    width: 100%;
  }
  #libra-container .section-screen .screen-info {
    font-size: 16.666667vw;
    background-image: linear-gradient(to bottom, rgba(135, 101, 75, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%);
  }
  #libra-container .section-screen .video-container {
    width: 100%;
  }
  #libra-container .section-screen .video-container video {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    margin-top: -19.145833vw;
  }
}
#libra-container .section-id .caption-container {
  width: 51.875vw;
  margin-left: 26.40625vw;
}
#libra-container .section-id .caption-container .title {
  width: 26.71875vw;
}
#libra-container .section-id .caption-container .desc {
  width: 27.591667vw;
}
#libra-container .section-id .id-image-container {
  width: 68.125vw;
  margin-left: auto;
  margin-right: auto;
}
#libra-container .section-id .id-image-container .id-image {
  will-change: transform, opacity;
  transition: transform 0.6s cubic-bezier(0.26, 0.67, 0.48, 0.91), opacity 0.6s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transform-origin: center top;
}
#libra-container .section-id .id-image-container .id-image-black {
  width: 27.5vw;
  transform: scale(1.4166666667);
}
#libra-container .section-id .id-image-container .id-image-black .id-name {
  color: #414141;
}
#libra-container .section-id .id-image-container .id-image-silvery {
  width: 25.3125vw;
  transform: scale(1.4131355932);
  z-index: 1;
}
#libra-container .section-id .id-image-container .id-image-silvery .id-name {
  color: #9F9F9F;
  transform: translateX(-0.464583vw);
}
#libra-container .section-id .id-image-container .id-image-brown {
  width: 27.5vw;
  transform: scale(1.4166666667);
}
#libra-container .section-id .id-image-container .id-image-brown .id-name {
  color: #8C7F77;
}
#libra-container .section-id .id-image-container .id-name {
  line-height: 1.25;
  text-align: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
}
#libra-container .section-id.animated .id-image-black {
  transform: scale(1) translateX(-20.729167vw);
}
#libra-container .section-id.animated .id-image-silvery {
  transform: scale(1);
}
#libra-container .section-id.animated .id-image-brown {
  transform: scale(1) translateX(19.791667vw);
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-id .caption-container {
    width: 75.522222vw;
    margin-left: 8.888889vw;
  }
  #libra-container .section-id .caption-container .title, #libra-container .section-id .caption-container .desc {
    width: 100%;
  }
  #libra-container .section-id .id-image-container {
    width: 100%;
    margin-left: 0;
  }
  #libra-container .section-id .id-image-container .id-image-black {
    width: 39.583333vw;
  }
  #libra-container .section-id .id-image-container .id-image-black .id-name {
    transform: translateX(0);
  }
  #libra-container .section-id .id-image-container .id-image-silvery {
    width: 37.638889vw;
  }
  #libra-container .section-id .id-image-container .id-image-silvery .id-name {
    color: #6C6C6C;
  }
  #libra-container .section-id .id-image-container .id-image-brown {
    width: 39.583333vw;
  }
  #libra-container .section-id .id-image-container .id-image-brown .id-name {
    color: #9D7C64;
    transform: translateX(1.520833vw);
  }
  #libra-container .section-id .id-image-container .id-name {
    font-size: 3.888889vw;
    margin-top: 3.333333vw;
  }
  #libra-container .section-id.animated .id-image-black {
    transform: scale(1) translateX(-25.486111vw);
  }
  #libra-container .section-id.animated .id-image-silvery {
    transform: scale(1);
  }
  #libra-container .section-id.animated .id-image-brown {
    transform: scale(1) translateX(25.763889vw);
  }
}
#libra-container .design-details .sticky-container {
  height: 300vh;
}
#libra-container .design-details .sticky-container .sticky-viewport {
  position: sticky;
  height: 100vh;
  top: 0;
  overflow: hidden;
}
#libra-container .design-details .sticky-container .design-canvas, #libra-container .design-details .sticky-container canvas {
  width: 100%;
  height: 100%;
}
#libra-container .design-details .sticky-container .design-hinge-stage-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
#libra-container .design-details .sticky-container .design-hinge-stage-container.active {
  transition: opacity 0.3s ease;
  opacity: 1;
  pointer-events: all;
}
#libra-container .design-details .sticky-container .design-hinge-stage-1 p {
  width: 22.1755123489%;
  top: 20.052083vw;
  left: 17.3958333333%;
  transform: translate3d(0, -50%, 0);
}
#libra-container .design-details .sticky-container .design-hinge-stage-2 p {
  width: 22.4908039937%;
  top: 50%;
  left: 69.4791666667%;
}
@media (min-width: 790px) and (max-width: 800px) {
  #libra-container .design-details .sticky-container .design-hinge-stage-2 p {
    top: 77%;
  }
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .design-details .sticky-container {
    height: auto;
  }
  #libra-container .design-details .sticky-container .sticky-viewport {
    position: initial;
    height: auto;
  }
  #libra-container .design-details .sticky-container .sticky-viewport .design-hinge-stage-container {
    position: initial;
    pointer-events: all;
  }
  #libra-container .design-details .sticky-container .sticky-viewport .design-hinge-stage-container.anim-text-animate.animated-copy-element {
    opacity: 1;
  }
  #libra-container .design-details .sticky-container .sticky-viewport .design-hinge-stage-container p {
    width: 100%;
    position: initial;
    transform: translate3d(0, 0, 0);
  }
}
#libra-container .design-details .design-details-list strong {
  color: #000000;
}
#libra-container .design-adaptive .caption-container {
  width: 21.114583vw;
  top: 10.833333vw;
  left: 60.520833vw;
  z-index: 2;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .design-adaptive .caption-container {
    position: initial;
    width: 82.222222vw;
  }
}
#libra-container .design-details-video .swiper .swiper-slide .text-content {
  width: 78%;
  cursor: auto;
}
#libra-container .design-details-video .swiper .swiper-slide strong {
  color: #000000;
  font-weight: 500;
}
#libra-container .design-details-video .swiper .swiper-slide.swiper-slide-2 .video-container .play-pause-button::before {
  background-color: #E1E1E3;
}
#libra-container .design-details-video .play-pause-button {
  z-index: 13;
}
#libra-container .design-details-video .video-container::after {
  content: "";
  display: block;
  background-size: 100%;
  position: absolute;
  z-index: 12;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  will-change: opacity;
  pointer-events: none;
  background: var(--mask-poster) center/100% no-repeat;
}
#libra-container .design-details-video .video-container.show::after {
  opacity: 1;
  transition: opacity 600ms 200ms linear;
  will-change: opacity;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .design-details-video .title {
    padding-left: 4.444444vw;
  }
  #libra-container .design-details-video .swiper .swiper-slide {
    width: 86.666667vw;
  }
  #libra-container .design-details-video .swiper .swiper-slide .text-content {
    width: 100%;
  }
}
#libra-container .design-call .design-call-list {
  width: 45.7625vw;
}
#libra-container .design-call .design-call-list .design-call-item {
  width: 17.0625vw;
}
#libra-container .design-call .design-call-list .design-call-item .icon {
  width: 2.916667vw;
  margin-right: 0.833333vw;
}
#libra-container .design-call .design-call-list .design-call-item .content {
  flex: 1;
}
#libra-container .design-call .design-call-list .design-call-item .content .title {
  font-size: 1.458333vw;
  line-height: 1.25;
}
#libra-container .design-call .design-call-list .design-call-item .content .desc {
  font-size: 0.9375vw;
  margin-top: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .design-call .design-call-list {
    width: 82.222222vw;
  }
  #libra-container .design-call .design-call-list .design-call-item {
    width: 100%;
  }
  #libra-container .design-call .design-call-list .design-call-item .icon {
    width: 11.111111vw;
    margin-right: 3.333333vw;
    position: relative;
  }
  #libra-container .design-call .design-call-list .design-call-item .icon::after {
    content: "";
    display: block;
    position: absolute;
    right: -1px;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #FAFAFA;
  }
  #libra-container .design-call .design-call-list .design-call-item .content {
    width: 58.611111vw;
    flex: none;
  }
  #libra-container .design-call .design-call-list .design-call-item .content .title {
    font-size: 5.555556vw;
  }
  #libra-container .design-call .design-call-list .design-call-item .content .desc {
    font-size: 3.888889vw;
    margin-top: 2.777778vw;
  }
  #libra-container .design-call .design-call-list .design-call-item:not(:last-child) {
    margin-bottom: 7.777778vw;
  }
}
#libra-container .section-touch {
  padding: 10.7375vw 0;
}
#libra-container .section-touch .caption-container {
  width: 23.888889vw;
  left: 14.479167vw;
  z-index: 1;
}
#libra-container .section-touch .touch-list {
  width: 25.78125vw;
  left: 14.479167vw;
  z-index: 1;
}
#libra-container .section-touch .touch-list .touch-item .icon {
  width: 2.604167vw;
  margin-right: 0.833333vw;
  margin-top: 0.208333vw;
}
#libra-container .section-touch .touch-list .touch-item .content {
  flex: 1;
}
#libra-container .section-touch .touch-list .touch-item .content .title {
  font-size: 1.145833vw;
  font-weight: 700;
}
#libra-container .section-touch .touch-list .touch-item .content .desc {
  font-size: 0.9375vw;
  margin-top: 0.416667vw;
}
#libra-container .section-touch .touch-list .touch-item:first-child {
  width: 15.510417vw;
}
#libra-container .section-touch .touch-list .touch-item:last-child {
  width: 19.1875vw;
  margin-left: 2.8125vw;
}
#libra-container .section-touch > .video-container {
  position: absolute;
  top: 0;
}
#libra-container .section-touch > .video-container .btn-replay {
  right: 2.5vw;
  bottom: 2.5vw;
  z-index: 1;
  color: #000000;
}
#libra-container .section-touch > .video-container .btn-replay img {
  width: 0.75vw;
  margin-left: 0.416667vw;
}
#libra-container .section-touch.active .btn-replay {
  transition: opacity 300ms ease-in;
  cursor: pointer;
  pointer-events: all;
  opacity: 1;
}
#libra-container .section-touch.active .btn-replay:hover {
  opacity: 0.6 !important;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-touch {
    padding: 0;
  }
  #libra-container .section-touch .caption-container {
    width: 82.222222vw;
    margin: 0 auto;
    position: initial;
    transform: translateY(0);
  }
  #libra-container .section-touch .caption-container .desc {
    width: 100%;
  }
  #libra-container .section-touch .touch-list {
    left: 0;
    width: 82.222222vw;
    margin-left: auto;
    margin-right: auto;
  }
  #libra-container .section-touch .touch-list .touch-item .icon {
    width: 7.5vw;
    margin-right: 2.777778vw;
  }
  #libra-container .section-touch .touch-list .touch-item .icon::after {
    content: "";
    display: block;
    position: absolute;
    right: -1px;
    top: 0;
    width: 2px;
    height: 100%;
    background-color: #FAFAFA;
  }
  #libra-container .section-touch .touch-list .touch-item .content .title {
    font-size: 5.555556vw;
    font-weight: bold;
  }
  #libra-container .section-touch .touch-list .touch-item .content .desc {
    font-size: 3.888889vw;
    margin-top: 2.777778vw;
  }
  #libra-container .section-touch .touch-list .touch-item:first-child {
    width: 100%;
  }
  #libra-container .section-touch .touch-list .touch-item:last-child {
    width: 100%;
    margin-left: 0;
  }
  #libra-container .section-touch .video-container {
    position: relative;
  }
  #libra-container .section-touch .video-container .btn-replay {
    position: absolute;
    right: 4.444444vw;
    bottom: 4.444444vw;
  }
  #libra-container .section-touch .video-container .btn-replay img {
    width: 3.055556vw;
    margin-left: 1.111111vw;
  }
  #libra-container .section-touch.active .btn-replay:hover {
    opacity: 0 !important;
  }
}
#libra-container .section-control .caption-container {
  width: 33.020833vw;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-control .caption-container {
    width: 82.222222vw;
  }
  #libra-container .section-control .caption-container .desc {
    width: 100%;
  }
}
#libra-container .section-health .caption-container {
  width: 29.427083vw;
  left: 14.479167vw;
  bottom: 8.125vw;
  z-index: 1;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-health .caption-container {
    width: 82.222222vw;
    position: initial;
  }
  #libra-container .section-health .caption-container .desc {
    width: 100%;
  }
  #libra-container .section-health img {
    transform: scale(1);
  }
}
#libra-container .section-health-card .text-content {
  width: 81%;
}
#libra-container .section-health-card .text-content .title {
  line-height: 1.25;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-health-card .text-content {
    width: 88%;
  }
}
#libra-container .section-pulse-sleep-card .swiper-wrapper {
  justify-content: space-between;
}
#libra-container .section-pulse-sleep-card .swiper-slide {
  width: 34.895833vw;
  height: auto;
  background: #fafafa;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: initial;
}
#libra-container .section-pulse-sleep-card .swiper-slide .text-content {
  width: auto;
  margin: 2.291667vw 2.5vw 1.666667vw 2.5vw;
}
#libra-container .section-pulse-sleep-card .swiper-slide .images-container {
  width: 27.604167vw;
}
#libra-container .section-pulse-sleep-card .swiper-slide .images-tips {
  width: 26.875vw;
  margin: 2.083333vw 0 2.5vw 2.5vw;
}
#libra-container .section-pulse-sleep-card .swiper-slide:last-child .images-container {
  width: 27.604167vw;
}
#libra-container .section-pulse-sleep-card .swiper-slide:last-child .images-tips {
  width: 26.5625vw;
  margin: 2.083333vw 0 2.5vw 2.5vw;
}
#libra-container .section-pulse-sleep-card .arrownav-list {
  display: none;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-pulse-sleep-card .swiper-wrapper {
    justify-content: initial;
  }
  #libra-container .section-pulse-sleep-card .swiper-slide {
    width: 86.666667vw;
  }
  #libra-container .section-pulse-sleep-card .swiper-slide .text-content {
    width: 74.083333vw;
    margin: 6.111111vw auto 7.777778vw 6.666667vw;
  }
  #libra-container .section-pulse-sleep-card .swiper-slide .images-container {
    width: 100%;
  }
  #libra-container .section-pulse-sleep-card .swiper-slide .images-tips {
    width: 73.333333vw;
    margin: 6.666667vw;
  }
  #libra-container .section-pulse-sleep-card .swiper-slide:last-child .images-container {
    width: 100%;
  }
  #libra-container .section-pulse-sleep-card .swiper-slide:last-child .images-tips {
    width: 73.333333vw;
    margin: 6.666667vw;
  }
  #libra-container .section-pulse-sleep-card .arrownav-list {
    display: flex;
  }
}
#libra-container .section-health-research .research-content {
  padding: 4.635417vw 0 4.635417vw 7.291667vw;
  overflow: hidden;
  position: relative;
  border-radius: 0.833333vw;
}
#libra-container .section-health-research .research-content .research-swiper {
  width: 22.03125vw;
  overflow: visible;
  margin-left: 0;
}
#libra-container .section-health-research .research-content .research-swiper .arrownav-list {
  display: none;
}
#libra-container .section-health-research .research-content .research-p-txt-wrapper {
  width: 24.270833vw;
  top: 9.479167vw;
  left: 40.78125vw;
  z-index: 2;
}
#libra-container .section-health-research .research-content .research-p-txt-wrapper .seiya-research-p-txt {
  transition: 0.3s ease;
}
#libra-container .section-health-research .research-content .research-p-txt-wrapper .seiya-research-p-txt:not(:last-child) {
  border-bottom: 1px solid rgba(112, 112, 112, 0.3);
  padding-bottom: 2.083333vw;
}
#libra-container .section-health-research .research-content .research-p-txt-wrapper .seiya-research-p-txt:not(:first-child) {
  margin-top: 2.083333vw;
}
#libra-container .section-health-research .research-content .research-p-txt-wrapper .seiya-research-p-txt > div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  opacity: 0.4;
}
#libra-container .section-health-research .research-content .research-p-txt-wrapper .seiya-research-p-txt > div .svg-shu {
  opacity: 1;
}
#libra-container .section-health-research .research-content .research-p-txt-wrapper .seiya-research-p-txt svg {
  width: 1.041667vw;
}
#libra-container .section-health-research .research-content .research-p-txt-wrapper .seiya-research-p-txt .h3 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 1.25;
  font-weight: bold;
  color: #000000;
}
#libra-container .section-health-research .research-content .research-p-txt-wrapper .seiya-research-p-txt p {
  overflow: hidden;
  transition: all 0.5s;
  font-weight: 500;
  color: #6A6A6A;
}
#libra-container .section-health-research .research-content .research-p-txt-wrapper .seiya-research-p-txt.active > div {
  opacity: 1;
}
#libra-container .section-health-research .research-content .research-p-txt-wrapper .seiya-research-p-txt.active > div .svg-shu {
  opacity: 0;
}
#libra-container .section-health-research .research-content .research-p-txt-wrapper .seiya-research-p-txt.active p {
  margin-top: 1.197917vw;
  height: auto;
}
#libra-container .section-health-research .research-content .research-p-txt-wrapper .seiya-research-p-txt:not(.active):hover > div {
  opacity: 0.6;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-health-research .research-content {
    padding: 0;
    background-color: transparent;
    overflow: visible;
    border-radius: 0;
  }
  #libra-container .section-health-research .research-content .research-swiper {
    width: 100%;
  }
  #libra-container .section-health-research .research-content .research-swiper .swiper-slide {
    width: 86.666667vw;
    border-radius: 2.222222vw;
    overflow: hidden;
  }
  #libra-container .section-health-research .research-content .research-swiper .swiper-slide .text-content {
    display: block;
    margin: 5.555556vw 0 0 6.666667vw;
  }
  #libra-container .section-health-research .research-content .research-swiper .swiper-slide .text-content .headline {
    color: #000000;
  }
  #libra-container .section-health-research .research-content .research-swiper .swiper-slide .text-content .intro {
    color: #6A6A6A;
  }
  #libra-container .section-health-research .research-content .research-swiper .swiper-slide img {
    width: 100%;
  }
  #libra-container .section-health-research .research-content .research-swiper .arrownav-list {
    display: flex;
  }
}
#libra-container .section-workout-modes .swiper-wrapper {
  justify-content: space-between;
}
#libra-container .section-workout-modes .swiper-wrapper .swiper-slide {
  width: 34.895833vw;
  height: auto;
  background: #fafafa;
}
#libra-container .section-workout-modes .swiper-wrapper .swiper-slide .text-content {
  width: 28.020833vw;
  margin: 2.291667vw 0 0 2.5vw;
}
#libra-container .section-workout-modes .swiper-wrapper .swiper-slide:last-child .text-content {
  width: 21.875vw;
}
#libra-container .section-workout-modes .swiper-wrapper .swiper-slide .workout-modes-item {
  width: 31.25vw;
  height: 20.625vw;
}
#libra-container .section-workout-modes .swiper-wrapper .swiper-slide .workout-modes-item .workout-modes-wrapper {
  will-change: transform;
  transform: translateZ(0);
  z-index: 1;
}
#libra-container .section-workout-modes .swiper-wrapper .swiper-slide .workout-modes-item .workout-modes-wrapper .images-container {
  will-change: transform;
  box-sizing: content-box;
  width: 63.75vw;
}
#libra-container .section-workout-modes .swiper-wrapper .swiper-slide .workout-modes-item .workout-modes-wrapper .images-container {
  margin-left: 1.25vw;
}
#libra-container .section-workout-modes .swiper-wrapper .swiper-slide .workout-modes-item .workout-modes-wrapper1 {
  top: 0;
  left: -3.17708vw;
  animation: lamp 16s linear infinite reverse;
}
#libra-container .section-workout-modes .swiper-wrapper .swiper-slide .workout-modes-item .workout-modes-wrapper2 {
  top: 5.416667vw;
  left: -3.645833vw;
  animation: lamp 16s linear infinite;
}
#libra-container .section-workout-modes .swiper-wrapper .swiper-slide .workout-modes-item .workout-modes-wrapper3 {
  top: 10.833333vw;
  left: -2.17708vw;
  animation: lamp 16s linear infinite reverse;
}
#libra-container .section-workout-modes .swiper-wrapper .swiper-slide .workout-modes-item .workout-modes-wrapper4 {
  top: 16.25vw;
  left: -3.0625vw;
  animation: lamp 16s linear infinite;
}
#libra-container .section-workout-modes .swiper-wrapper .swiper-slide .tips {
  margin: 1.666667vw 2.083333vw;
  color: #989898;
}
#libra-container .section-workout-modes .swiper-wrapper .swiper-slide:last-child .images-container {
  width: 21.875vw;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-workout-modes .swiper-wrapper {
    justify-content: initial;
  }
  #libra-container .section-workout-modes .swiper-wrapper .swiper-slide {
    width: 86.666667vw;
    background-color: initial;
  }
  #libra-container .section-workout-modes .swiper-wrapper .swiper-slide .card-item-wrap {
    background-color: #FAFAFA;
    height: 112.916667vw;
  }
  #libra-container .section-workout-modes .swiper-wrapper .swiper-slide .text-content {
    width: 72.638889vw;
    margin: 6.111111vw auto auto 6.666667vw;
  }
  #libra-container .section-workout-modes .swiper-wrapper .swiper-slide .images-container {
    width: 100%;
  }
  #libra-container .section-workout-modes .swiper-wrapper .swiper-slide .workout-modes-item {
    width: 100%;
    height: 66.666667vw;
    background: #FAFAFA;
  }
  #libra-container .section-workout-modes .swiper-wrapper .swiper-slide .workout-modes-item .workout-modes-wrapper .images-container {
    width: 256.666667vw;
  }
  #libra-container .section-workout-modes .swiper-wrapper .swiper-slide .workout-modes-item .workout-modes-wrapper .images-container {
    margin-left: 5.277778vw;
  }
  #libra-container .section-workout-modes .swiper-wrapper .swiper-slide .workout-modes-item .workout-modes-wrapper1 {
    top: 2.5vw;
    left: -19.166667vw;
  }
  #libra-container .section-workout-modes .swiper-wrapper .swiper-slide .workout-modes-item .workout-modes-wrapper2 {
    top: 24.305556vw;
    left: -29.027778vw;
  }
  #libra-container .section-workout-modes .swiper-wrapper .swiper-slide .workout-modes-item .workout-modes-wrapper3 {
    top: 46.25vw;
    left: -19.166667vw;
  }
  #libra-container .section-workout-modes .swiper-wrapper .swiper-slide .workout-modes-item .workout-modes-wrapper4 {
    top: 68.333333vw;
    left: -29.027778vw;
  }
  #libra-container .section-workout-modes .swiper-wrapper .swiper-slide .tips {
    width: 73.333333vw;
    margin: 5.555556vw auto 0;
    font-size: 2.777778vw;
  }
  #libra-container .section-workout-modes .swiper-wrapper .swiper-slide:last-child .text-content {
    width: 73.888889vw;
  }
  #libra-container .section-workout-modes .swiper-wrapper .swiper-slide:last-child .images-container {
    width: 68.333333vw;
  }
}
@keyframes lamp {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0%);
  }
}
#libra-container .section-function .caption-container {
  width: 20.104167vw;
  left: 14.479167vw;
  bottom: 8.125vw;
  z-index: 1;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-function .caption-container {
    position: initial;
    width: 82.222222vw;
  }
  #libra-container .section-function .caption-container .desc {
    width: 92%;
  }
  #libra-container .section-function .image-container img {
    transform: scale(1);
  }
}
#libra-container .section-app .app-card-swiper .swiper-slide {
  width: 33.125vw;
}
#libra-container .section-app .app-card-swiper .swiper-slide .text-content {
  width: 78%;
}
#libra-container .section-app .app-card-swiper .swiper-slide:nth-child(1) {
  width: 33.125vw;
}
#libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-3 .text-content {
  width: 86%;
}
#libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-3 .images-container {
  height: 31.25vw;
  background-color: #F5F5F7;
  display: flex;
  align-items: center;
  justify-content: center;
}
#libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-3 .images-container .app-list {
  width: 27.5vw;
}
#libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-3 .images-container .app-list li {
  width: 5.625vw;
}
#libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-3 .images-container .app-list li p {
  color: #86868B;
}
#libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-3 .images-container .app-list li:nth-child(1) p {
  width: 8.8125vw;
  margin-left: -1.59375vw;
}
#libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-3 .images-container .app-list li:nth-child(11) p {
  width: 6.6vw;
  margin-left: -0.4vw;
}
#libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .images-container {
  display: flex;
  align-items: center;
  height: 31.25vw;
  background: linear-gradient(to bottom, #DDDDDD, #EFEFEF);
}
#libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .images-container.playing .icon-pause, #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .images-container.paused .icon-play, #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .images-container.ended .icon-replay {
  display: block;
}
#libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .images-container .play-pause-button {
  position: absolute;
  z-index: 2;
  right: 1.25vw;
  bottom: 1.25vw;
  overflow: hidden;
  width: 2.083333vw;
  height: 2.083333vw;
  transform: translateZ(0);
  border-radius: 50%;
  cursor: pointer;
  background-color: #E1E1E3;
  transition: background-color 0.3s;
}
#libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .images-container .play-pause-button .button-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  pointer-events: none;
}
@media (hover: hover) {
  #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .images-container .play-pause-button:hover {
    background-color: rgba(225, 225, 227, 0.6);
  }
}
@media (hover: none) {
  #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .images-container .play-pause-button:active {
    background-color: #e1e1e3;
  }
}
#libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .images-container.playing .icon-pause, #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .images-container.paused .icon-play, #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .images-container.ended .icon-replay {
  display: block;
}
#libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .apps-card-swiper {
  width: 100%;
  pointer-events: none;
}
#libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .apps-card-swiper .swiper-slide {
  cursor: initial;
}
#libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .apps-card-swiper .swiper-slide .apps-card-image {
  will-change: transform;
  width: 21.875vw;
  transform: scale(0.7142857143);
  transition: transform 800ms;
}
#libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .apps-card-swiper .swiper-slide.swiper-slide-active .apps-card-image {
  transform: scale(1);
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-app .app-card-swiper .swiper-slide {
    width: 86.666667vw;
  }
  #libra-container .section-app .app-card-swiper .swiper-slide .text-content {
    width: 100%;
  }
  #libra-container .section-app .app-card-swiper .swiper-slide:nth-child(1) {
    width: 86.666667vw;
  }
  #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-3 .text-content {
    width: 94%;
  }
  #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-3 .images-container {
    height: 97.222222vw;
    background: linear-gradient(to bottom, #E5E6E6, #F2F2F2);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-3 .images-container .app-list {
    width: 72.638889vw;
  }
  #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-3 .images-container .app-list li {
    width: 13.888889vw;
    margin-right: 5.277778vw;
  }
  #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-3 .images-container .app-list li:nth-child(1) p {
    width: auto;
    margin-left: 0;
  }
  #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-3 .images-container .app-list li:nth-child(9) p, #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-3 .images-container .app-list li:nth-child(10) p {
    width: 16.944444vw;
    margin-left: -1.527778vw;
  }
  #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-3 .images-container .app-list li:nth-child(11) p {
    width: 20.277778vw;
    margin-left: -3.194444vw;
  }
  #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-3 .images-container .app-list li:nth-child(4n) {
    margin-right: 0;
  }
  #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .images-container {
    height: 97.222222vw;
    background: linear-gradient(to bottom, #D3D3D3, #EAEDF0);
  }
  #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .images-container .play-pause-button {
    right: 4.444444vw;
    bottom: 4.444444vw;
    width: 8.888889vw;
    height: 8.888889vw;
  }
  #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .images-container .play-pause-button:hover {
    background-color: #e1e1e3;
  }
  #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .apps-card-swiper .swiper-slide {
    transition: transform 400ms;
  }
  #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .apps-card-swiper .swiper-slide .apps-card-image {
    width: 69.444444vw;
  }
  #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .apps-card-swiper .swiper-slide.swiper-slide-prev {
    transform: translateX(5%);
  }
  #libra-container .section-app .app-card-swiper .swiper-slide.app-card-item-4 .apps-card-swiper .swiper-slide.swiper-slide-next {
    transform: translateX(-5%);
  }
}
#libra-container .section-app .arrownav-list {
  width: 100%;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-app .arrownav-list {
    margin-left: 0;
  }
}
#libra-container .section-compatible .compatible-wrapper .caption-container {
  width: 20.833333vw;
  margin-left: 4.166667vw;
  padding: 1.875vw 0;
}
#libra-container .section-compatible .compatible-wrapper .images-container {
  width: 34.895833vw;
  align-self: flex-end;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-compatible .compatible-wrapper .caption-container {
    width: 82.222222vw;
    margin-left: 6.666667vw;
    margin-top: 5.833333vw;
    padding: 0;
  }
  #libra-container .section-compatible .compatible-wrapper .images-container {
    width: 100%;
  }
}
#libra-container .section-battery .battery-card-1 {
  width: 100%;
  overflow: visible;
  padding: 6.041667vw 0 5.208333vw 4.166667vw;
  border-radius: 0.833333vw;
}
#libra-container .section-battery .battery-card-1 .caption-container {
  width: 24.729167vw;
}
#libra-container .section-battery .battery-card-1 .images-container {
  width: 33.854167vw;
  left: 37.1875vw;
  bottom: 0;
}
#libra-container .section-battery .battery-card-2, #libra-container .section-battery .battery-card-3 {
  width: calc((100% - 1.25vw) / 2);
  padding: 3.333333vw 0;
}
#libra-container .section-battery .battery-card-2 .icon-container, #libra-container .section-battery .battery-card-3 .icon-container {
  width: 4.166667vw;
  margin-right: 1.666667vw;
}
#libra-container .section-battery .battery-card-2 .caption-container .title, #libra-container .section-battery .battery-card-3 .caption-container .title {
  line-height: 1.25;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-battery .battery-card-1 {
    overflow: hidden;
    padding: 0;
    border-radius: 2.222222vw;
  }
  #libra-container .section-battery .battery-card-1 .caption-container {
    width: auto;
    margin: 5.833333vw 4.444444vw 0 6.666667vw;
  }
  #libra-container .section-battery .battery-card-1 .images-container {
    width: 100%;
    position: initial;
  }
  #libra-container .section-battery .battery-card-2, #libra-container .section-battery .battery-card-3 {
    width: 100%;
    padding: 5.972222vw 0;
  }
  #libra-container .section-battery .battery-card-2 .icon-container, #libra-container .section-battery .battery-card-3 .icon-container {
    width: 13.888889vw;
    margin-right: 4.444444vw;
  }
  #libra-container .section-battery .battery-card-2 .caption-container, #libra-container .section-battery .battery-card-3 .caption-container {
    width: 58.555556vw;
  }
}
#libra-container .section-membership .swiper .swiper-slide .text-content {
  width: 92%;
  cursor: auto;
}
#libra-container .section-membership .swiper .swiper-slide strong {
  color: #000000;
  font-weight: 500;
}
#libra-container .section-membership .swiper .swiper-slide.swiper-slide-2 .text-content {
  width: 67%;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-membership .swiper .swiper-slide {
    width: 86.666667vw;
  }
  #libra-container .section-membership .swiper .swiper-slide .text-content {
    width: 100%;
  }
  #libra-container .section-membership .swiper .swiper-slide.swiper-slide-2 .text-content {
    width: 95%;
    padding-right: 0;
  }
}
#libra-container.no-inline-video .section-page-title .mask {
  display: none;
}
#libra-container.no-inline-video .section-design .design-lighting-effect .mask-1, #libra-container.no-inline-video .section-design .design-lighting-effect .mask-2, #libra-container.no-inline-video .section-design .design-lighting-effect .mask-3, #libra-container.no-inline-video .section-design .design-lighting-effect .mask-4 {
  display: none;
}
#libra-container.no-inline-video .section-screen .video-container video {
  margin-top: 0;
}
#libra-container.no-inline-video .section-screen .screen-info {
  display: none;
}
#libra-container.no-inline-video .play-pause-button {
  display: none;
}
#libra-container.no-inline-video .section-app .play-pause-button {
  display: inline-block;
}
#libra-container .icon-gradient-text {
  line-height: 1.25;
  font-weight: bold;
  background-image: linear-gradient(45deg, #FBE1C6 0%, #7C664E 100%);
}
#libra-container .bold {
  font-weight: 700;
}
#libra-container .medium {
  font-weight: 500;
}
#libra-container .txt-96 {
  font-size: 5vw;
}
#libra-container .txt-80 {
  font-size: 4.166667vw;
}
#libra-container .txt-64 {
  font-size: 3.333333vw;
}
#libra-container .txt-48 {
  font-size: 2.5vw;
}
#libra-container .txt-40 {
  font-size: 2.083333vw;
}
#libra-container .lg\:txt-32, #libra-container .txt-32 {
  font-size: 1.666667vw;
}
#libra-container .txt-24 {
  font-size: 1.25vw;
}
#libra-container .txt-22 {
  font-size: 1.145833vw;
}
#libra-container .txt-20 {
  font-size: 1.041667vw;
}
#libra-container .txt-12 {
  font-size: max(8px, 0.625vw);
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .xs\:bold {
    font-weight: 700;
  }
  #libra-container .xs\:.medium {
    font-weight: 500;
  }
  #libra-container .txt-48 {
    font-size: 6.666667vw;
  }
  #libra-container .txt-40 {
    font-size: 5.555556vw;
  }
  #libra-container .txt-80, #libra-container .xs\:txt-80 {
    font-size: 11.111111vw;
  }
  #libra-container .txt-64, #libra-container .xs\:txt-64 {
    font-size: 8.888889vw;
  }
  #libra-container .txt-22, #libra-container .xs\:txt-22 {
    font-size: 3.055556vw;
  }
  #libra-container .xs\:txt-24 {
    font-size: 3.333333vw;
  }
  #libra-container .xs\:txt-28 {
    font-size: 3.888889vw;
  }
  #libra-container .txt-32, #libra-container .xs\:txt-32 {
    font-size: 4.444444vw;
  }
  #libra-container .xs\:txt-40 {
    font-size: 5.555556vw;
  }
  #libra-container .txt-96, #libra-container .xs\:txt-96 {
    font-size: 13.333333vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #libra-container .txt-12 {
    font-size: 3.333333vw;
  }
}

#libra-container .section-hero .hero-picture {
  aspect-ratio: 1920/960;
}
#libra-container .section-hero .hero-content {
  width: 28.333333vw;
  top: 18.385417vw;
  left: 65.885417vw;
}
#libra-container .section-hero .hero-content .hero-slogan {
  font-size: 1.354167vw;
}
#libra-container .section-hero .hero-content .video-pop-play {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  line-height: 1.25;
  font-size: 1.041667vw;
  font-weight: 500;
  cursor: pointer;
}
#libra-container .section-hero .hero-content .video-pop-play svg {
  display: inline-block;
  margin-left: 0.416667vw;
  overflow: visible;
  width: 1.67vw;
  height: 1.67vw;
  border-radius: 100%;
  transform: translateZ(0);
}
@media (hover: hover) {
  #libra-container .section-hero .hero-content .video-pop-play svg #tuoyuan_5832 {
    transition: opacity 0.6s;
  }
  #libra-container .section-hero .hero-content .video-pop-play:hover svg #tuoyuan_5832 {
    opacity: 0.6;
  }
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-hero .hero-content {
    position: initial;
    width: 86.111111vw;
    margin-bottom: 22.222222vw;
  }
  #libra-container .section-hero .hero-content .hero-logo {
    width: 80.555556vw;
    margin: 0 auto;
  }
  #libra-container .section-hero .hero-content .hero-slogan {
    width: 100%;
    font-size: 4.444444vw;
  }
  #libra-container .section-hero .hero-content .video-pop-play {
    font-size: 3.888889vw;
  }
  #libra-container .section-hero .hero-content .video-pop-play svg {
    margin-left: 2.222222vw;
    width: 6.666667vw;
    height: 6.666667vw;
  }
}
@media (max-aspect-ratio: 11/10) and (hover: hover) {
  #libra-container .section-hero .hero-content .video-pop-play:hover svg #tuoyuan_5832 {
    opacity: 1;
  }
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-hero .hero-picture {
    width: 91.111111vw;
    aspect-ratio: 656/562;
    margin: 12.5vw auto 16.666667vw;
  }
}
#libra-container .section-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(7.179487vw + 22.153847px);
  color: transparent;
  -webkit-text-stroke: 2px rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 998px;
  margin: 0;
  background-color: #000;
  background-color: #111;
  background-image: linear-gradient(rgba(255, 255, 255, 0.07) 2px, transparent 2px), linear-gradient(90deg, rgba(255, 255, 255, 0.07) 2px, transparent 2px), linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
  background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}
#libra-container .arrownav-list {
  display: flex;
  justify-content: flex-end;
}
#libra-container .arrownav-list.moving {
  pointer-events: none;
}
#libra-container .arrownav-item {
  position: relative;
  width: 2.5vw;
  cursor: pointer;
  transition: opacity 300ms;
  border-radius: 100%;
  background-color: #9D7C64;
}
@media (hover: hover) {
  #libra-container .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 0.6;
  }
}
#libra-container .arrownav-disabled {
  cursor: default;
  opacity: 0.3;
}
#libra-container .arrownav-next {
  margin-left: 1.25vw;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .arrownav-item {
    width: 11.111111vw;
  }
  #libra-container .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 1;
  }
  #libra-container .arrownav-next {
    margin-left: 4.444444vw;
  }
}
#libra-container .section-modal-ai .modal-content {
  padding-bottom: 0;
}
#libra-container .section-modal-camera-more .section-picture {
  width: 50vw;
}
#libra-container .section-modal-camera-more .intro {
  width: 51.5625vw;
}
#libra-container .section-modal-camera-more .picture-1 {
  width: 25.416667vw;
  background-image: linear-gradient(#0d0d0c, #39352d);
}
#libra-container .section-modal-camera-more .picture-2 {
  width: 40vw;
}
#libra-container .section-modal-camera-more .headline {
  font-size: 3.333333vw;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-modal-camera-more .section-picture {
    width: 100%;
  }
  #libra-container .section-modal-camera-more .subsection {
    width: 91.111111vw;
  }
  #libra-container .section-modal-camera-more .title {
    font-size: 4.444444vw;
  }
  #libra-container .section-modal-camera-more .headline {
    font-size: 11.111111vw;
  }
  #libra-container .section-modal-camera-more .intro {
    width: 77.777778vw;
  }
  #libra-container .section-modal-camera-more .picture {
    width: 100%;
  }
}
#libra-container .section-screen-video .video-container {
  width: 83.541667vw;
}
#libra-container .section-screen-video .screen-frame {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-screen-video .video-container {
    width: 100%;
  }
}
#libra-container.no-inline-video .section-screen-video .screen-frame {
  display: none;
}
#libra-container video {
  mix-blend-mode: darken;
}
#libra-container .section-footnote {
  --arrow-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23434343'/%3E%3Cpath d='M3.239,8.986,3.233,8.98a.688.688,0,0,1-.014-.972L5.942,5.28H.689A.685.685,0,0,1,.2,5.089l-.009-.01A.689.689,0,0,1,0,4.6V4.589a.7.7,0,0,1,.188-.48L.194,4.1a.681.681,0,0,1,.494-.213H5.911L3.225,1.178a.694.694,0,0,1,0-.979l0,0A.669.669,0,0,1,3.7,0a.772.772,0,0,1,.473.171l.021.017L7.838,3.845a1.151,1.151,0,0,1,.222.331l.008.019V4.2a1.036,1.036,0,0,1,.076.39v0a1.082,1.082,0,0,1-.312.76L4.212,8.976a.683.683,0,0,1-.487.2.715.715,0,0,1-.486-.194' transform='translate(3.411 12.076) rotate(-90)' fill='%23fff'/%3E%3C/svg%3E") center / 100% no-repeat;
  --arrow-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23e7e7e8'/%3E%3Cpath d='M3.239,8.986,3.233,8.98a.688.688,0,0,1-.014-.972L5.942,5.28H.689A.685.685,0,0,1,.2,5.089l-.009-.01A.689.689,0,0,1,0,4.6V4.589a.7.7,0,0,1,.188-.48L.194,4.1a.681.681,0,0,1,.494-.213H5.911L3.225,1.178a.694.694,0,0,1,0-.979l0,0A.669.669,0,0,1,3.7,0a.772.772,0,0,1,.473.171l.021.017L7.838,3.845a1.151,1.151,0,0,1,.222.331l.008.019V4.2a1.036,1.036,0,0,1,.076.39v0a1.082,1.082,0,0,1-.312.76L4.212,8.976a.683.683,0,0,1-.487.2.715.715,0,0,1-.486-.194' transform='translate(3.411 12.076) rotate(-90)' fill='%23000'/%3E%3C/svg%3E") center / 100% no-repeat;
}
#libra-container .section-footnote i {
  position: absolute;
  bottom: 0;
  display: none;
  width: 16px;
  height: 16px;
  cursor: pointer;
  transform: translateY(-4.2px);
  background: var(--arrow-light);
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-footnote i {
    width: 4.722222vw;
    height: 4.722222vw;
    transform: translateY(calc(-0.3055554vw - 1px));
  }
}
#libra-container .section-footnote .footnote-wrap {
  border-top: 1px solid rgba(112, 112, 112, 0.3);
}
#libra-container .section-footnote .footnote-list,
#libra-container .section-footnote .tips-list {
  font-size: 14px;
  padding-inline-start: 1.5em;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-footnote .footnote-list,
  #libra-container .section-footnote .tips-list {
    font-size: 3.333333vw;
  }
}
#libra-container .section-footnote .tips-list {
  padding-inline-start: 0;
  color: #000000;
}
#libra-container .section-footnote .footnote-list li {
  position: relative;
  list-style-type: decimal;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-size: inherit;
  color: #000000;
}
#libra-container .section-footnote .footnote-list li a {
  -webkit-text-decoration: underline #000000;
          text-decoration: underline #000000;
  color: #000000;
}
#libra-container .section-footnote .footnote-list li .suparr {
  display: none;
  width: 16px;
  height: 16px;
  transform: translateY(2px);
  cursor: pointer;
}
#libra-container .section-footnote .footnote-list li .suparr svg {
  width: 100%;
  height: 100%;
}
#libra-container .section-footnote .footnote-list li.current {
  font-weight: 800;
}
#libra-container .section-footnote .footnote-list li.current i {
  display: inline-block;
}
#libra-container .section-footnote .footnote-list li.asterisk {
  list-style-type: "*";
}
#libra-container .section-footnote .footnote-list li.disclaimer {
  list-style-type: none;
}
#libra-container .section-footnote .footnote-list.light li.current {
  color: #2A2A2C;
}
#libra-container .section-footnote .footnote-list.light li.current a {
  color: #2A2A2C;
  text-decoration-color: #2A2A2C;
}
@media (max-aspect-ratio: 11/10) {
  #libra-container .section-footnote .footnote-list li .suparr {
    width: 4.7222222vw;
    height: 4.7222222vw;
    transform: translateY(0.83333333vw);
  }
}/*# sourceMappingURL=main.css.map */