@keyframes rotate-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fade-in{to{opacity:1}}@keyframes fade-in-popin{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fade-in-popin-backdrop{0%{opacity:0}to{opacity:1}}.colorPicker{width:100%;display:inline-block;position:relative}.colorPicker-dropdown{z-index:1;background:#fffffff2;border-radius:5px;width:auto;padding:8px;position:absolute;top:30px;box-shadow:0 2px 8px #00000026}.colorPicker-colors{grid-template-columns:repeat(6,20px);gap:5px;display:grid}.colorPicker-option{cursor:pointer;border:1px solid #ccc;border-radius:3px;width:20px;height:20px}.colorPicker-eyedropper{border:1px solid #ccc;border-radius:3px;justify-content:center;align-items:center;height:25px;margin-top:5px;display:flex}.colorPicker-eyedropper svg{height:20px}.colorPicker-transparent{position:relative;overflow:hidden}.colorPicker-transparent:after{content:"";background-color:#000;width:100%;height:1px;position:absolute;top:50%;left:0;transform:rotate(-45deg)scale(1.5)}