.colour{border-radius:50%;height:36px;width:36px}.colour.colour--mini{height:21px;width:21px}.colour.colour--active{outline:3px solid var(--text-primary)}.colour-picker .colour-picker__colours{display:grid;gap:12px 12px;grid-template-columns:repeat(5,1fr);width:100%}.colour-picker .colour-picker__colours .colour{aspect-ratio:1/1;border-radius:50%;cursor:pointer;height:auto;transition:all .05s linear;width:auto}.colour-picker .colour-picker__colours .colour:not(.colour--active):hover{outline:3px solid var(--action-edge)}.colour-picker .colour-picker__input{margin:24px 0 0;position:relative}.colour-picker .colour-picker__input input[type=text]{padding-left:38px}.colour-picker .colour-picker__input .preview{border-radius:50%;height:18px;left:12px;margin-top:-9px;position:absolute;top:50%;width:18px}@media(min-width:580px){.colour-picker .colour-picker__colours{grid-template-columns:repeat(10,1fr);width:420px}}.colour-selector-menu{padding:9px}