.cb-air{--cb-ready:1;--cb-honey:var(--room-p2);--cb-cream:var(--room-p4);background:linear-gradient(168deg, color-mix(in oklab, var(--cb-cream) 30%, var(--room-p1)) 0%, var(--room-p1) 46%, color-mix(in oklab, var(--cb-honey) 9%, var(--room-p1)) 100%);position:absolute;inset:0;overflow:clip}.room-grade.cb-grade{background:var(--room-p1)}.cb-honey,.cb-band,.cb-bokeh,.cb-rain{pointer-events:none;position:absolute}.cb-honey{background:radial-gradient(closest-side, color-mix(in oklab, var(--cb-cream) 58%, transparent) 0%, color-mix(in oklab, var(--cb-honey) 26%, transparent) 42%, color-mix(in oklab, var(--cb-honey) 8%, transparent) 70%, transparent 100%);width:88vw;height:110vh;top:-30vh;right:-22vw}.cb-band{background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--cb-honey) 13%, transparent) 42%, color-mix(in oklab, var(--cb-cream) 16%, transparent) 52%, transparent);transform-origin:50% 0;width:26vw;height:120vh;top:-20vh;transform:rotate(24deg)}.cb-band--a{left:4vw}.cb-band--b{opacity:.7;width:14vw;left:26vw}.cb-bokeh{--cb-disc:color-mix(in oklab, var(--cb-cream) 16%, transparent);--cb-rim:color-mix(in oklab, var(--cb-cream) 26%, transparent);background:radial-gradient(circle at 71% 16%, var(--cb-disc) 0 2.6vmax, var(--cb-rim) 2.9vmax, transparent 3.1vmax), radial-gradient(circle at 86% 46%, color-mix(in oklab, var(--cb-cream) 11%, transparent) 0 4.4vmax, color-mix(in oklab, var(--cb-cream) 18%, transparent) 4.75vmax, transparent 5vmax), radial-gradient(circle at 33% 10%, var(--cb-disc) 0 1.7vmax, var(--cb-rim) 1.95vmax, transparent 2.1vmax), radial-gradient(circle at 9% 90%, color-mix(in oklab, var(--cb-honey) 10%, transparent) 0 3.6vmax, color-mix(in oklab, var(--cb-honey) 16%, transparent) 3.95vmax, transparent 4.2vmax);inset:0}.cb-rain{width:46%;top:0;bottom:0;right:0}.cb-bead{opacity:.1;background:radial-gradient(circle at 35% 30%, var(--room-p4) 0 18%, var(--cb-cream) 40%, color-mix(in oklab, var(--cb-cream) 30%, transparent) 72%, transparent 74%);border-radius:50%;position:absolute}.cb-streak{opacity:.1;background:linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--room-p4) 55%, transparent) 55%, var(--room-p4) 92%, transparent 100%);border-radius:3px;animation:5s cubic-bezier(.5,.05,.75,.45) infinite cb-run;position:absolute;top:0;transform:translateY(-24vh)}.cb-streak:after{content:"";background:var(--room-p4);border-radius:50%;width:6px;height:7px;margin-left:-3px;position:absolute;bottom:-3px;left:50%}@keyframes cb-run{0%{transform:translateY(-24vh)}to{transform:translateY(112vh)}}.cb-plot{--cb-ready:1;pointer-events:none;position:absolute;inset:0;overflow:clip;container-type:size}.cb-soil{background:linear-gradient(0deg, color-mix(in oklab, var(--room-p2) 16%, transparent), transparent);height:22%;position:absolute;bottom:0;left:0;right:0}.cb-sun{background:radial-gradient(closest-side, color-mix(in oklab, var(--room-p4) 55%, transparent), color-mix(in oklab, var(--room-p2) 22%, transparent) 55%, transparent);width:360px;height:360px;opacity:calc(var(--f-in,0) * .55 + var(--f-tap,0) * .4);transform:translate3d(calc(var(--fx,.5) * 100cqw), calc(var(--fy,.66) * 100cqh), 0) scale(calc(.82 + var(--f-in,0) * .18));will-change:transform, opacity;border-radius:50%;margin:-180px 0 0 -180px;position:absolute;top:0;left:0}@media (width<=640px){.cb-rain{width:64%}.cb-streak--alt{display:none}.cb-band{width:44vw}.cb-band--b{width:24vw;left:52vw}.cb-sun{width:260px;height:260px;margin:-130px 0 0 -130px}}@media (prefers-reduced-motion:reduce){.cb-streak,.cb-sun{display:none}.cb-honey{animation:cb-rm-breath 7s var(--ease-museum) infinite!important}}@keyframes cb-rm-breath{0%,to{opacity:1}50%{opacity:.96}}