#app{font-family:font-cat,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}@font-face{font-family:font-fzst;src:url(/static/font/three/fzst.TTF) format("truetype")}@font-face{font-family:font-cat;src:url(/static/font/cat-font/cat.ttf)}body,html{width:100%;height:100%}body{overflow:auto}div{padding:0;margin:0;text-align:left}*,button,div{box-sizing:border-box}button{position:relative;display:inline-block;padding:8px 20px;margin-right:10px!important;line-height:1.5;background:#87ceeb;border:0;border-radius:3px;color:#fff;outline:none}button,button:after{transition:all .2s ease-in-out}button:after{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:hsla(0,0%,100%,.8)}button:hover{cursor:pointer}button:hover:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(30,128,255,.2)}button.active,button.focus{background:#1e80ff}iframe{display:block;border:0}iframe,iframe body,iframe html{width:100%;height:100%}.canvas-wrapper canvas{display:block;width:100%;height:100%;padding:0;margin:0}.comp-container{width:100%;height:100%;box-sizing:border-box}.flex-box-v{flex-direction:column;position:relative}.flex-box,.flex-box-v{width:100%;height:100%;display:flex}.flex-main{flex:1}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{font-family:Sans-Serif}canvas{background-color:#fff;border:1px solid #000;display:block}#uiContainer{position:absolute;top:10px;right:10px;z-index:3;font-family:monospace;pointer-events:none;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}#ui{opacity:.8}#ui>div{pointer-events:none}#ui canvas,#ui input,#ui label,#ui option,#ui select{pointer-events:auto}.gman-checkbox-label,.gman-slider-label,.gman-widget-label{font-size:medium;min-width:10em;text-align:right}.gman-checkbox-label{pointer-events:auto}.gman-widget-value{float:right;font-size:medium;order:1;min-width:3em}.gman-slider-upper{height:1.5em}.gman-slider-outer,.gman-widget-outer{float:right;display:flex;align-items:center;height:1.7em}.gman-widget-checkbox,.gman-widget-select,.gman-widget-slider{opacity:.5;font-size:large;margin-left:.3em;margin-right:.3em}.gman-widget-select{font-size:small}.gman-widget-slider{min-width:120px}body.iframe,html.iframe{height:100vh}body.iframe{width:100vw;margin:0}.iframe>.description{display:none}.iframe .divcanvas,.iframe canvas{width:100vw;height:100vh}.iframe canvas{max-width:100vw;border:none}.iframe>#example{width:100%;height:100%}#ui #rotation>canvas{background-color:hsla(0,0%,100%,.6)}#ui{width:200px}@media(max-width:390px){pre{font-size:xx-small!important;max-width:300px!important}.iframe canvas{width:100vw;height:100vh;border:none}#uiContainer{top:120px}.iframe #uiContainer{top:10px}}@media(prefers-color-scheme:dark){#ui .ui-dark-support{color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}}.my-slider-wrapper[data-v-066ed345]{display:inline-block}.my-slider-wrapper .my-slider-label[data-v-066ed345]{display:inline-block;padding:0 12px;height:36px;line-height:36px;vertical-align:3px}.my-slider-wrapper .my-slider-input__num[data-v-066ed345]{width:42px;border:1px solid #1e80ff;border-radius:5px;line-height:24px;color:#1e80ff;outline:none;padding-left:6px}.my-slider-wrapper .my-slider-input[data-v-066ed345]{-webkit-appearance:none;height:8px;border-radius:4px;background-image:linear-gradient(90deg,#038aff,#19b5fe,#6bb9f0,#89c4f4)}.my-slider-wrapper .my-slider-input[data-v-066ed345]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#4871f7;width:14px;height:14px;border-radius:50%;cursor:pointer}.my-slider-wrapper .my-slider-input[data-v-066ed345]::-webkit-slider-thumb:hover{background:#4d05e8}