/* Generated from consent-core/src/interface.css; run npm run sync:wordpress-runtime; do not edit. */
.scm-consent,
.scm-consent * {
  box-sizing: border-box;
}
.scm-consent { --scm-background: #fff; --scm-text: #172033; --scm-accent: #153a66; --scm-accent-text: #fff; --scm-focus: #1d4ed8; --scm-radius: 8px; }

.scm-banner {
  position: fixed;
  z-index: 2147483000;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  color: var(--scm-text);
  font: 400 1rem/1.5 system-ui, sans-serif;
}

.scm-banner__content {
  width: min(70rem, 100%);
  margin: 0 auto;
  padding: 1.25rem;
  border: 2px solid var(--scm-text);
  border-radius: var(--scm-radius);
  background: var(--scm-background);
  box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .2);
}
.scm-consent[data-banner-width="compact"] .scm-banner__content { width: min(32rem, 100%); }
.scm-consent[data-banner-position="bottom-left"] .scm-banner__content { margin-left: 0; margin-right: auto; }
.scm-consent[data-banner-position="bottom-right"] .scm-banner__content { margin-left: auto; margin-right: 0; }

.scm-banner h2,
.scm-dialog h2 {
  margin: 0 0 .5rem;
  color: inherit;
  font: 700 1.35rem/1.3 system-ui, sans-serif;
}

.scm-banner p,
.scm-dialog p {
  margin: 0 0 1rem;
}

.scm-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}

.scm-consent button.scm-button,
.scm-consent button.scm-dialog__close {
  min-height: 2.75rem;
  padding: .65rem 1rem;
  border-color: var(--scm-accent);
  border-style: solid;
  border-width: 2px;
  border-radius: var(--scm-radius);
  background-color: var(--scm-background);
  color: var(--scm-text);
  font: 700 1rem/1.2 system-ui, sans-serif;
  text-transform: none;
  box-shadow: none;
  appearance: none;
  cursor: pointer;
}

.scm-consent button.scm-button--accept,
.scm-consent button.scm-button--reject {
  background-color: var(--scm-accent);
  color: var(--scm-accent-text);
}

.scm-consent button.scm-button:hover,
.scm-consent button.scm-dialog__close:hover {
  border-color: var(--scm-accent);
  background-color: var(--scm-background);
  color: var(--scm-text);
}

.scm-consent button.scm-button--accept:hover,
.scm-consent button.scm-button--reject:hover {
  background-color: var(--scm-accent);
  color: var(--scm-accent-text);
}

.scm-consent button.scm-button:focus-visible,
.scm-consent button.scm-dialog__close:focus-visible,
.scm-category input:focus-visible + .scm-category__name {
  outline: 3px solid var(--scm-focus);
  outline-offset: 3px;
}

.scm-backdrop {
  position: fixed;
  z-index: 2147483001;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: auto;
  padding: 1rem;
  background: rgba(10, 18, 30, .72);
  font: 400 1rem/1.5 system-ui, sans-serif;
}

.scm-backdrop[hidden],
.scm-banner[hidden] {
  display: none;
}

.scm-dialog {
  position: relative;
  width: min(44rem, 100%);
  max-height: calc(100vh - 2rem);
  overflow: auto;
  padding: 1.5rem;
  border: 2px solid var(--scm-text);
  border-radius: var(--scm-radius);
  background: var(--scm-background);
  color: var(--scm-text);
}

.scm-dialog__close {
  float: right;
  min-width: 2.75rem;
}

.scm-categories {
  display: grid;
  gap: .75rem;
  margin: 1rem 0 1.25rem;
}

.scm-category {
  padding: 1rem;
  border: 1px solid var(--scm-accent);
  border-radius: var(--scm-radius);
}

.scm-category__label {
  display: flex;
  align-items: center;
  gap: .65rem;
  min-height: 2.75rem;
  font-weight: 700;
}

.scm-category input {
  width: 1.4rem;
  height: 1.4rem;
  margin: 0;
}

.scm-category__required {
  margin-left: auto;
  padding: .2rem .45rem;
  border: 1px solid var(--scm-accent);
  border-radius: .25rem;
  background: var(--scm-accent);
  color: var(--scm-accent-text);
  font-size: .875rem;
}

.scm-category__description {
  margin: .35rem 0 0 2.05rem !important;
}

.scm-cookie-list__title { margin: .75rem 0 .25rem 2.05rem; font-size: 1rem; }
.scm-cookie-list { margin: 0 0 0 2.05rem; padding-inline-start: 1.25rem; }
.scm-cookie { margin-block: .25rem; }
.scm-cookie-limit { margin: .75rem 0 0; font-size: .9rem; }

@media (max-width: 40rem) {
  .scm-banner {
    inset: auto .5rem .5rem;
  }
  .scm-banner__content { width: 100% !important; margin: 0 !important; }

  .scm-actions {
    grid-template-columns: 1fr;
  }

  .scm-dialog {
    max-height: calc(100vh - 1rem);
    padding: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .scm-consent *,
  .scm-consent *::before,
  .scm-consent *::after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}