roll20-character-sheets/Altered Carbon Official/altered-carbon.css

@import url("https://fonts.googleapis.com/css?family=Montserrat:200|Montserrat:400|Montserrat:600|Montserrat:700|Montserrat:800|Montserrat:900&display=swap");
.sheet-ac-wrapper {
  background: white;
  color: black;
  font-family: Montserrat, sans-serif;
  font-size: 10pt;
}
.sheet-ac-wrapper * {
  box-sizing: border-box;
}
.sheet-ac-wrapper input {
  height: 1.75em;
}
.sheet-ac-wrapper input[type=number] {
  -moz-appearance: textfield;
  text-align: center;
}
.sheet-ac-wrapper input[type=number]::-webkit-outer-spin-button, .sheet-ac-wrapper input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.sheet-ac-wrapper input[type=number],
.sheet-ac-wrapper input[type=text],
.sheet-ac-wrapper textarea,
.sheet-ac-wrapper select {
  min-width: 0;
  width: 100%;
  border-radius: 0;
  background-color: transparent;
  color: black;
  font-family: "Montserrat", Verdana, sans-serif;
  font-size: 10pt;
  font-variant: normal;
}
.sheet-ac-wrapper input[type=number]:hover,
.sheet-ac-wrapper input[type=text]:hover,
.sheet-ac-wrapper textarea:hover,
.sheet-ac-wrapper select:hover {
  border: 1px solid #38e0d5;
  box-shadow: 0 0 5px #38e0d5;
}
.sheet-ac-wrapper button:hover {
  border: 1px solid #38e0d5;
  box-shadow: 0 0 5px #38e0d5;
}
.sheet-ac-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 1.75em;
  cursor: pointer;
  background: transparent url("https://s3.amazonaws.com/files.d20.io/images/138210258/mZTqw1vke8SrkprMJmiZQw/med.png?1590443723") right 5px center no-repeat;
}
.sheet-ac-wrapper textarea {
  resize: vertical;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
}
.sheet-ac-wrapper label {
  padding: 0;
  margin: 0;
}
.sheet-ac-wrapper .itemcontrol {
  position: relative;
}
.sheet-ac-wrapper .itemcontrol button.repcontrol_del,
.sheet-ac-wrapper .itemcontrol a.repcontrol_move {
  display: block;
  top: calc(50% - 1.5rem);
  position: relative;
  border: 1px solid black;
  border-radius: 0;
  padding: 0;
  margin: 0;
  height: 3rem;
  width: 3rem;
  box-shadow: none;
  line-height: 2em;
  text-shadow: none;
  font-weight: bold;
}
.sheet-ac-wrapper .itemcontrol button.repcontrol_del:hover,
.sheet-ac-wrapper .itemcontrol a.repcontrol_move:hover {
  border: 1px solid #38e0d5;
  box-shadow: 0 0 5px #38e0d5;
}
.sheet-ac-wrapper .itemcontrol button.repcontrol_del {
  margin-right: 0.25rem;
  background: transparent;
  border: 1px solid #d2232a;
  color: #d2232a;
}
.sheet-ac-wrapper .itemcontrol button.repcontrol_del:hover {
  border: 1px solid #d2232a;
  box-shadow: 0 0 5px #d2232a;
}
.sheet-ac-wrapper .itemcontrol a.repcontrol_move {
  margin-left: 0.25rem;
  background: transparent;
  color: black;
}
.sheet-ac-wrapper .itemcontrol a.repcontrol_move:hover {
  border: 1px solid #38e0d5;
  box-shadow: 0 0 5px #38e0d5;
}
.sheet-ac-wrapper .repcontrol {
  padding: 0.25em;
  background-color: transparent;
}
.sheet-ac-wrapper .repcontrol button.repcontrol_add,
.sheet-ac-wrapper .repcontrol button.repcontrol_del,
.sheet-ac-wrapper .repcontrol button.repcontrol_move,
.sheet-ac-wrapper .repcontrol button.repcontrol_edit {
  display: block;
  border: 1px solid black;
  border-radius: 0;
  background: none;
  padding: 0;
  margin: 0;
  height: 3rem;
  width: 3rem;
  box-shadow: none;
  font-size: 0;
  line-height: 1em;
  text-shadow: none;
}
.sheet-ac-wrapper .repcontrol button.repcontrol_add:hover,
.sheet-ac-wrapper .repcontrol button.repcontrol_del:hover,
.sheet-ac-wrapper .repcontrol button.repcontrol_move:hover,
.sheet-ac-wrapper .repcontrol button.repcontrol_edit:hover {
  border: 1px solid #38e0d5;
  box-shadow: 0 0 5px #38e0d5;
}
.sheet-ac-wrapper .repcontrol button.repcontrol_add:before {
  display: block;
  content: "&";
  font-family: "Pictos";
  font-size: 12pt;
  font-weight: bold;
}
.sheet-ac-wrapper .repcontrol button.repcontrol_edit:before {
  display: block;
  content: "p";
  right: 5px;
  font-family: "Pictos";
  font-size: 12pt;
  font-weight: bold;
}
.sheet-ac-wrapper h1 {
  font-size: 16pt;
  font-weight: 700;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
}

.sheet-ac-trait__label, .sheet-ac-header__label {
  font-weight: 400;
  text-transform: uppercase;
}

.sheet-ac-stat__value input[type=number], .sheet-ac-stat__header input[type=number], [type=number].sheet-ac-header__input, .sheet-ac-stat__value input[type=text], .sheet-ac-stat__header input[type=text], [type=text].sheet-ac-header__input {
  margin: 0;
  padding: 0;
  border: 0;
}

.sheet-ac-header {
  padding: 1em;
  background: linear-gradient(164deg, #042938 0%, #031f27 100%);
  background-color: #042938;
  color: white;
}
.sheet-ac-header__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 1em;
}
.sheet-ac-header__item, .sheet-ac-header__item--subitem {
  grid-column: span 2;
}
.sheet-ac-header__item--subitem {
  grid-column: span 1;
}
.sheet-ac-header__label {
  font-family: 12pt;
}
.sheet-ac-header__input[type=number], .sheet-ac-header__input[type=text] {
  border: 1px solid transparent;
  border-bottom: 1px solid white;
  color: white !important;
  font-size: 12pt !important;
  font-weight: 800 !important;
  text-transform: uppercase;
}
.sheet-ac-nav {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.sheet-ac-nav > label {
  margin: 5px;
}
.sheet-ac-nav__item {
  width: auto;
  padding: 5px;
  cursor: pointer;
  font-size: 11pt;
  font-weight: 600;
  text-transform: uppercase;
}
.sheet-ac-nav__label {
  padding: 0 5px;
  border-radius: 3px;
  border: 1px solid black;
}
.sheet-ac-nav__label:hover {
  border: 1px solid #38e0d5;
  box-shadow: 0 0 5px #38e0d5;
}
.sheet-ac-nav__hide {
  display: none;
}
.sheet-ac-nav input[type=radio]:checked + .sheet-ac-nav__label {
  border: 1px solid #00a99d;
  background: rgba(0, 169, 157, 0.15);
  color: #00a99d;
}
.sheet-ac-body__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
}
.sheet-ac-body__traits {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 1em 0;
  padding: 1em 1em;
  background-color: #042938;
  background: linear-gradient(164deg, #042938 0%, #031f27 100%);
  color: white;
}
.sheet-ac-body__traits .itemcontrol button.repcontrol_del,
.sheet-ac-body__traits .itemcontrol a.repcontrol_move {
  border: 1px solid white;
  color: white;
}
.sheet-ac-body__traits .itemcontrol a.repcontrol_move {
  color: white;
}
.sheet-ac-body__traits .repcontrol {
  margin-bottom: 1em;
}
.sheet-ac-body__traits .repcontrol button.repcontrol_add,
.sheet-ac-body__traits .repcontrol button.repcontrol_del,
.sheet-ac-body__traits .repcontrol button.repcontrol_move,
.sheet-ac-body__traits .repcontrol button.repcontrol_edit {
  border: 1px solid white;
  color: white;
}
.sheet-ac-body__misc {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
}
.sheet-ac-stat__header {
  display: grid;
  grid-template-columns: 1fr 5em;
  align-items: center;
  padding: 0.125em 0.5em;
  background: #bd9c55;
  color: white;
  font-size: 12pt;
  font-weight: 800;
  text-transform: uppercase;
}
.sheet-ac-stat__title {
  letter-spacing: 2px;
}
.sheet-ac-stat__value {
  display: grid;
  grid-template-columns: 1fr 0.75fr;
  align-items: center;
  color: white;
}
.sheet-ac-stat__value input[type=text], .sheet-ac-stat__value input[type=number] {
  background: rgba(0, 0, 0, 0.125);
  color: white;
  font-size: 14pt;
  font-weight: 800;
}
.sheet-ac-stat__value span {
  text-align: center;
  font-weight: 600;
}
.sheet-ac-stat__bonus {
  font-size: 12pt;
}
.sheet-ac-stat__bonus:before, .sheet-ac-stat__bonus:after {
  display: inline;
}
.sheet-ac-stat__bonus:before {
  content: "(";
}
.sheet-ac-stat__bonus:after {
  content: ")";
}
.sheet-ac-stat__body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25em 0;
}
.sheet-ac-skill {
  display: grid;
  grid-template-columns: 1fr 3.5em;
  gap: 0;
  align-items: center;
}
.sheet-ac-skill__name[type=roll] {
  display: flex;
  flex-grow: 0;
  align-items: center;
  border: 0;
  background: none;
  font-size: 9pt !important;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
}
.sheet-ac-skill__name[type=roll]:before {
  display: none;
}
.sheet-ac-skill__name[type=roll]:after {
  display: block;
  flex-grow: 1;
  content: "";
  height: 0;
  margin: 0;
  margin-left: 4px;
  border-bottom: 3px solid #bd9c55;
}
.sheet-ac-skill__name[type=roll]:hover {
  color: #38e0d5;
  box-shadow: none !important;
  border: 0 !important;
}
.sheet-ac-skill__name[type=roll]:hover:after {
  border-color: #38e0d5;
}
.sheet-ac-skill__value {
  margin: 0;
  padding: 0;
}
.sheet-ac-skill__value select {
  margin: 0 !important;
  padding: 0;
  border: 0;
  font-size: 10pt;
  line-height: 10pt;
}
.sheet-ac-traits {
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  padding: 1em;
}
.sheet-ac-traits:last-child {
  border-right: 0;
}
.sheet-ac-traits__header {
  padding: 0.5em;
  margin-bottom: 0.5em;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}
.sheet-ac-trait {
  margin-bottom: 1em;
  border: 1px solid rgba(0, 169, 157, 0.5);
}
.sheet-ac-trait__title {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  margin-bottom: 0;
  padding: 0;
  border: 1px solid transparent;
}
.sheet-ac-trait__title > div {
  flex-shrink: 0;
  margin-right: 5px;
}
.sheet-ac-trait__title > input {
  flex-grow: 1;
  height: 2.5em;
  background: rgba(0, 0, 40, 0.25) !important;
  border: 1px solid transparent;
  border-bottom: 1px solid rgba(0, 169, 157, 0.5);
  border-radius: 0;
  color: #38e0d5 !important;
  font-size: 9pt !important;
  font-weight: 600 !important;
}
.sheet-ac-trait__description {
  padding: 0;
}
.sheet-ac-trait__description textarea {
  width: 100%;
  height: 7.5em;
  padding: 0.25em;
  margin: 0;
  border: 1px solid transparent;
  border-radius: none;
  background: rgba(0, 0, 40, 0.25);
  color: white;
  font-size: 9pt;
}
.sheet-ac-networks__header, .sheet-ac-baggage__header {
  color: #d2232a;
  font-size: 14pt;
  font-weight: 800;
  text-transform: uppercase;
}
.sheet-ac-networks__item, .sheet-ac-baggage__item {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  margin-bottom: 0.5em;
  border: 0;
  border-bottom: 1px solid #aaa;
}
.sheet-ac-networks__item:before, .sheet-ac-baggage__item:before {
  display: inline-block;
  flex-shrink: 0;
  content: "4";
  margin-right: 0.25em;
  color: #00a99d;
  font-family: "Pictos";
}
.sheet-ac-networks__item > input, .sheet-ac-baggage__item > input {
  flex-grow: 1;
  border: 0;
  font-size: 10pt !important;
}
.sheet-ac-baggage textarea {
  height: 4.5em;
}
.sheet-ac-baggage__item {
  align-items: flex-start !important;
}
.sheet-ac-baggage__item:before {
  margin-top: 0.1em;
}
.sheet-ac-biometrics__header {
  color: #d2232a;
  font-size: 14pt;
  font-weight: 800;
  text-transform: uppercase;
}
.sheet-ac-biometrics__container {
  border: 1px solid #bd9c55;
  padding: 0.5em;
}
.sheet-ac-biometrics__row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.sheet-ac-biometrics__row--textarea {
  margin-top: 0.5em;
}
.sheet-ac-biometrics__row--textarea textarea {
  background: #eee;
}
.sheet-ac-biometrics__label {
  flex-shrink: 0;
  font-size: 10pt;
  font-weight: 600;
  text-transform: uppercase;
}
.sheet-ac-biometrics__label:after {
  display: inline;
  content: ":";
  margin-right: 0.5em;
}
.sheet-ac-biometrics__input, .sheet-ac-health__input--minmax, .sheet-ac-biometrics__input--minmax {
  flex-grow: 1;
  font-size: 10pt;
  font-weight: 600;
}
.sheet-ac-biometrics__input input[type=number], .sheet-ac-health__input--minmax input[type=number], .sheet-ac-biometrics__input--minmax input[type=number],
.sheet-ac-biometrics__input input[type=text],
.sheet-ac-health__input--minmax input[type=text],
.sheet-ac-biometrics__input--minmax input[type=text] {
  border: 0;
  border-bottom: 1px solid #aaa;
}
.sheet-ac-biometrics__input--minmax {
  flex-grow: 0;
  display: grid;
  grid-template-columns: 1fr 0.5em 1fr;
  align-items: center;
  width: 50%;
}
.sheet-ac-biometrics textarea {
  height: 7.5em;
}
.sheet-ac-health {
  margin-top: 2em;
}
.sheet-ac-health__label {
  flex-shrink: 0;
  font-size: 10pt;
  font-weight: 600;
  text-transform: uppercase;
}
.sheet-ac-health__label:after {
  display: inline;
  content: ":";
  margin-right: 0.5em;
}
.sheet-ac-health__input {
  flex-grow: 1;
  font-size: 10pt;
  font-weight: 600;
}
.sheet-ac-health__input input[type=number],
.sheet-ac-health__input input[type=text] {
  border: 0;
  border-bottom: 1px solid #aaa;
}
.sheet-ac-health__input--minmax {
  flex-grow: 0;
  display: grid;
  grid-template-columns: 1fr 0.5em 1fr;
  align-items: center;
  width: 30%;
}
.sheet-ac-health__row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-bottom: 0.5em;
}
.sheet-ac-health__row--textarea textarea {
  background: #eee;
}
.sheet-ac-equipment {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  gap: 1em 0;
}
.sheet-ac-equipment > * {
  padding: 0.75em;
}
.sheet-ac-equipment__credits {
  grid-column: 1/-1;
}
.sheet-ac-equipment__header {
  color: #d2232a;
  font-size: 14pt;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}
.sheet-ac-equipment__tools {
  border-left: 1px dashed #aaa;
}
.sheet-ac-credits {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.5em;
  align-items: center;
}
.sheet-ac-credits__title {
  color: #d2232a;
  font-size: 14pt;
  font-weight: 800;
  text-transform: uppercase;
}
.sheet-ac-credits__item {
  display: flex;
  border: 1px solid #00a99d;
  border-left: 3px solid #00a99d;
  border-right: 3px solid #00a99d;
  font-size: 10pt;
  font-weight: 600;
}
.sheet-ac-credits__item input {
  border: 0;
  text-align: center;
}
.sheet-ac-credits__label {
  padding: 0.125em;
}
.sheet-ac-credits__input {
  margin-left: 0.5em;
}
.sheet-ac-tool, .sheet-ac-item {
  margin-bottom: 1.5em;
  padding: 0.75em;
  border: 2px solid #00a99d;
}
.sheet-ac-tool input, .sheet-ac-item input {
  flex-shrink: 1;
  border: 0;
  width: 100%;
}
.sheet-ac-tool__row, .sheet-ac-item__row, .sheet-ac-tool__row--name, .sheet-ac-tool__row--skillchecks, .sheet-ac-item__row--name, .sheet-ac-item__row--skillchecks {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-bottom: 1em;
}
.sheet-ac-tool__row input, .sheet-ac-item__row input, .sheet-ac-tool__row--name input, .sheet-ac-tool__row--skillchecks input, .sheet-ac-item__row--name input, .sheet-ac-item__row--skillchecks input {
  flex-grow: 1;
  border-bottom: 1px solid #aaa;
}
.sheet-ac-tool__row--bonus, .sheet-ac-item__row--bonus {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 1em;
}
.sheet-ac-tool__row--checks, .sheet-ac-item__row--checks {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  margin-bottom: 1em;
}
.sheet-ac-tool__row--special, .sheet-ac-item__row--special {
  display: grid;
}
.sheet-ac-tool__label, .sheet-ac-item__label, .sheet-ac-tool__label--name, .sheet-ac-item__label--name {
  flex-shrink: 0;
  font-size: 9pt;
  font-weight: 800;
}
.sheet-ac-tool__label:after, .sheet-ac-item__label:after, .sheet-ac-tool__label--name:after, .sheet-ac-item__label--name:after {
  display: inline;
  content: ":";
  margin-right: 0.5em;
}
.sheet-ac-tool__label--name, .sheet-ac-item__label--name {
  color: #d2232a;
  font-size: 14pt;
  font-weight: 800;
  text-transform: uppercase;
}
.sheet-ac-tool__label--small, .sheet-ac-item__label--small {
  flex-basis: 1.5em;
  font-weight: 400;
}
.sheet-ac-tool__bonus, .sheet-ac-item__bonus {
  grid-column: span 2;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.sheet-ac-tool__checkmarks, .sheet-ac-item__checkmarks {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
}
.sheet-ac-tool__checkmarks label, .sheet-ac-item__checkmarks label {
  cursor: pointer;
}
.sheet-ac-tool__checkmarks label span, .sheet-ac-item__checkmarks label span {
  display: block;
  height: 1em;
  width: 1em;
  border-radius: 50%;
  background-color: rgba(0, 169, 157, 0.125);
  border: 1px solid #38e0d5;
}
.sheet-ac-tool__checkmarks label input[type=radio], .sheet-ac-item__checkmarks label input[type=radio] {
  display: none;
}
.sheet-ac-tool__checkmarks label input[type=radio]:checked + span, .sheet-ac-item__checkmarks label input[type=radio]:checked + span {
  background-color: #00a99d;
}
.sheet-ac-tool__checkmarks label.sheet-ac-checkmark--red span, .sheet-ac-item__checkmarks label.sheet-ac-checkmark--red span {
  background-color: rgba(210, 35, 42, 0.125);
  border: 1px solid #d2232a;
}
.sheet-ac-tool__checkmarks label.sheet-ac-checkmark--red input[type=radio], .sheet-ac-item__checkmarks label.sheet-ac-checkmark--red input[type=radio] {
  display: none;
}
.sheet-ac-tool__checkmarks label.sheet-ac-checkmark--red input[type=radio]:checked + span, .sheet-ac-item__checkmarks label.sheet-ac-checkmark--red input[type=radio]:checked + span {
  background-color: #d2232a;
}
.sheet-ac-tool__price, .sheet-ac-item__price {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid #bd9c55;
}
.sheet-ac-tool__price .sheet-ac-tool__label,
.sheet-ac-tool__price .sheet-ac-item__label,
.sheet-ac-tool__price .sheet-ac-tool__label--name,
.sheet-ac-tool__price .sheet-ac-item__label--name, .sheet-ac-item__price .sheet-ac-tool__label,
.sheet-ac-item__price .sheet-ac-item__label,
.sheet-ac-item__price .sheet-ac-tool__label--name,
.sheet-ac-item__price .sheet-ac-item__label--name {
  font-size: 8pt;
  font-weight: 400;
}
.sheet-ac-tool__price input[type=text], .sheet-ac-item__price input[type=text] {
  width: 4em;
}
.sheet-ac-tool__special textarea, .sheet-ac-item__special textarea {
  border: 1px solid #aaa;
  height: 5em;
}
.sheet-ac-tool__triggered, .sheet-ac-item__triggered {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
  gap: 0.5em;
  width: 100%;
}
.sheet-ac-tool__triggered .sheet-ac-item__checkmarks, .sheet-ac-item__triggered .sheet-ac-item__checkmarks {
  grid-template-columns: repeat(5, 1fr);
}
.sheet-ac-tool__special .sheet-ac-tool__label,
.sheet-ac-tool__special .sheet-ac-item__label,
.sheet-ac-tool__special .sheet-ac-tool__label--name,
.sheet-ac-tool__special .sheet-ac-item__label--name, .sheet-ac-tool__triggered .sheet-ac-tool__label,
.sheet-ac-tool__triggered .sheet-ac-item__label,
.sheet-ac-tool__triggered .sheet-ac-tool__label--name,
.sheet-ac-tool__triggered .sheet-ac-item__label--name, .sheet-ac-item__special .sheet-ac-tool__label,
.sheet-ac-item__special .sheet-ac-item__label,
.sheet-ac-item__special .sheet-ac-tool__label--name,
.sheet-ac-item__special .sheet-ac-item__label--name, .sheet-ac-item__triggered .sheet-ac-tool__label,
.sheet-ac-item__triggered .sheet-ac-item__label,
.sheet-ac-item__triggered .sheet-ac-tool__label--name,
.sheet-ac-item__triggered .sheet-ac-item__label--name {
  grid-column: 1/-1;
  color: #00a99d;
  font-size: 10pt;
}
.sheet-ac-tool__wrap, .sheet-ac-item__wrap {
  font-size: 14pt;
  font-weight: 600;
}

.sheet-ac-body {
  display: none;
}

.sheet-ac-equipment {
  display: none;
}

input[name=attr_nav][value="Character Sheet"] ~ .sheet-ac-body {
  display: block;
}

input[name=attr_nav][value=Equipment] ~ .sheet-ac-equipment {
  display: grid;
}

.sheet-rolltemplate-alteredcarbon {
  background: white;
  padding: 0.5em;
}
.sheet-rolltemplate-alteredcarbon h1 {
  margin-bottom: 0.25em;
  color: #00a99d;
  font-size: 14pt;
  letter-spacing: 2px;
  line-height: 14pt;
  text-align: center;
  text-transform: uppercase;
}
.sheet-rolltemplate-alteredcarbon h2 {
  margin-bottom: 0.25em;
  color: #d2232a;
  font-size: 10pt;
  font-weight: 600;
  line-height: 10pt;
  text-align: center;
}
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-container {
  padding: 0.5em;
  border: 2px solid #38e0d5;
  color: black;
}
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-target {
  margin: 0.5em 0;
  padding: 0.5em;
  text-align: center;
  background: #042938;
  color: white;
}
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-target .sheet-ac-roll-target-label {
  font-size: 12pt;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-target .sheet-ac-roll-target-label:after {
  display: inline;
  content: ":";
  margin-right: 0.75em;
}
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-target .sheet-ac-roll-target-value {
  color: #38e0d5;
  font-size: 12pt;
  font-weight: 800;
}
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result {
  display: flex;
  justify-content: space-around;
}
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result-roll *, .sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result-luck *, .sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result-bonus * {
  text-align: center;
}
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result-roll strong, .sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result-luck strong, .sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result-bonus strong {
  display: block;
  font-size: 9pt;
  font-weight: 400;
  text-transform: uppercase;
}
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result-roll div, .sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result-luck div, .sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result-bonus div {
  width: 1em;
  height: 1em;
  margin: auto;
  padding: 0.25em;
  border: 1px solid #aaa;
  font-size: 16pt;
}
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result .importantroll,
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result .fullcrit,
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result .fullfail,
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result .inlinerollresult {
  border: none;
  background: transparent;
  font-family: inherit;
  line-height: 1em;
}
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result .fullcrit {
  color: #00a99d;
}
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result .fullfail {
  color: #d2232a;
}
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-tag {
  margin-top: 0.5em;
}
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-tag .sheet-ac-roll-ace {
  padding: 5px;
  border: 1px solid #00a99d;
  color: #00a99d;
  font-size: 12pt;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-tag .sheet-ac-roll-stroke {
  padding: 5px;
  background: #38e0d5;
  color: white;
  font-size: 12pt;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-tag .sheet-ac-roll-catastrophe {
  padding: 5px;
  background: #d2232a;
  color: white;
  font-size: 12pt;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}