:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{width:100%;background-color:#fff;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:0}#app{display:block;width:90%;aspect-ratio:2 / 1}ul,ol{margin:0;padding:0;list-style:none}button{padding:0}.color-gen__color-row[data-v-fa382734]{display:flex;flex-direction:row;max-width:100%}.color-gen__minor-color[data-v-fa382734]{writing-mode:vertical-rl;text-orientation:mixed;flex-grow:1;width:1px;aspect-ratio:1}.color-gen__minor-color[data-v-fa382734]:hover{border:1px solid black}.grid-palette[data-v-fa382734]{width:100%;height:auto}.preset-list[data-v-8cf069ad]{display:flex;border-radius:15px;border:1px solid black;overflow:hidden}.color-card[data-v-8cf069ad]{display:flex;align-items:center;justify-content:center;height:100px;content:"";flex-grow:1}.color-card[data-v-8cf069ad]:hover{flex-grow:1.5}.template-preset[data-v-04127a62]{display:flex;flex-direction:column;overflow-y:scroll;scrollbar-width:auto;gap:20px;padding:10px;height:100%}.preset-wrapper[data-v-04127a62]{height:auto}.color-gen__template[data-v-9821de33]{flex-direction:column;height:100%;background-color:#29cccc;border-radius:inherit;display:flex;justify-content:center;align-items:center}.major-color-wrapper[data-v-9821de33]{display:flex;width:100%;height:20%}.major-color[data-v-9821de33]{content:"";width:100%;height:100%}.mode-button[data-v-9821de33]{border-radius:5px;height:100%;aspect-ratio:1 / 1}.mode-button.active[data-v-9821de33]{background-color:#5a5a5a}.palette[data-v-9821de33]{background-color:#000;display:flex;flex-direction:column;height:80%;width:100%}.samples-wrapper[data-v-e9d310fb]{display:flex;flex-wrap:wrap;width:100%;height:30%;justify-content:space-between;align-items:center;gap:10px;padding:10px;background-color:#fff;border:1px solid red}.color-samples[data-v-e9d310fb]{aspect-ratio:1;border:1px solid rgb(0,0,0);height:40%;content:"";display:flex;align-items:center;justify-content:center;font-size:8pt}.color-samples[data-v-e9d310fb]:hover{background-color:#b8b8b8}.color-generator[data-v-4e6237d7]{border:2px solid rgb(0,59,146);width:100%;height:100%;aspect-ratio:2 / 1;display:flex;gap:15px;padding:15px;border-radius:15px;background-color:#4657a3;overflow:hidden;justify-content:space-between}.color-manager[data-v-4e6237d7]{display:flex;flex-direction:column;aspect-ratio:1;justify-content:space-between}.templates-container[data-v-4e6237d7]{display:grid;grid-template-columns:50% 50%;grid-template-rows:50% 50%;gap:15px;width:100%;height:100%}.wheel-buttons-container[data-v-4e6237d7]{display:grid;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr;width:100%;justify-content:space-around;margin:10px;align-items:center;gap:15px}.color-gen__sign-button[data-v-4e6237d7]{display:flex;flex:1 1 auto;aspect-ratio:1;border:1px solid rgb(16,23,117);background-color:#1f30c9;align-items:center;justify-content:center}.color-gen__sign-button[data-v-4e6237d7]:hover{background-color:#646baa}.mode-button[data-v-4e6237d7]{grid-column:span 2;aspect-ratio:2}.color-tor[data-v-4e6237d7]{background-color:#222263;padding:25px;border-radius:inherit;height:66%;display:flex}.wheelContainer[data-v-4e6237d7]{position:relative;aspect-ratio:1;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:1}.wheel[data-v-4e6237d7]{width:80%;height:80%;border:5px solid white;border-radius:50%;background:conic-gradient(#ef8aab,#f48e7d,#e89955 16.67%,#dda147,#cdaa42,#bab248,#a4ba57 33.33%,#6ec482,#2dc8b1 50%,#0ac6c7 54.17%,#07c5d1,#16c3da 58.33%,#58b8f6,#8fa9ff,#ba9bf2,#db8fd4,#ef8aab);position:relative;transform:rotate(0)}.inner-wheel[data-v-4e6237d7]{--circle-size: 70%;position:absolute;top:calc((100% - var(--circle-size)) / 2);left:calc((100% - var(--circle-size)) / 2);width:var(--circle-size);height:var(--circle-size);z-index:100;content:"";background-color:#fff;border-radius:50%}.wheel__pointer[data-v-4e6237d7]{left:50%;top:0%;width:2px;height:120px;position:absolute;content:"";background-color:#000}.color-gen__sign[data-v-4e6237d7]{position:absolute;content:"";background-color:#750000;border:2px solid rgb(46,0,0);z-index:1000}.tester[data-v-4e6237d7]{width:1px;height:1px;position:absolute;content:"";background-color:#750000;border:2px solid rgb(46,0,0);z-index:1000}