/* prettier-ignore */
bce-element-icon {
  position: relative;
}
bce-element-icon p {
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  bce-element-icon p {
    text-align: left;
  }
}
bce-element-icon > div {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
bce-element-icon bce-button {
  --bce-color-l: var(--bce-color-light-l);
  --bce-color-n: var(--bce-color-light-n);
  --bce-color-d: var(--bce-color-light-d);
  --bce-color-t: var(--bce-color-light-t);
  flex: 0 0 auto;
  margin: 8px;
  transition: transform 0.2s ease-in-out;
}
bce-element-icon bce-button[data-checked] {
  transform: scale(1.2);
}
bce-element-icon bce-button[data-checked]:focus:before {
  opacity: 0;
}
bce-element-icon bce-button bce-icon {
  font-size: 22px;
}
@media screen and (min-width: 600px) {
  bce-element-icon bce-button bce-icon {
    font-size: 44px;
  }
}
@media screen and (min-width: 1024px) {
  bce-element-icon > div {
    justify-content: flex-start;
  }
}