/* Consent uses the studio's white, black and Archivo type. */
#stcm-wrapper {
  --fontFamily: var(--display);
  --primaryColor: var(--ink);
  --backgroundColor: var(--paper);
  --textColor: var(--ink);
  --iconColor: var(--paper);
  --iconBackgroundColor: var(--ink);
}

#stcm-wrapper #stcm-banner,
#stcm-wrapper #stcm-modal {
  border: 1px solid var(--hairline);
  border-radius: var(--radius);
  box-shadow: 0 8px 32px rgb(15 20 29 / 16%);
}

#stcm-wrapper #stcm-banner {
  width: 560px;
  padding: 24px;
}

#stcm-wrapper #stcm-banner p {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
}

#stcm-wrapper #stcm-banner .stcm-actions {
  gap: 10px;
  margin-top: 20px;
}

#stcm-wrapper #stcm-banner a.stcm-logo {
  width: 44px;
  height: 44px;
}

/* Consent actions use the studio's rectangular controls. */
#stcm-wrapper .stcm-button {
  min-height: 44px;
  padding: 10px 20px;
  border: 1px solid var(--ink);
  border-radius: 0;
  color: var(--ink);
  background: transparent;
  font-family: var(--display);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.2;
  transition: background-color 0.4s var(--ease-sweep), color 0.4s var(--ease-sweep), border-color 0.4s var(--ease-sweep);
}

#stcm-wrapper .stcm-button:hover,
#stcm-wrapper .stcm-button:focus-visible {
  color: var(--paper);
  background: var(--ink);
}

/* Accept all (and Save in the modal) lead, like .btn-solid. */
#stcm-wrapper .stcm-accept-all,
#stcm-wrapper .stcm-modal-save {
  padding-inline: 26px;
  color: var(--paper);
  background: var(--ink);
  font-weight: 700;
}

#stcm-wrapper .stcm-accept-all:hover,
#stcm-wrapper .stcm-accept-all:focus-visible,
#stcm-wrapper .stcm-modal-save:hover,
#stcm-wrapper .stcm-modal-save:focus-visible {
  border-color: var(--accent);
  color: var(--paper);
  background: var(--accent);
}

#stcm-wrapper #stcm-banner .stcm-button:focus,
#stcm-wrapper #stcm-modal .stcm-button:focus {
  border-radius: 0;
}

#stcm-wrapper #stcm-banner .stcm-preferences-button {
  align-items: center;
  min-height: 44px;
  padding: 0;
  color: var(--ink-soft);
  font-family: var(--display);
  font-size: 0.9375rem;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

#stcm-wrapper #stcm-icon {
  /* The vendor sets display inline after every choice; the footer replaces it. */
  display: none !important;
}

.cookie-settings {
  padding: 0;
  min-height: 44px;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  text-align: left;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  cursor: pointer;
}

@media (max-width: 599px) {
  #stcm-wrapper #stcm-banner,
  #stcm-wrapper #stcm-modal {
    padding: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #stcm-wrapper #stcm-banner,
  #stcm-wrapper #stcm-modal {
    animation-duration: 0.01ms;
    animation-delay: 0ms;
  }
}