#app,body,html{height:100%}#app{color:#0c0c0c}.card[data-v-bf9967f8]{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}.card .color-block[data-v-bf9967f8]{height:100%;width:.618rem;margin-right:.5rem}.card .monji-block[data-v-bf9967f8]{-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 .kanji[data-v-bf9967f8]{font-family:FZQKBYSJT,serif;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;font-size:1.2rem}.card .monji-block .rgb[data-v-bf9967f8]{font-size:.8rem}.fill-bright{fill:#fffffb!important}.footer-info[data-v-5d89d5a5]{position:fixed;bottom:.5rem;left:1.2rem;font-size:.5rem}.footer-info p[data-v-5d89d5a5]{margin:0;line-height:.8rem}@media (max-width:679px){.footer-info p[data-v-5d89d5a5]{width:275px;white-space:normal}}.footer-info p .footer-deco[data-v-5d89d5a5]{margin-bottom:3px}.footer-info p a[data-v-5d89d5a5]{color:#0c0c0c}.footer-info .color-bright[data-v-5d89d5a5]{color:#fffffb!important}.footer-info .bg-bright[data-v-5d89d5a5]{background-color:#fffffb!important}.footer-info .js-tab-item[data-v-5d89d5a5]{opacity:0}.footer-info .fill-bright[data-v-5d89d5a5]{fill:#fffffb!important}.fill-bright{color:#fffffb!important}.base{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}.base .display{position:relative;height:100%;width:100px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-transition:all 1s;transition:all 1s}.base .display .copy,.base .display .random,.base .display .series,.base .display .share{position:absolute;height:1.2rem;width:1.2rem;bottom:3rem}.base .display .copy,.base .display .select-brand .random,.base .display .share{-webkit-transition:all 1s;transition:all 1s;fill:#0c0c0c}.base .display .series{right:1rem}.base .display .copy{right:2.6rem}.base .display .random{right:4.2rem}.base .display .select-brand{position:absolute;bottom:3rem;height:1.2rem;right:5.8rem}.base .display .romaji{left:5rem;letter-spacing:.2rem}.base .display .kanji,.base .display .romaji{position:absolute;bottom:3rem;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr}.base .display .kanji{font-family:FZQKBYSJT,serif;left:1rem;letter-spacing:.5rem;font-size:3rem}.base .display .color-decs{font-family:FZQKBYSJT,serif;position:absolute;bottom:3rem;left:7rem;letter-spacing:.2rem;line-height:1rem;width:50%;font-size:.8rem;white-space:normal;word-break:break-all;overflow:hidden}@media (max-width:679px){.base .display .color-decs{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;text-align:end;height:68%}}@media (min-width:680px) and (max-width:1199px){.base .display .color-decs{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;text-align:end;height:68%}}.base .display .rgb-block{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}.base .display .rgb-block .b,.base .display .rgb-block .g,.base .display .rgb-block .r{-webkit-transition:all 1s;transition:all 1s;background-color:#0c0c0c;height:2px;width:0;margin-top:2px}.base .display .rgb-number{font-size:1.3rem;-ms-flex-pack:distribute;justify-content:space-around}.base .display .cmyk-number,.base .display .rgb-number{font-family:MONO,sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex}.base .display .cmyk-number{-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;margin:1rem 1rem}.base .display .cmyk-number .n:after{margin-left:-.5rem;display:inline-block;font-size:.5rem;position:relative;top:-.8rem}.base .display .cmyk-number .c:before{content:"C"}.base .display .cmyk-number .m:before{content:"M"}.base .display .cmyk-number .y:before{content:"Y"}.base .display .cmyk-number .k:before{content:"K"}.base .tab-wrapper{-ms-flex-negative:0;flex-shrink:0;height:100%;overflow-y:scroll}@media (max-width:679px){.base .tab-wrapper{-ms-flex-preferred-size:100px;flex-basis:100px}}@media (min-width:680px) and (max-width:1199px){.base .tab-wrapper{-ms-flex-preferred-size:400px;flex-basis:400px}}@media (min-width:1200px) and (max-width:1799px){.base .tab-wrapper{-ms-flex-preferred-size:800px;flex-basis:800px}}@media (min-width:1800px){.base .tab-wrapper{-ms-flex-preferred-size:1200px;flex-basis:1200px}}.base .tab-wrapper .tab{min-height:100%;width:100%;position:relative}.base .tab-wrapper .tab:before{content:"";display:block;width:100%;height:100%;position:absolute;background:url(https://raw.githubusercontent.com/masantu/statics/master/images/16163833_p9.jpg) repeat local;opacity:.3}@media (min-width:600px){.base .tab-wrapper .tab{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}}.base .tab-wrapper .tab .tab-item{margin-bottom:1rem}@media (max-width:679px){.base .tab-wrapper .tab .tab-item{width:100%}}@media (min-width:680px) and (max-width:1199px){.base .tab-wrapper .tab .tab-item{width:33%}}@media (min-width:1200px) and (max-width:1799px){.base .tab-wrapper .tab .tab-item{width:25%}}@media (min-width:1800px){.base .tab-wrapper .tab .tab-item{width:20%}}.color-bright{color:#fffffb!important}.bg-bright{background-color:#fffffb!important}.js-tab-item{opacity:0}.el-progress-bar__inner{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.color-rgb-progress/deep/.el-progress-bar__outer{background-color:transparent}.el-progress.el-progress--circle{margin-bottom:.5rem}.color-rgb-progress/deep/.el-progress-bar__innerText{margin-top:-.56rem}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{top:65%!important}.el-progress-bar__innerText{padding-bottom:1rem}.picker[data-v-57546b8e]{position:relative;height:100%;width:100%}.picker .circle[data-v-57546b8e]{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 1s;transition:all 1s;position:absolute;height:100%;width:100%;border-radius:50%}.picker .linear-gradient[data-v-57546b8e]{z-index:998;background:-webkit-gradient(linear,left bottom,right top,from(#fffffb),color-stop(#cb1b45),color-stop(#f7c242),color-stop(#7db9de),color-stop(#00aa90),color-stop(#8a6bbe),to(#fffffb));background:linear-gradient(to top right,#fffffb,#cb1b45,#f7c242,#7db9de,#00aa90,#8a6bbe,#fffffb)}@font-face{font-family:XANO;src:url(../fonts/XANO-mincho-U32.b5470313.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:MONO;src:url(../fonts/BPtypewrite.c53a6bd3.ttf) format("truetype");font-weight:400;font-style:normal}html{font-family:MONO,Avenir,Helvetica,Arial,sans-serif;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 (max-width:679px){html{font-size:15px}}@media (min-width:680px) and (max-width:1199px){html{font-size:20px}}@media (min-width:1200px) and (max-width:1799px){html{font-size:23.5px}}@media (min-width:1800px){html{font-size:24px}}@font-face{font-family:FZQKBYSJT;src:url(https://cdn.jsdelivr.net/gh/masantu/statics@v1.0/fonts/simple/FZQKBYSJT.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/masantu/statics@v1.0/fonts/simple/FZQKBYSJT.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/masantu/statics@v1.0/fonts/simple/FZQKBYSJT.ttf) format("truetype"),url(https://cdn.jsdelivr.net/gh/masantu/statics@v1.0/fonts/simple/FZQKBYSJT.eot) format("embedded-opentype"),url(https://cdn.jsdelivr.net/gh/masantu/statics@v1.0/fonts/simple/FZQKBYSJT.svg) format("svg"),url(https://cdn.jsdelivr.net/gh/masantu/statics@v1.0/fonts/simple/FZQKBYSJT.otf) format("opentype")}