.av-color-picker{
  margin-top:24px;
}

.av-color-title{
  font-size:14px;
  font-weight:500;
  margin-bottom:12px;
}

.av-color-list{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.av-color-item{
  width:30px;
  height:30px;
  border-radius:50%;
  border:1px solid #d9d9d9;
  display:block;
  transition:.2s ease;
  position:relative;
}

.av-color-item:hover{
  transform:scale(1.08);
}

.av-color-item.active{
  box-shadow:0 0 0 3px #fff,0 0 0 4px #111;
}

.av-color-item.white{
  border:1px solid #bdbdbd;
}

@media(max-width:640px){
  .av-color-item{
    width:28px;
    height:28px;
  }
}