@import url(https://fonts.googleapis.com/css?family=Roboto+Mono);#app,body,html{height:100%}#app{color:#0c0c0c}.card[data-v-1fc23a74]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#3a3226;height:2.5rem;cursor:pointer}.card .css[data-v-1fc23a74]{font-size:.5em;opacity:.72;display:none}.card .rgb[data-v-1fc23a74]{font-size:.5em;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.card .color-block[data-v-1fc23a74]{height:100%;width:.5rem;margin-right:.5rem;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-webkit-transition:width .33s ease-in-out .1s;transition:width .33s ease-in-out .1s}.card .color-block .rgbt[data-v-1fc23a74]{opacity:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.card .monji-block[data-v-1fc23a74]{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.card .monji-block .head[data-v-1fc23a74]{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;font-size:.66rem}.card .monji-block .title[data-v-1fc23a74]{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;font-size:.8rem}.card .monji-block .rgb[data-v-1fc23a74]{opacity:.66}.card.active[data-v-1fc23a74]{background:#3a3226;color:#fff;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}@media (min-width:600px){.card.active .monji-block[data-v-1fc23a74]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:baseline;-ms-flex-pack:baseline;justify-content:baseline}.card.active .monji-block .head[data-v-1fc23a74]{width:4rem;font-size:1.2rem;color:#d3d3d3}.card.active .monji-block .title[data-v-1fc23a74]{font-size:1.2rem}.card.active .monji-block .rgb[data-v-1fc23a74]{font-size:1.2rem;opacity:.8;padding-right:.5rem}}.card.active:hover .rgb[data-v-1fc23a74]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.card.active:hover .css[data-v-1fc23a74]{display:none}.card.active .rgb[data-v-1fc23a74]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.card.active .css[data-v-1fc23a74],.card:hover .rgb[data-v-1fc23a74]{display:none}.card:hover .css[data-v-1fc23a74]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.card:hover .color-block[data-v-1fc23a74]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:.5rem}.picker[data-v-0892fc32]{position:relative;height:100%;width:100%}.picker .circle[data-v-0892fc32]{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 1s;transition:all 1s;position:absolute;height:100%;width:100%}.picker .linear-gradient[data-v-0892fc32]{z-index:998;background:-webkit-gradient(linear,left bottom,left top,from(#0c0c0c),color-stop(#010101),color-stop(maroon),color-stop(#8a6bbe),color-stop(#7db9de),color-stop(#00aa90),color-stop(#f7df40),color-stop(orange),to(#cb1b45));background:linear-gradient(0deg,#0c0c0c,#010101,maroon,#8a6bbe,#7db9de,#00aa90,#f7df40,orange,#cb1b45)}.fill-bright{fill:#fffffb!important}.palette-picker[data-v-58702140]{position:relative;height:100%;width:100%}.palette-picker .dot[data-v-58702140]{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 1s;transition:all 1s;position:absolute;height:100%;width:100%;opacity:.66}.palette-picker .dot.active[data-v-58702140]{opacity:1}.palette-picker .btn-box[data-v-58702140]{text-align:center;font-weight:700;font-size:112%;line-height:1.4;z-index:998;overflow:hidden}.palette-picker .btn-box.white[data-v-58702140]{background-color:#fff}.color-rotations[data-v-0b07789e],.color-shades[data-v-0b07789e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background-color:#3a3226;height:7vh;width:100%}.color-rotations .rotation[data-v-0b07789e],.color-rotations .shade[data-v-0b07789e],.color-shades .rotation[data-v-0b07789e],.color-shades .shade[data-v-0b07789e]{height:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-transition:-webkit-box-flex .33s ease-in-out;transition:-webkit-box-flex .33s ease-in-out;transition:flex .33s ease-in-out;transition:flex .33s ease-in-out,-webkit-box-flex .33s ease-in-out,-ms-flex .33s ease-in-out;position:relative;font-size:.5rem}@media (min-width:600px){.color-rotations .rotation[data-v-0b07789e],.color-rotations .shade[data-v-0b07789e],.color-shades .rotation[data-v-0b07789e],.color-shades .shade[data-v-0b07789e]{font-size:1rem}}.color-rotations .rotation[data-v-0b07789e]:before,.color-rotations .shade[data-v-0b07789e]:before,.color-shades .rotation[data-v-0b07789e]:before,.color-shades .shade[data-v-0b07789e]:before{text-transform:uppercase;-webkit-transition:opacity .66s ease-in-out;transition:opacity .66s ease-in-out;position:absolute;left:.2rem;bottom:.2rem;content:attr(data-hex);font-size:1rem;opacity:0}.color-rotations .rotation.active[data-v-0b07789e],.color-rotations .shade.active[data-v-0b07789e],.color-shades .rotation.active[data-v-0b07789e],.color-shades .shade.active[data-v-0b07789e]{-webkit-box-flex:8;-ms-flex-positive:8;flex-grow:8}@media (min-width:600px){.color-rotations .rotation.active[data-v-0b07789e],.color-rotations .shade.active[data-v-0b07789e],.color-shades .rotation.active[data-v-0b07789e],.color-shades .shade.active[data-v-0b07789e]{-webkit-box-flex:3;-ms-flex-positive:3;flex-grow:3}}.color-rotations .rotation.active[data-v-0b07789e]:before,.color-rotations .shade.active[data-v-0b07789e]:before,.color-shades .rotation.active[data-v-0b07789e]:before,.color-shades .shade.active[data-v-0b07789e]:before{text-transform:uppercase;-webkit-transition:opacity .66s ease-in-out;transition:opacity .66s ease-in-out;position:absolute;left:.2rem;bottom:.2rem;content:"\2606";font-size:1rem;opacity:.66}.color-rotations .rotation.active[data-v-0b07789e]:hover,.color-rotations .shade.active[data-v-0b07789e]:hover,.color-shades .rotation.active[data-v-0b07789e]:hover,.color-shades .shade.active[data-v-0b07789e]:hover{-webkit-box-flex:8;-ms-flex-positive:8;flex-grow:8}@media (min-width:600px){.color-rotations .rotation.active[data-v-0b07789e]:hover,.color-rotations .shade.active[data-v-0b07789e]:hover,.color-shades .rotation.active[data-v-0b07789e]:hover,.color-shades .shade.active[data-v-0b07789e]:hover{-webkit-box-flex:3;-ms-flex-positive:3;flex-grow:3}}.color-rotations .rotation.active[data-v-0b07789e]:hover:before,.color-rotations .shade.active[data-v-0b07789e]:hover:before,.color-shades .rotation.active[data-v-0b07789e]:hover:before,.color-shades .shade.active[data-v-0b07789e]:hover:before{opacity:1;content:attr(data-hex)}.color-rotations .rotation[data-v-0b07789e]:hover,.color-rotations .shade[data-v-0b07789e]:hover,.color-shades .rotation[data-v-0b07789e]:hover,.color-shades .shade[data-v-0b07789e]:hover{-webkit-box-flex:8;-ms-flex-positive:8;flex-grow:8}@media (min-width:600px){.color-rotations .rotation[data-v-0b07789e]:hover,.color-rotations .shade[data-v-0b07789e]:hover,.color-shades .rotation[data-v-0b07789e]:hover,.color-shades .shade[data-v-0b07789e]:hover{-webkit-box-flex:3;-ms-flex-positive:3;flex-grow:3}}.color-rotations .rotation[data-v-0b07789e]:hover:before,.color-rotations .shade[data-v-0b07789e]:hover:before,.color-shades .rotation[data-v-0b07789e]:hover:before,.color-shades .shade[data-v-0b07789e]:hover:before{opacity:1}.home[data-v-5550b933]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .display[data-v-5550b933]{position:relative;height:100%;width:100px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-transition:all 1s;transition:all 1s}.home .display .main-display[data-v-5550b933]{height:calc(100% - 14vh);position:relative}.home .display .copy[data-v-5550b933],.home .display .palettes[data-v-5550b933],.home .display .random[data-v-5550b933],.home .display .series[data-v-5550b933],.home .display .share[data-v-5550b933]{position:absolute;height:2rem;width:2rem;top:1rem}.home .display .copy[data-v-5550b933],.home .display .random[data-v-5550b933],.home .display .share[data-v-5550b933]{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 1s;transition:all 1s;fill:#0c0c0c}.home .display .palettes[data-v-5550b933]{left:1rem}.home .display .series[data-v-5550b933],.home .display .share[data-v-5550b933]{left:3.5rem}.home .display .copy[data-v-5550b933]{left:8.5rem;padding:.36rem}.home .display .random[data-v-5550b933]{left:6rem;padding:.36rem}.home .display .romaji[data-v-5550b933]{position:absolute;bottom:4rem;left:.5rem;text-transform:capitalize;letter-spacing:.2rem}.home .display .kanji[data-v-5550b933]{position:absolute;bottom:6rem;left:.5rem;letter-spacing:.2rem;font-size:1.4rem}.home .display .rgb-block[data-v-5550b933]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:2px;position:absolute;bottom:0;left:0;right:0}.home .display .rgb-block .b[data-v-5550b933],.home .display .rgb-block .g[data-v-5550b933],.home .display .rgb-block .r[data-v-5550b933]{-webkit-transition:all 1s;transition:all 1s;background-color:#0c0c0c;height:3px;border-radius:.1rem;width:0;margin-top:2px}.home .display .rgb-number[data-v-5550b933]{font-size:1.3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;position:absolute;bottom:1rem;left:0;right:0}.home .display .rgb-number .n[data-v-5550b933]{font-size:72%;line-height:1.3rem;-ms-flex-item-align:end;align-self:flex-end}.home .display .cmyk-number[data-v-5550b933]{font-size:1.3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:absolute;bottom:4rem;left:0;right:.5rem}.home .display .cmyk-number .n[data-v-5550b933]:after{margin-bottom:.5rem;margin-left:-.5rem;display:inline-block;font-size:1rem;position:relative;top:-.8rem}.home .display .cmyk-number .c[data-v-5550b933]:after{content:"c"}.home .display .cmyk-number .m[data-v-5550b933]:after{content:"m"}.home .display .cmyk-number .y[data-v-5550b933]:after{content:"y"}.home .display .cmyk-number .k[data-v-5550b933]:after{content:"k"}.home .tab-wrapper[data-v-5550b933]{-ms-flex-negative:0;flex-shrink:0;height:100%;overflow-y:scroll;-ms-flex-preferred-size:38%;flex-basis:38%}@media (min-width:679px){.home .tab-wrapper[data-v-5550b933]{-ms-flex-preferred-size:38%;flex-basis:38%}}@media (min-width:600px){.home .tab-wrapper[data-v-5550b933]{-ms-flex-preferred-size:50%;flex-basis:50%}}@media (min-width:1200px){.home .tab-wrapper[data-v-5550b933]{-ms-flex-preferred-size:50%;flex-basis:50%}}@media (min-width:1800px){.home .tab-wrapper[data-v-5550b933]{-ms-flex-preferred-size:50%;flex-basis:50%}}.home .tab-wrapper .tab[data-v-5550b933]{min-height:100%;width:100%;position:relative}.home .tab-wrapper .tab[data-v-5550b933]:before{content:"";display:block;width:100%;height:100%;position:absolute;background:url(../img/64253519_p9.6bfa2813.png);background-attachment:local;background-repeat:repeat;opacity:.3}@media (min-width:600px){.home .tab-wrapper .tab[data-v-5550b933]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}}.home .tab-wrapper .tab .tab-item[data-v-5550b933]{margin-bottom:1rem}@media (min-width:679px){.home .tab-wrapper .tab .tab-item[data-v-5550b933]{width:100%}}@media (min-width:600px){.home .tab-wrapper .tab .tab-item[data-v-5550b933]{width:33.333333%}.home .tab-wrapper .tab .tab-item.active[data-v-5550b933]{width:100%}}@media (min-width:1200px){.home .tab-wrapper .tab .tab-item[data-v-5550b933]{width:25%}.home .tab-wrapper .tab .tab-item.active[data-v-5550b933]{width:100%}}@media (min-width:1800px){.home .tab-wrapper .tab .tab-item[data-v-5550b933]{width:20%}.home .tab-wrapper .tab .tab-item.active[data-v-5550b933]{width:100%}}.color-bright[data-v-5550b933]{color:#fffffb!important}.bg-bright[data-v-5550b933]{background-color:#fffffb!important}.js-tab-item[data-v-5550b933]{opacity:0}html{font-family:Roboto Mono,monospace;overflow-y:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:679px){html{font-size:1rem}}@media (min-width:680px){html{font-size:1.2rem}}@media (min-width:1200px){html{font-size:1.3rem}}@media (min-width:1800px){html{font-size:1.4rem}}::-moz-selection{background-color:rgba(65,131,196,.4)}::selection{background-color:rgba(65,131,196,.4)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-thumb{background:hsla(0,0%,48.6%,.16);border:0 none hsla(0,0%,48.6%,.16);border-radius:50px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,48.6%,.22)}::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-track{background:hsla(0,0%,48.6%,.16)}::-webkit-scrollbar-track{border:0 none #fff;border-radius:50%}::-webkit-scrollbar-track:hover{background:hsla(0,0%,48.6%,.16)}::-webkit-scrollbar-corner,::-webkit-scrollbar-track:active{background:transparent}