roll20-character-sheets-tester/Court Of Blades/CourtOfBlades.css

@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,500;0,700;1,500;1,700&display=swap"); /* ||
  Disables Roll20's styling where necessary
*/
.charsheet .court-of-blades .page {
  font-family: "EB Garamond", serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: black;
  z-index: -13;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 115px, transparent 115px), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Court%20Of%20Blades/Images/bg-web.png");
  background-repeat: repeat;
}
.charsheet .court-of-blades .page .hidden {
  display: none;
}
.charsheet .court-of-blades .page *,
.charsheet .court-of-blades .page div {
  box-sizing: border-box;
}
.charsheet .court-of-blades .page button {
  padding: 2px;
  font-size: 12px;
  margin: 0px;
  border: none;
  color: black;
}
.charsheet .court-of-blades .page button.button-action, .charsheet .court-of-blades .page button.button-attr {
  appearance: none;
  text-shadow: none;
  background: none;
  box-shadow: none;
}
.charsheet .court-of-blades .page button.button-attr {
  color: lightgray;
}
.charsheet .court-of-blades .page button[type=roll]::after,
.charsheet .court-of-blades .page button[type=roll]::before {
  content: none;
}
.charsheet .court-of-blades .page .itemcontrol {
  z-index: 2;
}
.charsheet .court-of-blades .page .itemcontrol .repcontrol_move {
  z-index: 5;
}
.charsheet .court-of-blades .page .repblock .repcontainer {
  display: block;
}
.charsheet .court-of-blades .page .repcol2 .repcontainer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
}
.charsheet .court-of-blades .page .repcol3 .repcontainer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
}
.charsheet .court-of-blades .page .repcontainer {
  display: flex;
}
.charsheet .court-of-blades .page .repcontrol {
  padding: 3px;
}
.charsheet .court-of-blades .page .item-list .repcontainer,
.charsheet .court-of-blades .page .contact-list .repcontainer,
.charsheet .court-of-blades .page .ability-list .repcontainer,
.charsheet .court-of-blades .page .xp-list .repcontainer {
  flex-direction: column;
}
.charsheet .court-of-blades .page ul {
  padding: 0;
  margin: 2px;
  list-style-type: none;
}
.charsheet .court-of-blades .page fieldset,
.charsheet .court-of-blades .page p,
.charsheet .court-of-blades .page select,
.charsheet .court-of-blades .page label,
.charsheet .court-of-blades .page textarea,
.charsheet .court-of-blades .page input {
  height: auto;
  width: 100%;
  padding: 0;
  margin: 0;
  border-color: none;
  border-style: none;
  border-width: 0;
  border: none;
  border-radius: 0;
  background: none;
  border-image: none;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  font-family: "EB Garamond", serif;
  color: black;
}
.charsheet .court-of-blades .page p,
.charsheet .court-of-blades .page label {
  width: auto;
}
.charsheet .court-of-blades .page img {
  width: min-content;
  max-width: min-content;
}
.charsheet .court-of-blades .page input:not([type=text]) {
  appearance: none;
  outline: none;
}
.charsheet .court-of-blades .page p {
  margin: 2px;
}
.charsheet .court-of-blades .page textarea {
  width: 100%;
  height: 100%;
  border: none;
  resize: vertical;
  color: black;
}
.charsheet .court-of-blades .page button.customsetting {
  margin: 2px 0px;
}
.charsheet .court-of-blades .page .b {
  font-weight: 700;
}
.charsheet .court-of-blades .page .i {
  font-style: italic;
}
.charsheet .court-of-blades .page select.customsetting {
  width: max-content;
}
.charsheet .court-of-blades .page input.customsetting {
  width: 10em;
}
.charsheet .court-of-blades .page input.attribute-for-label {
  display: inline;
  width: max-content;
}
.charsheet .court-of-blades .page .grid-gmturn-row input[type=text],
.charsheet .court-of-blades .page .grid-gmturn-row button {
  z-index: 5;
}

/* ||
  Classes for using grids

  Grid Items:
    gw-n	Sets the grid width (horizontal span) of the grid cell to n
    gh-n	Sets the grid height (vertical span) of the grid cell to n

  Grid Containers:
    grid	Sets the element as a grid container, using equal sizes columns and rows to n
    gtw-n	Sets the template width (columns) of the grid container to n
    gth-n	Sets the template height (rows) of the grid container to n
    gapw-n	Sets the grid gap width (row-width) of the grid container to n
    gaph-n	Sets the grid gap heigh (row-width) of the grid container to n
*/
.charsheet .court-of-blades .page .gw-1 {
  grid-column: span 1;
}
.charsheet .court-of-blades .page .gh-1 {
  grid-row: span 1;
}
.charsheet .court-of-blades .page .gtw-1 {
  grid-template-columns: repeat(1, minmax(1em, 1fr));
}
.charsheet .court-of-blades .page .gth-1 {
  grid-template-rows: repeat(1, minmax(1em, max-content));
}
.charsheet .court-of-blades .page .gw-2 {
  grid-column: span 2;
}
.charsheet .court-of-blades .page .gh-2 {
  grid-row: span 2;
}
.charsheet .court-of-blades .page .gtw-2 {
  grid-template-columns: repeat(2, minmax(1em, 1fr));
}
.charsheet .court-of-blades .page .gth-2 {
  grid-template-rows: repeat(2, minmax(1em, max-content));
}
.charsheet .court-of-blades .page .gw-3 {
  grid-column: span 3;
}
.charsheet .court-of-blades .page .gh-3 {
  grid-row: span 3;
}
.charsheet .court-of-blades .page .gtw-3 {
  grid-template-columns: repeat(3, minmax(1em, 1fr));
}
.charsheet .court-of-blades .page .gth-3 {
  grid-template-rows: repeat(3, minmax(1em, max-content));
}
.charsheet .court-of-blades .page .gw-4 {
  grid-column: span 4;
}
.charsheet .court-of-blades .page .gh-4 {
  grid-row: span 4;
}
.charsheet .court-of-blades .page .gtw-4 {
  grid-template-columns: repeat(4, minmax(1em, 1fr));
}
.charsheet .court-of-blades .page .gth-4 {
  grid-template-rows: repeat(4, minmax(1em, max-content));
}
.charsheet .court-of-blades .page .gw-5 {
  grid-column: span 5;
}
.charsheet .court-of-blades .page .gh-5 {
  grid-row: span 5;
}
.charsheet .court-of-blades .page .gtw-5 {
  grid-template-columns: repeat(5, minmax(1em, 1fr));
}
.charsheet .court-of-blades .page .gth-5 {
  grid-template-rows: repeat(5, minmax(1em, max-content));
}
.charsheet .court-of-blades .page .gw-6 {
  grid-column: span 6;
}
.charsheet .court-of-blades .page .gh-6 {
  grid-row: span 6;
}
.charsheet .court-of-blades .page .gtw-6 {
  grid-template-columns: repeat(6, minmax(1em, 1fr));
}
.charsheet .court-of-blades .page .gth-6 {
  grid-template-rows: repeat(6, minmax(1em, max-content));
}
.charsheet .court-of-blades .page .gw-7 {
  grid-column: span 7;
}
.charsheet .court-of-blades .page .gh-7 {
  grid-row: span 7;
}
.charsheet .court-of-blades .page .gtw-7 {
  grid-template-columns: repeat(7, minmax(1em, 1fr));
}
.charsheet .court-of-blades .page .gth-7 {
  grid-template-rows: repeat(7, minmax(1em, max-content));
}
.charsheet .court-of-blades .page .gw-8 {
  grid-column: span 8;
}
.charsheet .court-of-blades .page .gh-8 {
  grid-row: span 8;
}
.charsheet .court-of-blades .page .gtw-8 {
  grid-template-columns: repeat(8, minmax(1em, 1fr));
}
.charsheet .court-of-blades .page .gth-8 {
  grid-template-rows: repeat(8, minmax(1em, max-content));
}
.charsheet .court-of-blades .page .gw-9 {
  grid-column: span 9;
}
.charsheet .court-of-blades .page .gh-9 {
  grid-row: span 9;
}
.charsheet .court-of-blades .page .gtw-9 {
  grid-template-columns: repeat(9, minmax(1em, 1fr));
}
.charsheet .court-of-blades .page .gth-9 {
  grid-template-rows: repeat(9, minmax(1em, max-content));
}
.charsheet .court-of-blades .page .gw-10 {
  grid-column: span 10;
}
.charsheet .court-of-blades .page .gh-10 {
  grid-row: span 10;
}
.charsheet .court-of-blades .page .gtw-10 {
  grid-template-columns: repeat(10, minmax(1em, 1fr));
}
.charsheet .court-of-blades .page .gth-10 {
  grid-template-rows: repeat(10, minmax(1em, max-content));
}
.charsheet .court-of-blades .page .gw-11 {
  grid-column: span 11;
}
.charsheet .court-of-blades .page .gh-11 {
  grid-row: span 11;
}
.charsheet .court-of-blades .page .gtw-11 {
  grid-template-columns: repeat(11, minmax(1em, 1fr));
}
.charsheet .court-of-blades .page .gth-11 {
  grid-template-rows: repeat(11, minmax(1em, max-content));
}
.charsheet .court-of-blades .page .gw-12 {
  grid-column: span 12;
}
.charsheet .court-of-blades .page .gh-12 {
  grid-row: span 12;
}
.charsheet .court-of-blades .page .gtw-12 {
  grid-template-columns: repeat(12, minmax(1em, 1fr));
}
.charsheet .court-of-blades .page .gth-12 {
  grid-template-rows: repeat(12, minmax(1em, max-content));
}
.charsheet .court-of-blades .page .gw-13 {
  grid-column: span 13;
}
.charsheet .court-of-blades .page .gh-13 {
  grid-row: span 13;
}
.charsheet .court-of-blades .page .gtw-13 {
  grid-template-columns: repeat(13, minmax(1em, 1fr));
}
.charsheet .court-of-blades .page .gth-13 {
  grid-template-rows: repeat(13, minmax(1em, max-content));
}
.charsheet .court-of-blades .page .gw-14 {
  grid-column: span 14;
}
.charsheet .court-of-blades .page .gh-14 {
  grid-row: span 14;
}
.charsheet .court-of-blades .page .gtw-14 {
  grid-template-columns: repeat(14, minmax(1em, 1fr));
}
.charsheet .court-of-blades .page .gth-14 {
  grid-template-rows: repeat(14, minmax(1em, max-content));
}
.charsheet .court-of-blades .page .gw-15 {
  grid-column: span 15;
}
.charsheet .court-of-blades .page .gh-15 {
  grid-row: span 15;
}
.charsheet .court-of-blades .page .gtw-15 {
  grid-template-columns: repeat(15, minmax(1em, 1fr));
}
.charsheet .court-of-blades .page .gth-15 {
  grid-template-rows: repeat(15, minmax(1em, max-content));
}
.charsheet .court-of-blades .page .gw-16 {
  grid-column: span 16;
}
.charsheet .court-of-blades .page .gh-16 {
  grid-row: span 16;
}
.charsheet .court-of-blades .page .gtw-16 {
  grid-template-columns: repeat(16, minmax(1em, 1fr));
}
.charsheet .court-of-blades .page .gth-16 {
  grid-template-rows: repeat(16, minmax(1em, max-content));
}
.charsheet .court-of-blades .page .gw-17 {
  grid-column: span 17;
}
.charsheet .court-of-blades .page .gh-17 {
  grid-row: span 17;
}
.charsheet .court-of-blades .page .gtw-17 {
  grid-template-columns: repeat(17, minmax(1em, 1fr));
}
.charsheet .court-of-blades .page .gth-17 {
  grid-template-rows: repeat(17, minmax(1em, max-content));
}
.charsheet .court-of-blades .page .gw-18 {
  grid-column: span 18;
}
.charsheet .court-of-blades .page .gh-18 {
  grid-row: span 18;
}
.charsheet .court-of-blades .page .gtw-18 {
  grid-template-columns: repeat(18, minmax(1em, 1fr));
}
.charsheet .court-of-blades .page .gth-18 {
  grid-template-rows: repeat(18, minmax(1em, max-content));
}

.charsheet .court-of-blades .page .gapw-2 {
  column-gap: 2px;
}
.charsheet .court-of-blades .page .gaph-2 {
  row-gap: 2px;
}
.charsheet .court-of-blades .page .gapw-4 {
  column-gap: 4px;
}
.charsheet .court-of-blades .page .gaph-4 {
  row-gap: 4px;
}
.charsheet .court-of-blades .page .gapw-6 {
  column-gap: 6px;
}
.charsheet .court-of-blades .page .gaph-6 {
  row-gap: 6px;
}
.charsheet .court-of-blades .page .gapw-8 {
  column-gap: 8px;
}
.charsheet .court-of-blades .page .gaph-8 {
  row-gap: 8px;
}
.charsheet .court-of-blades .page .gapw-10 {
  column-gap: 10px;
}
.charsheet .court-of-blades .page .gaph-10 {
  row-gap: 10px;
}

.charsheet .court-of-blades .page .grid {
  display: grid;
  grid-auto-flow: row;
  width: auto;
  place-self: stretch;
  grid-auto-rows: minmax(1em, max-content);
  z-index: auto;
}

/* ||
  A series of grids with differently sized columns.
  For grids with columns with equal widths, use .grid, .gth, and .gitw.
*/
.charsheet .court-of-blades .page .grid-ability-row {
  display: grid;
  grid-template-columns: 1.5em 1fr;
}
.charsheet .court-of-blades .page .grid-ability-row-named {
  display: grid;
  grid-template-columns: 1.5em 3fr 7fr;
}
.charsheet .court-of-blades .page .grid-stat-row {
  display: grid;
  grid-template-columns: auto 1fr;
  margin: -2px 0px;
}
.charsheet .court-of-blades .page .grid-favor-row {
  display: grid;
  grid-template-columns: 1fr max-content max-content 1fr;
  justify-items: center;
  padding-bottom: 5px;
}
.charsheet .court-of-blades .page .grid-gmturn-row {
  display: grid;
  grid-template-columns: 200px 135px 1fr 370px;
  column-gap: 10px;
}
.charsheet .court-of-blades .page .grid-gmnotes {
  display: grid;
  grid-template-columns: 1fr 575px;
  column-gap: 6px;
}
.charsheet .court-of-blades .page .grid-favoured-contact {
  display: grid;
  grid-template-columns: max-content 1fr max-content;
}
.charsheet .court-of-blades .page .grid-faction-row {
  display: grid;
  grid-template-columns: 48px 1fr 64px;
}
.charsheet .court-of-blades .page .grid-faction-row select {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.charsheet .court-of-blades .page .grid-faction-row .titlebox-title {
  font-size: 24px;
  line-height: 28px;
  padding: 0px;
  padding-top: 8px;
}
.charsheet .court-of-blades .page .grid-faction-row input[type=text]:not(.titlebox-title) {
  font-size: 16px;
  height: 100%;
  text-align: left;
  vertical-align: middle;
}
.charsheet .court-of-blades .page .grid-xp-row {
  display: grid;
  grid-template-columns: 1em 1fr;
}
.charsheet .court-of-blades .page .grid-paramour {
  display: grid;
  grid-template-columns: auto 1fr max-content;
}
.charsheet .court-of-blades .page .grid-harm {
  grid-template-columns: auto 40px/15px auto auto 40px;
}
.charsheet .court-of-blades .page .grid-harm textarea {
  height: 100%;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  color: rgb(200, 0, 0);
  resize: none;
}

/* ||
  Various classes used for formatting
*/
.charsheet .court-of-blades .page .ability-label {
  font-weight: bold;
  text-transform: uppercase;
}
.charsheet .court-of-blades .page .round-borders {
  border-radius: 1em;
}
.charsheet .court-of-blades .page .round-borders-top {
  border-top-right-radius: 1em;
  border-top-left-radius: 1em;
}
.charsheet .court-of-blades .page .round-borders-bottom {
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
}
.charsheet .court-of-blades .page .xp-bullet {
  margin-top: 8px;
  margin-left: 5px;
}
.charsheet .court-of-blades .page .font-med {
  font-size: 18px;
  line-height: 20px;
}
.charsheet .court-of-blades .page input[type=text].mylabel,
.charsheet .court-of-blades .page textarea.mylabel {
  font-size: 14px;
}
.charsheet .court-of-blades .page textarea.mylabel {
  margin-top: 2px;
}
.charsheet .court-of-blades .page span.mylabel {
  vertical-align: middle;
  padding-left: 2px;
}
.charsheet .court-of-blades .page .paramour-name {
  height: 16px;
  align-self: end;
  font-size: 14px;
  line-height: 16px;
  border-bottom: 1px solid black;
}
.charsheet .court-of-blades .page .min-h {
  min-height: 2em;
}
.charsheet .court-of-blades .page .titlebox {
  z-index: 1;
}
.charsheet .court-of-blades .page .titlebox img {
  width: 400px;
  z-index: 3;
}
.charsheet .court-of-blades .page .upcase {
  text-transform: uppercase;
}
.charsheet .court-of-blades .page .downcase {
  text-transform: lowercase;
}
.charsheet .court-of-blades .page .capitalise {
  text-transform: capitalize;
}
.charsheet .court-of-blades .page .bordered {
  border: 1px solid black;
  border-collapse: collapse;
}
.charsheet .court-of-blades .page .border-bold-left {
  border-left: solid 3px black;
}
.charsheet .court-of-blades .page .border-bold-top {
  border-top: solid 3px black;
}
.charsheet .court-of-blades .page .border-bold-right {
  border-right: solid 3px black;
}
.charsheet .court-of-blades .page .border-bold-bottom {
  border-bottom: solid 3px black;
}
.charsheet .court-of-blades .page .bg-light {
  background-color: lightgray;
  z-index: 2;
}
.charsheet .court-of-blades .page .bg-med {
  background-color: #999999;
  z-index: 0;
}
.charsheet .court-of-blades .page .bg-black {
  background-color: black;
  color: white;
  z-index: 1;
}
.charsheet .court-of-blades .page .bg-white {
  background-color: white;
  color: black;
}
.charsheet .court-of-blades .page .notes {
  height: 100%;
}
.charsheet .court-of-blades .page .titlebox-subtitle {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  font-style: italic;
  text-align: center;
}
.charsheet .court-of-blades .page .border-left {
  border-left-style: solid;
  border-left-color: black;
  border-left-width: 1px;
}
.charsheet .court-of-blades .page .border-right {
  border-right-style: solid;
  border-right-color: black;
  border-right-width: 1px;
}
.charsheet .court-of-blades .page .border-top {
  border-top-style: solid;
  border-top-color: black;
  border-top-width: 1px;
}
.charsheet .court-of-blades .page input[type=text].border-bottom,
.charsheet .court-of-blades .page .border-bottom {
  border-bottom-style: solid;
  border-bottom-color: black;
  border-bottom-width: 1px;
}
.charsheet .court-of-blades .page .emphasis {
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
}
.charsheet .court-of-blades .page .skillname {
  background: #333333;
  color: lightgray;
  font-weight: 700;
  vertical-align: middle;
}
.charsheet .court-of-blades .page .heading {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
}
.charsheet .court-of-blades .page .logo-title {
  left: 40px;
  max-height: 50px;
  z-index: 3;
}
.charsheet .court-of-blades .page .titlebox-title {
  font-size: 48px;
  line-height: 61px;
  font-weight: 700;
  font-style: italic;
  text-align: center;
  padding: 8px 2px;
}
.charsheet .court-of-blades .page .full-width {
  width: 100%;
}
.charsheet .court-of-blades .page .paramourname {
  font-size: 20px;
  line-height: 22px;
  font-style: italic;
  font-weight: bold;
}
.charsheet .court-of-blades .page .pcdetail {
  vertical-align: bottom;
  background: none;
  min-height: 2em;
  font-size: 20px;
  line-height: 22px;
  width: 100%;
  padding-top: 8px;
  border-bottom-style: solid;
  border-bottom-color: black;
  border-bottom-width: 1px;
}
.charsheet .court-of-blades .page .stat-grid {
  grid-column-gap: 1px;
  grid-row-gap: 4px;
}
.charsheet .court-of-blades .page .row-cb-holder {
  margin-top: 1px;
}
.charsheet .court-of-blades .page .xptriggers input {
  width: 100%;
}
.charsheet .court-of-blades .page .item-boxes {
  display: none;
  align-items: center;
}
.charsheet .court-of-blades .page .item-boxes input {
  display: none;
}
.charsheet .court-of-blades .page .item-show-size[value="0"] ~ input, .charsheet .court-of-blades .page .item-show-size[value="0"] ~ .item-boxes,
.charsheet .court-of-blades .page .item-show-style[value="0"] ~ input,
.charsheet .court-of-blades .page .item-show-style[value="0"] ~ .item-boxes {
  display: none;
}
.charsheet .court-of-blades .page .item-show-size[value="0"] ~ .item-style-selector, .charsheet .court-of-blades .page .item-show-size[value="0"] ~ .item-size-selector,
.charsheet .court-of-blades .page .item-show-style[value="0"] ~ .item-style-selector,
.charsheet .court-of-blades .page .item-show-style[value="0"] ~ .item-size-selector {
  display: flex;
}
.charsheet .court-of-blades .page .item-show-size:not([value="0"]) + .item-show-style:not([value="0"]) ~ .item-name, .charsheet .court-of-blades .page .item-show-size:not([value="0"]) + .item-show-style:not([value="0"]) ~ .item-boxes {
  display: flex;
}
.charsheet .court-of-blades .page .item-show-size:not([value="0"]) + .item-show-style:not([value="0"]) ~ .item-style-selector, .charsheet .court-of-blades .page .item-show-size:not([value="0"]) + .item-show-style:not([value="0"]) ~ .item-size-selector {
  display: none;
}
.charsheet .court-of-blades .page .item-list .item-show-size[value="1"] ~ .item-boxes input:nth-child(1) {
  display: block;
}
.charsheet .court-of-blades .page .item-list .item-show-size[value="2"] ~ .item-boxes input:nth-child(1),
.charsheet .court-of-blades .page .item-list .item-show-size[value="2"] ~ .item-boxes input:nth-child(2) {
  display: block;
}
.charsheet .court-of-blades .page .item-list .item-show-size[value="3"] ~ .item-boxes input {
  display: block;
}
.charsheet .court-of-blades .page .item-list .item-show-style[value*=b] ~ .item-name {
  font-weight: bold;
}
.charsheet .court-of-blades .page .item-list .item-show-style[value*=i] ~ .item-name {
  font-style: italic;
}
.charsheet .court-of-blades .page .factionnotesheader {
  margin-top: 50px;
}
.charsheet .court-of-blades .page .factionnotesheader span {
  min-height: 10em;
}
.charsheet .court-of-blades .page .majorfactionlist input[type=text] {
  padding-left: 12px;
}

.charsheet .court-of-blades .page [class^=flex-],
.charsheet .court-of-blades .page [class*=" flex-"] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.charsheet .court-of-blades .page .flex-vert {
  flex-direction: column;
}
.charsheet .court-of-blades .page .flex-left {
  justify-content: flex-start;
}
.charsheet .court-of-blades .page .flex-right {
  justify-content: flex-end;
}
.charsheet .court-of-blades .page .flex-center {
  justify-content: center;
}
.charsheet .court-of-blades .page .flex-vert-center {
  align-items: center;
}
.charsheet .court-of-blades .page .flex-vert-bottom {
  align-items: flex-end;
}
.charsheet .court-of-blades .page .flex-spaced {
  justify-content: space-between;
  align-content: space-between;
}
.charsheet .court-of-blades .page .flex-grow {
  flex-grow: 4;
}

/* ||
  Various classes used for layout
*/
.charsheet .court-of-blades .page abso {
  position: absolute;
}
.charsheet .court-of-blades .page .rela {
  position: relative;
}
.charsheet .court-of-blades .page div.content {
  height: max-content;
  width: max-content;
}
.charsheet .court-of-blades .page .center-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.charsheet .court-of-blades .page .max-width {
  width: 100%;
}
.charsheet .court-of-blades .page .offset-for-title {
  /* 0.83 400*/
  top: -54px;
  left: 31px;
  position: relative;
}
.charsheet .court-of-blades .page .offset-innerpanel-left {
  width: 435px;
}
.charsheet .court-of-blades .page .offset-innerpanel-full {
  width: 998px;
}
.charsheet .court-of-blades .page .offset-from-top {
  position: relative;
  top: 48px;
}
.charsheet .court-of-blades .page .clock-size-selector select {
  width: min-content;
}
.charsheet .court-of-blades .page .top-box {
  height: 87px;
}
.charsheet .court-of-blades .page .text-left {
  text-align: left;
}
.charsheet .court-of-blades .page .text-center {
  text-align: center;
}
.charsheet .court-of-blades .page .text-right {
  text-align: right;
}
.charsheet .court-of-blades .page .vert-top {
  vertical-align: top;
}
.charsheet .court-of-blades .page .vert-middle {
  vertical-align: middle;
}
.charsheet .court-of-blades .page .vert-bottom {
  vertical-align: bottom;
}
.charsheet .court-of-blades .page .marg-left {
  margin-left: 0.5em;
}
.charsheet .court-of-blades .page .marg-right {
  margin-right: 0.5em;
}
.charsheet .court-of-blades .page .marg-top {
  margin-top: 0.5em;
}
.charsheet .court-of-blades .page .marg-bottom {
  margin-bottom: 0.5em;
}
.charsheet .court-of-blades .page .pad-left {
  padding-left: 0.5em;
}
.charsheet .court-of-blades .page .pad-right {
  padding-right: 0.5em;
}
.charsheet .court-of-blades .page .pad-top {
  padding-top: 0.5em;
}
.charsheet .court-of-blades .page .pad-bottom {
  padding-bottom: 0.5em;
}
.charsheet .court-of-blades .page .align-center {
  align-self: center;
}
.charsheet .court-of-blades .page .align-start {
  align-self: start;
}
.charsheet .court-of-blades .page .align-end {
  align-self: end;
}
.charsheet .court-of-blades .page .align-baseline {
  align-self: baseline;
}
.charsheet .court-of-blades .page .align-stretch {
  align-self: stretch;
}
.charsheet .court-of-blades .page .justify-center {
  justify-self: center;
}
.charsheet .court-of-blades .page .justify-left {
  justify-self: left;
}
.charsheet .court-of-blades .page .justify-right {
  justify-self: right;
}
.charsheet .court-of-blades .page .justify-stretch {
  justify-self: stretch;
}

.charsheet .court-of-blades .page .z--5 {
  z-index: -5;
}
.charsheet .court-of-blades .page .z--4 {
  z-index: -4;
}
.charsheet .court-of-blades .page .z--3 {
  z-index: -3;
}
.charsheet .court-of-blades .page .z--2 {
  z-index: -2;
}
.charsheet .court-of-blades .page .z--1 {
  z-index: -1;
}
.charsheet .court-of-blades .page .z-0 {
  z-index: 0;
}
.charsheet .court-of-blades .page .z-1 {
  z-index: 1;
}
.charsheet .court-of-blades .page .z-2 {
  z-index: 2;
}
.charsheet .court-of-blades .page .z-3 {
  z-index: 3;
}
.charsheet .court-of-blades .page .z-4 {
  z-index: 4;
}
.charsheet .court-of-blades .page .z-5 {
  z-index: 5;
}

/* ||
  Classes for css-only tooltips.
    The element with the .tooltip-custom class is the container.
    The element with the .tooltip-custom-text class is the tooltip itself, and must be a child of the container.
*/
.charsheet .court-of-blades .tooltip-custom {
  display: inline-block;
  opacity: 100%;
  z-index: auto;
}
.charsheet .court-of-blades .tooltip-custom-text {
  visibility: hidden;
  background-color: black;
  color: #fff;
  min-width: 10em;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  position: absolute;
  font-weight: normal;
  font-style: normal;
  z-index: 6;
  transition: visibility 0s linear 1s;
}
.charsheet .court-of-blades .tooltip-expand {
  position: absolute;
}
.charsheet .court-of-blades .tooltip-expand span {
  visibility: hidden;
  white-space: pre-wrap;
  display: block;
}
.charsheet .court-of-blades .tooltip-expand textarea {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  margin: 0;
  overflow: hidden;
  resize: none;
  height: 100%;
  width: 100%;
  display: block;
  box-sizing: border-box;
  border-radius: 0;
  box-shadow: none;
  color: inherit;
  font: inherit;
}
.charsheet .court-of-blades .tooltip-custom:hover .tooltip-custom-text,
.charsheet .court-of-blades .tooltip-custom:hover + .tooltip-custom-text,
.charsheet .court-of-blades .tooltip-custom-text:hover {
  visibility: visible;
  transition: visibility 0s linear 0.5s;
}

.charsheet .court-of-blades {
  min-width: 1056px;
  max-width: 1056px;
  width: fit-content;
}
.charsheet .court-of-blades [class^=panel-],
.charsheet .court-of-blades [class*=" panel-"] {
  display: inline-block;
}
.charsheet .court-of-blades .panel-left {
  width: 475px;
  min-width: 475px;
}
.charsheet .court-of-blades .panel-centre {
  width: 375px;
  min-width: 375px;
  margin-left: 2px;
  margin-right: 10px;
}
.charsheet .court-of-blades .panel-right {
  max-width: 285px;
  min-width: 190px;
}
.charsheet .court-of-blades .page {
  display: none;
  flex-wrap: nowrap;
  flex-direction: row;
  width: 100%;
  padding: 6px 4px 6px 4px;
  border: 2px solid #333333;
}
.charsheet .court-of-blades .page.sheet-footer {
  display: block;
  border: none;
  background: none;
}
.charsheet .court-of-blades #page-selector[value="0"] ~ #page-pc,
.charsheet .court-of-blades #page-selector[value="1"] ~ #page-house,
.charsheet .court-of-blades #page-selector[value="2"] ~ #page-factions,
.charsheet .court-of-blades #page-selector[value="3"] ~ #page-gmturn,
.charsheet .court-of-blades #page-selector[value="4"] ~ #page-settings {
  display: flex;
}

/* ||
  Base styles for shapes.
*/
.charsheet .court-of-blades .page [class^=shape],
.charsheet .court-of-blades .page [class*=" shape"] {
  appearance: none;
  display: inline-block;
  position: relative;
  margin: 1px;
  padding: 1px;
}
.charsheet .court-of-blades .page input[class^=shape],
.charsheet .court-of-blades .page input[class*=" shape"] {
  cursor: pointer;
}
.charsheet .court-of-blades .page [class*=shape-].shape-hidden {
  opacity: 0;
  cursor: default;
}

/* ||
  Basic shapes
    .shape-square-small
    .shape-square-med
    .shape-diamond-small
    .shape-diamond-med
    .shape-dot
*/
/* Squares/Diamonds */
.charsheet .court-of-blades .page [class*=shape-square],
.charsheet .court-of-blades .page [class*=shape-diamond] {
  border: 2px solid black;
}
.charsheet .court-of-blades .page [class*=shape-diamond] {
  transform: rotate(45deg);
}
.charsheet .court-of-blades .page .shape-square-small,
.charsheet .court-of-blades .page .shape-diamond-small {
  width: 2px;
  height: 2px;
}
.charsheet .court-of-blades .page .shape-square-med {
  width: 10px;
  height: 10px;
}
.charsheet .court-of-blades .page .shape-diamond-med {
  width: 10px;
  height: 10px;
}
.charsheet .court-of-blades .page .shape-diamond-big {
  width: 14px;
  height: 14px;
}

/* Dots/Circles */
.charsheet .court-of-blades .page [class^=shape-dot],
.charsheet .court-of-blades .page [class*=" shape-dot"] {
  border: 2px solid black;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

/* ||
  Complex shapes utilising psuedo-elements
*/
/* Vertical divider */
.charsheet .court-of-blades .page .shape-divider {
  width: 0px;
  height: 15px;
}
.charsheet .court-of-blades .page .shape-divider:after {
  content: "";
  width: 1px;
  height: 27px;
  background: none;
  border-left: 1px solid black;
  border-right: 1px solid black;
  position: absolute;
  top: 0px;
  left: 0px;
}

/* Circle with a cross through it */
.charsheet .court-of-blades .page .shape-cross {
  width: 9px;
  height: 9px;
  border: 1px solid black;
  border-radius: 50%;
  background-color: white;
}
.charsheet .court-of-blades .page .shape-cross:before,
.charsheet .court-of-blades .page .shape-cross:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 9px;
  top: 3px;
  left: -1px;
  background-color: black;
}
.charsheet .court-of-blades .page .shape-cross:before {
  transform: rotate(45deg);
}
.charsheet .court-of-blades .page .shape-cross:after {
  transform: rotate(-45deg);
}

/* Horizontal line connecting one simple shape to another to its left. */
.charsheet .court-of-blades .page [class^=shape-link]:before,
.charsheet .court-of-blades .page [class*=" shape-link"]:before {
  content: "";
  display: none;
  position: absolute;
  z-index: -1;
  width: 20px;
  height: 5px;
  background-color: black;
}
.charsheet .court-of-blades .page .shape-link-left::before {
  display: inline-block;
  left: -20px;
  top: 2px;
}

/* Arrows */
.charsheet .court-of-blades .page [class^=shape-arrow],
.charsheet .court-of-blades .page [class*=" shape-arrow"] {
  width: 10px;
  height: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  background: none;
  padding: 0;
  margin: 2px;
}
.charsheet .court-of-blades .page [class^=shape-arrow]:after,
.charsheet .court-of-blades .page [class*=" shape-arrow"]:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
  z-index: -1;
}

/* Down arrows */
.charsheet .court-of-blades .page .shape-arrowdown {
  border-top: 10px solid black;
}
.charsheet .court-of-blades .page .shape-arrowdown:after {
  border-top: 15px solid black;
  top: -11.5px;
  left: -8px;
}

/* Up arrows */
.charsheet .court-of-blades .page .shape-arrowup {
  border-bottom: 10px solid black;
}
.charsheet .court-of-blades .page .shape-arrowup:after {
  border-bottom: 15px solid black;
  top: -3.5px;
  left: -8px;
}

/* Hearts */
.charsheet .court-of-blades .page .shape-heart {
  background-color: gray;
  display: inline-block;
  height: 10px;
  margin: 0 5px;
  position: relative;
  top: 0;
  transform: rotate(-45deg);
  width: 10px;
}
.charsheet .court-of-blades .page .shape-heart:before,
.charsheet .court-of-blades .page .shape-heart:after {
  content: "";
  position: absolute;
  background-color: gray;
  border-radius: 50%;
  height: 10px;
  width: 10px;
}
.charsheet .court-of-blades .page .shape-heart:before {
  top: -5px;
  left: 0;
}
.charsheet .court-of-blades .page .shape-heart:after {
  left: 5px;
  top: 0;
}

/* ||
  Classes for trackers.
    .tracker        Enables the tracker behaviour

    .tracked-dark   Radio buttons are light by default and dark when checked
    .tracked-light  Radio buttons are dark by default and light when checked
    .tracked-red    Radio buttons are light by default and red when checked
  */
.charsheet .court-of-blades .page .tracker {
  z-index: 3;
  vertical-align: middle;
  position: relative;
  flex-shrink: 0;
}
.charsheet .court-of-blades .page .tracker input {
  vertical-align: middle;
  margin: 2px;
}
.charsheet .court-of-blades .page .tracker input[class*=-big] {
  margin: 4px;
}
.charsheet .court-of-blades .page .tracker input.shape-heart {
  margin: 4px;
}
.charsheet .court-of-blades .page .tracker.tracked-dark input:not(.track-zero) {
  background: #333333;
  border-color: black;
}
.charsheet .court-of-blades .page .tracker.tracked-dark input:not(.track-zero):before,
.charsheet .court-of-blades .page .tracker.tracked-dark input:not(.track-zero):after {
  background: #333333;
}
.charsheet .court-of-blades .page .tracker.tracked-dark input[type=radio]:checked ~ input[type=radio]:not(.track-zero) {
  background: #EEEEEE;
}
.charsheet .court-of-blades .page .tracker.tracked-dark input[type=radio]:checked ~ input[type=radio]:not(.track-zero):after,
.charsheet .court-of-blades .page .tracker.tracked-dark input[type=radio]:checked ~ input[type=radio]:not(.track-zero):before {
  background: #EEEEEE;
}
.charsheet .court-of-blades .page .tracker.tracked-light input[type=radio]:checked ~ input[type=radio]:not(.track-zero):after,
.charsheet .court-of-blades .page .tracker.tracked-light input[type=radio]:checked ~ input[type=radio]:not(.track-zero):before {
  background: #333333;
}
.charsheet .court-of-blades .page .tracker.tracked-light input:not(.track-zero) {
  background: #EEEEEE;
}
.charsheet .court-of-blades .page .tracker.tracked-light input:not(.track-zero):before,
.charsheet .court-of-blades .page .tracker.tracked-light input:not(.track-zero):after {
  background: #EEEEEE;
}
.charsheet .court-of-blades .page .tracker.tracked-light input[type=radio]:checked ~ input[type=radio]:not(.track-zero) {
  background: #333333;
}
.charsheet .court-of-blades .page .tracker.tracked-red input[type=radio]:checked ~ input[type=radio]:not(.track-zero):after,
.charsheet .court-of-blades .page .tracker.tracked-red input[type=radio]:checked ~ input[type=radio]:not(.track-zero):before {
  background: #EEEEEE;
}
.charsheet .court-of-blades .page .tracker.tracked-red input:not(.track-zero) {
  background: red;
}
.charsheet .court-of-blades .page .tracker.tracked-red input:not(.track-zero):before,
.charsheet .court-of-blades .page .tracker.tracked-red input:not(.track-zero):after {
  background: red;
}
.charsheet .court-of-blades .page .tracker.tracked-red input[type=radio]:checked ~ input[type=radio]:not(.track-zero) {
  background: #EEEEEE;
}

/* ||
  Classes modifying the behaviour of shapes representing radio buttons and checkboxes.
*/
.charsheet .court-of-blades .page .checked-hidden:checked {
  opacity: 0;
}
.charsheet .court-of-blades .page .checked-red:checked:not([class*=shape-arrow]) {
  background: red;
}
.charsheet .court-of-blades .page .checked-red.shape-heart:checked:before, .charsheet .court-of-blades .page .checked-red.shape-heart:checked:after {
  background: red;
}
.charsheet .court-of-blades .page .checked-red[class*=shape-arrow]:checked {
  border-top-color: red;
  border-bottom-color: red;
  background: none;
}
.charsheet .court-of-blades .page .checked-light:not([class*=shape-arrow]) {
  background: #333333;
}
.charsheet .court-of-blades .page .checked-light:checked:not([class*=shape-arrow]) {
  background: #EEEEEE;
}
.charsheet .court-of-blades .page .checked-light.shape-heart:checked:before, .charsheet .court-of-blades .page .checked-light.shape-heart:checked:after {
  background: #EEEEEE;
}
.charsheet .court-of-blades .page .checked-light.shape-heart:before, .charsheet .court-of-blades .page .checked-light.shape-heart:after {
  background: #333333;
}
.charsheet .court-of-blades .page .checked-light[class*=shape-arrow] {
  border-top-color: #333333;
  border-bottom-color: #333333;
  background: none;
}
.charsheet .court-of-blades .page .checked-light[class*=shape-arrow]:checked {
  border-top-color: #EEEEEE;
  border-bottom-color: #EEEEEE;
  background: none;
}
.charsheet .court-of-blades .page .checked-dark .checked-dark[class*=shape-arrow] {
  border-top-color: #EEEEEE;
  border-bottom-color: #EEEEEE;
  background: none;
}
.charsheet .court-of-blades .page .checked-dark .checked-dark[class*=shape-arrow]:checked {
  border-top-color: #333333;
  border-bottom-color: #333333;
  background: none;
}
.charsheet .court-of-blades .page .checked-dark .checked-dark.shape-heart:checked:before,
.charsheet .court-of-blades .page .checked-dark .checked-dark.shape-heart:checked:after {
  background: #333333;
}
.charsheet .court-of-blades .page .checked-dark .checked-dark.shape-heart:before,
.charsheet .court-of-blades .page .checked-dark .checked-dark.shape-heart:after {
  background: #EEEEEE;
}
.charsheet .court-of-blades .page .checked-dark .checked-dark:not([class*=shape-arrow]) {
  background: #EEEEEE;
}
.charsheet .court-of-blades .page .checked-dark .checked-dark:checked:not([class*=shape-arrow]) {
  background: #333333;
}
.charsheet .court-of-blades .page .unchecked-dark:not([class*=shape-arrow]) {
  background: #333333;
}
.charsheet .court-of-blades .page .unchecked-dark[class*=shape-arrow] {
  border-top-color: #333333;
  border-bottom-color: #333333;
}
.charsheet .court-of-blades .page .unchecked-dark.shape-heart:before, .charsheet .court-of-blades .page .unchecked-dark.shape-heart:after {
  background: #333333;
}
.charsheet .court-of-blades .page .unchecked-light:not([class*=shape-arrow]) {
  background: #EEEEEE;
}
.charsheet .court-of-blades .page .unchecked-light[class*=shape-arrow] {
  border-top-color: #EEEEEE;
  border-bottom-color: #EEEEEE;
}
.charsheet .court-of-blades .page .unchecked-light.shape-heart:before, .charsheet .court-of-blades .page .unchecked-light.shape-heart:after {
  background: #EEEEEE;
}

/* ||
    Classes for the dynamic clocks
*/
.charsheet .court-of-blades .page .flex-clocks {
  display: block;
}
.charsheet .court-of-blades .page .flex-clocks .repcontainer {
  width: auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: left;
}
.charsheet .court-of-blades .page .clock-subcontainer {
  padding: 4px;
  width: fit-content;
  height: fit-content;
  display: grid;
  grid-template-columns: 55px 120px;
  z-index: 0;
}
.charsheet .court-of-blades .page .clock-subcontainer .clock-label {
  width: 100%;
  height: 100%;
  font-size: 14px;
  text-align: center;
  vertical-align: bottom;
  border: 1px solid black;
  background: white;
  border-radius: 3px;
  overflow-y: auto;
  word-wrap: break-word;
  resize: none;
}
.charsheet .court-of-blades .page .clock-container {
  padding: 2px;
  margin: 2px;
  min-height: 50px;
  min-width: 50px;
  box-sizing: border-box;
  position: relative;
  justify-self: center;
  z-index: 0;
}
.charsheet .court-of-blades .page .clock-container div {
  display: none;
}
.charsheet .court-of-blades .page .clock-container input[type=radio] {
  display: none;
  cursor: pointer;
}
.charsheet .court-of-blades .page .clock-container .clock-image {
  background-color: none;
  border: 3px solid black;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: block;
  position: absolute;
  z-index: -1;
}

.charsheet .court-of-blades .page .clock-size-selector-controller:not([value="0"]) ~ .clock-size-selector,
.charsheet .court-of-blades .page .clock-size-selector-controller[value="0"] ~ div textarea {
  display: none;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="0"] ~ .clock-image {
  border-style: none;
}
.charsheet .court-of-blades .page .clock-container .clock-selector,
.charsheet .court-of-blades .page .clock-container .clock-image .clock-all,
.charsheet .court-of-blades .page .clock-container .clock-size[value="2"] ~ .clock-2,
.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ .clock-4,
.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ .clock-6,
.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ .clock-8,
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-10,
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-12 {
  display: block;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="2"] ~ div.clock-image,
.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ div.clock-image,
.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ div.clock-image,
.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ div.clock-image,
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ div.clock-image,
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ div.clock-image {
  background-color: white;
}

.charsheet .court-of-blades .page .clock-container .clock-progress.clock-zero {
  height: 11px;
  width: 11px;
  margin-top: 1px;
  margin-right: 2px;
  position: absolute;
  left: -8px;
  top: -3px;
  display: block;
  z-index: 1;
}
.charsheet .court-of-blades .page .clock-container input.clock-progress {
  position: absolute;
  opacity: 0;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value=""],
.charsheet .court-of-blades .page .clock-container .clock-size[value="0"] {
  display: none;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="2"] ~ input:not(.clock-zero) {
  height: 20px;
  width: 20px;
  margin-top: 12px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="2"] ~ input[value="1"] {
  margin-left: 22px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="2"] ~ input[value="2"] {
  left: -1px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ input:not(.clock-zero) {
  height: 17px;
  width: 17px;
  left: 3px;
  top: 4px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ input[value="1"] {
  margin-left: 20px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ input[value="2"] {
  margin: 20px 0 0 20px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ input[value="3"] {
  margin-top: 20px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ input:not(.clock-zero) {
  height: 17px;
  width: 14px;
  left: 4px;
  top: 3px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ input[value="1"] {
  margin-left: 21px;
  transform: rotate(30deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ input[value="2"] {
  margin: 12px 0 0 25px;
  transform: rotate(90deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ input[value="3"] {
  margin: 22px 0 0 21px;
  transform: rotate(150deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ input[value="4"] {
  margin: 22px 0 0 8px;
  transform: rotate(210deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ input[value="5"] {
  margin: 12px 0 0 1px;
  transform: rotate(270deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ input[value="6"] {
  margin-left: 8px;
  transform: rotate(330deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ input:not(.clock-zero) {
  height: 14px;
  width: 11px;
  top: 3px;
  left: 4px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ input[value="1"] {
  margin-left: 20px;
  transform: rotate(22.5deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ input[value="2"] {
  margin: 8px 0 0 26px;
  transform: rotate(67.5deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ input[value="3"] {
  margin: 18px 0 0 26px;
  transform: rotate(112.5deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ input[value="4"] {
  margin: 25px 0 0 20px;
  transform: rotate(157.5deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ input[value="5"] {
  margin: 25px 0 0 9px;
  transform: rotate(202.5deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ input[value="6"] {
  margin: 18px 0 0 2px;
  transform: rotate(247.5deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ input[value="7"] {
  margin: 8px 0 0 2px;
  transform: rotate(292.5deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ input[value="8"] {
  margin-left: 9px;
  transform: rotate(337.5deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input:not(.clock-zero) {
  height: 14px;
  width: 10px;
  left: 3.5px;
  top: 3px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="1"] {
  transform: rotate(18deg);
  margin-left: 20px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="2"] {
  transform: rotate(54deg);
  margin: 5px 0 0 27px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="3"] {
  transform: rotate(90deg);
  margin: 13px 0 0 30px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="4"] {
  transform: rotate(126deg);
  margin: 21px 0 0 27px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="5"] {
  transform: rotate(162deg);
  margin: 26px 0 0 20px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="6"] {
  transform: rotate(198deg);
  margin: 26px 0 0 12px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="7"] {
  transform: rotate(234deg);
  margin: 21px 0 0 5px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="8"] {
  transform: rotate(270deg);
  margin: 13px 0 0 1px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="9"] {
  transform: rotate(306deg);
  margin: 5px 0 0 5px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ input[value="10"] {
  transform: rotate(342deg);
  margin-left: 12px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input:not(.clock-zero) {
  height: 12px;
  width: 8px;
  top: 4px;
  left: 4px;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="1"] {
  margin-left: 20px;
  transform: rotate(15deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="2"] {
  margin: 4px 0 0 26px;
  transform: rotate(45deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="3"] {
  margin: 10px 0 0 29px;
  transform: rotate(75deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="4"] {
  margin: 18px 0 0 29px;
  transform: rotate(105deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="5"] {
  margin: 24px 0 0 26px;
  transform: rotate(135deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="6"] {
  margin: 28px 0 0 20px;
  transform: rotate(165deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="7"] {
  margin: 28px 0 0 12px;
  transform: rotate(195deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="8"] {
  margin: 24px 0 0 6px;
  transform: rotate(225deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="9"] {
  margin: 18px 0 0 3px;
  transform: rotate(255deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="10"] {
  margin: 10px 0 0 3px;
  transform: rotate(295deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="11"] {
  margin: 4px 0 0 6px;
  transform: rotate(315deg);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ input[value="12"] {
  margin-left: 12px;
  transform: rotate(345deg);
}
.charsheet .court-of-blades .page .clock-container .clock-zero {
  position: absolute;
  top: 37px;
  left: -5px;
}
.charsheet .court-of-blades .page .clock-container .clock-zero + span {
  height: 11px;
  width: 11px;
  margin-top: 1px;
  margin-right: 2px;
  vertical-align: top;
  border: 1px solid black;
  background: white;
  border-radius: 50%;
  position: absolute;
  left: -4px;
  top: -4px;
  display: block;
}
.charsheet .court-of-blades .page .clock-container .clock-zero:checked + span {
  display: none;
}
.charsheet .court-of-blades .page .clock-container .clock-zero + span::before {
  transform: translate(4px, -1px) rotate(45deg);
}
.charsheet .court-of-blades .page .clock-container .clock-zero + span::after {
  transform: translate(4px, -1px) rotate(-45deg);
}
.charsheet .court-of-blades .page .clock-container .clock-zero + span::before, .charsheet .court-of-blades .page .clock-container .clock-zero + span::after {
  position: absolute;
  width: 1px;
  content: "";
  left: 0px;
  top: 0px;
  background: black;
  height: 11px;
}

.charsheet .court-of-blades .page .clock-container div[class^=spoke],
.charsheet .court-of-blades .page .clock-container div[class*=" stroke"] {
  height: 44px;
  width: 2px;
  display: none;
  background: black;
  z-index: 1;
  position: absolute;
}
.charsheet .court-of-blades .page .clock-container .spoke-0,
.charsheet .court-of-blades .page .clock-container .spoke-0-half {
  transform: translateX(21px);
}
.charsheet .court-of-blades .page .clock-container .spoke-30 {
  transform: translateX(21px) rotate(30deg);
}
.charsheet .court-of-blades .page .clock-container .spoke-36 {
  transform: translateX(21px) rotate(36deg);
}
.charsheet .court-of-blades .page .clock-container .spoke-45 {
  transform: translateX(21px) rotate(45deg);
}
.charsheet .court-of-blades .page .clock-container .spoke-60 {
  transform: translateX(21px) rotate(60deg);
}
.charsheet .court-of-blades .page .clock-container .spoke-72 {
  transform: translateX(21px) rotate(72deg);
}
.charsheet .court-of-blades .page .clock-container .spoke-90 {
  transform: translateX(21px) rotate(90deg);
}
.charsheet .court-of-blades .page .clock-container .spoke-108 {
  transform: translateX(21px) rotate(108deg);
}
.charsheet .court-of-blades .page .clock-container .spoke-120 {
  transform: translateX(21px) rotate(120deg);
}
.charsheet .court-of-blades .page .clock-container .spoke-135 {
  transform: translateX(21px) rotate(135deg);
}
.charsheet .court-of-blades .page .clock-container .spoke-144 {
  transform: translateX(21px) rotate(144deg);
}
.charsheet .court-of-blades .page .clock-container .spoke-150 {
  transform: translateX(21px) rotate(150deg);
}

.charsheet .court-of-blades .page .clock-container .clock-progress[value="0"]:checked ~ .clock-image {
  background: white;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="2"] ~ .clock-progress[value="1"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, transparent 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="2"] ~ .clock-progress[value="2"]:checked ~ .clock-image {
  background-color: red;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ .clock-progress[value="1"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ .clock-progress[value="2"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ .clock-progress[value="3"]:checked ~ .clock-image {
  background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="4"] ~ .clock-progress[value="4"]:checked ~ .clock-image {
  background: red;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ .clock-progress[value="1"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(150deg, red 50%, white 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ .clock-progress[value="2"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(210deg, red 50%, white 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ .clock-progress[value="3"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ .clock-progress[value="4"]:checked ~ .clock-image {
  background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ .clock-progress[value="5"]:checked ~ .clock-image {
  background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="6"] ~ .clock-progress[value="6"]:checked ~ .clock-image {
  background: red;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ .clock-progress[value="1"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(135deg, red 50%, white 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ .clock-progress[value="2"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ .clock-progress[value="3"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(225deg, red 50%, white 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ .clock-progress[value="4"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ .clock-progress[value="5"]:checked ~ .clock-image {
  background-image: linear-gradient(135deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ .clock-progress[value="6"]:checked ~ .clock-image {
  background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ .clock-progress[value="7"]:checked ~ .clock-image {
  background-image: linear-gradient(225deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="8"] ~ .clock-progress[value="8"]:checked ~ .clock-image {
  background: red;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="1"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(126deg, red 50%, white 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="2"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(162deg, red 50%, white 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="3"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(198deg, red 50%, white 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="4"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(234deg, red 50%, white 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="5"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="6"]:checked ~ .clock-image {
  background-image: linear-gradient(126deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="7"]:checked ~ .clock-image {
  background-image: linear-gradient(162deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="8"]:checked ~ .clock-image {
  background-image: linear-gradient(198deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="9"]:checked ~ .clock-image {
  background-image: linear-gradient(234deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="10"] ~ .clock-progress[value="10"]:checked ~ .clock-image {
  background: red;
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="1"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(120deg, red 50%, white 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="2"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(150deg, red 50%, white 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="3"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(180deg, red 50%, white 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="4"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(210deg, red 50%, white 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="5"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, transparent 50%), linear-gradient(240deg, red 50%, white 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="6"]:checked ~ .clock-image {
  background-image: linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="7"]:checked ~ .clock-image {
  background-image: linear-gradient(120deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="8"]:checked ~ .clock-image {
  background-image: linear-gradient(150deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="9"]:checked ~ .clock-image {
  background-image: linear-gradient(180deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="10"]:checked ~ .clock-image {
  background-image: linear-gradient(210deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="11"]:checked ~ .clock-image {
  background-image: linear-gradient(240deg, transparent 50%, red 50%), linear-gradient(90deg, white 50%, red 50%);
}
.charsheet .court-of-blades .page .clock-container .clock-size[value="12"] ~ .clock-progress[value="12"]:checked ~ .clock-image {
  background: red;
}

.charsheet .court-of-blades .page *[class^=visibility-],
.charsheet .court-of-blades .page *[class*=" visibility-"] {
  display: none;
}
.charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-1,
.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-2,
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-3,
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-4,
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-5,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-5,
.charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-gte-1,
.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-1,
.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-2,
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-1,
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-2,
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-3,
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-1,
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-2,
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-3,
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-4,
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-1,
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-2,
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-3,
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-4,
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-5,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-1,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-2,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-3,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-4,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-5,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-6 {
  display: block;
}
.charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-1.grid,
.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-2.grid,
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-3.grid,
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-4.grid,
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-5.grid,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-5.grid,
.charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-gte-1.grid,
.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-1.grid,
.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-2.grid,
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-1.grid,
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-2.grid,
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-3.grid,
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-1.grid,
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-2.grid,
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-3.grid,
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-4.grid,
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-1.grid,
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-2.grid,
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-3.grid,
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-4.grid,
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-5.grid,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-1.grid,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-2.grid,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-3.grid,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-4.grid,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-5.grid,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-6.grid {
  display: grid;
}
.charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-1[class^=flex-], .charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-1[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-2[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-2[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-3[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-3[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-4[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-4[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-5[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-5[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-5[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-5[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-gte-1[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-gte-1[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-1[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-1[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-2[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-2[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-1[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-1[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-2[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-2[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-3[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-3[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-1[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-1[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-2[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-2[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-3[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-3[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-4[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-4[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-1[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-1[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-2[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-2[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-3[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-3[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-4[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-4[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-5[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-5[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-1[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-1[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-2[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-2[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-3[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-3[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-4[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-4[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-5[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-5[class*=" flex-"],
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-6[class^=flex-],
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-6[class*=" flex-"] {
  display: flex;
}
.charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-1.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-2.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-3.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-4.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-5.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-5.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="1"] ~ .visibility-gte-1.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-1.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="2"] ~ .visibility-gte-2.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-1.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-2.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="3"] ~ .visibility-gte-3.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-1.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-2.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-3.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="4"] ~ .visibility-gte-4.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-1.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-2.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-3.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-4.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="5"] ~ .visibility-gte-5.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-1.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-2.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-3.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-4.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-5.tracker-box,
.charsheet .court-of-blades .page .visibility-control[value="6"] ~ .visibility-gte-6.tracker-box {
  display: inline-block;
}

.charsheet .court-of-blades .page .auto-expand {
  position: relative;
  cursor: text;
  word-wrap: break-word;
  min-height: 1em;
}
.charsheet .court-of-blades .page .auto-expand span {
  visibility: hidden;
  white-space: pre-wrap;
  font: inherit;
  display: block;
}
.charsheet .court-of-blades .page .auto-expand textarea {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  margin: 0;
  overflow: hidden;
  resize: none;
  height: 100%;
  width: 100%;
  display: block;
  box-sizing: border-box;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: inherit;
  font: inherit;
}

.sheet-rolltemplate-cob-fortune {
  text-align: center;
  padding: 8px;
}
.sheet-rolltemplate-cob-fortune .sheet-lower {
  padding: 8px 8px 0px 8px;
}

.sheet-rolltemplate-cob-action .sheet-lower {
  padding: 24px 8px 8px 8px;
}

.sheet-rolltemplate-cob-resist,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode,
.sheet-rolltemplate-cob-action,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode,
.sheet-rolltemplate-cob-fortune,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode,
.sheet-rolltemplate-cob-indulge,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode {
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Court%20Of%20Blades/Images/bg-web.png");
  height: max-content;
  font-family: "EB Garamond", serif;
  color: black;
  display: block;
  border: double black 5px;
}
.sheet-rolltemplate-cob-resist .sheet-b,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-b,
.sheet-rolltemplate-cob-action .sheet-b,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-b,
.sheet-rolltemplate-cob-fortune .sheet-b,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-b,
.sheet-rolltemplate-cob-indulge .sheet-b,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-b {
  font-weight: bold;
}
.sheet-rolltemplate-cob-resist .sheet-zerodice3,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-zerodice3,
.sheet-rolltemplate-cob-action .sheet-zerodice3,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-zerodice3,
.sheet-rolltemplate-cob-fortune .sheet-zerodice3,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-zerodice3,
.sheet-rolltemplate-cob-indulge .sheet-zerodice3,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-zerodice3 {
  text-transform: uppercase;
  text-indent: 3px;
}
.sheet-rolltemplate-cob-resist .sheet-template-container,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-template-container,
.sheet-rolltemplate-cob-action .sheet-template-container,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-template-container,
.sheet-rolltemplate-cob-fortune .sheet-template-container,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-template-container,
.sheet-rolltemplate-cob-indulge .sheet-template-container,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-template-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: max-content 1fr;
}
.sheet-rolltemplate-cob-resist .sheet-name,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-name,
.sheet-rolltemplate-cob-action .sheet-name,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-name,
.sheet-rolltemplate-cob-fortune .sheet-name,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-name,
.sheet-rolltemplate-cob-indulge .sheet-name,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-name {
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  text-transform: capitalize;
}
.sheet-rolltemplate-cob-resist .sheet-stat,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-stat,
.sheet-rolltemplate-cob-action .sheet-stat,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-stat,
.sheet-rolltemplate-cob-fortune .sheet-stat,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-stat,
.sheet-rolltemplate-cob-indulge .sheet-stat,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-stat {
  font-size: 26px;
  line-height: normal;
  text-transform: uppercase;
  vertical-align: bottom;
  font-weight: bold;
  text-shadow: 1px 1px grey;
}
.sheet-rolltemplate-cob-resist .sheet-detail,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-detail,
.sheet-rolltemplate-cob-action .sheet-detail,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-detail,
.sheet-rolltemplate-cob-fortune .sheet-detail,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-detail,
.sheet-rolltemplate-cob-indulge .sheet-detail,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-detail {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 16px;
}
.sheet-rolltemplate-cob-resist .sheet-detail .sheet-effect,
.sheet-rolltemplate-cob-resist .sheet-detail .sheet-position,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-detail .sheet-position,
.sheet-rolltemplate-cob-action .sheet-detail .sheet-effect,
.sheet-rolltemplate-cob-action .sheet-detail .sheet-position,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-detail .sheet-position,
.sheet-rolltemplate-cob-fortune .sheet-detail .sheet-effect,
.sheet-rolltemplate-cob-fortune .sheet-detail .sheet-position,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-detail .sheet-position,
.sheet-rolltemplate-cob-indulge .sheet-detail .sheet-effect,
.sheet-rolltemplate-cob-indulge .sheet-detail .sheet-position,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-detail .sheet-position {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: auto;
}
.sheet-rolltemplate-cob-resist .sheet-detail .sheet-effect div:first-child,
.sheet-rolltemplate-cob-resist .sheet-detail .sheet-position div:first-child,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect div:first-child,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-detail .sheet-position div:first-child,
.sheet-rolltemplate-cob-action .sheet-detail .sheet-effect div:first-child,
.sheet-rolltemplate-cob-action .sheet-detail .sheet-position div:first-child,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect div:first-child,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-detail .sheet-position div:first-child,
.sheet-rolltemplate-cob-fortune .sheet-detail .sheet-effect div:first-child,
.sheet-rolltemplate-cob-fortune .sheet-detail .sheet-position div:first-child,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect div:first-child,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-detail .sheet-position div:first-child,
.sheet-rolltemplate-cob-indulge .sheet-detail .sheet-effect div:first-child,
.sheet-rolltemplate-cob-indulge .sheet-detail .sheet-position div:first-child,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect div:first-child,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-detail .sheet-position div:first-child {
  text-transform: uppercase;
  font-size: 18px;
  line-height: normal;
  font-weight: bold;
}
.sheet-rolltemplate-cob-resist .sheet-detail .sheet-effect div:last-child,
.sheet-rolltemplate-cob-resist .sheet-detail .sheet-position div:last-child,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect div:last-child,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-detail .sheet-position div:last-child,
.sheet-rolltemplate-cob-action .sheet-detail .sheet-effect div:last-child,
.sheet-rolltemplate-cob-action .sheet-detail .sheet-position div:last-child,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect div:last-child,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-detail .sheet-position div:last-child,
.sheet-rolltemplate-cob-fortune .sheet-detail .sheet-effect div:last-child,
.sheet-rolltemplate-cob-fortune .sheet-detail .sheet-position div:last-child,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect div:last-child,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-detail .sheet-position div:last-child,
.sheet-rolltemplate-cob-indulge .sheet-detail .sheet-effect div:last-child,
.sheet-rolltemplate-cob-indulge .sheet-detail .sheet-position div:last-child,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-detail .sheet-effect div:last-child,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-detail .sheet-position div:last-child {
  text-transform: capitalize;
  line-height: normal;
  font-size: 16px;
}
.sheet-rolltemplate-cob-resist .sheet-mask,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-mask,
.sheet-rolltemplate-cob-action .sheet-mask,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-mask,
.sheet-rolltemplate-cob-fortune .sheet-mask,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-mask,
.sheet-rolltemplate-cob-indulge .sheet-mask,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-mask {
  max-height: 75px;
  object-fit: contain;
  margin-bottom: 8px;
}
.sheet-rolltemplate-cob-resist .sheet-sword,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-sword,
.sheet-rolltemplate-cob-action .sheet-sword,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-sword,
.sheet-rolltemplate-cob-fortune .sheet-sword,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-sword,
.sheet-rolltemplate-cob-indulge .sheet-sword,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-sword {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  display: block;
  position: absolute;
  right: 16px;
  width: 300px;
  min-width: 300px;
}
.sheet-rolltemplate-cob-resist .sheet-sword.sheet-zero,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-sword.sheet-zero,
.sheet-rolltemplate-cob-action .sheet-sword.sheet-zero,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-sword.sheet-zero,
.sheet-rolltemplate-cob-fortune .sheet-sword.sheet-zero,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-sword.sheet-zero,
.sheet-rolltemplate-cob-indulge .sheet-sword.sheet-zero,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-sword.sheet-zero {
  bottom: 71px;
}
.sheet-rolltemplate-cob-resist .sheet-sword.sheet-nonzero,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-sword.sheet-nonzero,
.sheet-rolltemplate-cob-action .sheet-sword.sheet-nonzero,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-sword.sheet-nonzero,
.sheet-rolltemplate-cob-fortune .sheet-sword.sheet-nonzero,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-sword.sheet-nonzero,
.sheet-rolltemplate-cob-indulge .sheet-sword.sheet-nonzero,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-sword.sheet-nonzero {
  bottom: 54px;
}
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist .sheet-upper, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-upper, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-indulge .sheet-upper, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-upper,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-upper,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-resist .sheet-upper,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-indulge .sheet-upper,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-upper,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-upper,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-resist .sheet-upper,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-indulge .sheet-upper,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-upper,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-upper,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-resist .sheet-upper,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-indulge .sheet-upper,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-upper,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-upper,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-upper {
  padding: 8px 8px 0px 8px;
}
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist .sheet-lower, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-indulge .sheet-lower, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-lower,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-lower,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-resist .sheet-lower,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-indulge .sheet-lower,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-lower,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-lower,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-resist .sheet-lower,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-indulge .sheet-lower,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-lower,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-lower,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-resist .sheet-lower,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-indulge .sheet-lower,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-lower,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-lower,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower {
  margin-top: 16px;
  padding-left: 8px;
  padding-right: 8px;
}
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-indulge .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-resist .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-indulge .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-resist .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-indulge .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-resist .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-indulge .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult {
  font-size: 26px;
  font-family: "EB Garamond", serif;
  background: none;
  border: none;
}
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist .sheet-resist-desc, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-resist-desc, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-indulge .sheet-resist-desc, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-resist-desc,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-resist-desc,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-resist-desc,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-resist-desc,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-resist-desc,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-resist .sheet-resist-desc,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-resist-desc,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-indulge .sheet-resist-desc,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-resist-desc,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-resist-desc,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-resist-desc,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-resist-desc,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-resist-desc,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-resist .sheet-resist-desc,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-resist-desc,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-indulge .sheet-resist-desc,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-resist-desc,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-resist-desc,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-resist-desc,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-resist-desc,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-resist-desc,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-resist .sheet-resist-desc,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-resist-desc,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-indulge .sheet-resist-desc,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-resist-desc,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist .sheet-resist-desc,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode .sheet-resist-desc,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge .sheet-resist-desc,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode .sheet-resist-desc {
  padding: 8px;
  margin-top: 16px;
  background-color: rgba(0, 0, 0, 0.2);
  border-top: 3px black solid;
}
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action .sheet-upper, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune .sheet-upper, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-upper,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-upper,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-action .sheet-upper,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-fortune .sheet-upper,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-upper,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-upper,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-action .sheet-upper,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-fortune .sheet-upper,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-upper,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-upper,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-action .sheet-upper,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-fortune .sheet-upper,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-upper,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-upper,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper {
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 8px;
  border-bottom: 3px black solid;
}
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action .sheet-upper::after, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper::after, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune .sheet-upper::after, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper::after,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-upper::after,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper::after,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-upper::after,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper::after,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-action .sheet-upper::after,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper::after,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-fortune .sheet-upper::after,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper::after,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-upper::after,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper::after,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-upper::after,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper::after,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-action .sheet-upper::after,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper::after,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-fortune .sheet-upper::after,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper::after,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-upper::after,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper::after,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-upper::after,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper::after,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-action .sheet-upper::after,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper::after,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-fortune .sheet-upper::after,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper::after,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-upper::after,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-upper::after,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-upper::after,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-upper::after {
  width: 200px;
  height: 3px;
  display: block;
  background-color: black;
}
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action .sheet-lower, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune .sheet-lower, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-lower,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-lower,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-action .sheet-lower,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-fortune .sheet-lower,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-lower,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-lower,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-action .sheet-lower,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-fortune .sheet-lower,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-lower,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-lower,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-action .sheet-lower,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-fortune .sheet-lower,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-lower,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-lower,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  z-index: 10;
}
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune .sheet-lower .inlinerollresult, .sheet-rolltemplate-cob-resist.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-resist.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-action .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-fortune .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-action .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-fortune .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-action .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-fortune .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-action.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune .sheet-lower .inlinerollresult,
.sheet-rolltemplate-cob-indulge.sheet-rolltemplate-darkmode.sheet-rolltemplate-cob-fortune.sheet-rolltemplate-darkmode .sheet-lower .inlinerollresult {
  font-size: 26px;
  font-family: "EB Garamond", serif;
  background: none;
  border: none;
}