@import "../style/colors";

$imagePickerWidthAndHeight:264px;
$imagePickerBorderRadius: 50%;
$imagePickerPadding:55px;
$imagePickerBoxShadow:  0 0 15px 0 rgba(234, 235, 237, 0.74);
$imagePickerTextPadding: 0 40px;
$imagePickerInputWidthAndHeight: 155px;
$imagePickerInputBorderWidth: 3px;


.la-image-picker_circle{
  width: $imagePickerWidthAndHeight;
  height: $imagePickerWidthAndHeight;
  border-radius: $imagePickerBorderRadius;
  cursor: pointer;
  padding:$imagePickerPadding;

  &:hover{
    box-shadow: $imagePickerBoxShadow;
    opacity: 0.7;
  }
}
.la-image-picker_input{
  width: $imagePickerInputWidthAndHeight;
  height: $imagePickerInputWidthAndHeight;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: $imagePickerBorderRadius;
  border: $imagePickerInputBorderWidth dashed $white;
}
input{
  width: 0;
  height: 0;
  visibility: hidden;
}
.la-image-picker_text{
  padding: $imagePickerTextPadding;
}