button:focus,
input:focus {
	background: unset;
	outline: unset;
}
.sheet-hidden {
	display: none;
}

.sheet-container {
	width: 772px;
	min-height: 500px;
	display: grid;
	grid-template-columns: repeat(1, [col] 772px );
	grid-template-rows: 70px 35px auto;
	grid-gap: 2px;
	grid-template-areas:
    "header"
    "navigation"
    "page";
	background-color: #fff;
	color: black;
	border-image-slice:49 48 48 48 fill;
	border-image-width:12px 12px 12px 12px;
	border-image-outset:0px 0px 0px 0px;
	border-image-repeat:stretch stretch;
	border-image-source: url("https://github.com/khtd/roll20_eotv/blob/master/border.jpg?raw=true");
  padding: 20px;
  padding-left: 30px;
  padding-bottom: 30px;
  border-image-outset: 10px;
}

.sheet-container input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.sheet-container input[type=number] {
	width: unset;
}

/* header start */
.sheet-header-container{
	grid-area: header;
	display: grid;
	grid-template-columns: 170px  342px  256px;
	grid-template-rows: 35px 35px;
	grid-gap: 2px;
	grid-template-areas:
    "logo name exp"
    "logo class exp"
}

.sheet-logo {
	grid-area: logo;
	width: 170px;
	justify-self: center;
	align-self: center;
}

.sheet-name-container {
	grid-area: name;
	background-color: white;
	height: 35px;
	display: grid;
	grid-template-columns: 70px 272px;
	grid-template-rows: 5px 25px 5px;
	grid-gap: 0px;
}

.sheet-name-label {
	background-color: black;
	color: white;
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 3;
	padding: 3px;
}

.sheet-name-input {
	grid-column-start: 2;
	grid-row-start: 1;
	grid-row-end: 4;
	background: white;
	border-color: black;
	border-width: 2px;
	text-align: center;
	border-radius: 0px;
	height: 29px;
	width: auto;
}

.sheet-class-container {
	grid-area: class;
	background-color: white;
	height: 35px;
	display: grid;
	grid-template-columns: 70px 185px 2px 85px;
	grid-template-rows: 5px 25px 5px;
	grid-gap: 0px;
}

.sheet-class-label {
	background-color: black;
	color: white;
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 3;
	padding: 3px;
}

.sheet-class-span {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 4;
	background: white;
	border: 2px solid black;
	text-align: center;
	padding: 5px 0px; 
	border-radius: 0px;
}

.sheet-change-button {
	display:inline-block;
	border:0.1em solid rgb(14, 13, 13);
	background-color: transparent;
	border-radius:0.12em;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:300;
	color: black;
	text-align:center;
	transition: all 0.2s;
}

.sheet-class-change-button {
	grid-column-start: 4;
	grid-row-start: 1;
	grid-row-end: 4;
}

/* rollbonus start */
.sheet-roll-bonus {
	display: grid;
	align-content: end;
	grid-column-end: 2;
  grid-column-start: 1;
  grid-row-end: 2;
	grid-row-start: 1;
	width: min-content;
	justify-self: end;
}

.sheet-toggler {
	display: grid;
	grid-template-columns: repeat(2, max-content);
	grid-auto-flow: column;
	gap: 3px;
}

.sheet-toggler label {
	margin: 0;
	width: fit-content;
	width: -moz-fit-content;
	padding: 2px;
	align-items: end;
	display: grid;
	font-size: 1em;
}

.sheet-toggler input[type=radio],
.sheet-toggler input[type=checkbox] {
	border: 0; 
	clip: rect(0 0 0 0); 
	height: 1px; margin: -1px; 
	overflow: hidden; 
	padding: 0; 
	position: absolute; 
	width: 1px;
}

.sheet-toggler input[type=radio] + span,
.sheet-toggler input[type=checkbox] + span {
	border: 1px solid rgb(35, 31, 32);
	padding: 2px 6px;
	background-color: white;
	color: #D3D3D3;
	text-align: center;
}

.sheet-toggler input[type=radio]:checked + span,
.sheet-toggler input[type=checkbox]:checked + span {
	color: rgb(35, 31, 32);
}

.sheet-roll-bonus input[type=text] {
	border: 1px solid black;
	border-radius: 0px;
	text-align: center;
	height: 24px;
	width: 24px;
}
/* rollbonus end */

/*exp start */
.sheet-exp-container {
	grid-area: exp;
	display: grid;
	grid-template-columns: min-content 25px 25px 25px 25px min-content 45px;
	grid-template-rows: 45px;
	grid-template-areas: "exp-lbl exp-box1 exp-box2 exp-box3 exp-box4 exp-up-lbl exp-box5";
	gap: 5px;
	align-self: end;
}

.sheet-exp-label {
    grid-area: exp-lbl;
	align-self: end;
	line-height: 1;
}

.sheet-exp-up-label {
    grid-area: exp-up-lbl;
	align-self: end;
	line-height: 1;
}

input[type="checkbox"].sheet-exp-box {
    opacity: 0;
    cursor: pointer;
	z-index: 1;
	align-self: end;
}

input[type="checkbox"].sheet-exp-box1,
input[type="checkbox"].sheet-exp-box2,
input[type="checkbox"].sheet-exp-box3,
input[type="checkbox"].sheet-exp-box4 {
	width: 25px;
    height: 25px;
}

input[type="number"].sheet-exp-box5 {
	width: 45px;
    height: 45px;
		background: white;
    border-color: black;
    border-width: 2px;
    text-align: center;
    border-radius: 0px;
		font-size: x-large;
}

input[type="checkbox"].sheet-exp-box + span {
    align-self: end;
    border: solid 2px black;
    display: block;
	background-color: #000000;
	background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
	border-radius: 0px;
}

input[type="checkbox"].sheet-exp-box:checked ~ input[type="checkbox"] + span {    
    background: white;
}

input.sheet-exp-box0 {
    z-index: 0;
    display: none;
}

.sheet-exp-box1 {
    grid-area: exp-box1;
    height: 21px;
}

.sheet-exp-box2{
    grid-area: exp-box2;
    height: 21px;
}

.sheet-exp-box3 {
    grid-area: exp-box3;
    height: 21px;
}

.sheet-exp-box4 {
    grid-area: exp-box4;
    height: 21px;
}

.sheet-exp-box5 {
    grid-area: exp-box5;
    height: 41px;
}
/*exp end*/


/* header end */

/* navigation start */
.sheet-navigation-container {
	grid-area: navigation;
	display: grid;
	grid-auto-flow: column;
}

.sheet-nav-tabs {
	justify-self: center;
	align-self: end;
	display: grid;
	grid-template-columns: auto auto auto auto;
	grid-column-gap: 5px;
	grid-column-end: 2;
	grid-column-start: 1;
  grid-row-end: 2;
  grid-row-start: 1;
}

.sheet-nav-button {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

.sheet-nav-button input {
	display: none;
}

.sheet-nav-button span{
	display:inline-grid;
	border:0.1em solid rgb(14, 13, 13);
	background-color: transparent;
	border-radius:0.12em;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:300;
	color: #D3D3D3;
	text-align:center;
	transition: all 0.2s;
	padding: 2px 6px 2px 6px;
}

.sheet-nav-button input[type=radio]:checked + span {
	color: rgb(35, 31, 32);
}
.charsheet .sheet-nav-button:hover span {
	color: rgb(35, 31, 32);
}
/* navigation end */

/* pages common start */
.sheet-page {
	grid-area: page;
	display: none;
}

.sheet-tabstoggle[value="page1"] ~ .sheet-page1,
.sheet-tabstoggle[value="page2"] ~ .sheet-page2,
.sheet-tabstoggle[value="page3"] ~ .sheet-page3,
.sheet-tabstoggle[value="page4"] ~ .sheet-page4 {
	display: grid;
}

.sheet-tabstoggle[value="page1"] ~ .sheet-page2,
.sheet-tabstoggle[value="page1"] ~ .sheet-page3,
.sheet-tabstoggle[value="page1"] ~ .sheet-page4,
.sheet-tabstoggle[value="page2"] ~ .sheet-page1,
.sheet-tabstoggle[value="page2"] ~ .sheet-page3,
.sheet-tabstoggle[value="page2"] ~ .sheet-page4,
.sheet-tabstoggle[value="page3"] ~ .sheet-page1,
.sheet-tabstoggle[value="page3"] ~ .sheet-page2,
.sheet-tabstoggle[value="page3"] ~ .sheet-page4,
.sheet-tabstoggle[value="page4"] ~ .sheet-page1,
.sheet-tabstoggle[value="page4"] ~ .sheet-page2,
.sheet-tabstoggle[value="page4"] ~ .sheet-page3 {
	display: none;
}
/*pages common end */

/*page1 pages start */
.sheet-page1 {
	display: grid;
	grid-template-columns: 383px 383px;
	grid-gap: 10px 6px;
	grid-template-rows: auto;
	grid-template-areas: 
	"desc looks"
	"back .";
	grid-auto-flow: row;
}

/*page1 descriprion start*/
.sheet-description {
	grid-area: desc;
}

.sheet-description .sheet-change-description-hidden {
	display: none;
}

.sheet-description .sheet-title {
	display: grid;
	grid-template-columns: max-content 26.4px auto;
	gap: 10px;
}

.sheet-description button.sheet-change-descriprion {
  margin: 0;
  overflow: visible;
  text-transform: none;
  border-style: none;
  padding: 0;
  background: transparent;
	cursor: pointer;
	border:0.1em solid rgb(14, 13, 13);
	background-color: transparent;
}
button.sheet-change-descriprion  > span.sheet-save,
button.sheet-change-descriprion  > span.sheet-change  {
	display: block;
	font-family: "Pictos";
}
/* Hide the section(s) that do not match the attribute value */
.sheet-description input.sheet-change-description-hidden:checked + div > button.sheet-change-descriprion  > span.sheet-save {
  display: none;
}
.sheet-description input.sheet-change-description-hidden:not(:checked) + div > button.sheet-change-descriprion  > span.sheet-change {
	display: none;
}

.sheet-description textarea.sheet-description-input-text {
	display: none;
}

.sheet-description textarea.sheet-description-saved-text {
	display: block;
 	width: 380px;
	resize: vertical;
	padding: 0px;
	margin: 0px;
	background: none;
	border: none;
	cursor: default;
	overflow: auto;
	outline: none;
	height: 280px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.sheet-description textarea.sheet-description-input-text {
	display: none;
	width: 370px;
	margin: 0;
	height: 280px;
	resize: vertical;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.sheet-description input.sheet-change-description-hidden:checked ~ textarea.sheet-description-saved-text {
	display: block;
}

.sheet-description input.sheet-change-description-hidden:checked ~ textarea.sheet-description-input-text {
	display: none;
}

.sheet-description input.sheet-change-description-hidden:not(:checked) ~ textarea.sheet-description-saved-text {
	display: none;
}

.sheet-description input.sheet-change-description-hidden:not(:checked) ~ textarea.sheet-description-input-text {
	display: block;
}
/*page1 descriprion end*/

.sheet-background {
	grid-area: back;
}

.sheet-look {
	grid-area: looks;
}

.sheet-background,
.sheet-cyborg-path,
.sheet-stranger-specialization,
.sheet-juggernaut-handicraft,
.sheet-raelith-function {
	display: grid;
	gap: 10px;
    grid-template-rows: 26.4px min-content;
}

.sheet-background .sheet-title,
.sheet-cyborg-path .sheet-title,
.sheet-stranger-specialization .sheet-title,
.sheet-juggernaut-handicraft .sheet-title,
.sheet-raelith-function .sheet-title {
	display: grid;
    grid-template-columns: min-content 26.4px auto;
    gap: 10px;
}

.sheet-background .sheet-background-text,
.sheet-background .sheet-additional-background,
.sheet-cyborgPath,
.sheet-strangerSpecialization,
.sheet-juggernautHandicraft,
.sheet-raelithFunction {
	display: grid;
	grid-template-columns: 18px auto;
	gap: 3px;
}

button[type=roll].sheet-infoOutput {
  border: none;
  background-color: transparent;
  background-image: none;
  font-size: 1.05em;
  font-weight: bold;
  box-shadow: none;
  text-shadow: none;
  height: 21px;
  margin: 0px;
	padding: 0px;
	font-family: "Pictos";
}

button[type=action].sheet-setting {
    border: none;
    background-color: transparent;
    background-image: none;
    font-size: 1.05em;
    font-weight: bold;
    box-shadow: none;
    text-shadow: none;
    height: 28px;
    margin: 0px;
	padding: 0px;
	font-family: "Pictos";
}

button[type=roll].sheet-infoOutput::before {
    content: '';
}

.sheet-page1 .sheet-change-button {
	font-family: "Pictos";
}

.repcontainer[data-groupname="repeating_background"] > .repitem > button,
.repcontainer[data-groupname="repeating_raelithfunction"] > .repitem > button,
.repcontainer[data-groupname="repeating_juggernauthandicraft"] > .repitem > button,
.repcontainer[data-groupname="repeating_strangerspecialization"] > .repitem > button,
.repcontainer[data-groupname="repeating_cyborgpath"] > .repitem > button {
	min-height: 10px;
	min-height: 10px;
}

.repcontainer[data-groupname="repeating_background"] > .repitem > .sheet-show-settings,
.repcontainer[data-groupname="repeating_raelithfunction"] > .repitem > .sheet-show-settings,
.repcontainer[data-groupname="repeating_juggernauthandicraft"] > .repitem > .sheet-show-settings,
.repcontainer[data-groupname="repeating_strangerspecialization"] > .repitem > .sheet-show-settings,
.repcontainer[data-groupname="repeating_cyborgpath"] > .repitem > .sheet-show-settings {
	display: none;
}

.repcontainer[data-groupname="repeating_background"] > .repitem > .sheet-show-settings + div,
.repcontainer[data-groupname="repeating_raelithfunction"] > .repitem > .sheet-show-settings + div,
.repcontainer[data-groupname="repeating_juggernauthandicraft"] > .repitem > .sheet-show-settings + div, 
.repcontainer[data-groupname="repeating_strangerspecialization"] > .repitem > .sheet-show-settings + div,
.repcontainer[data-groupname="repeating_cyborgpath"] > .repitem > .sheet-show-settings + div {
	display: none;
}

.repcontainer[data-groupname="repeating_background"] > .repitem > .sheet-show-settings:not(:checked) + div,
.repcontainer[data-groupname="repeating_raelithfunction"] > .repitem > .sheet-show-settings:not(:checked) + div,
.repcontainer[data-groupname="repeating_juggernauthandicraft"] > .repitem > .sheet-show-settings:not(:checked) + div,
.repcontainer[data-groupname="repeating_strangerspecialization"] > .repitem > .sheet-show-settings:not(:checked) + div,
.repcontainer[data-groupname="repeating_cyborgpath"] > .repitem > .sheet-show-settings:not(:checked) + div {
	display: block;
}

.repcontainer[data-groupname="repeating_background"] > .repitem > div> textarea,
.repcontainer[data-groupname="repeating_raelithfunction"] > .repitem > div> textarea,
.repcontainer[data-groupname="repeating_juggernauthandicraft"] > .repitem > div> textarea,
.repcontainer[data-groupname="repeating_strangerspecialization"] > .repitem > div> textarea,
.repcontainer[data-groupname="repeating_cyborgpath"] > .repitem > div> textarea {
	width: 300px;
	resize: vertical;
	border: 1px solid;
	margin: 5px;
	margin-top: 0px;
	height: 54px;
	border-radius: 0px;
	border-top: 0px;
}

.repcontainer[data-groupname="repeating_background"] > .repitem > div> input[type='text'],
.repcontainer[data-groupname="repeating_raelithfunction"] > .repitem > div> input[type='text'],
.repcontainer[data-groupname="repeating_juggernauthandicraft"] > .repitem > div> input[type='text'],
.repcontainer[data-groupname="repeating_strangerspecialization"] > .repitem > div> input[type='text'],
.repcontainer[data-groupname="repeating_cyborgpath"] > .repitem > div> input[type='text'] {
	width: 310px;
	border: 1px solid;
	margin: 5px;
	margin-bottom: 0px;
	border-radius: 0px;
}

/*special start*/
.sheet-is-cyborg-bg-flag,
.sheet-is-cyborg-path-flag,
.sheet-is-cyborg-imp-flag,
.sheet-is-cyborg-dh-flag,
.sheet-is-kinetick-gg-flag,
.sheet-is-daredevil-tech-flag,
.sheet-is-engineer-probe-flag,
.sheet-is-manofsteel-armor-flag,
.sheet-is-shadow-bg-flag,
.sheet-is-stranger-spec-flag,
.sheet-is-juggernaut-craft-flag,
.sheet-is-raelith-fn-flag,
.sheet-is-courier-dng-flag,
.sheet-is-mercenary-death-flag,
.sheet-is-stranger-fvr-flag,
.sheet-is-supernova-imp-flag,
.sheet-is-juggernaut-adr-flag,
.sheet-is-digitaldao-ovr-flag,
.sheet-is-emissary-st-flag,
.sheet-is-raelith-fd-flag {
	display: none;
}

.sheet-is-cyborg-bg-flag:checked + .sheet-cyborg-additional,
.sheet-is-cyborg-path-flag:checked + .sheet-cyborg-additional,
.sheet-is-cyborg-dh-flag:checked + .sheet-cyborg-additional,
.sheet-is-kinetick-gg-flag:checked + .sheet-gravitygene,
.sheet-is-shadow-bg-flag:checked + .sheet-shadow-additional,
.sheet-is-stranger-spec-flag:checked + .sheet-stranger-additional,
.sheet-is-juggernaut-craft-flag:checked + .sheet-juggernaut-additional,
.sheet-is-raelith-fn-flag:checked + .sheet-raelith-additional,
.sheet-is-courier-dng-flag:checked + .sheet-courier-additional,
.sheet-is-mercenary-death-flag:checked + .sheet-mercenary-additional,
.sheet-is-stranger-fvr-flag:checked + .sheet-stranger-additional,
.sheet-is-supernova-imp-flag:checked + .sheet-supernova-additional,
.sheet-is-juggernaut-adr-flag:checked + .sheet-juggernaut-additional,
.sheet-is-digitaldao-ovr-flag:checked + .sheet-digitaldao-additional,
.sheet-is-emissary-st-flag:checked + .sheet-emissary-additional,
.sheet-is-raelith-fd-flag:checked + .sheet-raelith-additional {
	display: grid;
}

.sheet-is-cyborg-bg-flag:not(:checked) + .sheet-cyborg-additional,
.sheet-is-cyborg-path-flag:not(:checked) + .sheet-cyborg-additional,
.sheet-is-cyborg-dh-flag:not(:checked) + .sheet-cyborg-additional,
.sheet-is-kinetick-gg-flag:not(:checked) + .sheet-gravitygene,
.sheet-is-shadow-bg-flag:not(:checked) + .sheet-shadow-additional,
.sheet-is-stranger-spec-flag:not(:checked) + .sheet-stranger-additional,
.sheet-is-juggernaut-craft-flag:not(:checked) + .sheet-juggernaut-additional,
.sheet-is-courier-dng-flag:not(:checked) + .sheet-courier-additional,
.sheet-is-mercenary-death-flag:not(:checked) + .sheet-mercenary-additional,
.sheet-is-stranger-fvr-flag:not(:checked) + .sheet-stranger-additional,
.sheet-is-supernova-imp-flag:not(:checked) + .sheet-supernova-additional,
.sheet-is-juggernaut-adr-flag:not(:checked) + .sheet-juggernaut-additional,
.sheet-is-digitaldao-ovr-flag:not(:checked) + .sheet-digitaldao-additional,
.sheet-is-emissary-st-flag:not(:checked) + .sheet-emissary-additional,
.sheet-is-raelith-fd-flag:not(:checked) + .sheet-raelith-additional {
	display: none;
}

.sheet-is-cyborg-flag:not(:checked) + .sheet-cyborg-path,
.sheet-is-stranger-spec-flag:not(:checked) + .sheet-stranger-specialization,
.sheet-is-juggernaut-craft-flag:not(:checked) + .sheet-juggernaut-path,
.sheet-is-raelith-fn-flag:not(:checked) + .sheet-raelith-additional  {
	display: none;
}

.sheet-cyborgPath-show-flag,
.sheet-strangerSpecialization-show-flag,
.sheet-juggernautHandicraft-show-flag,
.sheet-raelithFunction-show-flag {
	display: none;
}

.sheet-cyborgPath-show-flag:checked + div,
.sheet-strangerSpecialization-show-flag:checked + div,
.sheet-juggernautHandicraft-show-flag:checked + div,
.sheet-raelithFunction-show-flag:checked + div {
	display: inline;
}

.sheet-cyborgPath-show-flag:not(:checked) + div,
.sheet-strangerSpecialization-show-flag:not(:checked) + div,
.sheet-juggernautHandicraft-show-flag:not(:checked) + div,
.sheet-raelithFunction-show-flag:not(:checked) + div {
	display: none;
}

/* raelith special start*/
.sheet-is-raelith-fn-flag:checked + .sheet-background {
	display: none;
}

.sheet-is-raelith-fn-flag:not(:checked) + .sheet-background {
	display: grid;
}

/* raelith special end */

/* cyborg spec start */
.sheet-is-cyborg-imp-flag + label,
.sheet-is-daredevil-tech-flag + label,
.sheet-is-engineer-probe-flag + label,
.sheet-is-manofsteel-armor-flag + label {
	display: none;
}

.sheet-is-cyborg-imp-flag:checked + label,
.sheet-is-daredevil-tech-flag:checked + label,
.sheet-is-engineer-probe-flag:checked + label,
.sheet-is-manofsteel-armor-flag:checked + label {
	display: block;
}

.sheet-is-cyborg-imp-flag:not(:checked) + label,
.sheet-is-daredevil-tech-flag:not(:checked) + label,
.sheet-is-engineer-probe-flag:not(:checked)  + label,
.sheet-is-manofsteel-armor-flag:not(:checked) + label {
	display: none;
}
/* cyborg spec end */
/* special end*/

/* page1 look start */
.sheet-look .sheet-expand-hidden {
	display: none;
}

.sheet-look .sheet-title {
	display: grid;
	grid-template-columns: max-content 26.4px auto;
	gap: 10px;
}

.sheet-look button.sheet-expand-look {
  margin: 0;
  overflow: visible;
  text-transform: none;
  border-style: none;
  padding: 0;
  background: transparent;
	cursor: pointer;
	border:0.1em solid rgb(14, 13, 13);
	background-color: transparent;
}

/* Hide the section(s) that do not match the attribute value */
input.sheet-expand-hidden:not(:checked) + div > button.sheet-expand-look  > span.sheet-expanded {
  display: none;
}
input.sheet-expand-hidden:checked + div > button.sheet-expand-look  > span.sheet-notexpanded {
  display: none;
}

.sheet-look-example {
	display: block;
	opacity: 0;
	max-height: 0;
	transition: max-height 0.5s ease-out;
	overflow: hidden;
	cursor: default;
}

.sheet-look .sheet-expand-hidden:checked ~ .sheet-look-example {
	display: block;
	opacity: 1;
	max-height: 92px;
	transition: max-height 0.5s ease-in;
	width: 380px;
	resize: none;
	padding: 0px;
	margin: 0px;
	background: none;
	border: none;
	cursor: default;
	overflow: auto;
	outline: none;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.sheet-look .sheet-look-input {
	width: 380px;
	height: 100px;
	resize: vertical;
	padding: 0px;
	margin: 0px;
}
/* page1 look end */

/* page1 startgear start */

.sheet-start-gear button.sheet-toggle {
	padding: 0;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 2px;
  border: solid 1px #a8a8a8;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
	font-size: 21px;
	vertical-align: middle;
	font-family: "Pictos";
}
.sheet-start-gear button.sheet-toggle span.sheet-added,
.sheet-start-gear button.sheet-toggle:active span.sheet-checked {
	display: none;
}
.sheet-start-gear button.sheet-toggle:active span.sheet-added {
	display: inline;
}

/* .repcontainer[data-groupname="repeating_startgear"] > .repitem  {
	line-height: 12px;
} */
.repcontainer[data-groupname="repeating_startgear"] > .repitem {
	display: grid;
	grid-template-columns: 18px auto;
	gap: 5px;
	margin-bottom: 4px;
}
.repcontainer[data-groupname="repeating_startgear"] > .repitem span.sheet-name {
	font-weight: bold;
}

/* page1 startgear end */
/* page1 page end */

/* page2 page start*/
.sheet-page2 {
	display: grid;
	grid-template-columns: 383px 383px;
	grid-gap: 6px;
	grid-template-rows: auto;
	grid-template-areas: 
	"attributes bonds"
	"inventory notes";
	grid-auto-flow: column;
}

.sheet-attributes {
	display: grid;
	grid-area: attributes;
	grid-template-columns: 110px 268px;
	grid-template-areas: 
	"main sub"
	"fortune fortune"
	"special special";
	gap: 5px;
	grid-auto-rows: min-content;
}

/*page2 main-attr start*/
.sheet-attributes .sheet-main-attributes {
	grid-area: main;
	display: grid;
	grid-template-columns: 110px;
	grid-template-rows: 35px 35px 35px 35px;
	row-gap: 3px;
	height: min-content;
}
.sheet-attributes .sheet-main-attributes .sheet-attribute-container,
.sheet-attributes .sheet-main-attributes .sheet-additional-attribute-container {
	grid-template-columns: 75px 35px;
	grid-template-rows: 5px 25px 5px;
	grid-gap: 0px;
	background-color: white;
	color: #fff;
}
.sheet-attributes .sheet-main-attributes .sheet-attribute-container {
	display: grid;
}


.sheet-attribute-input {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 4;
	background: white;
	border-color: black;
	border-width: 2px;
	text-align: center;
	border-radius: 0px;
	width: 35px;
	height: 29px;
}

.sheet-attribute-name {
	background-color: black;
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 3;
	padding: 3px;
}

button[type=roll].sheet-attribute-name {
	background: unset;
	background-color: black;
	color: white;

	padding: 3px;

	text-transform: none;
	text-decoration: none;
	text-align: unset;

  font-family: unset;
	font-weight: unset;
	font-size: unset;

	border: none;
  border-radius: 0em;
	border-style: none;
	

	
  box-sizing: border-box;
	box-shadow: none;

	transition: all 0.2s;

	margin: 0;
  overflow: visible;

	cursor: pointer;
}
button[type=roll].sheet-attribute-name::before {
	content: none;
}
button[type=roll].sheet-attribute-name:focus {
	outline: unset;
	outline-offset: unset;
}
/*page2 main-attr end*/

/*page2 sub-attr start*/
.sheet-attributes .sheet-sub-attributes {
	grid-area: sub;
	display: grid;
	grid-template-columns: 268px;
	grid-template-rows: 35px 35px 35px 60px;
	row-gap: 3px;
	height: min-content;
}

.sheet-sub-attributes .sheet-atack,
.sheet-sub-attributes .sheet-armor,
.sheet-sub-attributes .sheet-hp ,
.sheet-sub-attributes .sheet-gear {
    display: grid;
    grid-template-rows: 5px 25px 5px;
    align-self: center;
}

.sheet-sub-attributes .sheet-atack {
	grid-row-start: 1;
    grid-row-end: 2;
    grid-template-columns: 80px 25px 2px 25px 2px 25px 2px 25px 2px 25px 3px 25px 2px 25px;
	grid-template-areas: 
	". . . . . . . . . . . . . ."
	"atack-lbl atack-box1 . atack-box2 . atack-box3 . atack-box4 . atack-box5 . addatackbutton . sbstrctatackbutton"
	". . . . . . . . . . . . . .";
}

.sheet-sub-attributes .sheet-armor {
	grid-row-start: 2;
    grid-row-end: 3;
    grid-template-columns: 80px 25px 2px 25px 2px 25px 2px 25px 2px 25px 3px 25px 2px 25px;
	grid-template-areas: 
	". . . . . . . . . . . . . ."
	"armor-lbl armor-box1 . armor-box2 . armor-box3 . armor-box4 . armor-box5 . addarmorbutton . sbstrctarmorbutton"
	". . . . . . . . . . . . . .";
}

.sheet-sub-attributes .sheet-hp {
	grid-row-start: 3;
    grid-row-end: 4;
    grid-template-columns: 80px 25px 2px 25px 2px 25px 2px 25px 2px 25px 3px 25px 2px 25px;
	grid-template-areas: 
	". . . . . . . . . . . . . ."
	"hp-lbl hp-box1 . hp-box2 . hp-box3 . hp-box4 . hp-box5 . addhpbutton . sbstrcthpbutton"
	". . . . . . . . . . . . . .";
}

.sheet-sub-attributes .sheet-gear {
	grid-row-start: 4;
	grid-row-end: 5;
	grid-template-columns: 95px 25px 2px 25px 2px 25px 2px 25px 2px 25px 3px 25px;
	grid-template-rows: 5px 12.5px 12.5px 12.5px 12.5px 5px;
	grid-template-areas: 
	". . . . . . . . . . . ."
	". gear-box1 . gear-box2 . gear-box3 . gear-box4 . gear-box5 . addgearbutton"
	"gear-lbl gear-box1 . gear-box2 . gear-box3 . gear-box4 . gear-box5 . addgearbutton"
	"gear-lbl gear-box6 . gear-box7 . gear-box8 . gear-box9 . gear-box10 . sbstrctgearbutton"
	". gear-box6 . gear-box7 . gear-box8 . gear-box9 . gear-box10 . sbstrctgearbutton"
	". . . . . . . . . . . .";
}

.sheet-atack-lbl,
.sheet-armor-lbl,
.sheet-hp-lbl,
.sheet-gear-lbl {
	align-self: center;
	line-height: 1;
	background-color: black;
	color: white;
	padding: 5px;
	height: 15px;
}

.sheet-atack-lbl {
    grid-area: atack-lbl;
}

.sheet-armor-lbl {
    grid-area: armor-lbl;
}

.sheet-hp-lbl {
    grid-area: hp-lbl;
}

.sheet-gear-lbl {
    grid-area: gear-lbl;
}

input[type="checkbox"].sheet-atack-box,
input[type="checkbox"].sheet-armor-box, 
input[type="checkbox"].sheet-hp-box,
input[type="checkbox"].sheet-gear-box {
    opacity: 0;
    cursor: pointer;
	z-index: 1;
	width: 25px;
	height: 25px;
	align-self: center;
}

input[type="checkbox"].sheet-atack-box + span,
input[type="checkbox"].sheet-armor-box + span,
input[type="checkbox"].sheet-hp-box + span,
input[type="checkbox"].sheet-gear-box + span {
	border: solid 2px black;
	border-right: solid 4px black;
    display: block;
	background-color: #000000;
    background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
	border-radius: 0px;
	align-self: center;
	height: 21px;
	width: 21px;
}

input[type="checkbox"].sheet-atack-box:checked ~ input[type="checkbox"].sheet-atack-box + span,
input[type="checkbox"].sheet-armor-box:checked ~ input[type="checkbox"].sheet-armor-box + span,
input[type="checkbox"].sheet-hp-box:checked ~ input[type="checkbox"].sheet-hp-box + span,
input[type="checkbox"].sheet-gear-box:checked ~ input[type="checkbox"].sheet-gear-box + span {    
    background: white;
}

input.sheet-atack-box0,
input.sheet-armor-box0,
input.sheet-hp-box0,
input.sheet-gear-box0 {
    z-index: 0;
    display: none;
}

.sheet-atack-box1 {
	grid-area: atack-box1;
}
.sheet-atack-box2 {
	grid-area: atack-box2;
}
.sheet-atack-box3 {
	grid-area: atack-box3;
}
.sheet-atack-box4 {
	grid-area: atack-box4;
}
.sheet-atack-box5 {
	grid-area: atack-box5;
}

.sheet-armor-box1 {
	grid-area: armor-box1;
}
.sheet-armor-box2 {
	grid-area: armor-box2;
}
.sheet-armor-box3 {
	grid-area: armor-box3;
}
.sheet-armor-box4 {
	grid-area: armor-box4;
}
.sheet-armor-box5 {
	grid-area: armor-box5;
}

.sheet-hp-box1 {
	grid-area: hp-box1;
}
.sheet-hp-box2 {
	grid-area: hp-box2;
}
.sheet-hp-box3 {
	grid-area: hp-box3;
}
.sheet-hp-box4 {
	grid-area: hp-box4;
}
.sheet-hp-box5 {
	grid-area: hp-box5;
}

.sheet-gear-box1 {
	grid-area: gear-box1;
}
.sheet-gear-box2 {
	grid-area: gear-box2;
}
.sheet-gear-box3 {
	grid-area: gear-box3;
}
.sheet-gear-box4 {
	grid-area: gear-box4;
}
.sheet-gear-box5 {
	grid-area: gear-box5;
}
.sheet-gear-box6 {
	grid-area: gear-box6;
}
.sheet-gear-box7 {
	grid-area: gear-box7;
}
.sheet-gear-box8 {
	grid-area: gear-box8;
}
.sheet-gear-box9 {
	grid-area: gear-box9;
}
.sheet-gear-box10 {
	grid-area: gear-box10;
}

input.sheet-atack-max,
input.sheet-armor-max,
input.sheet-hp-max,
input.sheet-gear-max {
	display: none;
}

input[type="checkbox"].sheet-atack-max:checked ~ input[type="checkbox"].sheet-atack-box,
input[type="checkbox"].sheet-armor-max:checked ~ input[type="checkbox"].sheet-armor-box,
input[type="checkbox"].sheet-hp-max:checked ~ input[type="checkbox"].sheet-hp-box,
input[type="checkbox"].sheet-gear-max:checked ~ input[type="checkbox"].sheet-gear-box  {
	pointer-events: none;
}

input[type="checkbox"].sheet-atack-max:checked ~ input[type="checkbox"].sheet-atack-box +span,
input[type="checkbox"].sheet-armor-max:checked ~ input[type="checkbox"].sheet-armor-box +span,
input[type="checkbox"].sheet-hp-max:checked ~ input[type="checkbox"].sheet-hp-box +span, 
input[type="checkbox"].sheet-gear-max:checked ~ input[type="checkbox"].sheet-gear-box +span {
	opacity:0.5;
	background-color: #b8c6db;
	background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
	border-color: #b8c6db;
}

.sheet-sbstrctatackbutton, .sheet-addatackbutton,
.sheet-sbstrctarmorbutton, .sheet-addarmorbutton,
.sheet-sbstrcthpbutton, .sheet-addhpbutton,
.sheet-sbstrctgearbutton, .sheet-addgearbutton {
    font-family: "Pictos";
}

.sheet-sbstrctatackbutton {
	grid-area: sbstrctatackbutton;
}
.sheet-addatackbutton {
	grid-area: addatackbutton;
}

.sheet-sbstrctarmorbutton {
	grid-area: sbstrctarmorbutton;
}
.sheet-addarmorbutton {
	grid-area: addarmorbutton;
}

.sheet-sbstrcthpbutton {
	grid-area: sbstrcthpbutton;
}
.sheet-addhpbutton {
	grid-area: addhpbutton;
}

.sheet-sbstrctgearbutton {
	grid-area: sbstrctgearbutton;
}
.sheet-addgearbutton {
	grid-area: addgearbutton;
}
/*page2 sub-attr end*/

/*page2 fortune start */
.sheet-fortune {
	grid-area: fortune;
	display: grid;
	gap: 5px;
	grid-auto-rows: 35px;
}

.sheet-fortune div {
	grid-column-end: 3;
  display: grid;
  align-self: center;
}

.sheet-fortune .sheet-money {
	grid-template-columns: 120px 25px 2px 25px 2px 25px 2px 25px 2px 25px 3px 25px 2px 25px;
	grid-template-rows: 5px 25px 5px;
	grid-template-areas: 
	". . . . . . . . . . . . . ."
	"money-lbl money-box1 . money-box2 . money-box3 . money-box4 . money-box5 . addmoneybutton . sbstrctmoneybutton"
	". . . . . . . . . . . . . .";
}

.sheet-fortune .sheet-wealth {
	grid-template-columns: 120px 25px 2px 25px 2px 25px 3px 25px 2px 25px 27px;
	grid-template-rows: 5px 25px 5px;
	grid-template-areas: 
	". . . . . . . . . ."
	"wealth-lbl wealth-box1 . wealth-box2 . wealth-box3 . addwealthbutton . sbstrctwealthbutton"
	". . . . . . . . . .";
}

.sheet-money-lbl,
.sheet-wealth-lbl {
  grid-area: money-lbl;
	align-self: center;
	line-height: 1;
	background-color: black;
	color: white;
	padding: 5px;
	height: 15px;
}

.sheet-money-lbl {
    grid-area: money-lbl;
}

.sheet-wealth-lbl {
    grid-area: wealth-lbl;
}

input[type="checkbox"].sheet-money-box,
input[type="checkbox"].sheet-wealth-box  {
    opacity: 0;
    cursor: pointer;
	z-index: 1;
	width: 25px;
	height: 25px;
	align-self: center;
}

input[type="checkbox"].sheet-money-box + span,
input[type="checkbox"].sheet-wealth-box + span {
	border: solid 2px black;
	border-right: solid 4px black;
    display: block;
	background-color: #000000;
    background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
	border-radius: 0px;
	align-self: center;
	height: 21px;
	width: 21px;
}

input[type="checkbox"].sheet-money-box:checked ~ input[type="checkbox"].sheet-money-box + span,
input[type="checkbox"].sheet-wealth-box:checked ~ input[type="checkbox"].sheet-wealth-box + span {    
    background: white;
}

input.sheet-money-box0,
input.sheet-wealth-box0 {
    z-index: 0;
    display: none;
}

.sheet-money-box1 {
	grid-area: money-box1;
}
.sheet-money-box2 {
	grid-area: money-box2;
}
.sheet-money-box3 {
	grid-area: money-box3;
}
.sheet-money-box4 {
	grid-area: money-box4;
}
.sheet-money-box5 {
	grid-area: money-box5;
}

.sheet-wealth-box1 {
	grid-area: wealth-box1;
}
.sheet-wealth-box2 {
	grid-area: wealth-box2;
}
.sheet-wealth-box3 {
	grid-area: wealth-box3;
}

input.sheet-money-max,
input.sheet-wealth-max {
	display: none;
}

input[type="checkbox"].sheet-money-max:checked ~ input[type="checkbox"].sheet-money-box,
input[type="checkbox"].sheet-wealth-max:checked ~ input[type="checkbox"].sheet-wealth-box {
	pointer-events: none;
}

input[type="checkbox"].sheet-money-max:checked ~ input[type="checkbox"].sheet-money-box +span,
input[type="checkbox"].sheet-wealth-max:checked ~ input[type="checkbox"].sheet-wealth-box +span {
	opacity:0.5;
	background-color: #b8c6db;
	background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
	border-color: #b8c6db;
}

.sheet-sbstrctmoneybutton, .sheet-addmoneybutton,
.sheet-sbstrctwealthbutton, .sheet-addwealthbutton {
	font-family: "Pictos";
}

.sheet-sbstrctmoneybutton {
	grid-area: sbstrctmoneybutton;
}
.sheet-addmoneybutton {
	grid-area: addmoneybutton;
}


.sheet-sbstrctwealthbutton {
	grid-area: sbstrctwealthbutton;
}
.sheet-addwealthbutton {
	grid-area: addwealthbutton;
}
/* page2 fortune end*/

/* page2 inventory start */
.sheet-inventory {
	grid-area: inventory;
}
.sheet-inventory-label {
	display: block;
	background-color: black;
  color: white;
  padding: 5px;
	height: 15px;
	margin-bottom: 5px;
}
.sheet-inventory textarea {
	width: calc(100% - 40px);
	resize: vertical;
	border: 1px solid;
	margin: 5px;
	height: 54px;
	border-radius: 0px;
  border-top: 0px;
}

.sheet-inventory input {
	margin: 5px;
	margin-top: 0px;
	font-weight: bold;
	border: 1px solid;
	width: calc(100% - 30px);
	border-radius: 0px;
}

.sheet-inventory .sheet-expander {
	opacity: 0;
	width: 16px;
	height: 16px;
	position: relative;
	top: -2px;
	left: 4px;
	margin: -10px;
	cursor: pointer;
	z-index: 1;
}

.sheet-inventory .sheet-expand-inventory + span::before {
	top: -3px;
	margin-left: -6px;
	border: solid 1px black;
	border-radius: 0px;
	color: white;
	background-color: rgb(35, 31, 32);
	width: 15px;
	height: 14px;
	display: inline-block;
	line-height: 14px;
	text-align: center;
	content: "◂";
}

.sheet-inventory .sheet-expand-inventory:checked + span::before {
	content: "▾";
}

.sheet-inventory-expansion {
	display: block;
	transition: max-height 0.5s ease-out;
	opacity: 0;
	max-height: 0;
	overflow: hidden;
}

.sheet-expand-inventory:checked ~ .sheet-inventory-expansion {
	display: block;
	opacity: 1;
	max-height: 700px;
	transition: max-height 0.5s ease-in;
	margin-top: -10px;
}
/* page2 inventory end */

/* page2 bonds start */
.sheet-bonds {
	grid-area: bonds;
}

.sheet-bonds-label {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: black;
    color: white;
    padding: 5px;
    height: 15px;
}

.sheet-bonds-main  {
	padding: 0px 4px;
}

.sheet-bonds textarea {
	width: calc(100% - 70px);
	resize: vertical;
	border: 1px solid;
	margin: 5px;
	height: 54px;
	border-radius: 0px;
	border-top: 0px;
	margin-left: 10%;
}

.sheet-bonds input {
	margin: 5px;
	margin-top: 0px;
	font-weight: bold;
	border: 1px solid;
	width: calc(100% - 60px);
	border-radius: 0px;
}

.sheet-bonds .sheet-expander {
	opacity: 0;
	width: 16px;
	height: 16px;
	position: relative;
	top: -2px;
	left: 4px;
	margin: -10px;
	cursor: pointer;
	z-index: 1;
}

.sheet-bonds .sheet-expand-bond + span::before {
	top: -3px;
	margin-left: -6px;
	border: solid 1px black;
	border-radius: 0px;
	color: white;
	background-color: rgb(35, 31, 32);
	width: 15px;
	height: 14px;
	display: inline-block;
	line-height: 14px;
	text-align: center;
	content: "◂";
}

.sheet-bonds .sheet-expand-bond:checked + span::before {
	content: "▾";
}

.sheet-bond-expansion {
	display: block;
	transition: max-height 0.5s ease-out;
	opacity: 0;
	max-height: 0;
	overflow: hidden;
}

.sheet-expand-bond:checked ~ .sheet-bond-expansion {
	display: block;
	opacity: 1;
	max-height: 700px;
	transition: max-height 0.5s ease-in;
	margin-top: -10px;
}
/* page2 bonds end */

/* page2 notes start */
.sheet-notes {
	grid-area: notes;
}
.sheet-notes-label {
	display: block;
	background-color: black;
  color: white;
  padding: 5px;
  height: 15px;
}
.sheet-notes-input {
	width: calc(100% - 20px);
	resize: vertical;
	border: 1px solid;
	margin: 5px;
	height: 54px;
	border-radius: 0px;
}
/* page2 notes end */

/* page2 page end*/

/* page3 page start */
.sheet-page3 {
	display: grid;
	grid-template-rows: 35px auto;
	grid-template-areas: "moves-navigation" "moves-main";
	grid-gap: 6px;
}
.sheet-moves-navigation {
	grid-area: moves-navigation;
	display: grid;
	grid-auto-flow: column;
	justify-self: center;
	align-self: end;
	display: grid;
	grid-template-columns: auto auto auto auto auto auto;
	grid-column-gap: 5px;
	grid-column-end: 2;
	grid-column-start: 1;
	grid-row-end: 2;
	grid-row-start: 1;
}

.sheet-moves-navigation .sheet-nav-moves-button {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

.sheet-moves-navigation .sheet-nav-moves-button input{
	display: none;
}


.sheet-moves-navigation .sheet-nav-moves-button span{
	display:inline-grid;
	border:0.1em solid rgb(14, 13, 13);
	background-color: transparent;
	border-radius:0.12em;
	box-sizing: border-box;
	text-decoration:none;
	font-family:'Roboto',sans-serif;
	font-weight:300;
	color: #D3D3D3;
	text-align:center;
	transition: all 0.2s;
	padding: 2px 6px 2px 6px;
}

.sheet-moves-navigation .sheet-nav-moves-button input[type=radio]:checked + span,
.sheet-moves-navigation .sheet-nav-moves-button:hover span {
	color: rgb(35, 31, 32);
}

/* page3 moves start */
.repcontainer[data-groupname=repeating_moves]  button[type=roll]::before { 
	content: none; 
}

.repcontainer[data-groupname=repeating_moves] button[type=roll] {
	margin: 0;
  overflow: visible;
  text-transform: none;
  border-style: none;
  padding: 0;
  background: transparent;
	cursor: pointer;
	background-color: transparent;
}
.repcontainer[data-groupname=repeating_moves] button[type=roll] span {
	font-family: "dicefontd6";
}

.repcontainer[data-groupname=repeating_moves-upgrade]  button[type=roll] { 
	display: none; 
}
.repcontainer[data-groupname=repeating_moves-upgrade]  button.sheet-add-move { 
	padding: 0;
	padding-right: 1px;
  border: solid 1px #a8a8a8;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
	font-size: 30px;
	vertical-align: middle;
}

 
.sheet-moves-own,
.sheet-moves-base,
.sheet-moves-optional,
.sheet-moves-space,
.sheet-cyborg-implants,
.sheet-daredevil-tech,
.sheet-engineer-probe,
.sheet-manofsteel-armor {
	display: none;
}

/*grid start*/
/* show the selected tab */

.sheet-page3 .sheet-tabstoggle[value="own"] ~ .sheet-moves-own,
.sheet-page3 .sheet-tabstoggle[value="base"] ~ .sheet-moves-base,
.sheet-page3 .sheet-tabstoggle[value="optional"] ~ .sheet-moves-optional,
.sheet-page3 .sheet-tabstoggle[value="space"] ~ .sheet-moves-space,
.sheet-page3 .sheet-tabstoggle[value="implants"] ~ .sheet-cyborg-implants,
.sheet-page3 .sheet-tabstoggle[value="tech"] ~.sheet-daredevil-tech,
.sheet-page3 .sheet-tabstoggle[value="probe"] ~.sheet-engineer-probe,
.sheet-page3 .sheet-tabstoggle[value="armor"] ~.sheet-manofsteel-armor  {
	display: grid;
}

.sheet-page3 .sheet-tabstoggle[value="own"] ~ .sheet-moves-base,
.sheet-page3 .sheet-tabstoggle[value="own"] ~ .sheet-moves-optional,
.sheet-page3 .sheet-tabstoggle[value="base"] ~ .sheet-moves-own,
.sheet-page3 .sheet-tabstoggle[value="base"] ~ .sheet-moves-optional,
.sheet-page3 .sheet-tabstoggle[value="optional"] ~ .sheet-moves-own,
.sheet-page3 .sheet-tabstoggle[value="optional"] ~ .sheet-moves-base {
	display: none;
}

div.sheet-moves-own {
	grid-area: moves-main;
	grid-auto-flow: column;
	grid-template-rows: auto;
	grid-template-columns: 383px 383px;
	width: 772px;
	gap: 6px;
}

.repcontainer[data-groupname=repeating_moves],
.repcontainer[data-groupname=repeating_moves-upgrade] {
	display: grid;
	grid-template-columns: 383px;
}

.repcontainer[data-groupname=repeating_moves] {
	gap: 6px;
}

.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title,
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-title  {
	display: grid;
	grid-template-columns: 26.4px max-content 18px 18px 18px 18px;
	gap: 5px;
	align-items: center;
}

.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title span,
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-title span {
	max-width: 305px;
	text-align: center;
	font-weight: bold;
}

.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-expansion textarea,
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-expansion textarea {
	width: calc(100% - 20px);
	resize: vertical;
	height: 80px;
}

.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-description textarea,
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-description textarea  {
	margin: 0;
  resize: vertical;
  padding: 0;
  border: none;
	width: 380px;
	background: none;
	cursor: default;
	overflow: auto;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.repcontainer[data-groupname=repeating_moves] input[type='number'],
.repcontainer[data-groupname=repeating_moves-upgrade] input[type='number'] {
	width: 40px;
	text-align: center;
}

.sheet-moves-upgrade {
	display: grid;
	grid-template-rows: 26.4px auto;
}

.sheet-moves-upgrade  .sheet-expand-hidden {
	display: none;
}

.sheet-moves-upgrade .sheet-moves-upgrade-title {
	display: grid;
	grid-template-columns: max-content 26.4px auto;
	gap: 10px;
}

.sheet-moves-upgrade  button.sheet-expand-upgrade {
  margin: 0;
  overflow: visible;
  text-transform: none;
  border-style: none;
  padding: 0;
  background: transparent;
	cursor: pointer;
	border:0.1em solid rgb(14, 13, 13);
	background-color: transparent;
}

/* Hide the section(s) that do not match the attribute value */
.sheet-moves-upgrade input.sheet-expand-hidden:not(:checked) + div > button.sheet-expand-upgrade  > span.sheet-expanded {
  display: none;
}
.sheet-moves-upgrade input.sheet-expand-hidden:checked + div > button.sheet-expand-upgrade  > span.sheet-notexpanded {
  display: none;
}

.sheet-moves-upgrade-body {
	display: none;
}

.sheet-moves-upgrade .sheet-expand-hidden:checked ~ .sheet-moves-upgrade-body {
	display: block;
}
/* grid end */

.sheet-moves .sheet-expand-hidden,
.sheet-moves-upgrade .sheet-expand-hidden {
	display: none;
}

.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title button.sheet-optional-move,
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title .sheet-checkablecheck,
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title button.sheet-inscribe-move,
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-title button.sheet-optional-move,
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-title .sheet-checkablecheck {
	display: none;
}
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-hidden,
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-hidden  {
	display: none;
}

.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title button.sheet-expand-move,
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title button.sheet-change-move,
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title input.sheet-show-expand-optional:checked ~ button.sheet-optional-move,
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title input.sheet-show-expand-inscribe:checked ~ button.sheet-inscribe-move,
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-title button.sheet-expand-move,
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-title button.sheet-change-move,
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-title input.sheet-show-expand-optional:checked ~ button.sheet-optional-move {
	display: grid;
  margin: 0;
  overflow: visible;
  text-transform: none;
  border-style: none;
  padding: 0;
  background: transparent;
	cursor: pointer;
	border: none;
	background-color: transparent;
}

.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-title input.sheet-show-checkable:checked ~ .sheet-checkablecheck,
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-title input.sheet-show-checkable:checked ~ .sheet-checkablecheck {
	display: block;
}

.sheet-moves button.sheet-expand-move > span.sheet-expanded,
.sheet-moves button.sheet-expand-move > span.sheet-not-expanded,
.sheet-moves-upgrade button.sheet-expand-move > span.sheet-expanded,
.sheet-moves-upgrade button.sheet-expand-move > span.sheet-not-expanded  {
	display: block;
}

.sheet-moves button.sheet-change-move > span.sheet-save,
.sheet-moves button.sheet-change-move > span.sheet-change,
.sheet-moves button.sheet-optional-move > span.sheet-open,
.sheet-moves button.sheet-optional-move > span.sheet-close,
.sheet-moves button.sheet-inscribe-move > span.sheet-open,
.sheet-moves button.sheet-inscribe-move > span.sheet-close,
.sheet-moves-upgrade button.sheet-change-move > span.sheet-save,
.sheet-moves-upgrade button.sheet-change-move > span.sheet-change,
.sheet-moves-upgrade button.sheet-optional-move > span.sheet-open,
.sheet-moves-upgrade button.sheet-optional-move > span.sheet-close  {
	display: block;
	font-family: "Pictos";
}

.sheet-moves input.sheet-expand-description:not(:checked) ~ div > button.sheet-expand-move  > span.sheet-expanded,
.sheet-moves-upgrade input.sheet-expand-description:not(:checked) ~ div > button.sheet-expand-move  > span.sheet-expanded {
  display: none;
}
.sheet-moves input.sheet-expand-description:checked ~ div > button.sheet-expand-move  > span.sheet-not-expanded,
.sheet-moves-upgrade input.sheet-expand-description:checked ~ div > button.sheet-expand-move  > span.sheet-not-expanded  {
  display: none;
}
.sheet-moves input.sheet-expand-settings:not(:checked) ~ div > button.sheet-change-move  > span.sheet-save,
.sheet-moves-upgrade input.sheet-expand-settings:not(:checked) ~ div > button.sheet-change-move  > span.sheet-save  {
  display: none;
}
.sheet-moves input.sheet-expand-settings:checked ~ div > button.sheet-change-move  > span.sheet-change,
.sheet-moves-upgrade input.sheet-expand-settings:checked ~ div > button.sheet-change-move  > span.sheet-change {
  display: none;
}
.sheet-moves input.sheet-expand-optional:not(:checked) ~ div > button.sheet-optional-move  > span.sheet-close,
.sheet-moves input.sheet-expand-inscribe:not(:checked) ~ div > button.sheet-inscribe-move  > span.sheet-close,
.sheet-moves-upgrade input.sheet-expand-optional:not(:checked) ~ div > button.sheet-optional-move  > span.sheet-close {
  display: none;
}
.sheet-moves input.sheet-expand-optional:checked ~ div > button.sheet-optional-move  > span.sheet-open,
.sheet-moves input.sheet-expand-inscribe:checked ~ div > button.sheet-inscribe-move  > span.sheet-open,
.sheet-moves-upgrade input.sheet-expand-optional:checked ~ div > button.sheet-optional-move  > span.sheet-open {
  display: none;
}

.sheet-moves .sheet-move-expansion,
.sheet-moves-upgrade .sheet-move-expansion {
	display: block;
	transition: max-height 0.5s ease-out;
	opacity: 0;
	max-height: 0;
	overflow: hidden;
}

.sheet-moves input.sheet-expand-settings:checked ~ .sheet-move-expansion,
.sheet-moves-upgrade input.sheet-expand-settings:checked ~ .sheet-move-expansion {
	display: block;
	opacity: 1;
	max-height: 1500px;
	transition: max-height 1s ease-in;
}

.sheet-moves .sheet-move-description,
.sheet-moves-upgrade .sheet-move-description {
	display: none;
}

.sheet-moves input.sheet-expand-description:checked ~ .sheet-move-description,
.sheet-moves-upgrade input.sheet-expand-description:checked ~ .sheet-move-description {
	display: block;
}

.sheet-moves .sheet-move-optional,
.sheet-moves .sheet-move-inscribe,
.sheet-moves-upgrade .sheet-move-optional {
	display: none;
}

.sheet-moves input.sheet-expand-optional:checked ~ .sheet-move-optional,
.sheet-moves input.sheet-expand-inscribe:checked ~ .sheet-move-inscribe,
.sheet-moves-upgrade input.sheet-expand-optional:checked ~ .sheet-move-optional {
	display: block;
}

.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-expansion input.sheet-enable-roll:not(:checked) ~ div,
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-expansion input.sheet-enable-roll:not(:checked) ~ div {
	display: none;
}

.sheet-moves .sheet-move-optional .sheet-is-hidden-move-opt,
.sheet-moves-upgrade .sheet-move-optional .sheet-is-hidden-move-opt {
	display: none;
}

.sheet-moves .sheet-move-optional .sheet-is-hidden-move-opt:checked + div,
.sheet-moves-upgrade .sheet-move-optional .sheet-is-hidden-move-opt:checked + div {
	display: block;
}
.sheet-moves .sheet-move-optional .sheet-is-hidden-move-opt:not(:checked) + div,
.sheet-moves-upgrade .sheet-move-optional .sheet-is-hidden-move-opt:not(:checked) + div {
	display: none;
}

.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-expansion-optional input.sheet-show-expand-optional:not(:checked) ~ div,
.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-expansion-optional input.sheet-show-expand-inscribe:not(:checked) ~ div,
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-expansion-optional input.sheet-show-expand-optional:not(:checked) ~ div {
	display: none;
}

.repcontainer[data-groupname=repeating_moves] .repitem .sheet-move-expansion-optional div input.sheet-move-opt:not(:checked) + input + textarea,
.repcontainer[data-groupname=repeating_moves-upgrade] .repitem .sheet-move-expansion-optional div input.sheet-move-opt:not(:checked) + input + textarea  {
	display: none;
}

.sheet-moves-upgrade-body .sheet-hidden:not(:checked) + input.sheet-tab,
.sheet-moves-upgrade-body .sheet-hidden:not(:checked) + input.sheet-tab + span.sheet-tab  {
	display: none;
}

.sheet-move-filtered-box {       /* By default, display no items of a filter box */
	display: none;
	margin-bottom: 0px;
}
					/* Decide which specific repitems to display.  */
input.sheet-moves-tab0:checked~.sheet-move-filtered-box,      /* Always display all spells of circle zero.  */
.sheet-moves-tab0:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem .sheet-move-filtered-box,  /* When tab0 is checked, display everything no matter what which of the inner boxes are checked. */
.sheet-moves-tab1:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab1:checked~.sheet-move-filtered-box,
.sheet-moves-tab2:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab2:checked~.sheet-move-filtered-box,
.sheet-moves-tab3:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab3:checked~.sheet-move-filtered-box,
.sheet-moves-tab4:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab4:checked~.sheet-move-filtered-box,
.sheet-moves-tab5:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab5:checked~.sheet-move-filtered-box,
.sheet-moves-tab6:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab6:checked~.sheet-move-filtered-box,
.sheet-moves-tab7:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab7:checked~.sheet-move-filtered-box,
.sheet-moves-tab8:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab8:checked~.sheet-move-filtered-box,
.sheet-moves-tab9:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab9:checked~.sheet-move-filtered-box,
.sheet-moves-tab10:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab10:checked~.sheet-move-filtered-box,
.sheet-moves-tab11:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab11:checked~.sheet-move-filtered-box,
.sheet-moves-tab12:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab12:checked~.sheet-move-filtered-box,
.sheet-moves-tab13:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab13:checked~.sheet-move-filtered-box,
.sheet-moves-tab14:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab14:checked~.sheet-move-filtered-box,
.sheet-moves-tab15:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab15:checked~.sheet-move-filtered-box,
.sheet-moves-tab16:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab16:checked~.sheet-move-filtered-box,
.sheet-moves-tab17:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab17:checked~.sheet-move-filtered-box,
.sheet-moves-tab18:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab18:checked~.sheet-move-filtered-box,
.sheet-moves-tab19:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab19:checked~.sheet-move-filtered-box,
.sheet-moves-tab20:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab20:checked~.sheet-move-filtered-box,
.sheet-moves-tab21:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab21:checked~.sheet-move-filtered-box,
.sheet-moves-tab22:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab22:checked~.sheet-move-filtered-box,
.sheet-moves-tab23:checked~.sheet-section-moves-upgrade-list>fieldset.repeating_moves-upgrade+.repcontainer>.repitem input.sheet-moves-tab23:checked~.sheet-move-filtered-box {
	display: block;
	margin-bottom: 2px;
} 
/* page3 moves end */

/* page3 page end */

/* page4 page star */
.sheet-page4 {
	grid-template-rows: repeat(23, auto);
  grid-auto-flow: column;
}
.sheet-page4 label:first-child {
  grid-column: 1 / 3; /* span from grid column line 1 to 3 (i.e., span 2 columns) */
}
/* page4 page end */

/* rolltemplate start*/
.sheet-rolltemplate-move .inlinerollresult,
.sheet-rolltemplate-move .inlinerollresult.fullfail,
.sheet-rolltemplate-move .inlinerollresult.fullcrit,
.sheet-rolltemplate-move .inlinerollresult.importantroll {
	background-color: transparent;
	border: none;
	font-size: 1.3em;
}
/* rolltemplate info start */ 
.sheet-rolltemplate-info .sheet-templateMain {
	background:rgba(35, 31, 32);
	border-radius: 2px;
	margin-left: -10px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-direction: column;
}
.sheet-rolltemplate-info .sheet-templateheader {
	font-size: 90%;
	font-style: italic;
}
.sheet-rolltemplate-info .sheet-templateheader,
.sheet-rolltemplate-info .sheet-templatesubheader {
	font-weight: bold;
	padding: 6px 6px 0px 6px;
	color: white;
/* 	text-shadow:
		-1px -1px 0 #000,  
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000; */
}

.sheet-rolltemplate-info .sheet-templatedescription {
	background-color: white;
	margin: 5px;
	padding: 2px;
	display: flex;
	flex-direction: column;
	font-size: .9em;
	padding: 6px 6px 3px 6px;
	flex: 3;
}
/* rolltemplate info end */ 
/* rolltemplate move start */ 
.sheet-rolltemplate-move .sheet-rt-container ,
.sheet-rolltemplate-harm .sheet-rt-container {
	background-color: rgb(35, 31, 32);
	border-radius: 2px;
	margin-left: -10px;
	display: flex;
	flex-direction: column;
}

.sheet-rolltemplate-move .sheet-rt-header ,
.sheet-rolltemplate-harm .sheet-rt-header {
	font-weight: bold;
	font-size: medium;
  padding: 6px 6px 0px 6px;
	color: white;
/* 	text-shadow:
		-1px -1px 0 #000,  
		1px -1px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000; */
}

.sheet-rolltemplate-move .sheet-rt-header-minor ,
.sheet-rolltemplate-harm .sheet-rt-header-minor {
	font-size: 90%;
	font-style: italic;
}

.sheet-rolltemplate-move .sheet-rt-content ,
.sheet-rolltemplate-harm .sheet-rt-content {
	background-color: white;
	margin: 5px;
	padding: 2px;
	display: flex;
	flex-direction: column;
}

.sheet-rolltemplate-move .sheet-rt-row ,
.sheet-rolltemplate-harm .sheet-rt-row {
	flex: 1 0 auto;
	display: flex;
	padding-top: 6px;
	padding-bottom: 2px;
	border-bottom: 1px solid black;
}

.sheet-rolltemplate-move .sheet-rt-label ,
.sheet-rolltemplate-harm .sheet-rt-label {
	font-weight: bold;
	font-size: 0.9em;
	display: block;
	flex: 1;
	padding-right: 4px;
	margin-right: 2px;
	text-align: right;
}

.sheet-rolltemplate-move .sheet-rt-value ,
.sheet-rolltemplate-harm .sheet-rt-value {
	display: block;
	font-size: .9em;
	flex: 3;
	text-align: left;
}

.sheet-rolltemplate-move .sheet-rt-details ,
.sheet-rolltemplate-harm .sheet-rt-details {
	flex: 1 0 auto;
	display: block;
	padding-top: 6px;
	padding-bottom: 2px;
	border-bottom: 1px solid black;
}

.sheet-rolltemplate-move .sheet-rt-details h4,
.sheet-rolltemplate-harm .sheet-rt-details h4{
	text-align: center;
}
/* rolltemplate move end */ 
/* rolltemplate end*/

/*TODO*/
.sheet-background-show-flag {
	display: none;
}

.sheet-background-show-flag:checked ~ .sheet-background-select {
	display: none;
}

.sheet-background-show-flag:not(:checked) ~ .sheet-background-select {
	display: inline;
}

span.sheet-emptiable:empty,
span.sheet-emptiable:empty + br {
    display: none;
}

/*всплывашка*/
.sheet-tip-confirm-flag {
	display: none;
}

.sheet-tip-confirm-flag:checked ~ .sheet-class-tip {
	display: none;
}

.sheet-tip-confirm-flag:not(:checked) ~ .sheet-class-tip {
	display: block;
	position: absolute;
	top: 7em;
	left: 7em;
	background: white;
	z-index: 99;
	border: 5px double black;
	border-radius: 0px;
	padding: 5px;
	width: 701px;
	height: auto;
}

.sheet-class-tip .sheet-cancel-button {
	float: right;
	border: 1.5px solid black;
    background: white;
}

.sheet-class-tip button[type=action] {
	color: black;
	border: 1.5px solid black;
    background: white;
    margin-bottom: 5px;
}

.sheet-class-tip button[type=action]:hover {
	border-color: #6e9ec6;
}

/*вслывашка 2*/
.sheet-tip-warning-flag {
	display: none;
}

.sheet-tip-warning-flag:checked ~ .sheet-change-warning {
	display: none;
}

.sheet-tip-warning-flag:not(:checked) ~ .sheet-change-warning {
	display: grid;
	gap: 5px;
	grid-template-rows: repeat(2, auto);
	position: absolute;
	top: 7em;
	left: 7em;
	background: white;
	z-index: 99;
	border: 5px double black;
	border-radius: 0px;
	padding: 5px;
	width: 701px;
	height: auto;
}

.sheet-change-warning .sheet-wrn-text {
	text-align: center;
	font-size: large;
}

.sheet-change-warning .sheet-wrn-btn {
	display: grid;
	grid-auto-flow: column;
	justify-content: center;
  gap: 5px;
}

.sheet-change-warning button[type=action] {
	color: black;
	border: 1.5px solid black;
  background: white;
}

.sheet-change-warning button[type=action]:hover {
	border-color: #6e9ec6;
}
/********************************************/
.sheet-moves-fixed * {
	font-size: 12px;
	line-height: 1.5rem;
}

.sheet-moves-fixed  button[type=roll]::before { 
	content: none; 
}

.sheet-moves-fixed button[type=roll] {
	margin: 0;
  overflow: visible;
  text-transform: none;
  border-style: none;
  padding: 0;
  background: transparent;
	cursor: pointer;
	background-color: transparent;
	line-height: 1.5em;
}
.sheet-moves-fixed button[type=roll] span {
	font-family: "dicefontd6";
	font-size: 17px;
}

div.sheet-moves-fixed {
	grid-area: moves-main;
}

.sheet-moves-fixed h1 {
	font-size: 28px;
	text-align: center;
	margin-top: 0;
	margin-bottom: 15px;
}

.sheet-moves-fixed h2 {
	margin-top: 0;
	margin-bottom: 0;
}

.sheet-moves-fixed .sheet-level-1-list {
	padding-left: 0;
}

.sheet-moves-fixed .sheet-level-1-list > li > ul {
	padding-left: 22px;
}

.sheet-moves-fixed .sheet-level-1-list > li {
	margin-bottom: 5px;
}

.sheet-moves-fixed .sheet-non-typed-list-item {
	list-style-type: none;
}

.sheet-moves-fixed .sheet-disc-list-item {
	list-style-type: disc;
	margin-left: 20px;
}

.sheet-moves-fixed .sheet-arrowed-list-item {
	list-style-type: none;
	margin-left: 20px;
}

.sheet-moves-fixed .sheet-arrowed-list-item::before {
	content: "→";
	display: inline-block;
	padding-right: 5px;
}

.sheet-moves-fixed .sheet-grid-article-item {
	border: 2px solid black;
	padding: 5px;
	margin: 5px;
}

.sheet-moves-fixed .sheet-grid-article-item_borderless {
	border: none;
}

.sheet-moves-fixed span {
	text-align: left;
}

.sheet-moves-fixed .sheet-disc-list-item {
	list-style-type: disc;
	margin-left: 20px;
}

.sheet-moves-fixed p {
	margin-top: 2px;
	margin-bottom: 2px;
}

.sheet-moves-fixed .sheet-list-divider {
	margin-left: 5px;
}

.sheet-moves-fixed input[type=checkbox] {
	margin-right: 10px;
}

.sheet-moves-fixed input[type=text] {
	font-family: inherit;
	font-size: inherit;
	border: none;
	outline: none;
	border-bottom: 1px solid #555;
}
.sheet-moves-fixed input[type=text]:focus {
	outline: none;
	border-color: #000;
}

/*******************************************   */
.sheet-moves-optional ,
.sheet-moves-base ,
.sheet-moves-space  {
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: 40px;
	width: 772px;
	border: 1px solid black;
}
.sheet-moves-optional h1 ,
.sheet-moves-base h1 ,
.sheet-moves-space h1  {
	grid-column: 1/3;
	padding-top: 10px;
	text-transform: uppercase;
}
.sheet-moves-base .sheet-grid-article-item:nth-child(1)  {
	grid-row: 1/7;
}
.sheet-moves-base .sheet-grid-article-item:nth-child(2)  {
	grid-row: 1/6;
}
.sheet-moves-base .sheet-grid-article-item:nth-child(3)  {
	grid-row: 7/14;
}
.sheet-moves-base .sheet-grid-article-item:nth-child(4)  {
	grid-row: 6/13;
}
.sheet-moves-base .sheet-grid-article-item:nth-child(5)  {
	grid-row: 14/19;
}
.sheet-moves-base .sheet-grid-article-item:nth-child(6)  {
	grid-row: 19/21;
}
.sheet-moves-base .sheet-grid-article-item:nth-child(7)  {
	grid-row: 21/26;
}
.sheet-moves-base .sheet-grid-article-item:nth-child(8)  {
	grid-row: 13/19;
}
.sheet-moves-base .sheet-grid-article-item:nth-child(9)  {
	grid-row: 19/28;
}
.sheet-moves-base .sheet-grid-article-item:nth-child(10)  {
	grid-row: 26/31;
}
.sheet-moves-base .sheet-grid-article-item:nth-child(11)  {
	grid-row: 31/35;
}
.sheet-moves-base .sheet-grid-article-item:nth-child(12)  {
	grid-row: 35/38;
}
.sheet-moves-base .sheet-grid-article-item:nth-child(13)  {
	grid-row: 28/31;
}
.sheet-moves-base .sheet-grid-article-item:nth-child(14)  {
	grid-row: 31/37;
}
.sheet-moves-base .sheet-grid-article-item:nth-child(15)  {
	grid-row: 37/40;
}


.sheet-moves-optional .sheet-grid-article-item:nth-child(1) {
	grid-row: 1/10;
}
.sheet-moves-optional .sheet-grid-article-item:nth-child(2) {
	grid-row: 10/16;
}
.sheet-moves-optional .sheet-grid-article-item:nth-child(3) {
	grid-row: 16/23;
}
.sheet-moves-optional .sheet-grid-article-item:nth-child(4) {
	grid-row: 1/15;
}

.sheet-moves-space .sheet-grid-article-item:nth-child(1) {
	grid-row: 1/9;
}
.sheet-moves-space .sheet-grid-article-item:nth-child(2) {
	grid-row: 9/14;
}
.sheet-moves-space .sheet-grid-article-item:nth-child(3) {
	grid-row: 14/18;
}
.sheet-moves-space .sheet-grid-article-item:nth-child(4) {
	grid-row: 1/7;
}
.sheet-moves-space .sheet-grid-article-item:nth-child(5) {
	grid-row: 7/18;
}
/*================================
        CYBORG STYLES
================================*/

.sheet-cyborg-implants {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr .1fr 1fr;
	width: 772px;
	border: 1px solid black;
}

.sheet-cyborg__upper-limbs {
	grid-column: 1 / 2;
	grid-row: 1 / 4;
}

.sheet-cyborg__lower-limbs {
	grid-column: 1 / 2;
	grid-row: 4 / 5;
}

.sheet-cyborg__sense-organs {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}

.sheet-cyborg__central-systems {
	grid-column: 2 / 3;
	grid-row: 2 / 5;
}

/* Это кнопки, которые ты просил. Стили у них убраны и они скрыты */
.sheet-cyborg__button {
	background: none;
	border: none;
}

.sheet-cyborg__button_hidden {
	display: none;
}

.sheet-cyborg__input-block {
	display: flex;
	justify-content: left;
}
.sheet-cyborg__input-block-center {
	justify-content: center;
}
/*================================================================*/

/*================================
        DAREDEVIL STYLES
================================*/

.sheet-daredevil-tech {
	grid-template-columns: 50% 50%;
	grid-template-rows: 1fr 1fr;
	width: 772px;
	border: 1px solid black;
}

.sheet-daredevil__comrade {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.sheet-daredevil__special-equipment {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.sheet-daredevil__chassis {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}

.sheet-daredevil__armament {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}

/*================================
        ENGINEER STYLES
================================*/

.sheet-engineer-probe {
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	width: 772px;
}

.sheet-engineer__probe {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.sheet-engineer__type {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.sheet-engineer__hull {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
}

.sheet-engineer__base-utilities {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
}

.sheet-engineer__advanced-utilities {
	grid-column: 3 / 4;
	grid-row: 1 / 3;
}

.sheet-cyborg__input-name {
	justify-content: center;
	background-color: white;
	height: 35px;
	display: grid;
	grid-template-columns: 45px 110px;
	grid-template-rows: 5px 25px 5px;
	grid-gap: 0px;
}

.sheet-cyborg__input-name > span {
	background-color: black;
	color: white;
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 3;
	padding: 3px;
	line-height: 19px;
}

.sheet-cyborg__input-name > input[type=text] {
	grid-column-start: 2;
	grid-row-start: 2;
	grid-row-end: 3;
	background: white;
	border: 2px solid black;
	text-align: center;
	border-radius: 0px;
	width: auto;
}

.sheet-hpprobe {
	display: grid;
	grid-template-rows: 5px 25px 5px;
	align-self: center;
	justify-content: center;
}

.sheet-hpprobe {
	grid-template-columns: 80px 25px 2px 25px 2px 25px 3px 25px 2px 25px;
	grid-template-areas: 
	". . . . . . . . . ."
	"hpprobe-lbl hpprobe-box1 . hpprobe-box2 . hpprobe-box3 . addhpprobebutton . sbstrcthpprobebutton"
	". . . . . . . . . . ";
}

.sheet-hpprobe-lbl {
	align-self: center;
	line-height: 1;
	background-color: black;
	color: white;
	padding: 5px;
	height: 15px;
}

.sheet-hpprobe-lbl {
	grid-area: hpprobe-lbl;
}

input[type="checkbox"].sheet-hpprobe-box {
	opacity: 0;
	cursor: pointer;
	z-index: 1;
	width: 25px;
	height: 25px;
	align-self: center;
}

input[type="checkbox"].sheet-hpprobe-box + span {
	border: solid 2px black;
	border-right: solid 4px black;
	display: block;
	background-color: #000000;
	background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
	border-radius: 0px;
	align-self: center;
	height: 21px;
	width: 21px;
}

input[type="checkbox"].sheet-hpprobe-box:checked ~ input[type="checkbox"].sheet-hpprobe-box + span {    
	background: white;
}

input.sheet-hpprobe-box0 {
	z-index: 0;
	display: none;
}

.sheet-hpprobe-box1 {
	grid-area: hpprobe-box1;
}
.sheet-hpprobe-box2 {
	grid-area: hpprobe-box2;
}
.sheet-hpprobe-box3 {
	grid-area: hpprobe-box3;
}


input.sheet-hpprobe-max {
	display: none;
}

input[type="checkbox"].sheet-hpprobe-max:checked ~ input[type="checkbox"].sheet-hpprobe-box {
	pointer-events: none;
}

input[type="checkbox"].sheet-hpprobe-max:checked ~ input[type="checkbox"].sheet-hpprobe-box +span {
	opacity:0.5;
	background-color: #b8c6db;
	background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
	border-color: #b8c6db;
}

.sheet-sbstrcthpprobebutton, .sheet-addhpprobebutton {
	font-family: "Pictos";
}

.sheet-sbstrcthpprobebutton {
	grid-area: sbstrcthpprobebutton;
}
.sheet-addhpprobebutton {
	grid-area: addhpprobebutton;
}

.sheet-powerprobe {
	display: grid;
	align-self: center;
	justify-content: center;
}

.sheet-powerprobe {
	grid-template-columns: 25px 2px 25px 2px 25px 2px 25px 2px 25px;
	grid-template-rows: 25px 12.5px 12.5px 12.5px 12.5px 12.5px 12.5px 5px;
	grid-template-areas: 
	"powerprobe-lbl powerprobe-lbl powerprobe-lbl powerprobe-lbl powerprobe-lbl powerprobe-lbl powerprobe-lbl powerprobe-lbl powerprobe-lbl"
	"powerprobe-box1 . powerprobe-box2 . powerprobe-box3 . powerprobe-box4 . powerprobe-box5"
	"powerprobe-box1 . powerprobe-box2 . powerprobe-box3 . powerprobe-box4 . powerprobe-box5"
	"powerprobe-box6 . powerprobe-box7 . powerprobe-box8 . powerprobe-box9 . powerprobe-box10"
	"powerprobe-box6 . powerprobe-box7 . powerprobe-box8 . powerprobe-box9 . powerprobe-box10"
	"powerprobe-box11 . powerprobe-box12 . powerprobe-box13 . powerprobe-box14 . powerprobe-box15"
	"powerprobe-box11 . powerprobe-box12 . powerprobe-box13 . powerprobe-box14 . powerprobe-box15"
	"powerprobe-box16 . powerprobe-box17 . powerprobe-box18 . addpowerprobebutton . sbstrctpowerprobebutton"
	"powerprobe-box16 . powerprobe-box17 . powerprobe-box18 . addpowerprobebutton . sbstrctpowerprobebutton"
	". . . . . . . . .";
}


.sheet-powerprobe-lbl {
	align-self: center;
	line-height: 1;
	background-color: black;
	color: white;
	padding: 5px;
	height: 15px;
}

.sheet-powerprobe-lbl {
	grid-area: powerprobe-lbl;
}

input[type="checkbox"].sheet-powerprobe-box {
	opacity: 0;
	cursor: pointer;
	z-index: 1;
	width: 25px;
	height: 25px;
	align-self: center;
}

input[type="checkbox"].sheet-powerprobe-box + span {
	border: solid 2px black;
	border-right: solid 4px black;
	display: block;
	background-color: #000000;
	background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
	border-radius: 0px;
	align-self: center;
	height: 21px;
	width: 21px;
}
input[type="checkbox"].sheet-powerprobe-box5 + span,
input[type="checkbox"].sheet-powerprobe-box10 + span,
input[type="checkbox"].sheet-powerprobe-box15 + span,
input[type="checkbox"].sheet-powerprobe-box18 + span {
	border-right: 2px solid black;
}

input[type="checkbox"].sheet-powerprobe-box:checked ~ input[type="checkbox"].sheet-powerprobe-box + span {    
	background: white;
}

input.sheet-powerprobe-box0 {
	z-index: 0;
	display: none;
}

.sheet-powerprobe-box1 {
	grid-area: powerprobe-box1;
}
.sheet-powerprobe-box2 {
	grid-area: powerprobe-box2;
}
.sheet-powerprobe-box3 {
	grid-area: powerprobe-box3;
}
.sheet-powerprobe-box4 {
	grid-area: powerprobe-box4;
}
.sheet-powerprobe-box5 {
	grid-area: powerprobe-box5;
}
.sheet-powerprobe-box6 {
	grid-area: powerprobe-box6;
}
.sheet-powerprobe-box7 {
	grid-area: powerprobe-box7;
}
.sheet-powerprobe-box8 {
	grid-area: powerprobe-box8;
}
.sheet-powerprobe-box9 {
	grid-area: powerprobe-box9;
}
.sheet-powerprobe-box10 {
	grid-area: powerprobe-box10;
}
.sheet-powerprobe-box11 {
	grid-area: powerprobe-box11;
}
.sheet-powerprobe-box12 {
	grid-area: powerprobe-box12;
}
.sheet-powerprobe-box13 {
	grid-area: powerprobe-box13;
}
.sheet-powerprobe-box14 {
	grid-area: powerprobe-box14;
}
.sheet-powerprobe-box15 {
	grid-area: powerprobe-box15;
}
.sheet-powerprobe-box16 {
	grid-area: powerprobe-box16;
}
.sheet-powerprobe-box17 {
	grid-area: powerprobe-box17;
}
.sheet-powerprobe-box18 {
	grid-area: powerprobe-box18;
}


input.sheet-powerprobe-max {
	display: none;
}

input[type="checkbox"].sheet-powerprobe-max:checked ~ input[type="checkbox"].sheet-powerprobe-box {
	pointer-events: none;
}

input[type="checkbox"].sheet-powerprobe-max:checked ~ input[type="checkbox"].sheet-powerprobe-box +span {
	opacity:0.5;
	background-color: #b8c6db;
	background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
	border-color: #b8c6db;
}

.sheet-sbstrctpowerprobebutton, .sheet-addpowerprobebutton {
	font-family: "Pictos";
}

.sheet-sbstrctpowerprobebutton {
	grid-area: sbstrctpowerprobebutton;
}
.sheet-addpowerprobebutton {
	grid-area: addpowerprobebutton;
}

/*================================
        MANOFSTEEL STYLES
================================*/

.sheet-manofsteel-armor {
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	width: 772px;
}

.sheet-manofsteel__guns {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}

.sheet-manofsteel__hull {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}

.sheet-manofsteel__systems {
	grid-column: 3 / 4;
	grid-row: 1 / 3;
}

.sheet-powermanofsteel {
	display: grid;
	align-self: center;
	justify-content: center;
}

.sheet-powermanofsteel {
	grid-template-columns: 95px 25px 2px 25px 2px 25px 2px 25px 2px 25px 3px 25px;
	grid-template-rows: 5px 12.5px 12.5px 12.5px 12.5px 5px;
	grid-template-areas: 
	". . . . . . . . . . . ."
	". powermanofsteel-box1 . powermanofsteel-box2 . powermanofsteel-box3 . powermanofsteel-box4 . powermanofsteel-box5 . addpowermanofsteelbutton"
	"powermanofsteel-lbl powermanofsteel-box1 . powermanofsteel-box2 . powermanofsteel-box3 . powermanofsteel-box4 . powermanofsteel-box5 . addpowermanofsteelbutton"
	"powermanofsteel-lbl powermanofsteel-box6 . powermanofsteel-box7 . powermanofsteel-box8 . powermanofsteel-box9 . powermanofsteel-box10 . sbstrctpowermanofsteelbutton"
	". powermanofsteel-box6 . powermanofsteel-box7 . powermanofsteel-box8 . powermanofsteel-box9 . powermanofsteel-box10 . sbstrctpowermanofsteelbutton"
	". . . . . . . . . . . .";
}


.sheet-powermanofsteel-lbl {
	align-self: center;
	line-height: 1;
	background-color: black;
	color: white;
	padding: 5px;
	height: 15px;
}

.sheet-powermanofsteel-lbl {
	grid-area: powermanofsteel-lbl;
}

input[type="checkbox"].sheet-powermanofsteel-box {
	opacity: 0;
	cursor: pointer;
	z-index: 1;
	width: 25px;
	height: 25px;
	align-self: center;
}

input[type="checkbox"].sheet-powermanofsteel-box + span {
	border: solid 2px black;
	border-right: solid 4px black;
	display: block;
	background-color: #000000;
	background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
	border-radius: 0px;
	align-self: center;
	height: 21px;
	width: 21px;
}
input[type="checkbox"].sheet-powermanofsteel-box5 + span,
input[type="checkbox"].sheet-powermanofsteel-box10 + span,
input[type="checkbox"].sheet-powermanofsteel-box15 + span,
input[type="checkbox"].sheet-powermanofsteel-box18 + span {
	border-right: 2px solid black;
}

input[type="checkbox"].sheet-powermanofsteel-box:checked ~ input[type="checkbox"].sheet-powermanofsteel-box + span {    
	background: white;
}

input.sheet-powermanofsteel-box0 {
	z-index: 0;
	display: none;
}

.sheet-powermanofsteel-box1 {
	grid-area: powermanofsteel-box1;
}
.sheet-powermanofsteel-box2 {
	grid-area: powermanofsteel-box2;
}
.sheet-powermanofsteel-box3 {
	grid-area: powermanofsteel-box3;
}
.sheet-powermanofsteel-box4 {
	grid-area: powermanofsteel-box4;
}
.sheet-powermanofsteel-box5 {
	grid-area: powermanofsteel-box5;
}
.sheet-powermanofsteel-box6 {
	grid-area: powermanofsteel-box6;
}
.sheet-powermanofsteel-box7 {
	grid-area: powermanofsteel-box7;
}
.sheet-powermanofsteel-box8 {
	grid-area: powermanofsteel-box8;
}
.sheet-powermanofsteel-box9 {
	grid-area: powermanofsteel-box9;
}
.sheet-powermanofsteel-box10 {
	grid-area: powermanofsteel-box10;
}

input.sheet-powermanofsteel-max {
	display: none;
}

input[type="checkbox"].sheet-powermanofsteel-max:checked ~ input[type="checkbox"].sheet-powermanofsteel-box {
	pointer-events: none;
}

input[type="checkbox"].sheet-powermanofsteel-max:checked ~ input[type="checkbox"].sheet-powermanofsteel-box +span {
	opacity:0.5;
	background-color: #b8c6db;
	background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
	border-color: #b8c6db;
}

.sheet-sbstrctpowermanofsteelbutton, .sheet-addpowermanofsteelbutton {
	font-family: "Pictos";
}

.sheet-sbstrctpowermanofsteelbutton {
	grid-area: sbstrctpowermanofsteelbutton;
}
.sheet-addpowermanofsteelbutton {
	grid-area: addpowermanofsteelbutton;
}

.sheet-cyborgdishonour {
	display: grid;
	grid-template-rows: 5px 25px 5px;
	grid-template-columns: 80px 25px 2px 25px 2px 25px 2px 25px 2px 25px 3px 25px 2px 25px;
	grid-template-areas: 
	". . . . . . . . . . . . . ."
	"cyborgdishonour-lbl cyborgdishonour-box1 . cyborgdishonour-box2 . cyborgdishonour-box3 . cyborgdishonour-box4 . cyborgdishonour-box5 . addcyborgdishonourbutton . sbstrctcyborgdishonourbutton"
	". . . . . . . . . . . . . .";
}


.sheet-cyborgdishonour-lbl {
	align-self: center;
	line-height: 1;
	background-color: black;
	color: white;
	padding: 5px;
	height: 15px;
}

.sheet-cyborgdishonour-lbl {
	grid-area: cyborgdishonour-lbl;
}

input[type="checkbox"].sheet-cyborgdishonour-box {
	opacity: 0;
	cursor: pointer;
	z-index: 1;
	width: 25px;
	height: 25px;
	align-self: center;
}

input[type="checkbox"].sheet-cyborgdishonour-box + span {
	border: solid 2px black;
	border-right: solid 4px black;
	display: block;
	background-color: #000000;
	background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
	border-radius: 0px;
	align-self: center;
	height: 21px;
	width: 21px;
}
input[type="checkbox"].sheet-cyborgdishonour-box5 + span,
input[type="checkbox"].sheet-cyborgdishonour-box10 + span,
input[type="checkbox"].sheet-cyborgdishonour-box15 + span,
input[type="checkbox"].sheet-cyborgdishonour-box18 + span {
	border-right: 2px solid black;
}

input[type="checkbox"].sheet-cyborgdishonour-box:checked ~ input[type="checkbox"].sheet-cyborgdishonour-box + span {    
	background: white;
}

input.sheet-cyborgdishonour-box0 {
	z-index: 0;
	display: none;
}

.sheet-cyborgdishonour-box1 {
	grid-area: cyborgdishonour-box1;
}
.sheet-cyborgdishonour-box2 {
	grid-area: cyborgdishonour-box2;
}
.sheet-cyborgdishonour-box3 {
	grid-area: cyborgdishonour-box3;
}
.sheet-cyborgdishonour-box4 {
	grid-area: cyborgdishonour-box4;
}
.sheet-cyborgdishonour-box5 {
	grid-area: cyborgdishonour-box5;
}
.sheet-cyborgdishonour-box6 {
	grid-area: cyborgdishonour-box6;
}
.sheet-cyborgdishonour-box7 {
	grid-area: cyborgdishonour-box7;
}
.sheet-cyborgdishonour-box8 {
	grid-area: cyborgdishonour-box8;
}
.sheet-cyborgdishonour-box9 {
	grid-area: cyborgdishonour-box9;
}
.sheet-cyborgdishonour-box10 {
	grid-area: cyborgdishonour-box10;
}

input.sheet-cyborgdishonour-max {
	display: none;
}

input[type="checkbox"].sheet-cyborgdishonour-max:checked ~ input[type="checkbox"].sheet-cyborgdishonour-box {
	pointer-events: none;
}

input[type="checkbox"].sheet-cyborgdishonour-max:checked ~ input[type="checkbox"].sheet-cyborgdishonour-box +span {
	opacity:0.5;
	background-color: #b8c6db;
	background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
	border-color: #b8c6db;
}

.sheet-sbstrctcyborgdishonourbutton, .sheet-addcyborgdishonourbutton {
	font-family: "Pictos";
}

.sheet-sbstrctcyborgdishonourbutton {
	grid-area: sbstrctcyborgdishonourbutton;
}
.sheet-addcyborgdishonourbutton {
	grid-area: addcyborgdishonourbutton;
}

.sheet-courierdanger {
	display: grid;
	align-self: center;
}

.sheet-courierdanger {
	grid-template-rows: 5px 25px 5px;
	grid-template-columns: 80px 25px 2px 25px 2px 25px 2px 25px 2px 25px 2px 25px 2px 25px 2px 25px;
	grid-template-areas: 
	". . . . . . . . . . . . . . . ."
	"courierdanger-lbl courierdanger-box1 . courierdanger-box2 . courierdanger-box3 . courierdanger-box4 . courierdanger-box5 . courierdanger-box6 . addcourierdangerbutton . sbstrctcourierdangerbutton"
	". . . . . . . . . . . . . . . .";
}


.sheet-courierdanger-lbl {
	align-self: center;
	line-height: 1;
	background-color: black;
	color: white;
	padding: 5px;
	height: 15px;
}

.sheet-courierdanger-lbl {
	grid-area: courierdanger-lbl;
}

input[type="checkbox"].sheet-courierdanger-box {
	opacity: 0;
	cursor: pointer;
	z-index: 1;
	width: 25px;
	height: 25px;
	align-self: center;
}

input[type="checkbox"].sheet-courierdanger-box + span {
	border: solid 2px black;
	border-right: solid 4px black;
	display: block;
	background-color: #000000;
	background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
	border-radius: 0px;
	align-self: center;
	height: 21px;
	width: 21px;
}
input[type="checkbox"].sheet-courierdanger-box6 + span {
	border-right: 2px solid black;
}

input[type="checkbox"].sheet-courierdanger-box:checked ~ input[type="checkbox"].sheet-courierdanger-box + span {    
	background: white;
}

input.sheet-courierdanger-box0 {
	z-index: 0;
	display: none;
}

.sheet-courierdanger-box1 {
	grid-area: courierdanger-box1;
}
.sheet-courierdanger-box2 {
	grid-area: courierdanger-box2;
}
.sheet-courierdanger-box3 {
	grid-area: courierdanger-box3;
}
.sheet-courierdanger-box4 {
	grid-area: courierdanger-box4;
}
.sheet-courierdanger-box5 {
	grid-area: courierdanger-box5;
}
.sheet-courierdanger-box6 {
	grid-area: courierdanger-box6;
}

input.sheet-courierdanger-max {
	display: none;
}

input[type="checkbox"].sheet-courierdanger-max:checked ~ input[type="checkbox"].sheet-courierdanger-box {
	pointer-events: none;
}

input[type="checkbox"].sheet-courierdanger-max:checked ~ input[type="checkbox"].sheet-courierdanger-box +span {
	opacity:0.5;
	background-color: #b8c6db;
	background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
	border-color: #b8c6db;
}

.sheet-sbstrctcourierdangerbutton, .sheet-addcourierdangerbutton {
	font-family: "Pictos";
}

.sheet-sbstrctcourierdangerbutton {
	grid-area: sbstrctcourierdangerbutton;
}
.sheet-addcourierdangerbutton {
	grid-area: addcourierdangerbutton;
}

.sheet-strangerfavor {
	display: grid;
	align-self: center;
}

.sheet-strangerfavor {
	grid-template-rows: 5px 25px 5px;
	grid-template-columns: 120px 25px 2px 25px 2px 25px 2px 25px 2px 25px 2px 25px 2px 25px;
	grid-template-areas: 
	". . . . . . . . . . . . . ."
	"strangerfavor-lbl strangerfavor-box1 . strangerfavor-box2 . strangerfavor-box3 . strangerfavor-box4 . strangerfavor-box5 . addstrangerfavorbutton . sbstrctstrangerfavorbutton"
	". . . . . . . . . . . . . .";
}


.sheet-strangerfavor-lbl {
	align-self: center;
	line-height: 1;
	background-color: black;
	color: white;
	padding: 5px;
	height: 15px;
}

.sheet-strangerfavor-lbl {
	grid-area: strangerfavor-lbl;
}

input[type="checkbox"].sheet-strangerfavor-box {
	opacity: 0;
	cursor: pointer;
	z-index: 1;
	width: 25px;
	height: 25px;
	align-self: center;
}

input[type="checkbox"].sheet-strangerfavor-box + span {
	border: solid 2px black;
	border-right: solid 4px black;
	display: block;
	background-color: #000000;
	background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
	border-radius: 0px;
	align-self: center;
	height: 21px;
	width: 21px;
}
input[type="checkbox"].sheet-strangerfavor-box5 + span {
	border-right: 2px solid black;
}

input[type="checkbox"].sheet-strangerfavor-box:checked ~ input[type="checkbox"].sheet-strangerfavor-box + span {    
	background: white;
}

input.sheet-strangerfavor-box0 {
	z-index: 0;
	display: none;
}

.sheet-strangerfavor-box1 {
	grid-area: strangerfavor-box1;
}
.sheet-strangerfavor-box2 {
	grid-area: strangerfavor-box2;
}
.sheet-strangerfavor-box3 {
	grid-area: strangerfavor-box3;
}
.sheet-strangerfavor-box4 {
	grid-area: strangerfavor-box4;
}
.sheet-strangerfavor-box5 {
	grid-area: strangerfavor-box5;
}
.sheet-strangerfavor-box6 {
	grid-area: strangerfavor-box6;
}

input.sheet-strangerfavor-max {
	display: none;
}

input[type="checkbox"].sheet-strangerfavor-max:checked ~ input[type="checkbox"].sheet-strangerfavor-box {
	pointer-events: none;
}

input[type="checkbox"].sheet-strangerfavor-max:checked ~ input[type="checkbox"].sheet-strangerfavor-box +span {
	opacity:0.5;
	background-color: #b8c6db;
	background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
	border-color: #b8c6db;
}

.sheet-sbstrctstrangerfavorbutton, .sheet-addstrangerfavorbutton {
	font-family: "Pictos";
}

.sheet-sbstrctstrangerfavorbutton {
	grid-area: sbstrctstrangerfavorbutton;
}
.sheet-addstrangerfavorbutton {
	grid-area: addstrangerfavorbutton;
}

.sheet-raelithfade {
	display: grid;
	align-self: center;
}

.sheet-raelithfade {
	grid-template-rows: 5px 25px 5px;
	grid-template-columns: 80px 25px 2px 25px 2px 25px 2px 25px 2px 25px 2px 25px;
	grid-template-areas: 
	". . . . . . . . . . . ."
	"raelithfade-lbl raelithfade-box1 . raelithfade-box2 . raelithfade-box3 . raelithfade-box4 . raelithfade-box5 . raelithfade-box6"
	". . . . . . . . . . . .";
}


.sheet-raelithfade-lbl {
	align-self: center;
	line-height: 1;
	background-color: black;
	color: white;
	padding: 5px;
	height: 15px;
}

.sheet-raelithfade-lbl {
	grid-area: raelithfade-lbl;
}

input[type="checkbox"].sheet-raelithfade-box {
	opacity: 0;
	cursor: pointer;
	z-index: 1;
	width: 25px;
	height: 25px;
	align-self: center;
}

input[type="checkbox"].sheet-raelithfade-box + span {
	border: solid 2px black;
	border-right: solid 4px black;
	display: block;
	background-color: #000000;
	background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
	border-radius: 0px;
	align-self: center;
	height: 21px;
	width: 21px;
}
input[type="checkbox"].sheet-raelithfade-box6 + span {
	border-right: 2px solid black;
}

input[type="checkbox"].sheet-raelithfade-box:checked ~ input[type="checkbox"].sheet-raelithfade-box + span {    
	background: white;
}

input.sheet-raelithfade-box0 {
	z-index: 0;
	display: none;
}

.sheet-raelithfade-box1 {
	grid-area: raelithfade-box1;
}
.sheet-raelithfade-box2 {
	grid-area: raelithfade-box2;
}
.sheet-raelithfade-box3 {
	grid-area: raelithfade-box3;
}
.sheet-raelithfade-box4 {
	grid-area: raelithfade-box4;
}
.sheet-raelithfade-box5 {
	grid-area: raelithfade-box5;
}
.sheet-raelithfade-box6 {
	grid-area: raelithfade-box6;
}

input.sheet-raelithfade-max {
	display: none;
}

input[type="checkbox"].sheet-raelithfade-max:checked ~ input[type="checkbox"].sheet-raelithfade-box {
	pointer-events: none;
}

input[type="checkbox"].sheet-raelithfade-max:checked ~ input[type="checkbox"].sheet-raelithfade-box +span {
	opacity:0.5;
	background-color: #b8c6db;
	background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
	border-color: #b8c6db;
}

.sheet-digitaldaooverload {
	display: grid;
	align-self: center;
}

.sheet-digitaldaooverload {
	grid-template-rows: 5px 25px 5px;
	grid-template-columns: 90px 25px 2px 25px 2px 25px 2px 25px 2px 25px;
	grid-template-areas: 
	". . . . . . . . . ."
	"digitaldaooverload-lbl digitaldaooverload-box1 . digitaldaooverload-box2 . digitaldaooverload-box3 . digitaldaooverload-box4 . digitaldaooverload-box5"
	". . . . . . . . . .";
}


.sheet-digitaldaooverload-lbl {
	align-self: center;
	line-height: 1;
	background-color: black;
	color: white;
	padding: 5px;
	height: 15px;
}

.sheet-digitaldaooverload-lbl {
	grid-area: digitaldaooverload-lbl;
}

input[type="checkbox"].sheet-digitaldaooverload-box {
	opacity: 0;
	cursor: pointer;
	z-index: 1;
	width: 25px;
	height: 25px;
	align-self: center;
}

input[type="checkbox"].sheet-digitaldaooverload-box + span {
	border: solid 2px black;
	border-right: solid 4px black;
	display: block;
	background-color: #000000;
	background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
	border-radius: 0px;
	align-self: center;
	height: 21px;
	width: 21px;
}
input[type="checkbox"].sheet-digitaldaooverload-box5 + span {
	border-right: 2px solid black;
}

input[type="checkbox"].sheet-digitaldaooverload-box:checked ~ input[type="checkbox"].sheet-digitaldaooverload-box + span {    
	background: white;
}

input.sheet-digitaldaooverload-box0 {
	z-index: 0;
	display: none;
}

.sheet-digitaldaooverload-box1 {
	grid-area: digitaldaooverload-box1;
}
.sheet-digitaldaooverload-box2 {
	grid-area: digitaldaooverload-box2;
}
.sheet-digitaldaooverload-box3 {
	grid-area: digitaldaooverload-box3;
}
.sheet-digitaldaooverload-box4 {
	grid-area: digitaldaooverload-box4;
}
.sheet-digitaldaooverload-box5 {
	grid-area: digitaldaooverload-box5;
}
.sheet-digitaldaooverload-box6 {
	grid-area: digitaldaooverload-box6;
}

input.sheet-digitaldaooverload-max {
	display: none;
}

input[type="checkbox"].sheet-digitaldaooverload-max:checked ~ input[type="checkbox"].sheet-digitaldaooverload-box {
	pointer-events: none;
}

input[type="checkbox"].sheet-digitaldaooverload-max:checked ~ input[type="checkbox"].sheet-digitaldaooverload-box +span {
	opacity:0.5;
	background-color: #b8c6db;
	background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
	border-color: #b8c6db;
}

.sheet-juggernautadrenaline {
	display: grid;
	align-self: center;
}

.sheet-juggernautadrenaline {
	grid-template-rows: 5px 25px 5px;
	grid-template-columns: 90px 25px 2px 25px 2px 25px 2px 25px 2px 25px;
	grid-template-areas: 
	". . . . . . . . . ."
	"juggernautadrenaline-lbl juggernautadrenaline-box1 . juggernautadrenaline-box2 . juggernautadrenaline-box3 . juggernautadrenaline-box4 . juggernautadrenaline-box5"
	". . . . . . . . . .";
}


.sheet-juggernautadrenaline-lbl {
	align-self: center;
	line-height: 1;
	background-color: black;
	color: white;
	padding: 5px;
	height: 15px;
}

.sheet-juggernautadrenaline-lbl {
	grid-area: juggernautadrenaline-lbl;
}

input[type="checkbox"].sheet-juggernautadrenaline-box {
	opacity: 0;
	cursor: pointer;
	z-index: 1;
	width: 25px;
	height: 25px;
	align-self: center;
}

input[type="checkbox"].sheet-juggernautadrenaline-box + span {
	border: solid 2px black;
	border-right: solid 4px black;
	display: block;
	background-color: #000000;
	background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
	border-radius: 0px;
	align-self: center;
	height: 21px;
	width: 21px;
}
input[type="checkbox"].sheet-juggernautadrenaline-box5 + span {
	border-right: 2px solid black;
}

input[type="checkbox"].sheet-juggernautadrenaline-box:checked ~ input[type="checkbox"].sheet-juggernautadrenaline-box + span {    
	background: white;
}

input.sheet-juggernautadrenaline-box0 {
	z-index: 0;
	display: none;
}

.sheet-juggernautadrenaline-box1 {
	grid-area: juggernautadrenaline-box1;
}
.sheet-juggernautadrenaline-box2 {
	grid-area: juggernautadrenaline-box2;
}
.sheet-juggernautadrenaline-box3 {
	grid-area: juggernautadrenaline-box3;
}
.sheet-juggernautadrenaline-box4 {
	grid-area: juggernautadrenaline-box4;
}
.sheet-juggernautadrenaline-box5 {
	grid-area: juggernautadrenaline-box5;
}
.sheet-juggernautadrenaline-box6 {
	grid-area: juggernautadrenaline-box6;
}

input.sheet-juggernautadrenaline-max {
	display: none;
}

input[type="checkbox"].sheet-juggernautadrenaline-max:checked ~ input[type="checkbox"].sheet-juggernautadrenaline-box {
	pointer-events: none;
}

input[type="checkbox"].sheet-juggernautadrenaline-max:checked ~ input[type="checkbox"].sheet-juggernautadrenaline-box +span {
	opacity:0.5;
	background-color: #b8c6db;
	background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
	border-color: #b8c6db;
}

.sheet-supernovaimpro {
	display: grid;
	align-self: center;
}

.sheet-supernovaimpro {
	grid-template-rows: 5px 25px 5px;
	grid-template-columns: 110px 25px 2px 25px 2px 25px;
	grid-template-areas: 
	". . . . . ."
	"supernovaimpro-lbl supernovaimpro-box1 . supernovaimpro-box2 . supernovaimpro-box3"
	". . . . . .";
}


.sheet-supernovaimpro-lbl {
	align-self: center;
	line-height: 1;
	background-color: black;
	color: white;
	padding: 5px;
	height: 15px;
}

.sheet-supernovaimpro-lbl {
	grid-area: supernovaimpro-lbl;
}

input[type="checkbox"].sheet-supernovaimpro-box {
	opacity: 0;
	cursor: pointer;
	z-index: 1;
	width: 25px;
	height: 25px;
	align-self: center;
}

input[type="checkbox"].sheet-supernovaimpro-box + span {
	border: solid 2px black;
	border-right: solid 4px black;
	display: block;
	background-color: #000000;
	background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
	border-radius: 0px;
	align-self: center;
	height: 21px;
	width: 21px;
}
input[type="checkbox"].sheet-supernovaimpro-box3 + span {
	border-right: 2px solid black;
}

input[type="checkbox"].sheet-supernovaimpro-box:checked ~ input[type="checkbox"].sheet-supernovaimpro-box + span {    
	background: white;
}

input.sheet-supernovaimpro-box0 {
	z-index: 0;
	display: none;
}

.sheet-supernovaimpro-box1 {
	grid-area: supernovaimpro-box1;
}
.sheet-supernovaimpro-box2 {
	grid-area: supernovaimpro-box2;
}
.sheet-supernovaimpro-box3 {
	grid-area: supernovaimpro-box3;
}

input.sheet-supernovaimpro-max {
	display: none;
}

input[type="checkbox"].sheet-supernovaimpro-max:checked ~ input[type="checkbox"].sheet-supernovaimpro-box {
	pointer-events: none;
}

input[type="checkbox"].sheet-supernovaimpro-max:checked ~ input[type="checkbox"].sheet-supernovaimpro-box +span {
	opacity:0.5;
	background-color: #b8c6db;
	background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
	border-color: #b8c6db;
}

.sheet-emissarystatus {
	display: grid;
	align-self: center;
}

.sheet-emissarystatus {
	grid-template-rows: 5px 25px 5px;
	grid-template-columns: 70px 25px 2px 25px 2px 25px;
	grid-template-areas: 
	". . . . . ."
	"emissarystatus-lbl emissarystatus-box1 . emissarystatus-box2 . emissarystatus-box3"
	". . . . . .";
}


.sheet-emissarystatus-lbl {
	align-self: center;
	line-height: 1;
	background-color: black;
	color: white;
	padding: 5px;
	height: 15px;
}

.sheet-emissarystatus-lbl {
	grid-area: emissarystatus-lbl;
}

input[type="checkbox"].sheet-emissarystatus-box {
	opacity: 0;
	cursor: pointer;
	z-index: 1;
	width: 25px;
	height: 25px;
	align-self: center;
}

input[type="checkbox"].sheet-emissarystatus-box + span {
	border: solid 2px black;
	border-right: solid 4px black;
	display: block;
	background-color: #000000;
	background-image: linear-gradient(315deg, #000000 -50%, #ffffff 194%);
	border-radius: 0px;
	align-self: center;
	height: 21px;
	width: 21px;
}
input[type="checkbox"].sheet-emissarystatus-box3 + span {
	border-right: 2px solid black;
}

input[type="checkbox"].sheet-emissarystatus-box:checked ~ input[type="checkbox"].sheet-emissarystatus-box + span {    
	background: white;
}

input.sheet-emissarystatus-box0 {
	z-index: 0;
	display: none;
}

.sheet-emissarystatus-box1 {
	grid-area: emissarystatus-box1;
}
.sheet-emissarystatus-box2 {
	grid-area: emissarystatus-box2;
}
.sheet-emissarystatus-box3 {
	grid-area: emissarystatus-box3;
}

input.sheet-emissarystatus-max {
	display: none;
}

input[type="checkbox"].sheet-emissarystatus-max:checked ~ input[type="checkbox"].sheet-emissarystatus-box {
	pointer-events: none;
}

input[type="checkbox"].sheet-emissarystatus-max:checked ~ input[type="checkbox"].sheet-emissarystatus-box +span {
	opacity:0.5;
	background-color: #b8c6db;
	background-image: linear-gradient(315deg, #b8c6db 0%, #f5f7fa 74%);
	border-color: #b8c6db;
}