@use "./inputs-styles.scss" as *;
@use "./buttons-styles.scss" as *;
@use "./variables.scss" as *;
@use "./dialogs.scss" as *;
@use "./buttons-styles.scss" as *;
@use "./categories.scss" as *;
@use "./overlays.scss" as *;
@use "./animations.scss" as *;
@use "./tooltip.scss" as *;

@include button-styles();

*[tabindex]:focus {
  outline: 1px var(--default-border-color) dotted;
}

.clickable {
  cursor: pointer;
}

obl-chemical-text {
  .background {
    color: var(--obl-chemical-text--background-color, white);
    background-color: var(--obl-chemical-text-color, green);
    border: 1px solid gray;
    padding: 5px;
    margin-right: 2px;
    display: inline-block;
  }

  .color {
    color: var(--obl-chemical-text-color, green);
  }
}