.category-colors label span{
  border-radius:17px;
  box-shadow:inset 0 1px 0 #ffffff55,0 5px 12px #00000012;
  transition:transform .2s,box-shadow .2s;
}
.category-colors label span:hover{transform:translateY(-2px)}
.category-colors input:checked+span{
  border-color:#111;
  border-radius:17px;
  box-shadow:inset 0 0 0 4px #fff,0 6px 16px #0002;
  transform:scale(1.06);
}
@media(max-width:700px){
  .category-colors{gap:7px}
  .category-colors label span,.category-colors input:checked+span{width:40px;height:40px;border-radius:12px}
}
.category-suggestions{margin-top:18px}.category-suggestions>small{display:block;margin-bottom:10px;color:#8e8e93;font-weight:700}.category-suggestions>div{display:flex;flex-wrap:wrap;gap:8px}.category-suggestions button{padding:9px 13px;border:1px solid #dfddd7;border-radius:12px;background:#f5f4f1;color:#555;cursor:pointer;font:700 12px inherit;transition:.18s}.category-suggestions button:hover,.category-suggestions button.selected{border-color:#111;background:#111;color:#fff;transform:translateY(-1px)}