/**********************************/
/* GENERATED WHEN BUILDING COBALT */
/*** DO NOT MODIFY IT DIRECTLY ****/
/**********************************/
.cobalt-Icon--colorBase {
  fill: var(--c-icon-base);
}

.cobalt-Icon--colorSubdued {
  fill: var(--c-icon-subdued);
}

.cobalt-Icon--colorAccent {
  fill: var(--c-icon-accent);
}

.cobalt-Icon--colorAccentAlt {
  fill: var(--c-icon-accentAlt);
}

.cobalt-Icon--colorInfo {
  fill: var(--c-icon-info);
}

.cobalt-Icon--colorError {
  fill: var(--c-icon-error);
}

.cobalt-Icon--colorErrorAlt {
  fill: var(--c-icon-errorAlt);
}

.cobalt-Icon--colorSuccess {
  fill: var(--c-icon-success);
}

.cobalt-Icon--colorSuccessAlt {
  fill: var(--c-icon-successAlt);
}

.cobalt-Icon--colorConnect {
  fill: var(--c-icon-connect);
}

.cobalt-Icon--colorConnectAlt {
  fill: var(--c-icon-connectAlt);
}

.cobalt-Icon--colorDriver {
  fill: var(--c-icon-driver);
}

.cobalt-Icon--colorOwner {
  fill: var(--c-icon-owner);
}

.cobalt-Icon--colorWarning {
  fill: var(--c-icon-warning);
}

.cobalt-Icon--colorInfoAlt {
  fill: var(--c-icon-infoAlt);
}

.cobalt-Icon--colorDisabled {
  fill: var(--c-icon-disabled);
}

.cobalt-Icon--colorOnAccent {
  fill: var(--c-icon-onAccent);
}

.cobalt-Icon--colorOnRideshare {
  fill: var(--c-icon-onRideshare);
}

.cobalt-Icon--colorOnError {
  fill: var(--c-icon-onError);
}

.cobalt-Icon--colorOnSuccess {
  fill: var(--c-icon-onSuccess);
}

.cobalt-Icon--colorOnConnect {
  fill: var(--c-icon-onConnect);
}

.cobalt-Icon--colorOnKeyExchange {
  fill: var(--c-icon-onKeyExchange);
}

.cobalt-Icon--colorOnPicked {
  fill: var(--c-icon-onPicked);
}

.cobalt-Icon--colorKeyExchange {
  fill: var(--c-icon-keyExchange);
}

.cobalt-Icon--colorPicked {
  fill: var(--c-icon-picked);
}

.cobalt-Icon--colorRideshare {
  fill: var(--c-icon-rideshare);
}

.cobalt-Icon--colorOnBase {
  fill: var(--c-icon-onBase);
}

.cobalt-Icon--colorDisabledAlt {
  fill: var(--c-icon-disabledAlt);
}

.cobalt-Icon--colorOnRental {
  fill: var(--c-icon-onRental);
}

.cobalt-Icon--colorInversed {
  fill: var(--c-icon-inversed);
}

.cobalt-Icon--colorBaseInteractive {
  fill: var(--c-icon-baseInteractive);
}

.cobalt-Icon--colorBaseInteractive:hover,
.cobalt-Icon--colorBaseInteractive:focus,
.c-text-baseInteractive:hover .cobalt-Icon--colorBaseInteractive,
.c-text-baseInteractive:focus .cobalt-Icon--colorBaseInteractive {
  fill: var(--c-icon-baseInteractive--hover);
}

.cobalt-Icon--colorSubduedInteractive {
  fill: var(--c-icon-subduedInteractive);
}

.cobalt-Icon--colorSubduedInteractive:hover,
.cobalt-Icon--colorSubduedInteractive:focus,
.c-text-subduedInteractive:hover .cobalt-Icon--colorSubduedInteractive,
.c-text-subduedInteractive:focus .cobalt-Icon--colorSubduedInteractive {
  fill: var(--c-icon-subduedInteractive--hover);
}

.cobalt-Icon--colorAccentInteractive {
  fill: var(--c-icon-accentInteractive);
}

.cobalt-Icon--colorAccentInteractive:hover,
.cobalt-Icon--colorAccentInteractive:focus,
.c-text-accentInteractive:hover .cobalt-Icon--colorAccentInteractive,
.c-text-accentInteractive:focus .cobalt-Icon--colorAccentInteractive {
  fill: var(--c-icon-accentInteractive--hover);
}

.cobalt-Icon--colorAccentAltInteractive {
  fill: var(--c-icon-accentAltInteractive);
}

.cobalt-Icon--colorAccentAltInteractive:hover,
.cobalt-Icon--colorAccentAltInteractive:focus,
.c-text-accentAltInteractive:hover .cobalt-Icon--colorAccentAltInteractive,
.c-text-accentAltInteractive:focus .cobalt-Icon--colorAccentAltInteractive {
  fill: var(--c-icon-accentAltInteractive--hover);
}