/*! bg-state {"__theme":"dark","--bg-color":{"type":"token","value":"surface-primary-default"},"--bg-grid-color":{"type":"color","value":"#3395e1"},"--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.14},"--bg-glow-a-size":{"type":"range","value":1800},"--bg-glow-a-x":{"type":"range","value":0},"--bg-glow-a-y":{"type":"range","value":-18},"--bg-glow-b-color":{"type":"brand","value":"r"},"--bg-glow-b-opacity":{"type":"range","value":0.08},"--bg-glow-b-size":{"type":"range","value":1080},"--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.38},"--bg-glow-c-size":{"type":"range","value":1800},"--bg-glow-c-x":{"type":"range","value":43},"--bg-glow-c-y":{"type":"range","value":10},"--bg-vignette-color":{"type":"token","value":"surface-accent-subtle"},"--bg-vignette-opacity":{"type":"range","value":0}} */
.bg[data-state="features-export"] {
  background-color: var(--semantic-color-surface-primary-default);
  --bg-state-theme: dark;
}
.bg[data-state="features-export"] .bg__grid {
  opacity: 0.63;
  background-image: radial-gradient(circle, #3395e1 1px, transparent 1px);
  background-size: 28px 28px;
  background-position: center center;
}
.bg[data-state="features-export"] .bg__glow--a {
  opacity: 0.14;
  width: 1800px; height: 1800px;
  background: radial-gradient(circle, var(--primitive-color-brand-accent-500) 0%, transparent 65%);
  transform: translate(-50%, -50%) translate(calc(0 * var(--vw)), calc(-18 * var(--vh)));
}
.bg[data-state="features-export"] .bg__glow--b {
  opacity: 0.08;
  width: 1080px; height: 1080px;
  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-export"] .bg__glow--c {
  opacity: 0.38;
  width: 1800px; height: 1800px;
  background: radial-gradient(circle, var(--primitive-color-brand-primary-500) 0%, transparent 65%);
  transform: translate(-50%, -50%) translate(calc(43 * var(--vw)), calc(10 * var(--vh)));
}
.bg[data-state="features-export"] .bg__vignette {
  opacity: 0;
  background: radial-gradient(ellipse 80% 70% at 50% 50%, transparent 35%, var(--semantic-color-surface-accent-subtle) 100%);
}