fabula-ultima.css

@import url("https://fonts.googleapis.com/css?family=Antonio:400:500:700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Cormorant+Garamond:300:400:700&display=swap");
@import url("https://fonts.googleapis.com/css?family=PT+Serif:400:700&display=swap");
@import url("https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400:700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Antonio:wght@400;500;700&display=swap");
html {
  box-sizing: border-box;
  font-size: 12px;
}
html .characterviewer,
html .tab-content,
html .sheetform,
html .charactersheet {
  box-sizing: border-box;
  height: calc(100% - 1px);
}

.charsheet * {
  box-sizing: border-box;
  height: unset;
  width: unset;
  padding: unset;
  margin: unset;
  font-family: unset;
  font-size: unset;
  font-weight: unset;
  line-height: unset;
  color: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-color: unset;
  text-shadow: unset;
  box-shadow: unset;
}
.charsheet h1,
.charsheet h2,
.charsheet h3,
.charsheet h4,
.charsheet h5 {
  font-size: unset;
  line-height: unset;
  color: unset;
}
.charsheet p,
.charsheet input,
.charsheet input[type=number],
.charsheet textarea,
.charsheet select,
.charsheet button,
.charsheet button[type=roll],
.charsheet label {
  display: unset;
  width: unset;
  height: unset;
  padding: unset;
  margin-bottom: unset;
  font-family: unset;
  font-size: unset;
  font-weight: unset;
  text-shadow: none;
  line-height: unset;
  color: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-color: unset;
  box-shadow: unset;
}
.charsheet button[type=roll]::before {
  display: none;
}
.charsheet input[disabled],
.charsheet select[disabled],
.charsheet textarea[disabled],
.charsheet input[readonly],
.charsheet select[readonly],
.charsheet textarea[readonly] {
  background-color: unset;
  border-color: unset;
}

.charsheet fieldset {
  background: transparent;
}
.charsheet span {
  word-break: break-word;
}

input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

.ui-dialog .largedialog {
  padding: 0;
}
.ui-dialog .charsheet {
  padding: 0;
}
.ui-dialog .charsheet input[type=number] {
  width: unset;
  max-width: 5rem;
}

.ui-dialog .charsheet .repcontainer {
  display: grid;
}
.ui-dialog .charsheet .repcontainer .chimera-repeater--delete {
  display: none;
}
.ui-dialog .charsheet .repcontainer.editmode + .repcontrol {
  display: block !important;
}
.ui-dialog .charsheet .repcontainer.editmode + .repcontrol button.repcontrol_edit::before {
  background-image: url("https://raw.githubusercontent.com/morgdalaine/fabula-ultima/main/assets/lock-open.svg");
  width: var(--icon-component-size);
  height: var(--icon-component-size);
}
.ui-dialog .charsheet .repcontainer.editmode .chimera-repeater--delete {
  display: grid !important;
  left: var(--button-component-size);
  position: relative;
  width: calc(100% - 2 * var(--button-component-size));
}
.ui-dialog .charsheet .repcontainer.editmode .chimera-repeater--view,
.ui-dialog .charsheet .repcontainer.editmode .chimera-repeater--edit {
  display: none !important;
}
.ui-dialog .charsheet .repcontainer .repitem {
  margin-block-end: 4px;
  border-bottom: 1px solid var(--color-fabula-base);
  -o-border-image: var(--fabula-gradient-secondary-border);
     border-image: var(--fabula-gradient-secondary-border);
}
.ui-dialog .charsheet .repcontainer .repitem .itemcontrol {
  background-color: transparent;
}
.ui-dialog .charsheet .repcontrol_add, .ui-dialog .charsheet .repcontrol_edit, .ui-dialog .charsheet .repcontrol_del, .ui-dialog .charsheet .repcontrol_move {
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  width: var(--button-component-size);
  height: var(--button-component-size);
  aspect-ratio: 1;
  color: var(--button-color);
  background: transparent;
  border: 2px solid var(--button-border-color);
  border-radius: 4px;
  font-size: 0;
}
.ui-dialog .charsheet .repcontrol_add::before, .ui-dialog .charsheet .repcontrol_edit::before, .ui-dialog .charsheet .repcontrol_del::before, .ui-dialog .charsheet .repcontrol_move::before {
  content: "";
  display: block;
  width: 1.5rem;
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-size: contain;
}
.ui-dialog .charsheet .repcontrol_add:active, .ui-dialog .charsheet .repcontrol_add:hover, .ui-dialog .charsheet .repcontrol_add:focus, .ui-dialog .charsheet .repcontrol_edit:active, .ui-dialog .charsheet .repcontrol_edit:hover, .ui-dialog .charsheet .repcontrol_edit:focus, .ui-dialog .charsheet .repcontrol_del:active, .ui-dialog .charsheet .repcontrol_del:hover, .ui-dialog .charsheet .repcontrol_del:focus, .ui-dialog .charsheet .repcontrol_move:active, .ui-dialog .charsheet .repcontrol_move:hover, .ui-dialog .charsheet .repcontrol_move:focus {
  outline: transparent;
}
.ui-dialog .charsheet .repcontrol_add:hover, .ui-dialog .charsheet .repcontrol_edit:hover, .ui-dialog .charsheet .repcontrol_del:hover, .ui-dialog .charsheet .repcontrol_move:hover {
  color: var(--button-color-hover);
  border-color: var(--button-border-color-hover);
  background-color: var(--button-background-color-hover);
}
.ui-dialog .charsheet .repcontrol_add:focus, .ui-dialog .charsheet .repcontrol_edit:focus, .ui-dialog .charsheet .repcontrol_del:focus, .ui-dialog .charsheet .repcontrol_move:focus {
  color: var(--button-color-focus);
  border-color: var(--button-border-color-focus);
  background-color: var(--button-background-color-focus);
}
.ui-dialog .charsheet .repcontrol_add:active, .ui-dialog .charsheet .repcontrol_edit:active, .ui-dialog .charsheet .repcontrol_del:active, .ui-dialog .charsheet .repcontrol_move:active {
  color: var(--button-color-active);
  box-shadow: var(--button-shadow-active);
  background-color: var(--button-background-color-active);
  border-color: var(--button-border-color-active);
}
.ui-dialog .charsheet .repcontrol_add::before, .ui-dialog .charsheet .repcontrol_edit::before {
  width: 20px;
}
.ui-dialog .charsheet .repcontrol_add::before {
  background-image: url("https://raw.githubusercontent.com/morgdalaine/fabula-ultima/main/assets/feather.png");
  width: var(--icon-component-size);
  height: var(--icon-component-size);
}
.ui-dialog .charsheet .repcontrol_edit::before {
  background-image: url("https://raw.githubusercontent.com/morgdalaine/fabula-ultima/main/assets/lock.svg");
  width: var(--icon-component-size);
  height: var(--icon-component-size);
}
.ui-dialog .charsheet .repcontrol_del, .ui-dialog .charsheet .repcontrol_move {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ui-dialog .charsheet .repcontrol_del {
  right: 4px;
}
.ui-dialog .charsheet .repcontrol_del::before {
  background-image: url("https://raw.githubusercontent.com/morgdalaine/fabula-ultima/main/assets/trash.svg");
  width: var(--icon-component-size);
  height: var(--icon-component-size);
}
.ui-dialog .charsheet .repcontrol_move {
  left: 4px;
}
.ui-dialog .charsheet .repcontrol_move::before {
  background-image: url("https://raw.githubusercontent.com/morgdalaine/fabula-ultima/main/assets/move.svg");
  width: var(--icon-component-size);
  height: var(--icon-component-size);
}

.ui-dialog .charsheet .repcontainer .repitem .itemcontrol {
  background-color: transparent;
  z-index: 1;
}
.ui-dialog .charsheet .repcontainer .repitem .itemcontrol:active, .ui-dialog .charsheet .repcontainer .repitem .itemcontrol:hover, .ui-dialog .charsheet .repcontainer .repitem .itemcontrol:focus {
  outline: transparent;
}
.ui-dialog .charsheet .repcontainer .repitem .itemcontrol:hover {
  color: var(--button-color-hover);
  border-color: var(--button-border-color-hover);
  background-color: var(--button-background-color-hover);
}
.ui-dialog .charsheet .repcontainer .repitem .itemcontrol:focus {
  color: var(--button-color-focus);
  border-color: var(--button-border-color-focus);
  background-color: var(--button-background-color-focus);
}
.ui-dialog .charsheet .repcontainer .repitem .itemcontrol:active {
  color: var(--button-color-active);
  box-shadow: var(--button-shadow-active);
  background-color: var(--button-background-color-active);
  border-color: var(--button-border-color-active);
}

.chimera-repeater--is-empty[value="0"] ~ .chimera-repeater__empty {
  display: grid;
}
.chimera-repeater--empty-hide-next[value="0"] + div,
.chimera-repeater--empty-hide-next[value="0"] + section,
.chimera-repeater--empty-hide-next[value="0"] + article, .chimera-repeater--empty-hide-next[value=""] + div,
.chimera-repeater--empty-hide-next[value=""] + section,
.chimera-repeater--empty-hide-next[value=""] + article, .chimera-repeater--empty-hide-next:not([value]) + div,
.chimera-repeater--empty-hide-next:not([value]) + section,
.chimera-repeater--empty-hide-next:not([value]) + article {
  display: none !important;
}
.chimera-repeater__empty {
  display: none;
}
.chimera-repeater__header {
  padding: 8px;
}
.chimera-repeater__header span {
  display: block;
  text-align: center;
}
.chimera-repeater--view:empty, .chimera-repeater--edit:empty, .chimera-repeater--delete:empty {
  display: none;
  transition: 0.3s cubic-bezier(0.95, 0.32, 0.37, 1.21);
}
.chimera-repeater--view:not(:has(div)), .chimera-repeater--edit:not(:has(div)), .chimera-repeater--delete:not(:has(div)) {
  display: none;
}
.chimera-repeater__content {
  display: grid;
}
.chimera-repeater--edit, .chimera-repeater--delete {
  padding: 8px;
}
.chimera-repeater--view {
  padding: 4px;
}

.chimera-input--flex {
  display: flex;
}
.chimera-input:has([type=checkbox]) .chimera-input__label {
  cursor: pointer;
}
.chimera-input--gap-4 {
  gap: 4;
}
.chimera-input--gap-8 {
  gap: 8;
}
.chimera-input--gap-12 {
  gap: 12;
}
.chimera-input--gap-16 {
  gap: 16;
}

.fabula-ultima .chimera-input {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.fabula-ultima .chimera-input--column {
  flex-direction: row;
}
.fabula-ultima .chimera-input--column-reverse {
  flex-direction: column-reverse;
}
.fabula-ultima .chimera-input--flex-row {
  flex-direction: row;
}
.fabula-ultima .chimera-input--flex-row .chimera-input__label {
  align-self: center;
}
.fabula-ultima .chimera-input--row-reverse {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.fabula-ultima .chimera-input--row-reverse .chimera-input__label {
  align-self: center;
}
.fabula-ultima .chimera-input--center {
  display: flex;
  align-items: center;
}
.fabula-ultima .chimera-input--center .chimera-input__label,
.fabula-ultima .chimera-input--center .chimera-input__field {
  text-align: center;
}
.fabula-ultima .chimera-input--small .chimera-input__field {
  width: 5rem;
  text-align: center;
}
.fabula-ultima .chimera-input--small .chimera-input__field:has(input) {
  align-self: center;
}
.fabula-ultima .chimera-input--smallest {
  width: 5rem;
}
.fabula-ultima .chimera-input--nowrap .chimera-input__label {
  white-space: nowrap;
}
.fabula-ultima .chimera-input--hide-label .chimera-input__label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.fabula-ultima .chimera-input img,
.fabula-ultima .chimera-input svg {
  image-rendering: pixelated;
  width: var(--icon-component-size);
  height: var(--icon-component-size);
  aspect-ratio: 1;
}
.fabula-ultima .chimera-input__label {
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .chimera-input__field[type=number] {
  text-align: center;
}
.fabula-ultima .chimera-input__field:is(span) {
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .chimera-value--bullet::before {
  content: "✦ ";
}
.fabula-ultima .chimera-value--column {
  display: flex;
  flex-direction: column;
}
.fabula-ultima .chimera-value--reverse {
  display: flex;
  flex-direction: row-reverse;
  gap: 2px;
}
.fabula-ultima .chimera-value--colon .chimera-value__label::after {
  content: ":";
}
.fabula-ultima .chimera-value--parens::before {
  content: "(";
}
.fabula-ultima .chimera-value--parens::after {
  content: ")";
}
.fabula-ultima .chimera-value--hide-label .chimera-value__label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  display: block;
  overflow: hidden;
  padding: 0; /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}
.fabula-ultima .chimera-value--no-label-bold .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .chimera-value--center {
  text-align: center;
}
.fabula-ultima .chimera-value--helptext .chimera-value__label {
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .chimera-value--helptext .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .chimera-value--nowrap .chimera-value__value[name] {
  white-space: nowrap;
}
.fabula-ultima .chimera-value__label {
  margin-inline-end: 2px;
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .chimera-checkbox {
  display: flex;
  flex-direction: row;
  gap: 2px;
  align-items: center;
  width: 100%;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.fabula-ultima .chimera-checkbox--column {
  flex-direction: column;
}
.fabula-ultima .chimera-checkbox--column-reverse {
  flex-direction: column-reverse;
}
.fabula-ultima .chimera-checkbox--flex-row {
  flex-direction: row;
}
.fabula-ultima .chimera-checkbox--flex-row .chimera-checkbox__label {
  align-self: center;
}
.fabula-ultima .chimera-checkbox--center .chimera-checkbox__label,
.fabula-ultima .chimera-checkbox--center .chimera-checkbox__field {
  text-align: center;
}
.fabula-ultima .chimera-checkbox--hide-label span {
  display: block;
  overflow: hidden;
  padding: 0; /* 1 */
  text-indent: 101%;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.fabula-ultima .chimera-checkbox--tiny .chimera-checkbox__field {
  border: none;
  border-radius: 50%;
  aspect-ratio: 1;
}
.fabula-ultima .chimera-checkbox__label {
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .chimera-checkbox__field {
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  width: var(--input-component-size);
  height: var(--input-component-size);
  aspect-ratio: 1;
  color: var(--input-color);
  background: transparent;
  border: 2px solid var(--input-border-color);
  border-radius: 4px;
}
.fabula-ultima .chimera-checkbox__field:has(:checked) {
  background: var(--input-background-color-active);
}
.fabula-ultima .chimera-checkbox__field:has(:checked) img,
.fabula-ultima .chimera-checkbox__field:has(:checked) svg {
  filter: none;
  opacity: 1;
}
.fabula-ultima .chimera-checkbox__field:active, .fabula-ultima .chimera-checkbox__field:hover, .fabula-ultima .chimera-checkbox__field:focus {
  outline: transparent;
}
.fabula-ultima .chimera-checkbox__field:hover {
  color: var(--button-color-hover);
  border-color: var(--button-border-color-hover);
  background-color: var(--button-background-color-hover);
}
.fabula-ultima .chimera-checkbox__field:focus {
  color: var(--button-color-focus);
  border-color: var(--button-border-color-focus);
  background-color: var(--button-background-color-focus);
}
.fabula-ultima .chimera-checkbox__field:active {
  color: var(--button-color-active);
  box-shadow: var(--button-shadow-active);
  background-color: var(--button-background-color-active);
  border-color: var(--button-border-color-active);
}
.fabula-ultima .chimera-checkbox__field img,
.fabula-ultima .chimera-checkbox__field svg {
  image-rendering: pixelated;
  width: var(--icon-component-size);
  height: var(--icon-component-size);
  aspect-ratio: 1;
}
.fabula-ultima .chimera-checkbox__field img,
.fabula-ultima .chimera-checkbox__field svg {
  opacity: 0.5;
}
.fabula-ultima .chimera-checkbox__field input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.fabula-ultima .chimera-toggle {
  display: flex;
  flex-direction: row;
  gap: 2px;
  align-items: center;
  width: 100%;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.fabula-ultima .chimera-toggle--column {
  flex-direction: column;
}
.fabula-ultima .chimera-toggle--column-reverse {
  flex-direction: column-reverse;
}
.fabula-ultima .chimera-toggle--flex-row {
  flex-direction: row;
}
.fabula-ultima .chimera-toggle--flex-row .chimera-toggle__label {
  align-self: center;
}
.fabula-ultima .chimera-toggle--center {
  justify-self: center;
}
.fabula-ultima .chimera-toggle--center .chimera-toggle__label,
.fabula-ultima .chimera-toggle--center .chimera-toggle__field {
  text-align: center;
}
.fabula-ultima .chimera-toggle--hide-label span {
  display: block;
  overflow: hidden;
  padding: 0; /* 1 */
  text-indent: 101%;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.fabula-ultima .chimera-toggle--tiny {
  width: -moz-min-content;
  width: min-content;
}
.fabula-ultima .chimera-toggle__label {
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .chimera-toggle__field {
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  width: var(--input-component-size);
  height: var(--input-component-size);
  aspect-ratio: 1;
  color: var(--input-color);
  background: transparent;
  border: 2px solid var(--input-border-color);
  border-radius: 4px;
  border: none;
  border-radius: 50%;
  aspect-ratio: 1;
}
.fabula-ultima .chimera-toggle__field:has(:checked) img,
.fabula-ultima .chimera-toggle__field:has(:checked) svg {
  filter: none;
  opacity: 1;
}
.fabula-ultima .chimera-toggle__field:has(:checked) .chimera-toggle--off {
  display: none;
}
.fabula-ultima .chimera-toggle__field:not(:has(:checked)) .chimera-toggle--on {
  display: none;
}
.fabula-ultima .chimera-toggle__field:active, .fabula-ultima .chimera-toggle__field:hover, .fabula-ultima .chimera-toggle__field:focus {
  outline: transparent;
}
.fabula-ultima .chimera-toggle__field:hover {
  color: var(--button-color-hover);
  border-color: var(--button-border-color-hover);
  background-color: var(--button-background-color-hover);
}
.fabula-ultima .chimera-toggle__field:focus {
  color: var(--button-color-focus);
  border-color: var(--button-border-color-focus);
  background-color: var(--button-background-color-focus);
}
.fabula-ultima .chimera-toggle__field:active {
  color: var(--button-color-active);
  box-shadow: var(--button-shadow-active);
  background-color: var(--button-background-color-active);
  border-color: var(--button-border-color-active);
}
.fabula-ultima .chimera-toggle__field img,
.fabula-ultima .chimera-toggle__field svg {
  image-rendering: pixelated;
  width: var(--icon-component-size);
  height: var(--icon-component-size);
  aspect-ratio: 1;
}
.fabula-ultima .chimera-toggle__field img,
.fabula-ultima .chimera-toggle__field svg {
  opacity: 0.5;
}
.fabula-ultima .chimera-toggle__field img,
.fabula-ultima .chimera-toggle__field svg {
  opacity: 1;
}
.fabula-ultima .chimera-toggle__field input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.fabula-ultima .chimera-switch__group {
  display: flex;
  flex-wrap: nowrap;
  gap: 2px;
  justify-content: center;
}
.fabula-ultima .chimera-switch__label {
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  width: var(--input-component-size);
  height: var(--input-component-size);
  aspect-ratio: 1;
  color: var(--input-color);
  background: transparent;
  border: 2px solid var(--input-border-color);
  border-radius: 4px;
}
.fabula-ultima .chimera-switch__label:active, .fabula-ultima .chimera-switch__label:hover, .fabula-ultima .chimera-switch__label:focus {
  outline: transparent;
}
.fabula-ultima .chimera-switch__label:hover {
  color: var(--button-color-hover);
  border-color: var(--button-border-color-hover);
  background-color: var(--button-background-color-hover);
}
.fabula-ultima .chimera-switch__label:focus {
  color: var(--button-color-focus);
  border-color: var(--button-border-color-focus);
  background-color: var(--button-background-color-focus);
}
.fabula-ultima .chimera-switch__label:active {
  color: var(--button-color-active);
  box-shadow: var(--button-shadow-active);
  background-color: var(--button-background-color-active);
  border-color: var(--button-border-color-active);
}
.fabula-ultima .chimera-switch__label img,
.fabula-ultima .chimera-switch__label svg {
  image-rendering: pixelated;
  width: var(--icon-component-size);
  height: var(--icon-component-size);
  aspect-ratio: 1;
}
.fabula-ultima .chimera-switch__label img,
.fabula-ultima .chimera-switch__label svg {
  opacity: 0.5;
}
.fabula-ultima .chimera-switch__label:has(:checked) {
  background: var(--input-background-color-active);
}
.fabula-ultima .chimera-switch__label:has(:checked) img,
.fabula-ultima .chimera-switch__label:has(:checked) svg {
  filter: none;
  opacity: 1;
}
.fabula-ultima .chimera-switch__label input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.fabula-ultima .chimera-switch__label span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.fabula-ultima .chimera-shadow {
  background-color: var(--surface-container-lowest);
  border-radius: 4px;
  box-shadow: var(--box-shadow-light);
  overflow: hidden;
  padding: 12px;
  height: -moz-min-content;
  height: min-content;
}
.fabula-ultima .chimera-arithmetic {
  display: flex;
  gap: 2px;
  align-items: center;
  justify-content: center;
  width: 100%;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.fabula-ultima .chimera-arithmetic--small .chimera-arithmetic__add, .fabula-ultima .chimera-arithmetic--small .chimera-arithmetic__subtract, .fabula-ultima .chimera-arithmetic--small .chimera-arithmetic__button {
  width: var(--icon-component-size);
  height: var(--icon-component-size);
}
.fabula-ultima .chimera-arithmetic__label {
  font-family: var(--font-title);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
}
.fabula-ultima .chimera-arithmetic__add, .fabula-ultima .chimera-arithmetic__subtract, .fabula-ultima .chimera-arithmetic__button {
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  color: var(--input-color);
  background: transparent;
  border: 2px solid transparent;
  border-radius: 50%;
}
.fabula-ultima .chimera-arithmetic__add:active, .fabula-ultima .chimera-arithmetic__add:hover, .fabula-ultima .chimera-arithmetic__add:focus, .fabula-ultima .chimera-arithmetic__subtract:active, .fabula-ultima .chimera-arithmetic__subtract:hover, .fabula-ultima .chimera-arithmetic__subtract:focus, .fabula-ultima .chimera-arithmetic__button:active, .fabula-ultima .chimera-arithmetic__button:hover, .fabula-ultima .chimera-arithmetic__button:focus {
  outline: transparent;
}
.fabula-ultima .chimera-arithmetic__add:active img,
.fabula-ultima .chimera-arithmetic__add:active svg, .fabula-ultima .chimera-arithmetic__add:hover img,
.fabula-ultima .chimera-arithmetic__add:hover svg, .fabula-ultima .chimera-arithmetic__add:focus img,
.fabula-ultima .chimera-arithmetic__add:focus svg, .fabula-ultima .chimera-arithmetic__subtract:active img,
.fabula-ultima .chimera-arithmetic__subtract:active svg, .fabula-ultima .chimera-arithmetic__subtract:hover img,
.fabula-ultima .chimera-arithmetic__subtract:hover svg, .fabula-ultima .chimera-arithmetic__subtract:focus img,
.fabula-ultima .chimera-arithmetic__subtract:focus svg, .fabula-ultima .chimera-arithmetic__button:active img,
.fabula-ultima .chimera-arithmetic__button:active svg, .fabula-ultima .chimera-arithmetic__button:hover img,
.fabula-ultima .chimera-arithmetic__button:hover svg, .fabula-ultima .chimera-arithmetic__button:focus img,
.fabula-ultima .chimera-arithmetic__button:focus svg {
  opacity: 1;
}
.fabula-ultima .chimera-arithmetic__add:hover, .fabula-ultima .chimera-arithmetic__subtract:hover, .fabula-ultima .chimera-arithmetic__button:hover {
  color: var(--button-color-hover);
  background-color: var(--button-background-color-hover);
}
.fabula-ultima .chimera-arithmetic__add:focus, .fabula-ultima .chimera-arithmetic__subtract:focus, .fabula-ultima .chimera-arithmetic__button:focus {
  color: var(--button-color-focus);
  border-color: var(--button-border-color-focus);
  background-color: var(--button-background-color-focus);
}
.fabula-ultima .chimera-arithmetic__add:active, .fabula-ultima .chimera-arithmetic__subtract:active, .fabula-ultima .chimera-arithmetic__button:active {
  color: var(--button-color-active);
  box-shadow: var(--button-shadow-active);
  background-color: var(--button-background-color-active);
}
.fabula-ultima .chimera-arithmetic__add img,
.fabula-ultima .chimera-arithmetic__add svg, .fabula-ultima .chimera-arithmetic__subtract img,
.fabula-ultima .chimera-arithmetic__subtract svg, .fabula-ultima .chimera-arithmetic__button img,
.fabula-ultima .chimera-arithmetic__button svg {
  image-rendering: pixelated;
  width: var(--icon-component-size);
  height: var(--icon-component-size);
  aspect-ratio: 1;
}
.fabula-ultima .chimera-arithmetic__add img,
.fabula-ultima .chimera-arithmetic__add svg, .fabula-ultima .chimera-arithmetic__subtract img,
.fabula-ultima .chimera-arithmetic__subtract svg, .fabula-ultima .chimera-arithmetic__button img,
.fabula-ultima .chimera-arithmetic__button svg {
  opacity: 0.5;
}
.fabula-ultima .chimera-repeater--simple {
  padding: 0 4px;
}
.fabula-ultima .chimera-repeater--simple .repcontainer {
  gap: 0px;
}
.fabula-ultima .chimera-repeater--simple .repcontainer .repitem {
  margin-block-end: 0;
  border: none;
}
.fabula-ultima .chimera-repeater__empty {
  background: transparent;
  padding: 8px;
  margin-block: 4px;
  border: 2px dashed var(--input-border-color);
  border-radius: 4px;
}
.fabula-ultima .chimera-repeater__empty-header {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .chimera-repeater__empty-subtitle {
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .chimera-action {
  position: relative;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  width: var(--input-component-size);
  height: var(--input-component-size);
  aspect-ratio: 1;
  color: var(--input-color);
  background: transparent;
  border: 2px solid var(--input-border-color);
  border-radius: 4px;
  padding-inline: 4px;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  aspect-ratio: auto;
}
.fabula-ultima .chimera-action--invisible {
  border: none;
  border-radius: 0;
  padding-inline: 0;
  width: 100%;
}
.fabula-ultima .chimera-action:active, .fabula-ultima .chimera-action:hover, .fabula-ultima .chimera-action:focus {
  outline: transparent;
}
.fabula-ultima .chimera-action:hover {
  color: var(--button-color-hover);
  border-color: var(--button-border-color-hover);
  background-color: var(--button-background-color-hover);
}
.fabula-ultima .chimera-action:focus {
  color: var(--button-color-focus);
  border-color: var(--button-border-color-focus);
  background-color: var(--button-background-color-focus);
}
.fabula-ultima .chimera-action:active {
  color: var(--button-color-active);
  box-shadow: var(--button-shadow-active);
  background-color: var(--button-background-color-active);
  border-color: var(--button-border-color-active);
}
.fabula-ultima .chimera-action img,
.fabula-ultima .chimera-action svg {
  image-rendering: pixelated;
  width: var(--icon-component-size);
  height: var(--icon-component-size);
  aspect-ratio: 1;
}
.fabula-ultima .chimera-action img,
.fabula-ultima .chimera-action svg {
  opacity: 0.5;
}
.fabula-ultima .chimera-action__label {
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  white-space: nowrap;
}
.fabula-ultima .chimera-action label {
  cursor: pointer;
}
.fabula-ultima .chimera-action img,
.fabula-ultima .chimera-action svg {
  opacity: 1;
}
.fabula-ultima .chimera-action:not(:has(div)) img,
.fabula-ultima .chimera-action:not(:has(div)) svg {
  position: absolute;
}

.fabula-ultima input[type=number],
.fabula-ultima input[type=text],
.fabula-ultima select,
.fabula-ultima textarea {
  width: 100%;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  min-height: var(--input-component-size);
  color: var(--input-color);
  background: transparent;
  background: var(--input-background-color);
  padding-inline: 4px;
  padding-block: 1px;
  border: 2px solid var(--input-border-color);
  border-radius: 4px;
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima input[type=number]:active, .fabula-ultima input[type=number]:hover, .fabula-ultima input[type=number]:focus,
.fabula-ultima input[type=text]:active,
.fabula-ultima input[type=text]:hover,
.fabula-ultima input[type=text]:focus,
.fabula-ultima select:active,
.fabula-ultima select:hover,
.fabula-ultima select:focus,
.fabula-ultima textarea:active,
.fabula-ultima textarea:hover,
.fabula-ultima textarea:focus {
  outline: transparent;
}
.fabula-ultima input[type=number]:hover,
.fabula-ultima input[type=text]:hover,
.fabula-ultima select:hover,
.fabula-ultima textarea:hover {
  color: var(--input-color-hover);
  border-color: var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.fabula-ultima input[type=number]:focus,
.fabula-ultima input[type=text]:focus,
.fabula-ultima select:focus,
.fabula-ultima textarea:focus {
  color: var(--input-color-focus);
  border-color: var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.fabula-ultima input[type=number]:active,
.fabula-ultima input[type=text]:active,
.fabula-ultima select:active,
.fabula-ultima textarea:active {
  color: var(--input-color-active);
  box-shadow: var(--input-shadow-active);
  background-color: var(--input-background-color-active);
  border-color: var(--input-border-color-active);
}
.fabula-ultima input[type=number]::-moz-placeholder, .fabula-ultima input[type=text]::-moz-placeholder, .fabula-ultima select::-moz-placeholder, .fabula-ultima textarea::-moz-placeholder {
  color: gray;
}
.fabula-ultima input[type=number]::placeholder,
.fabula-ultima input[type=text]::placeholder,
.fabula-ultima select::placeholder,
.fabula-ultima textarea::placeholder {
  color: gray;
}
.fabula-ultima input[type=checkbox] {
  width: var(--input-component-size);
  height: var(--input-component-size);
  color: var(--input-color);
  background: transparent;
  padding-inline: 4px;
  padding-block: 1px;
  border: 2px solid var(--input-border-color);
  border-radius: 4px;
  align-self: normal;
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima input[type=number] {
  text-align: center;
}
.fabula-ultima input[type=number][disabled], .fabula-ultima input[type=number][readonly] {
  cursor: default;
  background: var(--input-background-disabled);
  color: var(--input-color-disabled);
  border-color: var(--input-border-disabled);
}
.fabula-ultima textarea {
  max-height: 10rem;
  resize: vertical;
  scrollbar-width: thin;
}
@supports selector(::-webkit-scrollbar) {
  .fabula-ultima textarea::-webkit-scrollbar {
    width: 0.5rem;
    background: transparent;
  }
  .fabula-ultima textarea::-webkit-scrollbar-track {
    background: var(--input-color-active);
  }
}
.fabula-ultima span[name] {
  white-space: pre-wrap;
}
.fabula-ultima span[name]:empty {
  text-align: center;
}
.fabula-ultima span[name]:empty:before {
  display: inline;
  content: "—";
}
.fabula-ultima .fabula-bracket--closed {
  margin-right: -0.5rem;
}
.fabula-ultima .fabula-check {
  display: flex;
  flex-wrap: nowrap;
}
.fabula-ultima .fabula-check__accuracy, .fabula-ultima .fabula-check__damage {
  display: flex;
  flex-wrap: nowrap;
}
.fabula-ultima .fabula-check__accuracy span, .fabula-ultima .fabula-check__damage span {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  white-space: nowrap;
}
.fabula-ultima .fabula-check__hide-accuracy[value="0"] + .fabula-check__accuracy--mod {
  display: none;
}
.fabula-ultima .fabula-check__hide-damage[value="0"] ~ .fabula-diamond,
.fabula-ultima .fabula-check__hide-damage[value="0"] ~ .fabula-check__damage {
  display: none;
}
.fabula-ultima .fabula-check__hide-damage:not([value="0"]) ~ .fabula-diamond {
  margin-left: 0.5rem;
}
.fabula-ultima .fabula-diamond {
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .send-to-chat {
  border: none;
  border-radius: 50%;
  aspect-ratio: 1;
}
.fabula-ultima .send-to-chat span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.fabula-ultima select {
  align-self: normal;
}
.fabula-ultima select option {
  background: var(--input-background);
  color: var(--input-color);
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.fabula-translation {
  display: none;
}

div#tab-content.tab-content .attributesabilities {
  min-width: 525px;
}
div#tab-content.tab-content .attributesabilities .divider {
  border: none;
}

html .characterviewer {
  display: grid !important;
  grid-template-rows: auto 1fr;
}
html .characterviewer .content {
  margin-bottom: 0;
}
html .characterviewer .charsheet {
  padding: 0;
}
html .characterviewer .nav-tabs {
  padding-block-start: 8px;
  margin-block-end: 0px;
  border: none;
}
html .characterviewer .nav-tabs > li {
  margin-bottom: 0;
}
html .characterviewer .nav-tabs > li.active > a {
  opacity: 1 !important;
  color: white;
  background: var(--fabula-gradient-primary);
}
html .characterviewer .nav-tabs > li > a {
  border: none !important;
  padding-block: 4px;
  padding-inline: 12px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
  text-transform: uppercase;
}
html .characterviewer .nav-tabs > li > a:hover, html .characterviewer .nav-tabs > li > a:active {
  /* Fallback: Set a background color. */
  background-color: lime;
  /* Create the gradient. */
  background-image: var(--fabula-gradient-primary);
  /* Set the background size and repeat properties. */
  background-size: 100%;
  background-repeat: repeat;
  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}
html .characterviewer .nav-tabs > li > a:active {
  background-image: linear-gradient(90deg, rgb(110, 70, 141) 0%, rgb(255, 255, 255) 100%);
}
html .characterviewer .nav-tabs > li.active > a,
html .characterviewer .nav-tabs > li.active > a:hover,
html .characterviewer .nav-tabs > li.active > a:focus, html .characterviewer .nav-tabs > li:not(.active) > a,
html .characterviewer .nav-tabs > li:not(.active) > a:hover,
html .characterviewer .nav-tabs > li:not(.active) > a:focus {
  text-decoration: none;
}
html .characterviewer .nav-tabs > li:nth-child(4) > a:nth-child(1) {
  opacity: 0.3;
}
html .characterviewer .nav-tabs > li:nth-child(4) > a:nth-child(1):hover, html .characterviewer .nav-tabs > li:nth-child(4) > a:nth-child(1):focus {
  opacity: 1;
}

.fabula-ultima__header {
  display: flex;
  gap: 4px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  justify-content: space-between;
  display: flex;
  margin-inline: 8px;
  max-width: 45rem;
}
.fabula-ultima__header .sheet-mode,
.fabula-ultima__header .sheet-type,
.fabula-ultima__header .sheet-settings {
  width: -moz-fit-content;
  width: fit-content;
}
.fabula-ultima__header .sheet-mode span,
.fabula-ultima__header .sheet-mode label,
.fabula-ultima__header .sheet-type span,
.fabula-ultima__header .sheet-type label,
.fabula-ultima__header .sheet-settings span,
.fabula-ultima__header .sheet-settings label {
  white-space: nowrap;
}
.fabula-ultima__header .sheet-type {
  margin-left: auto;
}

.fabula-ultima .bestiary .basic-attacks__heading--edit .chimera-toggle, .fabula-ultima .bestiary .basic-attacks__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .bestiary .basic-attacks__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .bestiary .basic-attacks__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .basic-attacks--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .basic-attacks--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .bestiary .basic-attacks--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .basic-attacks--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .basic-attacks--view .chimera-wrapper,
.fabula-ultima .bestiary .basic-attacks--view .chimera-repeater--simple, .fabula-ultima .bestiary .basic-attacks--edit .chimera-wrapper,
.fabula-ultima .bestiary .basic-attacks--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .basic-attacks:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .bestiary .basic-attacks:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .basic-attacks .chimera-repeater,
.fabula-ultima .bestiary .basic-attacks .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .basic-attacks--delete .basic-attack {
  display: flex;
  gap: 4px;
}
.fabula-ultima .bestiary .basic-attacks--delete .basic-attack__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .basic-attacks--view input[name*=attack_range][value=melee] ~ * .basic-attack__range--melee {
  display: block;
}
.fabula-ultima .bestiary .basic-attacks--view input[name*=attack_range][value=distance] ~ * .basic-attack__range--distance {
  display: block;
}
.fabula-ultima .bestiary .basic-attacks--view .basic-attack {
  display: grid;
  grid-template-columns: 1fr auto 0.5fr;
  gap: 4px;
  align-items: center;
}
.fabula-ultima .bestiary .basic-attacks--view .basic-attack__range--melee, .fabula-ultima .bestiary .basic-attacks--view .basic-attack__range--distance {
  display: none;
}
.fabula-ultima .bestiary .basic-attacks--view .basic-attack__check {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.fabula-ultima .bestiary .basic-attacks--view .basic-attack__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .bestiary .basic-attacks--view .basic-attack__type {
  text-align: end;
}
.fabula-ultima .bestiary .basic-attacks--view .basic-attack__type .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .basic-attacks--view .basic-attack__special {
  grid-column: 1/-1;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .basic-attacks--view .basic-attack__special:has(span:empty) {
  display: none;
}
.fabula-ultima .bestiary .basic-attacks--edit .basic-attack {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
}
.fabula-ultima .bestiary .basic-attacks--edit .basic-attack__special {
  grid-column: 1/-1;
}
.fabula-ultima .bestiary .basic-attacks--edit .basic-attack__name {
  grid-column: span 3;
}

.fabula-ultima .bestiary .spells__heading--edit .chimera-toggle, .fabula-ultima .bestiary .spells__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .bestiary .spells__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .bestiary .spells__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .spells--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .spells--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .bestiary .spells--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .spells--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .spells--view .chimera-wrapper,
.fabula-ultima .bestiary .spells--view .chimera-repeater--simple, .fabula-ultima .bestiary .spells--edit .chimera-wrapper,
.fabula-ultima .bestiary .spells--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .spells:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .bestiary .spells:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .spells .chimera-repeater,
.fabula-ultima .bestiary .spells .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .spells--delete .spell {
  display: flex;
  gap: 4px;
}
.fabula-ultima .bestiary .spells--delete .spell input[name*=spell_is_offensive][value="0"] ~ .spell__offensive,
.fabula-ultima .bestiary .spells--delete .spell input[name*=spell_is_offensive] :not([value]) ~ .spell__offensive {
  display: none;
}
.fabula-ultima .bestiary .spells--delete .spell__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .spells--delete .spell__offensive {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
}
.fabula-ultima .bestiary .spells--view .spell {
  display: grid;
  grid-template-columns: 1fr repeat(2, auto);
  gap: 4px;
}
.fabula-ultima .bestiary .spells--view .spell input[name*=spell_is_offensive][value="0"] ~ .spell__offensive,
.fabula-ultima .bestiary .spells--view .spell input[name*=spell_is_offensive] :not([value]) ~ .spell__offensive {
  display: none;
}
.fabula-ultima .bestiary .spells--view .spell__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .bestiary .spells--view .spell__type .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .spells--view .spell__offensive {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
}
.fabula-ultima .bestiary .spells--view .spell__mp .chimera-value__label {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .bestiary .spells--view .spell__mp .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .spells--view .spell__target-duration {
  grid-column: 1/-1;
  grid-row-start: 2;
  display: flex;
  gap: 4px;
}
.fabula-ultima .bestiary .spells--view .spell__effect {
  grid-column: 1/-1;
  grid-row-start: 3;
}
.fabula-ultima .bestiary .spells--edit .spell {
  display: grid;
  grid-template-columns: repeat(2, 1fr) 5rem 1fr 5rem;
  gap: 4px;
}
.fabula-ultima .bestiary .spells--edit .spell input[name*=spell_is_offensive][value="0"] ~ .spell__attr1,
.fabula-ultima .bestiary .spells--edit .spell input[name*=spell_is_offensive][value="0"] ~ .spell__attr2,
.fabula-ultima .bestiary .spells--edit .spell input[name*=spell_is_offensive][value="0"] ~ .spell__damage,
.fabula-ultima .bestiary .spells--edit .spell input[name*=spell_is_offensive][value="0"] ~ .spell__type,
.fabula-ultima .bestiary .spells--edit .spell input[name*=spell_is_offensive][value="0"] ~ .spell__accuracy,
.fabula-ultima .bestiary .spells--edit .spell input[name*=spell_is_offensive] :not([value]) ~ .spell__attr1,
.fabula-ultima .bestiary .spells--edit .spell input[name*=spell_is_offensive] :not([value]) ~ .spell__attr2,
.fabula-ultima .bestiary .spells--edit .spell input[name*=spell_is_offensive] :not([value]) ~ .spell__damage,
.fabula-ultima .bestiary .spells--edit .spell input[name*=spell_is_offensive] :not([value]) ~ .spell__type,
.fabula-ultima .bestiary .spells--edit .spell input[name*=spell_is_offensive] :not([value]) ~ .spell__accuracy {
  display: none;
}
.fabula-ultima .bestiary .spells--edit .spell__name, .fabula-ultima .bestiary .spells--edit .spell__offensive, .fabula-ultima .bestiary .spells--edit .spell__mp {
  grid-row: 1;
}
.fabula-ultima .bestiary .spells--edit .spell__name {
  grid-column: span 2;
}
.fabula-ultima .bestiary .spells--edit .spell__offensive {
  grid-column-start: -2;
}
.fabula-ultima .bestiary .spells--edit .spell__attr1, .fabula-ultima .bestiary .spells--edit .spell__attr2, .fabula-ultima .bestiary .spells--edit .spell__accuracy, .fabula-ultima .bestiary .spells--edit .spell__damage, .fabula-ultima .bestiary .spells--edit .spell__type {
  grid-row: 2;
}
.fabula-ultima .bestiary .spells--edit .spell__target {
  grid-column: span 2;
}
.fabula-ultima .bestiary .spells--edit .spell__duration {
  grid-column: span 3;
}
.fabula-ultima .bestiary .spells--edit .spell__special, .fabula-ultima .bestiary .spells--edit .spell__effect {
  grid-column: 1/-1;
}

.fabula-ultima .bestiary .weapons__heading--edit .chimera-toggle, .fabula-ultima .bestiary .weapons__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .bestiary .weapons__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .bestiary .weapons__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .weapons--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .weapons--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .bestiary .weapons--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .weapons--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .weapons--view .chimera-wrapper,
.fabula-ultima .bestiary .weapons--view .chimera-repeater--simple, .fabula-ultima .bestiary .weapons--edit .chimera-wrapper,
.fabula-ultima .bestiary .weapons--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .weapons:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .bestiary .weapons:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .weapons .chimera-repeater,
.fabula-ultima .bestiary .weapons .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .weapons--delete .weapon {
  display: flex;
  gap: 4px;
}
.fabula-ultima .bestiary .weapons--delete .weapon__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .weapons--view input[name*=weapon_range][value=melee] ~ * .weapon__range--melee {
  display: block;
}
.fabula-ultima .bestiary .weapons--view input[name*=weapon_range][value=distance] ~ * .weapon__range--distance {
  display: block;
}
.fabula-ultima .bestiary .weapons--view .weapon {
  display: grid;
  grid-template-columns: 1fr auto 0.5fr;
  gap: 4px;
  align-items: center;
}
.fabula-ultima .bestiary .weapons--view .weapon__range--melee, .fabula-ultima .bestiary .weapons--view .weapon__range--distance {
  display: none;
}
.fabula-ultima .bestiary .weapons--view .weapon__attack {
  display: flex;
  gap: 4px;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .bestiary .weapons--view .weapon__attack:has([name*=attack_name]:empty) .weapon__attack_name {
  display: none;
}
.fabula-ultima .bestiary .weapons--view .weapon__attack:has([name*=attack_name]:empty) .weapon__name {
  display: inline;
}
.fabula-ultima .bestiary .weapons--view .weapon__check {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.fabula-ultima .bestiary .weapons--view .weapon__type {
  text-align: end;
}
.fabula-ultima .bestiary .weapons--view .weapon__type .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .weapons--view .weapon__name {
  display: none;
}
.fabula-ultima .bestiary .weapons--view .weapon__special {
  grid-column: 1/-1;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .weapons--edit .weapon {
  display: grid;
  grid-template-columns: 1fr repeat(3, auto);
  gap: 4px;
}
.fabula-ultima .bestiary .weapons--edit .weapon__special {
  grid-column: 1/-1;
}
.fabula-ultima .bestiary .weapons--edit .weapon__name {
  grid-column: span 2;
}
.fabula-ultima .bestiary .affinities--edit {
  display: grid;
  gap: 4px;
}
@media (min-width: 540px) {
  .fabula-ultima .bestiary .affinities--edit {
    grid-row: span 2;
  }
}

.fabula-ultima .bestiary .attributes__distribution {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fabula-ultima .bestiary .attributes--edit {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
}
.fabula-ultima .bestiary .attributes--edit .attribute {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px;
  align-items: center;
  justify-content: center;
}
.fabula-ultima .bestiary .attributes--edit .attribute .chimera-input__label {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .attributes--edit .attribute .chimera-input__field {
  align-self: normal;
}

.fabula-ultima .bestiary .defenses__heading--edit .chimera-toggle, .fabula-ultima .bestiary .defenses__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .bestiary .defenses__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .bestiary .defenses__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .defenses--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .defenses--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .bestiary .defenses--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .defenses--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .defenses--view .chimera-wrapper,
.fabula-ultima .bestiary .defenses--view .chimera-repeater--simple, .fabula-ultima .bestiary .defenses--edit .chimera-wrapper,
.fabula-ultima .bestiary .defenses--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .defenses:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .bestiary .defenses:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .defenses .chimera-repeater,
.fabula-ultima .bestiary .defenses .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .defenses--edit {
  display: grid;
  grid-template-columns: repeat(2, auto) 1fr;
  gap: 4px;
}
.fabula-ultima .bestiary .bio--view .bio {
  display: grid;
  grid-template-columns: calc(4 * var(--input-component-size)) 1fr repeat(2, auto);
  grid-template-rows: auto 1fr;
  gap: 4px;
}
.fabula-ultima .bestiary .bio--view .bio input[name*=character_avatar]:not([value=""]) ~ .bio__avatar {
  display: block;
  grid-row: span 3;
}
.fabula-ultima .bestiary .bio--view .bio input[name*=character_avatar]:not([value=""]) ~ .bio__name {
  grid-column: span 2;
}
.fabula-ultima .bestiary .bio--view .bio input[name*=character_avatar]:not([value=""]) ~ .bio__villain,
.fabula-ultima .bestiary .bio--view .bio input[name*=character_avatar]:not([value=""]) ~ .bio__description,
.fabula-ultima .bestiary .bio--view .bio input[name*=character_avatar]:not([value=""]) ~ .bio__traits {
  grid-column: 2/span 3;
}
.fabula-ultima .bestiary .bio--view .bio__avatar {
  display: none;
  border: 1px solid var(--color-fabula-darkest);
  -o-border-image: var(--fabula-gradient-dark-border);
     border-image: var(--fabula-gradient-dark-border);
  height: 10rem;
}
.fabula-ultima .bestiary .bio--view .bio__avatar img,
.fabula-ultima .bestiary .bio--view .bio__avatar svg {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  height: 100%;
  width: 100%;
}
.fabula-ultima .bestiary .bio--view .bio__name {
  grid-column: span 3;
  background-image: var(--fabula-gradient-primary);
  color: var(--color-on-dark);
  padding-left: 16px;
  padding-right: 16px;
}
.fabula-ultima .bestiary .bio--view .bio__name span {
  display: flex;
  align-items: center;
  height: 100%;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .bio--view .bio__meta {
  display: flex;
  gap: 4px;
  padding: 4px 16px;
  border-left: 2px solid var(--color-fabula-light);
  border-bottom: 2px solid var(--color-fabula-light);
  -o-border-image: var(--fabula-gradient-secondary-border);
     border-image: var(--fabula-gradient-secondary-border);
}
.fabula-ultima .bestiary .bio--view .bio__meta label,
.fabula-ultima .bestiary .bio--view .bio__meta span {
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
  white-space: nowrap;
}
.fabula-ultima .bestiary .bio--view .bio__meta input[value=soldier] ~ span[name*=rank] {
  font-size: 0;
}
.fabula-ultima .bestiary .bio--view .bio__villain {
  grid-column: span 3;
  display: flex;
  gap: 4px;
  border-bottom: 1px solid var(--color-fabula-light);
  -o-border-image: var(--fabula-gradient-primary-border);
     border-image: var(--fabula-gradient-primary-border);
  padding: 4px;
  padding-left: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .bio--view .bio__description {
  grid-column: 1/-1;
  border-bottom: 1px solid var(--color-fabula-light);
  -o-border-image: var(--fabula-gradient-primary-border);
     border-image: var(--fabula-gradient-primary-border);
  padding: 4px 16px;
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .bio--view .bio__traits {
  grid-column: 1/-1;
  padding: 4px 16px;
}
.fabula-ultima .bestiary .bio--view .bio__traits label {
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .bestiary .bio--view .bio__traits label::after {
  content: ":";
}
.fabula-ultima .bestiary .bio--view .bio__traits span {
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .bio--edit .bio {
  display: grid;
  grid-template-columns: repeat(2, 1fr) repeat(3, auto);
  gap: 4px;
}
.fabula-ultima .bestiary .bio--edit .bio input[name*=rank][value=companion] ~ .bio__villain {
  display: none;
}
.fabula-ultima .bestiary .bio--edit .bio input[name*=rank]:not([value=companion]) ~ .bio__companion_skill_level, .fabula-ultima .bestiary .bio--edit .bio input[name*=rank]:not([value=companion]) ~ .bio__pc_level {
  display: none;
}
.fabula-ultima .bestiary .bio--edit .bio__traits {
  grid-column: span 3;
}
.fabula-ultima .bestiary .bio--edit .bio__rank, .fabula-ultima .bestiary .bio--edit .bio__villain, .fabula-ultima .bestiary .bio--edit .bio__multipart, .fabula-ultima .bestiary .bio--edit .bio__createdby {
  grid-column: span 2;
}
.fabula-ultima .bestiary .bio--edit .bio__species, .fabula-ultima .bestiary .bio--edit .bio__rank, .fabula-ultima .bestiary .bio--edit .bio__villain, .fabula-ultima .bestiary .bio--edit .bio__companion_skill_level, .fabula-ultima .bestiary .bio--edit .bio__pc_level {
  grid-row: 2;
}
.fabula-ultima .bestiary .bio--edit .bio__companion_skill_level {
  grid-column: 4;
}
.fabula-ultima .bestiary .bio--edit .bio__pc_level {
  grid-column: 5;
}
.fabula-ultima .bestiary .bio--edit .bio__phases, .fabula-ultima .bestiary .bio--edit .bio__multipart, .fabula-ultima .bestiary .bio--edit .bio__createdby {
  grid-row-start: 3;
}
.fabula-ultima .bestiary .bio--edit .bio__description {
  grid-column: 1/-1;
}

.fabula-ultima .bestiary .armor__heading--edit .chimera-toggle, .fabula-ultima .bestiary .armor__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .bestiary .armor__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .bestiary .armor__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .armor--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .armor--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .bestiary .armor--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .armor--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .armor--view .chimera-wrapper,
.fabula-ultima .bestiary .armor--view .chimera-repeater--simple, .fabula-ultima .bestiary .armor--edit .chimera-wrapper,
.fabula-ultima .bestiary .armor--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .armor:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .bestiary .armor:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .armor .chimera-repeater,
.fabula-ultima .bestiary .armor .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .armor--edit .armor {
  display: grid;
  grid-template-columns: repeat(5, auto);
  gap: 4px;
}
.fabula-ultima .bestiary .armor--edit .armor__name {
  grid-column: span 3;
  grid-column: 1/-1;
}
.fabula-ultima .bestiary .armor input[name*=is_martial][value=on] ~ .armor__defense_bonus {
  display: none;
}
.fabula-ultima .bestiary .armor input[name*=is_martial][value="0"] ~ .armor__defense {
  display: none;
}

.fabula-ultima .bestiary .equipments__heading--edit .chimera-toggle, .fabula-ultima .bestiary .equipments__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .bestiary .equipments__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .bestiary .equipments__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .equipments--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .equipments--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .bestiary .equipments--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .equipments--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .equipments--view .chimera-wrapper,
.fabula-ultima .bestiary .equipments--view .chimera-repeater--simple, .fabula-ultima .bestiary .equipments--edit .chimera-wrapper,
.fabula-ultima .bestiary .equipments--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .equipments:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .bestiary .equipments:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .equipments .chimera-repeater,
.fabula-ultima .bestiary .equipments .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .equipments .equipment {
  display: grid;
  gap: 4px;
}
.fabula-ultima .bestiary .equipments .equipment__armor, .fabula-ultima .bestiary .equipments .equipment__shield, .fabula-ultima .bestiary .equipments .equipment__weapon {
  display: flex;
  align-items: center;
  gap: 4px;
}
.fabula-ultima .bestiary .equipments .equipment__armor .send-to-chat, .fabula-ultima .bestiary .equipments .equipment__shield .send-to-chat, .fabula-ultima .bestiary .equipments .equipment__weapon .send-to-chat {
  margin-left: auto;
}
.fabula-ultima .bestiary .equipments .equipment__armor, .fabula-ultima .bestiary .equipments .equipment__shield {
  padding: 0 4px;
}
.fabula-ultima .bestiary .equipments .equipment input[name*=is_martial][value=on] ~ .armor__defense_bonus {
  display: none;
}
.fabula-ultima .bestiary .equipments .equipment input[name*=is_martial][value="0"] ~ .armor__defense {
  display: none;
}
.fabula-ultima .bestiary .equipments .equipment .armor__name .chimera-value__label,
.fabula-ultima .bestiary .equipments .equipment .shield__name .chimera-value__label,
.fabula-ultima .bestiary .equipments .equipment .weapon__name .chimera-value__label {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .bestiary .equipments .equipment .armor__name .chimera-value__value,
.fabula-ultima .bestiary .equipments .equipment .shield__name .chimera-value__value,
.fabula-ultima .bestiary .equipments .equipment .weapon__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .equipments .equipment .armor__cost .chimera-value__value::after,
.fabula-ultima .bestiary .equipments .equipment .shield__cost .chimera-value__value::after,
.fabula-ultima .bestiary .equipments .equipment .weapon__cost .chimera-value__value::after {
  content: " z";
}
.fabula-ultima .bestiary--edit .equipment {
  display: grid;
  grid-template-columns: 1fr repeat(3, auto);
  gap: 4px;
}
.fabula-ultima .bestiary--edit .equipment__special {
  grid-column: 1/-1;
}
.fabula-ultima .bestiary--edit .equipment__name {
  grid-column: span 3;
}

.fabula-ultima .bestiary .shield__heading--edit .chimera-toggle, .fabula-ultima .bestiary .shield__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .bestiary .shield__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .bestiary .shield__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .shield--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .shield--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .bestiary .shield--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .shield--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .shield--view .chimera-wrapper,
.fabula-ultima .bestiary .shield--view .chimera-repeater--simple, .fabula-ultima .bestiary .shield--edit .chimera-wrapper,
.fabula-ultima .bestiary .shield--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .shield:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .bestiary .shield:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .shield .chimera-repeater,
.fabula-ultima .bestiary .shield .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .shield--edit .shield {
  display: grid;
  grid-template-columns: repeat(5, auto);
  gap: 4px;
}
.fabula-ultima .bestiary .shield--edit .shield__name {
  grid-column: span 3;
  grid-column: 1/-1;
}
.fabula-ultima .bestiary .shield input[name*=is_martial][value=on] ~ .shield__defense_bonus {
  display: none;
}
.fabula-ultima .bestiary .shield input[name*=is_martial][value="0"] ~ .shield__defense {
  display: none;
}

.fabula-ultima .bestiary .extras {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.fabula-ultima .bestiary .extras__container {
  grid-column: span 2;
}
.fabula-ultima .bestiary .extra.chimera-input {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px;
  align-items: center;
  justify-content: center;
}

.fabula-ultima .bestiary .notes__heading--edit .chimera-toggle, .fabula-ultima .bestiary .notes__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .bestiary .notes__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .bestiary .notes__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .notes--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .notes--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .bestiary .notes--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .notes--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .notes--view .chimera-wrapper,
.fabula-ultima .bestiary .notes--view .chimera-repeater--simple, .fabula-ultima .bestiary .notes--edit .chimera-wrapper,
.fabula-ultima .bestiary .notes--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .notes:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .bestiary .notes:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .notes .chimera-repeater,
.fabula-ultima .bestiary .notes .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .notes--delete .note {
  display: flex;
  gap: 4px;
}
.fabula-ultima .bestiary .notes--delete .note__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .notes--view .note {
  display: grid;
  grid-template-columns: var(--icon-component-size) 1fr var(--button-component-size);
  align-items: center;
  gap: 4px;
}
.fabula-ultima .bestiary .notes--view .note__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .bestiary .notes--view .note__special, .fabula-ultima .bestiary .notes--view .note__effect {
  grid-column: 1/-1;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .notes--edit .note {
  display: grid;
  gap: 4px;
}

.fabula-ultima .bestiary .rare-gears__heading--edit .chimera-toggle, .fabula-ultima .bestiary .rare-gears__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .bestiary .rare-gears__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .bestiary .rare-gears__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .rare-gears--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .rare-gears--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .bestiary .rare-gears--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .rare-gears--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .rare-gears--view .chimera-wrapper,
.fabula-ultima .bestiary .rare-gears--view .chimera-repeater--simple, .fabula-ultima .bestiary .rare-gears--edit .chimera-wrapper,
.fabula-ultima .bestiary .rare-gears--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .rare-gears:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .bestiary .rare-gears:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .rare-gears .chimera-repeater,
.fabula-ultima .bestiary .rare-gears .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .rare-gears--delete .rare-gear {
  display: flex;
  gap: 4px;
}
.fabula-ultima .bestiary .rare-gears--delete .rare-gear__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .rare-gears--view .rare-gear {
  display: grid;
  grid-template-columns: var(--icon-component-size) 1fr var(--button-component-size);
  align-items: center;
  gap: 4px;
}
.fabula-ultima .bestiary .rare-gears--view .rare-gear__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .bestiary .rare-gears--view .rare-gear__special, .fabula-ultima .bestiary .rare-gears--view .rare-gear__effect {
  grid-column: 1/-1;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .rare-gears--edit .rare-gear {
  display: grid;
  gap: 4px;
}

.fabula-ultima .bestiary .other-actions__heading--edit .chimera-toggle, .fabula-ultima .bestiary .other-actions__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .bestiary .other-actions__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .bestiary .other-actions__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .other-actions--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .other-actions--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .bestiary .other-actions--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .other-actions--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .other-actions--view .chimera-wrapper,
.fabula-ultima .bestiary .other-actions--view .chimera-repeater--simple, .fabula-ultima .bestiary .other-actions--edit .chimera-wrapper,
.fabula-ultima .bestiary .other-actions--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .other-actions:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .bestiary .other-actions:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .other-actions .chimera-repeater,
.fabula-ultima .bestiary .other-actions .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .other-actions--delete .other-action {
  display: flex;
  gap: 4px;
}
.fabula-ultima .bestiary .other-actions--delete .other-action__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .other-actions--view .other-action {
  display: grid;
  grid-template-columns: var(--icon-component-size) 1fr var(--button-component-size);
  align-items: center;
  gap: 4px;
}
.fabula-ultima .bestiary .other-actions--view .other-action__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .bestiary .other-actions--view .other-action__special, .fabula-ultima .bestiary .other-actions--view .other-action__effect {
  grid-column: 1/-1;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .other-actions--edit .other-action {
  display: grid;
  gap: 4px;
}

.fabula-ultima .bestiary .special-rules__heading--edit .chimera-toggle, .fabula-ultima .bestiary .special-rules__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .bestiary .special-rules__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .bestiary .special-rules__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .special-rules--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .special-rules--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .bestiary .special-rules--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .special-rules--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .special-rules--view .chimera-wrapper,
.fabula-ultima .bestiary .special-rules--view .chimera-repeater--simple, .fabula-ultima .bestiary .special-rules--edit .chimera-wrapper,
.fabula-ultima .bestiary .special-rules--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .special-rules:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .bestiary .special-rules:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .special-rules .chimera-repeater,
.fabula-ultima .bestiary .special-rules .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .special-rules--delete .special-rule {
  display: flex;
  gap: 4px;
}
.fabula-ultima .bestiary .special-rules--delete .special-rule__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .special-rules--view .special-rule {
  display: grid;
  grid-template-columns: 1fr var(--button-component-size);
  align-items: center;
  gap: 4px;
}
.fabula-ultima .bestiary .special-rules--view .special-rule__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .bestiary .special-rules--view .special-rule__special, .fabula-ultima .bestiary .special-rules--view .special-rule__effect {
  grid-column: 1/-1;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .special-rules--edit .special-rule {
  display: grid;
  gap: 4px;
}

.fabula-ultima .bestiary .ultima-points--view {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 5rem 1fr;
  gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
}
.fabula-ultima .bestiary .ultima-points--view input[name*=villain][value=""] ~ .point--ultima,
.fabula-ultima .bestiary .ultima-points--view input[name*=villain][value=""] ~ .point__spending-ultima, .fabula-ultima .bestiary .ultima-points--view input[name*=villain][value="0"] ~ .point--ultima,
.fabula-ultima .bestiary .ultima-points--view input[name*=villain][value="0"] ~ .point__spending-ultima, .fabula-ultima .bestiary .ultima-points--view input[name*=villain][value=none] ~ .point--ultima,
.fabula-ultima .bestiary .ultima-points--view input[name*=villain][value=none] ~ .point__spending-ultima, .fabula-ultima .bestiary .ultima-points--view input[name*=villain]:not([value]) ~ .point--ultima,
.fabula-ultima .bestiary .ultima-points--view input[name*=villain]:not([value]) ~ .point__spending-ultima {
  display: none;
}
.fabula-ultima .bestiary .ultima-points--view .point--ultima .chimera-input__field {
  font-size: 2.5rem;
  align-self: center;
  border-radius: 50%;
  height: 4rem;
  width: 4rem;
  text-align: center;
  padding: 0;
}
.fabula-ultima .bestiary .ultima-points--view .point__spending-ultima {
  padding: 4px;
}
.fabula-ultima .bestiary .ultima-points--view .point__spending-ultima .spending-ultima .chimera-value__label {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .bestiary .points__heading--edit .chimera-toggle, .fabula-ultima .bestiary .points__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .bestiary .points__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .bestiary .points__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .points--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .points--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .bestiary .points--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .points--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .points--view .chimera-wrapper,
.fabula-ultima .bestiary .points--view .chimera-repeater--simple, .fabula-ultima .bestiary .points--edit .chimera-wrapper,
.fabula-ultima .bestiary .points--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .points:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .bestiary .points:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .points .chimera-repeater,
.fabula-ultima .bestiary .points .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .points__heading--edit {
  justify-content: center;
}
.fabula-ultima .bestiary .points--edit {
  display: grid;
  gap: 4px;
  align-items: flex-start;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .fabula-ultima .bestiary .points--edit {
    grid-template-columns: repeat(4, 1fr);
  }
}
.fabula-ultima .bestiary .points--edit .point {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto;
  gap: 4px;
  align-items: flex-start;
  justify-content: center;
}
.fabula-ultima .bestiary .points--edit .point-extra {
  grid-row: span 2;
}
.fabula-ultima .bestiary .points--edit .point .chimera-value {
  display: grid;
  grid-template-columns: minmax(5rem, 1fr) 1fr;
}
.fabula-ultima .bestiary .points--edit .point__values {
  display: grid;
  align-items: center;
  gap: 4px;
}
.fabula-ultima .bestiary .points--edit .point__values--crisis {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px;
}
.fabula-ultima .bestiary .points--edit .point__helptext {
  grid-column: 1/-1;
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.fabula-ultima .bestiary .affinities__heading--edit .chimera-toggle, .fabula-ultima .bestiary .affinities__heading--view .chimera-toggle,
.fabula-ultima .character .affinities__heading--edit .chimera-toggle,
.fabula-ultima .character .affinities__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .bestiary .affinities__heading--edit,
.fabula-ultima .character .affinities__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .bestiary .affinities__heading--view,
.fabula-ultima .character .affinities__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .affinities--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .affinities--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .bestiary .affinities--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .affinities--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .affinities--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .affinities--view:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .affinities--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .affinities--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .affinities--view .chimera-wrapper,
.fabula-ultima .bestiary .affinities--view .chimera-repeater--simple, .fabula-ultima .bestiary .affinities--edit .chimera-wrapper,
.fabula-ultima .bestiary .affinities--edit .chimera-repeater--simple,
.fabula-ultima .character .affinities--view .chimera-wrapper,
.fabula-ultima .character .affinities--view .chimera-repeater--simple,
.fabula-ultima .character .affinities--edit .chimera-wrapper,
.fabula-ultima .character .affinities--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .affinities:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .bestiary .affinities:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .affinities:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .affinities:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .affinities .chimera-repeater,
.fabula-ultima .bestiary .affinities .chimera-repeater--simple,
.fabula-ultima .character .affinities .chimera-repeater,
.fabula-ultima .character .affinities .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .affinities--view,
.fabula-ultima .character .affinities--view {
  display: grid;
  grid-template-columns: repeat(9, minmax(3rem, auto));
  gap: 2px;
  text-align: center;
  border: 1px solid var(--color-fabula-darkest);
  border-right: none;
  -o-border-image: var(--fabula-gradient-primary-border);
     border-image: var(--fabula-gradient-primary-border);
}
.fabula-ultima .bestiary .affinities--view .affinity__wrapper,
.fabula-ultima .character .affinities--view .affinity__wrapper {
  display: grid;
  grid-template-columns: var(--icon-component-size) 1fr;
  align-items: center;
  padding: 4px;
}
.fabula-ultima .bestiary .affinities--view .affinity__wrapper input:not([value]) + img,
.fabula-ultima .bestiary .affinities--view .affinity__wrapper input[value=""] + img,
.fabula-ultima .character .affinities--view .affinity__wrapper input:not([value]) + img,
.fabula-ultima .character .affinities--view .affinity__wrapper input[value=""] + img {
  opacity: 0.25;
  filter: grayscale(1);
}
.fabula-ultima .bestiary .affinities--view .affinity__wrapper .affinity_vu,
.fabula-ultima .character .affinities--view .affinity__wrapper .affinity_vu {
  display: none;
  display: block;
  overflow: hidden;
  padding: 0; /* 1 */
  text-indent: 101%;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.fabula-ultima .bestiary .affinities--view .affinity__wrapper input[value=vu] ~ .affinity_vu,
.fabula-ultima .character .affinities--view .affinity__wrapper input[value=vu] ~ .affinity_vu {
  display: block;
}
.fabula-ultima .bestiary .affinities--view .affinity__wrapper .affinity_rs,
.fabula-ultima .character .affinities--view .affinity__wrapper .affinity_rs {
  display: none;
  display: block;
  overflow: hidden;
  padding: 0; /* 1 */
  text-indent: 101%;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.fabula-ultima .bestiary .affinities--view .affinity__wrapper input[value=rs] ~ .affinity_rs,
.fabula-ultima .character .affinities--view .affinity__wrapper input[value=rs] ~ .affinity_rs {
  display: block;
}
.fabula-ultima .bestiary .affinities--view .affinity__wrapper .affinity_im,
.fabula-ultima .character .affinities--view .affinity__wrapper .affinity_im {
  display: none;
  display: block;
  overflow: hidden;
  padding: 0; /* 1 */
  text-indent: 101%;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.fabula-ultima .bestiary .affinities--view .affinity__wrapper input[value=im] ~ .affinity_im,
.fabula-ultima .character .affinities--view .affinity__wrapper input[value=im] ~ .affinity_im {
  display: block;
}
.fabula-ultima .bestiary .affinities--view .affinity__wrapper .affinity_ab,
.fabula-ultima .character .affinities--view .affinity__wrapper .affinity_ab {
  display: none;
  display: block;
  overflow: hidden;
  padding: 0; /* 1 */
  text-indent: 101%;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.fabula-ultima .bestiary .affinities--view .affinity__wrapper input[value=ab] ~ .affinity_ab,
.fabula-ultima .character .affinities--view .affinity__wrapper input[value=ab] ~ .affinity_ab {
  display: block;
}
.fabula-ultima .bestiary .affinities--view .affinity__wrapper:nth-of-type(1),
.fabula-ultima .character .affinities--view .affinity__wrapper:nth-of-type(1) {
  border-right: 1px solid color-mix(in srgb, white 12%, var(--color-fabula-dark));
}
.fabula-ultima .bestiary .affinities--view .affinity__wrapper:nth-of-type(2),
.fabula-ultima .character .affinities--view .affinity__wrapper:nth-of-type(2) {
  border-right: 1px solid color-mix(in srgb, white 24%, var(--color-fabula-dark));
}
.fabula-ultima .bestiary .affinities--view .affinity__wrapper:nth-of-type(3),
.fabula-ultima .character .affinities--view .affinity__wrapper:nth-of-type(3) {
  border-right: 1px solid color-mix(in srgb, white 36%, var(--color-fabula-dark));
}
.fabula-ultima .bestiary .affinities--view .affinity__wrapper:nth-of-type(4),
.fabula-ultima .character .affinities--view .affinity__wrapper:nth-of-type(4) {
  border-right: 1px solid color-mix(in srgb, white 48%, var(--color-fabula-dark));
}
.fabula-ultima .bestiary .affinities--view .affinity__wrapper:nth-of-type(5),
.fabula-ultima .character .affinities--view .affinity__wrapper:nth-of-type(5) {
  border-right: 1px solid color-mix(in srgb, white 60%, var(--color-fabula-dark));
}
.fabula-ultima .bestiary .affinities--view .affinity__wrapper:nth-of-type(6),
.fabula-ultima .character .affinities--view .affinity__wrapper:nth-of-type(6) {
  border-right: 1px solid color-mix(in srgb, white 72%, var(--color-fabula-dark));
}
.fabula-ultima .bestiary .affinities--view .affinity__wrapper:nth-of-type(7),
.fabula-ultima .character .affinities--view .affinity__wrapper:nth-of-type(7) {
  border-right: 1px solid color-mix(in srgb, white 84%, var(--color-fabula-dark));
}
.fabula-ultima .bestiary .affinities--view .affinity__wrapper:nth-of-type(8),
.fabula-ultima .character .affinities--view .affinity__wrapper:nth-of-type(8) {
  border-right: 1px solid color-mix(in srgb, white 96%, var(--color-fabula-dark));
}
.fabula-ultima .bestiary .affinities--view .affinity .chimera-value__label,
.fabula-ultima .character .affinities--view .affinity .chimera-value__label {
  display: block;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  display: block;
  overflow: hidden;
  padding: 0; /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}
.fabula-ultima .bestiary .affinities--view .affinity .chimera-value__value,
.fabula-ultima .character .affinities--view .affinity .chimera-value__value {
  font-family: var(--font-title);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  white-space: nowrap;
  color: var(--color-hp);
  text-transform: uppercase;
}
.fabula-ultima .bestiary .affinities--edit .affinity,
.fabula-ultima .character .affinities--edit .affinity {
  display: grid;
  grid-template-columns: var(--icon-component-size) 1fr 2fr;
  gap: 4px;
  align-items: center;
}
.fabula-ultima .bestiary .affinities--edit .affinity .chimera-input__label,
.fabula-ultima .character .affinities--edit .affinity .chimera-input__label {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  align-self: center;
}
.fabula-ultima .character .affinities--edit {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
}
.fabula-ultima .character .statuses__heading--edit .chimera-toggle, .fabula-ultima .character .statuses__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .statuses__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .statuses__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .statuses--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .statuses--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .statuses--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .statuses--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .statuses--view .chimera-wrapper,
.fabula-ultima .character .statuses--view .chimera-repeater--simple, .fabula-ultima .character .statuses--edit .chimera-wrapper,
.fabula-ultima .character .statuses--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .statuses:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .statuses:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .statuses .chimera-repeater,
.fabula-ultima .character .statuses .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .statuses--edit {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 4px;
}

.fabula-ultima .bestiary .attributes--view,
.fabula-ultima .character .attributes--view {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  align-items: center;
  justify-content: space-between;
  height: -moz-min-content;
  height: min-content;
  text-align: center;
  border: 1px solid var(--color-fabula-darkest);
  border-left: none;
  -o-border-image: var(--fabula-gradient-dark-border);
     border-image: var(--fabula-gradient-dark-border);
}
.fabula-ultima .bestiary .attributes--view .attribute,
.fabula-ultima .character .attributes--view .attribute {
  flex: 1;
  display: flex;
  gap: 4px;
  justify-content: center;
  padding: 4px;
}
.fabula-ultima .bestiary .attributes--view .attribute:nth-of-type(1),
.fabula-ultima .character .attributes--view .attribute:nth-of-type(1) {
  background-color: color-mix(in srgb, white 60%, var(--color-fabula-light));
}
.fabula-ultima .bestiary .attributes--view .attribute:nth-of-type(2),
.fabula-ultima .character .attributes--view .attribute:nth-of-type(2) {
  background-color: color-mix(in srgb, white 70%, var(--color-fabula-light));
}
.fabula-ultima .bestiary .attributes--view .attribute:nth-of-type(3),
.fabula-ultima .character .attributes--view .attribute:nth-of-type(3) {
  background-color: color-mix(in srgb, white 80%, var(--color-fabula-light));
}
.fabula-ultima .bestiary .attributes--view .attribute:nth-of-type(4),
.fabula-ultima .character .attributes--view .attribute:nth-of-type(4) {
  background-color: color-mix(in srgb, white 90%, var(--color-fabula-light));
}
.fabula-ultima .bestiary .attributes--view .attribute .chimera-value,
.fabula-ultima .character .attributes--view .attribute .chimera-value {
  padding: 4px;
}
.fabula-ultima .bestiary .attributes--view .attribute .chimera-value__label,
.fabula-ultima .character .attributes--view .attribute .chimera-value__label {
  font-family: var(--font-title);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .bestiary .attributes--view .attribute .chimera-value__value,
.fabula-ultima .character .attributes--view .attribute .chimera-value__value {
  font-family: var(--font-title);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.fabula-ultima .bestiary .controllers__heading--edit .chimera-toggle, .fabula-ultima .bestiary .controllers__heading--view .chimera-toggle,
.fabula-ultima .bestiary .actions__heading--edit .chimera-toggle,
.fabula-ultima .bestiary .actions__heading--view .chimera-toggle,
.fabula-ultima .character .controllers__heading--edit .chimera-toggle,
.fabula-ultima .character .controllers__heading--view .chimera-toggle,
.fabula-ultima .character .actions__heading--edit .chimera-toggle,
.fabula-ultima .character .actions__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .bestiary .controllers__heading--edit,
.fabula-ultima .bestiary .actions__heading--edit,
.fabula-ultima .character .controllers__heading--edit,
.fabula-ultima .character .actions__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .bestiary .controllers__heading--view,
.fabula-ultima .bestiary .actions__heading--view,
.fabula-ultima .character .controllers__heading--view,
.fabula-ultima .character .actions__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .controllers--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .controllers--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .bestiary .controllers--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .controllers--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .bestiary .actions--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .actions--view:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .bestiary .actions--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .actions--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .controllers--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .controllers--view:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .controllers--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .controllers--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .actions--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .actions--view:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .actions--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .actions--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .controllers--view .chimera-wrapper,
.fabula-ultima .bestiary .controllers--view .chimera-repeater--simple, .fabula-ultima .bestiary .controllers--edit .chimera-wrapper,
.fabula-ultima .bestiary .controllers--edit .chimera-repeater--simple,
.fabula-ultima .bestiary .actions--view .chimera-wrapper,
.fabula-ultima .bestiary .actions--view .chimera-repeater--simple,
.fabula-ultima .bestiary .actions--edit .chimera-wrapper,
.fabula-ultima .bestiary .actions--edit .chimera-repeater--simple,
.fabula-ultima .character .controllers--view .chimera-wrapper,
.fabula-ultima .character .controllers--view .chimera-repeater--simple,
.fabula-ultima .character .controllers--edit .chimera-wrapper,
.fabula-ultima .character .controllers--edit .chimera-repeater--simple,
.fabula-ultima .character .actions--view .chimera-wrapper,
.fabula-ultima .character .actions--view .chimera-repeater--simple,
.fabula-ultima .character .actions--edit .chimera-wrapper,
.fabula-ultima .character .actions--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .controllers:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .bestiary .controllers:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .bestiary .actions:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .bestiary .actions:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .controllers:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .controllers:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .actions:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .actions:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .controllers .chimera-repeater,
.fabula-ultima .bestiary .controllers .chimera-repeater--simple,
.fabula-ultima .bestiary .actions .chimera-repeater,
.fabula-ultima .bestiary .actions .chimera-repeater--simple,
.fabula-ultima .character .controllers .chimera-repeater,
.fabula-ultima .character .controllers .chimera-repeater--simple,
.fabula-ultima .character .actions .chimera-repeater,
.fabula-ultima .character .actions .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .controllers--view,
.fabula-ultima .bestiary .actions--view,
.fabula-ultima .character .controllers--view,
.fabula-ultima .character .actions--view {
  display: flex;
  align-items: center;
  gap: 4px;
  height: -moz-max-content;
  height: max-content;
}
.fabula-ultima .bestiary .actions--view .chimera-action,
.fabula-ultima .character .actions--view .chimera-action {
  width: 100%;
}
.fabula-ultima .bestiary .actions--view .action__rest .chimera-value__value,
.fabula-ultima .character .actions--view .action__rest .chimera-value__value {
  display: none;
}
.fabula-ultima .bestiary .controllers--view,
.fabula-ultima .character .controllers--view {
  grid-column: 1/-1;
}
.fabula-ultima .bestiary .controllers--view .controller__hp label,
.fabula-ultima .character .controllers--view .controller__hp label {
  width: var(--input-component-size);
  padding: 4px;
  background-color: var(--color-hp);
  color: var(--color-on-dark);
}
.fabula-ultima .bestiary .controllers--view .controller__mp label,
.fabula-ultima .character .controllers--view .controller__mp label {
  width: var(--input-component-size);
  padding: 4px;
  background-color: var(--color-mp);
  color: var(--color-on-dark);
}
.fabula-ultima .bestiary .controllers--view .controller__ip label,
.fabula-ultima .character .controllers--view .controller__ip label {
  width: var(--input-component-size);
  padding: 4px;
  background-color: var(--color-up);
  color: var(--color-on-dark);
}

.fabula-ultima .bestiary .defenses--view,
.fabula-ultima .character .defenses--view {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
  align-items: center;
  justify-content: space-between;
  height: -moz-min-content;
  height: min-content;
  text-align: center;
  border: 1px solid var(--color-fabula-darkest);
  border-left: none;
  -o-border-image: var(--fabula-gradient-dark-border);
     border-image: var(--fabula-gradient-dark-border);
}
.fabula-ultima .bestiary .defenses--view .defense,
.fabula-ultima .character .defenses--view .defense {
  display: flex;
  gap: 4px;
  justify-content: center;
  padding: 4px;
}
.fabula-ultima .bestiary .defenses--view .defense:nth-of-type(1),
.fabula-ultima .character .defenses--view .defense:nth-of-type(1) {
  background-color: color-mix(in srgb, white 60%, var(--color-fabula-light));
}
.fabula-ultima .bestiary .defenses--view .defense:nth-of-type(2),
.fabula-ultima .character .defenses--view .defense:nth-of-type(2) {
  background-color: color-mix(in srgb, white 70%, var(--color-fabula-light));
}
.fabula-ultima .bestiary .defenses--view .defense .chimera-value,
.fabula-ultima .character .defenses--view .defense .chimera-value {
  padding: 4px;
}
.fabula-ultima .bestiary .defenses--view .defense .chimera-value__label,
.fabula-ultima .character .defenses--view .defense .chimera-value__label {
  font-family: var(--font-title);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .bestiary .defenses--view .defense .chimera-value__value,
.fabula-ultima .character .defenses--view .defense .chimera-value__value {
  font-family: var(--font-title);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.fabula-ultima .bestiary .points__heading--edit .chimera-toggle, .fabula-ultima .bestiary .points__heading--view .chimera-toggle,
.fabula-ultima .character .points__heading--edit .chimera-toggle,
.fabula-ultima .character .points__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .bestiary .points__heading--edit,
.fabula-ultima .character .points__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .bestiary .points__heading--view,
.fabula-ultima .character .points__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .points--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .points--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .bestiary .points--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .points--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .points--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .points--view:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .points--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .points--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .points--view .chimera-wrapper,
.fabula-ultima .bestiary .points--view .chimera-repeater--simple, .fabula-ultima .bestiary .points--edit .chimera-wrapper,
.fabula-ultima .bestiary .points--edit .chimera-repeater--simple,
.fabula-ultima .character .points--view .chimera-wrapper,
.fabula-ultima .character .points--view .chimera-repeater--simple,
.fabula-ultima .character .points--edit .chimera-wrapper,
.fabula-ultima .character .points--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .points:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .bestiary .points:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .points:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .points:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .points .chimera-repeater,
.fabula-ultima .bestiary .points .chimera-repeater--simple,
.fabula-ultima .character .points .chimera-repeater,
.fabula-ultima .character .points .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .points--view,
.fabula-ultima .character .points--view {
  display: flex;
  gap: 4px;
  border: 1px solid var(--color-fabula-darkest);
  border-right: none;
  -o-border-image: var(--fabula-gradient-secondary-border);
     border-image: var(--fabula-gradient-secondary-border);
  padding-inline: 4px;
}
.fabula-ultima .bestiary .points--view .chimera-value,
.fabula-ultima .character .points--view .chimera-value {
  display: flex;
  text-align: center;
}
.fabula-ultima .bestiary .points--view .chimera-value__label, .fabula-ultima .bestiary .points--view .chimera-value__value,
.fabula-ultima .character .points--view .chimera-value__label,
.fabula-ultima .character .points--view .chimera-value__value {
  display: block;
  font-family: var(--font-title);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  white-space: nowrap;
  padding: 4px 8px;
}
.fabula-ultima .bestiary .points--view .chimera-value__value,
.fabula-ultima .character .points--view .chimera-value__value {
  min-width: 2.5rem;
}
.fabula-ultima .bestiary .points--view .fabula-diamond,
.fabula-ultima .character .points--view .fabula-diamond {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding-block: 4px;
}
.fabula-ultima .bestiary .points--view .point__hp, .fabula-ultima .bestiary .points--view .point__mp, .fabula-ultima .bestiary .points--view .point__ip, .fabula-ultima .bestiary .points--view .point__initiative,
.fabula-ultima .character .points--view .point__hp,
.fabula-ultima .character .points--view .point__mp,
.fabula-ultima .character .points--view .point__ip,
.fabula-ultima .character .points--view .point__initiative {
  display: flex;
  justify-content: center;
}
.fabula-ultima .bestiary .points--view .point__hp .fabula-diamond,
.fabula-ultima .bestiary .points--view .point__hp .chimera-value__value, .fabula-ultima .bestiary .points--view .point__crisis .fabula-diamond,
.fabula-ultima .bestiary .points--view .point__crisis .chimera-value__value, .fabula-ultima .bestiary .points--view .point__mp .fabula-diamond,
.fabula-ultima .bestiary .points--view .point__mp .chimera-value__value, .fabula-ultima .bestiary .points--view .point__ip .fabula-diamond,
.fabula-ultima .bestiary .points--view .point__ip .chimera-value__value,
.fabula-ultima .character .points--view .point__hp .fabula-diamond,
.fabula-ultima .character .points--view .point__hp .chimera-value__value,
.fabula-ultima .character .points--view .point__crisis .fabula-diamond,
.fabula-ultima .character .points--view .point__crisis .chimera-value__value,
.fabula-ultima .character .points--view .point__mp .fabula-diamond,
.fabula-ultima .character .points--view .point__mp .chimera-value__value,
.fabula-ultima .character .points--view .point__ip .fabula-diamond,
.fabula-ultima .character .points--view .point__ip .chimera-value__value {
  color: var(--color-on-dark);
}
.fabula-ultima .bestiary .points--view .point__hp .fabula-diamond,
.fabula-ultima .bestiary .points--view .point__hp .chimera-value__value, .fabula-ultima .bestiary .points--view .point__hp_crisis .fabula-diamond,
.fabula-ultima .bestiary .points--view .point__hp_crisis .chimera-value__value,
.fabula-ultima .character .points--view .point__hp .fabula-diamond,
.fabula-ultima .character .points--view .point__hp .chimera-value__value,
.fabula-ultima .character .points--view .point__hp_crisis .fabula-diamond,
.fabula-ultima .character .points--view .point__hp_crisis .chimera-value__value {
  background-color: var(--color-hp);
}
.fabula-ultima .bestiary .points--view .point__mp .chimera-value__value,
.fabula-ultima .character .points--view .point__mp .chimera-value__value {
  background-color: var(--color-mp);
}
.fabula-ultima .bestiary .points--view .point__ip .chimera-value__value,
.fabula-ultima .character .points--view .point__ip .chimera-value__value {
  background-color: var(--color-ip);
}
.fabula-ultima .bestiary .points--view .point__roll-initiative .chimera-action,
.fabula-ultima .character .points--view .point__roll-initiative .chimera-action {
  width: 100%;
}
.fabula-ultima .bestiary .points--view .point__roll-initiative .chimera-value__label,
.fabula-ultima .character .points--view .point__roll-initiative .chimera-value__label {
  margin-inline-end: 2px;
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .bestiary .points--view .point__roll-initiative .chimera-value__value,
.fabula-ultima .character .points--view .point__roll-initiative .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.fabula-ultima .bestiary .rolls__heading--edit .chimera-toggle, .fabula-ultima .bestiary .rolls__heading--view .chimera-toggle,
.fabula-ultima .character .rolls__heading--edit .chimera-toggle,
.fabula-ultima .character .rolls__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .bestiary .rolls__heading--edit,
.fabula-ultima .character .rolls__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .bestiary .rolls__heading--view,
.fabula-ultima .character .rolls__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .rolls--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .rolls--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .bestiary .rolls--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .rolls--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .rolls--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .rolls--view:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .rolls--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .rolls--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .rolls--view .chimera-wrapper,
.fabula-ultima .bestiary .rolls--view .chimera-repeater--simple, .fabula-ultima .bestiary .rolls--edit .chimera-wrapper,
.fabula-ultima .bestiary .rolls--edit .chimera-repeater--simple,
.fabula-ultima .character .rolls--view .chimera-wrapper,
.fabula-ultima .character .rolls--view .chimera-repeater--simple,
.fabula-ultima .character .rolls--edit .chimera-wrapper,
.fabula-ultima .character .rolls--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .rolls:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .bestiary .rolls:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .rolls:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .rolls:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .rolls .chimera-repeater,
.fabula-ultima .bestiary .rolls .chimera-repeater--simple,
.fabula-ultima .character .rolls .chimera-repeater,
.fabula-ultima .character .rolls .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .rolls--delete .roll,
.fabula-ultima .character .rolls--delete .roll {
  display: flex;
  gap: 4px;
}
.fabula-ultima .bestiary .rolls--delete .roll__description .chimera-value__value,
.fabula-ultima .character .rolls--delete .roll__description .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .bestiary .rolls--delete .roll__offensive,
.fabula-ultima .character .rolls--delete .roll__offensive {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
}
.fabula-ultima .bestiary .rolls--view .chimera-wrapper,
.fabula-ultima .character .rolls--view .chimera-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  padding-inline: 4px;
}
.fabula-ultima .bestiary .rolls--view .repcontainer,
.fabula-ultima .character .rolls--view .repcontainer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  padding: 0px;
  margin-top: 4px;
}
.fabula-ultima .bestiary .rolls--view .roll__custom,
.fabula-ultima .character .rolls--view .roll__custom {
  grid-column: 1/-1;
  display: flex;
  align-items: flex-end;
  gap: 4px;
}
.fabula-ultima .bestiary .rolls--view .roll__check,
.fabula-ultima .character .rolls--view .roll__check {
  width: 100%;
}
.fabula-ultima .bestiary .rolls--view .roll__check--custom,
.fabula-ultima .character .rolls--view .roll__check--custom {
  padding-inline: 16px;
}
.fabula-ultima .bestiary .rolls--view .roll__check--custom img,
.fabula-ultima .bestiary .rolls--view .roll__check--custom svg,
.fabula-ultima .character .rolls--view .roll__check--custom img,
.fabula-ultima .character .rolls--view .roll__check--custom svg {
  position: relative;
}
.fabula-ultima .bestiary .rolls--view .roll__check--repeating,
.fabula-ultima .character .rolls--view .roll__check--repeating {
  gap: 0px;
}
.fabula-ultima .bestiary .rolls--view .roll__check--repeating span,
.fabula-ultima .character .rolls--view .roll__check--repeating span {
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  white-space: nowrap;
}
.fabula-ultima .bestiary .rolls--view .roll__check--repeating .fabula-check,
.fabula-ultima .character .rolls--view .roll__check--repeating .fabula-check {
  gap: 0px;
  align-self: center;
}
.fabula-ultima .bestiary .rolls--edit .roll,
.fabula-ultima .character .rolls--edit .roll {
  display: grid;
  grid-template-columns: repeat(2, auto) 1fr;
  gap: 4px;
}

.fabula-ultima .settings {
  display: none;
}
.fabula-ultima .settings__heading--edit .chimera-toggle, .fabula-ultima .settings__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .settings__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .settings__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .settings--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .settings--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .settings--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .settings--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .settings--view .chimera-wrapper,
.fabula-ultima .settings--view .chimera-repeater--simple, .fabula-ultima .settings--edit .chimera-wrapper,
.fabula-ultima .settings--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .settings:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .settings:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .settings .chimera-repeater,
.fabula-ultima .settings .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .settings--view {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
  margin: 8px;
  max-width: 45rem;
  background-color: var(--suface-container-lowest);
  box-shadow: var(--box-shadow-light);
  border-radius: 4px;
}
.fabula-ultima .settings--view .setting--disabled {
  opacity: 0.5;
}
.fabula-ultima .settings--view .setting--disabled span {
  text-decoration: line-through;
}

.fabula-ultima .bestiary .statistics--view,
.fabula-ultima .character .statistics--view {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
}
.fabula-ultima .bestiary .statistics--view .attributes--view,
.fabula-ultima .bestiary .statistics--view .points--view,
.fabula-ultima .character .statistics--view .attributes--view,
.fabula-ultima .character .statistics--view .points--view {
  grid-column: span 2;
}
.fabula-ultima .bestiary .statistics--view .affinities--view,
.fabula-ultima .character .statistics--view .affinities--view {
  grid-column: span 3;
}

.fabula-ultima .bestiary .status-effects__heading--edit .chimera-toggle, .fabula-ultima .bestiary .status-effects__heading--view .chimera-toggle,
.fabula-ultima .character .status-effects__heading--edit .chimera-toggle,
.fabula-ultima .character .status-effects__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .bestiary .status-effects__heading--edit,
.fabula-ultima .character .status-effects__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .bestiary .status-effects__heading--view,
.fabula-ultima .character .status-effects__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .status-effects--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .status-effects--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .bestiary .status-effects--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .status-effects--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .status-effects--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .status-effects--view:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .status-effects--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .status-effects--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .status-effects--view .chimera-wrapper,
.fabula-ultima .bestiary .status-effects--view .chimera-repeater--simple, .fabula-ultima .bestiary .status-effects--edit .chimera-wrapper,
.fabula-ultima .bestiary .status-effects--edit .chimera-repeater--simple,
.fabula-ultima .character .status-effects--view .chimera-wrapper,
.fabula-ultima .character .status-effects--view .chimera-repeater--simple,
.fabula-ultima .character .status-effects--edit .chimera-wrapper,
.fabula-ultima .character .status-effects--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .status-effects:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .bestiary .status-effects:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .status-effects:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .status-effects:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .status-effects .chimera-repeater,
.fabula-ultima .bestiary .status-effects .chimera-repeater--simple,
.fabula-ultima .character .status-effects .chimera-repeater,
.fabula-ultima .character .status-effects .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .status-effects--view,
.fabula-ultima .character .status-effects--view {
  display: flex;
  gap: 2px;
  text-align: center;
  width: -moz-min-content;
  width: min-content;
  height: -moz-min-content;
  height: min-content;
}
.fabula-ultima .bestiary .status-effects--view .status-debuffs,
.fabula-ultima .character .status-effects--view .status-debuffs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
}
.fabula-ultima .bestiary .status-effects--view .status-buffs,
.fabula-ultima .character .status-effects--view .status-buffs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
}
.fabula-ultima .bestiary .status-effects--view .status-effect .chimera-value__label,
.fabula-ultima .bestiary .status-effects--view .status-effect .chimera-checkbox__label,
.fabula-ultima .character .status-effects--view .status-effect .chimera-value__label,
.fabula-ultima .character .status-effects--view .status-effect .chimera-checkbox__label {
  display: block;
  white-space: nowrap;
}
.fabula-ultima .bestiary .status-effects--view .status-effect .chimera-value__value,
.fabula-ultima .bestiary .status-effects--view .status-effect .chimera-checkbox__value,
.fabula-ultima .character .status-effects--view .status-effect .chimera-value__value,
.fabula-ultima .character .status-effects--view .status-effect .chimera-checkbox__value {
  font-family: var(--font-title);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  white-space: nowrap;
  color: var(--color-hp);
  text-transform: uppercase;
}
.fabula-ultima .bestiary .status-effects--view input[name*=slow_immunity][value=on] ~ .status-effect--slow,
.fabula-ultima .character .status-effects--view input[name*=slow_immunity][value=on] ~ .status-effect--slow {
  opacity: 0.5;
  filter: grayscale(100%);
}
.fabula-ultima .bestiary .status-effects--view input[name*=dazed_immunity][value=on] ~ .status-effect--dazed,
.fabula-ultima .character .status-effects--view input[name*=dazed_immunity][value=on] ~ .status-effect--dazed {
  opacity: 0.5;
  filter: grayscale(100%);
}
.fabula-ultima .bestiary .status-effects--view input[name*=enraged_immunity][value=on] ~ .status-effect--enraged,
.fabula-ultima .character .status-effects--view input[name*=enraged_immunity][value=on] ~ .status-effect--enraged {
  opacity: 0.5;
  filter: grayscale(100%);
}
.fabula-ultima .bestiary .status-effects--view input[name*=weak_immunity][value=on] ~ .status-effect--weak,
.fabula-ultima .character .status-effects--view input[name*=weak_immunity][value=on] ~ .status-effect--weak {
  opacity: 0.5;
  filter: grayscale(100%);
}
.fabula-ultima .bestiary .status-effects--view input[name*=shaken_immunity][value=on] ~ .status-effect--shaken,
.fabula-ultima .character .status-effects--view input[name*=shaken_immunity][value=on] ~ .status-effect--shaken {
  opacity: 0.5;
  filter: grayscale(100%);
}
.fabula-ultima .bestiary .status-effects--view input[name*=poisoned_immunity][value=on] ~ .status-effect--poisoned,
.fabula-ultima .character .status-effects--view input[name*=poisoned_immunity][value=on] ~ .status-effect--poisoned {
  opacity: 0.5;
  filter: grayscale(100%);
}
.fabula-ultima .bestiary .status-effects--edit .status-effect,
.fabula-ultima .character .status-effects--edit .status-effect {
  display: grid;
  grid-template-columns: var(--icon-component-size) 1fr 2fr;
  gap: 4px;
  align-items: center;
}
.fabula-ultima .bestiary .status-effects--edit .status-effect .chimera-input__label,
.fabula-ultima .character .status-effects--edit .status-effect .chimera-input__label {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  align-self: center;
}
.fabula-ultima .bestiary .status-immunities__heading--edit .chimera-toggle, .fabula-ultima .bestiary .status-immunities__heading--view .chimera-toggle,
.fabula-ultima .character .status-immunities__heading--edit .chimera-toggle,
.fabula-ultima .character .status-immunities__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .bestiary .status-immunities__heading--edit,
.fabula-ultima .character .status-immunities__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .bestiary .status-immunities__heading--view,
.fabula-ultima .character .status-immunities__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary .status-immunities--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .status-immunities--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .bestiary .status-immunities--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .bestiary .status-immunities--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .status-immunities--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .status-immunities--view:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .status-immunities--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .status-immunities--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .status-immunities--view .chimera-wrapper,
.fabula-ultima .bestiary .status-immunities--view .chimera-repeater--simple, .fabula-ultima .bestiary .status-immunities--edit .chimera-wrapper,
.fabula-ultima .bestiary .status-immunities--edit .chimera-repeater--simple,
.fabula-ultima .character .status-immunities--view .chimera-wrapper,
.fabula-ultima .character .status-immunities--view .chimera-repeater--simple,
.fabula-ultima .character .status-immunities--edit .chimera-wrapper,
.fabula-ultima .character .status-immunities--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .status-immunities:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .bestiary .status-immunities:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .status-immunities:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .status-immunities:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .bestiary .status-immunities .chimera-repeater,
.fabula-ultima .bestiary .status-immunities .chimera-repeater--simple,
.fabula-ultima .character .status-immunities .chimera-repeater,
.fabula-ultima .character .status-immunities .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .bestiary .status-immunities--edit,
.fabula-ultima .character .status-immunities--edit {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(6, minmax(3rem, auto));
  gap: 2px;
  text-align: center;
  width: -moz-min-content;
  width: min-content;
}
.fabula-ultima .bestiary .status-effect.chimera-checkbox .chimera-checkbox__field,
.fabula-ultima .bestiary .status-boost.chimera-checkbox .chimera-checkbox__field,
.fabula-ultima .bestiary .status-down.chimera-checkbox .chimera-checkbox__field,
.fabula-ultima .bestiary .status-immunity.chimera-checkbox .chimera-checkbox__field,
.fabula-ultima .character .status-effect.chimera-checkbox .chimera-checkbox__field,
.fabula-ultima .character .status-boost.chimera-checkbox .chimera-checkbox__field,
.fabula-ultima .character .status-down.chimera-checkbox .chimera-checkbox__field,
.fabula-ultima .character .status-immunity.chimera-checkbox .chimera-checkbox__field {
  border: none;
  border-radius: 0;
}
.fabula-ultima .bestiary .status-effect.chimera-checkbox .chimera-checkbox__field:has(:checked),
.fabula-ultima .bestiary .status-boost.chimera-checkbox .chimera-checkbox__field:has(:checked),
.fabula-ultima .bestiary .status-down.chimera-checkbox .chimera-checkbox__field:has(:checked),
.fabula-ultima .bestiary .status-immunity.chimera-checkbox .chimera-checkbox__field:has(:checked),
.fabula-ultima .character .status-effect.chimera-checkbox .chimera-checkbox__field:has(:checked),
.fabula-ultima .character .status-boost.chimera-checkbox .chimera-checkbox__field:has(:checked),
.fabula-ultima .character .status-down.chimera-checkbox .chimera-checkbox__field:has(:checked),
.fabula-ultima .character .status-immunity.chimera-checkbox .chimera-checkbox__field:has(:checked) {
  background: transparent;
}
.fabula-ultima .bestiary .status-effect.chimera-checkbox .chimera-checkbox__field svg,
.fabula-ultima .bestiary .status-effect.chimera-checkbox .chimera-checkbox__field img,
.fabula-ultima .bestiary .status-boost.chimera-checkbox .chimera-checkbox__field svg,
.fabula-ultima .bestiary .status-boost.chimera-checkbox .chimera-checkbox__field img,
.fabula-ultima .bestiary .status-down.chimera-checkbox .chimera-checkbox__field svg,
.fabula-ultima .bestiary .status-down.chimera-checkbox .chimera-checkbox__field img,
.fabula-ultima .bestiary .status-immunity.chimera-checkbox .chimera-checkbox__field svg,
.fabula-ultima .bestiary .status-immunity.chimera-checkbox .chimera-checkbox__field img,
.fabula-ultima .character .status-effect.chimera-checkbox .chimera-checkbox__field svg,
.fabula-ultima .character .status-effect.chimera-checkbox .chimera-checkbox__field img,
.fabula-ultima .character .status-boost.chimera-checkbox .chimera-checkbox__field svg,
.fabula-ultima .character .status-boost.chimera-checkbox .chimera-checkbox__field img,
.fabula-ultima .character .status-down.chimera-checkbox .chimera-checkbox__field svg,
.fabula-ultima .character .status-down.chimera-checkbox .chimera-checkbox__field img,
.fabula-ultima .character .status-immunity.chimera-checkbox .chimera-checkbox__field svg,
.fabula-ultima .character .status-immunity.chimera-checkbox .chimera-checkbox__field img {
  image-rendering: pixelated;
  width: var(--input-component-size);
  height: var(--input-component-size);
}

.fabula-ultima .bestiary__conflict {
  display: none;
  grid-column: 1/-1;
}
.fabula-ultima .bestiary input[name*=nav][value=conflict] ~ * .bestiary__conflict {
  display: grid;
  gap: 4px;
}
.fabula-ultima .bestiary__equipment {
  display: none;
  grid-column: 1/-1;
}
.fabula-ultima .bestiary input[name*=nav][value=equipment] ~ * .bestiary__equipment {
  display: grid;
  gap: 4px;
}
.fabula-ultima .bestiary__extra {
  display: none;
  grid-column: 1/-1;
}
.fabula-ultima .bestiary input[name*=nav][value=extra] ~ * .bestiary__extra {
  display: grid;
  gap: 4px;
}
.fabula-ultima .bestiary__stats {
  display: none;
  grid-column: 1/-1;
}
.fabula-ultima .bestiary input[name*=nav][value=stats] ~ * .bestiary__stats {
  display: grid;
  gap: 4px;
}
.fabula-ultima .bestiary--view {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 540px;
  max-width: 45rem;
  margin: 8px;
  background-color: var(--suface-container-lowest);
  box-shadow: var(--box-shadow-light);
  border-radius: 4px;
}
.fabula-ultima .bestiary--view * ~ .repcontrol {
  display: none;
}
.fabula-ultima .bestiary--view .study {
  display: flex;
  align-items: center;
  gap: 4px;
  height: -moz-min-content;
  height: min-content;
}
.fabula-ultima .bestiary--view .study__label {
  font-family: var(--font-title);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .bestiary--view .study .chimera-value__label {
  margin-left: 4px;
}
.fabula-ultima .bestiary--view .study__roll {
  flex: 1;
}
.fabula-ultima .bestiary--view .bestiary__controls {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
  padding: 0 4px;
}
.fabula-ultima .bestiary--view .bestiary__controls .status-effects--view {
  grid-row: span 2;
}
.fabula-ultima .bestiary--view .bestiary__controls .controller__ip {
  display: none;
}
.fabula-ultima .bestiary--edit {
  display: grid;
  gap: 8px;
  margin: 8px;
  padding: 8px;
  background-color: var(--bestiary-edit-background);
}
.fabula-ultima .bestiary--edit > div {
  height: -moz-min-content;
  height: min-content;
}
@media (min-width: 540px) {
  .fabula-ultima .bestiary--edit {
    grid-template-columns: 1fr auto;
  }
  .fabula-ultima .bestiary--edit .bestiary__stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .fabula-ultima .bestiary--edit .bestiary__stats .points--edit {
    grid-column: 1/-1;
  }
}

.fabula-ultima .character .attributes__heading--edit .chimera-toggle, .fabula-ultima .character .attributes__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .attributes__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .attributes__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .attributes--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .attributes--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .attributes--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .attributes--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .attributes--view .chimera-wrapper,
.fabula-ultima .character .attributes--view .chimera-repeater--simple, .fabula-ultima .character .attributes--edit .chimera-wrapper,
.fabula-ultima .character .attributes--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .attributes:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .attributes:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .attributes .chimera-repeater,
.fabula-ultima .character .attributes .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .attributes__distribution {
  grid-column: span 2;
}
.fabula-ultima .character .attributes--edit {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
}
.fabula-ultima .character .attributes--edit .attribute {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px;
  align-items: center;
  justify-content: center;
}
.fabula-ultima .character .attributes--edit .attribute .chimera-input__label {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .attributes--edit .attribute .chimera-input__field {
  align-self: normal;
}

.fabula-ultima .character .bonds__heading--edit .chimera-toggle, .fabula-ultima .character .bonds__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .bonds__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .bonds__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .bonds--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .bonds--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .bonds--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .bonds--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .bonds--view .chimera-wrapper,
.fabula-ultima .character .bonds--view .chimera-repeater--simple, .fabula-ultima .character .bonds--edit .chimera-wrapper,
.fabula-ultima .character .bonds--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .bonds:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .bonds:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .bonds .chimera-repeater,
.fabula-ultima .character .bonds .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .bonds--view input[name*=bond1_level][value="0"] ~ .bond--1, .fabula-ultima .character .bonds--view input[name*=bond1_level][value=""] ~ .bond--1, .fabula-ultima .character .bonds--view input[name*=bond1_level]:not([value]) ~ .bond--1 {
  display: none;
}
.fabula-ultima .character .bonds--view input[name*=bond2_level][value="0"] ~ .bond--2, .fabula-ultima .character .bonds--view input[name*=bond2_level][value=""] ~ .bond--2, .fabula-ultima .character .bonds--view input[name*=bond2_level]:not([value]) ~ .bond--2 {
  display: none;
}
.fabula-ultima .character .bonds--view input[name*=bond3_level][value="0"] ~ .bond--3, .fabula-ultima .character .bonds--view input[name*=bond3_level][value=""] ~ .bond--3, .fabula-ultima .character .bonds--view input[name*=bond3_level]:not([value]) ~ .bond--3 {
  display: none;
}
.fabula-ultima .character .bonds--view input[name*=bond4_level][value="0"] ~ .bond--4, .fabula-ultima .character .bonds--view input[name*=bond4_level][value=""] ~ .bond--4, .fabula-ultima .character .bonds--view input[name*=bond4_level]:not([value]) ~ .bond--4 {
  display: none;
}
.fabula-ultima .character .bonds--view input[name*=bond5_level][value="0"] ~ .bond--5, .fabula-ultima .character .bonds--view input[name*=bond5_level][value=""] ~ .bond--5, .fabula-ultima .character .bonds--view input[name*=bond5_level]:not([value]) ~ .bond--5 {
  display: none;
}
.fabula-ultima .character .bonds--view input[name*=bond6_level][value="0"] ~ .bond--6, .fabula-ultima .character .bonds--view input[name*=bond6_level][value=""] ~ .bond--6, .fabula-ultima .character .bonds--view input[name*=bond6_level]:not([value]) ~ .bond--6 {
  display: none;
}
.fabula-ultima .character .bonds--view .chimera-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
}
.fabula-ultima .character .bonds--view .bond {
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 0 8px;
}
.fabula-ultima .character .bonds--view .bond__name {
  flex: 1;
}
.fabula-ultima .character .bonds--view .bond .chimera-value:has(span:empty) {
  display: none;
}
.fabula-ultima .character .bonds--edit .chimera-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
}
.fabula-ultima .character .bonds--edit .bond {
  display: grid;
  grid-template-columns: 1fr repeat(3, auto);
  grid-template-rows: auto 1fr;
  gap: 4px;
  align-items: flex-start;
  justify-content: center;
  padding: 8px;
  background-color: var(--character-edit-background-secondary);
}
.fabula-ultima .character .bonds--edit .bond__description {
  grid-column: 1/-1;
}

.fabula-ultima .character .classes__heading--edit .chimera-toggle, .fabula-ultima .character .classes__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .classes__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .classes__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .classes--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .classes--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .classes--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .classes--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .classes--view .chimera-wrapper,
.fabula-ultima .character .classes--view .chimera-repeater--simple, .fabula-ultima .character .classes--edit .chimera-wrapper,
.fabula-ultima .character .classes--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .classes:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .classes:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .classes .chimera-repeater,
.fabula-ultima .character .classes .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .classes--delete .class {
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .classes--delete .class__name .chimera-value__value, .fabula-ultima .character .classes--delete .class__level .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .classes--delete .fabula-diamond {
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .classes--view .class {
  display: grid;
  grid-template-columns: var(--input-component-size) 1fr repeat(2, auto);
  align-items: center;
  gap: 4px;
}
.fabula-ultima .character .classes--view .class:has(input[name*=class_hide]:checked) .class__skill,
.fabula-ultima .character .classes--view .class:has(input[name*=class_hide]:checked) .class__description {
  overflow: hidden;
  height: 0;
}
.fabula-ultima .character .classes--view .class__skill {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: var(--input-component-size) 1fr repeat(2, auto);
  align-items: center;
  gap: 4px;
  padding-left: 4px;
  border-left: 4px solid var(--color-fabula-light);
}
.fabula-ultima .character .classes--view .class__skill:has(input[name*=_hide]:checked) .class__skill_description {
  overflow: hidden;
  height: 0;
}
.fabula-ultima .character .classes--view .class__name .chimera-value__value {
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: uppercase;
}
.fabula-ultima .character .classes--view .class__skills_taken, .fabula-ultima .character .classes--view .class__description, .fabula-ultima .character .classes--view .class__skill_description {
  grid-column: 1/-1;
}
.fabula-ultima .character .classes--edit .class {
  display: grid;
  grid-template-columns: auto 1fr auto repeat(2, auto);
  gap: 4px;
}
.fabula-ultima .character .classes--edit .class__hide {
  grid-column: 1;
  grid-row: 1;
  align-self: flex-start;
}
.fabula-ultima .character .classes--edit .class__name, .fabula-ultima .character .classes--edit .class__name--view {
  grid-column: 2;
  grid-row: 1;
}
.fabula-ultima .character .classes--edit .class__name--view {
  display: none;
  justify-content: space-between;
}
.fabula-ultima .character .classes--edit .class__name--view .chimera-input__field {
  font-family: var(--font-body);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.fabula-ultima .character .classes--edit .class__level {
  grid-column: 3;
  grid-row: 1;
  align-self: flex-start;
}
.fabula-ultima .character .classes--edit .class__level .chimera-input__field {
  font-family: var(--font-body);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.fabula-ultima .character .classes--edit .class__special, .fabula-ultima .character .classes--edit .class__skills_taken {
  grid-column: 2;
  grid-row: 2;
}
.fabula-ultima .character .classes--edit .class__skills_taken {
  display: none;
  flex-direction: row;
}
.fabula-ultima .character .classes--edit .class__skills_taken .chimera-input__label {
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .classes--edit .class__skills_taken .chimera-input__field {
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .classes--edit .class__martialmelee, .fabula-ultima .character .classes--edit .class__martialranged {
  grid-row: 1;
}
.fabula-ultima .character .classes--edit .class__benefit, .fabula-ultima .character .classes--edit .class__martialarmor, .fabula-ultima .character .classes--edit .class__martialshield {
  grid-row: 2;
}
.fabula-ultima .character .classes--edit .class__benefit {
  grid-column: -4;
}
.fabula-ultima .character .classes--edit .class__martialarmor, .fabula-ultima .character .classes--edit .class__martialmelee {
  grid-column: -3;
}
.fabula-ultima .character .classes--edit .class__martialranged, .fabula-ultima .character .classes--edit .class__martialshield {
  grid-column: -2;
}
.fabula-ultima .character .classes--edit .class__description {
  grid-column: 1/-1;
}
.fabula-ultima .character .classes--edit input[name*=class_hide][value=on] ~ .class__name,
.fabula-ultima .character .classes--edit input[name*=class_hide][value=on] ~ .class__special,
.fabula-ultima .character .classes--edit input[name*=class_hide][value=on] ~ .class__martialmelee,
.fabula-ultima .character .classes--edit input[name*=class_hide][value=on] ~ .class__martialranged,
.fabula-ultima .character .classes--edit input[name*=class_hide][value=on] ~ .class__benefit,
.fabula-ultima .character .classes--edit input[name*=class_hide][value=on] ~ .class__martialarmor,
.fabula-ultima .character .classes--edit input[name*=class_hide][value=on] ~ .class__martialshield,
.fabula-ultima .character .classes--edit input[name*=class_hide][value=on] ~ .class__description,
.fabula-ultima .character .classes--edit input[name*=class_hide][value=on] ~ .class__skill {
  display: none;
}
.fabula-ultima .character .classes--edit input[name*=class_hide][value=on] ~ .class__level,
.fabula-ultima .character .classes--edit input[name*=class_hide][value=on] ~ .class__hide {
  grid-row: span 2;
}
.fabula-ultima .character .classes--edit input[name*=class_hide][value=on] ~ .class__name--view,
.fabula-ultima .character .classes--edit input[name*=class_hide][value=on] ~ .class__skills_taken {
  display: flex;
}
.fabula-ultima .character .classes--edit .class__skill {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px;
  padding: 8px;
  padding-top: 4px;
  border-top: none;
  border-radius: 0 0 4px 4px;
  background-color: var(--character-edit-background-secondary);
}
.fabula-ultima .character .classes--edit .class__skill_modifiers, .fabula-ultima .character .classes--edit .class__skill_description {
  grid-column: 1/-1;
}
.fabula-ultima .character .classes--edit .class__skill_description {
  padding-bottom: 4px;
  border-bottom: 2px solid var(--color-fabula-light);
  -o-border-image: var(--fabula-gradient-secondary-border);
     border-image: var(--fabula-gradient-secondary-border);
}

.fabula-ultima .character .accessories__heading--edit .chimera-toggle, .fabula-ultima .character .accessories__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .accessories__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .accessories__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .accessories--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .accessories--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .accessories--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .accessories--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .accessories--view .chimera-wrapper,
.fabula-ultima .character .accessories--view .chimera-repeater--simple, .fabula-ultima .character .accessories--edit .chimera-wrapper,
.fabula-ultima .character .accessories--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .accessories:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .accessories:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .accessories .chimera-repeater,
.fabula-ultima .character .accessories .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .accessories--delete .accessory {
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .accessories--delete .accessory__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .accessories--delete .fabula-diamond {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .accessories--edit .accessory {
  display: grid;
  grid-template-columns: auto 1fr repeat(2, auto);
  gap: 4px;
}
.fabula-ultima .character .accessories--edit .accessory input[name*=is_martial][value=on] ~ .accessory__defense_bonus {
  display: none;
}
.fabula-ultima .character .accessories--edit .accessory input[name*=is_martial][value="0"] ~ .accessory__defense {
  display: none;
}
.fabula-ultima .character .accessories--edit .accessory__special {
  grid-column: 1/-1;
}

.fabula-ultima .character .armors__heading--edit .chimera-toggle, .fabula-ultima .character .armors__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .armors__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .armors__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .armors--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .armors--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .armors--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .armors--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .armors--view .chimera-wrapper,
.fabula-ultima .character .armors--view .chimera-repeater--simple, .fabula-ultima .character .armors--edit .chimera-wrapper,
.fabula-ultima .character .armors--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .armors:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .armors:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .armors .chimera-repeater,
.fabula-ultima .character .armors .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .armors--delete .armor {
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .armors--delete .armor__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .armors--delete .fabula-diamond {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .armors--edit .armor {
  display: grid;
  grid-template-columns: auto 1fr repeat(5, auto);
  gap: 4px;
}
.fabula-ultima .character .armors--edit .armor input[name*=is_martial][value=on] ~ .armor__defense_bonus {
  display: none;
}
.fabula-ultima .character .armors--edit .armor input[name*=is_martial][value="0"] ~ .armor__defense {
  display: none;
}
.fabula-ultima .character .armors--edit .armor__special {
  grid-column: 1/-1;
}

.fabula-ultima .character .equipment__heading--edit .chimera-toggle, .fabula-ultima .character .equipment__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .equipment__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .equipment__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .equipment--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .equipment--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .equipment--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .equipment--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .equipment--view .chimera-wrapper,
.fabula-ultima .character .equipment--view .chimera-repeater--simple, .fabula-ultima .character .equipment--edit .chimera-wrapper,
.fabula-ultima .character .equipment--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .equipment:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .equipment:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .equipment .chimera-repeater,
.fabula-ultima .character .equipment .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .equipment--view input[name*=backpack_range][value=melee] ~ * .equipment__range--melee {
  display: block;
}
.fabula-ultima .character .equipment--view input[name*=backpack_range][value=distance] ~ * .equipment__range--distance {
  display: block;
}
.fabula-ultima .character .equipment--view .equipment__weapon, .fabula-ultima .character .equipment--view .equipment__armor, .fabula-ultima .character .equipment--view .equipment__shield, .fabula-ultima .character .equipment--view .equipment__accessory {
  display: flex;
  align-items: center;
  gap: 4px;
}
.fabula-ultima .character .equipment--view .equipment__weapon .fabula-check::before, .fabula-ultima .character .equipment--view .equipment__weapon .fabula-check::after,
.fabula-ultima .character .equipment--view .equipment__weapon .fabula-check span, .fabula-ultima .character .equipment--view .equipment__armor .fabula-check::before, .fabula-ultima .character .equipment--view .equipment__armor .fabula-check::after,
.fabula-ultima .character .equipment--view .equipment__armor .fabula-check span, .fabula-ultima .character .equipment--view .equipment__shield .fabula-check::before, .fabula-ultima .character .equipment--view .equipment__shield .fabula-check::after,
.fabula-ultima .character .equipment--view .equipment__shield .fabula-check span, .fabula-ultima .character .equipment--view .equipment__accessory .fabula-check::before, .fabula-ultima .character .equipment--view .equipment__accessory .fabula-check::after,
.fabula-ultima .character .equipment--view .equipment__accessory .fabula-check span {
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .equipment--view .equipment__weapon .send-to-chat, .fabula-ultima .character .equipment--view .equipment__armor .send-to-chat, .fabula-ultima .character .equipment--view .equipment__shield .send-to-chat, .fabula-ultima .character .equipment--view .equipment__accessory .send-to-chat {
  margin-left: auto;
}
.fabula-ultima .character .equipment--view .equipment__weapon input[name*=is_martial][value=on] ~ .armor__defense_bonus, .fabula-ultima .character .equipment--view .equipment__armor input[name*=is_martial][value=on] ~ .armor__defense_bonus, .fabula-ultima .character .equipment--view .equipment__shield input[name*=is_martial][value=on] ~ .armor__defense_bonus, .fabula-ultima .character .equipment--view .equipment__accessory input[name*=is_martial][value=on] ~ .armor__defense_bonus {
  display: none;
}
.fabula-ultima .character .equipment--view .equipment__weapon input[name*=is_martial][value="0"] ~ .armor__defense, .fabula-ultima .character .equipment--view .equipment__armor input[name*=is_martial][value="0"] ~ .armor__defense, .fabula-ultima .character .equipment--view .equipment__shield input[name*=is_martial][value="0"] ~ .armor__defense, .fabula-ultima .character .equipment--view .equipment__accessory input[name*=is_martial][value="0"] ~ .armor__defense {
  display: none;
}
.fabula-ultima .character .equipment--view .equipment__may_equip {
  padding: 4px 8px;
}
.fabula-ultima .character .equipment--view .armor__name .chimera-value__label,
.fabula-ultima .character .equipment--view .shield__name .chimera-value__label,
.fabula-ultima .character .equipment--view .accessory__name .chimera-value__label,
.fabula-ultima .character .equipment--view .weapon__name .chimera-value__label {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .equipment--view .armor__name .chimera-value__value,
.fabula-ultima .character .equipment--view .shield__name .chimera-value__value,
.fabula-ultima .character .equipment--view .accessory__name .chimera-value__value,
.fabula-ultima .character .equipment--view .weapon__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .equipment--view .armor__cost .chimera-value__value::after,
.fabula-ultima .character .equipment--view .shield__cost .chimera-value__value::after,
.fabula-ultima .character .equipment--view .accessory__cost .chimera-value__value::after,
.fabula-ultima .character .equipment--view .weapon__cost .chimera-value__value::after {
  content: " z";
}
.fabula-ultima .character .equipment--view .armor__is_equipped,
.fabula-ultima .character .equipment--view .shield__is_equipped,
.fabula-ultima .character .equipment--view .accessory__is_equipped,
.fabula-ultima .character .equipment--view .weapon__is_equipped {
  width: var(--button-component-size);
  width: -moz-min-content;
  width: min-content;
}
.fabula-ultima .character .equipment--view .equipment {
  display: grid;
  grid-template-columns: 1fr auto 0.5fr;
  gap: 4px;
  align-items: center;
}
.fabula-ultima .character .equipment--view .equipment__range--melee, .fabula-ultima .character .equipment--view .equipment__range--distance {
  display: none;
}
.fabula-ultima .character .equipment--view .equipment__name {
  display: flex;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .equipment--view .equipment__check {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.fabula-ultima .character .equipment--view .equipment__type {
  text-align: end;
}
.fabula-ultima .character .equipment--view .equipment__type .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .equipment--view .equipment__special {
  grid-column: 1/-1;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.fabula-ultima .character .shields__heading--edit .chimera-toggle, .fabula-ultima .character .shields__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .shields__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .shields__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .shields--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .shields--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .shields--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .shields--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .shields--view .chimera-wrapper,
.fabula-ultima .character .shields--view .chimera-repeater--simple, .fabula-ultima .character .shields--edit .chimera-wrapper,
.fabula-ultima .character .shields--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .shields:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .shields:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .shields .chimera-repeater,
.fabula-ultima .character .shields .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .shields--delete .shield {
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .shields--delete .shield__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .shields--delete .fabula-diamond {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .shields--edit .shield {
  display: grid;
  grid-template-columns: auto 1fr repeat(5, auto);
  gap: 4px;
}
.fabula-ultima .character .shields--edit .shield__special {
  grid-column: 1/-1;
}

.fabula-ultima .character .weapons .repitem:has(.weapons--view input[name*=weapon_is_equipped][value="0"]) {
  display: none;
  background-color: hotpink;
}
.fabula-ultima .character .weapons__heading--edit .chimera-toggle, .fabula-ultima .character .weapons__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .weapons__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .weapons__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .weapons--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .weapons--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .weapons--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .weapons--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .weapons--view .chimera-wrapper,
.fabula-ultima .character .weapons--view .chimera-repeater--simple, .fabula-ultima .character .weapons--edit .chimera-wrapper,
.fabula-ultima .character .weapons--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .weapons:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .weapons:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .weapons .chimera-repeater,
.fabula-ultima .character .weapons .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .weapons__accuracy {
  display: flex;
  gap: 4px;
  padding: 0px 8px;
}
.fabula-ultima .character .weapons--delete .weapon {
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .weapons--delete .weapon__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .weapons--delete .fabula-diamond {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .weapons--view input[name*=weapon_range][value=melee] ~ * .weapon__range--melee {
  display: block;
}
.fabula-ultima .character .weapons--view input[name*=weapon_range][value=distance] ~ * .weapon__range--distance {
  display: block;
}
.fabula-ultima .character .weapons--view:has(input[name*=weapon_is_equipped][value="0"]) {
  background-color: cyan;
  color: lime;
}
.fabula-ultima .character .weapons--view .weapon {
  display: grid;
  grid-template-columns: 1fr auto 0.5fr;
  gap: 4px;
  align-items: center;
}
.fabula-ultima .character .weapons--view .weapon__range--melee, .fabula-ultima .character .weapons--view .weapon__range--distance {
  display: none;
}
.fabula-ultima .character .weapons--view .weapon__name {
  display: flex;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .weapons--view .weapon__check {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.fabula-ultima .character .weapons--view .weapon__type {
  text-align: end;
}
.fabula-ultima .character .weapons--view .weapon__type .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .weapons--view .weapon__special {
  grid-column: 1/-1;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .weapons--view .weapon__special:has(span:empty) {
  display: none;
}
.fabula-ultima .character .weapons--edit .weapon {
  display: grid;
  grid-template-columns: repeat(3, 1fr) repeat(3, auto);
  gap: 4px;
}
.fabula-ultima .character .weapons--edit .weapon__special {
  grid-column: 1/-1;
}
.fabula-ultima .character .weapons--edit .weapon__name {
  grid-column: span 3;
}
.fabula-ultima .character .accuracy {
  width: -moz-fit-content;
  width: fit-content;
}
.fabula-ultima .character .accuracy__subheading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .accuracy__subheading--edit {
  align-items: center;
}

.fabula-ultima .character .features__heading--edit .chimera-toggle, .fabula-ultima .character .features__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .features__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .features__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .features--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .features--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .features--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .features--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .features--view .chimera-wrapper,
.fabula-ultima .character .features--view .chimera-repeater--simple, .fabula-ultima .character .features--edit .chimera-wrapper,
.fabula-ultima .character .features--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .features:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .features:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .features .chimera-repeater,
.fabula-ultima .character .features .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .features--delete .feature {
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .features--delete .feature__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .features--delete .fabula-diamond {
  font-family: var(--font-body);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .features--view .feature {
  display: grid;
  grid-template-columns: var(--input-component-size) 3fr 1fr var(--input-component-size);
  align-items: center;
  gap: 4px;
}
.fabula-ultima .character .features--view .feature:has(input[name*=feature_hide]:checked) .feature__detail1,
.fabula-ultima .character .features--view .feature:has(input[name*=feature_hide]:checked) .feature__detail2,
.fabula-ultima .character .features--view .feature:has(input[name*=feature_hide]:checked) .feature__detail3 {
  overflow: hidden;
  height: 0;
}
.fabula-ultima .character .features--view .feature__name .chimera-value__value {
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: uppercase;
}
.fabula-ultima .character .features--view .feature__detail1, .fabula-ultima .character .features--view .feature__detail2, .fabula-ultima .character .features--view .feature__detail3 {
  grid-column: 1/-1;
}
.fabula-ultima .character .features--edit .feature {
  display: grid;
  grid-template-columns: 4fr 1fr;
  gap: 4px;
}
.fabula-ultima .character .features--edit .feature__detail1, .fabula-ultima .character .features--edit .feature__detail2, .fabula-ultima .character .features--edit .feature__detail3 {
  grid-column: 1/-1;
}

.fabula-ultima .character .fabula-points__heading--edit .chimera-toggle, .fabula-ultima .character .fabula-points__heading--view .chimera-toggle,
.fabula-ultima .character .inventory__heading--edit .chimera-toggle,
.fabula-ultima .character .inventory__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .fabula-points__heading--edit,
.fabula-ultima .character .inventory__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .fabula-points__heading--view,
.fabula-ultima .character .inventory__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .fabula-points--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .fabula-points--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .fabula-points--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .fabula-points--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .inventory--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .inventory--view:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .inventory--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .inventory--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .fabula-points--view .chimera-wrapper,
.fabula-ultima .character .fabula-points--view .chimera-repeater--simple, .fabula-ultima .character .fabula-points--edit .chimera-wrapper,
.fabula-ultima .character .fabula-points--edit .chimera-repeater--simple,
.fabula-ultima .character .inventory--view .chimera-wrapper,
.fabula-ultima .character .inventory--view .chimera-repeater--simple,
.fabula-ultima .character .inventory--edit .chimera-wrapper,
.fabula-ultima .character .inventory--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .fabula-points:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .fabula-points:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .inventory:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .inventory:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .fabula-points .chimera-repeater,
.fabula-ultima .character .fabula-points .chimera-repeater--simple,
.fabula-ultima .character .inventory .chimera-repeater,
.fabula-ultima .character .inventory .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .fabula-points--view .chimera-wrapper,
.fabula-ultima .character .inventory--view .chimera-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding-inline: 4px;
}
.fabula-ultima .character .fabula-points--view .item__money,
.fabula-ultima .character .inventory--view .item__money {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 4px;
  padding: 4px;
  align-items: center;
  justify-items: flex-end;
}
.fabula-ultima .character .fabula-points--view .item__money .chimera-value__value,
.fabula-ultima .character .inventory--view .item__money .chimera-value__value {
  font-weight: 700;
  text-transform: capitalize;
}
.fabula-ultima .character .fabula-points--view .item__money img,
.fabula-ultima .character .fabula-points--view .item__money svg,
.fabula-ultima .character .inventory--view .item__money img,
.fabula-ultima .character .inventory--view .item__money svg {
  image-rendering: pixelated;
}
.fabula-ultima .character .fabula-points--view .item__ip,
.fabula-ultima .character .inventory--view .item__ip {
  padding: 4px;
}
.fabula-ultima .character .fabula-points--view .item__ip .chimera-value,
.fabula-ultima .character .inventory--view .item__ip .chimera-value {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.fabula-ultima .character .fabula-points--view .item__ip .chimera-value__label,
.fabula-ultima .character .inventory--view .item__ip .chimera-value__label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--input-component-size);
  padding: 4px;
  background-color: var(--color-up);
  color: var(--color-on-dark);
  font-family: var(--font-title);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .fabula-points--view .item__ip .chimera-value__value,
.fabula-ultima .character .inventory--view .item__ip .chimera-value__value {
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  padding: 4px 8px;
}
.fabula-ultima .character .fabula-points--view .item__table, .fabula-ultima .character .fabula-points--view .item__table--repeating,
.fabula-ultima .character .inventory--view .item__table,
.fabula-ultima .character .inventory--view .item__table--repeating {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 1fr 3rem 2fr;
  gap: 4px;
}
.fabula-ultima .character .fabula-points--view .item__table--repeating,
.fabula-ultima .character .inventory--view .item__table--repeating {
  margin-top: 4px;
}
.fabula-ultima .character .fabula-points--edit .item,
.fabula-ultima .character .inventory--edit .item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px;
}
.fabula-ultima .character .fabula-points--edit .item__effect,
.fabula-ultima .character .inventory--edit .item__effect {
  grid-column: 1/-1;
}

.fabula-ultima .character .notes__heading--edit .chimera-toggle, .fabula-ultima .character .notes__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .notes__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .notes__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .notes--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .notes--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .notes--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .notes--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .notes--view .chimera-wrapper,
.fabula-ultima .character .notes--view .chimera-repeater--simple, .fabula-ultima .character .notes--edit .chimera-wrapper,
.fabula-ultima .character .notes--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .notes:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .notes:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .notes .chimera-repeater,
.fabula-ultima .character .notes .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .notes--delete .note {
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .notes--delete .note__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .notes--view .note {
  display: grid;
  grid-template-columns: 1fr var(--button-component-size);
  align-items: center;
  gap: 4px;
}
.fabula-ultima .character .notes--view .note__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .notes--view .note__special, .fabula-ultima .character .notes--view .note__effect {
  grid-column: 1/-1;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .notes--edit .note {
  display: grid;
  gap: 4px;
}

.fabula-ultima .character .quests__heading--edit .chimera-toggle, .fabula-ultima .character .quests__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .quests__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .quests__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .quests--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .quests--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .quests--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .quests--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .quests--view .chimera-wrapper,
.fabula-ultima .character .quests--view .chimera-repeater--simple, .fabula-ultima .character .quests--edit .chimera-wrapper,
.fabula-ultima .character .quests--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .quests:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .quests:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .quests .chimera-repeater,
.fabula-ultima .character .quests .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .quests--delete .quest {
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .quests--delete .quest__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .quests--view .quest {
  display: grid;
  grid-template-columns: 1fr var(--button-component-size);
  align-items: center;
  gap: 4px;
}
.fabula-ultima .character .quests--view .quest__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .quests--view .quest__special, .fabula-ultima .character .quests--view .quest__effect {
  grid-column: 1/-1;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .quests--edit .quest {
  display: grid;
  gap: 4px;
}

.fabula-ultima .character .projects__heading--edit .chimera-toggle, .fabula-ultima .character .projects__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .projects__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .projects__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .projects--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .projects--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .projects--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .projects--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .projects--view .chimera-wrapper,
.fabula-ultima .character .projects--view .chimera-repeater--simple, .fabula-ultima .character .projects--edit .chimera-wrapper,
.fabula-ultima .character .projects--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .projects:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .projects:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .projects .chimera-repeater,
.fabula-ultima .character .projects .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .projects--delete .project {
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .projects--delete .project__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .projects--view .project {
  display: grid;
  grid-template-columns: 2fr 1fr 5rem var(--button-component-size);
  align-items: center;
  gap: 4px;
}
.fabula-ultima .character .projects--view .project__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .projects--view .project__cost .chimera-value__value::after {
  content: " z";
}
.fabula-ultima .character .projects--view .project__clock {
  flex: 1;
  justify-content: flex-start;
  width: -moz-min-content;
  width: min-content;
}
.fabula-ultima .character .projects--view .project__clock-progress {
  min-width: 3rem;
  display: flex;
  justify-content: flex-end;
  gap: 4px;
}
.fabula-ultima .character .projects--view .project__special, .fabula-ultima .character .projects--view .project__effect {
  grid-column: 1/-1;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .projects--edit .project {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 4px;
}
.fabula-ultima .character .projects--edit .project__special {
  grid-column: 1/-1;
}

.fabula-ultima .character .friends__heading--edit .chimera-toggle, .fabula-ultima .character .friends__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .friends__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .friends__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .friends--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .friends--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .friends--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .friends--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .friends--view .chimera-wrapper,
.fabula-ultima .character .friends--view .chimera-repeater--simple, .fabula-ultima .character .friends--edit .chimera-wrapper,
.fabula-ultima .character .friends--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .friends:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .friends:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .friends .chimera-repeater,
.fabula-ultima .character .friends .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .friends--delete .friend {
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .friends--delete .friend__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .friends--view .friend {
  display: grid;
  grid-template-columns: 1fr var(--button-component-size);
  align-items: center;
  gap: 4px;
}
.fabula-ultima .character .friends--view .friend__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .friends--view .friend__special, .fabula-ultima .character .friends--view .friend__effect {
  grid-column: 1/-1;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .friends--edit .friend {
  display: grid;
  gap: 4px;
}

.fabula-ultima .character .creatures__heading--edit .chimera-toggle, .fabula-ultima .character .creatures__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .creatures__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .creatures__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .creatures--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .creatures--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .creatures--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .creatures--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .creatures--view .chimera-wrapper,
.fabula-ultima .character .creatures--view .chimera-repeater--simple, .fabula-ultima .character .creatures--edit .chimera-wrapper,
.fabula-ultima .character .creatures--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .creatures:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .creatures:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .creatures .chimera-repeater,
.fabula-ultima .character .creatures .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .creatures--delete .creature {
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .creatures--delete .creature__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .creatures--view .creature {
  display: grid;
  grid-template-columns: 1fr var(--button-component-size);
  align-items: center;
  gap: 4px;
}
.fabula-ultima .character .creatures--view .creature__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .creatures--view .creature__special, .fabula-ultima .character .creatures--view .creature__effect {
  grid-column: 1/-1;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .creatures--edit .creature {
  display: grid;
  gap: 4px;
}

.fabula-ultima .character .locations__heading--edit .chimera-toggle, .fabula-ultima .character .locations__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .locations__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .locations__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .locations--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .locations--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .locations--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .locations--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .locations--view .chimera-wrapper,
.fabula-ultima .character .locations--view .chimera-repeater--simple, .fabula-ultima .character .locations--edit .chimera-wrapper,
.fabula-ultima .character .locations--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .locations:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .locations:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .locations .chimera-repeater,
.fabula-ultima .character .locations .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .locations--delete .location {
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .locations--delete .location__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .locations--view .location {
  display: grid;
  grid-template-columns: 1fr var(--button-component-size);
  align-items: center;
  gap: 4px;
}
.fabula-ultima .character .locations--view .location__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .locations--view .location__special, .fabula-ultima .character .locations--view .location__effect {
  grid-column: 1/-1;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .locations--edit .location {
  display: grid;
  gap: 4px;
}

.fabula-ultima .character .artifacts__heading--edit .chimera-toggle, .fabula-ultima .character .artifacts__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .artifacts__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .artifacts__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .artifacts--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .artifacts--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .artifacts--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .artifacts--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .artifacts--view .chimera-wrapper,
.fabula-ultima .character .artifacts--view .chimera-repeater--simple, .fabula-ultima .character .artifacts--edit .chimera-wrapper,
.fabula-ultima .character .artifacts--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .artifacts:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .artifacts:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .artifacts .chimera-repeater,
.fabula-ultima .character .artifacts .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .artifacts--delete .artifact {
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .artifacts--delete .artifact__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .artifacts--view .artifact {
  display: grid;
  grid-template-columns: 1fr var(--button-component-size);
  align-items: center;
  gap: 4px;
}
.fabula-ultima .character .artifacts--view .artifact__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .artifacts--view .artifact__special, .fabula-ultima .character .artifacts--view .artifact__effect {
  grid-column: 1/-1;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .artifacts--edit .artifact {
  display: grid;
  gap: 4px;
}

.fabula-ultima .character .discoveries__heading--edit .chimera-toggle, .fabula-ultima .character .discoveries__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .discoveries__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .discoveries__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .discoveries--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .discoveries--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .discoveries--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .discoveries--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .discoveries--view .chimera-wrapper,
.fabula-ultima .character .discoveries--view .chimera-repeater--simple, .fabula-ultima .character .discoveries--edit .chimera-wrapper,
.fabula-ultima .character .discoveries--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .discoveries:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .discoveries:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .discoveries .chimera-repeater,
.fabula-ultima .character .discoveries .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .discoveries--delete .discovery {
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .discoveries--delete .discovery__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .discoveries--view .discovery {
  display: grid;
  grid-template-columns: 1fr var(--button-component-size);
  align-items: center;
  gap: 4px;
}
.fabula-ultima .character .discoveries--view .discovery__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .discoveries--view .discovery__special, .fabula-ultima .character .discoveries--view .discovery__effect {
  grid-column: 1/-1;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .discoveries--edit .discovery {
  display: grid;
  gap: 4px;
}

.fabula-ultima .character .items__heading--edit .chimera-toggle, .fabula-ultima .character .items__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .items__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .items__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .items--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .items--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .items--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .items--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .items--view .chimera-wrapper,
.fabula-ultima .character .items--view .chimera-repeater--simple, .fabula-ultima .character .items--edit .chimera-wrapper,
.fabula-ultima .character .items--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .items:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .items:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .items .chimera-repeater,
.fabula-ultima .character .items .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .items--delete .item {
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .items--delete .item__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .items--view .item {
  display: grid;
  grid-template-columns: 1fr var(--button-component-size);
  align-items: center;
  gap: 4px;
}
.fabula-ultima .character .items--view .item__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .items--view .item__special, .fabula-ultima .character .items--view .item__effect {
  grid-column: 1/-1;
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .items--edit .item {
  display: grid;
  gap: 4px;
}

.fabula-ultima .character .spells__heading--edit .chimera-toggle, .fabula-ultima .character .spells__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .spells__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .spells__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .spells--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .spells--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .spells--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .spells--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .spells--view .chimera-wrapper,
.fabula-ultima .character .spells--view .chimera-repeater--simple, .fabula-ultima .character .spells--edit .chimera-wrapper,
.fabula-ultima .character .spells--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .spells:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .spells:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .spells .chimera-repeater,
.fabula-ultima .character .spells .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .spells--delete .spell {
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .spells--delete .spell input[name*=spell_is_offensive][value="0"] ~ .spell__offensive,
.fabula-ultima .character .spells--delete .spell input[name*=spell_is_offensive] :not([value]) ~ .spell__offensive {
  display: none;
}
.fabula-ultima .character .spells--delete .spell__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .spells--delete .spell__offensive {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
}
.fabula-ultima .character .spells--view .spell {
  display: grid;
  grid-template-columns: 1fr repeat(2, auto);
  gap: 4px;
}
.fabula-ultima .character .spells--view .spell input[name*=spell_is_offensive][value="0"] ~ .spell__offensive,
.fabula-ultima .character .spells--view .spell input[name*=spell_is_offensive] :not([value]) ~ .spell__offensive {
  display: none;
}
.fabula-ultima .character .spells--view .spell__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .spells--view .spell__type .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .spells--view .spell__offensive {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
}
.fabula-ultima .character .spells--view .spell__mp .chimera-value__label {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .spells--view .spell__mp .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .spells--view .spell__target-duration {
  grid-column: 1/-1;
  grid-row-start: 2;
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .spells--view .spell__effect {
  grid-column: 1/-1;
  grid-row-start: 3;
}
.fabula-ultima .character .spells--edit .spell {
  display: grid;
  grid-template-columns: repeat(2, 1fr) 5rem 1fr 5rem;
  gap: 4px;
}
.fabula-ultima .character .spells--edit .spell input[name*=spell_is_offensive][value="0"] ~ .spell__attr1,
.fabula-ultima .character .spells--edit .spell input[name*=spell_is_offensive][value="0"] ~ .spell__attr2,
.fabula-ultima .character .spells--edit .spell input[name*=spell_is_offensive][value="0"] ~ .spell__damage,
.fabula-ultima .character .spells--edit .spell input[name*=spell_is_offensive][value="0"] ~ .spell__type,
.fabula-ultima .character .spells--edit .spell input[name*=spell_is_offensive][value="0"] ~ .spell__accuracy,
.fabula-ultima .character .spells--edit .spell input[name*=spell_is_offensive] :not([value]) ~ .spell__attr1,
.fabula-ultima .character .spells--edit .spell input[name*=spell_is_offensive] :not([value]) ~ .spell__attr2,
.fabula-ultima .character .spells--edit .spell input[name*=spell_is_offensive] :not([value]) ~ .spell__damage,
.fabula-ultima .character .spells--edit .spell input[name*=spell_is_offensive] :not([value]) ~ .spell__type,
.fabula-ultima .character .spells--edit .spell input[name*=spell_is_offensive] :not([value]) ~ .spell__accuracy {
  display: none;
}
.fabula-ultima .character .spells--edit .spell__name, .fabula-ultima .character .spells--edit .spell__offensive, .fabula-ultima .character .spells--edit .spell__mp {
  grid-row: 1;
}
.fabula-ultima .character .spells--edit .spell__name {
  grid-column: span 2;
}
.fabula-ultima .character .spells--edit .spell__offensive {
  grid-column-start: -2;
}
.fabula-ultima .character .spells--edit .spell__attr1, .fabula-ultima .character .spells--edit .spell__attr2, .fabula-ultima .character .spells--edit .spell__accuracy, .fabula-ultima .character .spells--edit .spell__damage, .fabula-ultima .character .spells--edit .spell__type {
  grid-row: 2;
}
.fabula-ultima .character .spells--edit .spell__target {
  grid-column: span 2;
}
.fabula-ultima .character .spells--edit .spell__duration {
  grid-column: span 3;
}
.fabula-ultima .character .spells--edit .spell__special, .fabula-ultima .character .spells--edit .spell__effect {
  grid-column: 1/-1;
}

.fabula-ultima .character .rituals__heading--edit .chimera-toggle, .fabula-ultima .character .rituals__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .rituals__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .rituals__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .rituals--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .rituals--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .rituals--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .rituals--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .rituals--view .chimera-wrapper,
.fabula-ultima .character .rituals--view .chimera-repeater--simple, .fabula-ultima .character .rituals--edit .chimera-wrapper,
.fabula-ultima .character .rituals--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .rituals:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .rituals:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .rituals .chimera-repeater,
.fabula-ultima .character .rituals .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .rituals-known {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.fabula-ultima .character .rituals-known .chimera-value__label {
  grid-column: 1/-1;
}
.fabula-ultima .character .rituals--delete .ritual {
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .rituals--delete .ritual input[name*=ritual_is_offensive][value="0"] ~ .ritual__offensive,
.fabula-ultima .character .rituals--delete .ritual input[name*=ritual_is_offensive] :not([value]) ~ .ritual__offensive {
  display: none;
}
.fabula-ultima .character .rituals--delete .ritual__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .rituals--delete .ritual__offensive {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
}
.fabula-ultima .character .rituals--delete .fabula-diamond {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .rituals--view .rituals-known {
  grid-column: 1/-1;
  padding: 4px 8px;
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.fabula-ultima .character .rituals--view .ritual {
  display: grid;
  grid-template-columns: 1fr repeat(2, auto);
  gap: 4px;
}
.fabula-ultima .character .rituals--view .ritual input[name*=ritual_is_offensive][value="0"] ~ .ritual__offensive,
.fabula-ultima .character .rituals--view .ritual input[name*=ritual_is_offensive] :not([value]) ~ .ritual__offensive {
  display: none;
}
.fabula-ultima .character .rituals--view .ritual__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .rituals--view .ritual__difficulty .chimera-value__label, .fabula-ultima .character .rituals--view .ritual__mp .chimera-value__label {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .rituals--view .ritual__difficulty .chimera-value__value, .fabula-ultima .character .rituals--view .ritual__mp .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .rituals--view .ritual__check {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
}
.fabula-ultima .character .rituals--view .ritual__potency-area {
  grid-column: 1/-1;
  grid-row-start: 2;
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .rituals--view .ritual__clock {
  flex: 1;
  justify-content: flex-end;
  width: -moz-min-content;
  width: min-content;
}
.fabula-ultima .character .rituals--view .ritual__clock-progress {
  min-width: 3rem;
  display: flex;
  justify-content: flex-end;
  gap: 4px;
}
.fabula-ultima .character .rituals--view .ritual__effect {
  grid-column: 1/-1;
  grid-row-start: 3;
}
.fabula-ultima .character .rituals--edit .ritual {
  display: grid;
  grid-template-columns: repeat(2, 1fr) repeat(2, auto) repeat(2, 1fr);
  gap: 4px;
}
.fabula-ultima .character .rituals--edit .ritual__name, .fabula-ultima .character .rituals--edit .ritual__discipline {
  grid-column: span 2;
}
.fabula-ultima .character .rituals--edit .ritual__effect {
  grid-column: 1/-1;
}

.fabula-ultima .character .fabula-points__heading--edit .chimera-toggle, .fabula-ultima .character .fabula-points__heading--view .chimera-toggle,
.fabula-ultima .character .experience-points__heading--edit .chimera-toggle,
.fabula-ultima .character .experience-points__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .fabula-points__heading--edit,
.fabula-ultima .character .experience-points__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .fabula-points__heading--view,
.fabula-ultima .character .experience-points__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .fabula-points--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .fabula-points--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .fabula-points--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .fabula-points--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .experience-points--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .experience-points--view:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .experience-points--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .experience-points--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .fabula-points--view .chimera-wrapper,
.fabula-ultima .character .fabula-points--view .chimera-repeater--simple, .fabula-ultima .character .fabula-points--edit .chimera-wrapper,
.fabula-ultima .character .fabula-points--edit .chimera-repeater--simple,
.fabula-ultima .character .experience-points--view .chimera-wrapper,
.fabula-ultima .character .experience-points--view .chimera-repeater--simple,
.fabula-ultima .character .experience-points--edit .chimera-wrapper,
.fabula-ultima .character .experience-points--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .fabula-points:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .fabula-points:has(input[name*=collapse]:checked) .chimera-repeater--simple,
.fabula-ultima .character .experience-points:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .experience-points:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .fabula-points .chimera-repeater,
.fabula-ultima .character .fabula-points .chimera-repeater--simple,
.fabula-ultima .character .experience-points .chimera-repeater,
.fabula-ultima .character .experience-points .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .fabula-points--view .point__wrapper,
.fabula-ultima .character .experience-points--view .point__wrapper {
  display: grid;
  grid-template-columns: 5rem 1fr;
  gap: 4px;
  padding-inline: 4px;
}
.fabula-ultima .character .fabula-points--view .point--fabula, .fabula-ultima .character .fabula-points--view .point--xp,
.fabula-ultima .character .experience-points--view .point--fabula,
.fabula-ultima .character .experience-points--view .point--xp {
  justify-content: center;
}
.fabula-ultima .character .fabula-points--view .point--fabula .chimera-input__field, .fabula-ultima .character .fabula-points--view .point--xp .chimera-input__field,
.fabula-ultima .character .experience-points--view .point--fabula .chimera-input__field,
.fabula-ultima .character .experience-points--view .point--xp .chimera-input__field {
  font-size: 2.5rem;
  align-self: center;
  border-radius: 50%;
  height: 4rem;
  width: 4rem;
  text-align: center;
  padding: 0;
}
.fabula-ultima .character .fabula-points--view .point__spend, .fabula-ultima .character .fabula-points--view .point__declare,
.fabula-ultima .character .experience-points--view .point__spend,
.fabula-ultima .character .experience-points--view .point__declare {
  grid-column: 1/-1;
}
.fabula-ultima .character .fabula-points--view .point__declare,
.fabula-ultima .character .experience-points--view .point__declare {
  display: flex;
  align-items: flex-end;
  gap: 4px;
}
.fabula-ultima .character .points__heading--edit .chimera-toggle, .fabula-ultima .character .points__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .points__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .points__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .points--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .points--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .points--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .points--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .points--view .chimera-wrapper,
.fabula-ultima .character .points--view .chimera-repeater--simple, .fabula-ultima .character .points--edit .chimera-wrapper,
.fabula-ultima .character .points--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .points:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .points:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .points .chimera-repeater,
.fabula-ultima .character .points .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .points__heading--edit {
  justify-content: center;
}
.fabula-ultima .character .points--edit {
  display: grid;
  gap: 4px;
  align-items: flex-start;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .fabula-ultima .character .points--edit {
    grid-template-columns: repeat(4, 1fr);
  }
}
.fabula-ultima .character .points--edit .point {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto;
  gap: 4px;
  align-items: flex-start;
  justify-content: center;
}
.fabula-ultima .character .points--edit .point-extra {
  grid-row: span 2;
}
.fabula-ultima .character .points--edit .point .chimera-value {
  display: grid;
  grid-template-columns: minmax(5rem, 1fr) 1fr;
}
.fabula-ultima .character .points--edit .point__values {
  display: grid;
  align-items: center;
  gap: 4px;
}
.fabula-ultima .character .points--edit .point__values--crisis {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px;
}
.fabula-ultima .character .points--edit .point__helptext {
  grid-column: 1/-1;
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.fabula-ultima .character .quirks__heading--edit .chimera-toggle, .fabula-ultima .character .quirks__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .quirks__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .quirks__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .quirks--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .quirks--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .quirks--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .quirks--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .quirks--view .chimera-wrapper,
.fabula-ultima .character .quirks--view .chimera-repeater--simple, .fabula-ultima .character .quirks--edit .chimera-wrapper,
.fabula-ultima .character .quirks--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .quirks:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .quirks:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .quirks .chimera-repeater,
.fabula-ultima .character .quirks .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .quirks--view .quirk {
  display: grid;
  grid-template-columns: 1fr auto var(--button-component-size);
  align-items: center;
  gap: 4px;
  padding-inline: 4px;
}
.fabula-ultima .character .quirks--view .quirk__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .quirks--view .quirk__description, .fabula-ultima .character .quirks--view .quirk__effect {
  grid-column: 1/-1;
}
.fabula-ultima .character .quirks--edit .quirk {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
}
.fabula-ultima .character .quirks--edit .quirk__name {
  grid-column: span 2;
}
.fabula-ultima .character .quirks--edit .quirk__description, .fabula-ultima .character .quirks--edit .quirk__effect {
  grid-column: 1/-1;
}

.fabula-ultima .character .statistics--edit {
  display: grid;
  gap: 4px;
  align-items: flex-start;
}

.fabula-ultima .character .traits__heading--edit .chimera-toggle, .fabula-ultima .character .traits__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .traits__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .traits__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .traits--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .traits--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .traits--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .traits--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .traits--view .chimera-wrapper,
.fabula-ultima .character .traits--view .chimera-repeater--simple, .fabula-ultima .character .traits--edit .chimera-wrapper,
.fabula-ultima .character .traits--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .traits:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .traits:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .traits .chimera-repeater,
.fabula-ultima .character .traits .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .traits--view {
  display: grid;
  grid-template-columns: calc(4 * var(--input-component-size)) 1fr repeat(2, auto);
  grid-template-rows: auto 1fr;
  gap: 4px;
}
.fabula-ultima .character .traits--view input[name*=character_avatar]:not([value=""]) ~ .trait__avatar {
  display: block;
  grid-row: span 2;
}
.fabula-ultima .character .traits--view input[name*=character_avatar]:not([value=""]) ~ .trait__name {
  grid-column: span 2;
}
.fabula-ultima .character .traits--view input[name*=character_avatar]:not([value=""]) ~ .trait__villain,
.fabula-ultima .character .traits--view input[name*=character_avatar]:not([value=""]) ~ .trait__description,
.fabula-ultima .character .traits--view input[name*=character_avatar]:not([value=""]) ~ .trait__traits {
  grid-column: 2/span 3;
}
.fabula-ultima .character .traits--view .trait__avatar {
  display: none;
  border: 1px solid var(--color-fabula-darkest);
  -o-border-image: var(--fabula-gradient-dark-border);
     border-image: var(--fabula-gradient-dark-border);
  height: 10rem;
}
.fabula-ultima .character .traits--view .trait__avatar img,
.fabula-ultima .character .traits--view .trait__avatar svg {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  height: 100%;
  width: 100%;
}
.fabula-ultima .character .traits--view .trait__name {
  grid-column: span 3;
  background-image: var(--fabula-gradient-primary);
  color: var(--color-on-dark);
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .traits--view .trait__name span {
  display: flex;
  align-items: center;
  height: 100%;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .traits--view .trait__pronouns:is(span) {
  display: flex;
  align-items: center;
  height: 100%;
  font-family: var(--font-title);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .traits--view .trait__level {
  display: flex;
  gap: 4px;
  padding: 4px 16px;
  border-left: 2px solid var(--color-fabula-light);
  border-bottom: 2px solid var(--color-fabula-light);
  -o-border-image: var(--fabula-gradient-secondary-border);
     border-image: var(--fabula-gradient-secondary-border);
}
.fabula-ultima .character .traits--view .trait__level label,
.fabula-ultima .character .traits--view .trait__level span {
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
  white-space: nowrap;
}
.fabula-ultima .character .traits--view .trait__level input[value=soldier] ~ span[name*=rank] {
  font-size: 0;
}
.fabula-ultima .character .traits--view .trait__description {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 4px;
}
.fabula-ultima .character .traits--view .trait__identity {
  grid-column: 1/-1;
}
.fabula-ultima .character .traits--edit {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
}
.fabula-ultima .character .traits--edit .trait__name {
  grid-column: span 2;
}

.fabula-ultima .character .zero-powers__heading--edit .chimera-toggle, .fabula-ultima .character .zero-powers__heading--view .chimera-toggle {
  margin-left: auto;
}
.fabula-ultima .character .zero-powers__heading--edit {
  grid-column: 1/-1;
  display: flex;
  font-family: var(--font-title);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
  text-transform: capitalize;
}
.fabula-ultima .character .zero-powers__heading--view {
  grid-column: 1/-1;
  display: flex;
  background-image: var(--fabula-gradient-secondary);
  color: var(--color-on-dark);
  padding-inline-start: 16px;
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
}
.fabula-ultima .character .zero-powers--view:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .zero-powers--view:has(input[name*=collapse]:checked) .chimera-repeater--simple, .fabula-ultima .character .zero-powers--edit:has(input[name*=collapse]:checked) .chimera-wrapper,
.fabula-ultima .character .zero-powers--edit:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .zero-powers--view .chimera-wrapper,
.fabula-ultima .character .zero-powers--view .chimera-repeater--simple, .fabula-ultima .character .zero-powers--edit .chimera-wrapper,
.fabula-ultima .character .zero-powers--edit .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .zero-powers:has(input[name*=collapse]:checked) .chimera-repeater,
.fabula-ultima .character .zero-powers:has(input[name*=collapse]:checked) .chimera-repeater--simple {
  height: 0;
}
.fabula-ultima .character .zero-powers .chimera-repeater,
.fabula-ultima .character .zero-powers .chimera-repeater--simple {
  overflow: hidden;
}
.fabula-ultima .character .zero-powers--delete .zero-power {
  display: flex;
  gap: 4px;
}
.fabula-ultima .character .zero-powers--delete .zero-power__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fabula-ultima .character .zero-powers--view .zero-power {
  display: grid;
  grid-template-columns: var(--input-component-size) 2fr 1fr 5rem var(--button-component-size);
  align-items: center;
  gap: 4px;
}
.fabula-ultima .character .zero-powers--view .zero-power:has(input[name*=zero_hide]:checked) .zero-power__effect, .fabula-ultima .character .zero-powers--view .zero-power:has(input[name*=zero_hide]:checked) .zero-power__effect_description, .fabula-ultima .character .zero-powers--view .zero-power:has(input[name*=zero_hide]:checked) .zero-power__trigger, .fabula-ultima .character .zero-powers--view .zero-power:has(input[name*=zero_hide]:checked) .zero-power__trigger_effect {
  overflow: hidden;
  height: 0;
}
.fabula-ultima .character .zero-powers--view .zero-power__name .chimera-value__value {
  font-family: var(--font-body);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.fabula-ultima .character .zero-powers--view .zero-power__clock {
  flex: 1;
  justify-content: flex-start;
  width: -moz-min-content;
  width: min-content;
}
.fabula-ultima .character .zero-powers--view .zero-power__clock-progress {
  min-width: 3rem;
  display: flex;
  justify-content: flex-end;
  gap: 4px;
}
.fabula-ultima .character .zero-powers--view .zero-power__description, .fabula-ultima .character .zero-powers--view .zero-power__effect, .fabula-ultima .character .zero-powers--view .zero-power__effect_description, .fabula-ultima .character .zero-powers--view .zero-power__trigger, .fabula-ultima .character .zero-powers--view .zero-power__trigger_effect {
  grid-column: 1/-1;
}
.fabula-ultima .character .zero-powers--edit .zero-power {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 4px;
}
.fabula-ultima .character .zero-powers--edit .zero-power__name, .fabula-ultima .character .zero-powers--edit .zero-power__description, .fabula-ultima .character .zero-powers--edit .zero-power__effect, .fabula-ultima .character .zero-powers--edit .zero-power__effect_description, .fabula-ultima .character .zero-powers--edit .zero-power__trigger, .fabula-ultima .character .zero-powers--edit .zero-power__trigger_effect {
  grid-column: span 3;
}
.fabula-ultima .character .zero-powers--edit .zero-power__name, .fabula-ultima .character .zero-powers--edit .zero-power__effect {
  grid-row: 1;
}

.fabula-ultima .character__backpack {
  display: none;
  grid-column: 1/-1;
}
.fabula-ultima .character input[name*=nav][value=backpack] ~ * .character__backpack {
  display: grid;
  gap: 4px;
}
.fabula-ultima .character__bonds {
  display: none;
  grid-column: 1/-1;
}
.fabula-ultima .character input[name*=nav][value=bonds] ~ * .character__bonds {
  display: grid;
  gap: 4px;
}
.fabula-ultima .character__classes {
  display: none;
  grid-column: 1/-1;
}
.fabula-ultima .character input[name*=nav][value=classes] ~ * .character__classes {
  display: grid;
  gap: 4px;
}
.fabula-ultima .character__conflict {
  display: none;
  grid-column: 1/-1;
}
.fabula-ultima .character input[name*=nav][value=conflict] ~ * .character__conflict {
  display: grid;
  gap: 4px;
}
.fabula-ultima .character__equipment {
  display: none;
  grid-column: 1/-1;
}
.fabula-ultima .character input[name*=nav][value=equipment] ~ * .character__equipment {
  display: grid;
  gap: 4px;
}
.fabula-ultima .character__extra {
  display: none;
  grid-column: 1/-1;
}
.fabula-ultima .character input[name*=nav][value=extra] ~ * .character__extra {
  display: grid;
  gap: 4px;
}
.fabula-ultima .character__journal {
  display: none;
  grid-column: 1/-1;
}
.fabula-ultima .character input[name*=nav][value=journal] ~ * .character__journal {
  display: grid;
  gap: 4px;
}
.fabula-ultima .character__magic {
  display: none;
  grid-column: 1/-1;
}
.fabula-ultima .character input[name*=nav][value=magic] ~ * .character__magic {
  display: grid;
  gap: 4px;
}
.fabula-ultima .character__meta {
  display: none;
  grid-column: 1/-1;
}
.fabula-ultima .character input[name*=nav][value=meta] ~ * .character__meta {
  display: grid;
  gap: 4px;
}
.fabula-ultima .character__settings {
  display: none;
  grid-column: 1/-1;
}
.fabula-ultima .character input[name*=nav][value=settings] ~ * .character__settings {
  display: grid;
  gap: 4px;
}
.fabula-ultima .character__stats {
  display: none;
  grid-column: 1/-1;
}
.fabula-ultima .character input[name*=nav][value=stats] ~ * .character__stats {
  display: grid;
  gap: 4px;
}
.fabula-ultima .character--view {
  min-width: 540px;
  margin: 8px;
  max-width: 45rem;
  background-color: var(--suface-container-lowest);
  box-shadow: var(--box-shadow-light);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.fabula-ultima .character--view * ~ .repcontrol {
  display: none;
}
.fabula-ultima .character--view .character__controls {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.fabula-ultima .character--view .character__controls, .fabula-ultima .character--view .character__meta, .fabula-ultima .character--view .character__conflict, .fabula-ultima .character--view .character__backpack, .fabula-ultima .character--view .character__classes, .fabula-ultima .character--view .character__extra, .fabula-ultima .character--view .character__journal, .fabula-ultima .character--view .character__settings {
  gap: 4px;
  padding: 0 4px;
}
.fabula-ultima .character--edit {
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 8px;
  margin: 8px;
  padding: 8px;
  background-color: var(--character-edit-background);
}
.fabula-ultima .character--edit ~ div,
.fabula-ultima .character--edit > div {
  height: -moz-min-content;
  height: min-content;
  align-self: flex-end;
}
@media (min-width: 768px) {
  .fabula-ultima .character--edit {
    grid-template-columns: 3fr 1fr;
  }
  .fabula-ultima .character--edit .attributes--edit {
    grid-row: span 2;
  }
  .fabula-ultima .character--edit .bonds--edit {
    grid-column: 1/-1;
  }
}

:root,
html .sheet-darkmode {
  --bestiary-edit-background: #1f1f1f;
  --fabula-gradient-primary: linear-gradient(90deg, #502d54 0%, #1f1f1f 50%);
}

.sheet-darkmode .sheetform {
  background-color: var(--bestiary-edit-background);
}

:root,
html,
.sheet-rolltemplate-fabula-attack,
.sheet-rolltemplate-fabula-chat {
  --font-body: PT Sans Narrow, Comic Sans MS, sans-serif;
  --font-nav: Antonio, Comic Sans MS, sans-serif;
  --font-serif: PT Serif, Comic Sans MS, serif;
  --font-title: Antonio, Comic Sans MS, sans-serif;
  --color-hp: #d1232a;
  --color-mp: #00aeef;
  --color-ip: #502d54;
  --color-up: #502d54;
  --color-fabula-darkest: #313f6d;
  --color-fabula-dark: #295d95;
  --color-fabula-base: #30669c;
  --color-fabula-lightest: #c2cce0;
  --color-fabula-light: #4575a3;
  --color-fabula-accent: #b5613b;
  --surface-background: white;
  --character-edit-background: #e2f3ee;
  --character-edit-background-secondary: rgba(72, 96, 88, 0.1);
  --bestiary-edit-background: color-mix(in srgb, white 80%, #b9a9be);
  --bestiary-edit-background-secondary: rgba(185, 169, 190, 0.4);
  --box-shadow-light: rgba(26, 28, 24, 0.2) 0px 2px 1px -1px, rgba(26, 28, 24, 0.14) 0px 1px 1px 0px, rgba(26, 28, 24, 0.12) 0px 1px 3px 0px;
  --fabula-gradient-primary: linear-gradient(
    90deg,
    var(--color-fabula-base) 0%,
    var(--color-fabula-lightest) 100%
  );
  --fabula-gradient-primary-border: linear-gradient(45deg, var(--color-fabula-base), white) 1;
  --fabula-gradient-secondary: linear-gradient(90deg, var(--color-fabula-accent) 0%, white 100%);
  --fabula-gradient-secondary-border: linear-gradient(
      45deg,
      var(--color-fabula-lightest) 0%,
      white 100%
    )
    1;
  --fabula-gradient-dark-border: linear-gradient(
      90deg,
      var(--color-fabula-dark),
      var(--color-fabula-light)
    )
    1;
  --fabula-gradient-accent-border: linear-gradient(180deg, var(--color-fabula-base), white) 1;
  --fabula-gradient-accent: linear-gradient(90deg, color-mix(in srgb, white 80%, #b9a9be) 0%, white 100%);
  --fabula-gradient-success: linear-gradient(90deg, #906318 40%, white 100%);
  --fabula-gradient-fumble: linear-gradient(90deg, #b22222 40%, white 100%);
  --button-background-color: rgba(26, 35, 126, 0.2);
  --button-background-color-active: rgba(26, 35, 126, 0.2);
  --button-background-color-focus: rgba(63, 81, 181, 0.1);
  --button-background-color-hover: rgba(63, 81, 181, 0.1);
  --button-border-color: rgba(26, 35, 126, 0.2);
  --button-border-color-active: #1a237e;
  --button-border-color-focus: rgba(63, 81, 181, 0.1);
  --button-border-color-hover: #1a237e;
  --button-color: #1e1d1b;
  --button-color-active: #1a237e;
  --button-color-focus: #1a237e;
  --button-color-hover: #1a237e;
  --button-component-size: 2.5rem;
  --button-shadow-hover: inset 0 2px 4px rgba(26, 28, 24, 0.15), 0 1px 2px rgba(26, 28, 24, 0.05);
  --button-shadow-active: inset 0 2px 4px rgba(26, 28, 24, 0.15), 0 1px 2px rgba(26, 28, 24, 0.05);
  --icon-component-size: 1.5rem;
  --color-on-dark: #ffffff;
  --text-color: #1e1d1b;
  --input-background-color: rgba(255, 255, 255, 0.8);
  --input-background-color-active: rgba(26, 35, 126, 0.2);
  --input-background-color-focus: rgba(63, 81, 181, 0.1);
  --input-background-color-hover: rgba(63, 81, 181, 0.1);
  --input-border-color: rgba(26, 35, 126, 0.2);
  --input-border-color-active: #1a237e;
  --input-border-color-focus: #1a237e;
  --input-border-color-hover: rgba(63, 81, 181, 0.1);
  --input-color: #1e1d1b;
  --input-color-active: #1e1d1b;
  --input-color-focus: #1e1d1b;
  --input-color-hover: #1a237e;
  --input-component-size: 2.5rem;
  --nav-color-focus: #502d54;
  --repeating-empty-border-color: rgba(26, 35, 126, 0.2);
  --surface-container-lowest: #ffffff;
}
:root .character,
:root .sheet-character,
html .character,
html .sheet-character,
.sheet-rolltemplate-fabula-attack .character,
.sheet-rolltemplate-fabula-attack .sheet-character,
.sheet-rolltemplate-fabula-chat .character,
.sheet-rolltemplate-fabula-chat .sheet-character {
  --color-fabula-darkest: #324942;
  --color-fabula-dark: #486058;
  --color-fabula-base: #39662d;
  --color-fabula-light: #b0bba0;
  --color-fabula-lightest: #e5efe5;
  --color-fabula-accent: #b5613b;
  --fabula-gradient-primary: linear-gradient(
    90deg,
    var(--color-fabula-base) 0%,
    var(--color-fabula-lightest) 100%
  );
  --fabula-gradient-primary-border: linear-gradient(45deg, var(--color-fabula-base), white) 1;
  --fabula-gradient-secondary: linear-gradient(90deg, var(--color-fabula-accent) 0%, white 100%);
  --fabula-gradient-secondary-border: linear-gradient(
      45deg,
      var(--color-fabula-lightest) 0%,
      white 100%
    )
    1;
  --fabula-gradient-dark-border: linear-gradient(
      90deg,
      var(--color-fabula-dark),
      var(--color-fabula-light)
    )
    1;
}
:root .bestiary,
:root .sheet-bestiary,
html .bestiary,
html .sheet-bestiary,
.sheet-rolltemplate-fabula-attack .bestiary,
.sheet-rolltemplate-fabula-attack .sheet-bestiary,
.sheet-rolltemplate-fabula-chat .bestiary,
.sheet-rolltemplate-fabula-chat .sheet-bestiary {
  --color-fabula-darkest: #281127;
  --color-fabula-dark: #341b35;
  --color-fabula-base: #502d54;
  --color-fabula-light: #6d5072;
  --color-fabula-lightest: #b9a9be;
  --color-fabula-accent: #6e468d;
  --fabula-gradient-primary: linear-gradient(
    90deg,
    var(--color-fabula-base) 0%,
    var(--color-fabula-lightest) 100%
  );
  --fabula-gradient-primary-border: linear-gradient(45deg, var(--color-fabula-base), white) 1;
  --fabula-gradient-secondary: linear-gradient(90deg, var(--color-fabula-accent) 0%, white 100%);
  --fabula-gradient-secondary-border: linear-gradient(
      45deg,
      var(--color-fabula-lightest) 0%,
      white 100%
    )
    1;
  --fabula-gradient-dark-border: linear-gradient(
      90deg,
      var(--color-fabula-dark),
      var(--color-fabula-light)
    )
    1;
}

.sheet-rolltemplate-fabula-attack .inlinerollresult.inlinerollresult,
.sheet-rolltemplate-fabula-chat .inlinerollresult.inlinerollresult,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .inlinerollresult.inlinerollresult,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .inlinerollresult.inlinerollresult {
  display: block;
  text-align: center;
  padding: 2px;
  justify-self: center;
  background-color: color-mix(in srgb, white 60%, var(--color-fabula-light));
  color: black;
  border: none;
  border-radius: 4px;
  min-height: 24px;
  aspect-ratio: 1;
}
.sheet-rolltemplate-fabula-attack .inlinerollresult.inlinerollresult.fullcrit, .sheet-rolltemplate-fabula-attack .inlinerollresult.inlinerollresult.fullfail, .sheet-rolltemplate-fabula-attack .inlinerollresult.inlinerollresult.importantroll,
.sheet-rolltemplate-fabula-chat .inlinerollresult.inlinerollresult.fullcrit,
.sheet-rolltemplate-fabula-chat .inlinerollresult.inlinerollresult.fullfail,
.sheet-rolltemplate-fabula-chat .inlinerollresult.inlinerollresult.importantroll,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .inlinerollresult.inlinerollresult.fullcrit,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .inlinerollresult.inlinerollresult.fullfail,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .inlinerollresult.inlinerollresult.importantroll,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .inlinerollresult.inlinerollresult.fullcrit,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .inlinerollresult.inlinerollresult.fullfail,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .inlinerollresult.inlinerollresult.importantroll {
  border: none;
}
.sheet-rolltemplate-fabula-attack .sheet-flex.sheet-flex,
.sheet-rolltemplate-fabula-chat .sheet-flex.sheet-flex,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-flex.sheet-flex,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-flex.sheet-flex {
  display: flex;
}
.sheet-rolltemplate-fabula-attack .sheet-grid.sheet-grid,
.sheet-rolltemplate-fabula-chat .sheet-grid.sheet-grid,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-grid.sheet-grid,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-grid.sheet-grid {
  display: grid;
}
.sheet-rolltemplate-fabula-attack .sheet-space-around,
.sheet-rolltemplate-fabula-chat .sheet-space-around,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-space-around,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-space-around {
  justify-content: space-around;
}
.sheet-rolltemplate-fabula-attack .sheet-uppercase,
.sheet-rolltemplate-fabula-chat .sheet-uppercase,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-uppercase,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-uppercase {
  text-transform: uppercase;
}
.sheet-rolltemplate-fabula-attack .sheet-sr-only,
.sheet-rolltemplate-fabula-chat .sheet-sr-only,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-sr-only,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sheet-rolltemplate-fabula-attack .sheet-hp .sheet-fabula-label,
.sheet-rolltemplate-fabula-chat .sheet-hp .sheet-fabula-label,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-hp .sheet-fabula-label,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-hp .sheet-fabula-label {
  color: var(--color-hp);
}
.sheet-rolltemplate-fabula-attack .sheet-mp .sheet-fabula-label,
.sheet-rolltemplate-fabula-chat .sheet-mp .sheet-fabula-label,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-mp .sheet-fabula-label,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-mp .sheet-fabula-label {
  color: var(--color-mp);
}
.sheet-rolltemplate-fabula-attack .sheet-bonds,
.sheet-rolltemplate-fabula-chat .sheet-bonds,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-bonds,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-bonds {
  justify-content: space-evenly;
}
.sheet-rolltemplate-fabula-attack .sheet-roll,
.sheet-rolltemplate-fabula-chat .sheet-roll,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-roll,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-roll {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background-color: var(--surface-background);
  max-width: 500px;
  box-shadow: var(--box-shadow-light);
  border-radius: 4px;
  overflow: hidden;
}
.sheet-rolltemplate-fabula-attack .sheet-roll-header,
.sheet-rolltemplate-fabula-chat .sheet-roll-header,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-roll-header,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-roll-header {
  display: flex;
  background-image: var(--fabula-gradient-primary);
  color: var(--color-on-dark);
}
.sheet-rolltemplate-fabula-attack .sheet-avatar,
.sheet-rolltemplate-fabula-chat .sheet-avatar,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-avatar,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-avatar {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 36px;
}
.sheet-rolltemplate-fabula-attack .sheet-avatar img,
.sheet-rolltemplate-fabula-chat .sheet-avatar img,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-avatar img,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-avatar img {
  max-height: 36px;
  border-top-left-radius: 4px;
  border: 2px solid var(--color-fabula-base);
}
.sheet-rolltemplate-fabula-attack .sheet-character-name,
.sheet-rolltemplate-fabula-chat .sheet-character-name,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-character-name,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-character-name {
  flex: 1;
  padding-inline: 8px;
  font-family: var(--font-title);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sheet-rolltemplate-fabula-attack .sheet-roll-type,
.sheet-rolltemplate-fabula-chat .sheet-roll-type,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-roll-type,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-roll-type {
  padding: 8px;
  align-self: center;
  border-top-right-radius: 4px;
  background-color: var(--surface-background);
  color: var(--text-color);
  border-bottom: 2px solid var(--color-fabula-light);
  -o-border-image: var(--fabula-gradient-secondary-border);
     border-image: var(--fabula-gradient-secondary-border);
}
.sheet-rolltemplate-fabula-attack .sheet-roll-type span,
.sheet-rolltemplate-fabula-chat .sheet-roll-type span,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-roll-type span,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-roll-type span {
  font-family: var(--font-title);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
  white-space: nowrap;
}
.sheet-rolltemplate-fabula-attack .sheet-header,
.sheet-rolltemplate-fabula-chat .sheet-header,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-header,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-header {
  display: flex;
  gap: 4px;
  padding-inline: 4px;
  align-items: center;
}
.sheet-rolltemplate-fabula-attack .sheet-action, .sheet-rolltemplate-fabula-attack .sheet-details,
.sheet-rolltemplate-fabula-chat .sheet-action,
.sheet-rolltemplate-fabula-chat .sheet-details,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-action,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-details,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-action,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-details {
  display: grid;
  gap: 4px;
  padding: 4px;
  border-top: 1px solid var(--color-fabula-light);
  -o-border-image: var(--fabula-gradient-primary-border);
     border-image: var(--fabula-gradient-primary-border);
}
.sheet-rolltemplate-fabula-attack .sheet-action span.sheet-fabula-label,
.sheet-rolltemplate-fabula-attack .sheet-action span.sheet-fabula-span, .sheet-rolltemplate-fabula-attack .sheet-details span.sheet-fabula-label,
.sheet-rolltemplate-fabula-attack .sheet-details span.sheet-fabula-span,
.sheet-rolltemplate-fabula-chat .sheet-action span.sheet-fabula-label,
.sheet-rolltemplate-fabula-chat .sheet-action span.sheet-fabula-span,
.sheet-rolltemplate-fabula-chat .sheet-details span.sheet-fabula-label,
.sheet-rolltemplate-fabula-chat .sheet-details span.sheet-fabula-span,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-action span.sheet-fabula-label,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-action span.sheet-fabula-span,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-details span.sheet-fabula-label,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-details span.sheet-fabula-span,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-action span.sheet-fabula-label,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-action span.sheet-fabula-span,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-details span.sheet-fabula-label,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-details span.sheet-fabula-span {
  font-size: 14px;
}
.sheet-rolltemplate-fabula-attack .sheet-action:has(.sheet-detail-banner), .sheet-rolltemplate-fabula-attack .sheet-details:has(.sheet-detail-banner),
.sheet-rolltemplate-fabula-chat .sheet-action:has(.sheet-detail-banner),
.sheet-rolltemplate-fabula-chat .sheet-details:has(.sheet-detail-banner),
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-action:has(.sheet-detail-banner),
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-details:has(.sheet-detail-banner),
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-action:has(.sheet-detail-banner),
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-details:has(.sheet-detail-banner) {
  border-top: none;
  padding-top: 0;
}
.sheet-rolltemplate-fabula-attack .sheet-details div,
.sheet-rolltemplate-fabula-chat .sheet-details div,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-details div,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-details div {
  display: flex;
  flex-direction: row;
  gap: 2px;
  align-items: center;
}
.sheet-rolltemplate-fabula-attack .sheet-details:not(:has(span)),
.sheet-rolltemplate-fabula-chat .sheet-details:not(:has(span)),
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-details:not(:has(span)),
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-details:not(:has(span)) {
  display: none !important;
}
.sheet-rolltemplate-fabula-attack .sheet-details .inlinerollresult.inlinerollresult,
.sheet-rolltemplate-fabula-chat .sheet-details .inlinerollresult.inlinerollresult,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-details .inlinerollresult.inlinerollresult,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-details .inlinerollresult.inlinerollresult {
  display: inline-block;
}
.sheet-rolltemplate-fabula-attack .sheet-action__check, .sheet-rolltemplate-fabula-attack .sheet-action__damage,
.sheet-rolltemplate-fabula-chat .sheet-action__check,
.sheet-rolltemplate-fabula-chat .sheet-action__damage,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-action__check,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-action__damage,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-action__check,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-action__damage {
  display: grid;
  grid-template-columns: 1fr 28px 1fr 28px;
  gap: 4px;
  align-items: center;
}
.sheet-rolltemplate-fabula-attack .sheet-detail-banner,
.sheet-rolltemplate-fabula-chat .sheet-detail-banner,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-detail-banner,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-detail-banner {
  color: var(--color-on-dark);
  background-image: var(--fabula-gradient-secondary);
  padding-inline: 16px;
}
.sheet-rolltemplate-fabula-attack .sheet-critical-success,
.sheet-rolltemplate-fabula-chat .sheet-critical-success,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-critical-success,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-critical-success {
  color: var(--color-on-dark);
  background-image: var(--fabula-gradient-success);
  padding-inline: 16px;
}
.sheet-rolltemplate-fabula-attack .sheet-critical-fumble,
.sheet-rolltemplate-fabula-chat .sheet-critical-fumble,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-critical-fumble,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-critical-fumble {
  color: var(--color-on-dark);
  background-image: var(--fabula-gradient-fumble);
  padding-inline: 16px;
}
.sheet-rolltemplate-fabula-attack .sheet-affinity .sheet-fabula-span,
.sheet-rolltemplate-fabula-chat .sheet-affinity .sheet-fabula-span,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode .sheet-affinity .sheet-fabula-span,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode .sheet-affinity .sheet-fabula-span {
  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  color: var(--color-hp);
}
.sheet-rolltemplate-fabula-attack span.sheet-fabula-label,
.sheet-rolltemplate-fabula-chat span.sheet-fabula-label,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode span.sheet-fabula-label,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode span.sheet-fabula-label {
  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  white-space: nowrap;
}
.sheet-rolltemplate-fabula-attack span.sheet-fabula-subtitle,
.sheet-rolltemplate-fabula-chat span.sheet-fabula-subtitle,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode span.sheet-fabula-subtitle,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode span.sheet-fabula-subtitle {
  font-family: var(--font-body);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
  margin-left: auto;
}
.sheet-rolltemplate-fabula-attack span.sheet-fabula-level,
.sheet-rolltemplate-fabula-chat span.sheet-fabula-level,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode span.sheet-fabula-level,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode span.sheet-fabula-level {
  font-family: var(--font-title);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
}
.sheet-rolltemplate-fabula-attack span.sheet-fabula-span,
.sheet-rolltemplate-fabula-chat span.sheet-fabula-span,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode span.sheet-fabula-span,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode span.sheet-fabula-span {
  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.sheet-rolltemplate-fabula-attack span.sheet-fabula-important,
.sheet-rolltemplate-fabula-chat span.sheet-fabula-important,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode span.sheet-fabula-important,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode span.sheet-fabula-important {
  font-family: var(--font-title);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  text-transform: uppercase;
}
.sheet-rolltemplate-fabula-attack span.sheet-fabula-diamond,
.sheet-rolltemplate-fabula-chat span.sheet-fabula-diamond,
.sheet-rolltemplate-fabula-attack.rolltemplate-darkmode span.sheet-fabula-diamond,
.sheet-rolltemplate-fabula-chat.rolltemplate-darkmode span.sheet-fabula-diamond {
  font-family: var(--font-body);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

html .character,
html .charsheet .character {
  display: none;
}
html input[name*=sheet_type][value=character] ~ * main.character,
html .charsheet input[name*=sheet_type][value=character] ~ * main.character {
  display: grid;
}
html .bestiary,
html .charsheet .bestiary {
  display: none;
}
html input[name*=sheet_type][value=bestiary] ~ * main.bestiary,
html .charsheet input[name*=sheet_type][value=bestiary] ~ * main.bestiary {
  display: grid;
}
html .gm,
html .charsheet .gm {
  display: none;
}
html input[name*=sheet_type][value=gm] ~ * main.gm,
html .charsheet input[name*=sheet_type][value=gm] ~ * main.gm {
  display: grid;
}
html input[name*=show_settings][value=on] ~ * aside.settings,
html .charsheet input[name*=show_settings][value=on] ~ * aside.settings {
  display: grid;
}
html input[name*=show_settings][value=on] ~ * main.bestiary,
html input[name*=show_settings][value=on] ~ * main.character,
html .charsheet input[name*=show_settings][value=on] ~ * main.bestiary,
html .charsheet input[name*=show_settings][value=on] ~ * main.character {
  display: none;
}
html input[name*=sheet_mode][value=on] ~ * .bestiary--edit,
html input[name*=sheet_mode][value=on] ~ * .character--edit,
html .charsheet input[name*=sheet_mode][value=on] ~ * .bestiary--edit,
html .charsheet input[name*=sheet_mode][value=on] ~ * .character--edit {
  display: grid;
}
html input[name*=sheet_mode][value=on] ~ * .bestiary--view,
html input[name*=sheet_mode][value=on] ~ * .character--view,
html .charsheet input[name*=sheet_mode][value=on] ~ * .bestiary--view,
html .charsheet input[name*=sheet_mode][value=on] ~ * .character--view {
  display: none;
}
html input[name*=sheet_mode][value="0"] ~ * .bestiary--edit,
html input[name*=sheet_mode][value="0"] ~ * .character--edit, html input[name*=sheet_mode][value=""] ~ * .bestiary--edit,
html input[name*=sheet_mode][value=""] ~ * .character--edit, html input[name*=sheet_mode]:not([value]) ~ * .bestiary--edit,
html input[name*=sheet_mode]:not([value]) ~ * .character--edit,
html .charsheet input[name*=sheet_mode][value="0"] ~ * .bestiary--edit,
html .charsheet input[name*=sheet_mode][value="0"] ~ * .character--edit,
html .charsheet input[name*=sheet_mode][value=""] ~ * .bestiary--edit,
html .charsheet input[name*=sheet_mode][value=""] ~ * .character--edit,
html .charsheet input[name*=sheet_mode]:not([value]) ~ * .bestiary--edit,
html .charsheet input[name*=sheet_mode]:not([value]) ~ * .character--edit {
  display: none;
}
html input[name*=sheet_mode][value="0"] ~ * .bestiary--view,
html input[name*=sheet_mode][value="0"] ~ * .character--view, html input[name*=sheet_mode][value=""] ~ * .bestiary--view,
html input[name*=sheet_mode][value=""] ~ * .character--view, html input[name*=sheet_mode]:not([value]) ~ * .bestiary--view,
html input[name*=sheet_mode]:not([value]) ~ * .character--view,
html .charsheet input[name*=sheet_mode][value="0"] ~ * .bestiary--view,
html .charsheet input[name*=sheet_mode][value="0"] ~ * .character--view,
html .charsheet input[name*=sheet_mode][value=""] ~ * .bestiary--view,
html .charsheet input[name*=sheet_mode][value=""] ~ * .character--view,
html .charsheet input[name*=sheet_mode]:not([value]) ~ * .bestiary--view,
html .charsheet input[name*=sheet_mode]:not([value]) ~ * .character--view {
  display: flex;
}
html .fabula-ultima,
html .charsheet .fabula-ultima {
  margin: 4px;
  margin-right: 12px;
}