:root{--size-base:16px;--size-0-25:calc(var(--size-base)*0.25);--size-0-5:calc(var(--size-base)*0.5);--size-1:var(--size-base);--size-1-5:calc(var(--size-base)*1.5);--size-2:calc(var(--size-base)*2);--size-2-5:calc(var(--size-base)*2.5);--size-3:calc(var(--size-base)*3);--size-3-5:calc(var(--size-base)*3.5);--elevation-1:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);--elevation-2:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);--elevation-3:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);--elevation-4:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);--elevation-5:0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.22);--duration-super-quick:80ms;--duration-quick:160ms;--duration-medium:320ms;--duration-slow:640ms;--font-weight-light:200;--font-weight-regular:300;--font-weight-bold:500}html{overflow:hidden;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.elevation-1{box-shadow:var(--elevation-1)}.elevation-2{box-shadow:var(--elevation-2)}.elevation-3{box-shadow:var(--elevation-3)}.elevation-4{box-shadow:var(--elevation-4)}.elevation-5{box-shadow:var(--elevation-5)}.text-bold{font-weight:var(--font-weight-bold)}.nav-bar{display:inline-flex;gap:var(--size-1);padding:var(--size-1-5);transition:opacity var(--duration-slow);z-index:997}.nav-bar.fixed{bottom:0;position:fixed;right:0}.nav-bar button{all:unset;display:flex;border:0;border-radius:.4em;box-sizing:border-box;cursor:pointer;opacity:.5;padding:0;transition:all var(--duration-medium)}.nav-bar button img{height:auto;object-fit:cover;width:var(--size-2-5)}.nav-bar>button:focus,.nav-bar>button:hover{background:rgba(0,0,0,.5);opacity:1}.nav-bar>button:focus-visible{outline:thin solid #eee}.window{all:unset;background:#123;border:var(--size-0-25) solid #eee;border-radius:1.4em;box-sizing:border-box;color:#eee;display:flex;flex-direction:column;font-family:inter,sans-serif;font-size:20px;font-weight:var(--font-weight-regular);opacity:0;position:absolute;user-select:none;width:320px;z-index:999}.window-background{backdrop-filter:blur(2px);background:rgba(0,0,0,.5);bottom:0;cursor:pointer;left:0;opacity:0;position:fixed;right:0;top:0;z-index:998}.window-body{box-sizing:border-box;cursor:default;display:flex;flex-direction:column;gap:1.4em;margin:0;overflow:auto;padding:1.4em}.window-header{align-items:center;border-top-left-radius:1.4em;border-top-right-radius:1.4em;display:flex;cursor:grab;justify-content:space-between;padding:.8em 1.4em;transition:background var(--duration-medium)}.window-header:hover:not(:has(button:hover)){background:#246}.window-footer{display:flex;gap:1.4em;justify-content:flex-end;padding:1.4em}.window h1{all:unset;font-size:1.4em;font-weight:var(--font-weight-light)}.window button{all:unset;border-radius:.4em;cursor:pointer;min-width:4em;padding:.4em .8em;text-align:center;transition:all var(--duration-medium)}.window button.fab{border-radius:50%;box-sizing:border-box;height:1.6em;min-width:unset;padding:.1em;width:1.6em}.window button.fab:hover{background:#246}.window button.fab:focus-visible{outline:thin solid #eee}.window button.fab img{height:100%;object-fit:cover;width:100%}.window button.contained{background:grey;box-shadow:var(--elevation-1)}.window button.contained:focus-visible,.window button.contained:hover{box-shadow:var(--elevation-3)}.window button.outlined{border:thin solid #eee}.window button.outlined:hover{background:rgba(0,0,0,.2)}.window button.outlined:focus-visible{outline:thin solid #eee}.window button.text:hover{background:rgba(0,0,0,.2)}.window button.text:focus-visible{outline:thin solid #eee}.window select{color:#fff;border:none;border-radius:.4em;font-family:inherit;font-size:inherit;font-weight:inherit;padding:.4em .8em}.window input[type=range],.window select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#246;cursor:pointer}.window input[type=range]{border-radius:.2em;box-sizing:border-box;height:.4em;outline:none}.window input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#eee;border-radius:50%;box-sizing:border-box;height:1em;width:1em}.window input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;background:#eee;border-radius:50%;box-sizing:border-box;height:1em;width:1em}.window input[type=range]:focus::-webkit-slider-thumb{outline:thin solid #eee;outline-offset:2px}.window input[type=range]:focus::-moz-range-thumb{outline:thin solid #eee;outline-offset:2px}.window input[type=checkbox],.window input[type=radio]{cursor:pointer;height:1.4em;margin:0;width:1.4em}.settings-item{display:flex;gap:.4em}.window label{cursor:pointer;max-width:fit-content}