:root {
  --lc-ambient-light-rgb: 240 243 253;
  --lc-ambient-dark-rgb: 24 23 33;
  --lc-ambient-dark-end-rgb: 24 23 33;
  --lc-ambient-glow-rgb: 72 118 255;
  --lc-ambient-glow-opacity: 0.12;
  --lc-ambient-dark-progress: 0;
  --lc-ambient-transition-duration: 0ms;
  --lc-ambient-transition-ease: linear;
}

html {
  overflow-x: clip;
}

body.bricks-is-frontend {
  background: rgb(var(--lc-ambient-light-rgb));
  overflow-x: clip;
}

.lc-site-ambient {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  pointer-events: none;
}

.lc-site-ambient__layer {
  position: absolute;
  inset: 0;
  transition: opacity var(--lc-ambient-transition-duration) var(--lc-ambient-transition-ease);
  will-change: opacity;
}

.lc-site-ambient__layer--light {
  background: rgb(var(--lc-ambient-light-rgb));
  opacity: calc(1 - var(--lc-ambient-dark-progress));
}

.lc-site-ambient__layer--dark {
  background:
    radial-gradient(
      circle at 18% 10%,
      rgb(var(--lc-ambient-glow-rgb) / var(--lc-ambient-glow-opacity)),
      transparent 32rem
    ),
    linear-gradient(180deg, rgb(var(--lc-ambient-dark-rgb)), rgb(var(--lc-ambient-dark-end-rgb)));
  opacity: var(--lc-ambient-dark-progress);
}

body.bricks-is-frontend > .skip-link,
body.bricks-is-frontend > #brx-content,
body.bricks-is-frontend > footer {
  position: relative;
  z-index: 2;
}

body.bricks-is-frontend > #brx-header {
  position: relative;
  z-index: 1000000;
  height: 0;
  min-height: 0;
  overflow: visible;
}

body.bricks-is-frontend > .skip-link {
  position: absolute !important;
  left: 1rem;
  top: 1rem;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap;
}

body.bricks-is-frontend > .skip-link:focus {
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  z-index: 1000000;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  background: #ffffff;
  color: #08070e;
}

.lc-ambient-section {
  --lc-section-copy: var(--lc-color-ink);
  --lc-section-muted: var(--lc-color-muted);
  --lc-section-accent: var(--lc-color-brand-700);
  --lc-section-border: color-mix(in srgb, var(--lc-color-ink) 10%, transparent);
  color: var(--lc-section-copy);
}

.lc-ambient-section[data-lc-ambient-tone="light"] {
  background-color: rgb(var(--lc-ambient-light-rgb));
}

.lc-ambient-section[data-lc-ambient-tone="dark"] {
  --lc-section-copy: var(--lc-color-white);
  --lc-section-muted: color-mix(in srgb, var(--lc-color-white) 68%, transparent);
  --lc-section-accent: var(--lc-color-brand-200);
  --lc-section-border: color-mix(in srgb, var(--lc-color-white) 16%, transparent);
  background-color: rgb(var(--lc-ambient-dark-rgb));
}

body[data-lc-ambient-ready="true"] .lc-ambient-section:not([data-lc-ambient-fade-into="false"]):not([data-lc-ambient-surface="section"]),
body[data-lc-ambient-ready="true"] .lc-ambient-section[data-lc-ambient-surface="transparent"] {
  background-color: transparent !important;
}

body[data-lc-ambient-ready="true"] .lc-ambient-section[data-lc-ambient-tone="light"]:not([data-lc-ambient-fade-into="false"]) {
  --lc-light-section-dark-progress: var(--lc-ambient-dark-progress);
}

@media (prefers-reduced-motion: reduce) {
  .lc-site-ambient__layer {
    transition: none;
  }
}