:root {
  --qc-color1: rgba(255, 255, 255, 1);
  --qc-color2: rgba(222, 222, 222, 1);
  --qc-color3: rgba(156, 156, 156, 1);
  --qc-color4: rgba(89, 89, 89, 1);
  --qc-color5: rgba(23, 23, 23, 1);
  --qc-color6: rgba(196, 190, 243, 1);
  --qc-color7: rgba(164, 157, 233, 1);
  --qc-color8: rgba(85, 75, 223, 1);
  --qc-color9: rgba(57, 50, 148, 1);
  --qc-color10: rgba(28, 25, 74, 1);
  --qc-color11: rgba(189, 185, 208, 1);
  --qc-color12: rgba(144, 141, 163, 1);
  --qc-color13: rgba(100, 97, 119, 1);
  --qc-color14: rgba(56, 54, 75, 1);
  --qc-color15: rgba(15, 12, 30, 1);
  --qc-color16: rgba(187, 245, 221, 1);
  --qc-color17: rgba(106, 226, 159, 1);
  --qc-color18: rgba(59, 131, 92, 1);
  --qc-color19: rgba(48, 108, 76, 1);
  --qc-color20: rgba(32, 76, 53, 1);
  --qc-color21: rgba(201, 217, 252, 1);
  --qc-color22: rgba(175, 198, 251, 1);
  --qc-color23: rgba(96, 143, 247, 1);
  --qc-color24: rgba(64, 96, 165, 1);
  --qc-color25: rgba(32, 47, 83, 1);
  --qc-text-color: var(--qc-color14);
  --qc-heading-color: var(--qc-color15);
  --qc-bg-color: var(--qc-color1);
  --qc-link-color: var(--qc-color8);
  --qc-caption-color: var(--qc-color13);
  --qc-button-color: var(--qc-color8);
  --qc-button-text-color: var(--qc-color1);
  --qc-preset--font-size--large: 1.75rem;
  --qc-preset--font-size: 1.128rem;
  --qc-preset--font-size--small: 0.875rem;
  --qc-preset--spacing--0: 0;
  --qc-preset--spacing--10: 0.2rem;
  --qc-preset--spacing--20: 0.44rem;
  --qc-preset--spacing--30: 0.67rem;
  --qc-preset--spacing--40: 1rem;
  --qc-preset--spacing--50: 1.5rem;
  --qc-preset--spacing--60: 2.25rem;
  --qc-preset--spacing--70: 3.38rem;
  --qc-preset--spacing--80: 5.06rem;
  --qc-preset--spacing--90: 7rem;
  --qc-preset--spacing--100: 9rem;
  --qc-preset--spacing--110: 12rem;
  --qc-preset--spacing--120: 14rem;
  --qc-preset--spacing--130: 15rem;
  --qc-preset--spacing--140: 20rem;
  --qc-preset--spacing--150: 25rem;
  --qc-style--common-block-gap: 1rem;
}
@media (max-width: 991px) {
  :root {
    --qc-preset--spacing--0: 0;
    --qc-preset--spacing--10: 0.1rem;
    --qc-preset--spacing--20: 0.22rem;
    --qc-preset--spacing--30: 0.33rem;
    --qc-preset--spacing--40: 0.5rem;
    --qc-preset--spacing--50: 0.75rem;
    --qc-preset--spacing--60: 1.125rem;
    --qc-preset--spacing--70: 1.6rem;
    --qc-preset--spacing--80: 2.5rem;
    --qc-preset--spacing--90: 3.5rem;
    --qc-preset--spacing--100: 5rem;
    --qc-preset--spacing--110: 7.5rem;
    --qc-preset--spacing--120: 10rem;
    --qc-preset--spacing--130: 12rem;
    --qc-preset--spacing--140: 15rem;
    --qc-preset--spacing--150: 18rem;
    --qc-style--common-block-gap: 0.75rem;
  }
  html,
  body {
    font-size: 14px;
  }
}
.qc-h1-tag {
  font-size: 3rem;
  font-family: Inter;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2;
  color: var(--qc-heading-color);
}
.qc-h2-tag {
  font-size: 1.75rem;
  font-family: Inter;
  font-weight: bold;
  font-style: normal;
  line-height: 1.5;
  color: var(--qc-heading-color);
}
.qc-h3-tag {
  font-size: 1.5rem;
  font-family: Inter;
  font-weight: bold;
  font-style: normal;
  line-height: 1.5;
  color: var(--qc-heading-color);
}
.qc-h4-tag {
  font-size: 1.125rem;
  font-family: Inter;
  font-weight: bold;
  font-style: normal;
  line-height: 1.5;
  color: var(--qc-heading-color);
}
.qc-h5-tag {
  font-size: 1rem;
  font-family: Inter;
  font-weight: bold;
  font-style: normal;
  line-height: 1.5;
  color: var(--qc-heading-color);
}
.qc-h6-tag {
  font-size: 0.875rem;
  font-family: Inter;
  font-weight: bold;
  font-style: normal;
  line-height: 1.6;
  color: var(--qc-heading-color);
}
.qc-p1-tag {
  font-size: 1.128rem;
  font-family: Inter;
  font-weight: none;
  font-style: normal;
  line-height: 1.75;
  color: var(--qc-text-color);
}
.qc-p2-tag {
  font-size: 1rem;
  font-family: Inter;
  font-weight: none;
  font-style: normal;
  line-height: 1.65;
  color: var(--qc-text-color);
}
.qc-p3-tag {
  font-size: 0.875rem;
  font-family: Inter;
  font-weight: none;
  font-style: normal;
  line-height: 1.7;
  color: var(--qc-text-color);
}
.qc-editor-wrapper {
  font-family: Inter;
}
.qc-editor-wrapper p {
  margin: 1.128rem 0;
  min-height: 1em;
  font-size: 1.128rem;
  font-family: Inter;
  font-weight: none;
  font-style: normal;
  line-height: 1.75;
  color: var(--qc-text-color);
}
.qc-editor-wrapper h1 {
  margin: 3rem 0;
  font-size: 3rem;
  font-family: Inter;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2;
  color: var(--qc-heading-color);
}
.qc-editor-wrapper h2 {
  margin: 1.75rem 0;
  font-size: 1.75rem;
  font-family: Inter;
  font-weight: bold;
  font-style: normal;
  line-height: 1.5;
  color: var(--qc-heading-color);
}
.qc-editor-wrapper h3 {
  margin: 1.5rem 0;
  font-size: 1.5rem;
  font-family: Inter;
  font-weight: bold;
  font-style: normal;
  line-height: 1.5;
  color: var(--qc-heading-color);
}
.qc-editor-wrapper h4 {
  margin: 1.125rem 0;
  font-size: 1.125rem;
  font-family: Inter;
  font-weight: bold;
  font-style: normal;
  line-height: 1.5;
  color: var(--qc-heading-color);
}
.qc-editor-wrapper h5 {
  margin: 1rem 0;
  font-size: 1rem;
  font-family: Inter;
  font-weight: bold;
  font-style: normal;
  line-height: 1.5;
  color: var(--qc-heading-color);
}
.qc-editor-wrapper h6 {
  margin: 0.875rem 0;
  font-size: 0.875rem;
  font-family: Inter;
  font-weight: bold;
  font-style: normal;
  line-height: 1.6;
  color: var(--qc-heading-color);
}
.qc-editor-wrapper code {
  font-size: 1.0152rem;
  padding: 0.25em;
  border-radius: 0.25em;
  background-color: #eee !important;
  color: #616161;
  box-decoration-break: clone;
}
.qc-editor-wrapper a {
  color: var(--qc-link-color);
  text-decoration: underline;
}
.qc-editor-wrapper blockquote {
  padding-left: 0.8rem;
  font-style: normal;
  font-style: italic;
  font-size: Inter;
  border-left: 3px solid #bcbfc3;
}
.qc-editor-wrapper ul,
.qc-editor-wrapper ol {
  padding: 0 1rem;
}
.qc-editor-wrapper ul li::marker,
.qc-editor-wrapper ol li::marker {
  font-size: 1.128rem;
}
.qc-button-wrapper {
  background: var(--qc-button-color);
  border-radius: 6px;
  font-family: Inter;
}
.qc-caption {
  font-size: 0.875rem;
  font-family: Inter;
  font-weight: none;
  font-style: normal;
  line-height: 1.7;
  color: var(--qc-text-color);
}
.qc-link-wrapper {
  font-family: Inter;
}
.qc-navbar-brand-wrapper .qc-navbar-brand-name {
  font-family: Inter;
}
.blog-collection-wrapper .blog-collection-main .empty-collection span {
  font-size: 1.128rem;
  font-family: Inter;
  font-weight: none;
  font-style: normal;
  line-height: 1.75;
  color: var(--qc-text-color);
}
.b-c-p .pagination {
  font-size: 1.128rem;
  font-family: Inter;
  font-weight: none;
  font-style: normal;
  line-height: 1.75;
  color: var(--qc-text-color);
}
.b-c-l .la .la-l .title {
  font-size: 1.75rem;
  font-family: Inter;
  font-weight: bold;
  font-style: normal;
  line-height: 1.5;
  color: var(--qc-heading-color);
}
.b-c-l .la .la-l .description {
  font-size: 1rem;
  font-family: Inter;
  font-weight: none;
  font-style: normal;
  line-height: 1.65;
  color: var(--qc-text-color);
}
.b-c-l .la .la-l .rt .time {
  font-size: 0.875rem;
  font-family: Inter;
  font-weight: none;
  font-style: normal;
  line-height: 1.7;
  color: var(--qc-text-color);
}
.b-c-l .ap .author .name {
  font-size: 0.875rem;
  font-family: Inter;
  font-weight: bold;
  font-style: normal;
  line-height: 1.6;
  color: var(--qc-heading-color);
}
.qc-blog-toc-container .qc-blog-toc-title {
  font-size: 0.875rem;
  font-family: Inter;
  font-weight: none;
  font-style: normal;
  line-height: 1.7;
  color: var(--qc-text-color);
}
.qc-blog-toc-container .qc-blog-toc-body a {
  font-size: 0.875rem;
  font-family: Inter;
  font-weight: none;
  font-style: normal;
  line-height: 1.7;
  color: var(--qc-text-color);
}
.qc-share-blog-wrapper .qc-share-blog-title {
  font-size: 0.875rem;
  font-family: Inter;
  font-weight: none;
  font-style: normal;
  line-height: 1.7;
  color: var(--qc-text-color);
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 16px;
}