/* GENERATED by tools/sync-apex-ui.mjs from packages/ui/src/page-atmosphere.css. Do not edit here; edit the source and re-run. */
/* Shared CAL atmosphere. Content remains in normal flow above one fixed scene. */
body[data-page-atmosphere]{position:relative;isolation:isolate}
.cal-page-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict}
.cal-page-atmosphere::before,.cal-page-atmosphere::after{content:"";position:absolute;width:72%;height:35%;border-radius:50%;background:var(--signal);filter:blur(70px);opacity:.035}
.cal-page-atmosphere::before{left:-24%;top:22%;transform:rotate(-12deg)}
.cal-page-atmosphere::after{right:-22%;top:58%;transform:rotate(8deg)}
.cal-page-atmosphere canvas[hidden]{display:none}
.cal-page-atmosphere canvas{display:block;width:100%;height:100%;color:var(--signal);opacity:.82}
html[data-appearance="light"] .cal-page-atmosphere,html:not([data-appearance])[data-theme="light"] .cal-page-atmosphere{opacity:.4}
@media(max-width:600px){.cal-page-atmosphere canvas{opacity:.68}}
@media(prefers-contrast:more),(forced-colors:active){.cal-page-atmosphere{display:none}}
@media print{.cal-page-atmosphere{display:none}}

body[data-page-atmosphere] .cal-appearance-bar{align-items:center;flex-wrap:wrap;gap:12px}