@font-face{font-family:Quicksand;src:url(/fonts/Quicksand-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Quicksand;src:url(/fonts/Quicksand-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Quicksand;src:url(/fonts/Quicksand-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Quicksand;src:url(/fonts/Quicksand-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Quicksand;src:url(/fonts/Quicksand-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}body,html{padding:0;margin:0;font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.chakra-color-wheel{position:relative;width:100%;max-width:400px;height:auto;margin:0 auto}.chakra-color-item{cursor:pointer;transition:transform .3s ease,filter .3s ease}.chakra-color-item:hover{transform:scale(1.05);filter:brightness(1.2)}.chakra-color-selected{transform:scale(1.1);box-shadow:0 0 15px hsla(0,0%,100%,.8)}