/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/light-dark-mode/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.swiftpress-toggle {
  cursor: pointer;
  font-size: 1.5rem;
  border: none;
  background: transparent;
  padding: 0.5rem;
  transition: transform 0.3s ease, opacity 0.2s ease;
  position: relative;
}
.swiftpress-toggle:hover {
  transform: scale(1.1);
}
.swiftpress-toggle:active {
  transform: scale(0.95);
}
.swiftpress-toggle.mode-switching {
  animation: iconSwitch 0.6s ease;
}
@keyframes iconSwitch {
  0% {
    transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  50% {
    transform: rotate(180deg) scale(0.5);
    opacity: 0.3;
  }
  100% {
    transform: rotate(360deg) scale(1);
    opacity: 1;
  }
}
body {
  transition: background-color 0.4s ease, color 0.4s ease;
}
a {
  transition: color 0.4s ease;
}
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 9999;
}
body.mode-transitioning::before {
  opacity: 1;
}

/*# sourceMappingURL=style-index.css.map*/