input[data-v-52301b9a]{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}.container[data-v-52301b9a]{border-radius:10px;display:grid;background-color:rgba(0,0,0,.75);width:auto;height:auto;grid-template-columns:repeat(6,1fr);height:80px}.colorWheelImg[data-v-52301b9a]{max-width:100%;max-height:100%}.colorButton[data-v-52301b9a]{position:relative;width:45px;height:45px;margin:auto;border-radius:50%;transition:.15s}.colorButton[data-v-52301b9a]:hover{border:3px solid #fff;box-shadow:0 0 10px #9ecaed}@media only screen and (max-width:380px){.container[data-v-52301b9a]{width:90%;margin:auto}.colorButton[data-v-52301b9a]{width:30px;height:30px;margin:auto;border-radius:50%}}#app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;background-color:var(--color);width:100vw;height:100vh;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;text-align:center}h1{font-size:45px;text-overflow:ellipsis;margin:auto;padding-bottom:1em;text-shadow:2px 2px #000}.container{width:80%;margin:auto}@media only screen and (min-width:768px){.container{width:70%;margin:auto}}@media only screen and (min-width:1000px){.container{width:35%;margin:auto}}