.status-dot_dot__XOYv9{background:var(--color);height:10px;width:10px;border-radius:999px;&.status-dot_building__qVr7u{--color:var(--geist-warning)}&.status-dot_canceled__xoGEx,&.status-dot_queued__PgS8U{--color:var(--accents-2)}&.status-dot_ready__qhWb5{--color:var(--geist-cyan)}&.status-dot_error__bMgP_{--color:var(--geist-error)}}.preview-status_container__VF4ol{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background:var(--ds-background-200)}.preview-status_main__soTlc{margin:0 2rem}.preview-status_footer__ORXPQ{position:absolute;bottom:32px;text-align:center;text-wrap:nowrap}.preview-status_mfeNote__JECrz{max-width:650px}.preview-status_buildStatusLink__GYj4P{width:fit-content;p{margin:0}span{padding:0}}.preview-status_buildStatusLink__GYj4P,.preview-status_footer__ORXPQ,.preview-status_spinner__806F8{&[data-fade-out=true]{animation:preview-status_fadeOut__Ce9wC .45s var(--ds-motion-timing-swift) forwards}}.preview-status_readyStatus__4OaOo{opacity:0;filter:blur(var(--blur));position:absolute;scale:0;left:-18px;transform:translateY(1.5px);animation:preview-status_fadeReadyIn__ygSSG .45s var(--ds-motion-timing-swift) both;animation-delay:.3s;&:after{content:"";display:block;position:absolute;width:100%;height:100%;scale:0;opacity:1;background:inherit;border-radius:inherit;animation:preview-status_pulse___XHhJ 2s var(--ds-motion-timing-swift) both}}.preview-status_title__V5Hqw{display:flex;align-items:center;position:relative}.preview-status_stack__WbFz1{display:inline-grid;>*{grid-area:1/1}}.preview-status_letter__CvGjY{--blur:2px;--offset:12px;--rotate-x:80deg;display:inline-block;animation-duration:.35s;animation-timing-function:var(--ds-motion-timing-swift);animation-fill-mode:both}.preview-status_letter__CvGjY[data-direction=enter]{opacity:0;transform:translateY(calc(var(--offset) * -1)) rotateX(var(--rotate-x));filter:blur(var(--blur));animation-name:preview-status_fadeLetterIn__uhvpU}.preview-status_letter__CvGjY[data-direction=exit]{opacity:1;transform:translateY(0) rotateX(0deg);filter:blur(0);&[data-animate=true]{animation-name:preview-status_fadeLetterOut__qbSzc}}@keyframes preview-status_fadeLetterIn__uhvpU{to{opacity:1;filter:blur(0);transform:translateY(0) rotateX(0deg)}}@keyframes preview-status_fadeLetterOut__qbSzc{to{opacity:0;filter:blur(var(--blur));transform:translateY(var(--offset)) rotateX(-80deg)}}@keyframes preview-status_fadeReadyIn__ygSSG{to{opacity:1;filter:blur(0);scale:1}}@keyframes preview-status_fadeOut__Ce9wC{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(1px)}}@keyframes preview-status_pulse___XHhJ{to{opacity:0;scale:2.5}}.demo_root__4Lwjg{display:grid;background:var(--ds-gray-400);width:100vw;height:100vh;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);>*{width:50vw;height:50vh;top:0;left:0;scale:.8;background:var(--ds-background-200)}}.demo_buttons__f8uHF{position:fixed;top:16px;left:16px;gap:16px;display:flex;button{all:unset;font-size:13px;color:var(--ds-gray-900);cursor:pointer;&[data-selected=true]{color:var(--ds-gray-1000);font-weight:500}}}