img {
  max-width: unset;
}

* {
  font-family: Montserrat, serif;
}

.tnr {
  font-family: "Noto Serif Display", serif;
}

#toggle-search:checked ~ .content-layout .search-box {
  transform: translateX(0);
}
#toggle-search:checked ~ .content-layout .menu-btn-group .menu-ic-search{
  opacity: 0;
  visibility: hidden;
  order: 0;
}
#toggle-search:checked ~ .content-layout .menu-btn-group {
  transform: translateX(-40px);
}

.content-layout {
  transition: 0.25s;
}
.content-layout .search-box {
  transform: translateX(100vw);
  transition: 0.3s;
}
.content-layout .menu-btn-group {
  margin-right: -40px;
  transform: translateX(0px);
  transition: 0.3s;
}

#toggle-sidebar:checked ~ .content-layout {
  transform: translateX(80vw);
}
#toggle-sidebar:checked ~ .content-layout .overlay-sidebar-open {
  visibility: visible;
  opacity: 1;
}
@media (min-width: 640px) {
  #toggle-sidebar:checked ~ .content-layout {
    transform: translateX(30vw);
  }
}
@media (min-width: 800px) {
  #toggle-sidebar:checked ~ .content-layout {
    transform: translateX(30vw);
  }
}
#toggle-sidebar:checked ~ .cushion-content-layout {
  transition: 0s;
  z-index: 0 !important;
}

.cushion-content-layout {
  transition-delay: 1s;
  transition: 1s;
}

.splide__arrow {
  background: transparent;
}

.menu-light-g {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 20%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0.5) 80%, transparent);
}
.menu-light-g .cushin-blur-1 {
  -webkit-backdrop-filter: blur(0.5px);
          backdrop-filter: blur(0.5px);
}
.menu-light-g .cushin-blur-2 {
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}

.menu-dark-g {
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.1) 75%, transparent);
}

.menu-dark {
  background: rgba(0, 0, 0, 0.85);
}

@keyframes loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.loading-ani {
  animation-name: loading;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
  animation-duration: 1.5s;
}

.content-by-editor {
  text-align: unset;
}
.content-by-editor h1 {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor h1 * {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor h1 {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor h1 * {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor h2 {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor h2 * {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor h3 {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor h3 * {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor h4 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor h4 * {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor h5 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor h5 * {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor h6 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor h6 * {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor b, .content-by-editor strong {
  font-weight: 600;
}
.content-by-editor b *, .content-by-editor strong * {
  font-weight: 600;
}
.content-by-editor img {
  display: unset !important;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.content-by-editor img * {
  display: unset !important;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.content-by-editor * {
  text-align: unset;
}
.content-by-editor * h1 {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor * h1 * {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor * h1 {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor * h1 * {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor * h2 {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor * h2 * {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor * h3 {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor * h3 * {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor * h4 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor * h4 * {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor * h5 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor * h5 * {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor * h6 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor * h6 * {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "Times New Roman";
  color: #212121;
}
.content-by-editor * b, .content-by-editor * strong {
  font-weight: 600;
}
.content-by-editor * b *, .content-by-editor * strong * {
  font-weight: 600;
}
.content-by-editor * img {
  display: unset !important;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.content-by-editor * img * {
  display: unset !important;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

@keyframes rotate-ani-option {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.rotate-ani {
  animation-name: rotate-ani-option;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.scrollbar-mix::-webkit-scrollbar {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  width: 4px;
  height: 4px;
}

.scrollbar-mix:hover::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.scrollbar-mix::-webkit-scrollbar-track {
  height: 4px;
  width: 4px;
  background-color: transparent;
}

.scrollbar-mix::-webkit-scrollbar-thumb {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #ebebeb;
  border-radius: 100px;
}

.scrollbar-mix:hover::-webkit-scrollbar-thumb {
  background-color: #555;
}

.item-chart:nth-child(1) {
  background: lightblue !important;
}

.item-chart:nth-child(2) {
  background: mediumaquamarine !important;
}

.item-chart:nth-child(3) {
  background: darkseagreen !important;
}

.item-chart:nth-child(4) {
  background: darkkhaki !important;
}

.item-chart:nth-child(5) {
  background: khaki !important;
}

.item-chart:nth-child(6) {
  background: antiquewhite !important;
}

.item-chart:nth-child(7) {
  background: burlywood !important;
}

.item-chart:nth-child(8) {
  background: chocolate !important;
}/*# sourceMappingURL=style.css.map */