html {
  font-size: 100%; }

.bg-w:has(.admin-page) {
  background: none; }

.bdr:has(.admin-page) {
  border: none; }

.admin-max-height-table {
  max-height: 325px;
  overflow: auto; }

.admin-page {
  background: #ccd2e0; }
  .admin-page__heading {
    font-size: var(--cnui-heading-medium);
    font-weight: bold; }
  .admin-page__subheading {
    margin-top: var(--cnui-spacing-small); }
  .admin-page__content {
    padding: var(--cnui-spacing-large) var(--cnui-spacing-none); }

.admin-section {
  background: white;
  border-radius: var(--cnui-radius-small);
  margin-bottom: var(--cnui-spacing-large);
  overflow: hidden; }
  .admin-section__header {
    background: #f8f9fb;
    padding: var(--cnui-spacing-large);
    border-bottom: 1px solid #e5e5e5; }
  .admin-section__heading {
    font-size: 20px; }
  .admin-section__subheading {
    margin-top: var(--cnui-spacing-small); }
  .admin-section__content {
    padding: var(--cnui-spacing-large); }
  .admin-section--secondary .admin-section__header {
    background: none;
    padding: var(--cnui-spacing-none);
    border-bottom: none; }
  .admin-section--secondary .admin-section__heading {
    font-size: var(--cnui-heading-x-small); }

.carnow-ai.admin-page {
  padding: 20px; }
  .carnow-ai.admin-page .admin-page__heading {
    color: white;
    font-size: 32px;
    font-weight: normal; }
  .carnow-ai.admin-page .admin-page__subheading {
    color: white; }
  .carnow-ai.admin-page .admin-page__content {
    margin-top: 10px; }

.carnow-ai .admin-section {
  background: rgba(255, 255, 255, 0.875); }
  .carnow-ai .admin-section .admin-section__header {
    background: rgba(255, 255, 255, 0.875);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }

.carnow-ai .cnui-modal .cnui-modal__header h1 {
  color: white;
  font-size: 20px; }

.carnow-ai hr {
  border-top: 1px solid rgba(255, 255, 255, 0.875); }

.carnow-ai-feature-table {
  border-collapse: separate;
  border-spacing: 1rem; }

.aiFeatureBackground,
.carnow-ai .cnui-modal .cnui-modal__header {
  /* background-image: linear-gradient(120deg, #ff94f1 7.63%, #978aff 37.94%, #00d2e5 65.23%, #8ffff8 92.12%); */
  background-image: linear-gradient(110deg, #00d2e5 7.63%, #978aff 37.94%, #00d2e5 65.23%, #978aff 92.12%);
  background-size: 400% 400%;
  animation: aiBackgroundGradient 12s ease infinite; }

@keyframes aiBackgroundGradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }