#modalContent {
  --offset: 10px;
  --blur: 100px;
  --position: 20px;
  box-shadow:
    calc(var(--offset) * -1) calc(var(--offset) * -1) var(--blur)
      var(--position) rgba(110,231,183, 0.1),
    var(--offset) var(--offset) var(--blur) var(--position)
      rgba(119, 153, 250, 0.1);
}

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
  flex-shrink: 0;
}

.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #4B5563;
  transition: 0.3s;
  border-radius: 24px;
}

.toggle-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}

input:checked + .toggle-slider {
  background-color: #6EE7B7;
}

input:checked + .toggle-slider:before {
  transform: translateX(24px);
}

input:disabled + .toggle-slider {
  opacity: 0.6;
  cursor: not-allowed;
}

input:disabled:checked + .toggle-slider {
  background-color: #6EE7B7;
}

.cookie-chevron {
  transition: transform 0.3s ease;
}

.cookie-chevron.rotate-90 {
  transform: rotate(0deg);
}

.cookie-section-content {
  transition: max-height 0.3s ease;
}

.cookie-section-content a {
  color: #00D9A5;
  text-decoration: underline;
}

.cookie-section {
  transition: all 0.2s ease;
}

#cookiesBadge:hover {
  transform: scale(1.05);
  transition: transform 0.2s ease;
}

#scrollToTop {
  transition: opacity 0.3s ease, transform 0.2s ease;
}

#scrollToTop:hover {
  transform: scale(1.05);
}

#scrollToTop.hidden {
  opacity: 0;
  pointer-events: none;
}