roll20-character-sheets/Savage Worlds - Graph Paper/SavageWorldsGraphPaper.css

@import url("https://fonts.googleapis.com/css?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap");
.charsheet {
  padding: 0 !important;
}

.charsheet button[type=roll] {
  text-shadow: none;
  font-size: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
}

.charsheet button[type=roll]::before {
  display: none;
}

.charsheet button[type=roll]:hover, .charsheet button[type=roll]:focus, .charsheet button[type=roll]:active {
  background-color: transparent;
  box-shadow: none;
}

.repcontrol {
  position: absolute;
  bottom: -1px;
  right: 0;
  z-index: 2;
  display: flex;
}

.repcontrol button.btn {
  position: relative;
  color: transparent;
  font-size: 0;
  height: 16px;
  width: 16px;
  transition: color .3s ease-in-out, opacity .3s ease-in-out;
}

.repcontrol button.btn::after, .repcontrol button.btn::before {
  transition: color .3s ease-in-out, opacity .3s ease-in-out;
}

.repcontrol button.btn:hover, .repcontrol button.btn:focus, .repcontrol button.btn:active {
  background-color: transparent;
  box-shadow: none;
}

.repcontrol button.btn::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d6d6d6;
  font-family: Pictos;
  font-size: 12px;
  line-height: 1;
  height: 100%;
  width: 100%;
}

.repcontrol button.btn:hover::after {
  color: #606060;
}

.repcontrol button.btn:active::after {
  color: black;
}

.repcontrol button.btn.repcontrol_add {
  order: 1;
}

.repcontrol button.btn.repcontrol_add::after {
  content: '&';
}

.repcontrol button.btn.repcontrol_edit {
  order: 2;
  float: none;
}

.repcontrol button.btn.repcontrol_edit::after {
  content: '_';
}

.repcontainer.editmode + .repcontrol button.repcontrol_edit::after {
  content: '3';
}

.repcontainer.editmode .sheet-repitem__note-box,
.repcontainer.editmode .sheet-repitem__settings {
  display: none;
}

.repcontainer.editmode .itemcontrol {
  z-index: 10;
  display: flex !important;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.5) !important;
  border-radius: 2px;
  margin: 0 2px;
  width: calc(100% - 4px) !important;
}

.repcontainer.editmode .itemcontrol a.repcontrol_move {
  order: 1;
  font-size: 18px;
  border-radius: 2px 0 0 2px;
  padding: 0 2px 0 0;
}

.repcontainer.editmode .itemcontrol button.repcontrol_del {
  order: 2;
  float: none !important;
  font-family: Pictos;
  font-size: 12px;
  border-radius: 0 2px 2px 0;
  padding: 0 0 0 4px;
}

.repcontainer.editmode .itemcontrol a.repcontrol_move,
.repcontainer.editmode .itemcontrol button.repcontrol_del {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  text-shadow: none;
  color: #404040;
  line-height: 1;
  border: 0;
  height: 100%;
  width: 20px;
  box-shadow: none;
}

.repcontainer.editmode .itemcontrol a.repcontrol_move:hover,
.repcontainer.editmode .itemcontrol button.repcontrol_del:hover {
  color: black !important;
}

.repcontainer.editmode .itemcontrol a.repcontrol_move:active,
.repcontainer.editmode .itemcontrol button.repcontrol_del:active {
  color: black !important;
  box-shadow: none;
  background: #fff;
}

.repcontainer.editmode div.repitem:hover .itemcontrol {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

*,
::before,
::after {
  box-sizing: border-box;
}

p {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 8px 0;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul li b:first-child {
  display: inline-block;
  padding-right: 8px;
  min-width: 96px;
}

textarea,
select,
button,
fieldset,
input,
option,
label {
  display: flex;
  background-color: transparent;
  background-image: none;
  font-family: inherit;
  font-weight: 400;
  text-decoration: none;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: 0 !important;
  min-width: 0;
  box-shadow: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

textarea::placeholder,
select::placeholder,
button::placeholder,
fieldset::placeholder,
input::placeholder,
option::placeholder,
label::placeholder {
  color: #d6d6d6;
}

button,
label,
input[type=checkbox],
input[type=radio] {
  cursor: pointer;
}

button:hover, button:hover > span,
button > span:hover,
button > span:hover > span {
  color: #303030 !important;
}

button[type=action] {
  color: #606060;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
}

input[type=text]:not(.sheet-hex) {
  background-color: transparent;
  color: #404040;
  font-size: 10px;
  line-height: 20px;
  text-overflow: ellipsis;
}

input[type=text]:not(.sheet-hex)::placeholder {
  font-size: 8px;
  line-height: 20px;
}

input[type=text]:not(.sheet-hex):not(.sheet-align-left) {
  text-align: center;
}

input[type=hidden] {
  display: none;
}

textarea {
  color: #606060;
  font-size: 9px;
  line-height: 1.6;
  width: 100%;
  resize: none;
}

input.sheet-checkbox[type=checkbox] {
  background-color: #fff;
  border: 1px solid #808080;
  border-radius: 2px;
  height: 10px;
  width: 10px;
}

input.sheet-checkbox[type=checkbox]::before {
  content: '';
  display: block;
  border-radius: 1px;
  margin: 1px 0 0 1px;
  height: 6px;
  width: 6px;
}

input.sheet-checkbox[type=checkbox]:checked::before {
  background-color: #808080;
}

.sheet-wrapper {
  text-align: center;
}

.sheet-body {
  color: #404040;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 10px;
  line-height: 1;
  text-align: left;
  background-image: linear-gradient(to right, #fbfbfb 1px, transparent 1px), linear-gradient(to bottom, #fbfbfb 1px, transparent 1px);
  background-size: 8px 8px;
  background-position: -1px -1px;
  padding-top: 8px;
  margin: 0 auto;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.sheet-body > div {
  margin: 0 auto;
}

.sheet-body ~ rolltemplate {
  display: none;
}

.sheet-variant-radio {
  display: inline-block;
}

.sheet-variant-radio::after {
  content: '';
  display: inline-block;
  padding: 3px;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
}

.sheet-variant-radio:checked::after {
  background-color: #e0e0e0;
}

.sheet-variant-radio--wildcard:checked ~ .sheet-body {
  width: 800px;
}

.sheet-variant-radio--wildcard:checked ~ .sheet-body .sheet-extra {
  display: none;
}

.sheet-variant-radio--extra:checked ~ .sheet-body {
  width: 474px;
}

.sheet-variant-radio--extra:checked ~ .sheet-body .sheet-wildcard {
  display: none;
}

.sheet-wildcard .sheet-section {
  display: flex;
  justify-content: space-between;
}

.sheet-wildcard .sheet-section > .sheet-left {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 470px;
}

.sheet-wildcard .sheet-section > .sheet-right {
  flex-grow: 1;
}

.sheet-hidden {
  display: none;
}

.sheet-block {
  position: relative;
  margin-top: 40px;
}

.sheet-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 4px;
  border-bottom: 1px dotted #e0e0e0;
  height: 16px;
}

.sheet-header__title {
  display: block;
  flex-grow: 1;
  color: #606060;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.sheet-header__labels {
  display: flex;
  align-items: flex-end;
  line-height: 8px;
  text-align: center;
  text-transform: uppercase;
  padding-right: 16px;
  margin-bottom: -2px;
}

.sheet-header__labels > span {
  display: block;
}

.sheet-label,
.sheet-header__labels * {
  color: #b0b0b0;
  font-size: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sheet-large-label {
  color: #606060;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sheet-footer {
  color: #606060;
  line-height: 16px;
  height: 16px;
}

.sheet-toggle:not(:checked):not(.sheet-toggle--special) + *, .sheet-toggle:not(:checked):not(.sheet-toggle--special) ~ .repcontainer, .sheet-toggle:not(:checked):not(.sheet-toggle--special) ~ .repcontrol {
  display: none;
}

.sheet-toggle::after {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #808080;
  line-height: 1;
  width: 16px;
}

.sheet-toggle:checked::after {
  color: #606060;
}

.sheet-toggle--block {
  display: none;
}

.sheet-toggle--visibility {
  position: absolute;
  top: 4px;
  right: 0;
}

.sheet-toggle--visibility::after {
  content: '`';
  color: #d6d6d6;
  font-size: 10px;
  font-family: Pictos;
  height: 10px;
}

.sheet-toggle--visibility:checked::after {
  color: #d6d6d6;
}

.sheet-toggle--visibility:checked::after {
  content: 'J';
}

.sheet-toggle--arrow {
  position: absolute;
  right: 0;
  top: 0;
}

.sheet-toggle--arrow::after {
  content: '►';
  font-size: 8px;
  line-height: 20px;
  height: 20px;
  width: 20px;
  transform-origin: 9px 10px;
  transition: transform .3s ease-in-out;
}

.sheet-toggle--arrow:checked::after {
  transform: rotate(90deg);
}

.sheet-toggle--settings::after, .sheet-toggle--note-box::after, .sheet-toggle--loss::after {
  color: #b0b0b0;
  font-family: Pictos;
  font-size: 10px;
  padding-top: 1px;
  width: 10px;
}

.sheet-toggle--settings::after {
  content: 'y';
}

.sheet-toggle--note-box::after {
  content: 'n';
}

.sheet-toggle--loss::after {
  content: 'Q';
}

.sheet-toggle--weight::after {
  content: 'V';
  color: #b0b0b0;
  font-family: Pictos;
  font-size: 12px;
  padding-top: 1px;
  width: 10px;
  transform: rotateZ(-90deg) scaleX(0.75);
}

.sheet-toggle--spoiler::after {
  content: '&';
  color: #606060;
  font-family: Pictos;
  font-size: 10px;
  height: 100%;
}

.sheet-toggle--spoiler:checked::after {
  content: '_';
}

.sheet-toggle--list-roll:not(:checked) ~ .sheet-repitem__skill-roll {
  display: none;
}

.sheet-radio-track {
  position: relative;
  flex-shrink: 0;
  background-color: #fff;
  box-shadow: 0 0 1.5px 0 rgba(0, 0, 0, 0.5);
}

.sheet-radio-track::before {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 9px;
  height: 100%;
  width: 100%;
}

.sheet-radio-track::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  border-radius: inherit;
  height: 0;
  width: 0;
  transform: translate(-50%, -50%);
  transition: height .3s ease-in-out, width .3s ease-in-out, background-color .1s ease-in-out;
}

.sheet-radio-track:hover::after, .sheet-radio-track:hover ~ .sheet-radio-track:not(:checked)::after {
  background-color: #f2f2f2;
  height: 60%;
  width: 60%;
}

.sheet-radio-track:checked::after,
.sheet-radio-track:checked ~ .sheet-radio-track:not(:checked)::after {
  background-color: #898989;
  height: 100%;
  width: 100%;
  transition-duration: .1s;
}

.sheet-tooltip {
  pointer-events: none;
  position: absolute;
  display: flex;
  align-items: center;
  background-color: #606060;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  padding: 2px 6px;
  border-radius: 2px;
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.sheet-tooltip span:not(:last-child) {
  margin-right: 2px;
}

.sheet-tooltip::after {
  content: '';
  position: absolute;
  height: 10px;
  width: 10px;
}

.sheet-tooltip--left {
  top: 50%;
  left: -6px;
  transform: translate(-100%, -50%);
}

.sheet-tooltip--left::after {
  top: 50%;
  right: -8px;
  border: 5px solid transparent;
  border-left-color: #606060;
  transform: translateY(-50%);
}

.sheet-tooltip--top {
  top: -6px;
  left: 50%;
  transform: translate(-50%, -100%);
}

.sheet-tooltip--top::after {
  bottom: -8px;
  left: 50%;
  border: 5px solid transparent;
  border-top-color: #606060;
  transform: translateX(-50%);
}

.sheet-damage-roll-toggle-label {
  display: block;
  line-height: 8px;
  text-align: center;
  padding-right: 10px;
}

.sheet-damage-roll-toggle-label input[type=checkbox]:checked ~ span {
  color: #606060;
  font-weight: 500;
}

.sheet-damage-roll-toggle-label .sheet-icon {
  display: inline-block;
  font-family: Pictos;
  font-size: 10px;
  margin-right: 4px;
  overflow: visible;
}

.sheet-damage-roll-toggle ~ .repcontainer .sheet-damage-button-overlay {
  position: relative;
}

.sheet-damage-roll-toggle ~ .repcontainer .sheet-damage-button-overlay button[type=roll] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  height: 100%;
  width: 100%;
}

.sheet-damage-roll-toggle:checked ~ .repcontainer .sheet-damage-button-overlay button[type=roll] {
  z-index: 1;
}

.sheet-damage-roll-toggle:checked ~ .repcontainer .sheet-damage-button-overlay input[type=text] {
  position: relative;
  z-index: 0;
  font-weight: 500;
}

.sheet-damage-roll-toggle:checked ~ .repcontainer .sheet-damage-button-overlay input[type=text]:placeholder-shown {
  z-index: 2;
}

.sheet-label-toggle {
  user-select: none;
  flex-shrink: 0;
  width: auto;
}

.sheet-label-toggle input.sheet-label-toggle__input[type=text] {
  background-color: #fff;
  color: #606060;
  line-height: 14px;
  border: 1px solid #898989;
  border-width: 1px;
  border-radius: 0 2px 2px 0;
  padding: 0 4px;
  margin-left: -2px;
  height: 14px;
  width: 96px;
}

.sheet-label-toggle input.sheet-label-toggle__input[type=text]:first-child {
  border-left-width: 2px;
}

.sheet-label-toggle input.sheet-label-toggle__input--tiny[type=text] {
  width: 32px;
}

.sheet-label-toggle input.sheet-label-toggle__input[type=text]::placeholder {
  line-height: 12px;
}

.sheet-label-toggle span {
  display: block;
  flex-shrink: 0;
  background-color: #898989;
  color: #fff;
  font-size: 8px;
  font-weight: 500;
  line-height: 15px;
  border-radius: 2px;
  padding: 0 4px;
  height: 14px;
}

.sheet-label-toggle--full-row {
  flex-basis: 100%;
}

.sheet-label-toggle--full-row input.sheet-label-toggle__input[type=text] {
  text-align: left;
  width: 100%;
}

.sheet-label-toggle input[type=checkbox] {
  display: none;
}

.sheet-label-toggle input[type=checkbox]:not(:checked) + span {
  background-color: #d6d6d6;
}

.sheet-label-toggle input[type=checkbox]:not(:checked) ~ input.sheet-label-toggle__input[type=text] {
  color: #b0b0b0;
  border-color: #d6d6d6;
}

.sheet-toggle-roboto:checked ~ .sheet-body {
  font-family: Roboto, Arial, Helvetica, sans-serif;
}

.sheet-toggle-dark-labels:checked ~ .sheet-body .sheet-header__labels *,
.sheet-toggle-dark-labels:checked ~ .sheet-body .sheet-label,
.sheet-toggle-dark-labels:checked ~ .sheet-body .sheet-hexfield__label {
  color: #606060 !important;
}

.sheet-toggle-skill-die-numbers:not(:checked) ~ .sheet-body .sheet-radio-track::before {
  display: none;
}

.sheet-toggle-corners:not(:checked) ~ .sheet-body :not(.sheet-icon):not(.sheet-color-cycle__radio) {
  border-radius: 0 !important;
}

.sheet-toggle-corners:not(:checked) ~ .sheet-body :not(.sheet-icon):not(.sheet-color-cycle__radio)::before, .sheet-toggle-corners:not(:checked) ~ .sheet-body :not(.sheet-icon):not(.sheet-color-cycle__radio)::after {
  border-radius: 0 !important;
}

.sheet-toggle-transitions:not(:checked) ~ .sheet-body *,
.sheet-toggle-transitions:not(:checked) ~ .sheet-body ::before,
.sheet-toggle-transitions:not(:checked) ~ .sheet-body ::after {
  transition-duration: 0s !important;
}

.sheet-toggle-delays:not(:checked) ~ .sheet-body *,
.sheet-toggle-delays:not(:checked) ~ .sheet-body ::before,
.sheet-toggle-delays:not(:checked) ~ .sheet-body ::after {
  transition-delay: 0s !important;
}

.sheet-toggle-grid:not(:checked) ~ .sheet-body {
  background: none;
}

.sheet-toggle-description-input:not(:checked) ~ .repcontainer .sheet-roll-description {
  display: none;
}

.sheet-toggle-injection-input:not(:checked) ~ .repcontainer .sheet-roll-injection {
  display: none;
}

.sheet-hex {
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  color: #606060;
  font-weight: 700;
  text-align: center;
  padding: 0 6px;
  filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 0px 0.7px);
}

.sheet-hex::placeholder {
  color: #d6d6d6;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.sheet-hex--36 {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/hexagon_36.svg");
  font-size: 12px;
  line-height: 36px;
  height: 36px !important;
  width: 36px;
}

.sheet-hex--48 {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/hexagon_48.svg");
  font-size: 16px !important;
  line-height: 48px;
  height: 48px !important;
  width: 48px;
}

.sheet-hex--64 {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/hexagon_64.svg");
  font-size: 18px !important;
  line-height: 64px;
  height: 64px !important;
  width: 64px;
}

.sheet-color-cycle {
  position: relative;
  height: 16px;
  width: 16px;
}

.sheet-color-cycle__radio {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  background-color: transparent;
  padding: 4px;
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
}

.sheet-color-cycle__radio:checked {
  opacity: 1;
}

.sheet-color-cycle__radio:checked + input {
  z-index: 3;
}

.sheet-color-cycle__radio--none, .sheet-color-cycle__radio--novice {
  z-index: 2;
}

.sheet-color-cycle__radio--none:checked, .sheet-color-cycle__radio--novice:checked {
  background-color: transparent;
  border-color: transparent;
}

.sheet-color-cycle__radio--red:checked {
  background-color: #d9534f;
  border-color: #d9534f;
}

.sheet-color-cycle__radio--yellow:checked {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.sheet-color-cycle__radio--blue:checked {
  background-color: #0275d8;
  border-color: #0275d8;
}

.sheet-color-cycle__radio--green:checked {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.sheet-color-cycle__radio--purple:checked {
  background-color: #b25afd;
  border-color: #b25afd;
}

.sheet-color-cycle__radio--gray:checked {
  background-color: #545454;
  border-color: #545454;
}

.sheet-color-cycle__radio:last-child:checked {
  z-index: 1;
}

.sheet-wildcard button.sheet-repitem__skill-roll--extra {
  display: none;
}

.sheet-extra button.sheet-repitem__skill-roll--wildcard {
  display: none;
}

fieldset,
.repcontainer {
  padding: 6px 0;
  min-height: 32px;
}

.repcontainer:empty ~ .repcontrol .repcontrol_add::before {
  content: '+ + +';
  position: absolute;
  top: -27px;
  right: -16px;
  background-color: #f2f2f2;
  color: #808080;
  font-size: 10px;
  line-height: 21px;
  border-radius: 2px;
  height: 20px;
  width: 470px;
}

.repitem:not(:first-child) {
  margin-top: 4px;
}

.repitem input[type=text]::placeholder {
  line-height: 20px;
}

.sheet-repitem {
  position: relative;
  background-color: #fdfdfd;
  border-radius: 2px;
  width: 100%;
  box-shadow: 0 0 1.5px 0 rgba(0, 0, 0, 0.5);
}

.sheet-repitem:not(:last-child) {
  margin-bottom: 4px;
}

.sheet-repitem button.sheet-repitem__skill-roll {
  font-family: Pictos;
  color: #606060;
  font-size: 10px;
  height: 16px;
  line-height: 15px;
  margin-right: 4px !important;
}

.sheet-repitem--full-field textarea {
  font-size: 10px;
  line-height: 16px;
  padding: 2px 6px 2px;
  min-height: 20px;
}

.sheet-repitem__primary, .sheet-repitem__secondary {
  display: flex;
  align-items: center;
}

.sheet-repitem__primary > input.sheet-stretch, .sheet-repitem__secondary > input.sheet-stretch {
  flex-grow: 1;
  width: auto;
}

.sheet-repitem__primary {
  position: relative;
  padding: 0 16px 0 6px;
  height: 20px;
}

.sheet-repitem__primary .sheet-toggle--note-box {
  padding-right: 4px;
}

.sheet-repitem__primary .sheet-toggle--note-box::after {
  padding-top: 0;
}

.sheet-repitem__secondary {
  padding-top: 1px;
  height: 16px;
}

.sheet-repitem__secondary .sheet-toggle:not(:last-of-type) {
  margin-right: 4px;
}

.sheet-repitem__secondary input[type=text]::placeholder {
  line-height: 16px;
}

.sheet-repitem__secondary, .sheet-repitem__frame {
  color: #606060;
  font-size: 9px;
  margin: 0 6px;
  border-top: 1px dotted #e0e0e0;
}

.sheet-repitem__secondary input[type=text], .sheet-repitem__frame input[type=text] {
  color: #606060;
  font-size: 9px;
  line-height: 16px;
}

.sheet-repitem__secondary input[type=text]::placeholder, .sheet-repitem__frame input[type=text]::placeholder {
  font-size: 9px !important;
}

.sheet-repitem__frame {
  display: flex;
  height: 64px;
}

.sheet-repitem__frame-silhouette {
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
  height: 100%;
  width: 64px;
  opacity: .25;
}

.sheet-repitem__frame-silhouette-button {
  height: 100% !important;
  width: 100%;
}

.sheet-repitem__frame-build {
  flex-grow: 1;
  margin-left: 8px;
  height: 100%;
}

.sheet-repitem__frame-build textarea {
  padding-top: 6px;
  height: 100%;
}

.sheet-repitem__settings {
  position: absolute;
  bottom: 2px;
  right: -1px;
  z-index: 3;
  background-color: #fdfdfd;
  padding: 4px 6px 0;
  border: 1px solid #dbdbdb;
  border-radius: 0 0 2px 2px;
  border-width: 0 1px 1px;
  width: calc(100% + 2px);
  transform: translateY(100%);
}

.sheet-repitem__settings-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-top: 1px dotted #e0e0e0;
  padding-top: 4px;
  margin-top: -2px;
}

.sheet-repitem__settings-content > label {
  margin-bottom: 4px;
}

.sheet-repitem__settings-content > :not(:last-child) {
  margin-right: 4px;
}

.sheet-repitem__label {
  font-weight: 500;
  margin: 0 4px 0 6px;
  line-height: 16px;
}

.sheet-repitem__label::after {
  content: ':';
}

.sheet-repitem__note-box {
  position: absolute;
  top: 4px;
  right: -1px;
  z-index: 3;
  background-color: #fdfdfd;
  padding: 4px 6px;
  border: 1px solid #dbdbdb;
  border-radius: 2px 2px 0 0;
  border-width: 1px 1px 0 1px;
  width: calc(100% + 2px);
  transform: translateY(-100%);
}

.sheet-repitem__note-box textarea {
  border-bottom: 1px dotted #e0e0e0;
  height: 60px;
}

.sheet-repitem .sheet-toggle--arrow:not(:checked) ~ .sheet-repitem__weapons {
  display: none;
}

.sheet-repitem__subitem {
  position: relative;
}

.sheet-repitem__subitem .sheet-repitem__primary,
.sheet-repitem__subitem input[type=text] {
  font-size: 9px !important;
  line-height: 16px;
  height: 16px;
}

.sheet-repitem__subitem .sheet-repitem__note-box {
  top: 2px;
  padding: 4px 6px 2px;
}

.sheet-repitem .sheet-repitem__weapons .sheet-repitem__note-box {
  right: -7px;
  width: calc(100% + 14px);
}

.sheet-repitem .sheet-repitem__weapons .sheet-toggle--arrow::after {
  line-height: 16px;
  margin: 1px 2px 0 0;
  height: 16px;
  width: 16px;
  transform-origin: 7px 8px;
}

.sheet-repitem .sheet-repitem__weapons .sheet-toggle--note-box::after {
  padding-top: 1px;
}

.sheet-repitem__weapons-control[value='0'] + .sheet-repitem__weapons {
  display: none;
}

.sheet-repitem__weapons-control[value='1'] + .sheet-repitem__weapons .sheet-repitem__subitem:nth-child(-n + 2), .sheet-repitem__weapons-control[value='2'] + .sheet-repitem__weapons .sheet-repitem__subitem:nth-child(-n + 3), .sheet-repitem__weapons-control[value='3'] + .sheet-repitem__weapons .sheet-repitem__subitem:nth-child(-n + 4), .sheet-repitem__weapons-control[value='4'] + .sheet-repitem__weapons .sheet-repitem__subitem:nth-child(-n + 5), .sheet-repitem__weapons-control[value='5'] + .sheet-repitem__weapons .sheet-repitem__subitem:nth-child(-n + 6), .sheet-repitem__weapons-control[value='6'] + .sheet-repitem__weapons .sheet-repitem__subitem:nth-child(-n + 7), .sheet-repitem__weapons-control[value='7'] + .sheet-repitem__weapons .sheet-repitem__subitem:nth-child(-n + 8), .sheet-repitem__weapons-control[value='8'] + .sheet-repitem__weapons .sheet-repitem__subitem:nth-child(-n + 9), .sheet-repitem__weapons-control[value='9'] + .sheet-repitem__weapons .sheet-repitem__subitem:nth-child(-n + 10), .sheet-repitem__weapons-control[value='10'] + .sheet-repitem__weapons .sheet-repitem__subitem:nth-child(-n + 11) {
  display: block;
}

.sheet-repitem__weapons .sheet-header {
  border-bottom: 1px solid #e0e0e0;
}

.sheet-repitem__weapons .sheet-header__labels {
  padding-right: 30px;
  width: 100%;
}

.sheet-repitem__weapons .sheet-repitem__subitem {
  display: none;
}

.sheet-repitem__weapons .sheet-repitem__subitem:not(.sheet-repitem__subitem--1) .sheet-repitem__primary {
  border-top: 1px solid #e0e0e0;
}

.sheet-repitem__weapons .sheet-repitem__primary {
  margin-right: 6px;
  padding-right: 10px;
}

.sheet-repitem__weapons-name {
  flex-grow: 1;
  text-align: left;
  padding-left: 6px;
}

.sheet-repitem__weapons input.sheet-repitem__weapons-name[type=text] {
  padding-left: 0;
}

.sheet-repitem__weapons-damage, .sheet-repitem__weapons-range {
  width: 85px;
}

.sheet-repitem__weapons-rof {
  width: 30px;
}

div:not(:hover) > .sheet-hide-until-needed > div,
div:not(:hover) > .sheet-hide-until-needed > input,
div.sheet-health:not(:hover) .sheet-health__center .sheet-hexfield > div,
div.sheet-health:not(:hover) .sheet-health__center .sheet-hexfield > input {
  opacity: 0;
}

div:not(:hover) > .sheet-hide-until-needed input:hover,
div:not(:hover) > .sheet-hide-until-needed input:focus,
div.sheet-health:not(:hover) .sheet-health__center .sheet-hexfield input:hover,
div.sheet-health:not(:hover) .sheet-health__center .sheet-hexfield input:focus {
  opacity: 1;
}

div:not(:hover) > .sheet-hide-until-needed input:hover ~ div,
div:not(:hover) > .sheet-hide-until-needed input:hover ~ input,
div:not(:hover) > .sheet-hide-until-needed input:focus ~ div,
div:not(:hover) > .sheet-hide-until-needed input:focus ~ input,
div.sheet-health:not(:hover) .sheet-health__center .sheet-hexfield input:hover ~ div,
div.sheet-health:not(:hover) .sheet-health__center .sheet-hexfield input:hover ~ input,
div.sheet-health:not(:hover) .sheet-health__center .sheet-hexfield input:focus ~ div,
div.sheet-health:not(:hover) .sheet-health__center .sheet-hexfield input:focus ~ input {
  opacity: 1;
}

.sheet-hexfield {
  position: relative;
  white-space: nowrap;
  color: #606060;
  height: 36px;
  width: 36px;
  transition: color .3s ease-in-out, opacity .3s ease-in-out;
}

.sheet-hexfield div,
.sheet-hexfield input {
  transition: color .3s ease-in-out, opacity .3s ease-in-out;
  transition-delay: .4s;
}

.sheet-hexfield-gray, .sheet-hexfield-gray input {
  color: #b0b0b0;
}

.sheet-hexfield .sheet-hexfield .sheet-hexfield__label {
  color: #b0b0b0;
}

.sheet-hexfield.sheet-stay-on-input input:not(:placeholder-shown) {
  opacity: 1 !important;
}

.sheet-hexfield.sheet-stay-on-input input:not(:placeholder-shown) ~ :not(.sheet-exception) {
  color: #606060;
  opacity: 1 !important;
}

.sheet-hexfield__label {
  position: absolute;
  top: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 9px !important;
  font-weight: 500;
  line-height: 10px !important;
  text-transform: uppercase;
  height: 16px;
  transform: translateX(-100%);
}

.sheet-hexfield__label span {
  max-width: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sheet-hexfield__label--right {
  left: 36px;
  justify-content: flex-start;
  transform: translateX(0);
}

.sheet-hexfield__label--bottom {
  top: 38px;
  left: 18px;
  align-items: flex-start;
  justify-content: center;
  transform: translateX(-50%);
}

.sheet-hexfield__label--up {
  top: -18px;
  left: 18px;
  align-items: flex-end;
  justify-content: center;
  transform: translateX(-50%);
}

.sheet-sans-tab-line {
  position: absolute;
  top: 0;
  right: 0;
  border-bottom: 1px dotted #e0e0e0;
  height: 16px;
  width: 266px;
}

.sheet-sans {
  white-space: nowrap;
}

.sheet-sans input[name=attr_sans_tabs] {
  position: relative;
  z-index: 1;
  display: inline-block;
}

.sheet-sans input[name=attr_sans_tabs]::after {
  content: attr(label);
  display: inline-block;
  align-items: center;
  justify-content: center;
  color: #b0b0b0;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  padding: 3px 6px 0;
  border: 1px dotted transparent;
  border-width: 1px 1px 0 1px;
  border-radius: 2px;
  height: 16px;
}

.sheet-sans input[name=attr_sans_tabs]:hover::after {
  color: #808080;
}

.sheet-sans input[name=attr_sans_tabs]:checked::after {
  background-color: #fff;
  color: #606060;
  border-color: #e0e0e0;
}

.sheet-sans input[name=attr_sans_tabs][value=skills] {
  margin-left: 72px;
}

.sheet-sans input[name=attr_sans_tabs][value=notebook] ~ .sheet-notebook {
  height: calc(100% - 8px);
}

.sheet-sans input[name=attr_sans_tabs][value=skills]:not(:checked) ~ .sheet-skills, .sheet-sans input[name=attr_sans_tabs][value=advancements]:not(:checked) ~ .sheet-advancements, .sheet-sans input[name=attr_sans_tabs][value=notebook]:not(:checked) ~ .sheet-notebook, .sheet-sans input[name=attr_sans_tabs][value=settings]:not(:checked) ~ .sheet-settings {
  display: none;
}

.sheet-meta {
  width: 472px;
  margin-bottom: 44px;
}

.sheet-meta .sheet-container {
  display: flex;
}

.sheet-meta .sheet-container:first-child {
  margin-bottom: 4px;
}

.sheet-meta .sheet-label {
  text-transform: uppercase;
  margin-top: 4px;
}

.sheet-meta .sheet-meta-field:not(:last-child) {
  margin-right: 8px;
}

.sheet-meta .sheet-meta-field input.sheet-meta-field__input {
  color: #808080;
  font-weight: 500;
  line-height: 15px;
  text-align: left;
  border-bottom: 1px dotted #e0e0e0;
  padding: 0 2px;
  height: 16px;
}

.sheet-meta .sheet-meta-field input.sheet-meta-field__input--name {
  width: 136px;
}

.sheet-meta .sheet-meta-field input.sheet-meta-field__input--size, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--exp, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--level, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--age, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--bennies {
  width: 40px;
}

.sheet-meta .sheet-meta-field input.sheet-meta-field__input--size + .sheet-label, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--exp + .sheet-label, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--level + .sheet-label, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--age + .sheet-label, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--bennies + .sheet-label {
  max-width: 40px;
}

.sheet-meta .sheet-meta-field input.sheet-meta-field__input--height, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--weight, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--eyes, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--hair, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--rank, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--origin, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--gender, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--bits {
  width: 64px;
}

.sheet-meta .sheet-meta-field input.sheet-meta-field__input--height + .sheet-label, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--weight + .sheet-label, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--eyes + .sheet-label, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--hair + .sheet-label, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--rank + .sheet-label, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--origin + .sheet-label, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--gender + .sheet-label, .sheet-meta .sheet-meta-field input.sheet-meta-field__input--bits + .sheet-label {
  max-width: 64px;
}

.sheet-buttons {
  display: flex;
  flex-wrap: wrap;
  margin-right: -4px;
  width: 274px;
}

.sheet-buttons::after {
  content: '';
  display: block;
  flex-grow: 1000000;
}

.sheet-buttons > div,
.sheet-buttons > label {
  margin: 0 4px;
}

.sheet-buttons > div {
  position: relative;
  z-index: 1;
  display: flex;
  flex-grow: 1;
  white-space: nowrap;
  border-radius: 2px;
  margin-bottom: 8px;
  height: 16px;
  overflow: hidden;
}

.sheet-buttons > div::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  background-color: #fdfdfd;
  border: 1px dotted #e0e0e0;
  border-radius: 2px;
  width: 100%;
  height: 100%;
}

.sheet-buttons button {
  flex-shrink: 0;
  flex-grow: 1;
  justify-content: center;
  color: #b0b0b0;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  padding: 0 4px !important;
  height: 16px;
}

.sheet-buttons button:hover {
  background-color: #898989;
}

.sheet-buttons button:hover > span {
  color: #fff !important;
}

.sheet-buttons .sheet-dice-roller input.sheet-dice-roller__input[type=text] {
  flex-grow: 100;
  width: auto;
}

.sheet-buttons .sheet-dice-roller input.sheet-dice-roller__input[type=text]::placeholder {
  font-size: 10px;
}

.sheet-buttons .sheet-label-toggle {
  margin-bottom: 8px;
}

.sheet-buttons .sheet-label-toggle span {
  font-size: 10px;
  line-height: 16px;
  height: 16px;
}

.sheet-attribute {
  position: relative;
  font-size: 14px;
  height: 48px;
  width: 48px;
}

.sheet-attribute__button {
  position: absolute;
  top: 50%;
  left: 0;
  color: #606060;
  font-size: 14px;
  font-weight: 700;
  transform: translate(-100%, -50%);
}

.sheet-attribute:not(:hover) .sheet-hexfield--mod input:not(:focus) + .sheet-hexfield__label {
  opacity: 0;
}

.sheet-attribute .sheet-hexfield {
  position: absolute;
  top: 37px;
}

.sheet-attribute .sheet-hexfield--nat {
  left: 27px;
}

.sheet-attribute .sheet-hexfield--mod {
  top: 9px;
  left: 43px;
}

.sheet-attribute .sheet-hexfield--mod .sheet-hexfield__label {
  color: #b0b0b0;
}

.sheet-attribute .sheet-hexfield--mod .sheet-hexfield__input:not(:placeholder-shown) ~ .sheet-hexfield__label {
  color: #606060;
}

.sheet-attribute .sheet-hexfield--wd {
  left: 59px;
}

.sheet-toggle-silhouette-markers:not(:checked) + .sheet-silhouette .sheet-color-cycle {
  display: none;
}

.sheet-silhouette {
  position: relative;
  z-index: 1;
  height: 300px;
  width: 200px;
}

.sheet-silhouette__image {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/female_silhouette.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
}

.sheet-silhouette__image:hover ~ .sheet-color-cycle :checked {
  opacity: 1;
  transition-delay: 0.4s;
}

.sheet-silhouette .sheet-color-cycle {
  position: absolute;
  transform: translateX(-50%);
}

.sheet-silhouette .sheet-color-cycle:hover :checked {
  opacity: 1;
}

.sheet-silhouette .sheet-color-cycle__radio {
  border: 2px solid #fff;
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.sheet-silhouette .sheet-color-cycle__radio:not(.sheet-color-cycle__radio--none):checked {
  opacity: 1;
}

.sheet-silhouette .sheet-color-cycle__radio--none {
  background-color: #d9d9d9 !important;
}

.sheet-silhouette__head {
  top: 26px;
  left: 99px;
}

.sheet-silhouette__torso-upper {
  top: 64px;
  left: 99px;
}

.sheet-silhouette__torso-lower {
  top: 100px;
  left: 99px;
}

.sheet-silhouette__left-arm-upper {
  top: 70px;
  left: 128px;
}

.sheet-silhouette__left-arm-lower {
  top: 109px;
  left: 138px;
}

.sheet-silhouette__left-hand {
  top: 134px;
  left: 142px;
}

.sheet-silhouette__right-arm-upper {
  top: 70px;
  left: 69px;
}

.sheet-silhouette__right-arm-lower {
  top: 109px;
  left: 59px;
}

.sheet-silhouette__right-hand {
  top: 134px;
  left: 55px;
}

.sheet-silhouette__left-leg-upper {
  top: 160px;
  left: 125px;
}

.sheet-silhouette__left-leg-lower {
  top: 230px;
  left: 129px;
}

.sheet-silhouette__right-leg-upper {
  top: 160px;
  left: 72px;
}

.sheet-silhouette__right-leg-lower {
  top: 230px;
  left: 68px;
}

.sheet-silhouette__switch {
  position: absolute;
  bottom: 12px;
  left: 50%;
  z-index: 3;
}

.sheet-silhouette__switch::after {
  content: '[ ]';
  display: block;
  color: #d6d6d6;
  font-family: Pictos;
  font-size: 8px;
  transform: translateX(-50%);
}

.sheet-silhouette__switch:checked + .sheet-silhouette__image {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/male_silhouette.png");
}

.sheet-silhouette__switch:checked ~ .sheet-silhouette__left-arm-upper {
  top: 70px;
  left: 141px;
}

.sheet-silhouette__switch:checked ~ .sheet-silhouette__left-arm-lower {
  top: 105px;
  left: 150px;
}

.sheet-silhouette__switch:checked ~ .sheet-silhouette__left-hand {
  top: 143px;
  left: 147px;
}

.sheet-silhouette__switch:checked ~ .sheet-silhouette__right-arm-upper {
  top: 70px;
  left: 56px;
}

.sheet-silhouette__switch:checked ~ .sheet-silhouette__right-arm-lower {
  top: 105px;
  left: 47px;
}

.sheet-silhouette__switch:checked ~ .sheet-silhouette__right-hand {
  top: 143px;
  left: 50px;
}

.sheet-silhouette__switch:checked ~ .sheet-silhouette__left-leg-upper {
  top: 172px;
  left: 126px;
}

.sheet-silhouette__switch:checked ~ .sheet-silhouette__right-leg-upper {
  top: 172px;
  left: 71px;
}

.sheet-secondary {
  display: flex;
  padding-right: 80px;
}

.sheet-secondary > :not(:last-child) {
  margin-right: 24px;
}

.sheet-secondary .sheet-hexfield--run {
  top: -100px;
  left: -16px;
}

.sheet-secondary .sheet-hexfield--flight {
  top: -64px;
  left: 16px;
}

.sheet-secondary .sheet-hexfield--soak-mod {
  top: -36px;
  left: 32px;
}

.sheet-secondary .sheet-hexfield--soak-wd {
  top: -72px;
  left: 64px;
}

.sheet-secondary .sheet-hexfield--soak {
  font-size: 9px;
}

.sheet-secondary .sheet-hexfield--soak > button[type=roll] {
  color: #606060;
  font-weight: 700;
}

.sheet-armor {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 48px;
}

.sheet-armor > .sheet-hexfield:not(:last-child) {
  margin-bottom: 36px;
}

.sheet-armor > .sheet-hexfield span {
  max-width: none;
}

.sheet-armor > .sheet-hexfield--armor-head, .sheet-armor > .sheet-hexfield--armor-legs {
  margin-right: 16px;
}

.sheet-armor > .sheet-hexfield .sheet-hexfield__label--left {
  background-color: #fff;
  padding-left: 4px;
}

.sheet-armor > .sheet-hexfield textarea {
  position: absolute;
  top: 8px;
  left: 36px;
  color: #808080;
  font-size: 9px !important;
  line-height: 1.6;
  padding-top: 4px;
  height: 60px;
  width: 80px;
}

.sheet-armor > .sheet-hexfield textarea::placeholder {
  color: #f0f0f0;
  font-size: 22px;
  font-weight: 700;
  line-height: 0.6;
}

.sheet-armor__decoration, .sheet-armor__pointer {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: .12;
}

.sheet-armor__decoration {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/decoration_line.png");
  top: 15px;
  left: -60px;
  height: 322px;
  width: 95px;
}

.sheet-armor__pointer {
  transform: translateX(-100%);
}

.sheet-armor__pointer--head {
  top: 17px;
  left: -28px;
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/head_line.png");
  height: 2px;
  width: 122px;
}

.sheet-armor__pointer--torso {
  top: -11px;
  left: -33px;
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/torso_line.png");
  height: 30px;
  width: 131px;
}

.sheet-armor__pointer--arms {
  top: -44px;
  left: -30px;
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/arms_line.png");
  height: 63px;
  width: 97px;
}

.sheet-armor__pointer--legs {
  top: -23px;
  left: -27px;
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/legs_line.png");
  height: 42px;
  width: 98px;
}

.sheet-toggle-skill-markers:not(:checked) + .sheet-skills .sheet-color-cycle {
  display: none;
}

.sheet-skills {
  position: relative;
}

.sheet-skills__lock {
  position: absolute;
  top: 0;
  right: 0;
}

.sheet-skills__lock::after {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b0b0b0;
  font-family: Pictos;
  font-size: 8px;
  height: 16px;
  width: 16px;
}

.sheet-skills__lock:not(:checked)::after {
  content: ')';
}

.sheet-skills__lock:not(:checked) + .sheet-skills__wrapper .sheet-skills__step-button {
  display: none;
}

.sheet-skills__lock:checked::after {
  content: '(';
}

.sheet-skills__lock:checked ~ .sheet-skills__wrapper .sheet-skills__track input {
  cursor: default;
  pointer-events: none;
}

.sheet-skills .sheet-header {
  justify-content: flex-end;
  border: none;
}

.sheet-skills__die {
  width: 18px;
}

.sheet-skills__die:not(.sheet-a) {
  margin-right: 3px;
}

.sheet-skills__mod, .sheet-skills__wd {
  width: 24px;
}

.sheet-skills__mod {
  margin-right: 3px;
}

.sheet-skills__plus {
  color: #d6d6d6;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  width: 18px;
}

.sheet-skills__color-marker {
  width: 16px;
}

.sheet-skills__color-marker .sheet-color-cycle__radio {
  padding: 3px;
  border: 1px solid transparent;
}

.sheet-skills__color-marker .sheet-color-cycle__radio--none {
  border-color: #e0e0e0;
}

.sheet-skills__skill {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-start;
  height: 16px;
}

.sheet-skills__skill:not(:last-child) {
  margin-bottom: 8px;
}

.sheet-skills__skill input.sheet-skills__mod[type=text],
.sheet-skills__skill input.sheet-skills__wd[type=text] {
  background-color: #fff;
  font-size: 9px !important;
  height: 14px;
  box-shadow: 0 0 1.5px 0 rgba(0, 0, 0, 0.5);
}

.sheet-skills__skill input.sheet-skills__mod[type=text]::placeholder,
.sheet-skills__skill input.sheet-skills__wd[type=text]::placeholder {
  line-height: 14px;
}

.sheet-skills__skill input.sheet-skills__mod[type=text]:not(:placeholder-shown),
.sheet-skills__skill input.sheet-skills__wd[type=text]:not(:placeholder-shown) {
  background-color: #898989;
  color: #fff;
}

.sheet-skills__skill .sheet-skills__mod {
  border-radius: 2px 0 0 2px;
}

.sheet-skills__skill .sheet-skills__wd {
  border-radius: 0 2px 2px 0;
}

.sheet-skills__track {
  display: flex;
  flex-direction: row-reverse;
}

.sheet-skills input.sheet-radio-track[type=radio] {
  height: 14px;
  width: 18px;
}

.sheet-skills input.sheet-radio-track[type=radio]:not(:first-of-type) {
  margin-right: 3px;
}

.sheet-skills input.sheet-radio-track[type=radio]:not(.sheet-d4-2):checked::before {
  content: attr(label);
}

.sheet-skills input.sheet-radio-track.sheet-d12[type=radio] {
  border-radius: 0 2px 2px 0;
}

.sheet-skills input.sheet-radio-track.sheet-d4-2[type=radio] {
  border-radius: 2px 0 0 2px;
}

.sheet-skills input.sheet-radio-track.sheet-d4-2[type=radio]:checked {
  background: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/unskilled_bg.png") repeat;
}

.sheet-skills input.sheet-radio-track.sheet-d4-2[type=radio]:checked::after {
  background-color: transparent;
}

.sheet-skills input.sheet-radio-track.sheet-d4-2[type=radio]:checked ~ button > span {
  color: #b0b0b0;
}

.sheet-skills button[type=roll] .sheet-tooltip {
  z-index: 10;
  white-space: nowrap;
}

.sheet-skills button[type=roll] .sheet-tooltip--left {
  text-transform: uppercase;
}

.sheet-skills button[type=roll]:hover .sheet-tooltip {
  opacity: 1;
  transition-delay: .4s;
}

.sheet-skills button.sheet-skills__step-button[type=roll] {
  position: relative;
  margin-right: -18px !important;
  height: 14px;
  width: 18px;
}

.sheet-skills__button {
  position: relative;
  align-items: center;
  color: #606060;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
}

.sheet-skills__button > span {
  display: block;
  padding: 1px 8px 1px 0;
  max-width: 88px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sheet-advancements {
  color: #606060;
  font-size: 10px;
  line-height: 16px;
  padding-left: 64px;
}

.sheet-advancements__item {
  display: flex;
  background-color: #fff;
  border-bottom: 1px dotted #e0e0e0;
  height: 16px;
  width: 100%;
}

.sheet-advancements__item:not(:last-child) {
  margin-bottom: 8px;
}

.sheet-advancements__rank {
  font-weight: 700;
  text-align: center;
  margin-right: 8px;
  width: 8px;
}

.sheet-advancements input[type=text] {
  flex-grow: 1;
  color: #606060;
  font-size: 10px;
  line-height: 16px;
}

.sheet-advancements input[type=text]::placeholder {
  font-size: 10px;
}

.sheet-notebook {
  padding-left: 64px;
}

.sheet-notebook textarea {
  background-image: linear-gradient(to right, #f6f6f6 1px, transparent 1px), linear-gradient(to bottom, #f6f6f6 1px, transparent 1px);
  background-size: 16px 16px;
  background-position: 4px -1px;
  background-color: #fff;
  color: #606060;
  font-size: 10px;
  line-height: 16px;
  padding: 0 8px;
  resize: none;
  height: 100%;
}

.sheet-settings {
  text-align: center;
  padding-left: 64px;
}

.sheet-settings__page {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: left;
  white-space: normal;
}

.sheet-settings__page-tab {
  display: inline-block;
  color: #b0b0b0;
  margin-bottom: 7px;
}

.sheet-settings__page-tab::before, .sheet-settings__page-tab::after {
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  height: 16px;
}

.sheet-settings__page-tab::before {
  content: attr(label);
}

.sheet-settings__page-tab:not(:last-of-type)::after {
  content: '|';
  margin: 0 2px 0 4px;
}

.sheet-settings__page-tab:checked::before {
  color: #808080;
}

.sheet-settings .sheet-settings__page-tab--styles:not(:checked) ~ .sheet-settings__page--styles, .sheet-settings .sheet-settings__page-tab--setup:not(:checked) ~ .sheet-settings__page--setup, .sheet-settings .sheet-settings__page-tab--blocks:not(:checked) ~ .sheet-settings__page--blocks, .sheet-settings .sheet-settings__page-tab--skills:not(:checked) ~ .sheet-settings__page--skills, .sheet-settings .sheet-settings__page-tab--help:not(:checked) ~ .sheet-settings__page--help {
  display: none;
}

.sheet-settings__textarea-toggle:not(:checked) + textarea {
  display: none;
}

.sheet-settings__item {
  user-select: none;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 16px;
}

.sheet-settings__item:not(:last-child) {
  margin-bottom: 8px;
}

.sheet-settings__item > span:first-of-type {
  display: block;
  flex-grow: 1;
  color: #606060;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  border-bottom: 1px dotted #e0e0e0;
  margin-right: 12px;
  height: 100%;
}

.sheet-settings__item .sheet-checkbox {
  margin-right: 4px;
}

.sheet-settings__item--text-input > span:first-of-type {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 0;
}

.sheet-settings__item--text-input > span:first-of-type::before {
  content: '[';
}

.sheet-settings__item--text-input > span:first-of-type::after {
  content: ']';
}

.sheet-settings__item--text-input > span:first-of-type ~ input[type=text] {
  padding-left: 5px;
}

.sheet-settings__item--text-input input[type=text] {
  flex-grow: 1;
  color: #606060;
  line-height: 15px;
  border-bottom: 1px dotted #e0e0e0;
  margin-right: 12px;
  height: 16px;
  width: auto;
}

.sheet-settings__item--text-input input[type=text]::placeholder {
  font-size: 10px;
}

.sheet-settings__item--text-input input[type=text]:last-child {
  margin-right: 26px;
}

.sheet-settings__item--text-input input[type=text] + span:last-of-type {
  display: block;
  flex-shrink: 0;
  color: #808080;
  font-family: Pictos;
  font-size: 11px;
  margin: 0 4px 0 1px;
  height: 16px;
  width: 9px;
}

.sheet-settings__item--textarea {
  flex-wrap: wrap;
}

.sheet-settings__item--textarea textarea {
  flex-basis: 100%;
  background-color: #fff;
  font-size: 10px;
  line-height: 16px;
  padding: 4px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  height: 64px;
  margin: 8px 4px 0 0;
  transition: border-color .3s ease-in-out, height .3s ease-in-out;
}

.sheet-settings__item--textarea textarea:hover {
  border-color: #898989;
}

.sheet-settings__item--textarea textarea:focus {
  border-color: #898989;
  height: 192px;
}

.sheet-settings__item--help {
  flex-wrap: wrap;
  height: auto;
}

.sheet-settings__item--help > span:first-of-type {
  margin-right: 8px;
}

.sheet-settings__item--help .sheet-bottom {
  user-select: text;
  flex-basis: 100%;
  text-align: justify;
  line-height: 1.6;
  padding: 4px 0;
}

.sheet-features {
  position: relative;
  flex-grow: 1;
}

.sheet-features fieldset,
.sheet-features .repcontainer {
  display: flex;
  flex-wrap: wrap;
  padding: 4px 0;
  margin: 0 -4px;
}

.sheet-features fieldset::after,
.sheet-features .repcontainer::after {
  content: '';
  display: block;
  flex-grow: 1000000;
}

.sheet-features fieldset > *,
.sheet-features .repcontainer > * {
  opacity: .6;
  transition-delay: .4s;
  transition: opacity .3s ease-in-out;
}

.sheet-features fieldset:hover > *,
.sheet-features .repcontainer:hover > * {
  opacity: 1;
}

.sheet-features .repitem {
  flex-grow: 1;
  margin-top: 0;
}

.sheet-features .sheet-repitem {
  position: relative;
  display: flex;
  padding-right: 6px;
  margin: 4px;
  width: auto;
}

.sheet-features .sheet-color-cycle__radio {
  top: 1px;
  left: 1px;
  align-items: center;
  padding: 0;
  height: 14px;
  width: 14px;
  opacity: 1;
  transform: none;
}

.sheet-features .sheet-color-cycle__radio::after {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  height: 100%;
  width: 100%;
  border-radius: 2px 0 0 2px;
}

.sheet-features .sheet-color-cycle__radio--novice:checked::after {
  content: 'N';
  background-color: rgba(0, 0, 0, 0.05);
  color: #606060;
}

.sheet-features .sheet-color-cycle__radio--seasoned:checked::after {
  content: 'S';
  background-color: #5cb85c;
  color: #fff;
}

.sheet-features .sheet-color-cycle__radio--veteran:checked::after {
  content: 'V';
  background-color: #0275d8;
  color: #fff;
}

.sheet-features .sheet-color-cycle__radio--heroic:checked::after {
  content: 'H';
  background-color: #b25afd;
  color: #fff;
}

.sheet-features .sheet-color-cycle__radio--legendary:checked::after {
  content: 'L';
  background-color: #f0ad4e;
  color: #fff;
}

.sheet-features .sheet-color-cycle__radio--augmentation:checked::after {
  content: 'A';
  background-color: #898989;
  color: #fff;
}

.sheet-features .sheet-color-cycle__radio--dot:checked::after {
  content: '';
  background-color: #606060;
  border: 4px solid #fdfdfd;
  border-radius: 50%;
  height: 14px;
  width: 14px;
}

.sheet-features .sheet-color-cycle__radio--hindrance:checked::after {
  content: '*';
  background-color: #923836;
  color: #fff;
  font-family: Pictos;
}

.sheet-features .sheet-color-cycle__radio--disabled:checked::after {
  content: 'e';
  font-size: 12px;
  font-family: Pictos;
}

.sheet-features .sheet-color-cycle__radio--disabled:checked ~ *, .sheet-features .sheet-color-cycle__radio--disabled:checked::after {
  color: #b0b0b0;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}

.sheet-features .sheet-color-cycle__radio--disabled:checked ~ .sheet-features__inner-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  background: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/unskilled_bg.png") repeat;
}

.sheet-features span {
  display: block;
  visibility: hidden;
  line-height: 16px;
  margin-left: 22px;
}

.sheet-features input.sheet-features__name[type=text] {
  position: absolute;
  top: 0;
  left: 20px;
  z-index: 1;
  line-height: 16px;
  height: 100%;
  width: calc(100% - 24px);
}

.sheet-features .repcontainer.editmode .itemcontrol {
  margin: 4px;
  width: calc(100% - 8px) !important;
  max-height: 16px;
}

.sheet-health {
  position: relative;
  display: flex;
  align-items: flex-end;
}

.sheet-health > .sheet-hex {
  order: 2;
}

.sheet-health .sheet-header__title {
  margin-top: 8px;
}

.sheet-health:hover .sheet-health__icons * {
  opacity: 1;
}

.sheet-health__icons {
  display: flex;
}

.sheet-health__icons .sheet-icon {
  color: #b0b0b0;
  font-size: 10px;
  line-height: 1;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  transition-delay: .4s;
}

.sheet-health__icons .sheet-icon:checked {
  color: #fff;
  opacity: 1;
}

.sheet-health__icons .sheet-icon:checked::after {
  background-color: #898989;
  border: 1px solid #898989;
}

.sheet-health__icons .sheet-icon:not(:last-child) {
  margin-right: 8px;
}

.sheet-health__icons .sheet-icon::after {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  font-family: Pictos;
  border: 1px dotted #e0e0e0;
  border-radius: 50%;
  margin: 2px 2px 6px;
  height: 20px;
  width: 20px;
}

.sheet-health__icons .sheet-icon--shield::after {
  content: 'b';
}

.sheet-health__icons .sheet-icon--bug::after {
  content: 'i';
}

.sheet-health__icons .sheet-icon--fire::after {
  content: 'r';
  font-family: 'Pictos Custom';
}

.sheet-health__icons .sheet-icon--hit::after {
  content: 't';
  font-family: 'Pictos Custom';
}

.sheet-health__icons .sheet-icon--lightning::after {
  content: 'e';
}

.sheet-health__icons .sheet-icon--cancel::after {
  content: 'd';
}

.sheet-health__icons .sheet-icon--rad::after {
  content: 'l';
}

.sheet-health__icons .sheet-icon--tools::after {
  content: 'x';
}

.sheet-health__icons .sheet-icon--ecg::after {
  content: 'Y';
}

.sheet-health__track {
  position: relative;
  display: flex;
}

.sheet-health__track .sheet-radio-track,
.sheet-health__track .sheet-reset-button {
  border-radius: 2px;
  margin-right: 8px;
  height: 24px;
  width: 24px;
}

.sheet-health__track:hover .sheet-reset-button:not(:checked), .sheet-health__track:hover .sheet-radio-track-toggle {
  opacity: 1;
  transition-delay: .4s;
}

.sheet-health__track .sheet-reset-button {
  position: absolute;
  z-index: 2;
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.sheet-health__track .sheet-reset-button::after {
  content: '*';
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #898989;
  color: #fff;
  font-family: Pictos;
  line-height: 1;
  border-radius: 2px;
  height: 100%;
  width: 100%;
}

.sheet-health__track .sheet-reset-button:checked {
  display: none;
}

.sheet-health__track .sheet-radio-track-toggle {
  position: absolute;
  top: 24px;
  z-index: 2;
  height: 16px;
  width: 24px;
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.sheet-health__track .sheet-radio-track-toggle::before, .sheet-health__track .sheet-radio-track-toggle::after {
  content: '';
  background-color: rgba(0, 0, 0, 0.1);
  height: 4px;
  width: 50%;
}

.sheet-health__track .sheet-radio-track-toggle::after {
  background-color: rgba(0, 0, 0, 0.05);
}

.sheet-health__track .sheet-radio-track-toggle:checked {
  flex-direction: row-reverse;
}

.sheet-health__track .sheet-radio-track-toggle:checked + input {
  background: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/unskilled_bg.png") repeat;
}

.sheet-health__track .sheet-radio-track-toggle:checked + input::before, .sheet-health__track .sheet-radio-track-toggle:checked + input::after {
  display: none;
}

.sheet-health__wounds {
  order: 1;
}

.sheet-health__wounds .sheet-health__track {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.sheet-health__wounds .sheet-radio-track--6 {
  margin-right: 0;
}

.sheet-health__wounds .sheet-radio-track-toggle--6 {
  left: 160px;
}

.sheet-health__wounds .sheet-radio-track-toggle--5 {
  left: 128px;
}

.sheet-health__wounds .sheet-radio-track-toggle--4 {
  left: 96px;
}

.sheet-health__wounds .sheet-radio-track-toggle--3 {
  left: 64px;
}

.sheet-health__wounds .sheet-radio-track-toggle--2 {
  left: 32px;
}

.sheet-health__center {
  order: 3;
  position: absolute;
  left: 185px;
}

.sheet-health__center .sheet-hexfield {
  position: absolute;
  bottom: 8px;
  transform: translateY(100%);
}

.sheet-health__center .sheet-hexfield span {
  max-width: none;
}

.sheet-health__center .sheet-hexfield--wound-mitigation {
  left: 1px;
}

.sheet-health__center .sheet-hexfield--rads {
  left: 33px;
}

.sheet-health .sheet-hex--64 {
  margin: 0 4px;
}

.sheet-health .sheet-hex--64::after {
  content: '';
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/skull.png");
  background-repeat: no-repeat;
  background-size: 32px;
  background-position: center;
  height: 100%;
  width: 100%;
  opacity: .15;
}

.sheet-health .sheet-hex--64:checked::after {
  opacity: .5;
}

.sheet-health__fatigue {
  order: 4;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.sheet-health__fatigue .sheet-reset-button {
  right: 0;
  margin: 0;
}

.sheet-health__fatigue .sheet-radio-track--1 {
  margin-right: 0;
}

.sheet-health__fatigue .sheet-radio-track-toggle--3 {
  right: 64px;
}

.sheet-health__fatigue .sheet-radio-track-toggle--2 {
  right: 32px;
}

.sheet-power {
  position: relative;
  margin-right: -8px;
}

.sheet-power .sheet-header__title {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
}

.sheet-power .sheet-hexfield {
  position: absolute;
  bottom: -28px;
}

.sheet-power .sheet-hexfield--power-consumed {
  left: -2px;
}

.sheet-power .sheet-hexfield--power-consumed span {
  max-width: none;
}

.sheet-power .sheet-hexfield--power-maximum {
  left: 30px;
}

.sheet-weapons {
  margin-top: 32px;
}

.sheet-weapons__damage, .sheet-weapons__range {
  width: 80px;
}

.sheet-weapons__ap, .sheet-weapons__rof, .sheet-weapons__weight {
  width: 30px;
}

.sheet-weapons__shots {
  width: 40px;
}

.sheet-weapons__trapping {
  width: 64px;
}

.sheet-weapons__damage-button {
  position: absolute;
  top: 0;
  left: 164px;
  display: none;
  height: 20px;
  width: 80px;
}

.sheet-weapons input.sheet-toggle:not(:checked) ~ .sheet-weapons__trapping {
  display: none;
}

.sheet-apparel__armor {
  width: 40px;
  margin-right: 8px;
}

.sheet-apparel__tags {
  text-align: left;
  width: 210px;
}

.sheet-apparel__weight {
  width: 30px;
}

.sheet-integrity {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sheet-integrity__status {
  width: 320px;
}

.sheet-integrity__progress {
  position: relative;
  display: flex;
  justify-content: flex-end;
  background-color: #e0e0e0;
  border-radius: 2px;
  height: 8px;
  width: 100%;
  overflow: hidden;
}

.sheet-integrity__progress-fill {
  background-color: #898989;
  height: 100%;
  width: 100%;
  transition: width .3s ease-in-out;
}

.sheet-integrity__bar-width[value="0"] ~ .sheet-integrity__progress-fill {
  width: 0px;
}

.sheet-integrity__bar-width[value="1"] ~ .sheet-integrity__progress-fill {
  width: 4px;
}

.sheet-integrity__bar-width[value="2"] ~ .sheet-integrity__progress-fill {
  width: 8px;
}

.sheet-integrity__bar-width[value="3"] ~ .sheet-integrity__progress-fill {
  width: 12px;
}

.sheet-integrity__bar-width[value="4"] ~ .sheet-integrity__progress-fill {
  width: 16px;
}

.sheet-integrity__bar-width[value="5"] ~ .sheet-integrity__progress-fill {
  width: 20px;
}

.sheet-integrity__bar-width[value="6"] ~ .sheet-integrity__progress-fill {
  width: 24px;
}

.sheet-integrity__bar-width[value="7"] ~ .sheet-integrity__progress-fill {
  width: 28px;
}

.sheet-integrity__bar-width[value="8"] ~ .sheet-integrity__progress-fill {
  width: 32px;
}

.sheet-integrity__bar-width[value="9"] ~ .sheet-integrity__progress-fill {
  width: 36px;
}

.sheet-integrity__bar-width[value="10"] ~ .sheet-integrity__progress-fill {
  width: 40px;
}

.sheet-integrity__bar-width[value="11"] ~ .sheet-integrity__progress-fill {
  width: 44px;
}

.sheet-integrity__bar-width[value="12"] ~ .sheet-integrity__progress-fill {
  width: 48px;
}

.sheet-integrity__bar-width[value="13"] ~ .sheet-integrity__progress-fill {
  width: 52px;
}

.sheet-integrity__bar-width[value="14"] ~ .sheet-integrity__progress-fill {
  width: 56px;
}

.sheet-integrity__bar-width[value="15"] ~ .sheet-integrity__progress-fill {
  width: 60px;
}

.sheet-integrity__bar-width[value="16"] ~ .sheet-integrity__progress-fill {
  width: 64px;
}

.sheet-integrity__bar-width[value="17"] ~ .sheet-integrity__progress-fill {
  width: 68px;
}

.sheet-integrity__bar-width[value="18"] ~ .sheet-integrity__progress-fill {
  width: 72px;
}

.sheet-integrity__bar-width[value="19"] ~ .sheet-integrity__progress-fill {
  width: 76px;
}

.sheet-integrity__bar-width[value="20"] ~ .sheet-integrity__progress-fill {
  width: 80px;
}

.sheet-integrity__bar-width[value="21"] ~ .sheet-integrity__progress-fill {
  width: 84px;
}

.sheet-integrity__bar-width[value="22"] ~ .sheet-integrity__progress-fill {
  width: 88px;
}

.sheet-integrity__bar-width[value="23"] ~ .sheet-integrity__progress-fill {
  width: 92px;
}

.sheet-integrity__bar-width[value="24"] ~ .sheet-integrity__progress-fill {
  width: 96px;
}

.sheet-integrity__bar-width[value="25"] ~ .sheet-integrity__progress-fill {
  width: 100px;
}

.sheet-integrity__bar-width[value="26"] ~ .sheet-integrity__progress-fill {
  width: 104px;
}

.sheet-integrity__bar-width[value="27"] ~ .sheet-integrity__progress-fill {
  width: 108px;
}

.sheet-integrity__bar-width[value="28"] ~ .sheet-integrity__progress-fill {
  width: 112px;
}

.sheet-integrity__bar-width[value="29"] ~ .sheet-integrity__progress-fill {
  width: 116px;
}

.sheet-integrity__bar-width[value="30"] ~ .sheet-integrity__progress-fill {
  width: 120px;
}

.sheet-integrity__bar-width[value="31"] ~ .sheet-integrity__progress-fill {
  width: 124px;
}

.sheet-integrity__bar-width[value="32"] ~ .sheet-integrity__progress-fill {
  width: 128px;
}

.sheet-integrity__bar-width[value="33"] ~ .sheet-integrity__progress-fill {
  width: 132px;
}

.sheet-integrity__bar-width[value="34"] ~ .sheet-integrity__progress-fill {
  width: 136px;
}

.sheet-integrity__bar-width[value="35"] ~ .sheet-integrity__progress-fill {
  width: 140px;
}

.sheet-integrity__bar-width[value="36"] ~ .sheet-integrity__progress-fill {
  width: 144px;
}

.sheet-integrity__bar-width[value="37"] ~ .sheet-integrity__progress-fill {
  width: 148px;
}

.sheet-integrity__bar-width[value="38"] ~ .sheet-integrity__progress-fill {
  width: 152px;
}

.sheet-integrity__bar-width[value="39"] ~ .sheet-integrity__progress-fill {
  width: 156px;
}

.sheet-integrity__bar-width[value="40"] ~ .sheet-integrity__progress-fill {
  width: 160px;
}

.sheet-integrity__bar-width[value="41"] ~ .sheet-integrity__progress-fill {
  width: 164px;
}

.sheet-integrity__bar-width[value="42"] ~ .sheet-integrity__progress-fill {
  width: 168px;
}

.sheet-integrity__bar-width[value="43"] ~ .sheet-integrity__progress-fill {
  width: 172px;
}

.sheet-integrity__bar-width[value="44"] ~ .sheet-integrity__progress-fill {
  width: 176px;
}

.sheet-integrity__bar-width[value="45"] ~ .sheet-integrity__progress-fill {
  width: 180px;
}

.sheet-integrity__bar-width[value="46"] ~ .sheet-integrity__progress-fill {
  width: 184px;
}

.sheet-integrity__bar-width[value="47"] ~ .sheet-integrity__progress-fill {
  width: 188px;
}

.sheet-integrity__bar-width[value="48"] ~ .sheet-integrity__progress-fill {
  width: 192px;
}

.sheet-integrity__bar-width[value="49"] ~ .sheet-integrity__progress-fill {
  width: 196px;
}

.sheet-integrity__bar-width[value="50"] ~ .sheet-integrity__progress-fill {
  width: 200px;
}

.sheet-integrity__bar-width[value="51"] ~ .sheet-integrity__progress-fill {
  width: 204px;
}

.sheet-integrity__bar-width[value="52"] ~ .sheet-integrity__progress-fill {
  width: 208px;
}

.sheet-integrity__bar-width[value="53"] ~ .sheet-integrity__progress-fill {
  width: 212px;
}

.sheet-integrity__bar-width[value="54"] ~ .sheet-integrity__progress-fill {
  width: 216px;
}

.sheet-integrity__bar-width[value="55"] ~ .sheet-integrity__progress-fill {
  width: 220px;
}

.sheet-integrity__bar-width[value="56"] ~ .sheet-integrity__progress-fill {
  width: 224px;
}

.sheet-integrity__bar-width[value="57"] ~ .sheet-integrity__progress-fill {
  width: 228px;
}

.sheet-integrity__bar-width[value="58"] ~ .sheet-integrity__progress-fill {
  width: 232px;
}

.sheet-integrity__bar-width[value="59"] ~ .sheet-integrity__progress-fill {
  width: 236px;
}

.sheet-integrity__bar-width[value="60"] ~ .sheet-integrity__progress-fill {
  width: 240px;
}

.sheet-integrity__bar-width[value="61"] ~ .sheet-integrity__progress-fill {
  width: 244px;
}

.sheet-integrity__bar-width[value="62"] ~ .sheet-integrity__progress-fill {
  width: 248px;
}

.sheet-integrity__bar-width[value="63"] ~ .sheet-integrity__progress-fill {
  width: 252px;
}

.sheet-integrity__bar-width[value="64"] ~ .sheet-integrity__progress-fill {
  width: 256px;
}

.sheet-integrity__bar-width[value="65"] ~ .sheet-integrity__progress-fill {
  width: 260px;
}

.sheet-integrity__bar-width[value="66"] ~ .sheet-integrity__progress-fill {
  width: 264px;
}

.sheet-integrity__bar-width[value="67"] ~ .sheet-integrity__progress-fill {
  width: 268px;
}

.sheet-integrity__bar-width[value="68"] ~ .sheet-integrity__progress-fill {
  width: 272px;
}

.sheet-integrity__bar-width[value="69"] ~ .sheet-integrity__progress-fill {
  width: 276px;
}

.sheet-integrity__bar-width[value="70"] ~ .sheet-integrity__progress-fill {
  width: 280px;
}

.sheet-integrity__bar-width[value="71"] ~ .sheet-integrity__progress-fill {
  width: 284px;
}

.sheet-integrity__bar-width[value="72"] ~ .sheet-integrity__progress-fill {
  width: 288px;
}

.sheet-integrity__bar-width[value="73"] ~ .sheet-integrity__progress-fill {
  width: 292px;
}

.sheet-integrity__bar-width[value="74"] ~ .sheet-integrity__progress-fill {
  width: 296px;
}

.sheet-integrity__bar-width[value="75"] ~ .sheet-integrity__progress-fill {
  width: 300px;
}

.sheet-integrity__bar-width[value="76"] ~ .sheet-integrity__progress-fill {
  width: 304px;
}

.sheet-integrity__bar-width[value="77"] ~ .sheet-integrity__progress-fill {
  width: 308px;
}

.sheet-integrity__bar-width[value="78"] ~ .sheet-integrity__progress-fill {
  width: 312px;
}

.sheet-integrity__bar-width[value="79"] ~ .sheet-integrity__progress-fill {
  width: 316px;
}

.sheet-integrity__bar-width[value="80"] ~ .sheet-integrity__progress-fill {
  width: 320px;
}

.sheet-integrity__marker {
  position: absolute;
  top: 0;
  background-color: #fff;
  width: 2px;
  height: 10px;
  transform: translateX(-50%);
}

.sheet-integrity__marker--70 {
  left: 40px;
}

.sheet-integrity__marker--60 {
  left: 80px;
}

.sheet-integrity__marker--50 {
  left: 120px;
}

.sheet-integrity__marker--40 {
  left: 160px;
}

.sheet-integrity__marker--30 {
  left: 200px;
}

.sheet-integrity__marker--20 {
  left: 240px;
}

.sheet-integrity__marker--10 {
  left: 280px;
}

.sheet-integrity__loss-effects {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 10px;
  margin: 8px 0;
  height: 16px;
  width: 100%;
}

.sheet-integrity__loss-effects > span {
  display: block;
  color: #d6d6d6;
  font-weight: 500;
  white-space: nowrap;
  transition: color .3s ease-in-out;
}

.sheet-integrity__loss-effects input[type=checkbox]:checked + span {
  color: #606060;
}

.sheet-integrity__hexfields {
  display: flex;
  align-items: center;
}

.sheet-integrity__hexfields .sheet-large-label {
  max-width: 83px;
}

.sheet-integrity__hexfields .sheet-container {
  position: relative;
}

.sheet-integrity__hexfields .sheet-hexfield {
  position: absolute;
  bottom: -28px;
}

.sheet-integrity__hexfields .sheet-hexfield--integrity-maximum {
  right: -6px;
  transform: translateX(-100%);
}

.sheet-integrity__hexfields .sheet-hexfield--integrity-mod {
  left: -5px;
  transform: translateX(100%);
}

.sheet-abilities .sheet-repitem {
  position: relative;
}

.sheet-abilities .sheet-repitem span {
  display: block;
  visibility: hidden;
  font-size: 10px;
  line-height: 16px;
  white-space: pre-wrap;
  padding: 2px 6px 2px;
  min-height: 20px;
}

.sheet-abilities .sheet-repitem textarea {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.sheet-toggle--strain:checked ~ .sheet-augmentations .sheet-augmentations__power, .sheet-toggle--strain:checked ~ .sheet-augmentations .sheet-augmentations__slots {
  display: none;
}

.sheet-toggle--strain:checked ~ .sheet-augmentations .sheet-a {
  display: none;
}

.sheet-toggle--strain:checked ~ .sheet-augmentations .sheet-b {
  display: inline;
}

.sheet-toggle-augmentation-markers:not(:checked) ~ .sheet-augmentations .sheet-color-cycle {
  display: none;
}

.sheet-augmentations .sheet-header__labels span {
  text-transform: uppercase;
}

.sheet-augmentations__grade {
  width: 60px;
}

.sheet-augmentations__power, .sheet-augmentations__slots, .sheet-augmentations__loss {
  width: 40px;
}

.sheet-augmentations .sheet-b {
  display: none;
}

.sheet-augmentations .sheet-color-cycle__radio {
  padding: 3px;
  border: 1px solid transparent;
}

.sheet-augmentations .sheet-color-cycle__radio--none {
  border-color: #e0e0e0;
}

.sheet-augmentations__multiplier {
  text-align: left;
  width: 18px;
}

.sheet-augmentations input.sheet-toggle:not(:checked) ~ .sheet-augmentations__multiplier {
  display: none;
}

.sheet-engrams__penalty {
  width: 48px;
  padding-right: 8px;
}

.sheet-engrams__description {
  flex-shrink: 0;
  text-align: left;
  width: 280px;
}

input.sheet-toggle--pp:checked ~ .sheet-powers .sheet-a {
  display: none;
}

input.sheet-toggle--pp:checked ~ .sheet-powers .sheet-b {
  display: inline;
}

.sheet-powers__ap, .sheet-powers__pp, .sheet-powers__penalty {
  width: 40px;
}

.sheet-powers__duration {
  width: 60px;
}

.sheet-powers__damage, .sheet-powers__range {
  width: 80px;
}

.sheet-powers__trapping {
  width: 64px;
}

.sheet-powers .sheet-b {
  display: none;
}

.sheet-powers input.sheet-toggle:not(:checked) ~ .sheet-powers__trapping {
  display: none;
}

.sheet-vehicles__size, .sheet-vehicles__handling, .sheet-vehicles__speed, .sheet-vehicles__toughness, .sheet-vehicles__crew, .sheet-vehicles__weapons {
  width: 45px;
}

.sheet-vehicles .sheet-repitem__frame-silhouette-control[value='0'] ~ .sheet-repitem__frame-silhouette {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/car_01.png");
}

.sheet-vehicles .sheet-repitem__frame-silhouette-control[value='1'] ~ .sheet-repitem__frame-silhouette {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/car_02.png");
}

.sheet-vehicles .sheet-repitem__frame-silhouette-control[value='2'] ~ .sheet-repitem__frame-silhouette {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/car_03.png");
}

.sheet-vehicles .sheet-repitem__frame-silhouette-control[value='3'] ~ .sheet-repitem__frame-silhouette {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/car_04.png");
}

.sheet-vehicles .sheet-repitem__frame-silhouette-control[value='4'] ~ .sheet-repitem__frame-silhouette {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/sports-bike.png");
}

.sheet-vehicles .sheet-repitem__frame-silhouette-control[value='5'] ~ .sheet-repitem__frame-silhouette {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/quad-bike.png");
}

.sheet-vehicles .sheet-repitem__frame-silhouette-control[value='6'] ~ .sheet-repitem__frame-silhouette {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/tank.png");
}

.sheet-vehicles .sheet-repitem__frame-silhouette-control[value='7'] ~ .sheet-repitem__frame-silhouette {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/aircraft_01.png");
}

.sheet-vehicles .sheet-repitem__frame-silhouette-control[value='8'] ~ .sheet-repitem__frame-silhouette {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/aircraft_02.png");
}

.sheet-vehicles .sheet-repitem__frame-silhouette-control[value='9'] ~ .sheet-repitem__frame-silhouette {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/aircraft_03.png");
}

.sheet-vehicles .sheet-repitem__frame-silhouette-control[value='10'] ~ .sheet-repitem__frame-silhouette {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/watercraft_01.png");
}

.sheet-vehicles .sheet-repitem__frame-silhouette-control[value='11'] ~ .sheet-repitem__frame-silhouette {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/watercraft_02.png");
}

.sheet-vehicles .sheet-repitem__frame-silhouette-control[value='12'] ~ .sheet-repitem__frame-silhouette {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/watercraft_03.png");
}

.sheet-vehicles .sheet-repitem__frame-silhouette-control[value='13'] ~ .sheet-repitem__frame-silhouette {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/spacecraft_01.png");
}

.sheet-vehicles .sheet-repitem__frame-silhouette-control[value='14'] ~ .sheet-repitem__frame-silhouette {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/spacecraft_02.png");
}

.sheet-vehicles .sheet-repitem__frame-silhouette-control[value='15'] ~ .sheet-repitem__frame-silhouette {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/spacecraft_03.png");
}

.sheet-vehicles .sheet-repitem__frame-silhouette-control[value='16'] ~ .sheet-repitem__frame-silhouette {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/spacecraft_04.png");
}

.sheet-powerarmors__size, .sheet-powerarmors__armor, .sheet-powerarmors__pace, .sheet-powerarmors__mods, .sheet-powerarmors__weight, .sheet-powerarmors__weapons {
  width: 45px;
}

.sheet-powerarmors .sheet-repitem__frame-silhouette {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/powerarmor_01.png");
  background-size: contain;
  margin-top: 4px;
  height: 56px;
}

.sheet-walkers__size, .sheet-walkers__pace, .sheet-walkers__crew {
  width: 35px;
}

.sheet-walkers__strength {
  width: 60px;
}

.sheet-walkers__toughness, .sheet-walkers__mods, .sheet-walkers__weapons {
  width: 45px;
}

.sheet-walkers .sheet-repitem__frame-silhouette {
  background-image: url("https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/walker.png");
  background-size: contain;
  margin-top: 4px;
  height: 56px;
}

.sheet-allies__pace, .sheet-allies__parry, .sheet-allies__toughness, .sheet-allies__size, .sheet-allies__exp, .sheet-allies__level {
  width: 45px;
}

.sheet-allies .sheet-header__labels {
  padding-right: 30px;
}

.sheet-allies .sheet-repitem__secondary {
  align-items: flex-start;
  justify-content: space-between;
  height: auto;
}

.sheet-allies .sheet-repitem__secondary .sheet-left {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-shrink: 0;
  font-size: 10px;
  padding: 5px 0 6px;
  width: 44px;
}

.sheet-allies .sheet-repitem__secondary .sheet-left button[type=roll],
.sheet-allies .sheet-repitem__secondary .sheet-left .sheet-allies__health-field input[type=text] {
  font-weight: 700;
  border-radius: 2px;
  height: 20px;
  width: 20px;
}

.sheet-allies .sheet-repitem__secondary .sheet-left button[type=roll] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b0b0b0;
  line-height: 1;
  border: 1px dotted #e0e0e0;
  margin-bottom: 4px !important;
}

.sheet-allies .sheet-repitem__secondary .sheet-left button[type=roll]:hover {
  background-color: #898989;
  border-color: #898989;
}

.sheet-allies .sheet-repitem__secondary .sheet-left button[type=roll]:hover span {
  color: #fff !important;
}

.sheet-allies .sheet-repitem__secondary .sheet-left .sheet-allies__health-field {
  position: relative;
}

.sheet-allies .sheet-repitem__secondary .sheet-left .sheet-allies__health-field::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: #f2f2f2;
  color: #fff;
  font-family: Pictos;
  font-size: 14px;
  font-weight: 900;
  line-height: 22px;
  text-align: center;
  border-radius: 2px;
  height: 100%;
  width: 100%;
}

.sheet-allies .sheet-repitem__secondary .sheet-left .sheet-allies__health-field--wounds::before {
  content: 'k';
}

.sheet-allies .sheet-repitem__secondary .sheet-left .sheet-allies__health-field--fatigue::before {
  content: 'Y';
}

.sheet-allies .sheet-repitem__secondary .sheet-left .sheet-allies__health-field input[type=text] {
  position: relative;
  z-index: 1;
  color: #606060;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

.sheet-allies .sheet-repitem__secondary .sheet-right {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 5px 0 0 8px;
}

.sheet-allies .sheet-repitem__secondary .sheet-right input.sheet-allies__note-field[type=text] {
  font-size: 10px;
  text-align: left;
  padding: 0 2px;
  margin-bottom: 4px;
  border-bottom: 1px dotted #e0e0e0;
  height: 20px;
  width: 76px !important;
}

.sheet-quick-notes {
  position: relative;
  width: 266px;
}

.sheet-quick-notes__content {
  position: relative;
  padding: 8px 0;
  margin-bottom: 16px;
}

.sheet-quick-notes__content span {
  display: block;
  visibility: hidden;
  font-size: 10px;
  line-height: 16px;
  padding: 0 8px;
  white-space: pre-wrap;
  min-height: 64px;
}

.sheet-quick-notes__content textarea {
  position: absolute;
  top: 8px;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(to right, #f6f6f6 1px, transparent 1px), linear-gradient(to bottom, #f6f6f6 1px, transparent 1px);
  background-size: 16px 16px;
  background-position: 4px -1px;
  background-color: #fff;
  color: #606060;
  font-size: 10px;
  line-height: 16px;
  padding: 0 8px;
  resize: none;
}

.sheet-encumbrance {
  display: flex;
  text-align: center;
  margin: 16px 0 24px;
  width: 266px;
}

.sheet-encumbrance .sheet-label {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  height: 16px;
}

.sheet-encumbrance__container {
  width: 48px;
}

.sheet-encumbrance__container:not(:last-child) {
  margin-right: 8px;
}

.sheet-encumbrance__container--summary {
  width: 98px;
}

.sheet-encumbrance__content {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  font-size: 12px;
  border-radius: 2px;
  height: 32px;
  overflow: hidden;
  box-shadow: 0 0 1.5px 0 rgba(0, 0, 0, 0.5);
}

.sheet-encumbrance__content span {
  user-select: none;
}

.sheet-encumbrance__content input[type=text] {
  border-radius: 2px;
}

.sheet-encumbrance__content input[type=text]:hover {
  background-color: #f2f2f2;
}

.sheet-encumbrance__content input[type=text]:focus {
  background-color: #fdfdfd;
  font-size: 16px !important;
  font-weight: 700;
  height: 100%;
  width: 100%;
}

.sheet-encumbrance__content input[type=text]:focus ~ * {
  display: none;
}

.sheet-encumbrance__content--summary {
  flex-direction: row-reverse;
}

.sheet-encumbrance__content--summary > div {
  padding: 0 4px;
}

.sheet-encumbrance__content--summary input[type=text],
.sheet-encumbrance__content--summary span {
  font-size: 12px;
  width: 32px;
}

.sheet-inventory {
  position: relative;
  width: 266px;
}

.sheet-inventory__amount, .sheet-inventory__weight {
  width: 30px;
}

.sheet-inventory__multi {
  color: #b0b0b0;
  line-height: 11px;
  text-align: center;
  width: 8px;
}

.sheet-inventory .sheet-repitem__note-box {
  width: 268px;
}

.sheet-inventory .repcontainer:empty ~ .repcontrol .repcontrol_add::before {
  width: 266px;
}

.sheet-ammunition {
  position: relative;
  margin-bottom: 16px;
  width: 266px;
}

.sheet-ammunition__content {
  display: flex;
  padding: 6px 0 14px;
}

.sheet-ammunition__container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fdfdfd;
  border-radius: 2px;
  height: 34px;
  width: 40px;
}

.sheet-ammunition__container--1, .sheet-ammunition__container--2 {
  margin-right: 6px;
}

.sheet-ammunition__container span {
  position: absolute;
  left: 0;
  z-index: 0;
  display: block;
  background-color: #d6d6d6;
  color: #fff;
  font-size: 8px;
  font-weight: 500;
  line-height: 13px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 12px;
  width: 100%;
}

.sheet-ammunition__container span:first-of-type {
  top: 0;
  border-radius: 2px 2px 0 0;
}

.sheet-ammunition__container span:last-of-type {
  bottom: -10px;
  letter-spacing: -0.4px;
  text-transform: uppercase;
  padding: 0 2px;
  border-radius: 0 0 2px 2px;
}

.sheet-ammunition__container input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.sheet-ammunition__container input[type=radio]::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  z-index: 1;
  height: 10px;
  width: 100%;
}

.sheet-ammunition__container input[type=radio]:checked ~ span {
  background-color: #898989;
}

.sheet-ammunition__container input[type=radio]::before {
  content: '';
  border: 2px solid #d6d6d6;
  border-width: 2px 2px 0;
  border-radius: 2px;
  height: 100%;
  width: 100%;
}

.sheet-ammunition__container input[type=radio]:checked::before {
  border-color: #898989;
}

.sheet-ammunition__container input[type=radio]:checked ~ input[type=text] {
  color: #808080;
}

.sheet-ammunition__container input[type=text] {
  position: relative;
  z-index: 2;
  color: #d6d6d6;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  margin-top: 9px;
  height: 14px;
  width: 36px;
}

.sheet-ammunition__buttons {
  flex-grow: 1;
}

.sheet-ammunition__buttons > div {
  display: flex;
  justify-content: space-between;
}

.sheet-ammunition__buttons > div:first-child {
  margin-bottom: 4px;
}

.sheet-ammunition__buttons button[type=action] {
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: #fdfdfd;
  color: #b0b0b0;
  border: 1px dotted #e0e0e0;
  border-radius: 2px;
  padding: 0 4px;
  height: 20px;
}

.sheet-ammunition__buttons button[type=action]:hover {
  background-color: #898989;
  color: #fff !important;
  border: 1px solid #898989;
}

.sheet-ammunition__buttons button[type=action]:not(:last-child) {
  margin-right: 4px;
}

.sheet-ammunition__buttons button[type=action]:last-child {
  flex-grow: 1;
  max-width: 21px;
}

.sheet-simple-trait {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
  line-height: 24px;
  padding-right: 6px;
  border-radius: 2px;
  height: 24px;
  min-width: 66px;
}

.sheet-simple-trait span {
  color: #404040;
}

.sheet-simple-trait .sheet-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.sheet-simple-trait__expand {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border: 1px solid transparent;
  border-radius: 2px;
  height: 100% !important;
  width: 100%;
  transition: border .3s ease-in-out;
}

.sheet-simple-trait__expand:hover, .sheet-simple-trait__expand:checked {
  border-color: #e0e0e0;
}

.sheet-simple-trait__expand:checked ~ .sheet-simple-trait__inputs {
  display: flex;
  background-color: #fff;
}

.sheet-simple-trait__expand:checked ~ .sheet-background {
  background-color: #fff;
}

.sheet-simple-trait button.sheet-simple-trait__roll[type=roll] {
  padding-left: 6px !important;
}

.sheet-simple-trait__roll {
  position: relative;
  z-index: 3;
  font-size: 11px;
  font-weight: 500;
  line-height: 24px;
}

.sheet-simple-trait__roll:hover + .sheet-simple-trait__buttons {
  pointer-events: all;
  opacity: 1;
  transition-delay: .7s;
}

.sheet-simple-trait__custom-roll {
  color: #606060;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
}

.sheet-simple-trait__custom-roll:not(:last-child) {
  margin-right: 4px !important;
}

.sheet-simple-trait__buttons {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  display: flex;
  background-color: #fff;
  padding: 0 4px;
  border-radius: 2px;
  height: 16px;
  transform: translateY(-100%);
  opacity: 0;
  box-shadow: 0 0 1.5px 0 rgba(0, 0, 0, 0.5);
  transition: opacity .3s ease-in-out;
}

.sheet-simple-trait__buttons:hover {
  pointer-events: all;
  opacity: 1;
  transition-delay: .7s;
}

.sheet-simple-trait__label {
  position: relative;
  z-index: 1;
  font-weight: 500;
  margin-left: 8px;
}

.sheet-simple-trait__inputs {
  position: absolute;
  bottom: 1px;
  left: 0;
  z-index: 4;
  display: none;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-width: 0 1px 1px 1px;
  border-radius: 0 0 2px 2px;
  padding: 0 6px;
  width: 100%;
  transform: translateY(100%);
}

.sheet-simple-trait__inputs > input[type=text] {
  text-align: center;
  border-top: 1px dotted #e0e0e0;
  width: 33.3%;
}

.sheet-extra {
  width: 100%;
}

.sheet-extra .sheet-buttons {
  padding-bottom: 1px;
  width: 100%;
}

.sheet-extra .sheet-buttons > div {
  margin-right: 8px;
}

.sheet-extra .sheet-block {
  margin-top: 16px;
}

.sheet-extra .sheet-simple-trait:not(:last-child) {
  margin-right: 8px;
}

.sheet-extra-meta {
  display: flex;
  margin-bottom: 19px;
}

.sheet-extra-meta .sheet-meta-field:first-child {
  flex-grow: 1;
}

.sheet-extra-meta .sheet-meta-field input.sheet-meta-field__input--name[type=text] {
  width: 100%;
}

.sheet-extra .sheet-features {
  margin-top: 16px;
}

.sheet-extra .repcontainer:empty ~ .repcontrol .repcontrol_add::before {
  width: 474px;
}

.sheet-extra .sheet-footer {
  opacity: 0;
}

.sheet-extra .sheet-quick-notes {
  width: 100%;
  margin-bottom: 16px;
}

.sheet-extra .sheet-quick-notes span {
  min-height: 32px;
}

.sheet-extra .sheet-quick-notes textarea {
  height: calc(100% - 16px);
}

.sheet-extra-attributes {
  position: relative;
}

.sheet-extra-attributes .sheet-container {
  display: flex;
  padding-top: 8px;
}

.sheet-extra-skills {
  position: relative;
}

.sheet-extra-skills .sheet-container {
  display: flex;
  flex-wrap: wrap;
  padding-top: 8px;
}

.sheet-extra-skills .sheet-container::after {
  content: '';
  display: block;
  flex-grow: 1000000;
}

.sheet-extra-skills__selection-toggle::after {
  position: absolute;
  top: 2px;
  right: 20px;
  display: block;
  font-family: Pictos;
  font-size: 10px;
  line-height: 14px;
}

.sheet-extra-skills__selection-toggle:hover::after {
  color: #606060 !important;
}

.sheet-extra-skills__selection-toggle:checked ~ .sheet-container .sheet-simple-trait {
  display: none;
}

.sheet-extra-skills__selection-toggle:checked ~ .sheet-container {
  justify-content: space-between;
}

.sheet-extra-skills__selection-toggle:checked::after {
  content: '3';
  color: #606060;
}

.sheet-extra-skills__selection-toggle:not(:checked) ~ .sheet-container .sheet-extra-skills__toggle-label {
  display: none;
}

.sheet-extra-skills__selection-toggle:not(:checked)::after {
  content: 'W';
  color: #b0b0b0;
}

.sheet-extra-skills__toggle-label {
  flex-shrink: 0;
  width: auto;
}

.sheet-extra-skills__toggle:not(:checked) + .sheet-simple-trait {
  display: none;
}

.sheet-extra-skills__toggle + span {
  user-select: none;
  display: block;
  color: #b0b0b0;
  font-size: 11px;
  font-weight: 500;
  line-height: 24px;
  text-transform: capitalize;
  white-space: nowrap;
  padding: 0 4px;
}

.sheet-extra-skills__toggle:hover + span {
  color: #808080;
}

.sheet-extra-skills__toggle:checked + span {
  color: #404040;
}

.sheet-extra-secondary .sheet-container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 8px;
}

.sheet-extra-secondary__field {
  flex-grow: 1;
  width: auto;
}

.sheet-extra-secondary__field:not(:last-child) {
  margin-right: 8px;
}

.sheet-extra-secondary__field .sheet-label {
  color: #b0b0b0;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -0.1px;
  height: 16px;
}

.sheet-extra-secondary input[type=text] {
  line-height: 24px;
}

.sheet-extra-secondary input[type=text]::placeholder {
  font-size: 10px;
  line-height: 24px;
}

.sheet-extra-secondary input.sheet-extra-secondary__input[type=text], .sheet-extra-secondary__field > span {
  display: block;
  background-color: #fff;
  font-weight: 500;
  text-align: center;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  height: 24px;
  width: 100%;
}

.sheet-extra-secondary .sheet-simple-trait__expand {
  border-color: #e0e0e0;
}

.sheet-extra-secondary .sheet-divider {
  border-right: 1px dotted #e0e0e0;
  margin: 0 10px 0 2px;
  height: 24px;
}

.sheet-extra-settings {
  display: flex;
  flex-wrap: wrap;
  padding: 8px 0;
  margin-top: 15px !important;
  border-top: 1px dotted #e0e0e0;
}

.sheet-extra-settings__item {
  user-select: none;
  line-height: 16px;
  margin-bottom: 4px;
  width: auto;
}

.sheet-extra-settings__item:not(:last-child) {
  margin-right: 8px;
}

.sheet-extra-settings__item span {
  color: #d6d6d6;
  font-size: 10px;
  font-weight: 500;
  white-space: nowrap;
}

.sheet-extra-settings input[type=checkbox]:checked ~ span {
  color: #808080;
}

.sheet-rolltemplate-TraitRoll .inlinerollresult.showtip::before,
.sheet-rolltemplate-DiceRoller .inlinerollresult.showtip::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  background-color: #fafafa;
  height: 100%;
  width: 100%;
}

.sheet-rolltemplate-TraitRoll,
.sheet-rolltemplate-DiceRoller,
.sheet-rolltemplate-RunRoll,
.sheet-rolltemplate-DamageRoll,
.sheet-rolltemplate-InfoBox {
  color: #404040;
  padding-top: 8px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.sheet-rolltemplate-TraitRoll .inlinerollresult.showtip,
.sheet-rolltemplate-DiceRoller .inlinerollresult.showtip,
.sheet-rolltemplate-RunRoll .inlinerollresult.showtip,
.sheet-rolltemplate-DamageRoll .inlinerollresult.showtip,
.sheet-rolltemplate-InfoBox .inlinerollresult.showtip {
  position: relative;
  z-index: 1;
  background-color: transparent;
  padding: 0;
  border: 0;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate {
  position: relative;
  background-color: #fff;
  background-image: linear-gradient(to right, #fbfbfb 1px, transparent 1px), linear-gradient(to bottom, #fbfbfb 1px, transparent 1px);
  background-size: 8px 8px;
  background-position: -1px -1px;
  padding: 8px;
  border-radius: 2px;
  box-shadow: 0 0 1.5px 0 rgba(0, 0, 0, 0.5);
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__header,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__header,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__header,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__header,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__header {
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  text-align: center;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__header:not(:last-child),
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__header:not(:last-child),
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__header:not(:last-child),
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__header:not(:last-child),
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__header:not(:last-child) {
  border-bottom: 1px dotted #e0e0e0;
  padding-bottom: 7px;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__content,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__content,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__content,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__content,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__content {
  position: relative;
  font-size: 11px;
  text-align: center;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__content:not(:first-child),
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__content:not(:first-child),
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__content:not(:first-child),
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__content:not(:first-child),
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__content:not(:first-child) {
  padding-top: 8px;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__content:not(:last-child),
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__content:not(:last-child),
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__content:not(:last-child),
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__content:not(:last-child),
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__content:not(:last-child) {
  border-bottom: 1px dotted #e0e0e0;
  padding-bottom: 7px;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__content span,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__content span,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__content span,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__content span,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__content span {
  font-size: 11px;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__content span.inlinerollresult,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__content span.inlinerollresult,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__content span.inlinerollresult,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__content span.inlinerollresult,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__content span.inlinerollresult {
  font-weight: 400;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__content-row,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__content-row,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__content-row,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__content-row,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__content-row {
  display: flex;
  align-items: center;
  line-height: 16px;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__content-row > div,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__content-row > div,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__content-row > div,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__content-row > div,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__content-row > div {
  text-overflow: ellipsis;
  overflow: hidden;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__content-row > .sheet-left,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__content-row > .sheet-left,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__content-row > .sheet-left,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__content-row > .sheet-left,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__content-row > .sheet-left {
  font-weight: 500;
  text-align: right;
  padding-right: 8px;
  width: 96px;
  min-width: 96px;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__content-row > .sheet-right,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__content-row > .sheet-right,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__content-row > .sheet-right,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__content-row > .sheet-right,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__content-row > .sheet-right {
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 24px 0 8px;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__dice,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__dice,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__dice,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__dice,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__dice {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__dice span,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__dice span,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__dice span,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__dice span,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__dice span {
  display: block;
  font-size: 11px;
  line-height: 20px;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__dice .sheet-left,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__dice .sheet-left,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__dice .sheet-left,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__dice .sheet-left,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__dice .sheet-left {
  display: flex;
  flex-wrap: wrap;
  padding-right: 8px;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__dice .sheet-right,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__dice .sheet-right,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__dice .sheet-right,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__dice .sheet-right,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__dice .sheet-right {
  display: flex;
  flex-shrink: 0;
  padding: 0 4px;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__dice--damage,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__dice--damage,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__dice--damage,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__dice--damage,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__dice--damage {
  flex-wrap: wrap;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__roll,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__roll,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__roll,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__roll,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__roll {
  flex-shrink: 0;
  text-align: center;
  border-radius: 2px;
  min-width: 20px;
  margin-top: 8px;
  overflow: hidden;
  box-shadow: 0 0 1.5px 0 rgba(0, 0, 0, 0.5);
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__roll:not(:last-child),
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__roll:not(:last-child),
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__roll:not(:last-child),
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__roll:not(:last-child),
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__roll:not(:last-child) {
  margin-right: 8px;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__roll span.fullcrit:not([original-title*='"basicdiceroll"'])::before,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__roll span.fullcrit:not([original-title*='"basicdiceroll"'])::before,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__roll span.fullcrit:not([original-title*='"basicdiceroll"'])::before,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__roll span.fullcrit:not([original-title*='"basicdiceroll"'])::before,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__roll span.fullcrit:not([original-title*='"basicdiceroll"'])::before {
  background-color: #e0e0e0;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__roll span.fullfail:not([original-title*='"basicdiceroll"']),
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__roll span.fullfail:not([original-title*='"basicdiceroll"']),
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__roll span.fullfail:not([original-title*='"basicdiceroll"']),
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__roll span.fullfail:not([original-title*='"basicdiceroll"']),
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__roll span.fullfail:not([original-title*='"basicdiceroll"']) {
  color: #fff;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__roll span.fullfail:not([original-title*='"basicdiceroll"'])::before,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__roll span.fullfail:not([original-title*='"basicdiceroll"'])::before,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__roll span.fullfail:not([original-title*='"basicdiceroll"'])::before,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__roll span.fullfail:not([original-title*='"basicdiceroll"'])::before,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__roll span.fullfail:not([original-title*='"basicdiceroll"'])::before {
  background-color: #d9534f;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__roll--wd,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__roll--wd,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__roll--wd,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__roll--wd,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__roll--wd {
  height: 20px;
  transform: rotateZ(45deg);
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__roll--wd:not(:last-child),
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__roll--wd:not(:last-child),
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__roll--wd:not(:last-child),
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__roll--wd:not(:last-child),
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__roll--wd:not(:last-child) {
  margin-right: 16px;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__roll--wd span,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__roll--wd span,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__roll--wd span,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__roll--wd span,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__roll--wd span {
  transform: rotateZ(-45deg);
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__roll--wd span::before,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__roll--wd span::before,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__roll--wd span::before,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__roll--wd span::before,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__roll--wd span::before {
  transform: rotateZ(45deg);
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__reroll,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__reroll,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__reroll,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__reroll,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__reroll {
  position: absolute;
  top: 2px;
  right: -4px;
  font-family: Pictos;
  border: 4px solid #fff;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__roll-damage,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__roll-damage,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__roll-damage,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__roll-damage,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__roll-damage {
  position: absolute;
  top: 26px;
  right: -4px;
  font-family: 'Pictos Custom';
  border: 4px solid #fff;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__button a,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__button a,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__button a,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__button a,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__button a {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fdfdfd;
  color: #b0b0b0;
  font-size: 10px;
  font-weight: 500;
  line-height: 9px;
  border: 1px dotted #e0e0e0;
  border-radius: 2px;
  padding: 0 4px;
  height: 20px;
  min-width: 20px;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__button a:hover,
.sheet-rolltemplate-DiceRoller .sheet-rolltemplate__button a:hover,
.sheet-rolltemplate-RunRoll .sheet-rolltemplate__button a:hover,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__button a:hover,
.sheet-rolltemplate-InfoBox .sheet-rolltemplate__button a:hover {
  background-color: #898989;
  color: #fff !important;
  border: 1px solid #898989;
}

.sheet-rolltemplate-TraitRoll .sheet-rolltemplate__description,
.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__description {
  color: #606060;
  font-size: 9px;
  font-style: italic;
  line-height: 16px;
  text-align: center;
  padding: 8px 0 7px;
  border-bottom: 1px dotted #e0e0e0;
}

.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__damage-roll {
  padding-right: 8px;
  margin: 8px 0 0 8px;
}

.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__damage-roll:not(:last-child) {
  border-right: 1px dotted #e0e0e0;
}

.sheet-rolltemplate-DamageRoll .sheet-rolltemplate__damage-roll span {
  font-size: 16px;
  line-height: 24px;
}

.sheet-sans {
  position: relative;
}

.sheet-sans > div:not(:first-child) {
  margin-top: 8px;
}

.sheet-section > .sheet-right:not(.sheet-sans) {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.sheet-section--footer > .sheet-right {
  padding-top: 32px;
}

.sheet-section--traits {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 24px;
  height: 400px;
}

.sheet-attributes {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.sheet-attributes .sheet-attribute {
  position: absolute;
}

.sheet-attributes .sheet-attribute--agility {
  top: 0;
  left: 32px;
}

.sheet-attributes .sheet-attribute--smarts {
  top: 80px;
  left: 16px;
}

.sheet-attributes .sheet-attribute--spirit {
  top: 160px;
  left: 0;
}

.sheet-attributes .sheet-attribute--strength {
  top: 240px;
  left: 16px;
}

.sheet-attributes .sheet-attribute--vigor {
  top: 320px;
  left: 32px;
}

.sheet-armor {
  position: absolute;
  right: 0;
  top: 22px;
}

.sheet-silhouette {
  position: absolute;
  top: 0;
  left: 100px;
}

.sheet-secondary {
  position: absolute;
  bottom: 23px;
  right: 0;
  z-index: 2;
}

.sheet-section--features {
  display: flex;
  align-items: flex-start;
  flex-grow: 1;
  min-height: 176px;
  padding: 24px 0 8px;
}

.sheet-section--resources {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 32px;
}