:root {
  --theme_1-bg: center 0, center 0;
  --theme_1-icon: none;
  --theme_1-keyIcon: none;
  --theme_1-btn: blur(2rem) brightness(130%) contrast(110%) saturate(130%);
  --theme_1-logo: none;
  --theme_2-bg: center 104vh, center 0;
  --theme_2-icon: none;
  --theme_2-keyIcon: none;
  --theme_2-btn: blur(2rem) brightness(140%) contrast(110%) saturate(130%);
  --theme_2-logo: none;
}

.theme_1::after {
  background-position: var(--theme_1-bg);
}
.theme_1 .un_filesOption div div::before {
  filter: brightness(145%) contrast(115%) saturate(150%);
}
.theme_1-icon img {
  filter: var(--theme_1-icon);
}
.theme_1 .un_navIcon img {
  filter: var(--theme_1-icon);
}
.theme_1 .un_headerLogo img {
  filter: var(--theme_1-logo);
}
.theme_1 .un_headerKey-btn label span::before {
  filter: brightness(132%) contrast(116%) saturate(122%);
}
.theme_1 .un_headerKey-btn label:hover span::before {
  filter: brightness(145%) contrast(118%) saturate(128%);
}
.theme_1 .un_headerKey-list ul li span:nth-child(1)::before {
  filter: var(--theme_1-keyIcon);
}

.theme_2::after {
  background-position: var(--theme_2-bg);
}
.theme_2 .un_filesOption div div::before {
  filter: brightness(145%) contrast(115%) saturate(150%);
}
.theme_2-icon img {
  filter: var(--theme_2-icon);
}
.theme_2 .un_navIcon img {
  filter: var(--theme_2-icon);
}
.theme_2 .un_headerLogo img {
  filter: var(--theme_2-logo);
}
.theme_2 .un_headerKey-btn label span::before {
  filter: brightness(132%) contrast(116%) saturate(122%);
}
.theme_2 .un_headerKey-btn label:hover span::before {
  filter: brightness(145%) contrast(118%) saturate(128%);
}
.theme_2 .un_headerKey-list ul li span:nth-child(1)::before {
  filter: var(--theme_2-keyIcon);
}

body {
  margin: 0;
  background-color: rgb(17, 17, 17);
  font-family: "Arpona";
}
body::after {
  content: "";
  width: 100%;
  height: 104vh;
  background-image: url("../images/bg/theme/bg1.jpg"), url("../images/bg/theme/bg2.webp");
  background-position: center 0, center 0;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  mask: url(../images/mask_up.webp);
  mask-size: 4000% 100%;
  mask-position: 100% 0;
}
body::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100vh;
  background: linear-gradient(rgb(0, 0, 0), rgba(32, 32, 32, 0.95));
  mask: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7), rgb(0, 0, 0));
  bottom: -7vh;
  left: 0;
  z-index: 1;
}/*# sourceMappingURL=theme.css.map */