roll20-character-sheets/Blood_and_Doom_by_Dicetale_Games/bloodanddoom.css

@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --base-size: 10px;
  --font-size-xsmall: calc(var(--base-size) * 0.9);
  --font-size-small: calc(var(--base-size) * 1.1);
  --font-size-medium: calc(var(--base-size) * 1.2);
  --font-size-xmedium: calc(var(--base-size) * 1.4);
  --font-size-large: calc(var(--base-size) * 1.6);
  --font-size-xlarge: calc(var(--base-size) * 1.8);
  --primary-color: #484637;
  --highlight-color: #484637;
  --secondary-color: rgb(216,0,30);
  --tertiary-color: #b2af9b;
  --background-color: #d9d8cf;
  --separator-color: rgba(0, 0, 0, 0.25);
  --blocker-color: white;
  --text-color: #484637;
  --boxedtext-color: #d9d8cf;
  --font-family: "Arial", sans-serif;
}

.sheet-darkmode {
  --base-size: 10px;
  --font-size-xsmall: calc(var(--base-size) * 0.9);
  --font-size-small: calc(var(--base-size) * 1.1);
  --font-size-medium: calc(var(--base-size) * 1.2);
  --font-size-xmedium: calc(var(--base-size) * 1.4);
  --font-size-large: calc(var(--base-size) * 1.6);
  --font-size-xlarge: calc(var(--base-size) * 1.8);
  --primary-color: #afafaf;
  --highlight-color: #2e2d2f;
  --secondary-color: rgb(216,0,30);
  --tertiary-color: #494949;
  --background-color: #040404;
  --separator-color: rgba(255, 255, 255, 0.25);
  --blocker-color: var(--dark-surface1);
  --text-color: #afafaf;
  --boxedtext-color: #afafaf;
  --font-family: "Arial", sans-serif;
}
.sheet-darkmode .sheetform {
  background-color: transparent;
}
.sheet-darkmode .font-awesome, .sheet-darkmode .logo {
  filter: invert(1);
}
.sheet-darkmode .checkbox-input:not(.checkbox-input--xmarked):after {
  filter: invert(0) !important;
}
.sheet-darkmode .repcontrol_edit, .sheet-darkmode .repcontrol_add {
  opacity: 0.85;
}
.sheet-darkmode .repcontrol_edit:after, .sheet-darkmode .repcontrol_add:after {
  filter: invert(1);
}
.sheet-darkmode .has-arrows input::-webkit-outer-spin-button, .sheet-darkmode .has-arrows input::-webkit-inner-spin-button, .sheet-darkmode .has-arrows select::-webkit-outer-spin-button, .sheet-darkmode .has-arrows select::-webkit-inner-spin-button {
  filter: invert(1);
  mix-blend-mode: screen !important;
}

.ui-dialog .characterviewer .charsheet {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  color: var(--text-color);
  font-size: var(--font-size-medium);
  font-weight: 500;
  justify-content: center;
}
.ui-dialog .characterviewer .charsheet label {
  padding-right: 0;
  margin-bottom: 0;
}
.ui-dialog .characterviewer .charsheet .table {
  margin-bottom: 0;
  width: auto;
}
.ui-dialog .characterviewer .charsheet button, .ui-dialog .characterviewer .charsheet input, .ui-dialog .characterviewer .charsheet textarea, .ui-dialog .characterviewer .charsheet select {
  outline: none !important;
}
.ui-dialog .characterviewer .charsheet select {
  margin-bottom: 0;
}
.ui-dialog .characterviewer .charsheet .card {
  background-color: var(--background-color);
  border-radius: 5px;
  padding: 15px;
}
.ui-dialog .characterviewer .charsheet .labelled {
  text-transform: capitalize;
}
.ui-dialog .characterviewer .charsheet .labelled--left label, .ui-dialog .characterviewer .charsheet .labelled--left .label {
  display: flex;
  gap: 5px;
}
.ui-dialog .characterviewer .charsheet .labelled--left label .translation, .ui-dialog .characterviewer .charsheet .labelled--left .label .translation {
  width: fit-content;
}
.ui-dialog .characterviewer .charsheet .labelled--bottom label, .ui-dialog .characterviewer .charsheet .labelled--bottom .label {
  display: flex;
  flex-direction: column-reverse;
}
.ui-dialog .characterviewer .charsheet .labelled--bottom-center label, .ui-dialog .characterviewer .charsheet .labelled--bottom-center .label {
  display: flex;
  flex-direction: column-reverse;
}
.ui-dialog .characterviewer .charsheet .labelled--bottom-center label span, .ui-dialog .characterviewer .charsheet .labelled--bottom-center .label span {
  align-self: center;
}
.ui-dialog .characterviewer .charsheet .labelled--top label, .ui-dialog .characterviewer .charsheet .labelled--top .label {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.ui-dialog .characterviewer .charsheet .labelled--top-center label, .ui-dialog .characterviewer .charsheet .labelled--top-center .label {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ui-dialog .characterviewer .charsheet .labelled--top-center label span, .ui-dialog .characterviewer .charsheet .labelled--top-center .label span {
  align-self: center;
}
.ui-dialog .characterviewer .charsheet .labelled--nowrap label .translation, .ui-dialog .characterviewer .charsheet .labelled--nowrap .label .translation {
  white-space: nowrap;
}
.ui-dialog .characterviewer .charsheet .labelled label, .ui-dialog .characterviewer .charsheet .labelled .label {
  font-size: var(--font-size-medium);
  font-weight: 500;
  color: var(--text-color);
}
.ui-dialog .characterviewer .charsheet .rangebar label {
  color: var(--text-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar__steps {
  display: inline-flex;
  gap: 5px;
  flex-direction: row-reverse;
}
.ui-dialog .characterviewer .charsheet .rangebar__steps .step {
  pointer-events: all;
  background-color: transparent;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: 2px solid var(--tertiary-color);
  border-radius: 3px;
}
.ui-dialog .characterviewer .charsheet .rangebar__steps input {
  appearance: none;
  opacity: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.ui-dialog .characterviewer .charsheet .rangebar__steps input:focus {
  outline: none;
}
.ui-dialog .characterviewer .charsheet .rangebar__steps .step:has(input:checked),
.ui-dialog .characterviewer .charsheet .rangebar__steps .step:has(input:checked) ~ .step {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="2"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="2"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="3"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="3"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="4"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="4"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="5"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="5"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="6"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="6"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="7"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="7"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="8"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="8"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="9"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="9"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="10"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="10"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="11"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="1"] ~ .rangebar__steps .step:has(input[value="11"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="2"] ~ .rangebar__steps .step:has(input[value="3"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="2"] ~ .rangebar__steps .step:has(input[value="3"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="2"] ~ .rangebar__steps .step:has(input[value="4"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="2"] ~ .rangebar__steps .step:has(input[value="4"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="2"] ~ .rangebar__steps .step:has(input[value="5"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="2"] ~ .rangebar__steps .step:has(input[value="5"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="2"] ~ .rangebar__steps .step:has(input[value="6"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="2"] ~ .rangebar__steps .step:has(input[value="6"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="2"] ~ .rangebar__steps .step:has(input[value="7"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="2"] ~ .rangebar__steps .step:has(input[value="7"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="2"] ~ .rangebar__steps .step:has(input[value="8"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="2"] ~ .rangebar__steps .step:has(input[value="8"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="2"] ~ .rangebar__steps .step:has(input[value="9"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="2"] ~ .rangebar__steps .step:has(input[value="9"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="2"] ~ .rangebar__steps .step:has(input[value="10"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="2"] ~ .rangebar__steps .step:has(input[value="10"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="2"] ~ .rangebar__steps .step:has(input[value="11"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="2"] ~ .rangebar__steps .step:has(input[value="11"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="3"] ~ .rangebar__steps .step:has(input[value="4"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="3"] ~ .rangebar__steps .step:has(input[value="4"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="3"] ~ .rangebar__steps .step:has(input[value="5"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="3"] ~ .rangebar__steps .step:has(input[value="5"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="3"] ~ .rangebar__steps .step:has(input[value="6"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="3"] ~ .rangebar__steps .step:has(input[value="6"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="3"] ~ .rangebar__steps .step:has(input[value="7"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="3"] ~ .rangebar__steps .step:has(input[value="7"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="3"] ~ .rangebar__steps .step:has(input[value="8"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="3"] ~ .rangebar__steps .step:has(input[value="8"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="3"] ~ .rangebar__steps .step:has(input[value="9"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="3"] ~ .rangebar__steps .step:has(input[value="9"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="3"] ~ .rangebar__steps .step:has(input[value="10"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="3"] ~ .rangebar__steps .step:has(input[value="10"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="3"] ~ .rangebar__steps .step:has(input[value="11"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="3"] ~ .rangebar__steps .step:has(input[value="11"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="4"] ~ .rangebar__steps .step:has(input[value="5"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="4"] ~ .rangebar__steps .step:has(input[value="5"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="4"] ~ .rangebar__steps .step:has(input[value="6"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="4"] ~ .rangebar__steps .step:has(input[value="6"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="4"] ~ .rangebar__steps .step:has(input[value="7"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="4"] ~ .rangebar__steps .step:has(input[value="7"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="4"] ~ .rangebar__steps .step:has(input[value="8"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="4"] ~ .rangebar__steps .step:has(input[value="8"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="4"] ~ .rangebar__steps .step:has(input[value="9"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="4"] ~ .rangebar__steps .step:has(input[value="9"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="4"] ~ .rangebar__steps .step:has(input[value="10"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="4"] ~ .rangebar__steps .step:has(input[value="10"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="4"] ~ .rangebar__steps .step:has(input[value="11"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="4"] ~ .rangebar__steps .step:has(input[value="11"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="5"] ~ .rangebar__steps .step:has(input[value="6"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="5"] ~ .rangebar__steps .step:has(input[value="6"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="5"] ~ .rangebar__steps .step:has(input[value="7"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="5"] ~ .rangebar__steps .step:has(input[value="7"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="5"] ~ .rangebar__steps .step:has(input[value="8"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="5"] ~ .rangebar__steps .step:has(input[value="8"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="5"] ~ .rangebar__steps .step:has(input[value="9"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="5"] ~ .rangebar__steps .step:has(input[value="9"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="5"] ~ .rangebar__steps .step:has(input[value="10"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="5"] ~ .rangebar__steps .step:has(input[value="10"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="5"] ~ .rangebar__steps .step:has(input[value="11"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="5"] ~ .rangebar__steps .step:has(input[value="11"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="6"] ~ .rangebar__steps .step:has(input[value="7"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="6"] ~ .rangebar__steps .step:has(input[value="7"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="6"] ~ .rangebar__steps .step:has(input[value="8"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="6"] ~ .rangebar__steps .step:has(input[value="8"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="6"] ~ .rangebar__steps .step:has(input[value="9"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="6"] ~ .rangebar__steps .step:has(input[value="9"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="6"] ~ .rangebar__steps .step:has(input[value="10"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="6"] ~ .rangebar__steps .step:has(input[value="10"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="6"] ~ .rangebar__steps .step:has(input[value="11"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="6"] ~ .rangebar__steps .step:has(input[value="11"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="7"] ~ .rangebar__steps .step:has(input[value="8"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="7"] ~ .rangebar__steps .step:has(input[value="8"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="7"] ~ .rangebar__steps .step:has(input[value="9"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="7"] ~ .rangebar__steps .step:has(input[value="9"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="7"] ~ .rangebar__steps .step:has(input[value="10"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="7"] ~ .rangebar__steps .step:has(input[value="10"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="7"] ~ .rangebar__steps .step:has(input[value="11"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="7"] ~ .rangebar__steps .step:has(input[value="11"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="8"] ~ .rangebar__steps .step:has(input[value="9"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="8"] ~ .rangebar__steps .step:has(input[value="9"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="8"] ~ .rangebar__steps .step:has(input[value="10"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="8"] ~ .rangebar__steps .step:has(input[value="10"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="8"] ~ .rangebar__steps .step:has(input[value="11"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="8"] ~ .rangebar__steps .step:has(input[value="11"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="9"] ~ .rangebar__steps .step:has(input[value="10"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="9"] ~ .rangebar__steps .step:has(input[value="10"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="9"] ~ .rangebar__steps .step:has(input[value="11"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="9"] ~ .rangebar__steps .step:has(input[value="11"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="10"] ~ .rangebar__steps .step:has(input[value="11"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="10"] ~ .rangebar__steps .step:has(input[value="11"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="11"] ~ .rangebar__steps .step:has(input[value="12"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="11"] ~ .rangebar__steps .step:has(input[value="12"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="11"] ~ .rangebar__steps .step:has(input[value="11"]) {
  opacity: 0.35;
  background: transparent;
  border: 2px solid var(--tertiary-color);
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rangebar .rangebar__max[value="11"] ~ .rangebar__steps .step:has(input[value="11"]) input {
  display: none;
}
.ui-dialog .characterviewer .charsheet .rangebar--afar .rangebar__steps {
  gap: 15px;
}
.ui-dialog .characterviewer .charsheet .rangebar__clear {
  border: 0;
  padding: 0 5px;
  border-radius: 3px;
  cursor: pointer;
  pointer-events: all;
  background-color: var(--tertiary-color);
  color: var(--text-color);
}
.ui-dialog .characterviewer .charsheet .picker .label {
  color: var(--boxedtext-color);
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 18px;
  padding: 0;
}
.ui-dialog .characterviewer .charsheet .picker__picks {
  display: inline-flex;
  gap: 5px;
}
.ui-dialog .characterviewer .charsheet .picker__picks .pick {
  pointer-events: all;
  background-color: transparent;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  border: 2px solid var(--tertiary-color);
  border-radius: 3px;
  position: relative;
  display: grid;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.ui-dialog .characterviewer .charsheet .picker__picks input {
  position: absolute;
  top: 0;
  left: 0;
  appearance: none;
  opacity: 0;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
}
.ui-dialog .characterviewer .charsheet .picker__picks input:focus {
  outline: none;
}
.ui-dialog .characterviewer .charsheet .picker__picks .pick:has(input:checked), .ui-dialog .characterviewer .charsheet .picker__picks .pick:hover {
  border-color: var(--secondary-color);
  background-color: rgba(0, 0, 0, 0.35);
  color: var(--secondary-color);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.35);
}
.ui-dialog .characterviewer .charsheet .picker .select-input select {
  height: 24px;
  pointer-events: all;
  cursor: pointer;
}
.ui-dialog .characterviewer .charsheet .rollpicker .label {
  color: var(--boxedtext-color);
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 18px;
  padding: 0;
}
.ui-dialog .characterviewer .charsheet .rollpicker__picks {
  display: inline-flex;
  gap: 5px;
  pointer-events: none;
}
.ui-dialog .characterviewer .charsheet .rollpicker__picks .pick {
  background: transparent;
  color: var(--boxedtext-color);
  font-size: var(--font-size-medium);
  font-weight: bold;
  text-shadow: none;
  text-transform: capitalize;
  background-color: transparent;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  border: 2px solid var(--tertiary-color);
  border-radius: 3px;
  position: relative;
  display: grid;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  padding: 0;
}
.ui-dialog .characterviewer .charsheet .rollpicker__picks .pick:hover {
  background-color: var(--secondary-color);
  color: white;
}
.ui-dialog .characterviewer .charsheet .rollpicker .select-input select {
  height: 24px;
  pointer-events: all;
  cursor: pointer;
}
.ui-dialog .characterviewer .charsheet .repeating-section__toggle {
  display: none;
}
.ui-dialog .characterviewer .charsheet .repeating-section:not(.repeating-section--edit-only) .repitem {
  position: relative;
  padding-left: 0;
  transition: padding-left 0.2s ease-in-out;
}
.ui-dialog .characterviewer .charsheet .repeating-section:not(.repeating-section--edit-only) .repitem:not(:has(.repeating-section__toggle input:checked)):hover {
  padding-left: 19px;
}
.ui-dialog .characterviewer .charsheet .repeating-section:not(.repeating-section--edit-only) .repitem:not(:has(.repeating-section__toggle input:checked)):hover .repeating-section__toggle {
  opacity: 1;
}
.ui-dialog .characterviewer .charsheet .repeating-section:not(.repeating-section--edit-only) .repitem:not(:has(.repeating-section__toggle input:checked)) .repeating-section__edit {
  display: none;
}
.ui-dialog .characterviewer .charsheet .repeating-section:not(.repeating-section--edit-only) .repitem:not(:has(.repeating-section__toggle input:checked)) .repeating-section__toggle {
  opacity: 0;
}
.ui-dialog .characterviewer .charsheet .repeating-section:not(.repeating-section--edit-only) .repitem:has(.repeating-section__toggle input:checked) {
  padding-left: 19px;
}
.ui-dialog .characterviewer .charsheet .repeating-section:not(.repeating-section--edit-only) .repitem:has(.repeating-section__toggle input:checked) .repeating-section__view {
  display: none;
}
.ui-dialog .characterviewer .charsheet .repeating-section:not(.repeating-section--edit-only) .repeating-section__toggle {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.ui-dialog .characterviewer .charsheet .repeating-section:not(.repeating-section--edit-only) .repeating-section__toggle img {
  width: 14px;
  height: 14px;
}
.ui-dialog .characterviewer .charsheet .repeating-section:not(.repeating-section--edit-only) .repeating-section__toggle input {
  position: absolute;
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
}
.ui-dialog .characterviewer .charsheet .repeating-section--fixed .repcontrol_add {
  display: none !important;
}
.ui-dialog .characterviewer .charsheet .repeating-section--locked .repcontrol_edit {
  display: none !important;
}
.ui-dialog .characterviewer .charsheet .repeating-section--fixed.repeating-section--locked .repcontrol {
  display: none !important;
}
.ui-dialog .characterviewer .charsheet .table {
  display: grid;
}
.ui-dialog .characterviewer .charsheet .table__header {
  white-space: nowrap;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: center;
}
.ui-dialog .characterviewer .charsheet .table__header .font-awesome {
  height: 1.1em;
  width: auto;
  max-width: none;
  filter: invert(100%);
}
.ui-dialog .characterviewer .charsheet .table__body {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
}
.ui-dialog .characterviewer .charsheet .table__body .repeating-section, .ui-dialog .characterviewer .charsheet .table__body .repcontainer, .ui-dialog .characterviewer .charsheet .table__body .repitem, .ui-dialog .characterviewer .charsheet .table__body .repeating-section__view, .ui-dialog .characterviewer .charsheet .table__body .repeating-section__edit {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
}
.ui-dialog .characterviewer .charsheet .table__body .repcontrol {
  grid-column: 1/-1;
}
.ui-dialog .characterviewer .charsheet .table__row {
  display: contents;
}
.ui-dialog .characterviewer .charsheet .table--highlighted .table__header {
  background-color: var(--highlight-color);
  color: var(--boxedtext-color);
  border-radius: 5px 5px 0 0;
  padding: 5px 10px;
}
.ui-dialog .characterviewer .charsheet .table--highlighted .table__header .translation {
  text-transform: capitalize;
}
.ui-dialog .characterviewer .charsheet .table--highlighted .table__body {
  padding: 0 10px;
}
.ui-dialog .characterviewer .charsheet .text-input input, .ui-dialog .characterviewer .charsheet .text-input select,
.ui-dialog .characterviewer .charsheet .number-input input,
.ui-dialog .characterviewer .charsheet .number-input select,
.ui-dialog .characterviewer .charsheet .select-input input,
.ui-dialog .characterviewer .charsheet .select-input select {
  background-color: transparent;
  width: 100%;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  font-weight: bold;
  padding: 0;
  text-transform: capitalize;
  color: var(--text-color);
  font-size: var(--font-size-medium);
}
.ui-dialog .characterviewer .charsheet .text-input input:focus, .ui-dialog .characterviewer .charsheet .text-input select:focus,
.ui-dialog .characterviewer .charsheet .number-input input:focus,
.ui-dialog .characterviewer .charsheet .number-input select:focus,
.ui-dialog .characterviewer .charsheet .select-input input:focus,
.ui-dialog .characterviewer .charsheet .select-input select:focus {
  outline: none;
}
.ui-dialog .characterviewer .charsheet .text-input label,
.ui-dialog .characterviewer .charsheet .number-input label,
.ui-dialog .characterviewer .charsheet .select-input label {
  color: var(--text-color);
}
.ui-dialog .characterviewer .charsheet .text-input--simple input, .ui-dialog .characterviewer .charsheet .text-input--simple select, .ui-dialog .characterviewer .charsheet .text-input--boxed input, .ui-dialog .characterviewer .charsheet .text-input--boxed select,
.ui-dialog .characterviewer .charsheet .number-input--simple input,
.ui-dialog .characterviewer .charsheet .number-input--simple select,
.ui-dialog .characterviewer .charsheet .number-input--boxed input,
.ui-dialog .characterviewer .charsheet .number-input--boxed select,
.ui-dialog .characterviewer .charsheet .select-input--simple input,
.ui-dialog .characterviewer .charsheet .select-input--simple select,
.ui-dialog .characterviewer .charsheet .select-input--boxed input,
.ui-dialog .characterviewer .charsheet .select-input--boxed select {
  border-bottom: 1px solid var(--tertiary-color);
}
.ui-dialog .characterviewer .charsheet .text-input--simple:not(.has-arrows) input::-webkit-outer-spin-button, .ui-dialog .characterviewer .charsheet .text-input--simple:not(.has-arrows) input::-webkit-inner-spin-button, .ui-dialog .characterviewer .charsheet .text-input--simple:not(.has-arrows) select::-webkit-outer-spin-button, .ui-dialog .characterviewer .charsheet .text-input--simple:not(.has-arrows) select::-webkit-inner-spin-button, .ui-dialog .characterviewer .charsheet .text-input--boxed:not(.has-arrows) input::-webkit-outer-spin-button, .ui-dialog .characterviewer .charsheet .text-input--boxed:not(.has-arrows) input::-webkit-inner-spin-button, .ui-dialog .characterviewer .charsheet .text-input--boxed:not(.has-arrows) select::-webkit-outer-spin-button, .ui-dialog .characterviewer .charsheet .text-input--boxed:not(.has-arrows) select::-webkit-inner-spin-button,
.ui-dialog .characterviewer .charsheet .number-input--simple:not(.has-arrows) input::-webkit-outer-spin-button,
.ui-dialog .characterviewer .charsheet .number-input--simple:not(.has-arrows) input::-webkit-inner-spin-button,
.ui-dialog .characterviewer .charsheet .number-input--simple:not(.has-arrows) select::-webkit-outer-spin-button,
.ui-dialog .characterviewer .charsheet .number-input--simple:not(.has-arrows) select::-webkit-inner-spin-button,
.ui-dialog .characterviewer .charsheet .number-input--boxed:not(.has-arrows) input::-webkit-outer-spin-button,
.ui-dialog .characterviewer .charsheet .number-input--boxed:not(.has-arrows) input::-webkit-inner-spin-button,
.ui-dialog .characterviewer .charsheet .number-input--boxed:not(.has-arrows) select::-webkit-outer-spin-button,
.ui-dialog .characterviewer .charsheet .number-input--boxed:not(.has-arrows) select::-webkit-inner-spin-button,
.ui-dialog .characterviewer .charsheet .select-input--simple:not(.has-arrows) input::-webkit-outer-spin-button,
.ui-dialog .characterviewer .charsheet .select-input--simple:not(.has-arrows) input::-webkit-inner-spin-button,
.ui-dialog .characterviewer .charsheet .select-input--simple:not(.has-arrows) select::-webkit-outer-spin-button,
.ui-dialog .characterviewer .charsheet .select-input--simple:not(.has-arrows) select::-webkit-inner-spin-button,
.ui-dialog .characterviewer .charsheet .select-input--boxed:not(.has-arrows) input::-webkit-outer-spin-button,
.ui-dialog .characterviewer .charsheet .select-input--boxed:not(.has-arrows) input::-webkit-inner-spin-button,
.ui-dialog .characterviewer .charsheet .select-input--boxed:not(.has-arrows) select::-webkit-outer-spin-button,
.ui-dialog .characterviewer .charsheet .select-input--boxed:not(.has-arrows) select::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ui-dialog .characterviewer .charsheet .text-input--simple:not(.has-arrows) input[type=number], .ui-dialog .characterviewer .charsheet .text-input--simple:not(.has-arrows) select[type=number], .ui-dialog .characterviewer .charsheet .text-input--boxed:not(.has-arrows) input[type=number], .ui-dialog .characterviewer .charsheet .text-input--boxed:not(.has-arrows) select[type=number],
.ui-dialog .characterviewer .charsheet .number-input--simple:not(.has-arrows) input[type=number],
.ui-dialog .characterviewer .charsheet .number-input--simple:not(.has-arrows) select[type=number],
.ui-dialog .characterviewer .charsheet .number-input--boxed:not(.has-arrows) input[type=number],
.ui-dialog .characterviewer .charsheet .number-input--boxed:not(.has-arrows) select[type=number],
.ui-dialog .characterviewer .charsheet .select-input--simple:not(.has-arrows) input[type=number],
.ui-dialog .characterviewer .charsheet .select-input--simple:not(.has-arrows) select[type=number],
.ui-dialog .characterviewer .charsheet .select-input--boxed:not(.has-arrows) input[type=number],
.ui-dialog .characterviewer .charsheet .select-input--boxed:not(.has-arrows) select[type=number] {
  -moz-appearance: textfield;
}
.ui-dialog .characterviewer .charsheet .text-input.has-arrows input::-webkit-outer-spin-button, .ui-dialog .characterviewer .charsheet .text-input.has-arrows input::-webkit-inner-spin-button, .ui-dialog .characterviewer .charsheet .text-input.has-arrows select::-webkit-outer-spin-button, .ui-dialog .characterviewer .charsheet .text-input.has-arrows select::-webkit-inner-spin-button,
.ui-dialog .characterviewer .charsheet .number-input.has-arrows input::-webkit-outer-spin-button,
.ui-dialog .characterviewer .charsheet .number-input.has-arrows input::-webkit-inner-spin-button,
.ui-dialog .characterviewer .charsheet .number-input.has-arrows select::-webkit-outer-spin-button,
.ui-dialog .characterviewer .charsheet .number-input.has-arrows select::-webkit-inner-spin-button,
.ui-dialog .characterviewer .charsheet .select-input.has-arrows input::-webkit-outer-spin-button,
.ui-dialog .characterviewer .charsheet .select-input.has-arrows input::-webkit-inner-spin-button,
.ui-dialog .characterviewer .charsheet .select-input.has-arrows select::-webkit-outer-spin-button,
.ui-dialog .characterviewer .charsheet .select-input.has-arrows select::-webkit-inner-spin-button {
  opacity: 1;
  mix-blend-mode: multiply;
}
.ui-dialog .characterviewer .charsheet .text-input--boxed label,
.ui-dialog .characterviewer .charsheet .number-input--boxed label,
.ui-dialog .characterviewer .charsheet .select-input--boxed label {
  display: grid;
  grid-template-columns: 1fr 32px;
  align-items: center;
}
.ui-dialog .characterviewer .charsheet .text-input--boxed label .translation,
.ui-dialog .characterviewer .charsheet .number-input--boxed label .translation,
.ui-dialog .characterviewer .charsheet .select-input--boxed label .translation {
  text-transform: uppercase;
  color: var(--boxedtext-color);
  background-color: var(--highlight-color);
  display: flex;
  align-items: center;
  padding: 3px 5px;
  box-sizing: border-box;
  border-radius: 5px 0 0 5px;
}
.ui-dialog .characterviewer .charsheet .text-input--boxed label input,
.ui-dialog .characterviewer .charsheet .number-input--boxed label input,
.ui-dialog .characterviewer .charsheet .select-input--boxed label input {
  height: 32px;
  box-sizing: border-box;
  border: 3px solid var(--highlight-color);
  border-radius: 5px;
  font-size: var(--font-size-xlarge);
  text-align: center;
  line-height: 32px;
}
.ui-dialog .characterviewer .charsheet .text-input--align-center input,
.ui-dialog .characterviewer .charsheet .number-input--align-center input,
.ui-dialog .characterviewer .charsheet .select-input--align-center input {
  text-align: center;
}
.ui-dialog .characterviewer .charsheet .text-input--align-right input,
.ui-dialog .characterviewer .charsheet .number-input--align-right input,
.ui-dialog .characterviewer .charsheet .select-input--align-right input {
  text-align: right;
}
.ui-dialog .characterviewer .charsheet .text-input--xlarge-text input,
.ui-dialog .characterviewer .charsheet .number-input--xlarge-text input,
.ui-dialog .characterviewer .charsheet .select-input--xlarge-text input {
  font-size: var(--font-size-xlarge);
  font-weight: 900;
}
.ui-dialog .characterviewer .charsheet .text-input--title input,
.ui-dialog .characterviewer .charsheet .number-input--title input,
.ui-dialog .characterviewer .charsheet .select-input--title input {
  font-size: var(--font-size-large);
  font-weight: 600;
  color: var(--text-color);
}
.ui-dialog .characterviewer .charsheet .text-input--title:not(:focus-within):not(:hover) input,
.ui-dialog .characterviewer .charsheet .number-input--title:not(:focus-within):not(:hover) input,
.ui-dialog .characterviewer .charsheet .select-input--title:not(:focus-within):not(:hover) input {
  border-color: transparent;
}
.ui-dialog .characterviewer .charsheet .text-input button,
.ui-dialog .characterviewer .charsheet .number-input button,
.ui-dialog .characterviewer .charsheet .select-input button {
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  font-size: var(--font-size-medium);
  color: var(--text-color);
  font-weight: 500;
  text-transform: capitalize;
}
.ui-dialog .characterviewer .charsheet .text-input button:hover,
.ui-dialog .characterviewer .charsheet .number-input button:hover,
.ui-dialog .characterviewer .charsheet .select-input button:hover {
  color: var(--secondary-color);
}
.ui-dialog .characterviewer .charsheet .checkbox-input {
  position: relative;
  width: 14px;
  height: 14px;
  display: grid;
  align-items: center;
  justify-content: center;
}
.ui-dialog .characterviewer .charsheet .checkbox-input input {
  appearance: none;
  background-color: var(--primary-color);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 3px;
  opacity: 0.35;
  top: 0;
  left: 0;
  z-index: 1;
  position: absolute;
}
.ui-dialog .characterviewer .charsheet .checkbox-input:has(input:checked) input {
  opacity: 1;
}
.ui-dialog .characterviewer .charsheet .checkbox-input:has(input:checked):after {
  content: "";
  display: block;
  position: relative;
  width: 10px;
  height: 10px;
  background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Blood_and_Doom_by_Dicetale_Games/static/check.svg);
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  filter: invert(1);
  z-index: 2;
  margin-left: 1px;
}
.ui-dialog .characterviewer .charsheet .checkbox-input--xmarked:has(input:checked):after {
  content: "";
  width: 8px;
  height: 8px;
  background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Blood_and_Doom_by_Dicetale_Games/static/xmark.svg);
  filter: none;
  z-index: 2;
  margin-left: 0;
}
.ui-dialog .characterviewer .charsheet datalist, .ui-dialog .characterviewer .charsheet select {
  text-transform: capitalize;
}
.ui-dialog .characterviewer .charsheet datalist option, .ui-dialog .characterviewer .charsheet select option {
  text-transform: capitalize;
}
.ui-dialog .characterviewer .charsheet textarea {
  box-sizing: border-box;
  min-height: 100%;
  resize: none;
  margin-bottom: 0;
  border: 1px solid var(--background-color);
  background-color: transparent;
  color: var(--text-color);
  border: 1px solid var(--tertiary-color);
}
.ui-dialog .characterviewer .charsheet .tabs .tab {
  position: relative;
  padding: 5px 10px;
  border-radius: 5px 5px 0 0;
}
.ui-dialog .characterviewer .charsheet .tabs .tab input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.ui-dialog .characterviewer .charsheet .tabs .tab label {
  text-align: center;
}
.ui-dialog .characterviewer .charsheet .tabs:not(:has(.tab:nth-of-type(1) input:checked)) ~ .tabbed > .tab-content:nth-of-type(1) {
  display: none;
}
.ui-dialog .characterviewer .charsheet .tabs:not(:has(.tab:nth-of-type(2) input:checked)) ~ .tabbed > .tab-content:nth-of-type(2) {
  display: none;
}
.ui-dialog .characterviewer .charsheet .tabs:not(:has(.tab:nth-of-type(3) input:checked)) ~ .tabbed > .tab-content:nth-of-type(3) {
  display: none;
}
.ui-dialog .characterviewer .charsheet .tabs:not(:has(.tab:nth-of-type(4) input:checked)) ~ .tabbed > .tab-content:nth-of-type(4) {
  display: none;
}
.ui-dialog .characterviewer .charsheet .tabs:not(:has(.tab:nth-of-type(5) input:checked)) ~ .tabbed > .tab-content:nth-of-type(5) {
  display: none;
}
.ui-dialog .characterviewer .charsheet .tabs:not(:has(.tab:nth-of-type(6) input:checked)) ~ .tabbed > .tab-content:nth-of-type(6) {
  display: none;
}
.ui-dialog .characterviewer .charsheet .tabs:not(:has(.tab:nth-of-type(7) input:checked)) ~ .tabbed > .tab-content:nth-of-type(7) {
  display: none;
}
.ui-dialog .characterviewer .charsheet .tabs:not(:has(.tab:nth-of-type(8) input:checked)) ~ .tabbed > .tab-content:nth-of-type(8) {
  display: none;
}
.ui-dialog .characterviewer .charsheet .tabs:not(:has(.tab:nth-of-type(9) input:checked)) ~ .tabbed > .tab-content:nth-of-type(9) {
  display: none;
}
.ui-dialog .characterviewer .charsheet .tabs:not(:has(.tab:nth-of-type(10) input:checked)) ~ .tabbed > .tab-content:nth-of-type(10) {
  display: none;
}
.ui-dialog .characterviewer .charsheet .action-button button,
.ui-dialog .characterviewer .charsheet .repcontrol_edit,
.ui-dialog .characterviewer .charsheet .repcontrol_add {
  background: transparent;
  border-radius: 5px;
  color: var(--primary-color);
  cursor: pointer;
  border: 2px solid var(--primary-color);
  font-size: var(--font-size-medium);
  font-weight: bold;
  text-shadow: none;
  text-transform: capitalize;
}
.ui-dialog .characterviewer .charsheet .action-button button:hover,
.ui-dialog .characterviewer .charsheet .repcontrol_edit:hover,
.ui-dialog .characterviewer .charsheet .repcontrol_add:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.ui-dialog .characterviewer .charsheet .repcontrol_edit,
.ui-dialog .characterviewer .charsheet .repcontrol_add {
  overflow: hidden;
  width: 27px;
  height: 26px;
  position: relative;
  box-sizing: border-box;
  padding: 0;
  display: block;
  color: rgba(0, 0, 0, 0);
  font-size: 0;
}
.ui-dialog .characterviewer .charsheet .repcontrol_edit:after,
.ui-dialog .characterviewer .charsheet .repcontrol_add:after {
  content: "";
  position: absolute;
  top: calc(50% - 6px);
  left: 0;
  width: 100%;
  height: 12px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 0;
}
.ui-dialog .characterviewer .charsheet .repcontrol_add:after {
  background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Blood_and_Doom_by_Dicetale_Games/static/add.svg");
}
.ui-dialog .characterviewer .charsheet .repcontrol_edit:after {
  background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Blood_and_Doom_by_Dicetale_Games/static/lock-open.svg");
  background-position: 6px center;
}
.ui-dialog .characterviewer .charsheet .editmode + .repcontrol .repcontrol_edit:after {
  background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Blood_and_Doom_by_Dicetale_Games/static/lock.svg");
}
.ui-dialog .characterviewer .charsheet .editmode + .repcontrol .repcontrol_add {
  display: block !important;
  pointer-events: none;
  opacity: 0.35;
  cursor: default;
}
.ui-dialog .characterviewer .charsheet .repcontrol {
  display: flex;
  justify-content: start;
  gap: 5px;
  margin-top: 10px;
}
.ui-dialog .characterviewer .charsheet .display {
  font-weight: 700;
  text-transform: capitalize;
  line-height: 18px;
  min-height: 18px;
}
.ui-dialog .characterviewer .charsheet .display__append:not(:empty):before {
  content: " (";
}
.ui-dialog .characterviewer .charsheet .display__append:not(:empty):after {
  content: ")";
}
.ui-dialog .characterviewer .charsheet .display--align-center {
  text-align: center;
}
.ui-dialog .characterviewer .charsheet .section__toggle {
  display: block;
  position: relative;
  cursor: pointer;
}
.ui-dialog .characterviewer .charsheet .section__toggle img {
  width: 14px;
  height: 14px;
}
.ui-dialog .characterviewer .charsheet .section__toggle input {
  position: absolute;
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
}
.ui-dialog .characterviewer .charsheet .section:has(.section__toggle input:checked) .section__view {
  display: none;
}
.ui-dialog .characterviewer .charsheet .section:not(:has(.section__toggle input:checked)) .section__edit {
  display: none;
}
.ui-dialog .characterviewer .charsheet .section__details .section__blocker {
  display: none;
}
.ui-dialog .characterviewer .charsheet .section__details + .section__toggle {
  display: none;
}
.ui-dialog .characterviewer .charsheet .section__details summary {
  align-self: center;
}
.ui-dialog .characterviewer .charsheet .section__details[open] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  justify-content: center;
  z-index: 9999;
}
.ui-dialog .characterviewer .charsheet .section__details[open] .section__toggle {
  display: none;
}
.ui-dialog .characterviewer .charsheet .section__details[open] .section__blocker {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: var(--blocker-color);
  backdrop-filter: blur(10px);
  opacity: 0.85;
}
.ui-dialog .characterviewer .charsheet .section__details[open] .card {
  position: relative;
  z-index: 2;
}
.ui-dialog .characterviewer .charsheet .section__details[open] + .section__toggle {
  display: block;
}
.ui-dialog .characterviewer .charsheet .card--header {
  grid-area: header;
}
.ui-dialog .characterviewer .charsheet .card--health-conditions {
  grid-area: health-conditions;
}
.ui-dialog .characterviewer .charsheet .card--resolve {
  grid-area: resolve;
}
.ui-dialog .characterviewer .charsheet .card--evasion-armor {
  grid-area: evasion-armor;
}
.ui-dialog .characterviewer .charsheet .card--abilities-skills {
  grid-area: abilities-skills;
}
.ui-dialog .characterviewer .charsheet .card--weapons-armor-ammunition-unarmed {
  grid-area: weapons-armor-ammunition-unarmed;
}
.ui-dialog .characterviewer .charsheet .card--traits-powers-spells {
  grid-area: traits-powers-spells;
}
.ui-dialog .characterviewer .charsheet .card--avatar-corruption {
  grid-area: avatar-corruption;
}
.ui-dialog .characterviewer .charsheet .card--roleplay {
  grid-area: roleplay;
}
.ui-dialog .characterviewer .charsheet .card--proficiencies-languages-feats-spells {
  grid-area: proficiencies-languages-feats-spells;
}
.ui-dialog .characterviewer .charsheet .card--wealth {
  grid-area: wealth;
}
.ui-dialog .characterviewer .charsheet .card--equipment {
  grid-area: equipment;
}
.ui-dialog .characterviewer .charsheet .group--knowledge-magic {
  grid-area: knowledge-magic;
  display: grid;
  grid-template-rows: 1fr min-content;
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .navigation {
  grid-area: navigation;
}
.ui-dialog .characterviewer .charsheet .page--1 {
  display: grid;
  grid-template-areas: "health-conditions health-conditions health-conditions resolve evasion-armor" "abilities-skills abilities-skills abilities-skills knowledge-magic knowledge-magic" "weapons-armor-ammunition-unarmed weapons-armor-ammunition-unarmed weapons-armor-ammunition-unarmed weapons-armor-ammunition-unarmed weapons-armor-ammunition-unarmed" "traits-powers-spells traits-powers-spells traits-powers-spells traits-powers-spells traits-powers-spells";
  grid-template-columns: 1fr 1fr 1fr 150px 150px;
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .page--2 {
  display: grid;
  grid-template-areas: "avatar-corruption roleplay roleplay roleplay roleplay" "proficiencies-languages-feats-spells proficiencies-languages-feats-spells proficiencies-languages-feats-spells proficiencies-languages-feats-spells proficiencies-languages-feats-spells" "wealth wealth equipment equipment equipment";
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .page--3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .page--3 > .group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .page--3 .group--checks {
  display: flex;
  gap: 5px;
  justify-content: end;
}
.ui-dialog .characterviewer .charsheet .page--3 .check-list {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 5px;
  margin: 0;
}
.ui-dialog .characterviewer .charsheet .page--3 .check-list li {
  display: contents;
}
.ui-dialog .characterviewer .charsheet .pages {
  grid-area: pages;
}
.ui-dialog .characterviewer .charsheet .sheet__container {
  display: grid;
  grid-template-areas: "header header header header header" "navigation navigation navigation navigation navigation" "pages pages pages pages pages";
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .roller {
  --separator-color: rgba(255, 255, 255, 0.25);
  background-color: var(--highlight-color);
  border-radius: 5px;
  width: 56px;
  height: 56px;
  display: grid;
  grid-template-columns: 56px;
  position: fixed;
  z-index: 9998;
  bottom: 20px;
  right: calc(50% - 431px);
  box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.2);
}
.ui-dialog .characterviewer .charsheet .roller label, .ui-dialog .characterviewer .charsheet .roller .translation, .ui-dialog .characterviewer .charsheet .roller input, .ui-dialog .characterviewer .charsheet .roller select {
  color: var(--boxedtext-color);
}
.ui-dialog .characterviewer .charsheet .roller label span, .ui-dialog .characterviewer .charsheet .roller .translation span, .ui-dialog .characterviewer .charsheet .roller input span, .ui-dialog .characterviewer .charsheet .roller select span {
  color: var(--boxedtext-color);
}
.ui-dialog .characterviewer .charsheet .roller select option {
  color: rgb(25, 25, 25);
}
.ui-dialog .characterviewer .charsheet .roller__toggle {
  position: relative;
  width: 56px;
  height: 56px;
  display: grid;
  align-items: center;
  justify-content: center;
}
.ui-dialog .characterviewer .charsheet .roller__toggle img {
  width: 20px;
  height: auto;
  align-self: center;
}
.ui-dialog .characterviewer .charsheet .roller__toggle input {
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.ui-dialog .characterviewer .charsheet .roller .section-separator {
  width: 20px;
  margin-left: 10px;
}
.ui-dialog .characterviewer .charsheet .roller .tabbed > .group {
  align-items: center;
  display: flex;
  gap: 20px;
}
.ui-dialog .characterviewer .charsheet .roller .tabbed input, .ui-dialog .characterviewer .charsheet .roller .tabbed select {
  width: 56px;
  text-align: center;
}
.ui-dialog .characterviewer .charsheet .roller .action-button button {
  border-color: var(--boxedtext-color);
}
.ui-dialog .characterviewer .charsheet .roller .action-button button:hover {
  background: var(--secondary-color);
}
.ui-dialog .characterviewer .charsheet .roller .action-button button:hover .translation {
  color: white;
}
.ui-dialog .characterviewer .charsheet .roller .tabs {
  display: grid;
  grid-template-columns: repeat(3, max-content);
}
.ui-dialog .characterviewer .charsheet .roller .tabs .tab {
  padding: 0px 10px;
  display: grid;
  align-items: center;
}
.ui-dialog .characterviewer .charsheet .roller .tabs .tab .translation {
  white-space: pre-wrap;
}
.ui-dialog .characterviewer .charsheet .roller .tabs .tab:nth-child(2) {
  border-right: 1px solid var(--separator-color);
  border-left: 1px solid var(--separator-color);
  border-radius: 0;
}
.ui-dialog .characterviewer .charsheet .roller .tabs .translation {
  text-transform: capitalize;
}
.ui-dialog .characterviewer .charsheet .roller .tabs .tab:has(input:checked) .translation span {
  color: var(--secondary-color);
}
.ui-dialog .characterviewer .charsheet .roller .roller__content {
  padding-left: 15px;
  align-self: center;
  display: flex;
  flex-direction: row;
}
.ui-dialog .characterviewer .charsheet .roller .group--rolls {
  display: grid;
  grid-template-columns: max-content min-content max-content;
}
.ui-dialog .characterviewer .charsheet .roller:has(.roller__toggle input:checked) {
  border-radius: 5px;
  width: calc(100% - 30px);
  max-width: 870px;
  grid-template-columns: 1fr 56px;
  right: calc(50% - 431px);
}
.ui-dialog .characterviewer .charsheet .roller:not(:has(.roller__toggle input:checked)) .roller__content {
  display: none;
}
.ui-dialog .characterviewer .charsheet .roller .checkbox-input input {
  background-color: rgba(255, 255, 255, 0.4);
  width: 14px;
  height: 14px;
}
.ui-dialog .characterviewer .charsheet .roller .checkbox-input input:checked {
  background-color: var(--secondary-color);
}
.ui-dialog .characterviewer .charsheet .roller .group--bonus {
  display: grid;
  grid-template-columns: 1fr min-content;
  align-items: end;
  gap: 5px;
}
.ui-dialog .characterviewer .charsheet .roller .group--bonus input[type=number] {
  height: 24px;
}
.ui-dialog .characterviewer .charsheet .roller .other[value]:not([value=""]):not([value="0"]):not([value="1"]):not([value="2"]):not([value="3"]):not([value="4"]):not([value="5"]:not([value="6"])) + .select-input select {
  color: var(--secondary-color);
}
.ui-dialog .characterviewer .charsheet .roller .group--doom .current[value="1"] + .rollpicker .rollpicker__picks .pick:nth-child(1):after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  box-sizing: border-box;
  bottom: -5px;
  left: 0;
  position: absolute;
  border-radius: 3px;
  background: var(--secondary-color);
}
.ui-dialog .characterviewer .charsheet .roller .group--doom .current[value="2"] + .rollpicker .rollpicker__picks .pick:nth-child(2):after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  box-sizing: border-box;
  bottom: -5px;
  left: 0;
  position: absolute;
  border-radius: 3px;
  background: var(--secondary-color);
}
.ui-dialog .characterviewer .charsheet .roller .group--doom .current[value="3"] + .rollpicker .rollpicker__picks .pick:nth-child(3):after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  box-sizing: border-box;
  bottom: -5px;
  left: 0;
  position: absolute;
  border-radius: 3px;
  background: var(--secondary-color);
}
.ui-dialog .characterviewer .charsheet .roller .group--doom .current[value="4"] + .rollpicker .rollpicker__picks .pick:nth-child(4):after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  box-sizing: border-box;
  bottom: -5px;
  left: 0;
  position: absolute;
  border-radius: 3px;
  background: var(--secondary-color);
}
.ui-dialog .characterviewer .charsheet .roller .group--doom .current[value="5"] + .rollpicker .rollpicker__picks .pick:nth-child(5):after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  box-sizing: border-box;
  bottom: -5px;
  left: 0;
  position: absolute;
  border-radius: 3px;
  background: var(--secondary-color);
}
.ui-dialog .characterviewer .charsheet .roller .group--doom .current[value="6"] + .rollpicker .rollpicker__picks .pick:nth-child(6):after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  box-sizing: border-box;
  bottom: -5px;
  left: 0;
  position: absolute;
  border-radius: 3px;
  background: var(--secondary-color);
}
.ui-dialog .characterviewer .charsheet h1, .ui-dialog .characterviewer .charsheet h2, .ui-dialog .characterviewer .charsheet h3, .ui-dialog .characterviewer .charsheet h4, .ui-dialog .characterviewer .charsheet h5, .ui-dialog .characterviewer .charsheet h6 {
  text-transform: capitalize;
  line-height: normal;
  color: var(--text-color);
}
.ui-dialog .characterviewer .charsheet h2 {
  font-size: var(--font-size-xlarge);
  font-weight: 900;
  margin-bottom: 5px;
}
.ui-dialog .characterviewer .charsheet h3 {
  font-size: var(--font-size-small);
  font-weight: 600;
}
.ui-dialog .characterviewer .charsheet p {
  font-family: "Roboto Condensed", sans-serif;
  color: var(--text-color);
  font-size: var(--font-size-medium);
  font-weight: 500;
}
.ui-dialog .characterviewer .charsheet .character {
  padding-bottom: 20px;
  padding-top: 5px;
  width: 830px;
}
.ui-dialog .characterviewer .charsheet .character:has(.roller__toggle input:checked) {
  padding-bottom: 76px;
}
.ui-dialog .characterviewer .charsheet .font-awesome {
  opacity: 0.7;
}
.ui-dialog .characterviewer .charsheet .navigation {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .navigation .tab {
  border-radius: 5px;
  background: var(--primary-color);
}
.ui-dialog .characterviewer .charsheet .navigation .tab label {
  color: var(--background-color);
  font-weight: 600;
  text-transform: capitalize;
}
.ui-dialog .characterviewer .charsheet .navigation .tab:not(:has(input:checked)) {
  border: 1px solid var(--primary-color);
  background: transparent;
}
.ui-dialog .characterviewer .charsheet .navigation .tab:not(:has(input:checked)) .translation {
  color: var(--primary-color);
}
.ui-dialog .characterviewer .charsheet .spread-items {
  min-height: 100%;
  align-content: space-between;
  display: grid;
}
.ui-dialog .characterviewer .charsheet .section-separator--horizontal {
  min-width: 100%;
  border-top: 1px dotted var(--separator-color);
  margin-top: 20px;
  height: 10px;
}
.ui-dialog .characterviewer .charsheet .section-separator--horizontal.section-separator--narrow {
  margin-top: 20px;
  height: 10px;
}
.ui-dialog .characterviewer .charsheet .section-separator--vertical {
  min-height: 100%;
  border-left: 1px dotted var(--separator-color);
  margin-left: 20px;
  width: 20px;
}
.ui-dialog .characterviewer .charsheet .card.card--weapons-armor-ammunition-unarmed {
  display: grid;
  grid-template-columns: 1fr 210px;
}
.ui-dialog .characterviewer .charsheet .card.card--weapons-armor-ammunition-unarmed .group.group--weapons-armor {
  display: grid;
  grid-template-rows: max-content 1fr;
  padding-right: 15px;
}
.ui-dialog .characterviewer .charsheet .card.card--weapons-armor-ammunition-unarmed .group.group--weapons-armor .group--spread {
  display: flex;
  gap: 30px;
  flex-direction: column;
}
.ui-dialog .characterviewer .charsheet .card.card--weapons-armor-ammunition-unarmed .group.group--weapons-armor .group--spread .section--armor-info {
  flex-grow: 1;
  align-items: end;
  position: relative;
}
.ui-dialog .characterviewer .charsheet .card.card--weapons-armor-ammunition-unarmed .group.group--weapons-armor .group--spread .section--armor-info:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-top: 1px dotted var(--separator-color);
  position: absolute;
  bottom: 50px;
  left: 0;
}
.ui-dialog .characterviewer .charsheet .card.card--weapons-armor-ammunition-unarmed .group.group--weapons-armor .group--spread .section--armor-info .group--armor-score {
  display: flex;
  flex-direction: row-reverse;
  gap: 5px;
}
.ui-dialog .characterviewer .charsheet .card.card--weapons-armor-ammunition-unarmed .group.group--weapons-armor .group--spread .section--armor-info .group--armor-score .checkbox-input:has(input:checked) ~ .checkbox-input input {
  opacity: 1;
}
.ui-dialog .characterviewer .charsheet .card.card--weapons-armor-ammunition-unarmed .group.group--weapons-armor .group--spread .section--armor-info .group--armor-score .checkbox-input:has(input:checked) ~ .checkbox-input:after {
  content: "";
  width: 8px;
  height: 8px;
  background-image: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Blood_and_Doom_by_Dicetale_Games/static/xmark.svg);
  filter: none;
  z-index: 2;
  margin-left: 0;
}
.ui-dialog .characterviewer .charsheet .card.card--weapons-armor-ammunition-unarmed .group.group--ammunition-unarmed {
  margin-left: 5px;
  padding-left: 20px;
  border-left: 1px dotted var(--separator-color);
}
.ui-dialog .characterviewer .charsheet .card--proficiencies-languages-feats-spells {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.ui-dialog .characterviewer .charsheet .card--roleplay {
  padding: 0;
  background-color: transparent;
}
.ui-dialog .characterviewer .charsheet .card--health-conditions {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 30px;
}
.ui-dialog .characterviewer .charsheet .table--ammunition {
  grid-template-columns: 1fr 70px;
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .table--ammunition .group {
  display: grid;
  grid-template-columns: 1fr min-content 1fr;
}
.ui-dialog .characterviewer .charsheet .table--ammunition .table__body .repcontainer {
  gap: 5px;
}
.ui-dialog .characterviewer .charsheet .table--conditions {
  grid-template-columns: 1fr min-content;
  gap: 10px;
  grid-template-rows: min-content 1fr;
  min-height: 100%;
}
.ui-dialog .characterviewer .charsheet .table--conditions .repcontainer {
  height: calc(100% + 10px);
  margin-top: -10px;
}
.ui-dialog .characterviewer .charsheet .table--conditions .repitem {
  align-items: end;
}
.ui-dialog .characterviewer .charsheet .table--weapons {
  grid-template-columns: 100px min-content 1fr 100px min-content;
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .table--weapons .group--damage {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
}
.ui-dialog .characterviewer .charsheet .table--weapons .repcontainer {
  gap: 5px 10px;
}
.ui-dialog .characterviewer .charsheet .table--weapons .display {
  border-bottom: 1px solid var(--tertiary-color);
}
.ui-dialog .characterviewer .charsheet .table--weapons .input-checkbox {
  justify-self: end;
}
.ui-dialog .characterviewer .charsheet .table--weapons .table__header .translation:has(span[data-i18n=damage]) {
  justify-self: center;
}
.ui-dialog .characterviewer .charsheet .table--traditions {
  grid-template-columns: 1fr min-content min-content;
  gap: 5px;
  margin-top: 10px;
}
.ui-dialog .characterviewer .charsheet .table--traditions .checkbox-input {
  justify-self: center;
}
.ui-dialog .characterviewer .charsheet .table--traditions .table__header .translation {
  text-transform: capitalize;
}
.ui-dialog .characterviewer .charsheet .table--equipment {
  grid-template-columns: 100px 1fr 70px min-content;
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .table--equipment .group--quantity {
  display: grid;
  grid-template-columns: 1fr min-content 1fr;
}
.ui-dialog .characterviewer .charsheet .table--equipment .repcontainer {
  gap: 5px 10px;
}
.ui-dialog .characterviewer .charsheet .table--equipment .display {
  border-bottom: 1px solid var(--tertiary-color);
}
.ui-dialog .characterviewer .charsheet .table--equipment .input-checkbox {
  justify-self: end;
}
.ui-dialog .characterviewer .charsheet .section--abilities-skills .group--abilities-skills {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .section--abilities-skills .group--abilities-skills .group--attributes {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}
.ui-dialog .characterviewer .charsheet .section--abilities-skills .group--abilities-skills .group--attributes .group--skill-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
}
.ui-dialog .characterviewer .charsheet .section--abilities-skills label {
  display: grid;
  grid-template-columns: 1fr 32px;
}
.ui-dialog .characterviewer .charsheet .section--abilities-skills .number-input--boxed {
  margin-bottom: 5px;
}
.ui-dialog .characterviewer .charsheet .section--armor .number-input label {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .section--armor .number-input input {
  max-width: 60px;
}
.ui-dialog .characterviewer .charsheet .section--armor .group--armor {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .section--armor .number-input + .number-input {
  margin-top: 5px;
}
.ui-dialog .characterviewer .charsheet .section--armor .font-awesome {
  height: 1.5em;
  width: auto;
}
.ui-dialog .characterviewer .charsheet .section--armor-info {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .section--coinage .group--coinage {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 10px;
}
.ui-dialog .characterviewer .charsheet .section--treasure {
  margin-top: 15px;
}
.ui-dialog .characterviewer .charsheet .section--treasure .repitem:not(:last-child) {
  margin-bottom: 5px;
}
.ui-dialog .characterviewer .charsheet .section--evasion .group--evasion {
  display: grid;
  grid-template-columns: 1fr min-content 1fr;
}
.ui-dialog .characterviewer .charsheet .section--header {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.ui-dialog .characterviewer .charsheet .section--header > .group {
  display: grid;
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .section--header > .group:first-of-type > *:first-child, .ui-dialog .characterviewer .charsheet .section--header > .group:last-of-type > *:first-child {
  margin-top: -4px;
}
.ui-dialog .characterviewer .charsheet .section--header > .group img + .rangebar {
  margin-top: 4px;
}
.ui-dialog .characterviewer .charsheet .section--health {
  display: grid;
}
.ui-dialog .characterviewer .charsheet .section--health .group--title {
  display: grid;
  grid-template-columns: 1fr max-content max-content;
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .section--health .group--title .section__toggle {
  margin-top: 2px;
}
.ui-dialog .characterviewer .charsheet .section--health .group--bars {
  display: grid;
  grid-template-columns: repeat(2, min-content);
  gap: 10px;
  margin-top: 5px;
}
.ui-dialog .characterviewer .charsheet .section--health .group--bars .rangebar {
  width: 10px;
  width: min-content;
}
.ui-dialog .characterviewer .charsheet .section--health .group--bars .rangebar--madness {
  grid-column: 1/-1;
  height: 38px;
  min-width: 100%;
}
.ui-dialog .characterviewer .charsheet .section--health .group--bars .rangebar--madness .rangebar__steps {
  min-width: 100%;
  justify-content: space-between;
}
.ui-dialog .characterviewer .charsheet .section--health .translation__append {
  font-size: var(--font-size-xsmall);
}
.ui-dialog .characterviewer .charsheet .section--health .rangebar:not(.rangebar--madness) {
  min-width: 100%;
}
.ui-dialog .characterviewer .charsheet .section--health .rangebar:not(.rangebar--madness) label {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 5px;
}
.ui-dialog .characterviewer .charsheet .section--health .rangebar:not(.rangebar--madness) .translation__append {
  display: block;
  line-height: normal;
}
.ui-dialog .characterviewer .charsheet .section--health .group--maxes {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 10px 5px;
}
.ui-dialog .characterviewer .charsheet .section--health .group--maxes .number-input, .ui-dialog .characterviewer .charsheet .section--health .group--maxes label {
  display: contents;
}
.ui-dialog .characterviewer .charsheet .section--knowledge .group--title {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 10px;
  margin-bottom: 5px;
}
.ui-dialog .characterviewer .charsheet .section--knowledge .repeating-section__view, .ui-dialog .characterviewer .charsheet .section--knowledge .repeating-section__edit {
  display: grid;
  grid-template-columns: 1fr 32px;
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .section--knowledge .repitem:not(:last-child) {
  margin-bottom: 5px;
}
.ui-dialog .characterviewer .charsheet .section--magic .group {
  display: contents;
}
.ui-dialog .characterviewer .charsheet .section--magic .group--magic-points > * {
  margin-top: 15px;
}
.ui-dialog .characterviewer .charsheet .section--magic .group--magic-points .number-input:first-of-type {
  grid-column: span 2;
}
.ui-dialog .characterviewer .charsheet .section--magic .group h3 {
  white-space: nowrap;
  font-size: var(--font-size-large);
  min-width: 85px;
}
.ui-dialog .characterviewer .charsheet .section--magic .group--entries {
  display: grid;
  grid-template-columns: max-content repeat(3, 1fr);
  gap: 10px;
  align-items: end;
}
.ui-dialog .characterviewer .charsheet .section--resolve .number-input label {
  display: grid;
  grid-template-columns: 1fr 50px;
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .section--roleplay {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.ui-dialog .characterviewer .charsheet .section--roleplay .tabs {
  display: flex;
  gap: 5px;
}
.ui-dialog .characterviewer .charsheet .section--roleplay .tabbed {
  padding: 15px;
  border-radius: 0 5px 5px 5px;
  background-color: var(--background-color);
  flex-grow: 1;
  display: flex;
}
.ui-dialog .characterviewer .charsheet .section--roleplay .tabbed .textarea {
  display: flex;
  min-height: 100%;
  flex-grow: 1;
}
.ui-dialog .characterviewer .charsheet .section--roleplay .tab {
  border: 1px solid var(--background-color);
  border-bottom: 0;
}
.ui-dialog .characterviewer .charsheet .section--roleplay .tab label {
  color: var(--primary-color);
  opacity: 0.65;
  text-transform: capitalize;
}
.ui-dialog .characterviewer .charsheet .section--roleplay .tab:has(input:checked) {
  background: var(--background-color);
}
.ui-dialog .characterviewer .charsheet .section--roleplay .tab:has(input:checked) label {
  opacity: 1;
}
.ui-dialog .characterviewer .charsheet .section--traits-powers-spells .group--title {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .section--traits-powers-spells .group--title input {
  max-width: 60px;
}
.ui-dialog .characterviewer .charsheet .section--traits-powers-spells .group--traditions {
  display: grid;
  grid-template-columns: 1fr min-content 1fr min-content 1fr;
}
.ui-dialog .characterviewer .charsheet .section--traits-powers-spells .group--traditions h3 {
  font-size: var(--font-size-large);
}
.ui-dialog .characterviewer .charsheet .section--traits-powers-spells .group--traditions h3 + .translation {
  text-transform: capitalize;
}
.ui-dialog .characterviewer .charsheet .section--unarmed-attacks .group--attacks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.ui-dialog .characterviewer .charsheet .section--tradition {
  /*.repcontainer {
    display: grid;
    grid-template-columns: 1fr 32px min-content;
    gap: 5px;
    .repitem, .repeating-section__edit {
      display: contents;
    }
  }*/
}
.ui-dialog .characterviewer .charsheet .section--avatar .avatar {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0 !important;
  display: block;
}
.ui-dialog .characterviewer .charsheet .section--avatar .avatar--empty {
  display: none;
}
.ui-dialog .characterviewer .charsheet .section--avatar .avatar:not([src]) {
  display: none;
}
.ui-dialog .characterviewer .charsheet .section--avatar .avatar:not([src]) + .avatar--empty {
  display: block;
  opacity: 0.35;
}
.ui-dialog .characterviewer .charsheet .section--proficiencies .repitem:not(:last-child),
.ui-dialog .characterviewer .charsheet .section--languages .repitem:not(:last-child),
.ui-dialog .characterviewer .charsheet .section--feats .repitem:not(:last-child),
.ui-dialog .characterviewer .charsheet .section--discovered-spells .repitem:not(:last-child) {
  margin-bottom: 5px;
}
.ui-dialog .characterviewer .charsheet .table--weapons button {
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
}
.ui-dialog .characterviewer .charsheet .table--weapons button:hover .display span {
  color: var(--secondary-color);
}
.ui-dialog .characterviewer .charsheet .group--levelup {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.sheet-rolltemplate-standard {
  font-family: "Roboto Condensed", sans-serif;
  color: black; /* PLACEHOLDER */
}

.sheet-rolltemplate-ability .sheet-template-container,
.sheet-rolltemplate-damage .sheet-template-container,
.sheet-rolltemplate-doom .sheet-template-container {
  background-color: black;
  color: white;
  padding: 5px 5px 20px 20px;
  background-repeat: no-repeat;
  background-size: 100%;
  min-height: 100px;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-header,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-header,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-header {
  margin-bottom: 20px;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-header h1,
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-header h2,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-header h1,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-header h2,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-header h1,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-header h2 {
  height: 30px;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-header h2,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-header h2,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-header h2 {
  color: white;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-header .sheet-template-name,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-header .sheet-template-name,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-header .sheet-template-name {
  font-weight: bold;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  color: #f8c9ad;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-header .sheet-template-title,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-header .sheet-template-title,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-header .sheet-template-title {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bolder;
  font-size: 18px;
  text-transform: uppercase;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-rolls,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-rolls,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-rolls {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  line-height: 1.8em;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-rolls h5,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-rolls h5,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-rolls h5 {
  font-weight: 800;
  font-size: 18px;
  margin-top: 6px;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-rolls h5.sheet-good,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-rolls h5.sheet-good,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-rolls h5.sheet-good {
  color: #56ba53;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-rolls h5.sheet-bad,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-rolls h5.sheet-bad,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-rolls h5.sheet-bad {
  color: #de4d46;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-rolls h5.sheet-purple,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-rolls h5.sheet-purple,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-rolls h5.sheet-purple {
  color: #885ac9;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-rolls h5.sheet-amber,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-rolls h5.sheet-amber,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-rolls h5.sheet-amber {
  color: #de7a45;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-rolls .sheet-template-roll .inlinerollresult,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-rolls .sheet-template-roll .inlinerollresult,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-rolls .sheet-template-roll .inlinerollresult {
  background-color: transparent;
  border: none;
  padding: 0;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-rolls .sheet-template-roll .inlinerollresult.fullcrit, .sheet-rolltemplate-ability .sheet-template-container .sheet-template-rolls .sheet-template-roll .inlinerollresult.importantroll, .sheet-rolltemplate-ability .sheet-template-container .sheet-template-rolls .sheet-template-roll .inlinerollresult.fullfail,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-rolls .sheet-template-roll .inlinerollresult.fullcrit,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-rolls .sheet-template-roll .inlinerollresult.importantroll,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-rolls .sheet-template-roll .inlinerollresult.fullfail,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-rolls .sheet-template-roll .inlinerollresult.fullcrit,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-rolls .sheet-template-roll .inlinerollresult.importantroll,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-rolls .sheet-template-roll .inlinerollresult.fullfail {
  border: none;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-rolls .sheet-template-roll:first-of-type,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-rolls .sheet-template-roll:first-of-type,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-rolls .sheet-template-roll:first-of-type {
  position: relative;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-rolls .sheet-template-roll:first-of-type .inlinerollresult:nth-child(4),
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-rolls .sheet-template-roll:first-of-type .inlinerollresult:nth-child(4),
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-rolls .sheet-template-roll:first-of-type .inlinerollresult:nth-child(4) {
  pointer-events: none;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-rolls .sheet-template-roll:first-of-type .inlinerollresult:nth-child(1):after,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-rolls .sheet-template-roll:first-of-type .inlinerollresult:nth-child(1):after,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-rolls .sheet-template-roll:first-of-type .inlinerollresult:nth-child(1):after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-rolls .sheet-view-blind,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-rolls .sheet-view-blind,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-rolls .sheet-view-blind {
  display: none;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-rolls .sheet-blind,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-rolls .sheet-blind,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-rolls .sheet-blind {
  display: none;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-rolls .sheet-blind ~ .sheet-view-blind,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-rolls .sheet-blind ~ .sheet-view-blind,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-rolls .sheet-blind ~ .sheet-view-blind {
  display: block;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-rolls .sheet-blind ~ .sheet-view-regular,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-rolls .sheet-blind ~ .sheet-view-regular,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-rolls .sheet-blind ~ .sheet-view-regular {
  display: none;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-rolls .sheet-good .inlinerollresult,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-rolls .sheet-good .inlinerollresult,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-rolls .sheet-good .inlinerollresult {
  pointer-events: none;
}
.sheet-rolltemplate-ability .sheet-template-container .sheet-template-rolls .sheet-good + .sheet-good,
.sheet-rolltemplate-damage .sheet-template-container .sheet-template-rolls .sheet-good + .sheet-good,
.sheet-rolltemplate-doom .sheet-template-container .sheet-template-rolls .sheet-good + .sheet-good {
  display: none;
}

.sheet-rolltemplate-ability .sheet-template-container {
  background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Blood_and_Doom_by_Dicetale_Games/static/chat_action_roll.jpg");
  border-radius: 5px;
}

.sheet-rolltemplate-damage .sheet-template-container {
  background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Blood_and_Doom_by_Dicetale_Games/static/chat_damage_roll.jpg");
  border-radius: 5px;
}
.sheet-rolltemplate-damage .sheet-template-rolls span.sheet-template-roll:empty {
  display: none;
}
.sheet-rolltemplate-damage .sheet-template-rolls span.sheet-template-roll:empty + br {
  display: none;
}
.sheet-rolltemplate-damage .sheet-template-rolls span.sheet-template-roll:empty + br + h5 {
  margin-top: 25px;
}
.sheet-rolltemplate-damage .sheet-template-rolls > .sheet-template-roll:first-of-type {
  text-transform: capitalize;
}

.sheet-rolltemplate-doom .sheet-template-container {
  background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Blood_and_Doom_by_Dicetale_Games/static/chat_doom_roll.jpg");
  border-radius: 5px;
}