#color-swatches,#saved-swatches,#used-colors{flex-direction:column;padding:8px}.swatches{width:280px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-rows:22px;justify-content:center;align-items:center;display:grid}.swatches .swatch{cursor:pointer;width:20px;height:20px;box-shadow:0px 0px 3px var(--color3);border-radius:6px;justify-self:center;margin:1px}.swatches .swatch.selected{border:2px solid #fff}#color-wheel{padding:10px}#color-picker{width:256px;border:5px solid var(--color4);background:0 0;border-radius:0;margin:0;position:relative}#color-picker .oned{width:8px;margin:0;padding:0;position:absolute;top:0;right:-5px}#color-picker .oned .bg{width:12px;border:none}#color-picker .oned .pointer{left:1px}#color-picker .oned .pointer .shape{width:12px;background:#fff;border-color:#fff}#color-picker .twod{border-radius:6px;margin:0;overflow:hidden}#color-picker .twod .bg1,#color-picker .twod .bg2{border-radius:6px;overflow:hidden}@media (hover:hover){.swatches .swatch:hover{opacity:.7}}