body,html{margin:0}#app{font-family: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}div[data-v-652f1576]{vertical-align:top;display:inline-block;max-width:75px;width:100%;height:75px;margin:0;border-radius:0;cursor:copy;position:relative}div[data-v-652f1576]:active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:hsla(0,0%,100%,.2);mix-blend-mode:exclusion;pointer-events:none}input[data-v-652f1576]{width:1px;height:0;opacity:0;position:fixed;left:-100%;top:-100%;pointer-events:none}.colorlist[data-v-45f924bc]{display:flex;justify-content:center;margin-bottom:20px}.colorlist>[data-v-45f924bc]{flex-grow:2}#chooser{margin-bottom:20px}input{height:30px;margin:0 10px 0 0;padding:0 8px;vertical-align:middle;background:#ddd;border:0}