roll20-character-sheets/Delta Green 2/deltagreen.css

.radiocontainer {
  display: flex;
  margin: 0;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}

.radiobox {
  order: 1;
  border: 1px solid black;
  border-radius: 0%;
  background: grey;
  height: 1rem !important;
  width: 1rem !important;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  z-index: 1;
}

.radiobox:checked {
  opacity: 0;
  z-index: 0;
  position: absolute;
}

.radiobox:checked ~ .radiobox {
  order: 3;
  background-color: transparent;
}

.radiobox.reset {
  order: 2;
  background-color: black;
}

/* GLOBAL SETTINGS
    =============================  */
* {
  box-sizing: border-box;
  font-family: sans-serif;
}

select {
  background: none;
  border: none;
}

.sheet-after-colons {
  text-transform: capitalize;
}

.charsheet {
  min-width: 830px;
  max-width: 900px;
  background: linear-gradient(to bottom right, #fefefe, #e7e7e7);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 3px 7px rgba(0, 0, 0, 0.15);
  display: grid;
  align-items: center;
  justify-content: center;
}
.charsheet button {
  border-bottom: 0.02rem solid #666;
  border-bottom-right-radius: 0.02rem;
  border-color: #b3b3b3;
  border-radius: 0.25rem;
  border-right: 0.02rem solid #333333;
  border-style: outset;
  margin: 0.2rem !important;
  padding: 0.1rem !important;
}
.charsheet button:before {
  display: none;
}
.charsheet button:focus > h3, .charsheet button:hover > h3, .charsheet button:active > h3 {
  color: whitesmoke;
  text-shadow: 1px 1px 2px black, 0 0 25px #f6efe9, 0 0 5px whitesmoke;
}
.charsheet button.lvl[type=action] {
  background: #d9d9d9;
}
.charsheet button.lvl[type=action]:focus, .charsheet button.lvl[type=action]:hover, .charsheet button.lvl[type=action]:active {
  background-color: #4d4d4d;
  color: whitesmoke;
}
.charsheet button.link {
  border: none;
  background: none !important;
  color: whitesmoke;
}
.charsheet button.link:focus, .charsheet button.link:hover, .charsheet button.link:active {
  background: none !important;
}
.charsheet button.link:focus > h1, .charsheet button.link:hover > h1, .charsheet button.link:active > h1 {
  color: #06562b;
  text-shadow: 0 0 10px whitesmoke;
}
.charsheet button[type=roll], .charsheet button[type=action] {
  background: linear-gradient(to bottom right, #c8dad0, whitesmoke);
}
.charsheet button[type=roll]:focus, .charsheet button[type=roll]:hover, .charsheet button[type=roll]:active, .charsheet button[type=action]:focus, .charsheet button[type=action]:hover, .charsheet button[type=action]:active {
  background: linear-gradient(to bottom right, #06562b, black);
  color: whitesmoke !important;
}
.charsheet div {
  background: transparent;
  width: 100%;
}
.charsheet fieldset {
  background: transparent;
}
.charsheet h1 {
  text-transform: uppercase;
}
.charsheet h2 {
  font-size: 0.8rem;
  line-height: 2rem;
  text-transform: uppercase;
}
.charsheet h2.label {
  font-size: 1.1rem;
  font-weight: bold;
  text-transform: capitalize;
  text-align: center;
  margin-left: 3%;
}
.charsheet h3 {
  font-size: 1.2rem;
  line-height: 2.5rem;
  text-transform: capitalize;
}
.charsheet input[type=text], .charsheet input[type=number] {
  background: transparent;
  border: none;
  border-radius: 0rem;
  color: black;
  height: 2.1rem;
  text-align: center;
}
.charsheet input[type=text]:placeholder-shown, .charsheet input[type=number]:placeholder-shown {
  background: #f6efe9;
}
.charsheet label {
  margin-bottom: 0px;
  padding-right: 0px;
}
.charsheet span {
  word-break: break-word;
}
.charsheet textarea {
  background: transparent;
  color: black;
  font-size: 1rem;
  font-weight: normal;
  height: 50px;
  margin: 0.5%;
  margin-bottom: 2%;
  min-height: 8rem;
  overflow-x: auto;
  overflow-y: scroll;
  overflow-wrap: break-word;
  padding: 2px;
  resize: none;
  text-align: left;
  vertical-align: top;
  white-space: pre-line;
  width: 99%;
}
.charsheet textarea:placeholder-shown {
  background: #f6efe9;
}
.charsheet textarea::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.charsheet textarea::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}
.charsheet textarea::-webkit-scrollbar-thumb {
  background-color: #000000;
  border: 2px solid #555555;
}

textarea.resizable {
  resize: vertical;
  min-height: 8rem;
}

* {
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}
*:-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

span.uparrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid whitesmoke;
}

.buttonwrapper {
  position: relative;
  box-sizing: border-box;
  display: grid;
  align-items: center;
  align-self: center;
  justify-self: center;
  width: 100%;
  height: 100%;
}
.buttonwrapper button.none {
  display: none !important;
}
.buttonwrapper button {
  position: relative;
  display: grid;
  align-items: center;
  padding: 0;
  border-radius: 0.5rem;
}
.buttonwrapper button.repeating_roll {
  height: 80% !important;
}
.buttonwrapper button.one {
  grid-template-columns: 1fr;
}
.buttonwrapper button.two.inPersonal {
  grid-template-columns: 1fr 3rem;
  align-items: center;
  height: 80% !important;
}
.buttonwrapper button.two.inPersonal * {
  position: relative;
  align-self: center;
  height: 100%;
}
.buttonwrapper button.two.inPersonal span {
  justify-self: center;
}
.buttonwrapper button.two.inSkills {
  grid-template-columns: 1fr 3.5rem !important;
}
.buttonwrapper button.two.inSkills span {
  justify-self: center;
}
.buttonwrapper button h3 {
  justify-self: start;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-indent: 0.2rem;
}

.colon::after {
  content: ":";
}

.space-after {
  margin-right: 0.5rem;
}
.space-after:after {
  content: " ";
}

select.small-select {
  width: 7rem !important;
}

.align-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.align-item span, .align-item select {
  align-self: center;
}
.align-item select {
  border: 1px solid black;
  background-color: black;
  color: whitesmoke;
  font-size: bold;
  border-radius: 0;
  width: 7em !important;
  text-align: left;
}
.align-item select:hover {
  background: black;
}

.readrituals {
  font-size: 1rem;
}

.readinformation {
  font-size: 0.8rem;
}

.readrituals, .readinformation {
  width: 95% !important;
  background: transparent;
  color: whitesmoke;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

.simple, .complex, .elaborate {
  display: none;
}

input.ritual_complexity[value=simple] ~ .simple {
  display: block;
}

input.ritual_complexity[value=complex] ~ .complex {
  display: block;
}

input.ritual_complexity[value=eleborate] ~ .elaborate {
  display: none;
}

.characterviewer > ul.nav-tabs a[data-tab=charsheet] {
  background: url("https://raw.githubusercontent.com/uriele/roll20-character-sheets/fc28ea60f4afca4923669639fc1ef2bc788e66f3/Delta%20Green%202/img/DG_white_logo.svg") center/contain no-repeat;
  color: transparent;
  text-decoration: none;
}

.characterviewer > ul.nav-tabs a[data-tab=charsheet]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 128, 0, 0.5);
  /* Green overlay with 50% opacity */
  opacity: 0;
  transition: opacity 0.3s ease;
  /* Smooth transition */
}

.characterviewer > ul.nav-tabs a[data-tab=charsheet]:hover::before {
  opacity: 1;
  /* Show the overlay on hover and focus */
}

.avatar_checker {
  position: fixed;
}

div.dmi_avatar {
  display: flex;
  position: absolute;
  max-width: 80px;
  max-height: 100px;
  top: -50px;
  border: solid white;
  background: black;
  border-width: 5px 5px 20px 5px;
  flex-wrap: nowrap;
  justify-content: center !important;
  transform: rotate(6deg);
  border-radius: 3px;
  z-index: 1000;
  overflow: hidden;
  box-shadow: 1px 1px 20px -10px rgba(0, 0, 0, 0.75);
  right: 50px;
}

div.dmi_avatar img {
  max-height: 80px;
  max-width: 80px;
}

input.avatar_checker {
  display: none;
}

input.avatar_checker:not([value]) ~ div.dmi_avatar {
  display: none;
}

input.avatar_checker:placeholder-shown ~ div.dmi_avatar {
  display: none;
}

div.picture {
  position: sticky;
  top: 0;
  padding-right: 0em;
  height: 0rem;
  overflow: visible;
  z-index: 1000;
}

.repcontrol, .itemcontrol {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  align-items: center;
}

.repcontrol .btn,
.itemcontrol .btn {
  position: relative;
  color: transparent !important;
  float: unset;
  padding: 0px;
  text-shadow: none;
}

.repcontrol .repcontrol_add:after,
.repcontrol .repcontrol_edit:after,
.itemcontrol .repcontrol_del:after,
.itemcontrol .repcontrol_move:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: black;
  font-family: pictos;
  position: absolute;
}

.repcontrol .repcontrol_add:after,
.repcontrol .repcontrol_edit:after,
.itemcontrol .repcontrol_move:after {
  background: transparent;
}

.repcontrol {
  margin: 1%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  font-size: 1.5rem;
}
.repcontrol .repcontrol_edit,
.repcontrol .repcontrol_add {
  border: 0.01rem solid whitesmoke;
  border-radius: 0.25rem;
  height: 2rem;
  width: 3rem;
}
.repcontrol .repcontrol_edit {
  justify-self: start;
}
.repcontrol .repcontrol_add {
  justify-self: end;
}
.repcontrol .repcontrol_edit:after {
  content: "(";
}
.repcontrol .repcontrol_add:after {
  content: "&";
}
.repcontrol .repcontrol_edit:hover,
.repcontrol .repcontrol_add:hover,
.repcontrol .repcontrol_edit:focus,
.repcontrol .repcontrol_add:focus {
  background: #06562b;
}
.repcontrol .repcontrol_edit:hover:after,
.repcontrol .repcontrol_add:hover:after,
.repcontrol .repcontrol_edit:focus:after,
.repcontrol .repcontrol_add:focus:after {
  color: #f6efe9;
}

.editmode ~ .repcontrol .repcontrol_edit:after {
  content: ")";
}

.itemcontrol {
  z-index: 10;
}
.itemcontrol .repcontrol_del,
.itemcontrol .repcontrol_move {
  font-size: 1rem;
  height: 2rem;
  padding: 0px;
  width: 2rem;
  font-family: pictos;
}
.itemcontrol .repcontrol_del:after {
  content: "*";
}
.itemcontrol .repcontrol_move:after {
  content: "l";
}
.itemcontrol .repcontrol_del {
  background-color: darkred;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  -webkit-transition: 0.4s;
  background-color: #ccc;
  border-radius: 34px;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
  width: 50px;
}

.slider:before {
  -webkit-transition: 0.4s;
  background-color: white;
  border-radius: 50%;
  bottom: 4px;
  content: "";
  height: 16px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 16px;
}

input:checked + .slider {
  background-color: #c8dad0;
}

input:focus + .slider {
  box-shadow: 0 0 1px #c8dad0;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.tooltip-container {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  background: #73AD21;
  width: 1.5rem;
  height: 1.5rem;
  cursor: help;
}

.questionmark {
  font-family: "pictos";
  display: grid;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  color: #73AD21;
  font-size: 1.5rem;
  font-weight: bold;
  cursor: help;
}

.tooltip-text {
  visibility: hidden;
  min-width: 20rem;
  max-width: 120rem;
  font-size: 0.8rem;
  background-color: #c8dad0;
  color: black;
  text-align: left;
  border-radius: 5px;
  padding: 5px;
  /* Positioning */
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 100%;
  /* Aligns to the left of the '?' */
  transform: translateY(-50%);
  /* Vertically center relative to '?' */
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.vslider {
  -webkit-transition: 0.4s;
  background-color: #ccc;
  border-radius: 0px;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
  width: 0.5em;
}

.vslider:before {
  -webkit-transition: 0.4s;
  background-color: black;
  border-radius: 0%;
  bottom: 0em;
  content: "";
  height: 0.8em;
  left: 0;
  position: absolute;
  transition: 0.4s;
  width: 0.5em;
}

.switch-edit {
  white-space: nowrap;
  position: relative;
  display: block;
  width: 0.5em;
  height: 1.3em;
  align-items: center;
  /* Vertically center the elements */
}

.switch-edit input {
  opacity: 0;
  width: 0;
  height: 0;
}

input:checked + .vslider {
  background-color: #c8dad0;
}

input:focus + .vslider {
  box-shadow: 0 0 1px #c8dad0;
}

input:checked + .vslider:before {
  -webkit-transform: translateY(-0.8em);
  -ms-transform: translateY(-0.8em);
  transform: translateY(-0.8em);
}

.unedit_text {
  display: none;
}

input.edit_test[value=editable] ~ .unedit_text, .edit_text {
  display: flex;
  width: 99%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-items: center;
}

input.edit_test[value=editable] ~ .edit_text {
  display: none;
}

input.bond_checkbox {
  display: block;
  height: 1.5em;
  width: 1.5em;
}

button.pressable {
  box-sizing: content-box;
  text-align: left;
  width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
button.pressable * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.form-skill-group, .form-normal-group, .form-group {
  display: grid;
  align-items: center !important;
  /* Vertically center the elements */
  grid-template-columns: 1fr 1em;
  justify-items: left;
  grid-gap: 0rem;
  height: 100%;
  border-left: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin: 0;
  padding-top: 1%;
  padding-bottom: 1%;
}
.form-skill-group .unedit_text, .form-skill-group .edit_text, .form-normal-group .unedit_text, .form-normal-group .edit_text, .form-group .unedit_text, .form-group .edit_text {
  height: 98%;
}
.form-skill-group .unedit_text, .form-normal-group .unedit_text, .form-group .unedit_text {
  align-items: center;
  justify-items: left;
  text-align: left;
  width: 100%;
}
.form-skill-group .unedit_text button.pressable, .form-normal-group .unedit_text button.pressable, .form-group .unedit_text button.pressable {
  box-sizing: content-box;
  text-align: left;
  width: calc(100%-1em);
}
.form-skill-group .edit_text, .form-normal-group .edit_text, .form-group .edit_text {
  display: grid;
  grid-template-columns: auto auto;
  text-align: left;
  width: 100%;
}
.form-skill-group .edit_text h3, .form-normal-group .edit_text h3, .form-group .edit_text h3 {
  text-align: left;
  font-size: 1.2rem;
}
.form-skill-group .edit_text h3 span, .form-normal-group .edit_text h3 span, .form-group .edit_text h3 span {
  font-size: inherit;
  font-weight: inherit;
}

/* SUMMARY UPDATE */
.allowpopup {
  overflow: visible !important;
}

div.datahide {
  display: none;
}

div[data-groupname=repeating_summary].repcontrol {
  display: none;
}

input[value=active] ~ .hasAdvancedWeapons {
  display: block !important;
}

.hasAdvancedWeapons {
  display: none !important;
}

input[value=active].flag-advanced-weapons ~ span.without-advanced-weapons {
  display: none;
}

input[value=active].flag-advanced-weapons ~ span.with-advanced-weapons {
  display: grid;
}

div.summary {
  position: absolute;
  bottom: 40px;
  right: 10px;
  display: none;
  z-index: 10;
  background: #d9d9d9;
  border: 0.01em solid black;
  border-radius: 2%;
  width: 30%;
  min-height: 20%;
  overflow-y: scroll;
  padding: 10px;
}

.section-summary {
  grid-column-gap: 0.2em;
  grid-row-gap: 0.2em;
  grid-template-columns: 4fr 1fr 1fr 1fr;
  display: grid;
}
.section-summary .item1 {
  padding-left: 0.2em;
  justify-self: start;
}
.section-summary .item2, .section-summary .item4 {
  justify-self: end;
}
.section-summary .item4 {
  padding-right: 0.2em;
}
.section-summary .item3 {
  justify-self: center;
}

input[value=lethality_percent].dmg_or_perc ~ .isdmg, .islethal {
  display: none !important;
}

input[value=lethality_percent].dmg_or_perc ~ .islethal, .isdmg {
  display: block !important;
}

.item-ritual-attack {
  display: grid;
  grid-template-columns: 12rem 3.5rem 3.5rem;
  align-items: center;
}
.item-ritual-attack input[type=text].amount {
  width: 4rem !important;
  color: whitesmoke !important;
}
.item-ritual-attack select {
  width: 12rem !important;
  color: whitesmoke !important;
  background: black;
}
.item-ritual-attack select:hover, .item-ritual-attack select:active, .item-ritual-attack select:focus {
  background: black;
  color: whitesmoke !important;
}
.item-ritual-attack select.tiny-select {
  width: 4rem !important;
  color: whitesmoke !important;
}

div.updateinfo {
  position: relative;
}
div.updateinfo input[type=checkbox] {
  opacity: 0;
  width: 16px;
  height: 16px;
  position: relative;
  top: 5px;
  left: 6px;
  margin: -10px;
  cursor: pointer;
  z-index: 1;
}
div.updateinfo input[type=checkbox] + span::before {
  margin-right: 4px;
  line-height: 14px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  font-family: "pictos";
  content: "?";
  font-weight: bold;
  color: green;
  width: 14px;
  height: 14px;
  font-size: 12px;
}
div.updateinfo input[type=checkbox]:checked ~ div.summary {
  display: grid;
}
div.updateinfo input[type=checkbox]:checked + span::before {
  content: "?";
  font-weight: bold;
  color: gray;
}

div.modifiers {
  min-height: 80px;
}

div.modifiers_rituals {
  min-height: 120px;
}

div.modifiers, div.modifiers_rituals {
  width: 40em;
}
div.modifiers select:hover, div.modifiers select:active, div.modifiers select:focus, div.modifiers_rituals select:hover, div.modifiers_rituals select:active, div.modifiers_rituals select:focus {
  background: black;
}

div.ritualInfo {
  width: 30em;
  grid-column: 1/4;
  grid-template-columns: 1fr;
  overflow: hidden;
}

div.modifiers, div.modifiers_rituals, div.ritualInfo {
  position: absolute;
  right: 100%;
  margin: 3rem 1.5rem 3rem 1.5rem;
  bottom: 2em;
  opacity: 1;
  display: none;
  z-index: 10 !important;
  background: black;
  background-color: black !important;
  color: whitesmoke;
  border: 0.01em solid black;
  border-radius: 2%;
  padding-bottom: 1em;
  align-items: center;
  grid-row-gap: 1.5em;
  justify-content: space-evenly;
  padding: 0.2em;
}
div.modifiers *, div.modifiers_rituals *, div.ritualInfo * {
  column-gap: 1rem;
}
div.modifiers .item-acc, div.modifiers .item-text, div.modifiers .item-textbox, div.modifiers .item-number, div.modifiers .item-shotgun, div.modifiers .item-check, div.modifiers .item-sel, div.modifiers h2.title, div.modifiers_rituals .item-acc, div.modifiers_rituals .item-text, div.modifiers_rituals .item-textbox, div.modifiers_rituals .item-number, div.modifiers_rituals .item-shotgun, div.modifiers_rituals .item-check, div.modifiers_rituals .item-sel, div.modifiers_rituals h2.title, div.ritualInfo .item-acc, div.ritualInfo .item-text, div.ritualInfo .item-textbox, div.ritualInfo .item-number, div.ritualInfo .item-shotgun, div.ritualInfo .item-check, div.ritualInfo .item-sel, div.ritualInfo h2.title {
  width: inherit !important;
}
div.modifiers .item-acc input, div.modifiers .item-sel input, div.modifiers .item-text input, div.modifiers .item-textbox textarea, div.modifiers .item-number input, div.modifiers_rituals .item-acc input, div.modifiers_rituals .item-sel input, div.modifiers_rituals .item-text input, div.modifiers_rituals .item-textbox textarea, div.modifiers_rituals .item-number input, div.ritualInfo .item-acc input, div.ritualInfo .item-sel input, div.ritualInfo .item-text input, div.ritualInfo .item-textbox textarea, div.ritualInfo .item-number input {
  background: whitesmoke !important;
  opacity: 1;
}
div.modifiers .item-acc input[type=number], div.modifiers .item-sel input[type=number], div.modifiers .item-text input[type=number], div.modifiers .item-textbox textarea[type=number], div.modifiers .item-number input[type=number], div.modifiers_rituals .item-acc input[type=number], div.modifiers_rituals .item-sel input[type=number], div.modifiers_rituals .item-text input[type=number], div.modifiers_rituals .item-textbox textarea[type=number], div.modifiers_rituals .item-number input[type=number], div.ritualInfo .item-acc input[type=number], div.ritualInfo .item-sel input[type=number], div.ritualInfo .item-text input[type=number], div.ritualInfo .item-textbox textarea[type=number], div.ritualInfo .item-number input[type=number] {
  width: 2em;
}
div.modifiers .item-acc input[type=number]::after, div.modifiers .item-sel input[type=number]::after, div.modifiers .item-text input[type=number]::after, div.modifiers .item-textbox textarea[type=number]::after, div.modifiers .item-number input[type=number]::after, div.modifiers_rituals .item-acc input[type=number]::after, div.modifiers_rituals .item-sel input[type=number]::after, div.modifiers_rituals .item-text input[type=number]::after, div.modifiers_rituals .item-textbox textarea[type=number]::after, div.modifiers_rituals .item-number input[type=number]::after, div.ritualInfo .item-acc input[type=number]::after, div.ritualInfo .item-sel input[type=number]::after, div.ritualInfo .item-text input[type=number]::after, div.ritualInfo .item-textbox textarea[type=number]::after, div.ritualInfo .item-number input[type=number]::after {
  content: " ";
}
div.modifiers .item-acc input.text, div.modifiers .item-sel input.text, div.modifiers .item-text input.text, div.modifiers .item-textbox textarea.text, div.modifiers .item-number input.text, div.modifiers_rituals .item-acc input.text, div.modifiers_rituals .item-sel input.text, div.modifiers_rituals .item-text input.text, div.modifiers_rituals .item-textbox textarea.text, div.modifiers_rituals .item-number input.text, div.ritualInfo .item-acc input.text, div.ritualInfo .item-sel input.text, div.ritualInfo .item-text input.text, div.ritualInfo .item-textbox textarea.text, div.ritualInfo .item-number input.text {
  width: 12rem !important;
}
div.modifiers .item-acc input.number, div.modifiers .item-sel input.number, div.modifiers .item-text input.number, div.modifiers .item-textbox textarea.number, div.modifiers .item-number input.number, div.modifiers_rituals .item-acc input.number, div.modifiers_rituals .item-sel input.number, div.modifiers_rituals .item-text input.number, div.modifiers_rituals .item-textbox textarea.number, div.modifiers_rituals .item-number input.number, div.ritualInfo .item-acc input.number, div.ritualInfo .item-sel input.number, div.ritualInfo .item-text input.number, div.ritualInfo .item-textbox textarea.number, div.ritualInfo .item-number input.number {
  width: 4rem !important;
}
div.modifiers h2.title, div.modifiers_rituals h2.title, div.ritualInfo h2.title {
  width: inherit;
  text-align: center;
  color: whitesmoke;
  justify-self: center;
}
div.modifiers h2.title::after, div.modifiers_rituals h2.title::after, div.ritualInfo h2.title::after {
  content: "";
  display: block;
  width: 98%;
  background: whitesmoke;
  border-radius: 50%;
  height: 5px;
}
div.modifiers .item-check, div.modifiers .item-acc, div.modifiers .item-sel, div.modifiers .item-shotgun, div.modifiers .item-text, div.modifiers .item-textbox, div.modifiers .item-number, div.modifiers .item, div.modifiers_rituals .item-check, div.modifiers_rituals .item-acc, div.modifiers_rituals .item-sel, div.modifiers_rituals .item-shotgun, div.modifiers_rituals .item-text, div.modifiers_rituals .item-textbox, div.modifiers_rituals .item-number, div.modifiers_rituals .item, div.ritualInfo .item-check, div.ritualInfo .item-acc, div.ritualInfo .item-sel, div.ritualInfo .item-shotgun, div.ritualInfo .item-text, div.ritualInfo .item-textbox, div.ritualInfo .item-number, div.ritualInfo .item {
  padding-left: 1em;
  padding-right: 1em;
  width: inherit;
}
div.modifiers .item-shotgun, div.modifiers_rituals .item-shotgun, div.ritualInfo .item-shotgun {
  display: grid;
  grid-template-rows: 3.5rem;
  grid-template-columns: 3em 10em 1fr;
}
div.modifiers .item-shotgun span, div.modifiers_rituals .item-shotgun span, div.ritualInfo .item-shotgun span {
  display: inline-block;
}
div.modifiers .item-shotgun .double_damage, div.modifiers_rituals .item-shotgun .double_damage, div.ritualInfo .item-shotgun .double_damage {
  display: none;
}
div.modifiers .item-shotgun input:checked ~ .double_damage, div.modifiers_rituals .item-shotgun input:checked ~ .double_damage, div.ritualInfo .item-shotgun input:checked ~ .double_damage {
  display: grid;
  grid-template-columns: 3em 1fr;
}
div.modifiers .item-check, div.modifiers_rituals .item-check, div.ritualInfo .item-check {
  display: grid;
  grid-template-rows: 3.5rem;
  width: 100%;
  grid-template-columns: 3em 1fr;
}
div.modifiers .item-check span, div.modifiers_rituals .item-check span, div.ritualInfo .item-check span {
  display: inline-block;
}
div.modifiers .two-col, div.modifiers_rituals .two-col, div.ritualInfo .two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-left: 0.5em;
  padding-right: 0.5em;
  column-gap: 0.5em;
  grid-template-rows: 3.5rem;
  align-items: center;
}
div.modifiers .two-col.large-row-space, div.modifiers_rituals .two-col.large-row-space, div.ritualInfo .two-col.large-row-space {
  grid-row-gap: 1.5em !important;
}
div.modifiers .two-col span, div.modifiers_rituals .two-col span, div.ritualInfo .two-col span {
  display: inline-block;
}
div.modifiers .three-col, div.modifiers_rituals .three-col, div.ritualInfo .three-col {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding-left: 0.5em;
  padding-right: 0.5em;
  column-gap: 0.5em;
  grid-template-rows: 3.5rem;
  align-items: center;
}
div.modifiers .three-col span, div.modifiers_rituals .three-col span, div.ritualInfo .three-col span {
  display: inline-block;
}
div.modifiers .item-text, div.modifiers .item-number, div.modifiers_rituals .item-text, div.modifiers_rituals .item-number, div.ritualInfo .item-text, div.ritualInfo .item-number {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
div.modifiers .item-text span, div.modifiers .item-number span, div.modifiers_rituals .item-text span, div.modifiers_rituals .item-number span, div.ritualInfo .item-text span, div.ritualInfo .item-number span {
  display: inline-block;
}
div.modifiers .item-textbox, div.modifiers_rituals .item-textbox, div.ritualInfo .item-textbox {
  display: grid;
  padding-left: 1em;
  padding-right: 1em;
  grid-template-rows: 3.5rem 8em;
  grid-template-columns: 1fr;
}
div.modifiers .item-textbox span, div.modifiers_rituals .item-textbox span, div.ritualInfo .item-textbox span {
  display: inline-block;
}
div.modifiers .item-acc, div.modifiers_rituals .item-acc, div.ritualInfo .item-acc {
  display: grid;
  grid-template-rows: 3.5rem;
  grid-template-columns: 3em 1fr 1fr 1fr;
}
div.modifiers .item-acc input, div.modifiers_rituals .item-acc input, div.ritualInfo .item-acc input {
  background-color: #4d4d4d;
}
div.modifiers .item-acc input.small-select, div.modifiers_rituals .item-acc input.small-select, div.ritualInfo .item-acc input.small-select {
  width: 11em !important;
}
div.modifiers .item-sel, div.modifiers_rituals .item-sel, div.ritualInfo .item-sel {
  background-color: transparent !important;
  display: grid;
  grid-template-columns: 3em 1fr 1fr 1fr;
  grid-template-rows: 3.5rem;
  align-items: center;
  background-color: #4d4d4d;
  align-items: center;
}
div.modifiers .item-sel .selfire, div.modifiers_rituals .item-sel .selfire, div.ritualInfo .item-sel .selfire {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 6em;
  width: 100%;
}
div.modifiers .item-sel .selfire .second, div.modifiers_rituals .item-sel .selfire .second, div.ritualInfo .item-sel .selfire .second {
  padding-left: 1em;
  text-align: right;
}
div.modifiers .item-sel select.small-select, div.modifiers_rituals .item-sel select.small-select, div.ritualInfo .item-sel select.small-select {
  width: 12em !important;
}
div.modifiers .small-select, div.modifiers_rituals .small-select, div.ritualInfo .small-select {
  color: whitesmoke;
  width: 12rem !important;
}
div.modifiers .fix-check, div.modifiers_rituals .fix-check, div.ritualInfo .fix-check {
  height: 1.5em;
  width: 1.5em;
}

.advancedinfo {
  position: relative;
}
.advancedinfo input.advanced[type=checkbox] {
  opacity: 0;
  width: 16px;
  height: 16px;
  position: relative;
  top: 5px;
  left: 6px;
  margin: -10px;
  cursor: pointer;
  z-index: 1;
}
.advancedinfo input.advanced[type=checkbox] + span::before {
  margin-right: 4px;
  line-height: 14px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  font-family: "pictos";
  content: "x";
  font-weight: bold;
  color: black;
  width: 14px;
  height: 14px;
  font-size: 12px;
}
.advancedinfo input.advanced[type=checkbox]:checked + span::before {
  color: #06562b;
  text-shadow: 0 0 10px black;
  font-weight: bold;
}
.advancedinfo input.advanced[type=checkbox]:checked ~ div.modifiers,
.advancedinfo input.advanced[type=checkbox]:checked ~ div.modifiers_rituals {
  display: grid;
}

input.hasammo[value=active] ~ .noammo, .wammo {
  display: none;
}

input.hasammo[value=active] ~ .wammo, .noammo {
  display: grid;
  grid-template-columns: 1fr;
}

input.shotgun, input.blast {
  display: none;
}

input.shotgun[value=active] ~ .noshotgun, .wshotgun {
  display: none;
}

input.blast[value=active] ~ span.wblast {
  display: grid;
  grid-template-columns: 1fr;
}

input.blast[value=active] ~ span.noblast, span.wblast {
  display: none;
}

span.noshotgun, span.noblast {
  display: grid;
  grid-template-columns: 1fr;
}

input[name=attr_hasDoubleBarrel].shotgun:checked ~ span.wshotgun {
  display: grid;
  grid-template-columns: 1fr 0.5em 1fr;
  align-items: center;
}

input[value=active].shotgun ~ .wshotgun {
  display: grid;
  grid-template-columns: 1fr;
}

input[type=checkbox].shotgun, input[type=checkbox].blast {
  display: none;
}

.compendium-drop-target {
  background-color: yellow;
  background: fixed;
  display: grid;
  align-items: center;
  justify-content: center;
}

input.settinggear {
  opacity: 0;
  opacity: 0;
  width: 16px;
  height: 16px;
  position: relative;
  top: 5px;
  left: 6px;
  margin: -10px;
  cursor: pointer;
  z-index: 1;
}
input.settinggear + span::before {
  margin-right: 4px;
  line-height: 14px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  font-family: "pictos";
  content: "y";
  font-size: 1.5em;
  font-weight: bold;
  color: whitesmoke;
}
input.settinggear:checked + span::before {
  content: "y";
  color: #06562b;
  text-shadow: 0 0 10px whitesmoke;
  /* Adjust the blur radius and color as needed */
}

.mainsheet {
  display: grid;
  min-width: 830px;
  max-width: 900px;
}

input.setting_gear[value=settings] ~ .mainsheet, .settings {
  display: none;
}

input.setting_gear[value=settings] ~ .settings {
  display: grid;
  min-width: 830px;
  max-width: 900px;
}

/* HIGHLIGHT BUTTONS
============================= 
input.display_string[value*='settings'] ~ div.tabs .gear {
    @include back-color($gray);
    box-shadow: inset 0px 0px 3px 1px $accent1;
    color     : $accent1;
} 

*/
input[type=text].settinginput {
  width: 4em !important;
  border: 1px solid black !important;
  background: #c8dad0 !important;
  opacity: 0.8 !important;
  background-color: whitesmoke;
}

div.settings {
  min-width: 830px;
  max-width: 900px;
  grid-column-gap: 0.2em;
  grid-row-gap: 0.2em;
  grid-template-columns: 1fr;
}
div.settings h1 {
  color: whitesmoke;
  font-size: 1em;
  text-align: center;
  transform: rotate(180deg);
}
div.settings input[type=text], div.settings input[type=number] {
  width: 100%;
}
div.settings div.vert-line,
div.settings div.horz-line {
  background-color: black;
}
div.settings div.horz-line {
  height: 2px;
}
div.settings span.para:before {
  content: "(";
}
div.settings span.para:after {
  content: ")";
}
div.settings .section-main {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  width: 100%;
  justify-content: center;
}
div.settings .section-main .section-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: left;
  padding-left: 1em;
}
div.settings .section-main .section-title::after {
  content: "";
  display: block;
  width: 98%;
  height: 0.2em;
  border-radius: 50%;
  background-color: black;
}
div.settings .section-main .section-content {
  padding-left: 3em;
  padding-right: 3em;
  align-items: top;
  justify-content: center;
  text-align: left;
}
div.settings .section-main .section-content .workinprogress {
  color: #4d4d4d;
  font-size: bold;
}
div.settings .section-main .section-content .workinprogress input[type=checkbox] {
  position: absolute;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 10px;
  height: 10px;
  background-color: #4d4d4d;
  outline: none;
  position: relative;
}
div.settings .section-main .section-content .workinprogress input[type=checkbox]:before {
  content: "";
  position: relative;
  width: 10px;
  height: 10px;
  background-color: black;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
div.settings .section-main .section-content.twocolumns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
}
div.settings .section-main .section-content.threecolumns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1em;
}
div.settings .section-main .section-content .section-item23 {
  align-items: center !important;
}
div.settings .section-main .section-content .section-item, div.settings .section-main .section-content .section-item23 {
  display: inline-block;
  align-self: baseline;
}
div.settings .section-main .section-content .section-item span, div.settings .section-main .section-content .section-item23 span {
  color: black;
  font-weight: bold;
  font-size: inherit;
  padding-left: 1.5em;
}
div.settings .section-main .section-content .section-item .radio, div.settings .section-main .section-content .section-item23 .radio {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  grid-gap: 0.5em;
}
div.settings .section-main .section-content .section-item .radio label.settingradio, div.settings .section-main .section-content .section-item23 .radio label.settingradio {
  color: black;
  padding-bottom: 1em;
}
div.settings .section-main .section-content .section-item .radio span, div.settings .section-main .section-content .section-item23 .radio span {
  display: inline-block;
  text-transform: capitalize;
}
div.settings .section-main .section-content .section-item .column-reset, div.settings .section-main .section-content .section-item23 .column-reset {
  display: grid;
  grid-template-columns: 1fr 5em;
  grid-gap: 0.5em;
  width: 100%;
}
div.settings .section-main .section-content .section-item .column-reset label.settingradio, div.settings .section-main .section-content .section-item23 .column-reset label.settingradio {
  grid-column: 1/3 !important;
  color: black;
  padding-bottom: 1em;
  text-align: center;
}
div.settings .section-main .section-content .section-item .column-reset span, div.settings .section-main .section-content .section-item23 .column-reset span {
  display: inline-block;
  text-transform: capitalize;
}

.bigger {
  font-size: 2rem !important;
}

.mygrid {
  display: grid;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: left;
  grid-template-columns: 1fr;
}
.mygrid h2.title {
  padding-left: 0.5em;
  text-transform: capitalize;
}
.mygrid .item-check {
  display: grid;
  grid-template-columns: 3em 1fr;
}
.mygrid .item-acc {
  display: grid;
  grid-template-columns: 3em 1fr 1.5fr 3em 1em;
}
.mygrid .item-sel {
  display: grid;
  grid-template-columns: 3em 1fr 1fr 3em 1em;
}
.mygrid .item-sel option span.selfire {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.mygrid .item-sel option span.selfire .one {
  justify-self: start;
}
.mygrid .item-sel option span.selfire .two {
  justify-self: end;
}

/* HIDE DIFFERENT SHEET TYPES BY DEFAULT
============================= */
.capitalize {
  text-transform: capitalize;
}

div.npc, div.pc, div.handler {
  display: none;
}

input.type[value=npc] ~ div.npc {
  display: grid;
}

input.type[value=pc] ~ div.pc {
  display: grid;
}

input.type[value=handler] ~ div.handler {
  display: grid;
}

/*
div.pc  {
    display: grid;
}
*/
.slashpart {
  display: grid;
  width: 100%;
  align-items: center;
  justify-content: center;
  grid-template-columns: 1fr 1em 1fr;
  padding: 0;
  margin: 0;
  column-gap: 0.4rem;
}

#personal-data-pc {
  scroll-margin-top: 9.3rem;
}

#statistical-data-pc {
  scroll-margin-top: 9.3rem;
}

#applicable-skills-pc {
  scroll-margin-top: 9.3rem;
}

#injuries-pc {
  scroll-margin-top: 9.3rem;
}

#equipment-pc {
  scroll-margin-top: 9.3rem;
}

#remarks-pc {
  scroll-margin-top: 9.3rem;
}

#psychological-data-pc {
  scroll-margin-top: 9.3rem;
}

#personal-data-npc {
  scroll-margin-top: 9.3rem;
}

#source-information-npc {
  scroll-margin-top: 9.3rem;
}

#statistical-data-npc {
  scroll-margin-top: 9.3rem;
}

#applicable-skills-npc {
  scroll-margin-top: 9.3rem;
}

#equipment-npc {
  scroll-margin-top: 9.3rem;
}

#abilities-npc {
  scroll-margin-top: 9.3rem;
}

#remarks-npc {
  scroll-margin-top: 9.3rem;
}

#general-settings {
  scroll-margin-top: 9.3rem;
}

#modifier-settings {
  scroll-margin-top: 9.3rem;
}

#automations-settings {
  scroll-margin-top: 9.3rem;
}

#experimental-settings {
  scroll-margin-top: 9.3rem;
}

input[value=active].use_global_modifier ~ * #personal-data-pc {
  scroll-margin-top: 14.3rem;
}
input[value=active].use_global_modifier ~ * #statistical-data-pc {
  scroll-margin-top: 14.3rem;
}
input[value=active].use_global_modifier ~ * #applicable-skills-pc {
  scroll-margin-top: 14.3rem;
}
input[value=active].use_global_modifier ~ * #injuries-pc {
  scroll-margin-top: 14.3rem;
}
input[value=active].use_global_modifier ~ * #equipment-pc {
  scroll-margin-top: 14.3rem;
}
input[value=active].use_global_modifier ~ * #remarks-pc {
  scroll-margin-top: 14.3rem;
}
input[value=active].use_global_modifier ~ * #psychological-data-pc {
  scroll-margin-top: 14.3rem;
}
input[value=active].use_global_modifier ~ * #personal-data-npc {
  scroll-margin-top: 14.3rem;
}
input[value=active].use_global_modifier ~ * #source-information-npc {
  scroll-margin-top: 14.3rem;
}
input[value=active].use_global_modifier ~ * #statistical-data-npc {
  scroll-margin-top: 14.3rem;
}
input[value=active].use_global_modifier ~ * #applicable-skills-npc {
  scroll-margin-top: 14.3rem;
}
input[value=active].use_global_modifier ~ * #equipment-npc {
  scroll-margin-top: 14.3rem;
}
input[value=active].use_global_modifier ~ * #abilities-npc {
  scroll-margin-top: 14.3rem;
}
input[value=active].use_global_modifier ~ * #remarks-npc {
  scroll-margin-top: 14.3rem;
}
input[value=active].use_global_modifier ~ * #general-settings {
  scroll-margin-top: 14.3rem;
}
input[value=active].use_global_modifier ~ * #modifier-settings {
  scroll-margin-top: 14.3rem;
}
input[value=active].use_global_modifier ~ * #automations-settings {
  scroll-margin-top: 14.3rem;
}
input[value=active].use_global_modifier ~ * #experimental-settings {
  scroll-margin-top: 14.3rem;
}

input[value=active].use_global_modifier + .tabs {
  height: 14rem !important;
}

.grid.global-modifier {
  display: none;
}

.breakingpoints-reset {
  display: inline-block !important;
  padding: 0 !important;
}
.breakingpoints-reset input {
  width: 3em;
}

input[value=active].use_global_modifier + .global-modifier {
  display: grid;
  gap: 0;
  margin: 0;
  height: 5rem !important;
  line-height: 5rem;
  column-gap: 0.5rem;
  justify-items: auto;
  grid-template-columns: 13rem 3rem 3rem 1fr;
  grid-column: 1/4;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-color: black;
}
input[value=active].use_global_modifier + .global-modifier input {
  width: 5rem;
  color: whitesmoke;
}
input[value=active].use_global_modifier + .global-modifier button {
  background: linear-gradient(to bottom right, #c8dad0, whitesmoke);
  width: 8rem;
  height: 2rem;
}
input[value=active].use_global_modifier + .global-modifier button:focus, input[value=active].use_global_modifier + .global-modifier button:hover, input[value=active].use_global_modifier + .global-modifier button:active {
  background: linear-gradient(to bottom right, #06562b, black);
  color: whitesmoke;
}
input[value=active].use_global_modifier + .global-modifier button:focus h3, input[value=active].use_global_modifier + .global-modifier button:hover h3, input[value=active].use_global_modifier + .global-modifier button:active h3 {
  color: whitesmoke !important;
}

.buttonwrapper button {
  display: grid;
  height: calc(100% - 0.5rem);
  /* Adjust the value as needed */
}

.section-bond-col .box {
  height: 100%;
}

div.tabs {
  position: sticky;
  top: 0;
  align-items: center;
  padding-right: 0em;
  height: 9rem;
  clear: both;
  z-index: 100;
  margin-bottom: 1 rem;
}
div.tabs .first {
  padding-left: 0.5rem;
  justify-self: start;
  justify-content: center;
}
div.tabs .last {
  justify-self: end;
}
div.tabs .logo {
  height: 5.5rem;
}
div.tabs .navmenu, div.tabs .navmenu1 {
  gap: 0;
  margin: 0;
  grid-auto-flow: column;
  align-items: center;
  justify-content: space-evenly;
  background-color: black;
}
div.tabs .navmenu a, div.tabs .navmenu1 a {
  text-transform: capitalize;
  color: whitesmoke;
}
div.tabs .navmenu a:hover, div.tabs .navmenu1 a:hover {
  color: #06562b;
  text-shadow: 0 0 10px whitesmoke;
}
div.tabs .navmenu input.type[value=npc] ~ a.pc, div.tabs .navmenu a.npc, div.tabs .navmenu1 input.type[value=npc] ~ a.pc, div.tabs .navmenu1 a.npc {
  display: none;
}
div.tabs .navmenu input.type[value=npc] ~ a.npc, div.tabs .navmenu a.pc, div.tabs .navmenu1 input.type[value=npc] ~ a.npc, div.tabs .navmenu1 a.pc {
  display: block;
}
div.tabs .navmenu input.onsettings[value=settings] ~ a.nosettings, div.tabs .navmenu a.navsettings, div.tabs .navmenu1 input.onsettings[value=settings] ~ a.nosettings, div.tabs .navmenu1 a.navsettings {
  display: none !important;
}
div.tabs .navmenu input.onsettings[value=settings] ~ a.navsettings, div.tabs .navmenu1 input.onsettings[value=settings] ~ a.navsettings {
  display: block !important;
}
div.tabs input.setting_gear[value=settings] ~ .empty, div.tabs .navmenu {
  display: grid;
  grid-column: 1/4;
  width: 100%;
  height: 3rem;
}
div.tabs input.setting_gear[value=settings] + .navmenu, div.tabs .empty, div.tabs .global-modifiers {
  display: none;
}

/* HIDE PC SECTIONS NOT NEEDED ON NPC PAGE
----------------------------- */
input.type[value=npc] ~ div.pc div.personal-data {
  display: none;
}

input.type[value=npc] ~ div.pc div.statistical-data {
  display: none;
}

input.type[value=npc] ~ div.pc div.pyschological-data {
  display: none;
}

input.type[value=npc] ~ div.pc div.applicable-skill-sets {
  display: none;
}

input.type[value=npc] ~ div.pc div.injuries {
  display: none;
}

input.type[value=npc] ~ div.pc div.remarks {
  display: none;
}

input.type[value=npc] ~ div.pc div.authorizing-officer {
  display: none;
}

input.type[value=npc] ~ div.pc div.section-bottom-decor {
  display: none;
}

input.type[value=npc] ~ div.pc div.equipment {
  display: none;
}

/* GRID
============================= */
div.grid {
  display: inline-grid;
}

div.grid-tab-inputs label:nth-of-type(1) {
  grid-area: 2/2/1/1;
}
div.grid-tab-inputs span:nth-of-type(1) {
  grid-area: 1/1/1/1;
}
div.grid-tab-inputs label:nth-of-type(2) {
  grid-area: 2/2/2/2;
}
div.grid-tab-inputs span:nth-of-type(2) {
  grid-area: 1/1/2/2;
}
div.grid-tab-inputs label:nth-of-type(3) {
  grid-area: 2/2/3/3;
}
div.grid-tab-inputs span:nth-of-type(3) {
  grid-area: 1/1/3/3;
}

.tabs, .mainsheet, .settings {
  width: 100%;
}

/* TABS & LOGO SECTION
============================= */
div.tabs {
  grid-template-columns: 8rem 1fr 2rem;
  margin-bottom: 0.5%;
  background-color: black;
}
div.tabs label > input {
  width: 100%;
}
div.tabs label.switch {
  grid-column: 1;
  margin-left: 5%;
  margin-top: 2%;
}
div.tabs img {
  grid-area: 1/2/3/2;
  height: 99%;
}
div.tabs button[name=attr_gm_toggle] {
  grid-area: 1/1/1/1;
}
div.tabs button[name=act_toggle_character] {
  grid-area: 1/3/1/3;
}
div.tabs button[name=act_toggle_npc] {
  grid-area: 2/3/2/3;
}
div.tabs select {
  background-color: black;
  border: none;
  color: whitesmoke;
  font-weight: bold;
  width: 4rem;
}
div.tabs span {
  color: whitesmoke;
  font-weight: bold;
}
div.tabs span:nth-of-type(1) {
  padding: 5% 1% 0px 5%;
  grid-area: 1/1/1/1;
}
div.tabs span:nth-of-type(2) {
  padding: 5% 1% 0px 5%;
  grid-area: 1/3/1/3;
}

/* GENERIC CLASSES
============================= */
.border {
  border: 0.15rem solid black;
}

.border-bottom {
  border-bottom: 0.15em solid black;
}

.center {
  text-align: center;
}

.center-items {
  align-items: center;
  justify-items: center;
}

.header-body {
  grid-template-columns: 3em 1fr;
}

.italic {
  font-style: italic;
}

.margin-left {
  margin-left: 2%;
}

.pictos {
  font-family: "pictos";
}

.none {
  display: none;
}

.text-align-left {
  text-align: left !important;
  text-indent: 1rem;
  width: 100%;
}

.short {
  size: 1rem;
}

.dicefontd10 {
  color: black;
  font-family: "dicefontd10";
}

h2.aligned-left,
h3.aligned-left {
  padding-left: 0.5rem;
  text-align: left;
}

h2.aligned-center,
h3.aligned-center {
  justify-self: center !important;
}

/* STYLED CHECKBOXES
============================= */
label.styled-checkbox input[type=checkbox] {
  height: 1.5rem;
  width: 1.5rem;
}

/* NPC SHEET
============================= */
.npc, .handler {
  grid-column-gap: 0.2rem;
  grid-row-gap: 0.2rem;
  grid-template-columns: 1fr 1fr;
}
.npc h2.npc, .npc h2.handler, .handler h2.npc, .handler h2.handler {
  text-align: left;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.npc .header h2, .handler .header h2 {
  color: whitesmoke;
  text-indent: 1rem;
}
.npc h3.formatted, .handler h3.formatted {
  text-indent: 2rem;
  text-transform: uppercase;
  font-weight: bold;
}
.npc .grid_npc, .npc .grid_handler, .handler .grid_npc, .handler .grid_handler {
  align-items: start;
  justify-content: center;
  display: grid;
  grid-template-columns: 1fr;
}
.npc .grid_npc input[type=text], .npc .grid_handler input[type=text], .handler .grid_npc input[type=text], .handler .grid_handler input[type=text] {
  text-align: center;
  width: 40%;
}
.npc h1, .handler h1 {
  color: whitesmoke;
  font-size: 1rem;
  text-align: center;
}
.npc input[type=text], .npc input[type=number], .handler input[type=text], .handler input[type=number] {
  width: 100%;
}
.npc div.header, .handler div.header {
  background-color: black;
  width: 100%;
}
.npc .midheader, .handler .midheader {
  background-color: black;
}
.npc .sanityLine, .handler .sanityLine {
  display: grid;
  grid-column: 1/3;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 2rem;
  padding: 1rem;
  grid-template-rows: 3rem !important;
  align-items: stretch;
}
.npc .sanityLine select.small-select, .handler .sanityLine select.small-select {
  width: 16rem !important;
}
.npc span.para:before, .handler span.para:before {
  content: "(";
}
.npc span.para:after, .handler span.para:after {
  content: ")";
}
.npc div.stat-data, .npc div.armor-skills-abilities-other, .npc div.remarks, .npc div.attack, .npc div.sanloss, .handler div.stat-data, .handler div.armor-skills-abilities-other, .handler div.remarks, .handler div.attack, .handler div.sanloss {
  grid-column: 1/3;
}
.npc .armor-skills-abilities-other, .handler .armor-skills-abilities-other {
  display: grid;
}
.npc .armor-skills-abilities-other details, .handler .armor-skills-abilities-other details {
  border-top: 0.0775rem solid black;
  border-bottom: 0.0775rem solid black;
}
.npc .armor-skills-abilities-other details:not([open]) summary.allskills::before, .handler .armor-skills-abilities-other details:not([open]) summary.allskills::before {
  display: inline-block;
  padding-left: 1rem;
  padding-right: 1rem;
  content: ">";
}
.npc .armor-skills-abilities-other details[open] summary.allskills::before, .handler .armor-skills-abilities-other details[open] summary.allskills::before {
  display: inline-block;
  padding-left: 1rem;
  padding-right: 1rem;
  content: "v";
}
.npc .armor-skills-abilities-other .skill-summary-container, .npc .armor-skills-abilities-other .skill-summary-repeat, .handler .armor-skills-abilities-other .skill-summary-container, .handler .armor-skills-abilities-other .skill-summary-repeat {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper button, .npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button, .npc .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper button, .npc .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper_rep button, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper button, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button, .handler .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper button, .handler .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper_rep button {
  display: grid;
  grid-template-columns: 1fr 3rem;
}
.npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper button .nbsp::after, .npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button .nbsp::after, .npc .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper button .nbsp::after, .npc .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper_rep button .nbsp::after, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper button .nbsp::after, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button .nbsp::after, .handler .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper button .nbsp::after, .handler .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper_rep button .nbsp::after {
  content: " ";
}
.npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper button .para::before, .npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button .para::before, .npc .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper button .para::before, .npc .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper_rep button .para::before, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper button .para::before, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button .para::before, .handler .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper button .para::before, .handler .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper_rep button .para::before {
  content: "(";
}
.npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper button .para::after, .npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button .para::after, .npc .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper button .para::after, .npc .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper_rep button .para::after, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper button .para::after, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button .para::after, .handler .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper button .para::after, .handler .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper_rep button .para::after {
  content: "%)";
}
.npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper button span.title, .npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button span.title, .npc .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper button span.title, .npc .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper_rep button span.title, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper button span.title, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button span.title, .handler .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper button span.title, .handler .armor-skills-abilities-other .skill-summary-repeat .buttonwrapper_rep button span.title {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.npc .armor-skills-abilities-other .skill-summary-repeat, .npc .armor-skills-abilities-other .agent-summary-repeat, .handler .armor-skills-abilities-other .skill-summary-repeat, .handler .armor-skills-abilities-other .agent-summary-repeat {
  display: block;
}
.npc .armor-skills-abilities-other .skill-summary-repeat div[data-groupname=repeating_skills].repcontrol, .npc .armor-skills-abilities-other .agent-summary-repeat div[data-groupname=repeating_skills].repcontrol, .handler .armor-skills-abilities-other .skill-summary-repeat div[data-groupname=repeating_skills].repcontrol, .handler .armor-skills-abilities-other .agent-summary-repeat div[data-groupname=repeating_skills].repcontrol {
  display: none;
}
.npc .armor-skills-abilities-other .skill-summary-repeat div[data-groupname=repeating_skills].repcontainer, .npc .armor-skills-abilities-other .agent-summary-repeat div[data-groupname=repeating_skills].repcontainer, .handler .armor-skills-abilities-other .skill-summary-repeat div[data-groupname=repeating_skills].repcontainer, .handler .armor-skills-abilities-other .agent-summary-repeat div[data-groupname=repeating_skills].repcontainer {
  display: grid;
  grid-template-columns: repeat(4, auto);
}
.npc .armor-skills-abilities-other .skill-summary-repeat div[data-groupname=repeating_skills].repcontainer .buttonwrapper_rep, .npc .armor-skills-abilities-other .agent-summary-repeat div[data-groupname=repeating_skills].repcontainer .buttonwrapper_rep, .handler .armor-skills-abilities-other .skill-summary-repeat div[data-groupname=repeating_skills].repcontainer .buttonwrapper_rep, .handler .armor-skills-abilities-other .agent-summary-repeat div[data-groupname=repeating_skills].repcontainer .buttonwrapper_rep {
  display: grid;
}
.npc .armor-skills-abilities-other .skill-summary-container, .handler .armor-skills-abilities-other .skill-summary-container {
  display: grid;
  grid-template-columns: repeat(4, auto);
}
.npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper {
  display: none;
}
.npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper button, .npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper button, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button {
  display: grid;
  grid-template-columns: 1fr 3rem;
}
.npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper button .nbsp::after, .npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button .nbsp::after, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper button .nbsp::after, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button .nbsp::after {
  content: " ";
}
.npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper button .para::before, .npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button .para::before, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper button .para::before, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button .para::before {
  content: "(";
}
.npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper button .para::after, .npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button .para::after, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper button .para::after, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button .para::after {
  content: "%)";
}
.npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper button span.title, .npc .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button span.title, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper button span.title, .handler .armor-skills-abilities-other .skill-summary-container .buttonwrapper_rep button span.title {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.npc .armor-skills-abilities-other .skill-summary-container input.visible[value=visible] + .buttonwrapper, .handler .armor-skills-abilities-other .skill-summary-container input.visible[value=visible] + .buttonwrapper {
  display: grid;
}
.npc .grid__item, .npc .grid__item_last, .handler .grid__item, .handler .grid__item_last {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.npc .align_top, .handler .align_top {
  align-self: start;
}
.npc div.name-and-description,
.npc div.sources-of-information, .handler div.name-and-description,
.handler div.sources-of-information {
  width: 100%;
}
.npc div.name-and-description .inner-main,
.npc div.sources-of-information .inner-main, .handler div.name-and-description .inner-main,
.handler div.sources-of-information .inner-main {
  height: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 1rem;
  margin-right: 1rem;
}
.npc div.name-and-description .inner-grid,
.npc div.sources-of-information .inner-grid, .handler div.name-and-description .inner-grid,
.handler div.sources-of-information .inner-grid {
  display: grid;
  align-items: center;
  justify-content: start;
  grid-template-columns: 1fr 2.5fr;
  width: 100%;
}
.npc div.name-and-description .inner-grid .grid__item_last.colheader,
.npc div.sources-of-information .inner-grid .grid__item_last.colheader, .handler div.name-and-description .inner-grid .grid__item_last.colheader,
.handler div.sources-of-information .inner-grid .grid__item_last.colheader {
  justify-content: left;
  margin-left: 1rem;
}
.npc div.name-and-description .inner-grid textarea,
.npc div.sources-of-information .inner-grid textarea, .handler div.name-and-description .inner-grid textarea,
.handler div.sources-of-information .inner-grid textarea {
  height: 100%;
  width: 98%;
}
.npc div.name-and-description .inner-grid .right_grid,
.npc div.sources-of-information .inner-grid .right_grid, .handler div.name-and-description .inner-grid .right_grid,
.handler div.sources-of-information .inner-grid .right_grid {
  justify-content: center;
  justify-items: center;
  grid-row: 1/3;
  padding: 1rem;
}
.npc .stat-data, .handler .stat-data {
  width: 100%;
}
.npc .stat-data .stat-grid, .handler .stat-data .stat-grid {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-columns: repeat(6, 1fr) repeat(4, 1.5fr);
}
.npc .stat-data .inner-main, .handler .stat-data .inner-main {
  grid-template-rows: 6rem;
}
.npc .stat-data .inner-main *, .handler .stat-data .inner-main * {
  font-size: 1.5rem;
}
.npc .stat-data .inner-main .grid__item::after, .handler .stat-data .inner-main .grid__item::after {
  content: "";
  display: block;
  height: 6rem;
  border-left: 0.155rem solid black;
  position: absolute;
  right: 0;
}

/* PC SHEET
============================= */
label.input[type=number] {
  width: 100%;
}

/* PLAYS THE ROLE OF a non breaking space at the beginning of the line to circumvent pug removal*/
div.nbsp {
  text-indent: 0.5em;
}

div.postspace::after {
  content: " ";
}

/* MAIN SHEET */
/* NOT WORKING FOR SOME REASON  
.pc.grid.section-body{
    .is_visible_on_pc{
        display: none !important;
       }

    input[value='active'] + .is_visible_on_pc{
        display: grid !important;
    }
}
*/
.unusable-color, .usable-color, .unusable-element, .usable-element {
  display: none;
}

.unusable-element .buttonwrapper button[type=roll], .unusable-element .buttonwrapper button[type=action] {
  background: linear-gradient(to bottom right, #d9d9d9, #4d4d4d) !important;
}
.unusable-element .buttonwrapper button[type=roll]:focus, .unusable-element .buttonwrapper button[type=roll]:hover, .unusable-element .buttonwrapper button[type=roll]:active, .unusable-element .buttonwrapper button[type=action]:focus, .unusable-element .buttonwrapper button[type=action]:hover, .unusable-element .buttonwrapper button[type=action]:active {
  background: linear-gradient(to bottom right, #4d4d4d, black) !important;
  color: whitesmoke;
}

input[type=radio].usable-color:checked + .usable-element {
  display: block;
}

input[type=radio].unusable-color:checked + .unusable-element {
  display: block;
}

.normal_color, .low_color, .extra_color, .zero_color, .vitality-colored {
  display: none;
}

.normal_val {
  color: black;
  font-weight: bold;
}

.low_val {
  color: red;
  font-weight: bold;
}

.extra_val {
  color: blue;
  font-weight: bold;
}

.zero_val {
  color: grey;
  font-weight: bold;
}

input[type=radio].normal_color:checked + input.vitality-colored {
  display: block;
  color: black;
}

div.vert-line,
div.horz-line {
  background-color: black;
}

div.horz-line {
  height: 2px;
}

span.para:before {
  content: "(";
}
span.para:after {
  content: ")";
}

input[type=radio].low_color:checked + input.vitality-colored {
  display: block;
  color: red;
  font-weight: bold;
}

input[type=radio].extra_color:checked + input.vitality-colored {
  display: block;
  color: blue;
  font-weight: bold;
}

input[type=radio].zero_color:checked + input.vitality-colored {
  display: block;
  color: grey;
  font-weight: bold;
}

div.npc, div.handler, div.pc {
  /* EQUIPMENT
  ======================= */
}
div.npc input[type=text], div.npc input[type=number], div.handler input[type=text], div.handler input[type=number], div.pc input[type=text], div.pc input[type=number] {
  width: 100% !important;
}
div.npc div.equipment, div.handler div.equipment, div.pc div.equipment {
  grid-column: 1/3;
}
div.npc div.equipment .ritualsanloss, div.handler div.equipment .ritualsanloss, div.pc div.equipment .ritualsanloss {
  display: grid;
  grid-template-columns: 1fr 0.5em 1fr;
  align-items: center;
  width: 100%;
}
div.npc div.equipment .ritualsanloss span, div.handler div.equipment .ritualsanloss span, div.pc div.equipment .ritualsanloss span {
  text-align: center;
}
div.npc div.equipment .section-rituals.repeating-section-rituals, div.handler div.equipment .section-rituals.repeating-section-rituals, div.pc div.equipment .section-rituals.repeating-section-rituals {
  grid-template-rows: 2.8em;
}
div.npc div.equipment .section-rituals.repeating-section-rituals select, div.handler div.equipment .section-rituals.repeating-section-rituals select, div.pc div.equipment .section-rituals.repeating-section-rituals select {
  width: 99%;
  align-self: center;
  justify-self: center;
  margin: 0;
  padding: 0;
}
div.npc div.equipment .section-rituals.repeating-section-rituals label.ritual_button, div.handler div.equipment .section-rituals.repeating-section-rituals label.ritual_button, div.pc div.equipment .section-rituals.repeating-section-rituals label.ritual_button {
  height: 3rem;
  align-items: center;
}
div.npc div.equipment .section-rituals.repeating-section-rituals label.ritual_button *, div.handler div.equipment .section-rituals.repeating-section-rituals label.ritual_button *, div.pc div.equipment .section-rituals.repeating-section-rituals label.ritual_button * {
  height: 100%;
  padding-right: 0.1em;
}
div.npc div.equipment .section-rituals.repeating-section-rituals label.ritual_label, div.handler div.equipment .section-rituals.repeating-section-rituals label.ritual_label, div.pc div.equipment .section-rituals.repeating-section-rituals label.ritual_label {
  width: 100%;
  font-size: inherit;
  font-size: inherit;
  color: black;
  font-weight: bold;
  align-items: center;
  display: grid;
  justify-content: center;
}
div.npc div.equipment .section-rituals.repeating-section-rituals label.ritual_label .unedit_text, div.handler div.equipment .section-rituals.repeating-section-rituals label.ritual_label .unedit_text, div.pc div.equipment .section-rituals.repeating-section-rituals label.ritual_label .unedit_text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.npc div.equipment div.section-rituals, div.handler div.equipment div.section-rituals, div.pc div.equipment div.section-rituals {
  grid-template-columns: 16em 0.155rem 4em 0.155rem 1fr 0.155rem 5em 0.155rem 5em 0.155rem 5em 0.155rem 1.5fr 0.155rem 2fr 0.155rem 4em;
}
div.npc div.equipment div.section-rituals h2:nth-of-type(1), div.handler div.equipment div.section-rituals h2:nth-of-type(1), div.pc div.equipment div.section-rituals h2:nth-of-type(1) {
  margin-left: 2%;
}
div.npc div.equipment div.section-rituals h2:nth-of-type(1n+2), div.handler div.equipment div.section-rituals h2:nth-of-type(1n+2), div.pc div.equipment div.section-rituals h2:nth-of-type(1n+2) {
  text-align: center;
}
div.npc div.equipment div.section-rituals div.repeating-container, div.handler div.equipment div.section-rituals div.repeating-container, div.pc div.equipment div.section-rituals div.repeating-container {
  width: 100%;
  height: 15em;
  overflow-y: hidden;
  overflow-x: hidden;
  grid-column: 1/13;
}
div.npc div.equipment div.section-rituals div.repeating-container input[name=attr_rituals], div.handler div.equipment div.section-rituals div.repeating-container input[name=attr_rituals], div.pc div.equipment div.section-rituals div.repeating-container input[name=attr_rituals] {
  text-align: left;
}
div.npc div.equipment div.section-rituals div.repeating-container .buttonwrapper button, div.handler div.equipment div.section-rituals div.repeating-container .buttonwrapper button, div.pc div.equipment div.section-rituals div.repeating-container .buttonwrapper button {
  height: 100%;
}
div.npc div.equipment div.section-rituals div.repeating-container .buttonwrapper button, div.handler div.equipment div.section-rituals div.repeating-container .buttonwrapper button, div.pc div.equipment div.section-rituals div.repeating-container .buttonwrapper button {
  display: inline-grid;
  text-align: left;
}
div.npc div.equipment div.section-rituals div.repeating-container .buttonwrapper button div h3, div.handler div.equipment div.section-rituals div.repeating-container .buttonwrapper button div h3, div.pc div.equipment div.section-rituals div.repeating-container .buttonwrapper button div h3 {
  display: inline;
  margin-right: 5%;
  padding-left: 2%;
}
div.npc div.equipment div.section-rituals div.repeating-container .buttonwrapper button div span, div.handler div.equipment div.section-rituals div.repeating-container .buttonwrapper button div span, div.pc div.equipment div.section-rituals div.repeating-container .buttonwrapper button div span {
  font-size: inherit;
  text-align: inherit;
}
div.npc div.equipment div.section-rituals div.repeating-container .buttonwrapper button.normal_div div, div.handler div.equipment div.section-rituals div.repeating-container .buttonwrapper button.normal_div div, div.pc div.equipment div.section-rituals div.repeating-container .buttonwrapper button.normal_div div {
  display: grid;
  grid-template-columns: 1fr 2.5em;
  align-items: center;
}
div.npc div.equipment div.section-rituals div.repeating-container .buttonwrapper button.normal_div div h3, div.handler div.equipment div.section-rituals div.repeating-container .buttonwrapper button.normal_div div h3, div.pc div.equipment div.section-rituals div.repeating-container .buttonwrapper button.normal_div div h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.npc div.equipment div.section-rituals div.repeating-container .buttonwrapper button.normal_div div span, div.handler div.equipment div.section-rituals div.repeating-container .buttonwrapper button.normal_div div span, div.pc div.equipment div.section-rituals div.repeating-container .buttonwrapper button.normal_div div span {
  text-align: right;
}
div.npc div.equipment div.section-rituals div.repeating-container .buttonwrapper button.special_div div, div.handler div.equipment div.section-rituals div.repeating-container .buttonwrapper button.special_div div, div.pc div.equipment div.section-rituals div.repeating-container .buttonwrapper button.special_div div {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}
div.npc div.equipment div.section-rituals div.repeating-container .buttonwrapper button.additional_div div, div.handler div.equipment div.section-rituals div.repeating-container .buttonwrapper button.additional_div div, div.pc div.equipment div.section-rituals div.repeating-container .buttonwrapper button.additional_div div {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}
div.npc div.equipment div.section-rituals div.repeating-container .buttonwrapper button.additional_div div h3, div.handler div.equipment div.section-rituals div.repeating-container .buttonwrapper button.additional_div div h3, div.pc div.equipment div.section-rituals div.repeating-container .buttonwrapper button.additional_div div h3 {
  text-align: center;
}
div.npc div.equipment .section-weapons.repeating-section-weapons, div.handler div.equipment .section-weapons.repeating-section-weapons, div.pc div.equipment .section-weapons.repeating-section-weapons {
  grid-template-rows: 2.8em;
}
div.npc div.equipment .section-weapons.repeating-section-weapons label.weapon_button, div.handler div.equipment .section-weapons.repeating-section-weapons label.weapon_button, div.pc div.equipment .section-weapons.repeating-section-weapons label.weapon_button {
  height: 3rem;
  align-items: center;
}
div.npc div.equipment .section-weapons.repeating-section-weapons label.weapon_button *, div.handler div.equipment .section-weapons.repeating-section-weapons label.weapon_button *, div.pc div.equipment .section-weapons.repeating-section-weapons label.weapon_button * {
  height: 100%;
  padding-right: 0.1em;
}
div.npc div.equipment .section-weapons.repeating-section-weapons label.weapon_label, div.handler div.equipment .section-weapons.repeating-section-weapons label.weapon_label, div.pc div.equipment .section-weapons.repeating-section-weapons label.weapon_label {
  width: 100%;
  font-size: inherit;
  font-size: inherit;
  color: black;
  font-weight: bold;
  align-items: center;
  display: grid;
  justify-content: center;
}
div.npc div.equipment .section-weapons.repeating-section-weapons label.weapon_label .unedit_text, div.handler div.equipment .section-weapons.repeating-section-weapons label.weapon_label .unedit_text, div.pc div.equipment .section-weapons.repeating-section-weapons label.weapon_label .unedit_text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.npc div.equipment div.section-weapons, div.handler div.equipment div.section-weapons, div.pc div.equipment div.section-weapons {
  grid-template-columns: 16em 0.155rem 4em 0.155rem 1.5fr 0.155rem 1.5fr 0.155rem 1.5fr 0.155rem 1.5fr 0.155rem 1fr 0.155rem 7em !important;
}
div.npc div.equipment div.section-weapons h2:nth-of-type(1), div.handler div.equipment div.section-weapons h2:nth-of-type(1), div.pc div.equipment div.section-weapons h2:nth-of-type(1) {
  margin-left: 2%;
}
div.npc div.equipment div.section-weapons h2:nth-of-type(1n+2), div.handler div.equipment div.section-weapons h2:nth-of-type(1n+2), div.pc div.equipment div.section-weapons h2:nth-of-type(1n+2) {
  text-align: center;
}
div.npc div.equipment div.section-weapons div.repeating-container, div.handler div.equipment div.section-weapons div.repeating-container, div.pc div.equipment div.section-weapons div.repeating-container {
  width: 100%;
  height: 15em;
  overflow-y: hidden;
  overflow-x: hidden;
  grid-column: 1/13;
  /*
                      input[type=checkbox].secret_input{
                          display:none !important;
                      }

                      .normal_weapons{
                          display: grid;
                          grid-template-columns: 1fr;
                      }
                      .advanced_weapons{
                          display: grid;
                          grid-template-columns: 1fr;************
                      }
                      input[type=checkbox].secret_input:: + label{
                          label.advanced_weapons
                      }
  */
}
div.npc div.equipment div.section-weapons div.repeating-container input[name=attr_weapons], div.handler div.equipment div.section-weapons div.repeating-container input[name=attr_weapons], div.pc div.equipment div.section-weapons div.repeating-container input[name=attr_weapons] {
  text-align: left;
}
div.npc div.equipment div.section-weapons div.repeating-container .buttonwrapper button, div.handler div.equipment div.section-weapons div.repeating-container .buttonwrapper button, div.pc div.equipment div.section-weapons div.repeating-container .buttonwrapper button {
  height: 100%;
}
div.npc div.equipment div.section-weapons div.repeating-container .buttonwrapper button, div.handler div.equipment div.section-weapons div.repeating-container .buttonwrapper button, div.pc div.equipment div.section-weapons div.repeating-container .buttonwrapper button {
  display: inline-grid;
  text-align: left;
}
div.npc div.equipment div.section-weapons div.repeating-container .buttonwrapper button div h3, div.handler div.equipment div.section-weapons div.repeating-container .buttonwrapper button div h3, div.pc div.equipment div.section-weapons div.repeating-container .buttonwrapper button div h3 {
  display: inline;
  margin-right: 5%;
  padding-left: 2%;
}
div.npc div.equipment div.section-weapons div.repeating-container .buttonwrapper button div span, div.handler div.equipment div.section-weapons div.repeating-container .buttonwrapper button div span, div.pc div.equipment div.section-weapons div.repeating-container .buttonwrapper button div span {
  font-size: inherit;
  text-align: inherit;
}
div.npc div.equipment div.section-weapons div.repeating-container .buttonwrapper button.normal_div div, div.handler div.equipment div.section-weapons div.repeating-container .buttonwrapper button.normal_div div, div.pc div.equipment div.section-weapons div.repeating-container .buttonwrapper button.normal_div div {
  display: grid;
  grid-template-columns: 1fr 2.5em;
  align-items: center;
}
div.npc div.equipment div.section-weapons div.repeating-container .buttonwrapper button.normal_div div h3, div.handler div.equipment div.section-weapons div.repeating-container .buttonwrapper button.normal_div div h3, div.pc div.equipment div.section-weapons div.repeating-container .buttonwrapper button.normal_div div h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.npc div.equipment div.section-weapons div.repeating-container .buttonwrapper button.normal_div div span, div.handler div.equipment div.section-weapons div.repeating-container .buttonwrapper button.normal_div div span, div.pc div.equipment div.section-weapons div.repeating-container .buttonwrapper button.normal_div div span {
  text-align: right;
}
div.npc div.equipment div.section-weapons div.repeating-container .buttonwrapper button.special_div div, div.handler div.equipment div.section-weapons div.repeating-container .buttonwrapper button.special_div div, div.pc div.equipment div.section-weapons div.repeating-container .buttonwrapper button.special_div div {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}
div.npc div.equipment div.section-weapons div.repeating-container .buttonwrapper button.additional_div div, div.handler div.equipment div.section-weapons div.repeating-container .buttonwrapper button.additional_div div, div.pc div.equipment div.section-weapons div.repeating-container .buttonwrapper button.additional_div div {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}
div.npc div.equipment div.section-weapons div.repeating-container .buttonwrapper button.additional_div div h3, div.handler div.equipment div.section-weapons div.repeating-container .buttonwrapper button.additional_div div h3, div.pc div.equipment div.section-weapons div.repeating-container .buttonwrapper button.additional_div div h3 {
  text-align: center;
}

.pc .section-skill-col, .npc .section-skill-col, .handler .section-skill-col, .navsettings .section-skill-col {
  grid-template-columns: 1fr minmax(2.5em, 3em);
}
.pc .section-skill-col .box, .npc .section-skill-col .box, .handler .section-skill-col .box, .navsettings .section-skill-col .box {
  display: grid;
  align-items: center;
  padding-left: 0.5em;
  align-content: center;
  grid-template-columns: 3em 1fr;
  border-right: 0.155rem solid black;
}
.pc .section-bond-col, .npc .section-bond-col, .handler .section-bond-col, .navsettings .section-bond-col {
  grid-template-columns: 4fr 1fr;
}
.pc .section-bond-col .box, .npc .section-bond-col .box, .handler .section-bond-col .box, .navsettings .section-bond-col .box {
  display: grid;
  align-items: center;
  padding-left: 0.5em;
  align-content: center;
  grid-template-columns: 1em 1fr;
  border-right: 0.155rem solid black;
}
.pc .section-skill-col, .pc .section-bond-col, .npc .section-skill-col, .npc .section-bond-col, .handler .section-skill-col, .handler .section-bond-col, .navsettings .section-skill-col, .navsettings .section-bond-col {
  display: grid;
  justify-items: center;
  align-items: center !important;
  border-left: 0.03875rem solid black;
  border-right: 0.03875rem solid black;
  border-bottom: 0.0775rem solid black;
  border-top: 0.0775rem solid black;
  margin: 0;
  padding: 0;
}
.pc .section-skill-col label.styled-checkbox, .pc .section-bond-col label.styled-checkbox, .npc .section-skill-col label.styled-checkbox, .npc .section-bond-col label.styled-checkbox, .handler .section-skill-col label.styled-checkbox, .handler .section-bond-col label.styled-checkbox, .navsettings .section-skill-col label.styled-checkbox, .navsettings .section-bond-col label.styled-checkbox {
  margin-left: 0.5em;
  line-height: 2.5em;
  position: relative;
}
.pc .section-skill-col label.styled-checkbox input.isvisible[type=checkbox], .pc .section-bond-col label.styled-checkbox input.isvisible[type=checkbox], .npc .section-skill-col label.styled-checkbox input.isvisible[type=checkbox], .npc .section-bond-col label.styled-checkbox input.isvisible[type=checkbox], .handler .section-skill-col label.styled-checkbox input.isvisible[type=checkbox], .handler .section-bond-col label.styled-checkbox input.isvisible[type=checkbox], .navsettings .section-skill-col label.styled-checkbox input.isvisible[type=checkbox], .navsettings .section-bond-col label.styled-checkbox input.isvisible[type=checkbox] {
  opacity: 0;
  position: relative;
}
.pc .section-skill-col label.styled-checkbox input[type=checkbox] + span::before, .pc .section-bond-col label.styled-checkbox input[type=checkbox] + span::before, .npc .section-skill-col label.styled-checkbox input[type=checkbox] + span::before, .npc .section-bond-col label.styled-checkbox input[type=checkbox] + span::before, .handler .section-skill-col label.styled-checkbox input[type=checkbox] + span::before, .handler .section-bond-col label.styled-checkbox input[type=checkbox] + span::before, .navsettings .section-skill-col label.styled-checkbox input[type=checkbox] + span::before, .navsettings .section-bond-col label.styled-checkbox input[type=checkbox] + span::before {
  position: absolute;
  opacity: 1;
  top: 50%;
  transform: translate(-100%, -50%);
  font-family: "pictos";
  content: "D";
  font-size: 1.5em;
  color: black;
}
.pc .section-skill-col label.styled-checkbox input[type=checkbox]:checked + span::before, .pc .section-bond-col label.styled-checkbox input[type=checkbox]:checked + span::before, .npc .section-skill-col label.styled-checkbox input[type=checkbox]:checked + span::before, .npc .section-bond-col label.styled-checkbox input[type=checkbox]:checked + span::before, .handler .section-skill-col label.styled-checkbox input[type=checkbox]:checked + span::before, .handler .section-bond-col label.styled-checkbox input[type=checkbox]:checked + span::before, .navsettings .section-skill-col label.styled-checkbox input[type=checkbox]:checked + span::before, .navsettings .section-bond-col label.styled-checkbox input[type=checkbox]:checked + span::before {
  content: "E";
}
.pc .section-skill-col label.rank, .pc .section-bond-col label.rank, .npc .section-skill-col label.rank, .npc .section-bond-col label.rank, .handler .section-skill-col label.rank, .handler .section-bond-col label.rank, .navsettings .section-skill-col label.rank, .navsettings .section-bond-col label.rank {
  line-height: 2.5em;
  align-items: center;
}
.pc .section-skill-col label.rank > input, .pc .section-bond-col label.rank > input, .npc .section-skill-col label.rank > input, .npc .section-bond-col label.rank > input, .handler .section-skill-col label.rank > input, .handler .section-bond-col label.rank > input, .navsettings .section-skill-col label.rank > input, .navsettings .section-bond-col label.rank > input {
  height: 80%;
  width: 100%;
}
.pc .section-skill-col .box1, .pc .section-bond-col .box1, .npc .section-skill-col .box1, .npc .section-bond-col .box1, .handler .section-skill-col .box1, .handler .section-bond-col .box1, .navsettings .section-skill-col .box1, .navsettings .section-bond-col .box1 {
  display: grid;
  grid-template-columns: 1fr;
  border-right: 0.155rem solid black;
}
.pc .section-skill-col .buttonwrapper button, .pc .section-bond-col .buttonwrapper button, .npc .section-skill-col .buttonwrapper button, .npc .section-bond-col .buttonwrapper button, .handler .section-skill-col .buttonwrapper button, .handler .section-bond-col .buttonwrapper button, .navsettings .section-skill-col .buttonwrapper button, .navsettings .section-bond-col .buttonwrapper button {
  display: inline-grid;
  text-align: left;
}
.pc .section-skill-col .buttonwrapper button div h3, .pc .section-bond-col .buttonwrapper button div h3, .npc .section-skill-col .buttonwrapper button div h3, .npc .section-bond-col .buttonwrapper button div h3, .handler .section-skill-col .buttonwrapper button div h3, .handler .section-bond-col .buttonwrapper button div h3, .navsettings .section-skill-col .buttonwrapper button div h3, .navsettings .section-bond-col .buttonwrapper button div h3 {
  display: inline;
  margin-right: 5%;
  padding-left: 2%;
}
.pc .section-skill-col .buttonwrapper button div span, .pc .section-bond-col .buttonwrapper button div span, .npc .section-skill-col .buttonwrapper button div span, .npc .section-bond-col .buttonwrapper button div span, .handler .section-skill-col .buttonwrapper button div span, .handler .section-bond-col .buttonwrapper button div span, .navsettings .section-skill-col .buttonwrapper button div span, .navsettings .section-bond-col .buttonwrapper button div span {
  font-size: inherit;
  text-align: inherit;
}
.pc .section-skill-col .buttonwrapper button.normal_div div, .pc .section-bond-col .buttonwrapper button.normal_div div, .npc .section-skill-col .buttonwrapper button.normal_div div, .npc .section-bond-col .buttonwrapper button.normal_div div, .handler .section-skill-col .buttonwrapper button.normal_div div, .handler .section-bond-col .buttonwrapper button.normal_div div, .navsettings .section-skill-col .buttonwrapper button.normal_div div, .navsettings .section-bond-col .buttonwrapper button.normal_div div {
  display: grid;
  grid-template-columns: 1fr 2.5em;
  align-items: center;
}
.pc .section-skill-col .buttonwrapper button.normal_div div h3, .pc .section-bond-col .buttonwrapper button.normal_div div h3, .npc .section-skill-col .buttonwrapper button.normal_div div h3, .npc .section-bond-col .buttonwrapper button.normal_div div h3, .handler .section-skill-col .buttonwrapper button.normal_div div h3, .handler .section-bond-col .buttonwrapper button.normal_div div h3, .navsettings .section-skill-col .buttonwrapper button.normal_div div h3, .navsettings .section-bond-col .buttonwrapper button.normal_div div h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pc .section-skill-col .buttonwrapper button.normal_div div span, .pc .section-bond-col .buttonwrapper button.normal_div div span, .npc .section-skill-col .buttonwrapper button.normal_div div span, .npc .section-bond-col .buttonwrapper button.normal_div div span, .handler .section-skill-col .buttonwrapper button.normal_div div span, .handler .section-bond-col .buttonwrapper button.normal_div div span, .navsettings .section-skill-col .buttonwrapper button.normal_div div span, .navsettings .section-bond-col .buttonwrapper button.normal_div div span {
  text-align: right;
}
.pc .section-skill-col span, .pc .section-bond-col span, .npc .section-skill-col span, .npc .section-bond-col span, .handler .section-skill-col span, .handler .section-bond-col span, .navsettings .section-skill-col span, .navsettings .section-bond-col span {
  font-size: 0.8em;
  text-align: center;
}
.pc .section-skill-col label.custom-label, .pc .section-bond-col label.custom-label, .npc .section-skill-col label.custom-label, .npc .section-bond-col label.custom-label, .handler .section-skill-col label.custom-label, .handler .section-bond-col label.custom-label, .navsettings .section-skill-col label.custom-label, .navsettings .section-bond-col label.custom-label {
  grid-column: 1/5;
}
.pc div.skill-container, .npc div.skill-container, .handler div.skill-container, .navsettings div.skill-container {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(18, 3em);
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: start;
}
.pc div.skill-container .section-repeating-container, .npc div.skill-container .section-repeating-container, .handler div.skill-container .section-repeating-container, .navsettings div.skill-container .section-repeating-container {
  display: grid;
  grid-row: 12/19;
  height: 21em;
  position: relative;
  align-content: start;
}
.pc div.skill-container .section-repeating-container .section-title, .npc div.skill-container .section-repeating-container .section-title, .handler div.skill-container .section-repeating-container .section-title, .navsettings div.skill-container .section-repeating-container .section-title {
  height: 2rem;
  border-left: 0.03875rem solid black;
  border-right: 0.03875rem solid black;
  border-bottom: 0.0775rem solid black;
  border-top: 0.0775rem solid black;
}
.pc div.skill-container .section-repeating-container .section-body, .npc div.skill-container .section-repeating-container .section-body, .handler div.skill-container .section-repeating-container .section-body, .navsettings div.skill-container .section-repeating-container .section-body {
  height: 100%;
  overflow-y: auto;
}
.pc div.skill-container .section-repeating-container .form-skill-group, .npc div.skill-container .section-repeating-container .form-skill-group, .handler div.skill-container .section-repeating-container .form-skill-group, .navsettings div.skill-container .section-repeating-container .form-skill-group {
  border-right: 0.155rem solid black;
  height: 100%;
  border-left: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.pc div.skill-container .section-repeating-container label.rank, .npc div.skill-container .section-repeating-container label.rank, .handler div.skill-container .section-repeating-container label.rank, .navsettings div.skill-container .section-repeating-container label.rank {
  border: 0;
}

div.pc {
  grid-column-gap: 0.2rem;
  grid-row-gap: 0.2rem;
  grid-template-columns: 1fr 1fr;
  /* PERSONAL DATA
  ======================= */
  /* STATISTICAL DATA
  ======================= */
  /* PSYCHOLOGICAL DATA
  ======================= */
  /* APPLICABLE SKILL SET
  ======================= */
  /* INJURIES
  ======================= */
  /* REMARKS
  ======================= */
  /* AUTHORIZING OFFICER
  ======================= */
  /* BOTTOM DECORATION
  ======================= */
}
div.pc h1 {
  color: whitesmoke;
  font-size: 1rem;
  text-align: center;
  transform: rotate(180deg);
}
div.pc div.section-header {
  background-color: black;
  grid-area: 1/1/1/1;
  text-orientation: sideways;
  writing-mode: vertical-lr;
  height: 100%;
}
div.pc div.personal-data {
  grid-column: 1/3;
  /* PERSONAL DATA
  ----------------------------- */
}
div.pc div.personal-data div.section {
  grid-template-rows: min-content;
}
div.pc div.personal-data div.section:nth-of-type(1) {
  grid-row: 1;
}
div.pc div.personal-data div.section:nth-of-type(2) {
  grid-row: 1;
}
div.pc div.personal-data div.section:nth-of-type(3) {
  grid-row: 1;
}
div.pc div.personal-data div.section:nth-of-type(1), div.pc div.personal-data div.section:nth-of-type(2) {
  grid-template-columns: 1fr 0.155rem 1fr;
}
div.pc div.personal-data div.section:nth-of-type(1) h2:nth-of-type(1), div.pc div.personal-data div.section:nth-of-type(2) h2:nth-of-type(1) {
  grid-area: 1/1/1/3;
}
div.pc div.personal-data div.section:nth-of-type(1) label:nth-of-type(1), div.pc div.personal-data div.section:nth-of-type(2) label:nth-of-type(1) {
  grid-area: 2/1/2/3;
}
div.pc div.personal-data div.section:nth-of-type(1) div.vert-line, div.pc div.personal-data div.section:nth-of-type(2) div.vert-line {
  grid-area: 1/2/3/2;
}
div.pc div.personal-data div.section:nth-of-type(1) h2:nth-of-type(2), div.pc div.personal-data div.section:nth-of-type(2) h2:nth-of-type(2) {
  grid-area: 1/3/1/5;
}
div.pc div.personal-data div.section:nth-of-type(1) label:nth-of-type(2), div.pc div.personal-data div.section:nth-of-type(2) label:nth-of-type(2) {
  grid-area: 2/3/2/5;
}
div.pc div.personal-data div.section:nth-of-type(3) {
  grid-template-columns: 1fr 0.155rem 1fr 0.155rem 3fr;
}
div.pc div.personal-data div.section:nth-of-type(3) h2:nth-of-type(1) {
  grid-area: 1/1/1/2;
}
div.pc div.personal-data div.section:nth-of-type(3) label:nth-of-type(1) {
  grid-area: 2/1/2/2;
}
div.pc div.personal-data div.section:nth-of-type(3) div.vert-line:nth-of-type(1) {
  grid-area: 1/2/3/2;
}
div.pc div.personal-data div.section:nth-of-type(3) h2:nth-of-type(2) {
  grid-area: 1/3/1/5;
}
div.pc div.personal-data div.section:nth-of-type(3) label:nth-of-type(2) {
  grid-area: 2/3/2/5;
}
div.pc div.personal-data div.section:nth-of-type(3) div.vert-line:nth-of-type(2) {
  grid-area: 1/4/3/4;
}
div.pc div.personal-data div.section:nth-of-type(3) h2:nth-of-type(3) {
  grid-area: 1/5/1/5;
}
div.pc div.personal-data div.section:nth-of-type(3) label:nth-of-type(3) {
  grid-area: 2/5/2/5;
}
div.pc div.personal-data input[type=text] {
  text-align: left;
}
div.pc div.statistical-data {
  grid-area: 2/1/2/1;
}
div.pc div.statistical-data div.section-body {
  grid-template-rows: min-content;
}
div.pc div.statistical-data button, div.pc div.statistical-data .derived-attr {
  align-items: center;
}
div.pc div.statistical-data button span, div.pc div.statistical-data .derived-attr span {
  font-size: 0.8rem;
}
div.pc div.statistical-data div.derived-attr {
  font-size: 1rem;
  display: flex;
}
div.pc div.statistical-data h3 {
  display: inline;
  margin-right: 2%;
  text-transform: capitalize;
}
div.pc div.statistical-data div.section-stats {
  grid-template-columns: 1fr 3rem 3rem 1fr;
  margin: 0;
  padding: 0;
  align-items: center;
}
div.pc div.statistical-data div.section-stats > * {
  background-clip: padding-box;
  border-left: 0.0775rem solid black;
  border-right: 0.0775rem solid black;
  border-bottom: 0.155rem solid black;
}
div.pc div.statistical-data div.section-stats * {
  height: 100%;
}
div.pc div.statistical-data div.section-stats.body {
  grid-template-rows: 3.5rem;
}
div.pc div.statistical-data div.section-stats button {
  text-align: left;
}
div.pc div.statistical-data div.section-stats div.horz-line {
  grid-column: 1/8;
}
div.pc div.statistical-data div.section-stats span.center {
  background-color: #d9d9d9;
  padding-top: 25%;
}
div.pc div.statistical-data div.section-derived {
  grid-template-columns: 17rem 1fr 1fr;
}
div.pc div.statistical-data div.section-derived.body {
  grid-template-rows: 3.5rem;
}
div.pc div.statistical-data div.section-derived > * {
  background-clip: padding-box;
  border-left: 0.0775rem solid black;
  border-right: 0.0775rem solid black;
  border-bottom: 0.155rem solid black;
}
div.pc div.statistical-data div.section-derived .buttonwrapper {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
div.pc div.statistical-data div.section-derived .buttonwrapper button {
  align-self: center !important;
  margin: 0;
  height: 80% !important;
}
div.pc div.statistical-data div.section-derived .explainer {
  display: grid;
  grid-template-columns: 1fr 2rem;
}
div.pc div.statistical-data div.section-derived button {
  text-align: left;
}
div.pc div.statistical-data div.section-derived div.horz-line {
  grid-column: 1/6;
}
div.pc div.statistical-data div.section-derived input[name=attr_sanity_points_max] {
  padding-left: 4%;
}
div.pc div.statistical-data div.section-derived span {
  padding: 4%;
}
div.pc div.statistical-data div.section-derived span.center {
  background-color: #d9d9d9;
}
div.pc div.statistical-data div.section-physical {
  grid-template-rows: min-content;
  /*h2 {grid-row: 1 / 1}*/
}
div.pc div.statistical-data div.section-physical textarea {
  /*  grid-row: 2 / 2;*/
  min-height: 5rem;
  height: 100%;
}
div.pc div.pyschological-data {
  grid-area: 2/2/2/2;
  /*grid-template-rows: min-content;
  */
}
div.pc div.pyschological-data div.section-body {
  grid-template-rows: min-content;
}
div.pc div.pyschological-data textarea {
  min-height: 11.5rem;
}
div.pc div.pyschological-data .section-bond-notes {
  display: grid;
  grid-template-rows: min-content;
  height: min-content;
  align-items: center;
}
div.pc div.pyschological-data div.section-bonds input[type=text] {
  text-align: center;
}
div.pc div.pyschological-data div.section-bonds div.max-height {
  max-height: 1.8rem;
}
div.pc div.pyschological-data div.section-bonds div.section {
  grid-template-columns: 1.5fr 0.155rem 1fr;
}
div.pc div.pyschological-data div.section-bonds div.repeating-container {
  height: 14.5rem;
  overflow-y: auto;
  overflow-x: hidden;
}
div.pc div.pyschological-data div.incidents-body {
  grid-template-columns: 6em 6em 4em 6em 6em 4em;
  padding-top: 1%;
  align-items: center;
}
div.pc div.pyschological-data div.incidents-body h3 {
  text-transform: capitalize;
}
div.pc div.applicable-skill-sets {
  grid-column: 1/3;
}
div.pc div.applicable-skill-sets div.section-directions {
  grid-column: 1/4;
  display: grid;
  grid-template-columns: 1fr 1.5em;
  align-items: center;
}
div.pc div.applicable-skill-sets div.section-directions .subgrid {
  justify-self: start;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 3em;
  align-items: center;
}
div.pc div.applicable-skill-sets div.section-directions .subgrid span {
  text-align: left;
  padding-left: 0.3em;
}
div.pc div.applicable-skill-sets div.section-directions .subgrid button {
  width: 2em;
  justify-self: start;
}
div.pc div.applicable-skill-sets div.section-directions .subgrid button .lvlup {
  width: 100%;
  height: 100%;
  font-family: "pictos";
  font-size: 1em;
  font-weight: bold;
  text-align: center;
}
div.pc div.applicable-skill-sets div.section-directions .othergrid {
  justify-self: end;
}
div.pc div.injuries {
  grid-column: 1/3;
}
div.pc div.injuries h1 {
  grid-row: 1;
}
div.pc div.injuries label {
  display: inline;
}
div.pc div.injuries div.border-bottom {
  grid-row: 2;
}
div.pc div.remarks {
  grid-column: 1/3;
}
div.pc div.remarks div.section-body {
  grid-template-columns: 1fr 0.155em 1fr;
}
div.pc div.remarks div.section-body textarea {
  min-height: 83%;
  margin-bottom: 2%;
}
div.pc div.remarks div.section-body div.section-special-training {
  grid-template-columns: 1fr 1fr;
  border-left: 0.155rem solid black;
  border-right: 0.155rem solid black;
}
div.pc div.remarks div.section-body div.section-special-training > * {
  background-clip: padding-box;
  border-left: 0.0775rem solid black;
  border-right: 0.0775rem solid black;
  border-bottom: 0.155rem solid black;
}
div.pc div.remarks div.section-body div.section-special-training .box {
  display: grid;
  align-items: center;
  padding-left: 0.3rem;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  align-content: center;
  grid-template-columns: 1fr;
  border-right: 0.155rem solid black;
}
div.pc div.remarks div.section-body div.section-special-training input[type=text][name=attr_special_training] {
  text-align: left;
}
div.pc div.remarks div.section-body div.section-special-training input[type=text][name=attr_skill_or_stat_used] {
  text-align: center;
}
div.pc div.remarks div.section-body div.repeating-container {
  width: 100%;
}
div.pc div.remarks div.section-body div.repeating-container .section-special-training.body, div.pc div.remarks div.section-body div.repeating-container .repeating-section-weapons.body {
  grid-template-rows: 4rem;
}
div.pc div.remarks div.section-body div.repeating-container .section-special-training label.special_label, div.pc div.remarks div.section-body div.repeating-container .repeating-section-weapons label.special_label {
  width: 100%;
  font-size: inherit;
  font-size: inherit;
  color: black;
  font-weight: bold;
  align-items: center;
  display: grid;
  justify-content: center;
}
div.pc div.remarks div.section-body div.repeating-container .section-special-training label.special_label .unedit_text, div.pc div.remarks div.section-body div.repeating-container .repeating-section-weapons label.special_label .unedit_text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.pc div.remarks div.section-body div.repeating-container .section-special-training .buttonwrapper button, div.pc div.remarks div.section-body div.repeating-container .repeating-section-weapons .buttonwrapper button {
  height: 100%;
}
div.pc div.remarks div.section-body div.repeating-container .section-special-training .buttonwrapper button, div.pc div.remarks div.section-body div.repeating-container .repeating-section-weapons .buttonwrapper button {
  display: inline-grid;
  text-align: left;
}
div.pc div.remarks div.section-body div.repeating-container .section-special-training .buttonwrapper button div h3, div.pc div.remarks div.section-body div.repeating-container .repeating-section-weapons .buttonwrapper button div h3 {
  display: inline;
  margin-right: 5%;
  padding-left: 2%;
}
div.pc div.remarks div.section-body div.repeating-container .section-special-training .buttonwrapper button div span, div.pc div.remarks div.section-body div.repeating-container .repeating-section-weapons .buttonwrapper button div span {
  font-size: inherit;
  text-align: inherit;
}
div.pc div.remarks div.section-directions {
  grid-column: 1/4;
  display: grid;
  grid-template-columns: 1fr 4em 2em;
}
div.pc div.remarks div.section-directions button {
  width: 50%;
}
div.pc div.remarks div.section-directions button .lvlup {
  width: 100%;
  height: 100%;
  font-family: "pictos";
  font-size: 1em;
  font-weight: bold;
  text-align: center;
}
div.pc div.authorizing-officer {
  grid-column: 1/3;
  grid-template-columns: 1fr 0.155em 1fr;
}
div.pc div.authorizing-officer h2 {
  grid-row: 1;
}
div.pc div.authorizing-officer label {
  grid-row: 2;
}
div.pc div.section-bottom-decor {
  grid-column: 1/3;
  grid-template-columns: 3em 1fr 4em minmax(8em, 16em) 3fr 5em;
  margin-top: 2%;
}
div.pc div.section-bottom-decor span {
  text-transform: uppercase;
}
div.pc div.section-bottom-decor span:nth-child(1), div.pc div.section-bottom-decor span:nth-child(3), div.pc div.section-bottom-decor span:nth-last-child(1) {
  color: black;
  font-size: 1.5em;
  font-weight: bolder;
}
div.pc div.section-bottom-decor span:nth-of-type(2), div.pc div.section-bottom-decor span:nth-last-child(2) {
  color: #4d4d4d;
  opacity: 0.8;
  text-align: center;
}

/* SETTINGS SHEET
============================= */
button[name=act_sheet_select] {
  height: 2rem;
  width: 2rem;
}

/* ACCESSIBILITY ADJUSTMENTS
============================= */
.hidden {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* REMVOE WEBKIT
============================= */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

span.switch-a, input.switchblock:checked ~ span.switch-b {
  display: grid;
}

span.switch-b, input.switchblock:checked ~ span.switch-a {
  display: none;
}

.active-drop-target {
  background-color: rgba(255, 0, 0, 0.125);
}

/* ROLL TEMPLATE
============================= */
.sheet-rolltemplate-fancy-damages, .sheet-rolltemplate-fancy-sanloss,
.sheet-rolltemplate-fancy-bonds, .sheet-rolltemplate-fancy-rolls,
.sheet-rolltemplate-fancy-rituals, .sheet-rolltemplate-fancy-rituals,
.sheet-rolltemplate-fancy-ritualloss {
  position: relative;
  min-width: 20em;
  max-width: 25em;
  padding-top: 2em;
  padding-bottom: 2em;
}
.sheet-rolltemplate-fancy-damages .sheet-template-inline-block, .sheet-rolltemplate-fancy-sanloss .sheet-template-inline-block,
.sheet-rolltemplate-fancy-bonds .sheet-template-inline-block, .sheet-rolltemplate-fancy-rolls .sheet-template-inline-block,
.sheet-rolltemplate-fancy-rituals .sheet-template-inline-block, .sheet-rolltemplate-fancy-rituals .sheet-template-inline-block,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-inline-block {
  display: inline-block;
  white-space: pre-wrap;
  text-align: left !important;
  height: fit-content !important;
  font-size: 0.8em;
  margin: 0.2em;
}
.sheet-rolltemplate-fancy-damages .sheet-template-plus::before, .sheet-rolltemplate-fancy-sanloss .sheet-template-plus::before,
.sheet-rolltemplate-fancy-bonds .sheet-template-plus::before, .sheet-rolltemplate-fancy-rolls .sheet-template-plus::before,
.sheet-rolltemplate-fancy-rituals .sheet-template-plus::before, .sheet-rolltemplate-fancy-rituals .sheet-template-plus::before,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-plus::before {
  content: "+";
  display: inline-block;
}
.sheet-rolltemplate-fancy-damages .sheet-template-description, .sheet-rolltemplate-fancy-sanloss .sheet-template-description,
.sheet-rolltemplate-fancy-bonds .sheet-template-description, .sheet-rolltemplate-fancy-rolls .sheet-template-description,
.sheet-rolltemplate-fancy-rituals .sheet-template-description, .sheet-rolltemplate-fancy-rituals .sheet-template-description,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-description {
  font-size: 1.2em;
  color: black;
  width: 100%;
  padding: 1em;
  font-style: italic;
  text-align: left !important;
  align-self: left !important;
  overflow-wrap: anywhere;
}
.sheet-rolltemplate-fancy-damages .sheet-template-button, .sheet-rolltemplate-fancy-sanloss .sheet-template-button,
.sheet-rolltemplate-fancy-bonds .sheet-template-button, .sheet-rolltemplate-fancy-rolls .sheet-template-button,
.sheet-rolltemplate-fancy-rituals .sheet-template-button, .sheet-rolltemplate-fancy-rituals .sheet-template-button,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-button {
  z-index: 1;
  align-self: center;
  font-size: 1.2em;
  text-align: center;
  display: inline;
  line-height: 1.2em;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 3px 0 3px;
  font-style: capitalize;
  cursor: help;
  text-align: left;
  float: left;
}
.sheet-rolltemplate-fancy-damages .sheet-template-button a, .sheet-rolltemplate-fancy-sanloss .sheet-template-button a,
.sheet-rolltemplate-fancy-bonds .sheet-template-button a, .sheet-rolltemplate-fancy-rolls .sheet-template-button a,
.sheet-rolltemplate-fancy-rituals .sheet-template-button a, .sheet-rolltemplate-fancy-rituals .sheet-template-button a,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-button a {
  background: transparent;
  display: block;
  text-align: center;
  padding: 0.5em 0;
  color: black;
  font-weight: bold;
  border: none;
}
.sheet-rolltemplate-fancy-damages .sheet-template-percent::after, .sheet-rolltemplate-fancy-sanloss .sheet-template-percent::after,
.sheet-rolltemplate-fancy-bonds .sheet-template-percent::after, .sheet-rolltemplate-fancy-rolls .sheet-template-percent::after,
.sheet-rolltemplate-fancy-rituals .sheet-template-percent::after, .sheet-rolltemplate-fancy-rituals .sheet-template-percent::after,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-percent::after {
  content: "%";
  display: inline-block;
}
.sheet-rolltemplate-fancy-damages .sheet-template-reaction, .sheet-rolltemplate-fancy-damages .sheet-template-attack-buttons, .sheet-rolltemplate-fancy-damages .sheet-template-heal-buttons, .sheet-rolltemplate-fancy-sanloss .sheet-template-reaction, .sheet-rolltemplate-fancy-sanloss .sheet-template-attack-buttons, .sheet-rolltemplate-fancy-sanloss .sheet-template-heal-buttons,
.sheet-rolltemplate-fancy-bonds .sheet-template-reaction,
.sheet-rolltemplate-fancy-bonds .sheet-template-attack-buttons,
.sheet-rolltemplate-fancy-bonds .sheet-template-heal-buttons, .sheet-rolltemplate-fancy-rolls .sheet-template-reaction, .sheet-rolltemplate-fancy-rolls .sheet-template-attack-buttons, .sheet-rolltemplate-fancy-rolls .sheet-template-heal-buttons,
.sheet-rolltemplate-fancy-rituals .sheet-template-reaction,
.sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons,
.sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons, .sheet-rolltemplate-fancy-rituals .sheet-template-reaction, .sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons, .sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-reaction,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-attack-buttons,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-heal-buttons {
  background: linear-gradient(to bottom right, #c8dad0, whitesmoke);
}
.sheet-rolltemplate-fancy-damages .sheet-template-reaction:hover, .sheet-rolltemplate-fancy-damages .sheet-template-attack-buttons:hover, .sheet-rolltemplate-fancy-damages .sheet-template-heal-buttons:hover, .sheet-rolltemplate-fancy-sanloss .sheet-template-reaction:hover, .sheet-rolltemplate-fancy-sanloss .sheet-template-attack-buttons:hover, .sheet-rolltemplate-fancy-sanloss .sheet-template-heal-buttons:hover,
.sheet-rolltemplate-fancy-bonds .sheet-template-reaction:hover,
.sheet-rolltemplate-fancy-bonds .sheet-template-attack-buttons:hover,
.sheet-rolltemplate-fancy-bonds .sheet-template-heal-buttons:hover, .sheet-rolltemplate-fancy-rolls .sheet-template-reaction:hover, .sheet-rolltemplate-fancy-rolls .sheet-template-attack-buttons:hover, .sheet-rolltemplate-fancy-rolls .sheet-template-heal-buttons:hover,
.sheet-rolltemplate-fancy-rituals .sheet-template-reaction:hover,
.sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons:hover,
.sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons:hover, .sheet-rolltemplate-fancy-rituals .sheet-template-reaction:hover, .sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons:hover, .sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons:hover,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-reaction:hover,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-attack-buttons:hover,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-heal-buttons:hover {
  background: linear-gradient(to bottom, #06562b, black);
}
.sheet-rolltemplate-fancy-damages .sheet-template-attack-buttons-void, .sheet-rolltemplate-fancy-damages .sheet-template-heal-buttons-void, .sheet-rolltemplate-fancy-sanloss .sheet-template-attack-buttons-void, .sheet-rolltemplate-fancy-sanloss .sheet-template-heal-buttons-void,
.sheet-rolltemplate-fancy-bonds .sheet-template-attack-buttons-void,
.sheet-rolltemplate-fancy-bonds .sheet-template-heal-buttons-void, .sheet-rolltemplate-fancy-rolls .sheet-template-attack-buttons-void, .sheet-rolltemplate-fancy-rolls .sheet-template-heal-buttons-void,
.sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons-void,
.sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons-void, .sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons-void, .sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons-void,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-attack-buttons-void,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-heal-buttons-void {
  background: linear-gradient(to bottom right, #d9d9d9, #4d4d4d);
}
.sheet-rolltemplate-fancy-damages .sheet-template-attack-buttons-void:hover, .sheet-rolltemplate-fancy-damages .sheet-template-heal-buttons-void:hover, .sheet-rolltemplate-fancy-sanloss .sheet-template-attack-buttons-void:hover, .sheet-rolltemplate-fancy-sanloss .sheet-template-heal-buttons-void:hover,
.sheet-rolltemplate-fancy-bonds .sheet-template-attack-buttons-void:hover,
.sheet-rolltemplate-fancy-bonds .sheet-template-heal-buttons-void:hover, .sheet-rolltemplate-fancy-rolls .sheet-template-attack-buttons-void:hover, .sheet-rolltemplate-fancy-rolls .sheet-template-heal-buttons-void:hover,
.sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons-void:hover,
.sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons-void:hover, .sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons-void:hover, .sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons-void:hover,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-attack-buttons-void:hover,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-heal-buttons-void:hover {
  background: linear-gradient(to bottom right, #4d4d4d, black);
}
.sheet-rolltemplate-fancy-damages .sheet-template-reaction, .sheet-rolltemplate-fancy-sanloss .sheet-template-reaction,
.sheet-rolltemplate-fancy-bonds .sheet-template-reaction, .sheet-rolltemplate-fancy-rolls .sheet-template-reaction,
.sheet-rolltemplate-fancy-rituals .sheet-template-reaction, .sheet-rolltemplate-fancy-rituals .sheet-template-reaction,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-reaction {
  margin-top: -0.6em;
  width: 10em;
  left: 50%;
  transform: translateX(-55%);
  z-index: 1;
}
.sheet-rolltemplate-fancy-damages .sheet-template-attack-buttons, .sheet-rolltemplate-fancy-damages .sheet-template-attack-buttons-void,
.sheet-rolltemplate-fancy-damages .sheet-template-heal-buttons, .sheet-rolltemplate-fancy-damages .sheet-template-heal-buttons-void, .sheet-rolltemplate-fancy-sanloss .sheet-template-attack-buttons, .sheet-rolltemplate-fancy-sanloss .sheet-template-attack-buttons-void,
.sheet-rolltemplate-fancy-sanloss .sheet-template-heal-buttons, .sheet-rolltemplate-fancy-sanloss .sheet-template-heal-buttons-void,
.sheet-rolltemplate-fancy-bonds .sheet-template-attack-buttons,
.sheet-rolltemplate-fancy-bonds .sheet-template-attack-buttons-void,
.sheet-rolltemplate-fancy-bonds .sheet-template-heal-buttons,
.sheet-rolltemplate-fancy-bonds .sheet-template-heal-buttons-void, .sheet-rolltemplate-fancy-rolls .sheet-template-attack-buttons, .sheet-rolltemplate-fancy-rolls .sheet-template-attack-buttons-void,
.sheet-rolltemplate-fancy-rolls .sheet-template-heal-buttons, .sheet-rolltemplate-fancy-rolls .sheet-template-heal-buttons-void,
.sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons,
.sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons-void,
.sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons,
.sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons-void, .sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons, .sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons-void,
.sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons, .sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons-void,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-attack-buttons,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-attack-buttons-void,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-heal-buttons,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-heal-buttons-void {
  width: 95%;
  align-self: center;
}
.sheet-rolltemplate-fancy-damages .sheet-template-reaction, .sheet-rolltemplate-fancy-damages .sheet-template-attack-buttons, .sheet-rolltemplate-fancy-damages .sheet-template-attack-buttons-void,
.sheet-rolltemplate-fancy-damages .sheet-template-heal-buttons, .sheet-rolltemplate-fancy-damages .sheet-template-heal-buttons-void, .sheet-rolltemplate-fancy-sanloss .sheet-template-reaction, .sheet-rolltemplate-fancy-sanloss .sheet-template-attack-buttons, .sheet-rolltemplate-fancy-sanloss .sheet-template-attack-buttons-void,
.sheet-rolltemplate-fancy-sanloss .sheet-template-heal-buttons, .sheet-rolltemplate-fancy-sanloss .sheet-template-heal-buttons-void,
.sheet-rolltemplate-fancy-bonds .sheet-template-reaction,
.sheet-rolltemplate-fancy-bonds .sheet-template-attack-buttons,
.sheet-rolltemplate-fancy-bonds .sheet-template-attack-buttons-void,
.sheet-rolltemplate-fancy-bonds .sheet-template-heal-buttons,
.sheet-rolltemplate-fancy-bonds .sheet-template-heal-buttons-void, .sheet-rolltemplate-fancy-rolls .sheet-template-reaction, .sheet-rolltemplate-fancy-rolls .sheet-template-attack-buttons, .sheet-rolltemplate-fancy-rolls .sheet-template-attack-buttons-void,
.sheet-rolltemplate-fancy-rolls .sheet-template-heal-buttons, .sheet-rolltemplate-fancy-rolls .sheet-template-heal-buttons-void,
.sheet-rolltemplate-fancy-rituals .sheet-template-reaction,
.sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons,
.sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons-void,
.sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons,
.sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons-void, .sheet-rolltemplate-fancy-rituals .sheet-template-reaction, .sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons, .sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons-void,
.sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons, .sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons-void,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-reaction,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-attack-buttons,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-attack-buttons-void,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-heal-buttons,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-heal-buttons-void {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  border: 0.1em solid black;
  border-radius: 0.6em;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), 2px 2px 2px rgba(0, 0, 0, 0.1), 3px 3px 3px rgba(0, 0, 0, 0.1), 4px 4px 4px rgba(0, 0, 0, 0.1), 5px 5px 5px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
}
.sheet-rolltemplate-fancy-damages .sheet-template-reaction:hover, .sheet-rolltemplate-fancy-damages .sheet-template-attack-buttons:hover, .sheet-rolltemplate-fancy-damages .sheet-template-attack-buttons-void:hover,
.sheet-rolltemplate-fancy-damages .sheet-template-heal-buttons:hover, .sheet-rolltemplate-fancy-damages .sheet-template-heal-buttons-void:hover, .sheet-rolltemplate-fancy-sanloss .sheet-template-reaction:hover, .sheet-rolltemplate-fancy-sanloss .sheet-template-attack-buttons:hover, .sheet-rolltemplate-fancy-sanloss .sheet-template-attack-buttons-void:hover,
.sheet-rolltemplate-fancy-sanloss .sheet-template-heal-buttons:hover, .sheet-rolltemplate-fancy-sanloss .sheet-template-heal-buttons-void:hover,
.sheet-rolltemplate-fancy-bonds .sheet-template-reaction:hover,
.sheet-rolltemplate-fancy-bonds .sheet-template-attack-buttons:hover,
.sheet-rolltemplate-fancy-bonds .sheet-template-attack-buttons-void:hover,
.sheet-rolltemplate-fancy-bonds .sheet-template-heal-buttons:hover,
.sheet-rolltemplate-fancy-bonds .sheet-template-heal-buttons-void:hover, .sheet-rolltemplate-fancy-rolls .sheet-template-reaction:hover, .sheet-rolltemplate-fancy-rolls .sheet-template-attack-buttons:hover, .sheet-rolltemplate-fancy-rolls .sheet-template-attack-buttons-void:hover,
.sheet-rolltemplate-fancy-rolls .sheet-template-heal-buttons:hover, .sheet-rolltemplate-fancy-rolls .sheet-template-heal-buttons-void:hover,
.sheet-rolltemplate-fancy-rituals .sheet-template-reaction:hover,
.sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons:hover,
.sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons-void:hover,
.sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons:hover,
.sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons-void:hover, .sheet-rolltemplate-fancy-rituals .sheet-template-reaction:hover, .sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons:hover, .sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons-void:hover,
.sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons:hover, .sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons-void:hover,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-reaction:hover,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-attack-buttons:hover,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-attack-buttons-void:hover,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-heal-buttons:hover,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-heal-buttons-void:hover {
  text-shadow: 1px 1px 2px black, 0 0 25px #f6efe9, 0 0 5px whitesmoke;
}
.sheet-rolltemplate-fancy-damages .sheet-template-reaction:hover a, .sheet-rolltemplate-fancy-damages .sheet-template-attack-buttons:hover a, .sheet-rolltemplate-fancy-damages .sheet-template-attack-buttons-void:hover a,
.sheet-rolltemplate-fancy-damages .sheet-template-heal-buttons:hover a, .sheet-rolltemplate-fancy-damages .sheet-template-heal-buttons-void:hover a, .sheet-rolltemplate-fancy-sanloss .sheet-template-reaction:hover a, .sheet-rolltemplate-fancy-sanloss .sheet-template-attack-buttons:hover a, .sheet-rolltemplate-fancy-sanloss .sheet-template-attack-buttons-void:hover a,
.sheet-rolltemplate-fancy-sanloss .sheet-template-heal-buttons:hover a, .sheet-rolltemplate-fancy-sanloss .sheet-template-heal-buttons-void:hover a,
.sheet-rolltemplate-fancy-bonds .sheet-template-reaction:hover a,
.sheet-rolltemplate-fancy-bonds .sheet-template-attack-buttons:hover a,
.sheet-rolltemplate-fancy-bonds .sheet-template-attack-buttons-void:hover a,
.sheet-rolltemplate-fancy-bonds .sheet-template-heal-buttons:hover a,
.sheet-rolltemplate-fancy-bonds .sheet-template-heal-buttons-void:hover a, .sheet-rolltemplate-fancy-rolls .sheet-template-reaction:hover a, .sheet-rolltemplate-fancy-rolls .sheet-template-attack-buttons:hover a, .sheet-rolltemplate-fancy-rolls .sheet-template-attack-buttons-void:hover a,
.sheet-rolltemplate-fancy-rolls .sheet-template-heal-buttons:hover a, .sheet-rolltemplate-fancy-rolls .sheet-template-heal-buttons-void:hover a,
.sheet-rolltemplate-fancy-rituals .sheet-template-reaction:hover a,
.sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons:hover a,
.sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons-void:hover a,
.sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons:hover a,
.sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons-void:hover a, .sheet-rolltemplate-fancy-rituals .sheet-template-reaction:hover a, .sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons:hover a, .sheet-rolltemplate-fancy-rituals .sheet-template-attack-buttons-void:hover a,
.sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons:hover a, .sheet-rolltemplate-fancy-rituals .sheet-template-heal-buttons-void:hover a,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-reaction:hover a,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-attack-buttons:hover a,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-attack-buttons-void:hover a,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-heal-buttons:hover a,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-heal-buttons-void:hover a {
  color: whitesmoke;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container, .sheet-rolltemplate-fancy-sanloss .sheet-template-container,
.sheet-rolltemplate-fancy-bonds .sheet-template-container, .sheet-rolltemplate-fancy-rolls .sheet-template-container,
.sheet-rolltemplate-fancy-rituals .sheet-template-container, .sheet-rolltemplate-fancy-rituals .sheet-template-container,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container {
  position: absolute;
  border: 0.2em solid black;
  margin-right: 1em;
  border-top-left-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), 2px 2px 2px rgba(0, 0, 0, 0.1), 3px 3px 3px rgba(0, 0, 0, 0.1), 4px 4px 4px rgba(0, 0, 0, 0.1), 5px 5px 5px rgba(0, 0, 0, 0.1);
  text-align: center;
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
  overflow: hidden;
  /* DICE ROLL STYLES
  ----------------------------- */
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-superheader + .sheet-template-header, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-superheader + .sheet-template-header,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-superheader + .sheet-template-header, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-superheader + .sheet-template-header,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-superheader + .sheet-template-header, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-superheader + .sheet-template-header,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-superheader + .sheet-template-header {
  background: linear-gradient(to bottom, #4d4d4d 10%, black);
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-bottom, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-bottom,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-bottom, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-bottom,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-bottom, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-bottom,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-bottom {
  background: linear-gradient(to bottom, black 90%, #4d4d4d);
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-bottom h2, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-bottom h2,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-bottom h2, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-bottom h2,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-bottom h2, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-bottom h2,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-bottom h2 {
  color: whitesmoke !important;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-superheader, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-superheader,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-superheader, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-superheader,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-superheader, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-superheader,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-superheader {
  color: whitesmoke;
  background-color: #4d4d4d;
  text-decoration: underline;
  font-weight: bold;
  text-transform: capitalize;
  padding: 0%;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-superheader h2, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-superheader h2,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-superheader h2, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-superheader h2,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-superheader h2, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-superheader h2,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-superheader h2 {
  color: whitesmoke;
  font-size: 1.2em;
  line-height: 1.4em;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-header, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-header,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-header, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-header,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-header, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-header,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-header {
  background-color: black;
  border-bottom: 2px solid #4d4d4d;
  padding: 2%;
  text-transform: capitalize;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-header h1, .sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-header h2, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-header h1, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-header h2,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-header h1,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-header h2, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-header h1, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-header h2,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-header h1,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-header h2, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-header h1, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-header h2,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-header h1,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-header h2 {
  display: inline;
  line-height: 1.2em;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-header h1, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-header h1,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-header h1, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-header h1,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-header h1, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-header h1,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-header h1 {
  color: whitesmoke;
  font-variant: small-caps;
  font-size: 1.6em;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-header h2, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-header h2,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-header h2, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-header h2,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-header h2, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-header h2,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-header h2 {
  color: #d9d9d9;
  font-size: 1.15em;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .inlinerollresult.fullfail,
.sheet-rolltemplate-fancy-damages .sheet-template-container .inlinerollresult.fullcrit,
.sheet-rolltemplate-fancy-damages .sheet-template-container .inlinerollresult.importantroll, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .inlinerollresult.fullfail,
.sheet-rolltemplate-fancy-sanloss .sheet-template-container .inlinerollresult.fullcrit,
.sheet-rolltemplate-fancy-sanloss .sheet-template-container .inlinerollresult.importantroll,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .inlinerollresult.fullfail,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .inlinerollresult.fullcrit,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .inlinerollresult.importantroll, .sheet-rolltemplate-fancy-rolls .sheet-template-container .inlinerollresult.fullfail,
.sheet-rolltemplate-fancy-rolls .sheet-template-container .inlinerollresult.fullcrit,
.sheet-rolltemplate-fancy-rolls .sheet-template-container .inlinerollresult.importantroll,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .inlinerollresult.fullfail,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .inlinerollresult.fullcrit,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .inlinerollresult.importantroll, .sheet-rolltemplate-fancy-rituals .sheet-template-container .inlinerollresult.fullfail,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .inlinerollresult.fullcrit,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .inlinerollresult.importantroll,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .inlinerollresult.fullfail,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .inlinerollresult.fullcrit,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .inlinerollresult.importantroll {
  border: none;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-fancy-damages .sheet-template-container .inlinerollresult.fullcrit, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .inlinerollresult.fullcrit,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .inlinerollresult.fullfail,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .inlinerollresult.fullcrit, .sheet-rolltemplate-fancy-rolls .sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-fancy-rolls .sheet-template-container .inlinerollresult.fullcrit,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .inlinerollresult.fullfail,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .inlinerollresult.fullcrit, .sheet-rolltemplate-fancy-rituals .sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-fancy-rituals .sheet-template-container .inlinerollresult.fullcrit,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .inlinerollresult.fullfail,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .inlinerollresult.fullcrit {
  color: black;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .inlinerollresult, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .inlinerollresult,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .inlinerollresult, .sheet-rolltemplate-fancy-rolls .sheet-template-container .inlinerollresult,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .inlinerollresult, .sheet-rolltemplate-fancy-rituals .sheet-template-container .inlinerollresult,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .inlinerollresult {
  background-color: transparent;
  border: none;
  font-weight: unset;
  font-size: unset;
  padding: unset;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-computed, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-computed,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-computed, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-computed,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-computed, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-computed,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-computed {
  font-weight: bold;
  font-size: 1.8em;
  color: black;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-computed .inlinerollresult, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-computed .inlinerollresult,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-computed .inlinerollresult, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-computed .inlinerollresult,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-computed .inlinerollresult, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-computed .inlinerollresult,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-computed .inlinerollresult {
  pointer-events: none;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-computed .inlinerollresult:hover, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-computed .inlinerollresult:hover,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-computed .inlinerollresult:hover, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-computed .inlinerollresult:hover,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-computed .inlinerollresult:hover, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-computed .inlinerollresult:hover,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-computed .inlinerollresult:hover {
  display: none;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-section-title, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-section-title,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-section-title, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-section-title,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-section-title, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-section-title,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-section-title {
  grid-column: 1/4;
  grid-template-columns: 1fr;
  align-self: center;
  justify-self: center;
  background: black !important;
  color: whitesmoke;
  font-size: 1.5em;
  font-weight: bold;
  height: 1.5em;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-subheader, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-subheader,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-subheader, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-subheader,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-subheader, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-subheader,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-subheader {
  background: linear-gradient(to bottom, #4d4d4d 10%, black);
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-subheader h2, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-subheader h2,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-subheader h2, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-subheader h2,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-subheader h2, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-subheader h2,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-subheader h2 {
  color: whitesmoke;
  font-size: 1.2em;
  line-height: 1.4em;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-onerow, .sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-description, .sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-subheader, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-onerow, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-description, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-subheader,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-onerow,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-description,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-subheader, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-onerow, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-description, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-subheader,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-onerow,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-description,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-subheader, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-onerow, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-description, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-subheader,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-onerow,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-description,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-subheader {
  grid-column: 1/4;
  grid-template-columns: 1fr;
  justify-content: middle;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-description, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-description,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-description, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-description,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-description, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-description,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-description {
  height: fit-content !important;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-tworows, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-tworows,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-tworows, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-tworows,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-tworows, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-tworows,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-tworows {
  grid-column: 1/4;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: space-between;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-tworows .sheet-rolltitle, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-tworows .sheet-rolltitle,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-tworows .sheet-rolltitle, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-tworows .sheet-rolltitle,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-tworows .sheet-rolltitle, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-tworows .sheet-rolltitle,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-tworows .sheet-rolltitle {
  text-transform: capitalize;
  text-align: left;
  float: left;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-tworows .sheet-template-computed, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-tworows .sheet-template-computed,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-tworows .sheet-template-computed, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-tworows .sheet-template-computed,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-tworows .sheet-template-computed, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-tworows .sheet-template-computed,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-tworows .sheet-template-computed {
  text-align: center;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-threerows, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-threerows,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-threerows, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-threerows,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-threerows, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-threerows,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-threerows {
  grid-column: 1/4;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  justify-content: space-between;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-threerows .sheet-template-computed, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-threerows .sheet-template-computed,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-threerows .sheet-template-computed, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-threerows .sheet-template-computed,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-threerows .sheet-template-computed, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-threerows .sheet-template-computed,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-threerows .sheet-template-computed {
  text-align: center;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-overlay-low-wp, .sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-overlay-low-wp .sheet-template-overlay-low-wp90 .sheet-template-overlay-zero-wp,
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-overlay-zero-wp .sheet-template-overlay-zero-wp90, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-overlay-low-wp, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-overlay-low-wp .sheet-template-overlay-low-wp90 .sheet-template-overlay-zero-wp,
.sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-overlay-zero-wp .sheet-template-overlay-zero-wp90,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-overlay-low-wp,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-overlay-low-wp .sheet-template-overlay-low-wp90 .sheet-template-overlay-zero-wp,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-overlay-zero-wp .sheet-template-overlay-zero-wp90, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-overlay-low-wp, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-overlay-low-wp .sheet-template-overlay-low-wp90 .sheet-template-overlay-zero-wp,
.sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-overlay-zero-wp .sheet-template-overlay-zero-wp90,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-overlay-low-wp,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-overlay-low-wp .sheet-template-overlay-low-wp90 .sheet-template-overlay-zero-wp,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-overlay-zero-wp .sheet-template-overlay-zero-wp90, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-overlay-low-wp, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-overlay-low-wp .sheet-template-overlay-low-wp90 .sheet-template-overlay-zero-wp,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-overlay-zero-wp .sheet-template-overlay-zero-wp90,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-overlay-low-wp,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-overlay-low-wp .sheet-template-overlay-low-wp90 .sheet-template-overlay-zero-wp,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-overlay-zero-wp .sheet-template-overlay-zero-wp90 {
  width: 100%;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-overlay-low-wp, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-overlay-low-wp,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-overlay-low-wp, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-overlay-low-wp,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-overlay-low-wp, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-overlay-low-wp,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-overlay-low-wp {
  position: relative;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-overlay-low-wp::after, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-overlay-low-wp::after,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-overlay-low-wp::after, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-overlay-low-wp::after,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-overlay-low-wp::after, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-overlay-low-wp::after,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-overlay-low-wp::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: radial-gradient(ellipse at center, transparent 40%, rgba(255, 0, 0, 0.2) 85%, rgba(255, 0, 0, 0.5));
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-overlay-zero-wp, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-overlay-zero-wp,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-overlay-zero-wp, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-overlay-zero-wp,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-overlay-zero-wp, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-overlay-zero-wp,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-overlay-zero-wp {
  position: relative;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-overlay-zero-wp::after, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-overlay-zero-wp::after,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-overlay-zero-wp::after, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-overlay-zero-wp::after,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-overlay-zero-wp::after, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-overlay-zero-wp::after,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-overlay-zero-wp::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(77, 77, 77, 0.2) 40%, rgba(77, 77, 77, 0.5) 85%, rgba(0, 0, 0, 0.5));
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-outcome, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-outcome,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-outcome, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-outcome,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-outcome, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-outcome,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-outcome {
  font-weight: bold;
  font-size: 1.8em;
  color: black;
  font-style: capitalize;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body-description, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body-description,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body-description, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body-description,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body-description, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body-description,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body-description {
  font-size: 1.2em;
  background-color: whitesmoke;
  font-style: italic;
  text-align: left;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body {
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 0.5em;
  padding: 0em 0;
  grid-template-columns: 3em;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body .sheet-template-row, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body .sheet-template-row,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body .sheet-template-row, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body .sheet-template-row,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body .sheet-template-row {
  background-color: whitesmoke;
  padding: 3%;
  height: 2.5em;
  display: grid;
  align-items: center;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body .sheet-template-row .sheet-template-computed, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body .sheet-template-row .sheet-template-computed,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body .sheet-template-row .sheet-template-computed, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body .sheet-template-row .sheet-template-computed,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row .sheet-template-computed, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row .sheet-template-computed,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body .sheet-template-row .sheet-template-computed {
  font-size: 1.5em !important;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body .sheet-template-row:nth-child(2n+0), .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body .sheet-template-row:nth-child(2n+0),
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body .sheet-template-row:nth-child(2n+0), .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body .sheet-template-row:nth-child(2n+0),
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row:nth-child(2n+0), .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row:nth-child(2n+0),
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body .sheet-template-row:nth-child(2n+0) {
  background-color: #f6efe9;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-explanation, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-explanation,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-explanation, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-explanation,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-explanation, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-explanation,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-explanation {
  font-size: 1.2em;
  color: black;
  font-style: italic;
  text-align: left;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-inlinerollresult, .sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltitle, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-inlinerollresult, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltitle,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-inlinerollresult,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltitle, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-inlinerollresult, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltitle,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-inlinerollresult,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltitle, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-inlinerollresult, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltitle,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-inlinerollresult,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltitle {
  color: black;
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 3px 0 3px;
  font-style: capitalize;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-inlinerollresult, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-inlinerollresult,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-inlinerollresult, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-inlinerollresult,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-inlinerollresult, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-inlinerollresult,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-inlinerollresult {
  cursor: help;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltitle, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltitle,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltitle, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltitle,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltitle, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltitle,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltitle {
  text-align: left;
  float: left;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltext, .sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-template-desc, .sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollbefore, .sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollafter, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltext, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-template-desc, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollbefore, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollafter,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltext,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-template-desc,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollbefore,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollafter, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltext, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-template-desc, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollbefore, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollafter,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltext,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-template-desc,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollbefore,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollafter, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltext, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-template-desc, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollbefore, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollafter,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltext,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-template-desc,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollbefore,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollafter {
  font-size: 1.2em;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-percent, .sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltext, .sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-template-desc, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-percent, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltext, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-template-desc,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-percent,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltext,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-template-desc, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-percent, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltext, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-template-desc,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-percent,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltext,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-template-desc, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-percent, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltext, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-template-desc,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-percent,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rolltext,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-template-desc {
  color: black;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollbefore, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollbefore,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollbefore, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollbefore,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollbefore, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollbefore,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollbefore {
  color: green;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollafter, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollafter,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollafter, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollafter,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollafter, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollafter,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body .sheet-template-row span.sheet-rollafter {
  color: red;
}
.sheet-rolltemplate-fancy-damages .sheet-template-container .sheet-template-body .sheet-template-row .aligned-left, .sheet-rolltemplate-fancy-sanloss .sheet-template-container .sheet-template-body .sheet-template-row .aligned-left,
.sheet-rolltemplate-fancy-bonds .sheet-template-container .sheet-template-body .sheet-template-row .aligned-left, .sheet-rolltemplate-fancy-rolls .sheet-template-container .sheet-template-body .sheet-template-row .aligned-left,
.sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row .aligned-left, .sheet-rolltemplate-fancy-rituals .sheet-template-container .sheet-template-body .sheet-template-row .aligned-left,
.sheet-rolltemplate-fancy-ritualloss .sheet-template-container .sheet-template-body .sheet-template-row .aligned-left {
  text-align: left;
  float: left;
}

.handler button.update {
  font-family: "pictos";
  background: transparent !important;
  border: 0;
  font-size: 2rem;
  color: black;
  text-shadow: 0 0 10px whitesmoke;
}
.handler button.update:hover {
  color: #06562b;
  transform: rotate(45deg);
}
.handler button.update::clic {
  color: #06562b;
  text-shadow: 0 0 10px #f6efe9;
}
.handler div.section-agents {
  grid-template-columns: 10rem 0.155rem 5rem 0.155rem 5rem 0.155rem 5em 0.155rem 5em 0.155rem 5em 0.155rem 4em 0.155rem 4em;
}
.handler div.section-agents h2:nth-of-type(1) {
  margin-left: 2%;
}
.handler div.section-agents h2:nth-of-type(1n+2) {
  text-align: center;
}
.handler div.section-agents .input-agent-name {
  width: 100%;
  padding: 0px 0px;
  margin: 0px 0;
  box-sizing: border-box;
  background: transparent;
  text-align: left;
  text-indent: 2rem;
}
.handler div.section-agents .grid__item, .handler div.section-agents .grid__item_last {
  overflow: hidden;
}
.handler div.section-agents .grid__item span, .handler div.section-agents .grid__item_last span {
  overflow: hidden;
}
.handler div.section-agents .grid__item span .align-center, .handler div.section-agents .grid__item_last span .align-center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.handler div.section-agents div.repeating-container {
  width: 100%;
  height: 15em;
  overflow-y: hidden;
  overflow-x: hidden;
  grid-column: 1/13;
}
.handler div.section-agents div.repeating-container input[name=attr_name] {
  text-align: left;
}
.handler div.section-agents div.repeating-container .buttonwrapper span {
  width: 100%;
  height: 95%;
  background: #4d4d4d;
  text-indent: 1rem;
  color: whitesmoke;
  font-weight: bold;
}
.handler div.section-agents div.repeating-container .buttonwrapper button {
  height: 100%;
}
.handler .section-agents.repeating-section-agents {
  grid-template-rows: 2.8em;
}
.handler .agent-data {
  grid-column: 1/3;
  width: 100%;
}
.handler .agent-data .agent-grid {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-columns: 14rem repeat(10, 1fr) 2fr 2fr;
  grid-template-rows: 2rem;
}
.handler .agent-data .inner-main .grid__item::after {
  content: "";
  display: block;
  height: 2rem;
  border-left: 0.155rem solid black;
  position: absolute;
  right: 0;
}
.handler .handler_header {
  font-weight: bold;
}