@import "https://fonts.googleapis.com/css?family=Heebo";html{height:100%}body{height:100%;margin:0;font-family:Heebo;font-size:15px;font-weight:400;line-height:1.5}:root{--wave:cubic-bezier(.66, 0, 0, 1);--color-hl:#fff;--color-bg:#f0efee;--color-border:#dfdfef;--color-primary:#e48d0b;--ink:#b17215;--gray-ink:#444;--pink-ink:#992859}@media (prefers-color-scheme:dark){:root{--color-hl:#1a1a1a;--color-bg:#2a2c30;--color-border:#334;--color-primary:#d6b72e;--ink:#d4a218;--gray-ink:#bbb;--pink-ink:#df4d8c}}#app{background:var(--color-bg);height:100%;overflow:hidden}.Typo{align-items:center;display:flex;&.--1{color:var(--ink);font-size:20px}&.--3{color:var(--ink);font-size:14px}& sub{color:var(--color-hl);background-color:var(--ink);margin-inline:.5em;padding-inline:.5em;font-size:80%}}button{background:0 0;border:0;outline:0;padding:0;&:focus-visible{outline:2px solid var(--ink)}}button{min-width:60px;min-height:40px;color:var(--ink);transition:background-color var(--wave) .1s;border-radius:3px;justify-content:center;align-items:center;font-family:inherit;font-size:20px;font-weight:500;display:flex;&:hover{background-color:#0001}&:active{background-color:#0002}}.Glass{user-select:none;pointer-events:none;color:var(--pink-ink);background:radial-gradient(#ffffff0a 30%,#00000006);padding:5px 10px;transition:opacity .2s;position:absolute;top:0;left:0;&.--1{align-items:center;font-size:20px;display:flex;&.active{filter:saturate(1.2)}}& sub{color:var(--color-hl);background-color:var(--pink-ink);margin-inline:.5em;padding-inline:.5em;font-size:80%}}i-edge{pointer-events:none;clip-path:circle(0);width:1px;height:1px;display:block;position:fixed;top:0;left:0}.Rail{--rail-height:40px;--color-empty:#0000000d;--color-empty2:#00000008;--color-shadow:#d2690029;--color-shadow2:#ffe9bb;--color-fill:#fc3;--color-fill2:#f2b23a;--fill-box-shadow:5px 5px 5px var(--color-shadow), -5px -5px 5px var(--color-shadow2);--fill-background:linear-gradient(110deg, var(--color-fill), var(--color-fill2));position:relative;@media (prefers-color-scheme:dark){&{--color-empty:#0000003a;--color-empty2:#00000030;--color-shadow:#d6b72e11;--color-shadow2:#cf8e0011;--color-fill:#c28d1c;--color-fill2:#c28410}}& .bar{height:var(--rail-height);background:linear-gradient(0deg, var(--color-empty) 2%, var(--color-empty2) 10%, var(--color-empty2) 80%, var(--color-empty) 90%);border-top-right-radius:4px}& .fill{background:var(--fill-background);max-width:100%;height:100%;box-shadow:var(--fill-box-shadow);border-top-left-radius:4px;position:relative}& .label{top:var(--rail-height);color:var(--ink);font-size:13px;position:absolute;transform:translate(-50%);&:before{background:var(--ink);opacity:.5;content:"";width:2px;height:3px;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}&:after{content:attr(data-title)}}&.Small{--rail-height:10px;--fill-box-shadow:2px 2px 2px var(--color-shadow), -2px -2px 2px var(--color-shadow2);& .bar,& .fill{border-radius:0}}}button[data-v-2bb54087]{position:relative}.label[data-v-2bb54087]{font-size:12px;font-weight:700;position:absolute;bottom:4px;right:5px}[data-positioner][data-v-2bb54087]{transform:translate(var(--x), var(--y));outline:0;position:fixed;top:0;left:0;&[data-v-2bb54087]:is(.v-enter-active,.v-leave-active){transition:outline .2s var(--wave);& [data-popper-content][data-v-2bb54087]{transform-origin:bottom;transition:transform .2s var(--wave)}}&[data-v-2bb54087]:is(.v-enter-from,.v-leave-to){outline-color:red;& [data-popper-content][data-v-2bb54087]{transform:scale(0)}}&[data-v-2bb54087]:is(.v-enter-from,.v-leave-to){outline-color:green}}[data-popper-content][data-v-2bb54087]{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:2px;box-shadow:0 2px 12px #0001}[role=listbox][data-v-2bb54087]{outline:0;display:flex}[role=option][data-v-2bb54087]{width:60px;height:40px;color:var(--ink);cursor:grid;user-select:none;place-content:center;font-size:18px;font-weight:600;display:grid;&[data-v-2bb54087]:hover{background-color:#0001}&[data-v-2bb54087]:active{background-color:#0002}cursor:pointer}[role=listbox]:focus-visible .current[data-v-2bb54087]{outline-offset:-2px;outline:2px solid}svg[data-v-00083142]{aspect-ratio:1;width:1em}.GearModal{background:var(--color-bg);user-select:none;position:fixed;inset:0;&.v-enter-active,&.v-leave-active{transition:transform .3s var(--wave);pointer-events:none}&.v-enter-from,&.v-leave-to{transform:translateY(100%)}& main{grid:var(--sizing) / var(--sizing);place-content:center;display:grid;position:relative}& .screen{top:calc(50% - var(--sizing) * .375);left:calc(50% - var(--sizing) * .375);--panel-sizing:calc(var(--sizing) * .75);width:var(--panel-sizing);aspect-ratio:1;cursor:crosshair;clip-path:circle(50%);position:absolute;&:before{background:linear-gradient(135deg, var(--color-bg) 66%, #0001 100%), var(--color-bg);content:"";border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 2px 20px 3px #0001,inset 0 0 0 2px #0001}& svg{aspect-ratio:1;width:100%;position:absolute}}& .dot{pointer-events:none;color:var(--gray-ink);position:absolute;inset:0;&:before{left:calc(50% + var(--x));top:calc(50% + var(--y));--r:calc(var(--sizing) / 400);--d:calc(var(--r) * 2);width:var(--d);height:var(--d);content:"";background-color:currentColor;border-radius:999px;display:block;position:absolute;transform:translate(-50%,-50%)}&[data-label]:after{left:calc(50% + .83 * var(--x));top:calc(50% + .83 * var(--y));font-size:calc(var(--sizing) / 30 + 5px);content:attr(data-label);position:absolute;transform:translate(-50%,-50%)}}& #GearLabel{transition:opacity .2s var(--wave);position:absolute;transform:translate(-50%,-50%)translateY(-45px);&.hidden{opacity:0}}& #RainbowShadow{& circle{stroke:#0001}transition:opacity .3s;&.hidden{opacity:0;transition:none}}& #Rainbow{mix-blend-mode:color;stroke:url(#RainbowGradient);@media (prefers-color-scheme:dark){stroke:url(#RainbowGradientDark)}}& .handler{top:calc(50% + var(--y));left:calc(50% + var(--x));width:calc(var(--sizing) * .08);height:calc(var(--sizing) * .08);background-color:var(--color-bg);touch-action:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:-3px -3px 5px #fffa,3px 3px 5px #0001;@media (prefers-color-scheme:dark){box-shadow:-3px -3px 5px #ddd1,3px 3px 5px #0001}&.hidden{display:none}}& footer{grid:auto auto auto/auto;place-content:center;place-items:center;gap:10px;display:grid;&>:first-child{grid-area:1/1/2/4}}}.GearModal{grid:calc(100% - 85px) 85px/auto;display:grid}main[data-v-8b94748c]{height:180px;margin-inline:30px;position:relative;top:50%;transform:translateY(-50%)translateY(0)}@media (width<700px){main[data-v-8b94748c]{margin-inline:10px}}.TheMainRail[data-v-8b94748c]{touch-action:none}.MainRailContainer[data-v-8b94748c]{cursor:crosshair;user-select:none;height:140px}.MainGlass[data-v-8b94748c]{transform:translate(-50%)translateY(-45px);&[aria-hidden=true][data-v-8b94748c]{opacity:0}& [data-v-8b94748c]:before{content:"";background:repeating-linear-gradient(45deg,#0000,#0000 2px,#0002 2px 4px);width:2px;height:80px;display:block;position:absolute;top:40px;left:calc(50% - 1px)}}.Mark[data-v-8b94748c]{width:2px;position:absolute;top:-10px;left:0;&[data-v-8b94748c]:before{border:5px solid #0000;border-top-color:var(--color-primary);content:"";display:block;transform:translate(-50%)}}footer[data-v-8b94748c]{grid:auto/60px min(500px,100% - 70px);align-items:center;gap:10px;display:grid}