:root {
  --cc-bg: #ffffff;
  --cc-text: #1f2937;
  --cc-btn-primary-bg: #f5a912;
  --cc-btn-primary-text: #ffffff;
  --cc-btn-primary-hover-bg: #d99410;
  --cc-btn-secondary-bg: #ffffff;
  --cc-btn-secondary-text: #1f2937;
  --cc-btn-secondary-hover-bg: #f9fafb;
  --cc-separator: #e5e7eb;
  --cc-toggle-bg-off: #d1d5db;
  --cc-toggle-bg-on: #f5a912;
  --cc-toggle-bg-readonly: #9ca3af;
  --cc-cookie-category-block-bg: #f9fafb;
  --cc-cookie-category-block-bg-hover: #f3f4f6;
  --cc-overlay-bg: rgba(0, 0, 0, 0.75);
  --cc-webkit-scrollbar-bg: #e5e7eb;
  --cc-webkit-scrollbar-bg-hover: #d1d5db;
}

@keyframes slideInRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes pulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(245, 169, 18, 0.4);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(245, 169, 18, 0);
  }
}

#cc-main .cm {
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;
}

#cc-main .cm__title,
#cc-main .pm__title {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  border-radius: 0.5rem;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}

#cc-main .cm__btn:hover,
#cc-main .pm__btn:hover {
  transform: translateY(-1px);
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

#cc-main .cm__footer a,
#cc-main .pm__section a.cc-link {
  color: #f5a912;
  text-decoration: underline;
}

#cc-main .cm__footer a:hover,
#cc-main .pm__section a.cc-link:hover {
  color: #d99410;
}

#cc-main .pm__badge {
  background-color: #f5a912;
  color: #ffffff;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  margin-left: 0.5rem;
}

#cc-main .section__toggle .toggle__icon {
  border-radius: 0.25rem;
}

#cc-main .toggle__icon-on,
#cc-main .toggle__icon-off {
  border-radius: 0.25rem;
}

#cc-main .cm,
#cc-main .pm {
  border-radius: 0.75rem;
  box-shadow:
    0 20px 25px -5px rgba(0, 0, 0, 0.1),
    0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border: 1px solid #e5e7eb;
  animation: slideInRight 0.4s ease-out;
}

#cc-main .cm__btn--primary,
#cc-main .pm__btn--primary {
  position: relative;
  overflow: hidden;
}

#cc-main .cm__btn--primary:hover,
#cc-main .pm__btn--primary:hover {
  animation: pulse 1.5s infinite;
}

#cc-main .cm__btn--primary:before,
#cc-main .pm__btn--primary:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  transform: translate(-50%, -50%);
  transition:
    width 0.6s,
    height 0.6s;
}

#cc-main .cm__btn--primary:hover:before,
#cc-main .pm__btn--primary:hover:before {
  width: 300px;
  height: 300px;
}

#cc-main .section__toggle:hover {
  transform: scale(1.02);
  transition: transform 0.2s ease;
}

#cc-main .pm__section-desc-wrapper {
  line-height: 1.6;
}

#cc-main .section__toggle {
  transition: all 0.3s ease;
}

#cc-main .toggle__icon-on {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E");
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
}

#cc-main .cm__btn--secondary,
#cc-main .pm__btn--secondary {
  border: 1px solid #d1d5db;
}

#cc-main .cm__title,
#cc-main .pm__title {
  letter-spacing: -0.02em;
}