roll20-character-sheets/Runners in the Shadows/runners.css

/* Variants of grey */
/* red */
/* GENERALITIES */
.charsheet {
  padding: 0 !important;
  position: relative;
  top: -11px;
  line-height: 18px;
  cursor: default;
  color: #333;
  font-size: 0;
  font-family: Georgia, "Bitstream Charter", "Times New Roman", serif;
}

.charsheet div, .charsheet span, .charsheet textarea, .charsheet ul, .charsheet li, .charsheet span, .charsheet label {
  box-sizing: border-box;
}

.charsheet button[type=roll] {
  text-shadow: none;
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
  font-weight: bold;
  font-family: inherit;
  outline: none;
  border-radius: 0;
  transition: all 0.2s;
}

.charsheet button[type=roll].btn::before {
  content: "";
}

.charsheet label {
  margin: 0;
  padding: 0;
  display: flex;
  width: auto;
  --dark-secondarytext: #333; /* setting this variable here takes care of the text color getting overridden in dark mode, which causes some of the label text (that's also on a background the same color as the initial dark-secondarytext value) to go invisible! */
  color: #333;
  font: inherit;
}

.charsheet label input[type=checkbox], .charsheet label input[type=radio] {
  position: absolute;
}

.charsheet label:hover input[type=checkbox] + span, .charsheet label:hover input[type=radio] + span {
  opacity: 0.7;
}

.charsheet input[type=text], .charsheet textarea {
  border: none;
  font-family: inherit;
  background: transparent;
  box-shadow: none;
  width: 100%;
  padding: 0;
  margin: 0;
  color: #333;
  border-radius: 0;
  transition: all 0.2s, height 0.4s;
}

.charsheet textarea {
  resize: vertical;
  display: block;
}

.charsheet textarea:active, .charsheet textarea:focus {
  transition: height 0s;
}

.charsheet input[type=number] {
  border-color: #c7c7c7;
  color: #333;
  box-shadow: none;
}

.charsheet input[type=checkbox], .charsheet input[type=radio] {
  opacity: 0;
  z-index: 1;
  -moz-appearance: none;
  position: relative;
}

.charsheet input[type=checkbox] + span, .charsheet input[type=radio] + span {
  cursor: pointer;
  display: inline-block;
  transition: all 0.2s, opacity 0s;
}

.charsheet ul {
  list-style: none;
  margin: 0;
}

.charsheet li {
  position: relative;
}

.charsheet li::before {
  transform: rotate(45deg) scale(0.9);
  font-family: Georgia, serif;
  content: '■';
  left: 0;
  top: -.1em;
  position: absolute;
}

.charsheet button[type=roll].sheet-inherit, .charsheet input[type=text].sheet-inherit {
  font: inherit;
  color: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
}

.charsheet .sheet-space-after::after {
  content: ' ';
}

.sheet-focus-shadow[value="1"] ~ .sheet-container textarea:focus, .sheet-focus-shadow[value="1"] ~ .sheet-container input[type=text]:focus, .sheet-focus-shadow[value="1"] ~ .sheet-container input[type=number]:focus {
  box-shadow: inset 0 0 1px 1px rgba(66, 66, 66, 0.3), 0 0 2px 1px rgba(66, 66, 66, 0.3);
}

.sheet-hidden {
  display: none !important;
}

/* Preloading graphics*/
.sheet-preload {
  opacity: 0;
  position: absolute;
}

.sheet-preload img {
  width: 1px;
  height: 1px;
}

/* Version text */
.sheet-topholder {
  line-height: 22px;
  margin: 0 0 7px calc(55% + 5px);
}

.sheet-topholder .sheet-version {
  color: #aaa;
  font-size: 13px;
  font-family: "Times New Roman", Times, serif;
}

.sheet-topholder .sheet-version-text::after {
  content: " ";
}

.sheet-topholder .sheet-settings-checkbox {
  margin-right: 10px;
  width: 20px;
  height: 20px;
  font-size: 16px;
  font-family: pictos;
}

.sheet-topholder .sheet-settings-checkbox input + span {
  opacity: 0.3;
}

.sheet-topholder .sheet-settings-checkbox input:checked + span {
  opacity: 1;
}

/* Type Selector */
.sheet-type-selector {
  display: flex;
  margin-right: auto;
  background: #c7c7c7;
  border: 1px solid #aaa;
  letter-spacing: 1px;
  line-height: 20px;
  justify-content: center;
  width: 170px;
  font-size: 11px;
  color: #555;
}

.sheet-type-selector input {
  position: absolute;
  width: 170px;
  height: 20px;
}

.sheet-type-selector:hover {
  color: red;
}

.sheet-type-selector .sheet-3waybox:not(:checked) + .sheet-3waybox,
.sheet-type-selector input[value="character"]:not(:checked) ~ span[data-i18n="character_mode"],
.sheet-type-selector input[value="crew"]:not(:checked) ~ span[data-i18n="crew_mode"],
.sheet-type-selector input[value="faction"][type=radio]:not(:checked) ~ span[data-i18n="faction_mode"] {
  display: none;
}

/* SETTINGS */
.sheet-type[value="character"] ~ .sheet-settings > :not(.sheet-setting-char),
.sheet-type[value="crew"] ~ .sheet-settings > :not(.sheet-setting-crew),
.sheet-type[value="faction"] ~ .sheet-settings > :not(.sheet-setting-faction) {
  display: none;
}

.sheet-settings {
  position: absolute;
  right: 0;
  width: 415px;
  border: 1px solid black;
  background: white;
  z-index: 100;
  padding: 5px;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
}

.sheet-settings > div {
  min-width: 50%;
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding: 2px;
  font-size: 10px;
  min-height: 24px;
  line-height: 17px;
  border-bottom: 1px solid #d8d8d8;
}

.sheet-settings > div.sheet-generaterow {
  line-height: 0;
}

.sheet-settings label {
  align-items: center;
}

.sheet-settings .sheet-checkbox + span {
  margin-right: 6px;
}

.sheet-settings .sheet-checkbox:checked + span {
  background: black;
}

.sheet-settings :not(input) + span {
  padding-right: 4px;
}

.sheet-settings input[type=number] {
  padding: 0 2px;
  margin: 0 3px 0 8px;
  width: 30px;
  font-size: 12px;
}

.sheet-settings input[type=text] {
  width: 60px;
  font-size: 10px;
  margin-right: 3px;
  padding-left: 1px;
  line-height: 16px;
  border-radius: 3px;
  border: 1px solid #d8d8d8;
}

.sheet-settings input[type=text].sheet-wide {
  width: 200px;
  margin-right: 8px;
}

.sheet-settings select {
  width: 80px;
  margin: 0 7px 0 0;
  padding: 0;
  height: 18px;
}

/* SETTINGS FOR HIDING STUFF ON THE SHEET */
.sheet-toothhider[value="0"] ~ .sheet-tooth, .sheet-toothhider[value="0"] ~ .sheet-tooth + span {
  display: none;
}

.sheet-hider[value="0"] + li, .sheet-hider[value="0"] + div, .sheet-hider[value="0"] + label {
  display: none;
}

/* Sheet container */
.sheet-container {
  position: relative;
  min-width: 860px;
  max-width: 1190px;
}

.sheet-flexwidth[value="0"] ~ .sheet-container {
  width: 860px;
}

.sheet-type:not([value="character"]) ~ .sheet-type-character,
.sheet-type:not([value="crew"]) ~ .sheet-type-crew,
.sheet-type:not([value="faction"]) ~ .sheet-type-faction {
  display: none;
}

.sheet-type-character, .sheet-type-crew, .sheet-type-faction {
  grid: auto/55% calc(45% - 5px);
  grid-gap: 10px 5px;
}

/* USEFUL GENERAL LAYOUT*/
.sheet-grid {
  display: grid;
}

.sheet-grid .sheet-2col {
  grid-column: span 2;
}

.sheet-type-character .sheet-left-column {
  grid: auto / 1.1fr .9fr;
  align-content: start;
  grid-gap: 10px 5px;
}

.sheet-right-column {
  grid: none/minmax(202.5px, 248.5px) minmax(calc(47% - 5px), 277px);
  grid-gap: 5px;
  grid-auto-rows: min-content;
}

.sheet-blackheader {
  background: black;
  color: white;
}

.sheet-blackheader.sheet-rep1, .sheet-blackheader.sheet-hold1 {
  padding-top: 3px;
  line-height: 13px;
}

.sheet-blackheader.sheet-hold1 {
  padding-left: 2px;
}

.sheet-blackheader, .sheet-black-on-grey, .sheet-greyheader {
  font-size: 11px;
  letter-spacing: 1px;
}

.sheet-blackheader, .sheet-greyheader {
  height: 16px;
  line-height: 15px;
  padding: 1px 2px 0 4px;
}

.sheet-black-on-grey, .sheet-greyheader {
  background: #b4b4b4;
}

.sheet-black-on-grey {
  text-align: center;
  position: relative;
  flex-grow: 1;
  padding-left: 1px;
  height: 13px;
  line-height: 13px;
  --z-index: -1; /* Disabled for dark mode compatibility (text disappears in dark mode if enabled) */
}

.sheet-plainheader {
  width: 100%;
  border-top: 2px solid black;
  font-size: 12px;
  line-height: 22px;
}

.sheet-blankheader {
  width: 100%;
  font-size: 12px;
  line-height: 22px;
}

.sheet-specialheader {
  background: #b4b4b4;
  height: 20px;
  font-size: 11px;
  line-height: 20px;
  letter-spacing: 1px;
  padding: 0 5px;
}

.sheet-specialheader input[type=text] {
  margin: 0 -5px;
  padding: 0 5px;
  width: calc(100% + 10px);
}

.sheet-header .sheet-ten {
  font-size: 10px;
}

.sheet-italic {
  font-style: italic;
}

.sheet-bold {
  font-weight: bold;
}

.sheet-greyholder {
  background: #d8d8d8;
}

.sheet-def-margin {
  margin-top: 10px;
}

.sheet-small-margin {
  margin-top: 5px;
}

.sheet-blackborder {
  border-top: 3px solid black;
}

.sheet-tier {
  background: #d8d8d8;
  height: 16px;
  width: 56px;
  align-items: center;
}

.sheet-tier input[value="1"] {
  margin-left: auto;
}

.sheet-tier .sheet-checkbox + span {
  margin-right: auto;
}

/* COLUMN LAYOUT */
.sheet-flex {
  display: flex;
}

.sheet-flex-center {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sheet-col50 {
  width: 50%;
}

.sheet-col52b {
  width: 52%;
}

.sheet-col45 {
  width: 45%;
}

.sheet-col100 {
  width: 100%;
}

/* FONT STYLES */
.sheet-label,
input[type=text].sheet-label,
textarea.sheet-label,
button[type=roll].sheet-label {
  text-transform: uppercase;
  font-weight: bold;
}

.sheet-uppercase {
  text-transform: uppercase;
}

.sheet-smallcaps,
input[type=text].sheet-smallcaps,
textarea.sheet-smallcaps {
  font-variant: small-caps;
  font-weight: bold;
}

/* INFO BOXES */
.sheet-gatherinfo ul {
  padding: 0;
}

.sheet-gatherinfo li {
  margin-bottom: 1px;
  font-style: italic;
  padding-left: 11px;
  font-size: 11px;
  height: 17px;
}

.sheet-teamworkbox {
  width: 95%;
  padding: 5px;
  margin-bottom: 5px;
  background: #d8d8d8;
  font-size: 12px;
  line-height: 15px;
}

.sheet-planning .sheet-teamworkbox .sheet-bold::after {
  content: ": ";
}

.sheet-planningdesc {
  font-size: 12px;
  line-height: 15px;
  text-align: justify;
  margin: 0 5% 5px 0;
}

/* ITEMS/UPGRADES */
.sheet-itemholder > div {
  padding: 5px;
}

.sheet-item-container {
  flex-grow: 1;
}

.sheet-playbookitems {
  background: #d8d8d8;
}

.sheet-regularitems {
  grid-template-columns: 50% 50%;
}

.sheet-regularitems .repcontainer {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.sheet-regularitems .repitem {
  display: flex;
  flex-grow: 1;
}

.sheet-regularitems .sheet-input-short[value="1"] + .sheet-input-expand[value="0"] ~ .sheet-item-container {
  width: 96px;
}

.sheet-upgrades > div {
  position: relative;
}

.sheet-item {
  display: flex;
  align-items: start;
}

.sheet-item .sheet-itemname {
  height: 18px;
  font-size: 11px;
  margin: 0 1px 0 2px;
  padding-left: 2px;
  flex: auto;
  min-width: 0;
}

.sheet-item .sheet-itemname.sheet-auto-expand {
  min-height: 16px;
  height: auto;
  line-height: 16px;
  margin: 1px 0;
  padding: 0 7px 0 2px;
}

.sheet-item .sheet-checkbox, .sheet-item .sheet-checkbox + span {
  margin-top: 3px;
}

.sheet-item .sheet-input-bold[value="1"] ~ .sheet-itemname {
  font-weight: bold;
}

.sheet-item .sheet-numboxes[value="0"] ~ .sheet-itemname {
  font-style: italic;
}

.sheet-upgradecaption {
  font-size: 11px;
  letter-spacing: 1px;
}

.sheet-upgradecosts {
  font-size: 11px;
  padding-left: 3px;
}

.sheet-upgradecosts.sheet-label {
  font-size: 8px;
  letter-spacing: 1px;
}

.sheet-floatingbar {
  width: 3px;
  height: 2px;
  margin: 8px 0 0 -3px;
  flex: 0 0 auto;
  background: #8c8c8c;
}

/* Repeating items*/
.sheet-numboxes[value="0"] ~ .sheet-boxesgeq2,
.sheet-numboxes[value="1"] ~ .sheet-boxesgeq2,
.sheet-numboxes[value="2"] ~ .sheet-boxesgeq3 {
  display: none;
}

.sheet-itemholder .repitem .sheet-boxes-chosen[value="1"] + div, .sheet-itemholder .repitem .sheet-boxes-chosen[value="0"] + div ~ div {
  display: none;
}

.sheet-numboxes-chooser {
  padding: 1px 0;
  font-size: 11px;
}

.sheet-numboxes-chooser input[type=number] {
  margin-left: auto;
  height: 18px;
  padding: 0;
  text-align: right;
  width: 2.5em;
  background: transparent;
}

.sheet-numboxes-chooser label {
  height: 18px;
  border: 1px solid #aaa;
  margin-left: auto;
  padding: 2px;
  line-height: 12px;
}

.sheet-numboxes-chooser input:checked + span {
  font-weight: bold;
}

.sheet-show-itemdesc[value="0"] ~ div .sheet-item-description {
  display: none;
}

.sheet-itemholder .sheet-expand {
  top: 4px;
  right: 1px;
}

.sheet-itemholder .sheet-expand + span {
  top: 1px;
  right: 1px;
}

.sheet-itemholder .sheet-expand + span::before {
  content: "◀";
}

.sheet-itemholder .sheet-expand:checked + span::before {
  content: "▼";
}

.sheet-itemholder .sheet-expand ~ textarea {
  border-top: 1px solid #d8d8d8;
  line-height: 12px;
  font-size: 10px;
  height: 49px;
}

.sheet-itemholder .sheet-playbookitems .sheet-expand ~ textarea {
  border-color: #aaa;
}

/* LOGO */
.sheet-bladeslogo {
  height: 43px;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Runners%20in%20the%20Shadows/logo.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.sheet-crewheader {
  color: #808080;
  font-size: 28px;
  align-self: flex-start;
  letter-spacing: -2px;
  line-height: 31px;
}

/* LOAD */
.sheet-itemheader,
.sheet-loadheader {
  background: #b4b4b4;
  height: 20px;
  font-size: 10px;
  padding: 3px 2px 1px 4px;
  align-items: center;
}

.sheet-loadheader label {
  align-items: center;
  line-height: 11px;
  font-style: italic;
  margin-left: auto;
  text-transform: lowercase;
}

.sheet-loadnumber {
  font-weight: bold;
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
  margin: 0 3px 0 4px;
}

.sheet-itemheader > .sheet-label {
  margin-right: 4px;
}

.sheet-itemheader:not(:hover) .sheet-text-button {
  display: none;
}

.sheet-itemheader .sheet-text-button {
  margin-left: auto;
}

.sheet-itemheader .sheet-text-button input[type=checkbox] + span {
  opacity: 1;
  color: #333;
}

.sheet-itemheader .sheet-text-button:hover input[type=checkbox] + span {
  color: red;
}

/* ADVANCEMENT BOX*/
.sheet-advancement-header {
  letter-spacing: 2px;
}

.sheet-markxp {
  margin-right: auto;
}

.sheet-xpholder {
  letter-spacing: 0;
  font-size: 0;
  margin-left: 8px;
}

.sheet-advancement-desc li, .sheet-warblurb li {
  font-size: 13px;
  line-height: 16px;
  width: 100%;
}

.sheet-advancement-desc li.sheet-nondot, .sheet-warblurb li.sheet-nondot {
  padding-left: 0;
  font-style: normal;
}

.sheet-advancement-desc li.sheet-nondot::before, .sheet-warblurb li.sheet-nondot::before {
  display: none;
}

.sheet-advancement-desc {
  width: 99%;
  background: #d8d8d8;
  padding: 15px 10px 4px 11px;
}

.sheet-advancement-desc li {
  font-style: italic;
  margin-bottom: .7em;
  padding-left: 1em;
}

.sheet-advancement-desc .sheet-auto-expand {
  min-height: 16px;
  padding: 0 2px;
}

/* PLAYBOOK */
.sheet-playbook {
  align-items: center;
  height: 50px;
  position: relative;
  background: #d8d8d8;
}

.sheet-playbook input[type=text] {
  flex: 0 0 auto;
  margin: 0 2px;
  padding-left: 5px;
  letter-spacing: -1px;
  font-size: 35px;
  line-height: 40px;
}

.sheet-playbook textarea {
  height: 42px;
  flex: 0 0 auto;
  font-size: 10px;
  padding-left: 3px;
  letter-spacing: 1px;
  color: #808080;
  resize: none;
  overflow: hidden;
  line-height: 14px;
}

.sheet-playbook .sheet-reminder {
  position: absolute;
  border: 1px solid #333;
  background: white;
  top: 48px;
  z-index: 3;
  border-radius: 5px;
  width: 267px;
  font-size: 12px;
  text-align: center;
  padding: 3px;
}

.sheet-type-character .sheet-playbook input[type=text] {
  width: calc(64% - 10px);
}

.sheet-type-character .sheet-playbook textarea {
  width: calc(36% + 6px);
}

.sheet-type-crew .sheet-playbook input[type=text] {
  width: calc(74% - 7px);
}

.sheet-type-crew .sheet-playbook textarea {
  width: calc(26% + 3px);
}

/* HEADER */
.sheet-header {
  grid: auto / 53.7% 45%;
  grid-column-gap: 1.3%;
  align-items: end;
}

.sheet-header label {
  flex-wrap: wrap;
}

.sheet-header input[type=text], .sheet-header .sheet-auto-expand {
  width: 100%;
  border-bottom: 1px solid black;
  font-size: 14px;
  line-height: 1.3;
  text-align: left;
  padding: 3px 0 0 2px;
  margin: 3px 0 0;
  min-height: 22px;
  color: #c43c35;
}

.sheet-header input[type="hidden"][value=""] + div > .sheet-title::after {
  content: ": ";
}

.sheet-header input[type="hidden"]:not([value=""]) + div > .sheet-info {
  display: none;
}

.sheet-header .sheet-text {
  color: black;
  text-align: justify;
  padding: 3px 0 2px;
  line-height: 13px;
}

.sheet-header .sheet-title {
  font-size: 10px;
  letter-spacing: 1px;
}

.sheet-header .sheet-info {
  font-size: 8px;
}

/* EDITED FOR RITS PLAYBOOK NAMES*/
.sheet-header .sheet-vice-input:not([value="normal"]) ~ .sheet-normal,
.sheet-header .sheet-vice-input:not([value="free_spirit"]) ~ .sheet-free_spirit,
.sheet-header .sheet-vice-input:not([value="shell"]) ~ .sheet-shell,
.sheet-header .sheet-vice-input:not([value="infected"]) ~ .sheet-infected {
  display: none;
}

.sheet-header .sheet-vice {
  justify-content: space-between;
  text-align: justify;
  grid-column: span 2;
  line-height: 1.6;
  font-size: 11px;
}

.sheet-header .sheet-vice .sheet-smallcaps {
  font-size: 130%;
  line-height: 0;
}

/* CLOCKS */
.sheet-clocks .repcontainer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-top: 2px;
  grid-gap: 4px;
}

.sheet-clocks .repitem {
  display: flex;
  padding: 4px 2px;
  background: #d8d8d8;
  align-items: start;
}

.sheet-clocks .itemcontrol {
  top: 0;
  left: 0;
}

.sheet-clocks .sheet-auto-expand {
  font-size: 11px;
  letter-spacing: 1px;
  padding: 2px 3px;
  line-height: 12px;
  flex: auto;
  min-width: 0;
  margin-right: 2px;
  min-height: 28px;
}

.sheet-clock-container {
  position: relative;
  padding: 2px;
  margin: 0 0 5px;
  z-index: 1;
  height: 44px;
  width: 44px;
  cursor: pointer;
  flex: 0 0 auto;
}

.sheet-clock-container input {
  position: absolute;
  display: none;
}

.sheet-clock-container .sheet-zero {
  z-index: 3;
}

.sheet-clock-container .sheet-zero, .sheet-clock-container .sheet-zero + span {
  position: absolute;
  top: 37px;
  left: -5px;
}

.sheet-clock-container .sheet-all, .sheet-clock-container .sheet-zero {
  display: block;
}

.sheet-clock {
  border: 2px solid black;
  border-radius: 50%;
  background: white;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

div[class^="sheet-spoke"] {
  height: 44px;
  width: 2px;
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  background-image: linear-gradient(black 0px, black 4px, transparent 4px, transparent 6px, black 6px, black 10px, transparent 10px, transparent 12px, black 12px, black 16px, transparent 16px, transparent 18px, black 18px, black 26px, transparent 26px, transparent 28px, black 28px, black 32px, transparent 32px, transparent 34px, black 34px, black 38px, transparent 38px, transparent 40px, black 39px, black 44px);
}

.sheet-spoke-0 {
  transform: translateX(21px);
}

.sheet-spoke-30 {
  transform: translateX(21px) rotate(30deg);
}

.sheet-spoke-36 {
  transform: translateX(21px) rotate(36deg);
}

.sheet-spoke-45 {
  transform: translateX(21px) rotate(45deg);
}

.sheet-spoke-60 {
  transform: translateX(21px) rotate(60deg);
}

.sheet-spoke-72 {
  transform: translateX(21px) rotate(72deg);
}

.sheet-spoke-90 {
  transform: translateX(21px) rotate(90deg);
}

.sheet-spoke-108 {
  transform: translateX(21px) rotate(108deg);
}

.sheet-spoke-120 {
  transform: translateX(21px) rotate(120deg);
}

.sheet-spoke-135 {
  transform: translateX(21px) rotate(135deg);
}

.sheet-spoke-144 {
  transform: translateX(21px) rotate(144deg);
}

.sheet-spoke-150 {
  transform: translateX(21px) rotate(150deg);
}

.sheet-size-choice {
  display: flex;
  flex: 0 0 auto;
  height: 45px;
  margin: 2px 0;
  width: 44px;
  line-height: 12px;
  font-size: 13px;
  font-family: "Times New Roman", Times, serif;
  align-content: space-evenly;
  flex-wrap: wrap;
}

/* Faction clocks */
.sheet-clocks-only[value="0"] ~ .sheet-container .sheet-type-faction .sheet-clocks .repcontainer {
  grid-template-columns: repeat(3, 1fr);
}

.sheet-clocks-only[value="1"] ~ .sheet-container .sheet-type-faction .sheet-clocks .repcontainer {
  grid-template-columns: repeat(4, 1fr);
}

.sheet-clocks-only[value="1"] ~ .sheet-container .sheet-type-faction {
  grid: auto / auto;
}

.sheet-clocks-only[value="1"] ~ .sheet-container .sheet-type-faction .sheet-factiontitle, .sheet-clocks-only[value="1"] ~ .sheet-container .sheet-type-faction .sheet-factions, .sheet-clocks-only[value="1"] ~ .sheet-container .sheet-type-faction .sheet-notes {
  display: none;
}

.sheet-size[value="4"] ~ .sheet-clock-container input:not(.sheet-zero) {
  height: 20px;
  width: 20px;
}

.sheet-size[value="4"] ~ .sheet-clock-container input[value="1"] {
  margin-left: 20px;
}

.sheet-size[value="4"] ~ .sheet-clock-container input[value="2"] {
  margin: 20px 0 0 20px;
}

.sheet-size[value="4"] ~ .sheet-clock-container input[value="3"] {
  margin-top: 20px;
}

.sheet-size[value="6"] ~ .sheet-clock-container input:not(.sheet-zero) {
  height: 17px;
  width: 12px;
}

.sheet-size[value="6"] ~ .sheet-clock-container input[value="1"] {
  margin-left: 21px;
  transform: rotate(30deg);
}

.sheet-size[value="6"] ~ .sheet-clock-container input[value="2"] {
  margin: 12px 0 0 25px;
  transform: rotate(90deg);
}

.sheet-size[value="6"] ~ .sheet-clock-container input[value="3"] {
  margin: 22px 0 0 21px;
  transform: rotate(150deg);
}

.sheet-size[value="6"] ~ .sheet-clock-container input[value="4"] {
  margin: 22px 0 0 8px;
  transform: rotate(210deg);
}

.sheet-size[value="6"] ~ .sheet-clock-container input[value="5"] {
  margin: 12px 0 0 1px;
  transform: rotate(270deg);
}

.sheet-size[value="6"] ~ .sheet-clock-container input[value="6"] {
  margin-left: 8px;
  transform: rotate(330deg);
}

.sheet-size[value="8"] ~ .sheet-clock-container input:not(.sheet-zero) {
  height: 14px;
  width: 10px;
}

.sheet-size[value="8"] ~ .sheet-clock-container input[value="1"] {
  margin-left: 20px;
  transform: rotate(22.5deg);
}

.sheet-size[value="8"] ~ .sheet-clock-container input[value="2"] {
  margin: 8px 0 0 26px;
  transform: rotate(67.5deg);
}

.sheet-size[value="8"] ~ .sheet-clock-container input[value="3"] {
  margin: 18px 0 0 26px;
  transform: rotate(112.5deg);
}

.sheet-size[value="8"] ~ .sheet-clock-container input[value="4"] {
  margin: 25px 0 0 20px;
  transform: rotate(157.5deg);
}

.sheet-size[value="8"] ~ .sheet-clock-container input[value="5"] {
  margin: 25px 0 0 9px;
  transform: rotate(202.5deg);
}

.sheet-size[value="8"] ~ .sheet-clock-container input[value="6"] {
  margin: 18px 0 0 2px;
  transform: rotate(247.5deg);
}

.sheet-size[value="8"] ~ .sheet-clock-container input[value="7"] {
  margin: 8px 0 0 2px;
  transform: rotate(292.5deg);
}

.sheet-size[value="8"] ~ .sheet-clock-container input[value="8"] {
  margin-left: 9px;
  transform: rotate(337.5deg);
}

.sheet-size[value="10"] ~ .sheet-clock-container input:not(.sheet-zero) {
  height: 14px;
  width: 9px;
}

.sheet-size[value="10"] ~ .sheet-clock-container input[value="1"] {
  transform: rotate(18deg);
  margin-left: 20px;
}

.sheet-size[value="10"] ~ .sheet-clock-container input[value="2"] {
  transform: rotate(54deg);
  margin: 5px 0 0 27px;
}

.sheet-size[value="10"] ~ .sheet-clock-container input[value="3"] {
  transform: rotate(90deg);
  margin: 13px 0 0 30px;
}

.sheet-size[value="10"] ~ .sheet-clock-container input[value="4"] {
  transform: rotate(126deg);
  margin: 21px 0 0 27px;
}

.sheet-size[value="10"] ~ .sheet-clock-container input[value="5"] {
  transform: rotate(162deg);
  margin: 26px 0 0 20px;
}

.sheet-size[value="10"] ~ .sheet-clock-container input[value="6"] {
  transform: rotate(198deg);
  margin: 26px 0 0 12px;
}

.sheet-size[value="10"] ~ .sheet-clock-container input[value="7"] {
  transform: rotate(234deg);
  margin: 21px 0 0 5px;
}

.sheet-size[value="10"] ~ .sheet-clock-container input[value="8"] {
  transform: rotate(270deg);
  margin: 13px 0 0 1px;
}

.sheet-size[value="10"] ~ .sheet-clock-container input[value="9"] {
  transform: rotate(306deg);
  margin: 5px 0 0 5px;
}

.sheet-size[value="10"] ~ .sheet-clock-container input[value="10"] {
  transform: rotate(342deg);
  margin-left: 12px;
}

.sheet-size[value="12"] ~ .sheet-clock-container input:not(.sheet-zero) {
  height: 12px;
  width: 8px;
}

.sheet-size[value="12"] ~ .sheet-clock-container input[value="1"] {
  margin-left: 20px;
  transform: rotate(15deg);
}

.sheet-size[value="12"] ~ .sheet-clock-container input[value="2"] {
  margin: 4px 0 0 26px;
  transform: rotate(45deg);
}

.sheet-size[value="12"] ~ .sheet-clock-container input[value="3"] {
  margin: 10px 0 0 29px;
  transform: rotate(75deg);
}

.sheet-size[value="12"] ~ .sheet-clock-container input[value="4"] {
  margin: 18px 0 0 29px;
  transform: rotate(105deg);
}

.sheet-size[value="12"] ~ .sheet-clock-container input[value="5"] {
  margin: 24px 0 0 26px;
  transform: rotate(135deg);
}

.sheet-size[value="12"] ~ .sheet-clock-container input[value="6"] {
  margin: 28px 0 0 20px;
  transform: rotate(165deg);
}

.sheet-size[value="12"] ~ .sheet-clock-container input[value="7"] {
  margin: 28px 0 0 12px;
  transform: rotate(195deg);
}

.sheet-size[value="12"] ~ .sheet-clock-container input[value="8"] {
  margin: 24px 0 0 6px;
  transform: rotate(225deg);
}

.sheet-size[value="12"] ~ .sheet-clock-container input[value="9"] {
  margin: 18px 0 0 3px;
  transform: rotate(255deg);
}

.sheet-size[value="12"] ~ .sheet-clock-container input[value="10"] {
  margin: 10px 0 0 3px;
  transform: rotate(295deg);
}

.sheet-size[value="12"] ~ .sheet-clock-container input[value="11"] {
  margin: 4px 0 0 6px;
  transform: rotate(315deg);
}

.sheet-size[value="12"] ~ .sheet-clock-container input[value="12"] {
  margin-left: 12px;
  transform: rotate(345deg);
}

/* End positioning */
.sheet-size[value="4"] ~ .sheet-clock-container .sheet-4clock,
.sheet-size[value="6"] ~ .sheet-clock-container .sheet-6clock,
.sheet-size[value="8"] ~ .sheet-clock-container .sheet-8clock,
.sheet-size[value="10"] ~ .sheet-clock-container .sheet-10clock,
.sheet-size[value="12"] ~ .sheet-clock-container .sheet-12clock {
  display: block;
}

.sheet-size:not([value=""]) ~ .sheet-size-choice,
.sheet-clocks .sheet-size[value=""] ~ .sheet-broadcast-button,
.sheet-size[value=""] ~ .sheet-clock-container {
  display: none;
}

.sheet-clock-container .sheet-input-progress[value="0"]:checked ~ .sheet-clock {
  background: white;
}

.sheet-size[value="4"] ~ .sheet-clock-container .sheet-input-progress[value="1"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%);
}

.sheet-size[value="4"] ~ .sheet-clock-container .sheet-input-progress[value="2"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="4"] ~ .sheet-clock-container .sheet-input-progress[value="3"]:checked ~ .sheet-clock {
  background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="4"] ~ .sheet-clock-container .sheet-input-progress[value="4"]:checked ~ .sheet-clock {
  background: red;
}

.sheet-size[value="6"] ~ .sheet-clock-container .sheet-input-progress[value="1"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(150deg, red 50%, white 50%);
}

.sheet-size[value="6"] ~ .sheet-clock-container .sheet-input-progress[value="2"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(210deg, red 50%, white 50%);
}

.sheet-size[value="6"] ~ .sheet-clock-container .sheet-input-progress[value="3"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="6"] ~ .sheet-clock-container .sheet-input-progress[value="4"]:checked ~ .sheet-clock {
  background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="6"] ~ .sheet-clock-container .sheet-input-progress[value="5"]:checked ~ .sheet-clock {
  background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="6"] ~ .sheet-clock-container .sheet-input-progress[value="6"]:checked ~ .sheet-clock {
  background: red;
}

.sheet-size[value="8"] ~ .sheet-clock-container .sheet-input-progress[value="1"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(135deg, red 50%, white 50%);
}

.sheet-size[value="8"] ~ .sheet-clock-container .sheet-input-progress[value="2"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%);
}

.sheet-size[value="8"] ~ .sheet-clock-container .sheet-input-progress[value="3"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(225deg, red 50%, white 50%);
}

.sheet-size[value="8"] ~ .sheet-clock-container .sheet-input-progress[value="4"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="8"] ~ .sheet-clock-container .sheet-input-progress[value="5"]:checked ~ .sheet-clock {
  background-image: linear-gradient(135deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="8"] ~ .sheet-clock-container .sheet-input-progress[value="6"]:checked ~ .sheet-clock {
  background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="8"] ~ .sheet-clock-container .sheet-input-progress[value="7"]:checked ~ .sheet-clock {
  background-image: linear-gradient(225deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="8"] ~ .sheet-clock-container .sheet-input-progress[value="8"]:checked ~ .sheet-clock {
  background: red;
}

.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="1"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(126deg, red 50%, white 50%);
}

.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="2"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(162deg, red 50%, white 50%);
}

.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="3"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(198deg, red 50%, white 50%);
}

.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="4"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(234deg, red 50%, white 50%);
}

.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="5"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="6"]:checked ~ .sheet-clock {
  background-image: linear-gradient(126deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="7"]:checked ~ .sheet-clock {
  background-image: linear-gradient(162deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="8"]:checked ~ .sheet-clock {
  background-image: linear-gradient(198deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="9"]:checked ~ .sheet-clock {
  background-image: linear-gradient(234deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="10"] ~ .sheet-clock-container .sheet-input-progress[value="10"]:checked ~ .sheet-clock {
  background: red;
}

.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="1"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(120deg, red 50%, white 50%);
}

.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="2"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(150deg, red 50%, white 50%);
}

.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="3"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%);
}

.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="4"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(210deg, red 50%, white 50%);
}

.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="5"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(240deg, red 50%, white 50%);
}

.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="6"]:checked ~ .sheet-clock {
  background-image: linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="7"]:checked ~ .sheet-clock {
  background-image: linear-gradient(120deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="8"]:checked ~ .sheet-clock {
  background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="9"]:checked ~ .sheet-clock {
  background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="10"]:checked ~ .sheet-clock {
  background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="11"]:checked ~ .sheet-clock {
  background-image: linear-gradient(240deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-size[value="12"] ~ .sheet-clock-container .sheet-input-progress[value="12"]:checked ~ .sheet-clock {
  background: red;
}

/* TEXT INPUTS FOR TRAUMA AND CLOCKS */
.sheet-text-button {
  font-weight: bold;
}

.sheet-text-button input:checked + span {
  color: red;
}

.sheet-size-choice > .sheet-text-button {
  height: 17px;
  padding: 3px;
  flex: 0 0 40%;
  margin: auto;
  justify-content: center;
}

/* TEETH */
input.sheet-stresstooth,
input.sheet-xptooth,
input.sheet-holdtooth,
.sheet-stresstooth + span,
.sheet-xptooth + span,
.sheet-holdtooth + span {
  height: 25px;
}

input.sheet-regulartooth,
.sheet-regulartooth + span {
  height: 13px;
}

input.sheet-tooth {
  width: 12px;
  margin-right: -12px;
}

input.sheet-tooth:last-of-type {
  width: 8px;
  margin-right: -8px;
}

.sheet-tooth + span {
  width: 8px;
  background-size: cover;
  background-repeat: no-repeat;
}

.sheet-tooth + span:last-child {
  margin-right: 0 !important;
}

.sheet-tooth:hover + span {
  opacity: 0.7;
}

.sheet-xptooth + span {
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/xptooth-red.png");
  margin-right: 4px;
}

.sheet-tooth:checked ~ .sheet-xptooth + span {
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/xptooth-white.png");
}

.sheet-stresstooth[type=radio] + span,
.sheet-stresstooth[type=checkbox]:checked + span,
.sheet-holdtooth:checked + span {
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/stresstooth-red.png");
}

.sheet-stresstooth[type=checkbox] + span,
.sheet-tooth:checked ~ .sheet-stresstooth[type=radio] + span,
.sheet-holdtooth + span {
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/stresstooth-white.png");
}

.sheet-regulartooth + span {
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/shorttooth-red.png");
}

.sheet-tooth:checked ~ .sheet-regulartooth + span {
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/shorttooth-grey.png");
}

input.sheet-zero {
  width: 13px;
  height: 13px;
  margin-right: -13px;
  vertical-align: top;
}

.sheet-zero + span {
  height: 11px;
  width: 11px;
  margin-top: 1px;
  margin-right: 2px;
  vertical-align: top;
  border: 1px solid black;
  background: white;
  border-radius: 50%;
  position: relative;
}

.sheet-zero + span::before, .sheet-zero + span::after {
  position: absolute;
  width: 1px;
  content: "";
  left: 0;
  background: black;
  height: 11px;
}

.sheet-zero + span::after {
  transform: translate(4px, -1px) rotate(135deg);
}

.sheet-zero + span::before {
  transform: translate(4px, -1px) rotate(45deg);
}

.sheet-zero:checked + span {
  visibility: hidden;
}

.sheet-nuyen .sheet-zero + span {
  position: relative;
  bottom: 1px;
  margin-right: auto;
}

.sheet-stash input.sheet-zero, .sheet-stash .sheet-zero + span {
  position: absolute;
  left: -3px;
  top: 3px;
}

.sheet-crewnuyen input.sheet-zero, .sheet-crewnuyen .sheet-zero + span {
  position: absolute;
  left: -9px;
  top: 3px;
}

.sheet-stress2 input.sheet-zero, .sheet-stress2 .sheet-zero + span, .sheet-rep2 input.sheet-zero, .sheet-rep2 .sheet-zero + span, .sheet-heat2 input.sheet-zero, .sheet-heat2 .sheet-zero + span {
  position: absolute;
  left: -13px;
  top: 13px;
}

/* FIXER RADIOS */
.sheet-fixerbox input[type=radio] {
  height: 12px;
  width: calc(100%/12);
}

.sheet-fixer-input[value="1"] ~ input[type=radio].sheet-fixer1 + span,
.sheet-fixer-input[value="2"] ~ input[type=radio].sheet-fixer2 + span,
.sheet-fixer-input[value="3"] ~ input[type=radio].sheet-fixer3 + span,
.sheet-fixer-input[value="4"] ~ input[type=radio].sheet-fixer4 + span,
.sheet-fixer-input[value="5"] ~ input[type=radio].sheet-fixer5 + span,
.sheet-fixer-input[value="6"] ~ input[type=radio].sheet-fixer6 + span {
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/stresstooth-black.png");
}

.sheet-tooth:checked ~ .sheet-stresstooth.sheet-fixer6 + span {
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/teeth/stresstooth-halfgrey.png");
}

/* SPECIAL ABILITIES*/
.sheet-show-frienddesc[value='0'] ~ .sheet-container .sheet-friends .sheet-expand, .sheet-show-frienddesc[value='0'] ~ .sheet-container .sheet-friends .sheet-expand + span, .sheet-show-frienddesc[value='0'] ~ .sheet-container .sheet-friends .sheet-description, .sheet-show-frienddesc[value='0'] ~ .sheet-container .sheet-contacts .sheet-expand, .sheet-show-frienddesc[value='0'] ~ .sheet-container .sheet-contacts .sheet-expand + span, .sheet-show-frienddesc[value='0'] ~ .sheet-container .sheet-contacts .sheet-description {
  display: none;
}

.sheet-friends input.sheet-expand, .sheet-contacts input.sheet-expand {
  top: 11px;
}

.sheet-friends .sheet-expand + span, .sheet-contacts .sheet-expand + span {
  top: 8px;
}

.sheet-friends input.sheet-expand, .sheet-friends .sheet-expand + span, .sheet-contacts input.sheet-expand, .sheet-contacts .sheet-expand + span {
  right: 3px;
}

.sheet-friends .sheet-expand:not(:checked) + span::before, .sheet-contacts .sheet-expand:not(:checked) + span::before {
  content: "◀";
}

.sheet-friends .sheet-expand:checked + span::before, .sheet-contacts .sheet-expand:checked + span::before {
  content: "▼";
}

.sheet-friends .sheet-expand:not(:checked) ~ .sheet-description, .sheet-contacts .sheet-expand:not(:checked) ~ .sheet-description {
  height: 0px !important;
  border: none;
  min-height: 0;
  padding: 0;
}

.sheet-friends .sheet-description, .sheet-contacts .sheet-description {
  font-size: 11px;
  padding: 2px 3px;
  line-height: 14px;
  height: 46px;
  min-height: 18px;
  border-bottom: 1px solid #b4b4b4;
}

.sheet-specialability,
.sheet-friend-contact {
  border-bottom: 1px solid #b4b4b4;
  width: 100%;
  align-items: start;
}

.sheet-specialability {
  padding: 4px;
}

.sheet-friend-contact {
  padding: 6px 4px;
  align-items: center;
}

.sheet-abilityname {
  width: calc(28% - 22px);
  font-size: 13px;
  min-height: 17px;
  margin: 0 auto;
  line-height: 17px;
  padding: 0 1px;
}

.sheet-abilitydesc {
  width: 72%;
  min-height: 32px;
  font-size: 12px;
  line-height: 14px;
  padding: 2px 1px;
  text-align: justify;
}

/* FRIENDS/CONTACTS */
.sheet-friend-contact .sheet-auto-expand {
  font-size: 12px;
  color: #555;
  min-height: 20px;
  line-height: 16px;
  flex: 1 1 0;
  padding: 2px 0 2px 3px;
}

/* HARM */
.sheet-harm-nuyen {
  grid: auto auto / 63% 16% 21%;
}

.sheet-harm {
  position: relative;
  grid-row: 1 / 3;
}

.sheet-harmbody {
  display: grid;
  grid: 52px / 12px auto auto 59px;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
}

.sheet-harmbody div {
  background: #d6d8d9;
  border-bottom: 1px solid black;
}

.sheet-harmbody .sheet-harmeffect {
  width: 59px;
  color: #555;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 1.4;
}

.sheet-harmbody .sheet-harmnumber {
  line-height: 1;
  font-size: 13px;
}

.sheet-harmbody .sheet-twocols {
  grid-column: span 2;
}

.sheet-harmbody textarea {
  font-size: 12px;
  padding: 10px 4px 3px;
  color: #c43c35;
  overflow: hidden;
  height: 52px;
  resize: none;
  line-height: 16px;
  text-align: center;
  border-bottom: 1px solid black;
}

.sheet-harmbody textarea + textarea {
  border-left: 1px solid #d8d8d8;
}

/* HEALING AND ARMOR */
.sheet-armor .sheet-blackheader, .sheet-healing .sheet-blackheader {
  text-align: center;
  padding: 1px 0 0;
}

.sheet-healing {
  position: relative;
}

.sheet-healing .sheet-healing-progress {
  line-height: 14px;
  text-align: center;
  font-style: italic;
  font-size: 9px;
}

.sheet-healing .sheet-clock-container {
  margin: 0 auto;
}

.sheet-armor label {
  margin: 3px 0 3px 10px;
  height: 18px;
  font-size: 11px;
  text-align: center;
  line-height: 18px;
}

.sheet-armor .sheet-label {
  flex-grow: 1;
  order: 1;
}

.sheet-armor input:checked ~ span {
  color: red;
}

.sheet-armor .sheet-checkbox + span {
  border: 1px solid black;
  margin: 3px;
  order: 2;
}

/* NUYEN */
.sheet-nuyen-and-stash {
  width: 96%;
  margin-left: 4%;
  grid-column: span 2;
}

.sheet-nuyenrow .sheet-label {
  font-size: 11px;
  margin-right: auto;
}

.sheet-nuyen {
  border-bottom: 1px solid #8c8c8c;
  border-right: 1px solid #8c8c8c;
  width: 70%;
  height: 19px;
  padding: 1px 3px 0 0;
  align-items: center;
}

.sheet-stashbutton-holder {
  border-top: 1px solid #8c8c8c;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30%;
  height: 19px;
  padding-bottom: 1px;
}

/* STASH */
.sheet-stash {
  padding: 4px 0 0 10px;
  line-height: 18px;
  margin-bottom: -5px;
  position: relative;
}

/* CREW NUYEN */
.sheet-crewnuyen-nuyen {
  padding: 4px 0 0 3px;
  position: relative;
}

.sheet-crewnuyen-desc {
  font-size: 10px;
  line-height: 14px;
  padding-left: 3px;
  font-style: italic;
}

.sheet-crewnuyenbar {
  border-left: 1px solid #c7c7c7;
  height: 15px;
  width: 3px;
  margin: -1px auto 0;
}

/* LEFT-FILLED RADIO BOXES */
.sheet-crewnuyen input.sheet-radiobox {
  width: 12px;
  height: 12px;
  margin-right: -12px;
}

.sheet-crewnuyen .sheet-radiobox + span {
  width: 11px;
  height: 11px;
  margin-right: auto;
}

.sheet-crewnuyen input:checked ~ .sheet-radiobox.sheet-vaultnuyen + span {
  border-color: #c7c7c7;
}

.sheet-nuyen-and-stash input.sheet-radiobox {
  width: 13px;
  height: 13px;
  vertical-align: top;
  margin-right: -13px;
}

.sheet-nuyen-and-stash .sheet-radiobox + span {
  width: 12px;
  height: 12px;
  vertical-align: top;
}

.sheet-nuyenrow .sheet-radiobox + span {
  margin-right: auto;
}

.sheet-radiobox:hover + span {
  opacity: 0.7;
}

.sheet-radiobox:last-of-type + span {
  margin-right: 0;
}

.sheet-nuyen .sheet-radiobox + span, .sheet-crewnuyen .sheet-radiobox + span {
  background: red;
  border: 1px solid black;
}

.sheet-nuyen input:checked ~ .sheet-radiobox + span, .sheet-crewnuyen input:checked ~ .sheet-radiobox + span {
  background: white;
}

.sheet-stash .sheet-radiobox + span {
  background: black;
  margin-right: calc((100% - 126px)/9);
}

.sheet-stash input:checked ~ .sheet-radiobox + span {
  background: #c7c7c7;
}

.sheet-stash input.sheet-radiobox:nth-of-type(10n+1) {
  margin: -2px -17px 0 3px;
  width: 15px;
  height: 15px;
}

.sheet-stash .sheet-radiobox:nth-of-type(10n+1) + span {
  width: 14px;
  height: 14px;
  border: 1px solid black;
  margin-left: 3px;
  margin-right: 0;
  position: relative;
  top: -2px;
}

/* MEETING GROUNDS */
.sheet-meeting-grounds .sheet-plainheader, .sheet-meeting-grounds .sheet-blankheader {
  min-height: 20px;
  line-height: 18px;
}

.sheet-meeting-grounds .sheet-description {
  font-size: 12px;
  min-height: 32px;
  line-height: 16px;
}

/* BONUS DIE SECTION */
.sheet-bonusdie .sheet-label {
  font-size: 12px;
}

.sheet-bonusdieplus {
  width: 10%;
  background: black;
  color: white;
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
}

.sheet-bonusdietext {
  background: #d8d8d8;
  width: 90%;
  padding: 3px;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
}

/* REPEATING SECTION CONTROLS */
.repcontrol {
  display: flex;
}

.repcontrol .repcontrol_edit {
  margin-left: auto;
  order: 1;
}

.repcontrol button {
  background: transparent;
  color: #777;
  border-radius: 0;
  border-color: #b4b4b4;
  transition: all 0.2s;
  font-family: pictos;
  font-size: 0;
  font-weight: bold;
  padding: 5px 3px 2px;
  line-height: 8px;
}

.repcontrol button:hover {
  color: black;
  border-color: black;
  background: #c7c7c7;
}

.repcontrol button.repcontrol_edit::after {
  content: "(";
}

.repcontrol button.repcontrol_add::after {
  content: "&";
}

.repcontrol button.repcontrol_edit::after, .repcontrol button.repcontrol_add::after {
  font-size: 12px;
}

.repcontainer.editmode + .repcontrol button.repcontrol_edit::after {
  content: ")";
}

.sheet-free-repcontrol .repcontrol {
  margin-top: 3px;
}

.itemcontrol {
  z-index: 20;
}

.sheet-itemholder .itemcontrol .btn {
  padding: 0px 7px;
  line-height: 16px;
}

.sheet-factions .itemcontrol .btn {
  padding: 1px 7px;
}

/* STRESS, REP, et cetera */
.sheet-rep-and-hold, .sheet-heat-and-vault {
  justify-content: space-between;
}

.sheet-hold {
  width: 53%;
}

.sheet-stress, .sheet-rep, .sheet-hold, .sheet-heat {
  height: 25px;
}

.sheet-stress1 {
  flex: 1 0 auto;
}

.sheet-stress2 {
  flex: 2 1 136px;
  position: relative;
}

.sheet-stress3 {
  flex: 1 0 68px;
  text-align: center;
}

.sheet-stress4 {
  flex: 2 0 217px;
  line-height: 13px;
  font-size: 9px;
  padding: 1px 0 0 2px;
  text-transform: uppercase;
}

.sheet-stress4 div {
  justify-content: space-between;
}

.sheet-essence4 {
  flex: 2 0 245px;
  line-height: 13px;
  font-size: 9px;
  padding: 1px 0 0 2px;
  text-transform: uppercase;
}

.sheet-essence4 div {
  justify-content: space-between;
}

/* EDITED FOR RITS PLAYBOOK NAMES*/
.sheet-stress4 .sheet-input:not([value="normal"]) ~ .sheet-normal,
.sheet-stress4 .sheet-input:not([value="free_spirit"]) ~ .sheet-free_spirit,
.sheet-stress4 .sheet-input:not([value="shell"]) ~ .sheet-shell,
.sheet-stress4 .sheet-input:not([value="infected"]) ~ .sheet-infected {
  display: none;
}

.sheet-stress4 .sheet-free_spirit, .sheet-stress4 .sheet-shell {
  letter-spacing: 1px;
}

.sheet-traumaholder, .sheet-wantedholder {
  height: 13px;
  padding-left: 2px;
}

.sheet-rep1 {
  width: 33px;
}

.sheet-rep2 {
  width: 134px;
  position: relative;
}

.sheet-fixerbox {
  display: flex;
  position: absolute;
  flex-flow: row-reverse;
  z-index: 2;
  width: 100%;
}

.sheet-fixerzero-holder {
  margin-left: 2px;
}

.sheet-hold > div,
.sheet-hold > label,
.sheet-heat > div,
.sheet-rep > div,
.sheet-crewnuyen2 {
  flex-grow: 1;
}

.sheet-heat2 {
  width: 107px;
  position: relative;
}

.sheet-crewnuyen1 {
  width: 26%;
}

.sheet-regulartooth + span,
.sheet-rep .sheet-tooth + span,
.sheet-heat2 .sheet-tooth + span,
.sheet-stress2 .sheet-tooth + span {
  margin-right: auto;
}

.sheet-extra-teeth:checked + .sheet-tooth + span {
  margin-right: 0;
}

.sheet-extra-teeth:checked + .sheet-tooth ~ .sheet-tooth, .sheet-extra-teeth:checked + .sheet-tooth + span ~ span {
  display: none;
}
/* VAMPIREXP = EXTRA_XP FOR RITS */
.sheet-extra_xp_boxes[value="1"] ~ .sheet-xptooth + span {
  margin-right: 2px;
}

.sheet-xpholder .sheet-extra_xp_boxes[value="0"] ~ .sheet-tooth[value="10"] + span,
.sheet-attribute-xp-box .sheet-extra_xp_boxes[value="0"] ~ .sheet-tooth[value="6"] + span {
  margin-right: 0;
}

/* small fixes */
.sheet-rep input.sheet-tooth {
  width: 11px;
  margin-right: -11px;
}

/* NOTES */
.sheet-notes {
  margin-left: 1%;
  font-family: "Shadows Into Light", cursive;
  color: #c43c35;
  font-size: 20px;
  width: 98%;
  background: linear-gradient(transparent 26px, #a7a7a7 1px) 0 0/100% 27px;
  line-height: 27px;
  height: 378px;
  min-height: 378px;
}

/* LOAD CHECKBOXES */
.sheet-loadheader .sheet-checkbox + span {
  border: 1px solid black;
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  background: white;
}

/* ROLL BUTTONS */
button[type=roll].sheet-rollbutton {
  display: flex;
  border: none;
  margin: 0;
  padding: 0;
}

.sheet-attribute-title button[type=roll].sheet-rollbutton {
  max-width: calc(100% - 97px);
  line-height: inherit;
  color: inherit;
  font-size: 13px;
}

.sheet-action button[type=roll].sheet-rollbutton {
  letter-spacing: 1px;
  line-height: 13px;
  flex: 0 0 86px;
  font-size: 13px;
}

.sheet-nuyenrow button[type=roll].sheet-rollbutton {
  font-size: 11px;
  color: #777;
}

.sheet-blackheader button[type=roll].sheet-rollbutton {
  margin: auto;
}

button[type=roll].sheet-borderbutton {
  color: #777;
  font-size: 13px;
  border-color: #b4b4b4;
}

button[type=roll].sheet-vicebutton {
  float: right;
  margin: 5px 3px -5px auto;
  line-height: 13px;
  padding: 4px;
}

button[type=roll].sheet-fortunebutton {
  width: 100%;
  height: 30px;
  margin: 0;
}

.sheet-type-faction button[type=roll].sheet-fortunebutton {
  width: 100px;
}
/* changed location and size*/
button[type=roll].sheet-engagementbutton {
  width: 100%;
  padding: 2px 5px;
  height: 30px;
  margin: 5px 0;
}

button[type=roll].sheet-rollbutton:hover {
  color: red;
}

button[type=roll].sheet-borderbutton:hover {
  color: black;
  border-color: black;
}

/* CHECKBOXES */
.sheet-checkbox {
  margin-right: -12px;
}

input.sheet-checkbox, .sheet-checkbox + span {
  height: 12px;
  width: 12px;
  flex: 0 0 auto;
}

.sheet-checkbox + span {
  border: 1px solid #8c8c8c;
}

.sheet-checkbox:checked + span {
  background: red;
}

.sheet-checkbox:hover + span {
  opacity: 0.7;
}

.sheet-squarebox + span {
  background: transparent;
  margin-right: 3px;
}

.sheet-circlebox + span {
  border-radius: 50%;
  background: white;
}

input.sheet-checkbox.sheet-squarebox-small, .sheet-checkbox.sheet-squarebox-small + span {
  height: 9px;
  width: 9px;
}

.sheet-checkbox.sheet-squarebox-small:checked + span {
  background: black;
}

.sheet-claimbridge {
  position: relative;
}

.sheet-claimbridge input, .sheet-claimbridge span {
  width: 100%;
  height: 100%;
}

.sheet-claimbridge input:checked + span {
  background: #d8d8d8;
}

/* Change text colour when boxes are checked*/
.sheet-specialability .sheet-checkbox:checked ~ .sheet-abilityname,
.sheet-item .sheet-checkbox:checked ~ .sheet-itemname,
/* ADDED METHOD FOR RITS */
.sheet-item .sheet-checkbox:checked ~ .sheet-methodname,
.sheet-friend .sheet-friendstate[value="up"] ~ .sheet-auto-expand {
  color: red;
}

.sheet-friend-contact .sheet-friendstate:not([value="0"]) ~ .sheet-auto-expand {
  font-weight: bold;
}

.sheet-friend .sheet-friendstate[value="down"] ~ .sheet-auto-expand,
.sheet-contact .sheet-friendstate[value="1"] ~ .sheet-auto-expand {
  color: #333;
}

/* specific adjustments */
.sheet-specialability .sheet-checkbox,
.sheet-specialability .sheet-checkbox + span {
  margin-top: 3px;
}

.sheet-actions input.sheet-checkbox {
  height: 20px;
  width: 16px;
  margin-right: -14px;
}

.sheet-actions .sheet-checkbox + span {
  height: 11px;
  width: 11px;
  border: none;
  margin-right: calc(7px + (100% - 173px)/8);
}

.sheet-action .sheet-checkbox + span:first-of-type {
  margin-right: 6px;
}
/* DARK TALENT = MAXRATING FOR RITS */
.sheet-action .sheet-maxrating[value="1"] ~ .sheet-checkbox + span:first-of-type {
  margin-right: 4px;
}

.sheet-action .sheet-maxrating[value="1"] ~ .sheet-checkbox + span:not(:first-of-type) {
  margin-right: calc(3px + (100% - 171px)/10);
}

.sheet-action .sheet-maxrating[value="1"] ~ .sheet-checkbox + span:last-of-type {
  margin-right: calc(4px + (100% - 171px)/10);
}

/* Fake radios */
.sheet-checkbox.sheet-fakeradio + span {
  background: red;
}

.sheet-action .sheet-fakeradio:checked ~ .sheet-fakeradio + span {
  background: #c7c7c7;
}
/* ADDEd FOR ATTUNE AND ASSENSE ACTIONS*/
.sheet-spaction .sheet-fakeradio:checked ~ .sheet-fakeradio + span {
  background: white;
}

.sheet-tier .sheet-fakeradio:checked ~ .sheet-fakeradio + span {
  background: white;
}

/* HIDER MAXRATING = DARKTALENT*/
.sheet-maxrating[value="0"] ~ input:last-of-type,
.sheet-maxrating[value="0"] ~ input:last-of-type + span {
  display: none;
}

/* Friend triangles */
.sheet-friend-contact .sheet-checkbox + span {
  width: 0;
  height: 0;
  background: transparent;
  border-color: transparent;
}

.sheet-friend-contact label {
  width: 12px;
  height: 12px;
  position: relative;
}

.sheet-friend label.sheet-up {
  margin-right: 1px;
  top: -1px;
}

.sheet-friend label.sheet-up .sheet-checkbox + span {
  border-width: 0 5px 10px;
  border-bottom-color: white;
}

.sheet-friend label.sheet-up .sheet-checkbox:checked + span {
  border-bottom-color: red;
}

.sheet-friend label.sheet-down {
  top: 5px;
}

.sheet-friend label.sheet-down .sheet-checkbox + span {
  border-width: 10px 5px 0;
  border-top-color: white;
}

.sheet-friend label.sheet-down .sheet-checkbox:checked + span {
  border-top-color: black;
}

.sheet-contact label {
  top: 1px;
}

.sheet-contact label .sheet-checkbox + span {
  border-width: 5px 0 5px 10px;
  border-left-color: white;
}

.sheet-contact label .sheet-checkbox:checked + span {
  border-left-color: black;
}

/* ACTION RATINGS */
.sheet-actioncolumn > div, .sheet-cohortcolumn > div, .sheet-cohorts .repitem:not(:last-child) {
  margin-bottom: 10px;
}

.sheet-attribute-title,
.sheet-cohort-title {
  height: 21px;
  line-height: 21px;
  color: white;
  background: black;
  padding: 0 3px;
  align-items: center;
  justify-content: space-between;
}

.sheet-attribute-xp-box {
  width: 97px;
  justify-content: flex-end;
  height: 100%;
}

.sheet-actions {
  padding-left: 2px;
}

.sheet-action {
  height: 22px;
  align-items: center;
}

.sheet-action:first-child {
  height: 34px;
  padding-top: 12px;
}

.sheet-divider {
  margin-right: calc(5px + (100% - 173px)/12);
  border-right: 1px solid black;
  height: inherit;
}
/* ADDED FOR ASSENSE and ATTUNE */
.sheet-spaction .sheet-divider {
  margin-right: calc(5px + (100% - 173px)/12);
  border-right: 3px #d8d8d8;
  height: inherit;
}
/* MAXRATING FOR DARKTALENT */
.sheet-maxrating[value="1"] ~ .sheet-divider {
  margin-right: calc(3px + (100% - 173px)/15);
}

.sheet-action:first-child .sheet-divider {
  position: relative;
  top: -6px;
}

/* COHORTS */
.sheet-cohort-title {
  font-size: 11px;
}

.sheet-cohort-title input[type=text] {
  width: calc(100% - 40px);
}

.sheet-cohort-info {
  background: black;
  height: 13px;
  font-size: 9px;
  color: white;
  line-height: 13px;
}

.sheet-cohort-info input[type=text] {
  flex: 1 1 0;
  padding: 0 3px;
}

.sheet-cohort-info input[type=number], .sheet-implants input[type=number] {
  flex: 0 0 auto;
  color: inherit;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0 0 0 4px;
  line-height: inherit;
  width: 13px;
  -moz-appearance: textfield;
  font-size: 11px;
  font-family: "Times New Roman", Times, serif;
}

.sheet-cohort-info input[type=number]::-webkit-outer-spin-button, .sheet-cohort-info input[type=number]::-webkit-inner-spin-button,
.sheet-implants input[type=number]::-webkit-outer-spin-button, .sheet-implants input[type=number]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.sheet-cohort-quality-label {
  flex: 0 0 auto;
}

.sheet-cohort-condition {
  justify-content: space-between;
}

.sheet-cohort-condition-name {
  font-size: 7.5px;
  margin-right: 2px;
  --z-index: -1; /* Disabled for dark mode compatibility (text disappears in dark mode if enabled) */
}

.sheet-cohort-dropdown {
  background: black;
  position: relative;
  z-index: 1;
  width: 41px;
  height: 13px;
  padding-left: 3px;
  flex: 0 0 auto;
  overflow: hidden;
  transition: all 0.2s;
}

.sheet-cohort-dropdown:hover {
  height: 39px;
}

.sheet-cohort-dropdown:hover > div:first-child {
  display: none;
}

.sheet-cohort-dropdown input[type=radio] {
  width: 39px;
  margin-right: -39px;
  vertical-align: top;
  height: 13px;
  z-index: 10;
}

.sheet-cohort-dropdown input[type=radio]:checked + span {
  color: red;
}

.sheet-cohort-edgeflaw {
  font-size: 9px;
  line-height: 10px;
  margin: 2px 0;
  align-items: start;
}

.sheet-cohort-edgeflaw .sheet-uppercase {
  width: 34px;
  padding: 2px 0;
}

.sheet-cohort-edgeflaw .sheet-auto-expand {
  width: calc(100% - 34px);
  min-height: 14px;
  padding: 2px 3px;
}

.sheet-cohort-description {
  font-size: 9px;
  padding: 1px 0;
  line-height: 12px;
  height: 50px;
  border-bottom: 1px solid #d8d8d8;
}

/* CLAIMS */
.sheet-claims {
  margin-top: 15px;
}

.sheet-claimsbody, .sheet-claims .repitem {
  display: grid;
  grid-template-columns: repeat(4, 18.4% 2%) 18.4%;
  align-items: center;
  justify-items: center;
}

.sheet-claimbox, .sheet-safehousebox {
  height: 66px;
}

.sheet-safehousebox {
  background: #777;
  font-size: 13px;
  width: 100%;
  color: white;
  letter-spacing: 1px;
}

.sheet-claims-horisep {
  height: 12px;
  width: 100%;
  display: flex;
}

.sheet-claims-vertsep {
  display: flex;
  width: 12px;
  height: 12px;
}

.sheet-claimbox {
  background: #d8d8d8;
  position: relative;
  transition: all 0.2s;
}

.sheet-claimbox .sheet-label {
  height: 30px;
  padding: 4px 0 2px;
  line-height: 12px;
}

.sheet-claimbox textarea {
  text-align: center;
  font-size: 9px;
  resize: none;
}

.sheet-claimbox textarea.sheet-claim-desc {
  height: 36px;
  padding: 2px 2.5% 4px;
  line-height: 10px;
}

.sheet-claimbox label {
  position: absolute;
  bottom: 1px;
  left: 1px;
}

input[value="1"] + .sheet-claimbox {
  background: #c7c7c7;
}

/* STRICTURE REPLACED WITH METHOD & DRAWBACK FOR RITS */
.sheet-itemholder.sheet-items.sheet-supernatural > div {
  padding-bottom: 0px;
}

.sheet-supernatural {
  background-color: #d8d8d8;
}
/*
.sheet-supernatural .repcontrol button {
  display: none;
}*/

.sheet-item .sheet-methodname {
  height: 18px;
  font-size: 12px;
  margin: 0 1px 0 2px;
  padding-left: 2px;
  flex: auto;
  min-width: 0;
}

.sheet-mdheader {
  width: 100%;
  text-align: center;
  font-size: 10px;
  background: #d8d8d8;
  margin: -3px 0 -3px 0;
}

/* ATTUNE AND ASSENSE */
.sheet-spaction {
  background: #d8d8d8;
}

/* ALCHEMICALS MODIFIED and renamed FOR RITS */
.sheet-title-checkbox ~ div {
  height: auto;
  transition: all 0.2s;
  overflow: hidden;
}

.sheet-title-checkbox:not(:checked) ~ div {
  height: 0;
}

input.sheet-title-checkbox {
  width: 100%;
  vertical-align: top;
  margin-right: -100%;
  height: 24px;
}

.sheet-title-checkbox:hover + span {
  color: red;
}

.sheet-bandolier {
  line-height: 10px;
}

.sheet-use-desc {
  line-height: 12px;
  margin-top: 3px;
  margin-left: 0px;
  font-size: 10px;
  font-style: italic;
}

.sheet-uses-name {
  order: 2;
  font-size: 12px;
  margin-top: -2px;
  line-height: 16px;
  font-family: 'Times New Roman', Times, serif;
}

.sheet-use input:nth-of-type(3) + span {
  margin-right: 4px;
}

.sheet-bandolier .repcontainer {
  display: flex;
  flex-flow: row wrap;
}

.sheet-bandolier .repitem {
  font-size: 11px;
  width: 50%;
}

.sheet-bandolier .sheet-auto-expand {
  margin: 0 1px 0 7px;
  padding: 1px;
  min-height: 16px;
  line-height: 14px;
  width: calc(100% - 8px);
}

.sheet-bandolier input.sheet-bandolier-expand {
  width: 10px;
  position: absolute;
  height: 16px;
}

.sheet-bandolier .sheet-bandolier-expand + span {
  transform: rotate(45deg)scale(0.9);
  position: absolute;
  margin-top: 1px;
}

.sheet-bandolier .sheet-bandolier-expand:not(:checked) ~ .sheet-bandolier-info {
  display: none;
}

.sheet-bandolier .sheet-bandolier-info {
  position: relative;
  font-size: 9px;
  z-index: 2;
  background: white;
  line-height: 1.3;
  height: 64px;
  width: 200%;
  padding: 2px;
  border: 1px solid #d8d8d8;
}

.sheet-bandolier .repitem:nth-child(even) .sheet-bandolier-info {
  left: -100%;
}

.sheet-bandolier .sheet-bandolier-expand + span::before {
  content: '■';
  font-family: serif;
}

.sheet-bandolier .sheet-bandolier-expand:checked + span {
  color: red;
}

.sheet-bandolier .itemcontrol .btn {
  padding: 0 4px;
  font-size: 9px;
  line-height: 14px;
}

.sheet-bandolier .repcontrol_del {
  order: 1;
}

.sheet-bandolier .repcontainer.editmode .repitem .itemcontrol {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

/* BANDOLIER extra FORMATTING FOR RITS */
.sheet-greyborder {
  width: 100%;
  border-top: 1px solid #b4b4b4;
}

.sheet-bandholder > div {
  padding: 0 5px 0 5px;
}

.sheet-bandheader {
  width: 100%;
  text-align: center;
  font-size: 10px;
  line-height: 18px;
}

.sheet-bandolier .sheet-item .sheet-checkbox, .sheet-bandolier .sheet-item .sheet-checkbox + span {
  margin-top: 0px;
}

.sheet-bandolier .sheet-item .sheet-floatingbar, .sheet-bandolier .sheet-item .sheet-floatingbar + span {
  margin: 5px 0 0 -3px;
}

.sheet-bandolier input.sheet-title-checkbox[type="checkbox"] {
  height: 18px;
}

/* IMPLANTS LINEAGE and PERMUTATIONS FOR RITS */
.sheet-implants .sheet-zero + span::before, .charsheet .sheet-zero + span::after {
  opacity: 0.5;
  height: 11px;
}

.sheet-implants .sheet-zero + span {
  opacity: 0.3;
  height: 9px;
  width: 9px;
}

.sheet-zero.sheet-implants ~ span {
  margin-top: 4px;
}

.sheet-cybernetic, .sheet-bioengineered {
  display: none;
  color: red;
}

.sheet-implants input[type=radio]:checked ~ span {
  display: inline;
}

.sheet-implants input[type=radio]:not(:checked) ~ span {
  color: #b4b4b4;
}

.sheet-plaingreyheader {
  border-top: 2px solid #b4b4b4;
  font-size: 10px;
  line-height: 18px;
} 

.sheet-implants input[type=checkbox] {
  margin-top: 3px;
  margin-left: 9px;
}

.sheet-implants .sheet-fakeradio ~ .sheet-fakeradio + span {
  margin-top: 3px;
}

.sheet-implants .sheet-fakeradio:checked ~ .sheet-fakeradio + span {
  background: white;
  margin-top: 3px;
}

.sheet-implants .sheet-fakeradio ~ .sheet-conc + span {
  box-shadow: 0 0 0 1px red inset, 0 0 0 2px #8c8c8c inset;
}

.sheet-implants .sheet-fakeradio:checked ~ .sheet-conc + span {
  box-shadow: 0 0 0 1px white inset, 0 0 0 2px #8c8c8c inset;
}

.sheet-header .sheet-text.sheet-implants {
  height: 18px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.sheet-implants {
  font-weight: normal;
  font-size: 10px;
  height: 18px;
  display: flex;
  justify-content: space-between;
}

.sheet-implant-specs {
  justify-content: space-between;
  font-size: 10px;
}

.sheet-permutations .sheet-up .sheet-checkbox + span {
  border-width: 0px 6px 12px 6px;
  border-color: white white #b4b4b4 white;
}

.sheet-permutations .sheet-up .sheet-checkbox:checked + span {
  border-bottom-color: red;
}

.sheet-permutations .sheet-up .sheet-checkbox:checked + span + .sheet-itemname {
  font-weight: bold;
}

.sheet-item .sheet-input-bold[value="0"] + .sheet-owned + span::before {
  transform: rotate(45deg) scale(0.9);
  font-family: Georgia, serif;
  content: '■';
  margin: -1px 0px 0px -10px;
  position: absolute;
  font-size: 11px;
  color: black;
}

.sheet-item .sheet-input-bold[value="1"] + .sheet-owned + span::before {
  transform: rotate(45deg) scale(0.9);
  font-family: Georgia, serif;
  content: '■';
  margin: -1px 0px 0px -10px;
  position: absolute;
  font-size: 11px;
  color: red;
}

.sheet-owned {
  margin: 2px 0px 0px 0px;
  width: 11px;
}

.sheet-permutations .sheet-down .sheet-checkbox + span {
  border-width: 12px 6px 0px 6px;
  border-color: #b4b4b4 white white white;
}

.sheet-permutations .sheet-down .sheet-checkbox:checked + span {
  border-top-color: black;
}

.sheet-permutations .sheet-down .sheet-checkbox:checked + span + .sheet-itemname {
  font-weight: bold;
  color: black;
}

.sheet-lineage .sheet-input:not([value="centaur"]) ~ .sheet-centaur,
.sheet-lineage .sheet-input:not([value="dwarf"]) ~ .sheet-dwarf,
.sheet-lineage .sheet-input:not([value="elf"]) ~ .sheet-elf,
.sheet-lineage .sheet-input:not([value="goblin"]) ~ .sheet-goblin,
.sheet-lineage .sheet-input:not([value="human"]) ~ .sheet-human,
.sheet-lineage .sheet-input:not([value="lizardfolk"]) ~ .sheet-lizardfolk,
.sheet-lineage .sheet-input:not([value="obsidifolk"]) ~ .sheet-obsidifolk,
.sheet-lineage .sheet-input:not([value="ork"]) ~ .sheet-ork,
.sheet-lineage .sheet-input:not([value="pixie"]) ~ .sheet-pixie,
.sheet-lineage .sheet-input:not([value="ratkin"]) ~ .sheet-ratkin,
.sheet-lineage .sheet-input:not([value="shifter"]) ~ .sheet-shifter,
.sheet-lineage .sheet-input:not([value="troll"]) ~ .sheet-troll,
.sheet-lineage .sheet-input:not([value="other"]) ~ .sheet-other {
  display: none;
}

.sheet-setting-lineage {    
  height: 20px;
  padding: 0;
  align-items: center;
}

.sheet-regularitems.sheet-free-repcontrol.sheet-lineage {
  padding-top: 0;
}

.sheet-setting-lineage select {
  width: 100%;
  font-size: 11px;
  letter-spacing: 1px;
  padding: 0 0 0 0;
  font-weight: bold;
  color: black; 
  height: 20px;
  border-color: white;
  text-align:center;
}

.sheet-lineage-desc {
  padding: 0px;
  font-size: 11px;
  height: 110px;
  text-align: justify;
}

.sheet-lineage-desc .sheet-auto-expand {
  min-height: 16px;
  padding: 0 2px;
}

.sheet-lineage .sheet-itemname + span::before {
  transform: rotate(45deg) scale(0.9);
  font-family: Georgia, serif;
  content: '■';
  left: 2px;
  position: absolute;
  font-size: 11px;
}

.sheet-itemholder .sheet-lineage .sheet-itemname {
  padding-left: 8px;
}

/*FRAME */
.sheet-frame textarea {
  font-size: 11px;
  height: 40px;
}
/* ADDED DETAILS FOR RITS */
.sheet-any .sheet-item .sheet-itemname.sheet-auto-expand,
.sheet-heavy .sheet-item .sheet-itemname.sheet-auto-expand,
.sheet-medium .sheet-item .sheet-itemname.sheet-auto-expand,
.sheet-small .sheet-item .sheet-itemname.sheet-auto-expand {
  min-height: 16px;
  height: auto;
  line-height: 16px;
  margin: 1px 0 0 5px;
  padding: 0 0 0 2px;
}

.sheet-frame-description {
  height: 36px;
}

.sheet-whiteborder {
  width: calc(100% + 10px);
  border-top: 1px solid white;
  margin: 0px;
}

.sheet-framesize .sheet-medium > div,
.sheet-framesize .sheet-small > div,
.sheet-framesize .sheet-heavy > div,
.sheet-framesize .sheet-any > div {
  height: auto;
}

.sheet-framesize .sheet-circlebox:not(:checked) + span {
  background: #d8d8d8;
  margin-left: -2px;
}

.sheet-framesize .sheet-circlebox:checked + span {
  margin-left: -2px;
}

.sheet-setting-frame select {
  width: 200px;
  margin: -4px 0 0 -3px;
  padding: 0;
  font-size: 11px;
  font-variant: small-caps;
  font-weight: bold;
  color: black; 
  height: 16px;
  background-color: #d8d8d8;
}

.sheet-framesize {
  flex: 2 0 217px;
  line-height: 13px;
  font-size: 10px;
}

.sheet-framesize div {
  justify-content: space-between;
}

.sheet-framesize .sheet-input:not([value="medium"]) ~ .sheet-medium,
.sheet-framesize .sheet-input:not([value="small"]) ~ .sheet-small,
.sheet-framesize .sheet-input:not([value="heavy"]) ~ .sheet-heavy {
  display: none;
}

/* FACTIONS PAGE */
.sheet-factions {
  grid: auto auto/repeat(4, 1fr);
  grid-gap: 5px 10px;
}

.sheet-factions .sheet-2row {
  grid-row: span 2;
}

.sheet-factiontitle {
  align-items: center;
}

.sheet-factiontitle input[type=text] {
  font-size: 26px;
  margin-right: auto;
  width: 60%;
}

.sheet-factions-header {
  width: 100%;
  height: 24px;
  align-items: center;
  line-height: 14px;
  background: #c7c7c7;
}

.sheet-factions-header input[type=text] {
  padding-left: 3px;
}

.sheet-factions-header span {
  font-size: 7px;
}

input.sheet-expand, .sheet-expand + span {
  position: absolute;
  width: 7px;
  height: 10px;
  font-size: 8px;
}

.sheet-type-faction .sheet-expand {
  left: -7px;
  top: 6px;
}

.sheet-type-faction .sheet-expand + span {
  top: 3px;
  left: -7px;
}

.sheet-type-faction .sheet-expand + span::before {
  content: "▶";
}

.sheet-type-faction .sheet-expand:checked + span::before {
  content: "▼";
}

.sheet-faction {
  border-bottom: 1px solid #d8d8d8;
}

.sheet-faction textarea {
  border-top: 1px solid #d8d8d8;
  font-size: 11px;
  line-height: 1.5;
  height: 51px;
}

.sheet-faction input[type=number] {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 12px;
}

.sheet-faction input[type=text] {
  border-right: 1px solid #d8d8d8;
  font-size: 12px;
  padding: 2px 1px;
}

.sheet-expand:not(:checked) ~ textarea {
  height: 0 !important;
  border-width: 0;
}

/* Column widths */
.sheet-faction-name, input[type=text].sheet-faction-name {
  width: 65%;
}

.sheet-faction-tier, input[type=text].sheet-faction-tier {
  width: 10%;
  text-align: center;
}

.sheet-faction-hold, input[type=text].sheet-faction-hold {
  width: 10%;
  text-align: center;
}

.sheet-faction-status, input[type=number].sheet-faction-status {
  width: 15%;
  text-align: center;
}

/* War blurb */
.sheet-warblurb {
  text-align: justify;
}

.sheet-warblurb .sheet-label {
  font-size: 14px;
}

.sheet-warblurb li {
  margin-bottom: .5em;
  padding-left: 1em;
}

/* Generate button */
label.sheet-generatebutton {
  color: #777;
  border: 1px solid #b4b4b4;
}

label.sheet-generatebutton:hover {
  color: black;
  border-color: black;
}

label.sheet-generatebutton:hover input + span {
  opacity: 1;
}

.sheet-type-faction label.sheet-generatebutton {
  font-size: 13px;
  padding: 0 6px;
  align-items: center;
  margin: 0 6px;
  font-weight: bold;
  height: 30px;
}

.sheet-settings label.sheet-generatebutton {
  padding: 2px;
  line-height: 12px;
  margin: 0 4px;
  font-size: 11px;
}

/* Auto-expand textareas */
.sheet-auto-expand {
  position: relative;
  cursor: text;
  word-wrap: break-word;
}

.sheet-auto-expand span {
  visibility: hidden;
  white-space: pre-wrap;
  display: block;
}

.sheet-auto-expand textarea {
  position: absolute;
  overflow: hidden;
  z-index: 1;
  top: 0;
  left: 0;
  resize: none;
  height: 100%;
  word-wrap: break-word;
  padding: inherit;
  font: inherit;
  color: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  text-align: inherit;
}

/* Broadcast buttons */
.sheet-show-broadcast[value="0"] ~ .sheet-container .sheet-broadcast-button {
  display: none;
}

button[type=roll].sheet-broadcast-button {
  font-family: pictos;
  position: absolute;
  border: none;
  margin: 0;
  padding: 0;
  z-index: 3;
}

.sheet-specialability button[type=roll].sheet-broadcast-button {
  font-size: 12px;
  line-height: 14px;
  height: 14px;
  width: 14px;
  color: #777;
  left: 3px;
  bottom: 7px;
}

.sheet-clocks button[type=roll].sheet-broadcast-button {
  font-size: 11px;
  line-height: 11px;
  height: 12px;
  width: 12px;
  color: #777;
  right: 0;
  bottom: 2px;
}

.sheet-harm button[type=roll].sheet-broadcast-button {
  color: white;
  font-weight: normal;
  font-size: 11px;
  line-height: 11px;
  right: 2px;
  top: 1px;
}

/* Kirsty UNCHANGED FOR RITS ISSUES LIKELY!!! */
.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-specialheader,
.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-blackheader,
.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-greyheader,
.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-black-on-grey,
.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-playbook input[type="text"],
.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-plainheader,
.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-itemheader :first-child,
.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-loadheader :first-child,
.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-attribute-title button[type=roll].sheet-rollbutton,
.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-bonusdie > .sheet-label:first-child,
.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-cohort-title,
.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-claimbox .sheet-label,
.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-safehousebox,
.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-crewheader,
.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-factiontitle input[type="text"],
.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-factions-header input[type="text"] {
  font-family: Kirsty, Georgia, serif;
}

.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-claimbox .sheet-label {
  font-size: 10px;
  font-weight: 400;
}

.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-specialheader, .sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-itemheader :first-child, .sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-loadheader :first-child {
  font-size: 12px;
  font-weight: 400;
}

.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-plainheader, .sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-cohort-title {
  font-size: 13px;
  font-weight: 400;
}

.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-factions-header input[type="text"],
.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-bonusdie > .sheet-label:first-child {
  font-size: 14px;
  font-weight: 400;
}

.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-attribute-title button[type=roll].sheet-rollbutton, .sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-safehousebox {
  font-size: 15px;
  font-weight: 400;
}

.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-crewheader {
  font-size: 29px;
  letter-spacing: 0;
}

.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-factiontitle input[type="text"] {
  font-size: 32px;
}

.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-playbook input[type="text"] {
  font-size: 40px;
  letter-spacing: 0;
}

.sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-blackheader .sheet-label, .sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-blackheader button[type="roll"].sheet-label, .sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-greyheader .sheet-label, .sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-greyheader button[type="roll"].sheet-label, .sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-black-on-grey .sheet-label, .sheet-use-kirsty[value="1"] ~ .sheet-container .sheet-black-on-grey button[type="roll"].sheet-label {
  font-size: 12px;
  font-weight: 400;
}

/* Custom action/attribute labels */
.sheet-settings .sheet-custom-actions {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 5px;
}

.sheet-settings .sheet-custom-actions label {
  grid-column: span 3;
}

.sheet-custom-action-toggle[value="0"] ~ .sheet-container .sheet-settings .sheet-custom-actions .sheet-column {
  cursor: pointer;
  pointer-events: none;
  opacity: 0.6;
}

.sheet-settings .sheet-custom-actions .sheet-column {
  display: grid;
  grid: auto / 1fr 1fr;
  grid-gap: 2px;
}

.sheet-settings .sheet-custom-actions .sheet-column .sheet-attribute-label {
  font-weight: bold;
  grid-column: span 2;
}

.sheet-custom-action-toggle[value="0"] ~ .sheet-container .sheet-custom-label,
.sheet-custom-action-toggle[value="1"] ~ .sheet-container .sheet-default-label {
  display: none;
}

/* Adjustments for non-English languages UNCHANGED FOR RITS ISSUES LIKELY!!! */
.charsheet.lang-ko {
  font-family: "Malgun Gothic", Dotum, Georgia, "Bitstream Charter", "Times New Roman", serif;
}

.charsheet.lang-ko .sheet-kirsty-option {
  display: none;
}

.charsheet.lang-ko .sheet-settings label.sheet-generatebutton {
  font-size: 12px;
}

.charsheet.lang-ko .sheet-settings > div {
  font-size: 11px;
}

.charsheet.lang-ko .sheet-header .sheet-title {
  font-size: 13px;
}

.charsheet.lang-ko .sheet-header .sheet-info {
  font-size: 11px;
}

.charsheet.lang-ko .sheet-header .sheet-smallcaps {
  font-size: 1em;
}

.charsheet.lang-ko .sheet-header .sheet-italic {
  font-style: normal;
}

.charsheet.lang-ko .sheet-stress4 {
  font-size: 12px;
}

.charsheet.lang-ko .sheet-harmrow .sheet-harmeffect {
  font-size: 12px;
}

.charsheet.lang-ko .sheet-healing-progress {
  font-size: 11px;
}

.charsheet.lang-ko .sheet-armor label {
  font-size: 12px;
}

.charsheet.lang-ko .sheet-nuyenrow .sheet-label, .charsheet.lang-ko .sheet-nuyenrow button[type="roll"].sheet-rollbutton {
  font-size: 12px;
}

.charsheet.lang-ko .sheet-specialheader {
  font-size: 13px;
}

.charsheet.lang-ko .sheet-abilityname {
  font-size: 14px;
}

.charsheet.lang-ko .sheet-abilitydesc {
  font-family: 13px;
  line-height: 16px;
  min-height: 36px;
}

.charsheet.lang-ko .sheet-plainheader {
  font-size: 14px;
}

.charsheet.lang-ko .sheet-teamworkbox {
  font-size: 13px;
}

.charsheet.lang-ko .sheet-gatherinfo li {
  font-size: 12px;
}
/* DRAWBACKS = STRICTURES FOR RITS */
.charsheet.lang-ko .sheet-drawbacks {
  font-size: 12px;
}

.charsheet.lang-ko .sheet-playbook textarea {
  font-size: 12px;
}

.charsheet.lang-ko .sheet-loadheader .sheet-loadnumber {
  font-family: inherit;
}

.charsheet.lang-ko .sheet-loadheader label {
  font-style: normal;
}

.charsheet.lang-ko .sheet-itemheader, .charsheet.lang-ko .sheet-loadheader {
  font-size: 12px;
  padding: 1px 2px 0 4px;
  height: auto;
}

.charsheet.lang-ko .sheet-numboxes-chooser {
  font-size: 10px;
}

.charsheet.lang-ko .sheet-item .sheet-itemname, .charsheet.lang-ko .sheet-item .sheet-label {
  font-size: 12px;
}

.charsheet.lang-ko .sheet-item .sheet-label.sheet-upgradecosts {
  font-size: 9px;
}

.charsheet.lang-ko .sheet-itemholder .sheet-expand ~ textarea {
  font-size: 11px;
}
/* MODIFED NAMES FOR RITS */
.charsheet.lang-ko .sheet-uses-name {
  font-size: 13px;
}

.charsheet.lang-ko .sheet-use-desc {
  font-size: 11px;
  font-style: normal;
}

.charsheet.lang-ko .sheet-attribute-title button[type="roll"].sheet-rollbutton {
  font-size: 15px;
}

.charsheet.lang-ko .sheet-action button[type="roll"].sheet-rollbutton {
  font-size: 15px;
}

.charsheet.lang-ko button[type="roll"].sheet-borderbutton {
  font-size: 15px;
}

.charsheet.lang-ko .sheet-bonusdietext, .charsheet.lang-ko .sheet-bonusdie .sheet-label {
  font-size: 13px;
}

.charsheet.lang-ko .sheet-friend-contact .sheet-auto-expand {
  font-size: 13px;
}

.charsheet.lang-ko .sheet-clocks .sheet-auto-expand {
  font-size: 12px;
}

.charsheet.lang-ko .sheet-crewnuyen-desc {
  font-style: normal;
}

.charsheet.lang-ko .sheet-claimbox textarea.sheet-label {
  font-size: 12px;
}

.charsheet.lang-ko .sheet-claimbox textarea.sheet-claim-desc {
  overflow: hidden;
  height: 54px;
  line-height: 12px;
  font-size: 11px;
}

.charsheet.lang-ko .sheet-claimbox, .charsheet.lang-ko .sheet-safehousebox {
  height: 84px;
}

.charsheet.lang-ko .sheet-cohort-title {
  font-size: 12px;
}

.charsheet.lang-ko .sheet-cohort-info {
  height: 15px;
  font-size: 11px;
}

.charsheet.lang-ko .sheet-cohort-condition-name {
  font-size: 12px;
}

.charsheet.lang-ko .sheet-cohort-edgeflaw {
  font-size: 11px;
}

.charsheet.lang-ko .sheet-cohort-description {
  font-size: 11px;
}

.charsheet.lang-ko .sheet-factions-header span {
  font-size: 9px;
}

.charsheet.lang-ko .sheet-faction-name, .charsheet.lang-ko input[type=text].sheet-faction-name {
  width: 60%;
}

.charsheet.lang-ko .sheet-faction-tier, .charsheet.lang-ko input[type=text].sheet-faction-tier {
  width: 12%;
}

.charsheet.lang-ko .sheet-faction-hold, .charsheet.lang-ko input[type=text].sheet-faction-hold {
  width: 13%;
}

.charsheet.lang-fr .sheet-abilityname {
  min-height: 34px;
}

.charsheet.lang-fr .sheet-heat {
  width: 48%;
}

.charsheet.lang-fr .sheet-heat .sheet-blackheader {
  letter-spacing: 0;
}

.charsheet.lang-fr .sheet-crewnuyen {
  width: 51%;
}

.charsheet.lang-es .sheet-crewheader {
  font-size: 24px;
}

.charsheet.lang-es .sheet-playbook input[type=text] {
  font-size: 32px;
}

.charsheet.lang-es .sheet-itemheader .sheet-italic {
  line-height: 10px;
}

.charsheet.lang-es .sheet-nuyenrow button[type=roll].sheet-rollbutton {
  padding: 2px 0 0 6px;
}

.charsheet.lang-es .sheet-harmbody .sheet-harmeffect {
  font-size: 9px;
  letter-spacing: 0;
}

.charsheet.lang-es .sheet-armor .sheet-label {
  font-size: 10px;
}

.charsheet.lang-es .sheet-nuyenrow .sheet-label,
.charsheet.lang-es .sheet-nuyenrow button[type=roll].sheet-rollbutton {
  font-size: 10px;
}

.charsheet.lang-pt .sheet-crewheader {
  font-size: 24px;
}

.charsheet.lang-pt .sheet-heat3 button[type=roll].sheet-rollbutton {
  max-width: 56px;
}

.charsheet.lang-pt .sheet-healing .sheet-healing-progress {
  line-height: 10px;
}

.charsheet.lang-pt .sheet-playbook input[type=text] {
  font-size: 32px;
}

.charsheet.lang-pt .sheet-nuyenrow button[type=roll].sheet-rollbutton {
  padding: 2px 0 0 6px;
}

.charsheet.lang-pt .sheet-advancement-header {
  font-size: 10px;
}

.charsheet.lang-pt .sheet-itemheader .sheet-italic {
  line-height: 10px;
}

.charsheet.lang-pt .sheet-harmbody .sheet-harmeffect {
  font-size: 9px;
  letter-spacing: 0;
}

.charsheet.lang-pt .sheet-armor .sheet-label {
  font-size: 10px;
}

.charsheet.lang-pt .sheet-nuyenrow .sheet-label,
.charsheet.lang-pt .sheet-nuyenrow button[type=roll].sheet-rollbutton {
  font-size: 10px;
}

/* Colors */
/* Standard template */
.sheet-rolltemplate-blades {
  /* Header */
  /* Image */
  /* Title */
  /* Position and Effect */
  /* Dice */
  /* Zerodice dice holder */
  /* Zerodice text */
  /* Inlinerolls */
  /* Instructions and Notes */
}

.sheet-rolltemplate-blades .sheet-holder {
  display: grid;
  align-content: start;
  align-items: end;
  margin: 0 -5px -4px -45px;
  padding: 16px 20px 0 30px;
  max-width: 299px;
  box-sizing: border-box;
  font-family: Georgia, "Bitstream Charter", "Times New Roman", serif;
  user-select: none;
  cursor: default;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  font-variant-numeric: lining-nums;
}

.withoutavatars .sheet-rolltemplate-blades .sheet-holder {
  margin-left: -15px;
}

.sheet-rolltemplate-blades .sheet-action {
  height: 258px;
  grid: 35px 53px 74px 54px / 133px 1fr;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-action.gif");
}

.sheet-rolltemplate-blades .sheet-action.sheet-short {
  height: 195px;
}

.sheet-rolltemplate-blades .sheet-fortune {
  min-height: 250px;
  grid: 35px 53px 42px auto / 56% 44%;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-fortune.jpg");
  background-position: bottom right;
  background-color: white;
  height: auto;
}

.sheet-rolltemplate-blades .sheet-fortune.sheet-short {
  min-height: 199px;
  grid: 0 31px 42px auto/ 56% 44%;
}

.sheet-rolltemplate-blades .sheet-resist,
.sheet-rolltemplate-blades .sheet-vice {
  height: 258px;
  grid: 35px 35px 62px auto/ auto;
}

.sheet-rolltemplate-blades .sheet-resist.sheet-short,
.sheet-rolltemplate-blades .sheet-vice.sheet-short {
  height: 171px;
}

.sheet-rolltemplate-blades .sheet-resist {
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-resist.jpg");
}

.sheet-rolltemplate-blades .sheet-vice {
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Blades%20in%20the%20Dark/Assets/rolltemplate/rolltemplate-vice.jpg");
}

.sheet-rolltemplate-blades .sheet-header {
  grid-column: span 2;
  display: -webkit-box;
  font-size: 15px;
  height: 35px;
  line-height: 17.5px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-variant: small-caps;
  text-overflow: ellipsis;
}

.sheet-rolltemplate-blades .sheet-header.sheet-narrow {
  width: calc(100% - 52px);
}

.sheet-rolltemplate-blades .sheet-resist .sheet-header {
  color: #8da8bb;
}

.sheet-rolltemplate-blades .sheet-vice .sheet-header {
  color: white;
}

.sheet-rolltemplate-blades .sheet-fortune .sheet-header {
  color: #303032;
  letter-spacing: 1px;
  font-weight: 800;
}

.sheet-rolltemplate-blades .sheet-action .sheet-header {
  color: #e74a10;
  letter-spacing: 1px;
  font-weight: 800;
}

.sheet-rolltemplate-blades .sheet-char-image {
  position: absolute;
  right: 10px;
  top: 10px;
  line-height: 0;
}

.sheet-rolltemplate-blades .sheet-char-image a {
  cursor: default;
  pointer-events: none;
}

.sheet-rolltemplate-blades .sheet-char-image img {
  max-width: 60px;
  max-height: 80px;
}

.sheet-rolltemplate-blades .sheet-title {
  grid-column: span 2;
  color: white;
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
}

.sheet-rolltemplate-blades .sheet-title img {
  display: block;
  height: 100%;
}

.sheet-rolltemplate-blades .sheet-action .sheet-title,
.sheet-rolltemplate-blades .sheet-fortune .sheet-title {
  font-size: 36px;
  line-height: 31px;
  height: 31px;
}

.sheet-rolltemplate-blades .sheet-vice .sheet-title,
.sheet-rolltemplate-blades .sheet-resist .sheet-title {
  font-size: 24px;
  line-height: 24px;
  height: 24px;
}

.sheet-rolltemplate-blades .sheet-fortune .sheet-title {
  color: black;
}

.sheet-rolltemplate-blades .sheet-small-title {
  font-size: 28px;
}

.sheet-rolltemplate-blades .sheet-position,
.sheet-rolltemplate-blades .sheet-effect {
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}

.sheet-rolltemplate-blades .sheet-dice {
  grid-column: span 2;
  height: 27px;
  font-size: 19px;
  line-height: 20px;
  color: white;
}

.sheet-rolltemplate-blades .sheet-fortune .sheet-dice {
  color: #303032;
}

.sheet-rolltemplate-blades .sheet-action .sheet-zerodice1 {
  text-shadow: 0 0 6px #ff9e00;
  color: white;
}

.sheet-rolltemplate-blades .sheet-fortune .sheet-zerodice1 {
  text-shadow: 0 0 6px #88dbd7;
  color: #1e1e1e;
}

.sheet-rolltemplate-blades .sheet-vice .sheet-zerodice1,
.sheet-rolltemplate-blades .sheet-resist .sheet-zerodice1 {
  text-shadow: 0 0 6px #09c7d0;
  color: white;
}

.sheet-rolltemplate-blades .sheet-zerodice2 {
  line-height: 1;
  font-size: 12.5px;
  margin-top: 7px;
  font-style: italic;
}

.sheet-rolltemplate-blades .sheet-vice .sheet-zerodice2,
.sheet-rolltemplate-blades .sheet-resist .sheet-zerodice2 {
  text-shadow: 0 0 6px #09c7d0;
  color: #d8e4ef;
}

.sheet-rolltemplate-blades .sheet-action .sheet-zerodice2 {
  text-shadow: 0 0 6px #ff9e00;
  color: #ffd8ca;
}

.sheet-rolltemplate-blades .sheet-fortune .sheet-zerodice2 {
  width: 60%;
  text-shadow: 0 0 6px #88dbd7;
  color: #1e1e1e;
}

.sheet-rolltemplate-blades .inlinerollresult,
.sheet-rolltemplate-blades .sheet-action .inlinerollresult,
.sheet-rolltemplate-blades .sheet-fortune .inlinerollresult,
.sheet-rolltemplate-blades .sheet-vice .inlinerollresult,
.sheet-rolltemplate-blades .sheet-resist .inlinerollresult {
  border: none !important;
  background-color: transparent;
  font-weight: normal;
  padding: 0 3px 0 0;
}

.sheet-rolltemplate-blades .sheet-comma:last-child {
  display: none;
}

.sheet-rolltemplate-blades .sheet-instructions {
  grid-column: span 2;
  margin-top: 30px;
  line-height: 1.3;
}

.sheet-rolltemplate-blades .sheet-resist .sheet-instructions {
  color: #d3dde4;
  font-size: 13px;
}

.sheet-rolltemplate-blades .sheet-vice .sheet-instructions {
  color: #c9c9c9;
  font-size: 11px;
}

.sheet-rolltemplate-blades .sheet-notes {
  line-height: 1.2;
  font-size: 13px;
  margin: 30px 0 20px;
  color: #303032;
}

.sheet-rolltemplate-blades .sheet-holder.sheet-i18n-ko {
  font-family: "Malgun Gothic", Dotum, Georgia, "Bitstream Charter", "Times New Roman", serif;
}

.sheet-rolltemplate-blades .sheet-i18n-fr.sheet-action .sheet-title, .sheet-rolltemplate-blades .sheet-i18n-fr.sheet-action .sheet-small-title, .sheet-rolltemplate-blades .sheet-i18n-fr.sheet-fortune .sheet-title, .sheet-rolltemplate-blades .sheet-i18n-fr.sheet-fortune .sheet-small-title {
  font-size: 28px;
}

.sheet-rolltemplate-blades .sheet-i18n-es.sheet-action .sheet-title, .sheet-rolltemplate-blades .sheet-i18n-es.sheet-action .sheet-small-title, .sheet-rolltemplate-blades .sheet-i18n-es.sheet-fortune .sheet-title, .sheet-rolltemplate-blades .sheet-i18n-es.sheet-fortune .sheet-small-title, .sheet-rolltemplate-blades .sheet-i18n-pt.sheet-action .sheet-title, .sheet-rolltemplate-blades .sheet-i18n-pt.sheet-action .sheet-small-title, .sheet-rolltemplate-blades .sheet-i18n-pt.sheet-fortune .sheet-title, .sheet-rolltemplate-blades .sheet-i18n-pt.sheet-fortune .sheet-small-title {
  font-size: 30px;
}

.sheet-rolltemplate-blades .sheet-i18n-es.sheet-resist.sheet-short, .sheet-rolltemplate-blades .sheet-i18n-pt.sheet-resist.sheet-short {
  grid: 35px 30px 67px auto/ auto;
}

.sheet-rolltemplate-blades .sheet-i18n-es.sheet-resist.sheet-short .sheet-title, .sheet-rolltemplate-blades .sheet-i18n-pt.sheet-resist.sheet-short .sheet-title {
  line-height: 20px;
}

/* BROADCAST TEMPLATE */
.sheet-rolltemplate-bitd-broadcast {
  margin: 0 -5px -4px -45px;
  max-width: 299px;
  padding: 16px 10px 15px 20px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  font-family: Georgia, "Bitstream Charter", "Times New Roman", serif;
  background-color: #180d06;
  /* Image */
}

.withoutavatars .sheet-rolltemplate-bitd-broadcast {
  margin-left: -15px;
}

.sheet-rolltemplate-bitd-broadcast .sheet-i18n-ko {
  font-family: "Malgun Gothic", Dotum, Georgia, "Bitstream Charter", "Times New Roman", serif;
}

.sheet-rolltemplate-bitd-broadcast .sheet-header {
  color: #e74a10;
  font-size: 15px;
  line-height: 19px;
  font-variant: small-caps;
  letter-spacing: 1px;
  font-weight: 800;
}

.sheet-rolltemplate-bitd-broadcast .sheet-header.sheet-narrow {
  width: calc(100% - 62px);
}

.sheet-rolltemplate-bitd-broadcast .sheet-char-image {
  position: absolute;
  right: 10px;
  top: 10px;
  line-height: 0;
}

.sheet-rolltemplate-bitd-broadcast .sheet-char-image a {
  cursor: default;
  pointer-events: none;
}

.sheet-rolltemplate-bitd-broadcast .sheet-char-image img {
  max-width: 60px;
  max-height: 80px;
}

.sheet-rolltemplate-bitd-broadcast .sheet-flex {
  display: flex;
  align-items: center;
  clear: both;
  margin: 5px 0 0;
}

.sheet-rolltemplate-bitd-broadcast .sheet-title {
  margin: 9px 0 0;
  color: white;
  text-transform: uppercase;
  position: relative;
  font-weight: bold;
  word-wrap: normal;
  font-size: 23px;
  line-height: 29px;
}

.sheet-rolltemplate-bitd-broadcast .sheet-title img {
  margin: 9px 0 0;
  display: block;
  height: 31px;
}

.sheet-flex .sheet-rolltemplate-bitd-broadcast .sheet-title {
  margin: 0;
  font-size: 20px;
  line-height: 1.2;
}

.sheet-rolltemplate-bitd-broadcast .sheet-content {
  padding: 15px 0 5px;
  line-height: 1.3;
  font-size: 13px;
  color: #ccc;
}

.sheet-rolltemplate-bitd-broadcast .sheet-harm {
  color: white;
  width: 100%;
  margin: 18px 0 0;
  border: 1px solid white;
}

.sheet-rolltemplate-bitd-broadcast .sheet-harm td {
  text-align: center;
  padding: 5px;
  border: 1px solid white;
}

.sheet-rolltemplate-bitd-broadcast .sheet-harm td:first-child {
  width: 10px;
}

.sheet-rolltemplate-bitd-broadcast .sheet-harm td:nth-child(2n+1) {
  font-weight: bold;
}

.sheet-rolltemplate-bitd-broadcast .sheet-harm td:nth-child(2) {
  padding: 5px 0;
}

.sheet-rolltemplate-bitd-broadcast .sheet-harm td:last-child {
  width: 60px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.sheet-rolltemplate-bitd-broadcast .sheet-harm-inner {
  color: #e74a10;
  padding: 0 5px;
}

.sheet-rolltemplate-bitd-broadcast .sheet-harm-inner:first-child:not(:last-child) {
  padding-bottom: 2.5px;
  border-bottom: 1px solid white;
}

.sheet-rolltemplate-bitd-broadcast .sheet-harm-inner:last-child:not(:first-child) {
  padding-top: 2.5px;
}

.sheet-rolltemplate-bitd-broadcast .sheet-clock {
  width: 88px;
  flex: 0 0 auto;
  box-sizing: border-box;
  position: relative;
  background: white;
  height: 88px;
  border: 4px solid black;
  border-radius: 50%;
  margin-right: 4px;
}

.sheet-rolltemplate-bitd-broadcast [class^='sheet-spoke'] {
  height: 88px;
  width: 4px;
  position: absolute;
  background: black;
}

.sheet-rolltemplate-bitd-broadcast [class^='sheet-spoke']:not(.sheet-spoke-0) {
  display: none;
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-4 .sheet-spoke-90,
.sheet-rolltemplate-bitd-broadcast .sheet-size-6 .sheet-spoke-60,
.sheet-rolltemplate-bitd-broadcast .sheet-size-6 .sheet-spoke-120,
.sheet-rolltemplate-bitd-broadcast .sheet-size-8 .sheet-spoke-45,
.sheet-rolltemplate-bitd-broadcast .sheet-size-8 .sheet-spoke-90,
.sheet-rolltemplate-bitd-broadcast .sheet-size-8 .sheet-spoke-135,
.sheet-rolltemplate-bitd-broadcast .sheet-size-10 .sheet-spoke-36,
.sheet-rolltemplate-bitd-broadcast .sheet-size-10 .sheet-spoke-72,
.sheet-rolltemplate-bitd-broadcast .sheet-size-10 .sheet-spoke-108,
.sheet-rolltemplate-bitd-broadcast .sheet-size-10 .sheet-spoke-144,
.sheet-rolltemplate-bitd-broadcast .sheet-size-12 .sheet-spoke-30,
.sheet-rolltemplate-bitd-broadcast .sheet-size-12 .sheet-spoke-60,
.sheet-rolltemplate-bitd-broadcast .sheet-size-12 .sheet-spoke-90,
.sheet-rolltemplate-bitd-broadcast .sheet-size-12 .sheet-spoke-120,
.sheet-rolltemplate-bitd-broadcast .sheet-size-12 .sheet-spoke-150 {
  display: block;
}

.sheet-rolltemplate-bitd-broadcast .sheet-spoke-0 {
  transform: translate(39px, -4px);
}

.sheet-rolltemplate-bitd-broadcast .sheet-spoke-30 {
  transform: translate(39px, -4px) rotate(30deg);
}

.sheet-rolltemplate-bitd-broadcast .sheet-spoke-36 {
  transform: translate(39px, -4px) rotate(36deg);
}

.sheet-rolltemplate-bitd-broadcast .sheet-spoke-45 {
  transform: translate(39px, -4px) rotate(45deg);
}

.sheet-rolltemplate-bitd-broadcast .sheet-spoke-60 {
  transform: translate(39px, -4px) rotate(60deg);
}

.sheet-rolltemplate-bitd-broadcast .sheet-spoke-72 {
  transform: translate(39px, -4px) rotate(72deg);
}

.sheet-rolltemplate-bitd-broadcast .sheet-spoke-90 {
  transform: translate(39px, -4px) rotate(90deg);
}

.sheet-rolltemplate-bitd-broadcast .sheet-spoke-108 {
  transform: translate(39px, -4px) rotate(108deg);
}

.sheet-rolltemplate-bitd-broadcast .sheet-spoke-120 {
  transform: translate(39px, -4px) rotate(120deg);
}

.sheet-rolltemplate-bitd-broadcast .sheet-spoke-135 {
  transform: translate(39px, -4px) rotate(135deg);
}

.sheet-rolltemplate-bitd-broadcast .sheet-spoke-144 {
  transform: translate(39px, -4px) rotate(144deg);
}

.sheet-rolltemplate-bitd-broadcast .sheet-spoke-150 {
  transform: translate(39px, -4px) rotate(150deg);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-4.sheet-progress-1 {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-4.sheet-progress-2 {
  background-image: linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-4.sheet-progress-3 {
  background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-4.sheet-progress-4 {
  background: red;
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-6.sheet-progress-1 {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(150deg, red 50%, white 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-6.sheet-progress-2 {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(210deg, red 50%, white 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-6.sheet-progress-3 {
  background-image: linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-6.sheet-progress-4 {
  background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-6.sheet-progress-5 {
  background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-6.sheet-progress-6 {
  background: red;
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-1 {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(135deg, red 50%, white 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-2 {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-3 {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(225deg, red 50%, white 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-4 {
  background-image: linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-5 {
  background-image: linear-gradient(135deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-6 {
  background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-7 {
  background-image: linear-gradient(225deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-8.sheet-progress-8 {
  background: red;
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-1 {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(126deg, red 50%, white 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-2 {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(162deg, red 50%, white 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-3 {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(198deg, red 50%, white 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-4 {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(234deg, red 50%, white 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-5 {
  background-image: linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-6 {
  background-image: linear-gradient(126deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-7 {
  background-image: linear-gradient(162deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-8 {
  background-image: linear-gradient(198deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-9 {
  background-image: linear-gradient(234deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-10.sheet-progress-10 {
  background: red;
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-1 {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(120deg, red 50%, white 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-2 {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(150deg, red 50%, white 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-3 {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-4 {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(210deg, red 50%, white 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-5 {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(240deg, red 50%, white 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-6 {
  background-image: linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-7 {
  background-image: linear-gradient(120deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-8 {
  background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-9 {
  background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-10 {
  background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-11 {
  background-image: linear-gradient(240deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}

.sheet-rolltemplate-bitd-broadcast .sheet-size-12.sheet-progress-12 {
  background: red;
}