@layer components{.workspace-entry{--entry-paper:var(--landing-paper);--entry-ink:var(--landing-text);z-index:var(--layer-dialog);isolation:isolate;position:fixed;inset:0;overflow:hidden}.workspace-entry-sheet{background:var(--entry-paper);position:absolute;inset:0}.workspace-entry-sheet:after{content:"";opacity:.03;pointer-events:none;background:url(/landing-reference/grain.png) 0 0/180px 180px;position:absolute;inset:0}.workspace-entry-composition{flex-direction:column;align-items:center;width:min(100% - 48px,520px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.workspace-entry-brand{--brand-size:clamp(48px, 6.1vw, 112px);color:color-mix(in srgb, var(--entry-ink) 6%, var(--entry-paper));-webkit-user-select:none;user-select:none}.workspace-entry-meter{width:min(100%,clamp(180px,13.5vw,232px));margin-top:clamp(20px,1.65vw,28px)}.workspace-entry-track{corner-shape:round;background:color-mix(in srgb, var(--entry-ink) 15%, var(--entry-paper));border-radius:3px;height:8px;overflow:hidden}.workspace-entry-fill{width:var(--entry-progress);border-radius:inherit;corner-shape:round;background:linear-gradient(90deg in srgb, #f36b3f 0%, #efc329 17%, #46b86d 34%, #19acc6 50%, #5269e0 67%, #b449ca 83%, #f36b3f 100%) 0 0 / 240px 100%;height:100%;transition:width var(--entry-settle) cubic-bezier(.22, 1, .36, 1);transition-timing-function:linear(0, .12 8%, .38 20%, .7 36%, .91 52%, 1.015 72%, 1.005 88%, 1);animation:1.6s linear infinite workspace-entry-flow;box-shadow:inset 0 1px 1px #ffffff4d}.workspace-entry-label{color:var(--entry-ink);font-family:var(--font-sans);letter-spacing:.035em;text-align:center;margin:14px 0 0;font-size:11px;font-weight:450;line-height:1.5}@keyframes workspace-entry-flow{0%{background-position:-240px 0}to{background-position:0 0}}.workspace-entry-shimmer{opacity:0;pointer-events:none;background:linear-gradient(90deg in srgb, transparent 30%, #f36b3f4d 39%, #efc32957 44%, #46b86d4d 48%, #ffffff75 50%, #19acc657 53%, #5269e052 58%, #b449ca47 63%, transparent 70%);position:absolute;inset:-25% -80%;transform:translate(-65%)skew(-12deg)}.workspace-entry-shimmer:after{content:"";background:repeating-linear-gradient(102deg,#0000 0 5px,#5269e02e 5px 6px,#0000 6px 10px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 35%,#000 46% 54%,#0000 65%);mask-image:linear-gradient(90deg,#0000 35%,#000 46% 54%,#0000 65%)}.workspace-entry[data-phase=complete] .workspace-entry-sheet{animation:workspace-entry-unveil var(--entry-reveal) cubic-bezier(.4, 0, .2, 1) var(--entry-settle) both}.workspace-entry[data-phase=complete] .workspace-entry-shimmer{animation:workspace-entry-sweep var(--entry-reveal) cubic-bezier(.4, 0, .2, 1) var(--entry-settle) both}@keyframes workspace-entry-unveil{0%,12%{opacity:1}70%,to{opacity:0}}@keyframes workspace-entry-sweep{0%{opacity:0;transform:translate(-65%)skew(-12deg)}18%,65%{opacity:1}to{opacity:0;transform:translate(65%)skew(-12deg)}}@media (width<=600px){.workspace-entry-track{height:7px}}@media (prefers-reduced-motion:reduce){.workspace-entry-fill{transition:none;animation:none}.workspace-entry[data-phase=complete] .workspace-entry-sheet{animation:workspace-entry-unveil var(--entry-reduced) linear both}.workspace-entry[data-phase=complete] .workspace-entry-shimmer{animation:none}}@media (forced-colors:active){.workspace-entry-track{outline:1px solid canvastext}.workspace-entry-fill{background:highlight}}}
