.tf2_highlight::selection {
  background: #DABDAB;
}

/* edmund is a dick, this looks even worse to me */

.qua_unique,
.att_level,
.att_neutral,
.att_positive,
.att_negative,
.att_grade_text {
  font-family: TF2 Secondary, Verdana, Geneva, sans-serif;
  font-size: 15px;
  white-space: normal;
  word-break: break-word;
}
.qua_unique {
    color: rgb(255,215,0);
}
.att_level {
    color: #756B5E;
}
.att_neutral {
    color: #EBE2CA;
}
.att_positive {
    color: #99CCFF;
}
.att_negative {
    color: #FF4040;
}
.attribute_settings_wrapper {
  padding: 5px;
  display: flex;
  align-items: stretch;
}
.movement_buttons_wrapper {
  display: inline-flex;
  flex-direction: column;
  vertical-align: top;
}
.att_set_child_completion_true {
  color: #96b104;
  white-space: normal;
  word-break: break-word;
}
.att_set_child_completion_false {
  color: #8c8a8a;
  white-space: normal;
  word-break: break-word;
}
.att_set_name {
  color: #e2ff07;
}
.att_unusual {
  color: #8650AC;
}
.set_bonus_complete {
  color: #9acdfe;
}
.icons {
  width:26px;
  height:26px;
  float:right;
  left:86px;
  position:absolute;
  top:6px;


  display: flex;
  flex-flow: column;
  flex-direction: column;
}
.classlist {
  position: absolute;
  display: grid;
  height: 90px;
  width: 90px;
  grid-template-columns: repeat(auto-fit, 25px);
  padding-left: 5px;
  align-content: start;
}
.classlist a {
  width: 100%;
  display:block;
}
img {
  max-width: 100%;
}
.card_credits {
  position: absolute;
  bottom: 5px;
  left: 10px;
  width: 95%;
}
.card_credits text {
  fill: #ff66009f;
  left: 0px;
  width: 100%;
}
.card_credits text a {
  fill: inherit;
  text-decoration: underline;
  cursor: pointer;
}
.card_credits text a:hover {
  fill: #ff6600;
}
.textarea[contenteditable]:empty::before {
  content: 'Credit string. You can write HTML code here to put links. Example: <a href="https://youtu.be/Az-mGR-CehY">click me!</a>. Links will only work if the card is downloaded as an SVG. Do not write too much or it will not fit and will be too tiny.';
  color: rgb(87, 87, 87);
}
.example_shelf {
  display: flex;
  overflow-x: auto;
  align-items: center;
}
.example_shelf .example {
  display: inline-block;
  padding:5px;
  justify-content: center;
  align-items: center;
  width: min-content;
}
.attribute_settings_wrapper input, button, select {
  margin:0;
}
.attribute_settings_wrapper .checkbox-wrapper {
  width: 248px;
  margin:0;
  padding:0;
}
#classlist img {
  vertical-align: middle;
  width: 25px;
}
.tf2_highlight ::selection {
  background: #ffae007a;
}