.asf-icon .asf-icon__filled,
.asf-icon .asf-icon__outlined {
  transition-duration: 0.15s;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
    transform, filter, backdrop-filter;
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter,
    -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.asf-icon .asf-icon__filled,
.asf-icon.is-filled .asf-icon__outlined {
  opacity: 0;
}
.asf-icon.is-filled .asf-icon__filled {
  opacity: 1;
}
.asf-icon.asf-text-primary,
.asf-icon.asf-text-theme {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.asf-icon.asf-text-accent {
  --tw-text-opacity: 1;
  color: rgb(18 25 249 / var(--tw-text-opacity, 1));
}
.asf-icon.asf-fill-accent {
  fill: #1219f9;
}
.asf-icon.asf-fill-none {
  fill: none;
}
.asf-icon__item {
  height: var(--height, 1rem);
  width: var(--width, 1rem);
}
.asf-flag .asf-icon__item {
  height: 0.75rem;
  width: 1rem;
}