#onboarding-intro-overlay:before{content:"";position:fixed;inset:0;z-index:-10;background-image:url(/images/onboarding-bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:1;transition:opacity .6s ease,transform .6s ease,filter .6s ease;will-change:opacity,transform,filter}#onboarding-intro-overlay:after{content:"";position:fixed;inset:0;z-index:-11;background-color:#000;opacity:0}@media screen and (width > 1440px){#onboarding-intro-overlay:before{background-image:url(/images/onboarding-bg@2x.png)}}@media screen and (width > 2880px){#onboarding-intro-overlay:before{filter:blur(5px)}}#onboarding-intro-overlay.no-bg:before{opacity:0;pointer-events:none;transform:scale(1.02);filter:blur(0)}#onboarding-intro-overlay.no-bg:after{background-color:#000;opacity:.37}#breathing-visual{mix-blend-mode:color-dodge;animation:rotation 12s linear infinite,breathing-animation 12s ease-in-out infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes breathe-in{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes breathing-animation{0%{scale:1}50%{scale:1.5}to{scale:1}}.onboarding-progress-grid{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto);gap:8px;grid-template-areas:"logo label" "progress progress";& #onboarding-progress-logo{grid-area:logo}& #onboarding-progress-label{grid-area:label;align-self:end;justify-self:end}& #onboarding-progress-bar{grid-area:progress;width:100%}}#onboarding-progress-bar{background-color:var(--primary-foreground);border-radius:.25rem;height:.5rem;width:100%}#onboarding-progress-bar-fill{background-color:var(--primary);border-radius:.25rem;transition:width .2s ease-in-out;height:100%}