.l-inst{--x0:-100px;--y0:-100px;--x1:-100px;--y1:-100px;--cx:-100px;--cy:-100px;--ink-i:#ece7d899;z-index:0;color:var(--ink-i);pointer-events:none;opacity:0;transition:opacity .7s var(--ease);contain:strict;position:fixed;inset:0}.l-inst[data-on=true]{opacity:1}.l-inst>*{position:absolute;top:0;left:0}.l-inst__c{border:0 solid;width:16px;height:16px}.l-inst__c--tl{transform:translate(var(--x0), var(--y0));border-top-width:1px;border-left-width:1px}.l-inst__c--tr{transform:translate(calc(var(--x1) - 16px), var(--y0));border-top-width:1px;border-right-width:1px}.l-inst__c--bl{transform:translate(var(--x0), calc(var(--y1) - 16px));border-bottom-width:1px;border-left-width:1px}.l-inst__c--br{transform:translate(calc(var(--x1) - 16px), calc(var(--y1) - 16px));border-bottom-width:1px;border-right-width:1px}.l-inst__fig{letter-spacing:var(--tracking-mono);white-space:nowrap;color:#ece7d8b8;transform:translate(var(--x0), calc(var(--y0) - 24px));font-size:10px}.l-inst__cross{width:28px;height:28px;transform:translate(calc(var(--cx) - 14px), calc(var(--cy) - 14px));background:linear-gradient(currentColor,currentColor) 50% 0/1px 9px no-repeat,linear-gradient(currentColor,currentColor) 50% 100%/1px 9px no-repeat,linear-gradient(currentColor,currentColor) 0/9px 1px no-repeat,linear-gradient(currentColor,currentColor) 100%/9px 1px no-repeat}.l-inst__cross:after{content:"";background:var(--spring);border-radius:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 8px 1px #d6ea8e99}.l-inst__ruler{width:9px;height:calc(var(--y1) - var(--y0));transform:translate(calc(var(--x0) - 28px), var(--y0));opacity:.75;background:repeating-linear-gradient(currentColor 0 1px,#0000 1px 10px) 100% 0/5px 100% no-repeat,repeating-linear-gradient(currentColor 0 1px,#0000 1px 50px) 100% 0/9px 100% no-repeat,linear-gradient(currentColor,currentColor) 100% 0/1px 100% no-repeat}.l-inst[data-side=right] .l-inst__ruler{transform:translate(calc(var(--x1) + 19px), var(--y0));background-position:0 0,0 0,0 0}.l-inst__dim-h{letter-spacing:.1em;white-space:nowrap;font-size:10px;position:absolute;top:50%;right:22px;transform:translate(50%,-50%)rotate(-90deg)}.l-inst[data-side=right] .l-inst__dim-h{left:22px;right:auto;transform:translate(-50%,-50%)rotate(90deg)}.l-inst__dim-w{width:calc(var(--x1) - var(--x0));height:9px;transform:translate(var(--x0), calc(var(--y1) + 14px));opacity:.8;background:linear-gradient(currentColor,currentColor) 0/100% 1px no-repeat;border-left:1px solid;border-right:1px solid}.l-inst__dim-w .l-mono{letter-spacing:.1em;white-space:nowrap;font-size:10px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.l-inst__reads{width:210px;transform:translate(calc(var(--x0) - 28px - 34px - 210px), calc((var(--y0) + var(--y1)) / 2 - 50%));text-align:right}.l-inst[data-side=right] .l-inst__reads{transform:translate(calc(var(--x1) + 28px + 34px), calc((var(--y0) + var(--y1)) / 2 - 50%));text-align:left}.l-inst__reads:before{content:"";z-index:-1;background:radial-gradient(closest-side,#0b120d8c,#0b120d00);position:absolute;inset:-30% -35%}.l-inst__row{gap:6px;padding:12px 0;display:grid;position:relative}.l-inst__row+.l-inst__row{border-top:1px solid #ece7d81f}.l-inst__lead{background:linear-gradient(90deg,#ece7d81f,#ece7d899);width:26px;height:1px;position:absolute;top:50%;right:-32px}.l-inst__lead:after{content:"";border:1px solid;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:-3px}.l-inst[data-side=right] .l-inst__lead{background:linear-gradient(270deg,#ece7d81f,#ece7d899);left:-32px;right:auto}.l-inst[data-side=right] .l-inst__lead:after{left:-3px;right:auto}.l-inst__k{letter-spacing:var(--tracking-mono);color:#ece7d880;font-size:10px}.l-inst__v{white-space:nowrap;color:var(--bone);display:block}.l-inst__v b{font-family:var(--font-mono);letter-spacing:.01em;font-size:20px;font-weight:400}.l-inst__v i{font-family:var(--font-mono);letter-spacing:.06em;color:#ece7d88c;margin-left:7px;font-size:11px;font-style:normal}.l-inst__row[data-swap=a] :is(.l-inst__v,.l-inst__k){animation:l-swap-a .7s var(--ease-out) both;animation-delay:calc(var(--i) * 70ms)}.l-inst__row[data-swap=b] :is(.l-inst__v,.l-inst__k){animation:l-swap-b .7s var(--ease-out) both;animation-delay:calc(var(--i) * 70ms)}@keyframes l-swap-a{0%{opacity:0;transform:translateY(8px)}}@keyframes l-swap-b{0%{opacity:0;transform:translateY(8px)}}.l-inst[data-side=none] :is(.l-inst__reads,.l-inst__ruler,.l-inst__dim-w){display:none}.l-inst[data-cue-id=purify]{--ink-i:#c4bcffbd}.l-inst[data-cue-id=purify] .l-inst__cross:after{background:var(--uv);box-shadow:0 0 10px 2px #a79bffb3}@media (width<=1023px),(height<=559px){.l-inst :is(.l-inst__ruler,.l-inst__dim-w){display:none}.l-inst__reads,.l-inst[data-side=right] .l-inst__reads{width:auto;transform:translate(calc(var(--x1) + 10px), var(--y0));text-align:left}.l-inst__row:not(:first-child){display:none}.l-inst__row{gap:3px;padding:0}.l-inst__lead{display:none}.l-inst__v b{font-size:15px}.l-inst__v i[data-long=true]{display:none}.l-inst__fig{font-size:9px}}.l-rail{z-index:40;opacity:0;pointer-events:none;transition:opacity .7s var(--ease);position:fixed;top:50%;right:clamp(12px,1.4vw,26px);transform:translateY(-50%)}.l-rail[data-on=true]{opacity:1;pointer-events:auto}.l-rail ol{margin:0;padding:0;list-style:none;display:grid}.l-rail__item{color:#ece7d86b;height:28px;transition:color var(--t) var(--ease);justify-content:flex-end;align-items:center;gap:10px;display:flex}.l-rail__num{letter-spacing:.08em;text-align:right;width:2ch;font-size:10px}.l-rail__tick{width:10px;height:1px;transition:width .6s var(--ease-out);background:currentColor;position:relative}.l-rail__tick>span{background:var(--spring);transform-origin:100%;position:absolute;inset:0;transform:scaleX(0)}.l-rail__label{border-radius:var(--radius-pill);font-family:var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;white-space:nowrap;color:var(--bone);opacity:0;transition:opacity .3s var(--ease), transform .5s var(--ease-out);background:#0b120dd1;padding:5px 9px 4px;font-size:10px;transform:translate(8px);box-shadow:inset 0 0 0 1px #ece7d81f}.l-rail__item[aria-current=step]{color:var(--bone)}.l-rail__item[aria-current=step] .l-rail__tick{width:34px}.l-rail__item[aria-current=step] .l-rail__tick>span{transform:scaleX(var(--rp,0))}.l-rail__item:focus-visible .l-rail__label{opacity:1;transform:none}@media (hover:hover){.l-rail__item:hover{color:var(--bone)}.l-rail__item:hover .l-rail__label{opacity:1;transform:none}}@media (width<=1023px),(height<=559px){.l-rail{display:none}}@media (prefers-reduced-motion:reduce){.l-inst,.l-rail,.l-rail__tick,.l-rail__label{transition:none}.l-inst__row :is(.l-inst__v,.l-inst__k){animation:none!important}}.l-inst[data-cue-id=hero] .l-inst__fig,.l-inst[data-cue-id=choose] .l-inst__fig{display:none}
