@font-face {
  font-family: "v-sans";
  font-weight: 400;
  src: url("/cylia/assets/LatoLatin-Regular-Dmlz1U0B.woff2");
}

@font-face {
  font-family: "v-sans";
  font-weight: 600;
  src: url("/cylia/assets/LatoLatin-Semibold-Dbk81p2D.woff2");
}
@font-face {
  font-display: swap;
  font-family: "OPlusSans3-Bold";
  font-style: normal;
  src: url('https://www.coloros.com/font/OPlusSans3-Medium.woff2') format("woff2")
}
html, body, body *{
  /* font-family: 'OPlusSans3-Bold'; */
  scolor: #272727;
}
*::placeholder,
.n-input__placeholder,
.n-input__placeholder *{
  color: #bfbfbf;
}
*[hidden]{
  display: none;
}
.app-layout > .n-layout-scroll-container{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100vh;
}

.site-icon[data-v-4ad342f4]{
  position: relative;
  background: none;
  border-radius: 0;
}
.site-icon[data-v-4ad342f4]:before{
  display: none;
  content: '';
  width: 90%;
  height: 90%;
  background: #2cadf0;
  /* background: #fcb040; */
  border-radius: 999px;
  position: absolute;
  top: 0;
  left: 0;
}
.site-icon[data-v-4ad342f4]:after{
  display: none;
  content: '';
  width: 60%;
  height: 60%;
  background: #fcb040;
  /* background: #2cadf0; */
  border-radius: 999px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.text-vertical[data-v-4ad342f4]{
  display: flex;
  align-items: center;
}