@property --dot{syntax:"<length>";inherits:false;initial-value:0}@keyframes lp-grain{0%{--dot:0px}to{--dot:6px}}@keyframes lp-fade{0%{opacity:0}to{opacity:1}}.lp [data-motion=grain][data-in]{--dot:6px;-webkit-mask-image:radial-gradient(circle, black var(--dot), transparent calc(var(--dot) + .5px));mask-image:radial-gradient(circle, black var(--dot), transparent calc(var(--dot) + .5px));animation:lp-grain .48s var(--lp-ease-settle), lp-fade .48s var(--lp-ease-settle);-webkit-mask-size:8px 8px;mask-size:8px 8px}.lp [data-reveal]{opacity:0;transition:opacity .48s var(--lp-ease-settle), transform .48s var(--lp-ease-overshoot), box-shadow .48s var(--lp-ease-settle);transition-delay:calc(var(--i,0) * .12s);will-change:opacity, transform}.lp [data-reveal][data-in]{opacity:1;will-change:auto;transform:none}.lp [data-motion=snap]:not([data-in]){box-shadow:var(--sun-shadow);transform:translateY(10px)scale(.985)}.lp [data-motion=pick]:not([data-in]){box-shadow:var(--sun-shadow);transform:translate(8px,-8px)scale(1.02)}.lp [data-motion=unfold]{transform-origin:top}.lp [data-motion=unfold]:not([data-in]){transform:perspective(1200px)rotateX(-14deg)}.lp [data-motion=grain],.lp [data-motion=none]{transition:none}.lp-rule{width:24px;height:1px;margin-bottom:var(--sun-space-16);background:var(--sun-ink);transform-origin:0;transition:transform .22s var(--lp-ease-snap) .12s;display:block;position:relative;transform:scaleX(0)}.lp-rule:after{content:"";background:var(--sun-ink);opacity:0;width:1px;height:3px;transition:opacity 60ms linear .34s;position:absolute;top:-1px;right:0}[data-in] .lp-rule,[data-in].lp-rule{transform:none}[data-in] .lp-rule:after,[data-in].lp-rule:after{opacity:1}@keyframes lp-plumb-drop{0%{transform:scaleY(0)}to{transform:none}}@keyframes lp-plumb-swing{0%,to{rotate:0deg}25%{rotate:3deg}50%{rotate:-3deg}75%{rotate:1.5deg}}.lp-plumb{top:.2em;left:var(--sun-space-4);background:var(--sun-ink-soft);transform-origin:top;width:1px;height:40px;animation:lp-plumb-drop .4s var(--lp-ease-settle) 2.4s both, lp-plumb-swing 1.4s ease-in-out 2.8s;pointer-events:none;position:absolute}.lp-plumb:after{content:"";border-radius:var(--sun-radius-full);background:var(--sun-ink-soft);width:5px;height:5px;position:absolute;bottom:-3px;left:-2px}.lp :is(button,a,input,summary,[tabindex]):focus-visible{outline:2px solid var(--sun-accent-text);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb, var(--sun-accent) 24%, transparent)}.lp :is(.lp-pill,.lp-floor):has(input:focus-visible){outline:2px solid var(--sun-accent-text);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb, var(--sun-accent) 24%, transparent)}@keyframes lp-light{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--sun-accent) 0%, transparent)}30%{box-shadow:0 0 0 3px color-mix(in srgb, var(--sun-accent) 24%, transparent)}to{box-shadow:0 0 0 3px color-mix(in srgb, var(--sun-accent) 0%, transparent)}}[data-in] .lp-light{animation:.9s ease-out .3s lp-light}.odo{font-family:var(--sun-font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1}.odo-row{align-items:baseline;display:inline-flex}.odo-col{vertical-align:bottom;width:1ch;height:1em;display:inline-block;overflow:hidden}.odo-col--lead{visibility:hidden}.odo-strip{transform:translateY(calc(var(--d,0) * -1em));transition:transform .64s var(--lp-ease-snap) calc(var(--k,0) * 60ms);will-change:transform;flex-direction:column;display:flex}.odo-strip span{height:1em;line-height:1;display:block}.lp-glass{border:1px solid var(--sun-line);border-radius:var(--sun-radius);background:color-mix(in srgb, var(--sun-surface) 72%, transparent);-webkit-backdrop-filter:blur(14px);box-shadow:var(--sun-shadow-sm);position:relative;overflow:hidden}.lp-glass:before{content:"";border-radius:inherit;opacity:.05;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.lp-glass>*{position:relative}@media (prefers-reduced-motion:reduce){.lp [data-reveal],.lp [data-reveal]:not([data-in]),.lp [data-motion]:not([data-in]){opacity:1;box-shadow:none;transition:none;animation:none;transform:none}.lp [data-motion=grain][data-in]{animation:none;-webkit-mask-image:none;mask-image:none}.lp-thread__line,.lp-bar__fill,.lp-chips li{transition:none}.lp-rule,.lp-rule:after{opacity:1;transition:none;transform:none}.lp-plumb,.lp-ring{display:none}.odo-strip{transition:none}[data-in] .lp-light{animation:none}}
