html{font-size:16px}body{padding:0;margin:0;overflow:hidden;font-family:Arial,serif;overflow:hidden;line-height:0;background:0 0}#container{position:absolute;background:repeating-conic-gradient(#999 0 25%,#ccc 0 50%) 50%/20px 20px;cursor:pointer}::-webkit-scrollbar{display:none}#svgRoot{position:absolute;left:0;top:0}#loaderDiv{position:absolute;top:0;left:0;bottom:0;right:0;background:#000;z-index:-1}#loader{position:absolute;left:50%;top:50%;margin:-5vh 0 0 -5vh;border:.5rem solid rgba(127,127,127,.5);border-radius:50%;border-top:.5rem solid #fff;width:10vh;height:10vh;animation:spinner 4s linear infinite;box-sizing:border-box}#loaderText{position:absolute;width:100%;top:60%;text-align:center;font-size:1rem;color:#fff}@keyframes spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#highResCanvas{position:absolute;top:100vh;left:100vw;width:0;height:0}#cFmenu{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5);font-size:1rem;line-height:1.5rem;overflow-y:auto;overflow-x:hidden}#close{position:absolute;top:1rem;right:2rem;width:3rem;height:3rem;color:#fff;font-size:6rem;cursor:pointer;border:.2rem solid transparent;border-radius:.5rem;z-index:10}#close:hover{border:.2rem solid #fff;background-color:rgba(255,255,255,.2)}#close:after,#close:before{position:absolute;left:46%;content:' ';height:100%;width:8%;background-color:#fff}#close:before{transform:rotate(45deg)}#close:after{transform:rotate(-45deg)}#note{background:#ffbf00;color:#fff;padding:1rem}#note b{font-size:1.2rem}h3{color:#fff;margin:3.2rem 0 1.7rem;text-align:center;font-size:1.6rem}small{font-size:.8rem;display:block}.label{position:relative;color:#fff;margin:1.5rem auto;padding:0 .5rem;width:11rem}.radio{position:absolute;left:-2rem;top:0;width:1.5rem;height:1.5rem;border-radius:50%;background:#000;border:.16rem solid #fff;cursor:pointer}.checkBox{position:absolute;left:-2rem;top:0;width:1.5rem;height:1.5rem;border-radius:.25rem;background:#000;border:.16rem solid #fff;cursor:pointer}.checked.checkBox:after,.checked.checkBox:before{position:absolute;left:40%;top:10%;content:' ';height:80%;width:20%;background-color:#fff}.checked.checkBox:before{transform:rotate(45deg)}.checked.checkBox:after{transform:rotate(-45deg)}.cFlink:hover,.checkBox:hover,.radio:hover{background:#777}.checked.radio{cursor:default;border:.66rem solid #fff;width:.5rem;height:.5rem}.cFlink{color:#fff;cursor:pointer;margin:.5rem auto;text-align:center;padding:.5rem 2rem;background:#000;border:.16rem solid #fff;border-radius:.5rem;width:12rem}#insultDiv,#traitDiv{position:relative;padding:1rem 2rem;color:#fff;background:#000;border-radius:.5rem;margin:2rem}#insultDiv{padding:4rem 2rem 2rem}#copyInsult{position:absolute;right:1.4rem;top:1rem;width:1rem;height:1.3rem;border:.15rem solid #fff;border-radius:.15rem}#copyInsult:after{position:absolute;left:.4rem;top:.4rem;content:' ';width:1rem;height:1.3rem;background-color:#fff;background:#000;border:.15rem solid #fff;border-radius:.15rem;cursor:pointer}#copyInsult:before{position:absolute;left:-2.4rem;top:0;content:'Copy';font-size:.8rem;font-weight:700}#copyInsult:hover,#copyInsult:hover:after{background-color:#333}.traitRow{display:flex;flex-direction:row;justify-content:left;align-items:center;padding:1rem 0}.line{border-bottom:1px solid #333}.traitKey{width:50%}.traitVal{font-weight:700;padding-left:1rem;width:50%}@media screen and (max-width:600px){html{font-size:14px}#insultDiv,#traitDiv{padding-left:1rem;padding-right:1rem;margin:2rem 1rem}}@media screen and (max-width:500px){html{font-size:13px}#close{width:2rem;height:2rem}.cFlink{width:9rem}}@media screen and (max-width:250px){html{font-size:12px}.label{margin:1.5rem 0 1.5rem 3rem}#insultDiv,#traitDiv{padding-left:.7rem;padding-right:.7rem;margin:2rem .5rem}}