:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.custom-alert[data-v-f6a52ab8]{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px;margin:10px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;animation:fadeInOut-f6a52ab8 ease-in-out;z-index:1000;min-width:300px;box-shadow:0 2px 10px #0000001a}.success[data-v-f6a52ab8]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.error[data-v-f6a52ab8]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}button[data-v-f6a52ab8]{background:none;border:none;cursor:pointer;color:inherit}@keyframes fadeInOut-f6a52ab8{0%{opacity:0;transform:translate(-50%,-20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}@font-face{font-family:SourceHanSerifCN-Medium;src:url(/assets/SourceHanSerifCN-Medium-WGtYX9CZ.otf)}.container[data-v-a84b7f81]{display:flex;flex-direction:row;font-family:SourceHanSerifCN-Medium;animation:fadein-a84b7f81 2s ease}.half[data-v-a84b7f81]{flex:1;margin:10px;display:flex;flex-direction:column;overflow:hidden;min-height:95vh}.nav[data-v-a84b7f81]{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.function-buttons[data-v-a84b7f81]{display:flex;flex-flow:row wrap;justify-content:flex-start;margin-right:5px;width:fit-content}.color-canvas[data-v-a84b7f81]{height:80vh;width:100%;transition:background-color 1s ease}.chosen[data-v-a84b7f81]{width:100%;display:flex;flex-flow:row wrap}.sub-nav[data-v-a84b7f81]{width:100%;min-height:250px;max-height:80vh;overflow-y:auto;margin-top:20px;padding-bottom:200px;display:flex;flex-flow:row wrap}.sub-nav[data-v-a84b7f81]::-webkit-scrollbar{width:8px;height:8px}.sub-nav[data-v-a84b7f81]::-webkit-scrollbar-thumb{background-color:#475164;border-radius:10px}.sub-nav[data-v-a84b7f81]::-webkit-scrollbar-track{background:#ededed;border-radius:10px}.type[data-v-a84b7f81]{margin-right:40px;width:fit-content;display:flex;flex-direction:column}.type-header[data-v-a84b7f81]{display:flex;flex-flow:row wrap}.header[data-v-a84b7f81]{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px}.type-name[data-v-a84b7f81]{font-size:1.75rem;width:fit-content;margin-right:20px}@keyframes fadein-a84b7f81{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.type-item[data-v-a84b7f81]{display:flex;flex-flow:row wrap;justify-content:flex-start;width:fit-content}.color-item[data-v-a84b7f81]{font-size:1.25rem;width:100px;height:100px;margin:10px;cursor:pointer;display:flex;justify-content:center;align-items:center;animation:fadein-a84b7f81 1s ease-in-out}.color-select[data-v-a84b7f81]{display:flex;flex-flow:column wrap;align-items:center;position:relative}.color-select:hover .add[data-v-a84b7f81]{opacity:1}.sub[data-v-a84b7f81],.add[data-v-a84b7f81]{cursor:pointer;margin:0;transition:background-color .3s ease,opacity .3s ease}.sub[data-v-a84b7f81]:hover,.add[data-v-a84b7f81]:hover{background-color:#eee;opacity:1}@media (max-width: 768px){.container[data-v-a84b7f81]{flex-direction:column}.half[data-v-a84b7f81]{width:100%;min-height:auto}.nav[data-v-a84b7f81]{flex-direction:column}}.logo[data-v-0e00a057]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-0e00a057]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-0e00a057]:hover{filter:drop-shadow(0 0 2em #42b883aa)}