slot-fb[hidden], slot[hidden] {
  display: initial !important;
}

:host {
  display: inline-block;
  width: var(--lar-icon-size-small, 1rem);
  height: var(--lar-icon-size-small, 1rem);
  font-size: var(--lar-icon-size-small, 1rem) !important;
  box-sizing: content-box !important;
}

:host(.lar-icon-medium) {
  width: var(--lar-icon-size-medium, 1.5rem);
  height: var(--lar-icon-size-medium, 1.5rem);
  font-size: var(--lar-icon-size-medium, 1.5rem) !important;
}

:host(.lar-icon-large) {
  width: var(--lar-icon-size-large, 2rem);
  height: var(--lar-icon-size-large, 2rem);
  font-size: var(--lar-icon-size-large, 2rem) !important;
}

.lar-icon-inner, .lar-icon-inner > div {
  display: block !important;
  height: 100% !important;
  width: 100% !important;
}

:host(.lar-color-primary) {
  fill: var(--lar-color-primary, #780bb7) !important;
  stroke: var(--lar-color-primary, #780bb7) !important;
}

:host(.lar-color-secondary) {
  fill: var(--lar-color-secondary, #7fb800) !important;
  stroke: var(--lar-color-secondary, #7fb800) !important;
}

:host(.lar-color-tertiary) {
  fill: var(--lar-color-tertiary, #00a6ed) !important;
  stroke: var(--lar-color-tertiary, #00a6ed) !important;
}

:host(.lar-color-success) {
  fill: var(--lar-color-success, #7fb800) !important;
  stroke: var(--lar-color-success, #7fb800) !important;
}

:host(.lar-color-warning) {
  fill: var(--lar-color-warning, #ffb400) !important;
  stroke: var(--lar-color-warning, #ffb400) !important;
}

:host(.lar-color-danger) {
  fill: var(--lar-color-danger, #f6511d) !important;
  stroke: var(--lar-color-danger, #f6511d) !important;
}

:host(.lar-color-light) {
  fill: var(--lar-color-light, #f4f5f8) !important;
  stroke: var(--lar-color-light, #f4f5f8) !important;
}

:host(.lar-color-medium) {
  fill: var(--lar-color-medium, #d6d6d6) !important;
  stroke: var(--lar-color-medium, #d6d6d6) !important;
}

:host(.lar-color-dark) {
  fill: var(--lar-color-dark, #222428) !important;
  stroke: var(--lar-color-dark, #222428) !important;
}