body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"SourceHanSerifCN-Medium";src:url(/static/media/SourceHanSerifCN-Medium.7cf244b8.otf)}.container{font-family:"SourceHanSerifCN-Medium";animation:fadein 2s ease}.container,.half{display:flex;flex-direction:row}.half{width:50%;margin:10px;flex-wrap:wrap;overflow:hidden;height:95vh}.nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.function-buttons{display:flex;flex-flow:row wrap;justify-content:flex-start;margin-right:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.color-canvas{height:100%;width:100%;transition:background-color 1s ease}.chosen,.sub-nav{width:100%;display:flex;flex-flow:row wrap}.sub-nav{min-height:250px;max-height:80vh;overflow-y:auto;margin-top:20px;padding-bottom:200px}.sub-nav::-webkit-scrollbar{width:5px;height:1px}.sub-nav::-webkit-scrollbar-thumb{border-radius:10px;background-color:#475164;background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent)}.sub-nav::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #d8e3e7;background:#ededed;border-radius:10px}.type{margin-right:40px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column}.header,.type-header{display:flex;flex-flow:row wrap}.header{justify-content:space-between;align-items:center;width:100%}.type-name{font-size:1.75rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:20px}@keyframes fadein{0%{opacity:0}to{opacity:1}}.type-item{display:flex;flex-flow:row wrap;justify-content:flex-start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.color-item{font-size:1.25rem;width:20px;margin:10px 5px;cursor:pointer;animation:fadein 1s ease-in-out}.color-select{display:flex;flex-flow:column wrap;align-items:center;position:relative}.color-select:hover .add{opacity:1}.sub{cursor:pointer;margin:0}.sub:hover{background-color:#eee;transition:background-color .5s ease}.add{opacity:0;cursor:pointer;margin:0;border-radius:5px}.add:hover{opacity:1;background-color:#eee;transition:background-color .5s ease}
/*# sourceMappingURL=main.96d7f14e.chunk.css.map */