*{box-sizing:border-box}#root,body,html{-webkit-touch-callout:none;background-color:#272727;height:100%;margin:0;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;width:100%}body{color:#000;font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;overflow:hidden;overscroll-behavior-y:none;position:fixed}a{border-bottom:2px solid #fff4;color:#fff;text-decoration:none}a:hover{background:#000}h1{color:#fff;font-size:24px;font-weight:300;letter-spacing:-.5px;line-height:1;margin:0}h1 span{color:#fffa}.header{left:0;padding:16px;position:fixed;top:0}.jb-info{color:#fffa;font-size:16px;font-weight:500;line-height:16px;max-width:70vw}.main{color:#fff;position:relative}.main,canvas{height:100%;overflow:hidden;width:100%}canvas{position:absolute;top:0}.sombras-pads{align-content:center;align-items:center;bottom:16px;flex-wrap:wrap;justify-content:center;left:0;position:fixed;right:0}.jb-option-container{background-color:#2c3e50;border-radius:8px;color:#eee;overflow:hidden;padding:16px;position:fixed;right:200px;top:100px;width:240px}@media screen and (max-width:640px){.jb-option-container{right:90px}}.jb-input{background-color:#0008;border:none;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),0 0 0 1px hsla(0,0%,100%,.1);font-size:16px;height:48px;margin:0;width:100%}.jb-input,.jb-input-key{-webkit-appearance:none;appearance:none;color:#fff;padding:0 16px}.jb-input-key{background-color:#000e;border:none;border-radius:16px;font-size:24px;height:64px;left:16px;position:fixed;right:16px;top:16px}.jb-button{align-items:center;background-color:#eeed;border:none;border-radius:4px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 1px 0 rgba(0,0,0,.05),0 4px 12px rgba(0,0,0,.1);color:#000;cursor:pointer;display:flex;font-size:16px;height:48px;justify-content:center;justify-items:center;margin:0;outline:none;padding:0 16px;width:175px}.jb-button:active{background:#fff}@media screen and (max-width:640px){.jb-button{width:auto}}.jb-button.-pressed{background-color:#2c3e50;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),0 0 0 1px #fff8;color:#fff}.jb-button[disabled]{cursor:default;pointer-events:none}.jb-button:focus-visible{box-shadow:0 0 0 3px #f1c40f}.jb-noise{background:url(/static/media/noise.ae57daae8d40e6c472f7.png) repeat;background-size:256px;bottom:0;left:0;opacity:.023;pointer-events:none;position:fixed;right:0;top:0;z-index:10}.-if-not-small{display:block;flex:1 1}@media screen and (max-width:640px){.-if-not-small{display:none}}.jb-color-picker{appearance:none;-webkit-appearance:none;border-radius:2px;display:block;height:32px;width:100%}.jb-color-picker::-webkit-slider-thumb{-webkit-appearance:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:transparent;border:2px solid #fff;border-radius:1px;box-shadow:0 0 6px #0004;height:36px;width:18px}.jb-color-picker::-moz-range-thumb{appearance:none;backdrop-filter:blur(4px);background:transparent;border:2px solid #fff;border-radius:1px;box-shadow:0 0 6px #0004;height:36px;width:18px}