.be-scene-plate::after,
.be-scene-picture::after,
.be-scene-light::before,
.be-scene-light::after,
.be-scene-stage::after,
.be-scene-air,
.be-scene-dark {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.be-scene-plate::after,
.be-scene-light::before,
.be-scene-light::after,
.be-scene-stage[data-be-air]::after {
  content: "";
}
.be-scene-light {
  mix-blend-mode: screen;
  opacity: calc(var(--light, 1) * (1 - .8 * var(--dg, 0)));
}
.be-scene-light::before,
.be-scene-light::after {
  background: var(--be-bloom, none), var(--rays-img, none);
  -webkit-mask: radial-gradient(circle at var(--sun-x, 50%) var(--sun-y, 0%), #000, #0008 38%, #0000 78%);
  mask: radial-gradient(circle at var(--sun-x, 50%) var(--sun-y, 0%), #000, #0008 38%, #0000 78%);
  transform-origin: var(--sun-x, 50%) var(--sun-y, 0%);
  opacity: calc(var(--dawn, 1) * .9);
}
.be-scene-light::after {
  background: var(--rays-img, none);
  opacity: calc(var(--dawn, 1) * .5);
}
[data-be-air="meadow"] { --be-bloom: radial-gradient(ellipse 30% 50% at var(--sun-x) var(--sun-y), #ffe8b480, #ffdca01f 50%, #0000); }
[data-be-air="predawn"] { --be-bloom: radial-gradient(ellipse 62% 60% at var(--sun-x) var(--sun-y), #ffc4789e, #ffaa6e2e 45%, #0000 75%); }
[data-be-air="briar-out"] { --be-bloom: radial-gradient(ellipse 55% 75% at var(--sun-x) var(--sun-y), #ffd6a866, #ffc8a01a 55%, #0000); }
.be-scene-plate::after {
  background: var(--lamps-img, none), var(--glow-img, none);
  mix-blend-mode: screen;
  opacity: calc(var(--light, 1) * var(--lamp, 1) * (1 - .8 * var(--dg, 0)));
}
:is([data-be-air="predawn"], [data-be-air="ridge"], [data-be-air="fog"]) .be-scene-picture::after { content: ""; }
[data-be-air="predawn"] .be-scene-picture::after { background: linear-gradient(#0c1020, #1a1e2e); opacity: calc(.06 + .58 * (1 - var(--dawn))); }
[data-be-air="ridge"] .be-scene-picture::after { background: linear-gradient(#0d1426, #1b2741 46%, #2c3a55 60%, #3a4866); mix-blend-mode: multiply; opacity: .86; }
[data-be-air="fog"] .be-scene-picture::after { background: linear-gradient(#c8ced08c, #dadedf 75%); opacity: calc(var(--fog, .7) * var(--fog, .7) * .6); }
[data-be-air="predawn"] { --dawn: .85; --grade: color-mix(in srgb, #c9b458 calc(var(--dawn) * 100%), #8fa0b8); }
[data-be-air="night"] { --grade: #1b2a44; --grade-opacity: .3; --vignette: #04060e99; }
[data-be-air="ridge"] { --grade: #24324a; --grade-opacity: .24; --vignette: #04081099; }
[data-be-air="ridge"] .be-scene-lens::before { background: linear-gradient(#0000 42%, #aabcdc 60%, #8ca0c8); opacity: .6; }
[data-be-air="sodium"] { --grade: #3d4f4f; --grade-opacity: .28; --vignette: #0a0a0e8c; }
[data-be-air="floodlit"] { --grade: #3a4656; --grade-opacity: .34; --vignette: #0009; }
[data-be-air="barn"] { --grade: #c9b458; --grade-opacity: .18; }
[data-be-air="briar-out"] { --grade: #4ecdc4; --grade-opacity: .12; }
.be-scene[data-register="predator-black"] > .be-scene-stage { --grade: inherit; --grade-opacity: inherit; --vignette: inherit; }
[data-be-air="dawn-open"] :is(.be-scene-lens, .be-scene-light) { display: none; }
.be-scene-stage[data-be-air]::after {
  z-index: 3;
  background: radial-gradient(ellipse 62% 60%, #0000 38%, #000b);
  opacity: var(--dg, 0);
}
.be-scene-air {
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
}
:where(.be-air-host) { position: relative; }
.be-scene-dark {
  z-index: 2;
  background: #0b0705;
  opacity: .9;
  -webkit-mask: radial-gradient(circle var(--wr, 120px) at var(--wx, 50%) var(--wy, 60%), #0000, #0006 55%, #000);
  mask: radial-gradient(circle var(--wr, 120px) at var(--wx, 50%) var(--wy, 60%), #0000, #0006 55%, #000);
}
.be-air-still {
  position: absolute;
  top: .75rem;
  right: max(.75rem, env(safe-area-inset-right));
  z-index: 5;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 1rem 0 .9rem;
  border: 1px solid #f5ecdc6b;
  border-radius: 22px;
  background: #0e0b08ad;
  color: #f5ecdc;
  font: inherit;
  font-size: .8125rem;
  letter-spacing: .04em;
  cursor: pointer;
}
.be-air-still::before {
  content: "";
  width: .32em;
  height: .32em;
  margin-right: 1.65em;
  border-radius: 50%;
  background: currentColor;
  box-shadow: .62em -.42em 0 -.04em, 1.1em .1em 0 -.08em;
}
.be-air-still[aria-pressed="true"]::before { box-shadow: .62em 0 0 -.04em, 1.1em 0 0 -.08em; opacity: .7; }
.be-air-still:hover { background: #0e0b08d6; }
.be-air-still[aria-pressed="true"] { background: #f5ecdc; color: #0e0b08; }
.be-air-still:focus-visible { outline: 3px solid #f5ecdc; outline-offset: 3px; box-shadow: 0 0 0 3px #0e0b08; }
.be-air-still[hidden] { display: none; }
@media (max-width: 40rem), (pointer: coarse) {
  .be-scene-light::after { display: none; }
  .be-scene-plate::after, [data-be-air="ridge"] .be-scene-light { mix-blend-mode: normal; }
}
@media (prefers-reduced-motion: no-preference) {
  :where(html.js:not([data-be-motion="reduce"]) [data-be-air="briar"]) .be-scene-plate::after { animation: be-air-breathe 6s ease-in-out infinite; }
}
@media (prefers-reduced-motion: no-preference) and (min-width: 40.0625rem) and (pointer: fine) {
  :where(html.js:not([data-be-motion="reduce"])) .be-scene-light::before { animation: be-air-sway 19s cubic-bezier(.65, 0, .35, 1) infinite alternate; }
  :where(html.js:not([data-be-motion="reduce"])) .be-scene-light::after { animation: be-air-sway 13s cubic-bezier(.65, 0, .35, 1) infinite alternate-reverse; }
}
:is([data-be-air-state="paused"], [data-be-air-state="frozen"]) :is(.be-scene-light, .be-scene-plate)::before,
:is([data-be-air-state="paused"], [data-be-air-state="frozen"]) :is(.be-scene-light, .be-scene-plate)::after { animation-play-state: paused; }
:is([data-be-air="none"], [data-be-air-state="still"]) :is(.be-scene-light, .be-scene-plate)::before,
:is([data-be-air="none"], [data-be-air-state="still"]) :is(.be-scene-light, .be-scene-plate)::after { animation: none; }
@keyframes be-air-sway { from { transform: rotate(-1.4deg); } to { transform: rotate(1.4deg); } }
@keyframes be-air-breathe { 0%, 100% { opacity: .5; } 50% { opacity: .86; } }
html[data-be-motion="reduce"] .be-scene-dark { display: none; }
@media (prefers-reduced-motion: reduce), (forced-colors: active), print { .be-scene-dark { display: none; } }
@media print { .be-scene-air, .be-air-still, .be-scene-plate::after, .be-scene-picture::after { display: none; } }
