.lp-display{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-weight:750;line-height:1.02}@media (min-width:768px){.lp-display{font-stretch:118%}}.lp-grid{background-image:linear-gradient(to right, color-mix(in srgb, var(--ink) 7%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--ink) 7%, transparent) 1px, transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(closest-side,#000 55%,#0000);mask-image:radial-gradient(closest-side,#000 55%,#0000)}.lp-dim{fill:none;stroke:var(--signal);stroke-width:1.5px;vector-effect:non-scaling-stroke}.lp-axis{fill:none;stroke:var(--control);stroke-width:1px;stroke-dasharray:18 5 3 5;vector-effect:non-scaling-stroke}.lp-dim-label{fill:var(--signal);font-family:var(--font-mono);font-size:30px;font-weight:600}@media (prefers-reduced-motion:no-preference){.lp-feed-in{animation:lp-feed-in var(--dur-enter) var(--ease-machined) .15s both}.lp-draw{stroke-dasharray:1;animation:lp-draw var(--dur-draw) var(--ease-machined) .7s both}.lp-label-in{animation:lp-fade .4s var(--ease-state) 1.5s both}.lp-rise{animation:lp-rise var(--dur-ui) var(--ease-machined) 1.1s both}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.lp-parallax{animation:linear both lp-drift;animation-timeline:scroll(root);animation-range:0 100vh}}}@keyframes lp-feed-in{0%{transform:translate(16%,-16%)}}@keyframes lp-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes lp-fade{0%{opacity:0}}@keyframes lp-rise{0%{opacity:0;transform:translateY(16px)}}@keyframes lp-drift{to{transform:translateY(-8%)}}.lp-demo-drill{translate:0 56.25%}.lp-demo-hole{transform-box:fill-box;transform-origin:top}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-height:600px){.lp-demo-track{view-timeline:--lp-demo block;height:400vh}.lp-demo-stage{align-content:center;height:calc(100svh - 4rem);position:sticky;top:4rem}.lp-demo-drill,.lp-demo-hole,.lp-demo-part,.lp-demo-dia,.lp-demo-depth,.lp-demo-readout,.lp-demo-draw,.lp-step{animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--lp-demo;animation-range:contain}.lp-demo-drill{animation-name:lp-demo-drill}.lp-demo-hole{animation-name:lp-demo-hole}.lp-demo-part{animation-name:lp-demo-part}.lp-demo-dia{animation-name:lp-demo-dia}.lp-demo-depth{animation-name:lp-demo-depth}.lp-demo-draw{stroke-dasharray:1}.lp-demo-dia .lp-demo-draw{animation-name:lp-demo-draw-dia}.lp-demo-depth .lp-demo-draw{animation-name:lp-demo-draw-depth}.lp-demo-readout{animation-name:lp-demo-readout}.lp-demo-spin{animation-name:lp-demo-spin;animation-duration:auto;animation-timing-function:steps(12,jump-none);animation-iteration-count:4;animation-fill-mode:both;animation-timeline:--lp-demo;animation-range:contain 50% contain 80%}.lp-steps{--lp-dim:.6}.lp-step-1{animation-name:lp-step-1}.lp-step-2{animation-name:lp-step-2}.lp-step-3{animation-name:lp-step-3}.lp-step-4{animation-name:lp-step-4}}@media (prefers-reduced-motion:no-preference) and (min-height:600px) and (max-width:1023px){.lp-demo-track{height:300vh}.lp-demo-stage{padding-block:1rem}.lp-steps{--lp-dim:0;display:grid}.lp-steps>li{grid-area:1/1;margin:0}}}@keyframes lp-demo-drill{0%{translate:0 -40%}22%,50%{translate:0}80%,to{translate:0 56.25%}}@keyframes lp-demo-hole{0%,50%{scale:1 0}80%,to{scale:1}}@keyframes lp-demo-part{0%,25%{opacity:0}38%,to{opacity:1}}@keyframes lp-demo-dia{0%,30%{opacity:0}36%,to{opacity:1}}@keyframes lp-demo-depth{0%,50%{opacity:0}55%,to{opacity:1}}@keyframes lp-demo-draw-dia{0%,30%{stroke-dashoffset:1px}45%,to{stroke-dashoffset:0}}@keyframes lp-demo-draw-depth{0%,50%{stroke-dashoffset:1px}80%,to{stroke-dashoffset:0}}@keyframes lp-demo-readout{0%,80%{opacity:0;translate:0 16px}88%,to{opacity:1;translate:0}}@keyframes lp-demo-spin{0%{translate:0}to{translate:0 -91.6667%}}@keyframes lp-step-1{0%,20%{opacity:1}25%,to{opacity:var(--lp-dim)}}@keyframes lp-step-2{0%,22%{opacity:var(--lp-dim)}27%,45%{opacity:1}50%,to{opacity:var(--lp-dim)}}@keyframes lp-step-3{0%,47%{opacity:var(--lp-dim)}52%,77%{opacity:1}82%,to{opacity:var(--lp-dim)}}@keyframes lp-step-4{0%,78%{opacity:var(--lp-dim)}83%,to{opacity:1}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (min-height:600px){.lp-demo-scene{width:min(100%,133.333svh - 25.3333rem)}}@media (prefers-reduced-motion:no-preference) and (min-height:600px) and (max-width:1023px){.lp-demo-scene{width:min(100%,133.333svh - 37.3333rem)}}}