@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap";.alert-wrapper{position:fixed;right:10px;z-index:9999}.alert-box{background-color:rgba(var(--picked-inv),.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(var(--picked-inv),.3);margin:10px;padding:0 20px;border-radius:100px;right:0}.alert-box:hover{cursor:pointer}nav[data-v-d859d8dd]{position:fixed;right:20px;bottom:5px;z-index:999}#title[data-v-d859d8dd]{text-align:center;font-weight:900;font-size:40px;text-shadow:0 0 20px rgba(var(--picked-inv),.7);transition:text-shadow 2s,color 1.5s}.fade-enter-active[data-v-d859d8dd],.fade-leave-active[data-v-d859d8dd]{transition:opacity .2s}.fade-enter-from[data-v-d859d8dd],.fade-leave-to[data-v-d859d8dd]{opacity:0}#wheel{position:relative;width:calc(2 * var(--size));height:calc(2 * var(--size));border-radius:50%;border:1px solid rgba(var(--picked-inv),.3);background-color:rgba(var(--picked-inv),.1);margin:20px;transition:.3s}.colorpoint{position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid rgba(var(--picked-inv),.8);cursor:pointer;transform:translate(-50%,-50%);transition:.5s}.colorpoint:hover{z-index:999;box-shadow:0 0 8px rgba(var(--picked-inv),.8);border:1px solid rgba(var(--picked-inv),.3)}.Infos{border:1px solid rgba(var(--picked-inv),.3);background-color:rgba(var(--picked-inv),.1);color:rgb(var(--picked-inv));position:relative;height:40px;padding:20px;border-radius:20px;transition:.2s;flex:1 0 auto}.info{max-width:max-content}.Infos:hover{cursor:pointer;border:1px solid rgba(var(--picked-inv),.5);box-shadow:0 0 50px 2px rgba(var(--picked-inv),.2);background-color:rgba(var(--picked-inv),.9);color:rgb(var(--picked));font-weight:900}select{appearance:none;flex:0 1 80%;background-color:rgba(var(--picked-inv),.1);border:1px solid rgba(var(--picked-inv),.3);color:rgb(var(--picked-inv));font-family:"Noto Serif JP",serif;font-weight:700;font-size:larger;padding:10px 20px;height:50px;border-radius:20px;transition:.2s}select:hover{cursor:pointer;border:1px solid rgba(var(--picked-inv),.5);box-shadow:0 0 50px 2px rgba(var(--picked-inv),.2);background-color:rgba(var(--picked-inv),.9);color:rgb(var(--picked));font-weight:900}.panel{display:flex;flex-wrap:nowrap;position:relative;width:90vw;left:5vw;gap:50px}.controls{position:relative}#color-wheel{flex:0 0 auto}#color-info{max-width:fit-content;align-content:flex-start;display:flex;flex:0 1 auto;flex-wrap:wrap;gap:20px}@media (max-width: 860px){.panel{flex-direction:column;align-items:center;width:100vw;left:0;gap:20px}}#about{position:relative;width:60vw;margin:0 auto}:root{--picked: 254,223,225;--picked-inv: 249,75,86}body{margin:0;background-color:rgb(var(--picked));color:rgb(var(--picked-inv));transition:background-color 1.3s;font-family:"Noto Serif JP",serif}a{text-decoration:none;color:rgba(var(--picked-inv),.5);margin:5px;transition:.3s;font-family:"Noto Serif JP",serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-size:16px}a:hover{text-shadow:0 0 20px rgba(var(--picked-inv),.8);color:rgba(var(--picked-inv),1)}