.labeledIcon:global(.carbon) {
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.carbon) .label {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.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(.carbon).smallest.above .icon,
.labeledIcon:global(.carbon).small.above .icon,
.labeledIcon:global(.carbon).large.above .icon,
.labeledIcon:global(.carbon).huge.above .icon {
  margin: 0.5rem 0.5rem 0;
}
.labeledIcon:global(.carbon).smallest.below .icon,
.labeledIcon:global(.carbon).small.below .icon,
.labeledIcon:global(.carbon).large.below .icon,
.labeledIcon:global(.carbon).huge.below .icon {
  margin: 0 0.5rem 0.5rem;
}
.labeledIcon:global(.carbon).smallest.after,
.labeledIcon:global(.carbon).small.after,
.labeledIcon:global(.carbon).large.after,
.labeledIcon:global(.carbon).huge.after,
.labeledIcon:global(.carbon).smallest.before,
.labeledIcon:global(.carbon).small.before,
.labeledIcon:global(.carbon).large.before,
.labeledIcon:global(.carbon).huge.before,
.labeledIcon:global(.carbon).smallest.left,
.labeledIcon:global(.carbon).small.left,
.labeledIcon:global(.carbon).large.left,
.labeledIcon:global(.carbon).huge.left,
.labeledIcon:global(.carbon).smallest.right,
.labeledIcon:global(.carbon).small.right,
.labeledIcon:global(.carbon).large.right,
.labeledIcon:global(.carbon).huge.right {
  padding: 0 0.5rem;
}
.labeledIcon:global(.carbon).smallest .icon,
.labeledIcon:global(.carbon).small .icon,
.labeledIcon:global(.carbon).large .icon,
.labeledIcon:global(.carbon).huge .icon {
  margin: 0 0.5rem;
}
.labeledIcon:global(.carbon).smallest,
.labeledIcon:global(.carbon).small {
  padding: 0 0.5rem;
}
.labeledIcon:global(.carbon).smallest.after .icon,
.labeledIcon:global(.carbon).small.after .icon,
.labeledIcon:global(.carbon).smallest.right .icon,
.labeledIcon:global(.carbon).small.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.carbon).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.carbon).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.carbon).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.carbon).small.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.carbon).smallest.before .icon,
.labeledIcon:global(.carbon).small.before .icon,
.labeledIcon:global(.carbon).smallest.left .icon,
.labeledIcon:global(.carbon).small.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.carbon).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.carbon).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.carbon).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.carbon).small.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.carbon).smallest .label,
.labeledIcon:global(.carbon).small .label {
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.carbon).smallest .label {
  font-size: 1rem;
}
.labeledIcon:global(.carbon).smallest.above,
.labeledIcon:global(.carbon).smallest.below {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.carbon).smallest.after,
.labeledIcon:global(.carbon).smallest.before,
.labeledIcon:global(.carbon).smallest.left,
.labeledIcon:global(.carbon).smallest.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.carbon).smallest .icon {
  height: 0.875rem;
  width: 0.875rem;
  font-size: 1.75rem;
  line-height: 0.875rem;
}
.labeledIcon:global(.carbon).small .label {
  font-size: 1rem;
}
.labeledIcon:global(.carbon).small.above,
.labeledIcon:global(.carbon).small.below {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.carbon).small.after,
.labeledIcon:global(.carbon).small.before,
.labeledIcon:global(.carbon).small.left,
.labeledIcon:global(.carbon).small.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.carbon).small .icon {
  height: 1.5rem;
  width: 1.5rem;
  font-size: 3rem;
  line-height: 1.5rem;
}
.labeledIcon:global(.carbon).large.above,
.labeledIcon:global(.carbon).huge.above,
.labeledIcon:global(.carbon).large.below,
.labeledIcon:global(.carbon).huge.below {
  max-width: 12.5rem;
}
.labeledIcon:global(.carbon).large {
  padding: 0 0.5rem;
}
.labeledIcon:global(.carbon).large .label {
  font-size: 1rem;
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.carbon).large.above,
.labeledIcon:global(.carbon).large.below {
  min-width: 4rem;
}
.labeledIcon:global(.carbon).large.after,
.labeledIcon:global(.carbon).large.before,
.labeledIcon:global(.carbon).large.left,
.labeledIcon:global(.carbon).large.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.carbon).large.after .icon,
.labeledIcon:global(.carbon).large.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.carbon).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.carbon).large.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.carbon).large.before .icon,
.labeledIcon:global(.carbon).large.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.carbon).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.carbon).large.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.carbon).large .icon {
  height: 2rem;
  width: 2rem;
  font-size: 4rem;
  line-height: 2rem;
}
.labeledIcon:global(.carbon).huge {
  padding: 0 0.5rem;
}
.labeledIcon:global(.carbon).huge .label {
  font-size: 1rem;
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.carbon).huge.above,
.labeledIcon:global(.carbon).huge.below {
  min-width: inherit;
}
.labeledIcon:global(.carbon).huge.after,
.labeledIcon:global(.carbon).huge.before,
.labeledIcon:global(.carbon).huge.left,
.labeledIcon:global(.carbon).huge.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.carbon).huge.after .icon,
.labeledIcon:global(.carbon).huge.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.carbon).huge.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.carbon).huge.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.carbon).huge.before .icon,
.labeledIcon:global(.carbon).huge.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.carbon).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.carbon).huge.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.carbon).huge .icon {
  height: 7.91667rem;
  width: 7.91667rem;
  font-size: 13.33333rem;
  line-height: 7.91667rem;
}
.labeledIcon:global(.cobalt) {
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.cobalt) .label {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.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).smallest.above .icon,
.labeledIcon:global(.cobalt).small.above .icon,
.labeledIcon:global(.cobalt).large.above .icon,
.labeledIcon:global(.cobalt).huge.above .icon {
  margin: 0.5rem 0.5rem 0;
}
.labeledIcon:global(.cobalt).smallest.below .icon,
.labeledIcon:global(.cobalt).small.below .icon,
.labeledIcon:global(.cobalt).large.below .icon,
.labeledIcon:global(.cobalt).huge.below .icon {
  margin: 0 0.5rem 0.5rem;
}
.labeledIcon:global(.cobalt).smallest.after,
.labeledIcon:global(.cobalt).small.after,
.labeledIcon:global(.cobalt).large.after,
.labeledIcon:global(.cobalt).huge.after,
.labeledIcon:global(.cobalt).smallest.before,
.labeledIcon:global(.cobalt).small.before,
.labeledIcon:global(.cobalt).large.before,
.labeledIcon:global(.cobalt).huge.before,
.labeledIcon:global(.cobalt).smallest.left,
.labeledIcon:global(.cobalt).small.left,
.labeledIcon:global(.cobalt).large.left,
.labeledIcon:global(.cobalt).huge.left,
.labeledIcon:global(.cobalt).smallest.right,
.labeledIcon:global(.cobalt).small.right,
.labeledIcon:global(.cobalt).large.right,
.labeledIcon:global(.cobalt).huge.right {
  padding: 0 0.5rem;
}
.labeledIcon:global(.cobalt).smallest .icon,
.labeledIcon:global(.cobalt).small .icon,
.labeledIcon:global(.cobalt).large .icon,
.labeledIcon:global(.cobalt).huge .icon {
  margin: 0 0.5rem;
}
.labeledIcon:global(.cobalt).smallest,
.labeledIcon:global(.cobalt).small {
  padding: 0 0.5rem;
}
.labeledIcon:global(.cobalt).smallest.after .icon,
.labeledIcon:global(.cobalt).small.after .icon,
.labeledIcon:global(.cobalt).smallest.right .icon,
.labeledIcon:global(.cobalt).small.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt).small.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.cobalt).smallest.before .icon,
.labeledIcon:global(.cobalt).small.before .icon,
.labeledIcon:global(.cobalt).smallest.left .icon,
.labeledIcon:global(.cobalt).small.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt).small.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.cobalt).smallest .label,
.labeledIcon:global(.cobalt).small .label {
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.cobalt).smallest .label {
  font-size: 1rem;
}
.labeledIcon:global(.cobalt).smallest.above,
.labeledIcon:global(.cobalt).smallest.below {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.cobalt).smallest.after,
.labeledIcon:global(.cobalt).smallest.before,
.labeledIcon:global(.cobalt).smallest.left,
.labeledIcon:global(.cobalt).smallest.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.cobalt).smallest .icon {
  height: 0.875rem;
  width: 0.875rem;
  font-size: 1.75rem;
  line-height: 0.875rem;
}
.labeledIcon:global(.cobalt).small .label {
  font-size: 1rem;
}
.labeledIcon:global(.cobalt).small.above,
.labeledIcon:global(.cobalt).small.below {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.cobalt).small.after,
.labeledIcon:global(.cobalt).small.before,
.labeledIcon:global(.cobalt).small.left,
.labeledIcon:global(.cobalt).small.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.cobalt).small .icon {
  height: 1.5rem;
  width: 1.5rem;
  font-size: 3rem;
  line-height: 1.5rem;
}
.labeledIcon:global(.cobalt).large.above,
.labeledIcon:global(.cobalt).huge.above,
.labeledIcon:global(.cobalt).large.below,
.labeledIcon:global(.cobalt).huge.below {
  max-width: 12.5rem;
}
.labeledIcon:global(.cobalt).large {
  padding: 0 0.5rem;
}
.labeledIcon:global(.cobalt).large .label {
  font-size: 1rem;
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.cobalt).large.above,
.labeledIcon:global(.cobalt).large.below {
  min-width: 4rem;
}
.labeledIcon:global(.cobalt).large.after,
.labeledIcon:global(.cobalt).large.before,
.labeledIcon:global(.cobalt).large.left,
.labeledIcon:global(.cobalt).large.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.cobalt).large.after .icon,
.labeledIcon:global(.cobalt).large.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt).large.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.cobalt).large.before .icon,
.labeledIcon:global(.cobalt).large.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt).large.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.cobalt).large .icon {
  height: 2rem;
  width: 2rem;
  font-size: 4rem;
  line-height: 2rem;
}
.labeledIcon:global(.cobalt).huge {
  padding: 0 0.5rem;
}
.labeledIcon:global(.cobalt).huge .label {
  font-size: 1rem;
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.cobalt).huge.above,
.labeledIcon:global(.cobalt).huge.below {
  min-width: inherit;
}
.labeledIcon:global(.cobalt).huge.after,
.labeledIcon:global(.cobalt).huge.before,
.labeledIcon:global(.cobalt).huge.left,
.labeledIcon:global(.cobalt).huge.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.cobalt).huge.after .icon,
.labeledIcon:global(.cobalt).huge.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt).huge.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt).huge.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.cobalt).huge.before .icon,
.labeledIcon:global(.cobalt).huge.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt).huge.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.cobalt).huge .icon {
  height: 7.91667rem;
  width: 7.91667rem;
  font-size: 13.33333rem;
  line-height: 7.91667rem;
}
.labeledIcon:global(.cobalt):global(.night) {
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.cobalt):global(.night) .label {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.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(.cobalt):global(.night).smallest.above .icon,
.labeledIcon:global(.cobalt):global(.night).small.above .icon,
.labeledIcon:global(.cobalt):global(.night).large.above .icon,
.labeledIcon:global(.cobalt):global(.night).huge.above .icon {
  margin: 0.5rem 0.5rem 0;
}
.labeledIcon:global(.cobalt):global(.night).smallest.below .icon,
.labeledIcon:global(.cobalt):global(.night).small.below .icon,
.labeledIcon:global(.cobalt):global(.night).large.below .icon,
.labeledIcon:global(.cobalt):global(.night).huge.below .icon {
  margin: 0 0.5rem 0.5rem;
}
.labeledIcon:global(.cobalt):global(.night).smallest.after,
.labeledIcon:global(.cobalt):global(.night).small.after,
.labeledIcon:global(.cobalt):global(.night).large.after,
.labeledIcon:global(.cobalt):global(.night).huge.after,
.labeledIcon:global(.cobalt):global(.night).smallest.before,
.labeledIcon:global(.cobalt):global(.night).small.before,
.labeledIcon:global(.cobalt):global(.night).large.before,
.labeledIcon:global(.cobalt):global(.night).huge.before,
.labeledIcon:global(.cobalt):global(.night).smallest.left,
.labeledIcon:global(.cobalt):global(.night).small.left,
.labeledIcon:global(.cobalt):global(.night).large.left,
.labeledIcon:global(.cobalt):global(.night).huge.left,
.labeledIcon:global(.cobalt):global(.night).smallest.right,
.labeledIcon:global(.cobalt):global(.night).small.right,
.labeledIcon:global(.cobalt):global(.night).large.right,
.labeledIcon:global(.cobalt):global(.night).huge.right {
  padding: 0 0.5rem;
}
.labeledIcon:global(.cobalt):global(.night).smallest .icon,
.labeledIcon:global(.cobalt):global(.night).small .icon,
.labeledIcon:global(.cobalt):global(.night).large .icon,
.labeledIcon:global(.cobalt):global(.night).huge .icon {
  margin: 0 0.5rem;
}
.labeledIcon:global(.cobalt):global(.night).smallest,
.labeledIcon:global(.cobalt):global(.night).small {
  padding: 0 0.5rem;
}
.labeledIcon:global(.cobalt):global(.night).smallest.after .icon,
.labeledIcon:global(.cobalt):global(.night).small.after .icon,
.labeledIcon:global(.cobalt):global(.night).smallest.right .icon,
.labeledIcon:global(.cobalt):global(.night).small.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt):global(.night).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt):global(.night).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt):global(.night).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt):global(.night).small.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.cobalt):global(.night).smallest.before .icon,
.labeledIcon:global(.cobalt):global(.night).small.before .icon,
.labeledIcon:global(.cobalt):global(.night).smallest.left .icon,
.labeledIcon:global(.cobalt):global(.night).small.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt):global(.night).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt):global(.night).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt):global(.night).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt):global(.night).small.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.cobalt):global(.night).smallest .label,
.labeledIcon:global(.cobalt):global(.night).small .label {
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.cobalt):global(.night).smallest .label {
  font-size: 1rem;
}
.labeledIcon:global(.cobalt):global(.night).smallest.above,
.labeledIcon:global(.cobalt):global(.night).smallest.below {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.cobalt):global(.night).smallest.after,
.labeledIcon:global(.cobalt):global(.night).smallest.before,
.labeledIcon:global(.cobalt):global(.night).smallest.left,
.labeledIcon:global(.cobalt):global(.night).smallest.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.cobalt):global(.night).smallest .icon {
  height: 0.875rem;
  width: 0.875rem;
  font-size: 1.75rem;
  line-height: 0.875rem;
}
.labeledIcon:global(.cobalt):global(.night).small .label {
  font-size: 1rem;
}
.labeledIcon:global(.cobalt):global(.night).small.above,
.labeledIcon:global(.cobalt):global(.night).small.below {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.cobalt):global(.night).small.after,
.labeledIcon:global(.cobalt):global(.night).small.before,
.labeledIcon:global(.cobalt):global(.night).small.left,
.labeledIcon:global(.cobalt):global(.night).small.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.cobalt):global(.night).small .icon {
  height: 1.5rem;
  width: 1.5rem;
  font-size: 3rem;
  line-height: 1.5rem;
}
.labeledIcon:global(.cobalt):global(.night).large.above,
.labeledIcon:global(.cobalt):global(.night).huge.above,
.labeledIcon:global(.cobalt):global(.night).large.below,
.labeledIcon:global(.cobalt):global(.night).huge.below {
  max-width: 12.5rem;
}
.labeledIcon:global(.cobalt):global(.night).large {
  padding: 0 0.5rem;
}
.labeledIcon:global(.cobalt):global(.night).large .label {
  font-size: 1rem;
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.cobalt):global(.night).large.above,
.labeledIcon:global(.cobalt):global(.night).large.below {
  min-width: 4rem;
}
.labeledIcon:global(.cobalt):global(.night).large.after,
.labeledIcon:global(.cobalt):global(.night).large.before,
.labeledIcon:global(.cobalt):global(.night).large.left,
.labeledIcon:global(.cobalt):global(.night).large.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.cobalt):global(.night).large.after .icon,
.labeledIcon:global(.cobalt):global(.night).large.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt):global(.night).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt):global(.night).large.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.cobalt):global(.night).large.before .icon,
.labeledIcon:global(.cobalt):global(.night).large.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt):global(.night).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt):global(.night).large.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.cobalt):global(.night).large .icon {
  height: 2rem;
  width: 2rem;
  font-size: 4rem;
  line-height: 2rem;
}
.labeledIcon:global(.cobalt):global(.night).huge {
  padding: 0 0.5rem;
}
.labeledIcon:global(.cobalt):global(.night).huge .label {
  font-size: 1rem;
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.cobalt):global(.night).huge.above,
.labeledIcon:global(.cobalt):global(.night).huge.below {
  min-width: inherit;
}
.labeledIcon:global(.cobalt):global(.night).huge.after,
.labeledIcon:global(.cobalt):global(.night).huge.before,
.labeledIcon:global(.cobalt):global(.night).huge.left,
.labeledIcon:global(.cobalt):global(.night).huge.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.cobalt):global(.night).huge.after .icon,
.labeledIcon:global(.cobalt):global(.night).huge.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt):global(.night).huge.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt):global(.night).huge.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.cobalt):global(.night).huge.before .icon,
.labeledIcon:global(.cobalt):global(.night).huge.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt):global(.night).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.cobalt):global(.night).huge.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.cobalt):global(.night).huge .icon {
  height: 7.91667rem;
  width: 7.91667rem;
  font-size: 13.33333rem;
  line-height: 7.91667rem;
}
.labeledIcon:global(.copper) {
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.copper) .label {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.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).smallest.above .icon,
.labeledIcon:global(.copper).small.above .icon,
.labeledIcon:global(.copper).large.above .icon,
.labeledIcon:global(.copper).huge.above .icon {
  margin: 0.5rem 0.5rem 0;
}
.labeledIcon:global(.copper).smallest.below .icon,
.labeledIcon:global(.copper).small.below .icon,
.labeledIcon:global(.copper).large.below .icon,
.labeledIcon:global(.copper).huge.below .icon {
  margin: 0 0.5rem 0.5rem;
}
.labeledIcon:global(.copper).smallest.after,
.labeledIcon:global(.copper).small.after,
.labeledIcon:global(.copper).large.after,
.labeledIcon:global(.copper).huge.after,
.labeledIcon:global(.copper).smallest.before,
.labeledIcon:global(.copper).small.before,
.labeledIcon:global(.copper).large.before,
.labeledIcon:global(.copper).huge.before,
.labeledIcon:global(.copper).smallest.left,
.labeledIcon:global(.copper).small.left,
.labeledIcon:global(.copper).large.left,
.labeledIcon:global(.copper).huge.left,
.labeledIcon:global(.copper).smallest.right,
.labeledIcon:global(.copper).small.right,
.labeledIcon:global(.copper).large.right,
.labeledIcon:global(.copper).huge.right {
  padding: 0 0.5rem;
}
.labeledIcon:global(.copper).smallest .icon,
.labeledIcon:global(.copper).small .icon,
.labeledIcon:global(.copper).large .icon,
.labeledIcon:global(.copper).huge .icon {
  margin: 0 0.5rem;
}
.labeledIcon:global(.copper).smallest,
.labeledIcon:global(.copper).small {
  padding: 0 0.5rem;
}
.labeledIcon:global(.copper).smallest.after .icon,
.labeledIcon:global(.copper).small.after .icon,
.labeledIcon:global(.copper).smallest.right .icon,
.labeledIcon:global(.copper).small.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper).small.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.copper).smallest.before .icon,
.labeledIcon:global(.copper).small.before .icon,
.labeledIcon:global(.copper).smallest.left .icon,
.labeledIcon:global(.copper).small.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper).small.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.copper).smallest .label,
.labeledIcon:global(.copper).small .label {
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.copper).smallest .label {
  font-size: 1rem;
}
.labeledIcon:global(.copper).smallest.above,
.labeledIcon:global(.copper).smallest.below {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.copper).smallest.after,
.labeledIcon:global(.copper).smallest.before,
.labeledIcon:global(.copper).smallest.left,
.labeledIcon:global(.copper).smallest.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.copper).smallest .icon {
  height: 0.875rem;
  width: 0.875rem;
  font-size: 1.75rem;
  line-height: 0.875rem;
}
.labeledIcon:global(.copper).small .label {
  font-size: 1rem;
}
.labeledIcon:global(.copper).small.above,
.labeledIcon:global(.copper).small.below {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.copper).small.after,
.labeledIcon:global(.copper).small.before,
.labeledIcon:global(.copper).small.left,
.labeledIcon:global(.copper).small.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.copper).small .icon {
  height: 1.5rem;
  width: 1.5rem;
  font-size: 3rem;
  line-height: 1.5rem;
}
.labeledIcon:global(.copper).large.above,
.labeledIcon:global(.copper).huge.above,
.labeledIcon:global(.copper).large.below,
.labeledIcon:global(.copper).huge.below {
  max-width: 12.5rem;
}
.labeledIcon:global(.copper).large {
  padding: 0 0.5rem;
}
.labeledIcon:global(.copper).large .label {
  font-size: 1rem;
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.copper).large.above,
.labeledIcon:global(.copper).large.below {
  min-width: 4rem;
}
.labeledIcon:global(.copper).large.after,
.labeledIcon:global(.copper).large.before,
.labeledIcon:global(.copper).large.left,
.labeledIcon:global(.copper).large.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.copper).large.after .icon,
.labeledIcon:global(.copper).large.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper).large.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.copper).large.before .icon,
.labeledIcon:global(.copper).large.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper).large.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.copper).large .icon {
  height: 2rem;
  width: 2rem;
  font-size: 4rem;
  line-height: 2rem;
}
.labeledIcon:global(.copper).huge {
  padding: 0 0.5rem;
}
.labeledIcon:global(.copper).huge .label {
  font-size: 1rem;
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.copper).huge.above,
.labeledIcon:global(.copper).huge.below {
  min-width: inherit;
}
.labeledIcon:global(.copper).huge.after,
.labeledIcon:global(.copper).huge.before,
.labeledIcon:global(.copper).huge.left,
.labeledIcon:global(.copper).huge.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.copper).huge.after .icon,
.labeledIcon:global(.copper).huge.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper).huge.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper).huge.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.copper).huge.before .icon,
.labeledIcon:global(.copper).huge.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper).huge.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.copper).huge .icon {
  height: 7.91667rem;
  width: 7.91667rem;
  font-size: 13.33333rem;
  line-height: 7.91667rem;
}
.labeledIcon:global(.copper):global(.night) {
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.copper):global(.night) .label {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.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(.copper):global(.night).smallest.above .icon,
.labeledIcon:global(.copper):global(.night).small.above .icon,
.labeledIcon:global(.copper):global(.night).large.above .icon,
.labeledIcon:global(.copper):global(.night).huge.above .icon {
  margin: 0.5rem 0.5rem 0;
}
.labeledIcon:global(.copper):global(.night).smallest.below .icon,
.labeledIcon:global(.copper):global(.night).small.below .icon,
.labeledIcon:global(.copper):global(.night).large.below .icon,
.labeledIcon:global(.copper):global(.night).huge.below .icon {
  margin: 0 0.5rem 0.5rem;
}
.labeledIcon:global(.copper):global(.night).smallest.after,
.labeledIcon:global(.copper):global(.night).small.after,
.labeledIcon:global(.copper):global(.night).large.after,
.labeledIcon:global(.copper):global(.night).huge.after,
.labeledIcon:global(.copper):global(.night).smallest.before,
.labeledIcon:global(.copper):global(.night).small.before,
.labeledIcon:global(.copper):global(.night).large.before,
.labeledIcon:global(.copper):global(.night).huge.before,
.labeledIcon:global(.copper):global(.night).smallest.left,
.labeledIcon:global(.copper):global(.night).small.left,
.labeledIcon:global(.copper):global(.night).large.left,
.labeledIcon:global(.copper):global(.night).huge.left,
.labeledIcon:global(.copper):global(.night).smallest.right,
.labeledIcon:global(.copper):global(.night).small.right,
.labeledIcon:global(.copper):global(.night).large.right,
.labeledIcon:global(.copper):global(.night).huge.right {
  padding: 0 0.5rem;
}
.labeledIcon:global(.copper):global(.night).smallest .icon,
.labeledIcon:global(.copper):global(.night).small .icon,
.labeledIcon:global(.copper):global(.night).large .icon,
.labeledIcon:global(.copper):global(.night).huge .icon {
  margin: 0 0.5rem;
}
.labeledIcon:global(.copper):global(.night).smallest,
.labeledIcon:global(.copper):global(.night).small {
  padding: 0 0.5rem;
}
.labeledIcon:global(.copper):global(.night).smallest.after .icon,
.labeledIcon:global(.copper):global(.night).small.after .icon,
.labeledIcon:global(.copper):global(.night).smallest.right .icon,
.labeledIcon:global(.copper):global(.night).small.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper):global(.night).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper):global(.night).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper):global(.night).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper):global(.night).small.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.copper):global(.night).smallest.before .icon,
.labeledIcon:global(.copper):global(.night).small.before .icon,
.labeledIcon:global(.copper):global(.night).smallest.left .icon,
.labeledIcon:global(.copper):global(.night).small.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper):global(.night).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper):global(.night).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper):global(.night).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper):global(.night).small.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.copper):global(.night).smallest .label,
.labeledIcon:global(.copper):global(.night).small .label {
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.copper):global(.night).smallest .label {
  font-size: 1rem;
}
.labeledIcon:global(.copper):global(.night).smallest.above,
.labeledIcon:global(.copper):global(.night).smallest.below {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.copper):global(.night).smallest.after,
.labeledIcon:global(.copper):global(.night).smallest.before,
.labeledIcon:global(.copper):global(.night).smallest.left,
.labeledIcon:global(.copper):global(.night).smallest.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.copper):global(.night).smallest .icon {
  height: 0.875rem;
  width: 0.875rem;
  font-size: 1.75rem;
  line-height: 0.875rem;
}
.labeledIcon:global(.copper):global(.night).small .label {
  font-size: 1rem;
}
.labeledIcon:global(.copper):global(.night).small.above,
.labeledIcon:global(.copper):global(.night).small.below {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.copper):global(.night).small.after,
.labeledIcon:global(.copper):global(.night).small.before,
.labeledIcon:global(.copper):global(.night).small.left,
.labeledIcon:global(.copper):global(.night).small.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.copper):global(.night).small .icon {
  height: 1.5rem;
  width: 1.5rem;
  font-size: 3rem;
  line-height: 1.5rem;
}
.labeledIcon:global(.copper):global(.night).large.above,
.labeledIcon:global(.copper):global(.night).huge.above,
.labeledIcon:global(.copper):global(.night).large.below,
.labeledIcon:global(.copper):global(.night).huge.below {
  max-width: 12.5rem;
}
.labeledIcon:global(.copper):global(.night).large {
  padding: 0 0.5rem;
}
.labeledIcon:global(.copper):global(.night).large .label {
  font-size: 1rem;
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.copper):global(.night).large.above,
.labeledIcon:global(.copper):global(.night).large.below {
  min-width: 4rem;
}
.labeledIcon:global(.copper):global(.night).large.after,
.labeledIcon:global(.copper):global(.night).large.before,
.labeledIcon:global(.copper):global(.night).large.left,
.labeledIcon:global(.copper):global(.night).large.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.copper):global(.night).large.after .icon,
.labeledIcon:global(.copper):global(.night).large.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper):global(.night).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper):global(.night).large.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.copper):global(.night).large.before .icon,
.labeledIcon:global(.copper):global(.night).large.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper):global(.night).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper):global(.night).large.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.copper):global(.night).large .icon {
  height: 2rem;
  width: 2rem;
  font-size: 4rem;
  line-height: 2rem;
}
.labeledIcon:global(.copper):global(.night).huge {
  padding: 0 0.5rem;
}
.labeledIcon:global(.copper):global(.night).huge .label {
  font-size: 1rem;
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.copper):global(.night).huge.above,
.labeledIcon:global(.copper):global(.night).huge.below {
  min-width: inherit;
}
.labeledIcon:global(.copper):global(.night).huge.after,
.labeledIcon:global(.copper):global(.night).huge.before,
.labeledIcon:global(.copper):global(.night).huge.left,
.labeledIcon:global(.copper):global(.night).huge.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.copper):global(.night).huge.after .icon,
.labeledIcon:global(.copper):global(.night).huge.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper):global(.night).huge.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper):global(.night).huge.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.copper):global(.night).huge.before .icon,
.labeledIcon:global(.copper):global(.night).huge.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper):global(.night).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.copper):global(.night).huge.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.copper):global(.night).huge .icon {
  height: 7.91667rem;
  width: 7.91667rem;
  font-size: 13.33333rem;
  line-height: 7.91667rem;
}
.labeledIcon:global(.electro) {
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.electro) .label {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.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(.electro).smallest.above .icon,
.labeledIcon:global(.electro).small.above .icon,
.labeledIcon:global(.electro).large.above .icon,
.labeledIcon:global(.electro).huge.above .icon {
  margin: 0.5rem 0.5rem 0;
}
.labeledIcon:global(.electro).smallest.below .icon,
.labeledIcon:global(.electro).small.below .icon,
.labeledIcon:global(.electro).large.below .icon,
.labeledIcon:global(.electro).huge.below .icon {
  margin: 0 0.5rem 0.5rem;
}
.labeledIcon:global(.electro).smallest.after,
.labeledIcon:global(.electro).small.after,
.labeledIcon:global(.electro).large.after,
.labeledIcon:global(.electro).huge.after,
.labeledIcon:global(.electro).smallest.before,
.labeledIcon:global(.electro).small.before,
.labeledIcon:global(.electro).large.before,
.labeledIcon:global(.electro).huge.before,
.labeledIcon:global(.electro).smallest.left,
.labeledIcon:global(.electro).small.left,
.labeledIcon:global(.electro).large.left,
.labeledIcon:global(.electro).huge.left,
.labeledIcon:global(.electro).smallest.right,
.labeledIcon:global(.electro).small.right,
.labeledIcon:global(.electro).large.right,
.labeledIcon:global(.electro).huge.right {
  padding: 0 0.5rem;
}
.labeledIcon:global(.electro).smallest .icon,
.labeledIcon:global(.electro).small .icon,
.labeledIcon:global(.electro).large .icon,
.labeledIcon:global(.electro).huge .icon {
  margin: 0 0.5rem;
}
.labeledIcon:global(.electro).smallest,
.labeledIcon:global(.electro).small {
  padding: 0 0.5rem;
}
.labeledIcon:global(.electro).smallest.after .icon,
.labeledIcon:global(.electro).small.after .icon,
.labeledIcon:global(.electro).smallest.right .icon,
.labeledIcon:global(.electro).small.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.electro).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.electro).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.electro).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.electro).small.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.electro).smallest.before .icon,
.labeledIcon:global(.electro).small.before .icon,
.labeledIcon:global(.electro).smallest.left .icon,
.labeledIcon:global(.electro).small.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.electro).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.electro).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.electro).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.electro).small.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.electro).smallest .label,
.labeledIcon:global(.electro).small .label {
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.electro).smallest .label {
  font-size: 1rem;
}
.labeledIcon:global(.electro).smallest.above,
.labeledIcon:global(.electro).smallest.below {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.electro).smallest.after,
.labeledIcon:global(.electro).smallest.before,
.labeledIcon:global(.electro).smallest.left,
.labeledIcon:global(.electro).smallest.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.electro).smallest .icon {
  height: 0.875rem;
  width: 0.875rem;
  font-size: 1.75rem;
  line-height: 0.875rem;
}
.labeledIcon:global(.electro).small .label {
  font-size: 1rem;
}
.labeledIcon:global(.electro).small.above,
.labeledIcon:global(.electro).small.below {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.electro).small.after,
.labeledIcon:global(.electro).small.before,
.labeledIcon:global(.electro).small.left,
.labeledIcon:global(.electro).small.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.electro).small .icon {
  height: 1.5rem;
  width: 1.5rem;
  font-size: 3rem;
  line-height: 1.5rem;
}
.labeledIcon:global(.electro).large.above,
.labeledIcon:global(.electro).huge.above,
.labeledIcon:global(.electro).large.below,
.labeledIcon:global(.electro).huge.below {
  max-width: 12.5rem;
}
.labeledIcon:global(.electro).large {
  padding: 0 0.5rem;
}
.labeledIcon:global(.electro).large .label {
  font-size: 1rem;
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.electro).large.above,
.labeledIcon:global(.electro).large.below {
  min-width: 4rem;
}
.labeledIcon:global(.electro).large.after,
.labeledIcon:global(.electro).large.before,
.labeledIcon:global(.electro).large.left,
.labeledIcon:global(.electro).large.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.electro).large.after .icon,
.labeledIcon:global(.electro).large.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.electro).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.electro).large.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.electro).large.before .icon,
.labeledIcon:global(.electro).large.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.electro).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.electro).large.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.electro).large .icon {
  height: 2rem;
  width: 2rem;
  font-size: 4rem;
  line-height: 2rem;
}
.labeledIcon:global(.electro).huge {
  padding: 0 0.5rem;
}
.labeledIcon:global(.electro).huge .label {
  font-size: 1rem;
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.electro).huge.above,
.labeledIcon:global(.electro).huge.below {
  min-width: inherit;
}
.labeledIcon:global(.electro).huge.after,
.labeledIcon:global(.electro).huge.before,
.labeledIcon:global(.electro).huge.left,
.labeledIcon:global(.electro).huge.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.electro).huge.after .icon,
.labeledIcon:global(.electro).huge.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.electro).huge.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.electro).huge.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.electro).huge.before .icon,
.labeledIcon:global(.electro).huge.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.electro).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.electro).huge.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.electro).huge .icon {
  height: 7.91667rem;
  width: 7.91667rem;
  font-size: 13.33333rem;
  line-height: 7.91667rem;
}
.labeledIcon:global(.gallium) {
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.gallium) .label {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.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).smallest.above .icon,
.labeledIcon:global(.gallium).small.above .icon,
.labeledIcon:global(.gallium).large.above .icon,
.labeledIcon:global(.gallium).huge.above .icon {
  margin: 0.5rem 0.5rem 0;
}
.labeledIcon:global(.gallium).smallest.below .icon,
.labeledIcon:global(.gallium).small.below .icon,
.labeledIcon:global(.gallium).large.below .icon,
.labeledIcon:global(.gallium).huge.below .icon {
  margin: 0 0.5rem 0.5rem;
}
.labeledIcon:global(.gallium).smallest.after,
.labeledIcon:global(.gallium).small.after,
.labeledIcon:global(.gallium).large.after,
.labeledIcon:global(.gallium).huge.after,
.labeledIcon:global(.gallium).smallest.before,
.labeledIcon:global(.gallium).small.before,
.labeledIcon:global(.gallium).large.before,
.labeledIcon:global(.gallium).huge.before,
.labeledIcon:global(.gallium).smallest.left,
.labeledIcon:global(.gallium).small.left,
.labeledIcon:global(.gallium).large.left,
.labeledIcon:global(.gallium).huge.left,
.labeledIcon:global(.gallium).smallest.right,
.labeledIcon:global(.gallium).small.right,
.labeledIcon:global(.gallium).large.right,
.labeledIcon:global(.gallium).huge.right {
  padding: 0 0.5rem;
}
.labeledIcon:global(.gallium).smallest .icon,
.labeledIcon:global(.gallium).small .icon,
.labeledIcon:global(.gallium).large .icon,
.labeledIcon:global(.gallium).huge .icon {
  margin: 0 0.5rem;
}
.labeledIcon:global(.gallium).smallest,
.labeledIcon:global(.gallium).small {
  padding: 0 0.5rem;
}
.labeledIcon:global(.gallium).smallest.after .icon,
.labeledIcon:global(.gallium).small.after .icon,
.labeledIcon:global(.gallium).smallest.right .icon,
.labeledIcon:global(.gallium).small.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium).small.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.gallium).smallest.before .icon,
.labeledIcon:global(.gallium).small.before .icon,
.labeledIcon:global(.gallium).smallest.left .icon,
.labeledIcon:global(.gallium).small.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium).small.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.gallium).smallest .label,
.labeledIcon:global(.gallium).small .label {
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.gallium).smallest .label {
  font-size: 1rem;
}
.labeledIcon:global(.gallium).smallest.above,
.labeledIcon:global(.gallium).smallest.below {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.gallium).smallest.after,
.labeledIcon:global(.gallium).smallest.before,
.labeledIcon:global(.gallium).smallest.left,
.labeledIcon:global(.gallium).smallest.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.gallium).smallest .icon {
  height: 0.75rem;
  width: 0.75rem;
  font-size: 1.5rem;
  line-height: 0.75rem;
}
.labeledIcon:global(.gallium).small .label {
  font-size: 1rem;
}
.labeledIcon:global(.gallium).small.above,
.labeledIcon:global(.gallium).small.below {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.gallium).small.after,
.labeledIcon:global(.gallium).small.before,
.labeledIcon:global(.gallium).small.left,
.labeledIcon:global(.gallium).small.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.gallium).small .icon {
  height: 1.16667rem;
  width: 1.16667rem;
  font-size: 2.33333rem;
  line-height: 1.16667rem;
}
.labeledIcon:global(.gallium).large.above,
.labeledIcon:global(.gallium).huge.above,
.labeledIcon:global(.gallium).large.below,
.labeledIcon:global(.gallium).huge.below {
  max-width: 12.5rem;
}
.labeledIcon:global(.gallium).large {
  padding: 0 0.5rem;
}
.labeledIcon:global(.gallium).large .label {
  font-size: 1rem;
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.gallium).large.above,
.labeledIcon:global(.gallium).large.below {
  min-width: 4rem;
}
.labeledIcon:global(.gallium).large.after,
.labeledIcon:global(.gallium).large.before,
.labeledIcon:global(.gallium).large.left,
.labeledIcon:global(.gallium).large.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.gallium).large.after .icon,
.labeledIcon:global(.gallium).large.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium).large.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.gallium).large.before .icon,
.labeledIcon:global(.gallium).large.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium).large.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.gallium).large .icon {
  height: 2rem;
  width: 2rem;
  font-size: 4rem;
  line-height: 2rem;
}
.labeledIcon:global(.gallium).huge {
  padding: 0 0.5rem;
}
.labeledIcon:global(.gallium).huge .label {
  font-size: 1rem;
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.gallium).huge.above,
.labeledIcon:global(.gallium).huge.below {
  min-width: inherit;
}
.labeledIcon:global(.gallium).huge.after,
.labeledIcon:global(.gallium).huge.before,
.labeledIcon:global(.gallium).huge.left,
.labeledIcon:global(.gallium).huge.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.gallium).huge.after .icon,
.labeledIcon:global(.gallium).huge.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium).huge.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium).huge.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.gallium).huge.before .icon,
.labeledIcon:global(.gallium).huge.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium).huge.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.gallium).huge .icon {
  height: 7.91667rem;
  width: 7.91667rem;
  font-size: 13.33333rem;
  line-height: 7.91667rem;
}
.labeledIcon:global(.gallium):global(.night) {
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.gallium):global(.night) .label {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.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(.gallium):global(.night).smallest.above .icon,
.labeledIcon:global(.gallium):global(.night).small.above .icon,
.labeledIcon:global(.gallium):global(.night).large.above .icon,
.labeledIcon:global(.gallium):global(.night).huge.above .icon {
  margin: 0.5rem 0.5rem 0;
}
.labeledIcon:global(.gallium):global(.night).smallest.below .icon,
.labeledIcon:global(.gallium):global(.night).small.below .icon,
.labeledIcon:global(.gallium):global(.night).large.below .icon,
.labeledIcon:global(.gallium):global(.night).huge.below .icon {
  margin: 0 0.5rem 0.5rem;
}
.labeledIcon:global(.gallium):global(.night).smallest.after,
.labeledIcon:global(.gallium):global(.night).small.after,
.labeledIcon:global(.gallium):global(.night).large.after,
.labeledIcon:global(.gallium):global(.night).huge.after,
.labeledIcon:global(.gallium):global(.night).smallest.before,
.labeledIcon:global(.gallium):global(.night).small.before,
.labeledIcon:global(.gallium):global(.night).large.before,
.labeledIcon:global(.gallium):global(.night).huge.before,
.labeledIcon:global(.gallium):global(.night).smallest.left,
.labeledIcon:global(.gallium):global(.night).small.left,
.labeledIcon:global(.gallium):global(.night).large.left,
.labeledIcon:global(.gallium):global(.night).huge.left,
.labeledIcon:global(.gallium):global(.night).smallest.right,
.labeledIcon:global(.gallium):global(.night).small.right,
.labeledIcon:global(.gallium):global(.night).large.right,
.labeledIcon:global(.gallium):global(.night).huge.right {
  padding: 0 0.5rem;
}
.labeledIcon:global(.gallium):global(.night).smallest .icon,
.labeledIcon:global(.gallium):global(.night).small .icon,
.labeledIcon:global(.gallium):global(.night).large .icon,
.labeledIcon:global(.gallium):global(.night).huge .icon {
  margin: 0 0.5rem;
}
.labeledIcon:global(.gallium):global(.night).smallest,
.labeledIcon:global(.gallium):global(.night).small {
  padding: 0 0.5rem;
}
.labeledIcon:global(.gallium):global(.night).smallest.after .icon,
.labeledIcon:global(.gallium):global(.night).small.after .icon,
.labeledIcon:global(.gallium):global(.night).smallest.right .icon,
.labeledIcon:global(.gallium):global(.night).small.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium):global(.night).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium):global(.night).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium):global(.night).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium):global(.night).small.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.gallium):global(.night).smallest.before .icon,
.labeledIcon:global(.gallium):global(.night).small.before .icon,
.labeledIcon:global(.gallium):global(.night).smallest.left .icon,
.labeledIcon:global(.gallium):global(.night).small.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium):global(.night).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium):global(.night).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium):global(.night).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium):global(.night).small.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.gallium):global(.night).smallest .label,
.labeledIcon:global(.gallium):global(.night).small .label {
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.gallium):global(.night).smallest .label {
  font-size: 1rem;
}
.labeledIcon:global(.gallium):global(.night).smallest.above,
.labeledIcon:global(.gallium):global(.night).smallest.below {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.gallium):global(.night).smallest.after,
.labeledIcon:global(.gallium):global(.night).smallest.before,
.labeledIcon:global(.gallium):global(.night).smallest.left,
.labeledIcon:global(.gallium):global(.night).smallest.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.gallium):global(.night).smallest .icon {
  height: 0.75rem;
  width: 0.75rem;
  font-size: 1.5rem;
  line-height: 0.75rem;
}
.labeledIcon:global(.gallium):global(.night).small .label {
  font-size: 1rem;
}
.labeledIcon:global(.gallium):global(.night).small.above,
.labeledIcon:global(.gallium):global(.night).small.below {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.gallium):global(.night).small.after,
.labeledIcon:global(.gallium):global(.night).small.before,
.labeledIcon:global(.gallium):global(.night).small.left,
.labeledIcon:global(.gallium):global(.night).small.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.gallium):global(.night).small .icon {
  height: 1.16667rem;
  width: 1.16667rem;
  font-size: 2.33333rem;
  line-height: 1.16667rem;
}
.labeledIcon:global(.gallium):global(.night).large.above,
.labeledIcon:global(.gallium):global(.night).huge.above,
.labeledIcon:global(.gallium):global(.night).large.below,
.labeledIcon:global(.gallium):global(.night).huge.below {
  max-width: 12.5rem;
}
.labeledIcon:global(.gallium):global(.night).large {
  padding: 0 0.5rem;
}
.labeledIcon:global(.gallium):global(.night).large .label {
  font-size: 1rem;
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.gallium):global(.night).large.above,
.labeledIcon:global(.gallium):global(.night).large.below {
  min-width: 4rem;
}
.labeledIcon:global(.gallium):global(.night).large.after,
.labeledIcon:global(.gallium):global(.night).large.before,
.labeledIcon:global(.gallium):global(.night).large.left,
.labeledIcon:global(.gallium):global(.night).large.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.gallium):global(.night).large.after .icon,
.labeledIcon:global(.gallium):global(.night).large.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium):global(.night).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium):global(.night).large.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.gallium):global(.night).large.before .icon,
.labeledIcon:global(.gallium):global(.night).large.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium):global(.night).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium):global(.night).large.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.gallium):global(.night).large .icon {
  height: 2rem;
  width: 2rem;
  font-size: 4rem;
  line-height: 2rem;
}
.labeledIcon:global(.gallium):global(.night).huge {
  padding: 0 0.5rem;
}
.labeledIcon:global(.gallium):global(.night).huge .label {
  font-size: 1rem;
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.gallium):global(.night).huge.above,
.labeledIcon:global(.gallium):global(.night).huge.below {
  min-width: inherit;
}
.labeledIcon:global(.gallium):global(.night).huge.after,
.labeledIcon:global(.gallium):global(.night).huge.before,
.labeledIcon:global(.gallium):global(.night).huge.left,
.labeledIcon:global(.gallium):global(.night).huge.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.gallium):global(.night).huge.after .icon,
.labeledIcon:global(.gallium):global(.night).huge.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium):global(.night).huge.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium):global(.night).huge.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.gallium):global(.night).huge.before .icon,
.labeledIcon:global(.gallium):global(.night).huge.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium):global(.night).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.gallium):global(.night).huge.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.gallium):global(.night).huge .icon {
  height: 7.91667rem;
  width: 7.91667rem;
  font-size: 13.33333rem;
  line-height: 7.91667rem;
}
.labeledIcon:global(.silicon) {
  margin: 0;
  padding: 0 0.5rem;
}
.labeledIcon:global(.silicon) .label {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.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).smallest.above .icon,
.labeledIcon:global(.silicon).small.above .icon,
.labeledIcon:global(.silicon).large.above .icon,
.labeledIcon:global(.silicon).huge.above .icon {
  margin: 0;
}
.labeledIcon:global(.silicon).smallest.below .icon,
.labeledIcon:global(.silicon).small.below .icon,
.labeledIcon:global(.silicon).large.below .icon,
.labeledIcon:global(.silicon).huge.below .icon {
  margin: 0;
}
.labeledIcon:global(.silicon).smallest.after,
.labeledIcon:global(.silicon).small.after,
.labeledIcon:global(.silicon).large.after,
.labeledIcon:global(.silicon).huge.after,
.labeledIcon:global(.silicon).smallest.before,
.labeledIcon:global(.silicon).small.before,
.labeledIcon:global(.silicon).large.before,
.labeledIcon:global(.silicon).huge.before,
.labeledIcon:global(.silicon).smallest.left,
.labeledIcon:global(.silicon).small.left,
.labeledIcon:global(.silicon).large.left,
.labeledIcon:global(.silicon).huge.left,
.labeledIcon:global(.silicon).smallest.right,
.labeledIcon:global(.silicon).small.right,
.labeledIcon:global(.silicon).large.right,
.labeledIcon:global(.silicon).huge.right {
  padding: 0;
}
.labeledIcon:global(.silicon).smallest .icon,
.labeledIcon:global(.silicon).small .icon,
.labeledIcon:global(.silicon).large .icon,
.labeledIcon:global(.silicon).huge .icon {
  margin: 0;
}
.labeledIcon:global(.silicon).smallest,
.labeledIcon:global(.silicon).small {
  padding: 0.625rem 0 0.375rem;
}
.labeledIcon:global(.silicon).smallest.after .icon,
.labeledIcon:global(.silicon).small.after .icon,
.labeledIcon:global(.silicon).smallest.right .icon,
.labeledIcon:global(.silicon).small.right .icon {
  padding: 0 0.375rem 0 0.625rem;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon).small.left .icon {
  padding: 0 0.625rem 0 0.375rem;
}
.labeledIcon:global(.silicon).smallest.before .icon,
.labeledIcon:global(.silicon).small.before .icon,
.labeledIcon:global(.silicon).smallest.left .icon,
.labeledIcon:global(.silicon).small.left .icon {
  padding: 0 0.625rem 0 0.375rem;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon).small.right .icon {
  padding: 0 0.375rem 0 0.625rem;
}
.labeledIcon:global(.silicon).smallest .label,
.labeledIcon:global(.silicon).small .label {
  height: 1.875rem;
  line-height: 1.875rem;
}
.labeledIcon:global(.silicon).smallest .label {
  font-size: 1.125rem;
}
.labeledIcon:global(.silicon).smallest.above,
.labeledIcon:global(.silicon).smallest.below {
  min-width: 6.25rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.silicon).smallest.after,
.labeledIcon:global(.silicon).smallest.before,
.labeledIcon:global(.silicon).smallest.left,
.labeledIcon:global(.silicon).smallest.right {
  min-width: 10.25rem;
  max-width: 16.625rem;
}
.labeledIcon:global(.silicon).smallest .icon {
  height: 2.5rem;
  width: 2.5rem;
  font-size: 5rem;
  line-height: 2.5rem;
}
.labeledIcon:global(.silicon).small .label {
  font-size: 1.375rem;
}
.labeledIcon:global(.silicon).small.above,
.labeledIcon:global(.silicon).small.below {
  min-width: 7.5rem;
  max-width: 15rem;
}
.labeledIcon:global(.silicon).small.after,
.labeledIcon:global(.silicon).small.before,
.labeledIcon:global(.silicon).small.left,
.labeledIcon:global(.silicon).small.right {
  min-width: 13.375rem;
  max-width: 20rem;
}
.labeledIcon:global(.silicon).small .icon {
  height: 3.75rem;
  width: 3.75rem;
  font-size: 7.5rem;
  line-height: 3.75rem;
}
.labeledIcon:global(.silicon).large.above,
.labeledIcon:global(.silicon).huge.above,
.labeledIcon:global(.silicon).large.below,
.labeledIcon:global(.silicon).huge.below {
  max-width: 20rem;
}
.labeledIcon:global(.silicon).large {
  padding: 1.25rem 0 0.625rem;
}
.labeledIcon:global(.silicon).large .label {
  font-size: 1.75rem;
  height: 2.75rem;
  line-height: 2.75rem;
}
.labeledIcon:global(.silicon).large.above,
.labeledIcon:global(.silicon).large.below {
  min-width: 10rem;
}
.labeledIcon:global(.silicon).large.after,
.labeledIcon:global(.silicon).large.before,
.labeledIcon:global(.silicon).large.left,
.labeledIcon:global(.silicon).large.right {
  min-width: 20rem;
  max-width: 30rem;
}
.labeledIcon:global(.silicon).large.after .icon,
.labeledIcon:global(.silicon).large.right .icon {
  padding: 0 0.625rem 0 1.25rem;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon).large.left .icon {
  padding: 0 1.25rem 0 0.625rem;
}
.labeledIcon:global(.silicon).large.before .icon,
.labeledIcon:global(.silicon).large.left .icon {
  padding: 0 1.25rem 0 0.625rem;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon).large.right .icon {
  padding: 0 0.625rem 0 1.25rem;
}
.labeledIcon:global(.silicon).large .icon {
  height: 6.25rem;
  width: 6.25rem;
  font-size: 12.5rem;
  line-height: 6.25rem;
}
.labeledIcon:global(.silicon).huge {
  padding: 1.5rem 0 0.875rem;
}
.labeledIcon:global(.silicon).huge .label {
  font-size: 2.5rem;
  height: 3.375rem;
  line-height: 3.375rem;
}
.labeledIcon:global(.silicon).huge.above,
.labeledIcon:global(.silicon).huge.below {
  min-width: 11.66667rem;
}
.labeledIcon:global(.silicon).huge.after,
.labeledIcon:global(.silicon).huge.before,
.labeledIcon:global(.silicon).huge.left,
.labeledIcon:global(.silicon).huge.right {
  min-width: 22.125rem;
  max-width: 45.375rem;
}
.labeledIcon:global(.silicon).huge.after .icon,
.labeledIcon:global(.silicon).huge.right .icon {
  padding: 0 0.875rem 0 1.5rem;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon).huge.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon).huge.left .icon {
  padding: 0 1.5rem 0 0.875rem;
}
.labeledIcon:global(.silicon).huge.before .icon,
.labeledIcon:global(.silicon).huge.left .icon {
  padding: 0 1.5rem 0 0.875rem;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon).huge.right .icon {
  padding: 0 0.875rem 0 1.5rem;
}
.labeledIcon:global(.silicon).huge .icon {
  height: 8.75rem;
  width: 8.75rem;
  font-size: 17.5rem;
  line-height: 8.75rem;
}
.labeledIcon:global(.silicon):global(.night) {
  margin: 0;
  padding: 0 0.5rem;
}
.labeledIcon:global(.silicon):global(.night) .label {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.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(.silicon):global(.night).smallest.above .icon,
.labeledIcon:global(.silicon):global(.night).small.above .icon,
.labeledIcon:global(.silicon):global(.night).large.above .icon,
.labeledIcon:global(.silicon):global(.night).huge.above .icon {
  margin: 0;
}
.labeledIcon:global(.silicon):global(.night).smallest.below .icon,
.labeledIcon:global(.silicon):global(.night).small.below .icon,
.labeledIcon:global(.silicon):global(.night).large.below .icon,
.labeledIcon:global(.silicon):global(.night).huge.below .icon {
  margin: 0;
}
.labeledIcon:global(.silicon):global(.night).smallest.after,
.labeledIcon:global(.silicon):global(.night).small.after,
.labeledIcon:global(.silicon):global(.night).large.after,
.labeledIcon:global(.silicon):global(.night).huge.after,
.labeledIcon:global(.silicon):global(.night).smallest.before,
.labeledIcon:global(.silicon):global(.night).small.before,
.labeledIcon:global(.silicon):global(.night).large.before,
.labeledIcon:global(.silicon):global(.night).huge.before,
.labeledIcon:global(.silicon):global(.night).smallest.left,
.labeledIcon:global(.silicon):global(.night).small.left,
.labeledIcon:global(.silicon):global(.night).large.left,
.labeledIcon:global(.silicon):global(.night).huge.left,
.labeledIcon:global(.silicon):global(.night).smallest.right,
.labeledIcon:global(.silicon):global(.night).small.right,
.labeledIcon:global(.silicon):global(.night).large.right,
.labeledIcon:global(.silicon):global(.night).huge.right {
  padding: 0;
}
.labeledIcon:global(.silicon):global(.night).smallest .icon,
.labeledIcon:global(.silicon):global(.night).small .icon,
.labeledIcon:global(.silicon):global(.night).large .icon,
.labeledIcon:global(.silicon):global(.night).huge .icon {
  margin: 0;
}
.labeledIcon:global(.silicon):global(.night).smallest,
.labeledIcon:global(.silicon):global(.night).small {
  padding: 0.625rem 0 0.375rem;
}
.labeledIcon:global(.silicon):global(.night).smallest.after .icon,
.labeledIcon:global(.silicon):global(.night).small.after .icon,
.labeledIcon:global(.silicon):global(.night).smallest.right .icon,
.labeledIcon:global(.silicon):global(.night).small.right .icon {
  padding: 0 0.375rem 0 0.625rem;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon):global(.night).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon):global(.night).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon):global(.night).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon):global(.night).small.left .icon {
  padding: 0 0.625rem 0 0.375rem;
}
.labeledIcon:global(.silicon):global(.night).smallest.before .icon,
.labeledIcon:global(.silicon):global(.night).small.before .icon,
.labeledIcon:global(.silicon):global(.night).smallest.left .icon,
.labeledIcon:global(.silicon):global(.night).small.left .icon {
  padding: 0 0.625rem 0 0.375rem;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon):global(.night).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon):global(.night).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon):global(.night).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon):global(.night).small.right .icon {
  padding: 0 0.375rem 0 0.625rem;
}
.labeledIcon:global(.silicon):global(.night).smallest .label,
.labeledIcon:global(.silicon):global(.night).small .label {
  height: 1.875rem;
  line-height: 1.875rem;
}
.labeledIcon:global(.silicon):global(.night).smallest .label {
  font-size: 1.125rem;
}
.labeledIcon:global(.silicon):global(.night).smallest.above,
.labeledIcon:global(.silicon):global(.night).smallest.below {
  min-width: 6.25rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.silicon):global(.night).smallest.after,
.labeledIcon:global(.silicon):global(.night).smallest.before,
.labeledIcon:global(.silicon):global(.night).smallest.left,
.labeledIcon:global(.silicon):global(.night).smallest.right {
  min-width: 10.25rem;
  max-width: 16.625rem;
}
.labeledIcon:global(.silicon):global(.night).smallest .icon {
  height: 2.5rem;
  width: 2.5rem;
  font-size: 5rem;
  line-height: 2.5rem;
}
.labeledIcon:global(.silicon):global(.night).small .label {
  font-size: 1.375rem;
}
.labeledIcon:global(.silicon):global(.night).small.above,
.labeledIcon:global(.silicon):global(.night).small.below {
  min-width: 7.5rem;
  max-width: 15rem;
}
.labeledIcon:global(.silicon):global(.night).small.after,
.labeledIcon:global(.silicon):global(.night).small.before,
.labeledIcon:global(.silicon):global(.night).small.left,
.labeledIcon:global(.silicon):global(.night).small.right {
  min-width: 13.375rem;
  max-width: 20rem;
}
.labeledIcon:global(.silicon):global(.night).small .icon {
  height: 3.75rem;
  width: 3.75rem;
  font-size: 7.5rem;
  line-height: 3.75rem;
}
.labeledIcon:global(.silicon):global(.night).large.above,
.labeledIcon:global(.silicon):global(.night).huge.above,
.labeledIcon:global(.silicon):global(.night).large.below,
.labeledIcon:global(.silicon):global(.night).huge.below {
  max-width: 20rem;
}
.labeledIcon:global(.silicon):global(.night).large {
  padding: 1.25rem 0 0.625rem;
}
.labeledIcon:global(.silicon):global(.night).large .label {
  font-size: 1.75rem;
  height: 2.75rem;
  line-height: 2.75rem;
}
.labeledIcon:global(.silicon):global(.night).large.above,
.labeledIcon:global(.silicon):global(.night).large.below {
  min-width: 10rem;
}
.labeledIcon:global(.silicon):global(.night).large.after,
.labeledIcon:global(.silicon):global(.night).large.before,
.labeledIcon:global(.silicon):global(.night).large.left,
.labeledIcon:global(.silicon):global(.night).large.right {
  min-width: 20rem;
  max-width: 30rem;
}
.labeledIcon:global(.silicon):global(.night).large.after .icon,
.labeledIcon:global(.silicon):global(.night).large.right .icon {
  padding: 0 0.625rem 0 1.25rem;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon):global(.night).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon):global(.night).large.left .icon {
  padding: 0 1.25rem 0 0.625rem;
}
.labeledIcon:global(.silicon):global(.night).large.before .icon,
.labeledIcon:global(.silicon):global(.night).large.left .icon {
  padding: 0 1.25rem 0 0.625rem;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon):global(.night).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon):global(.night).large.right .icon {
  padding: 0 0.625rem 0 1.25rem;
}
.labeledIcon:global(.silicon):global(.night).large .icon {
  height: 6.25rem;
  width: 6.25rem;
  font-size: 12.5rem;
  line-height: 6.25rem;
}
.labeledIcon:global(.silicon):global(.night).huge {
  padding: 1.5rem 0 0.875rem;
}
.labeledIcon:global(.silicon):global(.night).huge .label {
  font-size: 2.5rem;
  height: 3.375rem;
  line-height: 3.375rem;
}
.labeledIcon:global(.silicon):global(.night).huge.above,
.labeledIcon:global(.silicon):global(.night).huge.below {
  min-width: 11.66667rem;
}
.labeledIcon:global(.silicon):global(.night).huge.after,
.labeledIcon:global(.silicon):global(.night).huge.before,
.labeledIcon:global(.silicon):global(.night).huge.left,
.labeledIcon:global(.silicon):global(.night).huge.right {
  min-width: 22.125rem;
  max-width: 45.375rem;
}
.labeledIcon:global(.silicon):global(.night).huge.after .icon,
.labeledIcon:global(.silicon):global(.night).huge.right .icon {
  padding: 0 0.875rem 0 1.5rem;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon):global(.night).huge.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon):global(.night).huge.left .icon {
  padding: 0 1.5rem 0 0.875rem;
}
.labeledIcon:global(.silicon):global(.night).huge.before .icon,
.labeledIcon:global(.silicon):global(.night).huge.left .icon {
  padding: 0 1.5rem 0 0.875rem;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon):global(.night).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.silicon):global(.night).huge.right .icon {
  padding: 0 0.875rem 0 1.5rem;
}
.labeledIcon:global(.silicon):global(.night).huge .icon {
  height: 8.75rem;
  width: 8.75rem;
  font-size: 17.5rem;
  line-height: 8.75rem;
}
.labeledIcon:global(.titanium) {
  margin: 0.5rem;
  padding: 0 0.5rem;
}
.labeledIcon:global(.titanium) .label {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.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;
}
.labeledIcon:global(.titanium).smallest.above .icon,
.labeledIcon:global(.titanium).small.above .icon,
.labeledIcon:global(.titanium).large.above .icon,
.labeledIcon:global(.titanium).huge.above .icon {
  margin: 0.5rem 0.5rem 0;
}
.labeledIcon:global(.titanium).smallest.below .icon,
.labeledIcon:global(.titanium).small.below .icon,
.labeledIcon:global(.titanium).large.below .icon,
.labeledIcon:global(.titanium).huge.below .icon {
  margin: 0 0.5rem 0.5rem;
}
.labeledIcon:global(.titanium).smallest.after,
.labeledIcon:global(.titanium).small.after,
.labeledIcon:global(.titanium).large.after,
.labeledIcon:global(.titanium).huge.after,
.labeledIcon:global(.titanium).smallest.before,
.labeledIcon:global(.titanium).small.before,
.labeledIcon:global(.titanium).large.before,
.labeledIcon:global(.titanium).huge.before,
.labeledIcon:global(.titanium).smallest.left,
.labeledIcon:global(.titanium).small.left,
.labeledIcon:global(.titanium).large.left,
.labeledIcon:global(.titanium).huge.left,
.labeledIcon:global(.titanium).smallest.right,
.labeledIcon:global(.titanium).small.right,
.labeledIcon:global(.titanium).large.right,
.labeledIcon:global(.titanium).huge.right {
  padding: 0 0.5rem;
}
.labeledIcon:global(.titanium).smallest .icon,
.labeledIcon:global(.titanium).small .icon,
.labeledIcon:global(.titanium).large .icon,
.labeledIcon:global(.titanium).huge .icon {
  margin: 0 0.5rem;
}
.labeledIcon:global(.titanium).smallest,
.labeledIcon:global(.titanium).small {
  padding: 0 0.5rem;
}
.labeledIcon:global(.titanium).smallest.after .icon,
.labeledIcon:global(.titanium).small.after .icon,
.labeledIcon:global(.titanium).smallest.right .icon,
.labeledIcon:global(.titanium).small.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.titanium).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.titanium).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.titanium).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.titanium).small.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.titanium).smallest.before .icon,
.labeledIcon:global(.titanium).small.before .icon,
.labeledIcon:global(.titanium).smallest.left .icon,
.labeledIcon:global(.titanium).small.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.titanium).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.titanium).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.titanium).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.titanium).small.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.titanium).smallest .label,
.labeledIcon:global(.titanium).small .label {
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.titanium).smallest .label {
  font-size: 1rem;
}
.labeledIcon:global(.titanium).smallest.above,
.labeledIcon:global(.titanium).smallest.below {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.titanium).smallest.after,
.labeledIcon:global(.titanium).smallest.before,
.labeledIcon:global(.titanium).smallest.left,
.labeledIcon:global(.titanium).smallest.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.titanium).smallest .icon {
  height: 0.875rem;
  width: 0.875rem;
  font-size: 1.75rem;
  line-height: 0.875rem;
}
.labeledIcon:global(.titanium).small .label {
  font-size: 1rem;
}
.labeledIcon:global(.titanium).small.above,
.labeledIcon:global(.titanium).small.below {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.titanium).small.after,
.labeledIcon:global(.titanium).small.before,
.labeledIcon:global(.titanium).small.left,
.labeledIcon:global(.titanium).small.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.titanium).small .icon {
  height: 1.5rem;
  width: 1.5rem;
  font-size: 3rem;
  line-height: 1.5rem;
}
.labeledIcon:global(.titanium).large.above,
.labeledIcon:global(.titanium).huge.above,
.labeledIcon:global(.titanium).large.below,
.labeledIcon:global(.titanium).huge.below {
  max-width: 12.5rem;
}
.labeledIcon:global(.titanium).large {
  padding: 0 0.5rem;
}
.labeledIcon:global(.titanium).large .label {
  font-size: 1rem;
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.titanium).large.above,
.labeledIcon:global(.titanium).large.below {
  min-width: 4rem;
}
.labeledIcon:global(.titanium).large.after,
.labeledIcon:global(.titanium).large.before,
.labeledIcon:global(.titanium).large.left,
.labeledIcon:global(.titanium).large.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.titanium).large.after .icon,
.labeledIcon:global(.titanium).large.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.titanium).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.titanium).large.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.titanium).large.before .icon,
.labeledIcon:global(.titanium).large.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.titanium).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.titanium).large.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.titanium).large .icon {
  height: 2rem;
  width: 2rem;
  font-size: 4rem;
  line-height: 2rem;
}
.labeledIcon:global(.titanium).huge {
  padding: 0 0.5rem;
}
.labeledIcon:global(.titanium).huge .label {
  font-size: 1rem;
  height: inherit;
  line-height: inherit;
}
.labeledIcon:global(.titanium).huge.above,
.labeledIcon:global(.titanium).huge.below {
  min-width: inherit;
}
.labeledIcon:global(.titanium).huge.after,
.labeledIcon:global(.titanium).huge.before,
.labeledIcon:global(.titanium).huge.left,
.labeledIcon:global(.titanium).huge.right {
  min-width: 4rem;
  max-width: 12.5rem;
}
.labeledIcon:global(.titanium).huge.after .icon,
.labeledIcon:global(.titanium).huge.right .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.titanium).huge.after .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.titanium).huge.left .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.titanium).huge.before .icon,
.labeledIcon:global(.titanium).huge.left .icon {
  padding: inherit inherit inherit inherit;
}
:global(.enact-locale-right-to-left) .labeledIcon:global(.titanium).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIcon:global(.titanium).huge.right .icon {
  padding: inherit inherit inherit inherit;
}
.labeledIcon:global(.titanium).huge .icon {
  height: 7.91667rem;
  width: 7.91667rem;
  font-size: 13.33333rem;
  line-height: 7.91667rem;
}
.labeledIconButton.icon,
.labeledIconButton.label,
.labeledIconButton.selected,
.labeledIconButton.small {
  /* Public Class Names */
}
.labeledIconButton .label {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.labeledIconButton:global(.carbon).labeledIcon {
  padding-bottom: 0;
}
.labeledIconButton:global(.carbon) .opaque .bg {
  background-color: transparent;
}
.labeledIconButton:global(.carbon) .opaque .client {
  color: rgba(255, 255, 255, 0.75);
}
.labeledIconButton:global(.carbon) .lightOpaque .bg {
  background-color: transparent;
}
.labeledIconButton:global(.carbon) .lightOpaque .client {
  color: rgba(255, 255, 255, 0.75);
}
.labeledIconButton:global(.carbon) .highlighted .bg {
  background-color: var(--agate-highlight-color, #6abe0b);
}
.labeledIconButton:global(.carbon) .button:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 41.625rem;
}
.labeledIconButton:global(.carbon).smallest.left .icon,
.labeledIconButton:global(.carbon).small.left .icon,
.labeledIconButton:global(.carbon).large.left .icon,
.labeledIconButton:global(.carbon).huge.left .icon,
.labeledIconButton:global(.carbon).smallest.right .icon,
.labeledIconButton:global(.carbon).small.right .icon,
.labeledIconButton:global(.carbon).large.right .icon,
.labeledIconButton:global(.carbon).huge.right .icon,
.labeledIconButton:global(.carbon).smallest.before .icon,
.labeledIconButton:global(.carbon).small.before .icon,
.labeledIconButton:global(.carbon).large.before .icon,
.labeledIconButton:global(.carbon).huge.before .icon,
.labeledIconButton:global(.carbon).smallest.after .icon,
.labeledIconButton:global(.carbon).small.after .icon,
.labeledIconButton:global(.carbon).large.after .icon,
.labeledIconButton:global(.carbon).huge.after .icon {
  padding: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).small.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).large.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).huge.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).small.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).large.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).huge.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).huge.after .icon {
  padding: 0 0 0 0;
}
.labeledIconButton:global(.carbon).smallest .button .icon,
.labeledIconButton:global(.carbon).small .button .icon,
.labeledIconButton:global(.carbon).large .button .icon,
.labeledIconButton:global(.carbon).huge .button .icon {
  margin: 0;
}
.labeledIconButton:global(.carbon).smallest.above,
.labeledIconButton:global(.carbon).smallest.below,
.labeledIconButton:global(.carbon).smallest.after,
.labeledIconButton:global(.carbon).smallest.right,
.labeledIconButton:global(.carbon).smallest.before,
.labeledIconButton:global(.carbon).smallest.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.carbon).smallest .button .icon {
  font-size: 1.75rem;
  height: 0.875rem;
}
.labeledIconButton:global(.carbon).smallest .button:before {
  margin: inherit;
}
.labeledIconButton:global(.carbon).smallest .icon {
  height: 2rem;
}
.labeledIconButton:global(.carbon).small.above,
.labeledIconButton:global(.carbon).small.below,
.labeledIconButton:global(.carbon).small.after,
.labeledIconButton:global(.carbon).small.right,
.labeledIconButton:global(.carbon).small.before,
.labeledIconButton:global(.carbon).small.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.carbon).small .button .icon {
  font-size: 3rem;
  height: 1.5rem;
}
.labeledIconButton:global(.carbon).small .button:before {
  margin: inherit;
}
.labeledIconButton:global(.carbon).small .icon {
  height: 2.5rem;
}
.labeledIconButton:global(.carbon).large.above,
.labeledIconButton:global(.carbon).large.below,
.labeledIconButton:global(.carbon).large.after,
.labeledIconButton:global(.carbon).large.right,
.labeledIconButton:global(.carbon).large.before,
.labeledIconButton:global(.carbon).large.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.carbon).large .button .icon {
  font-size: 4rem;
  height: 2rem;
}
.labeledIconButton:global(.carbon).large .button:before {
  margin: inherit;
}
.labeledIconButton:global(.carbon).large .icon {
  height: 3.5rem;
}
.labeledIconButton:global(.carbon).huge.above,
.labeledIconButton:global(.carbon).huge.below,
.labeledIconButton:global(.carbon).huge.after,
.labeledIconButton:global(.carbon).huge.right,
.labeledIconButton:global(.carbon).huge.before,
.labeledIconButton:global(.carbon).huge.left {
  max-width: 12.5rem;
  min-width: inherit;
}
.labeledIconButton:global(.carbon).huge .button .icon {
  font-size: 13.33333rem;
  height: 7.91667rem;
}
.labeledIconButton:global(.carbon).huge .button:before {
  margin: inherit;
}
.labeledIconButton:global(.carbon).huge .icon {
  height: 10.375rem;
}
.labeledIconButton:global(.carbon).below.smallest .label,
.labeledIconButton:global(.carbon).below.small .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.carbon).below.large .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.carbon).below.huge .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.carbon).above.smallest .label,
.labeledIconButton:global(.carbon).above.small .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.carbon).above.large .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.carbon).above.huge .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.carbon).after.smallest .label,
.labeledIconButton:global(.carbon).right.smallest .label,
.labeledIconButton:global(.carbon).after.small .label,
.labeledIconButton:global(.carbon).right.small .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).after.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).right.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).after.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).right.small .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.carbon).after.large .label,
.labeledIconButton:global(.carbon).right.large .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).after.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).right.large .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.carbon).after.huge .label,
.labeledIconButton:global(.carbon).right.huge .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).after.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).right.huge .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.carbon).before.smallest .label,
.labeledIconButton:global(.carbon).left.smallest .label,
.labeledIconButton:global(.carbon).before.small .label,
.labeledIconButton:global(.carbon).left.small .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).before.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).left.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).before.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).left.small .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.carbon).before.large .label,
.labeledIconButton:global(.carbon).left.large .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).before.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).left.large .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.carbon).before.huge .label,
.labeledIconButton:global(.carbon).left.huge .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).before.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.carbon).left.huge .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.carbon).after .label,
.labeledIconButton:global(.carbon).right .label,
.labeledIconButton:global(.carbon).before .label,
.labeledIconButton:global(.carbon).left .label {
  text-align: inherit;
}
.labeledIconButton:global(.carbon) .label {
  color: #fff;
  font-weight: 500;
}
:global(.spotlight-input-key) .labeledIconButton:global(.carbon):global(.spottable):focus,
:global(.spotlight-input-mouse) .labeledIconButton:global(.carbon):global(.spottable):focus {
  background: transparent;
}
:global(.spotlight-input-key) .labeledIconButton:global(.carbon):global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.carbon):global(.spottable):focus .label {
  color: var(--agate-accent-color, #8fd43a);
}
:global(.spotlight-input-key) .labeledIconButton:global(.carbon):global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.carbon):global(.spottable):focus .button:before {
  content: none;
  background: linear-gradient(to bottom, hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.5), var(--agate-accent-color, #8fd43a));
}
:global(.spotlight-input-touch) .labeledIconButton:global(.carbon):global(.spottable):active {
  background: transparent;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.carbon):global(.spottable):active .label {
  color: var(--agate-accent-color, #8fd43a);
}
:global(.spotlight-input-touch) .labeledIconButton:global(.carbon):global(.spottable):active .button:before {
  content: none;
  background: linear-gradient(to bottom, hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.5), var(--agate-accent-color, #8fd43a));
}
.labeledIconButton:global(.carbon).selected .button:before {
  content: none;
  background: transparent;
}
.labeledIconButton:global(.carbon).selected.smallest .button:before,
.labeledIconButton:global(.carbon).selected.small .button:before {
  border: 0 solid var(--agate-accent-color, #8fd43a);
}
.labeledIconButton:global(.carbon).selected.large .button:before,
.labeledIconButton:global(.carbon).selected.huge .button:before {
  border: 0 solid var(--agate-accent-color, #8fd43a);
}
:global(.spotlight-input-key) .labeledIconButton:global(.carbon).selected:global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.carbon).selected:global(.spottable):focus .button:before {
  border-width: 0;
}
:global(.spotlight-input-key) .labeledIconButton:global(.carbon).selected:global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.carbon).selected:global(.spottable):focus .label {
  color: #fff;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.carbon).selected:global(.spottable):active .button:before {
  border-width: 0;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.carbon).selected:global(.spottable):active .label {
  color: #fff;
}
.labeledIconButton:global(.carbon).selected .label {
  color: #fff;
}
.labeledIconButton:global(.carbon).selected .opaque .bg {
  background-color: transparent;
}
.labeledIconButton:global(.carbon).selected .opaque .client {
  color: rgba(255, 255, 255, 0.75);
}
.labeledIconButton:global(.carbon).selected .lightOpaque .bg {
  background-color: transparent;
}
.labeledIconButton:global(.carbon).selected .lightOpaque .client {
  color: rgba(255, 255, 255, 0.75);
}
.labeledIconButton:global(.carbon)[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: default;
}
.labeledIconButton:global(.carbon)[disabled] [disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
}
.labeledIconButton:global(.carbon)[disabled] .opaque .bg {
  background-color: transparent;
}
.labeledIconButton:global(.carbon)[disabled] .opaque .client {
  color: rgba(255, 255, 255, 0.75);
}
.labeledIconButton:global(.carbon)[disabled] .lightOpaque .bg {
  background-color: transparent;
}
.labeledIconButton:global(.carbon)[disabled] .lightOpaque .client {
  color: rgba(255, 255, 255, 0.75);
}
.labeledIconButton:global(.cobalt).labeledIcon {
  padding-bottom: 0;
}
.labeledIconButton:global(.cobalt) .opaque .bg {
  background-color: var(--agate-highlight-color, #fff);
}
.labeledIconButton:global(.cobalt) .opaque .client {
  color: var(--agate-accent-color, #8c81ff);
}
.labeledIconButton:global(.cobalt) .lightOpaque .bg {
  background-color: rgba(0, 0, 0, 0.3);
}
.labeledIconButton:global(.cobalt) .lightOpaque .client {
  color: var(--agate-accent-color, #8c81ff);
}
.labeledIconButton:global(.cobalt) .highlighted .bg {
  background-color: var(--agate-accent-color, #8c81ff);
}
.labeledIconButton:global(.cobalt) .button:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 41.625rem;
}
.labeledIconButton:global(.cobalt).smallest.left .icon,
.labeledIconButton:global(.cobalt).small.left .icon,
.labeledIconButton:global(.cobalt).large.left .icon,
.labeledIconButton:global(.cobalt).huge.left .icon,
.labeledIconButton:global(.cobalt).smallest.right .icon,
.labeledIconButton:global(.cobalt).small.right .icon,
.labeledIconButton:global(.cobalt).large.right .icon,
.labeledIconButton:global(.cobalt).huge.right .icon,
.labeledIconButton:global(.cobalt).smallest.before .icon,
.labeledIconButton:global(.cobalt).small.before .icon,
.labeledIconButton:global(.cobalt).large.before .icon,
.labeledIconButton:global(.cobalt).huge.before .icon,
.labeledIconButton:global(.cobalt).smallest.after .icon,
.labeledIconButton:global(.cobalt).small.after .icon,
.labeledIconButton:global(.cobalt).large.after .icon,
.labeledIconButton:global(.cobalt).huge.after .icon {
  padding: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).small.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).large.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).huge.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).small.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).large.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).huge.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).huge.after .icon {
  padding: 0 0 0 0;
}
.labeledIconButton:global(.cobalt).smallest .button .icon,
.labeledIconButton:global(.cobalt).small .button .icon,
.labeledIconButton:global(.cobalt).large .button .icon,
.labeledIconButton:global(.cobalt).huge .button .icon {
  margin: 0;
}
.labeledIconButton:global(.cobalt).smallest.above,
.labeledIconButton:global(.cobalt).smallest.below,
.labeledIconButton:global(.cobalt).smallest.after,
.labeledIconButton:global(.cobalt).smallest.right,
.labeledIconButton:global(.cobalt).smallest.before,
.labeledIconButton:global(.cobalt).smallest.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.cobalt).smallest .button .icon {
  font-size: 1.75rem;
  height: 0.875rem;
}
.labeledIconButton:global(.cobalt).smallest .button:before {
  margin: inherit;
}
.labeledIconButton:global(.cobalt).smallest .icon {
  height: 2rem;
}
.labeledIconButton:global(.cobalt).small.above,
.labeledIconButton:global(.cobalt).small.below,
.labeledIconButton:global(.cobalt).small.after,
.labeledIconButton:global(.cobalt).small.right,
.labeledIconButton:global(.cobalt).small.before,
.labeledIconButton:global(.cobalt).small.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.cobalt).small .button .icon {
  font-size: 3rem;
  height: 1.5rem;
}
.labeledIconButton:global(.cobalt).small .button:before {
  margin: inherit;
}
.labeledIconButton:global(.cobalt).small .icon {
  height: 2.5rem;
}
.labeledIconButton:global(.cobalt).large.above,
.labeledIconButton:global(.cobalt).large.below,
.labeledIconButton:global(.cobalt).large.after,
.labeledIconButton:global(.cobalt).large.right,
.labeledIconButton:global(.cobalt).large.before,
.labeledIconButton:global(.cobalt).large.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.cobalt).large .button .icon {
  font-size: 4rem;
  height: 2rem;
}
.labeledIconButton:global(.cobalt).large .button:before {
  margin: inherit;
}
.labeledIconButton:global(.cobalt).large .icon {
  height: 3.5rem;
}
.labeledIconButton:global(.cobalt).huge.above,
.labeledIconButton:global(.cobalt).huge.below,
.labeledIconButton:global(.cobalt).huge.after,
.labeledIconButton:global(.cobalt).huge.right,
.labeledIconButton:global(.cobalt).huge.before,
.labeledIconButton:global(.cobalt).huge.left {
  max-width: 12.5rem;
  min-width: inherit;
}
.labeledIconButton:global(.cobalt).huge .button .icon {
  font-size: 13.33333rem;
  height: 7.91667rem;
}
.labeledIconButton:global(.cobalt).huge .button:before {
  margin: inherit;
}
.labeledIconButton:global(.cobalt).huge .icon {
  height: 10.375rem;
}
.labeledIconButton:global(.cobalt).below.smallest .label,
.labeledIconButton:global(.cobalt).below.small .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.cobalt).below.large .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.cobalt).below.huge .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.cobalt).above.smallest .label,
.labeledIconButton:global(.cobalt).above.small .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.cobalt).above.large .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.cobalt).above.huge .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.cobalt).after.smallest .label,
.labeledIconButton:global(.cobalt).right.smallest .label,
.labeledIconButton:global(.cobalt).after.small .label,
.labeledIconButton:global(.cobalt).right.small .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).after.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).right.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).after.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).right.small .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.cobalt).after.large .label,
.labeledIconButton:global(.cobalt).right.large .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).after.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).right.large .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.cobalt).after.huge .label,
.labeledIconButton:global(.cobalt).right.huge .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).after.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).right.huge .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.cobalt).before.smallest .label,
.labeledIconButton:global(.cobalt).left.smallest .label,
.labeledIconButton:global(.cobalt).before.small .label,
.labeledIconButton:global(.cobalt).left.small .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).before.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).left.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).before.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).left.small .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.cobalt).before.large .label,
.labeledIconButton:global(.cobalt).left.large .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).before.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).left.large .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.cobalt).before.huge .label,
.labeledIconButton:global(.cobalt).left.huge .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).before.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt).left.huge .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.cobalt).after .label,
.labeledIconButton:global(.cobalt).right .label,
.labeledIconButton:global(.cobalt).before .label,
.labeledIconButton:global(.cobalt).left .label {
  text-align: inherit;
}
.labeledIconButton:global(.cobalt) .label {
  color: #fff;
  font-weight: 500;
}
:global(.spotlight-input-key) .labeledIconButton:global(.cobalt):global(.spottable):focus,
:global(.spotlight-input-mouse) .labeledIconButton:global(.cobalt):global(.spottable):focus {
  background: transparent;
}
:global(.spotlight-input-key) .labeledIconButton:global(.cobalt):global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.cobalt):global(.spottable):focus .label {
  color: var(--agate-accent-color, #8c81ff);
}
:global(.spotlight-input-key) .labeledIconButton:global(.cobalt):global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.cobalt):global(.spottable):focus .button:before {
  content: none;
  background: linear-gradient(to bottom, white, var(--agate-accent-color, #8c81ff));
}
:global(.spotlight-input-touch) .labeledIconButton:global(.cobalt):global(.spottable):active {
  background: transparent;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.cobalt):global(.spottable):active .label {
  color: var(--agate-accent-color, #8c81ff);
}
:global(.spotlight-input-touch) .labeledIconButton:global(.cobalt):global(.spottable):active .button:before {
  content: none;
  background: linear-gradient(to bottom, white, var(--agate-accent-color, #8c81ff));
}
.labeledIconButton:global(.cobalt).selected .button:before {
  content: none;
  background: transparent;
}
.labeledIconButton:global(.cobalt).selected.smallest .button:before,
.labeledIconButton:global(.cobalt).selected.small .button:before {
  border: 0 solid var(--agate-accent-color, #8c81ff);
}
.labeledIconButton:global(.cobalt).selected.large .button:before,
.labeledIconButton:global(.cobalt).selected.huge .button:before {
  border: 0 solid var(--agate-accent-color, #8c81ff);
}
:global(.spotlight-input-key) .labeledIconButton:global(.cobalt).selected:global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.cobalt).selected:global(.spottable):focus .button:before {
  border-width: 0;
}
:global(.spotlight-input-key) .labeledIconButton:global(.cobalt).selected:global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.cobalt).selected:global(.spottable):focus .label {
  color: #fff;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.cobalt).selected:global(.spottable):active .button:before {
  border-width: 0;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.cobalt).selected:global(.spottable):active .label {
  color: #fff;
}
.labeledIconButton:global(.cobalt).selected .label {
  color: #fff;
}
.labeledIconButton:global(.cobalt).selected .opaque .bg {
  background-color: var(--agate-highlight-color, #fff);
}
.labeledIconButton:global(.cobalt).selected .opaque .client {
  color: var(--agate-accent-color, #8c81ff);
}
.labeledIconButton:global(.cobalt).selected .lightOpaque .bg {
  background-color: rgba(0, 0, 0, 0.3);
}
.labeledIconButton:global(.cobalt).selected .lightOpaque .client {
  color: var(--agate-accent-color, #8c81ff);
}
.labeledIconButton:global(.cobalt)[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: default;
}
.labeledIconButton:global(.cobalt)[disabled] [disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
}
.labeledIconButton:global(.cobalt)[disabled] .opaque .bg {
  background-color: var(--agate-highlight-color, #fff);
}
.labeledIconButton:global(.cobalt)[disabled] .opaque .client {
  color: var(--agate-accent-color, #8c81ff);
}
.labeledIconButton:global(.cobalt)[disabled] .lightOpaque .bg {
  background-color: rgba(0, 0, 0, 0.3);
}
.labeledIconButton:global(.cobalt)[disabled] .lightOpaque .client {
  color: var(--agate-accent-color, #8c81ff);
}
.labeledIconButton:global(.cobalt):global(.night).labeledIcon {
  padding-bottom: 0;
}
.labeledIconButton:global(.cobalt):global(.night) .opaque .bg {
  background-color: #7482bf;
}
.labeledIconButton:global(.cobalt):global(.night) .opaque .client {
  color: var(--agate-highlight-color, #fff);
}
.labeledIconButton:global(.cobalt):global(.night) .lightOpaque .bg {
  background-color: rgba(0, 0, 0, 0.3);
}
.labeledIconButton:global(.cobalt):global(.night) .lightOpaque .client {
  color: #4d4d4d;
}
.labeledIconButton:global(.cobalt):global(.night) .highlighted .bg {
  background-color: var(--agate-highlight-color, #fff);
}
.labeledIconButton:global(.cobalt):global(.night) .button:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 41.625rem;
}
.labeledIconButton:global(.cobalt):global(.night).smallest.left .icon,
.labeledIconButton:global(.cobalt):global(.night).small.left .icon,
.labeledIconButton:global(.cobalt):global(.night).large.left .icon,
.labeledIconButton:global(.cobalt):global(.night).huge.left .icon,
.labeledIconButton:global(.cobalt):global(.night).smallest.right .icon,
.labeledIconButton:global(.cobalt):global(.night).small.right .icon,
.labeledIconButton:global(.cobalt):global(.night).large.right .icon,
.labeledIconButton:global(.cobalt):global(.night).huge.right .icon,
.labeledIconButton:global(.cobalt):global(.night).smallest.before .icon,
.labeledIconButton:global(.cobalt):global(.night).small.before .icon,
.labeledIconButton:global(.cobalt):global(.night).large.before .icon,
.labeledIconButton:global(.cobalt):global(.night).huge.before .icon,
.labeledIconButton:global(.cobalt):global(.night).smallest.after .icon,
.labeledIconButton:global(.cobalt):global(.night).small.after .icon,
.labeledIconButton:global(.cobalt):global(.night).large.after .icon,
.labeledIconButton:global(.cobalt):global(.night).huge.after .icon {
  padding: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).small.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).large.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).huge.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).small.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).large.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).huge.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).huge.after .icon {
  padding: 0 0 0 0;
}
.labeledIconButton:global(.cobalt):global(.night).smallest .button .icon,
.labeledIconButton:global(.cobalt):global(.night).small .button .icon,
.labeledIconButton:global(.cobalt):global(.night).large .button .icon,
.labeledIconButton:global(.cobalt):global(.night).huge .button .icon {
  margin: 0;
}
.labeledIconButton:global(.cobalt):global(.night).smallest.above,
.labeledIconButton:global(.cobalt):global(.night).smallest.below,
.labeledIconButton:global(.cobalt):global(.night).smallest.after,
.labeledIconButton:global(.cobalt):global(.night).smallest.right,
.labeledIconButton:global(.cobalt):global(.night).smallest.before,
.labeledIconButton:global(.cobalt):global(.night).smallest.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.cobalt):global(.night).smallest .button .icon {
  font-size: 1.75rem;
  height: 0.875rem;
}
.labeledIconButton:global(.cobalt):global(.night).smallest .button:before {
  margin: inherit;
}
.labeledIconButton:global(.cobalt):global(.night).smallest .icon {
  height: 2rem;
}
.labeledIconButton:global(.cobalt):global(.night).small.above,
.labeledIconButton:global(.cobalt):global(.night).small.below,
.labeledIconButton:global(.cobalt):global(.night).small.after,
.labeledIconButton:global(.cobalt):global(.night).small.right,
.labeledIconButton:global(.cobalt):global(.night).small.before,
.labeledIconButton:global(.cobalt):global(.night).small.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.cobalt):global(.night).small .button .icon {
  font-size: 3rem;
  height: 1.5rem;
}
.labeledIconButton:global(.cobalt):global(.night).small .button:before {
  margin: inherit;
}
.labeledIconButton:global(.cobalt):global(.night).small .icon {
  height: 2.5rem;
}
.labeledIconButton:global(.cobalt):global(.night).large.above,
.labeledIconButton:global(.cobalt):global(.night).large.below,
.labeledIconButton:global(.cobalt):global(.night).large.after,
.labeledIconButton:global(.cobalt):global(.night).large.right,
.labeledIconButton:global(.cobalt):global(.night).large.before,
.labeledIconButton:global(.cobalt):global(.night).large.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.cobalt):global(.night).large .button .icon {
  font-size: 4rem;
  height: 2rem;
}
.labeledIconButton:global(.cobalt):global(.night).large .button:before {
  margin: inherit;
}
.labeledIconButton:global(.cobalt):global(.night).large .icon {
  height: 3.5rem;
}
.labeledIconButton:global(.cobalt):global(.night).huge.above,
.labeledIconButton:global(.cobalt):global(.night).huge.below,
.labeledIconButton:global(.cobalt):global(.night).huge.after,
.labeledIconButton:global(.cobalt):global(.night).huge.right,
.labeledIconButton:global(.cobalt):global(.night).huge.before,
.labeledIconButton:global(.cobalt):global(.night).huge.left {
  max-width: 12.5rem;
  min-width: inherit;
}
.labeledIconButton:global(.cobalt):global(.night).huge .button .icon {
  font-size: 13.33333rem;
  height: 7.91667rem;
}
.labeledIconButton:global(.cobalt):global(.night).huge .button:before {
  margin: inherit;
}
.labeledIconButton:global(.cobalt):global(.night).huge .icon {
  height: 10.375rem;
}
.labeledIconButton:global(.cobalt):global(.night).below.smallest .label,
.labeledIconButton:global(.cobalt):global(.night).below.small .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.cobalt):global(.night).below.large .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.cobalt):global(.night).below.huge .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.cobalt):global(.night).above.smallest .label,
.labeledIconButton:global(.cobalt):global(.night).above.small .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.cobalt):global(.night).above.large .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.cobalt):global(.night).above.huge .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.cobalt):global(.night).after.smallest .label,
.labeledIconButton:global(.cobalt):global(.night).right.smallest .label,
.labeledIconButton:global(.cobalt):global(.night).after.small .label,
.labeledIconButton:global(.cobalt):global(.night).right.small .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).after.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).right.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).after.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).right.small .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.cobalt):global(.night).after.large .label,
.labeledIconButton:global(.cobalt):global(.night).right.large .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).after.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).right.large .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.cobalt):global(.night).after.huge .label,
.labeledIconButton:global(.cobalt):global(.night).right.huge .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).after.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).right.huge .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.cobalt):global(.night).before.smallest .label,
.labeledIconButton:global(.cobalt):global(.night).left.smallest .label,
.labeledIconButton:global(.cobalt):global(.night).before.small .label,
.labeledIconButton:global(.cobalt):global(.night).left.small .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).before.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).left.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).before.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).left.small .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.cobalt):global(.night).before.large .label,
.labeledIconButton:global(.cobalt):global(.night).left.large .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).before.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).left.large .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.cobalt):global(.night).before.huge .label,
.labeledIconButton:global(.cobalt):global(.night).left.huge .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).before.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.cobalt):global(.night).left.huge .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.cobalt):global(.night).after .label,
.labeledIconButton:global(.cobalt):global(.night).right .label,
.labeledIconButton:global(.cobalt):global(.night).before .label,
.labeledIconButton:global(.cobalt):global(.night).left .label {
  text-align: inherit;
}
.labeledIconButton:global(.cobalt):global(.night) .label {
  color: #fff;
  font-weight: 500;
}
:global(.spotlight-input-key) .labeledIconButton:global(.cobalt):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .labeledIconButton:global(.cobalt):global(.night):global(.spottable):focus {
  background: transparent;
}
:global(.spotlight-input-key) .labeledIconButton:global(.cobalt):global(.night):global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.cobalt):global(.night):global(.spottable):focus .label {
  color: #7482bf;
}
:global(.spotlight-input-key) .labeledIconButton:global(.cobalt):global(.night):global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.cobalt):global(.night):global(.spottable):focus .button:before {
  content: none;
  background: linear-gradient(to bottom, white, var(--agate-accent-color, #fc7982));
}
:global(.spotlight-input-touch) .labeledIconButton:global(.cobalt):global(.night):global(.spottable):active {
  background: transparent;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.cobalt):global(.night):global(.spottable):active .label {
  color: #7482bf;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.cobalt):global(.night):global(.spottable):active .button:before {
  content: none;
  background: linear-gradient(to bottom, white, var(--agate-accent-color, #fc7982));
}
.labeledIconButton:global(.cobalt):global(.night).selected .button:before {
  content: none;
  background: transparent;
}
.labeledIconButton:global(.cobalt):global(.night).selected.smallest .button:before,
.labeledIconButton:global(.cobalt):global(.night).selected.small .button:before {
  border: 0 solid var(--agate-accent-color, #fc7982);
}
.labeledIconButton:global(.cobalt):global(.night).selected.large .button:before,
.labeledIconButton:global(.cobalt):global(.night).selected.huge .button:before {
  border: 0 solid var(--agate-accent-color, #fc7982);
}
:global(.spotlight-input-key) .labeledIconButton:global(.cobalt):global(.night).selected:global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.cobalt):global(.night).selected:global(.spottable):focus .button:before {
  border-width: 0;
}
:global(.spotlight-input-key) .labeledIconButton:global(.cobalt):global(.night).selected:global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.cobalt):global(.night).selected:global(.spottable):focus .label {
  color: #fff;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.cobalt):global(.night).selected:global(.spottable):active .button:before {
  border-width: 0;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.cobalt):global(.night).selected:global(.spottable):active .label {
  color: #fff;
}
.labeledIconButton:global(.cobalt):global(.night).selected .label {
  color: #fff;
}
.labeledIconButton:global(.cobalt):global(.night).selected .opaque .bg {
  background-color: #7482bf;
}
.labeledIconButton:global(.cobalt):global(.night).selected .opaque .client {
  color: var(--agate-highlight-color, #fff);
}
.labeledIconButton:global(.cobalt):global(.night).selected .lightOpaque .bg {
  background-color: rgba(0, 0, 0, 0.3);
}
.labeledIconButton:global(.cobalt):global(.night).selected .lightOpaque .client {
  color: #4d4d4d;
}
.labeledIconButton:global(.cobalt):global(.night)[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: default;
}
.labeledIconButton:global(.cobalt):global(.night)[disabled] [disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
}
.labeledIconButton:global(.cobalt):global(.night)[disabled] .opaque .bg {
  background-color: #7482bf;
}
.labeledIconButton:global(.cobalt):global(.night)[disabled] .opaque .client {
  color: var(--agate-highlight-color, #fff);
}
.labeledIconButton:global(.cobalt):global(.night)[disabled] .lightOpaque .bg {
  background-color: rgba(0, 0, 0, 0.3);
}
.labeledIconButton:global(.cobalt):global(.night)[disabled] .lightOpaque .client {
  color: #4d4d4d;
}
.labeledIconButton:global(.copper).labeledIcon {
  padding-bottom: 0;
}
.labeledIconButton:global(.copper) .opaque .bg {
  background-color: var(--agate-highlight-color, #fff);
}
.labeledIconButton:global(.copper) .opaque .client {
  color: #d8d8d8;
}
.labeledIconButton:global(.copper) .lightOpaque .bg {
  background-color: rgba(0, 0, 0, 0.3);
}
.labeledIconButton:global(.copper) .lightOpaque .client {
  color: var(--agate-accent-color, #a47d66);
}
.labeledIconButton:global(.copper) .highlighted .bg {
  background-color: var(--agate-accent-color, #a47d66);
}
.labeledIconButton:global(.copper) .button:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 41.625rem;
}
.labeledIconButton:global(.copper).smallest.left .icon,
.labeledIconButton:global(.copper).small.left .icon,
.labeledIconButton:global(.copper).large.left .icon,
.labeledIconButton:global(.copper).huge.left .icon,
.labeledIconButton:global(.copper).smallest.right .icon,
.labeledIconButton:global(.copper).small.right .icon,
.labeledIconButton:global(.copper).large.right .icon,
.labeledIconButton:global(.copper).huge.right .icon,
.labeledIconButton:global(.copper).smallest.before .icon,
.labeledIconButton:global(.copper).small.before .icon,
.labeledIconButton:global(.copper).large.before .icon,
.labeledIconButton:global(.copper).huge.before .icon,
.labeledIconButton:global(.copper).smallest.after .icon,
.labeledIconButton:global(.copper).small.after .icon,
.labeledIconButton:global(.copper).large.after .icon,
.labeledIconButton:global(.copper).huge.after .icon {
  padding: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).small.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).large.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).huge.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).small.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).large.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).huge.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).huge.after .icon {
  padding: 0 0 0 0;
}
.labeledIconButton:global(.copper).smallest .button .icon,
.labeledIconButton:global(.copper).small .button .icon,
.labeledIconButton:global(.copper).large .button .icon,
.labeledIconButton:global(.copper).huge .button .icon {
  margin: 0;
}
.labeledIconButton:global(.copper).smallest.above,
.labeledIconButton:global(.copper).smallest.below,
.labeledIconButton:global(.copper).smallest.after,
.labeledIconButton:global(.copper).smallest.right,
.labeledIconButton:global(.copper).smallest.before,
.labeledIconButton:global(.copper).smallest.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.copper).smallest .button .icon {
  font-size: 1.75rem;
  height: 0.875rem;
}
.labeledIconButton:global(.copper).smallest .button:before {
  margin: inherit;
}
.labeledIconButton:global(.copper).smallest .icon {
  height: 2rem;
}
.labeledIconButton:global(.copper).small.above,
.labeledIconButton:global(.copper).small.below,
.labeledIconButton:global(.copper).small.after,
.labeledIconButton:global(.copper).small.right,
.labeledIconButton:global(.copper).small.before,
.labeledIconButton:global(.copper).small.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.copper).small .button .icon {
  font-size: 3rem;
  height: 1.5rem;
}
.labeledIconButton:global(.copper).small .button:before {
  margin: inherit;
}
.labeledIconButton:global(.copper).small .icon {
  height: 2.5rem;
}
.labeledIconButton:global(.copper).large.above,
.labeledIconButton:global(.copper).large.below,
.labeledIconButton:global(.copper).large.after,
.labeledIconButton:global(.copper).large.right,
.labeledIconButton:global(.copper).large.before,
.labeledIconButton:global(.copper).large.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.copper).large .button .icon {
  font-size: 4rem;
  height: 2rem;
}
.labeledIconButton:global(.copper).large .button:before {
  margin: inherit;
}
.labeledIconButton:global(.copper).large .icon {
  height: 3.5rem;
}
.labeledIconButton:global(.copper).huge.above,
.labeledIconButton:global(.copper).huge.below,
.labeledIconButton:global(.copper).huge.after,
.labeledIconButton:global(.copper).huge.right,
.labeledIconButton:global(.copper).huge.before,
.labeledIconButton:global(.copper).huge.left {
  max-width: 12.5rem;
  min-width: inherit;
}
.labeledIconButton:global(.copper).huge .button .icon {
  font-size: 13.33333rem;
  height: 7.91667rem;
}
.labeledIconButton:global(.copper).huge .button:before {
  margin: inherit;
}
.labeledIconButton:global(.copper).huge .icon {
  height: 10.375rem;
}
.labeledIconButton:global(.copper).below.smallest .label,
.labeledIconButton:global(.copper).below.small .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.copper).below.large .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.copper).below.huge .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.copper).above.smallest .label,
.labeledIconButton:global(.copper).above.small .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.copper).above.large .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.copper).above.huge .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.copper).after.smallest .label,
.labeledIconButton:global(.copper).right.smallest .label,
.labeledIconButton:global(.copper).after.small .label,
.labeledIconButton:global(.copper).right.small .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).after.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).right.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).after.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).right.small .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.copper).after.large .label,
.labeledIconButton:global(.copper).right.large .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).after.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).right.large .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.copper).after.huge .label,
.labeledIconButton:global(.copper).right.huge .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).after.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).right.huge .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.copper).before.smallest .label,
.labeledIconButton:global(.copper).left.smallest .label,
.labeledIconButton:global(.copper).before.small .label,
.labeledIconButton:global(.copper).left.small .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).before.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).left.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).before.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).left.small .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.copper).before.large .label,
.labeledIconButton:global(.copper).left.large .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).before.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).left.large .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.copper).before.huge .label,
.labeledIconButton:global(.copper).left.huge .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).before.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper).left.huge .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.copper).after .label,
.labeledIconButton:global(.copper).right .label,
.labeledIconButton:global(.copper).before .label,
.labeledIconButton:global(.copper).left .label {
  text-align: inherit;
}
.labeledIconButton:global(.copper) .label {
  color: #fff;
  font-weight: 500;
}
:global(.spotlight-input-key) .labeledIconButton:global(.copper):global(.spottable):focus,
:global(.spotlight-input-mouse) .labeledIconButton:global(.copper):global(.spottable):focus {
  background: transparent;
}
:global(.spotlight-input-key) .labeledIconButton:global(.copper):global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.copper):global(.spottable):focus .label {
  color: #d8d8d8;
}
:global(.spotlight-input-key) .labeledIconButton:global(.copper):global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.copper):global(.spottable):focus .button:before {
  content: none;
  background: linear-gradient(to bottom, white, var(--agate-accent-color, #a47d66));
}
:global(.spotlight-input-touch) .labeledIconButton:global(.copper):global(.spottable):active {
  background: transparent;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.copper):global(.spottable):active .label {
  color: #d8d8d8;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.copper):global(.spottable):active .button:before {
  content: none;
  background: linear-gradient(to bottom, white, var(--agate-accent-color, #a47d66));
}
.labeledIconButton:global(.copper).selected .button:before {
  content: none;
  background: transparent;
}
.labeledIconButton:global(.copper).selected.smallest .button:before,
.labeledIconButton:global(.copper).selected.small .button:before {
  border: 0 solid var(--agate-accent-color, #a47d66);
}
.labeledIconButton:global(.copper).selected.large .button:before,
.labeledIconButton:global(.copper).selected.huge .button:before {
  border: 0 solid var(--agate-accent-color, #a47d66);
}
:global(.spotlight-input-key) .labeledIconButton:global(.copper).selected:global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.copper).selected:global(.spottable):focus .button:before {
  border-width: 0;
}
:global(.spotlight-input-key) .labeledIconButton:global(.copper).selected:global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.copper).selected:global(.spottable):focus .label {
  color: #fff;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.copper).selected:global(.spottable):active .button:before {
  border-width: 0;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.copper).selected:global(.spottable):active .label {
  color: #fff;
}
.labeledIconButton:global(.copper).selected .label {
  color: #fff;
}
.labeledIconButton:global(.copper).selected .opaque .bg {
  background-color: var(--agate-highlight-color, #fff);
}
.labeledIconButton:global(.copper).selected .opaque .client {
  color: #d8d8d8;
}
.labeledIconButton:global(.copper).selected .lightOpaque .bg {
  background-color: rgba(0, 0, 0, 0.3);
}
.labeledIconButton:global(.copper).selected .lightOpaque .client {
  color: var(--agate-accent-color, #a47d66);
}
.labeledIconButton:global(.copper)[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: default;
}
.labeledIconButton:global(.copper)[disabled] [disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
}
.labeledIconButton:global(.copper)[disabled] .opaque .bg {
  background-color: var(--agate-highlight-color, #fff);
}
.labeledIconButton:global(.copper)[disabled] .opaque .client {
  color: #d8d8d8;
}
.labeledIconButton:global(.copper)[disabled] .lightOpaque .bg {
  background-color: rgba(0, 0, 0, 0.3);
}
.labeledIconButton:global(.copper)[disabled] .lightOpaque .client {
  color: var(--agate-accent-color, #a47d66);
}
.labeledIconButton:global(.copper):global(.night).labeledIcon {
  padding-bottom: 0;
}
.labeledIconButton:global(.copper):global(.night) .opaque .bg {
  background-color: #424242;
}
.labeledIconButton:global(.copper):global(.night) .opaque .client {
  color: var(--agate-accent-color, #e0b094);
}
.labeledIconButton:global(.copper):global(.night) .lightOpaque .bg {
  background-color: rgba(0, 0, 0, 0.3);
}
.labeledIconButton:global(.copper):global(.night) .lightOpaque .client {
  color: #4d4d4d;
}
.labeledIconButton:global(.copper):global(.night) .highlighted .bg {
  background-color: var(--agate-accent-color, #e0b094);
}
.labeledIconButton:global(.copper):global(.night) .button:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 41.625rem;
}
.labeledIconButton:global(.copper):global(.night).smallest.left .icon,
.labeledIconButton:global(.copper):global(.night).small.left .icon,
.labeledIconButton:global(.copper):global(.night).large.left .icon,
.labeledIconButton:global(.copper):global(.night).huge.left .icon,
.labeledIconButton:global(.copper):global(.night).smallest.right .icon,
.labeledIconButton:global(.copper):global(.night).small.right .icon,
.labeledIconButton:global(.copper):global(.night).large.right .icon,
.labeledIconButton:global(.copper):global(.night).huge.right .icon,
.labeledIconButton:global(.copper):global(.night).smallest.before .icon,
.labeledIconButton:global(.copper):global(.night).small.before .icon,
.labeledIconButton:global(.copper):global(.night).large.before .icon,
.labeledIconButton:global(.copper):global(.night).huge.before .icon,
.labeledIconButton:global(.copper):global(.night).smallest.after .icon,
.labeledIconButton:global(.copper):global(.night).small.after .icon,
.labeledIconButton:global(.copper):global(.night).large.after .icon,
.labeledIconButton:global(.copper):global(.night).huge.after .icon {
  padding: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).small.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).large.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).huge.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).small.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).large.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).huge.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).huge.after .icon {
  padding: 0 0 0 0;
}
.labeledIconButton:global(.copper):global(.night).smallest .button .icon,
.labeledIconButton:global(.copper):global(.night).small .button .icon,
.labeledIconButton:global(.copper):global(.night).large .button .icon,
.labeledIconButton:global(.copper):global(.night).huge .button .icon {
  margin: 0;
}
.labeledIconButton:global(.copper):global(.night).smallest.above,
.labeledIconButton:global(.copper):global(.night).smallest.below,
.labeledIconButton:global(.copper):global(.night).smallest.after,
.labeledIconButton:global(.copper):global(.night).smallest.right,
.labeledIconButton:global(.copper):global(.night).smallest.before,
.labeledIconButton:global(.copper):global(.night).smallest.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.copper):global(.night).smallest .button .icon {
  font-size: 1.75rem;
  height: 0.875rem;
}
.labeledIconButton:global(.copper):global(.night).smallest .button:before {
  margin: inherit;
}
.labeledIconButton:global(.copper):global(.night).smallest .icon {
  height: 2rem;
}
.labeledIconButton:global(.copper):global(.night).small.above,
.labeledIconButton:global(.copper):global(.night).small.below,
.labeledIconButton:global(.copper):global(.night).small.after,
.labeledIconButton:global(.copper):global(.night).small.right,
.labeledIconButton:global(.copper):global(.night).small.before,
.labeledIconButton:global(.copper):global(.night).small.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.copper):global(.night).small .button .icon {
  font-size: 3rem;
  height: 1.5rem;
}
.labeledIconButton:global(.copper):global(.night).small .button:before {
  margin: inherit;
}
.labeledIconButton:global(.copper):global(.night).small .icon {
  height: 2.5rem;
}
.labeledIconButton:global(.copper):global(.night).large.above,
.labeledIconButton:global(.copper):global(.night).large.below,
.labeledIconButton:global(.copper):global(.night).large.after,
.labeledIconButton:global(.copper):global(.night).large.right,
.labeledIconButton:global(.copper):global(.night).large.before,
.labeledIconButton:global(.copper):global(.night).large.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.copper):global(.night).large .button .icon {
  font-size: 4rem;
  height: 2rem;
}
.labeledIconButton:global(.copper):global(.night).large .button:before {
  margin: inherit;
}
.labeledIconButton:global(.copper):global(.night).large .icon {
  height: 3.5rem;
}
.labeledIconButton:global(.copper):global(.night).huge.above,
.labeledIconButton:global(.copper):global(.night).huge.below,
.labeledIconButton:global(.copper):global(.night).huge.after,
.labeledIconButton:global(.copper):global(.night).huge.right,
.labeledIconButton:global(.copper):global(.night).huge.before,
.labeledIconButton:global(.copper):global(.night).huge.left {
  max-width: 12.5rem;
  min-width: inherit;
}
.labeledIconButton:global(.copper):global(.night).huge .button .icon {
  font-size: 13.33333rem;
  height: 7.91667rem;
}
.labeledIconButton:global(.copper):global(.night).huge .button:before {
  margin: inherit;
}
.labeledIconButton:global(.copper):global(.night).huge .icon {
  height: 10.375rem;
}
.labeledIconButton:global(.copper):global(.night).below.smallest .label,
.labeledIconButton:global(.copper):global(.night).below.small .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.copper):global(.night).below.large .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.copper):global(.night).below.huge .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.copper):global(.night).above.smallest .label,
.labeledIconButton:global(.copper):global(.night).above.small .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.copper):global(.night).above.large .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.copper):global(.night).above.huge .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.copper):global(.night).after.smallest .label,
.labeledIconButton:global(.copper):global(.night).right.smallest .label,
.labeledIconButton:global(.copper):global(.night).after.small .label,
.labeledIconButton:global(.copper):global(.night).right.small .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).after.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).right.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).after.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).right.small .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.copper):global(.night).after.large .label,
.labeledIconButton:global(.copper):global(.night).right.large .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).after.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).right.large .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.copper):global(.night).after.huge .label,
.labeledIconButton:global(.copper):global(.night).right.huge .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).after.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).right.huge .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.copper):global(.night).before.smallest .label,
.labeledIconButton:global(.copper):global(.night).left.smallest .label,
.labeledIconButton:global(.copper):global(.night).before.small .label,
.labeledIconButton:global(.copper):global(.night).left.small .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).before.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).left.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).before.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).left.small .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.copper):global(.night).before.large .label,
.labeledIconButton:global(.copper):global(.night).left.large .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).before.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).left.large .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.copper):global(.night).before.huge .label,
.labeledIconButton:global(.copper):global(.night).left.huge .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).before.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.copper):global(.night).left.huge .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.copper):global(.night).after .label,
.labeledIconButton:global(.copper):global(.night).right .label,
.labeledIconButton:global(.copper):global(.night).before .label,
.labeledIconButton:global(.copper):global(.night).left .label {
  text-align: inherit;
}
.labeledIconButton:global(.copper):global(.night) .label {
  color: #fff;
  font-weight: 500;
}
:global(.spotlight-input-key) .labeledIconButton:global(.copper):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .labeledIconButton:global(.copper):global(.night):global(.spottable):focus {
  background: transparent;
}
:global(.spotlight-input-key) .labeledIconButton:global(.copper):global(.night):global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.copper):global(.night):global(.spottable):focus .label {
  color: var(--agate-accent-color, #e0b094);
}
:global(.spotlight-input-key) .labeledIconButton:global(.copper):global(.night):global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.copper):global(.night):global(.spottable):focus .button:before {
  content: none;
  background: linear-gradient(to bottom, white, var(--agate-accent-color, #e0b094));
}
:global(.spotlight-input-touch) .labeledIconButton:global(.copper):global(.night):global(.spottable):active {
  background: transparent;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.copper):global(.night):global(.spottable):active .label {
  color: var(--agate-accent-color, #e0b094);
}
:global(.spotlight-input-touch) .labeledIconButton:global(.copper):global(.night):global(.spottable):active .button:before {
  content: none;
  background: linear-gradient(to bottom, white, var(--agate-accent-color, #e0b094));
}
.labeledIconButton:global(.copper):global(.night).selected .button:before {
  content: none;
  background: transparent;
}
.labeledIconButton:global(.copper):global(.night).selected.smallest .button:before,
.labeledIconButton:global(.copper):global(.night).selected.small .button:before {
  border: 0 solid var(--agate-accent-color, #e0b094);
}
.labeledIconButton:global(.copper):global(.night).selected.large .button:before,
.labeledIconButton:global(.copper):global(.night).selected.huge .button:before {
  border: 0 solid var(--agate-accent-color, #e0b094);
}
:global(.spotlight-input-key) .labeledIconButton:global(.copper):global(.night).selected:global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.copper):global(.night).selected:global(.spottable):focus .button:before {
  border-width: 0;
}
:global(.spotlight-input-key) .labeledIconButton:global(.copper):global(.night).selected:global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.copper):global(.night).selected:global(.spottable):focus .label {
  color: #fff;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.copper):global(.night).selected:global(.spottable):active .button:before {
  border-width: 0;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.copper):global(.night).selected:global(.spottable):active .label {
  color: #fff;
}
.labeledIconButton:global(.copper):global(.night).selected .label {
  color: #fff;
}
.labeledIconButton:global(.copper):global(.night).selected .opaque .bg {
  background-color: #424242;
}
.labeledIconButton:global(.copper):global(.night).selected .opaque .client {
  color: var(--agate-accent-color, #e0b094);
}
.labeledIconButton:global(.copper):global(.night).selected .lightOpaque .bg {
  background-color: rgba(0, 0, 0, 0.3);
}
.labeledIconButton:global(.copper):global(.night).selected .lightOpaque .client {
  color: #4d4d4d;
}
.labeledIconButton:global(.copper):global(.night)[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: default;
}
.labeledIconButton:global(.copper):global(.night)[disabled] [disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
}
.labeledIconButton:global(.copper):global(.night)[disabled] .opaque .bg {
  background-color: #424242;
}
.labeledIconButton:global(.copper):global(.night)[disabled] .opaque .client {
  color: var(--agate-accent-color, #e0b094);
}
.labeledIconButton:global(.copper):global(.night)[disabled] .lightOpaque .bg {
  background-color: rgba(0, 0, 0, 0.3);
}
.labeledIconButton:global(.copper):global(.night)[disabled] .lightOpaque .client {
  color: #4d4d4d;
}
.labeledIconButton:global(.electro).labeledIcon {
  padding-bottom: 0;
}
.labeledIconButton:global(.electro) .opaque .bg {
  background-color: var(--agate-accent-color, #0359f0);
}
.labeledIconButton:global(.electro) .opaque .client {
  color: white;
}
.labeledIconButton:global(.electro) .lightOpaque .bg {
  background-color: transparent;
}
.labeledIconButton:global(.electro) .lightOpaque .client {
  color: hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.8);
}
.labeledIconButton:global(.electro) .highlighted .bg {
  background-color: var(--agate-highlight-color, #ff8100);
}
.labeledIconButton:global(.electro) .button:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 0.75rem;
}
.labeledIconButton:global(.electro).smallest.left .icon,
.labeledIconButton:global(.electro).small.left .icon,
.labeledIconButton:global(.electro).large.left .icon,
.labeledIconButton:global(.electro).huge.left .icon,
.labeledIconButton:global(.electro).smallest.right .icon,
.labeledIconButton:global(.electro).small.right .icon,
.labeledIconButton:global(.electro).large.right .icon,
.labeledIconButton:global(.electro).huge.right .icon,
.labeledIconButton:global(.electro).smallest.before .icon,
.labeledIconButton:global(.electro).small.before .icon,
.labeledIconButton:global(.electro).large.before .icon,
.labeledIconButton:global(.electro).huge.before .icon,
.labeledIconButton:global(.electro).smallest.after .icon,
.labeledIconButton:global(.electro).small.after .icon,
.labeledIconButton:global(.electro).large.after .icon,
.labeledIconButton:global(.electro).huge.after .icon {
  padding: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).small.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).large.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).huge.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).small.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).large.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).huge.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).huge.after .icon {
  padding: 0 0 0 0;
}
.labeledIconButton:global(.electro).smallest .button .icon,
.labeledIconButton:global(.electro).small .button .icon,
.labeledIconButton:global(.electro).large .button .icon,
.labeledIconButton:global(.electro).huge .button .icon {
  margin: 0;
}
.labeledIconButton:global(.electro).smallest.above,
.labeledIconButton:global(.electro).smallest.below,
.labeledIconButton:global(.electro).smallest.after,
.labeledIconButton:global(.electro).smallest.right,
.labeledIconButton:global(.electro).smallest.before,
.labeledIconButton:global(.electro).smallest.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.electro).smallest .button .icon {
  font-size: 1.75rem;
  height: 0.875rem;
}
.labeledIconButton:global(.electro).smallest .button:before {
  margin: inherit;
}
.labeledIconButton:global(.electro).smallest .icon {
  height: 2rem;
}
.labeledIconButton:global(.electro).small.above,
.labeledIconButton:global(.electro).small.below,
.labeledIconButton:global(.electro).small.after,
.labeledIconButton:global(.electro).small.right,
.labeledIconButton:global(.electro).small.before,
.labeledIconButton:global(.electro).small.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.electro).small .button .icon {
  font-size: 3rem;
  height: 1.5rem;
}
.labeledIconButton:global(.electro).small .button:before {
  margin: inherit;
}
.labeledIconButton:global(.electro).small .icon {
  height: 2.5rem;
}
.labeledIconButton:global(.electro).large.above,
.labeledIconButton:global(.electro).large.below,
.labeledIconButton:global(.electro).large.after,
.labeledIconButton:global(.electro).large.right,
.labeledIconButton:global(.electro).large.before,
.labeledIconButton:global(.electro).large.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.electro).large .button .icon {
  font-size: 4rem;
  height: 2rem;
}
.labeledIconButton:global(.electro).large .button:before {
  margin: inherit;
}
.labeledIconButton:global(.electro).large .icon {
  height: 3.5rem;
}
.labeledIconButton:global(.electro).huge.above,
.labeledIconButton:global(.electro).huge.below,
.labeledIconButton:global(.electro).huge.after,
.labeledIconButton:global(.electro).huge.right,
.labeledIconButton:global(.electro).huge.before,
.labeledIconButton:global(.electro).huge.left {
  max-width: 12.5rem;
  min-width: inherit;
}
.labeledIconButton:global(.electro).huge .button .icon {
  font-size: 13.33333rem;
  height: 7.91667rem;
}
.labeledIconButton:global(.electro).huge .button:before {
  margin: inherit;
}
.labeledIconButton:global(.electro).huge .icon {
  height: 10.375rem;
}
.labeledIconButton:global(.electro).below.smallest .label,
.labeledIconButton:global(.electro).below.small .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.electro).below.large .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.electro).below.huge .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.electro).above.smallest .label,
.labeledIconButton:global(.electro).above.small .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.electro).above.large .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.electro).above.huge .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.electro).after.smallest .label,
.labeledIconButton:global(.electro).right.smallest .label,
.labeledIconButton:global(.electro).after.small .label,
.labeledIconButton:global(.electro).right.small .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).after.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).right.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).after.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).right.small .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.electro).after.large .label,
.labeledIconButton:global(.electro).right.large .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).after.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).right.large .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.electro).after.huge .label,
.labeledIconButton:global(.electro).right.huge .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).after.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).right.huge .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.electro).before.smallest .label,
.labeledIconButton:global(.electro).left.smallest .label,
.labeledIconButton:global(.electro).before.small .label,
.labeledIconButton:global(.electro).left.small .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).before.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).left.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).before.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).left.small .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.electro).before.large .label,
.labeledIconButton:global(.electro).left.large .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).before.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).left.large .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.electro).before.huge .label,
.labeledIconButton:global(.electro).left.huge .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).before.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.electro).left.huge .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.electro).after .label,
.labeledIconButton:global(.electro).right .label,
.labeledIconButton:global(.electro).before .label,
.labeledIconButton:global(.electro).left .label {
  text-align: inherit;
}
.labeledIconButton:global(.electro) .label {
  color: #fff;
  font-weight: 500;
}
:global(.spotlight-input-key) .labeledIconButton:global(.electro):global(.spottable):focus,
:global(.spotlight-input-mouse) .labeledIconButton:global(.electro):global(.spottable):focus {
  background: transparent;
}
:global(.spotlight-input-key) .labeledIconButton:global(.electro):global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.electro):global(.spottable):focus .label {
  color: white;
}
:global(.spotlight-input-key) .labeledIconButton:global(.electro):global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.electro):global(.spottable):focus .button:before {
  content: none;
  background: linear-gradient(to bottom right, hsl( calc( var(--agate-accent-h, 218) - 27), calc( var(--agate-accent-s, 98%) - 1%), calc( var(--agate-accent-l, 48%) + 17%) ), transparent);
}
:global(.spotlight-input-touch) .labeledIconButton:global(.electro):global(.spottable):active {
  background: transparent;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.electro):global(.spottable):active .label {
  color: white;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.electro):global(.spottable):active .button:before {
  content: none;
  background: linear-gradient(to bottom right, hsl( calc( var(--agate-accent-h, 218) - 27), calc( var(--agate-accent-s, 98%) - 1%), calc( var(--agate-accent-l, 48%) + 17%) ), transparent);
}
.labeledIconButton:global(.electro).selected .button:before {
  content: none;
  background: transparent;
}
.labeledIconButton:global(.electro).selected.smallest .button:before,
.labeledIconButton:global(.electro).selected.small .button:before {
  border: 0 solid var(--agate-accent-color, #0359f0);
}
.labeledIconButton:global(.electro).selected.large .button:before,
.labeledIconButton:global(.electro).selected.huge .button:before {
  border: 0 solid var(--agate-accent-color, #0359f0);
}
:global(.spotlight-input-key) .labeledIconButton:global(.electro).selected:global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.electro).selected:global(.spottable):focus .button:before {
  border-width: 0;
}
:global(.spotlight-input-key) .labeledIconButton:global(.electro).selected:global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.electro).selected:global(.spottable):focus .label {
  color: #fff;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.electro).selected:global(.spottable):active .button:before {
  border-width: 0;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.electro).selected:global(.spottable):active .label {
  color: #fff;
}
.labeledIconButton:global(.electro).selected .label {
  color: #fff;
}
.labeledIconButton:global(.electro).selected .opaque .bg {
  background-color: var(--agate-accent-color, #0359f0);
}
.labeledIconButton:global(.electro).selected .opaque .client {
  color: white;
}
.labeledIconButton:global(.electro).selected .lightOpaque .bg {
  background-color: transparent;
}
.labeledIconButton:global(.electro).selected .lightOpaque .client {
  color: hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.8);
}
.labeledIconButton:global(.electro)[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: default;
}
.labeledIconButton:global(.electro)[disabled] [disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
}
.labeledIconButton:global(.electro)[disabled] .opaque .bg {
  background-color: var(--agate-accent-color, #0359f0);
}
.labeledIconButton:global(.electro)[disabled] .opaque .client {
  color: white;
}
.labeledIconButton:global(.electro)[disabled] .lightOpaque .bg {
  background-color: transparent;
}
.labeledIconButton:global(.electro)[disabled] .lightOpaque .client {
  color: hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.8);
}
.labeledIconButton:global(.gallium).labeledIcon {
  padding-bottom: 0;
}
.labeledIconButton:global(.gallium) .opaque .bg {
  background-color: #5e5e5e;
}
.labeledIconButton:global(.gallium) .opaque .client {
  color: #ffffff;
}
.labeledIconButton:global(.gallium) .lightOpaque .bg {
  background-color: #ffffff;
}
.labeledIconButton:global(.gallium) .lightOpaque .client {
  color: #000000;
}
.labeledIconButton:global(.gallium) .highlighted .bg {
  background-color: var(--agate-highlight-color, #c6c0fe);
}
.labeledIconButton:global(.gallium) .button:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 41.625rem;
}
.labeledIconButton:global(.gallium).smallest.left .icon,
.labeledIconButton:global(.gallium).small.left .icon,
.labeledIconButton:global(.gallium).large.left .icon,
.labeledIconButton:global(.gallium).huge.left .icon,
.labeledIconButton:global(.gallium).smallest.right .icon,
.labeledIconButton:global(.gallium).small.right .icon,
.labeledIconButton:global(.gallium).large.right .icon,
.labeledIconButton:global(.gallium).huge.right .icon,
.labeledIconButton:global(.gallium).smallest.before .icon,
.labeledIconButton:global(.gallium).small.before .icon,
.labeledIconButton:global(.gallium).large.before .icon,
.labeledIconButton:global(.gallium).huge.before .icon,
.labeledIconButton:global(.gallium).smallest.after .icon,
.labeledIconButton:global(.gallium).small.after .icon,
.labeledIconButton:global(.gallium).large.after .icon,
.labeledIconButton:global(.gallium).huge.after .icon {
  padding: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).small.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).large.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).huge.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).small.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).large.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).huge.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).huge.after .icon {
  padding: 0 0 0 0;
}
.labeledIconButton:global(.gallium).smallest .button .icon,
.labeledIconButton:global(.gallium).small .button .icon,
.labeledIconButton:global(.gallium).large .button .icon,
.labeledIconButton:global(.gallium).huge .button .icon {
  margin: 0;
}
.labeledIconButton:global(.gallium).smallest.above,
.labeledIconButton:global(.gallium).smallest.below,
.labeledIconButton:global(.gallium).smallest.after,
.labeledIconButton:global(.gallium).smallest.right,
.labeledIconButton:global(.gallium).smallest.before,
.labeledIconButton:global(.gallium).smallest.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.gallium).smallest .button .icon {
  font-size: 1.5rem;
  height: 0.75rem;
}
.labeledIconButton:global(.gallium).smallest .button:before {
  margin: inherit;
}
.labeledIconButton:global(.gallium).smallest .icon {
  height: 1.25rem;
}
.labeledIconButton:global(.gallium).small.above,
.labeledIconButton:global(.gallium).small.below,
.labeledIconButton:global(.gallium).small.after,
.labeledIconButton:global(.gallium).small.right,
.labeledIconButton:global(.gallium).small.before,
.labeledIconButton:global(.gallium).small.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.gallium).small .button .icon {
  font-size: 2.33333rem;
  height: 1.16667rem;
}
.labeledIconButton:global(.gallium).small .button:before {
  margin: inherit;
}
.labeledIconButton:global(.gallium).small .icon {
  height: 2rem;
}
.labeledIconButton:global(.gallium).large.above,
.labeledIconButton:global(.gallium).large.below,
.labeledIconButton:global(.gallium).large.after,
.labeledIconButton:global(.gallium).large.right,
.labeledIconButton:global(.gallium).large.before,
.labeledIconButton:global(.gallium).large.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.gallium).large .button .icon {
  font-size: 4rem;
  height: 2rem;
}
.labeledIconButton:global(.gallium).large .button:before {
  margin: inherit;
}
.labeledIconButton:global(.gallium).large .icon {
  height: 3.5rem;
}
.labeledIconButton:global(.gallium).huge.above,
.labeledIconButton:global(.gallium).huge.below,
.labeledIconButton:global(.gallium).huge.after,
.labeledIconButton:global(.gallium).huge.right,
.labeledIconButton:global(.gallium).huge.before,
.labeledIconButton:global(.gallium).huge.left {
  max-width: 12.5rem;
  min-width: inherit;
}
.labeledIconButton:global(.gallium).huge .button .icon {
  font-size: 13.33333rem;
  height: 7.91667rem;
}
.labeledIconButton:global(.gallium).huge .button:before {
  margin: inherit;
}
.labeledIconButton:global(.gallium).huge .icon {
  height: 10.375rem;
}
.labeledIconButton:global(.gallium).below.smallest .label,
.labeledIconButton:global(.gallium).below.small .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.gallium).below.large .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.gallium).below.huge .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.gallium).above.smallest .label,
.labeledIconButton:global(.gallium).above.small .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.gallium).above.large .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.gallium).above.huge .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.gallium).after.smallest .label,
.labeledIconButton:global(.gallium).right.smallest .label,
.labeledIconButton:global(.gallium).after.small .label,
.labeledIconButton:global(.gallium).right.small .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).after.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).right.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).after.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).right.small .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.gallium).after.large .label,
.labeledIconButton:global(.gallium).right.large .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).after.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).right.large .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.gallium).after.huge .label,
.labeledIconButton:global(.gallium).right.huge .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).after.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).right.huge .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.gallium).before.smallest .label,
.labeledIconButton:global(.gallium).left.smallest .label,
.labeledIconButton:global(.gallium).before.small .label,
.labeledIconButton:global(.gallium).left.small .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).before.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).left.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).before.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).left.small .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.gallium).before.large .label,
.labeledIconButton:global(.gallium).left.large .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).before.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).left.large .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.gallium).before.huge .label,
.labeledIconButton:global(.gallium).left.huge .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).before.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium).left.huge .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.gallium).after .label,
.labeledIconButton:global(.gallium).right .label,
.labeledIconButton:global(.gallium).before .label,
.labeledIconButton:global(.gallium).left .label {
  text-align: inherit;
}
.labeledIconButton:global(.gallium) .label {
  color: #000000;
  font-weight: 500;
}
:global(.spotlight-input-key) .labeledIconButton:global(.gallium):global(.spottable):focus,
:global(.spotlight-input-mouse) .labeledIconButton:global(.gallium):global(.spottable):focus {
  background: transparent;
}
:global(.spotlight-input-key) .labeledIconButton:global(.gallium):global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.gallium):global(.spottable):focus .label {
  color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-key) .labeledIconButton:global(.gallium):global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.gallium):global(.spottable):focus .button:before {
  content: none;
  background: linear-gradient(to bottom, hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.5), var(--agate-accent-color, #8b7efe));
}
:global(.spotlight-input-touch) .labeledIconButton:global(.gallium):global(.spottable):active {
  background: transparent;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.gallium):global(.spottable):active .label {
  color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-touch) .labeledIconButton:global(.gallium):global(.spottable):active .button:before {
  content: none;
  background: linear-gradient(to bottom, hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.5), var(--agate-accent-color, #8b7efe));
}
.labeledIconButton:global(.gallium).selected .button:before {
  content: none;
  background: transparent;
}
.labeledIconButton:global(.gallium).selected.smallest .button:before,
.labeledIconButton:global(.gallium).selected.small .button:before {
  border: 0 solid var(--agate-accent-color, #8b7efe);
}
.labeledIconButton:global(.gallium).selected.large .button:before,
.labeledIconButton:global(.gallium).selected.huge .button:before {
  border: 0 solid var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-key) .labeledIconButton:global(.gallium).selected:global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.gallium).selected:global(.spottable):focus .button:before {
  border-width: 0;
}
:global(.spotlight-input-key) .labeledIconButton:global(.gallium).selected:global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.gallium).selected:global(.spottable):focus .label {
  color: #000000;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.gallium).selected:global(.spottable):active .button:before {
  border-width: 0;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.gallium).selected:global(.spottable):active .label {
  color: #000000;
}
.labeledIconButton:global(.gallium).selected .label {
  color: #000000;
}
.labeledIconButton:global(.gallium).selected .opaque .bg {
  background-color: #5e5e5e;
}
.labeledIconButton:global(.gallium).selected .opaque .client {
  color: #ffffff;
}
.labeledIconButton:global(.gallium).selected .lightOpaque .bg {
  background-color: #ffffff;
}
.labeledIconButton:global(.gallium).selected .lightOpaque .client {
  color: #000000;
}
.labeledIconButton:global(.gallium)[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: default;
}
.labeledIconButton:global(.gallium)[disabled] [disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
}
.labeledIconButton:global(.gallium)[disabled] .opaque .bg {
  background-color: #5e5e5e;
}
.labeledIconButton:global(.gallium)[disabled] .opaque .client {
  color: #ffffff;
}
.labeledIconButton:global(.gallium)[disabled] .lightOpaque .bg {
  background-color: #ffffff;
}
.labeledIconButton:global(.gallium)[disabled] .lightOpaque .client {
  color: #000000;
}
.labeledIconButton:global(.gallium):global(.night).labeledIcon {
  padding-bottom: 0;
}
.labeledIconButton:global(.gallium):global(.night) .opaque .bg {
  background-color: #5e5e5e;
}
.labeledIconButton:global(.gallium):global(.night) .opaque .client {
  color: #ffffff;
}
.labeledIconButton:global(.gallium):global(.night) .lightOpaque .bg {
  background-color: #ededed;
}
.labeledIconButton:global(.gallium):global(.night) .lightOpaque .client {
  color: #131313;
}
.labeledIconButton:global(.gallium):global(.night) .highlighted .bg {
  background-color: var(--agate-highlight-color, #c6c0fe);
}
.labeledIconButton:global(.gallium):global(.night) .button:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 41.625rem;
}
.labeledIconButton:global(.gallium):global(.night).smallest.left .icon,
.labeledIconButton:global(.gallium):global(.night).small.left .icon,
.labeledIconButton:global(.gallium):global(.night).large.left .icon,
.labeledIconButton:global(.gallium):global(.night).huge.left .icon,
.labeledIconButton:global(.gallium):global(.night).smallest.right .icon,
.labeledIconButton:global(.gallium):global(.night).small.right .icon,
.labeledIconButton:global(.gallium):global(.night).large.right .icon,
.labeledIconButton:global(.gallium):global(.night).huge.right .icon,
.labeledIconButton:global(.gallium):global(.night).smallest.before .icon,
.labeledIconButton:global(.gallium):global(.night).small.before .icon,
.labeledIconButton:global(.gallium):global(.night).large.before .icon,
.labeledIconButton:global(.gallium):global(.night).huge.before .icon,
.labeledIconButton:global(.gallium):global(.night).smallest.after .icon,
.labeledIconButton:global(.gallium):global(.night).small.after .icon,
.labeledIconButton:global(.gallium):global(.night).large.after .icon,
.labeledIconButton:global(.gallium):global(.night).huge.after .icon {
  padding: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).small.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).large.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).huge.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).small.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).large.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).huge.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).huge.after .icon {
  padding: 0 0 0 0;
}
.labeledIconButton:global(.gallium):global(.night).smallest .button .icon,
.labeledIconButton:global(.gallium):global(.night).small .button .icon,
.labeledIconButton:global(.gallium):global(.night).large .button .icon,
.labeledIconButton:global(.gallium):global(.night).huge .button .icon {
  margin: 0;
}
.labeledIconButton:global(.gallium):global(.night).smallest.above,
.labeledIconButton:global(.gallium):global(.night).smallest.below,
.labeledIconButton:global(.gallium):global(.night).smallest.after,
.labeledIconButton:global(.gallium):global(.night).smallest.right,
.labeledIconButton:global(.gallium):global(.night).smallest.before,
.labeledIconButton:global(.gallium):global(.night).smallest.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.gallium):global(.night).smallest .button .icon {
  font-size: 1.5rem;
  height: 0.75rem;
}
.labeledIconButton:global(.gallium):global(.night).smallest .button:before {
  margin: inherit;
}
.labeledIconButton:global(.gallium):global(.night).smallest .icon {
  height: 1.25rem;
}
.labeledIconButton:global(.gallium):global(.night).small.above,
.labeledIconButton:global(.gallium):global(.night).small.below,
.labeledIconButton:global(.gallium):global(.night).small.after,
.labeledIconButton:global(.gallium):global(.night).small.right,
.labeledIconButton:global(.gallium):global(.night).small.before,
.labeledIconButton:global(.gallium):global(.night).small.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.gallium):global(.night).small .button .icon {
  font-size: 2.33333rem;
  height: 1.16667rem;
}
.labeledIconButton:global(.gallium):global(.night).small .button:before {
  margin: inherit;
}
.labeledIconButton:global(.gallium):global(.night).small .icon {
  height: 2rem;
}
.labeledIconButton:global(.gallium):global(.night).large.above,
.labeledIconButton:global(.gallium):global(.night).large.below,
.labeledIconButton:global(.gallium):global(.night).large.after,
.labeledIconButton:global(.gallium):global(.night).large.right,
.labeledIconButton:global(.gallium):global(.night).large.before,
.labeledIconButton:global(.gallium):global(.night).large.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.gallium):global(.night).large .button .icon {
  font-size: 4rem;
  height: 2rem;
}
.labeledIconButton:global(.gallium):global(.night).large .button:before {
  margin: inherit;
}
.labeledIconButton:global(.gallium):global(.night).large .icon {
  height: 3.5rem;
}
.labeledIconButton:global(.gallium):global(.night).huge.above,
.labeledIconButton:global(.gallium):global(.night).huge.below,
.labeledIconButton:global(.gallium):global(.night).huge.after,
.labeledIconButton:global(.gallium):global(.night).huge.right,
.labeledIconButton:global(.gallium):global(.night).huge.before,
.labeledIconButton:global(.gallium):global(.night).huge.left {
  max-width: 12.5rem;
  min-width: inherit;
}
.labeledIconButton:global(.gallium):global(.night).huge .button .icon {
  font-size: 13.33333rem;
  height: 7.91667rem;
}
.labeledIconButton:global(.gallium):global(.night).huge .button:before {
  margin: inherit;
}
.labeledIconButton:global(.gallium):global(.night).huge .icon {
  height: 10.375rem;
}
.labeledIconButton:global(.gallium):global(.night).below.smallest .label,
.labeledIconButton:global(.gallium):global(.night).below.small .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.gallium):global(.night).below.large .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.gallium):global(.night).below.huge .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.gallium):global(.night).above.smallest .label,
.labeledIconButton:global(.gallium):global(.night).above.small .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.gallium):global(.night).above.large .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.gallium):global(.night).above.huge .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.gallium):global(.night).after.smallest .label,
.labeledIconButton:global(.gallium):global(.night).right.smallest .label,
.labeledIconButton:global(.gallium):global(.night).after.small .label,
.labeledIconButton:global(.gallium):global(.night).right.small .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).after.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).right.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).after.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).right.small .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.gallium):global(.night).after.large .label,
.labeledIconButton:global(.gallium):global(.night).right.large .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).after.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).right.large .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.gallium):global(.night).after.huge .label,
.labeledIconButton:global(.gallium):global(.night).right.huge .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).after.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).right.huge .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.gallium):global(.night).before.smallest .label,
.labeledIconButton:global(.gallium):global(.night).left.smallest .label,
.labeledIconButton:global(.gallium):global(.night).before.small .label,
.labeledIconButton:global(.gallium):global(.night).left.small .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).before.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).left.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).before.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).left.small .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.gallium):global(.night).before.large .label,
.labeledIconButton:global(.gallium):global(.night).left.large .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).before.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).left.large .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.gallium):global(.night).before.huge .label,
.labeledIconButton:global(.gallium):global(.night).left.huge .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).before.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.gallium):global(.night).left.huge .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.gallium):global(.night).after .label,
.labeledIconButton:global(.gallium):global(.night).right .label,
.labeledIconButton:global(.gallium):global(.night).before .label,
.labeledIconButton:global(.gallium):global(.night).left .label {
  text-align: inherit;
}
.labeledIconButton:global(.gallium):global(.night) .label {
  color: #ffffff;
  font-weight: 500;
}
:global(.spotlight-input-key) .labeledIconButton:global(.gallium):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .labeledIconButton:global(.gallium):global(.night):global(.spottable):focus {
  background: transparent;
}
:global(.spotlight-input-key) .labeledIconButton:global(.gallium):global(.night):global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.gallium):global(.night):global(.spottable):focus .label {
  color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-key) .labeledIconButton:global(.gallium):global(.night):global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.gallium):global(.night):global(.spottable):focus .button:before {
  content: none;
  background: linear-gradient(to bottom, hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.5), var(--agate-accent-color, #8b7efe));
}
:global(.spotlight-input-touch) .labeledIconButton:global(.gallium):global(.night):global(.spottable):active {
  background: transparent;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.gallium):global(.night):global(.spottable):active .label {
  color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-touch) .labeledIconButton:global(.gallium):global(.night):global(.spottable):active .button:before {
  content: none;
  background: linear-gradient(to bottom, hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.5), var(--agate-accent-color, #8b7efe));
}
.labeledIconButton:global(.gallium):global(.night).selected .button:before {
  content: none;
  background: transparent;
}
.labeledIconButton:global(.gallium):global(.night).selected.smallest .button:before,
.labeledIconButton:global(.gallium):global(.night).selected.small .button:before {
  border: 0 solid var(--agate-accent-color, #8b7efe);
}
.labeledIconButton:global(.gallium):global(.night).selected.large .button:before,
.labeledIconButton:global(.gallium):global(.night).selected.huge .button:before {
  border: 0 solid var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-key) .labeledIconButton:global(.gallium):global(.night).selected:global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.gallium):global(.night).selected:global(.spottable):focus .button:before {
  border-width: 0;
}
:global(.spotlight-input-key) .labeledIconButton:global(.gallium):global(.night).selected:global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.gallium):global(.night).selected:global(.spottable):focus .label {
  color: #ffffff;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.gallium):global(.night).selected:global(.spottable):active .button:before {
  border-width: 0;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.gallium):global(.night).selected:global(.spottable):active .label {
  color: #ffffff;
}
.labeledIconButton:global(.gallium):global(.night).selected .label {
  color: #ffffff;
}
.labeledIconButton:global(.gallium):global(.night).selected .opaque .bg {
  background-color: #5e5e5e;
}
.labeledIconButton:global(.gallium):global(.night).selected .opaque .client {
  color: #ffffff;
}
.labeledIconButton:global(.gallium):global(.night).selected .lightOpaque .bg {
  background-color: #ededed;
}
.labeledIconButton:global(.gallium):global(.night).selected .lightOpaque .client {
  color: #131313;
}
.labeledIconButton:global(.gallium):global(.night)[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: default;
}
.labeledIconButton:global(.gallium):global(.night)[disabled] [disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
}
.labeledIconButton:global(.gallium):global(.night)[disabled] .opaque .bg {
  background-color: #5e5e5e;
}
.labeledIconButton:global(.gallium):global(.night)[disabled] .opaque .client {
  color: #ffffff;
}
.labeledIconButton:global(.gallium):global(.night)[disabled] .lightOpaque .bg {
  background-color: #ededed;
}
.labeledIconButton:global(.gallium):global(.night)[disabled] .lightOpaque .client {
  color: #131313;
}
.labeledIconButton:global(.silicon).labeledIcon {
  padding-bottom: 0;
}
.labeledIconButton:global(.silicon) .opaque .bg {
  background-color: #000000;
}
.labeledIconButton:global(.silicon) .opaque .client {
  color: #ffffff;
}
.labeledIconButton:global(.silicon) .lightOpaque .bg {
  background-color: #333333;
}
.labeledIconButton:global(.silicon) .lightOpaque .client {
  color: #ffffff;
}
.labeledIconButton:global(.silicon) .highlighted .bg {
  background-color: var(--agate-highlight-color, #9e00d8);
}
.labeledIconButton:global(.silicon) .button:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 41.625rem;
}
.labeledIconButton:global(.silicon).smallest.left .icon,
.labeledIconButton:global(.silicon).small.left .icon,
.labeledIconButton:global(.silicon).large.left .icon,
.labeledIconButton:global(.silicon).huge.left .icon,
.labeledIconButton:global(.silicon).smallest.right .icon,
.labeledIconButton:global(.silicon).small.right .icon,
.labeledIconButton:global(.silicon).large.right .icon,
.labeledIconButton:global(.silicon).huge.right .icon,
.labeledIconButton:global(.silicon).smallest.before .icon,
.labeledIconButton:global(.silicon).small.before .icon,
.labeledIconButton:global(.silicon).large.before .icon,
.labeledIconButton:global(.silicon).huge.before .icon,
.labeledIconButton:global(.silicon).smallest.after .icon,
.labeledIconButton:global(.silicon).small.after .icon,
.labeledIconButton:global(.silicon).large.after .icon,
.labeledIconButton:global(.silicon).huge.after .icon {
  padding: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).small.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).large.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).huge.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).small.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).large.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).huge.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).huge.after .icon {
  padding: 0 0 0 0;
}
.labeledIconButton:global(.silicon).smallest .button .icon,
.labeledIconButton:global(.silicon).small .button .icon,
.labeledIconButton:global(.silicon).large .button .icon,
.labeledIconButton:global(.silicon).huge .button .icon {
  margin: 0;
}
.labeledIconButton:global(.silicon).smallest.above,
.labeledIconButton:global(.silicon).smallest.below,
.labeledIconButton:global(.silicon).smallest.after,
.labeledIconButton:global(.silicon).smallest.right,
.labeledIconButton:global(.silicon).smallest.before,
.labeledIconButton:global(.silicon).smallest.left {
  max-width: 10rem;
  min-width: 6.25rem;
}
.labeledIconButton:global(.silicon).smallest .button .icon {
  font-size: 3.375rem;
  height: 2.5rem;
}
.labeledIconButton:global(.silicon).smallest .button:before {
  margin: -0.25rem;
}
.labeledIconButton:global(.silicon).smallest .icon {
  height: 2.5rem;
}
.labeledIconButton:global(.silicon).small.above,
.labeledIconButton:global(.silicon).small.below,
.labeledIconButton:global(.silicon).small.after,
.labeledIconButton:global(.silicon).small.right,
.labeledIconButton:global(.silicon).small.before,
.labeledIconButton:global(.silicon).small.left {
  max-width: 15.875rem;
  min-width: 7.5rem;
}
.labeledIconButton:global(.silicon).small .button .icon {
  font-size: 5rem;
  height: 3.75rem;
}
.labeledIconButton:global(.silicon).small .button:before {
  margin: -0.25rem;
}
.labeledIconButton:global(.silicon).small .icon {
  height: 3.75rem;
}
.labeledIconButton:global(.silicon).large.above,
.labeledIconButton:global(.silicon).large.below,
.labeledIconButton:global(.silicon).large.after,
.labeledIconButton:global(.silicon).large.right,
.labeledIconButton:global(.silicon).large.before,
.labeledIconButton:global(.silicon).large.left {
  max-width: 22.5rem;
  min-width: 10rem;
}
.labeledIconButton:global(.silicon).large .button .icon {
  font-size: 7.5rem;
  height: 6.25rem;
}
.labeledIconButton:global(.silicon).large .button:before {
  margin: -0.375rem;
}
.labeledIconButton:global(.silicon).large .icon {
  height: 6.25rem;
}
.labeledIconButton:global(.silicon).huge.above,
.labeledIconButton:global(.silicon).huge.below,
.labeledIconButton:global(.silicon).huge.after,
.labeledIconButton:global(.silicon).huge.right,
.labeledIconButton:global(.silicon).huge.before,
.labeledIconButton:global(.silicon).huge.left {
  max-width: 29.125rem;
  min-width: 12.5rem;
}
.labeledIconButton:global(.silicon).huge .button .icon {
  font-size: 12.5rem;
  height: 8.75rem;
}
.labeledIconButton:global(.silicon).huge .button:before {
  margin: -0.625rem;
}
.labeledIconButton:global(.silicon).huge .icon {
  height: 8.75rem;
}
.labeledIconButton:global(.silicon).below.smallest .label,
.labeledIconButton:global(.silicon).below.small .label {
  margin-top: 0.25rem;
}
.labeledIconButton:global(.silicon).below.large .label {
  margin-top: 0.375rem;
}
.labeledIconButton:global(.silicon).below.huge .label {
  margin-top: 0.875rem;
}
.labeledIconButton:global(.silicon).above.smallest .label,
.labeledIconButton:global(.silicon).above.small .label {
  margin-bottom: 0.25rem;
}
.labeledIconButton:global(.silicon).above.large .label {
  margin-bottom: 0.375rem;
}
.labeledIconButton:global(.silicon).above.huge .label {
  margin-bottom: 0.875rem;
}
.labeledIconButton:global(.silicon).after.smallest .label,
.labeledIconButton:global(.silicon).right.smallest .label,
.labeledIconButton:global(.silicon).after.small .label,
.labeledIconButton:global(.silicon).right.small .label {
  margin-left: 0.25rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).after.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).right.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).after.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).right.small .label {
  margin-left: 0;
  margin-right: 0.25rem;
}
.labeledIconButton:global(.silicon).after.large .label,
.labeledIconButton:global(.silicon).right.large .label {
  margin-left: 0.375rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).after.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).right.large .label {
  margin-left: 0;
  margin-right: 0.375rem;
}
.labeledIconButton:global(.silicon).after.huge .label,
.labeledIconButton:global(.silicon).right.huge .label {
  margin-left: 0.875rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).after.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).right.huge .label {
  margin-left: 0;
  margin-right: 0.875rem;
}
.labeledIconButton:global(.silicon).before.smallest .label,
.labeledIconButton:global(.silicon).left.smallest .label,
.labeledIconButton:global(.silicon).before.small .label,
.labeledIconButton:global(.silicon).left.small .label {
  margin-left: 0;
  margin-right: 0.25rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).before.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).left.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).before.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).left.small .label {
  margin-left: 0.25rem;
  margin-right: 0;
}
.labeledIconButton:global(.silicon).before.large .label,
.labeledIconButton:global(.silicon).left.large .label {
  margin-left: 0;
  margin-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).before.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).left.large .label {
  margin-left: 0.375rem;
  margin-right: 0;
}
.labeledIconButton:global(.silicon).before.huge .label,
.labeledIconButton:global(.silicon).left.huge .label {
  margin-left: 0;
  margin-right: 0.875rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).before.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon).left.huge .label {
  margin-left: 0.875rem;
  margin-right: 0;
}
.labeledIconButton:global(.silicon).after .label,
.labeledIconButton:global(.silicon).right .label,
.labeledIconButton:global(.silicon).before .label,
.labeledIconButton:global(.silicon).left .label {
  text-align: center;
}
.labeledIconButton:global(.silicon) .label {
  color: #000000;
  font-weight: normal;
}
:global(.spotlight-input-key) .labeledIconButton:global(.silicon):global(.spottable):focus,
:global(.spotlight-input-mouse) .labeledIconButton:global(.silicon):global(.spottable):focus {
  background: transparent;
}
:global(.spotlight-input-key) .labeledIconButton:global(.silicon):global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.silicon):global(.spottable):focus .label {
  color: #000000;
}
:global(.spotlight-input-key) .labeledIconButton:global(.silicon):global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.silicon):global(.spottable):focus .button:before {
  content: "";
  background: linear-gradient(to right, #9e00d8, #f1304f);
}
:global(.spotlight-input-touch) .labeledIconButton:global(.silicon):global(.spottable):active {
  background: transparent;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.silicon):global(.spottable):active .label {
  color: #000000;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.silicon):global(.spottable):active .button:before {
  content: "";
  background: linear-gradient(to right, #9e00d8, #f1304f);
}
.labeledIconButton:global(.silicon).selected .button:before {
  content: "";
  background: transparent;
}
.labeledIconButton:global(.silicon).selected.smallest .button:before,
.labeledIconButton:global(.silicon).selected.small .button:before {
  border: 0.125rem solid var(--agate-accent-color, #ff2d55);
}
.labeledIconButton:global(.silicon).selected.large .button:before,
.labeledIconButton:global(.silicon).selected.huge .button:before {
  border: 0.25rem solid var(--agate-accent-color, #ff2d55);
}
:global(.spotlight-input-key) .labeledIconButton:global(.silicon).selected:global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.silicon).selected:global(.spottable):focus .button:before {
  border-width: 0;
}
:global(.spotlight-input-key) .labeledIconButton:global(.silicon).selected:global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.silicon).selected:global(.spottable):focus .label {
  color: #000000;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.silicon).selected:global(.spottable):active .button:before {
  border-width: 0;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.silicon).selected:global(.spottable):active .label {
  color: #000000;
}
.labeledIconButton:global(.silicon).selected .label {
  color: #000000;
}
.labeledIconButton:global(.silicon).selected .opaque .bg {
  background-color: #000000;
}
.labeledIconButton:global(.silicon).selected .opaque .client {
  color: #ffffff;
}
.labeledIconButton:global(.silicon).selected .lightOpaque .bg {
  background-color: #333333;
}
.labeledIconButton:global(.silicon).selected .lightOpaque .client {
  color: #ffffff;
}
.labeledIconButton:global(.silicon)[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: default;
}
.labeledIconButton:global(.silicon)[disabled] [disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
}
.labeledIconButton:global(.silicon)[disabled] .opaque .bg {
  background-color: #000000;
}
.labeledIconButton:global(.silicon)[disabled] .opaque .client {
  color: #ffffff;
}
.labeledIconButton:global(.silicon)[disabled] .lightOpaque .bg {
  background-color: #333333;
}
.labeledIconButton:global(.silicon)[disabled] .lightOpaque .client {
  color: #ffffff;
}
.labeledIconButton:global(.silicon):global(.night).labeledIcon {
  padding-bottom: 0;
}
.labeledIconButton:global(.silicon):global(.night) .opaque .bg {
  background-color: #ffffff;
}
.labeledIconButton:global(.silicon):global(.night) .opaque .client {
  color: #000000;
}
.labeledIconButton:global(.silicon):global(.night) .lightOpaque .bg {
  background-color: #333333;
}
.labeledIconButton:global(.silicon):global(.night) .lightOpaque .client {
  color: #ffffff;
}
.labeledIconButton:global(.silicon):global(.night) .highlighted .bg {
  background-color: var(--agate-highlight-color, #9e00d8);
}
.labeledIconButton:global(.silicon):global(.night) .button:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 41.625rem;
}
.labeledIconButton:global(.silicon):global(.night).smallest.left .icon,
.labeledIconButton:global(.silicon):global(.night).small.left .icon,
.labeledIconButton:global(.silicon):global(.night).large.left .icon,
.labeledIconButton:global(.silicon):global(.night).huge.left .icon,
.labeledIconButton:global(.silicon):global(.night).smallest.right .icon,
.labeledIconButton:global(.silicon):global(.night).small.right .icon,
.labeledIconButton:global(.silicon):global(.night).large.right .icon,
.labeledIconButton:global(.silicon):global(.night).huge.right .icon,
.labeledIconButton:global(.silicon):global(.night).smallest.before .icon,
.labeledIconButton:global(.silicon):global(.night).small.before .icon,
.labeledIconButton:global(.silicon):global(.night).large.before .icon,
.labeledIconButton:global(.silicon):global(.night).huge.before .icon,
.labeledIconButton:global(.silicon):global(.night).smallest.after .icon,
.labeledIconButton:global(.silicon):global(.night).small.after .icon,
.labeledIconButton:global(.silicon):global(.night).large.after .icon,
.labeledIconButton:global(.silicon):global(.night).huge.after .icon {
  padding: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).small.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).large.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).huge.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).small.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).large.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).huge.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).huge.after .icon {
  padding: 0 0 0 0;
}
.labeledIconButton:global(.silicon):global(.night).smallest .button .icon,
.labeledIconButton:global(.silicon):global(.night).small .button .icon,
.labeledIconButton:global(.silicon):global(.night).large .button .icon,
.labeledIconButton:global(.silicon):global(.night).huge .button .icon {
  margin: 0;
}
.labeledIconButton:global(.silicon):global(.night).smallest.above,
.labeledIconButton:global(.silicon):global(.night).smallest.below,
.labeledIconButton:global(.silicon):global(.night).smallest.after,
.labeledIconButton:global(.silicon):global(.night).smallest.right,
.labeledIconButton:global(.silicon):global(.night).smallest.before,
.labeledIconButton:global(.silicon):global(.night).smallest.left {
  max-width: 10rem;
  min-width: 6.25rem;
}
.labeledIconButton:global(.silicon):global(.night).smallest .button .icon {
  font-size: 3.375rem;
  height: 2.5rem;
}
.labeledIconButton:global(.silicon):global(.night).smallest .button:before {
  margin: -0.25rem;
}
.labeledIconButton:global(.silicon):global(.night).smallest .icon {
  height: 2.5rem;
}
.labeledIconButton:global(.silicon):global(.night).small.above,
.labeledIconButton:global(.silicon):global(.night).small.below,
.labeledIconButton:global(.silicon):global(.night).small.after,
.labeledIconButton:global(.silicon):global(.night).small.right,
.labeledIconButton:global(.silicon):global(.night).small.before,
.labeledIconButton:global(.silicon):global(.night).small.left {
  max-width: 15.875rem;
  min-width: 7.5rem;
}
.labeledIconButton:global(.silicon):global(.night).small .button .icon {
  font-size: 5rem;
  height: 3.75rem;
}
.labeledIconButton:global(.silicon):global(.night).small .button:before {
  margin: -0.25rem;
}
.labeledIconButton:global(.silicon):global(.night).small .icon {
  height: 3.75rem;
}
.labeledIconButton:global(.silicon):global(.night).large.above,
.labeledIconButton:global(.silicon):global(.night).large.below,
.labeledIconButton:global(.silicon):global(.night).large.after,
.labeledIconButton:global(.silicon):global(.night).large.right,
.labeledIconButton:global(.silicon):global(.night).large.before,
.labeledIconButton:global(.silicon):global(.night).large.left {
  max-width: 22.5rem;
  min-width: 10rem;
}
.labeledIconButton:global(.silicon):global(.night).large .button .icon {
  font-size: 7.5rem;
  height: 6.25rem;
}
.labeledIconButton:global(.silicon):global(.night).large .button:before {
  margin: -0.375rem;
}
.labeledIconButton:global(.silicon):global(.night).large .icon {
  height: 6.25rem;
}
.labeledIconButton:global(.silicon):global(.night).huge.above,
.labeledIconButton:global(.silicon):global(.night).huge.below,
.labeledIconButton:global(.silicon):global(.night).huge.after,
.labeledIconButton:global(.silicon):global(.night).huge.right,
.labeledIconButton:global(.silicon):global(.night).huge.before,
.labeledIconButton:global(.silicon):global(.night).huge.left {
  max-width: 29.125rem;
  min-width: 12.5rem;
}
.labeledIconButton:global(.silicon):global(.night).huge .button .icon {
  font-size: 12.5rem;
  height: 8.75rem;
}
.labeledIconButton:global(.silicon):global(.night).huge .button:before {
  margin: -0.625rem;
}
.labeledIconButton:global(.silicon):global(.night).huge .icon {
  height: 8.75rem;
}
.labeledIconButton:global(.silicon):global(.night).below.smallest .label,
.labeledIconButton:global(.silicon):global(.night).below.small .label {
  margin-top: 0.25rem;
}
.labeledIconButton:global(.silicon):global(.night).below.large .label {
  margin-top: 0.375rem;
}
.labeledIconButton:global(.silicon):global(.night).below.huge .label {
  margin-top: 0.875rem;
}
.labeledIconButton:global(.silicon):global(.night).above.smallest .label,
.labeledIconButton:global(.silicon):global(.night).above.small .label {
  margin-bottom: 0.25rem;
}
.labeledIconButton:global(.silicon):global(.night).above.large .label {
  margin-bottom: 0.375rem;
}
.labeledIconButton:global(.silicon):global(.night).above.huge .label {
  margin-bottom: 0.875rem;
}
.labeledIconButton:global(.silicon):global(.night).after.smallest .label,
.labeledIconButton:global(.silicon):global(.night).right.smallest .label,
.labeledIconButton:global(.silicon):global(.night).after.small .label,
.labeledIconButton:global(.silicon):global(.night).right.small .label {
  margin-left: 0.25rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).after.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).right.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).after.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).right.small .label {
  margin-left: 0;
  margin-right: 0.25rem;
}
.labeledIconButton:global(.silicon):global(.night).after.large .label,
.labeledIconButton:global(.silicon):global(.night).right.large .label {
  margin-left: 0.375rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).after.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).right.large .label {
  margin-left: 0;
  margin-right: 0.375rem;
}
.labeledIconButton:global(.silicon):global(.night).after.huge .label,
.labeledIconButton:global(.silicon):global(.night).right.huge .label {
  margin-left: 0.875rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).after.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).right.huge .label {
  margin-left: 0;
  margin-right: 0.875rem;
}
.labeledIconButton:global(.silicon):global(.night).before.smallest .label,
.labeledIconButton:global(.silicon):global(.night).left.smallest .label,
.labeledIconButton:global(.silicon):global(.night).before.small .label,
.labeledIconButton:global(.silicon):global(.night).left.small .label {
  margin-left: 0;
  margin-right: 0.25rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).before.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).left.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).before.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).left.small .label {
  margin-left: 0.25rem;
  margin-right: 0;
}
.labeledIconButton:global(.silicon):global(.night).before.large .label,
.labeledIconButton:global(.silicon):global(.night).left.large .label {
  margin-left: 0;
  margin-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).before.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).left.large .label {
  margin-left: 0.375rem;
  margin-right: 0;
}
.labeledIconButton:global(.silicon):global(.night).before.huge .label,
.labeledIconButton:global(.silicon):global(.night).left.huge .label {
  margin-left: 0;
  margin-right: 0.875rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).before.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.silicon):global(.night).left.huge .label {
  margin-left: 0.875rem;
  margin-right: 0;
}
.labeledIconButton:global(.silicon):global(.night).after .label,
.labeledIconButton:global(.silicon):global(.night).right .label,
.labeledIconButton:global(.silicon):global(.night).before .label,
.labeledIconButton:global(.silicon):global(.night).left .label {
  text-align: center;
}
.labeledIconButton:global(.silicon):global(.night) .label {
  color: #8a8a8a;
  font-weight: normal;
}
:global(.spotlight-input-key) .labeledIconButton:global(.silicon):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .labeledIconButton:global(.silicon):global(.night):global(.spottable):focus {
  background: transparent;
}
:global(.spotlight-input-key) .labeledIconButton:global(.silicon):global(.night):global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.silicon):global(.night):global(.spottable):focus .label {
  color: #8a8a8a;
}
:global(.spotlight-input-key) .labeledIconButton:global(.silicon):global(.night):global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.silicon):global(.night):global(.spottable):focus .button:before {
  content: "";
  background: linear-gradient(to right, #9e00d8, #f1304f);
}
:global(.spotlight-input-touch) .labeledIconButton:global(.silicon):global(.night):global(.spottable):active {
  background: transparent;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.silicon):global(.night):global(.spottable):active .label {
  color: #8a8a8a;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.silicon):global(.night):global(.spottable):active .button:before {
  content: "";
  background: linear-gradient(to right, #9e00d8, #f1304f);
}
.labeledIconButton:global(.silicon):global(.night).selected .button:before {
  content: "";
  background: transparent;
}
.labeledIconButton:global(.silicon):global(.night).selected.smallest .button:before,
.labeledIconButton:global(.silicon):global(.night).selected.small .button:before {
  border: 0.125rem solid var(--agate-accent-color, #ff2d55);
}
.labeledIconButton:global(.silicon):global(.night).selected.large .button:before,
.labeledIconButton:global(.silicon):global(.night).selected.huge .button:before {
  border: 0.25rem solid var(--agate-accent-color, #ff2d55);
}
:global(.spotlight-input-key) .labeledIconButton:global(.silicon):global(.night).selected:global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.silicon):global(.night).selected:global(.spottable):focus .button:before {
  border-width: 0;
}
:global(.spotlight-input-key) .labeledIconButton:global(.silicon):global(.night).selected:global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.silicon):global(.night).selected:global(.spottable):focus .label {
  color: #ffffff;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.silicon):global(.night).selected:global(.spottable):active .button:before {
  border-width: 0;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.silicon):global(.night).selected:global(.spottable):active .label {
  color: #ffffff;
}
.labeledIconButton:global(.silicon):global(.night).selected .label {
  color: #ffffff;
}
.labeledIconButton:global(.silicon):global(.night).selected .opaque .bg {
  background-color: #ffffff;
}
.labeledIconButton:global(.silicon):global(.night).selected .opaque .client {
  color: #000000;
}
.labeledIconButton:global(.silicon):global(.night).selected .lightOpaque .bg {
  background-color: #333333;
}
.labeledIconButton:global(.silicon):global(.night).selected .lightOpaque .client {
  color: #ffffff;
}
.labeledIconButton:global(.silicon):global(.night)[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: default;
}
.labeledIconButton:global(.silicon):global(.night)[disabled] [disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
}
.labeledIconButton:global(.silicon):global(.night)[disabled] .opaque .bg {
  background-color: #ffffff;
}
.labeledIconButton:global(.silicon):global(.night)[disabled] .opaque .client {
  color: #000000;
}
.labeledIconButton:global(.silicon):global(.night)[disabled] .lightOpaque .bg {
  background-color: #333333;
}
.labeledIconButton:global(.silicon):global(.night)[disabled] .lightOpaque .client {
  color: #ffffff;
}
.labeledIconButton:global(.titanium).labeledIcon {
  padding-bottom: 0;
}
.labeledIconButton:global(.titanium) .opaque .bg {
  background-color: rgba(255, 255, 255, 0.5);
}
.labeledIconButton:global(.titanium) .opaque .client {
  color: #4d4d4d;
}
.labeledIconButton:global(.titanium) .lightOpaque .bg {
  background-color: rgba(0, 0, 0, 0.3);
}
.labeledIconButton:global(.titanium) .lightOpaque .client {
  color: #4d4d4d;
}
.labeledIconButton:global(.titanium) .highlighted .bg {
  background-color: var(--agate-highlight-color, #2a48ca);
}
.labeledIconButton:global(.titanium) .button:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 41.625rem;
}
.labeledIconButton:global(.titanium).smallest.left .icon,
.labeledIconButton:global(.titanium).small.left .icon,
.labeledIconButton:global(.titanium).large.left .icon,
.labeledIconButton:global(.titanium).huge.left .icon,
.labeledIconButton:global(.titanium).smallest.right .icon,
.labeledIconButton:global(.titanium).small.right .icon,
.labeledIconButton:global(.titanium).large.right .icon,
.labeledIconButton:global(.titanium).huge.right .icon,
.labeledIconButton:global(.titanium).smallest.before .icon,
.labeledIconButton:global(.titanium).small.before .icon,
.labeledIconButton:global(.titanium).large.before .icon,
.labeledIconButton:global(.titanium).huge.before .icon,
.labeledIconButton:global(.titanium).smallest.after .icon,
.labeledIconButton:global(.titanium).small.after .icon,
.labeledIconButton:global(.titanium).large.after .icon,
.labeledIconButton:global(.titanium).huge.after .icon {
  padding: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).smallest.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).small.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).large.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).huge.left .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).smallest.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).small.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).large.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).huge.right .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).smallest.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).small.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).large.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).huge.before .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).smallest.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).small.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).large.after .icon,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).huge.after .icon {
  padding: 0 0 0 0;
}
.labeledIconButton:global(.titanium).smallest .button .icon,
.labeledIconButton:global(.titanium).small .button .icon,
.labeledIconButton:global(.titanium).large .button .icon,
.labeledIconButton:global(.titanium).huge .button .icon {
  margin: 0;
}
.labeledIconButton:global(.titanium).smallest.above,
.labeledIconButton:global(.titanium).smallest.below,
.labeledIconButton:global(.titanium).smallest.after,
.labeledIconButton:global(.titanium).smallest.right,
.labeledIconButton:global(.titanium).smallest.before,
.labeledIconButton:global(.titanium).smallest.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.titanium).smallest .button .icon {
  font-size: 1.75rem;
  height: 0.875rem;
}
.labeledIconButton:global(.titanium).smallest .button:before {
  margin: inherit;
}
.labeledIconButton:global(.titanium).smallest .icon {
  height: 2rem;
}
.labeledIconButton:global(.titanium).small.above,
.labeledIconButton:global(.titanium).small.below,
.labeledIconButton:global(.titanium).small.after,
.labeledIconButton:global(.titanium).small.right,
.labeledIconButton:global(.titanium).small.before,
.labeledIconButton:global(.titanium).small.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.titanium).small .button .icon {
  font-size: 3rem;
  height: 1.5rem;
}
.labeledIconButton:global(.titanium).small .button:before {
  margin: inherit;
}
.labeledIconButton:global(.titanium).small .icon {
  height: 2.5rem;
}
.labeledIconButton:global(.titanium).large.above,
.labeledIconButton:global(.titanium).large.below,
.labeledIconButton:global(.titanium).large.after,
.labeledIconButton:global(.titanium).large.right,
.labeledIconButton:global(.titanium).large.before,
.labeledIconButton:global(.titanium).large.left {
  max-width: 12.5rem;
  min-width: 4rem;
}
.labeledIconButton:global(.titanium).large .button .icon {
  font-size: 4rem;
  height: 2rem;
}
.labeledIconButton:global(.titanium).large .button:before {
  margin: inherit;
}
.labeledIconButton:global(.titanium).large .icon {
  height: 3.5rem;
}
.labeledIconButton:global(.titanium).huge.above,
.labeledIconButton:global(.titanium).huge.below,
.labeledIconButton:global(.titanium).huge.after,
.labeledIconButton:global(.titanium).huge.right,
.labeledIconButton:global(.titanium).huge.before,
.labeledIconButton:global(.titanium).huge.left {
  max-width: 12.5rem;
  min-width: inherit;
}
.labeledIconButton:global(.titanium).huge .button .icon {
  font-size: 13.33333rem;
  height: 7.91667rem;
}
.labeledIconButton:global(.titanium).huge .button:before {
  margin: inherit;
}
.labeledIconButton:global(.titanium).huge .icon {
  height: 10.375rem;
}
.labeledIconButton:global(.titanium).below.smallest .label,
.labeledIconButton:global(.titanium).below.small .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.titanium).below.large .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.titanium).below.huge .label {
  margin-top: 0.83333rem;
}
.labeledIconButton:global(.titanium).above.smallest .label,
.labeledIconButton:global(.titanium).above.small .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.titanium).above.large .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.titanium).above.huge .label {
  margin-bottom: 0.83333rem;
}
.labeledIconButton:global(.titanium).after.smallest .label,
.labeledIconButton:global(.titanium).right.smallest .label,
.labeledIconButton:global(.titanium).after.small .label,
.labeledIconButton:global(.titanium).right.small .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).after.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).right.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).after.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).right.small .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.titanium).after.large .label,
.labeledIconButton:global(.titanium).right.large .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).after.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).right.large .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.titanium).after.huge .label,
.labeledIconButton:global(.titanium).right.huge .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).after.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).right.huge .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
.labeledIconButton:global(.titanium).before.smallest .label,
.labeledIconButton:global(.titanium).left.smallest .label,
.labeledIconButton:global(.titanium).before.small .label,
.labeledIconButton:global(.titanium).left.small .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).before.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).left.smallest .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).before.small .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).left.small .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.titanium).before.large .label,
.labeledIconButton:global(.titanium).left.large .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).before.large .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).left.large .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.titanium).before.huge .label,
.labeledIconButton:global(.titanium).left.huge .label {
  margin-left: 0;
  margin-right: 0.83333rem;
}
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).before.huge .label,
:global(.enact-locale-right-to-left) .labeledIconButton:global(.titanium).left.huge .label {
  margin-left: 0.83333rem;
  margin-right: 0;
}
.labeledIconButton:global(.titanium).after .label,
.labeledIconButton:global(.titanium).right .label,
.labeledIconButton:global(.titanium).before .label,
.labeledIconButton:global(.titanium).left .label {
  text-align: inherit;
}
.labeledIconButton:global(.titanium) .label {
  color: #fff;
  font-weight: 500;
}
:global(.spotlight-input-key) .labeledIconButton:global(.titanium):global(.spottable):focus,
:global(.spotlight-input-mouse) .labeledIconButton:global(.titanium):global(.spottable):focus {
  background: transparent;
}
:global(.spotlight-input-key) .labeledIconButton:global(.titanium):global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.titanium):global(.spottable):focus .label {
  color: #4d4d4d;
}
:global(.spotlight-input-key) .labeledIconButton:global(.titanium):global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.titanium):global(.spottable):focus .button:before {
  content: none;
  background: linear-gradient(to bottom, white, var(--agate-accent-color, rgba(0, 0, 0, 0.1)));
}
:global(.spotlight-input-touch) .labeledIconButton:global(.titanium):global(.spottable):active {
  background: transparent;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.titanium):global(.spottable):active .label {
  color: #4d4d4d;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.titanium):global(.spottable):active .button:before {
  content: none;
  background: linear-gradient(to bottom, white, var(--agate-accent-color, rgba(0, 0, 0, 0.1)));
}
.labeledIconButton:global(.titanium).selected .button:before {
  content: none;
  background: transparent;
}
.labeledIconButton:global(.titanium).selected.smallest .button:before,
.labeledIconButton:global(.titanium).selected.small .button:before {
  border: 0 solid var(--agate-accent-color, rgba(0, 0, 0, 0.1));
}
.labeledIconButton:global(.titanium).selected.large .button:before,
.labeledIconButton:global(.titanium).selected.huge .button:before {
  border: 0 solid var(--agate-accent-color, rgba(0, 0, 0, 0.1));
}
:global(.spotlight-input-key) .labeledIconButton:global(.titanium).selected:global(.spottable):focus .button:before,
:global(.spotlight-input-mouse) .labeledIconButton:global(.titanium).selected:global(.spottable):focus .button:before {
  border-width: 0;
}
:global(.spotlight-input-key) .labeledIconButton:global(.titanium).selected:global(.spottable):focus .label,
:global(.spotlight-input-mouse) .labeledIconButton:global(.titanium).selected:global(.spottable):focus .label {
  color: #fff;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.titanium).selected:global(.spottable):active .button:before {
  border-width: 0;
}
:global(.spotlight-input-touch) .labeledIconButton:global(.titanium).selected:global(.spottable):active .label {
  color: #fff;
}
.labeledIconButton:global(.titanium).selected .label {
  color: #fff;
}
.labeledIconButton:global(.titanium).selected .opaque .bg {
  background-color: rgba(255, 255, 255, 0.5);
}
.labeledIconButton:global(.titanium).selected .opaque .client {
  color: #4d4d4d;
}
.labeledIconButton:global(.titanium).selected .lightOpaque .bg {
  background-color: rgba(0, 0, 0, 0.3);
}
.labeledIconButton:global(.titanium).selected .lightOpaque .client {
  color: #4d4d4d;
}
.labeledIconButton:global(.titanium)[disabled] {
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: default;
}
.labeledIconButton:global(.titanium)[disabled] [disabled] {
  opacity: 1;
  filter: alpha(opacity=100);
}
.labeledIconButton:global(.titanium)[disabled] .opaque .bg {
  background-color: rgba(255, 255, 255, 0.5);
}
.labeledIconButton:global(.titanium)[disabled] .opaque .client {
  color: #4d4d4d;
}
.labeledIconButton:global(.titanium)[disabled] .lightOpaque .bg {
  background-color: rgba(0, 0, 0, 0.3);
}
.labeledIconButton:global(.titanium)[disabled] .lightOpaque .client {
  color: #4d4d4d;
}
