:root{--color-bg: #131417;--color-border: #303336;--color-fg: #7e7e81;--color-fg-high: #58a6ff;--color-input-bg: #202327;--color-input-fg: #b2b2b3;--color-range-bg: #3d4043;--color-input-bg-hover: #2c3035;--color-range-thumb: #808080;--color-range-thumb-hover: #a6a6a6;--input-height: 28px;--color-header: #ddd}*,:after,:before{box-sizing:border-box}ol[class],ul[class]{padding:0}blockquote,body,dd,dl,figure,h1,h2,h3,h4,ol[class],p,ul[class]{margin:0}html{scroll-behavior:smooth}body{min-height:100vh;line-height:1.5}ol[class],ul[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion: reduce){*{animation-duration:.01s!important;animation-iteration-count:1!important;transition-duration:.01s!important;scroll-behavior:auto!important}}html{height:100%;overflow:hidden}body{display:flex;position:absolute;left:0;top:0;right:0;bottom:0;margin:0;overflow:hidden}html,body,input,select{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}#app{flex:1;overflow:hidden}#params{color:var(--color-fg);max-width:300px;flex:1;background-color:var(--color-bg);border-right:1px solid var(--color-border);user-select:none;padding-bottom:12px;overflow-y:scroll}#params>div{display:flex;padding:3px 14px}#params>div>*{flex:auto}#params label{padding-top:3px;flex:1;white-space:nowrap;min-width:80px;text-overflow:ellipsis;overflow:hidden;margin-right:8px}input,select,button,textarea{color:var(--color-input-fg);-webkit-appearance:none;height:var(--input-height);margin:0;width:100%;background:var(--color-input-bg);border-radius:4px;border:none;outline:none;padding:0 8px 1px;text-overflow:ellipsis}textarea{padding:4px 8px;height:inherit;min-height:var(--input-height);max-height:calc(var(--input-height) * 5)}input[type=file]{line-height:28px}input[type=file]:focus{line-height:26px}input::-webkit-file-upload-button{display:none}input:focus{border:1px solid var(--color-fg-high);padding-left:7px}input[type=range]{padding:0;background-image:linear-gradient(var(--color-range-bg),var(--color-range-bg));background-size:50% 100%;background-repeat:no-repeat;cursor:ew-resize}input[type=range]:focus{border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:var(--input-height);width:12px;border-radius:3px;background:var(--color-range-thumb);box-shadow:0 1px 4px #00000040}input[type=range]::-webkit-slider-thumb:hover{background:var(--color-range-thumb-hover)}input[type=number]{margin-right:6px;max-width:65px}input[type=number]:only-of-type{margin:0;max-width:inherit}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button,input[type=range]::-webkit-slider-thumb{transition:background .1s ease-out}button:first-of-type{margin-right:6px}button:first-of-type:last-of-type{margin-right:0}button.selected,button.selected:hover{background-color:var(--color-range-bg)}.noCursor{cursor:none}.upperCase{text-transform:uppercase}input[type=color]{-webkit-appearance:none;padding:0;margin-right:6px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}input[type=color]:focus{border:none}input::-webkit-calendar-picker-indicator{color:var(--color-input-fg);position:relative;right:-4px;top:-2px;font-size:12px}.header{border-top:1px solid var(--color-border);color:var(--color-header);margin-top:11px;align-items:center}#params .header>label{padding-top:8px;padding-bottom:5px}.header:first-child{border:none;margin-top:0}button:hover{background:var(--color-input-bg-hover)}button:active{background:var(--color-input-bg)}#fps,#dms{font-family:Monaco,monospace;font-size:13pt;position:fixed;right:8px;top:8px;background-color:#00000040;line-height:1.6em;padding:0 6px;border-radius:4px;color:#fff;user-select:none}#dms{font-size:12pt;top:auto;bottom:8px}.hidden{display:none}button.shuffle{line-height:0;max-width:16px;padding:0;height:24px;background-color:inherit}button.shuffle:hover path{fill:var(--color-header)}button.shuffle:active path{fill:var(--color-fg)}button.shuffle svg{height:1em}button.shuffle path{fill:var(--color-fg);transition:fill .1s ease-out}