/* wyw-in-js:index_5jaf0u.wyw.css */
.d18bpfr3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c4hc9tk {
  background: #f2ebde;
  height: 100%;
  width: 50%;
  z-index: 4;
  position: relative;
  box-sizing: border-box;
}
.c4hc9tk .d18bpfr3 {
  z-index: 20;
  background:
    linear-gradient(
      to left,
      rgba(217, 217, 217, 0) 0%,
      rgba(0, 0, 0, 0.1) 78%,
      rgba(255, 255, 255, 0.1) 100%);
}
.c4hc9tk:nth-child(even) {
  border-left-width: calc(var(--px) * 5px);
  border-left-color: #b3ac90;
  border-left-style: solid;
}
.c4hc9tk:nth-child(even) .d18bpfr3 {
  background:
    linear-gradient(
      to right,
      rgba(217, 217, 217, 0) 0%,
      rgba(0, 0, 0, 0.2) 93.57%,
      rgba(0, 0, 0, 0.1) 99.06%,
      rgba(0, 0, 0, 0.3) 100%);
}
.c4hc9tk:nth-child(odd) {
  border-right-width: calc(var(--px) * 5px);
  border-right-color: #b3ac90;
  border-right-style: solid;
}
.cexfvzl {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

/* wyw-in-js:index_1dnzuyc.wyw.css */
.ca1n1qf {
  width: 100vw;
  height: 100vh;
  background-color: #222222;
  padding: 20px;
  overflow: clip;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-background-size: cover;
  background-size: cover;
}
.b12te3l6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-filter: brightness(40%);
  filter: brightness(40%);
}
.b1hhe1aw {
  display: none;
  position: relative;
}

/* wyw-in-js:index_1mfpu82.wyw.css */
.c1lmlucj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #222;
  z-index: 1000;
}
.c1035h3q {
  width: calc(var(--px) * 200px);
  height: calc(var(--px) * 200px);
  border-radius: 100%;
  position: relative;
  -webkit-animation: rotation-c1035h3q 2s infinite linear;
  animation: rotation-c1035h3q 2s infinite linear;
  background:
    linear-gradient(
      90deg,
      rgba(0, 212, 255, 0) 20%,
      rgba(0, 212, 255, 1) 100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@-webkit-keyframes rotation-c1035h3q {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotation-c1035h3q {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.c1035h3q:after {
  content: "";
  background-color: #222;
  width: calc(var(--px) * 180px);
  height: calc(var(--px) * 180px);
  border-radius: 100%;
}

/* wyw-in-js:index_cd66rb.wyw.css */
.c7wn0xn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

/* wyw-in-js:index_ib5jnx.wyw.css */
.bjjf4bq {
  width: calc(var(--px) * 64px);
  height: calc(var(--px) * 57px);
  position: relative;
  cursor: pointer;
}
.bjjf4bq img {
  object-fit: cover;
}

/* wyw-in-js:Page1_997tz9.wyw.css */
.cwqh755 {
  width: 100%;
  height: 100%;
}
.h1o86h37 {
  width: 100%;
  height: calc(var(--px) * 460px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.hf8edsm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* wyw-in-js:index_16umv4t.wyw.css */
.v1eswy5b {
  z-index: 11;
  object-fit: cover;
}

/* wyw-in-js:index_1n1lf4j.wyw.css */
.i7s71sl {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  object-fit: contain;
  z-index: 15;
}

/* wyw-in-js:Page2_opm7jr.wyw.css */
.cpsko6i {
  position: relative;
  width: 100%;
  height: 100%;
}

/* wyw-in-js:Page3_1stzzw8.wyw.css */
.caji2dk {
  position: relative;
  width: 100%;
  height: 100%;
}

/* wyw-in-js:Page4_dk5z2w.wyw.css */
.cx0dno3 {
  position: relative;
  width: 100%;
  height: 100%;
}

/* wyw-in-js:Page5_5kh8fv.wyw.css */
.c11k3fh5 {
  position: relative;
  width: 100%;
  height: 100%;
}

/* wyw-in-js:Page6_s7smo.wyw.css */
.cg7uinu {
  position: relative;
  width: 100%;
  height: 100%;
}

/* wyw-in-js:Page7_nrmurm.wyw.css */
.corgcy9 {
  position: relative;
  width: 100%;
  height: 100%;
}

/* wyw-in-js:Page8_fatnys.wyw.css */
.c1xspj3f {
  position: relative;
  width: 100%;
  height: 100%;
}

/* wyw-in-js:Page9_ajnkr.wyw.css */
.c112x8cj {
  position: relative;
  width: 100%;
  height: 100%;
}

/* wyw-in-js:Page10_11oj6r8.wyw.css */
.cacmntt {
  position: relative;
  width: 100%;
  height: 100%;
}

/* wyw-in-js:Page11_dehk9p.wyw.css */
.c1q9ltmp {
  position: relative;
  width: 100%;
  height: 100%;
}

/* wyw-in-js:Page12_1ko3alg.wyw.css */
.c1soocww {
  position: relative;
  width: 100%;
  height: 100%;
}

/* wyw-in-js:Page13_126ckf3.wyw.css */
.c1ugm35b {
  position: relative;
  width: 100%;
  height: 100%;
}

/* wyw-in-js:Page14_1129dch.wyw.css */
.clv5t6q {
  position: relative;
  width: 100%;
  height: 100%;
}

/* wyw-in-js:Page15_qkqa6h.wyw.css */
.crhfgi {
  position: relative;
  width: 100%;
  height: 100%;
}

/* wyw-in-js:Page16_18glv7u.wyw.css */
.cfk28b4 {
  position: relative;
  width: 100%;
  height: 100%;
}

/* wyw-in-js:Page17_1i8ttrm.wyw.css */
.ce0vts {
  position: relative;
  width: 100%;
  height: 100%;
}

/* wyw-in-js:Page18_1l2zice.wyw.css */
.c1lcjj9u {
  position: relative;
  width: 100%;
  height: 100%;
}

/* wyw-in-js:Start_1dy9ghd.wyw.css */
.c1yl36yb {
  position: relative;
  width: 100%;
  height: 100%;
}