@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;
}
a{
  cursor: pointer;
}
.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;
}
@media screen and (aspect-ratio >= 1/1) {
.horizontal-nav{
    display: none;
}
.vertical-nav{
    padding-top: 0!important;
}
}
@media screen and (aspect-ratio < 1/1) {
.vertical-nav{
    display: none;
}
}

.site-icon[data-v-238ec133]{
  position: relative;
  background: none;
  border-radius: 0;
}
.site-icon[data-v-238ec133]: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-238ec133]: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-238ec133]{
  display: flex;
  align-items: center;
}

.nav-histories-container {
  display: flex;
  flex-direction: column;
  min-height: 33ch;
  min-height: calc(100vh - 61.8ch);
  height: 61.8ch;
  background-color: #272727;
  flex: 1 50%;
}
.nav-histories-header {
  padding: 1rem;
  /*border-bottom: 1px solid #404040;*/
}
.nav-histories {
  flex: 1;
}
.nav-histories .n-icon{
  color: white;
  margin-top: -.3rem;
}
.nav-histories .n-menu-item-content:hover .n-icon{
  color: black;
}
.nav-histories .n-menu-item-content.n-menu-item-content--selected .n-icon{
  color: inherit;
}
.nav-histories .n-menu-item-content-header a[href]{
  color: white;
}
.nav-histories-footer {
  padding: 1rem;
  /*border-top: 1px solid #404040;*/
  margin-bottom: -0rem;
}
.nav-histories .n-layout-sider .n-layout-toggle-button{
  top: 2.2rem;
}
.site-icon{
  position: relative;
  background: none;
  border-radius: 0;
}
.site-icon:before{
  display: none;
  content: '';
  width: 90%;
  height: 90%;
  background: #2cadf0;
  border-radius: 999px;
  position: absolute;
  top: 0;
  left: 0;
}
.site-icon:after{
  display: none;
  content: '';
  width: 60%;
  height: 60%;
  background: #fcb040;
  border-radius: 999px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.text-vertical{
  display: flex;
  align-items: center;
}

.nav-menu-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #272727;
}
.nav-menu-header {
  padding: 1rem;
  /*border-bottom: 1px solid #404040;*/
}
.nav-menu {
  flex: 1 25%;
}
.nav-menu .n-icon{
  color: white;
  margin-top: -.3rem;
}
.nav-menu .n-menu-item-content:hover .n-icon{
  color: black;
}
.nav-menu .n-menu-item-content.n-menu-item-content--selected .n-icon{
  color: inherit;
}
.nav-menu .n-menu-item-content-header a[href]{
  color: white;
}
.nav-menu-footer {
  padding: 1rem;
  /*border-top: 1px solid #404040;*/
  margin-bottom: -0rem;
}
.n-layout-sider .n-layout-toggle-button{
  top: 2.2rem;
}
.site-icon{
  position: relative;
  background: none;
  border-radius: 0;
}
.site-icon:before{
  display: none;
  content: '';
  width: 90%;
  height: 90%;
  background: #2cadf0;
  border-radius: 999px;
  position: absolute;
  top: 0;
  left: 0;
}
.site-icon:after{
  display: none;
  content: '';
  width: 60%;
  height: 60%;
  background: #fcb040;
  border-radius: 999px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.text-vertical{
  display: flex;
  align-items: center;
}