.page-container {
  display: block;
}
:checked ~ .usable_input,
.used_checkbox:checked ~ .premade_move,
.used_checkbox:checked ~ .custom_move {
  color: #808080;
  text-decoration: line-through;
}
.is_move_custom:checked ~ .premade_move {
  display: none;
}
.is_move_custom:not(:checked) ~ .custom_move {
  display: none;
}
.title-header {
  font-size: 0px;
  width: 90%;
  height: 150px;
}
header {
  margin-bottom: 1em;
}
.title-header:before {
  background: url("https://raw.githubusercontent.com/AuthorX/roll20-character-sheets/master/Heartbeats/logo_heartbeats.png") no-repeat;
  background-size: contain;
  position: absolute;
  width: inherit;
  height: inherit;
  content: "";
}
.characterviewer {
  height: 100%;
}
.characterviewer .tab-content {
  height: calc(100% - 82px);
}
.characterviewer .tab-content .sheetform {
  height: 100%;
}
.characterviewer .tab-content .sheetform .charsheet {
  background: url("https://raw.githubusercontent.com/AuthorX/roll20-character-sheets/master/Heartbeats/margin_line.png") no-repeat right;
  background-size: 50px 100%;
/* background url("https://i.imgur.com/a3c9e6c.png") no-repeat right top 20px,
url("https://i.imgur.com/M9O9v83.png") no-repeat right
        background-size 50px, 50px 100% */
  padding-right: 25px;
  height: 100%;
}
aside {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-evenly;
  float: right;
  margin-right: -25px;
  width: 50px;
  height: 100%;
}
.slider-value,
.slider-max,
.slider-icon {
  display: none;
}
.slider-icon {
  width: 50px;
  height: 50px;
  flex-grow: 1;
}
.slider-value:checked + .slider-icon {
  background: url("https://raw.githubusercontent.com/AuthorX/roll20-character-sheets/master/Heartbeats/margin_pulse.png") no-repeat;
  background-size: 50px 100%;
}
.slider-max:checked ~ .slider-icon {
  display: block;
}
main {
  display: flex;
  flex-wrap: wrap;
}
.col2 {
  flex: 50%;
  min-width: 350px;
}
.characterviewer .row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 1em;
}
.characterviewer .row label {
  margin: 0;
  padding: 0;
}
.characterviewer .row input[type='text'] {
  flex: 1 1;
}
.characterviewer .row * {
  margin: 0 0.5em;
}
.component {
  display: block;
}
.sheet-rolltemplate-sheetname {
  display: block;
}