.labeledIcon:global(.carbon) {
  min-width: 4rem;
  max-width: 12.5rem;
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.carbon).below .icon {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.labeledIcon:global(.carbon).above .icon {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.labeledIcon:global(.carbon).after .icon,
.labeledIcon:global(.carbon).before .icon,
.labeledIcon:global(.carbon).left .icon,
.labeledIcon:global(.carbon).right .icon {
  margin-top: 0;
  margin-bottom: 0;
}
.labeledIcon:global(.carbon) .label {
  width: 100%;
}
.labeledIcon:global(.carbon).above,
.labeledIcon:global(.carbon).below {
  text-align: center;
}
.labeledIcon:global(.carbon).after .label,
.labeledIcon:global(.carbon).before .label,
.labeledIcon:global(.carbon).left .label,
.labeledIcon:global(.carbon).right .label {
  flex-shrink: 1;
}
.labeledIcon:global(.carbon).before {
  text-align: end;
}
.labeledIcon:global(.carbon).left {
  text-align: right;
}
.labeledIcon:global(.carbon).right {
  text-align: left;
}
.labeledIcon:global(.cobalt) {
  min-width: 4rem;
  max-width: 12.5rem;
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.cobalt).below .icon {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.labeledIcon:global(.cobalt).above .icon {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.labeledIcon:global(.cobalt).after .icon,
.labeledIcon:global(.cobalt).before .icon,
.labeledIcon:global(.cobalt).left .icon,
.labeledIcon:global(.cobalt).right .icon {
  margin-top: 0;
  margin-bottom: 0;
}
.labeledIcon:global(.cobalt) .label {
  width: 100%;
}
.labeledIcon:global(.cobalt).above,
.labeledIcon:global(.cobalt).below {
  text-align: center;
}
.labeledIcon:global(.cobalt).after .label,
.labeledIcon:global(.cobalt).before .label,
.labeledIcon:global(.cobalt).left .label,
.labeledIcon:global(.cobalt).right .label {
  flex-shrink: 1;
}
.labeledIcon:global(.cobalt).before {
  text-align: end;
}
.labeledIcon:global(.cobalt).left {
  text-align: right;
}
.labeledIcon:global(.cobalt).right {
  text-align: left;
}
.labeledIcon:global(.cobalt):global(.night) {
  min-width: 4rem;
  max-width: 12.5rem;
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.cobalt):global(.night).below .icon {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.labeledIcon:global(.cobalt):global(.night).above .icon {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.labeledIcon:global(.cobalt):global(.night).after .icon,
.labeledIcon:global(.cobalt):global(.night).before .icon,
.labeledIcon:global(.cobalt):global(.night).left .icon,
.labeledIcon:global(.cobalt):global(.night).right .icon {
  margin-top: 0;
  margin-bottom: 0;
}
.labeledIcon:global(.cobalt):global(.night) .label {
  width: 100%;
}
.labeledIcon:global(.cobalt):global(.night).above,
.labeledIcon:global(.cobalt):global(.night).below {
  text-align: center;
}
.labeledIcon:global(.cobalt):global(.night).after .label,
.labeledIcon:global(.cobalt):global(.night).before .label,
.labeledIcon:global(.cobalt):global(.night).left .label,
.labeledIcon:global(.cobalt):global(.night).right .label {
  flex-shrink: 1;
}
.labeledIcon:global(.cobalt):global(.night).before {
  text-align: end;
}
.labeledIcon:global(.cobalt):global(.night).left {
  text-align: right;
}
.labeledIcon:global(.cobalt):global(.night).right {
  text-align: left;
}
.labeledIcon:global(.copper) {
  min-width: 4rem;
  max-width: 12.5rem;
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.copper).below .icon {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.labeledIcon:global(.copper).above .icon {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.labeledIcon:global(.copper).after .icon,
.labeledIcon:global(.copper).before .icon,
.labeledIcon:global(.copper).left .icon,
.labeledIcon:global(.copper).right .icon {
  margin-top: 0;
  margin-bottom: 0;
}
.labeledIcon:global(.copper) .label {
  width: 100%;
}
.labeledIcon:global(.copper).above,
.labeledIcon:global(.copper).below {
  text-align: center;
}
.labeledIcon:global(.copper).after .label,
.labeledIcon:global(.copper).before .label,
.labeledIcon:global(.copper).left .label,
.labeledIcon:global(.copper).right .label {
  flex-shrink: 1;
}
.labeledIcon:global(.copper).before {
  text-align: end;
}
.labeledIcon:global(.copper).left {
  text-align: right;
}
.labeledIcon:global(.copper).right {
  text-align: left;
}
.labeledIcon:global(.copper):global(.night) {
  min-width: 4rem;
  max-width: 12.5rem;
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.copper):global(.night).below .icon {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.labeledIcon:global(.copper):global(.night).above .icon {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.labeledIcon:global(.copper):global(.night).after .icon,
.labeledIcon:global(.copper):global(.night).before .icon,
.labeledIcon:global(.copper):global(.night).left .icon,
.labeledIcon:global(.copper):global(.night).right .icon {
  margin-top: 0;
  margin-bottom: 0;
}
.labeledIcon:global(.copper):global(.night) .label {
  width: 100%;
}
.labeledIcon:global(.copper):global(.night).above,
.labeledIcon:global(.copper):global(.night).below {
  text-align: center;
}
.labeledIcon:global(.copper):global(.night).after .label,
.labeledIcon:global(.copper):global(.night).before .label,
.labeledIcon:global(.copper):global(.night).left .label,
.labeledIcon:global(.copper):global(.night).right .label {
  flex-shrink: 1;
}
.labeledIcon:global(.copper):global(.night).before {
  text-align: end;
}
.labeledIcon:global(.copper):global(.night).left {
  text-align: right;
}
.labeledIcon:global(.copper):global(.night).right {
  text-align: left;
}
.labeledIcon:global(.electro) {
  min-width: 4rem;
  max-width: 12.5rem;
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.electro).below .icon {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.labeledIcon:global(.electro).above .icon {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.labeledIcon:global(.electro).after .icon,
.labeledIcon:global(.electro).before .icon,
.labeledIcon:global(.electro).left .icon,
.labeledIcon:global(.electro).right .icon {
  margin-top: 0;
  margin-bottom: 0;
}
.labeledIcon:global(.electro) .label {
  width: 100%;
}
.labeledIcon:global(.electro).above,
.labeledIcon:global(.electro).below {
  text-align: center;
}
.labeledIcon:global(.electro).after .label,
.labeledIcon:global(.electro).before .label,
.labeledIcon:global(.electro).left .label,
.labeledIcon:global(.electro).right .label {
  flex-shrink: 1;
}
.labeledIcon:global(.electro).before {
  text-align: end;
}
.labeledIcon:global(.electro).left {
  text-align: right;
}
.labeledIcon:global(.electro).right {
  text-align: left;
}
.labeledIcon:global(.gallium) {
  min-width: 4rem;
  max-width: 12.5rem;
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.gallium).below .icon {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.labeledIcon:global(.gallium).above .icon {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.labeledIcon:global(.gallium).after .icon,
.labeledIcon:global(.gallium).before .icon,
.labeledIcon:global(.gallium).left .icon,
.labeledIcon:global(.gallium).right .icon {
  margin-top: 0;
  margin-bottom: 0;
}
.labeledIcon:global(.gallium) .label {
  width: 100%;
}
.labeledIcon:global(.gallium).above,
.labeledIcon:global(.gallium).below {
  text-align: center;
}
.labeledIcon:global(.gallium).after .label,
.labeledIcon:global(.gallium).before .label,
.labeledIcon:global(.gallium).left .label,
.labeledIcon:global(.gallium).right .label {
  flex-shrink: 1;
}
.labeledIcon:global(.gallium).before {
  text-align: end;
}
.labeledIcon:global(.gallium).left {
  text-align: right;
}
.labeledIcon:global(.gallium).right {
  text-align: left;
}
.labeledIcon:global(.gallium):global(.night) {
  min-width: 4rem;
  max-width: 12.5rem;
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.gallium):global(.night).below .icon {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.labeledIcon:global(.gallium):global(.night).above .icon {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.labeledIcon:global(.gallium):global(.night).after .icon,
.labeledIcon:global(.gallium):global(.night).before .icon,
.labeledIcon:global(.gallium):global(.night).left .icon,
.labeledIcon:global(.gallium):global(.night).right .icon {
  margin-top: 0;
  margin-bottom: 0;
}
.labeledIcon:global(.gallium):global(.night) .label {
  width: 100%;
}
.labeledIcon:global(.gallium):global(.night).above,
.labeledIcon:global(.gallium):global(.night).below {
  text-align: center;
}
.labeledIcon:global(.gallium):global(.night).after .label,
.labeledIcon:global(.gallium):global(.night).before .label,
.labeledIcon:global(.gallium):global(.night).left .label,
.labeledIcon:global(.gallium):global(.night).right .label {
  flex-shrink: 1;
}
.labeledIcon:global(.gallium):global(.night).before {
  text-align: end;
}
.labeledIcon:global(.gallium):global(.night).left {
  text-align: right;
}
.labeledIcon:global(.gallium):global(.night).right {
  text-align: left;
}
.labeledIcon:global(.silicon) {
  min-width: 4rem;
  max-width: 12.5rem;
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.silicon).below .icon {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.labeledIcon:global(.silicon).above .icon {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.labeledIcon:global(.silicon).after .icon,
.labeledIcon:global(.silicon).before .icon,
.labeledIcon:global(.silicon).left .icon,
.labeledIcon:global(.silicon).right .icon {
  margin-top: 0;
  margin-bottom: 0;
}
.labeledIcon:global(.silicon) .label {
  width: 100%;
}
.labeledIcon:global(.silicon).above,
.labeledIcon:global(.silicon).below {
  text-align: center;
}
.labeledIcon:global(.silicon).after .label,
.labeledIcon:global(.silicon).before .label,
.labeledIcon:global(.silicon).left .label,
.labeledIcon:global(.silicon).right .label {
  flex-shrink: 1;
}
.labeledIcon:global(.silicon).before {
  text-align: end;
}
.labeledIcon:global(.silicon).left {
  text-align: right;
}
.labeledIcon:global(.silicon).right {
  text-align: left;
}
.labeledIcon:global(.silicon):global(.night) {
  min-width: 4rem;
  max-width: 12.5rem;
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.silicon):global(.night).below .icon {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.labeledIcon:global(.silicon):global(.night).above .icon {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.labeledIcon:global(.silicon):global(.night).after .icon,
.labeledIcon:global(.silicon):global(.night).before .icon,
.labeledIcon:global(.silicon):global(.night).left .icon,
.labeledIcon:global(.silicon):global(.night).right .icon {
  margin-top: 0;
  margin-bottom: 0;
}
.labeledIcon:global(.silicon):global(.night) .label {
  width: 100%;
}
.labeledIcon:global(.silicon):global(.night).above,
.labeledIcon:global(.silicon):global(.night).below {
  text-align: center;
}
.labeledIcon:global(.silicon):global(.night).after .label,
.labeledIcon:global(.silicon):global(.night).before .label,
.labeledIcon:global(.silicon):global(.night).left .label,
.labeledIcon:global(.silicon):global(.night).right .label {
  flex-shrink: 1;
}
.labeledIcon:global(.silicon):global(.night).before {
  text-align: end;
}
.labeledIcon:global(.silicon):global(.night).left {
  text-align: right;
}
.labeledIcon:global(.silicon):global(.night).right {
  text-align: left;
}
.labeledIcon:global(.titanium) {
  min-width: 4rem;
  max-width: 12.5rem;
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.titanium).below .icon {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.labeledIcon:global(.titanium).above .icon {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.labeledIcon:global(.titanium).after .icon,
.labeledIcon:global(.titanium).before .icon,
.labeledIcon:global(.titanium).left .icon,
.labeledIcon:global(.titanium).right .icon {
  margin-top: 0;
  margin-bottom: 0;
}
.labeledIcon:global(.titanium) .label {
  width: 100%;
}
.labeledIcon:global(.titanium).above,
.labeledIcon:global(.titanium).below {
  text-align: center;
}
.labeledIcon:global(.titanium).after .label,
.labeledIcon:global(.titanium).before .label,
.labeledIcon:global(.titanium).left .label,
.labeledIcon:global(.titanium).right .label {
  flex-shrink: 1;
}
.labeledIcon:global(.titanium).before {
  text-align: end;
}
.labeledIcon:global(.titanium).left {
  text-align: right;
}
.labeledIcon:global(.titanium).right {
  text-align: left;
}
