@charset "UTF-8";
@font-face {
  font-family: website_maim_font;
  src: url("../../font/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Regular.ttf") format("truetype");
}
@view-transition {
  navigation: auto;
}
:root {
  interpolate-size: allow-keywords;
  --ui-color-primary: #AB2DF1;
  --ui-color-secondary: #7874FF;
  --ui-color-bg-primary: #F7F9FF;
  --ui-color-font-primary: #202A2C;
  --ui-color-font-secondary: #777777;
  --bg-color: #ffffff;
  --bs-body-line-height: 1.2;
  --font-family: '';
  --f-s-12: 1.2rem;
  --f-s-13: 1.3rem;
  --f-s-14: 1.4rem;
  --f-s-16: 1.6rem;
  --f-s-17: 1.7rem;
  --f-s-18: 1.8rem;
  --f-s-20: 2.0rem;
  --f-s-22: 2.2rem;
  --f-s-24: 2.4rem;
  --f-s-26: 2.6rem;
  --f-s-28: 2.8rem;
  --f-s-30: 3.0rem;
  --f-s-32: 3.2rem;
  --f-s-36: 3.6rem;
  --f-s-40: 4.0rem;
  --f-s-42: 4.2rem;
  --f-s-46: 4.6rem;
  --f-s-48: 4.8rem;
  --f-s-50: 5.0rem;
  --f-s-55: 5.5rem;
  --f-s-56: 5.6rem;
  --f-s-60: 6.0rem;
  --f-s-64: 6.4rem;
  --f-s-67: 6.7rem;
  --f-s-70: 7.0rem;
  --f-s-74: 7.4rem;
  --f-s-75: 7.5rem;
  --f-s-80: 8.0rem;
  --f-s-85: 8.5rem;
  --f-s-96: 9.6rem;
  --f-s-100: 10rem;
  --f-s-130: 13rem;
  --f-s-150: 15rem;
  --f-s-200: 20rem;
}

@media (max-width: 992px) {
  :root {
    --f-s-12: 1.2rem;
    --f-s-14: 1.4rem;
    --f-s-16: 1.6rem;
    --f-s-18: 1.8rem;
    --f-s-20: 2rem;
    --f-s-24: 2.4rem;
    --f-s-26: 2.6rem;
    --f-s-28: 2.8rem;
    --f-s-30: 3rem;
    --f-s-32: 3.2rem;
    --f-s-36: 3.6rem;
    --f-s-40: 4rem;
    --f-s-42: 4.2rem;
    --f-s-46: 4.6rem;
    --f-s-48: 4.8rem;
    --f-s-60: 6rem;
    --f-s-64: 6.4rem;
    --f-s-80: 8rem;
    --f-s-96: 9.6rem;
  }
}
html {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}

body {
  margin: 0;
  padding: 0 !important;
  font-size: var(--f-s-16);
  font-family: "website_maim_font", sans-serif;
  color: var(--ui-color-font-primary);
  width: 100vw;
  max-width: 100%;
}
body * {
  box-sizing: border-box;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
}
body ul {
  list-style: none;
}
body a {
  display: block;
  text-decoration: unset;
  color: inherit;
  transition: 0.2s ease-in-out;
}
body a:not(body a:has(img)):hover {
  transform: translateX(0.2rem);
  color: var(--ui-color-primary);
}
body a img {
  transition: 0.3s ease-in-out;
}
body a:has(img) {
  max-width: 100%;
  overflow: hidden;
}
body a:has(img):hover img {
  transform: scale(1.02);
}

.layout_content_css {
  min-height: 50rem;
  line-height: 1.8;
  font-size: var(--f-s-18);
  width: 100%;
}
.layout_content_css .mtp-tag-span {
  color: #000000;
  font-weight: bold;
}
.layout_content_css * {
  margin: revert;
  padding: revert;
}
.layout_content_css table {
  border-collapse: collapse;
}
.layout_content_css table td, .layout_content_css table th {
  border: 0.1rem solid #ccc;
  padding: 0.4rem;
}
.layout_content_css figure {
  display: table;
  margin: 1rem auto;
}
.layout_content_css figure figcaption {
  color: #999;
  display: block;
  margin-top: 0.25rem;
  text-align: center;
}
.layout_content_css hr {
  border-color: #ccc;
  border-style: solid;
  border-width: 0.1rem 0 0 0;
}
.layout_content_css code {
  background-color: #e8e8e8;
  border-radius: 0.3rem;
  padding: 0.1rem 0.2rem;
}
.layout_content_css blockquote {
  border-left: 0.2rem solid #ccc;
  margin-left: 1.5rem;
  padding-left: 1rem;
}
.layout_content_css ul {
  list-style: inherit;
}
.layout_content_css li::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
  text-indent: 0rem !important;
  text-align: start !important;
  text-align-last: start !important;
}
.layout_content_css a {
  display: unset;
}
.layout_content_css iframe, .layout_content_css video {
  width: revert-layer;
  height: revert-layer;
  max-width: 100% !important;
  display: unset;
}

img {
  overflow: hidden;
}
img::before {
  border: 2px dashed gray;
  content: "(；´д｀)ゞ failed to load";
  text-align: center;
  box-sizing: border-box;
  padding: 4px 0;
  width: 100%;
  height: 100%;
  display: block;
  background: var(--ui-color-bg-primary);
  color: grey;
}

::-webkit-scrollbar {
  width: 1rem;
  height: 1rem;
  border-radius: 0.3rem;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(161, 163, 169, 0.7);
  border-radius: 0.3rem;
}

.iconfont {
  font-size: var(--f-s-16);
}

*::selection {
  background-color: var(--ui-color-primary);
  color: white;
}

img, video {
  height: 100%;
  width: 100%;
  display: block;
}

img {
  object-fit: cover;
}

body[lang=ru] .website-head-module .module-wrapper, body[lang=fr] .website-head-module .module-wrapper, body[lang=es] .website-head-module .module-wrapper, body[lang=pt] .website-head-module .module-wrapper, body[lang=de] .website-head-module .module-wrapper {
  grid-gap: 2rem;
}
body[lang=ru] .website-head-module .website-menu, body[lang=fr] .website-head-module .website-menu, body[lang=es] .website-head-module .website-menu, body[lang=pt] .website-head-module .website-menu, body[lang=de] .website-head-module .website-menu {
  grid-gap: 2rem;
  font-size: var(--f-s-16);
}
body[lang=ru] .website-head-module .website-head-btn, body[lang=fr] .website-head-module .website-head-btn, body[lang=es] .website-head-module .website-head-btn, body[lang=pt] .website-head-module .website-head-btn, body[lang=de] .website-head-module .website-head-btn {
  font-size: var(--f-s-14);
}
body[lang=ru] .website-bottom-module .module-wrapper.top-wrapper .module-width, body[lang=fr] .website-bottom-module .module-wrapper.top-wrapper .module-width, body[lang=es] .website-bottom-module .module-wrapper.top-wrapper .module-width, body[lang=pt] .website-bottom-module .module-wrapper.top-wrapper .module-width, body[lang=de] .website-bottom-module .module-wrapper.top-wrapper .module-width {
  align-items: flex-start;
  grid-gap: 4.2rem;
}
body[lang=ru] .website-bottom-module .module-wrapper.top-wrapper .module-width .center, body[lang=fr] .website-bottom-module .module-wrapper.top-wrapper .module-width .center, body[lang=es] .website-bottom-module .module-wrapper.top-wrapper .module-width .center, body[lang=pt] .website-bottom-module .module-wrapper.top-wrapper .module-width .center, body[lang=de] .website-bottom-module .module-wrapper.top-wrapper .module-width .center {
  grid-gap: 3.2rem 2rem;
  grid-template-columns: 1fr 1fr;
  max-width: 56rem;
}
body[lang=ru] .website-bottom-module .module-wrapper.top-wrapper .module-width .right, body[lang=fr] .website-bottom-module .module-wrapper.top-wrapper .module-width .right, body[lang=es] .website-bottom-module .module-wrapper.top-wrapper .module-width .right, body[lang=pt] .website-bottom-module .module-wrapper.top-wrapper .module-width .right, body[lang=de] .website-bottom-module .module-wrapper.top-wrapper .module-width .right {
  flex: auto;
}
body[lang=ru] .website-bottom-module .module-wrapper.top-wrapper .module-width .bottom-form, body[lang=fr] .website-bottom-module .module-wrapper.top-wrapper .module-width .bottom-form, body[lang=es] .website-bottom-module .module-wrapper.top-wrapper .module-width .bottom-form, body[lang=pt] .website-bottom-module .module-wrapper.top-wrapper .module-width .bottom-form, body[lang=de] .website-bottom-module .module-wrapper.top-wrapper .module-width .bottom-form {
  padding: 2rem;
}
body[lang=ru] .website-bottom-module .module-wrapper.bottom-wrapper, body[lang=fr] .website-bottom-module .module-wrapper.bottom-wrapper, body[lang=es] .website-bottom-module .module-wrapper.bottom-wrapper, body[lang=pt] .website-bottom-module .module-wrapper.bottom-wrapper, body[lang=de] .website-bottom-module .module-wrapper.bottom-wrapper {
  font-size: 1.4rem;
}
body[lang=ru] .home-banner-module .module-wrapper .banner-content .module-title, body[lang=fr] .home-banner-module .module-wrapper .banner-content .module-title, body[lang=es] .home-banner-module .module-wrapper .banner-content .module-title, body[lang=pt] .home-banner-module .module-wrapper .banner-content .module-title, body[lang=de] .home-banner-module .module-wrapper .banner-content .module-title {
  font-size: 5.4rem;
  max-width: 130rem;
}
body[lang=ru] .card-link-module .inner, body[lang=fr] .card-link-module .inner, body[lang=es] .card-link-module .inner, body[lang=pt] .card-link-module .inner, body[lang=de] .card-link-module .inner {
  grid-gap: 6rem;
}

/*# sourceMappingURL=common.css.map */