@itcase/ui 1.8.179 → 1.9.0

package/dist/css/styles/text-color/text-color.css

@@ -1,3617 +0,0 @@
-.text {
-  &&-color {
-    &_active_none,
-    &_active_hover_none,
-    &_hover_none,
-    &_none {
-      color: transparent;
-    }
-        .text&_active_accent,
-        &_active_accent {
-          &-text {
-            &-primary {
-              color: var(--color-accent-text-primary);
-            }
-          }
-        }
-        .text&_active_hover_accent,
-        &_active_hover_accent {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-accent-text-primary);
-              }
-            }
-          }
-        }
-        &_hover_accent {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-accent-text-primary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-accent-text-primary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_accent {
-          &-text {
-            &-primary {
-              color: var(--color-accent-text-primary);
-            }
-          }
-        }
-        .text&_active_accent,
-        &_active_accent {
-          &-text {
-            &-secondary {
-              color: var(--color-accent-text-secondary);
-            }
-          }
-        }
-        .text&_active_hover_accent,
-        &_active_hover_accent {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-accent-text-secondary);
-              }
-            }
-          }
-        }
-        &_hover_accent {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-accent-text-secondary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-accent-text-secondary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_accent {
-          &-text {
-            &-secondary {
-              color: var(--color-accent-text-secondary);
-            }
-          }
-        }
-        .text&_active_accent,
-        &_active_accent {
-          &-text {
-            &-tertiary {
-              color: var(--color-accent-text-tertiary);
-            }
-          }
-        }
-        .text&_active_hover_accent,
-        &_active_hover_accent {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-accent-text-tertiary);
-              }
-            }
-          }
-        }
-        &_hover_accent {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-accent-text-tertiary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-accent-text-tertiary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_accent {
-          &-text {
-            &-tertiary {
-              color: var(--color-accent-text-tertiary);
-            }
-          }
-        }
-        .text&_active_accent,
-        &_active_accent {
-          &-text {
-            &-quaternary {
-              color: var(--color-accent-text-quaternary);
-            }
-          }
-        }
-        .text&_active_hover_accent,
-        &_active_hover_accent {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-accent-text-quaternary);
-              }
-            }
-          }
-        }
-        &_hover_accent {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-accent-text-quaternary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-accent-text-quaternary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_accent {
-          &-text {
-            &-quaternary {
-              color: var(--color-accent-text-quaternary);
-            }
-          }
-        }
-        .text&_active_primary,
-        &_active_primary {
-          &-text {
-            &-primary {
-              color: var(--color-primary-text-primary);
-            }
-          }
-        }
-        .text&_active_hover_primary,
-        &_active_hover_primary {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-primary-text-primary);
-              }
-            }
-          }
-        }
-        &_hover_primary {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-primary-text-primary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-primary-text-primary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_primary {
-          &-text {
-            &-primary {
-              color: var(--color-primary-text-primary);
-            }
-          }
-        }
-        .text&_active_primary,
-        &_active_primary {
-          &-text {
-            &-secondary {
-              color: var(--color-primary-text-secondary);
-            }
-          }
-        }
-        .text&_active_hover_primary,
-        &_active_hover_primary {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-primary-text-secondary);
-              }
-            }
-          }
-        }
-        &_hover_primary {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-primary-text-secondary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-primary-text-secondary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_primary {
-          &-text {
-            &-secondary {
-              color: var(--color-primary-text-secondary);
-            }
-          }
-        }
-        .text&_active_primary,
-        &_active_primary {
-          &-text {
-            &-tertiary {
-              color: var(--color-primary-text-tertiary);
-            }
-          }
-        }
-        .text&_active_hover_primary,
-        &_active_hover_primary {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-primary-text-tertiary);
-              }
-            }
-          }
-        }
-        &_hover_primary {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-primary-text-tertiary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-primary-text-tertiary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_primary {
-          &-text {
-            &-tertiary {
-              color: var(--color-primary-text-tertiary);
-            }
-          }
-        }
-        .text&_active_primary,
-        &_active_primary {
-          &-text {
-            &-quaternary {
-              color: var(--color-primary-text-quaternary);
-            }
-          }
-        }
-        .text&_active_hover_primary,
-        &_active_hover_primary {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-primary-text-quaternary);
-              }
-            }
-          }
-        }
-        &_hover_primary {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-primary-text-quaternary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-primary-text-quaternary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_primary {
-          &-text {
-            &-quaternary {
-              color: var(--color-primary-text-quaternary);
-            }
-          }
-        }
-        .text&_active_secondary,
-        &_active_secondary {
-          &-text {
-            &-primary {
-              color: var(--color-secondary-text-primary);
-            }
-          }
-        }
-        .text&_active_hover_secondary,
-        &_active_hover_secondary {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-secondary-text-primary);
-              }
-            }
-          }
-        }
-        &_hover_secondary {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-secondary-text-primary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-secondary-text-primary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_secondary {
-          &-text {
-            &-primary {
-              color: var(--color-secondary-text-primary);
-            }
-          }
-        }
-        .text&_active_secondary,
-        &_active_secondary {
-          &-text {
-            &-secondary {
-              color: var(--color-secondary-text-secondary);
-            }
-          }
-        }
-        .text&_active_hover_secondary,
-        &_active_hover_secondary {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-secondary-text-secondary);
-              }
-            }
-          }
-        }
-        &_hover_secondary {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-secondary-text-secondary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-secondary-text-secondary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_secondary {
-          &-text {
-            &-secondary {
-              color: var(--color-secondary-text-secondary);
-            }
-          }
-        }
-        .text&_active_secondary,
-        &_active_secondary {
-          &-text {
-            &-tertiary {
-              color: var(--color-secondary-text-tertiary);
-            }
-          }
-        }
-        .text&_active_hover_secondary,
-        &_active_hover_secondary {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-secondary-text-tertiary);
-              }
-            }
-          }
-        }
-        &_hover_secondary {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-secondary-text-tertiary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-secondary-text-tertiary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_secondary {
-          &-text {
-            &-tertiary {
-              color: var(--color-secondary-text-tertiary);
-            }
-          }
-        }
-        .text&_active_secondary,
-        &_active_secondary {
-          &-text {
-            &-quaternary {
-              color: var(--color-secondary-text-quaternary);
-            }
-          }
-        }
-        .text&_active_hover_secondary,
-        &_active_hover_secondary {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-secondary-text-quaternary);
-              }
-            }
-          }
-        }
-        &_hover_secondary {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-secondary-text-quaternary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-secondary-text-quaternary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_secondary {
-          &-text {
-            &-quaternary {
-              color: var(--color-secondary-text-quaternary);
-            }
-          }
-        }
-        .text&_active_surface,
-        &_active_surface {
-          &-text {
-            &-primary {
-              color: var(--color-surface-text-primary);
-            }
-          }
-        }
-        .text&_active_hover_surface,
-        &_active_hover_surface {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-surface-text-primary);
-              }
-            }
-          }
-        }
-        &_hover_surface {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-surface-text-primary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-surface-text-primary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_surface {
-          &-text {
-            &-primary {
-              color: var(--color-surface-text-primary);
-            }
-          }
-        }
-        .text&_active_surface,
-        &_active_surface {
-          &-text {
-            &-secondary {
-              color: var(--color-surface-text-secondary);
-            }
-          }
-        }
-        .text&_active_hover_surface,
-        &_active_hover_surface {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-surface-text-secondary);
-              }
-            }
-          }
-        }
-        &_hover_surface {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-surface-text-secondary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-surface-text-secondary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_surface {
-          &-text {
-            &-secondary {
-              color: var(--color-surface-text-secondary);
-            }
-          }
-        }
-        .text&_active_surface,
-        &_active_surface {
-          &-text {
-            &-tertiary {
-              color: var(--color-surface-text-tertiary);
-            }
-          }
-        }
-        .text&_active_hover_surface,
-        &_active_hover_surface {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-surface-text-tertiary);
-              }
-            }
-          }
-        }
-        &_hover_surface {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-surface-text-tertiary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-surface-text-tertiary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_surface {
-          &-text {
-            &-tertiary {
-              color: var(--color-surface-text-tertiary);
-            }
-          }
-        }
-        .text&_active_surface,
-        &_active_surface {
-          &-text {
-            &-quaternary {
-              color: var(--color-surface-text-quaternary);
-            }
-          }
-        }
-        .text&_active_hover_surface,
-        &_active_hover_surface {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-surface-text-quaternary);
-              }
-            }
-          }
-        }
-        &_hover_surface {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-surface-text-quaternary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-surface-text-quaternary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_surface {
-          &-text {
-            &-quaternary {
-              color: var(--color-surface-text-quaternary);
-            }
-          }
-        }
-        .text&_active_error,
-        &_active_error {
-          &-text {
-            &-primary {
-              color: var(--color-error-text-primary);
-            }
-          }
-        }
-        .text&_active_hover_error,
-        &_active_hover_error {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-error-text-primary);
-              }
-            }
-          }
-        }
-        &_hover_error {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-error-text-primary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-error-text-primary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_error {
-          &-text {
-            &-primary {
-              color: var(--color-error-text-primary);
-            }
-          }
-        }
-        .text&_active_error,
-        &_active_error {
-          &-text {
-            &-secondary {
-              color: var(--color-error-text-secondary);
-            }
-          }
-        }
-        .text&_active_hover_error,
-        &_active_hover_error {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-error-text-secondary);
-              }
-            }
-          }
-        }
-        &_hover_error {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-error-text-secondary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-error-text-secondary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_error {
-          &-text {
-            &-secondary {
-              color: var(--color-error-text-secondary);
-            }
-          }
-        }
-        .text&_active_error,
-        &_active_error {
-          &-text {
-            &-tertiary {
-              color: var(--color-error-text-tertiary);
-            }
-          }
-        }
-        .text&_active_hover_error,
-        &_active_hover_error {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-error-text-tertiary);
-              }
-            }
-          }
-        }
-        &_hover_error {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-error-text-tertiary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-error-text-tertiary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_error {
-          &-text {
-            &-tertiary {
-              color: var(--color-error-text-tertiary);
-            }
-          }
-        }
-        .text&_active_error,
-        &_active_error {
-          &-text {
-            &-quaternary {
-              color: var(--color-error-text-quaternary);
-            }
-          }
-        }
-        .text&_active_hover_error,
-        &_active_hover_error {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-error-text-quaternary);
-              }
-            }
-          }
-        }
-        &_hover_error {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-error-text-quaternary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-error-text-quaternary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_error {
-          &-text {
-            &-quaternary {
-              color: var(--color-error-text-quaternary);
-            }
-          }
-        }
-        .text&_active_warning,
-        &_active_warning {
-          &-text {
-            &-primary {
-              color: var(--color-warning-text-primary);
-            }
-          }
-        }
-        .text&_active_hover_warning,
-        &_active_hover_warning {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-warning-text-primary);
-              }
-            }
-          }
-        }
-        &_hover_warning {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-warning-text-primary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-warning-text-primary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_warning {
-          &-text {
-            &-primary {
-              color: var(--color-warning-text-primary);
-            }
-          }
-        }
-        .text&_active_warning,
-        &_active_warning {
-          &-text {
-            &-secondary {
-              color: var(--color-warning-text-secondary);
-            }
-          }
-        }
-        .text&_active_hover_warning,
-        &_active_hover_warning {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-warning-text-secondary);
-              }
-            }
-          }
-        }
-        &_hover_warning {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-warning-text-secondary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-warning-text-secondary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_warning {
-          &-text {
-            &-secondary {
-              color: var(--color-warning-text-secondary);
-            }
-          }
-        }
-        .text&_active_warning,
-        &_active_warning {
-          &-text {
-            &-tertiary {
-              color: var(--color-warning-text-tertiary);
-            }
-          }
-        }
-        .text&_active_hover_warning,
-        &_active_hover_warning {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-warning-text-tertiary);
-              }
-            }
-          }
-        }
-        &_hover_warning {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-warning-text-tertiary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-warning-text-tertiary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_warning {
-          &-text {
-            &-tertiary {
-              color: var(--color-warning-text-tertiary);
-            }
-          }
-        }
-        .text&_active_warning,
-        &_active_warning {
-          &-text {
-            &-quaternary {
-              color: var(--color-warning-text-quaternary);
-            }
-          }
-        }
-        .text&_active_hover_warning,
-        &_active_hover_warning {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-warning-text-quaternary);
-              }
-            }
-          }
-        }
-        &_hover_warning {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-warning-text-quaternary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-warning-text-quaternary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_warning {
-          &-text {
-            &-quaternary {
-              color: var(--color-warning-text-quaternary);
-            }
-          }
-        }
-        .text&_active_success,
-        &_active_success {
-          &-text {
-            &-primary {
-              color: var(--color-success-text-primary);
-            }
-          }
-        }
-        .text&_active_hover_success,
-        &_active_hover_success {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-success-text-primary);
-              }
-            }
-          }
-        }
-        &_hover_success {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-success-text-primary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-success-text-primary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_success {
-          &-text {
-            &-primary {
-              color: var(--color-success-text-primary);
-            }
-          }
-        }
-        .text&_active_success,
-        &_active_success {
-          &-text {
-            &-secondary {
-              color: var(--color-success-text-secondary);
-            }
-          }
-        }
-        .text&_active_hover_success,
-        &_active_hover_success {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-success-text-secondary);
-              }
-            }
-          }
-        }
-        &_hover_success {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-success-text-secondary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-success-text-secondary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_success {
-          &-text {
-            &-secondary {
-              color: var(--color-success-text-secondary);
-            }
-          }
-        }
-        .text&_active_success,
-        &_active_success {
-          &-text {
-            &-tertiary {
-              color: var(--color-success-text-tertiary);
-            }
-          }
-        }
-        .text&_active_hover_success,
-        &_active_hover_success {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-success-text-tertiary);
-              }
-            }
-          }
-        }
-        &_hover_success {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-success-text-tertiary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-success-text-tertiary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_success {
-          &-text {
-            &-tertiary {
-              color: var(--color-success-text-tertiary);
-            }
-          }
-        }
-        .text&_active_success,
-        &_active_success {
-          &-text {
-            &-quaternary {
-              color: var(--color-success-text-quaternary);
-            }
-          }
-        }
-        .text&_active_hover_success,
-        &_active_hover_success {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-success-text-quaternary);
-              }
-            }
-          }
-        }
-        &_hover_success {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-success-text-quaternary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-success-text-quaternary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_success {
-          &-text {
-            &-quaternary {
-              color: var(--color-success-text-quaternary);
-            }
-          }
-        }
-        .text&_active_danger,
-        &_active_danger {
-          &-text {
-            &-primary {
-              color: var(--color-danger-text-primary);
-            }
-          }
-        }
-        .text&_active_hover_danger,
-        &_active_hover_danger {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-danger-text-primary);
-              }
-            }
-          }
-        }
-        &_hover_danger {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-danger-text-primary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-danger-text-primary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_danger {
-          &-text {
-            &-primary {
-              color: var(--color-danger-text-primary);
-            }
-          }
-        }
-        .text&_active_danger,
-        &_active_danger {
-          &-text {
-            &-secondary {
-              color: var(--color-danger-text-secondary);
-            }
-          }
-        }
-        .text&_active_hover_danger,
-        &_active_hover_danger {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-danger-text-secondary);
-              }
-            }
-          }
-        }
-        &_hover_danger {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-danger-text-secondary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-danger-text-secondary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_danger {
-          &-text {
-            &-secondary {
-              color: var(--color-danger-text-secondary);
-            }
-          }
-        }
-        .text&_active_danger,
-        &_active_danger {
-          &-text {
-            &-tertiary {
-              color: var(--color-danger-text-tertiary);
-            }
-          }
-        }
-        .text&_active_hover_danger,
-        &_active_hover_danger {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-danger-text-tertiary);
-              }
-            }
-          }
-        }
-        &_hover_danger {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-danger-text-tertiary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-danger-text-tertiary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_danger {
-          &-text {
-            &-tertiary {
-              color: var(--color-danger-text-tertiary);
-            }
-          }
-        }
-        .text&_active_danger,
-        &_active_danger {
-          &-text {
-            &-quaternary {
-              color: var(--color-danger-text-quaternary);
-            }
-          }
-        }
-        .text&_active_hover_danger,
-        &_active_hover_danger {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-danger-text-quaternary);
-              }
-            }
-          }
-        }
-        &_hover_danger {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-danger-text-quaternary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-danger-text-quaternary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_danger {
-          &-text {
-            &-quaternary {
-              color: var(--color-danger-text-quaternary);
-            }
-          }
-        }
-        .text&_active_info,
-        &_active_info {
-          &-text {
-            &-primary {
-              color: var(--color-info-text-primary);
-            }
-          }
-        }
-        .text&_active_hover_info,
-        &_active_hover_info {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-info-text-primary);
-              }
-            }
-          }
-        }
-        &_hover_info {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-info-text-primary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-info-text-primary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_info {
-          &-text {
-            &-primary {
-              color: var(--color-info-text-primary);
-            }
-          }
-        }
-        .text&_active_info,
-        &_active_info {
-          &-text {
-            &-secondary {
-              color: var(--color-info-text-secondary);
-            }
-          }
-        }
-        .text&_active_hover_info,
-        &_active_hover_info {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-info-text-secondary);
-              }
-            }
-          }
-        }
-        &_hover_info {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-info-text-secondary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-info-text-secondary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_info {
-          &-text {
-            &-secondary {
-              color: var(--color-info-text-secondary);
-            }
-          }
-        }
-        .text&_active_info,
-        &_active_info {
-          &-text {
-            &-tertiary {
-              color: var(--color-info-text-tertiary);
-            }
-          }
-        }
-        .text&_active_hover_info,
-        &_active_hover_info {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-info-text-tertiary);
-              }
-            }
-          }
-        }
-        &_hover_info {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-info-text-tertiary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-info-text-tertiary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_info {
-          &-text {
-            &-tertiary {
-              color: var(--color-info-text-tertiary);
-            }
-          }
-        }
-        .text&_active_info,
-        &_active_info {
-          &-text {
-            &-quaternary {
-              color: var(--color-info-text-quaternary);
-            }
-          }
-        }
-        .text&_active_hover_info,
-        &_active_hover_info {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-info-text-quaternary);
-              }
-            }
-          }
-        }
-        &_hover_info {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-info-text-quaternary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-info-text-quaternary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_info {
-          &-text {
-            &-quaternary {
-              color: var(--color-info-text-quaternary);
-            }
-          }
-        }
-        .text&_active_disabled,
-        &_active_disabled {
-          &-text {
-            &-primary {
-              color: var(--color-disabled-text-primary);
-            }
-          }
-        }
-        .text&_active_hover_disabled,
-        &_active_hover_disabled {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-disabled-text-primary);
-              }
-            }
-          }
-        }
-        &_hover_disabled {
-          &-text {
-            &-primary {
-              &:hover {
-                color: var(--color-disabled-text-primary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-disabled-text-primary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_disabled {
-          &-text {
-            &-primary {
-              color: var(--color-disabled-text-primary);
-            }
-          }
-        }
-        .text&_active_disabled,
-        &_active_disabled {
-          &-text {
-            &-secondary {
-              color: var(--color-disabled-text-secondary);
-            }
-          }
-        }
-        .text&_active_hover_disabled,
-        &_active_hover_disabled {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-disabled-text-secondary);
-              }
-            }
-          }
-        }
-        &_hover_disabled {
-          &-text {
-            &-secondary {
-              &:hover {
-                color: var(--color-disabled-text-secondary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-disabled-text-secondary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_disabled {
-          &-text {
-            &-secondary {
-              color: var(--color-disabled-text-secondary);
-            }
-          }
-        }
-        .text&_active_disabled,
-        &_active_disabled {
-          &-text {
-            &-tertiary {
-              color: var(--color-disabled-text-tertiary);
-            }
-          }
-        }
-        .text&_active_hover_disabled,
-        &_active_hover_disabled {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-disabled-text-tertiary);
-              }
-            }
-          }
-        }
-        &_hover_disabled {
-          &-text {
-            &-tertiary {
-              &:hover {
-                color: var(--color-disabled-text-tertiary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-disabled-text-tertiary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_disabled {
-          &-text {
-            &-tertiary {
-              color: var(--color-disabled-text-tertiary);
-            }
-          }
-        }
-        .text&_active_disabled,
-        &_active_disabled {
-          &-text {
-            &-quaternary {
-              color: var(--color-disabled-text-quaternary);
-            }
-          }
-        }
-        .text&_active_hover_disabled,
-        &_active_hover_disabled {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-disabled-text-quaternary);
-              }
-            }
-          }
-        }
-        &_hover_disabled {
-          &-text {
-            &-quaternary {
-              &:hover {
-                color: var(--color-disabled-text-quaternary);
-              }
-              &-hover {
-                &:hover {
-                  color: var(--color-disabled-text-quaternary-hover);
-                }
-              }
-            }
-          }
-        }
-        &_disabled {
-          &-text {
-            &-quaternary {
-              color: var(--color-disabled-text-quaternary);
-            }
-          }
-        }
-      .text&_active_red,
-      &_active_red {
-        color: var(--color-palette-red);
-      }
-      .text&_active_hover_red,
-      &_active_hover_red {
-        &:hover {
-          color: var(--color-palette-red);
-        }
-      }
-      &_hover_red {
-        &:hover {
-          color: var(--color-palette-red);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-red-hover);
-          }
-        }
-      }
-      &_red {
-        color: var(--color-palette-red);
-      }
-      .text&_active_neon-pink,
-      &_active_neon-pink {
-        color: var(--color-palette-neon-pink);
-      }
-      .text&_active_hover_neon-pink,
-      &_active_hover_neon-pink {
-        &:hover {
-          color: var(--color-palette-neon-pink);
-        }
-      }
-      &_hover_neon-pink {
-        &:hover {
-          color: var(--color-palette-neon-pink);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-neon-pink-hover);
-          }
-        }
-      }
-      &_neon-pink {
-        color: var(--color-palette-neon-pink);
-      }
-      .text&_active_electric-pink,
-      &_active_electric-pink {
-        color: var(--color-palette-electric-pink);
-      }
-      .text&_active_hover_electric-pink,
-      &_active_hover_electric-pink {
-        &:hover {
-          color: var(--color-palette-electric-pink);
-        }
-      }
-      &_hover_electric-pink {
-        &:hover {
-          color: var(--color-palette-electric-pink);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-electric-pink-hover);
-          }
-        }
-      }
-      &_electric-pink {
-        color: var(--color-palette-electric-pink);
-      }
-      .text&_active_hibiscus,
-      &_active_hibiscus {
-        color: var(--color-palette-hibiscus);
-      }
-      .text&_active_hover_hibiscus,
-      &_active_hover_hibiscus {
-        &:hover {
-          color: var(--color-palette-hibiscus);
-        }
-      }
-      &_hover_hibiscus {
-        &:hover {
-          color: var(--color-palette-hibiscus);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-hibiscus-hover);
-          }
-        }
-      }
-      &_hibiscus {
-        color: var(--color-palette-hibiscus);
-      }
-      .text&_active_pink,
-      &_active_pink {
-        color: var(--color-palette-pink);
-      }
-      .text&_active_hover_pink,
-      &_active_hover_pink {
-        &:hover {
-          color: var(--color-palette-pink);
-        }
-      }
-      &_hover_pink {
-        &:hover {
-          color: var(--color-palette-pink);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-pink-hover);
-          }
-        }
-      }
-      &_pink {
-        color: var(--color-palette-pink);
-      }
-      .text&_active_pink-citrus,
-      &_active_pink-citrus {
-        color: var(--color-palette-pink-citrus);
-      }
-      .text&_active_hover_pink-citrus,
-      &_active_hover_pink-citrus {
-        &:hover {
-          color: var(--color-palette-pink-citrus);
-        }
-      }
-      &_hover_pink-citrus {
-        &:hover {
-          color: var(--color-palette-pink-citrus);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-pink-citrus-hover);
-          }
-        }
-      }
-      &_pink-citrus {
-        color: var(--color-palette-pink-citrus);
-      }
-      .text&_active_pomegranate,
-      &_active_pomegranate {
-        color: var(--color-palette-pomegranate);
-      }
-      .text&_active_hover_pomegranate,
-      &_active_hover_pomegranate {
-        &:hover {
-          color: var(--color-palette-pomegranate);
-        }
-      }
-      &_hover_pomegranate {
-        &:hover {
-          color: var(--color-palette-pomegranate);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-pomegranate-hover);
-          }
-        }
-      }
-      &_pomegranate {
-        color: var(--color-palette-pomegranate);
-      }
-      .text&_active_dragon-fruit,
-      &_active_dragon-fruit {
-        color: var(--color-palette-dragon-fruit);
-      }
-      .text&_active_hover_dragon-fruit,
-      &_active_hover_dragon-fruit {
-        &:hover {
-          color: var(--color-palette-dragon-fruit);
-        }
-      }
-      &_hover_dragon-fruit {
-        &:hover {
-          color: var(--color-palette-dragon-fruit);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-dragon-fruit-hover);
-          }
-        }
-      }
-      &_dragon-fruit {
-        color: var(--color-palette-dragon-fruit);
-      }
-      .text&_active_camellia,
-      &_active_camellia {
-        color: var(--color-palette-camellia);
-      }
-      .text&_active_hover_camellia,
-      &_active_hover_camellia {
-        &:hover {
-          color: var(--color-palette-camellia);
-        }
-      }
-      &_hover_camellia {
-        &:hover {
-          color: var(--color-palette-camellia);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-camellia-hover);
-          }
-        }
-      }
-      &_camellia {
-        color: var(--color-palette-camellia);
-      }
-      .text&_active_red-rose,
-      &_active_red-rose {
-        color: var(--color-palette-red-rose);
-      }
-      .text&_active_hover_red-rose,
-      &_active_hover_red-rose {
-        &:hover {
-          color: var(--color-palette-red-rose);
-        }
-      }
-      &_hover_red-rose {
-        &:hover {
-          color: var(--color-palette-red-rose);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-red-rose-hover);
-          }
-        }
-      }
-      &_red-rose {
-        color: var(--color-palette-red-rose);
-      }
-      .text&_active_plum,
-      &_active_plum {
-        color: var(--color-palette-plum);
-      }
-      .text&_active_hover_plum,
-      &_active_hover_plum {
-        &:hover {
-          color: var(--color-palette-plum);
-        }
-      }
-      &_hover_plum {
-        &:hover {
-          color: var(--color-palette-plum);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-plum-hover);
-          }
-        }
-      }
-      &_plum {
-        color: var(--color-palette-plum);
-      }
-      .text&_active_orange,
-      &_active_orange {
-        color: var(--color-palette-orange);
-      }
-      .text&_active_hover_orange,
-      &_active_hover_orange {
-        &:hover {
-          color: var(--color-palette-orange);
-        }
-      }
-      &_hover_orange {
-        &:hover {
-          color: var(--color-palette-orange);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-orange-hover);
-          }
-        }
-      }
-      &_orange {
-        color: var(--color-palette-orange);
-      }
-      .text&_active_clementine,
-      &_active_clementine {
-        color: var(--color-palette-clementine);
-      }
-      .text&_active_hover_clementine,
-      &_active_hover_clementine {
-        &:hover {
-          color: var(--color-palette-clementine);
-        }
-      }
-      &_hover_clementine {
-        &:hover {
-          color: var(--color-palette-clementine);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-clementine-hover);
-          }
-        }
-      }
-      &_clementine {
-        color: var(--color-palette-clementine);
-      }
-      .text&_active_apricot,
-      &_active_apricot {
-        color: var(--color-palette-apricot);
-      }
-      .text&_active_hover_apricot,
-      &_active_hover_apricot {
-        &:hover {
-          color: var(--color-palette-apricot);
-        }
-      }
-      &_hover_apricot {
-        &:hover {
-          color: var(--color-palette-apricot);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-apricot-hover);
-          }
-        }
-      }
-      &_apricot {
-        color: var(--color-palette-apricot);
-      }
-      .text&_active_papaya,
-      &_active_papaya {
-        color: var(--color-palette-papaya);
-      }
-      .text&_active_hover_papaya,
-      &_active_hover_papaya {
-        &:hover {
-          color: var(--color-palette-papaya);
-        }
-      }
-      &_hover_papaya {
-        &:hover {
-          color: var(--color-palette-papaya);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-papaya-hover);
-          }
-        }
-      }
-      &_papaya {
-        color: var(--color-palette-papaya);
-      }
-      .text&_active_kumquat,
-      &_active_kumquat {
-        color: var(--color-palette-kumquat);
-      }
-      .text&_active_hover_kumquat,
-      &_active_hover_kumquat {
-        &:hover {
-          color: var(--color-palette-kumquat);
-        }
-      }
-      &_hover_kumquat {
-        &:hover {
-          color: var(--color-palette-kumquat);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-kumquat-hover);
-          }
-        }
-      }
-      &_kumquat {
-        color: var(--color-palette-kumquat);
-      }
-      .text&_active_light-orange,
-      &_active_light-orange {
-        color: var(--color-palette-light-orange);
-      }
-      .text&_active_hover_light-orange,
-      &_active_hover_light-orange {
-        &:hover {
-          color: var(--color-palette-light-orange);
-        }
-      }
-      &_hover_light-orange {
-        &:hover {
-          color: var(--color-palette-light-orange);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-light-orange-hover);
-          }
-        }
-      }
-      &_light-orange {
-        color: var(--color-palette-light-orange);
-      }
-      .text&_active_peach,
-      &_active_peach {
-        color: var(--color-palette-peach);
-      }
-      .text&_active_hover_peach,
-      &_active_hover_peach {
-        &:hover {
-          color: var(--color-palette-peach);
-        }
-      }
-      &_hover_peach {
-        &:hover {
-          color: var(--color-palette-peach);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-peach-hover);
-          }
-        }
-      }
-      &_peach {
-        color: var(--color-palette-peach);
-      }
-      .text&_active_flamingo,
-      &_active_flamingo {
-        color: var(--color-palette-flamingo);
-      }
-      .text&_active_hover_flamingo,
-      &_active_hover_flamingo {
-        &:hover {
-          color: var(--color-palette-flamingo);
-        }
-      }
-      &_hover_flamingo {
-        &:hover {
-          color: var(--color-palette-flamingo);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-flamingo-hover);
-          }
-        }
-      }
-      &_flamingo {
-        color: var(--color-palette-flamingo);
-      }
-      .text&_active_rose-gold,
-      &_active_rose-gold {
-        color: var(--color-palette-rose-gold);
-      }
-      .text&_active_hover_rose-gold,
-      &_active_hover_rose-gold {
-        &:hover {
-          color: var(--color-palette-rose-gold);
-        }
-      }
-      &_hover_rose-gold {
-        &:hover {
-          color: var(--color-palette-rose-gold);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-rose-gold-hover);
-          }
-        }
-      }
-      &_rose-gold {
-        color: var(--color-palette-rose-gold);
-      }
-      .text&_active_pink-sand,
-      &_active_pink-sand {
-        color: var(--color-palette-pink-sand);
-      }
-      .text&_active_hover_pink-sand,
-      &_active_hover_pink-sand {
-        &:hover {
-          color: var(--color-palette-pink-sand);
-        }
-      }
-      &_hover_pink-sand {
-        &:hover {
-          color: var(--color-palette-pink-sand);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-pink-sand-hover);
-          }
-        }
-      }
-      &_pink-sand {
-        color: var(--color-palette-pink-sand);
-      }
-      .text&_active_vintage-rose,
-      &_active_vintage-rose {
-        color: var(--color-palette-vintage-rose);
-      }
-      .text&_active_hover_vintage-rose,
-      &_active_hover_vintage-rose {
-        &:hover {
-          color: var(--color-palette-vintage-rose);
-        }
-      }
-      &_hover_vintage-rose {
-        &:hover {
-          color: var(--color-palette-vintage-rose);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-vintage-rose-hover);
-          }
-        }
-      }
-      &_vintage-rose {
-        color: var(--color-palette-vintage-rose);
-      }
-      .text&_active_grapefruit,
-      &_active_grapefruit {
-        color: var(--color-palette-grapefruit);
-      }
-      .text&_active_hover_grapefruit,
-      &_active_hover_grapefruit {
-        &:hover {
-          color: var(--color-palette-grapefruit);
-        }
-      }
-      &_hover_grapefruit {
-        &:hover {
-          color: var(--color-palette-grapefruit);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-grapefruit-hover);
-          }
-        }
-      }
-      &_grapefruit {
-        color: var(--color-palette-grapefruit);
-      }
-      .text&_active_light-pink,
-      &_active_light-pink {
-        color: var(--color-palette-light-pink);
-      }
-      .text&_active_hover_light-pink,
-      &_active_hover_light-pink {
-        &:hover {
-          color: var(--color-palette-light-pink);
-        }
-      }
-      &_hover_light-pink {
-        &:hover {
-          color: var(--color-palette-light-pink);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-light-pink-hover);
-          }
-        }
-      }
-      &_light-pink {
-        color: var(--color-palette-light-pink);
-      }
-      .text&_active_light-red,
-      &_active_light-red {
-        color: var(--color-palette-light-red);
-      }
-      .text&_active_hover_light-red,
-      &_active_hover_light-red {
-        &:hover {
-          color: var(--color-palette-light-red);
-        }
-      }
-      &_hover_light-red {
-        &:hover {
-          color: var(--color-palette-light-red);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-light-red-hover);
-          }
-        }
-      }
-      &_light-red {
-        color: var(--color-palette-light-red);
-      }
-      .text&_active_cream,
-      &_active_cream {
-        color: var(--color-palette-cream);
-      }
-      .text&_active_hover_cream,
-      &_active_hover_cream {
-        &:hover {
-          color: var(--color-palette-cream);
-        }
-      }
-      &_hover_cream {
-        &:hover {
-          color: var(--color-palette-cream);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-cream-hover);
-          }
-        }
-      }
-      &_cream {
-        color: var(--color-palette-cream);
-      }
-      .text&_active_almond,
-      &_active_almond {
-        color: var(--color-palette-almond);
-      }
-      .text&_active_hover_almond,
-      &_active_hover_almond {
-        &:hover {
-          color: var(--color-palette-almond);
-        }
-      }
-      &_hover_almond {
-        &:hover {
-          color: var(--color-palette-almond);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-almond-hover);
-          }
-        }
-      }
-      &_almond {
-        color: var(--color-palette-almond);
-      }
-      .text&_active_mellow-yellow,
-      &_active_mellow-yellow {
-        color: var(--color-palette-mellow-yellow);
-      }
-      .text&_active_hover_mellow-yellow,
-      &_active_hover_mellow-yellow {
-        &:hover {
-          color: var(--color-palette-mellow-yellow);
-        }
-      }
-      &_hover_mellow-yellow {
-        &:hover {
-          color: var(--color-palette-mellow-yellow);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-mellow-yellow-hover);
-          }
-        }
-      }
-      &_mellow-yellow {
-        color: var(--color-palette-mellow-yellow);
-      }
-      .text&_active_canary-yellow,
-      &_active_canary-yellow {
-        color: var(--color-palette-canary-yellow);
-      }
-      .text&_active_hover_canary-yellow,
-      &_active_hover_canary-yellow {
-        &:hover {
-          color: var(--color-palette-canary-yellow);
-        }
-      }
-      &_hover_canary-yellow {
-        &:hover {
-          color: var(--color-palette-canary-yellow);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-canary-yellow-hover);
-          }
-        }
-      }
-      &_canary-yellow {
-        color: var(--color-palette-canary-yellow);
-      }
-      .text&_active_pollen,
-      &_active_pollen {
-        color: var(--color-palette-pollen);
-      }
-      .text&_active_hover_pollen,
-      &_active_hover_pollen {
-        &:hover {
-          color: var(--color-palette-pollen);
-        }
-      }
-      &_hover_pollen {
-        &:hover {
-          color: var(--color-palette-pollen);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-pollen-hover);
-          }
-        }
-      }
-      &_pollen {
-        color: var(--color-palette-pollen);
-      }
-      .text&_active_flash-light,
-      &_active_flash-light {
-        color: var(--color-palette-flash-light);
-      }
-      .text&_active_hover_flash-light,
-      &_active_hover_flash-light {
-        &:hover {
-          color: var(--color-palette-flash-light);
-        }
-      }
-      &_hover_flash-light {
-        &:hover {
-          color: var(--color-palette-flash-light);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-flash-light-hover);
-          }
-        }
-      }
-      &_flash-light {
-        color: var(--color-palette-flash-light);
-      }
-      .text&_active_lemon-cream,
-      &_active_lemon-cream {
-        color: var(--color-palette-lemon-cream);
-      }
-      .text&_active_hover_lemon-cream,
-      &_active_hover_lemon-cream {
-        &:hover {
-          color: var(--color-palette-lemon-cream);
-        }
-      }
-      &_hover_lemon-cream {
-        &:hover {
-          color: var(--color-palette-lemon-cream);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-lemon-cream-hover);
-          }
-        }
-      }
-      &_lemon-cream {
-        color: var(--color-palette-lemon-cream);
-      }
-      .text&_active_flash,
-      &_active_flash {
-        color: var(--color-palette-flash);
-      }
-      .text&_active_hover_flash,
-      &_active_hover_flash {
-        &:hover {
-          color: var(--color-palette-flash);
-        }
-      }
-      &_hover_flash {
-        &:hover {
-          color: var(--color-palette-flash);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-flash-hover);
-          }
-        }
-      }
-      &_flash {
-        color: var(--color-palette-flash);
-      }
-      .text&_active_dark-green,
-      &_active_dark-green {
-        color: var(--color-palette-dark-green);
-      }
-      .text&_active_hover_dark-green,
-      &_active_hover_dark-green {
-        &:hover {
-          color: var(--color-palette-dark-green);
-        }
-      }
-      &_hover_dark-green {
-        &:hover {
-          color: var(--color-palette-dark-green);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-dark-green-hover);
-          }
-        }
-      }
-      &_dark-green {
-        color: var(--color-palette-dark-green);
-      }
-      .text&_active_green,
-      &_active_green {
-        color: var(--color-palette-green);
-      }
-      .text&_active_hover_green,
-      &_active_hover_green {
-        &:hover {
-          color: var(--color-palette-green);
-        }
-      }
-      &_hover_green {
-        &:hover {
-          color: var(--color-palette-green);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-green-hover);
-          }
-        }
-      }
-      &_green {
-        color: var(--color-palette-green);
-      }
-      .text&_active_spearmint,
-      &_active_spearmint {
-        color: var(--color-palette-spearmint);
-      }
-      .text&_active_hover_spearmint,
-      &_active_hover_spearmint {
-        &:hover {
-          color: var(--color-palette-spearmint);
-        }
-      }
-      &_hover_spearmint {
-        &:hover {
-          color: var(--color-palette-spearmint);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-spearmint-hover);
-          }
-        }
-      }
-      &_spearmint {
-        color: var(--color-palette-spearmint);
-      }
-      .text&_active_mint,
-      &_active_mint {
-        color: var(--color-palette-mint);
-      }
-      .text&_active_hover_mint,
-      &_active_hover_mint {
-        &:hover {
-          color: var(--color-palette-mint);
-        }
-      }
-      &_hover_mint {
-        &:hover {
-          color: var(--color-palette-mint);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-mint-hover);
-          }
-        }
-      }
-      &_mint {
-        color: var(--color-palette-mint);
-      }
-      .text&_active_beryl,
-      &_active_beryl {
-        color: var(--color-palette-beryl);
-      }
-      .text&_active_hover_beryl,
-      &_active_hover_beryl {
-        &:hover {
-          color: var(--color-palette-beryl);
-        }
-      }
-      &_hover_beryl {
-        &:hover {
-          color: var(--color-palette-beryl);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-beryl-hover);
-          }
-        }
-      }
-      &_beryl {
-        color: var(--color-palette-beryl);
-      }
-      .text&_active_light-green,
-      &_active_light-green {
-        color: var(--color-palette-light-green);
-      }
-      .text&_active_hover_light-green,
-      &_active_hover_light-green {
-        &:hover {
-          color: var(--color-palette-light-green);
-        }
-      }
-      &_hover_light-green {
-        &:hover {
-          color: var(--color-palette-light-green);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-light-green-hover);
-          }
-        }
-      }
-      &_light-green {
-        color: var(--color-palette-light-green);
-      }
-      .text&_active_light-sky,
-      &_active_light-sky {
-        color: var(--color-palette-light-sky);
-      }
-      .text&_active_hover_light-sky,
-      &_active_hover_light-sky {
-        &:hover {
-          color: var(--color-palette-light-sky);
-        }
-      }
-      &_hover_light-sky {
-        &:hover {
-          color: var(--color-palette-light-sky);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-light-sky-hover);
-          }
-        }
-      }
-      &_light-sky {
-        color: var(--color-palette-light-sky);
-      }
-      .text&_active_sea-foam,
-      &_active_sea-foam {
-        color: var(--color-palette-sea-foam);
-      }
-      .text&_active_hover_sea-foam,
-      &_active_hover_sea-foam {
-        &:hover {
-          color: var(--color-palette-sea-foam);
-        }
-      }
-      &_hover_sea-foam {
-        &:hover {
-          color: var(--color-palette-sea-foam);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-sea-foam-hover);
-          }
-        }
-      }
-      &_sea-foam {
-        color: var(--color-palette-sea-foam);
-      }
-      .text&_active_turquoise,
-      &_active_turquoise {
-        color: var(--color-palette-turquoise);
-      }
-      .text&_active_hover_turquoise,
-      &_active_hover_turquoise {
-        &:hover {
-          color: var(--color-palette-turquoise);
-        }
-      }
-      &_hover_turquoise {
-        &:hover {
-          color: var(--color-palette-turquoise);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-turquoise-hover);
-          }
-        }
-      }
-      &_turquoise {
-        color: var(--color-palette-turquoise);
-      }
-      .text&_active_blue,
-      &_active_blue {
-        color: var(--color-palette-blue);
-      }
-      .text&_active_hover_blue,
-      &_active_hover_blue {
-        &:hover {
-          color: var(--color-palette-blue);
-        }
-      }
-      &_hover_blue {
-        &:hover {
-          color: var(--color-palette-blue);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-blue-hover);
-          }
-        }
-      }
-      &_blue {
-        color: var(--color-palette-blue);
-      }
-      .text&_active_light-blue,
-      &_active_light-blue {
-        color: var(--color-palette-light-blue);
-      }
-      .text&_active_hover_light-blue,
-      &_active_hover_light-blue {
-        &:hover {
-          color: var(--color-palette-light-blue);
-        }
-      }
-      &_hover_light-blue {
-        &:hover {
-          color: var(--color-palette-light-blue);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-light-blue-hover);
-          }
-        }
-      }
-      &_light-blue {
-        color: var(--color-palette-light-blue);
-      }
-      .text&_active_cerulean,
-      &_active_cerulean {
-        color: var(--color-palette-cerulean);
-      }
-      .text&_active_hover_cerulean,
-      &_active_hover_cerulean {
-        &:hover {
-          color: var(--color-palette-cerulean);
-        }
-      }
-      &_hover_cerulean {
-        &:hover {
-          color: var(--color-palette-cerulean);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-cerulean-hover);
-          }
-        }
-      }
-      &_cerulean {
-        color: var(--color-palette-cerulean);
-      }
-      .text&_active_surf-blue,
-      &_active_surf-blue {
-        color: var(--color-palette-surf-blue);
-      }
-      .text&_active_hover_surf-blue,
-      &_active_hover_surf-blue {
-        &:hover {
-          color: var(--color-palette-surf-blue);
-        }
-      }
-      &_hover_surf-blue {
-        &:hover {
-          color: var(--color-palette-surf-blue);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-surf-blue-hover);
-          }
-        }
-      }
-      &_surf-blue {
-        color: var(--color-palette-surf-blue);
-      }
-      .text&_active_pacific-green,
-      &_active_pacific-green {
-        color: var(--color-palette-pacific-green);
-      }
-      .text&_active_hover_pacific-green,
-      &_active_hover_pacific-green {
-        &:hover {
-          color: var(--color-palette-pacific-green);
-        }
-      }
-      &_hover_pacific-green {
-        &:hover {
-          color: var(--color-palette-pacific-green);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-pacific-green-hover);
-          }
-        }
-      }
-      &_pacific-green {
-        color: var(--color-palette-pacific-green);
-      }
-      .text&_active_blue-cobalt,
-      &_active_blue-cobalt {
-        color: var(--color-palette-blue-cobalt);
-      }
-      .text&_active_hover_blue-cobalt,
-      &_active_hover_blue-cobalt {
-        &:hover {
-          color: var(--color-palette-blue-cobalt);
-        }
-      }
-      &_hover_blue-cobalt {
-        &:hover {
-          color: var(--color-palette-blue-cobalt);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-blue-cobalt-hover);
-          }
-        }
-      }
-      &_blue-cobalt {
-        color: var(--color-palette-blue-cobalt);
-      }
-      .text&_active_dark-teal,
-      &_active_dark-teal {
-        color: var(--color-palette-dark-teal);
-      }
-      .text&_active_hover_dark-teal,
-      &_active_hover_dark-teal {
-        &:hover {
-          color: var(--color-palette-dark-teal);
-        }
-      }
-      &_hover_dark-teal {
-        &:hover {
-          color: var(--color-palette-dark-teal);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-dark-teal-hover);
-          }
-        }
-      }
-      &_dark-teal {
-        color: var(--color-palette-dark-teal);
-      }
-      .text&_active_blue-horizon,
-      &_active_blue-horizon {
-        color: var(--color-palette-blue-horizon);
-      }
-      .text&_active_hover_blue-horizon,
-      &_active_hover_blue-horizon {
-        &:hover {
-          color: var(--color-palette-blue-horizon);
-        }
-      }
-      &_hover_blue-horizon {
-        &:hover {
-          color: var(--color-palette-blue-horizon);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-blue-horizon-hover);
-          }
-        }
-      }
-      &_blue-horizon {
-        color: var(--color-palette-blue-horizon);
-      }
-      .text&_active_denim-blue,
-      &_active_denim-blue {
-        color: var(--color-palette-denim-blue);
-      }
-      .text&_active_hover_denim-blue,
-      &_active_hover_denim-blue {
-        &:hover {
-          color: var(--color-palette-denim-blue);
-        }
-      }
-      &_hover_denim-blue {
-        &:hover {
-          color: var(--color-palette-denim-blue);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-denim-blue-hover);
-          }
-        }
-      }
-      &_denim-blue {
-        color: var(--color-palette-denim-blue);
-      }
-      .text&_active_linen-blue,
-      &_active_linen-blue {
-        color: var(--color-palette-linen-blue);
-      }
-      .text&_active_hover_linen-blue,
-      &_active_hover_linen-blue {
-        &:hover {
-          color: var(--color-palette-linen-blue);
-        }
-      }
-      &_hover_linen-blue {
-        &:hover {
-          color: var(--color-palette-linen-blue);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-linen-blue-hover);
-          }
-        }
-      }
-      &_linen-blue {
-        color: var(--color-palette-linen-blue);
-      }
-      .text&_active_deep-navy,
-      &_active_deep-navy {
-        color: var(--color-palette-deep-navy);
-      }
-      .text&_active_hover_deep-navy,
-      &_active_hover_deep-navy {
-        &:hover {
-          color: var(--color-palette-deep-navy);
-        }
-      }
-      &_hover_deep-navy {
-        &:hover {
-          color: var(--color-palette-deep-navy);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-deep-navy-hover);
-          }
-        }
-      }
-      &_deep-navy {
-        color: var(--color-palette-deep-navy);
-      }
-      .text&_active_midnight-blue,
-      &_active_midnight-blue {
-        color: var(--color-palette-midnight-blue);
-      }
-      .text&_active_hover_midnight-blue,
-      &_active_hover_midnight-blue {
-        &:hover {
-          color: var(--color-palette-midnight-blue);
-        }
-      }
-      &_hover_midnight-blue {
-        &:hover {
-          color: var(--color-palette-midnight-blue);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-midnight-blue-hover);
-          }
-        }
-      }
-      &_midnight-blue {
-        color: var(--color-palette-midnight-blue);
-      }
-      .text&_active_purple,
-      &_active_purple {
-        color: var(--color-palette-purple);
-      }
-      .text&_active_hover_purple,
-      &_active_hover_purple {
-        &:hover {
-          color: var(--color-palette-purple);
-        }
-      }
-      &_hover_purple {
-        &:hover {
-          color: var(--color-palette-purple);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-purple-hover);
-          }
-        }
-      }
-      &_purple {
-        color: var(--color-palette-purple);
-      }
-      .text&_active_ultra-violet,
-      &_active_ultra-violet {
-        color: var(--color-palette-ultra-violet);
-      }
-      .text&_active_hover_ultra-violet,
-      &_active_hover_ultra-violet {
-        &:hover {
-          color: var(--color-palette-ultra-violet);
-        }
-      }
-      &_hover_ultra-violet {
-        &:hover {
-          color: var(--color-palette-ultra-violet);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-ultra-violet-hover);
-          }
-        }
-      }
-      &_ultra-violet {
-        color: var(--color-palette-ultra-violet);
-      }
-      .text&_active_lilac,
-      &_active_lilac {
-        color: var(--color-palette-lilac);
-      }
-      .text&_active_hover_lilac,
-      &_active_hover_lilac {
-        &:hover {
-          color: var(--color-palette-lilac);
-        }
-      }
-      &_hover_lilac {
-        &:hover {
-          color: var(--color-palette-lilac);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-lilac-hover);
-          }
-        }
-      }
-      &_lilac {
-        color: var(--color-palette-lilac);
-      }
-      .text&_active_ocean-blue,
-      &_active_ocean-blue {
-        color: var(--color-palette-ocean-blue);
-      }
-      .text&_active_hover_ocean-blue,
-      &_active_hover_ocean-blue {
-        &:hover {
-          color: var(--color-palette-ocean-blue);
-        }
-      }
-      &_hover_ocean-blue {
-        &:hover {
-          color: var(--color-palette-ocean-blue);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-ocean-blue-hover);
-          }
-        }
-      }
-      &_ocean-blue {
-        color: var(--color-palette-ocean-blue);
-      }
-      .text&_active_delft-blue,
-      &_active_delft-blue {
-        color: var(--color-palette-delft-blue);
-      }
-      .text&_active_hover_delft-blue,
-      &_active_hover_delft-blue {
-        &:hover {
-          color: var(--color-palette-delft-blue);
-        }
-      }
-      &_hover_delft-blue {
-        &:hover {
-          color: var(--color-palette-delft-blue);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-delft-blue-hover);
-          }
-        }
-      }
-      &_delft-blue {
-        color: var(--color-palette-delft-blue);
-      }
-      .text&_active_indigo,
-      &_active_indigo {
-        color: var(--color-palette-indigo);
-      }
-      .text&_active_hover_indigo,
-      &_active_hover_indigo {
-        &:hover {
-          color: var(--color-palette-indigo);
-        }
-      }
-      &_hover_indigo {
-        &:hover {
-          color: var(--color-palette-indigo);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-indigo-hover);
-          }
-        }
-      }
-      &_indigo {
-        color: var(--color-palette-indigo);
-      }
-      .text&_active_lavender-gray,
-      &_active_lavender-gray {
-        color: var(--color-palette-lavender-gray);
-      }
-      .text&_active_hover_lavender-gray,
-      &_active_hover_lavender-gray {
-        &:hover {
-          color: var(--color-palette-lavender-gray);
-        }
-      }
-      &_hover_lavender-gray {
-        &:hover {
-          color: var(--color-palette-lavender-gray);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-lavender-gray-hover);
-          }
-        }
-      }
-      &_lavender-gray {
-        color: var(--color-palette-lavender-gray);
-      }
-      .text&_active_lavender,
-      &_active_lavender {
-        color: var(--color-palette-lavender);
-      }
-      .text&_active_hover_lavender,
-      &_active_hover_lavender {
-        &:hover {
-          color: var(--color-palette-lavender);
-        }
-      }
-      &_hover_lavender {
-        &:hover {
-          color: var(--color-palette-lavender);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-lavender-hover);
-          }
-        }
-      }
-      &_lavender {
-        color: var(--color-palette-lavender);
-      }
-      .text&_active_mist-blue,
-      &_active_mist-blue {
-        color: var(--color-palette-mist-blue);
-      }
-      .text&_active_hover_mist-blue,
-      &_active_hover_mist-blue {
-        &:hover {
-          color: var(--color-palette-mist-blue);
-        }
-      }
-      &_hover_mist-blue {
-        &:hover {
-          color: var(--color-palette-mist-blue);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-mist-blue-hover);
-          }
-        }
-      }
-      &_mist-blue {
-        color: var(--color-palette-mist-blue);
-      }
-      .text&_active_storm-gray,
-      &_active_storm-gray {
-        color: var(--color-palette-storm-gray);
-      }
-      .text&_active_hover_storm-gray,
-      &_active_hover_storm-gray {
-        &:hover {
-          color: var(--color-palette-storm-gray);
-        }
-      }
-      &_hover_storm-gray {
-        &:hover {
-          color: var(--color-palette-storm-gray);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-storm-gray-hover);
-          }
-        }
-      }
-      &_storm-gray {
-        color: var(--color-palette-storm-gray);
-      }
-      .text&_active_cactus,
-      &_active_cactus {
-        color: var(--color-palette-cactus);
-      }
-      .text&_active_hover_cactus,
-      &_active_hover_cactus {
-        &:hover {
-          color: var(--color-palette-cactus);
-        }
-      }
-      &_hover_cactus {
-        &:hover {
-          color: var(--color-palette-cactus);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-cactus-hover);
-          }
-        }
-      }
-      &_cactus {
-        color: var(--color-palette-cactus);
-      }
-      .text&_active_pine-green,
-      &_active_pine-green {
-        color: var(--color-palette-pine-green);
-      }
-      .text&_active_hover_pine-green,
-      &_active_hover_pine-green {
-        &:hover {
-          color: var(--color-palette-pine-green);
-        }
-      }
-      &_hover_pine-green {
-        &:hover {
-          color: var(--color-palette-pine-green);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-pine-green-hover);
-          }
-        }
-      }
-      &_pine-green {
-        color: var(--color-palette-pine-green);
-      }
-      .text&_active_cyprus-green,
-      &_active_cyprus-green {
-        color: var(--color-palette-cyprus-green);
-      }
-      .text&_active_hover_cyprus-green,
-      &_active_hover_cyprus-green {
-        &:hover {
-          color: var(--color-palette-cyprus-green);
-        }
-      }
-      &_hover_cyprus-green {
-        &:hover {
-          color: var(--color-palette-cyprus-green);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-cyprus-green-hover);
-          }
-        }
-      }
-      &_cyprus-green {
-        color: var(--color-palette-cyprus-green);
-      }
-      .text&_active_northern-blue,
-      &_active_northern-blue {
-        color: var(--color-palette-northern-blue);
-      }
-      .text&_active_hover_northern-blue,
-      &_active_hover_northern-blue {
-        &:hover {
-          color: var(--color-palette-northern-blue);
-        }
-      }
-      &_hover_northern-blue {
-        &:hover {
-          color: var(--color-palette-northern-blue);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-northern-blue-hover);
-          }
-        }
-      }
-      &_northern-blue {
-        color: var(--color-palette-northern-blue);
-      }
-      .text&_active_azure,
-      &_active_azure {
-        color: var(--color-palette-azure);
-      }
-      .text&_active_hover_azure,
-      &_active_hover_azure {
-        &:hover {
-          color: var(--color-palette-azure);
-        }
-      }
-      &_hover_azure {
-        &:hover {
-          color: var(--color-palette-azure);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-azure-hover);
-          }
-        }
-      }
-      &_azure {
-        color: var(--color-palette-azure);
-      }
-      .text&_active_alaskan-blue,
-      &_active_alaskan-blue {
-        color: var(--color-palette-alaskan-blue);
-      }
-      .text&_active_hover_alaskan-blue,
-      &_active_hover_alaskan-blue {
-        &:hover {
-          color: var(--color-palette-alaskan-blue);
-        }
-      }
-      &_hover_alaskan-blue {
-        &:hover {
-          color: var(--color-palette-alaskan-blue);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-alaskan-blue-hover);
-          }
-        }
-      }
-      &_alaskan-blue {
-        color: var(--color-palette-alaskan-blue);
-      }
-      .text&_active_khaki,
-      &_active_khaki {
-        color: var(--color-palette-khaki);
-      }
-      .text&_active_hover_khaki,
-      &_active_hover_khaki {
-        &:hover {
-          color: var(--color-palette-khaki);
-        }
-      }
-      &_hover_khaki {
-        &:hover {
-          color: var(--color-palette-khaki);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-khaki-hover);
-          }
-        }
-      }
-      &_khaki {
-        color: var(--color-palette-khaki);
-      }
-      .text&_active_dark-olive,
-      &_active_dark-olive {
-        color: var(--color-palette-dark-olive);
-      }
-      .text&_active_hover_dark-olive,
-      &_active_hover_dark-olive {
-        &:hover {
-          color: var(--color-palette-dark-olive);
-        }
-      }
-      &_hover_dark-olive {
-        &:hover {
-          color: var(--color-palette-dark-olive);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-dark-olive-hover);
-          }
-        }
-      }
-      &_dark-olive {
-        color: var(--color-palette-dark-olive);
-      }
-      .text&_active_soft-white,
-      &_active_soft-white {
-        color: var(--color-palette-soft-white);
-      }
-      .text&_active_hover_soft-white,
-      &_active_hover_soft-white {
-        &:hover {
-          color: var(--color-palette-soft-white);
-        }
-      }
-      &_hover_soft-white {
-        &:hover {
-          color: var(--color-palette-soft-white);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-soft-white-hover);
-          }
-        }
-      }
-      &_soft-white {
-        color: var(--color-palette-soft-white);
-      }
-      .text&_active_antique-white,
-      &_active_antique-white {
-        color: var(--color-palette-antique-white);
-      }
-      .text&_active_hover_antique-white,
-      &_active_hover_antique-white {
-        &:hover {
-          color: var(--color-palette-antique-white);
-        }
-      }
-      &_hover_antique-white {
-        &:hover {
-          color: var(--color-palette-antique-white);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-antique-white-hover);
-          }
-        }
-      }
-      &_antique-white {
-        color: var(--color-palette-antique-white);
-      }
-      .text&_active_yellow-gold,
-      &_active_yellow-gold {
-        color: var(--color-palette-yellow-gold);
-      }
-      .text&_active_hover_yellow-gold,
-      &_active_hover_yellow-gold {
-        &:hover {
-          color: var(--color-palette-yellow-gold);
-        }
-      }
-      &_hover_yellow-gold {
-        &:hover {
-          color: var(--color-palette-yellow-gold);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-yellow-gold-hover);
-          }
-        }
-      }
-      &_yellow-gold {
-        color: var(--color-palette-yellow-gold);
-      }
-      .text&_active_gold,
-      &_active_gold {
-        color: var(--color-palette-gold);
-      }
-      .text&_active_hover_gold,
-      &_active_hover_gold {
-        &:hover {
-          color: var(--color-palette-gold);
-        }
-      }
-      &_hover_gold {
-        &:hover {
-          color: var(--color-palette-gold);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-gold-hover);
-          }
-        }
-      }
-      &_gold {
-        color: var(--color-palette-gold);
-      }
-      .text&_active_camel,
-      &_active_camel {
-        color: var(--color-palette-camel);
-      }
-      .text&_active_hover_camel,
-      &_active_hover_camel {
-        &:hover {
-          color: var(--color-palette-camel);
-        }
-      }
-      &_hover_camel {
-        &:hover {
-          color: var(--color-palette-camel);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-camel-hover);
-          }
-        }
-      }
-      &_camel {
-        color: var(--color-palette-camel);
-      }
-      .text&_active_walnut,
-      &_active_walnut {
-        color: var(--color-palette-walnut);
-      }
-      .text&_active_hover_walnut,
-      &_active_hover_walnut {
-        &:hover {
-          color: var(--color-palette-walnut);
-        }
-      }
-      &_hover_walnut {
-        &:hover {
-          color: var(--color-palette-walnut);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-walnut-hover);
-          }
-        }
-      }
-      &_walnut {
-        color: var(--color-palette-walnut);
-      }
-      .text&_active_stone,
-      &_active_stone {
-        color: var(--color-palette-stone);
-      }
-      .text&_active_hover_stone,
-      &_active_hover_stone {
-        &:hover {
-          color: var(--color-palette-stone);
-        }
-      }
-      &_hover_stone {
-        &:hover {
-          color: var(--color-palette-stone);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-stone-hover);
-          }
-        }
-      }
-      &_stone {
-        color: var(--color-palette-stone);
-      }
-      .text&_active_pebble,
-      &_active_pebble {
-        color: var(--color-palette-pebble);
-      }
-      .text&_active_hover_pebble,
-      &_active_hover_pebble {
-        &:hover {
-          color: var(--color-palette-pebble);
-        }
-      }
-      &_hover_pebble {
-        &:hover {
-          color: var(--color-palette-pebble);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-pebble-hover);
-          }
-        }
-      }
-      &_pebble {
-        color: var(--color-palette-pebble);
-      }
-      .text&_active_cocoa,
-      &_active_cocoa {
-        color: var(--color-palette-cocoa);
-      }
-      .text&_active_hover_cocoa,
-      &_active_hover_cocoa {
-        &:hover {
-          color: var(--color-palette-cocoa);
-        }
-      }
-      &_hover_cocoa {
-        &:hover {
-          color: var(--color-palette-cocoa);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-cocoa-hover);
-          }
-        }
-      }
-      &_cocoa {
-        color: var(--color-palette-cocoa);
-      }
-      .text&_active_coastal-gray,
-      &_active_coastal-gray {
-        color: var(--color-palette-coastal-gray);
-      }
-      .text&_active_hover_coastal-gray,
-      &_active_hover_coastal-gray {
-        &:hover {
-          color: var(--color-palette-coastal-gray);
-        }
-      }
-      &_hover_coastal-gray {
-        &:hover {
-          color: var(--color-palette-coastal-gray);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-coastal-gray-hover);
-          }
-        }
-      }
-      &_coastal-gray {
-        color: var(--color-palette-coastal-gray);
-      }
-      .text&_active_white,
-      &_active_white {
-        color: var(--color-palette-white);
-      }
-      .text&_active_hover_white,
-      &_active_hover_white {
-        &:hover {
-          color: var(--color-palette-white);
-        }
-      }
-      &_hover_white {
-        &:hover {
-          color: var(--color-palette-white);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-white-hover);
-          }
-        }
-      }
-      &_white {
-        color: var(--color-palette-white);
-      }
-      .text&_active_black,
-      &_active_black {
-        color: var(--color-palette-black);
-      }
-      .text&_active_hover_black,
-      &_active_hover_black {
-        &:hover {
-          color: var(--color-palette-black);
-        }
-      }
-      &_hover_black {
-        &:hover {
-          color: var(--color-palette-black);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-black-hover);
-          }
-        }
-      }
-      &_black {
-        color: var(--color-palette-black);
-      }
-      .text&_active_outer-space,
-      &_active_outer-space {
-        color: var(--color-palette-outer-space);
-      }
-      .text&_active_hover_outer-space,
-      &_active_hover_outer-space {
-        &:hover {
-          color: var(--color-palette-outer-space);
-        }
-      }
-      &_hover_outer-space {
-        &:hover {
-          color: var(--color-palette-outer-space);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-outer-space-hover);
-          }
-        }
-      }
-      &_outer-space {
-        color: var(--color-palette-outer-space);
-      }
-      .text&_active_graphite-grey,
-      &_active_graphite-grey {
-        color: var(--color-palette-graphite-grey);
-      }
-      .text&_active_hover_graphite-grey,
-      &_active_hover_graphite-grey {
-        &:hover {
-          color: var(--color-palette-graphite-grey);
-        }
-      }
-      &_hover_graphite-grey {
-        &:hover {
-          color: var(--color-palette-graphite-grey);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-graphite-grey-hover);
-          }
-        }
-      }
-      &_graphite-grey {
-        color: var(--color-palette-graphite-grey);
-      }
-      .text&_active_alto,
-      &_active_alto {
-        color: var(--color-palette-alto);
-      }
-      .text&_active_hover_alto,
-      &_active_hover_alto {
-        &:hover {
-          color: var(--color-palette-alto);
-        }
-      }
-      &_hover_alto {
-        &:hover {
-          color: var(--color-palette-alto);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-alto-hover);
-          }
-        }
-      }
-      &_alto {
-        color: var(--color-palette-alto);
-      }
-      .text&_active_athens-gray,
-      &_active_athens-gray {
-        color: var(--color-palette-athens-gray);
-      }
-      .text&_active_hover_athens-gray,
-      &_active_hover_athens-gray {
-        &:hover {
-          color: var(--color-palette-athens-gray);
-        }
-      }
-      &_hover_athens-gray {
-        &:hover {
-          color: var(--color-palette-athens-gray);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-athens-gray-hover);
-          }
-        }
-      }
-      &_athens-gray {
-        color: var(--color-palette-athens-gray);
-      }
-      .text&_active_sonic-silver,
-      &_active_sonic-silver {
-        color: var(--color-palette-sonic-silver);
-      }
-      .text&_active_hover_sonic-silver,
-      &_active_hover_sonic-silver {
-        &:hover {
-          color: var(--color-palette-sonic-silver);
-        }
-      }
-      &_hover_sonic-silver {
-        &:hover {
-          color: var(--color-palette-sonic-silver);
-        }
-        &-hover {
-          &:hover {
-            color: var(--color-palette-sonic-silver-hover);
-          }
-        }
-      }
-      &_sonic-silver {
-        color: var(--color-palette-sonic-silver);
-      }
-  }
-}