/* sheet colors */
/* roll template */
/* global styles */
.charsheet {
  padding: 0 !important;
  font-size: 12px;
  line-height: 18px;
  min-width: 800px;
}
.charsheet div,
.charsheet span,
.charsheet label,
.charsheet textarea,
.charsheet button[type=roll],
.charsheet h1,
.charsheet h2,
.charsheet h3 {
  box-sizing: border-box;
}
.charsheet label,
.charsheet .label {
  border-radius: inherit;
  color: inherit;
  display: block;
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  width: auto;
}
.charsheet p {
  font-size: 1em;
  margin: 0 0 5px;
  line-height: inherit;
}
.charsheet textarea {
  display: block;
  font-size: 12px;
  margin: 0;
  padding: 1px 4px;
  resize: vertical;
}
.charsheet input[type=text],
.charsheet input[type=number] {
  font-size: 12px;
  height: 20px;
  padding: 1px 4px;
}
.charsheet input[type=number][readonly=readonly],
.charsheet input[type=number].no-spinners {
  -moz-appearance: textfield;
}
.charsheet input[type=number][readonly=readonly]::-webkit-inner-spin-button, .charsheet input[type=number][readonly=readonly]::-webkit-outer-spin-button,
.charsheet input[type=number].no-spinners::-webkit-inner-spin-button,
.charsheet input[type=number].no-spinners::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.charsheet select {
  margin: 0;
  font-size: 12px;
  padding: 1px 2px;
  line-height: 18px;
  height: 22px;
}
.charsheet button[type=roll].btn {
  display: block;
  margin: 0 auto;
}
.charsheet button[type=roll].btn::before {
  content: "";
}
.charsheet button[type=roll].unstyled-button {
  background: transparent;
  border-radius: 0;
  border: none;
  box-shadow: none;
  color: inherit;
  font-size: inherit;
  padding: 0;
  text-align: inherit;
  text-shadow: none;
}
.charsheet button[type=roll].unstyled-button::before {
  content: "";
}
.charsheet button[type=roll].invisible-button {
  position: absolute;
  z-index: 1;
  opacity: 0;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
}
.charsheet h1 {
  font-family: "Contrail One", sans-serif;
  padding-left: 5px;
  font-size: 1.3em;
  line-height: 22px;
  font-weight: normal;
}
.charsheet h1::after {
  content: "";
  position: absolute;
  right: 0;
  background-position: center;
  background-size: 100%;
  width: 22px;
  height: 22px;
}
.charsheet h2 {
  font-family: "Contrail One", sans-serif;
  padding-left: 5px;
  border: 2px solid #111827;
  font-size: 1.1em;
  margin: 5px 0;
  width: 175px;
  line-height: 18px;
}
.charsheet h3 {
  font-size: 1.2em;
  font-family: "Contrail One", sans-serif;
  line-height: 1.5;
  font-weight: normal;
}

/* Roll templates */
.sheet-rolltemplate-swn-default:has(.sheet-revised),
.sheet-rolltemplate-swn-attack:has(.sheet-revised),
.sheet-rolltemplate-swn-skill:has(.sheet-revised),
.sheet-rolltemplate-swn-save:has(.sheet-revised) {
  --system-clip-path: polygon(0 7px, 7px 0, 173px 0, 177px 3px, 281px 3px, 289px 11px, 289px 82px, 100% 87px, 100% calc(100% - 6px), calc(100% - 6px) 100%, 22px 100%, 0 calc(100% - 22px));
}

.sheet-rolltemplate-swn-default,
.sheet-rolltemplate-swn-attack,
.sheet-rolltemplate-swn-skill,
.sheet-rolltemplate-swn-save {
  margin-left: -41px;
  width: 292px;
  color: #f9fafb;
  font-family: "Arial", sans-serif;
}
.sheet-rolltemplate-swn-default div,
.sheet-rolltemplate-swn-attack div,
.sheet-rolltemplate-swn-skill div,
.sheet-rolltemplate-swn-save div {
  box-sizing: border-box;
}
.sheet-withoutavatars .sheet-rolltemplate-swn-default,
.sheet-withoutavatars .sheet-rolltemplate-swn-attack,
.sheet-withoutavatars .sheet-rolltemplate-swn-skill,
.sheet-withoutavatars .sheet-rolltemplate-swn-save {
  margin-left: -11px;
}
.sheet-rolltemplate-swn-default .sheet-container .inlinerollresult,
.sheet-rolltemplate-swn-attack .sheet-container .inlinerollresult,
.sheet-rolltemplate-swn-skill .sheet-container .inlinerollresult,
.sheet-rolltemplate-swn-save .sheet-container .inlinerollresult {
  padding: 0;
  font-family: inherit;
  background: transparent;
  border-color: transparent;
  border: none;
}
.sheet-rolltemplate-swn-default .sheet-container,
.sheet-rolltemplate-swn-attack .sheet-container,
.sheet-rolltemplate-swn-skill .sheet-container,
.sheet-rolltemplate-swn-save .sheet-container {
  background: var(--system-background, #0f0f0f);
  clip-path: var(--system-clip-path);
  min-height: 175px;
  position: relative;
  padding: 18px 20px;
}
.sheet-rolltemplate-swn-default .sheet-header,
.sheet-rolltemplate-swn-attack .sheet-header,
.sheet-rolltemplate-swn-skill .sheet-header,
.sheet-rolltemplate-swn-save .sheet-header {
  width: 198px;
}
.sheet-rolltemplate-swn-default .sheet-header .sheet-name,
.sheet-rolltemplate-swn-attack .sheet-header .sheet-name,
.sheet-rolltemplate-swn-skill .sheet-header .sheet-name,
.sheet-rolltemplate-swn-save .sheet-header .sheet-name {
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 1;
  height: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Times New Roman", serif;
  font-weight: bold;
}
.sheet-rolltemplate-swn-default .sheet-header .sheet-title,
.sheet-rolltemplate-swn-attack .sheet-header .sheet-title,
.sheet-rolltemplate-swn-skill .sheet-header .sheet-title,
.sheet-rolltemplate-swn-save .sheet-header .sheet-title {
  font-size: 14px;
  height: 32px;
  line-height: 16px;
  overflow: hidden;
  font-weight: bold;
  margin-bottom: 24px;
}
.sheet-rolltemplate-swn-default .sheet-content,
.sheet-rolltemplate-swn-attack .sheet-content,
.sheet-rolltemplate-swn-skill .sheet-content,
.sheet-rolltemplate-swn-save .sheet-content {
  position: relative;
}
.sheet-rolltemplate-swn-default .sheet-rolls .inlinerollresult,
.sheet-rolltemplate-swn-attack .sheet-rolls .inlinerollresult,
.sheet-rolltemplate-swn-skill .sheet-rolls .inlinerollresult,
.sheet-rolltemplate-swn-save .sheet-rolls .inlinerollresult {
  font-size: 36px;
  font-weight: bold;
  line-height: 29px;
}
.sheet-rolltemplate-swn-default .sheet-rolls,
.sheet-rolltemplate-swn-attack .sheet-rolls,
.sheet-rolltemplate-swn-skill .sheet-rolls,
.sheet-rolltemplate-swn-save .sheet-rolls {
  height: 35px;
  display: flex;
  align-items: start;
}
.sheet-rolltemplate-swn-default .sheet-rollname,
.sheet-rolltemplate-swn-attack .sheet-rollname,
.sheet-rolltemplate-swn-skill .sheet-rollname,
.sheet-rolltemplate-swn-save .sheet-rollname {
  font-size: 12px;
  line-height: 1;
}
.sheet-rolltemplate-swn-default a,
.sheet-rolltemplate-swn-attack a,
.sheet-rolltemplate-swn-skill a,
.sheet-rolltemplate-swn-save a {
  color: inherit;
}
.sheet-rolltemplate-swn-default a:hover,
.sheet-rolltemplate-swn-attack a:hover,
.sheet-rolltemplate-swn-skill a:hover,
.sheet-rolltemplate-swn-save a:hover {
  color: #b91c1c;
}
.sheet-rolltemplate-swn-default a[href^="~"],
.sheet-rolltemplate-swn-attack a[href^="~"],
.sheet-rolltemplate-swn-skill a[href^="~"],
.sheet-rolltemplate-swn-save a[href^="~"] {
  padding: 0;
  background: transparent;
  border: none;
  line-height: 1.4;
}

.sheet-rolltemplate-swn-default .sheet-container.sheet-revised {
  --system-background: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-top-black.png) top no-repeat, url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-bottom.png) bottom no-repeat, #0f0f0f;
}
.sheet-rolltemplate-swn-default .sheet-container.sheet-wwn {
  --system-background: linear-gradient(45deg, #0f0f0f 50%, #713f12);
}
.sheet-rolltemplate-swn-default .sheet-container.sheet-cwn {
  --system-background: linear-gradient(45deg, #0f0f0f 50%, #3b0764);
}
.sheet-rolltemplate-swn-default .sheet-container.sheet-neither {
  --system-background: linear-gradient(45deg, #0f0f0f 50%, #1d4ed8);
}
.sheet-rolltemplate-swn-default .sheet-name {
  color: #bababa;
}
.sheet-rolltemplate-swn-default .sheet-rollname {
  margin-right: auto;
}
.sheet-rolltemplate-swn-default .sheet-desc,
.sheet-rolltemplate-swn-default .sheet-buttons {
  font-size: 12px;
  line-height: 1.4;
}
.sheet-rolltemplate-swn-default .sheet-info {
  font-style: italic;
  font-size: 10px;
  line-height: 1;
  margin: -10px 0 5px;
}
.sheet-rolltemplate-swn-default .sheet-info .inlinerollresult {
  font-size: 1em;
  font-weight: normal;
}

.sheet-rolltemplate-swn-attack .sheet-container.sheet-revised {
  --system-background: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-top-purple.png) top no-repeat, url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-bottom.png) bottom no-repeat, #0f0f0f;
}
.sheet-rolltemplate-swn-attack .sheet-container.sheet-wwn {
  --system-background: linear-gradient(45deg, #0f0f0f 50%, #713f12);
}
.sheet-rolltemplate-swn-attack .sheet-container.sheet-cwn {
  --system-background: linear-gradient(45deg, #0f0f0f 50%, #3b0764);
}
.sheet-rolltemplate-swn-attack .sheet-container.sheet-neither {
  --system-background: linear-gradient(45deg, #0f0f0f 50%, #1d4ed8);
}
.sheet-rolltemplate-swn-attack .sheet-name {
  color: #b291ec;
}
.sheet-rolltemplate-swn-attack .sheet-title .inlinerollresult {
  font-size: 1em;
  pointer-events: none;
}
.sheet-rolltemplate-swn-attack .sheet-damage {
  margin-left: auto;
}
.sheet-rolltemplate-swn-attack .sheet-roll {
  margin-left: 10px;
}
.sheet-rolltemplate-swn-attack .sheet-rolls:not(:first-of-type) {
  margin-top: 5px;
}
.sheet-rolltemplate-swn-attack .sheet-shock {
  font-style: italic;
  margin-top: 4px;
  font-size: 12px;
}
.sheet-rolltemplate-swn-attack .sheet-info {
  font-style: italic;
  font-size: 10px;
}
.sheet-rolltemplate-swn-attack .sheet-info > span:first-child {
  margin-right: 10px;
}
.sheet-rolltemplate-swn-attack .sheet-info .inlinerollresult {
  font-weight: normal;
  font-size: 1em;
  margin-left: 2px;
}
.sheet-rolltemplate-swn-attack .sheet-desc {
  font-size: 12px;
  line-height: 1.4;
}

.sheet-rolltemplate-swn-skill .sheet-container.sheet-revised {
  --system-background: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-top-blue.png) top no-repeat, url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-bottom.png) bottom no-repeat, #0f0f0f;
}
.sheet-rolltemplate-swn-skill .sheet-container.sheet-wwn {
  --system-background: linear-gradient(45deg, #0f0f0f 50%, #713f12);
}
.sheet-rolltemplate-swn-skill .sheet-container.sheet-cwn {
  --system-background: linear-gradient(45deg, #0f0f0f 50%, #3b0764);
}
.sheet-rolltemplate-swn-skill .sheet-container.sheet-neither {
  --system-background: linear-gradient(45deg, #0f0f0f 50%, #1d4ed8);
}
.sheet-rolltemplate-swn-skill .sheet-name {
  color: #80b0ff;
}
.sheet-rolltemplate-swn-skill .sheet-title .sheet-italic {
  font-style: italic;
}
.sheet-rolltemplate-swn-skill .sheet-title .inlinerollresult {
  font-size: 1em;
  pointer-events: none;
}
.sheet-rolltemplate-swn-skill .sheet-rollname {
  margin-right: auto;
}

.sheet-rolltemplate-swn-save .sheet-container.sheet-success.sheet-revised {
  --system-background: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-top-green.png) top no-repeat, url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-bottom.png) bottom no-repeat, #0f0f0f;
}
.sheet-rolltemplate-swn-save .sheet-container.sheet-success.sheet-wwn {
  --system-background: linear-gradient(45deg, #0f0f0f 50%, #713f12);
}
.sheet-rolltemplate-swn-save .sheet-container.sheet-success.sheet-cwn {
  --system-background: linear-gradient(45deg, #0f0f0f 50%, #3b0764);
}
.sheet-rolltemplate-swn-save .sheet-container.sheet-success.sheet-neither {
  --system-background: linear-gradient(45deg, #0f0f0f 50%, #1d4ed8);
}
.sheet-rolltemplate-swn-save .sheet-container.sheet-success .sheet-name {
  color: #83db53;
}
.sheet-rolltemplate-swn-save .sheet-container.sheet-failure.sheet-revised {
  --system-background: url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-top-red.png) top no-repeat, url(https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/rt-bottom.png) bottom no-repeat, #0f0f0f;
}
.sheet-rolltemplate-swn-save .sheet-container.sheet-failure.sheet-wwn {
  --system-background: linear-gradient(45deg, #0f0f0f 50%, #713f12);
}
.sheet-rolltemplate-swn-save .sheet-container.sheet-failure.sheet-cwn {
  --system-background: linear-gradient(45deg, #0f0f0f 50%, #3b0764);
}
.sheet-rolltemplate-swn-save .sheet-container.sheet-failure.sheet-neither {
  --system-background: linear-gradient(45deg, #0f0f0f 50%, #1d4ed8);
}
.sheet-rolltemplate-swn-save .sheet-container.sheet-failure .sheet-name {
  color: #ff8080;
}
.sheet-rolltemplate-swn-save .sheet-vs {
  margin: 0 10px;
}
.sheet-rolltemplate-swn-save .sheet-rollname {
  margin-right: auto;
}

.charsheet .chevron {
  background-color: #1d4ed8;
  background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/white_arrow.svg");
  background-position: center;
  scale: 0.8;
}
.charsheet input.input-collapse:checked ~ div .details,
.charsheet input.input-collapse[value="0"] ~ div .details {
  display: none;
}
.charsheet input.input-collapse,
.charsheet input.input-collapse + span.chevron {
  cursor: pointer;
  height: 20px;
  opacity: 0;
  position: absolute;
  width: 20px;
  z-index: 10;
  right: 0;
  top: -2;
}
.charsheet .show-chevron:hover span.chevron {
  opacity: 1;
  z-index: 5;
}
.charsheet input.input-collapse:not(:checked) + span.chevron {
  transform: rotate(180deg);
}
.charsheet .editmode[value="1"] ~ .content input.input-collapse,
.charsheet .editmode[value="1"] ~ .content input.input-collapse + span {
  display: none;
}

.charsheet {
  /* tab wrappers and type chooser */
  /* editmode */
  /** edit mode highlighting **/
  /* dice icons */
  /* header */
  /* tab environment */
  /* organisation */
  /* containers */
  /* inline styling */
  /* force repeating row behavior */
  /* repeating section controls */
  /* global settings */
  /* Section visibility toggling */
  /* In the past, Github hosting didn't seem to work for some reason. Backup url: https://svgshare.com/i/aQ0.svg */
  /* Note: svgshare urls are apparently not stable more than about 3 years. */
  /* Settings */
  /* Character core */
  /* Saves */
  /* menus */
  /* Attributes */
  /* Resources */
  /* Shells */
  /* Weapons */
  /* Skills */
  /* name + desc sections */
  /* Psionics */
  /* Space Magic */
  /* AI */
  /* Foci */
  /* Gear */
  /* Misc */
  /* Ship tab */
  /* NPC tab */
  /* Drone tab */
  /* Vehicle tab */
}
.charsheet .hider[value="0"] + div,
.charsheet .hider[value="0"] + label,
.charsheet .hider[value="0"] + button,
.charsheet .hider[value="0"] + span {
  display: none;
}
.charsheet .hider[value=""] + button {
  display: none;
}
.charsheet .editmode[value="0"] ~ .content .empty-hider[value=""] + div {
  display: none;
}
.charsheet .details-button {
  position: relative;
  z-index: 2;
}
.charsheet .header,
.charsheet .settings {
  padding: 10px 5px;
}
.charsheet input[name=attr_npc][value="0"] ~ .tabs .npc-tab,
.charsheet input[name=attr_npc][value="1"] ~ .tabs .pc-tab,
.charsheet input[name=attr_npc][value="0"] ~ .drones .npc-show,
.charsheet input[name=attr_npc][value="1"] ~ .drones .pc-show {
  display: none;
}
.charsheet input[name=attr_tab]:not([value=character]) ~ .character {
  display: none;
}
.charsheet input[name=attr_tab]:not([value=ship]) ~ .ship {
  display: none;
}
.charsheet input[name=attr_tab]:not([value=drones]) ~ .drones {
  display: none;
}
.charsheet input[name=attr_tab]:not([value=npc]) ~ .npc {
  display: none;
}
.charsheet input[name=attr_tab]:not([value=mount]) ~ .mount {
  display: none;
}
.charsheet input[name=attr_tab]:not([value=vehicle]) ~ .vehicle {
  display: none;
}
.charsheet .content {
  min-width: 800px;
  display: grid;
  grid-gap: 5px;
}
.charsheet .editmode[value="0"] ~ .content .edit,
.charsheet .editmode[value="0"] ~ .content .repcontrol,
.charsheet .editmode[value="1"] ~ .content .display {
  display: none;
}
.charsheet .editmode[value="1"] ~ .content {
  border-style: solid;
  border-width: 0 2px 2px 2px;
}
.charsheet .editmode[value="1"] ~ .header {
  border-bottom: 2px solid;
}
.charsheet .editmode[value="1"] ~ .tabs,
.charsheet .editmode[value="1"] ~ .settings {
  border-style: solid;
  border-width: 0 2px 0 2px;
}
.charsheet .editmode[value="1"] ~ div .edit-button {
  height: 29px;
  padding: 0 5px 0 5px;
  margin: 0 0 0 15px;
  display: flex;
  align-items: center;
}
.charsheet .editmode[value="1"] ~ div .edit-button input {
  align-self: center;
}
.charsheet .dice-icon {
  background: transparent url("https://github.com/Roll20/roll20-character-sheets/blob/master/Stars_Without_Number_Revised/Assets/dice.png") no-repeat 80px 3px !important;
  background-size: 15px 15px !important;
}
.charsheet .header input {
  opacity: 0;
  position: absolute;
}
.charsheet .header .logo {
  width: 480px;
}
.charsheet .header .npc-chooser {
  cursor: pointer;
  margin-left: auto;
}
.charsheet .header .npc-chooser span {
  padding: 3px 6px;
}
.charsheet .header .edit-button {
  margin: 0 5px 0 20px;
}
.charsheet .header .settings-gear,
.charsheet .header .edit-button {
  cursor: pointer;
  font-size: 16px;
  font-family: pictos;
}
.charsheet .footer {
  font-size: 10px;
  border-top: 1px solid;
  margin-top: 10px;
}
.charsheet .tabs {
  border-top: 1px solid;
  flex-flow: row-reverse;
  font-family: "Contrail One", sans-serif;
  justify-content: flex-end;
  margin: 3px 0px;
  position: relative;
  width: 100%;
  z-index: 2;
}
.charsheet .tabs input {
  opacity: 0;
  position: absolute;
}
.charsheet .tabs span {
  padding: 1px 25px 0;
}
.charsheet .tabs label {
  cursor: pointer;
  line-height: 17px;
  margin: -1px -10px 0 0;
  clip-path: polygon(0 0, 100% 0, 100% 10px, calc(100% - 10px) 100%, 0 100%);
}
.charsheet .flex {
  display: flex;
}
.charsheet .flex-start {
  display: flex;
  align-items: flex-start;
}
.charsheet .flex-center {
  display: flex;
  align-items: center;
}
.charsheet .flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.charsheet .flex-even {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.charsheet .flex-wrap {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
}
.charsheet .grid {
  display: grid;
}
.charsheet .grid-flow-col {
  grid-auto-flow: column;
}
.charsheet .gap-1 {
  gap: 4px;
}
.charsheet .grow {
  flex-grow: 1;
}
.charsheet .halfgrid {
  display: grid;
  grid: auto/1fr 1fr;
  grid-gap: 5px;
}
.charsheet .thirdsgrid {
  display: grid;
  grid: auto/repeat(3, 1fr);
  grid-column-gap: 1%;
}
.charsheet .col-2 {
  grid-column: 2;
}
.charsheet .col-3 {
  grid-column: 3;
}
.charsheet .col-4 {
  grid-column: 4;
}
.charsheet .cols-2 {
  grid-column: span 2;
}
.charsheet .cols-3 {
  grid-column: span 3;
}
.charsheet .cols-4 {
  grid-column: span 4;
}
.charsheet .rows-2 {
  grid-row: span 2;
}
.charsheet .col55 {
  width: 55%;
}
.charsheet .col50 {
  width: 50%;
}
.charsheet .col40 {
  width: 40%;
}
.charsheet .colthird {
  width: 33.3333333333%;
}
.charsheet .col25 {
  width: 25%;
}
.charsheet .col20 {
  width: 20%;
}
.charsheet .colsixth {
  width: 16.6666666667%;
}
.charsheet .chevron {
  background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/white_arrow.svg");
  background-position: center;
  scale: 0.8;
}
.charsheet .column > div:not(:first-child),
.charsheet .mt {
  margin-top: 5px;
}
.charsheet .mb {
  margin-bottom: 5px;
}
.charsheet .mr {
  margin-right: 5px;
}
.charsheet .font-bold {
  font-weight: 700;
}
.charsheet .text-center {
  text-align: center;
}
.charsheet .ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.charsheet .w-full {
  width: 100%;
}
.charsheet .lowercase {
  text-transform: lowercase;
}
.charsheet .center {
  text-align: center;
}
.charsheet .border-bottom {
  border-bottom: 1px solid #d1d5db;
}
.charsheet .pb-5 {
  padding-bottom: 5px;
}
.charsheet .relative {
  position: relative;
}
.charsheet .grey-box,
.charsheet .grey-box-bordered {
  padding: 4px;
}
.charsheet .grey-box-bordered {
  border: 1px solid;
}
.charsheet .core-box {
  padding: 8px;
}
.charsheet .core-box-text {
  padding: 8px 3px 3px 8px;
}
.charsheet input[type=text].inherit {
  background: transparent;
  border-radius: 0;
  border: none;
  box-shadow: none;
  color: inherit;
  font: inherit;
  padding: 0;
}
.charsheet .inline-input {
  padding: 0 3px;
  position: relative;
  vertical-align: baseline;
  z-index: 2;
}
.charsheet .text-input {
  line-height: 1;
  padding-right: 5px;
}
.charsheet .text-input .label {
  border-top: 1px solid;
  font-size: 0.9em;
  line-height: 14px;
  text-align: inherit;
}
.charsheet .text-input .label input[type=checkbox] {
  height: 14px;
  margin: 0 3px 0 0;
}
.charsheet .text-input input[type=text],
.charsheet .text-input input[type=number],
.charsheet .text-input textarea {
  background: transparent;
  border-radius: 0;
  border: none;
  box-shadow: none;
  font-weight: inherit;
  padding: 1px 0;
  text-align: inherit;
  width: 100%;
}
.charsheet .text-input input[type=text][readonly=readonly],
.charsheet .text-input input[type=number][readonly=readonly],
.charsheet .text-input textarea[readonly=readonly] {
  cursor: default;
}
.charsheet .text-input input[type=text],
.charsheet .text-input input[type=number] {
  font-size: 1.1em;
}
.charsheet .text-input textarea {
  height: 20px;
  min-height: 20px;
}
.charsheet .text-input > input[type=checkbox] {
  height: 14px;
  margin: 3px 0;
}
.charsheet .text-input select {
  background: transparent;
  border: none;
  height: 20px;
  width: 100%;
}
.charsheet .text-input.important {
  font-weight: bold;
  font-size: 1.1em;
}
.charsheet .text-input.duo {
  display: grid;
  text-align: center;
  grid: auto/3px 1fr 5px 1fr 3px;
  align-items: center;
  align-content: start;
  grid-column-gap: 0;
}
.charsheet .text-input.duo > span {
  font-size: 16px;
}
.charsheet .text-input.duo .label {
  grid-column: 1/5;
}
.charsheet .text-input.trio {
  display: grid;
  text-align: center;
  grid: auto/3px 1fr 5px 1fr 5px 1fr 3px;
  align-items: center;
  align-content: start;
  grid-column-gap: 0;
}
.charsheet .text-input.trio > span {
  font-size: 16px;
}
.charsheet .text-input.trio .label {
  grid-column: 1/7;
}
.charsheet .text-input button[type=roll].btn {
  width: 100%;
}
.charsheet .table-header {
  font-size: 0.9em;
}
.charsheet .table-header > div {
  padding-left: 2px;
  border-bottom: 1px solid;
}
.charsheet .focusinfo {
  position: relative;
}
.charsheet .focusinfo .details {
  border-radius: 8px;
  border: 1px solid;
  left: calc(50% - 125px);
  opacity: 1;
  padding: 5px;
  position: absolute;
  top: 22px;
  transition: all 0.3s;
  width: 250px;
  z-index: 1;
}
.charsheet .focusinfo input:not(:focus) ~ .details {
  visibility: hidden;
  opacity: 0;
}
.charsheet .space-before::before,
.charsheet .space-after::after {
  content: " ";
}
.charsheet .colon-after::after {
  content: ":";
}
.charsheet .hide-empty[value=""] + span {
  display: none;
}
.charsheet .add-plus:not([value^="-"]) + span::before {
  content: "+";
}
.charsheet .api {
  border-radius: 5px;
  font-size: 0.8em;
  line-height: 1;
  padding: 1px;
  vertical-align: super;
}
.charsheet .repcontrol {
  display: flex;
  margin-top: 4px;
}
.charsheet .repcontrol button {
  padding: 3px 10px;
}
.charsheet .repcontrol_edit {
  order: 1;
  margin-left: auto;
}
.charsheet .repcontrol button {
  box-shadow: none;
  text-shadow: none;
}
.charsheet .repcontrol_move,
.charsheet .repcontrol_del {
  padding: 1px 10px;
}
.charsheet .itemcontrol {
  z-index: 100;
}
.charsheet .simple-repsection .repitem {
  margin-bottom: 5px;
}
.charsheet .simple-repsection textarea {
  margin: 3px 0 0;
  height: 50px;
}
.charsheet .simple-repsection .display .name {
  font-weight: bold;
  font-size: 1.1em;
  border-bottom: 1px solid;
}
.charsheet .simple-repsection .display .details {
  line-height: 1.4;
  text-align: justify;
}
.charsheet .rep-grid {
  align-items: start;
  display: grid;
  grid-column-gap: 3px;
  margin-bottom: 3px;
}
.charsheet .rep-grid .text-input {
  padding: 0;
}
.charsheet .skills-query:not([value=hover]) ~ div .skills-query-hover,
.charsheet .skills-query[value=query] ~ div .skills-query-display,
.charsheet .skills-query[value=query] ~ div .skills-query-ask {
  display: none;
}
.charsheet .skills-query-display input:not([value*=str]) ~ .str {
  display: none;
}
.charsheet .skills-query-display input:not([value*=dex]) ~ .dex {
  display: none;
}
.charsheet .skills-query-display input:not([value*=con]) ~ .con {
  display: none;
}
.charsheet .skills-query-display input:not([value*=int]) ~ .int {
  display: none;
}
.charsheet .skills-query-display input:not([value*=wis]) ~ .wis {
  display: none;
}
.charsheet .skills-query-display input:not([value*=cha]) ~ .cha {
  display: none;
}
.charsheet .skills-query[value=hover] ~ div .skill:hover .skills-query-display,
.charsheet .skill .display .query:focus + .skills-query-display {
  display: none;
}
.charsheet .section-toggle-header {
  position: relative;
}
.charsheet .section-toggle-header input {
  cursor: pointer;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  width: 22px;
  z-index: 2;
}
.charsheet .section-toggle-header input + h1::after {
  background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Stars_Without_Number_Revised/Assets/white_arrow.svg");
}
.charsheet .section-toggle-header input:not(:checked) + h1::after {
  transform: rotate(180deg);
}
.charsheet .section-toggle-header + input + div {
  margin-top: 5px;
}
.charsheet .settings label {
  font-weight: bold;
}
.charsheet .settings label span {
  margin-right: 4px;
}
.charsheet .settings select {
  display: inline-block;
  width: 120px;
}
.charsheet .settings select.wide {
  width: 170px;
}
.charsheet .settings .subsystems {
  grid: auto/1fr 1fr;
}
.charsheet .core {
  display: grid;
  grid-column-gap: 5px;
}
.charsheet .core.core-info {
  grid: auto/2.5fr 1fr 0.8fr;
}
.charsheet .core.core-info .info {
  align-items: start;
  flex-wrap: wrap;
  padding-right: 3px;
}
.charsheet .core.core-info .info .important {
  width: calc(60% - 22px);
}
.charsheet .core.core-info .info .level {
  width: 44px;
}
.charsheet .core.core-info .info .level-rest {
  width: calc(40% - 22px);
}
.charsheet .core.core-stats {
  grid: auto/minmax(310px, 1.2fr) minmax(260px, 1fr) minmax(220px, 0.8fr);
}
.charsheet .core .main-content {
  margin-top: 3px;
  display: grid;
  grid: auto/repeat(3, 1fr);
}
.charsheet .core .main-content .left-margin {
  margin-left: 15px;
}
.charsheet .core button[name=roll_HP].btn {
  font-size: 0.9em;
}
.charsheet .saves .flex {
  margin-top: 4px;
}
.charsheet .saves button[type=roll].btn {
  height: 35px;
  width: 35px;
}
.charsheet .menus-content {
  align-items: center;
  display: grid;
  grid: auto/1fr 1fr;
}
.character .charsheet .menus button[type=roll].btn {
  margin-right: auto;
}
.charsheet .attributes {
  font-size: 1.1em;
  line-height: 1.2;
  margin-top: 0px;
  margin-bottom: 0px;
}
.charsheet .attributes .attr-grid {
  grid-template-columns: 1fr 3.5em 3.5em 20px 3.5em 20px;
}
.charsheet .attributes .attr-display-grid {
  grid-template-columns: 1.5fr repeat(3, 5em);
}
.charsheet .attributes .mod {
  font-size: 1.1em;
}
.charsheet .attributes span[name*=_mod]::before {
  content: "+";
}
.charsheet .editmode[value="0"] ~ .content .resources .repcontainer {
  grid: auto/1fr 1fr;
}
.charsheet .resources .credits {
  margin-left: auto;
}
.charsheet .resources .repcontainer {
  display: grid;
  grid-row-gap: 3px;
  margin-top: 3px;
}
.charsheet .resources input[type=text] {
  margin-right: auto;
  width: calc(100% - 8em);
}
.charsheet .resources .slash {
  margin: 0 2px;
}
.charsheet .money textarea,
.charsheet .wealth textarea {
  height: 100px;
  min-height: 100px;
}
.charsheet .shells .shells-grid {
  grid: auto/40px 35px 35px 35px 45px 1fr;
}
.charsheet .transhuman-setting:not([value=transhuman]) ~ .column .transhuman-enabled,
.charsheet .transhuman-setting[value=transhuman] ~ .core .transhuman-disabled {
  display: none;
}
.charsheet .weapons .edit {
  justify-content: space-between;
  padding-right: 1px;
}
.charsheet .weapons .edit .name {
  width: 138px;
}
.charsheet .weapons .edit .ab {
  width: 45px;
}
.charsheet .weapons .edit .ammo,
.charsheet .weapons .edit .weapon-skill {
  width: 80px;
}
.charsheet .weapons .edit .range,
.charsheet .weapons .edit .damage,
.charsheet .weapons .edit .attribute {
  width: 60px;
}
.charsheet .weapons .edit .burst {
  width: 65px;
}
.charsheet .weapons .edit .shock-damage,
.charsheet .weapons .edit .shock-ac {
  width: 55px;
}
.charsheet .weapons .edit .skill-to-damage {
  width: 30px;
}
.charsheet .weapons .edit .enc {
  width: 40px;
}
.charsheet .weapons .text-input {
  padding-right: 3px;
}
.charsheet .weapons .repitem {
  margin-bottom: 3px;
}
.charsheet .weapons .display {
  font-size: 1.1em;
  border: 1px solid;
  text-indent: -10px;
  padding: 2px 4px 2px 14px;
}
.charsheet .weapons .display .name {
  font-weight: bold;
}
.charsheet .skill-container,
.charsheet .skills-repeating .repcontainer {
  display: grid;
  grid: auto/1fr 1fr;
  grid-gap: 4px 1%;
}
.charsheet .skill {
  position: relative;
}
.charsheet .skill .display,
.charsheet .skill .edit {
  border: 1px solid;
  padding: 2px 4px;
  height: 100%;
}
.charsheet .skill .display {
  font-weight: bold;
  font-size: 1.1em;
}
.charsheet .skill .display .dice[value="3d6d1"] + .name::after {
  content: "3d6";
}
.charsheet .skill .display .dice[value="4d6d2"] + .name::after {
  content: "4d6";
}
.charsheet .skill .display .name {
  margin-right: auto;
}
.charsheet .skill .display .name::after {
  font-size: 0.7em;
  font-weight: normal;
  margin-left: 2px;
  vertical-align: super;
}
.charsheet .skill .display .query {
  background: transparent;
  border-color: transparent;
  color: inherit;
  flex-shrink: 0;
  height: 18px;
  line-height: 16px;
  margin: 0 2px;
  outline: none;
  padding: 0;
  position: relative;
  width: 55px;
  z-index: 2;
}
.charsheet .skill:not(:hover) .display .query:not(:focus) {
  display: none;
}
.charsheet .skill .skills-query-display {
  margin: 0 3px;
  flex-shrink: 0;
  font-weight: normal;
}
.charsheet .skill .edit input[type=text].name {
  width: 100%;
  margin-bottom: 2px;
}
.charsheet .skill .edit div.name {
  flex-grow: 1;
  width: 0;
  padding: 1px 2px;
}
.charsheet .skill .edit .level {
  margin: 0 2px;
  padding: 1px 2px;
  width: 40px;
}
.charsheet .skill .edit .query {
  width: 50px;
}
.charsheet .skill .edit .dice {
  width: 35px;
}
.charsheet .skill .edit.flex-wrap select,
.charsheet .skill .edit.flex-wrap input {
  flex-grow: 1;
}
.charsheet .skill.skill-points {
  margin-top: 4px;
}
.charsheet .skill.skill-points .display {
  font-size: 1.1em;
  font-weight: bold;
  width: 100%;
}
.charsheet .skill.skill-points .name {
  flex-grow: 0;
  margin-right: auto;
  width: auto;
  padding: 0 4px;
}
.charsheet .skill.skill-points .edit .level {
  margin: 0;
}
.charsheet .skill-blurb {
  font-style: italic;
  margin-top: 3px;
  text-align: center;
}
.charsheet .input-details:not([value="0"]) ~ div .notdetails {
  display: none;
}
.charsheet .psionics-effort {
  align-items: center;
  display: grid;
  grid-column-gap: 4px;
  grid: auto/auto 45px 45px 45px 45px 80px;
  margin-top: 5px;
}
.charsheet .psionics-effort h3 {
  line-height: 1;
}
.charsheet .techniques .display .discipline {
  margin-left: auto;
}
.charsheet .techniques .edit .discipline {
  margin-left: 5px;
  width: 90px;
}
.charsheet .magic-effort {
  display: grid;
  grid: auto/auto repeat(4, 45px) 80px;
  align-items: center;
  grid-column-gap: 4px;
  margin-top: 5px;
}
.charsheet .magic-effort h3 {
  line-height: 1;
}
.charsheet .invoker {
  grid-template-columns: 1fr 50%;
}
.charsheet .spells .spells-header {
  grid-template-columns: 2fr repeat(3, 1fr);
}
.charsheet .spells .spell-grid {
  grid-template-columns: 1fr repeat(3, 5em);
}
.charsheet .spells .spell-grid .damage,
.charsheet .spells .spell-grid .level,
.charsheet .spells .spell-grid .prepared {
  text-align: center;
}
.charsheet .spells .edit input {
  width: 100%;
}
.charsheet .spells .display .name {
  padding-right: 25px;
  padding-bottom: 1px;
}
.charsheet .spells .display span.prepared {
  margin: 0 4px 0 auto;
}
.charsheet .spells .display input[type=number].prepared {
  padding: 0 4px;
  position: relative;
  z-index: 2;
}
.charsheet .spell-slots {
  align-items: center;
  display: grid;
  grid-column-gap: 4px;
  grid: auto/auto repeat(5, 55px);
  margin-top: 5px;
}
.charsheet .spell-slots h3 {
  line-height: 1;
}
.charsheet .magic-type:not([value=adept]) ~ div .adept, .charsheet .magic-type:not([value=magister]) ~ div .magister, .charsheet .magic-type:not([value=arcanist]) ~ div .arcanist, .charsheet .magic-type[value=adept] ~ div .spellcaster {
  display: none;
}
.charsheet .magical-arts .effort-grid {
  grid-template-columns: 3em repeat(4, 1fr);
}
.charsheet .space-magic .spells .display .name,
.charsheet .magic .spells .display .name {
  grid-template-columns: 1fr auto auto;
}
.charsheet .ai-processing {
  display: grid;
  grid: auto/auto 45px 45px 45px 45px 80px;
  align-items: center;
  grid-column-gap: 4px;
}
.charsheet .ai-processing h3 {
  line-height: 1;
}
.charsheet .ai-processing-nodes .nodes-grid {
  grid: auto/65px 65px 1fr;
}
.charsheet .ai-setting:not([value=ai]) ~ .ai-enabled,
.charsheet .ai-setting[value=ai] ~ .core .ai-disabled {
  display: none;
}
.charsheet .ai-setting[value=ai] ~ .column .ai-enabled {
  display: block;
}
.charsheet .foci-loc[value=left] ~ .column .foci-right, .charsheet .foci-loc[value=right] ~ .column .foci-left {
  display: none;
}
.charsheet .foci .details-button,
.charsheet .edge .details-button {
  position: relative;
  z-index: 2;
}
.charsheet .foci .class-ability,
.charsheet .edge .class-ability {
  position: relative;
}
.charsheet .foci .class-ability .edit .name,
.charsheet .edge .class-ability .edit .name {
  font-weight: bold;
  font-size: 1.1em;
  border-bottom: 1px solid;
}
.charsheet .foci .class-ability .name,
.charsheet .foci .class-ability .edit textarea,
.charsheet .foci .class-ability .display,
.charsheet .edge .class-ability .name,
.charsheet .edge .class-ability .edit textarea,
.charsheet .edge .class-ability .display {
  margin-bottom: 3px;
}
.charsheet .foci .edit .name,
.charsheet .edge .edit .name {
  flex-grow: 1;
}
.charsheet .foci .edit .level,
.charsheet .edge .edit .level {
  margin-left: 3px;
  width: 60px;
}
.charsheet .foci .display .level,
.charsheet .edge .display .level {
  margin-left: auto;
}
.charsheet .armor input[name=attr_armor_active] {
  left: 35%;
  position: absolute;
  z-index: 10;
}
.charsheet .armor .armor-grid {
  grid: auto/40px 1fr 40px;
}
.charsheet .armor .details div,
.charsheet .armor .details label {
  grid-column: 2/-1;
}
.charsheet .armor .details .display {
  line-height: 1.3;
}
.charsheet .readied-stowed {
  display: grid;
  align-items: center;
}
.charsheet .cyberdeck .cyberdeck-grid {
  grid-template-columns: 1fr repeat(4, 40px);
}
.charsheet .cyberware h3 {
  margin: 5px 0;
}
.charsheet .cyberware .edit {
  flex-wrap: wrap;
}
.charsheet .cyberware .edit > span {
  margin: 0 3px;
}
.charsheet .cyberware .edit .name-row {
  grid-template-columns: 2fr 1fr;
}
.charsheet .equipment input[name=attr_gear_bundled] {
  position: absolute;
  z-index: 10;
}
.charsheet .equipment .repcontainer[data-groupname=repeating_weapons] + .repcontrol {
  display: none;
}
.charsheet .equipment .gear-grid {
  grid: auto/40px minmax(130px, 1fr) 40px 70px 40px;
}
.charsheet .equipment .other h3 {
  margin-bottom: 5px;
}
.charsheet .equipment .other-gear {
  height: 100px;
}
.charsheet .misc .text-input input {
  padding-left: 2px;
}
.charsheet .misc .repitem {
  margin-bottom: 2px;
}
.charsheet .misc .goal {
  grid-template-columns: 1fr 15%;
}
.charsheet .misc .xp {
  width: 50px;
}
.charsheet .misc .goal-lang,
.charsheet .misc .proj-ally {
  grid-template-columns: 2fr 1fr;
}
.charsheet .misc .projects .name,
.charsheet .misc .lifestyle .name {
  grid-template-columns: 1fr 15%;
}
.charsheet .misc .allies .subheaders {
  grid-template-columns: 2fr 1.5fr 1fr;
}
.charsheet .ship {
  margin-top: -20px;
  grid: auto/4fr 3fr 2fr;
}
.charsheet .ship .menus h3 {
  line-height: 1;
}
.charsheet .ship .menus button[type=roll].btn {
  font-size: 0.9em;
  line-height: 1;
}
.charsheet .ship .type {
  padding: 5px 8px;
}
.charsheet .ship .type h3 {
  line-height: 1;
}
.charsheet .ship .type select {
  background: transparent;
  height: 20px;
  width: 80px;
}
.charsheet .ship .info {
  flex-wrap: wrap;
}
.charsheet .ship .info .text-input {
  margin-bottom: 3px;
}
.charsheet .ship .data {
  display: grid;
  grid: auto/repeat(6, 1fr);
}
.charsheet .ship .data .text-input,
.charsheet .ship .data .text-input input[type=number] {
  text-align: center;
}
.charsheet .ship .data .duo {
  grid-column-start: 1;
  grid-column-end: 3;
}
.charsheet .ship .trio {
  grid-column-start: 3;
  grid-column-end: 7;
  grid: auto/0 1fr 5px 1fr 5px 1fr 0;
}
.charsheet .ship .duo {
  grid: auto/0 1fr 5px 1fr 0;
}
.charsheet .ship .stats {
  display: grid;
  grid: auto/1fr 1fr;
}
.charsheet .ship .repcontainer {
  display: grid;
  grid-row-gap: 3px;
}
.charsheet .ship .repitem,
.charsheet .ship .repitem .edit,
.charsheet .ship .repitem .display {
  width: 100%;
}
.charsheet .ship .grey-box-bordered {
  padding-right: 0;
}
.charsheet .ship .ship-weapons .edit .name {
  width: calc(100% - 200px);
}
.charsheet .ship .ship-weapons .edit .damage {
  width: 65px;
}
.charsheet .ship .ship-weapons .edit .duo {
  width: 80px;
}
.charsheet .ship .ship-weapons .edit .qualities {
  width: calc(100% - 195px);
}
.charsheet .ship .ship-weapons .edit .range {
  width: 70px;
}
.charsheet .ship .ship-weapons .display {
  text-indent: -10px;
  padding-left: 14px;
}
.charsheet .ship .ship-defenses .edit .name,
.charsheet .ship .ship-defenses .edit .effect,
.charsheet .ship .ship-fitting .edit .name,
.charsheet .ship .ship-fitting .edit .effect {
  flex: 1 1 auto;
  width: 0;
}
.charsheet .ship .ship-defenses .display,
.charsheet .ship .ship-fitting .display {
  text-indent: -10px;
  padding: 2px 4px 2px 14px;
}
.charsheet .ship .edit .broken {
  width: 50px;
}
.charsheet .ship .edit .number {
  width: 50px;
}
.charsheet .ship .display .name {
  font-weight: bold;
}
.charsheet .ship .display .broken {
  text-transform: uppercase;
}
.charsheet .ship .display .description {
  font-style: italic;
}
.charsheet .ship .input-type[value=SHIP] ~ div .vehicle-type:not(.vehicle-type-ship),
.charsheet .ship .input-type[value=MECH] ~ div .vehicle-type:not(.vehicle-type-mech),
.charsheet .ship .input-type[value=VEHICLE] ~ div .vehicle-type:not(.vehicle-type-custom) {
  display: none;
}
.editmode[value="0"] ~ .charsheet .ship .ship-defenses,
.editmode[value="0"] ~ .charsheet .ship .ship-fitting {
  padding: 3px 0;
}
.charsheet .npc {
  grid: auto/3fr 0.8fr 2.2fr;
}
.charsheet .npc .input-individual-hide:not([value="1"]) ~ .rolls .individual-hide {
  display: none;
}
.charsheet .npc .menus h3 {
  line-height: 1;
}
.charsheet .npc .menus button[type=roll].btn {
  line-height: 1;
}
.charsheet .npc .npc-abilities .name {
  grid-template-columns: 1.5fr 1fr;
}
.charsheet .npc .individual-hide input[type=checkbox] {
  margin-right: 2px;
}
.charsheet .npc .npc-rep-header {
  margin: 4px;
}
.charsheet .npc .rolls > :first-child {
  margin-bottom: 5px;
}
.charsheet .npc .npc-checkbox {
  font-size: 0.9em;
}
.charsheet .npc .npc-checkbox span {
  vertical-align: middle;
  margin-right: 4px;
}
.charsheet .npc .repcontainer {
  display: grid;
  grid-gap: 3px;
}
.charsheet .npc .full-attacks {
  margin: 0 6px 0 auto;
}
.charsheet .npc .grey-box-bordered {
  padding-right: 1px;
}
.charsheet .npc .npc-attacks .edit .name {
  grid-template-columns: 2fr repeat(3, 1fr);
}
.charsheet .npc .npc-attacks .display {
  font-size: 1.1em;
  font-weight: bold;
  padding: 4px 8px;
}
.charsheet .npc .npc-attacks .display .range[value="0"] + span {
  display: none;
}
.charsheet .npc .npc-attacks .display .attacks[value="1"] + span {
  display: none;
}
.charsheet .npc .npc-attacks .display .attacks {
  text-transform: lowercase;
}
.charsheet .npc .npc-abilities .npc-checkbox {
  margin-left: auto;
}
.charsheet .npc .npc-abilities .display .name {
  font-weight: bold;
}
.charsheet .npc .npc-abilities .display .description {
  font-style: italic;
}
.charsheet .drone {
  display: grid;
  grid: 86px 1fr/1fr 1fr;
  grid-gap: 5px;
  align-items: start;
  border-top: 1px solid #555;
  padding: 2px 5px;
}
.charsheet .drone .name-row {
  grid-template-columns: 2fr 1fr;
}
.charsheet .drone .fittings .name {
  font-weight: bold;
}
.charsheet .drone .fittings .name:not(:empty)::after {
  content: ". ";
}
.charsheet .drone .fittings .desc {
  font-style: italic;
}
.charsheet .drone .fittings .display {
  margin-bottom: 3px;
}
.charsheet .drone .fitting-grid {
  grid: auto/0.8fr 1.2fr;
}
.charsheet .drone .num-fittings[value="1"] ~ .fitting-5, .charsheet .drone .num-fittings[value="2"] ~ .fitting-5, .charsheet .drone .num-fittings[value="3"] ~ .fitting-5, .charsheet .drone .num-fittings[value="4"] ~ .fitting-5 {
  display: none;
}
.charsheet .drone .num-fittings[value="1"] ~ .fitting-4, .charsheet .drone .num-fittings[value="2"] ~ .fitting-4, .charsheet .drone .num-fittings[value="3"] ~ .fitting-4 {
  display: none;
}
.charsheet .drone .num-fittings[value="1"] ~ .fitting-3, .charsheet .drone .num-fittings[value="2"] ~ .fitting-3 {
  display: none;
}
.charsheet .drone .num-fittings[value="1"] ~ .fitting-2 {
  display: none;
}
.charsheet .drone .weapon-grid {
  grid: auto/35px 1fr 50px 60px 35px 70px;
}
.charsheet .drone .weapon {
  position: relative;
}
.charsheet .drone .weapon .name {
  font-weight: bold;
}
.charsheet .drone .weapon .display {
  margin-right: 4px;
}
.charsheet .drone .weapon .display div::after {
  content: ",";
}
.editmode[value="0"] ~ .content .charsheet .drone .drone-weapons {
  display: flex;
  flex-wrap: wrap;
}
.charsheet .vehicle {
  padding: 2px 5px;
}
.charsheet .cyberdeck button[type=roll].swn,
.charsheet button[type=roll].wwn,
.charsheet button[type=roll].cwn {
  display: none;
}
.charsheet .swn {
  display: none;
}
.charsheet input[name=attr_system][value=revised] ~ div .swn,
.charsheet input[name=attr_system][value=revised] ~ button[type=roll].swn {
  display: block;
}
.charsheet input[name=attr_system][value=revised] ~ div .flex.swn {
  display: flex;
}
.charsheet input[name=attr_system][value=revised] ~ div .grid.swn {
  display: grid;
}
.charsheet .wwn {
  display: none;
}
.charsheet input[name=attr_system][value=wwn] ~ div .wwn,
.charsheet input[name=attr_system][value=wwn] ~ button[type=roll].wwn {
  display: block;
}
.charsheet input[name=attr_system][value=wwn] ~ div .flex.wwn {
  display: flex;
}
.charsheet input[name=attr_system][value=wwn] ~ div .grid.wwn {
  display: grid;
}
.charsheet .cwn {
  display: none;
}
.charsheet input[name=attr_system][value=cwn] ~ div .cwn,
.charsheet input[name=attr_system][value=cwn] ~ button[type=roll].cwn {
  display: block;
}
.charsheet input[name=attr_system][value=cwn] ~ div .flex.cwn {
  display: flex;
}
.charsheet input[name=attr_system][value=cwn] ~ div .grid.cwn {
  display: grid;
}
.charsheet .neither {
  display: none;
}
.charsheet input[name=attr_system][value=neither] ~ div .neither,
.charsheet input[name=attr_system][value=neither] ~ button[type=roll].neither {
  display: block;
}
.charsheet input[name=attr_system][value=neither] ~ div .flex.neither {
  display: flex;
}
.charsheet input[name=attr_system][value=neither] ~ div .grid.neither {
  display: grid;
}
.charsheet .space_magic {
  display: none;
}
.charsheet .magic {
  display: none;
}
.charsheet .psionics {
  display: none;
}
.charsheet .cyberware {
  display: none;
}
.charsheet .cyberdeck {
  display: none;
}
.charsheet .magical_arts {
  display: none;
}
.charsheet .legate {
  display: none;
}
.charsheet .invoker {
  display: none;
}
.charsheet .graced {
  display: none;
}
.charsheet input[name=attr_subsystem_space_magic][value=space_magic] ~ div .space_magic,
.charsheet input[name=attr_subsystem_space_magic][value=space_magic] ~ button[type=roll].space_magic {
  display: block;
}
.charsheet input[name=attr_subsystem_space_magic][value=space_magic] ~ div .flex.space_magic {
  display: flex;
}
.charsheet input[name=attr_subsystem_space_magic][value=space_magic] ~ div .grid.space_magic {
  display: grid;
}
.charsheet input[name=attr_subsystem_magic][value=magic] ~ div .magic,
.charsheet input[name=attr_subsystem_magic][value=magic] ~ button[type=roll].magic {
  display: block;
}
.charsheet input[name=attr_subsystem_magic][value=magic] ~ div .flex.magic {
  display: flex;
}
.charsheet input[name=attr_subsystem_magic][value=magic] ~ div .grid.magic {
  display: grid;
}
.charsheet input[name=attr_subsystem_psionics][value=psionics] ~ div .psionics,
.charsheet input[name=attr_subsystem_psionics][value=psionics] ~ button[type=roll].psionics {
  display: block;
}
.charsheet input[name=attr_subsystem_psionics][value=psionics] ~ div .flex.psionics {
  display: flex;
}
.charsheet input[name=attr_subsystem_psionics][value=psionics] ~ div .grid.psionics {
  display: grid;
}
.charsheet input[name=attr_subsystem_cyberware][value=cyberware] ~ div .cyberware,
.charsheet input[name=attr_subsystem_cyberware][value=cyberware] ~ button[type=roll].cyberware {
  display: block;
}
.charsheet input[name=attr_subsystem_cyberware][value=cyberware] ~ div .flex.cyberware {
  display: flex;
}
.charsheet input[name=attr_subsystem_cyberware][value=cyberware] ~ div .grid.cyberware {
  display: grid;
}
.charsheet input[name=attr_subsystem_cyberdeck][value=cyberdeck] ~ div .cyberdeck,
.charsheet input[name=attr_subsystem_cyberdeck][value=cyberdeck] ~ button[type=roll].cyberdeck {
  display: block;
}
.charsheet input[name=attr_subsystem_cyberdeck][value=cyberdeck] ~ div .flex.cyberdeck {
  display: flex;
}
.charsheet input[name=attr_subsystem_cyberdeck][value=cyberdeck] ~ div .grid.cyberdeck {
  display: grid;
}
.charsheet input[name=attr_subsystem_magical_arts][value=magical_arts] ~ div .magical_arts,
.charsheet input[name=attr_subsystem_magical_arts][value=magical_arts] ~ button[type=roll].magical_arts {
  display: block;
}
.charsheet input[name=attr_subsystem_magical_arts][value=magical_arts] ~ div .flex.magical_arts {
  display: flex;
}
.charsheet input[name=attr_subsystem_magical_arts][value=magical_arts] ~ div .grid.magical_arts {
  display: grid;
}
.charsheet input[name=attr_subsystem_legate][value=legate] ~ div .legate,
.charsheet input[name=attr_subsystem_legate][value=legate] ~ button[type=roll].legate {
  display: block;
}
.charsheet input[name=attr_subsystem_legate][value=legate] ~ div .flex.legate {
  display: flex;
}
.charsheet input[name=attr_subsystem_legate][value=legate] ~ div .grid.legate {
  display: grid;
}
.charsheet input[name=attr_subsystem_invoker][value=invoker] ~ div .invoker,
.charsheet input[name=attr_subsystem_invoker][value=invoker] ~ button[type=roll].invoker {
  display: block;
}
.charsheet input[name=attr_subsystem_invoker][value=invoker] ~ div .flex.invoker {
  display: flex;
}
.charsheet input[name=attr_subsystem_invoker][value=invoker] ~ div .grid.invoker {
  display: grid;
}
.charsheet input[name=attr_subsystem_graced][value=graced] ~ div .graced,
.charsheet input[name=attr_subsystem_graced][value=graced] ~ button[type=roll].graced {
  display: block;
}
.charsheet input[name=attr_subsystem_graced][value=graced] ~ div .flex.graced {
  display: flex;
}
.charsheet input[name=attr_subsystem_graced][value=graced] ~ div .grid.graced {
  display: grid;
}
.charsheet input[name=attr_subsystem_invoker][value=invoker] ~ div .magic,
.charsheet input[name=attr_subsystem_invoker][value=invoker] ~ button[type=roll].magic {
  display: block;
}
.charsheet input[name=attr_subsystem_invoker][value=invoker] ~ div .magic .spell-slots {
  display: none;
}

.charsheet {
  background-color: #f9fafb;
  color: #111827;
}
.charsheet textarea,
.charsheet input[type=text],
.charsheet input[type=number],
.charsheet h2,
.charsheet select {
  color: #111827;
}
.charsheet h1 {
  background-color: #6b7280;
}
.charsheet .repcontrol button,
.charsheet button[type=roll].btn {
  background: #1d4ed8;
}
.charsheet button[type=roll].invisible-button:hover ~ div:not(.no-highlight) {
  color: #1d4ed8;
  border-color: #1d4ed8;
}
.charsheet .editmode[value="1"] ~ .content,
.charsheet .editmode[value="1"] ~ .header,
.charsheet .editmode[value="1"] ~ .settings,
.charsheet .editmode[value="1"] ~ .tabs {
  border-color: #fde047;
}
.charsheet .editmode[value="1"] ~ div .edit-button {
  background-color: #fde047;
}
.charsheet .core-box-text,
.charsheet .core-box,
.charsheet .grey-box,
.charsheet .grey-box-bordered,
.charsheet .api,
.charsheet .editmode[value="0"] ~ .ship-defenses,
.charsheet .editmode[value="0"] ~ .ship-fitting {
  background-color: #f3f4f6;
}
.charsheet .focusinfo .details {
  background-color: #f9fafb;
}
.charsheet button[type=roll].btn:hover,
.charsheet .header .npc-chooser input:not(:checked) ~ .pc-label,
.charsheet .header .npc-chooser input:checked ~ .npc-label,
.charsheet .tabs input:checked + span {
  background-color: #1e3a8a;
}
.charsheet h1::after,
.charsheet .header .npc-chooser input:checked ~ .pc-label,
.charsheet .header .npc-chooser input:not(:checked) ~ .npc-label,
.charsheet .tabs input + span,
.charsheet .chevron {
  background-color: #1d4ed8;
}
.charsheet .skill .skill-points .name {
  background-color: #111827;
}
.charsheet .weapons .repitem:nth-child(odd) .display:nth-of-type(4n + 1), .charsheet .weapons .repitem:nth-child(odd) .display:nth-of-type(4n + 2),
.charsheet .repcontainer[data-groupname=repeating_skills] .repitem:nth-of-type(4n + 1),
.charsheet .repcontainer[data-groupname=repeating_skills] .repitem:nth-of-type(4n + 2) {
  background-color: #d1d5db;
}
.charsheet .skill-container div:nth-of-type(4n + 1) .skill,
.charsheet .skill-container div:nth-of-type(4n + 2) .skill {
  background-color: #d1d5db;
}
.charsheet h2,
.charsheet .display,
.charsheet .foci .class-ability .edit .name,
.charsheet .focusinfo .details,
.charsheet .footer,
.charsheet .grey-box-bordered,
.charsheet .simple-repsection .display .name,
.charsheet .spells > .flex,
.charsheet .table-header > div,
.charsheet .tabs,
.charsheet .text-input .label,
.charsheet .weapons .display {
  border-color: #d1d5db;
}
.charsheet .header .settings-gear input + span,
.charsheet .header .edit-button input + span,
.charsheet .text-input .label,
.charsheet .text-input.trio > span,
.charsheet .text-input.duo > span {
  color: #111827;
}
.charsheet h3,
.charsheet .footer,
.charsheet .text-input,
.charsheet .table-header {
  color: #4b5563;
}
.charsheet .header .settings-gear input:checked + span,
.charsheet .header .edit-button input:checked + span {
  color: #1d4ed8;
}
.charsheet .text-input input[type=text],
.charsheet .text-input input[type=number],
.charsheet .text-input textarea,
.charsheet .text-input select {
  color: #1e3a8a;
}
.charsheet h1,
.charsheet button[type=roll].btn,
.charsheet .header .npc-chooser,
.charsheet .tabs label,
.charsheet .skill .skill-points .name,
.charsheet .repcontrol button {
  color: #f9fafb;
}
.charsheet .strain-above-max[value="1"] ~ div .total-strain,
.charsheet .ship .broken,
.charsheet .readied-stowed .input-gear-over[value="1"] + .text-input input:first-child,
.charsheet .ship .input-color-negative[value^="-"] + .text-input input:first-child {
  color: #b91c1c;
}
.charsheet input[name=attr_system][value=wwn] ~ .tabs input:checked + span,
.charsheet input[name=attr_system][value=wwn] ~ .tabs input:checked + span,
.charsheet input[name=attr_system][value=wwn] ~ .header .npc-chooser input:not(:checked) ~ .pc-label,
.charsheet input[name=attr_system][value=wwn] ~ .header .npc-chooser input:checked ~ .npc-label {
  background-color: #713f12;
}
.charsheet input[name=attr_system][value=wwn] ~ .tabs input + span,
.charsheet input[name=attr_system][value=wwn] ~ .header .npc-chooser input:checked ~ .pc-label,
.charsheet input[name=attr_system][value=wwn] ~ .header .npc-chooser input:not(:checked) ~ .npc-label {
  background-color: #ca8a04;
}
.charsheet input[name=attr_system][value=wwn] ~ .header .settings-gear input:checked + span,
.charsheet input[name=attr_system][value=wwn] ~ .header .edit-button input:checked + span {
  color: #ca8a04;
}
.charsheet input[name=attr_system][value=wwn] ~ div h1 {
  background-color: #052e16;
}
.charsheet input[name=attr_system][value=wwn] ~ div .repcontrol button,
.charsheet input[name=attr_system][value=wwn] ~ div button[type=roll].btn {
  background: #ca8a04;
}
.charsheet input[name=attr_system][value=wwn] ~ div button[type=roll].invisible-button:hover ~ div:not(.no-highlight) {
  color: #713f12;
  border-color: #713f12;
}
.charsheet input[name=attr_system][value=wwn] ~ div button[type=roll].btn:hover,
.charsheet input[name=attr_system][value=wwn] ~ div .tabs input:checked + span,
.charsheet input[name=attr_system][value=wwn] ~ div button[type=roll].btn:hover,
.charsheet input[name=attr_system][value=wwn] ~ div .tabs input:checked + span {
  background-color: #713f12;
}
.charsheet input[name=attr_system][value=wwn] ~ div h1::after,
.charsheet input[name=attr_system][value=wwn] ~ div .tabs input + span,
.charsheet input[name=attr_system][value=wwn] ~ div .chevron {
  background-color: #ca8a04;
}
.charsheet input[name=attr_system][value=wwn] ~ div .text-input input[type=text],
.charsheet input[name=attr_system][value=wwn] ~ div .text-input input[type=number],
.charsheet input[name=attr_system][value=wwn] ~ div .text-input textarea,
.charsheet input[name=attr_system][value=wwn] ~ div .text-input select {
  color: #713f12;
}
.charsheet input[name=attr_system][value=cwn] ~ .tabs input:checked + span,
.charsheet input[name=attr_system][value=cwn] ~ .tabs input:checked + span,
.charsheet input[name=attr_system][value=cwn] ~ .header .npc-chooser input:not(:checked) ~ .pc-label,
.charsheet input[name=attr_system][value=cwn] ~ .header .npc-chooser input:checked ~ .npc-label {
  background-color: #3b0764;
}
.charsheet input[name=attr_system][value=cwn] ~ .tabs input + span,
.charsheet input[name=attr_system][value=cwn] ~ .header .npc-chooser input:checked ~ .pc-label,
.charsheet input[name=attr_system][value=cwn] ~ .header .npc-chooser input:not(:checked) ~ .npc-label {
  background-color: #9333ea;
}
.charsheet input[name=attr_system][value=cwn] ~ .header .settings-gear input:checked + span,
.charsheet input[name=attr_system][value=cwn] ~ .header .edit-button input:checked + span {
  color: #9333ea;
}
.charsheet input[name=attr_system][value=cwn] ~ div h1 {
  background-color: #111827;
}
.charsheet input[name=attr_system][value=cwn] ~ div .repcontrol button,
.charsheet input[name=attr_system][value=cwn] ~ div button[type=roll].btn {
  background: #9333ea;
}
.charsheet input[name=attr_system][value=cwn] ~ div button[type=roll].invisible-button:hover ~ div:not(.no-highlight) {
  color: #581c87;
  border-color: #581c87;
}
.charsheet input[name=attr_system][value=cwn] ~ div button[name*=roll_save] {
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  height: 2.5em;
  width: 2.5em;
}
.charsheet input[name=attr_system][value=cwn] ~ div button[type=roll].btn:hover,
.charsheet input[name=attr_system][value=cwn] ~ div .tabs input:checked + span {
  background-color: #581c87;
}
.charsheet input[name=attr_system][value=cwn] ~ div h1::after,
.charsheet input[name=attr_system][value=cwn] ~ div .tabs input + span,
.charsheet input[name=attr_system][value=cwn] ~ div .chevron {
  background-color: #9333ea;
}
.charsheet input[name=attr_system][value=cwn] ~ div .text-input input[type=text],
.charsheet input[name=attr_system][value=cwn] ~ div .text-input input[type=number],
.charsheet input[name=attr_system][value=cwn] ~ div .text-input textarea,
.charsheet input[name=attr_system][value=cwn] ~ div .text-input select {
  color: #581c87;
}
.charsheet input[name=attr_system][value=cwn] ~ div .armor-grid {
  grid: auto/40px 1fr repeat(4, 45px);
}