@import url('https://fonts.googleapis.com/css?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900|Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700|Roboto&display=swap');
.charsheet {
  width: 842px !important;
  margin: 0 auto !important;
  padding: 15px;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: normal;
/* Fake radio/checkbox */
/* Remove dot from all radios _after_ selected one */
}
.charsheet input[type=text] {
  font-weight: 600;
}
.charsheet input[type=text]:focus {
  outline: 3px solid #fd0;
  outline-offset: 0;
  box-shadow: inset 0 0 0 3px;
}
.charsheet select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
.charsheet select::-ms-expand {
  display: none;
}
.charsheet li {
  font-weight: normal;
  font-size: 14.3px;
}
.charsheet p {
  font-family: 'Crimson Text', Arial, sans-serif;
  font-size: 14.3px;
  line-height: 1.25;
  font-weight: normal;
  margin: 0;
}
.charsheet h1 {
  font-weight: bold;
  width: 100%;
  font-size: 28px;
  text-align: center;
  margin: 0 0 0px;
  padding: 10;
  text-transform: uppercase;
}
.charsheet h2 {
  font-weight: bold;
  width: 100%;
  font-size: 18px;
  text-align: left;
  margin: 0 0 0px;
  padding: 0;
  text-transform: uppercase;
}
.charsheet h3 {
  font-weight: bold;
  width: 100%;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  margin: 0 0 0px;
  padding: 0;
  text-transform: uppercase;
}
.charsheet h3.divide::after,
.charsheet h3.divide::before {
  display: inline-block;
  content: "";
  height: 5px;
  border-top: 2px solid #4c4d4f;
  top: 0;
  width: 220px;
}
.charsheet h3.site-divide::after,
.charsheet h3.site-divide::before {
  display: inline-block;
  content: "";
  height: 5px;
  border-top: 2px solid #4c4d4f;
  top: 0;
  width: 331px;
}
.charsheet h3.site-denizens-divide::after,
.charsheet h3.site-denizens-divide::before {
  display: inline-block;
  content: "";
  height: 5px;
  border-top: 2px solid #4c4d4f;
  top: 0;
  width: 336px;
}
.charsheet h3.site-divide-notes::after,
.charsheet h3.site-divide-notes::before {
  display: inline-block;
  content: "";
  height: 5px;
  border-top: 2px solid #4c4d4f;
  top: 0;
  width: 352px;
}
.charsheet .divide {
  margin-top: 1em;
}
.charsheet h4 {
  font-weight: bold;
  width: 100%;
  font-size: 16px;
  text-align: center;
  margin: 0 0 0px;
  padding: 0;
  text-transform: uppercase;
}
.charsheet h4.tab-title {
  display: inline-block;
}
.charsheet h5 {
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  margin: 0 0 0px;
  padding: 0;
  text-transform: uppercase;
}
.charsheet h6 {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  margin-top: 2px;
}
.charsheet button[type="roll"] {
  align-items: left;
  color: #4c4d4f !important;
  font-weight: normal;
  font-size: 20px;
  text-decoration: none;
  background: none;
  background-image: none;
  border: none;
  box-shadow: none;
  text-shadow: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: center;
}
.charsheet button[type="roll"]:hover {
  transition: 0.5s ease;
}
.charsheet .heading-left {
  text-align: left;
}
.charsheet hr {
  border: 0;
  height: 1px;
  background: #ccc;
  background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
.charsheet textarea {
  font-family: 'Crimson Text', Arial, sans-serif;
  max-width: 828px;
  border: 2px solid #4c4d4f;
  font-weight: normal;
}
.charsheet .btn {
  display: inline;
  font-weight: bold;
  font-size: 14px;
  padding: 0;
  margin: 0.5em;
  height: 40px;
  padding: 0.2em 0.2em 0.2em 0.2em;
  border: 2px solid #494a4c;
  border-radius: 0;
  cursor: pointer;
}
.charsheet .common-btn {
  display: flex;
  width: fit-content;
  font-size: 14px;
  padding: 0;
  border: 2px solid #494a4c;
  cursor: pointer;
  width: -moz-fit-content;
  color: #4c4d4f !important;
}
.charsheet .common-btn:hover {
  background: #ccc;
  transition: 0.5s ease;
}
.charsheet .btn-content {
  padding: 0.2em 0.2em 0.2em 0.2em;
  width: 100%;
  text-align: center;
}
.charsheet .btn-input:checked ~ .btn-content {
  background: #4c4d4f;
  color: #fff;
}
.charsheet button.btn.repcontrol_edit,
.charsheet button.btn.repcontrol_add {
  width: auto;
  height: auto;
  border: 2px solid #4c4d4f;
  border-radius: 0;
  font-weight: bold;
  font-size: 12px;
  text-shadow: none;
  text-transform: uppercase;
  padding: 0.2em;
  margin: 0.3em;
  color: #4c4d4f !important;
  font-family: 'Montserrat', Arial, sans-serif;
  background: #dfe0e2;
}
.charsheet button.btn.repcontrol_edit:hover,
.charsheet button.btn.repcontrol_add:hover {
  background: #bcbec2;
}
.charsheet button.btn.repcontrol_edit:focus,
.charsheet button.btn.repcontrol_add:focus {
  outline: 3px solid #fd0;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px;
}
.charsheet button.btn.repcontrol_edit {
  margin-right: 3px;
}
.charsheet button.btn.repcontrol_add {
  margin-left: 3px;
}
.charsheet .debilities {
  margin-bottom: 0px;
}
.charsheet .debility {
  display: flex;
  flex-flow: row wrap;
}
.charsheet .flex-container {
  display: flex;
  align-items: flex-start;
}
.charsheet .flex-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  font-weight: normal;
  padding: 0.5em;
}
.charsheet .track-box-input {
  width: 80px;
  height: 45px !important;
  opacity: 0;
  vertical-align: top;
}
.charsheet .track-box-back {
  width: 80px;
  height: 45px;
  margin-top: -45px;
}
.charsheet .resources-box-input {
  width: 80px;
  height: 40px !important;
  opacity: 0;
  vertical-align: top;
}
.charsheet .resources-box-back {
  width: 80px;
  height: 40px;
  margin-top: -40px;
}
.charsheet .track-box-input:hover ~ .track-box-back,
.charsheet .resources-box-input:hover ~ .resources-box-back {
  background: #ccc;
  transition: 0.5s ease;
}
.charsheet .track-box-input:checked ~ .track-box-back,
.charsheet .resources-box-input:checked ~ .resources-box-back {
  background: #4c4d4f;
  color: #fff;
  transition: 0.5s ease;
}
.charsheet .track-box-value {
  padding: 0px;
  font-weight: bold;
  height: 35px;
  padding-top: 10px;
  font-size: 18px;
  color: inherit;
}
.charsheet .resources-box-value {
  padding: 0px;
  font-weight: bold;
  height: 35px;
  padding-top: 10px;
  font-size: 18px;
  color: inherit;
}
.charsheet .resources-title-box {
  width: 80px;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0%;
  background: transparent;
  border: 2px solid #4c4d4f;
  margin-top: 20px;
  margin-bottom: 2px;
}
.charsheet .resources-box {
  width: 80px;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0%;
  background: transparent;
  border: 2px solid #4c4d4f;
  margin-bottom: 2px;
}
.charsheet .pc-name {
  width: 100%;
  font-weight: bold;
  font-size: 14px;
  border: 2px solid #4c4d4f;
  background: #e6e7e8;
  color: #4c4d4f !important;
  border-radius: 0;
}
.charsheet .debil-desc {
  width: 100%;
  font-weight: bold;
  font-size: 14px;
}
.charsheet .border {
  border: 1px solid #ccc;
  border-radius: 4px;
}
.charsheet textarea.full-width {
  width: 95%;
  resize: vertical;
}
.charsheet input.filler[type="radio"],
.charsheet input[type="checkbox"].checkbox {
  opacity: 0;
  width: 16px;
  height: 16px;
  position: relative;
  top: 5px;
  left: 6px;
  margin: -10px;
  cursor: pointer;
  z-index: 1;
}
.charsheet input[type="radio"] + span::before,
.charsheet input[type="checkbox"].checkbox + span::before {
  margin-right: 4px;
  border: solid 1px #a8a8a8;
  line-height: 14px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  -moz-box-shadow: 0 0 2px #ccc;
  -webkit-box-shadow: 0 0 2px #ccc;
  box-shadow: 0 0 2px #ccc;
  background: #f6f6f6;
  background: -moz-radial-gradient(#f6f6f6, #dfdfdf);
  background: -webkit-radial-gradient(#f6f6f6, #dfdfdf);
  background: -ms-radial-gradient(#f6f6f6, #dfdfdf);
  background: -o-radial-gradient(#f6f6f6, #dfdfdf);
  background: radial-gradient(#f6f6f6, #dfdfdf);
}
.charsheet input[type="checkbox"].checkbox + span::before,
.charsheet input.filler[type="radio"] + span::before {
  content: "";
  width: 14px;
  height: 14px;
  font-size: 12px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.charsheet input[type="checkbox"].checkbox:checked + span::before {
  content: "■";
}
.charsheet input.zeroxp[type="radio"] + span::before {
  content: "0" !important;
}
.charsheet input.filler[type="radio"] + span::before {
  content: "■";
}
.charsheet input.filler[type="radio"]:checked ~ input.filler[type="radio"] + span::before {
  content: "";
}
.charsheet span.showhide:checked {
  background-color: #4c4d4f;
  color: #fff;
  transition: 0.5s ease;
}
.charsheet span.showhide {
  display: inline;
  border: 1px solid #ccc;
  margin-right: 11px;
  border-radius: 4px;
  padding: 2px 4px;
  font-weight: bold;
  font-size: 14px;
}
.charsheet span.showhide:hover {
  cursor: pointer;
  border-radius: 4px;
  padding: 2px 4px;
  background-color: #ccc;
  color: #4c4d4f !important;
  transition: 0.5s ease;
}
.charsheet div.showhide {
  visibility: hidden;
  transition: opacity 1s ease-out;
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.charsheet .hide-element {
  display: none;
}
.charsheet input[type='checkbox'].hide-element {
  display: none;
}
.charsheet input[type='radio'].hide-element {
  display: none;
}
.charsheet div.hide-element {
  display: none;
}
.charsheet div.preview-roll {
  padding: 0em;
}
.charsheet input.show-hide:checked ~ div.show-hide {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.2s ease;
}
.charsheet span.preview-roll {
  width: 30%;
  margin-left: 1em;
}
.charsheet .button-container {
  width: 2.5em;
  border: 2px solid #4c4d4f;
}
.charsheet .button-container-preview {
  width: 2.4em;
  text-align: center;
}
.charsheet .no-border {
  border: 0;
}
.charsheet .requirement-area {
  height: auto;
  margin-bottom: 5px;
}
.charsheet input.border-bottom {
  border-bottom: 1px solid #4c4d4f;
  border-radius: 0em;
}
.charsheet .full-width {
  width: 100%;
  margin-top: 0.3em;
}
.charsheet .changelog {
  border: 2px solid #4c4d4f;
  margin-bottom: 1em;
  padding: 1em;
}
.charsheet .center {
  text-align: center;
}
.charsheet .close-changelog {
  border: 2px solid #4c4d4f;
  cursor: pointer;
  padding: 0;
  margin: 0.5em 0 0 0;
  text-align: center;
}
.charsheet .close-changelog:hover {
  background: #ccc;
  transition: 0.5s ease;
}
.charsheet input.changelog:checked + div.changelog,
.charsheet input.changelog-entry:checked + div.changelog-entry {
  display: none;
}
.charsheet .modes {
  display: flex;
  justify-content: space-evenly;
}
.charsheet h2.mode-title {
  text-align: center;
}
.charsheet div.mode-title {
  margin-bottom: 2em;
}
.charsheet label.mode {
  text-align: center;
}
.charsheet label.mode {
  margin: 0.5em;
  padding: 0;
  cursor: pointer;
  box-shadow: 1px 1px 19px 6px rgba(0,0,0,0.15);
  opacity: 1;
  z-index: 5;
  width: auto;
}
.charsheet label.mode:hover h4 {
  color: #797979 !important;
  transition: 0.5s ease;
}
.charsheet label.mode:hover .mode-image {
  opacity: 0.7;
  transition: 0.5s ease;
}
.charsheet label.mode h4 {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.charsheet input[type=radio].character-mode:checked ~ div.character-mode,
.charsheet input[type=radio].shared-mode:checked ~ div.shared-mode {
  display: block;
}
.charsheet input[type=checkbox].modes-show:checked ~ div.modes-show {
  display: block;
}
.charsheet div.mode {
  display: flex;
  justify-content: center;
  width: fit-content;
  width: -moz-fit-content;
  margin: 0;
}
.charsheet .mode-image {
  display: flex;
}
.charsheet input[type=radio].bonds:checked ~ div.bonds,
.charsheet input[type=radio].summary:checked ~ div.summary,
.charsheet input[type=radio].vows:checked ~ div.vows,
.charsheet input[type=radio].assets:checked ~ div.assets,
.charsheet input[type=radio].moves:checked ~ div.moves,
.charsheet input[type=radio].progress-page:checked ~ div.progress-page,
.charsheet input[type=radio].oracles:checked ~ div.oracles,
.charsheet input[type=radio].settings:checked ~ div.settings,
.charsheet input[type=radio].sites:checked ~ div.sites {
  display: block;
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.2s ease;
}
.charsheet .sub-header {
  margin-top: 1em;
  border-bottom: 3px solid #4c4d4f;
}
.charsheet .resources {
  display: flex;
  height: 2em;
  justify-content: space-between;
}
.charsheet .resource {
  display: flex;
  border: 2px solid #4c4d4f;
  border-left: 1px solid;
}
.charsheet label.health-reset {
  font-size: 14px;
  margin: 0;
  padding: 2px 7px 2px 6px;
  cursor: pointer;
}
.charsheet label.health-reset:hover {
  background: #ccc;
  transition: 0.5s ease;
}
.charsheet h3.health-max {
  font-size: 14px;
  margin-right: 0.3em;
  line-height: 23px;
  padding-left: 0.3em;
}
.charsheet h3.health-max-value {
  padding-right: 0.3em;
}
.charsheet .health-max-value {
  font-size: 14px;
  line-height: 22px;
  color: #555 !important;
}
.charsheet .resource-value {
  font-size: 14px;
  width: 38px;
  font-weight: bold;
  padding: 0;
  padding-left: 4px;
  border-radius: 0;
  background: #ccc;
  margin: 0;
  height: auto;
  cursor: pointer;
  border-left: 1px solid;
}
.charsheet .resource-value:focus {
  outline: 3px solid #fd0;
  outline-offset: 0;
  box-shadow: inset 0 0 0 3px;
}
.charsheet .resource-title {
  font-size: 14px;
  width: auto;
  line-height: 9px;
  padding: 0.5em 0.5em 0.5em 0.5em;
  border-right: 1px solid;
  border-left: 1px solid;
}
.charsheet input[type=text].resource-value {
  width: 22px;
  border: none;
  cursor: text;
}
.charsheet .health-max-box {
  display: flex;
  background: #ccc;
}
.charsheet .health-status-box {
  display: flex;
}
.charsheet .load-value {
  width: 27px;
}
.charsheet .character-name {
  width: 15.6em !important;
  border: none;
}
.charsheet .roll-resource-label {
  margin: 0;
  padding: 0.15em 0.4em 0em 0.4em;
  width: auto;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  border-left: 1px solid;
}
.charsheet .roll-resource-label:hover {
  background: #ccc;
  transition: 0.5s ease;
}
.charsheet .misses-track {
  margin-top: 1em;
  width: 47em;
  margin-left: 118px;
}
.charsheet .misses-track .progress-row {
  grid-template-columns: 1fr repeat(10, 43.5px) 1fr;
}
.charsheet .failure-btn-div {
  display: inline;
  text-transform: uppercase;
}
.charsheet input.optional-track-failures:checked ~ div.optional-track-failures {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.3s ease;
}
.charsheet .debility-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
}
.charsheet .debility-component {
  margin-top: 1em;
  display: flex;
  flex-flow: wrap;
}
.charsheet .debility-btn {
  width: 40%;
}
.charsheet .severity-track {
  display: flex;
  margin-top: 1em;
}
.charsheet .track-child {
  width: 100%;
}
.charsheet .track-child .btn-content {
  padding: 0.4em 0.2em 0.2em 0.2em;
  align-self: center;
}
.charsheet ul.debility-body-list {
  margin: 0em 0.2em 0.3em 1.3em;
}
.charsheet p.severity-reduce,
.charsheet p.debility-clear {
  margin-bottom: 0.3em;
}
.charsheet .debility-group {
  width: 33.33%;
}
.charsheet .debility-group-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0.3em;
}
.charsheet .bonds-track {
  width: 437px;
  margin-left: 203px;
  margin-top: 0.5em;
}
.charsheet .bonds-track .progress-row {
  grid-template-columns: 1fr repeat(10, 43.5px) 1fr;
}
.charsheet .bonds {
  margin-bottom: 0px;
}
.charsheet .bond-component {
  margin-top: 1em;
}
.charsheet .bond {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.charsheet .bond-container {
  border: 2px solid #4c4d4f;
  border-radius: 0;
  margin-bottom: 1em;
  padding: 1em;
}
.charsheet .bond-notes {
  width: 98.5%;
  resize: vertical;
}
.charsheet .bond-name,
.charsheet .bond-location,
.charsheet .bond-descriptors {
  border: none;
  border-radius: 0em;
  background: transparent;
  padding: 0;
  padding-left: 0.5em;
}
.charsheet .bond-descriptors {
  width: 43%;
}
.charsheet .bond-location {
  width: 40%;
}
.charsheet .bond-title {
  text-align: left;
  font-weight: bold;
  margin: 0 0 0px;
  padding: 0.1em 0.3em 0.3em 0.5em;
  text-transform: uppercase;
  font-family: 'Montserrat', Arial, sans-serif;
  display: inline;
  color: #4c4d4f;
  border-radius: 0;
}
.charsheet .bond-title::after {
  content: ":";
}
.charsheet .details-btn {
  display: flex;
  width: auto;
  margin: 0.5em 0em 0em 0em;
  height: auto;
  padding: 0;
  text-transform: uppercase;
}
.charsheet .bond-name::placeholder,
.charsheet .bond-location::placeholder,
.charsheet .bond-descriptors::placeholder {
  color: #8a8a8a;
}
.charsheet input[type="checkbox"].show-bond-info {
  width: 4.5em;
  height: 18px;
  top: 0;
  opacity: 0;
  border-radius: 0;
  padding: 2px 4px;
}
.charsheet input[type="checkbox"].show-bond-info:checked ~ div.show-bond-info {
  display: flex;
  flex-flow: row wrap;
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.2s ease;
}
.charsheet input[type="checkbox"].show-bond-info:checked ~ span.show-bond-info {
  border-radius: 0;
  padding: 2px 4px;
  border: 1px solid;
  background-color: #4c4d4f;
  color: #fff;
}
.charsheet input[type="checkbox"].show-bond-info:hover ~ span.show-bond-info {
  border-radius: 0;
  padding: 2px 4px;
  background-color: #ccc;
  color: #4c4d4f;
  transition: 0.5s ease;
}
.charsheet span.show-bond-info {
  margin-left: -4.9em;
  border-radius: 0;
  padding: 2px 4px;
  border: 1px solid;
  font-weight: bold;
}
.charsheet input.vow-name {
  background: #ccc;
  border: 2px solid #494a4c;
  border-radius: 0;
  margin-bottom: 0.2em;
  margin-top: 1em;
  background: #e6e7e8;
  border: 2px solid #494a4c;
  border-radius: 0;
  margin-bottom: 0.2em;
}
.charsheet input.vow-name:focus {
  outline: 3px solid #fd0;
  outline-offset: 0;
  box-shadow: inset 0 0 0 2px;
}
.charsheet .fulfill-vow:hover,
.charsheet .mark-vow:hover,
.charsheet .vow-clear-label:hover {
  background-color: #ccc;
  color: #4c4d4f;
  transition: 0.5s ease;
}
.charsheet .vows {
  margin-bottom: 0px;
}
.charsheet .vows-header {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 10px;
}
.charsheet .vow {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.charsheet .vow-name {
  width: 100%;
  font-weight: bold;
  font-size: 14px;
}
.charsheet .difficulty {
  border: 2px solid #494a4c;
  margin: 0.2em 0.5em 0.2em 0.5em;
  padding: 0;
  cursor: pointer;
}
.charsheet .difficulty h5 {
  text-align: center;
}
.charsheet .difficulty input:checked ~ h5 {
  background: #494a4c;
  color: #fff;
}
.charsheet .btn-div {
  display: inline;
}
.charsheet .threat-header {
  display: flex;
}
.charsheet input.vow-threat {
  background: #e6e7e8;
  border: 2px solid #494a4c;
  border-radius: 0;
  width: 100%;
}
.charsheet input.vow-threat:focus {
  outline: 3px solid #fd0;
  outline-offset: 0;
  box-shadow: inset 0 0 0 2px;
}
.charsheet .menace-row {
  margin: 0em 0em 0.4em 0em;
  justify-content: space-evenly;
  display: flex;
  border: 2px solid #4c4d4f;
  background: #a1a1a1;
  border-top: 0;
  padding: 0.1em 0em;
}
.charsheet .menace-box {
  border: 2px solid #000;
  padding: 0;
  display: inline-flex;
  height: 1em;
  width: 4em;
  margin: 0.2em 0em;
  cursor: pointer;
}
.charsheet .menace-show {
  padding: 0;
  margin: 0;
  border: 2px solid #4c4d4f;
  width: auto;
  height: auto;
  cursor: pointer;
  border-left: 0;
}
.charsheet .menace-show:hover {
  background: #ccc;
  transition: 0.5s ease;
}
.charsheet input[type='checkbox'].menace-show:checked ~ div.menace-row {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.7s ease;
}
.charsheet input[type='checkbox'].menace-show-button:checked ~ div.menace-show-back {
  background: #4c4d4f;
  color: #fff;
}
.charsheet .menace-vow {
  opacity: 0;
  cursor: pointer;
  vertical-align: top;
}
.charsheet .vow-menace-label {
  font-weight: bold;
  font-size: 12px;
}
.charsheet .menace-fill {
  height: 100%;
  width: 100%;
  background: #fff;
}
.charsheet .menace-show-back {
  height: 100%;
  padding: 0em 1em 0em 1em;
  line-height: 25px;
}
.charsheet input[type="checkbox"].menace-vow:checked ~ .menace-fill {
  background: #4c4d4f;
}
.charsheet input[type="checkbox"].menace-vow:hover ~ .menace-fill {
  background: #e6e7e8;
}
.charsheet input.optional-vow-threat:checked ~ div.optional-vow-threat {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.3s ease;
}
.charsheet .progress-header {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 0.3em;
}
.charsheet .progress-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.charsheet .progress-name {
  width: 100%;
  font-weight: bold;
  font-size: 14px;
}
.charsheet input.progress-name {
  background: #e6e7e8;
  border: 2px solid #494a4c;
  border-radius: 0;
  margin-bottom: 0.2em;
}
.charsheet .progress-input {
  width: 40px;
  height: 40px;
  font-size: 22px;
  font-weight: bold;
  background: transparent;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 2px 0px 0px 12px;
  margin: 0px;
  cursor: pointer;
  border: 2px solid #4c4d4f;
  border-radius: 0;
}
.charsheet .progress-input:hover {
  background-color: #ccc;
  transition: 0.5s ease;
}
.charsheet .progress-input:focus {
  outline: 3px solid #fd0;
  outline-offset: 0;
  box-shadow: inset 0 0 0 2px;
}
.charsheet .progress-holder {
  display: flex;
}
.charsheet input.progress-name {
  margin-bottom: 0px;
}
.charsheet .challenge-show {
  padding: 0;
  margin: 0;
  border: 2px solid #4c4d4f;
  width: auto;
  height: auto;
  cursor: pointer;
  border-left: 0;
}
.charsheet .challenge-show:hover {
  background: #ccc;
  transition: 0.5s ease;
}
.charsheet .challenge-show-back {
  height: 100%;
  padding: 0em 1em 0em 1em;
  line-height: 25px;
}
.charsheet input[type='checkbox'].challenge-show:checked ~ div.challenge-row {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.7s ease;
}
.charsheet input[type='checkbox'].challenge-show-button:checked ~ div.challenge-show-back {
  background: #4c4d4f;
  color: #fff;
}
.charsheet .challenge-row,
.charsheet .progress-row {
  display: grid;
  grid-template-columns: 1fr repeat(10, 43.5px) 1fr;
  align-items: center;
}
.charsheet .challenge-row .btn,
.charsheet .progress-row .btn {
  text-transform: uppercase;
}
.charsheet label.challenge-label {
  padding-left: 0.5em;
  display: block;
  height: 18px;
  margin: 0px;
  text-transform: uppercase;
}
.charsheet .challenge-box {
  border: 2px solid #4c4d4f;
  padding: 0;
  display: inline-flex;
  height: 36px;
  width: 36px;
  margin: 0.2em 0em;
  cursor: pointer;
}
.charsheet .challenge-fill {
  height: 100%;
  width: 100%;
  background: #fff;
}
.charsheet input[type="checkbox"].challenge:checked ~ .challenge-fill {
  background: #4c4d4f;
}
.charsheet input[type="checkbox"].challenge:hover ~ .challenge-fill {
  background: #e6e7e8;
}
.charsheet .blank-index {
  display: inline-block;
  height: 40px;
  width: 40px;
}
.charsheet .progress-input-holder {
  position: relative;
  margin: 0.3em 0em;
}
.charsheet .progress-input-holder input[min],
.charsheet input[min] + span {
  display: none;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 36px;
  height: 36px;
  pointer-events: none;
  background: #fff;
}
.charsheet .progress-input-holder input[min="1"]:valid + span {
  display: block;
  background-image: linear-gradient(45deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px));
}
.charsheet .progress-input-holder input[min="2"]:valid + span {
  display: block;
  background-image: linear-gradient(45deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px), transparent 100%), linear-gradient(135deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px), transparent 100%);
}
.charsheet .progress-input-holder input[min="3"]:valid + span {
  display: block;
  background-image: linear-gradient(45deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px), transparent 100%), linear-gradient(135deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px), transparent 100%), linear-gradient(90deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px), transparent 100%);
}
.charsheet .progress-input-holder input[min="4"]:valid + span {
  display: block;
  background-image: linear-gradient(45deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px), transparent 100%), linear-gradient(135deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px), transparent 100%), linear-gradient(90deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px), transparent 100%), linear-gradient(0deg, transparent 0px, transparent calc(50% - 1px), #4c4d4f calc(50% - 1px), #4c4d4f calc(50% + 1px), transparent calc(50% + 1px), transparent 100%);
}
.charsheet .nav-child {
  border: 2px solid #4c4d4f;
  width: 100%;
  text-align-last: center;
  margin: 0.1em;
}
.charsheet .nav-child label {
  margin: 0;
  padding: 0;
  cursor: pointer;
  color: #4c4d4f !important;
}
.charsheet .nav-child label:hover {
  background: #ccc;
  transition: 0.5s ease;
}
.charsheet .page-button-back {
  padding: 0.1em 0em 0.1em 0em;
  font-weight: 600;
}
.charsheet .page-button:checked ~ div.page-button-back {
  background: #4c4d4f;
  color: #fff;
  transition: 0.5s ease;
}
.charsheet .summary {
  margin-top: 1em;
}
.charsheet .nav-row {
  display: flex;
}
.charsheet label.page-label {
  text-align: center;
}
.charsheet div.optional-nav-sites {
  width: 0;
  margin: 0;
  border: 0;
  transition: 0.5s ease;
}
.charsheet input.optional-nav-sites:checked ~ div.optional-nav-sites {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.3s ease;
  width: 100%;
  border: 2px solid #4c4d4f;
  margin: auto;
}
.charsheet .footer {
  margin-top: 1em;
}
.charsheet .momentum {
  display: flex;
}
.charsheet input[type=checkbox].momentum-burn:hover ~ div.momentum-burn-back {
  background-color: #ccc;
  transition: 0.5s ease;
}
.charsheet .momentum-box-input:hover ~ .momentum-box-back {
  background: #ccc;
  transition: 0.5s ease;
}
.charsheet .momentum-box-input:checked ~ .momentum-box-back {
  background: #4c4d4f;
  color: #fff;
  transition: 0.5s ease;
}
.charsheet input[type=checkbox].momentum-burn {
  opacity: 0;
  border: 0;
}
.charsheet div.momentum-burn-back {
  font-weight: bold;
  text-align: center;
  line-height: 22px;
  padding: 0em 0.2em;
  text-transform: uppercase;
}
.charsheet label.momentum-burn {
  border: 2px solid #4c4d4f;
  padding: 0;
  cursor: pointer;
  margin: 0;
  font-size: 1em;
}
.charsheet .momentum-box-input {
  opacity: 0;
  border: 0;
}
.charsheet .momentum-status-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 0%;
  background: transparent;
  border: 2px solid #4c4d4f;
  padding-left: 0.2em;
}
.charsheet .momentum-status-value {
  width: auto;
  font-size: 1em;
}
.charsheet h3.momentum-max-box,
.charsheet h3.momentum-reset-box {
  display: inline;
  padding-left: 1em;
}
.charsheet .momentum-box-value {
  font-weight: bold;
  font-size: 16px;
  color: inherit;
}
.charsheet .momentum-input {
  font-weight: bold;
  width: 30px;
  font-size: 13px;
  text-align: center;
  background: transparent;
}
.charsheet .momentum-box {
  cursor: pointer;
  border: 2px solid #4c4d4f;
  padding: 0;
  margin: 0;
}
.charsheet .momentum-dark {
  color: #fff;
  border: 2px solid #4b4d4f;
  background: #4b4d4f;
  width: 100%;
}
.charsheet .momentum-max,
.charsheet .momentum-reset {
  line-height: 1.4em;
  font-size: 1em;
}
.charsheet .momentum-title {
  color: #fff;
  line-height: 1.2em;
  font-size: 1.2em;
}
.charsheet .momentum-header {
  height: 20px;
}
.charsheet .sub-header-static {
  margin-top: 0.2em;
}
.charsheet .momentum-status-attr {
  padding: 0em 0.2em;
}
.charsheet .stats {
  justify-content: space-evenly;
  align-items: center;
  border-radius: 0%;
  margin-bottom: 1em;
}
.charsheet .stat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.charsheet .stat-title {
  min-width: 100px;
  max-width: 130px;
  overflow: hidden;
}
.charsheet .stat-input {
  font-weight: bold;
  width: 60px;
  line-height: 40px;
  font-size: 28px;
  text-align: center;
  height: 50px !important;
  border-radius: 0;
}
.charsheet input.stats-input {
  border: 2px solid #4c4d4f;
  background: #e6e7e8;
}
.charsheet input.stats-input:focus {
  outline: 3px solid #fd0;
  outline-offset: 0;
  box-shadow: inset 0 0 0 2px;
}
.charsheet label.roll-label {
  margin: 0;
  padding: 0em 0.4em 0em 0.4em;
  width: auto;
  border: 2px solid #4c4d4f;
  cursor: pointer;
  text-align: center;
  line-height: 1.4em;
}
.charsheet label.roll-label:hover {
  background: #ccc;
  transition: 0.5s ease;
}
.charsheet label.stat-toggle {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  border: 2px solid #4c4d4f;
  text-align: center;
  cursor: pointer;
}
.charsheet label.stat-toggle:hover {
  background: #ccc;
  transition: 0.5s ease;
}
.charsheet input[type=radio].stat-set:checked ~ div.stat-set {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.2s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  width: auto;
  padding: 1em 0 1em 0;
}
.charsheet input[type=radio].stat-edit:checked ~ div.stat-edit {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.2s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  width: auto;
  padding: 1em 0 1em 0;
}
.charsheet div.stat-toggle.set-toggle {
  width: 100%;
}
.charsheet div.stat-toggle.edit-toggle {
  transform: rotate(90deg);
  min-width: 65px;
  height: 0;
}
.charsheet .setting-switch {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 28px;
  padding: 0;
}
.charsheet .setting-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.charsheet .setting-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.charsheet .setting-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.charsheet input:checked + .setting-slider {
  background-color: #4c4d4f;
}
.charsheet input:focus + .setting-slider {
  box-shadow: 0 0 1px #4c4d4f;
}
.charsheet input:checked + .setting-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.charsheet .setting-slider.setting-round {
  border-radius: 34px;
}
.charsheet .setting-slider.setting-round:before {
  border-radius: 50%;
}
.charsheet .settings-group {
  display: flex;
  gap: 70px;
  margin-top: 1em;
}
.charsheet .settings-group-title {
  align-self: center;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: uppercase;
}
.charsheet .setting-name {
  text-align: center;
  font-weight: 600;
}
.charsheet .note-area:focus {
  outline: 3px solid #fd0;
  outline-offset: 0;
  box-shadow: inset 0 0 0 2px;
}
.charsheet div.search-bar {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 1em 0em 0.5em 0em;
}
.charsheet div.preview-bar {
  justify-content: space-between;
  width: 100%;
  display: flex;
  margin: 1em 0em 0.5em 0em;
}
.charsheet div.search-preview-bar {
  display: flex;
  width: auto;
}
.charsheet div.move-nav-content {
  padding: 0.2em;
  width: 100%;
}
.charsheet input.search-preview-bar {
  width: 17.6em;
  border: 2px solid #4c4d4f;
  border-radius: 0;
}
.charsheet input.search-preview-bar:focus {
  outline: 3px solid #fd0;
  outline-offset: 0;
  box-shadow: inset 0 0 0 2px;
}
.charsheet input.search-bar {
  width: 50%;
  border: 2px solid #4c4d4f;
}
.charsheet input.search-bar:focus {
  outline: 3px solid #fd0;
  outline-offset: 0;
  box-shadow: inset 0 0 0 2px;
}
.charsheet input.table-btn:checked ~ div.move-nav-content {
  background: #4c4d4f;
  color: #fff;
  transition: 0.5s ease;
}
.charsheet .preview-container {
  display: flex;
  justify-content: space-between;
  font-size: 1em;
  flex-flow: row;
  font-weight: normal;
  height: auto;
  margin-top: 1em;
}
.charsheet .preview-container .move-scroll-list {
  width: 21.9em;
  overflow: auto;
  border: 2px solid #4c4d4f;
  padding: 0;
  height: 50em;
}
.charsheet .move-container {
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  height: 45em;
  margin-top: 1em;
  display: flex;
  font-size: 1em;
  font-weight: normal;
  align-content: space-between;
}
.charsheet .move-container .move-scroll-list {
  overflow: auto;
  border: 2px solid #4c4d4f;
  padding: 1em;
  width: max-content;
}
.charsheet .move {
  margin: 0em;
  color: #4c4d4f !important;
  display: flex;
  padding: 0;
}
.charsheet .move-group-title {
  background: #4c4d4f;
}
.charsheet .move-group-title h3 {
  color: #fff;
}
.charsheet .move-name {
  width: 100%;
  border: 2px solid #4c4d4f;
}
.charsheet .roll-show {
  padding: 0 !important;
  font-size: 20px !important;
  height: auto;
}
.charsheet .roll-show:hover {
  color: #fff;
}
.charsheet .move-list {
  padding: 0;
  display: flex;
}
.charsheet .move-list label {
  cursor: pointer;
}
.charsheet .move-list div {
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0px;
  padding: 0.1em;
  text-transform: none;
}
.charsheet .move-list div:hover {
  transition: 0.3s ease;
  background: #606060 !important;
  color: #fff;
}
.charsheet .move-list div[data-i18n="move-title-face-danger"] {
  border-top: 5px solid #4c4d4f;
}
.charsheet .move-list:nth-child(2n + 1) {
  background-color: #ddd;
}
.charsheet .move-column {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}
.charsheet span.move-result {
  width: 36em;
}
.charsheet span.preview-move-roll {
  width: 60%;
  margin-left: 1em;
}
.charsheet .move-group {
  border: 2px solid #4c4d4f;
  box-sizing: border-box;
  width: 30%;
  margin: 0.3em;
  height: fit-content;
  height: -moz-fit-content;
}
.charsheet .move-group-scroll {
  border: 2px solid #4c4d4f;
  box-sizing: border-box;
  height: fit-content;
  height: -moz-fit-content;
}
.charsheet .move-box:nth-child(n + 2) {
  margin-top: 10px;
}
.charsheet .move-title {
  background-color: #4c4d4f;
  color: #fff;
  border-bottom: 1px solid #4c4d4f;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0.2em 0.5em 0.1em 0.7em;
  text-transform: uppercase;
  width: 11.7em;
}
.charsheet .move-preview {
  width: auto;
}
.charsheet .move-page-footer {
  text-align: right !important;
  padding-right: 1em;
}
.charsheet .move-preview-sidebar {
  width: 64%;
}
.charsheet .move-preview-container {
  min-height: 400px;
}
.charsheet .move-preview-container p {
  font-size: 15px;
  margin: 0;
}
.charsheet .move-preview-container ul {
  margin: 2px 0px 5px 25px;
  font-size: 15px;
}
.charsheet .move-preview-container li {
  font-size: 15px;
}
.charsheet div.optional-move-assets-summary {
  margin-top: 10px;
}
.charsheet input[type='checkbox'].optional-move-assets-summary:checked + div.optional-move-assets-summary {
  display: block;
}
.charsheet .move-assets-summary-header {
  background: #4c4d4f;
  color: #fff;
  padding-top: 0.2em;
  padding-bottom: 0.1em;
}
.charsheet .move-preview-withroll-container {
  display: flex;
  gap: 10px;
}
.charsheet .move-roll-shortcuts-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.charsheet .move-roll-shortcut-container {
  display: grid;
  grid-template-columns: 50% 50%;
  border: 2px solid #4c4d4f;
}
.charsheet .move-roll-shortcut-title {
  grid-column: 1/span 2;
  grid-row: 1/span 1;
  background: #4c4d4f;
  color: #fff;
  text-transform: uppercase;
  padding: 0px 5px 0px 5px;
  width: auto;
}
.charsheet .move-roll-shortcut-pay-the-price {
  text-align: center;
  cursor: pointer;
  width: auto;
  margin: 0px;
  padding: 0px;
  grid-row: 2/span 1;
  grid-column: 1/span 2;
  padding: 5px;
}
.charsheet .move-roll-shortcut-pay-the-price:hover {
  background: #ccc;
  transition: 0.5s ease;
}
.charsheet .move-roll-shortcut-ask-the-oracle-almostcertain {
  text-align: center;
  cursor: pointer;
  width: auto;
  margin: 0px;
  padding: 0px;
  line-height: 1.4em;
  grid-row: 2/span 1;
  grid-column: 1/span 1;
  border-bottom: 2px solid #4c4d4f;
  border-right: 2px solid #4c4d4f;
}
.charsheet .move-roll-shortcut-ask-the-oracle-almostcertain:hover {
  background: #ccc;
  transition: 0.5s ease;
}
.charsheet .move-roll-shortcut-ask-the-oracle-likely {
  text-align: center;
  cursor: pointer;
  width: auto;
  margin: 0px;
  padding: 0px;
  line-height: 1.4em;
  grid-row: 2/span 1;
  grid-column: 2/span 1;
  border-bottom: 2px solid #4c4d4f;
}
.charsheet .move-roll-shortcut-ask-the-oracle-likely:hover {
  background: #ccc;
  transition: 0.5s ease;
}
.charsheet .move-roll-shortcut-ask-the-oracle-fiftyfifty {
  text-align: center;
  cursor: pointer;
  width: auto;
  margin: 0px;
  padding: 0px;
  line-height: 1.4em;
  grid-row: 3/span 1;
  grid-column: 1/span 2;
  border-bottom: 2px solid #4c4d4f;
}
.charsheet .move-roll-shortcut-ask-the-oracle-fiftyfifty:hover {
  background: #ccc;
  transition: 0.5s ease;
}
.charsheet .move-roll-shortcut-ask-the-oracle-unlikely {
  text-align: center;
  cursor: pointer;
  width: auto;
  margin: 0px;
  padding: 0px;
  line-height: 1.4em;
  grid-row: 4/span 1;
  grid-column: 1/span 1;
  border-right: 2px solid #4c4d4f;
}
.charsheet .move-roll-shortcut-ask-the-oracle-unlikely:hover {
  background: #ccc;
  transition: 0.5s ease;
}
.charsheet .move-roll-shortcut-ask-the-oracle-small-chance {
  text-align: center;
  cursor: pointer;
  width: auto;
  margin: 0px;
  padding: 0px;
  line-height: 1.4em;
  grid-row: 4/span 1;
  grid-column: 2/span 1;
}
.charsheet .move-roll-shortcut-ask-the-oracle-small-chance:hover {
  background: #ccc;
  transition: 0.5s ease;
}
.charsheet .move-roll-stat-modifier {
  text-align: center;
  cursor: pointer;
  width: auto;
  margin: 0px;
  padding: 0px;
  padding: 0em 0.4em 0em 0.4em;
  line-height: 1.4em;
}
.charsheet .move-roll-stat-modifier:hover {
  background: #ccc;
  transition: 0.5s ease;
}
.charsheet .move-roll-stat-modifier0 {
  grid-row: 2/span 1;
  grid-column: 1/span 2;
  margin: 0;
  border-bottom: 2px solid #4c4d4f;
  font-size: 20px;
  line-height: 2em;
}
.charsheet .move-roll-stat-modifier1 {
  grid-row: 3/span 1;
  grid-column: 1/span 1;
  border-right: 2px solid #4c4d4f;
}
.charsheet .move-roll-stat-modifier2 {
  grid-row: 3/span 1;
  grid-column: 2/span 1;
}
.charsheet .move-show {
  display: inline-flex;
  font-size: 1em;
  margin: 0em;
  padding: 0.3em;
}
.charsheet .move-show:hover {
  background: #969696;
  cursor: pointer;
  transition: 0.5s ease;
}
.charsheet .column-wrap {
  flex-flow: column wrap;
  width: 22.5em;
}
.charsheet .move-delve-table {
  width: auto !important;
}
.charsheet .move-description {
  font-family: 'Crimson Text', Arial, sans-serif;
  padding: 1em;
  border: 2px solid #4c4d4f;
}
.charsheet .move-description p {
  margin-bottom: 0.3em;
}
.charsheet .move-table {
  border: none;
  width: 30.5em;
  font-size: 12px;
}
.charsheet .move-roll {
  width: 18%;
}
.charsheet .move-footer {
  background-color: #434b4d;
  color: #fff;
  line-height: 0.9em;
  font-size: 0.9em;
  font-family: 'Crimson Text', Arial, sans-serif;
  font-variant: small-caps;
  font-weight: bold;
  text-align: left;
  padding: 0.5rem;
}
.charsheet .close-preview {
  width: 100%;
  height: auto;
  margin: 0;
  font-weight: bold;
  font-size: 14px;
  padding: 0.2em 0.2em 0.2em 0.2em;
  border: 2px solid #494a4c;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
}
.charsheet .close-preview:hover {
  background-color: #ccc;
  color: #4c4d4f;
  transition: 0.5s ease;
}
.charsheet .clear-search {
  width: fit-content;
  width: -moz-fit-content;
  height: auto;
  margin: 0;
  font-weight: bold;
  font-size: 14px;
  padding: 0.2em 0.2em 0.2em 0.2em;
  border: 2px solid #494a4c;
  cursor: pointer;
}
.charsheet .clear-search:hover {
  background-color: #ccc;
  color: #4c4d4f !important;
  transition: 0.5s ease;
}
.charsheet .selected-move {
  z-index: 3;
}
.charsheet .selected-move:checked ~ .move-name {
  background: #434b4d !important;
  color: #fff !important;
}
.charsheet input.move-preview:checked ~ div.move-preview,
.charsheet input.move-full-list:checked ~ div.move-full-list {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.2s ease;
}
.charsheet input[type=radio].face-danger:checked ~ div.face-danger,
.charsheet input[type=radio].secure-an-advantage:checked ~ div.secure-an-advantage,
.charsheet input[type=radio].gather-information:checked ~ div.gather-information,
.charsheet input[type=radio].heal:checked ~ div.heal,
.charsheet input[type=radio].resupply:checked ~ div.resupply,
.charsheet input[type=radio].make-camp:checked ~ div.make-camp,
.charsheet input[type=radio].undertake-a-journey:checked ~ div.undertake-a-journey,
.charsheet input[type=radio].reach-your-destination:checked ~ div.reach-your-destination,
.charsheet input[type=radio].compel:checked ~ div.compel,
.charsheet input[type=radio].sojourn:checked ~ div.sojourn,
.charsheet input[type=radio].draw-the-circle:checked ~ div.draw-the-circle,
.charsheet input[type=radio].forge-a-bond:checked ~ div.forge-a-bond,
.charsheet input[type=radio].test-your-bond:checked ~ div.test-your-bond,
.charsheet input[type=radio].aid-your-ally:checked ~ div.aid-your-ally,
.charsheet input[type=radio].write-your-epilogue:checked ~ div.write-your-epilogue,
.charsheet input[type=radio].enter-the-fray:checked ~ div.enter-the-fray,
.charsheet input[type=radio].strike:checked ~ div.strike,
.charsheet input[type=radio].clash:checked ~ div.clash,
.charsheet input[type=radio].turn-the-tide:checked ~ div.turn-the-tide,
.charsheet input[type=radio].end-the-fight:checked ~ div.end-the-fight,
.charsheet input[type=radio].battle:checked ~ div.battle,
.charsheet input[type=radio].endure-harm:checked ~ div.endure-harm,
.charsheet input[type=radio].face-death:checked ~ div.face-death,
.charsheet input[type=radio].companion-endure-harm:checked ~ div.companion-endure-harm,
.charsheet input[type=radio].endure-stress:checked ~ div.endure-stress,
.charsheet input[type=radio].face-desolation:checked ~ div.face-desolation,
.charsheet input[type=radio].out-of-supply:checked ~ div.out-of-supply,
.charsheet input[type=radio].face-a-setback:checked ~ div.face-a-setback,
.charsheet input[type=radio].swear-an-iron-vow:checked ~ div.swear-an-iron-vow,
.charsheet input[type=radio].fulfill-your-vow:checked ~ div.fulfill-your-vow,
.charsheet input[type=radio].reach-a-milestone:checked ~ div.reach-a-milestone,
.charsheet input[type=radio].forsake-your-vow:checked ~ div.forsake-your-vow,
.charsheet input[type=radio].advance:checked ~ div.advance,
.charsheet input[type=radio].pay-the-price:checked ~ div.pay-the-price,
.charsheet input[type=radio].ask-the-oracle:checked ~ div.ask-the-oracle,
.charsheet input[type=radio].discover-a-site:checked ~ div.discover-a-site,
.charsheet input[type=radio].delve-the-depths:checked ~ div.delve-the-depths,
.charsheet input[type=radio].find-an-opportunity:checked ~ div.find-an-opportunity,
.charsheet input[type=radio].reveal-a-danger:checked ~ div.reveal-a-danger,
.charsheet input[type=radio].check-your-gear:checked ~ div.check-your-gear,
.charsheet input[type=radio].locate-your-objective:checked ~ div.locate-your-objective,
.charsheet input[type=radio].escape-the-depths:checked ~ div.escape-the-depths,
.charsheet input[type=radio].reveal-a-danger-alt:checked ~ div.reveal-a-danger-alt,
.charsheet input[type=radio].wield-a-rarity:checked ~ div.wield-a-rarity,
.charsheet input[type=radio].mark-your-failure:checked ~ div.mark-your-failure,
.charsheet input[type=radio].learn-from-your-failures:checked ~ div.learn-from-your-failures,
.charsheet input[type=radio].advance-a-threat:checked ~ div.advance-a-threat,
.charsheet input[type=radio].take-a-hiatus:checked ~ div.take-a-hiatus {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.2s ease;
}
.charsheet .move-nav-child {
  display: flex;
  width: auto;
  height: 1.3em;
  padding: 0;
  margin: 0.2em 0em 0.2em 0em;
  text-align: center;
}
.charsheet ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.charsheet ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0,0,0,0.5);
  box-shadow: 0 0 1px rgba(255,255,255,0.5);
}
.charsheet .move-delve-column-stat-header,
.charsheet .move-delve-stat-column {
  width: 16%;
}
.charsheet .move-delve-column-stat-header-1,
.charsheet .move-delve-stat-column-1 {
  width: 17%;
}
.charsheet .move-delve-column-stat-header-2,
.charsheet .move-delve-stat-column-2 {
  width: 18%;
}
.charsheet .move-delve-column-stat-header-3,
.charsheet .move-delve-stat-column-3 {
  width: 15%;
}
.charsheet .move-delve-column-header,
.charsheet .move-delve-column {
  width: 50%;
}
.charsheet .move-delve-column-stat-header,
.charsheet .move-delve-column-stat-header-1,
.charsheet .move-delve-column-stat-header-2,
.charsheet .move-delve-column-stat-header-3,
.charsheet .move-delve-column-header {
  font-weight: bold;
}
.charsheet .move-delve-row-header {
  padding: 0px 5px 0px 5px;
  display: flex;
  height: auto;
  border-bottom: 2px solid #4c4d4f;
}
.charsheet .embedded-btn {
  padding-top: 0.2em !important;
  font-family: 'Montserrat', Arial, sans-serif;
}
.charsheet input.optional-move-failures:checked ~ div.optional-move-failures,
.charsheet input.optional-move-sites:checked ~ div.optional-move-sites,
.charsheet input.optional-move-threat:checked ~ div.optional-move-threat,
.charsheet input.optional-move-rarity:checked ~ div.optional-move-rarity {
  display: block;
}
.charsheet .site-container {
  border: 2px solid #4c4d4f;
  border-radius: 0em;
  margin-bottom: 1em;
  padding: 1em;
}
.charsheet .site-notes {
  width: 97.5% !important;
  height: 156px !important;
  resize: none;
  margin-left: 3px;
  border-radius: 0;
}
.charsheet .site-notes:focus {
  outline: 3px solid #fd0;
  outline-offset: 0;
  box-shadow: inset 0 0 0 2px;
}
.charsheet .site-name,
.charsheet .site-location,
.charsheet .site-descriptors {
  border: none;
  border-radius: 0em;
  background: transparent;
  padding: 0;
  padding-left: 0.5em;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: bold;
  color: #4c4d4f !important;
}
.charsheet .site-descriptors {
  width: 43%;
}
.charsheet .site-location {
  width: 40%;
}
.charsheet p.site-title {
  text-align: left;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  margin: 0 0 0px;
  padding: 0.1em 0.2em 0.08em 0.2em;
  text-transform: uppercase;
  vertical-align: bottom;
  display: inline;
  color: #4c4d4f !important;
  border-radius: 0;
}
.charsheet .site-name::placeholder,
.charsheet .site-location::placeholder,
.charsheet .site-descriptors::placeholder {
  color: #8a8a8a !important;
}
.charsheet .site-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
}
.charsheet .site-column {
  flex-direction: row;
  width: 48%;
  padding: 0.5em 0em 0.5em 0.7em;
}
.charsheet .denizen-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
.charsheet .denizen-column {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 22%;
  padding: 0.5em 0em 0.5em 0em;
}
.charsheet .denizen-option-column {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 22%;
  padding: 0.5em 0.5em 0.5em 0.5em;
}
.charsheet .denizen-option {
  font-size: 12px;
}
.charsheet .site-progress-header {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 10px;
}
.charsheet .denizen-operand-column {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2%;
  padding: 0.5em 0.5em 0.5em 0.5em;
}
.charsheet p.denizen-title {
  text-align: left;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  margin: 0 0 0px;
  text-transform: uppercase;
  vertical-align: bottom;
  display: inline;
  color: #4c4d4f !important;
}
.charsheet .denizen-input {
  border: none;
  border-radius: 0em;
  background: transparent;
  padding: 0.5em;
  width: 96%;
  margin-left: 3px;
}
.charsheet .denizen-input:focus {
  outline: 3px solid #fd0;
  outline-offset: 0;
  box-shadow: inset 0 0 0 2px;
}
.charsheet .denizen-operand {
  font-weight: bold;
}
.charsheet .denizen-background,
.charsheet .site-background {
  background: #dedddc;
}
.charsheet h3.site-divide::after,
.charsheet h3.site-divide::before {
  display: inline-block;
  content: "";
  height: 5px;
  border-top: 2px solid #4c4d4f;
  top: 0;
  width: 331px;
}
.charsheet h3.site-denizens-divide::after,
.charsheet h3.site-denizens-divide::before {
  display: inline-block;
  content: "";
  height: 5px;
  border-top: 2px solid #4c4d4f;
  top: 0;
  width: 336px;
}
.charsheet h3.site-divide-notes::after,
.charsheet h3.site-divide-notes::before {
  display: inline-block;
  content: "";
  height: 5px;
  border-top: 2px solid #4c4d4f;
  top: 0;
  width: 352px;
}
.charsheet .sites-container {
  margin-top: 1em;
}
.charsheet label.site-details {
  display: flex;
  justify-content: center;
  width: 48.7%;
  margin: 0;
  padding: 0;
  height: auto;
  border-radius: 0em;
}
.charsheet .site-details-content {
  width: 100%;
  padding: 0.2em;
  text-align: center;
  border-radius: 0em;
}
.charsheet .site-details-button:checked ~ .site-details-content {
  background: #4c4d4f;
  color: #fff;
  transition: 0.5s ease;
}
.charsheet .show-theme-domains,
.charsheet .show-site-info {
  margin-top: 0.5em;
  transition: all 0.7s !important;
}
.charsheet .show-theme-domains {
  justify-content: space-between;
}
.charsheet input[type="checkbox"].show-site-info:checked ~ div.show-site-info,
.charsheet input[type="checkbox"].show-theme-domains:checked ~ div.show-theme-domains {
  flex-flow: column;
  visibility: visible;
  transition: all 0.7s !important;
  height: 640px;
  opacity: 1;
}
.charsheet div.show-theme-domains {
  display: flex;
  flex-flow: row !important;
}
.charsheet h3.site-divide-notes {
  margin-bottom: 0.5em;
}
.charsheet input.site-name {
  width: 70%;
  padding: 2px;
}
.charsheet input.site-name:focus {
  outline: 3px solid #fd0;
  outline-offset: 0;
  box-shadow: inset 0 0 0 2px;
}
.charsheet .site-card-container {
  display: flex;
  font-family: 'Crimson Text', Arial, sans-serif;
  font-size: 1em;
  padding: 1em;
}
.charsheet .domain-cards,
.charsheet .theme-cards {
  border: 2px solid #4c4d4f;
  border-radius: 1em;
}
.charsheet .domain-header,
.charsheet .theme-header {
  margin-top: 0.7em;
}
.charsheet .domain-column,
.charsheet .theme-column {
  width: 100%;
}
.charsheet .card-column {
  width: 48.7%;
}
.charsheet .site-details-bar {
  display: flex;
  justify-content: space-between;
}
.charsheet input[type='radio'].theme-cards:checked ~ div.theme-cards,
.charsheet input[type='radio'].domain-cards:checked ~ div.domain-cards,
.charsheet input[type='radio'].custom-cards:checked ~ div.custom-cards {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.7s ease;
}
.charsheet input[type='radio'].ancient:checked ~ div.ancient,
.charsheet input[type='radio'].corrupted:checked ~ div.corrupted,
.charsheet input[type='radio'].fortified:checked ~ div.fortified,
.charsheet input[type='radio'].hallowed:checked ~ div.hallowed,
.charsheet input[type='radio'].haunted:checked ~ div.haunted,
.charsheet input[type='radio'].infested:checked ~ div.infested,
.charsheet input[type='radio'].ravaged:checked ~ div.ravaged,
.charsheet input[type='radio'].wild:checked ~ div.wild,
.charsheet input[type='radio'].barrow:checked ~ div.barrow,
.charsheet input[type='radio'].cavern:checked ~ div.cavern,
.charsheet input[type='radio'].frozen-cavern:checked ~ div.frozen-cavern,
.charsheet input[type='radio'].ice-reach:checked ~ div.ice-reach,
.charsheet input[type='radio'].mine:checked ~ div.mine,
.charsheet input[type='radio'].pass:checked ~ div.pass,
.charsheet input[type='radio'].ruin:checked ~ div.ruin,
.charsheet input[type='radio'].sea-cave:checked ~ div.sea-cave,
.charsheet input[type='radio'].shadowfen:checked ~ div.shadowfen,
.charsheet input[type='radio'].stronghold:checked ~ div.stronghold,
.charsheet input[type='radio'].tanglewood:checked ~ div.tanglewood,
.charsheet input[type='radio'].underkeep:checked ~ div.underkeep {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.7s ease;
}
.charsheet input[type="checkbox"].showhide:checked ~ div.showhide,
.charsheet input[type="checkbox"].asset-companion:checked ~ div.companion,
.charsheet input[type="checkbox"].asset-path:checked ~ div.path,
.charsheet input[type="checkbox"].asset-combat-talent:checked ~ div.combat-talent,
.charsheet input[type="checkbox"].asset-ritual:checked ~ div.ritual,
.charsheet input[type="checkbox"].asset-custom:checked ~ div.asset-custom,
.charsheet input[type="checkbox"].asset-summary-custom:checked ~ div.asset-summary-custom {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.2s ease;
}
.charsheet input[type="checkbox"].cave-lion:checked ~ div.cave-lion,
.charsheet input[type="checkbox"].giant-spider:checked ~ div.giant-spider,
.charsheet input[type="checkbox"].hawk:checked ~ div.hawk,
.charsheet input[type="checkbox"].horse:checked ~ div.horse,
.charsheet input[type="checkbox"].hound:checked ~ div.hound,
.charsheet input[type="checkbox"].kindred:checked ~ div.kindred,
.charsheet input[type="checkbox"].mammoth:checked ~ div.mammoth,
.charsheet input[type="checkbox"].owl:checked ~ div.owl,
.charsheet input[type="checkbox"].raven:checked ~ div.raven,
.charsheet input[type="checkbox"].young-wyvern:checked ~ div.young-wyvern,
.charsheet input[type="checkbox"].alchemist:checked ~ div.alchemist,
.charsheet input[type="checkbox"].animal-kin:checked ~ div.animal-kin,
.charsheet input[type="checkbox"].banner-sworn:checked ~ div.banner-sworn,
.charsheet input[type="checkbox"].battle-scarred:checked ~ div.battle-scarred,
.charsheet input[type="checkbox"].blade-bound:checked ~ div.blade-bound,
.charsheet input[type="checkbox"].bonded:checked ~ div.bonded,
.charsheet input[type="checkbox"].dancer:checked ~ div.dancer,
.charsheet input[type="checkbox"].devotant:checked ~ div.devotant,
.charsheet input[type="checkbox"].empowered:checked ~ div.empowered,
.charsheet input[type="checkbox"].fortune-hunter:checked ~ div.fortune-hunter,
.charsheet input[type="checkbox"].herbalist:checked ~ div.herbalist,
.charsheet input[type="checkbox"].honorbound:checked ~ div.honorbound,
.charsheet input[type="checkbox"].improviser:checked ~ div.improviser,
.charsheet input[type="checkbox"].infiltrator:checked ~ div.infiltrator,
.charsheet input[type="checkbox"].loyalist:checked ~ div.loyalist,
.charsheet input[type="checkbox"].masked:checked ~ div.masked,
.charsheet input[type="checkbox"].oathbreaker:checked ~ div.oathbreaker,
.charsheet input[type="checkbox"].outcast:checked ~ div.outcast,
.charsheet input[type="checkbox"].pretender:checked ~ div.pretender,
.charsheet input[type="checkbox"].revenant:checked ~ div.revenant,
.charsheet input[type="checkbox"].rider:checked ~ div.rider,
.charsheet input[type="checkbox"].ritualist:checked ~ div.ritualist,
.charsheet input[type="checkbox"].shadow-kin:checked ~ div.shadow-kin,
.charsheet input[type="checkbox"].sighted:checked ~ div.sighted,
.charsheet input[type="checkbox"].slayer:checked ~ div.slayer,
.charsheet input[type="checkbox"].spirit-bound:checked ~ div.spirit-bound,
.charsheet input[type="checkbox"].storyweaver:checked ~ div.storyweaver,
.charsheet input[type="checkbox"].trickster:checked ~ div.trickster,
.charsheet input[type="checkbox"].veteran:checked ~ div.veteran,
.charsheet input[type="checkbox"].waterborn:checked ~ div.waterborn,
.charsheet input[type="checkbox"].wayfinder:checked ~ div.wayfinder,
.charsheet input[type="checkbox"].weapon-master:checked ~ div.weapon-master,
.charsheet input[type="checkbox"].wildblood:checked ~ div.wildblood,
.charsheet input[type="checkbox"].wright:checked ~ div.wright,
.charsheet input[type="checkbox"].archer:checked ~ div.archer,
.charsheet input[type="checkbox"].berserker:checked ~ div.berserker,
.charsheet input[type="checkbox"].brawler:checked ~ div.brawler,
.charsheet input[type="checkbox"].cutthroat:checked ~ div.cutthroat,
.charsheet input[type="checkbox"].duelist:checked ~ div.duelist,
.charsheet input[type="checkbox"].fletcher:checked ~ div.fletcher,
.charsheet input[type="checkbox"].ironclad:checked ~ div.ironclad,
.charsheet input[type="checkbox"].long-arm:checked ~ div.long-arm,
.charsheet input[type="checkbox"].shield-bearer:checked ~ div.shield-bearer,
.charsheet input[type="checkbox"].skirmisher:checked ~ div.skirmisher,
.charsheet input[type="checkbox"].slinger:checked ~ div.slinger,
.charsheet input[type="checkbox"].sunderer:checked ~ div.sunderer,
.charsheet input[type="checkbox"].swordmaster:checked ~ div.swordmaster,
.charsheet input[type="checkbox"].thunder-bringer:checked ~ div.thunder-bringer,
.charsheet input[type="checkbox"].augur:checked ~ div.augur,
.charsheet input[type="checkbox"].awakening:checked ~ div.awakening,
.charsheet input[type="checkbox"].bind:checked ~ div.bind,
.charsheet input[type="checkbox"].communion:checked ~ div.communion,
.charsheet input[type="checkbox"].divination:checked ~ div.divination,
.charsheet input[type="checkbox"].invoke:checked ~ div.invoke,
.charsheet input[type="checkbox"].keen:checked ~ div.keen,
.charsheet input[type="checkbox"].leech:checked ~ div.leech,
.charsheet input[type="checkbox"].lightbearer:checked ~ div.lightbearer,
.charsheet input[type="checkbox"].scry:checked ~ div.scry,
.charsheet input[type="checkbox"].shadow-walk:checked ~ div.shadow-walk,
.charsheet input[type="checkbox"].sway:checked ~ div.sway,
.charsheet input[type="checkbox"].talisman:checked ~ div.talisman,
.charsheet input[type="checkbox"].tether:checked ~ div.tether,
.charsheet input[type="checkbox"].totem:checked ~ div.totem,
.charsheet input[type="checkbox"].visage:checked ~ div.visage,
.charsheet input[type="checkbox"].ward:checked ~ div.ward {
  display: block;
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.2s ease;
}
.charsheet select.path-dropdown option[value="alchemist"] ~ .alchemist {
  display: flex;
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.2s ease;
}
.charsheet input[type="radio"].asset-builder:checked ~ div.asset-builder,
.charsheet input[type="radio"].asset-view:checked ~ div.asset-view {
  display: block;
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.2s ease;
}
.charsheet input[type="checkbox"].builder-titles-1:checked ~ div.builder-titles-1,
.charsheet input[type="checkbox"].builder-titles-2:checked ~ div.builder-titles-2,
.charsheet input[type="checkbox"].builder-titles-3:checked ~ div.builder-titles-3,
.charsheet input[type="checkbox"].builder-ability-1-text:checked ~ div.builder-ability-1-text,
.charsheet input[type="checkbox"].builder-ability-1-text-input:checked ~ div.builder-ability-1-text-input,
.charsheet input[type="checkbox"].builder-ability-2-text:checked ~ div.builder-ability-2-text,
.charsheet input[type="checkbox"].builder-ability-2-text-input:checked ~ div.builder-ability-2-text-input,
.charsheet input[type="checkbox"].builder-ability-3-text:checked ~ div.builder-ability-3-text,
.charsheet input[type="checkbox"].builder-ability-3-text-input:checked ~ div.builder-ability-3-text-input,
.charsheet input[type="checkbox"].track-dropdown-1:checked ~ div.track-dropdown-1,
.charsheet input[type="checkbox"].track-dropdown-2:checked ~ div.track-dropdown-2,
.charsheet input[type="checkbox"].track-dropdown-3:checked ~ div.track-dropdown-3,
.charsheet input[type="checkbox"].track-dropdown-4:checked ~ div.track-dropdown-4,
.charsheet input[type="checkbox"].track-dropdown-5:checked ~ div.track-dropdown-5,
.charsheet input[type="checkbox"].track-dropdown-6:checked ~ div.track-dropdown-6 {
  display: flex;
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.2s ease;
}
.charsheet div.builder-titles-1,
.charsheet div.builder-titles-2,
.charsheet div.builder-titles-3 {
  flex-flow: column;
  margin-bottom: 0.3em;
}
.charsheet div.builder-ability-1-text,
.charsheet div.builder-ability-2-text,
.charsheet div.builder-ability-3-text,
.charsheet div.builder-ability-1-text-input,
.charsheet div.builder-ability-2-text-input,
.charsheet div.builder-ability-3-text-input {
  align-items: flex-start;
}
.charsheet div.track-dropdown-1,
.charsheet div.track-dropdown-2,
.charsheet div.track-dropdown-3,
.charsheet div.track-dropdown-4,
.charsheet div.track-dropdown-5,
.charsheet div.track-dropdown-6 {
  width: 100%;
}
.charsheet .view-title-width {
  width: 22em;
  margin: 0em 1em;
}
.charsheet .asset-custom {
  padding: 0.2em;
  background: linear-gradient(to bottom, #ccc 2em, #fff 2em, #fff);
}
.charsheet .asset-custom > input[type=radio] {
  margin-left: 4px;
}
.charsheet .asset-custom div[class|=builder-ability] {
  align-items: flex-start;
}
.charsheet div.asset-view,
.charsheet div.asset-builder {
  margin-top: 0.3em;
}
.charsheet input[type=checkbox].custom-asset-ability {
  opacity: 1;
  margin: 0px 5px 0 5px;
}
.charsheet .custom-track {
  width: 100%;
  min-width: 20.5em;
  margin: 0 !important;
}
.charsheet .ability-checkbox,
.charsheet .build-text {
  font-family: 'Crimson Text', Arial, sans-serif;
  font-size: 13px;
  resize: none;
  height: 100px;
  width: 22em;
  margin: 0em 0.5em 0em 0.4em;
}
.charsheet .ability-text {
  font-family: 'Crimson Text', Arial, sans-serif;
  font-size: 14.3px;
  resize: none;
  height: 100px;
  margin-bottom: 0em;
  width: 18em;
}
.charsheet .builder-dropdown {
  font-size: 14px;
}
.charsheet .asset-description {
  margin: 0 12px 0px 12px;
  font-family: 'Crimson Text', Arial, sans-serif;
}
.charsheet div.asset-ability {
  width: 100%;
  height: 100%;
  margin: 0px 12px 6px 10px;
}
.charsheet div.asset-ability ul {
  margin-left: 15px;
  margin-bottom: 0;
}
.charsheet div.assets {
  display: block !important;
  text-align: left;
}
.charsheet div.assets .repcontainer {
  display: flex;
  flex-flow: row wrap;
  padding: 0.5em;
  font-family: 'Crimson Text', Arial, sans-serif;
  justify-content: space-evenly;
}
.charsheet div.assets .repcontainer .repitem {
  float: left !important;
}
.charsheet .assets.assets-summary .repcontainer {
  padding: 0px 4px 0px 0px;
}
.charsheet .assets.assets-summary .repitem {
  width: 100%;
}
.charsheet fieldset.assets-summary~.repcontrol {
  display: none;
}
.charsheet input.asset-summary-ability-toggle:checked + .flex-container.hide-element {
  display: flex;
}
.charsheet input.asset-summary-custom-ability-toggle:checked ~ .hide-element {
  display: block;
}
.charsheet .asset-summary-header {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #dfe0e2;
  border-bottom: 1px solid #4c4d4f;
  width: 100%;
  line-height: 1.5em;
}
.charsheet .asset-write-in {
  margin-bottom: 4px;
}
.charsheet .asset-ability-write-in {
  margin-top: 4px;
}
.charsheet .asset-write-in {
  display: flex;
  white-space: nowrap;
}
.charsheet .asset-ability-write-in {
  display: inline;
  white-space: nowrap;
}
.charsheet .asset {
  display: inline-block;
  width: 320px;
  max-width: 320px;
  border: 2px solid #4c4d4f;
  margin-bottom: 20px;
  font-size: 14.3px;
  line-height: 1.25;
}
.charsheet .asset input.border-bottom {
  border-bottom-color: #4c4d4f;
}
.charsheet .asset.asset-summary {
  width: 100%;
  max-width: none;
  min-width: 320px;
  margin-bottom: 0px;
}
.charsheet .asset-write-in input,
.charsheet .asset-ability-write-in input {
  height: 1.4em;
  width: 100%;
  padding: 0;
  margin-left: 5px;
  margin-top: 2px;
  font-size: 15px;
  font-weight: bold;
}
.charsheet input[type="checkbox"].asset-ability {
  opacity: 1 !important;
  margin-top: 0.2em;
}
.charsheet .asset-header {
  background: #4c4d4f;
  color: #fff;
}
.charsheet .asset-type-selection {
  background: #4c4d4f;
  color: #fff;
  border: 0;
}
.charsheet .asset-type-dropdown {
  color: #fff;
  background: #4c4d4f;
  width: auto;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-appearance: menulist;
  margin: 6px 4px;
}
.charsheet .sub-dropdown {
  -webkit-appearance: menulist;
  width: auto;
  margin: 7px 4px;
  font-weight: bold;
  text-transform: uppercase;
}
.charsheet .asset-track-wrapper {
  margin: 10px;
  display: flex;
  justify-content: center;
}
.charsheet .asset-track-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0%;
  background: transparent;
  border: 2px solid #4c4d4f;
  padding: 5px;
  max-width: 40px;
}
.charsheet .asset-track-wrapper-wordy {
  text-transform: uppercase;
}
.charsheet .asset-track-wrapper-wordy .asset-track-box {
  flex-direction: row;
  max-width: none;
}
.charsheet .asset-track-box-display {
  font-size: 17px;
  font-weight: bold;
}
.charsheet .ability-top {
  margin-top: 1em;
}
.charsheet .builder-name {
  margin-bottom: 0.5em;
}
.charsheet span.custom-asset-page {
  margin-left: 0.3em;
  margin-right: 0.5em;
}
.charsheet .asset-description-text {
  margin-top: 0.4em;
}
.charsheet .asset-name {
  display: inline;
}
.charsheet .asset-body {
  font-size: 14.3px;
  line-height: 1.25;
  margin: 0 0 4px;
}
.charsheet input.oracle-ironsworn:checked ~ div.oracle-ironsworn,
.charsheet input.oracle-delve:checked ~ div.oracle-delve {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.7s ease;
}
.charsheet .oracle-btn {
  margin: 0;
  width: 100%;
}
.charsheet .oracle-name {
  text-transform: capitalize;
}
.charsheet .oracles {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.charsheet .oracle {
  margin: 0em;
  color: #4c4d4f !important;
  display: flex;
}
.charsheet input[type=radio].plot-action:checked ~ div.plot-action,
.charsheet input[type=radio].plot-theme:checked ~ div.plot-theme,
.charsheet input[type=radio].location-region:checked ~ div.location-region,
.charsheet input[type=radio].location-location:checked ~ div.location-location,
.charsheet input[type=radio].location-coastal-waters-location:checked ~ div.location-coastal-waters-location,
.charsheet input[type=radio].location-descriptor:checked ~ div.location-descriptor,
.charsheet input[type=radio].location-settlement-name:checked ~ div.location-settlement-name,
.charsheet input[type=radio].location-quick-settlement-name:checked ~ div.location-quick-settlement-name,
.charsheet input[type=radio].plot-settlement-trouble:checked ~ div.plot-settlement-trouble,
.charsheet input[type=radio].character-role:checked ~ div.character-role,
.charsheet input[type=radio].character-goal:checked ~ div.character-goal,
.charsheet input[type=radio].character-descriptor:checked ~ div.character-descriptor,
.charsheet input[type=radio].names-ironlander:checked ~ div.names-ironlander,
.charsheet input[type=radio].names-elf:checked ~ div.names-elf,
.charsheet input[type=radio].names-giant:checked ~ div.names-giant,
.charsheet input[type=radio].names-varou:checked ~ div.names-varou,
.charsheet input[type=radio].names-troll:checked ~ div.names-troll,
.charsheet input[type=radio].plot-combat-actions:checked ~ div.plot-combat-actions,
.charsheet input[type=radio].plot-mystic-backlash:checked ~ div.plot-mystic-backlash,
.charsheet input[type=radio].plot-major-plot-twist:checked ~ div.plot-major-plot-twist,
.charsheet input[type=radio].plot-challenge-rank:checked ~ div.plot-challenge-rank,
.charsheet input[type=radio].fate-pay-the-price:checked ~ div.fate-pay-the-price,
.charsheet input[type=radio].fate-ask-the-oracle:checked ~ div.fate-ask-the-oracle,
.charsheet input[type=radio].endure-harm:checked ~ div.endure-harm,
.charsheet input[type=radio].endure-stress:checked ~ div.endure-stress,
.charsheet input[type=radio].feature-aspect:checked ~ div.feature-aspect,
.charsheet input[type=radio].feature-focus:checked ~ div.feature-focus,
.charsheet input[type=radio].site-name-format:checked ~ div.site-name-format,
.charsheet input[type=radio].site-name-description:checked ~ div.site-name-description,
.charsheet input[type=radio].site-name-detail:checked ~ div.site-name-detail,
.charsheet input[type=radio].site-name-namesake:checked ~ div.site-name-namesake,
.charsheet input[type=radio].site-name-place:checked ~ div.site-name-place,
.charsheet input[type=radio].site-nature-theme:checked ~ div.site-nature-theme,
.charsheet input[type=radio].site-nature-domain:checked ~ div.site-nature-domain,
.charsheet input[type=radio].character-disposition:checked ~ div.character-disposition,
.charsheet input[type=radio].character-activity:checked ~ div.character-activity,
.charsheet input[type=radio].monstrosity-size:checked ~ div.monstrosity-size,
.charsheet input[type=radio].monstrosity-primary-form:checked ~ div.monstrosity-primary-form,
.charsheet input[type=radio].monstrosity-characteristics:checked ~ div.monstrosity-characteristics,
.charsheet input[type=radio].monstrosity-abilities:checked ~ div.monstrosity-abilities,
.charsheet input[type=radio].trap-event:checked ~ div.trap-event,
.charsheet input[type=radio].trap-component:checked ~ div.trap-component,
.charsheet input[type=radio].combat-event-method:checked ~ div.combat-event-method,
.charsheet input[type=radio].combat-event-target:checked ~ div.combat-event-target,
.charsheet input[type=radio].threat-advance-a-threat:checked ~ div.threat-advance-a-threat,
.charsheet input[type=radio].threat-category:checked ~ div.threat-category,
.charsheet input[type=radio].threat-cursed-site:checked ~ div.threat-cursed-site,
.charsheet input[type=radio].threat-burgeoning-conflict:checked ~ div.threat-burgeoning-conflict,
.charsheet input[type=radio].threat-environmental-calamity:checked ~ div.threat-environmental-calamity,
.charsheet input[type=radio].threat-malignant-plague:checked ~ div.threat-malignant-plague,
.charsheet input[type=radio].threat-rampaging-creature:checked ~ div.threat-rampaging-creature,
.charsheet input[type=radio].threat-ravaging-horde:checked ~ div.threat-ravaging-horde,
.charsheet input[type=radio].threat-scheming-leader:checked ~ div.threat-scheming-leader,
.charsheet input[type=radio].threat-power-hungry-mystic:checked ~ div.threat-power-hungry-mystic,
.charsheet input[type=radio].threat-zealous-cult:checked ~ div.threat-zealous-cult,
.charsheet input[type=radio].moves-ask-the-oracle:checked ~ div.moves-ask-the-oracle,
.charsheet input[type=radio].moves-pay-the-price:checked ~ div.moves-pay-the-price {
  visibility: visible;
  height: auto;
  opacity: 1;
  transition: 0.2s ease;
}
.charsheet .oracle-container {
  display: flex;
  opacity: 1;
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  justify-content: space-between;
  margin-top: 1em;
  padding: 0.1em;
}
.charsheet .oracle-column {
  display: flex;
  flex-direction: column;
}
.charsheet .oracle-sub-column {
  width: 50%;
}
.charsheet .oracle-roll {
  width: auto;
  height: auto;
}
.charsheet .theme-outline {
  border: 1px solid #4c4d4f;
}
.charsheet span.oracle-result {
  width: 80%;
  font-size: 13px;
}
.charsheet .oracle-box {
  border: 2px solid #4c4d4f;
  box-sizing: border-box;
  width: 100%;
}
.charsheet .oracle-box:nth-child(n+2) {
  margin-top: 10px;
}
.charsheet .oracle-title {
  background-color: #4c4d4f;
  color: #fff;
  border-bottom: 1px solid #4c4d4f;
  font-size: 1.4em;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
  text-transform: uppercase;
}
.charsheet .oracle-table-preview {
  width: auto;
}
.charsheet .oracle-show {
  display: inline-flex;
  font-size: 1em;
  margin: 0em;
  padding: 0.3em;
}
.charsheet .oracle-show:hover {
  background: #969696;
  cursor: pointer;
  transition: 0.5s ease;
}
.charsheet .oracle-table {
  border: 2px solid #4c4d4f;
}
.charsheet .flex-table {
  display: flex;
}
.charsheet .oracle-row:nth-child(2n+1),
.charsheet .oracle:nth-child(2n+1) {
  background-color: #ddd;
}
.charsheet .oracle-row {
  padding: 3px 0px 3px 0px;
  display: flex;
  height: auto;
}
.charsheet .oracle-row-2 {
  width: 50%;
}
.charsheet .oracle-row-3 {
  width: 33.33%;
}
.charsheet .oracle-row-4 {
  width: 25%;
}
.charsheet .oracle-roll {
  width: 20%;
  padding-left: 0.5em;
}
.charsheet .oracle-table-2-column {
  display: flex;
  flex-flow: column wrap;
  height: 50em;
}
.charsheet .oracle-table-3-column {
  display: flex;
  flex-flow: column wrap;
  height: 65em;
}
.charsheet .oracle-table-4-column {
  display: flex;
  flex-flow: column wrap;
  height: 95em;
}
.charsheet .oracle-table-2-column-group {
  display: flex;
}
.charsheet .table-list {
  width: 33%;
}
.charsheet .oracle-column.table-main {
  width: 66%;
}
.charsheet .oracle-footer {
  background-color: #434b4d;
  color: #fff;
  line-height: 0.9em;
  font-size: 0.9em;
  font-family: 'Montserrat', Arial, sans-serif;
  font-variant: small-caps;
  font-weight: bold;
  text-align: left;
  padding: 0.5rem;
}
.charsheet .oracle-preview {
  width: max-content;
}
.charsheet .column-wrap {
  width: 50%;
}
.ui-dialog .charsheet .repcontainer .repitem .itemcontrol .repcontrol_del {
  float: right;
  width: auto;
  margin: 0;
  height: auto;
}
.ui-dialog .charsheet .repcontainer .repitem .itemcontrol .repcontrol_move {
  cursor: move;
  width: auto;
  margin: 0;
  height: auto;
}
.sheet-rolltemplate-ironsworn_moves .sheet-subfooter-momentum {
  text-align: right !important;
  margin-right: 10px;
}
.sheet-rolltemplate-ironsworn_moves .sheet-challenge-dice-title::after,
.sheet-rolltemplate-ironsworn_moves .sheet-action-score-title::after,
.sheet-rolltemplate-ironsworn_moves .sheet-progress-title::after,
.sheet-rolltemplate-ironsworn_moves .sheet-momentum-title::after,
.sheet-rolltemplate-ironsworn_progress .sheet-challenge-dice-title::after,
.sheet-rolltemplate-ironsworn_progress .sheet-action-score-title::after,
.sheet-rolltemplate-ironsworn_progress .sheet-progress-title::after {
  content: ": ";
}
.sheet-rolltemplate-ironsworn_oracles .sheet-result-row,
.sheet-rolltemplate-moves_oracles .sheet-result-row,
.sheet-rolltemplate-ironsworn_moves .sheet-discover-a-site-row,
.sheet-rolltemplate-delve_oracles .sheet-result-row {
  padding: 0.5em;
}
.sheet-rolltemplate-ironsworn_oracles .sheet-oracle-dice,
.sheet-rolltemplate-moves_oracles .sheet-oracle-dice,
.sheet-rolltemplate-ironsworn_delve .sheet-oracle-dice,
.sheet-rolltemplate-delve_oracles .sheet-oracle-dice {
  align-self: center;
  margin-right: 0.5em;
}
.sheet-rolltemplate-ironsworn_oracles .sheet-oracle-dice span,
.sheet-rolltemplate-moves_oracles .sheet-oracle-dice span,
.sheet-rolltemplate-ironsworn_delve .sheet-oracle-dice span,
.sheet-rolltemplate-delve_oracles .sheet-oracle-dice span {
  border: 0px !important;
}
.sheet-rolltemplate-ironsworn_oracles .sheet-oracle-double-dice,
.sheet-rolltemplate-moves_oracles .sheet-oracle-double-dice,
.sheet-rolltemplate-ironsworn_delve .sheet-oracle-double-dice,
.sheet-rolltemplate-delve_oracles .sheet-oracle-double-dice {
  width: 5.7em;
  text-align: center;
  padding: 0.1em;
}
.sheet-rolltemplate-ironsworn_oracles .sheet-oracle-double-dice span,
.sheet-rolltemplate-moves_oracles .sheet-oracle-double-dice span,
.sheet-rolltemplate-ironsworn_delve .sheet-oracle-double-dice span,
.sheet-rolltemplate-delve_oracles .sheet-oracle-double-dice span {
  border: 0px !important;
}
.sheet-rolltemplate-ironsworn_oracles .sheet-roll-container,
.sheet-rolltemplate-moves_oracles .sheet-roll-container,
.sheet-rolltemplate-delve_oracles .sheet-roll-container {
  background: #33323c;
  color: #fff;
  font-size: 1em;
  font-family: 'Roboto', Arial, sans-serif;
  border: 1px solid #000;
}
.sheet-rolltemplate-ironsworn_oracles .sheet-result-row,
.sheet-rolltemplate-moves_oracles .sheet-result-row,
.sheet-rolltemplate-delve_oracles .sheet-result-row {
  display: flex;
  justify-content: space-between;
}
.sheet-rolltemplate-ironsworn_oracles .sheet-roll-outcome,
.sheet-rolltemplate-moves_oracles .sheet-roll-outcome,
.sheet-rolltemplate-delve_oracles .sheet-roll-outcome {
  background: #403f4b;
  border: 1px solid #000;
}
.sheet-rolltemplate-ironsworn_oracles .inlinerollresult,
.sheet-rolltemplate-moves_oracles .inlinerollresult,
.sheet-rolltemplate-delve_oracles .inlinerollresult {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 0px;
  background: transparent;
  border-radius: 1em;
}
.sheet-rolltemplate-ironsworn_oracles .sheet-roll-outcome,
.sheet-rolltemplate-moves_oracles .sheet-roll-outcome,
.sheet-rolltemplate-delve_oracles .sheet-roll-outcome {
  background: #403f4b;
  border: 1px solid #000;
}
.sheet-rolltemplate-ironsworn_oracles .sheet-subheader,
.sheet-rolltemplate-moves_oracles .sheet-subheader,
.sheet-rolltemplate-delve_oracles .sheet-subheader {
  line-height: 1.5em;
  font-weight: bold;
  text-align: left;
  padding: 0.4em 1em 0.4em 1em;
  background-color: #23222b;
  text-transform: uppercase;
  font-family: 'Montserrat', Arial, sans-serif;
}
.sheet-rolltemplate-ironsworn_oracles .sheet-subfooter,
.sheet-rolltemplate-moves_oracles .sheet-subfooter,
.sheet-rolltemplate-delve_oracles .sheet-subfooter {
  line-height: 1.5em;
  font-weight: bold;
  text-align: left;
  padding: 0.4em 0em 0.4em 0em;
  background-color: #403f4b;
  font-style: italic;
  width: 100%;
  text-align: center;
  font-family: 'Montserrat', Arial, sans-serif;
}
.sheet-rolltemplate-ironsworn_oracles .sheet-result-body,
.sheet-rolltemplate-moves_oracles .sheet-result-body,
.sheet-rolltemplate-delve_oracles .sheet-result-body {
  padding: 0.4em 1em 0.4em 1em;
}
.sheet-rolltemplate-ironsworn_delve .sheet-rarity-die {
  border-top: 2px solid #000;
  background-color: #6a286a;
  border-bottom: 2px solid #000;
}
.sheet-rolltemplate-ironsworn_moves .sheet-roll-name {
  padding: 0.2em 1em 0.2em 1em;
  text-align: right;
  font-size: 13px;
  font-style: italic;
}
.sheet-rolltemplate-ironsworn_progress .sheet-progress-name {
  padding: 0.2em 1em 0.2em 1em;
  text-align: left;
  font-size: 13px;
  font-style: italic;
}
.sheet-rolltemplate-ironsworn_moves .sheet-roll-container,
.sheet-rolltemplate-ironsworn_progress .sheet-roll-container {
  background: #33323c;
  color: #fff;
  font-size: 1em;
  font-family: 'Roboto', Arial, sans-serif;
  border: 1px solid #000;
}
.sheet-rolltemplate-ironsworn_moves .sheet-result-row,
.sheet-rolltemplate-ironsworn_progress .sheet-result-row {
  display: flex;
  justify-content: space-between;
}
.sheet-rolltemplate-ironsworn_moves .inlinerollresult,
.sheet-rolltemplate-ironsworn_moves .inlinerollresult.fullfail,
.sheet-rolltemplate-ironsworn_moves .inlinerollresult.fullcrit,
.sheet-rolltemplate-ironsworn_progress .inlinerollresult,
.sheet-rolltemplate-ironsworn_progress .inlinerollresult.fullfail,
.sheet-rolltemplate-ironsworn_progress .inlinerollresult.fullcrit {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 0px;
  background: transparent;
  border-radius: 1em;
}
.sheet-rolltemplate-ironsworn_moves .sheet-action-score .fullfail {
  border: 2px solid #d22e53;
}
.sheet-rolltemplate-ironsworn_progress .sheet-roll-outcome,
.sheet-rolltemplate-ironsworn_moves .sheet-roll-outcome {
  background: #403f4b;
  border: 1px solid #000;
}
.sheet-rolltemplate-ironsworn_moves .sheet-subheader,
.sheet-rolltemplate-ironsworn_progress .sheet-subheader {
  line-height: 1.5em;
  font-weight: bold;
  text-align: left;
  padding: 0.4em 1em 0.4em 1em;
  background-color: #23222b;
  text-transform: uppercase;
  font-family: 'Montserrat', Arial, sans-serif;
}
.sheet-rolltemplate-ironsworn_moves .sheet-subfooter,
.sheet-rolltemplate-ironsworn_progress .sheet-subfooter {
  line-height: 1.5em;
  font-weight: bold;
  text-align: left;
  padding: 0.4em 0em 0.4em 0em;
  background-color: #403f4b;
  font-style: italic;
  width: 100%;
  font-family: 'Montserrat', Arial, sans-serif;
}
.sheet-rolltemplate-ironsworn_progress .sheet-subfooter.sheet-roll-outcome-main,
.sheet-rolltemplate-ironsworn_moves .sheet-subfooter.sheet-roll-outcome-main {
  text-transform: uppercase;
  font-style: normal;
}
.sheet-rolltemplate-ironsworn_moves .sheet-result-body,
.sheet-rolltemplate-ironsworn_progress .sheet-result-body {
  padding: 0.4em 1em 0.4em 1em;
}
.sheet-rolltemplate-ironsworn_moves .sheet-alert,
.sheet-rolltemplate-ironsworn_progress .sheet-alert {
  margin: 0.2em 0.3em 0.2em 0.3em;
  border-radius: 1em;
  width: auto;
  padding: 0.5em;
}
.sheet-rolltemplate-ironsworn_moves .sheet-opportunity,
.sheet-rolltemplate-ironsworn_progress .sheet-opportunity {
  width: 1em;
  margin: 0.3em 0.5em 0.3em 0.3em;
  border-radius: 1em;
  background-color: #40819f;
}
.sheet-rolltemplate-ironsworn_moves .sheet-strong-hit,
.sheet-rolltemplate-ironsworn_progress .sheet-strong-hit {
  width: 1em;
  margin: 0.3em 0.5em 0.3em 0.3em;
  border-radius: 1em;
  background-color: #63a9ca;
}
.sheet-rolltemplate-ironsworn_moves .sheet-weak-hit,
.sheet-rolltemplate-ironsworn_progress .sheet-weak-hit {
  width: 1em;
  margin: 0.3em 0.5em 0.3em 0.3em;
  border-radius: 1em;
  background-color: #83dbff;
}
.sheet-rolltemplate-ironsworn_moves .sheet-miss,
.sheet-rolltemplate-ironsworn_progress .sheet-miss {
  width: 1em;
  margin: 0.3em 0.5em 0.3em 0.3em;
  border-radius: 1em;
  background-color: #d8566f;
}
.sheet-rolltemplate-ironsworn_moves .sheet-rarity-die {
  width: 1em;
  margin: 0.3em 0.5em 0.3em 0.3em;
  border-radius: 1em;
  background-color: #e779fb;
}
.sheet-rolltemplate-ironsworn_moves .sheet-complication,
.sheet-rolltemplate-ironsworn_progress .sheet-complication {
  width: 1em;
  margin: 0.3em 0.5em 0.3em 0.3em;
  border-radius: 1em;
  background-color: #d22e53;
}
.sheet-rolltemplate-ironsworn_moves .userscript-tcat,
.sheet-rolltemplate-ironsworn_progress .userscript-tcat {
  font-weight: 900;
}
.sheet-rolltemplate-ironsworn_moves .sheet-momentum-title {
  line-height: 22px;
}
.sheet-rolltemplate-ironsworn_moves .sheet-roll-container a[href^="!"],
.sheet-rolltemplate-ironsworn_moves .sheet-roll-container a[href^="~"] {
  background-color: transparent;
  padding: 5px;
  color: #fff;
  display: inline-block;
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
.sheet-rolltemplate-ironsworn_moves .sheet-roll-button {
  justify-content: center;
  background: #5e5d6f;
  border-radius: 0.4em;
  margin: 0.2em;
}
.sheet-rolltemplate-ironsworn_moves .sheet-roll-button:hover {
  background: #9290ad;
  transition: 0.5s;
}
.rolltemplate-ironsworn table>thead>tr>th,
.rolltemplate-ironsworn table>tbody>tr>th,
.rolltemplate-ironsworn table>tfoot>tr>th,
.rolltemplate-ironsworn table>thead>tr>td,
.rolltemplate-ironsworn table>tbody>tr>td,
.rolltemplate-ironsworn table>tfoot>tr>td,
.rolltemplate-ironswornoracles table>thead>tr>th,
.rolltemplate-ironswornoracles table>tbody>tr>th,
.rolltemplate-ironswornoracles table>tfoot>tr>th,
.rolltemplate-ironswornoracles table>thead>tr>td,
.rolltemplate-ironswornoracles table>tbody>tr>td,
.rolltemplate-ironswornoracles table>tfoot>tr>td,
.rolltemplate-ironsworndelve table>thead>tr>th,
.rolltemplate-ironsworndelve table>tbody>tr>th,
.rolltemplate-ironsworndelve table>tfoot>tr>th,
.rolltemplate-ironsworndelve table>thead>tr>td,
.rolltemplate-ironsworndelve table>tbody>tr>td,
.rolltemplate-ironsworndelve table>tfoot>tr>td,
.rolltemplate-ironsworndelveoracles table>thead>tr>th,
.rolltemplate-ironsworndelveoracles table>tbody>tr>th,
.rolltemplate-ironsworndelveoracles table>tfoot>tr>th,
.rolltemplate-ironsworndelveoracles table>thead>tr>td,
.rolltemplate-ironsworndelveoracles table>tbody>tr>td,
.rolltemplate-ironsworndelveoracles table>tfoot>tr>td {
  padding: 4px;
  border: none;
}
.rolltemplate-ironsworn table,
.rolltemplate-ironswornoracles table,
.rolltemplate-ironsworndelve table,
.rolltemplate-ironsworndelveoracles table {
  width: 100%;
  border: 1px solid;
  color: #4c4d4f !important;
  font-size: 1em;
  font-family: Verdana, Arial, sans-serif;
  margin: 0px;
}
.rolltemplate-ironsworn th,
.rolltemplate-ironswornoracles th,
.rolltemplate-ironsworndelve th,
.rolltemplate-ironsworndelveoracles th {
  background-color: #434b4d;
  color: #fff;
  padding: 2px;
/*border-bottom: 1px solid #4C4D4F;*/
  line-height: 1.2em;
  font-size: 1.2em;
  text-align: center;
}
.rolltemplate-ironsworn .subheader,
.rolltemplate-ironswornoracles .subheader,
.rolltemplate-ironsworndelve .subheader,
.rolltemplate-ironsworndelveoracles .subheader {
  background-color: #434b4d;
  color: #fff;
  line-height: 0.9em;
  font-size: 0.9em;
  font-family: Verdana, arial, sans-serif;
  font-variant: small-caps;
  font-style: italic;
  font-weight: bold;
  text-align: left;
  padding: 0.5rem;
}
.rolltemplate-ironsworn .subfooter,
.rolltemplate-ironswornoracles .subfooter,
.rolltemplate-ironsworndelve .subfooter,
.rolltemplate-ironsworndelveoracles .subfooter {
  background-color: #b9b9b6;
  line-height: 0.9em;
  font-size: 0.9em;
  font-family: Verdana, arial, sans-serif;
  font-variant: small-caps;
  font-style: italic;
  font-weight: bold;
  text-align: left;
}
.rolltemplate-ironsworndelve .rarity-die {
  border-top: 2px solid #000;
  color: #fff;
  background-color: #6a286a;
  border-bottom: 2px solid #000;
}
.rolltemplate-ironsworn .alert,
.rolltemplate-ironsworndelve .alert {
  color: #fff;
  background-color: #761818;
}
.rolltemplate-ironsworn .opportunity,
.rolltemplate-ironswornoracles .opportunity,
.rolltemplate-ironsworndelve .opportunity,
.rolltemplate-ironsworndelveoracles .opportunity {
  color: #fff;
  background-color: #0b3f0b;
}
.rolltemplate-ironsworn .strong-hit,
.rolltemplate-ironsworndelve .strong-hit {
  color: #fff;
  background-color: #125812;
}
.rolltemplate-ironsworn .weak-hit,
.rolltemplate-ironsworndelve .weak-hit {
  color: #fff;
  background-color: #186251;
}
.rolltemplate-ironsworn .miss,
.rolltemplate-ironsworndelve .miss {
  color: #fff;
  background-color: #7d2b1d;
}
.rolltemplate-ironsworn .complication,
.rolltemplate-ironsworndelve .complication {
  color: #fff;
  background-color: #761818;
}
.rolltemplate-ironsworn .userscript-tcat,
.rolltemplate-ironswornoracles .userscript-tcat,
.rolltemplate-ironsworndelve .userscript-tcat,
.rolltemplate-ironsworndelveoracles .userscript-tcat {
  font-weight: bold;
}
.rolltemplate-ironsworn td,
.rolltemplate-ironswornoracles td,
.rolltemplate-ironsworndelve td,
.rolltemplate-ironsworndelveoracles td {
  padding: 5px;
/*border-bottom: 1px solid #4C4D4F;*/
}
.rolltemplate-ironswornoracles .oracle-dice,
.rolltemplate-ironsworndelve .oracle-dice,
.rolltemplate-ironsworndelveoracles .oracle-dice {
  width: 2em;
  border-right: 1px solid;
  background: #bfbfbf;
}
.rolltemplate-ironswornoracles .oracle-dice span,
.rolltemplate-ironsworndelve .oracle-dice span,
.rolltemplate-ironsworndelveoracles .oracle-dice span {
  border: 0px !important;
}
.rolltemplate-ironswornoracles .oracle-double-dice,
.rolltemplate-ironsworndelve .oracle-double-dice,
.rolltemplate-ironsworndelveoracles .oracle-double-dice {
  width: 5.7em;
  border-right: 1px solid;
  text-align: center;
  background: #bfbfbf;
  padding: 0.1em;
}
.rolltemplate-ironswornoracles .oracle-double-dice span,
.rolltemplate-ironsworndelve .oracle-double-dice span,
.rolltemplate-ironsworndelveoracles .oracle-double-dice span {
  border: 0px !important;
}
.rolltemplate-ironsworn tr:nth-child(odd),
.rolltemplate-ironswornoracles tr:nth-child(odd),
.rolltemplate-ironsworndelve tr:nth-child(odd),
.rolltemplate-ironsworndelveoracles tr:nth-child(odd) {
  background-color: #d9d9d6;
}
.rolltemplate-ironsworn tr:nth-child(even),
.rolltemplate-ironswornoracles tr:nth-child(even),
.rolltemplate-ironsworndelve tr:nth-child(even),
.rolltemplate-ironsworndelveoracles tr:nth-child(even) {
  background-color: #e9e9e6;
}
.rolltemplate-ironsworn .inlinerollresult,
.rolltemplate-ironswornoracles .inlinerollresult,
.rolltemplate-ironsworndelve .inlinerollresult,
.rolltemplate-ironsworndelveoracles .inlinerollresult {
  display: inline-block;
  min-width: 1.5em;
  text-align: center;
  border: 2px solid #434b4d;
  background: transparent;
}