.typeout{position:relative;display:block}.typeout-final{display:inline;transition:opacity .3s ease}.typeout-anim{position:absolute;top:0;left:0;display:inline;pointer-events:none;color:inherit}.typeout.is-done .typeout-anim{display:none}.typeout-caret{display:inline-block;width:.5ch;height:.9em;vertical-align:baseline;margin-left:.06em;background:currentColor;position:relative;top:.08em;opacity:0;animation:oren-caret-blink 1s steps(1) infinite}.typeout.is-typing .typeout-caret{opacity:1}.typeout.is-done .typeout-caret{opacity:1;animation:oren-caret-blink 1s steps(1) infinite,oren-caret-fade 2s ease 4s forwards}@keyframes oren-caret-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes oren-caret-fade{0%{opacity:1}to{opacity:0;width:0;margin:0}}.scroll-path{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:80;display:flex;flex-direction:column;gap:8px;pointer-events:none;opacity:0;transition:opacity .4s ease}.scroll-path.visible{opacity:1}.scroll-path-dot{width:8px;height:1px;background:var(--navy-deep);opacity:.25;transition:opacity .25s ease,width .25s ease,background .25s ease;pointer-events:auto;cursor:pointer;position:relative}.scroll-path-dot:hover{opacity:.7;width:16px}.scroll-path-dot.active{opacity:1;width:22px;background:var(--navy)}.scroll-path-dot .label{position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%);white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--navy-deep);background:#f5f3eef0;padding:4px 8px;border:1px solid var(--rule);opacity:0;transition:opacity .25s ease,transform .25s cubic-bezier(.2,.7,.2,1);pointer-events:none}.scroll-path-dot .label:before{content:"// ";opacity:.55}.scroll-path-dot:hover .label,.scroll-path-dot.active .label{opacity:1}.scroll-path-dot:hover .label{transform:translateY(-50%) translate(-4px)}.scroll-path.on-dark .scroll-path-dot{background:var(--offwhite)}.scroll-path.on-dark .scroll-path-dot.active{background:#e8f53d}.scroll-path.on-dark .scroll-path-dot .label{color:var(--offwhite);background:#142a6eeb;border-color:#f5f3ee40}@media(max-width:900px){.scroll-path{display:none}}.ink-drop{position:fixed;width:6px;height:6px;border-radius:50%;background:var(--navy-deep);pointer-events:none;z-index:99996;opacity:.7;transform:translate(-50%,-50%) scale(1);animation:ink-drop-spread 1.6s cubic-bezier(.3,.7,.4,1) forwards}.ink-drop.on-dark{background:#e8f53d}@keyframes ink-drop-spread{0%{transform:translate(-50%,-50%) scale(.4);opacity:.85}35%{transform:translate(-50%,-50%) scale(1.4);opacity:.45}to{transform:translate(-50%,calc(-50% + 18px)) scale(.8);opacity:0}}@media(prefers-reduced-motion:reduce){.typeout-caret{animation:none}.ink-drop{display:none}.scroll-path-dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/oren-effects.css.map */