:root{--application-scene-base:oklch(19% .018 255);--application-scene-overlay:linear-gradient(180deg, oklch(12% .015 255/.25), transparent 28%, oklch(12% .015 255/.12) 45%, var(--application-scene-base) 960px);--application-scene-foreground:oklch(97% .008 250);--application-scene-muted:oklch(83% .018 250);--application-surface-foreground:var(--foreground);--application-surface-muted:var(--muted-foreground)}.application-background{isolation:isolate;background:var(--application-scene-base);min-height:calc(100vh - 110px);position:relative}@media (width>=1024px){.application-background{min-height:100vh}}.application-landscape{object-fit:cover;object-position:center top;opacity:1;z-index:-3;pointer-events:none;width:100%;height:min(100vh - 110px,960px);position:absolute;inset:0}@media (width>=1024px){.application-landscape{height:min(100vh,960px)}}.application-background:before{content:"";z-index:-2;pointer-events:none;background:var(--application-scene-overlay);position:absolute;inset:0}.application-standard-page{--foreground:var(--application-scene-foreground);--muted-foreground:var(--application-scene-muted);color:var(--foreground)}@layer components{.application-standard-page :is([class~=bg-card],[class*=bg-card\/],[class~=bg-muted],[class*=bg-muted\/],[class~=bg-background],[class*=-surface],[class*=--gradient-direction-sky],.perspective-surface):not(.arlo-panel-theme,.arlo-panel-theme *){--foreground:var(--application-surface-foreground);--muted-foreground:var(--application-surface-muted);color:var(--foreground)}}