/*! Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license. */
/*! Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license. */
/**
  * Contextual color names which express their intended use.
  * Duplication is ok, intent is more important.
  */
/*! Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license. */
/**
  * Avoid accessing these variables directly in other files. Instead
  * map them to meaningful, contextual variable names in colors.css
  */
/* Blue */
/* Gray */
/* Yellow */
/* Red */
/* Green */
.y-editableText--clickable {
  color: #646d7a;
}
.y-editableText--clickable:active, .y-editableText--clickable:focus, .y-editableText--clickable:hover {
  color: #495361;
}
.y-editableText--clickableText {
  padding-left: 0.2rem;
}
.y-editableText--clickable:active > .y-editableText--clickableText, .y-editableText--clickable:focus > .y-editableText--clickableText, .y-editableText--clickable:hover > .y-editableText--clickableText {
  text-decoration: underline;
}