.lc-consent[hidden],
.lc-consent-manage[hidden] {
  display: none !important;
}

.lc-consent {
  position: fixed;
  z-index: 1200;
  inset: auto max(var(--lc-gutter), env(safe-area-inset-right)) max(var(--lc-gutter), env(safe-area-inset-bottom)) max(var(--lc-gutter), env(safe-area-inset-left));
  max-height: calc(100dvh - (2 * var(--lc-gutter)));
  overflow-y: auto;
  border: var(--lc-line);
  border-top: 0.25rem solid var(--lc-lime-500);
  border-radius: var(--lc-radius);
  background: var(--lc-night-850);
  color: var(--lc-ivory-100);
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 45%);
}

.lc-consent__inner {
  width: min(100%, 62rem);
  margin-inline: auto;
  padding: clamp(0.875rem, 4vw, 1.125rem);
  display: grid;
  gap: var(--lc-space-3);
}

.lc-consent__copy h2 {
  margin: 0 0 0.375rem;
  color: var(--lc-ivory-100);
  font-family: var(--lc-font-display);
  font-size: clamp(1.35rem, 6vw, 1.75rem);
  line-height: 0.95;
  text-transform: uppercase;
}

.lc-consent__copy p {
  max-width: 46rem;
  margin: 0;
  color: var(--lc-ivory-300);
  font-size: 0.875rem;
  line-height: 1.35;
}

.lc-consent__actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--lc-space-2);
}

.lc-consent__button,
.lc-consent-manage {
  min-height: 2.75rem;
  border: 2px solid var(--lc-lime-500);
  border-radius: var(--lc-radius);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.lc-consent__button--accept {
  background: var(--lc-lime-500);
  color: var(--lc-night-950);
}

.lc-consent__button--refuse {
  background: transparent;
  color: var(--lc-ivory-100);
}

.lc-consent__button:hover,
.lc-consent-manage:hover {
  border-color: var(--lc-lime-400);
}

.lc-consent__button:focus-visible,
.lc-consent-manage:focus-visible,
#lc-consent-title:focus-visible {
  outline: 3px solid var(--lc-orange-500);
  outline-offset: 3px;
}

.lc-consent-manage {
  width: 100%;
  min-height: 2.5rem;
  padding: 0.5rem max(var(--lc-gutter), env(safe-area-inset-right)) max(0.5rem, env(safe-area-inset-bottom)) max(var(--lc-gutter), env(safe-area-inset-left));
  display: block;
  border: 0;
  border-top: var(--lc-line);
  border-radius: 0;
  background: var(--lc-night-900);
  color: var(--lc-ivory-300);
  box-shadow: none;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.035em;
  text-align: center;
  text-transform: uppercase;
}

.lc-consent-manage:hover {
  background: var(--lc-night-850);
  color: var(--lc-lime-500);
}

@media (min-width: 48rem) {
  .lc-consent__inner {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    padding: var(--lc-space-6);
    gap: var(--lc-space-5);
  }

  .lc-consent__copy h2 {
    margin-bottom: var(--lc-space-2);
    font-size: clamp(1.75rem, 5vw, 2.5rem);
    line-height: 1;
  }

  .lc-consent__copy p {
    font-size: inherit;
    line-height: inherit;
  }

  .lc-consent__actions {
    grid-template-columns: repeat(2, minmax(9rem, 1fr));
    gap: var(--lc-space-3);
  }

  .lc-consent__button {
    padding-inline: var(--lc-space-5);
  }
}

@media (forced-colors: active) {
  .lc-consent,
  .lc-consent__button,
  .lc-consent-manage {
    border: 2px solid CanvasText;
  }
}