#ud_product {
  line-height: 1.6;
  color: #a4a1b6;
  background-color: #000000;
}

#ud_product *, #ud_product *::before, #ud_product *::after {
  box-sizing: border-box;
}

#ud_product section {
  position: relative;
}

#ud_product picture, #ud_product img, #ud_product video, #ud_product svg, #ud_product canvas {
  display: block;
  width: 100%;
}

#ud_product svg {
  overflow: visible;
}

#ud_product button {
  border: 0;
  background-color: transparent;
}

#ud_product a, #ud_product a * {
  text-decoration: none;
}

#ud_product [data-footnote] {
  font-size: .6em;
  cursor: pointer;
}

#ud_product .nowrap {
  display: inline-block;
  white-space: nowrap;
}

#ud_product .sticky-content {
  position: sticky;
  top: 0;
}

#ud_product .object-fit {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

#ud_product .cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#ud_product .cover .coverimg {
  height: 100%;
  object-fit: cover;
}

#ud_product .permalink {
  line-height: inherit;
  color: #D0D0D0;
  text-decoration: underline;
  word-wrap: break-word;
}

#ud_product .permalink span {
  margin-top: -.05em;
  font-size: 1.4em;
  line-height: 0;
}

#ud_product .permalink.global-style-hide {
  display: inline-flex;
  align-items: center;
}

.no-touch #ud_product .permalink.global-style-hide span {
  transition: transform .3s ease-out;
}

.no-touch #ud_product .permalink.global-style-hide:hover span {
  transform: translateX(3px);
}

.no-touch[dir=rtl] #ud_product .permalink.global-style-hide:hover span {
  transform: translateX(-3px);
}

#ud_product .permalink.global-style-forbidden:hover {
  text-decoration: underline;
}

#ud_product .blur-up {
  transition: filter .4s;
  filter: blur(20px);
}

#ud_product .blur-up.lazyloaded {
  filter: blur(0);
}

#ud_product .aspect-ratio {
  position: relative;
}

#ud_product .aspect-ratio::before {
  display: block;
  content: '';
}

#ud_product .aspect-ratio picture, #ud_product .aspect-ratio img, #ud_product .aspect-ratio video, #ud_product .aspect-ratio canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#ud_product br.lg {
  display: block;
}

#ud_product br.xs, #ud_product br.md {
  display: none;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product br.lg, #ud_product br.xs {
    display: none;
  }
  #ud_product br.md {
    display: block;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product br.lg, #ud_product br.md {
    display: none;
  }
  #ud_product br.xs {
    display: block;
  }
}

#ud_product .absolute {
  position: absolute;
}

#ud_product .relative {
  position: relative;
}

#ud_product .sticky {
  position: sticky;
  top: 0;
}

#ud_product .z-1 {
  z-index: 1;
}

#ud_product .z-2 {
  z-index: 2;
}

#ud_product .z-3 {
  z-index: 3;
}

#ud_product .overflow-hidden {
  overflow: hidden;
}

#ud_product .overflow-visible {
  overflow: visible;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .md\:overflow-hidden {
    overflow: hidden;
  }
  #ud_product .md\:overflow-visible {
    overflow: visible;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .xs\:overflow-hidden {
    overflow: hidden;
  }
  #ud_product .xs\:overflow-visible {
    overflow: visible;
  }
}

#ud_product .block {
  display: block;
}

#ud_product .inline-block {
  display: inline-block;
}

#ud_product .inline {
  display: inline;
}

#ud_product .flex {
  display: flex;
}

#ud_product .inline-flex {
  display: inline-flex;
}

#ud_product .hidden {
  display: none;
}

@media (max-aspect-ratio: 11 / 10) and (min-aspect-ratio: 7 / 10) {
  #ud_product .md\:block {
    display: block;
  }
  #ud_product .md\:inline-block {
    display: inline-block;
  }
  #ud_product .md\:inline {
    display: inline;
  }
  #ud_product .md\:flex {
    display: flex;
  }
  #ud_product .md\:inline-flex {
    display: inline-flex;
  }
  #ud_product .md\:hidden {
    display: none;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .xs\:block {
    display: block;
  }
  #ud_product .xs\:inline-block {
    display: inline-block;
  }
  #ud_product .xs\:inline {
    display: inline;
  }
  #ud_product .xs\:flex {
    display: flex;
  }
  #ud_product .xs\:inline-flex {
    display: inline-flex;
  }
  #ud_product .xs\:hidden {
    display: none;
  }
}

#ud_product .flex-row {
  flex-direction: row;
}

#ud_product .flex-row-reverse {
  flex-direction: row-reverse;
}

#ud_product .flex-col {
  flex-direction: column;
}

#ud_product .flex-col-reverse {
  flex-direction: column-reverse;
}

#ud_product .flex-wrap {
  flex-wrap: wrap;
}

#ud_product .flex-nowrap {
  flex-wrap: nowrap;
}

#ud_product .justify-start {
  justify-content: flex-start;
}

#ud_product .justify-end {
  justify-content: flex-end;
}

#ud_product .justify-center {
  justify-content: center;
}

#ud_product .justify-between {
  justify-content: space-between;
}

#ud_product .items-start {
  align-items: flex-start;
}

#ud_product .items-end {
  align-items: flex-end;
}

#ud_product .items-center {
  align-items: center;
}

#ud_product .shrink-0 {
  flex-shrink: 0;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .md\:flex-row {
    flex-direction: row;
  }
  #ud_product .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  #ud_product .md\:flex-col {
    flex-direction: column;
  }
  #ud_product .md\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  #ud_product .md\:justify-start {
    justify-content: flex-start;
  }
  #ud_product .md\:justify-end {
    justify-content: flex-end;
  }
  #ud_product .md\:justify-center {
    justify-content: center;
  }
  #ud_product .md\:justify-between {
    justify-content: space-between;
  }
  #ud_product .md\:items-start {
    align-items: flex-start;
  }
  #ud_product .md\:items-end {
    align-items: flex-end;
  }
  #ud_product .xs\:items-center {
    align-items: center;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .xs\:flex-row {
    flex-direction: row;
  }
  #ud_product .xs\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  #ud_product .xs\:flex-col {
    flex-direction: column;
  }
  #ud_product .xs\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  #ud_product .xs\:justify-start {
    justify-content: flex-start;
  }
  #ud_product .xs\:justify-end {
    justify-content: flex-end;
  }
  #ud_product .xs\:justify-center {
    justify-content: center;
  }
  #ud_product .xs\:justify-between {
    justify-content: space-between;
  }
  #ud_product .xs\:items-start {
    align-items: flex-start;
  }
  #ud_product .xs\:items-end {
    align-items: flex-end;
  }
  #ud_product .xs\:items-center {
    align-items: center;
  }
}

#ud_product .text-left {
  text-align: left;
}

#ud_product .text-center {
  text-align: center;
}

#ud_product .text-right {
  text-align: right;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .md\:text-left {
    text-align: left;
  }
  #ud_product .md\:text-center {
    text-align: center;
  }
  #ud_product .md\:text-right {
    text-align: right;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .xs\:text-left {
    text-align: left;
  }
  #ud_product .xs\:text-center {
    text-align: center;
  }
  #ud_product .xs\:text-right {
    text-align: right;
  }
}

#ud_product .text-align {
  text-align: center;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .text-align {
    text-align: left;
  }
  html[dir=rtl] #ud_product .text-align {
    text-align: right;
  }
}

#ud_product .font-extralight {
  font-weight: 200;
}

#ud_product .font-light {
  font-weight: 300;
}

#ud_product .font-normal {
  font-weight: 400;
}

#ud_product .font-medium {
  font-weight: 500;
}

#ud_product .font-semibold {
  font-weight: 600;
}

#ud_product .font-bold {
  font-weight: 700;
}

#ud_product .font-extrabold {
  font-weight: 800;
}

#ud_product .fadeup, #ud_product .lg-fadeup {
  transition: opacity 0.5s ease-in, transform 0.5s cubic-bezier(0.26, 0.67, 0.48, 0.91);
  transform: translateY(6.25vw);
  opacity: 0;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .fadeup, #ud_product .xs-fadeup {
    transform: translateY(16.66667vw);
  }
  #ud_product .lg-fadeup {
    transition: none;
    transform: none;
    opacity: 1;
  }
  #ud_product .xs-fadeup {
    transition: opacity 0.5s ease-in, transform 0.5s cubic-bezier(0.26, 0.67, 0.48, 0.91);
    opacity: 0;
  }
}

#ud_product .fadeup.animated, #ud_product .lg-fadeup.animated, #ud_product .xs-fadeup.animated {
  transform: translateY(0);
  opacity: 1;
}

#ud_product .w-1620 {
  width: 84.375vw;
}

#ud_product .w-1560 {
  width: 81.25vw;
}

#ud_product .w-1440 {
  width: 75vw;
}

#ud_product .w-1556 {
  width: 81.0416vw;
}

#ud_product .w-1364 {
  width: 71.0416vw;
}

#ud_product .w-1296 {
  width: 67.5vw;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .md\:w-full {
    width: 100%;
  }
  #ud_product .md\:w-1272 {
    width: 90.85vw;
  }
  #ud_product .md\:w-840 {
    width: 60vw;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .xs\:w-full {
    width: 100%;
  }
  #ud_product .xs\:w-560 {
    width: 77.77vw;
  }
  #ud_product .xs\:w-592 {
    width: 82.22vw;
  }
  #ud_product .xs\:w-624 {
    width: 86.666vw;
  }
  #ud_product .xs\:w-656 {
    width: 91.111vw;
  }
  #ud_product .xs\:w-600 {
    width: 83.333333vw;
  }
  #ud_product .xs\:w-640 {
    width: 88.88vw;
  }
}

#ud_product h2, #ud_product h3, #ud_product .h3 {
  font-weight: 500;
  line-height: 1.25;
  color: #ffffff;
}

#ud_product h2 {
  font-size: 4.16666vw;
  font-weight: 400;
}

#ud_product h3 {
  font-size: 2.5vw;
}

#ud_product .h3 {
  font-size: 2.5vw;
  line-height: 1.6;
}

#ud_product p {
  font-size: 1.14583vw;
  font-weight: 400;
}

#ud_product strong {
  font-weight: normal;
  color: #FFFFFF;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product h2 {
    font-size: 5.71vw;
  }
  #ud_product h3 {
    font-size: 3.42vw;
  }
  #ud_product .h3 {
    font-size: 3.42vw;
  }
  #ud_product p {
    font-size: 2.28vw;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product h2 {
    font-size: 11.111vw;
  }
  #ud_product h3 {
    font-size: 5.555vw;
  }
  #ud_product .h3 {
    font-size: 5.555vw;
  }
  #ud_product p {
    font-size: 4.444444vw;
    opacity: .9;
  }
}

#ud_product .note {
  display: flex;
  font-size: .833333vw;
  color: #575757;
}

#ud_product .pt-200, #ud_product .lg\:pt-200 {
  padding-top: 10.416667vw;
}

#ud_product .pb-200, #ud_product .lg\:pb-200 {
  padding-bottom: 10.416667vw;
}

#ud_product .py-260, #ud_product .lg\:py-260 {
  padding-top: 13.5416vw;
  padding-bottom: 13.5416vw;
}

#ud_product .py-200, #ud_product .lg\:py-200 {
  padding-top: 10.416667vw;
  padding-bottom: 10.416667vw;
}

#ud_product .pt-160, #ud_product .lg\:pt-160 {
  padding-top: 8.333333vw;
}

#ud_product .pb-160, #ud_product .lg\:pb-160 {
  padding-bottom: 8.333333vw;
}

#ud_product .py-160, #ud_product .lg\:py-160 {
  padding-top: 8.333333vw;
  padding-bottom: 8.333333vw;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .pt-200, #ud_product .md\:pt-200 {
    padding-top: 14.28vw;
  }
  #ud_product .pb-200, #ud_product .md\:pb-200 {
    padding-bottom: 14.28vw;
  }
  #ud_product .py-260, #ud_product .md\:py-260 {
    padding-top: 18.57vw;
    padding-bottom: 18.57vw;
  }
  #ud_product .py-200, #ud_product .md\:py-200 {
    padding-top: 14.28vw;
    padding-bottom: 14.28vw;
  }
  #ud_product .pt-160, #ud_product .md\:pt-160 {
    padding-top: 11.42vw;
  }
  #ud_product .pb-160, #ud_product .md\:pb-160 {
    padding-bottom: 11.42vw;
  }
  #ud_product .py-160, #ud_product .md\:py-160 {
    padding-top: 11.42vw;
    padding-bottom: 11.42vw;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .pt-200, #ud_product .xs\:pt-200 {
    padding-top: 27.777778vw;
  }
  #ud_product .pb-200, #ud_product .xs\:pb-200 {
    padding-bottom: 27.777778vw;
  }
  #ud_product .py-260, #ud_product .lg\:py-260 {
    padding-top: 36.11vw;
    padding-bottom: 36.11vw;
  }
  #ud_product .py-200, #ud_product .xs\:py-200 {
    padding-top: 27.777778vw;
    padding-bottom: 27.777778vw;
  }
  #ud_product .pt-160, #ud_product .xs\:pt-160 {
    padding-top: 22.222222vw;
  }
  #ud_product .pb-160, #ud_product .xs\:pb-160 {
    padding-bottom: 22.222222vw;
  }
  #ud_product .py-160, #ud_product .xs\:py-160 {
    padding-top: 22.222222vw;
    padding-bottom: 22.222222vw;
  }
  #ud_product .pb-100, #ud_product .xs\:pb-100 {
    padding-bottom: 13.8888vw;
  }
}

#ud_product .mx-auto {
  margin-right: auto;
  margin-left: auto;
}

#ud_product .mt-20, #ud_product .lg\:mt-20 {
  margin-top: 1.041667vw;
}

#ud_product .mt-24, #ud_product .lg\:mt-24 {
  margin-top: 1.25vw;
}

#ud_product .mt-30, #ud_product .lg\:mt-30 {
  margin-top: 1.5625vw;
}

#ud_product .mt-32, #ud_product .lg\:mt-32 {
  margin-top: 1.666vw;
}

#ud_product .mt-40, #ud_product .lg\:mt-40 {
  margin-top: 2.083333vw;
}

#ud_product .mt-48, #ud_product .lg\:mt-48 {
  margin-top: 2.5vw;
}

#ud_product .mt-60, #ud_product .lg\:mt-60 {
  margin-top: 3.125vw;
}

#ud_product .mt-64, #ud_product .lg\:mt-64 {
  margin-top: 3.333vw;
}

#ud_product .mt-80, #ud_product .lg\:mt-80 {
  margin-top: 4.166667vw;
}

#ud_product .mt-200, #ud_product .lg\:mt-200 {
  margin-top: 10.416667vw;
}

#ud_product .mb-200, #ud_product .lg\:mb-200 {
  margin-bottom: 10.416667vw;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .md\:mx-auto {
    margin-right: auto;
    margin-left: auto;
  }
  #ud_product .md\:mt-0 {
    margin-top: 0;
  }
  #ud_product .mt-20, #ud_product .md\:mt-20 {
    margin-top: 1.428vw;
  }
  #ud_product .mt-24, #ud_product .md\:mt-24 {
    margin-top: 1.714vw;
  }
  #ud_product .mt-28, #ud_product .md\:mt-28 {
    margin-top: 3.88vw;
  }
  #ud_product .mt-30, #ud_product .xs\:mt-30 {
    margin-top: 2.142vw;
  }
  #ud_product .mt-32, #ud_product .md\:mt-32 {
    margin-top: 2.285vw;
  }
  #ud_product .mt-40, #ud_product .md\:mt-40 {
    margin-top: 2.857vw;
  }
  #ud_product .mt-48, #ud_product .md\:mt-48 {
    margin-top: 3.428vw;
  }
  #ud_product .mt-60, #ud_product .md\:mt-60 {
    margin-top: 4.285vw;
  }
  #ud_product .mt-64, #ud_product .md\:mt-64 {
    margin-top: 4.57vw;
  }
  #ud_product .mt-80, #ud_product .md\:mt-80 {
    margin-top: 5.714vw;
  }
  #ud_product .md\:mt-100 {
    margin-top: 7.1428vw;
  }
  #ud_product .mb-200, #ud_product .md\:mb-200 {
    margin-bottom: 14.285vw;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .xs\:mx-auto {
    margin-right: auto;
    margin-left: auto;
  }
  #ud_product .xs\:mt-0 {
    margin-top: 0;
  }
  #ud_product .mt-20, #ud_product .xs\:mt-20 {
    margin-top: 2.777778vw;
  }
  #ud_product .mt-24, #ud_product .xs\:mt-24 {
    margin-top: 3.333vw;
  }
  #ud_product .mt-30, #ud_product .xs\:mt-30 {
    margin-top: 4.166667vw;
  }
  #ud_product .mt-32, #ud_product .xs\:mt-32 {
    margin-top: 4.444vw;
  }
  #ud_product .mt-40, #ud_product .xs\:mt-40 {
    margin-top: 5.555556vw;
  }
  #ud_product .mt-48, #ud_product .xs\:mt-48 {
    margin-top: 6.66vw;
  }
  #ud_product .mt-60, #ud_product .xs\:mt-60 {
    margin-top: 8.333333vw;
  }
  #ud_product .mt-64, #ud_product .xs\:mt-64 {
    margin-top: 8.88vw;
  }
  #ud_product .mt-80, #ud_product .xs\:mt-80 {
    margin-top: 11.111111vw;
  }
  #ud_product .xs\:mt-100 {
    margin-top: 13.88vw;
  }
  #ud_product .mb-200, #ud_product .xs\:mb-200 {
    margin-bottom: 27.777778vw;
  }
}

#ud_product .rounded,
#ud_product .lg\:rounded {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: .833333vw;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .rounded {
    border-radius: 2.222222vw;
  }
  #ud_product .xs\:rounded {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 2.222222vw;
  }
  #ud_product .lg\:rounded {
    border-radius: 0;
  }
}

html.has-modal {
  overflow: hidden;
}

html.has-modal body,
html.has-modal .main-navigation.nav-v2,
html.has-modal #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);
}

html[dir=rtl] .fancybox-close {
  right: auto !important;
}

#ud_product.no-inline-video .play-pause-button {
  display: none;
}

#ud_product .section-kv .title-content {
  width: 32.083vw;
  position: absolute;
  top: 20.2vw;
  left: 63.437vw;
}

#ud_product .section-kv .title-content .kv-txt-40-29-64 {
  text-align: center;
  font-size: 2.083vw;
  color: #FFFFFF;
  line-height: 1.25;
  margin-top: 1.041vw;
  margin-left: 2.2vw;
  letter-spacing: 2vw;
}

#ud_product .section-kv .hero-pricing {
  margin-top: 2.5vw;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .section-kv .title-content .kv-txt-40-29-64 {
    font-size: 2.071vw;
    margin-top: 1vw;
  }
  #ud_product .section-kv .hero-pricing {
    margin-top: 5.35vw;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .section-kv {
    background-color: #ffffff;
    padding-bottom: 9.166vw;
  }
  #ud_product .section-kv .title-content {
    position: static;
    width: 78.33vw;
    margin: 0 auto;
    margin-top: 13.888vw;
  }
  #ud_product .section-kv .title-content .kv-txt-40-29-64 {
    font-size: 8.88vw;
    margin-top: 3.33vw;
    color: #000000;
  }
  #ud_product .section-kv .hero-pricing {
    margin-top: 10.555vw;
  }
}

#ud_product .hero-sku {
  text-align: center;
}

#ud_product .hero-sku .pricing {
  font-size: 1.458333vw;
  line-height: 1.25;
  color: #FFFFFF;
  font-weight: normal;
}

#ud_product .hero-sku .from {
  font-size: .677083vw;
}

#ud_product .hero-sku [data-footnote] {
  font-size: 1em;
  vertical-align: inherit;
}

#ud_product .hero-sku .buy-cta {
  display: inline-block;
  margin-top: 24px;
  padding: 6px 20px;
  font-size: 13px;
  line-height: 24px;
  transition: .3s ease-out;
  color: #000000;
  border: 2px solid #FFFFFF;
  border-radius: 6px;
  background-color: #FFFFFF;
}

#ud_product .hero-sku .buy-cta:hover {
  opacity: .8;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .hero-sku .pricing {
    font-size: 2.857143vw;
  }
  #ud_product .hero-sku .from {
    font-size: 1.857143vw;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .hero-sku .pricing {
    font-size: 5.555556vw;
    color: #000;
  }
  #ud_product .hero-sku .from {
    font-size: 3.611111vw;
  }
  #ud_product .hero-sku .buy-cta {
    color: #fff;
    border: 2px solid #000;
    background-color: #000;
  }
}

#ud_product .section-introduction {
  width: fit-content;
  margin: 10.416667vw auto;
  text-align: center;
  position: relative;
}

#ud_product .section-introduction .end-trigger {
  position: absolute;
  bottom: 0;
}

#ud_product .section-introduction .star-trigger {
  position: absolute;
  top: 0;
}

#ud_product .section-introduction .introduction-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--introduction-height);
  background: linear-gradient(140deg, #000000 0, #000000 50%, transparent 75%, transparent 70%, transparent 100%);
  z-index: 5;
  transform-origin: left center;
}

#ud_product .section-introduction .introduction-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: var(--introduction-height);
  background: linear-gradient(-35deg, #000000 0, #000000 50%, transparent 75%, transparent 70%, transparent 100%);
  z-index: 5;
  transform-origin: right center;
}

#ud_product .section-introduction .introduction-content {
  position: relative;
  opacity: 0;
}

#ud_product .section-introduction .introduction-txt-first {
  width: fit-content;
  background-image: linear-gradient(170deg, #CCC5F8 0, #CCC5F8 35%, #E3DBFF 45%, #655977 70%, #655977 100%, #655977 100%);
  -webkit-background-clip: text;
  color: transparent;
  position: relative;
  z-index: 2;
  opacity: 0;
}

#ud_product .section-introduction .introduction-txt {
  -webkit-background-clip: text;
  color: transparent;
  background-image: linear-gradient(170deg, #000000 0, #13081A 15%, #3B2C47 25%, #9480AF 50%, #3B2C47 75%, #13081A 85%, #000000 0);
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  will-change: transform, opacity;
}

#ud_product .section-introduction .video-btn {
  opacity: 0;
  will-change: opacity;
}

#ud_product .section-introduction.active .introduction-left {
  width: 0;
  transition: width 1s ease;
}

#ud_product .section-introduction.active .introduction-right {
  width: 0;
  transition: width 1s ease;
}

#ud_product .section-introduction.active .introduction-content {
  opacity: 1;
  transition: opacity 1s ease;
}

#ud_product .section-introduction.active .introduction-txt-first {
  opacity: 1;
  transition: opacity 1s ease 0.75s;
}

#ud_product .section-introduction.active .introduction-txt {
  opacity: 0;
  transition: opacity 1s ease 1s;
}

#ud_product .section-introduction.active .video-btn {
  opacity: 1;
  transition: opacity 1.75s ease 0.25s;
}

#ud_product .section-introduction .txt-space {
  display: none;
}

#ud_product .section-introduction .video-btn {
  width: fit-content;
  margin: 0 auto;
  margin-top: 3.33vw;
}

#ud_product .section-introduction .video-content {
  display: inline-flex;
  align-items: center;
}

#ud_product .section-introduction .video-content > span {
  font-size: 1.25vw;
  color: #FFFFFF;
  line-height: 1.6;
}

#ud_product .section-introduction .video-content .video-content-imgs {
  width: 2.916vw;
  height: 2.916vw;
  margin-left: 0.833vw;
  transition: opacity 0.3s linear;
  will-change: opacity;
  position: relative;
}

#ud_product .section-introduction .video-content .video-content-img1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#ud_product .section-introduction .video-content .video-content-img2 {
  opacity: 0.6;
  will-change: filter, opacity;
  transition: opacity .3s ease, filter .3s ease;
  -webkit-transition: opacity 0.3s ease, filter .3s ease;
}

@media (hover: hover) {
  #ud_product .section-introduction .video-content:hover {
    cursor: pointer;
  }
  #ud_product .section-introduction .video-content:hover .video-content-imgs .video-content-img2 {
    opacity: 1;
  }
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .section-introduction .video-btn {
    margin-top: 4.57vw;
  }
  #ud_product .section-introduction .video-content > span {
    font-size: 2.28vw;
  }
  #ud_product .section-introduction .video-content .video-content-imgs {
    width: 4.571vw;
    height: 4.571vw;
    margin-left: 1.71w;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .section-introduction .video-btn {
    margin-top: 8.88vw;
  }
  #ud_product .section-introduction .video-content > span {
    font-size: 4.44vw;
  }
  #ud_product .section-introduction .video-content > img {
    width: 8.88vw;
    height: 8.88vw;
    margin-left: 3.33vw;
  }
  #ud_product .section-introduction .video-content .video-content-imgs {
    width: 8.88vw;
    height: 8.88vw;
    margin-left: 3.33vw;
  }
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .section-introduction {
    margin: 14.285vw auto 14.285vw;
  }
  #ud_product .section-introduction .introduction-left {
    display: none;
    opacity: 0;
  }
  #ud_product .section-introduction .introduction-right {
    display: none;
    opacity: 0;
  }
  #ud_product .section-introduction .introduction-txt-first {
    opacity: 0;
  }
  #ud_product .section-introduction .introduction-content {
    opacity: 1;
    transform: translateY(0);
  }
  #ud_product .section-introduction .introduction-txt {
    background-image: linear-gradient(170deg, #CCC5F8 0, #CCC5F8 35%, #E3DBFF 45%, #655977 70%, #655977 100%);
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .section-introduction {
    margin: 27.77vw auto 16.66vw;
  }
  #ud_product .section-introduction .txt-space {
    display: block;
    height: 1.388vw;
  }
  #ud_product .section-introduction .introduction-left {
    display: none;
    opacity: 0;
  }
  #ud_product .section-introduction .introduction-right {
    display: none;
    opacity: 0;
  }
  #ud_product .section-introduction .introduction-txt-first {
    opacity: 0;
  }
  #ud_product .section-introduction .introduction-content {
    opacity: 0;
    transform: translateY(5.55556vw);
  }
  #ud_product .section-introduction .introduction-txt {
    background-image: linear-gradient(170deg, #CCC5F8 0, #CCC5F8 35%, #E3DBFF 45%, #655977 70%, #655977 100%);
  }
  #ud_product .section-introduction.active .introduction-content {
    transform: translateY(0);
    transition: opacity 1s ease, transform 1s ease;
  }
}

#ud_product .section-2 .video-btn {
  width: fit-content;
  position: absolute;
  top: 32.13vw;
  left: 50%;
  transform: translateX(-50%);
}

#ud_product .section-2 .video-content {
  display: inline-flex;
  align-items: center;
}

#ud_product .section-2 .video-content > span {
  font-size: 1.25vw;
  color: #FFFFFF;
  line-height: 1.6;
}

#ud_product .section-2 .video-content > img {
  width: 2.916vw;
  height: 2.916vw;
  margin-left: 0.833vw;
  transition: opacity 0.3s linear;
  will-change: opacity;
}

#ud_product .section-2 .video-content .video-content-imgs {
  width: 2.916vw;
  height: 2.916vw;
  margin-left: 0.833vw;
  transition: opacity 0.3s linear;
  will-change: opacity;
  position: relative;
  display: none;
}

#ud_product .section-2 .video-content .video-content-img1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#ud_product .section-2 .video-content .video-content-img2 {
  opacity: 0.6;
  will-change: filter, opacity;
  transition: opacity .3s ease, filter .3s ease;
  -webkit-transition: opacity 0.3s ease, filter .3s ease;
}

@media (hover: hover) {
  #ud_product .section-2 .video-content:hover {
    cursor: pointer;
  }
  #ud_product .section-2 .video-content:hover > img {
    opacity: .6;
  }
  #ud_product .section-2 .video-content:hover .video-content-imgs .video-content-img2 {
    opacity: 1;
  }
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .section-2 .video-btn {
    position: static;
    margin: 0 auto;
    margin-top: 3.428571vw;
    transform: none;
  }
  #ud_product .section-2 .video-content > span {
    font-size: 2.28vw;
  }
  #ud_product .section-2 .video-content > img {
    width: 4.571vw;
    height: 4.571vw;
    margin-left: 1.71vw;
    display: none;
  }
  #ud_product .section-2 .video-content .video-content-imgs {
    width: 4.571vw;
    height: 4.571vw;
    margin-left: 1.71vw;
    display: block;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .section-2 .video-btn {
    position: static;
    margin: 0 auto;
    margin-top: 6.66vw;
  }
  #ud_product .section-2 .video-content > span {
    font-size: 4.44vw;
  }
  #ud_product .section-2 .video-content > img {
    width: 8.88vw;
    height: 8.88vw;
    margin-left: 3.33vw;
  }
  #ud_product .section-2 .video-content .video-content-imgs {
    width: 8.88vw;
    height: 8.88vw;
    margin-left: 3.33vw;
  }
}

#ud_product .section-3 .section-content {
  position: relative;
}

#ud_product .section-3 .star-trigger {
  position: absolute;
  top: 0;
}

#ud_product .section-3 .color-content-swiper {
  width: 100%;
}

#ud_product .section-3 .color-content-btntxt {
  width: 15.2vw;
  position: absolute;
  top: 50%;
  left: 64.21vw;
  transform: translateY(-50%);
  z-index: 3;
}

#ud_product .section-3 .color-content-btntxt .color-content-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#ud_product .section-3 .color-content-btntxt .color-btn-txts {
  position: relative;
}

#ud_product .section-3 .color-content-btntxt .color-btn-txt {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  color: #FFFFFF;
  font-size: 1.66vw;
  line-height: 1.6;
  transition: opacity 0.5s ease-in;
}

#ud_product .section-3 .color-content-btntxt .color-btn-txt:first-child {
  width: fit-content;
  position: relative;
}

#ud_product .section-3 .color-content-btntxt .color-btn-svgs {
  display: flex;
  align-items: center;
}

#ud_product .section-3 .color-content-btntxt .color-btn-svgs .color-btn-svg {
  width: 2.5vw;
  height: 2.5vw;
  margin-right: 1.041vw;
  position: relative;
  overflow: hidden;
  transition: opacity 0.5s ease-in;
}

@media (hover: hover) {
  #ud_product .section-3 .color-content-btntxt .color-btn-svgs .color-btn-svg:hover {
    opacity: .6;
    cursor: pointer;
  }
}

#ud_product .section-3 .color-content-btntxt .color-btn-svgs .color-btn-svg:last-child {
  margin-right: 0;
}

#ud_product .section-3 .color-content-btntxt .color-btn-svgs .color-btn-svg .icon-color {
  width: 1.875vw;
  height: 1.875vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

#ud_product .section-3 .color-content-btntxt .color-btn-svgs .color-btn-svg .icon-color-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  width: 2.5vw;
  height: 2.5vw;
  z-index: 1;
}

#ud_product .section-3 .color-content-btntxt .color-btn-svgs .color-btn-svg .icon-color-bg > img {
  width: 2.5vw;
  height: 2.5vw;
  transform: scale(0.7);
  transform-origin: 50% 50%;
  transition: transform 0.5s ease-in;
}

#ud_product .section-3 .color-content-btntxt .color-btn-svgs .color-btn-svg .svg-filter {
  filter: blur(6px);
  will-change: filter;
}

#ud_product .section-3 .color-content-btntxt[data-index="0"] .color-btn-txt:first-child {
  opacity: 1;
}

#ud_product .section-3 .color-content-btntxt[data-index="0"] .color-btn-svgs .color-btn-purple .icon-color-bg > img {
  transform: scale(1);
}

#ud_product .section-3 .color-content-btntxt[data-index="1"] .color-btn-txt:nth-child(2) {
  opacity: 1;
}

#ud_product .section-3 .color-content-btntxt[data-index="1"] .color-btn-svgs .color-btn-white .icon-color-bg > img {
  transform: scale(1);
}

#ud_product .section-3 .color-content-btntxt[data-index="2"] .color-btn-txt:nth-child(3) {
  opacity: 1;
}

#ud_product .section-3 .color-content-btntxt[data-index="2"] .color-btn-svgs .color-btn-black .icon-color-bg > img {
  transform: scale(1);
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .section-3 .color-content-btntxt {
    width: 25.42vw;
    margin: 0 auto;
    position: static;
    transform: translateY(0%);
  }
  #ud_product .section-3 .color-content-btntxt .color-btn-txt {
    font-size: 2.28vw;
  }
  #ud_product .section-3 .color-content-btntxt .color-btn-svgs .color-btn-svg {
    width: 4.28vw;
    height: 4.28vw;
    margin-right: 2.28vw;
  }
  #ud_product .section-3 .color-content-btntxt .color-btn-svgs .color-btn-svg .icon-color {
    width: 3.14vw;
    height: 3.14vw;
  }
  #ud_product .section-3 .color-content-btntxt .color-btn-svgs .color-btn-svg .icon-color-bg {
    width: 4.28vw;
    height: 4.28vw;
  }
  #ud_product .section-3 .color-content-btntxt .color-btn-svgs .color-btn-svg .icon-color-bg > img {
    width: 4.28vw;
    height: 4.28vw;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .section-3 .color-content-btntxt {
    width: 50.55vw;
    position: static;
    transform: translateY(0%);
  }
  #ud_product .section-3 .color-content-btntxt .color-btn-txt {
    font-size: 4.44vw;
  }
  #ud_product .section-3 .color-content-btntxt .color-btn-svgs .color-btn-svg {
    width: 7.77vw;
    height: 7.77vw;
    margin-right: 5vw;
  }
  #ud_product .section-3 .color-content-btntxt .color-btn-svgs .color-btn-svg .icon-color {
    width: 6.11vw;
    height: 6.11vw;
  }
  #ud_product .section-3 .color-content-btntxt .color-btn-svgs .color-btn-svg .icon-color-bg {
    width: 7.77vw;
    height: 7.77vw;
  }
  #ud_product .section-3 .color-content-btntxt .color-btn-svgs .color-btn-svg .icon-color-bg > img {
    width: 7.77vw;
    height: 7.77vw;
  }
}

#ud_product .section-4 {
  overflow: hidden;
}

#ud_product .section-4 .section-4-video {
  width: 67.5vw;
  margin: 0 auto;
  margin-top: 3.125vw;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .section-4 .section-4-video {
    width: 100%;
    margin: 0 auto;
    margin-top: 8.33vw;
  }
}

#ud_product .section-5 {
  overflow: hidden;
}

#ud_product .section-5 .section-5-video {
  width: 67.5vw;
  margin: 0 auto;
  margin-top: 3.125vw;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .section-5 .section-5-video {
    width: 100%;
    margin: 0 auto;
    margin-top: 8.33vw;
  }
}

#ud_product .section-7 {
  z-index: 3;
  width: 82.29vw;
  margin: 0 auto;
}

#ud_product .section-7 .section7-bgLeft {
  width: 20.625vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1vw;
  z-index: 3;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
  pointer-events: none;
}

#ud_product .section-7 .section7-bgRight {
  width: 20.625vw;
  height: 100%;
  position: absolute;
  top: 0;
  right: -1vw;
  z-index: 3;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 70%, transparent 100%);
  pointer-events: none;
}

#ud_product .section-7 .section7-content {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

#ud_product .section-7 .section7-swiper {
  width: 50vw;
  margin: 0 auto;
  height: 31.25vw;
  overflow: visible;
}

#ud_product .section-7 .section7-swiper .swiper-wrapper {
  transition-timing-function: ease;
  transform-style: preserve-3d;
  -webkit-transition-timing-function: ease;
  -webkit-transform-style: preserve-3d;
  perspective: 35vw;
  -webkit-perspective: 35vw;
  will-change: transform;
  pointer-events: none;
}

#ud_product .section-7 .section7-swiper .swiper-slide {
  width: 100%;
  will-change: transform, opacity;
  overflow: hidden;
  position: relative;
  transition-timing-function: ease;
  transform-style: preserve-3d;
  perspective: 35vw;
  -webkit-perspective: 35vw;
  -webkit-transition-timing-function: ease;
  -webkit-transform-style: preserve-3d;
  pointer-events: all;
  cursor: pointer;
}

#ud_product .section-7 .section7-swiper .swiper-slide .section-img {
  will-change: transform, opacity;
  position: absolute;
  width: 100%;
  height: 100%;
}

#ud_product .section-7 .section7-swiper .swiper-slide .section-img picture,
#ud_product .section-7 .section7-swiper .swiper-slide .section-img video {
  will-change: transform, opacity;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}

#ud_product .section-7 .section7-swiper .swiper-slide-active {
  cursor: default;
}

#ud_product .section-7 .section7-swiper .swiper-slide-prev .section-img {
  transform-origin: right center;
  will-change: transform, opacity;
}

#ud_product .section-7 .section7-swiper .swiper-slide-next .section-img {
  transform-origin: left center;
  will-change: transform, opacity;
}

#ud_product .section-7 .ud-swiper-control-container {
  justify-content: center;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .section-7 {
    width: 100%;
  }
  #ud_product .section-7 .section7-bgLeft {
    width: 18.625vw;
    left: 0;
  }
  #ud_product .section-7 .section7-bgRight {
    width: 18.625vw;
    right: 0;
  }
  #ud_product .section-7 .section7-swiper {
    width: 68.57vw;
    height: 50vw;
  }
  #ud_product .section-7 .section7-swiper .swiper-slide {
    width: 68.57vw;
    height: 50vw;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .section-7 {
    width: 100%;
  }
  #ud_product .section-7 .section7-bgLeft {
    width: 10.625vw;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
  }
  #ud_product .section-7 .section7-bgRight {
    width: 12.625vw;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
  }
  #ud_product .section-7 .section7-swiper {
    width: 82.22vw;
    height: 105.55vw;
  }
  #ud_product .section-7 .section7-swiper .swiper-slide {
    width: 82.22vw;
    height: 97.22vw;
    perspective: 50vw;
    margin-top: 8.33vw;
  }
}

#ud_product .section-8 {
  margin-top: -5vh;
  z-index: 1;
}

#ud_product .section-8 .section8-rel {
  position: relative;
  height: 150vh;
  opacity: 0;
}

#ud_product .section-8 .section8-rel .sticky-trigger {
  position: absolute;
  top: 0;
}

#ud_product .section-8 .section8-rel .sticky-viewport {
  position: sticky;
  height: auto;
  top: 0;
  overflow: hidden;
}

#ud_product .section-8 .section8-rel .section-starTitle {
  width: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -3vw);
  z-index: 1;
}

#ud_product .section-8 .section8-rel .section-starTitle .starTitle-rel {
  position: relative;
}

#ud_product .section-8 .section8-rel .section-starTitle .starTitle-left,
#ud_product .section-8 .section8-rel .section-starTitle .starTitle-right {
  width: 50%;
}

#ud_product .section-8 .section8-rel .section-starTitle .starTitle-left {
  transform-origin: bottom right;
}

#ud_product .section-8 .section8-rel .section-starTitle .starTitle-right {
  transform-origin: bottom left;
}

#ud_product .section-8 .section8-rel .section-starTitle .title-bg-left-1,
#ud_product .section-8 .section8-rel .section-starTitle .title-bg-right-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  transition: transform 0.2s ease, opacity 0.2s ease;
  will-change: transform, opacity;
  opacity: 0;
}

#ud_product .section-8 .section8-rel .section-starTitle .title-bg-left-2,
#ud_product .section-8 .section8-rel .section-starTitle .title-bg-right-2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  transition: transform 0.2s ease, opacity 0.2s ease;
  will-change: transform, opacity;
  opacity: 0;
}

#ud_product .section-8 .section8-rel .section-starTitle .title-bg-left-3,
#ud_product .section-8 .section8-rel .section-starTitle .title-bg-right-3 {
  transition: transform 0.2s ease, opacity 0.2s ease;
  will-change: transform, opacity;
  opacity: 0;
}

#ud_product .section-8 .section8-rel .section-starTitle .title-bg-left-1 {
  transform: translateX(9vw) scale(0.5);
}

#ud_product .section-8 .section8-rel .section-starTitle .title-bg-left-2 {
  transform: translateX(12.25vw) scale(0.5);
}

#ud_product .section-8 .section8-rel .section-starTitle .title-bg-left-3 {
  transform: translateX(15vw) scale(0.5);
}

#ud_product .section-8 .section8-rel .section-starTitle .title-bg-right-1 {
  transform: translateX(-9vw) scale(0.5);
}

#ud_product .section-8 .section8-rel .section-starTitle .title-bg-right-2 {
  transform: translateX(-12.25vw) scale(0.5);
}

#ud_product .section-8 .section8-rel .section-starTitle .title-bg-right-3 {
  transform: translateX(-15vw) scale(0.5);
}

#ud_product .section-8 .section8-rel .section8-title h2 {
  -webkit-background-clip: text;
  color: transparent;
  background-image: linear-gradient(to bottom, #EDE6FF 0, #655977 100%);
}

#ud_product .section-8 .section8-rel .section8-content {
  position: relative;
  padding-top: 22.67vw;
  z-index: 3;
}

#ud_product .section-8 .section8-rel .section8-img {
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.2s ease, opacity 0.2s ease;
  will-change: transform, opacity;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .section-8 {
    margin-top: 0;
  }
  #ud_product .section-8 .section8-rel {
    position: relative;
    height: auto;
    opacity: 1;
    transform: translateY(5vw);
    will-change: transform, opacity;
  }
  #ud_product .section-8 .section8-rel .sticky-trigger {
    position: absolute;
    top: 17vw;
  }
  #ud_product .section-8 .section8-rel .sticky-viewport {
    position: static;
  }
  #ud_product .section-8 .section8-rel .section-starTitle {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0);
    z-index: 1;
  }
  #ud_product .section-8 .section8-rel .section-starTitle .starTitle-rel {
    position: relative;
  }
  #ud_product .section-8 .section8-rel .section-starTitle .starTitle-left,
  #ud_product .section-8 .section8-rel .section-starTitle .starTitle-right {
    width: 50%;
  }
  #ud_product .section-8 .section8-rel .section-starTitle .starTitle-left {
    transform-origin: bottom right;
  }
  #ud_product .section-8 .section8-rel .section-starTitle .starTitle-right {
    transform-origin: bottom left;
  }
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-left-1,
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-right-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    transition: transform 0.1s ease, opacity 0.1s ease;
    will-change: transform, opacity;
    opacity: 0;
  }
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-left-2,
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-right-2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    transition: transform 0.1s ease, opacity 0.1s ease;
    will-change: transform, opacity;
    opacity: 0;
  }
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-left-3,
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-right-3 {
    transition: transform 0.1s ease, opacity 0.1s ease;
    will-change: transform, opacity;
    opacity: 0;
  }
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-left-1 {
    transform: translateX(4vw) scale(0.6);
  }
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-left-2 {
    transform: translateX(7.25vw) scale(0.6);
  }
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-left-3 {
    transform: translateX(10vw) scale(0.6);
  }
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-right-1 {
    transform: translateX(-4vw) scale(0.6);
  }
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-right-2 {
    transform: translateX(-7.25vw) scale(0.6);
  }
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-right-3 {
    transform: translateX(-10vw) scale(0.6);
  }
  #ud_product .section-8 .section8-rel .section8-title {
    width: fit-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
  }
  #ud_product .section-8 .section8-rel .section8-content {
    padding-top: 0;
  }
  #ud_product .section-8 .section8-rel .section8-img {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .section-8 {
    margin-top: 0;
  }
  #ud_product .section-8 .section8-rel {
    height: auto;
    opacity: 1;
    transform: translateY(5vw);
    will-change: transform, opacity;
  }
  #ud_product .section-8 .section8-rel .sticky-trigger {
    position: absolute;
    top: 17vw;
  }
  #ud_product .section-8 .section8-rel .sticky-viewport {
    position: static;
  }
  #ud_product .section-8 .section8-rel .section-starTitle {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0);
    z-index: 1;
  }
  #ud_product .section-8 .section8-rel .section-starTitle .starTitle-rel {
    position: relative;
  }
  #ud_product .section-8 .section8-rel .section-starTitle .starTitle-left,
  #ud_product .section-8 .section8-rel .section-starTitle .starTitle-right {
    width: 50%;
  }
  #ud_product .section-8 .section8-rel .section-starTitle .starTitle-left {
    transform-origin: bottom right;
  }
  #ud_product .section-8 .section8-rel .section-starTitle .starTitle-right {
    transform-origin: bottom left;
  }
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-left-1,
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-right-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    will-change: transform, opacity;
    opacity: 0;
  }
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-left-2,
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-right-2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    will-change: transform, opacity;
    opacity: 0;
  }
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-left-3,
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-right-3 {
    will-change: transform, opacity;
    opacity: 0;
  }
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-left-1 {
    transform: translateX(9vw) scale(0.6);
  }
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-left-2 {
    transform: translateX(12.25vw) scale(0.6);
  }
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-left-3 {
    transform: translateX(15vw) scale(0.6);
  }
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-right-1 {
    transform: translateX(-9vw) scale(0.6);
  }
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-right-2 {
    transform: translateX(-12.25vw) scale(0.6);
  }
  #ud_product .section-8 .section8-rel .section-starTitle .title-bg-right-3 {
    transform: translateX(-15vw) scale(0.6);
  }
  #ud_product .section-8 .section8-rel .section8-title {
    width: fit-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
  }
  #ud_product .section-8 .section8-rel .section8-content {
    padding-top: 0;
  }
}

#ud_product .section-9 {
  padding-bottom: 1.5625vw;
}

#ud_product .section-9 .ud-swiper-control-container {
  margin-top: 0.416vw;
}

#ud_product .section-9 .ud-swiper-control-container .nav-prev {
  margin-right: 1.25vw;
}

#ud_product .section-9 .section9-content {
  width: 100%;
  overflow: hidden;
}

#ud_product .section-9 .section9-swiper {
  width: 67.5vw;
  overflow: visible;
}

#ud_product .section-9 .section9-swiper .swiper-slide {
  cursor: pointer;
}

#ud_product .section-9 .section9-swiper .swiper-slide .section9-txt {
  display: none;
}

#ud_product .section-9 .section9-swiper .swiper-slide .note-txt {
  position: absolute;
  left: 1.25vw;
  bottom: 1.25vw;
  color: rgba(255, 255, 255, 0.6);
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .section-9 .section9-swiper .swiper-slide .note-txt {
    left: 1.714286vw;
    bottom: 8.142857vw;
    font-size: 1.285714vw;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .section-9 .section9-swiper .swiper-slide {
    font-size: 2.5vw;
  }
}

#ud_product .section-9 .section9-swiper .swiper-slide-active {
  cursor: default;
}

#ud_product .section-9 .section9-content-txts {
  width: 67.5vw;
  margin: 0 auto;
  margin-top: 2.0833vw;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

#ud_product .section-9 .section9-txts {
  width: 80%;
  position: relative;
}

#ud_product .section-9 .section9-txts .section9-txt {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
}

#ud_product .section-9 .section9-txts .section9-txt:first-child {
  position: relative;
}

#ud_product .section-9 .section9-content-description {
  width: 88%;
}

#ud_product .section-9 .section9-txts[data-index="0"] .section9-txt:first-child {
  opacity: 1;
}

#ud_product .section-9 .section9-txts[data-index="1"] .section9-txt:nth-child(2) {
  opacity: 1;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .section-9 {
    padding-bottom: 0;
  }
  #ud_product .section-9 .section9-swiper {
    width: 75.42vw;
  }
  #ud_product .section-9 .section9-swiper .swiper-slide .section9-txt {
    display: block;
    margin-top: 3.428vw;
    width: 88%;
  }
  #ud_product .section-9 .section9-content-txts {
    width: 75.42%;
    margin-top: 5.714286vw;
  }
  #ud_product .section-9 .section9-content-txts .section9-txts {
    display: none;
  }
  #ud_product .section-9 .section9-txts {
    width: 90%;
  }
  #ud_product .section-9 .section9-content-description {
    width: 84vw;
  }
  #ud_product .section-9 .ud-swiper-control-container {
    position: static;
    width: 100%;
    margin: 0 auto;
    margin-top: 0;
    justify-content: flex-end;
  }
  #ud_product .section-9 .ud-swiper-control-container .nav-prev {
    margin-right: 2.85vw;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .section-9 {
    padding-bottom: 0;
  }
  #ud_product .section-9 .section9-swiper {
    width: 82.22vw;
  }
  #ud_product .section-9 .section9-swiper .swiper-slide .section9-txt {
    margin-top: 6.66vw;
    width: 77.77vw;
  }
  #ud_product .section-9 .section9-swiper .swiper-slide .note-txt {
    left: 3.333vw;
    bottom: auto;
    top: 101.38vw;
    font-size: 2.5vw;
  }
  #ud_product .section-9 .section9-content-txts {
    width: 82.22vw;
    margin-top: 6.66vw;
    display: block;
  }
  #ud_product .section-9 .section9-content-description {
    width: 100%;
  }
  #ud_product .section-9 .ud-swiper-control-container {
    position: static;
    width: 100%;
    margin: 0 auto;
    margin-top: 11.11vw;
    justify-content: flex-end;
  }
  #ud_product .section-9 .ud-swiper-control-container .nav-prev {
    margin-right: 5.55vw;
  }
}

#ud_product .section-10 {
  position: relative;
}

#ud_product .section-10 .section-title {
  position: relative;
  z-index: 2;
}

#ud_product .section-10 .section10-content {
  width: 81.25vw;
  margin: 0 auto;
  margin-top: 3.125vw;
}

#ud_product .section-10 .section10-icons {
  width: fit-content;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  position: absolute;
  top: 43.71875vw;
  left: 50%;
  transform: translateX(-50%);
}

#ud_product .section-10 .section10-icons .section10-icon-txt {
  font-size: 2.08vw;
  color: #FFFFFF;
  line-height: 1.25;
  margin-top: 1.25vw;
}

#ud_product .section-10 .section10-icons > img {
  width: 1.458vw;
  margin-left: 0.625vw;
  margin-top: .677083vw;
}

#ud_product .section-10 .section10-icons .section10-icon-big-yellow {
  margin-left: 0.52vw;
  font-size: 4.166vw;
  line-height: 1;
  display: flex;
  align-items: baseline;
  color: transparent;
  width: fit-content;
  background-image: linear-gradient(125deg, #FDE8B9 0%, #866748 70%, #E8D1A5 100%);
  -webkit-background-clip: text;
  color: transparent;
}

#ud_product .section-10 .section10-icons .section10-icon-big-yellow > span:nth-child(2) {
  font-size: 2.08vw;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .section-10 {
    padding-bottom: 0;
  }
  #ud_product .section-10 .section10-content {
    width: 100%;
    margin: 0 auto;
    margin-top: 4.285vw;
  }
  #ud_product .section-10 .section10-icons {
    top: 67.214286vw;
  }
  #ud_product .section-10 .section10-icons .section10-icon-txt {
    font-size: 2.857vw;
    margin-top: 2.25vw;
  }
  #ud_product .section-10 .section10-icons > img {
    width: 2vw;
    margin-left: 1.071vw;
    margin-top: 1vw;
  }
  #ud_product .section-10 .section10-icons .section10-icon-big-yellow {
    margin-left: 0.71vw;
    font-size: 5.71vw;
  }
  #ud_product .section-10 .section10-icons .section10-icon-big-yellow > span:nth-child(2) {
    font-size: 2.857vw;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .section-10 {
    padding-bottom: 0;
  }
  #ud_product .section-10 .section10-content {
    width: 100%;
    margin: 0 auto;
    margin-top: 8.33vw;
  }
  #ud_product .section-10 .section10-icons {
    top: 123.055556vw;
    width: 60.5%;
  }
  #ud_product .section-10 .section10-icons .section10-icon-txt {
    font-size: 5.55vw;
    margin-top: 4.25vw;
  }
  #ud_product .section-10 .section10-icons > img {
    width: 3.88vw;
    margin-left: 1.66vw;
    margin-top: 1.25vw;
  }
  #ud_product .section-10 .section10-icons .section10-icon-big-yellow {
    margin-left: 0.833vw;
    font-size: 11.11vw;
  }
  #ud_product .section-10 .section10-icons .section10-icon-big-yellow > span:nth-child(2) {
    font-size: 5.55vw;
  }
}

#ud_product .section-12 .title-1 {
  white-space: nowrap;
}

#ud_product .section-13 .section13-content {
  width: 67.5vw;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 3.33vw;
  padding: 3.33vw 5.625vw 1.458vw;
  background: linear-gradient(to bottom, #161616 0%, #0B0B0B 100%);
}

#ud_product .section-13 .section13-content .section13-imgs {
  display: flex;
  justify-content: center;
}

#ud_product .section-13 .section13-content .section13-img {
  width: 12.1875vw;
  margin-right: 2.5vw;
}

#ud_product .section-13 .section13-content .section13-img:last-child {
  margin-right: 0;
}

#ud_product .section-13 .ud-txtLink {
  margin-top: 1.25vw;
}

#ud_product .section-13 .ud-swiper-control-container {
  display: none;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .section-13 {
    overflow: hidden;
  }
  #ud_product .section-13 .section13-content {
    width: 100%;
    margin-top: 4.57vw;
    padding: 7.14vw 6.85vw 4.57vw;
  }
  #ud_product .section-13 .section13-content .section13-img {
    width: 16.71vw;
    margin-right: 3.42vw;
  }
  #ud_product .section-13 .ud-txtLink {
    margin-top: 3.57vw;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .section-13 .section13-content {
    width: 100%;
    margin: 0 auto;
    margin-top: 8.88vw;
    padding: 0;
    background: none;
    transform: translateY(0);
  }
  #ud_product .section-13 .section13-content .section13-imgs {
    justify-content: normal;
  }
  #ud_product .section-13 .section13-content .section13-img1 {
    display: none;
  }
  #ud_product .section-13 .section13-content .section13-img {
    width: 100%;
    margin: 0 auto;
  }
  #ud_product .section-13 .ud-swiper-control-container {
    width: 82.22vw;
    margin: 0 auto;
    margin-top: 11.11vw;
    display: flex;
    justify-content: flex-end;
  }
  #ud_product .section-13 .ud-swiper-control-container .nav-prev {
    margin-right: 6.944vw;
  }
  #ud_product .section-13 .ud-txtLink {
    margin-top: 5vw;
  }
}

#ud_product .ud-swiper-control-container {
  display: flex;
  align-items: center;
}

#ud_product .ud-swiper-control-container .nav-prev,
#ud_product .ud-swiper-control-container .nav-next {
  width: 2.5vw;
  height: 2.5vw;
  cursor: pointer;
  display: flex;
  transition: opacity .3s ease;
  will-change: opacity;
  position: relative;
}

#ud_product .ud-swiper-control-container .nav-prev > svg,
#ud_product .ud-swiper-control-container .nav-next > svg {
  width: 2.5vw;
  height: 2.5vw;
}

#ud_product .ud-swiper-control-container .nav-prev ._clip-path-bgbtn,
#ud_product .ud-swiper-control-container .nav-next ._clip-path-bgbtn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  will-change: filter, opacity;
  opacity: 0.6;
  transition: opacity .3s ease, filter .3s ease;
  -webkit-transition: opacity 0.3s ease, filter .3s ease;
}

@media (hover: hover) {
  #ud_product .ud-swiper-control-container .nav-prev:hover ._clip-path-bgbtn,
  #ud_product .ud-swiper-control-container .nav-next:hover ._clip-path-bgbtn {
    opacity: 1;
  }
}

#ud_product .ud-swiper-control-container .btn-disable {
  cursor: default;
  opacity: .5;
}

@media (hover: hover) {
  #ud_product .ud-swiper-control-container .btn-disable:hover ._clip-path-bgbtn {
    opacity: 0.6;
  }
}

#ud_product .ud-swiper-control-container .click-opacity > svg ._182-border {
  opacity: .6;
}

@media (hover: hover) {
  #ud_product .ud-swiper-control-container .click-opacity:hover ._clip-path-bgbtn {
    opacity: 0.6;
  }
}

#ud_product .ud-swiper-control-container .nav-swiper .swiper-slide {
  position: absolute;
  top: 0;
  transform: translateY(100%);
}

#ud_product .ud-swiper-control-container .nav-swiper .swiper-slide:last-child {
  position: relative;
}

#ud_product .ud-swiper-control-container .nav-txts {
  color: #7A7789;
  display: flex;
  justify-content: center;
  font-size: 1.25vw;
  height: 1.6em;
  margin: 0 1.145vw;
}

#ud_product .ud-swiper-control-container .nav-txts .nav-txtactive-index {
  overflow: hidden;
}

#ud_product .ud-swiper-control-container .nav-txts .nav-txt-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: transform .8s ease;
  position: relative;
}

#ud_product .ud-swiper-control-container .nav-txts .nav-txt-item {
  flex: none;
  position: absolute;
  top: 0;
  transform: translateY(100%);
}

#ud_product .ud-swiper-control-container .nav-txts .nav-txt-item1 {
  position: relative;
  transform: translateY(0%);
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .ud-swiper-control-container .nav-prev,
  #ud_product .ud-swiper-control-container .nav-next {
    width: 5.71vw;
    height: 5.71vw;
  }
  #ud_product .ud-swiper-control-container .nav-prev > svg,
  #ud_product .ud-swiper-control-container .nav-next > svg {
    width: 5.71vw;
    height: 5.71vw;
  }
  #ud_product .ud-swiper-control-container .nav-prev:hover > svg ._clip-path-bgbtn,
  #ud_product .ud-swiper-control-container .nav-next:hover > svg ._clip-path-bgbtn {
    opacity: 0.6;
  }
  #ud_product .ud-swiper-control-container .nav-txts {
    font-size: 1.71vw;
    margin: 0 1.71vw;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .ud-swiper-control-container .nav-prev,
  #ud_product .ud-swiper-control-container .nav-next {
    width: 11.11vw;
    height: 11.11vw;
  }
  #ud_product .ud-swiper-control-container .nav-prev > svg,
  #ud_product .ud-swiper-control-container .nav-next > svg {
    width: 11.11vw;
    height: 11.11vw;
  }
  #ud_product .ud-swiper-control-container .nav-prev:hover > svg ._clip-path-bgbtn,
  #ud_product .ud-swiper-control-container .nav-next:hover > svg ._clip-path-bgbtn {
    opacity: 0.6;
  }
  #ud_product .ud-swiper-control-container .nav-txts {
    font-size: 3.33vw;
    margin: 0 3.33vw;
  }
}

#ud_product .ud-concentActive {
  position: relative;
}

#ud_product .ud-concentActive .active_star {
  position: absolute;
  top: 0;
}

#ud_product .ud-titleimgActive {
  position: relative;
  opacity: 0;
}

#ud_product .ud-titleimgActive .img_star {
  position: absolute;
  top: 0;
}

#ud_product .ud-titleimgActive.active {
  opacity: 1;
  transition: opacity 1s ease, transform 1s ease;
  will-change: opacity, transform;
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .ud-titleimgActive {
    opacity: 1;
  }
}

#ud_product .section-title {
  position: relative;
  opacity: 0;
  transform: translateY(3vw);
}

#ud_product .section-title .title-1 {
  position: relative;
  z-index: 1;
  width: fit-content;
  margin: 0 auto;
  display: inline-block;
  background-image: linear-gradient(to bottom, #EDE6FF 0, #655977 100%);
  -webkit-background-clip: text;
  color: transparent;
  will-change: opacity;
}

#ud_product .section-title .title-desc {
  opacity: 0;
}

#ud_product .section-title.active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 1s ease, transform 1s ease;
}

#ud_product .section-title.active .title-desc {
  opacity: 1;
  transition: opacity 2.5s ease;
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .section-title {
    opacity: 0;
    transform: translateY(5.55556vw);
  }
  #ud_product .section-title.active {
    opacity: 1;
    transform: translateY(0);
  }
  #ud_product .section-title.active .title-desc {
    opacity: 0.9;
  }
}

#ud_product .ud-txtLink {
  width: fit-content;
  margin: 0 auto;
}

#ud_product .ud-txtLink .permalink_a {
  display: inline-flex;
  align-items: center;
  font-size: 1.041vw;
  line-height: 1.6;
  color: #7A7789;
}

#ud_product .ud-txtLink .permalink_a .link-gt {
  display: inline-block;
  width: 1.1458vw;
  transition: transform .3s ease-out;
}

@media (hover: hover) {
  #ud_product .ud-txtLink .permalink_a:hover {
    opacity: 0.6;
  }
  #ud_product .ud-txtLink .permalink_a:hover .link-gt {
    transform: translateX(4px);
  }
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .ud-txtLink .permalink_a {
    color: #A4A1B6;
  }
  #ud_product .ud-txtLink .permalink_a .link-gt {
    width: 1.71vw;
  }
  #ud_product .ud-txtLink .permalink_a:hover {
    opacity: 1;
  }
  #ud_product .ud-txtLink .permalink_a:hover .link-gt {
    transform: translateX(0);
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .ud-txtLink .permalink_a .link-gt {
    width: 4.166vw;
  }
  #ud_product .ud-txtLink .permalink_a:hover {
    opacity: 1;
  }
  #ud_product .ud-txtLink .permalink_a:hover .link-gt {
    transform: translateX(0);
  }
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .ud-txtLink .permalink_a {
    font-size: 1.71vw;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .ud-txtLink .permalink_a {
    font-size: 3.888vw;
  }
}

#ud_product .note-txt {
  font-size: .625vw;
  line-height: 1.6;
  color: rgba(164, 161, 182, 0.4);
}

@media (max-width: 1920px) {
  #ud_product .note-txt {
    font-size: 12px;
  }
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .note-txt {
    font-size: 1.71vw;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .note-txt {
    font-size: 2.5vw;
  }
}

#ud_product .video-replay-trigger {
  position: relative;
}

#ud_product .video-replay-trigger .videoTrigger {
  position: absolute;
  top: 0;
}

#ud_product .video-container {
  position: relative;
}

#ud_product .video-container .play-trigger {
  position: absolute;
  top: 10%;
}

#ud_product .video-containerbtn {
  position: relative;
}

#ud_product .video-containerbtn .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);
  will-change: opacity;
  opacity: 1;
  transition: opacity 0.5s ease-in;
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .video-containerbtn .play-pause-button {
    right: 2.857143vw;
    bottom: 2.857143vw;
    width: 4.571429vw;
    height: 4.571429vw;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .video-containerbtn .play-pause-button {
    right: 4.444444vw;
    bottom: 4.444444vw;
    width: 8.888889vw;
    height: 8.888889vw;
  }
}

#ud_product .video-containerbtn .button-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 2;
  will-change: display, opacity;
  transition: display 0.3s linear, opacity 0.3s linear;
}

#ud_product .video-containerbtn .icon-play {
  display: block;
}

#ud_product .video-containerbtn .icon-bg {
  z-index: 1;
  display: block;
  opacity: .4;
}

@media (hover: hover) {
  #ud_product .video-containerbtn .play-pause-button:hover::before {
    opacity: 0.6;
  }
  #ud_product .video-containerbtn .play-pause-button:hover .icon-bg {
    opacity: .3;
  }
}

#ud_product .section-footnote .footnote-list {
  padding-left: 1.5em;
  font-size: .625vw;
}

@media (max-width: 1920px) {
  #ud_product .section-footnote .footnote-list {
    font-size: 12px;
  }
}

@media (max-aspect-ratio: 11 / 10) {
  #ud_product .section-footnote .footnote-list {
    font-size: 1.71vw;
  }
}

@media (max-aspect-ratio: 7 / 10) {
  #ud_product .section-footnote .footnote-list {
    font-size: 3.333333vw;
  }
}

html[dir=rtl] #ud_product .section-footnote .footnote-list {
  padding-right: 1.5em;
  padding-left: 0;
}

#ud_product .section-footnote .footnote-list .disclaimer-link {
  color: #85858A;
  text-decoration: underline;
}

#ud_product .section-footnote li {
  font-size: inherit;
  list-style-type: decimal;
  color: #85858A;
  word-break: break-word;
}

#ud_product .section-footnote li .permalink.global-style-hide {
  display: contents;
}

#ud_product .section-footnote li.current {
  color: #d5d5db;
}

#ud_product .section-footnote li.asterisk {
  list-style-type: '*';
}

#ud_product .section-footnote li.asterisk-one {
  list-style-type: '**';
}