/*! bg-state {"__theme":"dark","--bg-color":{"type":"token","value":"surface-secondary-bold"},"--bg-grid-color":{"type":"color","value":"#ee442a"},"--bg-grid-opacity":{"type":"range","value":0.63},"--bg-grid-size":{"type":"range","value":28},"--bg-glow-a-color":{"type":"brand","value":"y"},"--bg-glow-a-opacity":{"type":"range","value":0.07},"--bg-glow-a-size":{"type":"range","value":1020},"--bg-glow-a-x":{"type":"range","value":-50},"--bg-glow-a-y":{"type":"range","value":-30},"--bg-glow-b-color":{"type":"brand","value":"r"},"--bg-glow-b-opacity":{"type":"range","value":0.21},"--bg-glow-b-size":{"type":"range","value":1600},"--bg-glow-b-x":{"type":"range","value":-23},"--bg-glow-b-y":{"type":"range","value":21},"--bg-glow-c-color":{"type":"brand","value":"b"},"--bg-glow-c-opacity":{"type":"range","value":0.27},"--bg-glow-c-size":{"type":"range","value":1340},"--bg-glow-c-x":{"type":"range","value":43},"--bg-glow-c-y":{"type":"range","value":-21},"--bg-vignette-color":{"type":"token","value":"surface-accent-subtle"},"--bg-vignette-opacity":{"type":"range","value":0}} */
.bg[data-state="features-build"] {
  background-color: var(--semantic-color-surface-secondary-bold);
  --bg-state-theme: dark;
}
.bg[data-state="features-build"] .bg__grid {
  opacity: 0.63;
  background-image: radial-gradient(circle, #ee442a 1px, transparent 1px);
  background-size: 28px 28px;
  background-position: center center;
}
.bg[data-state="features-build"] .bg__glow--a {
  opacity: 0.07;
  width: 1020px; height: 1020px;
  background: radial-gradient(circle, var(--primitive-color-brand-accent-500) 0%, transparent 65%);
  transform: translate(-50%, -50%) translate(calc(-50 * var(--vw)), calc(-30 * var(--vh)));
}
.bg[data-state="features-build"] .bg__glow--b {
  opacity: 0.21;
  width: 1600px; height: 1600px;
  background: radial-gradient(circle, var(--primitive-color-brand-secondary-500) 0%, transparent 65%);
  transform: translate(-50%, -50%) translate(calc(-23 * var(--vw)), calc(21 * var(--vh)));
}
.bg[data-state="features-build"] .bg__glow--c {
  opacity: 0.27;
  width: 1340px; height: 1340px;
  background: radial-gradient(circle, var(--primitive-color-brand-primary-500) 0%, transparent 65%);
  transform: translate(-50%, -50%) translate(calc(43 * var(--vw)), calc(-21 * var(--vh)));
}
.bg[data-state="features-build"] .bg__vignette {
  opacity: 0;
  background: radial-gradient(ellipse 80% 70% at 50% 50%, transparent 35%, var(--semantic-color-surface-accent-subtle) 100%);
}