.page-loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;pointer-events:all}.loader-half{position:absolute;left:0;right:0;height:50%;background:#090809;transition:transform .55s cubic-bezier(.76,0,.24,1)}.loader-half.top{top:0}.loader-half.bottom{bottom:0}.loader-content{position:relative;width:min(340px,calc(100% - 60px));font-size:13px;transition:opacity .25s}.loader-name{font-size:20px;margin-bottom:9px}.loader-description{color:#e1e6e180;font-size:12px}.loader-track{height:3px;background:#e1e6e133;margin-top:22px;overflow:hidden}.loader-fill{display:block;background:#f73a0b;height:100%;transform:scaleX(0);transform-origin:left}.loader-percent{display:block;font-size:10px;margin-top:9px;color:#969b96}.page-loader.is-done{pointer-events:none}.is-done .loader-half.top{transform:translateY(-100%)}.is-done .loader-half.bottom{transform:translateY(100%)}.is-done .loader-content{opacity:0}body.is-loading{overflow:hidden}.cursor-core,.cursor-ring,.cursor-cross{position:fixed;left:0;top:0;pointer-events:none;opacity:0;z-index:80}.cursor-core{width:8px;height:8px;border:1px solid var(--paper);background:var(--paper);border-radius:50%;mix-blend-mode:difference}.cursor-ring{display:grid;place-items:center;width:24px;height:24px;border:1px solid #e1e6e170;border-radius:50%;color:var(--paper);transition:width .2s,height .2s,background .2s;border-color:#e1e6e160;mix-blend-mode:difference}.cursor-ring span{font-size:10px;line-height:1;opacity:0}.cursor-cross.x{width:100vw;height:1px;background:#e1e6e1}.cursor-cross.y{width:1px;height:100svh;background:#e1e6e1}body.has-pointer .cursor-core,body.has-pointer .cursor-ring{opacity:1}body.has-pointer .cursor-cross{opacity:.13}body.has-pointer,body.has-pointer a,body.has-pointer button{cursor:none}body.cursor-hover .cursor-ring{width:68px;height:68px;background:var(--paper);color:var(--ink);border-color:var(--paper)}body.cursor-hover .cursor-ring span{opacity:1}body.cursor-hover .cursor-core{opacity:0}body.cursor-video .cursor-ring{width:85px;height:85px;background:transparent;color:var(--paper);border-color:var(--paper)}body.cursor-video .cursor-ring span{animation:cursor-turn 8s linear infinite}body.has-pointer input,body.has-pointer select,body.has-pointer textarea,body.has-pointer video,body.has-pointer dialog,body.has-pointer dialog *{cursor:auto}body:has(dialog[open]) .cursor-core,body:has(dialog[open]) .cursor-ring,body:has(dialog[open]) .cursor-cross{opacity:0}@keyframes cursor-turn{to{transform:rotate(360deg)}}@media(hover:none),(pointer:coarse){.cursor-core,.cursor-ring,.cursor-cross{display:none}}@media(prefers-reduced-motion:reduce){.page-loader,.cursor-core,.cursor-ring,.cursor-cross{display:none}body.is-loading{overflow:auto}body.has-pointer,body.has-pointer a,body.has-pointer button{cursor:auto}}

.pointer-coordinates{position:fixed;top:82px;right:var(--gutter);z-index:35;font:11px/1.4 Space,Consolas,monospace;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--paper);pointer-events:none;opacity:0;mix-blend-mode:difference}body.has-pointer .pointer-coordinates{opacity:.7}body.is-loading .pointer-coordinates,body:has(dialog[open]) .pointer-coordinates{opacity:0}@media(hover:none),(pointer:coarse),(max-width:720px){.pointer-coordinates{display:none}}@media(prefers-reduced-motion:reduce){.pointer-coordinates{display:none}}
