input[type="color"]{
    width:100%;
    min-height:44px;
    padding:4px;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--surface);
    cursor:pointer;
}

input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
input[type="color"]::-webkit-color-swatch{border:0;border-radius:8px}
input[type="color"]::-moz-color-swatch{border:0;border-radius:8px}