foundry/Data/systems/pf2e/styles/pf2e.css

@charset "UTF-8";
:root {
  --tagify-dd-color-primary: rgb(53,149,246);
  --tagify-dd-bg-color: white;
  --tagify-dd-item-pad: .3em .5em;
}

.tagify {
  --tags-disabled-bg: #F1F1F1;
  --tags-border-color: #DDD;
  --tags-hover-border-color: #CCC;
  --tags-focus-border-color: #3595f6;
  --tag-border-radius: 3px;
  --tag-bg: #E5E5E5;
  --tag-hover: #D3E2E2;
  --tag-text-color: black;
  --tag-text-color--edit: black;
  --tag-pad: 0.3em 0.5em;
  --tag-inset-shadow-size: 1.1em;
  --tag-invalid-color: #D39494;
  --tag-invalid-bg: rgba(211, 148, 148, 0.5);
  --tag-remove-bg: rgba(211, 148, 148, 0.3);
  --tag-remove-btn-color: black;
  --tag-remove-btn-bg: none;
  --tag-remove-btn-bg--hover: #c77777;
  --input-color: inherit;
  --tag--min-width: 1ch;
  --tag--max-width: auto;
  --tag-hide-transition: 0.3s;
  --placeholder-color: rgba(0, 0, 0, 0.4);
  --placeholder-color-focus: rgba(0, 0, 0, 0.25);
  --loader-size: .8em;
  --readonly-striped: 1;
  display: inline-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border: 1px solid var(--tags-border-color);
  padding: 0;
  line-height: 0;
  cursor: text;
  outline: none;
  position: relative;
  box-sizing: border-box;
  transition: 0.1s;
}
@keyframes tags--bump {
  30% {
    transform: scale(1.2);
  }
}
@keyframes rotateLoader {
  to {
    transform: rotate(1turn);
  }
}
.tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
  --tags-border-color: var(--tags-hover-border-color);
}
.tagify[disabled] {
  background: var(--tags-disabled-bg);
  filter: saturate(0);
  opacity: 0.5;
  pointer-events: none;
}
.tagify[readonly].tagify--select, .tagify[disabled].tagify--select {
  pointer-events: none;
}
.tagify[readonly]:not(.tagify--mix):not(.tagify--select), .tagify[disabled]:not(.tagify--mix):not(.tagify--select) {
  cursor: default;
}
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) > .tagify__input, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) > .tagify__input {
  visibility: hidden;
  width: 0;
  margin: 5px 0;
}
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div {
  padding: var(--tag-pad);
}
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before, .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before {
  animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
}
@keyframes readonlyStyles {
  0% {
    background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
    box-shadow: none;
    filter: brightness(0.95);
  }
}
.tagify[readonly] .tagify__tag__removeBtn, .tagify[disabled] .tagify__tag__removeBtn {
  display: none;
}
.tagify--loading .tagify__input > br:last-child {
  display: none;
}
.tagify--loading .tagify__input::before {
  content: none;
}
.tagify--loading .tagify__input::after {
  content: "";
  vertical-align: middle;
  opacity: 1;
  width: 0.7em;
  height: 0.7em;
  width: var(--loader-size);
  height: var(--loader-size);
  min-width: 0;
  border: 3px solid;
  border-color: #EEE #BBB #888 transparent;
  border-radius: 50%;
  animation: rotateLoader 0.4s infinite linear;
  content: "" !important;
  margin: -2px 0 -2px 0.5em;
}
.tagify--loading .tagify__input:empty::after {
  margin-left: 0;
}
.tagify + input,
.tagify + textarea {
  position: absolute !important;
  left: -9999em !important;
  transform: scale(0) !important;
}
.tagify__tag {
  display: inline-flex;
  align-items: center;
  margin: 5px 0 5px 5px;
  position: relative;
  z-index: 1;
  outline: none;
  line-height: normal;
  cursor: default;
  transition: 0.13s ease-out;
}
.tagify__tag > div {
  vertical-align: top;
  box-sizing: border-box;
  max-width: 100%;
  padding: var(--tag-pad);
  color: var(--tag-text-color);
  line-height: inherit;
  border-radius: var(--tag-border-radius);
  white-space: nowrap;
  transition: 0.13s ease-out;
}
.tagify__tag > div > * {
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  min-width: var(--tag--min-width);
  max-width: var(--tag--max-width);
  transition: 0.8s ease, 0.1s color;
}
.tagify__tag > div > *[contenteditable] {
  outline: none;
  user-select: text;
  cursor: text;
  margin: -2px;
  padding: 2px;
  max-width: 350px;
}
.tagify__tag > div::before {
  content: "";
  position: absolute;
  border-radius: inherit;
  inset: var(--tag-bg-inset, 0);
  z-index: -1;
  pointer-events: none;
  transition: 120ms ease;
  animation: tags--bump 0.3s ease-out 1;
  box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset;
}
.tagify__tag:hover:not([readonly]) div::before, .tagify__tag:focus div::before {
  --tag-bg-inset: -2.5px;
  --tag-bg: var(--tag-hover);
}
.tagify__tag--loading {
  pointer-events: none;
}
.tagify__tag--loading .tagify__tag__removeBtn {
  display: none;
}
.tagify__tag--loading::after {
  --loader-size: .4em;
  content: "";
  vertical-align: middle;
  opacity: 1;
  width: 0.7em;
  height: 0.7em;
  width: var(--loader-size);
  height: var(--loader-size);
  min-width: 0;
  border: 3px solid;
  border-color: #EEE #BBB #888 transparent;
  border-radius: 50%;
  animation: rotateLoader 0.4s infinite linear;
  margin: 0 0.5em 0 -0.1em;
}
.tagify__tag--flash div::before {
  animation: none;
}
.tagify__tag--hide {
  width: 0 !important;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  opacity: 0;
  transform: scale(0);
  transition: var(--tag-hide-transition);
  pointer-events: none;
}
.tagify__tag--hide > div > * {
  white-space: nowrap;
}
.tagify__tag.tagify--noAnim > div::before {
  animation: none;
}
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span {
  opacity: 0.5;
}
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
  --tag-bg: var(--tag-invalid-bg);
  transition: 0.2s;
}
.tagify__tag[readonly] .tagify__tag__removeBtn {
  display: none;
}
.tagify__tag[readonly] > div::before {
  animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused;
}
@keyframes readonlyStyles {
  0% {
    background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
    box-shadow: none;
    filter: brightness(0.95);
  }
}
.tagify__tag--editable > div {
  color: var(--tag-text-color--edit);
}
.tagify__tag--editable > div::before {
  box-shadow: 0 0 0 2px var(--tag-hover) inset !important;
}
.tagify__tag--editable > .tagify__tag__removeBtn {
  pointer-events: none;
}
.tagify__tag--editable > .tagify__tag__removeBtn::after {
  opacity: 0;
  transform: translateX(100%) translateX(5px);
}
.tagify__tag--editable.tagify--invalid > div::before {
  box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important;
}
.tagify__tag__removeBtn {
  order: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  cursor: pointer;
  font: 14px/1 Arial;
  background: var(--tag-remove-btn-bg);
  color: var(--tag-remove-btn-color);
  width: 14px;
  height: 14px;
  margin-right: 4.6666666667px;
  margin-left: auto;
  overflow: hidden;
  transition: 0.2s ease-out;
}
.tagify__tag__removeBtn::after {
  content: "×";
  transition: 0.3s, color 0s;
}
.tagify__tag__removeBtn:hover {
  color: white;
  background: var(--tag-remove-btn-bg--hover);
}
.tagify__tag__removeBtn:hover + div > span {
  opacity: 0.5;
}
.tagify__tag__removeBtn:hover + div::before {
  box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important;
  transition: box-shadow 0.2s;
}
.tagify:not(.tagify--mix) .tagify__input br {
  display: none;
}
.tagify:not(.tagify--mix) .tagify__input * {
  display: inline;
  white-space: nowrap;
}
.tagify__input {
  flex-grow: 1;
  display: inline-block;
  min-width: 110px;
  margin: 5px;
  padding: var(--tag-pad);
  line-height: normal;
  position: relative;
  white-space: pre-wrap;
  color: var(--input-color);
  box-sizing: inherit;
  /* Seems firefox newer versions don't need this any more
  @supports ( -moz-appearance:none ){
      &::before{
          line-height: inherit;
          position:relative;
      }
  }
  */
}
@-moz-document url-prefix() {}
.tagify__input:empty::before {
  position: static;
}
.tagify__input:focus {
  outline: none;
}
.tagify__input:focus::before {
  transition: 0.2s ease-out;
  opacity: 0;
  transform: translatex(6px);
  /* ALL MS BROWSERS: hide placeholder (on focus) otherwise the caret is placed after it, which is weird */
  /* IE Edge 12+ CSS styles go here */
}
@supports (-ms-ime-align: auto) {
  .tagify__input:focus::before {
    display: none;
  }
}
.tagify__input:focus:empty::before {
  transition: 0.2s ease-out;
  opacity: 1;
  transform: none;
  color: rgba(0, 0, 0, 0.25);
  color: var(--placeholder-color-focus);
}
@-moz-document url-prefix() {
  .tagify__input:focus:empty::after {
    display: none;
  }
}
.tagify__input::before {
  content: attr(data-placeholder);
  height: 1em;
  line-height: 1em;
  margin: auto 0;
  z-index: 1;
  color: var(--placeholder-color);
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  position: absolute;
}
.tagify__input::after {
  content: attr(data-suggest);
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  min-width: calc(100% - 1.5em);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre; /* allows spaces at the beginning */
  color: var(--tag-text-color);
  opacity: 0.3;
  pointer-events: none;
  max-width: 100px;
}
.tagify__input .tagify__tag {
  margin: 0 1px;
}
.tagify--mix {
  display: block;
}
.tagify--mix .tagify__input {
  padding: 5px;
  margin: 0;
  width: 100%;
  height: 100%;
  line-height: 1.5;
  display: block;
}
.tagify--mix .tagify__input::before {
  height: auto;
  display: none;
  line-height: inherit;
}
.tagify--mix .tagify__input::after {
  content: none;
}
.tagify--select::after {
  content: ">";
  opacity: 0.5;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  font: 16px monospace;
  line-height: 8px;
  height: 8px;
  pointer-events: none;
  transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
  transition: 0.2s ease-in-out;
}
.tagify--select[aria-expanded=true]::after {
  transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2);
}
.tagify--select .tagify__tag {
  position: absolute;
  top: 0;
  right: 1.8em;
  bottom: 0;
}
.tagify--select .tagify__tag div {
  display: none;
}
.tagify--select .tagify__input {
  width: 100%;
}
.tagify--empty .tagify__input::before {
  transition: 0.2s ease-out;
  opacity: 1;
  transform: none;
  display: inline-block;
  width: auto;
}
.tagify--mix .tagify--empty .tagify__input::before {
  display: inline-block;
}
.tagify--focus {
  --tags-border-color: var(--tags-focus-border-color);
  transition: 0s;
}
.tagify--invalid {
  --tags-border-color: #D39494;
}
.tagify__dropdown {
  position: absolute;
  z-index: 9999;
  transform: translateY(1px);
  overflow: hidden;
}
.tagify__dropdown[placement=top] {
  margin-top: 0;
  transform: translateY(-100%);
}
.tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
  border-top-width: 1.1px;
  border-bottom-width: 0;
}
.tagify__dropdown[position=text] {
  box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1);
  font-size: 0.9em;
}
.tagify__dropdown[position=text] .tagify__dropdown__wrapper {
  border-width: 1px;
}
.tagify__dropdown__wrapper {
  max-height: 300px;
  overflow: auto;
  overflow-x: hidden;
  background: var(--tagify-dd-bg-color);
  border: 1px solid;
  border-color: var(--tagify-dd-color-primary);
  border-bottom-width: 1.5px;
  border-top-width: 0;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
  transition: 0.25s cubic-bezier(0, 1, 0.5, 1);
}
.tagify__dropdown__header:empty {
  display: none;
}
.tagify__dropdown__footer {
  display: inline-block;
  margin-top: 0.5em;
  padding: var(--tagify-dd-item-pad);
  font-size: 0.7em;
  font-style: italic;
  opacity: 0.5;
}
.tagify__dropdown__footer:empty {
  display: none;
}
.tagify__dropdown--initial .tagify__dropdown__wrapper {
  max-height: 20px;
  transform: translateY(-1em);
}
.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
  transform: translateY(2em);
}
.tagify__dropdown__item {
  box-sizing: border-box;
  padding: var(--tagify-dd-item-pad);
  margin: 1px;
  cursor: pointer;
  border-radius: 2px;
  position: relative;
  outline: none;
  max-height: 60px;
  max-width: 100%;
  /* custom hidden transition effect is needed for horizontal-layout suggestions */
}
.tagify__dropdown__item--active {
  background: var(--tagify-dd-color-primary);
  color: white;
}
.tagify__dropdown__item:active {
  filter: brightness(105%);
}
.tagify__dropdown__item--hidden {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 1px;
  pointer-events: none;
  overflow: hidden;
  max-height: 0;
  transition: var(--tagify-dd-item--hidden-duration, 0.3s) !important;
}
.tagify__dropdown__item--hidden > * {
  transform: translateY(-100%);
  opacity: 0;
  transition: inherit;
}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
:root {
  scrollbar-color: #782e22 transparent;
}
* {
  scrollbar-width: thin;
}
:root {
  /** Font-size variables not defined by Foundry */
  --font-size-5: 0.3125rem;
  --font-size-8: 0.5rem;
  --font-size-9: 0.5625rem;
  --font-size-10: 0.625rem;
  --font-size-15: 0.9375rem;
  --font-size-17: 1.0625rem;
  --font-size-19: 1.1875rem;
  --font-size-21: 1.3125rem;
  --font-size-22: 1.375rem;
  --font-size-26: 1.625rem;
  --font-size-30: 1.875rem;
  --font-size-34: 2.125rem;
  --font-size-36: 2.25rem;
  --font-size-42: 2.625rem;
  /** Font families */
  --body-serif: Gelasio, Georgia, serif;
  --sans-serif: Roboto, sans-serif;
  --sans-serif-condensed: "Roboto Condensed", var(--sans-serif);
  --sans-serif-monospace: "Roboto Mono", monospace;
  --serif: Eczar, Georgia, serif;
  --serif-condensed: "Modesto Condensed", serif;
  --journal-cursive: "La Belle Aurore", cursive;
  --journal-serif: "Vollkorn", var(--serif);
}
/* ----------------------------------------- */
/* Color definitions                         */
/* ----------------------------------------- */
/* Colors */
/* Global */
/* used for mini headers, alternate primary color */
/* compliments the primary color, usually used in combination */
/* for all other uses */
/* Lighter / Darker */
/* Text */
/* ----------------------------------------- */
/* Color schemes                             */
/* ----------------------------------------- */
/* Degrees of success */
/* Value adjustments (e.g. weak/elite) */
/* ----------------------------------------- */
/* CSS Custom Properties                     */
/* ----------------------------------------- */
:root {
  /* Global */
  --color-pf-primary: #5e0000;
  --color-pf-primary-light: #910000;
  --color-pf-primary-dark: #2b0000;
  --color-pf-secondary: #171f69;
  --color-pf-secondary-light: #202b93;
  --color-pf-secondary-dark: #0e133f;
  --primary: var(--color-pf-primary);
  --secondary: var(--color-pf-secondary);
  --tertiary: #e9d7a1;
  --alt: #786452;
  --alt-dark: #443730;
  --bg: #f8f4f1;
  --bg-dark: #e7d9cf;
  --sub: #605856;
  --color-disabled: #ababab;
  --inline-link-bg: #ddd;
  --inline-repost-bg: #eaeaea;
  --visibility-gm-bg: #e8e8ef;
  --visibility-owner-bg: #ddebe1;
  --blind-roll: #f5eaf5;
  /* Lighter / Darker */
  --light: #910000;
  --primary-dark: #2b0000;
  --primary-darker: #120000;
  --tertiary-dark: #dfc578;
  --tertiary-light: #f3e9ca;
  /* Text */
  --text-dark: var(--color-text-dark-primary);
  --text-light: #f5efe0;
  --color-text-dark-input: #333;
  /* Borders */
  --color-border-divider: #baa991;
  --color-border-dark-input: #d3ccbc;
  --color-border-medium: gray;
  /* Headers w/ boxes */
  --header-color: var(--text-light);
  --header-bg: var(--secondary);
  /* Sidebar */
  --sidebar-label: var(--tertiary-dark);
  --sidebar-title: var(--tertiary);
  /** Traits */
  --color-bg-alignment: #576293;
  --color-bg-size: #3a7b59;
  --color-bg-trait: #5e0000;
  --color-border-trait: #d8c384;
  --color-text-trait: white;
  /* Rarity */
  --color-rarity-common: #323232;
  --color-rarity-uncommon: #98513d;
  --color-rarity-rare: #002664;
  --color-rarity-unique: #54166e;
  /** Proficiency ranks */
  --color-proficiency-untrained: #424242;
  --color-proficiency-trained: #171f69;
  --color-proficiency-expert: #3c005e;
  --color-proficiency-master: #664400;
  --color-proficiency-legendary: #5e0000;
  /* Damage colors */
}
:root .damage {
  --color-bg-acid: rgba(0, 115, 0, 0.125);
  --color-bg-bleed: rgba(153, 0, 26, 0.125);
  --color-bg-chaotic: rgba(166, 0, 166, 0.125);
  --color-bg-cold: rgba(47, 47, 166, 0.125);
  --color-bg-electricity: rgba(184, 134, 11, 0.125);
  --color-bg-evil: rgba(75, 0, 130, 0.125);
  --color-bg-fire: rgba(166, 47, 0, 0.125);
  --color-bg-force: rgba(99, 0, 170, 0.125);
  --color-bg-good: rgba(157, 115, 10, 0.125);
  --color-bg-lawful: rgba(64, 38, 0, 0.125);
  --color-bg-mental: rgba(25, 25, 112, 0.125);
  --color-bg-physical: rgba(60, 60, 60, 0.125);
  --color-bg-poison: rgba(91, 115, 50, 0.125);
  --color-bg-sonic: rgba(0, 139, 139, 0.125);
  --color-bg-spirit: rgba(90, 85, 133, 0.125);
  --color-bg-vitality: rgba(255, 255, 224, 0.125);
  --color-bg-void: rgba(0, 0, 31, 0.125);
  --color-border-acid: #007300;
  --color-border-bleed: #99001a;
  --color-border-chaotic: #a600a6;
  --color-border-cold: #2f2fa6;
  --color-border-electricity: darkgoldenrod;
  --color-border-evil: indigo;
  --color-border-fire: #a62f00;
  --color-border-force: #6300aa;
  --color-border-good: #9d730a;
  --color-border-lawful: #402600;
  --color-border-mental: midnightblue;
  --color-border-physical: #3c3c3c;
  --color-border-poison: #5b7332;
  --color-border-sonic: darkcyan;
  --color-border-spirit: #5a5585;
  --color-border-vitality: #ffffe0;
  --color-border-void: #00001f;
  --color-text-acid: #003300;
  --color-text-bleed: #59000f;
  --color-text-chaotic: #660066;
  --color-text-cold: #212174;
  --color-text-electricity: #7c5a07;
  --color-text-evil: #260042;
  --color-text-fire: #661d00;
  --color-text-force: #3e006a;
  --color-text-good: #614706;
  --color-text-lawful: black;
  --color-text-mental: #0d0d3c;
  --color-text-physical: #1c1c1c;
  --color-text-poison: #38471f;
  --color-text-sonic: #004b4b;
  --color-text-spirit: #403c5e;
  --color-text-vitality: #ffffa0;
  --color-text-void: black;
}
:root .damage.color.acid {
  background-color: var(--color-bg-acid);
  border-color: var(--color-border-acid);
  color: var(--color-text-acid);
}
:root .damage.color.acid .icon {
  color: var(--color-border-acid);
}
:root .damage.color.bleed {
  background-color: var(--color-bg-bleed);
  border-color: var(--color-border-bleed);
  color: var(--color-text-bleed);
}
:root .damage.color.bleed .icon {
  color: var(--color-border-bleed);
}
:root .damage.color.bludgeoning, :root .damage.color.piercing, :root .damage.color.slashing {
  background-color: var(--color-bg-physical);
  border-color: var(--color-border-physical);
  color: var(--color-text-physical);
}
:root .damage.color.bludgeoning .icon, :root .damage.color.piercing .icon, :root .damage.color.slashing .icon {
  color: var(--color-border-physical);
}
:root .damage.color.chaotic {
  background-color: var(--color-bg-chaotic);
  border-color: var(--color-border-chaotic);
  color: var(--color-text-chaotic);
}
:root .damage.color.chaotic .icon {
  color: var(--color-border-chaotic);
}
:root .damage.color.cold {
  background-color: var(--color-bg-cold);
  border-color: var(--color-border-cold);
  box-shadow: var(--color-border-cold);
  color: var(--color-text-cold);
}
:root .damage.color.cold .icon {
  color: var(--color-border-cold);
}
:root .damage.color.electricity {
  background-color: var(--color-bg-electricity);
  border-color: var(--color-border-electricity);
  color: var(--color-text-electricity);
}
:root .damage.color.electricity .icon {
  color: var(--color-border-electricity);
}
:root .damage.color.evil {
  background-color: var(--color-bg-evil);
  border-color: var(--color-border-evil);
  color: var(--color-text-evil);
}
:root .damage.color.evil .icon {
  color: var(--color-border-evil);
}
:root .damage.color.fire {
  background-color: var(--color-bg-fire);
  border-color: var(--color-border-fire);
  box-shadow: var(--color-border-fire);
  color: var(--color-text-fire);
}
:root .damage.color.fire .icon {
  color: var(--color-border-fire);
}
:root .damage.color.force {
  background-color: var(--color-bg-force);
  border-color: var(--color-border-force);
  color: var(--color-text-force);
}
:root .damage.color.force .icon {
  color: var(--color-border-force);
}
:root .damage.color.good {
  background-color: var(--color-bg-good);
  border-color: var(--color-border-good);
  color: var(--color-text-good);
}
:root .damage.color.good .icon {
  color: var(--color-border-good);
}
:root .damage.color.lawful {
  background-color: var(--color-bg-lawful);
  border-color: var(--color-border-lawful);
  color: var(--color-text-lawful);
}
:root .damage.color.lawful .icon {
  color: var(--color-border-lawful);
}
:root .damage.color.mental {
  background-color: var(--color-bg-mental);
  border-color: var(--color-border-mental);
  color: var(--color-text-mental);
}
:root .damage.color.mental .icon {
  color: var(--color-border-mental);
}
:root .damage.color.poison {
  background-color: var(--color-bg-poison);
  border-color: var(--color-border-poison);
  color: var(--color-text-poison);
}
:root .damage.color.poison .icon {
  color: var(--color-border-poison);
}
:root .damage.color.sonic {
  border-color: var(--color-border-sonic);
  background-color: var(--color-bg-sonic);
  color: var(--color-text-sonic);
}
:root .damage.color.sonic .icon {
  color: var(--color-border-sonic);
}
:root .damage.color.spirit {
  border-color: var(--color-border-spirit);
  background-color: var(--color-bg-spirit);
  color: var(--color-text-spirit);
}
:root .damage.color.spirit .icon {
  color: var(--color-border-spirit);
}
:root .damage.color.vitality {
  background-color: var(--color-bg-physical);
  border-color: var(--color-border-vitality);
  color: var(--color-text-vitality);
  text-shadow: 1px 1px var(--color-text-dark-1);
}
:root .damage.color.vitality .icon {
  color: var(--color-border-vitality);
}
:root .damage.color.void {
  background-color: var(--color-bg-void);
  border-color: var(--color-border-void);
  color: var(--color-border-void);
}
:root .damage.color.void .icon {
  color: var(--color-border-void);
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/**
*  Legacy is for the old css unrelated
*  to the current design (crb-style).
*  Only use the legacy folder if you need
*  to make changes to the old css.
*
*  If you're adding a new feature, put it
*  in the appropriate folder in src/styles.
*  Just make sure to update the relevant
*  _index.scss so that it will get compiled.
*
*/
:root {
  --primary-background: #454a7c;
  --secondary-background: gray;
  --tertiary-background: #454a7c;
  --alternate-background: darkgray;
}
/* ----------------------------------------- */
/* Sheet Structure                           */
/* ----------------------------------------- */
.pf2e.actor .window-content {
  padding: 5px;
  font-size: var(--font-size-13);
  overflow-y: hidden;
}
.pf2e.actor .sheet-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex: 0 0 100%;
  height: 48px;
}
.pf2e.actor .sheet-header > * {
  flex: 1;
}
.pf2e.actor .sheet-header h1 {
  margin: 0;
  border: none;
}
.pf2e.actor .sheet-header h1 > input {
  font-family: var(--serif-condensed);
  font-weight: 700;
  height: 40px;
  width: 100%;
  margin: 2px;
  font-size: var(--font-size-36);
  border: none;
}
.pf2e.actor .sheet-body {
  height: calc(100% - 35px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.pf2e.actor form {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pf2e.actor form input[type=text], .pf2e.actor form input[type=number] {
  background: rgba(0, 0, 0, 0.025);
  border: 1px solid transparent;
  color: var(--color-text-dark-input);
  height: calc(100% - 2px);
  margin: 1px 0;
  padding: 0;
  width: calc(100% - 2px);
}
.pf2e.actor form input[type=text]:hover:not(:disabled), .pf2e.actor form input[type=text]:focus, .pf2e.actor form input[type=number]:hover:not(:disabled), .pf2e.actor form input[type=number]:focus {
  border: 1px solid black;
  box-shadow: 0 0 10px #00005a;
}
.pf2e.actor form select {
  font-size: var(--font-size-10);
  height: var(--font-size-18);
  background: rgba(255, 255, 255, 0.5);
}
.pf2e.actor form label {
  display: block;
}
.pf2e.actor form .mce-panel span {
  display: inherit;
}
.pf2e.actor form.editable .rollable:hover {
  color: #000;
  text-shadow: 0 0 10px #00005a;
  cursor: pointer;
}
.pf2e.actor form .sheet-tabs {
  font-weight: 500;
  height: 30px;
}
.pf2e.actor form .sheet-tabs > .list-row {
  line-height: 2rem;
  padding-top: 3px;
  font-size: var(--font-size-12);
  text-align: center;
}
.pf2e.actor form .sheet-tabs > .list-row:last-of-type {
  padding-right: 4px;
}
.pf2e.actor form .sheet-tabs > .list-row.active {
  color: var(--text-dark);
  font-weight: 700;
}
.pf2e.actor form .tab {
  flex: 1;
  overflow: hidden;
}
.pf2e.actor form .tag-legacy {
  float: left;
  margin: 0 2px 2px 0;
  padding: 0 3px;
  font-size: var(--font-size-10);
  line-height: 16px;
  border: 1px solid var(--color-border-light-2);
  border-radius: 3px;
  white-space: normal;
  font-weight: 500;
}
/* ---------------------------------------- */
/* Actor Sheet                              */
/* ---------------------------------------- */
.pf2e.actor {
  min-width: 650px;
  min-height: 450px;
}
.pf2e.actor .sidebar {
  float: left;
  width: 220px;
}
.pf2e.actor .content {
  float: right;
  width: calc(100% - 220px);
}
.pf2e.actor .floatright {
  float: right;
}
.pf2e.actor .sheet-upper {
  height: 268px;
}
.pf2e.actor .sheet-upper .sheet-header {
  height: 48px;
}
.pf2e.actor .sheet-upper .sheet-profile,
.pf2e.actor .sheet-upper .sheet-showcase {
  height: 220px;
}
.pf2e.actor .sheet-navigation {
  height: 32px;
  /* width: 100%;
   */
  float: right;
  width: calc(100% - 220px);
}
.pf2e.actor .sheet-lower {
  width: 100%;
  height: calc(100% - 48px);
}
.pf2e.actor .sheet-lower .sheet-content {
  height: calc(100% - 32px);
}
.pf2e.actor .sheet-sidebar {
  height: calc(100% - 48px);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-x: hidden;
  overflow-y: auto;
}
.pf2e.actor .sheet-sidebar > * {
  flex: 1;
}
.pf2e.actor .sheet-sidebar .sidebar-summary {
  overflow-y: hidden;
}
.pf2e.actor.npc-sheet .sheet-upper {
  height: 220px;
}
.pf2e.actor.npc-sheet .sheet-upper .sheet-showcase {
  height: 172px;
}
.pf2e.actor.npc-sheet .sheet-lower {
  height: calc(100% - 220px - 32px);
}
.pf2e.actor.npc-sheet section.sheet-body {
  height: calc(100% - 48px);
}
.pf2e.actor .sheet-navigation {
  border-top: 1px solid var(--secondary-background);
  border-bottom: 1px solid var(--primary-background);
}
.pf2e.actor .sheet-navigation .sheet-tabs > .list-row {
  border-radius: 5px 5px 0 0;
}
.pf2e.actor .sheet-navigation .sheet-tabs > .list-row.active {
  border: 1px solid #666;
  border-bottom: none;
  /* box-shadow: 0 0 10px inset #ff6400;
   */
  background: var(--primary-background);
  color: #fff;
  text-shadow: none;
}
.pf2e.actor .sheet-header {
  border-bottom: 1px solid var(--primary-background);
}
.pf2e.actor .sheet-header h1 {
  margin: 0;
  border: none;
}
.pf2e.actor .sheet-header h1.charname {
  flex-basis: 50%;
}
.pf2e.actor .sheet-header .editsheet {
  flex: 3;
  font-size: 0.625rem;
  text-align: center;
  margin-top: 3px;
}
.pf2e.actor .sheet-header .charlevel {
  flex: 0 0 150px;
  display: flex;
  align-items: center;
  text-align: right;
}
.pf2e.actor .sheet-header .charlevel > * {
  flex: 1;
}
.pf2e.actor .sheet-header .charlevel .level {
  font-family: var(--serif-condensed);
  font-weight: 700;
  align-items: center;
  color: #444;
  display: flex;
  justify-content: end;
}
.pf2e.actor .sheet-header .charlevel .level input {
  flex-basis: 1.5rem;
  margin-left: 0.1em;
  text-align: center;
}
.pf2e.actor .sheet-header .charlevel .xpbar {
  width: 100%;
  flex: 0 0 8px;
  background: #666;
  border: 1px solid #000;
  border-radius: 3px;
}
.pf2e.actor .sheet-header .charlevel .xpbar .bar {
  height: 4px;
  margin: 1px;
  display: block;
  background: #afebff;
  border: 1px solid #000;
  border-radius: 2px;
}
.pf2e.actor .sheet-header .charlevel .experience {
  flex: 0 0 16px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  justify-content: flex-end;
}
.pf2e.actor .sheet-header .charlevel .experience > * {
  flex: 1;
}
.pf2e.actor .sheet-header .charlevel .experience > input[type=text], .pf2e.actor .sheet-header .charlevel .experience > input[type=number] {
  flex: 1;
  text-align: right;
  height: 16px;
}
.pf2e.actor .primary-attributes {
  height: 80px;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  border-bottom: 1px solid var(--secondary-background);
}
.pf2e.actor .primary-attributes > * {
  flex: 1;
}
.pf2e.actor .primary-attributes .attribute {
  flex: 0 0 25%;
  height: 79px;
  padding: 4px;
  border-right: 1px solid var(--secondary-background);
}
.pf2e.actor .primary-attributes .attribute:last-child {
  margin-right: 0;
  border-right: none;
}
.pf2e.actor .primary-attributes .attribute .attribute-name {
  font-family: var(--serif-condensed);
  font-weight: 700;
  position: relative;
  height: 22px;
  margin: 0 0 2px;
  line-height: 22px;
  font-size: var(--font-size-18);
  color: #444;
  text-align: center;
  border-bottom: 1px solid var(--secondary-background);
}
.pf2e.actor .primary-attributes .attribute .attribute-name .npc-roll-hp {
  position: absolute;
  right: 2px;
}
.pf2e.actor .primary-attributes .attribute .attribute-value {
  font-family: var(--serif-condensed);
  font-weight: 700;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  height: 32px;
  color: #444;
  font-size: var(--font-size-20);
  line-height: 32px;
  text-align: center;
}
.pf2e.actor .primary-attributes .attribute .attribute-value > * {
  flex: 1;
}
.pf2e.actor .primary-attributes .attribute .attribute-footer {
  height: 16px;
  text-align: center;
}
.pf2e.actor .primary-attributes .attribute .attribute-footer span {
  display: inline-block;
}
.pf2e.actor .primary-attributes .attribute .attribute-footer input {
  max-width: 24px;
}
.pf2e.actor .primary-attributes .attribute .attribute-footer input.temphp {
  max-width: 45%;
}
.pf2e.actor .primary-attributes .attribute .attribute-footer input.hit-dice {
  min-width: 16px;
  max-width: 16px;
  text-align: right;
}
.pf2e.actor .primary-attributes .attribute .attribute-footer input[name="system.attributes.speed.value"] {
  max-width: none;
  text-align: left;
}
.pf2e.actor .primary-attributes .attribute .attribute-footer input.speed, .pf2e.actor .primary-attributes .attribute .attribute-footer input.hpformula {
  max-width: 90%;
}
.pf2e.actor .primary-attributes .attribute .attribute-footer.recharge input[type=checkbox] {
  margin: 1px;
}
.pf2e.actor .statuses {
  width: 100%;
  height: 30px;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.pf2e.actor .statuses > * {
  flex: 1;
}
.pf2e.actor .statuses .status {
  line-height: 30px;
  padding: 0 6px;
  border-right: 1px solid var(--secondary-background);
  font-size: var(--font-size-14);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.pf2e.actor .statuses .status > * {
  flex: 1;
}
.pf2e.actor .statuses .status.death {
  flex: 0 0 50%;
}
.pf2e.actor .statuses .status:last-child {
  border-right: none;
}
.pf2e.actor .statuses .status h4 {
  font-family: var(--serif-condensed);
  font-weight: 700;
  flex: 1;
  margin: 0;
  font-size: var(--font-size-18);
  color: #444;
}
.pf2e.actor .statuses .status .status-value {
  flex: none;
}
.pf2e.actor .statuses .status .status-value > * {
  display: inline-block;
  margin-right: 5px;
}
.pf2e.actor .statuses .status .status-value > input[type=text], .pf2e.actor .statuses .status .status-value > input[type=number] {
  height: 20px;
  max-width: 20px;
  margin: 0;
}
.pf2e.actor .statuses .status .status-value > input[type=checkbox] {
  position: relative;
  top: 2px;
}
.pf2e.actor img.sheet-profile {
  /* border: none;
   */
  border: 1px solid var(--secondary-background);
  object-fit: contain;
}
.pf2e.actor .sheet-sidebar {
  border-right: 1px solid var(--primary-background);
}
.pf2e.actor .sheet-sidebar .tab {
  height: 100%;
  padding-top: 2px;
  overflow-y: auto;
}
.pf2e.actor .abilities .ac-list {
  display: grid;
  grid: "score items" 38px "score items" 38px/73px auto;
  margin: unset;
  padding: unset;
  background: var(--secondary-background);
}
.pf2e.actor .abilities .ac-grid {
  display: grid;
  grid: "item item item" 32px/33% 33% 33%;
  margin: unset;
  margin-top: 1px;
  padding: unset;
  background: var(--secondary-background);
  height: 32px;
}
.pf2e.actor .abilities .ac-list .ac-value {
  height: 16px;
  font-size: var(--font-size-12);
  width: 46px;
}
.pf2e.actor .abilities .ac-list .ac-item {
  height: 13px;
  font-size: var(--font-size-11);
  width: 46px;
}
.pf2e.actor .abilities .shield-value {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 2;
  align-self: end;
  justify-self: end;
  height: 26px;
  width: 26px;
  background: #fff;
  border: 1px solid;
  font-size: var(--font-size-22);
  text-align: center;
  border-radius: 14px;
  margin-right: 2px;
  margin-bottom: 2px;
}
.pf2e.actor .bio-container {
  display: grid;
  grid: "image bio" 220px/220px auto;
  margin: unset;
  padding: unset;
}
.pf2e.actor .biography .sheet-profile {
  grid-area: image;
}
.pf2e.actor .biography .bio-list {
  grid-area: bio;
  display: grid;
  grid: "bio" 40px/auto auto;
  grid-auto-rows: 40px;
  margin: unset;
  padding: unset;
  background: var(--secondary-background);
}
.pf2e.actor .biography .bio-3way {
  display: grid;
  grid: "bio" 40px/33% 33% 33%;
  grid-auto-rows: 40px;
  margin: unset;
  padding: unset;
  background: var(--secondary-background);
}
.pf2e.actor .abilities .bio-list {
  grid-area: bio;
  display: grid;
  grid: "bio" 40px/102px auto;
  grid-auto-rows: 40px;
  margin: unset;
  padding: unset;
  height: 32px;
  background: var(--secondary-background);
  margin-top: 3px;
  margin-bottom: 8px;
}
.pf2e.actor .abilities .bio-list .npc-bio-item {
  width: 100px;
}
.pf2e.actor .biography .bio-3way > * {
  width: 125px;
}
.pf2e.actor .biography .bio-list > * {
  width: 94px;
}
.pf2e.actor .biography .bio-list .bio-appearance,
.pf2e.actor .biography .bio-list .bio-attitude {
  grid-column-start: 1;
  grid-column-end: 3;
  width: 170px;
}
.pf2e.actor .biography .bio-list .bio-appearance > input,
.pf2e.actor .biography .bio-list .bio-attitude > input {
  text-align: start;
  word-break: break-all;
}
.pf2e.actor .biography .editor {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 3;
  height: 230px;
  padding-left: 8px;
}
.pf2e.actor .list-row .skill-input > input {
  font-family: var(--serif-condensed);
  font-weight: 700;
  width: 22px;
  height: 22px;
  margin: 1px;
  font-size: var(--font-size-20);
  text-align: center;
  background: #fff;
  border: 1px solid;
}
.pf2e.actor .abilities .defense {
  grid-row-start: auto;
  align-self: center;
  display: grid;
  grid: "score name rank item" 32px/34px auto 52px 52px;
  background: var(--secondary-background);
  margin-right: 4px;
}
.pf2e.actor .abilities .defense .save-name,
.pf2e.actor .abilities .defense .attribute-name,
.pf2e.actor .abilities .defense .attribute-name-non-rollable {
  grid-area: auto;
  margin: 0;
  background: var(--secondary-background);
  color: var(--text-light);
  align-self: center;
  font-size: var(--font-size-15);
}
.pf2e.actor .abilities .defense .defense-score {
  font-family: var(--serif-condensed);
  font-weight: 700;
  grid-area: auto;
  font-size: var(--font-size-28);
  text-align: center;
  background: var(--secondary-background);
  color: var(--text-light);
}
.pf2e.actor .abilities .defense .defense-score > input {
  font-family: var(--serif-condensed);
  font-weight: 700;
  width: 30px;
  height: 30px;
  margin: 3px;
  font-size: var(--font-size-28);
  text-align: center;
  background: #fff;
  border: 1px solid;
}
.pf2e.actor .abilities .defense .proficiency-name {
  grid-area: auto;
  font-size: var(--font-size-11);
  height: 13px;
}
.pf2e.actor .abilities .defense .proficiency-rank {
  letter-spacing: -3px;
  grid-area: auto;
  height: 16px;
  font-size: var(--font-size-12);
}
.pf2e.actor .npc-abilities .ability-title,
.pf2e.actor .abilities .ability-title {
  font-family: var(--serif-condensed);
  font-weight: 700;
  flex: 0 0 24px;
  font-size: var(--font-size-24);
  line-height: 24px;
  color: #fff;
  background: var(--primary-background);
  text-align: center;
  margin: 0;
  padding: 0;
}
.pf2e.actor .npc-abilities .abilities-list {
  display: grid;
  grid: 38px 38px/33.3% 33.3% 33.3%;
  grid-auto-rows: 54px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pf2e.actor .npc-abilities .ability {
  grid-row-start: auto;
  display: grid;
  grid: [row1-start] "id" 26px [row1-end] [row2-start] "mod" 26px [row2-end]/100%;
  height: 26px;
  line-height: 26px;
}
.pf2e.actor .npc-abilities .ability .ability-score {
  grid-area: score;
  align-self: center;
  justify-self: right;
  flex: 0 0 26px;
  height: 26px;
}
.pf2e.actor .npc-abilities .ability .ability-mod {
  font-family: var(--serif-condensed);
  font-weight: 700;
  flex: 0 0 24px;
  font-size: var(--font-size-24);
  line-height: 26px;
  color: #666;
  text-align: center;
}
.pf2e.actor .npc-abilities .ability .ability-mod .ability-input {
  font-family: var(--serif-condensed);
  font-weight: 700;
  width: 30px;
  height: 30px;
  margin: 3px;
  font-size: var(--font-size-28);
  text-align: center;
  background: #fff;
  border: 1px solid;
  border-radius: 4px;
  margin-left: 18px;
}
.pf2e.actor .npc-abilities .ability .ability-name {
  margin: 2px;
}
.pf2e.actor .abilities .abilities-list {
  display: grid;
  grid: "ability ability" 50px/50%;
  grid-auto-rows: 50px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pf2e.actor .abilities .ability {
  grid-row-start: auto;
  display: grid;
  grid: [row1-start] "header header header header" 16px [row1-end] [row2-start] "id mod score blank" 26px [row2-end]/46% 31% 18% 5%;
  height: 36px;
  line-height: 36px;
}
.pf2e.actor .npc-abilities .ability > *,
.pf2e.actor .abilities .ability > * {
  flex: 1;
  align-self: center;
}
.pf2e.actor .npc-abilities .ability .ability-proficiency,
.pf2e.actor .abilities .ability .ability-proficiency {
  flex: 0 0 20px;
  height: 100%;
  text-align: left;
  padding-left: 3px;
}
.pf2e.actor .npc-abilities .ability .ability-proficiency i.fa-circle,
.pf2e.actor .abilities .ability .ability-proficiency i.fa-circle {
  font-size: var(--font-size-10);
}
.pf2e.actor .npc-abilities .ability .ability-name {
  grid-area: header;
  font-size: var(--font-size-12);
  color: #444;
  margin: 0;
}
.pf2e.actor .abilities .ability .ability-name {
  grid-area: header;
  font-size: var(--font-size-12);
  color: #444;
  margin: 0;
}
.pf2e.actor .abilities .ability .ability-score {
  grid-area: score;
  align-self: center;
  justify-self: right;
  flex: 0 0 36px;
  height: 36px;
}
.pf2e.actor .npc-abilities .ability .ability-score > input {
  width: 20px;
  height: 20px;
  margin: 3px;
  font-size: var(--font-size-12);
  color: #444;
  text-align: center;
  background: #fff;
  border: 1px solid;
}
.pf2e.actor .abilities .ability .ability-score > input {
  width: 20px;
  height: 20px;
  margin: 3px;
  font-size: var(--font-size-12);
  color: #444;
  text-align: center;
  background: #fff;
  border: 1px solid;
}
.pf2e.actor .abilities .ability .ability-mod {
  font-family: var(--serif-condensed);
  font-weight: 700;
  flex: 0 0 24px;
  font-size: var(--font-size-24);
  line-height: 36px;
  color: #666;
  text-align: center;
}
.pf2e.actor .npc-abilities .npc-defense .ability-name,
.pf2e.actor .abilities .ability .ability-id {
  font-family: var(--serif-condensed);
  font-weight: 700;
  flex: 0 0 24px;
  font-size: var(--font-size-32);
  background: var(--secondary-background);
  border-radius: 8px;
  line-height: 28px;
  color: #fff;
  text-align: center;
}
.pf2e.actor .npc-abilities .ability .ability-mod,
.pf2e.actor .abilities .ability .ability-mod {
  grid-area: mod;
  align-self: center;
}
.pf2e.actor .npc-abilities .ability .ability-name,
.pf2e.actor .abilities .ability .ability-id {
  grid-area: id;
  align-self: center;
}
.pf2e.actor .class-levels {
  margin: 0 5px 0 0;
  height: 156px;
  overflow: hidden;
}
.pf2e.actor .class-levels .class-header {
  line-height: 20px;
  position: relative;
  margin: 3px 0 1px;
}
.pf2e.actor .class-levels .class-header h3 {
  font-family: var(--serif-condensed);
  font-weight: 700;
  text-align: center;
  color: #444;
  font-size: var(--font-size-18);
  color: #222;
  margin: 0;
}
.pf2e.actor .class-levels .class-header a.item-create {
  position: absolute;
  top: 0;
  right: 0;
  font-size: var(--font-size-11);
  color: #666;
}
.pf2e.actor .class-levels .class-list {
  overflow-y: hidden;
}
.pf2e.actor .class-levels .class-list .list-row {
  height: 44px;
  background: rgba(0, 0, 0, 0.03);
  padding: 2px;
  border: 1px solid var(--secondary-background);
  border-radius: 2px;
  margin-bottom: 2px;
}
.pf2e.actor .class-levels .class-list .list-row h4,
.pf2e.actor .class-levels .class-list .list-row h5 {
  width: calc(100% - 44px);
  float: left;
  margin: 0;
  line-height: 20px;
  font-weight: strong;
}
.pf2e.actor .class-levels .class-list .list-row .item-header {
  flex: 0 0 100%;
  height: 20px;
}
.pf2e.actor .class-levels .class-list .list-row .item-header .class-levels {
  font-family: var(--serif-condensed);
  font-weight: 700;
  width: 44px;
  height: 100%;
  float: right;
  margin: 0;
  font-size: var(--font-size-10);
  text-align: right;
  font-size: var(--font-size-18);
  color: #222;
}
.pf2e.actor .class-levels .class-list .list-row .class-subclass {
  flex: 0 0 100%;
  height: 20px;
}
.pf2e.actor .class-levels .class-list .list-row .class-subclass .item-controls {
  width: 44px;
  float: right;
}
.pf2e.actor .class-levels .class-list .list-row .class-subclass .item-controls a {
  text-align: right;
}
.pf2e.actor .skills .skills-list {
  margin: 0;
  padding: 0;
  display: grid;
  grid: "skill skill" 36px/50% 50%;
  grid-auto-rows: 36px;
}
.pf2e.actor .pf-three-grid {
  grid-area: auto;
  display: grid;
  grid: "one two three" 100%/auto 90px 20px;
}
.pf2e.actor .pf-two-grid {
  grid-area: auto;
  display: grid;
  grid: "one two" 100%/auto 90px;
}
.pf2e.actor .pf-justify-center {
  justify-self: center;
}
.pf2e.actor .skills .martial {
  grid-area: auto;
  display: grid;
  grid: "name rank space" 100%/auto 46px 20px;
}
.pf2e.actor .skills .skill {
  grid-area: auto;
  display: grid;
  grid: "value name rank item armor" 100%/35px auto 46px 46px 20px;
}
.pf2e.actor .skill-container .item-item {
  height: 16px;
  margin-top: 2px;
  font-size: var(--font-size-12);
}
.pf2e.actor .skills .skill-container {
  display: grid;
  grid: "title" 12px "value" 18px/auto;
  background: var(--secondary-background);
  height: 32px;
  align-self: center;
}
.pf2e.actor .skills .skill-container .skill-proficiency {
  font-size: var(--font-size-12);
}
.pf2e.actor .skills .skill-container > * {
  width: 43px;
}
.pf2e.actor .skills .skill > *,
.pf2e.actor .skills .list-row > * {
  flex: 1;
}
.pf2e.actor .skills .skill-name {
  margin: 0;
  align-self: center;
  background: var(--secondary-background);
  line-height: 32px;
  color: var(--text-light);
}
.pf2e.actor .skills .lore-name,
.pf2e.actor .skills .lore-name-input {
  margin: 0;
  align-self: center;
  background: var(--secondary-background);
  line-height: 32px;
  color: var(--text-light);
}
.pf2e.actor .skills .skill-proficiency {
  margin-top: 2px;
}
.pf2e.actor .skills .skill-item {
  margin-top: 2px;
  font-size: var(--font-size-11);
}
.pf2e.actor .skills .skill-ability {
  flex: 0 0 36px;
  color: #666;
  text-align: right;
  margin-right: 4px;
  flex: 0 0 36px;
  color: #666;
  text-align: right;
  margin-right: 4px;
}
.pf2e.actor .skills .skill-armor {
  align-self: center;
  background: var(--secondary-background);
  line-height: 32px;
  color: var(--text-light);
  width: 16px;
  margin: unset;
}
.pf2e.actor .skills .skill-score {
  font-family: var(--serif-condensed);
  font-weight: 700;
  font-size: var(--font-size-28);
  text-align: center;
  align-self: center;
  background: var(--secondary-background);
  color: var(--text-light);
}
.pf2e.actor.locked .ability-proficiency,
.pf2e.actor.locked .skill-proficiency {
  text-shadow: none;
  cursor: default;
}
.pf2e.actor .traits label {
  font-weight: bold;
}
.pf2e.actor .traits select {
  margin: 2px 0;
}
.pf2e.actor .traits .trait-perception > input {
  flex: 0 0 32px;
  text-align: center;
}
.pf2e.actor .traits .tag-selector {
  float: right;
  margin-right: 3px;
  color: #999;
  font-size: var(--font-size-10);
  line-height: 16px;
}
.pf2e.actor .traits .configure-flags i.fas {
  float: right;
  margin-right: 3px;
  text-align: right;
  color: #999;
  line-height: 24px;
}
.pf2e.actor .traits .configure-flags i.fas:hover {
  color: #111;
  text-shadow: 0 0 10px #ff6400;
}
.pf2e.actor.npc-sheet .biography .editor {
  height: 465px;
}
.pf2e.actor .inventory-header {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pf2e.actor .action-header .item-controls {
  flex: 0 0 44px;
}
.pf2e.actor .action-header .item-controls a {
  display: block;
  float: left;
  width: 44px;
  font-size: var(--font-size-14);
  text-align: center;
}
.pf2e.actor .spellcastingEntry-list {
  list-style: none;
  margin: 0;
  padding: 0;
  height: calc(100% - 20px);
  overflow-y: auto;
}
.pf2e.actor .overflow-list {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-y: auto;
}
.pf2e.actor .list-row.action-header .item-controls a {
  display: block;
  float: left;
  width: 22px;
  font-size: var(--font-size-10);
  text-align: center;
  color: #666;
}
.pf2e.actor .action-header .item-controls a.item-create, .pf2e.actor .action-header .item-controls a.item-delete, .pf2e.actor .action-header .item-controls a.feat-browse, .pf2e.actor .action-header .item-controls a.action-browse {
  width: 100%;
  color: #fff;
  background: var(--primary-background);
}
.pf2e.actor .list-row .spell-school,
.pf2e.actor .list-row .spell-action {
  flex: 1;
  font-size: var(--font-size-12);
  color: #666;
  text-align: center;
  border-right: 1px solid var(--secondary-background);
}
.pf2e.actor .list-row .spell-slots,
.pf2e.actor .list-row .spell-max {
  flex: 0 0 24px;
  font-size: var(--font-size-12);
  text-align: center;
}
.pf2e.actor .list-row .spell-slots-input,
.pf2e.actor .list-row .spell-max-input {
  flex: 0 0 24px;
  font-size: var(--font-size-12);
  text-align: center;
  background: white;
  border: 1px solid;
  border-radius: 17px;
  height: 18px;
  margin-top: 1px;
}
.pf2e.actor .list-row .spell-max {
  border-right: 1px solid var(--secondary-background);
}
.pf2e.actor .feats .feats-list {
  height: 100%;
}
.pf2e.actor .feats .feats-list .item-name {
  flex: 2;
}
.pf2e.actor .feat-uses {
  display: inline;
  font-size: var(--font-size-11);
  color: #444;
}
/* ----------------------------------------- */
/* Item Buttons                              */
/* ----------------------------------------- */
.pf2e.sheet .item-buttons button {
  font-size: var(--font-size-10);
  line-height: 12px;
  margin: 0;
}
.pf2e.sheet .item-buttons > span {
  padding: 0;
}
/* ----------------------------------------- */
/* Compendium tab
/* ----------------------------------------- */
#compendium.flexcolumn.active {
  display: flex;
  flex-direction: column;
}
#compendium.flexcolumn > .directory-list {
  width: 100%;
  height: auto;
  flex-basis: 0;
  flex-grow: 1;
}
#compendium.flexcolumn > .directory-footer {
  height: auto;
}
#compendium.flexcolumn > .directory-footer > * {
  margin-top: 5px;
}
#compendium .create-compendium {
  flex-basis: 100%;
}
/* Updated NPC Sheet Styles */
.npc-detail-text {
  display: flex;
  background: var(--secondary-background);
  color: #fff;
  flex-wrap: wrap;
}
.pf2e.sheet form .npc-detail-text input[type=text], .pf2e.sheet form .npc-detail-text input[type=number] {
  background: rgba(255, 255, 255, 0.8);
  color: var(--text-dark);
  border: 1px solid black;
}
.pf2e.sheet form .npc-detail-text textarea {
  height: fit-content;
  overflow-y: hidden;
  resize: none;
  width: calc(100% - 2px);
  min-height: 26px;
  font-family: inherit;
}
.pf2e.actor .sheet-header .charlevel .level > input[type=checkbox] {
  flex: 0 0 26px;
}
.pf2e.actor .inventory-list .list-row .spell-buttons {
  flex: none;
  display: inline-flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
}
/* Top-section */
.pf2e.sheet form .list-row .melee-name.rollable .item-image {
  min-height: 24px;
}
/* Items */
/** Hide Attack headers */
li.list-row.hover-container {
  background-color: #aaa !important;
}
.dice-total-shield-btn.shield-activated {
  background-color: #333;
  color: var(--text-light);
}
.message-content .dice-roll .statuseffect-message {
  word-break: normal;
  font-weight: 400;
  font-size: var(--font-size-12);
  text-align: left;
}
.message-content .dice-roll .statuseffect-message ul {
  list-style-type: none;
}
.message-content .dice-roll .statuseffect-message li {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 24px;
}
.message-content .dice-roll .statuseffect-message li:not(:last-child) {
  margin-bottom: 3px;
}
.message-content .dice-roll .statuseffect-message li img {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin-right: 3px;
}
.message-content .dice-roll .statuseffect-li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.message-content .dice-roll .statuseffect-li-text {
  display: inline-block;
  width: 200px;
}
.message-content .dice-roll .statuseffect-rules {
  visibility: hidden;
  width: 264px;
  padding: 8px;
  position: absolute;
  z-index: 1;
  bottom: 110%;
  left: -42px;
  text-align: left;
  font-size: var(--font-size-14);
  font-weight: 400;
  line-height: normal;
  background: url("../assets/sheet/parchment.webp") repeat;
  border: 1px solid #999;
  border-radius: 3px;
  box-shadow: 0 0 3px #fff inset;
  opacity: 0;
  transition: opacity 1s;
}
.message-content .dice-roll .statuseffect-rules p {
  margin: 0;
}
.statuseffect-li-text:hover + .statuseffect-rules {
  visibility: visible;
  opacity: 1;
}
.dice-roll .dice-tooltip.dmg-tooltip span {
  font-size: var(--font-size-10);
}
.dice-roll .dice-tooltip.dmg-tooltip span:not(:first-child) {
  display: block;
  border-top: 1px;
  border-top-color: #999;
  border-top-style: solid;
}
.npc-title-bar .creature-adjustment {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: 1em;
}
.npc-title-bar .creature-adjustment * {
  width: 100%;
}
.sheet-header .creature-adjustment,
.npc-title-bar .creature-adjustment a.hidden {
  font-size: var(--font-size-12);
}
.sheet-header .creature-adjustment a,
.npc-title-bar .creature-adjustment a.hidden {
  margin-left: 1px;
  background-color: var(--secondary-background);
  border-color: #bbb68f;
}
.sheet-header .creature-adjustment a.active,
.npc-title-bar .creature-adjustment a.hidden {
  margin-left: 1px;
  background-color: #5e0000;
  border-color: #bbb68f;
}
.sheet-header .creature-adjustment a.hidden,
.npc-title-bar .creature-adjustment a.hidden {
  display: none;
}
.recall-knowledge-table th {
  padding: 5px 8px;
}
.recall-knowledge-table td {
  text-align: center;
  padding: 5px 8px;
}
.recall-knowledge-table td:first-child {
  text-align: right;
}
.recall-knowledge-table th:first-child {
  text-align: right;
}
button:hover::not(:disabled) {
  box-shadow: 0 0 3px #c00;
}
button:disabled {
  color: #666;
}
button:active {
  box-shadow: 0 0 5px red;
}
.app.tag-selector {
  max-height: 700px;
}
/* ----------------------------------------- */
/* Item Card Structure                       */
/* ----------------------------------------- */
.pf2e.chat-card {
  font-style: normal;
}
.pf2e.chat-card .card-header {
  padding: 2px 0;
  border-top: 2px groove #fff;
  border-bottom: 2px groove #fff;
  align-items: center;
  min-height: 36px;
}
.pf2e.chat-card .card-header img {
  flex: 0 0 36px;
  margin-right: 5px;
  height: 36px;
  width: 36px;
}
.pf2e.chat-card .card-header h3 {
  border-bottom: none;
  flex: 1;
  margin: 0;
}
.pf2e.chat-card .card-header h4 {
  flex: 0;
  margin: 0 5px 0 0;
  white-space: nowrap;
}
.pf2e.chat-card .tags {
  margin: 3px 0 0;
}
.pf2e.chat-card .card-content {
  margin: 4px 0;
}
.pf2e.chat-card .card-content p {
  margin: 4px 0;
  min-height: unset;
}
.pf2e.chat-card .card-buttons {
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
  margin: 4px 0;
}
.pf2e.chat-card .card-buttons button {
  margin: 2px 0;
}
.pf2e.chat-card .card-buttons button.with-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pf2e.chat-card .card-buttons button.with-image img {
  border: none;
  height: 2em;
  margin-right: 0.5em;
}
.pf2e.chat-card .card-buttons button span {
  border: none;
}
.pf2e.chat-card .card-buttons .owner-buttons {
  display: flex;
  flex-basis: 100%;
  flex-direction: column;
}
.pf2e.chat-card .card-buttons .spell-attack-buttons,
.pf2e.chat-card .card-buttons .spell-button {
  display: flex;
  flex-direction: row;
}
.pf2e.chat-card .card-buttons .spell-attack-buttons *,
.pf2e.chat-card .card-buttons .spell-button * {
  flex-grow: 1;
  flex-basis: 0;
}
.pf2e.chat-card .card-buttons .spell-attack-buttons :first-child,
.pf2e.chat-card .card-buttons .spell-button :first-child {
  flex-grow: 2;
}
.pf2e.chat-card .card-buttons .spell-button button.small {
  flex-grow: 0;
}
.pf2e.chat-card .card-buttons .spell-button button.small > i {
  margin-right: 0;
}
.pf2e.chat-card .card-buttons .hidden-to-others {
  background: var(--visibility-gm-bg);
}
.pf2e.chat-card .card-footer {
  padding: 3px 0 0;
  border-top: 2px groove #fff;
}
.pf2e.chat-card .card-footer span {
  border-right: 2px groove #fff;
  padding: 0 5px 0 0;
  font-size: var(--font-size-12);
}
.pf2e.chat-card .card-footer span:last-child {
  border-right: none;
  padding-right: 0;
}
.pf2e.chat-card .card-buttons-multiattack {
  display: grid;
  grid-template-columns: auto 40px 40px;
  grid-column-gap: 4px;
}
.pf2e.chat-card .card-buttons-two-column {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 4px;
}
/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
  if greater that the natural height of the tooltip, will be enforced
  in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
}
.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
  and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto;
}
.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}
.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}
/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
  opacity: 1;
}
/* grow */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
/* swing */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
/* fall */
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}
.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}
/* slide */
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}
.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}
/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tooltipster-update-fade {
  animation: tooltipster-fading 400ms;
}
/* rotate */
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}
.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms;
}
/* scale */
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms;
}
/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #565656;
  border: 2px solid black;
  border-radius: 4px;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}
/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: var(--text-light);
  line-height: 18px;
  padding: 6px 14px;
}
/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
  been positioned yet */
  top: 0;
  width: 10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}
/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}
/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0;
  top: 3px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0;
  top: -3px;
}
/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: black;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: black;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: black;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: black;
}
/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
/* ----------------------------------------- */
/* Animation                                 */
/* ----------------------------------------- */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
/* ----------------------------------------- */
/* Layout                                    */
/* ----------------------------------------- */
/** A vertical rule in a flexbox */
.vr {
  border: 1px inset;
  margin: 1px;
}
/* ----------------------------------------- */
/* Typography                                */
/* ----------------------------------------- */
.pf2e,
.app.sheet.actor {
  font-family: var(--sans-serif);
}
.pf2e h1,
.pf2e h2,
.pf2e h3,
.pf2e h4,
.app.sheet.actor h1,
.app.sheet.actor h2,
.app.sheet.actor h3,
.app.sheet.actor h4 {
  font-weight: 600;
}
.pf2e.sheet form span.pf2-icon,
.pf2e.sheet form span[data-pf2-action],
.pf2e.sheet form span[data-pf2-action] *,
.pf2e.sheet form span[data-pf2-check],
.pf2e.sheet form span[data-pf2-check] *,
.pf2-icon {
  display: inline;
}
.pf2e.sheet form span.pf2-icon,
.pf2-icon {
  font-family: "Pathfinder2eActions", sans-serif;
}
section.roll-note,
p.compact-text {
  display: inline-block;
  font-weight: normal;
  line-height: 1.4em;
  margin: 0.25em 0;
  min-height: 1rem;
  width: 100%;
}
.action-glyph {
  align-self: center;
  display: inline;
  font-family: "Pathfinder2eActions", sans-serif;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
}
/* ----------------------------------------- */
/* Styled table                              */
/* ----------------------------------------- */
table.pf2-table {
  border: solid 1px #000000;
  border-collapse: collapse;
  font-size: var(--font-size-13);
  color: #191813;
  user-select: text;
}
table.pf2-table thead,
table.pf2-table tbody,
table.pf2-table tr,
table.pf2-table th,
table.pf2-table td {
  box-sizing: border-box;
  user-select: text;
}
table.pf2-table tr:nth-child(odd) {
  background-color: #eee5c8;
}
table.pf2-table tr:nth-child(even) {
  background-color: #f6f1e1;
}
table.pf2-table th {
  color: var(--text-light);
  font-weight: bold;
  background-color: #522e2c;
}
table.pf2-table th,
table.pf2-table td {
  border: solid 1px #808080;
  padding: 6px 15px;
  text-align: center;
}
a.foundry-href {
  color: var(--primary);
  font-weight: 500;
  text-decoration: underline;
}
/* ----------------------------------------- */
/* PF2E Action Custom Element                */
/* ----------------------------------------- */
span[data-pf2-action] {
  background: var(--inline-link-bg);
  border-radius: 2px;
  border: 1px solid var(--color-border-dark-tertiary);
  box-sizing: border-box;
  color: var(--color-text-dark-primary);
  line-height: 1.6em;
  padding: 1px 4px;
  white-space: nowrap;
  word-break: break-all;
  cursor: pointer;
}
span[data-pf2-action] > i.icon {
  color: var(--color-text-dark-inactive);
  margin-right: 0.25em;
}
span[data-pf2-action][data-pf2-glyph]::before {
  font-family: "Pathfinder2eActions";
  margin-right: 2px;
  color: var(--color-text-dark-inactive);
}
span[data-pf2-action]:not([data-pf2-glyph])::before, span[data-pf2-action][data-pf2-glyph=""]::before {
  display: inline-block;
  height: 15px;
  width: 15px;
  background-image: url("../icons/actions/Passive.webp");
  background-repeat: no-repeat;
  background-size: 15px 15px;
  opacity: 0.4;
  margin-bottom: -3px;
  margin-right: 2px;
  content: "";
}
span[data-pf2-action][data-pf2-glyph=A]::before, span[data-pf2-action][data-pf2-glyph=a]::before, span[data-pf2-action][data-pf2-glyph="1"]::before {
  content: "A";
}
span[data-pf2-action][data-pf2-glyph=D]::before, span[data-pf2-action][data-pf2-glyph=d]::before, span[data-pf2-action][data-pf2-glyph="2"]::before {
  content: "D";
}
span[data-pf2-action][data-pf2-glyph=T]::before, span[data-pf2-action][data-pf2-glyph=t]::before, span[data-pf2-action][data-pf2-glyph="3"]::before {
  content: "T";
}
span[data-pf2-action][data-pf2-glyph=F]::before, span[data-pf2-action][data-pf2-glyph=f]::before {
  content: "F";
}
span[data-pf2-action][data-pf2-glyph=R]::before, span[data-pf2-action][data-pf2-glyph=r]::before {
  content: "R";
}
/* ----------------------------------------- */
/* PF2E Check Custom Element                 */
/* ----------------------------------------- */
a.inline-check,
span[data-pf2-check] {
  background: var(--inline-link-bg);
  border-radius: 2px;
  border: 1px solid var(--color-border-dark-tertiary);
  box-sizing: border-box;
  color: var(--color-text-dark-primary);
  line-height: 1.6em;
  padding: 1px 4px;
  white-space: nowrap;
  word-break: break-all;
}
a.inline-check > i.icon,
span[data-pf2-check] > i.icon {
  color: var(--color-text-dark-inactive);
  margin-right: 0.25em;
}
a.inline-check:has([data-pf2-repost]),
span[data-pf2-check]:has([data-pf2-repost]) {
  padding-right: 0;
}
a.inline-check:hover,
span[data-pf2-check]:hover {
  text-shadow: none;
}
a.inline-check:has(.label:hover, i.fa-dice-d20:hover),
span[data-pf2-check]:has(.label:hover, i.fa-dice-d20:hover) {
  text-shadow: 0 0 8px var(--color-shadow-primary);
}
a.inline-check > i.icon:has(+ span.label > :first-child:is([data-visibility=gm])),
span[data-pf2-check] > i.icon:has(+ span.label > :first-child:is([data-visibility=gm])) {
  margin-right: 0.25em;
}
a.inline-check[data-pf2-traits*=secret],
span[data-pf2-check][data-pf2-traits*=secret] {
  background: var(--blind-roll);
  border-color: #720073;
}
a.inline-check[data-invalid],
span[data-pf2-check][data-invalid] {
  background: rgba(255, 0, 0, 0.05);
  border: 1px dashed red;
}
/* ----------------------------------------- */
/* PF2E Inline Template Custom Element       */
/* ----------------------------------------- */
span[data-pf2-effect-area] {
  background: var(--inline-link-bg);
  border-radius: 2px;
  border: 1px solid var(--color-border-dark-tertiary);
  box-sizing: border-box;
  color: var(--color-text-dark-primary);
  line-height: 1.6em;
  padding: 1px 4px;
  white-space: nowrap;
  word-break: break-all;
  cursor: pointer;
  padding-right: 0;
}
span[data-pf2-effect-area] > i.icon {
  color: var(--color-text-dark-inactive);
  margin-right: 0.25em;
}
span[data-pf2-effect-area]::before {
  color: var(--color-text-dark-inactive);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.25em;
}
span[data-pf2-effect-area][data-pf2-effect-area=cone]::before {
  content: "\f104";
}
span[data-pf2-effect-area][data-pf2-effect-area=line]::before {
  content: "\f7a5";
}
span[data-pf2-effect-area][data-pf2-effect-area=burst]::before {
  content: "\f111";
}
span[data-pf2-effect-area][data-pf2-effect-area=emanation]::before {
  content: "\f192";
}
span[data-pf2-effect-area][data-pf2-effect-area=rect]::before {
  content: "\f0c8";
}
/* ----------------------------------------- */
/* PF2E Inline Repost Element                */
/* ----------------------------------------- */
i[data-pf2-repost] {
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background: var(--inline-repost-bg);
  color: var(--color-text-dark-inactive);
  border-left: 1px solid var(--color-border-dark-tertiary);
  background: rgba(255, 255, 255, 0.6);
  padding: 2px;
  margin-left: 2px;
  text-shadow: none;
}
i[data-pf2-repost]:hover {
  color: var(--text-light);
  text-shadow: 0px 0px 2px var(--text-dark);
}
[data-visibility]:not([data-visibility=all]) {
  border-radius: 1px;
  box-sizing: border-box;
  display: inline-block;
  line-height: 1em;
  outline: 1px dotted rgba(75, 74, 68, 0.5);
  padding: 1px;
  /* ----------------------------------------- */
  /* GM Visibility Elements                    */
  /* ----------------------------------------- */
}
[data-visibility]:not([data-visibility=all])[data-visibility=gm] {
  background: var(--visibility-gm-bg);
}
[data-visibility]:not([data-visibility=all])[data-visibility=gm].message-sender {
  max-width: fit-content;
}
[data-visibility]:not([data-visibility=all])[data-visibility=gm] [data-visibility=gm] {
  outline: none;
  padding: initial;
}
/* ----------------------------------------- */
/* Forms                                     */
/* ----------------------------------------- */
.crb-style {
  display: flex;
}
.crb-style .details-label {
  color: var(--primary);
  font: 600 var(--font-size-11)/1em var(--sans-serif);
  margin-left: 1px;
  text-transform: uppercase;
  white-space: nowrap;
}
.crb-style .details-input {
  color: var(--text-dark);
  font-family: var(--body-serif);
  font-weight: bold;
  width: calc(100% - 6px);
  border-bottom: 1px solid var(--color-border-dark-input);
  background-color: rgba(28, 28, 28, 0.1);
}
.crb-style .details-input::placeholder {
  filter: opacity(0.5);
}
.crb-style .details-input:focus {
  border-bottom: 1px solid var(--alt);
}
.crb-style .details-input[type=number] {
  padding-bottom: 0;
  padding-left: 4px;
}
.crb-style input {
  border: none;
  border-radius: 0;
}
.crb-style input:focus {
  box-shadow: none;
}
.crb-style input:focus::placeholder {
  color: transparent;
}
.crb-style input::placeholder {
  color: inherit;
}
.crb-style input::-webkit-outer-spin-button, .crb-style input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.crb-style input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.crb-style select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--alt);
  background-image: url("../assets/icons/chevron-down.svg");
  background-position: right 0.25em top 50%;
  background-repeat: no-repeat;
  background-size: 1em auto;
  border-radius: 2px;
  border: 1px solid #53422a;
  color: var(--text-light);
  font: 500 var(--font-size-14) var(--serif);
  height: auto;
  line-height: 1;
  padding: 0.25rem 1.1rem 0.25rem 0.25rem;
  position: relative;
  text-overflow: ellipsis;
}
.crb-style select:not(:disabled) {
  cursor: pointer;
}
.crb-style select option {
  background-color: var(--alt);
}
.crb-style .dots span {
  cursor: pointer;
}
input[type=range]:disabled::-webkit-slider-runnable-track {
  background: rgba(0, 0, 0, 0.1);
  border: rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1);
  cursor: default;
}
input[type=range]:disabled::-moz-range-track {
  background: rgba(0, 0, 0, 0.1);
  border: rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1);
  cursor: default;
}
input[type=range]:disabled::-webkit-slider-thumb {
  background: var(--color-text-light-1);
  border: var(--color-text-light-1);
  box-shadow: 1px 1px 1px var(--color-text-light-1), 0px 0px 1px var(--color-text-light-1);
  cursor: default;
}
input[type=range]:disabled::-moz-range-thumb {
  background: var(--color-text-light-1);
  border: var(--color-text-light-1);
  box-shadow: 1px 1px 1px var(--color-text-light-1), 0px 0px 1px var(--color-text-light-1);
  cursor: default;
}
a[href]:hover {
  text-shadow: 0 0 8px var(--color-text-hyperlink);
}
#loading-bar {
  white-space: nowrap;
}
#tinymce {
  --space-s: 0.25em;
  --space-m: 0.5em;
  --space-l: 1em;
  --space-xl: 1.5em;
  --space-2xl: 2em;
  --radius: 3px;
}
#tinymce p {
  min-height: unset;
}
#tinymce :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
  margin-top: 1em;
}
#tinymce .inline-header {
  display: flex;
  align-items: center;
  gap: var(--space-l);
  background-color: var(--alt);
  font-family: var(--sans-serif);
  color: var(--text-light);
  padding: 0;
  font-size: 0.8em;
  font-weight: 400;
  border: none;
}
#tinymce .inline-header strong {
  display: inline-flex;
  padding: 0 var(--space-m);
  background-color: var(--primary);
  min-width: 15ch;
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-weight: 400;
}
#tinymce .inline-header + p {
  margin-top: var(--space-s);
}
#tinymce .info {
  background-color: var(--secondary);
  padding: var(--space-m);
  color: var(--text-light);
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  border-radius: var(--radius);
  font-family: var(--sans-serif);
  padding-bottom: var(--space-m);
}
#tinymce .info > * + * {
  margin-top: var(--space-m);
}
#tinymce .info + * {
  margin-top: var(--space-xl);
}
#tinymce .info + #tinymce .info {
  margin-top: var(--space-s);
}
#tinymce .info h4 {
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1.2;
  font-family: var(--sans-serif);
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  padding: var(--space-m) var(--space-l);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--text-light);
}
#tinymce .info h4::after {
  font-family: "Font Awesome 6";
  content: "\f05a";
  font-weight: 900;
  margin-right: var(--space-s);
}
#tinymce .info p {
  font-size: 0.8em;
  margin: 0;
  padding: 0 var(--space-l);
}
#tinymce .info p:first-of-type {
  padding-top: var(--space-m);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#tinymce .traits {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
#tinymce .traits p {
  display: inline-flex;
  padding: 0.16rem 0.25rem;
  margin: 0;
  background-color: var(--primary);
  border: 2px solid var(--color-border-trait);
  color: var(--text-light);
  font: 500 var(--font-size-10) var(--sans-serif);
  text-transform: uppercase;
}
#tinymce .statblock {
  font-family: var(--sans-serif-condensed);
  color: var(--text-dark);
  line-height: 1.2;
  margin-bottom: var(--space-m);
}
#tinymce .statblock > * + * {
  margin-top: var(--space-s);
  margin-bottom: 0;
}
#tinymce .statblock p {
  --indent: var(--space-l);
  margin-left: var(--indent);
  position: relative;
}
#tinymce .statblock p strong:first-of-type {
  margin-left: calc(var(--indent) * -1);
}
#tinymce .statblock p .trait:first-of-type {
  margin-left: calc(var(--indent) * -1 - 2px);
}
#tinymce .statblock span.pf2-icon {
  line-height: 1;
}
#tinymce .statblock h1,
#tinymce .statblock h2,
#tinymce .statblock h3,
#tinymce .statblock h4 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-border-dark);
  text-transform: uppercase;
  letter-spacing: -0.05em;
  font-family: var(--sans-serif-condensed);
  font-weight: 700;
}
#tinymce .statblock hr {
  border: none;
  border-bottom: 1px solid var(--color-border-dark);
}
#tinymce .message {
  font-family: var(--journal-cursive);
  font-size: 2em;
  line-height: 1.2;
}
/* ----------------------------------------- */
/* Upstream Overrides                        */
/* ----------------------------------------- */
button:disabled {
  cursor: default;
}
.crb-style.sheet .window-content {
  background: url("../assets/sheet/background.webp") no-repeat;
  background-size: cover;
}
.actors-sidebar .directory-item.actor h4 {
  line-height: normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.actors-sidebar .directory-item.actor .actor-level {
  font-size: x-small;
  color: var(--color-text-light-primary);
}
.actors-sidebar ol.party-list {
  list-style-type: none;
  margin: 0 0 0.25rem 0;
  padding: 0;
  position: relative;
}
.actors-sidebar li.folder-like {
  border-top: none;
  border-bottom: none;
}
.actors-sidebar li.folder-like > header {
  border-bottom: 1px solid var(--color-border-dark);
  border-top: 1px solid var(--color-border-dark);
  display: flex;
  line-height: 1.5rem;
  padding: 6px;
}
.actors-sidebar li.folder-like > header .icon {
  cursor: pointer;
  font-size: var(--font-size-16);
}
.actors-sidebar li.folder-like > header .left-control > i {
  margin: 0 0.5em 0 0.25em;
  text-align: center;
}
.actors-sidebar li.folder-like > header h3 {
  display: block;
  flex: 1;
  font-size: var(--font-size-16);
  margin: 0;
  padding-left: 1px;
}
.actors-sidebar li.folder-like > header a.create-button {
  flex: 0 0 20px;
  margin-left: 3px;
  position: relative;
  text-align: center;
}
.actors-sidebar li.folder-like > header a.create-button:hover i + i {
  color: var(--color-text-hyperlink);
}
.actors-sidebar li.folder-like > header a.create-button i + i {
  position: absolute;
  top: -2px;
  right: -2px;
  font-size: 0.5rem;
  background: black;
  color: var(--color-text-light-highlight);
  padding: 1px;
  border-radius: 4px;
}
.actors-sidebar li.folder-like.collapsed i.folder {
  margin-right: 2px;
}
.actors-sidebar li.folder-like.collapsed .fa-folder-open::before {
  content: "\f07b";
}
.actors-sidebar li.folder-like.collapsed .subdirectory {
  display: none;
}
.actors-sidebar li.folder-like.droptarget > header h3 {
  text-shadow: 1px 1px 3px var(--color-shadow-dark);
  font-size: 1.2em;
}
.actors-sidebar li.folder-like.droptarget > header h3 i {
  text-shadow: 0 0 4px var(--color-shadow-primary);
  transform: scale(1.2);
}
.actors-sidebar li.folder-like.other-parties > header {
  background: var(--primary-dark);
}
.actors-sidebar li.folder-like.other-parties > header h3 i {
  margin-right: 6px;
}
.actors-sidebar li.folder-like.other-parties.collapsed > header h3 i {
  margin-right: 8px;
}
.actors-sidebar .subdirectory .folder-like {
  border-left: 1px solid var(--color-border-dark-1);
}
.actors-sidebar .subdirectory .folder-like > header {
  background: var(--primary-darker);
}
.actors-sidebar .party:not(.activated) .party-header {
  background: var(--primary-darker);
  padding: 2px 6px;
}
.actors-sidebar .party:not(.activated) .party-header > *:not(nav) {
  opacity: 0.85;
}
.actors-sidebar .party .activate-party:hover i {
  font-weight: 900;
}
.actors-sidebar .party.activated .party-header {
  background: var(--primary);
}
.actors-sidebar .party .blank {
  line-height: 2.375em;
  padding: 0 0.5rem;
}
.directory-item.item img.thumbnail {
  object-fit: contain;
}
.directory-item.item h4 {
  line-height: normal;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.directory-item.item .item-level {
  font-size: x-small;
  color: var(--color-text-light-primary);
}
.chat-inspect-roll .content {
  display: flex;
  flex-direction: column;
  gap: 1em;
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
}
.chat-inspect-roll .summary {
  flex: 0 1 auto;
}
.chat-inspect-roll .summary .type {
  display: flex;
  align-items: baseline;
  gap: 2px;
}
.chat-inspect-roll .summary .tags.domains {
  justify-items: end;
  margin-top: 4px;
}
.chat-inspect-roll .summary .tags.domains .tag {
  font-size: var(--font-size-12);
  font-weight: normal;
  text-transform: none;
  user-select: all;
}
.chat-inspect-roll .body {
  display: flex;
  flex-direction: row;
  gap: 1em;
  width: 100%;
  flex: 1;
}
.chat-inspect-roll .roll-options,
.chat-inspect-roll .modifiers {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.chat-inspect-roll .roll-options .filter {
  margin-bottom: 2px;
}
.chat-inspect-roll .roll-options .roll-option-lists {
  overflow: hidden scroll;
  flex: 1 0 0;
  overflow: auto;
  padding-right: 1px;
}
.chat-inspect-roll .roll-options .roll-option-lists ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-radius: 3px;
  white-space: nowrap;
  border: 1px solid var(--color-border-dark-tertiary);
  overflow-x: auto;
}
.chat-inspect-roll .roll-options .roll-option-lists li {
  user-select: text;
  line-height: 1.5em;
  padding-left: 5px;
}
.chat-inspect-roll .roll-options .roll-option-lists li:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.0666666667);
}
.chat-inspect-roll .modifier-list {
  overflow: hidden scroll;
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.chat-inspect-roll .modifier-list .modifier {
  border: 1px solid black;
  border-radius: 3px;
  padding: 4px;
}
.chat-inspect-roll .modifier-list .modifier.disabled {
  border-style: dashed;
  opacity: 0.6;
}
.chat-inspect-roll .modifier-list .modifier h4 {
  font-size: 1.1em;
}
.chat-inspect-roll .modifier-list .modifier > div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.chat-message.emote > .message-content {
  font-style: italic;
}
.chat-message.emote > .message-content p.action-content {
  display: flex;
  align-items: center;
  font-weight: normal;
}
.chat-message.emote > .message-content p.action-content img {
  height: 2.33em;
  width: 2.33em;
  float: left;
  margin-right: 0.5em;
}
.chat-message.emote > .message-content hr.action-divider {
  margin: 0;
}
.chat-message > .message-header .flavor-text h4.action {
  line-height: 1.5em;
  margin: 0;
}
.chat-message > .message-header .flavor-text h4.action > strong {
  font-weight: 600;
}
.chat-message > .message-content > .description {
  margin-bottom: 0rem;
  position: relative;
}
.chat-message > .message-content > .description a.preview {
  height: 4.5ch;
  display: block;
  -webkit-mask-image: linear-gradient(to bottom, black, rgba(0, 0, 0, 0));
  mask-image: linear-gradient(to bottom, black, rgba(0, 0, 0, 0));
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.chat-message > .message-content > .description a.preview:hover {
  text-shadow: none;
}
.chat-message > .message-content > .description a.preview:hover + .shadow {
  box-shadow: 0 1px 6px var(--color-shadow-primary);
  clip-path: polygon(0 0, 100% 0, 100% 200%, 0 200%);
  width: 100%;
}
.chat-message > .message-content > .description .shadow {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  height: 6px;
  position: relative;
  top: -6px;
  z-index: 1;
}
.chat-message > .message-content .message-buttons {
  display: flex;
  margin: 0.35em 0 2px;
}
.chat-message > .message-content .message-buttons button {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.chat-message > .message-content .message-buttons button .cue {
  position: absolute;
  right: 0.5rem;
}
.chat-message > .message-content .message-buttons button .cue i {
  --fa-primary-color: var(--color-border-dark);
  --fa-secondary-color: var(--primary);
  --fa-secondary-opacity: 0.6;
}
.chat-message > .message-content .message-buttons:has(.effect-applied) {
  align-items: center;
  color: var(--color-text-dark-secondary);
  font-style: italic;
  height: 2.1rem;
  justify-content: center;
  padding-bottom: 0.1rem;
}
.chat-message > .message-header .flavor-text .target-dc-result {
  line-height: 0.75rem;
  margin-bottom: 4px;
}
.chat-message > .message-header .flavor-text .target-dc-result .target-dc,
.chat-message > .message-header .flavor-text .target-dc-result .result {
  display: block;
  margin: 1px 0;
  width: fit-content;
}
.chat-message > .message-header .flavor-text .target-dc-result .unadjusted {
  text-decoration: line-through;
}
.chat-message > .message-header .flavor-text .target-dc-result .adjusted {
  text-decoration: underline dotted;
}
.chat-message > .message-header .flavor-text .target-dc-result .adjusted.increased {
  color: rgb(0, 128, 0);
}
.chat-message > .message-header .flavor-text .target-dc-result .adjusted.decreased {
  color: rgb(255, 0, 0);
}
.chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .criticalSuccess {
  color: rgb(0, 128, 0);
}
.chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .success {
  color: rgb(0, 0, 255);
}
.chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .failure {
  color: rgb(255, 69, 0);
}
.chat-message > .message-header .flavor-text .target-dc-result .degree-of-success .criticalFailure {
  color: rgb(255, 0, 0);
}
.chat-message > .message-header .flavor-text .effect {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.chat-message > .message-header .flavor-text .effect img {
  height: 32px;
  width: 32px;
}
.chat-message .message-content .damage-roll:not(:first-child) {
  margin-top: 1em;
}
.chat-message .message-content .damage-roll .dice-result .dice-formula {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em;
  justify-content: center;
}
.chat-message .message-content .damage-roll .dice-result .dice-formula .instance {
  padding: 0 0.25em;
}
.chat-message .message-content .damage-roll .dice-result .dice-total {
  flex-direction: column;
  font-weight: normal;
}
.chat-message .message-content .damage-roll .dice-result .dice-total .total {
  font-weight: 700;
  padding: 0 2ch;
}
.chat-message .message-content .damage-roll .dice-result .dice-total .total .increased-from {
  color: var(--color-text-dark-2);
  font-size: var(--font-size-16);
  font-weight: normal;
  vertical-align: 15%;
}
.chat-message .message-content .damage-roll .dice-result .dice-total .instances {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: var(--font-size-12);
  justify-content: center;
  line-height: var(--font-size-12);
  margin-bottom: 0.2em;
  vertical-align: top;
}
.chat-message .message-content .damage-roll .dice-result .dice-total .instances .instance {
  padding: 0.15em 0.25em;
}
.chat-message .message-content .damage-roll .dice-result .dice-tooltip {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  margin-bottom: 0.25em;
}
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
}
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance > header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.1em;
}
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-formula,
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance .dice .part-total {
  color: var(--color-text-dark-secondary);
}
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance > header,
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .instance .dice {
  padding: 0.2em;
}
.chat-message .message-content .damage-roll .dice-result .instance {
  white-space: nowrap;
}
.chat-message .message-content .damage-roll .dice-result .instance.tooltip-part > header {
  background: var(--color-bg-bludgeoning);
}
.chat-message .message-content .damage-roll .dice-result .instance.tooltip-part > .dice {
  text-shadow: none;
}
.chat-message .message-content .damage-roll .dice-result .instance .precision,
.chat-message .message-content .damage-roll .dice-result .instance .splash {
  border-color: inherit;
  border-width: 1px;
  border-style: dotted;
  padding: 1px 2px;
  line-height: 0;
}
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type {
  margin-bottom: 3px;
}
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type h3 {
  text-transform: capitalize;
  padding-left: 3px;
  padding-right: 1px;
}
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type i.fa {
  flex: none;
  margin: 2px;
}
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .damage-type .dice {
  margin-left: 2px;
  margin-right: 2px;
}
.chat-message .message-content .damage-roll .dice-result .dice-tooltip .dice .part-header .part-flavor {
  text-transform: capitalize;
}
.chat-message .message-content .damage-application {
  display: flex;
  justify-content: center;
  margin-top: 3px;
  order: 3;
}
.chat-message .message-content .damage-application button {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: var(--font-size-18);
  height: 2em;
  justify-content: space-around;
  line-height: unset;
  padding: 0;
}
.chat-message .message-content .damage-application button.half-damage {
  position: relative;
}
.chat-message .message-content .damage-application button.half-damage .transparent-half {
  background: rgb(248, 247, 233);
  display: block;
  height: 24px;
  left: 49%;
  opacity: 0.6;
  position: absolute;
  top: 0px;
  width: 10px;
}
.chat-message .message-content .damage-application button > img {
  border: none;
  height: var(--font-size-18);
}
.chat-message .message-content .damage-application button.heal-damage .fa-stack {
  font-size: 0.5em;
}
.chat-message .message-content .damage-application button.heal-damage .fa-stack i.fa-plus {
  font-size: var(--font-size-10);
}
.chat-message .message-content .damage-application button .label {
  font-size: var(--font-size-9);
  font-weight: 500;
  text-transform: uppercase;
}
.chat-message .message-content .damage-taken section.roll-note {
  font-size: var(--font-size-12);
}
.chat-message .message-content .damage-taken .persistent {
  font-style: normal;
  margin-top: 1em;
}
.chat-message .message-content .damage-taken .persistent h4 {
  border-bottom: 1px solid var(--color-underline-header);
  max-width: fit-content;
}
.chat-message .message-content .damage-taken button.revert-damage {
  align-items: center;
  background: var(--bg-dark);
  display: inline-flex;
  justify-content: center;
  width: 3ch;
  margin-left: 2px;
}
.chat-message .message-content .damage-taken button.revert-damage > i {
  margin: 0;
}
.chat-message .message-content .damage-taken .reverted {
  text-decoration: line-through;
}
.chat-message .flavor-text .pf2e-reroll-indicator {
  float: right;
}
.chat-message .message-content .pf2e-reroll-discard .dice-total,
.chat-message .message-content .pf2e-reroll-discard .dice-tooltip {
  opacity: 0.3;
}
.chat-message .message-content .pf2e-reroll-second .dice-formula {
  display: none;
}
.chat-message .message-header .flavor-text {
  display: block;
}
.chat-message .message-header .flavor-text ul.notes {
  display: block;
  line-height: 1.5em;
  list-style: none;
  margin: 0;
  padding: 0;
}
.chat-message .message-header .flavor-text ul.notes li {
  display: block;
  line-height: 1.5em;
}
.chat-message > .message-content .dice-roll .statuseffect-message {
  font-weight: 700;
}
.chat-message > .message-content .dice-roll .statuseffect-message ul {
  padding: 0.5em;
  margin: 0;
}
.chat-message > .message-content .dice-roll .statuseffect-message ul li {
  cursor: help;
}
.chat-message > .message-content .dice-roll .statuseffect-rules {
  font-size: var(--font-size-13);
  font-weight: 500;
}
.chat-message > .message-content .dice-roll .statuseffect-rules h2 {
  font-weight: 700;
}
section.compendium-sidebar .directory-item.compendium.locked > .compendium-banner {
  opacity: 0.5;
}
section.compendium-sidebar .directory-item.compendium.locked:hover > .compendium-banner {
  opacity: 1;
}
section.compendium-sidebar ol.directory-list ol.document-matches {
  background: rgba(0, 0, 0, 0.25);
  margin-top: 1px;
  padding: 0;
}
section.compendium-sidebar ol.directory-list ol.document-matches li.match {
  align-items: center;
  column-gap: 2px;
  cursor: pointer;
  display: grid;
  font-size: var(--font-size-12);
  grid-template-areas: "thumbnail name" "thumbnail details";
  grid-template-columns: 38px 1fr;
  grid-template-rows: 1fr 1fr;
  list-style: none;
  padding: 2px 0 2px 4px;
}
section.compendium-sidebar ol.directory-list ol.document-matches li.match:hover {
  background: rgba(255, 255, 255, 0.1);
}
section.compendium-sidebar ol.directory-list ol.document-matches li.match > * {
  align-items: inherit;
  display: flex;
  height: 100%;
}
section.compendium-sidebar ol.directory-list ol.document-matches li.match .thumbnail {
  grid-area: thumbnail;
  justify-content: start;
}
section.compendium-sidebar ol.directory-list ol.document-matches li.match .thumbnail img {
  border: none;
  height: 36px;
  object-fit: contain;
  object-position: 50% 0;
  padding: 2px 0;
  width: 36px;
}
section.compendium-sidebar ol.directory-list ol.document-matches li.match .name {
  grid-area: name;
}
section.compendium-sidebar ol.directory-list ol.document-matches li.match .details {
  color: var(--color-text-light-primary);
  grid-area: details;
}
#pack-search-drag-preview {
  background: url(../../../ui/parchment.jpg) repeat;
  border-bottom: 1px solid var(--color-border-light-1);
  border-top: 1px solid transparent;
  box-shadow: none;
  display: flex;
  height: 50px;
  line-height: 48px;
  position: absolute;
  text-shadow: 0 0 0.5rem var(--color-shadow-primary);
  top: -1000px;
  width: 328px;
}
#pack-search-drag-preview img {
  border: none;
  height: 48px;
}
#pack-search-drag-preview h4 {
  color: var(--color-text-dark-primary);
  font-size: var(--font-size-14);
}
#combat nav.encounters,
#combat-popout nav.encounters {
  line-height: 1.5rem;
  padding-top: 0.25rem;
}
#combat .threat-award,
#combat-popout .threat-award {
  color: var(--text-light);
  display: flex;
  font-size: var(--font-size-14);
  gap: 1rem;
  justify-content: center;
  line-height: 1.5rem;
  text-shadow: 1px 1px 4px var(--color-shadow-dark);
  white-space: nowrap;
}
#combat .threat-award > *,
#combat-popout .threat-award > * {
  width: 6rem;
}
#combat .threat-award .threat .value.trivial,
#combat-popout .threat-award .threat .value.trivial {
  color: aqua;
}
#combat .threat-award .threat .value.low,
#combat-popout .threat-award .threat .value.low {
  color: lime;
}
#combat .threat-award .threat .value.moderate,
#combat-popout .threat-award .threat .value.moderate {
  color: yellow;
}
#combat .threat-award .threat .value.severe,
#combat-popout .threat-award .threat .value.severe {
  color: orange;
}
#combat .threat-award .threat .value.extreme,
#combat-popout .threat-award .threat .value.extreme {
  color: red;
}
#combat .encounter-controls,
#combat-popout .encounter-controls {
  padding: 0.25rem 0 0.5rem;
}
#combat li.combatant,
#combat-popout li.combatant {
  cursor: default;
  padding: 3px 0 3px 3px;
}
#combat li.combatant.gm-draggable,
#combat-popout li.combatant.gm-draggable {
  cursor: grab;
}
#combat li.combatant.drag-preview,
#combat-popout li.combatant.drag-preview {
  background: rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 6px inset var(--color-shadow-highlight);
}
#combat li.combatant.drag-gap,
#combat-popout li.combatant.drag-gap {
  visibility: hidden;
}
#combat li.combatant .hidden-name .token-name h4,
#combat-popout li.combatant .hidden-name .token-name h4 {
  color: var(--color-text-light-7);
}
#combat li.combatant .token-name h4,
#combat-popout li.combatant .token-name h4 {
  flex-direction: row;
}
#combat li.combatant .token-name h4 .users-targeting,
#combat-popout li.combatant .token-name h4 .users-targeting {
  display: inline-block;
  font-size: x-small;
  line-height: inherit;
  padding: 0 0.3em;
  text-shadow: none;
  vertical-align: bottom;
}
#combat a.combat-control.center,
#combat-popout a.combat-control.center {
  white-space: nowrap;
}
.sidebar-tab ol.subdirectory {
  border-left-width: 6px;
}
.hover {
  cursor: pointer;
}
.hover-content {
  display: none;
}
.crb-hover .tooltipster-box {
  border-style: solid;
  border-image-outset: 0;
  border-width: 9px;
  border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  background-color: rgba(0, 0, 0, 0.9);
  overflow: visible;
}
.crb-hover .tooltipster-box .tooltipster-content {
  margin: 0;
  padding: 0;
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary {
  --space-s: 0.25em;
  --space-m: 0.5em;
  --space-l: 1em;
  --space-xl: 1.5em;
  --space-2xl: 2em;
  --radius: 3px;
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary p {
  min-height: unset;
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
  margin-top: 1em;
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .inline-header {
  display: flex;
  align-items: center;
  gap: var(--space-l);
  background-color: var(--alt);
  font-family: var(--sans-serif);
  color: var(--text-light);
  padding: 0;
  font-size: 0.8em;
  font-weight: 400;
  border: none;
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .inline-header strong {
  display: inline-flex;
  padding: 0 var(--space-m);
  background-color: var(--primary);
  min-width: 15ch;
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-weight: 400;
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .inline-header + p {
  margin-top: var(--space-s);
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .info {
  background-color: var(--secondary);
  padding: var(--space-m);
  color: var(--text-light);
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  border-radius: var(--radius);
  font-family: var(--sans-serif);
  padding-bottom: var(--space-m);
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .info > * + * {
  margin-top: var(--space-m);
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .info + * {
  margin-top: var(--space-xl);
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .info + .crb-hover .tooltipster-box .tooltipster-content .item-summary .info {
  margin-top: var(--space-s);
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .info h4 {
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1.2;
  font-family: var(--sans-serif);
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  padding: var(--space-m) var(--space-l);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--text-light);
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .info h4::after {
  font-family: "Font Awesome 6";
  content: "\f05a";
  font-weight: 900;
  margin-right: var(--space-s);
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .info p {
  font-size: 0.8em;
  margin: 0;
  padding: 0 var(--space-l);
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .info p:first-of-type {
  padding-top: var(--space-m);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .traits {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .traits p {
  display: inline-flex;
  padding: 0.16rem 0.25rem;
  margin: 0;
  background-color: var(--primary);
  border: 2px solid var(--color-border-trait);
  color: var(--text-light);
  font: 500 var(--font-size-10) var(--sans-serif);
  text-transform: uppercase;
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock {
  font-family: var(--sans-serif-condensed);
  color: var(--text-dark);
  line-height: 1.2;
  margin-bottom: var(--space-m);
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock > * + * {
  margin-top: var(--space-s);
  margin-bottom: 0;
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock p {
  --indent: var(--space-l);
  margin-left: var(--indent);
  position: relative;
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock p strong:first-of-type {
  margin-left: calc(var(--indent) * -1);
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock p .trait:first-of-type {
  margin-left: calc(var(--indent) * -1 - 2px);
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock span.pf2-icon {
  line-height: 1;
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h1,
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h2,
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h3,
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock h4 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-border-dark);
  text-transform: uppercase;
  letter-spacing: -0.05em;
  font-family: var(--sans-serif-condensed);
  font-weight: 700;
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .statblock hr {
  border: none;
  border-bottom: 1px solid var(--color-border-dark);
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary .message {
  font-family: var(--journal-cursive);
  font-size: 2em;
  line-height: 1.2;
}
.crb-hover .tooltipster-box .tooltipster-content .item-summary a,
.crb-hover .tooltipster-box .tooltipster-content .item-summary span[data-pf2-effect-area] {
  color: var(--color-text-dark-primary);
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content {
  display: flex;
  min-width: 120px;
  max-width: fit-content;
  padding: 4px;
  line-height: 1;
  flex-direction: column;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content p {
  font-size: var(--font-size-14);
  font-family: var(--body-serif);
  font-weight: 400;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content h1,
.crb-hover .tooltipster-box .tooltipster-content .hover-content h2,
.crb-hover .tooltipster-box .tooltipster-content .hover-content h3 {
  font-size: var(--font-size-12);
  font-weight: 500;
  text-align: left;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title {
  align-items: baseline;
  border-bottom: 1px solid var(--sidebar-title);
  display: flex;
  flex: 1 auto;
  justify-content: space-between;
  margin: 0.25em 0 0.5em;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title h2,
.crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a {
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  border: none;
  color: var(--sidebar-title);
  line-height: 1.5;
  margin: 0;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title h2 + h2,
.crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a + h2 {
  font-size: var(--font-size-11);
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content .sidebar_title a {
  color: var(--text-light);
  text-decoration: none;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield {
  width: 160px;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield ul li.item .data {
  position: relative;
  top: -2px;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content.select-shield ul li.item .tag-legacy {
  width: auto;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option {
  color: rgba(255, 255, 255, 0.5);
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option i {
  margin: 1px 4px 1px 0;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option.selected {
  color: var(--text-light);
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content a.item-location-option.selected:hover {
  cursor: default;
  text-shadow: none;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1 auto;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul input {
  color: var(--text-light);
  border: none;
  border-radius: 0;
  background: transparent;
  font-family: var(--body-serif);
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul input:focus {
  box-shadow: none;
  border-bottom: 1px solid white;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul input:focus::placeholder {
  color: transparent;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::-webkit-outer-spin-button, .crb-hover .tooltipster-box .tooltipster-content .hover-content ul input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul select {
  border-radius: 2px;
  height: 18px;
  border: 1px solid white;
  background: transparent;
  cursor: pointer;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul select option {
  font-size: 0.8rem;
  min-height: 1rem;
  color: var(--text-dark);
  text-transform: capitalize;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul label {
  display: flex;
  align-items: center;
  text-align: left;
  font-family: var(--serif);
  font-weight: 500;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .label,
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .data {
  font-size: var(--font-size-12);
  font-family: var(--serif);
  font-weight: 400;
  color: var(--text-light);
  margin: 0;
  padding: 0;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item {
  display: grid;
  grid: "data label close" min-content "data type close" min-content/30px 1fr;
  margin: 8px 0;
  align-items: center;
  column-gap: 8px;
  justify-items: start;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item:first-child {
  border: none;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item.no-effect {
  filter: opacity(0.5);
  position: relative;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .tag-legacy {
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--tertiary);
  grid-area: type;
  letter-spacing: 0.5px;
  white-space: nowrap;
  width: min-content;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .tag-legacy .remove-modifier {
  white-space: nowrap;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .label {
  grid-area: label;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .item .data {
  grid-area: data;
  text-align: right;
  font-size: var(--font-size-21);
  justify-self: right;
  width: min-content;
  padding-top: 2px;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .label,
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .data,
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .data::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul .disabled .label {
  text-decoration: line-through;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .remove-modifier {
  grid-area: close;
  font-size: 0.8rem;
  cursor: pointer;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier {
  border-top: 1px solid var(--sidebar-title);
  padding-top: 5px;
  grid: "value name name" 1fr "type type btn" 1fr/42px 1fr 1fr;
  font-size: 0.8rem;
  gap: 0.25rem 0.5rem;
  align-items: baseline;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value {
  grid-area: value;
  font-size: 1rem;
  text-align: right;
  display: grid;
  grid: "input plus" 1fr "input minus" 1fr/1fr 10px;
  column-gap: 4px;
  align-items: center;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value input {
  grid-area: input;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value .fa-solid {
  margin-top: 2px;
  font-size: var(--font-size-9);
  cursor: pointer;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value .fa-solid.fa-plus-circle {
  grid-area: plus;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-value .fa-solid.fa-minus-circle {
  grid-area: minus;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-name {
  grid-area: name;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content.modifiers-tooltip .add-modifier .add-modifier-submit {
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  grid-area: btn;
  white-space: nowrap;
  line-height: 1.5;
  background-color: black;
  color: var(--tertiary);
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li {
  display: flex;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li label {
  color: var(--tertiary);
  flex-basis: 100%;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content.manage-tabs ul li input {
  display: flex;
  min-width: 2em;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content.carry-hover-content {
  white-space: nowrap;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content.carry-hover-content a.item-control i.fas {
  min-width: 1.25em;
}
.icon.anger::before {
  content: "💢︎";
}
.icon.bang::before {
  content: "💥︎";
}
.icon.collision::before {
  content: "💥︎";
}
.icon.crystal-ball::before {
  content: "🔮︎";
}
.icon.dizzy::before {
  content: "💫︎";
}
.icon.diamond-with-dot::before {
  content: "💠︎";
}
.icon.gemstone::before {
  content: "💎︎";
}
.icon.gem-stone::before {
  content: "💎︎";
}
.icon.glowing-star::before {
  content: "🌟︎";
}
.icon.prayer-beads::before {
  content: "📿︎";
}
.icon.ring::before {
  content: "💍︎";
}
.icon.sparkle::before {
  content: "❇︎";
}
.icon.sparkler::before {
  content: "🎇︎";
}
.icon.sparkles::before {
  content: "✨︎";
}
.roll-modifiers-dialog {
  background: none;
  box-shadow: none;
}
.roll-modifiers-dialog .window-header {
  border: none;
  box-shadow: inset 0 0 0 1px #9f725b, inset 0 0 0 2px var(--tertiary), inset 0 0 0 3px #956d58, 0 0 20px rgba(0, 0, 0, 0.8);
  background: linear-gradient(90deg, var(--secondary) 0%, #202b93 50%, var(--secondary) 100%);
  border-radius: 0;
  margin-bottom: 2px;
  font-size: var(--font-size-13);
}
.roll-modifiers-dialog .window-content {
  border-style: solid;
  border-image-outset: 0;
  border-width: 9px;
  border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  padding-top: 0;
}
.roll-modifiers-dialog button {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  background-color: var(--alt);
  border-radius: 2px;
  color: var(--text-light);
  cursor: pointer;
  font-family: var(--sans-serif);
}
.roll-modifiers-dialog button:hover {
  text-shadow: 0 0 2px var(--tertiary);
}
.roll-modifiers-dialog .toggle {
  background: var(--secondary);
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
  cursor: pointer;
  display: inline-block;
  height: 19px;
  margin: 4px auto;
  position: relative;
  width: 46px;
}
.roll-modifiers-dialog .toggle::before {
  color: var(--text-light);
  content: "ON";
  left: 6px;
  position: absolute;
  z-index: 0;
}
.roll-modifiers-dialog .toggle::after {
  color: var(--text-dark);
  content: "OFF";
  position: absolute;
  right: 4px;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
  z-index: 0;
}
.roll-modifiers-dialog .toggle::after, .roll-modifiers-dialog .toggle::before {
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  top: 4px;
}
.roll-modifiers-dialog .toggle .widget {
  background: #fcfff4;
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 50px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  display: block;
  height: 16px;
  position: absolute;
  right: 1px;
  top: 1px;
  transition: all 0.4s ease;
  width: 19px;
  z-index: 1;
}
.roll-modifiers-dialog .toggle input[type=checkbox] {
  visibility: hidden;
}
.roll-modifiers-dialog .toggle input[type=checkbox]:not(:checked) + .widget {
  right: 23px;
}
.roll-modifiers-dialog .dialog-row {
  align-items: center;
  display: flex;
  padding: 8px 0;
  gap: 2px;
}
.roll-modifiers-dialog .dialog-row .mod {
  flex: 1.5 0 0;
}
.roll-modifiers-dialog .dialog-row .type {
  flex: 0 0 6.25rem;
  text-transform: capitalize;
}
.roll-modifiers-dialog .dialog-row .value {
  flex: 0 0 36px;
  display: flex;
  justify-content: center;
}
.roll-modifiers-dialog .dialog-row .exclude {
  flex: 0 0 50px;
  justify-self: right;
}
.roll-modifiers-dialog .dialog-row.header {
  font-size: var(--font-size-13);
  font-weight: 700;
  padding-bottom: 0;
}
.roll-modifiers-dialog .dialog-row.header + hr {
  margin-bottom: 0;
}
.roll-modifiers-dialog .dialog-row.disabled {
  text-decoration: line-through;
}
.roll-modifiers-dialog .dialog-row.disabled > * {
  filter: opacity(0.5);
}
.roll-modifiers-dialog .dialog-row.disabled > * i {
  color: var(--text-dark);
}
.roll-modifiers-dialog .dialog-row.disabled .toggle {
  background: rgba(0, 0, 0, 0.4);
}
.roll-modifiers-dialog .dialog-row.disabled .toggle input[type=checkbox] + label {
  right: 26px;
}
.roll-modifiers-dialog .dialog-row.disabled.hidden {
  display: none;
}
.roll-modifiers-dialog .dialog-row .exclude.disabled {
  filter: opacity(0.5);
}
.roll-modifiers-dialog .dialog-row .exclude.disabled .toggle,
.roll-modifiers-dialog .dialog-row .exclude.disabled .widget {
  cursor: default;
}
.roll-modifiers-dialog .dialog-row .exclude.disabled i {
  color: var(--text-dark);
}
.roll-modifiers-dialog .substitutions,
.roll-modifiers-dialog .modifier-container {
  display: flex;
  flex-direction: column;
}
.roll-modifiers-dialog .substitutions + hr,
.roll-modifiers-dialog .modifier-container + hr {
  margin-top: 0;
}
.roll-modifiers-dialog .substitutions .dialog-row,
.roll-modifiers-dialog .modifier-container .dialog-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.roll-modifiers-dialog .substitutions .dialog-row:last-child,
.roll-modifiers-dialog .modifier-container .dialog-row:last-child {
  border-bottom: none;
}
.roll-modifiers-dialog .substitutions .dialog-row .tag,
.roll-modifiers-dialog .modifier-container .dialog-row .tag {
  background-color: var(--sub);
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
  color: var(--text-light);
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  letter-spacing: 0.5px;
  padding: 4px 8px;
  text-transform: uppercase;
  width: fit-content;
}
.roll-modifiers-dialog .total-mod {
  font-weight: 700;
  padding: 0;
}
.roll-modifiers-dialog .roll-mode-panel {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}
.roll-modifiers-dialog .roll-mode-panel .label {
  flex: 1 40%;
}
.roll-modifiers-dialog .roll-mode-panel select {
  flex: 2 60%;
  height: auto;
  width: 100%;
  margin-right: 4px;
  border-radius: 2px;
  cursor: pointer;
}
.roll-modifiers-dialog .roll {
  color: var(--text-light);
  background-color: var(--secondary);
}
.roll-modifiers-dialog .roll .damage.color,
.roll-modifiers-dialog .roll i {
  color: var(--text-light) !important;
}
.roll-modifiers-dialog .add-entry-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 2px;
}
.roll-modifiers-dialog .add-entry-row select,
.roll-modifiers-dialog .add-entry-row input {
  height: auto;
  border-radius: 2px;
}
.roll-modifiers-dialog .add-entry-row button {
  line-height: 1;
  margin: 0;
  padding: 4px 6px;
  text-transform: uppercase;
  flex: 0 0 min-content;
  font-weight: 700;
  font-size: 0.75rem;
}
.roll-modifiers-dialog .add-entry-row .add-modifier-name {
  flex: 1;
}
.roll-modifiers-dialog .add-entry-row .add-modifier-type {
  flex: 0 0 min-content;
}
.roll-modifiers-dialog .add-entry-row .add-modifier-value {
  flex: 0 0 4ch;
}
.dice-checks .fate {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.dice-checks .fate label {
  cursor: pointer;
}
.dialog.trick-magic-item .dialog-content p {
  font-weight: normal;
}
.dialog.trick-magic-item .dialog-buttons {
  flex-direction: column;
}
.damage-dialog .dialog-row .value {
  flex-basis: 4rem;
}
.damage-dialog .dialog-row .dice-type,
.damage-dialog .dialog-row .modifier-type {
  background: none;
  white-space: nowrap;
}
.damage-dialog .dialog-row .dice-type .icon-container,
.damage-dialog .dialog-row .modifier-type .icon-container {
  white-space: nowrap;
}
.damage-dialog .dialog-row .dice-type .icon-container i,
.damage-dialog .dialog-row .modifier-type .icon-container i {
  vertical-align: middle;
  text-align: start;
  font-size: 1rem;
}
.damage-dialog .dialog-row .no-mod {
  filter: opacity(0.7);
}
.damage-dialog .dialog-row .damage {
  padding: 2px 4px;
}
.damage-dialog .dice .dialog-row .value {
  flex: 1 0 0;
  margin-right: 6px;
  justify-content: flex-end;
}
.damage-dialog .dice .dialog-row .value span {
  width: 100%;
  text-align: right;
}
.damage-dialog .add-modifier-panel {
  flex-wrap: wrap;
}
.damage-dialog .add-modifier-panel .add-modifier-name {
  flex-basis: 100%;
}
.damage-dialog .add-modifier-panel .add-modifier-value {
  flex: 1;
}
.damage-dialog .add-dice-panel .add-dice-count {
  flex: 0 0 4ch;
  text-align: end;
}
/* ----------------------------------------- */
/* Tag Selector                              */
/* ----------------------------------------- */
.app.tag-selector form {
  height: 100%;
}
.app.tag-selector form ol.trait-list {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  max-height: 87%;
  overflow-y: scroll;
  padding: 0;
}
.app.tag-selector form ol.trait-list.has-custom {
  max-height: 78%;
}
.app.tag-selector form table th,
.app.tag-selector form table td {
  text-align: left;
  white-space: nowrap;
}
.app.tag-selector form table tbody td:first-child label {
  vertical-align: super;
}
.app.tag-selector form .trait-header {
  flex: 0 0 32px;
  line-height: 32px;
  text-align: center;
  margin: 0;
}
.app.tag-selector form .trait-header .header-search {
  flex: 1;
}
.app.tag-selector form .trait-header .header-search input {
  background: rgba(255, 255, 245, 0.8);
  width: calc(100% - 26px);
  margin: 0 2px;
}
.app.tag-selector form .trait-footer {
  flex: 0 0 32px;
  line-height: 32px;
  margin: 0;
  margin-bottom: 5px;
  border-top: 1px solid grey;
}
.app.tag-selector form .trait-selection-label {
  display: flex;
  align-items: center;
}
.app.tag-selector form .trait-selection-label .trait-label {
  margin-left: 5px;
}
.app.tag-selector form input:not([type=checkbox]) {
  flex: 1.8;
}
#token-hud .status-effects {
  grid-template-columns: repeat(5, 1fr);
  width: auto;
}
#token-hud .status-effects .effect-control {
  border-radius: 1px;
  color: var(--color-text-dark-1);
  cursor: pointer;
  height: 36px;
  opacity: 0.75;
  position: relative;
  width: 36px;
}
#token-hud .status-effects .effect-control.active img {
  border: 1px solid var(--color-border-highlight);
  opacity: 1;
}
#token-hud .status-effects .effect-control img {
  border: 1px solid rgba(0, 0, 0, 0);
  height: 35px;
  margin: 0;
  width: 35px;
}
#token-hud .status-effects .effect-control:not(.active):hover img {
  border: 1px solid rgba(255, 100, 0, 0.5);
}
#token-hud .status-effects .effect-control .badge {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  border: 0.1em solid darkred;
  font-size: var(--font-size-8);
  height: 0.8rem;
  line-height: var(--font-size-10);
  pointer-events: none;
  position: absolute;
  right: -3px;
  text-align: center;
  top: -3px;
  width: 0.8rem;
  z-index: 1;
}
#token-hud .status-effects .effect-control.overridden > * {
  filter: saturate(0);
}
#token-hud .status-effects .effect-control.valued .badge {
  font-size: var(--font-size-12);
  font-style: unset;
  font-weight: 500;
  line-height: var(--font-size-12);
}
#token-hud .status-effects .title-bar {
  background: rgba(0, 0, 0, 0.6);
  border-radius: inherit;
  border: inherit;
  box-shadow: inherit;
  box-sizing: content-box;
  font-size: var(--font-size-14);
  font-weight: normal;
  left: 0;
  line-height: normal;
  padding: 3px 0;
  position: absolute;
  text-align: center;
  top: -30px;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
#token-hud .status-effects .title-bar.active {
  visibility: visible;
}
#token-hud .control-icon[data-action=clown-car][data-disabled=true] {
  cursor: wait;
  opacity: 0.5;
}
#token-hud .control-icon[data-action=clown-car] img {
  height: 36px;
  transform-style: preserve-3d;
  transition: 0.5s;
  width: 36px;
}
#token-hud .control-icon[data-action=clown-car] img.retrieve {
  transform: scaleX(-1);
}
.default section.window-content {
  padding: 0;
  overflow: hidden;
}
/* Adjust height of the header */
.attribute-builder .window-content {
  background: url("../assets/sheet/background.webp");
  background-repeat: repeat-x, no-repeat;
  background-size: cover;
  background-attachment: local;
  height: 100%;
  padding: 10px 20px 10px 20px;
  position: relative;
  --color-boost: #316549;
  --color-boost-dark: #1b3c2a;
  --color-flaw: #5e0000;
}
.attribute-builder .window-content h3 {
  font: 400 var(--font-size-24) var(--serif-condensed);
  line-height: var(--font-size-24);
}
.attribute-builder .window-content h4 {
  font: 400 var(--font-size-10) var(--sans-serif);
  text-transform: uppercase;
  color: #605856;
}
.attribute-builder .window-content button:focus:not(:focus-visible) {
  box-shadow: none;
}
.attribute-builder .window-content .row {
  display: flex;
  align-items: center;
}
.attribute-builder .window-content .row .row-heading {
  width: 220px;
}
.attribute-builder .window-content .row.not-eligible {
  pointer-events: none;
  filter: blur(1px);
  opacity: 0.6;
}
.attribute-builder .window-content .row.not-eligible .remaining {
  visibility: hidden;
}
.attribute-builder .window-content .row .attributes {
  display: grid;
  grid-template-columns: repeat(6, 84px);
  grid-template-rows: auto;
  flex: 0 0 auto;
}
.attribute-builder .window-content .row .full-row {
  display: flex;
  flex: 1;
  justify-content: center;
}
.attribute-builder .window-content header.row {
  align-items: normal;
  padding-top: 10px;
  height: 60px;
}
.attribute-builder .window-content header.row .row-column {
  display: block;
}
.attribute-builder .window-content header.row .attributes {
  align-items: normal;
}
.attribute-builder .window-content .background-stripes {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 50px;
  right: 0;
  padding: 10px 20px 10px 20px;
  pointer-events: none;
  align-items: normal;
}
.attribute-builder .window-content .background-stripes .attributes div:nth-child(odd) {
  background-color: rgba(68, 55, 48, 0.1);
}
.attribute-builder .window-content .voluntary-flaw-row {
  margin: 0.5rem 0;
}
.attribute-builder .window-content .voluntary-flaw-row .flaw-buttons {
  display: flex;
  flex-direction: row;
}
.attribute-builder .window-content .voluntary-flaw-row .flaw-buttons button {
  flex: 1 1 0;
}
.attribute-builder .window-content .voluntary-flaw-row .flaw-buttons button.first {
  border-bottom-right-radius: 0;
  border-right: none;
  border-top-right-radius: 0;
  width: 4em;
}
.attribute-builder .window-content .voluntary-flaw-row .flaw-buttons button.second {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  max-width: 2em;
  text-transform: none;
}
.attribute-builder .window-content .voluntary-flaw-row .flaw-buttons button.second.selected {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.attribute-builder .window-content .row-heading {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  grid-template-areas: "img description remaining";
  align-items: center;
}
.attribute-builder .window-content .row-heading h3 {
  grid-column: 1/4;
  align-self: start;
  font-size: var(--font-size-24);
}
.attribute-builder .window-content .row-heading .hint-container {
  grid-column: 1/4;
}
.attribute-builder .window-content .row-heading img {
  grid-area: img;
  border: 0;
}
.attribute-builder .window-content .row-heading div.label {
  grid-area: description;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 10px;
}
.attribute-builder .window-content .row-heading div.remaining {
  grid-area: remaining;
  display: flex;
  margin-right: 10px;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: rgba(68, 55, 48, 0.1);
  align-self: center;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.attribute-builder .window-content .row-heading div.remaining.extra {
  animation: glow 0.75s infinite alternate;
}
@keyframes glow {
  from {
    box-shadow: 0 0 1px 1px #ffb351;
  }
  to {
    box-shadow: 0 0 3px 3px #ffb351;
  }
}
.attribute-builder .window-content .row-column {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.attribute-builder .window-content .row-column button {
  align-items: center;
  border: 1px solid var(--button-color);
  color: var(--button-color);
  display: flex;
  font-size: var(--font-size-12);
  height: 1.5em;
  justify-content: center;
  margin: 0;
  outline: none;
  padding: 0.1em 0 0;
  position: relative;
  text-transform: uppercase;
  width: 6em;
}
.attribute-builder .window-content .row-column button > i.key-attribute {
  font-size: smaller;
  left: 2px;
  margin-top: 1px;
  position: absolute;
}
.attribute-builder .window-content .row-column button.boost, .attribute-builder .window-content .row-column button.apex {
  margin-top: auto;
  --button-color: var(--color-boost);
  --button-locked-color: var(--color-boost-dark);
}
.attribute-builder .window-content .row-column button.flaw {
  margin-bottom: auto;
  --button-color: var(--color-flaw);
  --button-locked-color: var(--color-flaw);
}
.attribute-builder .window-content .row-column button.selected {
  background: var(--button-color);
}
.attribute-builder .window-content .row-column button.selected.partial {
  background: var(--color-boost-dark);
}
.attribute-builder .window-content .row-column button:hover {
  box-shadow: 0 0 5px var(--button-color);
  cursor: pointer;
}
.attribute-builder .window-content .row-column button:hover.key-attribute.selected {
  box-shadow: none;
  cursor: default;
}
.attribute-builder .window-content .row-column button:hover:disabled {
  background: rgba(0, 0, 0, 0.04);
  box-shadow: none;
  cursor: not-allowed;
}
.attribute-builder .window-content .row-column button.hidden {
  pointer-events: none;
  visibility: hidden;
}
.attribute-builder .window-content .row-column button:disabled {
  background: rgba(0, 0, 0, 0.04);
  opacity: 0.4;
}
.attribute-builder .window-content .row-column button:disabled:active {
  pointer-events: none;
}
.attribute-builder .window-content .row-column button.locked {
  background: var(--button-locked-color);
  border-color: var(--button-locked-color);
  pointer-events: none;
}
.attribute-builder .window-content .row-column button.locked, .attribute-builder .window-content .row-column button.selected {
  color: var(--text-light);
}
.attribute-builder .window-content .row-column div + .boost,
.attribute-builder .window-content .row-column button + .boost {
  margin-top: 4px;
}
.attribute-builder .window-content .summary-row .row-heading {
  display: block;
}
.attribute-builder .window-content .summary-row .hint-container {
  background: rgba(211, 204, 188, 0.4);
  padding: 12px;
  margin-right: 10px;
  border: 1px solid rgb(211, 204, 188);
  border-radius: 3px;
  align-self: end;
}
.attribute-builder .window-content .summary-row .hint-container h3 {
  color: var(--primary);
  font-variant: small-caps;
  font-size: var(--font-size-20);
  line-height: var(--font-size-16);
  font-family: var(--sans-serif-condensed);
  font-weight: 500;
}
.attribute-builder .window-content .summary-row .hint-container p {
  font-style: italic;
  font-size: var(--font-size-12);
  line-height: var(--font-size-14);
  font-family: var(--sans-serif);
  font-weight: 500;
  margin-bottom: 3px;
}
.attribute-builder .window-content .summary-row .hint-container label {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.attribute-builder .window-content .summary-row .attributes {
  grid-template-rows: auto auto;
}
.attribute-builder .window-content .summary-row .row-column {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
}
.attribute-builder .window-content .summary-row .row-column .value {
  height: 40px;
  font: 700 var(--font-size-24) var(--serif);
  line-height: var(--font-size-30);
}
.attribute-builder .window-content .summary-row .row-column input {
  width: calc(100% - 20px);
  flex-grow: 0;
  height: 30px;
  color: var(--text-dark);
  font: 500 var(--font-size-24) var(--serif);
  border: 0;
  border-bottom: 1px solid #d3ccbc;
  border-radius: 0;
  background-color: transparent;
  margin: 0 10px 10px 10px;
}
.attribute-builder .window-content .summary-row .row-column input::placeholder {
  filter: opacity(0.5);
}
.attribute-builder .window-content .summary-row .row-column input:focus {
  border-bottom: 1px solid var(--alt);
}
.attribute-builder .window-content .summary-row .row-column input[type=number] {
  padding-bottom: 0;
  padding-left: 4px;
}
.attribute-builder .window-content .summary-row .complete {
  grid-row: 2;
  grid-column: 1/7;
  margin-top: 10px;
  margin-left: auto;
}
.attribute-builder .window-content .summary-row button.complete {
  color: var(--text-light);
  background: var(--secondary);
  height: 35px;
  width: 131px;
  border: 1px solid var(--tertiary);
}
.attribute-builder .window-content .title {
  color: var(--primary);
  font: 500 var(--font-size-10) var(--sans-serif-condensed);
  line-height: var(--font-size-10);
  text-transform: uppercase;
}
.attribute-builder .window-content div[data-tooltip-content].description,
.attribute-builder .window-content div[data-tooltip-content] .description {
  text-decoration: underline dotted;
  text-underline-offset: 2px;
}
.attribute-builder .window-content .description {
  font: 600 var(--font-size-16) var(--serif);
}
.attribute-builder .window-content .extra {
  align-items: center;
  display: flex;
  font-size: var(--font-size-12);
  gap: 1px;
  margin-top: -0.25rem;
}
.attribute-builder .window-content .extra > i {
  margin-left: 0.125rem;
}
.attribute-builder .window-content .extra input[type=checkbox] {
  height: var(--font-size-12);
  margin: 0;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content h2:not(:first-child) {
  margin-top: 10px;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul.boost-details li {
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.crb-hover .tooltipster-box .tooltipster-content .hover-content ul.boost-details li i {
  font-size: var(--font-size-5);
  margin-right: 5px;
}
.iwr-editor {
  max-height: 500px;
}
.iwr-editor a.document-id-link {
  display: none;
}
.iwr-editor .entries {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.iwr-editor .entries .entry {
  padding: 0.25em 0.5em;
}
.iwr-editor .entries .entry label {
  flex: unset;
  margin-right: 0.5em;
  white-space: nowrap;
  width: 6em;
}
.iwr-editor .entries .entry a.form-action,
.iwr-editor .entries .entry i.synthetic-source {
  flex: 0;
  margin-left: auto;
}
.iwr-editor .entries .entry:not(.new):nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.075);
}
.iwr-editor select {
  max-width: fit-content;
}
.iwr-editor select:disabled {
  color: var(--color-text-dark-7);
}
.iwr-editor tags.tagify.pf2e-tagify {
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid var(--color-border-light-tertiary);
}
.iwr-editor input[type=number] {
  max-width: 5ch;
  margin-left: 0.5em;
}
body > .choices__list--dropdown {
  background-color: white;
  position: fixed;
}
.actor.sheet .image-container {
  position: relative;
}
.actor.sheet .image-container .hover-icon {
  display: none;
  font-size: var(--font-size-16);
}
.actor.sheet .image-container:hover .hover-icon {
  display: block;
}
.actor.sheet .image-container [data-action=show-image] {
  position: absolute;
  bottom: 0;
  right: 0;
}
.actor.sheet h3 {
  border-bottom: none;
}
.actor.sheet button > i {
  margin-right: 0;
}
.actor.sheet .item-summary {
  --space-s: 0.25em;
  --space-m: 0.5em;
  --space-l: 1em;
  --space-xl: 1.5em;
  --space-2xl: 2em;
  --radius: 3px;
  overflow: hidden;
}
.actor.sheet .item-summary p {
  min-height: unset;
}
.actor.sheet .item-summary :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
  margin-top: 1em;
}
.actor.sheet .item-summary .inline-header {
  display: flex;
  align-items: center;
  gap: var(--space-l);
  background-color: var(--alt);
  font-family: var(--sans-serif);
  color: var(--text-light);
  padding: 0;
  font-size: 0.8em;
  font-weight: 400;
  border: none;
}
.actor.sheet .item-summary .inline-header strong {
  display: inline-flex;
  padding: 0 var(--space-m);
  background-color: var(--primary);
  min-width: 15ch;
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-weight: 400;
}
.actor.sheet .item-summary .inline-header + p {
  margin-top: var(--space-s);
}
.actor.sheet .item-summary .info {
  background-color: var(--secondary);
  padding: var(--space-m);
  color: var(--text-light);
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  border-radius: var(--radius);
  font-family: var(--sans-serif);
  padding-bottom: var(--space-m);
}
.actor.sheet .item-summary .info > * + * {
  margin-top: var(--space-m);
}
.actor.sheet .item-summary .info + * {
  margin-top: var(--space-xl);
}
.actor.sheet .item-summary .info + .actor.sheet .item-summary .info {
  margin-top: var(--space-s);
}
.actor.sheet .item-summary .info h4 {
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1.2;
  font-family: var(--sans-serif);
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  padding: var(--space-m) var(--space-l);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--text-light);
}
.actor.sheet .item-summary .info h4::after {
  font-family: "Font Awesome 6";
  content: "\f05a";
  font-weight: 900;
  margin-right: var(--space-s);
}
.actor.sheet .item-summary .info p {
  font-size: 0.8em;
  margin: 0;
  padding: 0 var(--space-l);
}
.actor.sheet .item-summary .info p:first-of-type {
  padding-top: var(--space-m);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.actor.sheet .item-summary .traits {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.actor.sheet .item-summary .traits p {
  display: inline-flex;
  padding: 0.16rem 0.25rem;
  margin: 0;
  background-color: var(--primary);
  border: 2px solid var(--color-border-trait);
  color: var(--text-light);
  font: 500 var(--font-size-10) var(--sans-serif);
  text-transform: uppercase;
}
.actor.sheet .item-summary .statblock {
  font-family: var(--sans-serif-condensed);
  color: var(--text-dark);
  line-height: 1.2;
  margin-bottom: var(--space-m);
}
.actor.sheet .item-summary .statblock > * + * {
  margin-top: var(--space-s);
  margin-bottom: 0;
}
.actor.sheet .item-summary .statblock p {
  --indent: var(--space-l);
  margin-left: var(--indent);
  position: relative;
}
.actor.sheet .item-summary .statblock p strong:first-of-type {
  margin-left: calc(var(--indent) * -1);
}
.actor.sheet .item-summary .statblock p .trait:first-of-type {
  margin-left: calc(var(--indent) * -1 - 2px);
}
.actor.sheet .item-summary .statblock span.pf2-icon {
  line-height: 1;
}
.actor.sheet .item-summary .statblock h1,
.actor.sheet .item-summary .statblock h2,
.actor.sheet .item-summary .statblock h3,
.actor.sheet .item-summary .statblock h4 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-border-dark);
  text-transform: uppercase;
  letter-spacing: -0.05em;
  font-family: var(--sans-serif-condensed);
  font-weight: 700;
}
.actor.sheet .item-summary .statblock hr {
  border: none;
  border-bottom: 1px solid var(--color-border-dark);
}
.actor.sheet .item-summary .message {
  font-family: var(--journal-cursive);
  font-size: 2em;
  line-height: 1.2;
}
.actor.sheet .item-summary span[data-visibility=all] {
  display: inline-block;
  line-height: 1em;
  padding: 2px 1px 1px;
}
.actor.sheet .item-summary .item-buttons button {
  background-color: var(--primary);
  border: none;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  border-top: 1px solid #ff5e5e;
  border-bottom: 1px solid black;
  color: var(--text-light);
  cursor: pointer;
  font-family: var(--serif);
  font-size: var(--font-size-14);
  font-weight: 500;
  line-height: 1.8em;
  margin: 8px 0 0 0;
  padding: 0 8px;
}
.actor.sheet .item-summary .item-buttons button:hover {
  box-shadow: none;
  text-shadow: 0 0 2px white;
}
.actor.sheet .expandable:not(.expanded) .item-summary {
  display: none;
}
.actor.sheet .inventory {
  --border-color: var(--alt);
}
.actor.sheet .inventory ol:not(.currency) {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.actor.sheet .inventory .notify {
  animation: glow 0.75s infinite alternate;
}
.actor.sheet .inventory .item-name {
  display: flex;
  align-items: center;
  font-weight: 500;
  flex: 2;
  gap: 4px;
}
.actor.sheet .inventory .item-name h3,
.actor.sheet .inventory .item-name h4 {
  cursor: pointer;
  font-weight: 500;
  line-height: var(--font-size-12);
  margin: auto auto auto 0;
  padding: 2px;
  word-break: break-word;
}
.actor.sheet .inventory .item-name h3:hover,
.actor.sheet .inventory .item-name h4:hover {
  color: var(--primary);
}
.actor.sheet .inventory .item-name h4:not(:hover).rarity-uncommon {
  border-color: var(--color-rarity-uncommon);
  color: var(--color-rarity-uncommon);
}
.actor.sheet .inventory .item-name h4:not(:hover).rarity-rare {
  border-color: var(--color-rarity-rare);
  color: var(--color-rarity-rare);
}
.actor.sheet .inventory .item-name h4:not(:hover).rarity-unique {
  border-color: var(--color-rarity-unique);
  color: var(--color-rarity-unique);
}
.actor.sheet .inventory .item-name .item-image {
  box-shadow: inset 0 0 0 1px var(--tertiary);
}
.actor.sheet .inventory .item-name .item-image img {
  border-radius: 0;
}
.actor.sheet .inventory .item-name .size {
  font-size: 0.8em;
  color: var(--alt);
  margin: 0;
}
.actor.sheet .inventory .item-name .item-charges {
  color: var(--sub);
}
.actor.sheet .inventory .inventory-list,
.actor.sheet .inventory .inventory-items {
  flex-direction: column;
  list-style-type: none;
  position: relative;
  width: 100%;
}
.actor.sheet .inventory .inventory-list > li:nth-of-type(even),
.actor.sheet .inventory .inventory-items > li:nth-of-type(even) {
  background-color: rgba(120, 100, 82, 0.1);
}
.actor.sheet .inventory .inventory-list .list-row:last-child .item-summary,
.actor.sheet .inventory .inventory-items .list-row:last-child .item-summary {
  border-bottom: none;
}
.actor.sheet .inventory .inventory-list .temporary-item,
.actor.sheet .inventory .inventory-items .temporary-item {
  background-color: rgba(0, 5, 255, 0.1137254902);
}
.actor.sheet .inventory .inventory-list {
  overflow: hidden scroll;
  display: flex;
  height: calc(100% - 60px);
  padding-right: 0.15rem;
}
.actor.sheet .inventory .quantity,
.actor.sheet .inventory .bulk,
.actor.sheet .inventory .item-controls,
.actor.sheet .inventory .sell-value {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 68px;
}
.actor.sheet .inventory .sell-value {
  justify-content: end;
  padding-right: 3px;
}
.actor.sheet .inventory .quantity {
  justify-content: space-around;
}
.actor.sheet .inventory .quantity .decrease,
.actor.sheet .inventory .quantity .increase {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--sans-serif-monospace);
  height: 100%;
  text-align: center;
  width: 18px;
}
.actor.sheet .inventory .bulk {
  flex: 0 0 36px;
}
.actor.sheet .inventory .item-controls {
  flex: 0 0 90px;
  font-size: var(--font-size-12);
  gap: 1px;
  justify-content: end;
}
.actor.sheet .inventory .inventory-header {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  align-items: center;
  background-color: var(--alt);
  color: var(--color-text-light-0);
  display: flex;
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  justify-content: end;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-top: 6px;
  padding: 0.25rem;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
  width: 100%;
}
.actor.sheet .inventory .inventory-header:first-child {
  margin-top: 0;
}
.actor.sheet .inventory .inventory-header h3 {
  font-size: var(--font-size-14);
  margin: 2px 0;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
  text-transform: capitalize;
}
.actor.sheet .inventory .inventory-header h3:hover {
  color: var(--color-text-light-0);
}
.actor.sheet .inventory .inventory-header .item-name {
  padding-left: 4px;
}
.actor.sheet .inventory .inventory-header .item-invested-total {
  flex: none;
  margin-right: 1em;
}
.actor.sheet .inventory .inventory-header .item-controls {
  gap: 0.25rem;
}
.actor.sheet .inventory .inventory-header .overinvested {
  color: orange;
  text-shadow: 1px 1px 0px black;
}
.actor.sheet .inventory .inventory-items {
  border: 1px solid var(--border-color);
  border-top: none;
}
.actor.sheet .inventory .item {
  display: flex;
  flex-wrap: wrap;
  font-size: var(--font-size-12);
  justify-content: flex-start;
  width: 100%;
}
.actor.sheet .inventory .item .quantity,
.actor.sheet .inventory .item .bulk,
.actor.sheet .inventory .item .item-controls,
.actor.sheet .inventory .item .sell-value {
  border-left: 1px solid var(--alt);
}
.actor.sheet .inventory .list-row {
  width: 100%;
}
.actor.sheet .inventory .list-row .item-controls {
  color: var(--text-dark);
  font-size: var(--font-size-13);
}
.actor.sheet .inventory .list-row .item-controls .item-control.toggle-invested, .actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type {
  color: rgba(0, 0, 0, 0.5);
}
.actor.sheet .inventory .list-row .item-controls .item-control.toggle-invested.active, .actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type.active {
  color: var(--secondary);
}
.actor.sheet .inventory .list-row .item-controls .item-control.item-carry-type {
  text-align: right;
}
.actor.sheet .inventory .list-row .item-controls .item-control .fa-stack {
  margin: -3px -2px 0;
}
.actor.sheet .inventory .list-row .item-controls .item-control .fa-stack .fa-1,
.actor.sheet .inventory .list-row .item-controls .item-control .fa-stack .fa-2 {
  left: 1px;
  position: relative;
}
.actor.sheet .inventory .list-row.drag-preview {
  box-shadow: 0 0 6px inset var(--color-shadow-highlight);
}
.actor.sheet .inventory .list-row.drag-gap {
  visibility: hidden;
}
.actor.sheet .inventory .container-metadata .container-capacity {
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  position: relative;
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: inset 0 0 4px black;
  color: var(--color-text-light-0);
  display: flex;
  width: 100%;
}
.actor.sheet .inventory .container-metadata .container-capacity .container-capacity-bar {
  background-color: var(--secondary);
  border-radius: 0 2px 2px 0;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 255, 255, 0.1);
  padding: 8px 0;
}
.actor.sheet .inventory .container-metadata .container-capacity .container-capacity-label {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  padding: 2px;
}
.actor.sheet .inventory .container-metadata .container-capacity.over-limit .container-capacity-bar {
  background-color: var(--primary);
}
.actor.sheet .inventory .container-metadata .container-held-items {
  padding-left: 10px;
  border-left: none;
  border-right: none;
}
.actor.sheet .inventory .container-metadata .container-held-items li:nth-of-type(even) {
  background-color: rgba(120, 100, 82, 0.1);
}
.actor.sheet .inventory .container-metadata .container-held-items li:first-of-type .item::before {
  height: 50%;
  top: 0;
}
.actor.sheet .inventory .container-metadata .container-held-items .item {
  position: relative;
}
.actor.sheet .inventory .container-metadata .container-held-items .item::before, .actor.sheet .inventory .container-metadata .container-held-items .item::after {
  position: absolute;
  border-left: 1px solid var(--alt);
  top: 0;
  height: 50%;
  left: -5px;
  width: 5px;
  content: "";
}
.actor.sheet .inventory .container-metadata .container-held-items .item::before {
  border-bottom: 1px solid var(--alt);
  top: 0;
}
.actor.sheet .inventory .container-metadata .container-held-items .item::after {
  top: 50%;
}
.actor.sheet .inventory .container-metadata .container-held-items .item .item-summary {
  border-left: 1px solid var(--alt);
}
.actor.sheet .inventory .container-metadata .container-held-items .container-metadata {
  position: relative;
}
.actor.sheet .inventory .container-metadata .container-held-items .container-metadata::before {
  position: absolute;
  border-left: 1px solid var(--alt);
  top: 0;
  height: 100%;
  left: -5px;
  width: 0px;
  content: "";
}
.actor.sheet .inventory .container-metadata .container-held-items li:last-of-type .item::after,
.actor.sheet .inventory .container-metadata .container-held-items li:last-of-type .container-metadata::before {
  border: none;
}
.actor.sheet .inventory .item-summary {
  flex: 100%;
  padding: 4px 8px 8px;
  border-top: 1px solid var(--alt);
  border-bottom: 1px solid var(--alt);
  background: var(--bg);
}
.actor.sheet .inventory .encumbrance {
  align-items: center;
  display: grid;
  grid: "img bar overflow" min-content/24px 1fr;
  margin-top: auto;
}
.actor.sheet .inventory .encumbrance img {
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
  border-radius: 0;
  grid-area: img;
  position: relative;
  z-index: 4;
}
.actor.sheet .inventory .encumbrance .encumbrance-bar {
  position: relative;
  z-index: 2;
  grid-area: bar;
  height: 16px;
  width: 100%;
  background-color: var(--secondary);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
}
.actor.sheet .inventory .encumbrance .encumbrance-label {
  position: relative;
  z-index: 3;
  grid-area: bar;
  color: var(--text-light);
  font-family: var(--serif);
  font-size: var(--font-size-12);
  font-weight: 500;
  padding: 0 8px;
  padding-top: 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-shadow: 0 0 2px black;
}
.actor.sheet .inventory .encumbrance .encumbrance-light-bulk-overflow {
  position: relative;
  z-index: 3;
  grid-area: overflow;
  color: var(--text-dark);
  font-family: var(--serif);
  font-size: var(--font-size-12);
  font-weight: 500;
  padding: 0 8px;
  padding-top: 2px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-shadow: 0 0 2px white;
}
.actor.sheet .inventory .encumbrance .bar-bg {
  position: relative;
  z-index: 1;
  grid-area: bar;
  width: 100%;
  height: 16px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0 2px 2px 0;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.75);
}
.actor.sheet .inventory .encumbrance.over-limit .encumbrance-bar {
  background-color: var(--primary) !important;
}
.actor.sheet .inventory .total-bulk {
  align-items: center;
  display: flex;
  font-weight: 500;
  gap: 0.25rem;
  height: 1.5rem;
  justify-content: start;
  margin-bottom: 0.7rem;
}
.actor.sheet .inventory .total-bulk img {
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 0;
  z-index: 1;
}
.actor.sheet .inventory .total-bulk .bar {
  justify-content: start;
  margin-top: 0;
  position: relative;
  height: 1.25rem;
  padding-left: 0.5rem;
  left: -0.35rem;
  z-index: 0;
}
.actor.sheet .item-image {
  display: flex;
  cursor: pointer;
  position: relative;
  font-size: var(--font-size-16);
  height: 24px;
  width: 24px;
}
.actor.sheet .item-image.framed {
  background-color: var(--tertiary);
}
.actor.sheet .item-image.framed img {
  border-radius: 2px;
}
.actor.sheet .item-image.framed,
.actor.sheet .item-image.framed i {
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
}
.actor.sheet .item-image img {
  border: none;
}
.actor.sheet .item-image i {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  color: var(--text-dark);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
}
.actor.sheet .item-image:hover i {
  background: #f1eee9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.actor.sheet .alignment-select {
  background-color: var(--color-bg-alignment);
  border: 2px solid var(--color-border-trait);
  color: var(--color-text-trait);
}
.actor.sheet .size-select {
  background-color: var(--color-bg-size);
  border: 2px solid var(--color-border-trait);
  color: var(--color-text-trait);
}
.actor.sheet .rarity-select {
  border: 2px solid var(--color-border-trait);
  color: var(--color-text-trait);
}
.actor.sheet .rarity-select.common {
  background-color: var(--color-rarity-common);
}
.actor.sheet .rarity-select.uncommon {
  background-color: var(--color-rarity-uncommon);
}
.actor.sheet .rarity-select.rare {
  background-color: var(--color-rarity-rare);
}
.actor.sheet .rarity-select.unique {
  background-color: var(--color-rarity-unique);
}
.actor.sheet.character .crb-style .pf-rank {
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  align-items: center;
  background: var(--color-proficiency-untrained);
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  color: var(--text-light);
  cursor: pointer;
  display: flex;
  font-weight: 500;
  justify-content: center;
  padding: 2px 1px 1px 1px;
  text-align-last: center;
}
.actor.sheet.character .crb-style .pf-rank.readonly {
  pointer-events: none;
}
.actor.sheet.character .crb-style .pf-rank option[value="0"] {
  background: var(--color-proficiency-untrained);
}
.actor.sheet.character .crb-style .pf-rank.trained, .actor.sheet.character .crb-style .pf-rank[data-rank="1"],
.actor.sheet.character .crb-style .pf-rank option[value="1"] {
  background: var(--color-proficiency-trained);
}
.actor.sheet.character .crb-style .pf-rank.expert, .actor.sheet.character .crb-style .pf-rank[data-rank="2"],
.actor.sheet.character .crb-style .pf-rank option[value="2"] {
  background: var(--color-proficiency-expert);
}
.actor.sheet.character .crb-style .pf-rank.master, .actor.sheet.character .crb-style .pf-rank[data-rank="3"],
.actor.sheet.character .crb-style .pf-rank option[value="3"] {
  background: var(--color-proficiency-master);
}
.actor.sheet.character .crb-style .pf-rank.legendary, .actor.sheet.character .crb-style .pf-rank[data-rank="4"],
.actor.sheet.character .crb-style .pf-rank option[value="4"] {
  background: var(--color-proficiency-legendary);
}
.actor.sheet.character .crb-style span.pf-rank {
  min-width: 61px;
  pointer-events: none;
}
.actor.sheet.character .crb-style aside .sidebar a.roll-icon.rest {
  padding-bottom: 0;
}
.actor.sheet.character .crb-style aside .sidebar .class-dc.secondary {
  margin-top: 0.2em;
}
.actor.sheet.character .crb-style aside .sidebar .class-dc .classdc-rank {
  align-items: center;
  display: flex;
  gap: 0.5em;
}
.actor.sheet.character .crb-style header.char-header .char-details .dots {
  display: flex;
  font-size: var(--font-size-10);
}
.actor.sheet.character .crb-style header.char-header .char-details .dots .label {
  color: var(--sidebar-label);
  padding-left: 3px;
  margin-right: 8px;
  font-weight: 700;
}
.actor.sheet.character .crb-style header.char-header .char-level .exp-data {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.5em 0;
  position: relative;
}
.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input {
  font-size: var(--font-size-13);
  height: 1.5em;
}
.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input input {
  color: var(--text-light);
  font-family: var(--sans-serif);
  text-align: right;
  width: 3em;
}
.actor.sheet.character .crb-style header.char-header .char-level .exp-data .exp-input .slash {
  color: var(--sidebar-label);
}
.actor.sheet.character .crb-style header.char-header .char-level .exp-data progress {
  background-color: unset;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: none;
  bottom: 7px;
  box-shadow: 0 0 2px var(--sidebar-label);
  height: 5px;
  left: -9px;
  position: absolute;
  width: 7em;
}
.actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-moz-progress-bar {
  background: var(--sidebar-title);
}
.actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-webkit-progress-bar {
  background: rgba(0, 0, 0, 0.2);
}
.actor.sheet.character .crb-style header.char-header .char-level .exp-data progress::-webkit-progress-value {
  background: var(--sidebar-title);
}
.actor.sheet.character .crb-style nav.sheet-navigation .item.to-hide {
  opacity: 45%;
}
.actor.sheet.character .crb-style nav.sheet-navigation .item.hidden {
  display: none;
}
.actor.sheet.character .crb-style nav.sheet-navigation .item .pfs-icon {
  clip-rule: evenodd;
  fill-rule: evenodd;
  padding: 4px;
  position: relative;
  stroke-linejoin: round;
  stroke-miterlimit: 2;
  top: -1px;
}
.actor.sheet.character .crb-style nav.sheet-navigation .item .pfs-icon path {
  fill-rule: nonzero;
}
.actor.sheet.character .crb-style nav.sheet-navigation .manage-tabs {
  color: var(--text-light);
  margin: 0;
  padding: 0 6px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content > .tab.active {
  display: flex;
  height: 100%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content > .tab:not(.inventory, .actions),
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab-content {
  overflow: hidden scroll;
  flex-grow: 1;
  min-height: 0;
  overflow: hidden scroll;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content nav + .tab-content {
  padding-top: 0.75rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header {
  position: relative;
  margin-top: 0.75em;
  font-size: var(--font-size-16);
  font-family: var(--serif);
  font-weight: 600;
  color: var(--primary);
  line-height: 1;
  border-bottom: 1px solid var(--color-border-divider);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header > button, .actor.sheet.character .crb-style .sheet-body .sheet-content h3.header > .controls {
  position: absolute;
  bottom: -1px;
  right: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header .controls {
  display: flex;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header button {
  background: transparent;
  border-radius: 2px 2px 0 0;
  border: 1px solid var(--color-border-divider);
  color: var(--primary);
  cursor: pointer;
  font-family: var(--sans-serif);
  font-size: var(--font-size-12);
  font-weight: 500;
  height: 20px;
  line-height: var(--font-size-12);
  margin: 0;
  outline: none;
  text-transform: uppercase;
  width: auto;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content h3.header button.has-unallocated {
  animation: glow 0.75s infinite alternate;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .item-image {
  cursor: pointer;
  display: flex;
  font-size: var(--font-size-16);
  height: 24px;
  min-width: 24px;
  position: relative;
  width: 24px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .item-image img {
  border: none;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .item-image i {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  color: var(--text-dark);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .item-image:hover i {
  background: #f1eee9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed {
  background-color: var(--tertiary);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed,
.actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed i {
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab {
  flex-direction: column;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character select {
  width: calc(100% - 6px);
  background-color: var(--alt);
  border: 1px solid #605041;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character select:disabled {
  cursor: initial;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character hr {
  margin: 10px 6px 10px 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 {
  background-color: rgba(28, 28, 28, 0.1);
  border: none;
  color: var(--text-dark);
  display: flex;
  font: 700 var(--font-size-14) var(--body-serif);
  grid-area: mod;
  line-height: 1;
  margin: 0;
  padding: 8px 4px 6px;
  width: calc(100% - 6px);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 a {
  margin-left: auto;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 a i {
  position: relative;
  right: -2px;
  top: -2px;
  float: right;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 span.value {
  display: inline-block;
  max-width: 87%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details {
  display: grid;
  grid: "img alignment deity" 46px "img details details" auto/120px 130px 1fr;
  margin-top: 4px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .frame-container {
  grid-area: img;
  margin-left: 5px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .frame {
  z-index: 3;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .frame .actor-image {
  object-fit: cover;
  object-position: top;
  border: none;
  border-radius: 0;
  max-height: 178px;
  width: 100%;
  border: none;
  box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .frame [data-action=show-image] {
  bottom: 5px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment {
  grid-area: alignment;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../assets/sheet/banner-bg.webp") repeat-x center;
  z-index: 1;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment .bio-alignment {
  position: absolute;
  left: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment select {
  background: none;
  border: none;
  box-shadow: none;
  color: var(--text-dark);
  cursor: pointer;
  display: block;
  font-family: var(--body-serif);
  font-size: var(--font-size-14);
  font-weight: 700;
  outline: none;
  overflow-x: visible;
  padding-left: 8px;
  width: auto;
  line-height: 1;
  text-transform: capitalize;
  margin-top: 2px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment select option {
  color: var(--text-light);
  font: initial;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment input[type=text] {
  font: 700 var(--font-size-14) var(--body-serif);
  text-align: center;
  max-width: 138px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment::after {
  position: absolute;
  content: "";
  height: 46px;
  width: 15px;
  top: 0;
  right: -11px;
  background: url("../assets/sheet/banner-bg2.webp") no-repeat right;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity {
  align-items: center;
  display: flex;
  grid-area: deity;
  margin-left: auto;
  min-width: 10em;
  padding-bottom: 0.7em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input {
  display: flex;
  flex-flow: column wrap;
  justify-content: end;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input span {
  text-align: right;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input h3 {
  min-width: 9em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity .input h3 span {
  max-width: 10em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity img.symbol {
  border: none;
  box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
  border-radius: 50%;
  height: 32px;
  margin: 0.5rem 0 0 0.5rem;
  width: 32px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet {
  grid-area: details;
  display: grid;
  grid-template-columns: 44% 55%;
  grid-template-rows: repeat(2, 42px);
  grid-row-gap: 8px;
  padding-left: 12px;
  margin-top: 8px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .pc_heritage, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .pc_background, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .pc_weight {
  margin: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-sheet .detail-small {
  display: flex;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control {
  cursor: pointer;
  margin-left: auto;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control i.fa-ellipsis-v:hover {
  text-shadow: 0 0 8px var(--color-shadow-primary);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control #context-menu {
  left: -85px;
  min-width: 105px;
  padding: 0;
  text-align: left;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control #context-menu .context-item {
  font-family: var(--font-primary);
  font-weight: normal;
  min-width: 105px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .detail-item-control #context-menu .context-item i {
  position: static;
  float: none;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background {
  display: flex;
  flex-wrap: wrap;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background label {
  align-items: start;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  justify-content: start;
  margin-bottom: 8px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-background label span {
  width: 100%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits {
  display: flex;
  flex-wrap: wrap;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .tags {
  width: 100%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  flex: 20%;
  margin-bottom: 8px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc span {
  width: 100%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc span.speed * {
  width: 50%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_land-speed, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_size {
  flex: 50%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_speed-types {
  flex: 50%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_senses {
  flex: 50%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_languages {
  flex: 50%;
  margin-bottom: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_traits {
  flex: 50%;
  margin-bottom: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_bonus-bulk {
  flex: 1 20%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc_bonus-bulk.encumbered {
  margin-right: 7px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc label,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc h4 {
  margin: 0;
  white-space: nowrap;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc .tags {
  margin: 0;
  padding: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc .tags,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc select,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc input,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-traits .pc h3 {
  margin-top: 4px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
  grid: 1fr/repeat(6, 1fr);
  justify-content: center;
  list-style: none;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute {
  display: grid;
  grid: "abbrev" auto "mod" 1fr "label" auto/1fr;
  column-gap: 10px;
  align-items: center;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute:focus-within .abbreviation {
  filter: opacity(1);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute.key .abbreviation,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute.key .modifier {
  color: var(--secondary);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation {
  margin: 0;
  padding: 0;
  border: none;
  color: var(--primary);
  font: 400 22px var(--serif-condensed);
  grid-area: abbrev;
  position: relative;
  text-align: center;
  text-transform: capitalize;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.key,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.apex {
  bottom: 4px;
  position: absolute;
  font-size: var(--font-size-12);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.key {
  left: 2px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.apex {
  right: 2px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation i.apex.unselected:not(:hover) {
  opacity: 0.75;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute h3.modifier {
  display: flex;
  justify-content: center;
  align-items: center;
  border-image-repeat: repeat;
  border-image-slice: 11;
  border-image-source: url("../assets/sheet/frame-elegant.svg");
  border-image-width: 14px;
  border-style: double;
  grid-area: mod;
  font-size: var(--font-size-24);
  font-family: var(--serif);
  font-weight: 700;
  height: 46px;
  margin: 0;
  padding-right: 4px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .label {
  color: rgb(68, 55, 48);
  grid-area: label;
  margin: 0;
  opacity: 0.4;
  padding: 2px;
  text-align: center;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions {
  gap: 0.5rem;
  padding: 0;
  margin-left: 0.25rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list + .actions-list {
  margin-top: 0.5rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name {
  align-items: start;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title {
  display: flex;
  flex-direction: column;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .item-image {
  height: 32px;
  width: 32px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: var(--font-size-14);
  margin-bottom: 0;
  padding: 2px 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group button {
  border: none;
  flex: 0;
  gap: 2px;
  height: 1.25rem;
  line-height: unset;
  margin: 0;
  padding: 0 0.5em;
  white-space: nowrap;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group button:not(:disabled):hover {
  box-shadow: none;
  text-shadow: 0 0 2px var(--text-light);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options {
  align-items: center;
  display: flex;
  font-size: var(--font-size-14);
  gap: 2px;
  justify-content: center;
  padding: 0 3px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options .title {
  text-transform: uppercase;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button {
  align-items: center;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: center;
  width: 3ch;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.selected {
  background: var(--text-dark);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button.selected > .icon {
  color: var(--bg-dark);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button:not(disabled):hover {
  box-shadow: inset 0 0 0 1px rgba(94, 0, 0, 0.5);
  text-shadow: none;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group .versatile-options button:active {
  text-shadow: 0 0 1px var(--primary);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .alt-usage {
  flex-basis: 100%;
  margin-left: calc(3em - 2px);
  position: relative;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .alt-usage .alt-usage-icon {
  border: none;
  height: 1rem;
  position: absolute;
  left: -1.5em;
  top: 0.2em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions {
  margin-left: 2.5rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo {
  align-items: center;
  display: flex;
  gap: 3px;
  margin-bottom: 2px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo select.linked {
  font: normal var(--font-size-12) var(--sans-serif);
  line-height: var(--font-size-12);
  padding-top: 3px;
  width: fit-content;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo select.linked[data-compatible=false] {
  color: rgba(255, 255, 255, 0.6);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo select.linked option,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo select.linked optgroup {
  color: var(--text-light);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo .magazine {
  margin-right: 0.5rem;
  font-family: var(--sans-serif);
  font-weight: 600;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo .magazine .icon {
  display: inline-block;
  width: 0.9rem;
  height: 0.9rem;
  background-image: url("../assets/icons/heavy-bullets.svg");
  background-size: cover;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions {
  display: flex;
  gap: 3px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions button select.modular {
  appearance: auto;
  background: none;
  color: var(--text-dark);
  cursor: default;
  font: inherit;
  margin-left: 0.5em;
  padding: 0.15em 0.2em;
  text-transform: uppercase;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions button select.modular option {
  background: var(--bg-dark);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .auxiliary-actions button:has(select.modular:hover) {
  text-shadow: none;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .action-name {
  justify-content: space-between;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike:not(.ready) .auxiliary-actions {
  justify-content: right;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-image:hover {
  background: none;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-left: auto;
  margin-right: 1rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking input {
  width: 0;
  flex: 0 1 4rem;
  text-align: center;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking span {
  white-space: nowrap;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions h4 {
  flex: 1;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate {
  background: none;
  border: 1px solid var(--color-border-dark);
  border-radius: 5px;
  flex: 0;
  line-height: 1.25em;
  opacity: 0.7;
  margin-right: 0.5rem;
  padding: 0 0.25rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.active, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate:hover {
  background-color: var(--primary);
  color: var(--text-light);
  opacity: 1;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions .item-controls {
  display: flex;
  min-width: 2.5em;
  justify-content: end;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list {
  gap: 0.2em;
  padding-bottom: 1em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 2px 4px 2px 12px;
  width: 100%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item p:empty {
  display: none;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name {
  display: flex;
  align-items: center;
  flex: 1;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name h4 {
  cursor: pointer;
  margin: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-name .item-image {
  margin-right: 8px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls {
  display: flex;
  flex: 0;
  font-size: var(--font-size-12);
  gap: 1px;
  white-space: nowrap;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls a.info-only:hover {
  cursor: default;
  text-shadow: none;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-controls a + a {
  margin-left: 4px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .item-summary {
  flex-basis: 100%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item.unidentified {
  border-radius: 1px;
  outline: 1px dotted rgba(75, 74, 68, 0.5);
  background: var(--visibility-gm-bg);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  width: 50%;
  flex: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group button {
  margin: 0;
  border: none;
  cursor: pointer;
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  padding: 5px;
  color: var(--text-light);
  width: 70px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  background: var(--secondary);
  border-radius: 2px;
  flex: 0;
  white-space: nowrap;
  margin-left: 4px;
  flex: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item .button-group button:hover {
  box-shadow: none;
  text-shadow: 0 0 2px white;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item {
  border-top: 1px solid #d5cac1;
  border: solid transparent;
  border-width: 0 0 1px;
  border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item:last-child {
  border-bottom: none;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item-name h4 {
  font-family: var(--serif);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.25em;
  padding-bottom: 1em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry:first-child .action-header {
  justify-content: start;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable .d20-svg {
  width: var(--font-size-14);
  height: var(--font-size-14);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable .d20-svg path {
  fill: black;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable:hover svg {
  animation: rotation 2s infinite linear;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 1rem;
  margin: 0.5em 0.25rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data section {
  display: flex;
  align-items: center;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .rollable {
  cursor: pointer;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data button {
  width: auto;
  line-height: 1.5em;
  padding-top: 1px;
  margin-bottom: 1px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data button i {
  font-size: 0.9em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .skill-score {
  font-family: var(--serif);
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: -1px;
  line-height: 1;
  color: var(--secondary);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values {
  display: flex;
  gap: 0.5rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values .skill-data {
  display: flex;
  gap: 0.25rem;
  white-space: nowrap;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values h4 {
  white-space: nowrap;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .statistic-values .rollable {
  gap: 0.1rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool {
  cursor: pointer;
  gap: 0.25em;
  position: relative;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool img.pool-size {
  border: none;
  width: 34px;
  height: 32px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool .pips {
  display: flex;
  font-size: var(--font-size-10);
  gap: 1px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool .pips i {
  padding-bottom: 0.08rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .focus-pool h4 {
  white-space: nowrap;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .spell-ability {
  gap: 0.5em;
  margin-left: auto;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .spell-ability .spell-tradition {
  font-family: var(--body-serif);
  font-weight: 600;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .pf-rank {
  margin-bottom: 0.13rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellbook-empty {
  margin: 8px 0;
  background: none;
  border: none;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .pf-add-item-row {
  grid-column: span 4;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .pf-add-item-row a {
  width: 100%;
  margin-bottom: 12px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane {
  margin: 0;
  padding: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies h1,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies h4,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies h6 {
  margin: 0;
  padding: 0;
  line-height: 1;
  display: flex;
  align-items: center;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies h6 {
  padding: 2px 4px;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  color: var(--text-light);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .core-title {
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 0;
  margin-left: 0;
  padding-top: 10px;
  padding-left: 12px;
  height: 43px;
  border: none;
  color: var(--text-light);
  font-family: var(--serif);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  align-items: center;
  margin-bottom: 2em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill {
  border-image-repeat: repeat;
  border-image-slice: 11;
  border-image-source: url("../assets/sheet/frame-elegant.svg");
  border-image-width: 14px;
  border-style: double;
  padding: 2px 15px 2px 4px;
  display: flex;
  align-items: center;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .rollable,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .rollable,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .rollable {
  cursor: pointer;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .rollable:hover,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .rollable:hover,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .rollable:hover {
  color: var(--primary);
  text-shadow: 0 0 2px white;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .rollable:hover .skill-score,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .rollable:hover .skill-score,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .rollable:hover .skill-score {
  text-decoration: underline;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .skill-score,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .skill-score,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .skill-score {
  color: var(--primary);
  font-family: var(--serif);
  font-size: var(--font-size-24);
  font-weight: 600;
  line-height: 1;
  text-align: end;
  margin-right: 4px;
  width: 2.5rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .skill-name,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .skill-name,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .skill-name {
  display: flex;
  align-items: center;
  flex: 1;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .button-group,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .button-group,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .button-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .button-group h6,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .button-group h6,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .button-group h6 {
  margin: 1px 0;
  background: var(--sub);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .button-group h6:hover,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .button-group h6:hover,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .button-group h6:hover {
  background: var(--primary);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill.custom,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill.custom,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill.custom {
  position: relative;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill.custom a.delete,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill.custom a.delete,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill.custom a.delete {
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: -1;
  opacity: 0.75;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill.custom a.delete:hover,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill.custom a.delete:hover,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill.custom a.delete:hover {
  z-index: 1;
  opacity: 1;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill.custom:hover a.delete,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill.custom:hover a.delete,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill.custom:hover a.delete {
  z-index: 1;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill {
  grid: "score name btn" min-content/42px 2fr 1fr;
  padding: 2px 15px 2px 6px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input {
  color: var(--text-dark);
  border-bottom: 1px solid var(--sub);
  margin-right: 4px;
  font-weight: 600;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input:hover,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input:hover {
  border: 1px solid var(--sub);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .button-group,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .button-group {
  flex-direction: row;
  flex-wrap: nowrap;
  margin-left: auto;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .button-group .item-controls,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .button-group .item-controls {
  font-size: var(--font-size-12);
  margin-top: 1px;
  margin-left: 0.5rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list {
  grid-template-columns: 1fr;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list {
  grid-template: repeat(2, 1fr);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .item {
  grid-column: 1/3;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lore-header .item-controls {
  white-space: nowrap;
  color: var(--text-light);
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lore-header .item-controls .item-control {
  padding: 4px;
  background: var(--secondary);
  font-size: var(--font-size-10);
  border-radius: 2px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats {
  padding-bottom: 1em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-section {
  padding-bottom: 1em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item {
  display: grid;
  grid: "name ctrl" min-content "content content" min-content/1fr min-content;
  align-items: center;
  padding: 2px 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item:nth-child(odd) {
  background-color: rgba(120, 100, 82, 0.1);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls {
  margin: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name {
  grid-area: name;
  display: flex;
  flex: 1;
  align-items: center;
  width: 100%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .feat-slot-title {
  display: flex;
  font-family: var(--serif);
  font-size: 1.1em;
  font-weight: 600;
  color: var(--secondary);
  justify-content: center;
  width: 20px;
  margin-left: 6px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .item-placeholder {
  margin-left: 40px;
  margin-right: 4px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name h4 {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-family: var(--serif);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name h4:hover {
  color: var(--primary);
  text-shadow: 0 0 3px var(--tertiary);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .item-image {
  margin-left: 8px;
  margin-right: 8px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls {
  align-items: center;
  display: flex;
  font-size: var(--font-size-12);
  grid-area: ctrl;
  height: 100%;
  white-space: nowrap;
  width: 100%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-controls a:last-child {
  margin-right: 6px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-summary {
  flex: 100%;
  grid-area: content;
  padding: 0 8px 8px;
  margin: 4px 0 0 4px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items {
  grid-column: span 2;
  border-left: 3px dotted #786452;
  display: flex;
  margin: 1px 0 0 45px;
  padding: 0;
  flex-basis: 100%;
  flex-direction: column;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  margin: 2px 0;
  padding-bottom: 1px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li:last-child {
  padding-bottom: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li .item-name .feat-slot-title {
  width: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li .item-name img {
  margin-left: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li .item-controls {
  flex: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item ol.nested-items li ol.nested-items {
  margin-left: 25px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography h3.header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 0 1px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography h3.header a {
  color: var(--color-text-dark-primary);
  font-size: var(--font-size-12);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography h3.header a i.fa-eye-slash {
  opacity: 75%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.editable .editor-content,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.editable input {
  background: rgba(0, 0, 0, 0.05);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.editable .editor-content {
  min-height: 4rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section:not(.editable) .editor-content {
  min-height: 2rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:disabled {
  color: var(--text-dark);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.appearance-details {
  display: grid;
  grid-template: "bio bio" 1fr "height weight" min-content/1fr 1fr;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.appearance-details .bio {
  grid-area: bio;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality {
  display: flex;
  flex-wrap: wrap;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .bio {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 50%;
  margin-bottom: 8px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.personality .bio span {
  width: 100%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section.campaign {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input {
  background: none;
  border-bottom: 1px solid var(--color-border-input);
  font-family: var(--body-serif);
  width: calc(100% - 6px);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input::placeholder {
  filter: opacity(0.5);
  color: var(--text-dark);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:focus {
  border-bottom: 1px solid #644f33;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:focus::placeholder {
  color: transparent;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input[type=number] {
  padding-bottom: 0;
  padding-left: 4px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section hr {
  margin: 10px 6px 10px 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio h3 {
  margin: 0;
  padding: 0;
  background-color: rgba(28, 28, 28, 0.1);
  border: none;
  color: var(--text-dark);
  font: 700 var(--font-size-14) var(--body-serif);
  grid-area: mod;
  height: 26px;
  padding: 8px 4px 6px;
  width: calc(100% - 6px);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio h3 i {
  position: relative;
  right: -2px;
  top: -2px;
  float: right;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio h3 span.value {
  display: inline-block;
  max-width: 87%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio h4.details-label {
  margin-bottom: 0;
  width: 100%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content {
  padding: 0 0 0.5rem;
  /* Typography */
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h1,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h2 {
  font-family: var(--serif);
  line-height: 1.1;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h1 {
  text-align: center;
  font-size: 2.5em;
  margin-bottom: 30px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h2 {
  color: var(--secondary);
  font-size: 2.25em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h3 {
  font-size: 2em;
  border-bottom: 0px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h4 {
  color: var(--text-dark);
  border-bottom: 1px solid var(--color-border-dark-primary);
  margin-bottom: 0px;
  text-transform: uppercase;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h5 {
  text-transform: uppercase;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content h6 {
  background-color: var(--header-bg);
  color: var(--header-color);
  margin-bottom: 5px;
  padding-left: 8px;
  padding-top: 5px;
  padding-bottom: 3px;
  font-size: 1.25em;
  text-transform: uppercase;
  border-radius: 12px 12px 0px 0px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content p,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content p + p,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content ul,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content ol {
  font-family: var(--body-serif);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .editor-edit {
  background: var(--primary);
  color: var(--text-light);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox.tox-tinymce {
  height: 200px !important;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-editor-container .tox-editor-header {
  background: none;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-editor-container .tox-editor-header .tox-toolbar-overlord {
  background-color: var(--secondary);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-editor-container .tox-editor-header .tox-toolbar-overlord .tox-toolbar__primary {
  background-color: var(--alt);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn {
  color: #cdcdcd;
  border-radius: 1px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn svg {
  fill: #cdcdcd;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn:hover {
  background: var(--secondary);
  color: var(--text-light);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .tox .tox-tbtn:hover svg {
  fill: white;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section .bio .biography-content .editor .editor-content {
  overflow-y: inherit;
  padding: 0 0.25rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory {
  height: calc(100% - 40px);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .inventory-list {
  padding-right: 0.1rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .item-controls {
  flex: 0 0 100px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.inventory .wealth {
  margin-bottom: 0.5rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs {
  gap: 0.2em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 2px 4px 2px 12px;
  width: 100%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item p:empty {
  display: none;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name {
  display: flex;
  align-items: center;
  flex: 1;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name h4 {
  cursor: pointer;
  margin: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-name .item-image {
  margin-right: 8px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls {
  display: flex;
  flex: 0;
  font-size: var(--font-size-12);
  gap: 1px;
  white-space: nowrap;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls a.info-only:hover {
  cursor: default;
  text-shadow: none;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-controls a + a {
  margin-left: 4px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .item-summary {
  flex-basis: 100%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item.unidentified {
  border-radius: 1px;
  outline: 1px dotted rgba(75, 74, 68, 0.5);
  background: var(--visibility-gm-bg);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  width: 50%;
  flex: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group button {
  margin: 0;
  border: none;
  cursor: pointer;
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  padding: 5px;
  color: var(--text-light);
  width: 70px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  background: var(--secondary);
  border-radius: 2px;
  flex: 0;
  white-space: nowrap;
  margin-left: 4px;
  flex: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs .item .button-group button:hover {
  box-shadow: none;
  text-shadow: 0 0 2px white;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
  margin: 0.75rem 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section:first-child {
  margin-top: 0.25rem;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play {
  align-items: center;
  display: grid;
  grid-template-columns: 6em 1em 4em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play > * {
  width: 100%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play input {
  text-align: center;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play .dash {
  font-weight: bold;
  text-align: center;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.organized-play label.player-number {
  grid-column: span 2;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump {
  align-items: center;
  flex-direction: row;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle {
  width: 42px;
  height: 1rem;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle.enabled {
  background: var(--secondary);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::after {
  content: "OFF";
  color: var(--text-dark);
  position: absolute;
  right: 5px;
  z-index: 0;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::before {
  content: "ON";
  color: var(--text-light);
  position: absolute;
  left: 6px;
  z-index: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::after, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle::before {
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  top: 4px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle label {
  display: block;
  width: 18px;
  height: 14px;
  position: absolute;
  top: 1px;
  right: 20px;
  cursor: pointer;
  background: #fcfff4;
  z-index: 1;
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle input[type=checkbox] {
  visibility: hidden;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.level-bump .toggle input[type=checkbox]:checked + label {
  right: 1px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.faction {
  max-width: fit-content;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations {
  font-family: var(--serif);
  gap: 0.2em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations .reputation {
  align-items: center;
  display: flex;
  gap: 0.2em;
  justify-content: space-between;
  width: 12em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.pfs > section.reputations .reputation input {
  padding: 0 0.3em;
  text-align: right;
  width: 3em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options {
  display: flex;
  flex-wrap: wrap;
  margin: 0 1rem 1rem;
  padding: 0.5rem 1rem;
  border-image-repeat: repeat;
  border-image-slice: 11;
  border-image-source: url("../assets/sheet/frame-elegant.svg");
  border-image-width: 14px;
  border-style: double;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option {
  display: flex;
  align-items: center;
  width: 100%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option label * {
  vertical-align: middle;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options .crafting-option label input {
  margin: 0;
  padding: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  background: none;
  border: none;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.item-container,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.item-container {
  margin-bottom: 0.5em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.alchemical-entry,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.alchemical-entry {
  margin-bottom: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas.alchemical-entry:last-child,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry.alchemical-entry:last-child {
  margin-bottom: 0.5em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas:first-child .action-header,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry:first-child .action-header {
  margin-top: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting *,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting * {
  flex: 1 0 auto;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header .item-controls .toggle-free-crafting input[type=checkbox],
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header .item-controls .toggle-free-crafting input[type=checkbox] {
  height: 1em;
  width: 1em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .action-header.alchemical-title,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .action-header.alchemical-title {
  background: var(--secondary);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list {
  margin: 0;
  padding: 0;
  width: 100%;
  flex-basis: 100%;
  position: relative;
  z-index: 1;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item[data-expended-state=true] h4,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item[data-expended-state=true] h4 {
  color: var(--color-disabled);
  text-decoration: line-through;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item[data-expended-state=true] .toggle-formula-expended,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item[data-expended-state=true] .toggle-formula-expended {
  color: var(--primary);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item {
  display: grid;
  grid: "name dc price quantity controls" 1fr/4fr 0.7fr 1fr 1fr 1fr;
  align-items: center;
  justify-items: center;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-left: 1px solid var(--sub);
  border-right: 1px solid var(--sub);
  cursor: default;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:nth-child(odd),
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:nth-child(odd),
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:nth-child(odd),
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:nth-child(odd) {
  background-color: rgba(120, 100, 82, 0.1);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:last-child,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:last-child,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:last-child,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:last-child {
  border-bottom: 1px solid var(--sub);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header:last-child .item-image,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item:last-child .item-image,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header:last-child .item-image,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item:last-child .item-image {
  margin-bottom: 0;
  margin-top: 2px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header {
  background: rgba(96, 88, 86, 0.25);
  border: 1px solid var(--sub);
  padding: 4px;
  color: var(--text-dark);
  font: 600 var(--font-size-12) var(--sans-serif);
  line-height: 1;
  letter-spacing: 0.25px;
  margin: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header h3,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header h3,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header h3,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header h3 {
  text-transform: capitalize;
  font-size: var(--font-size-12);
  margin-left: 0;
  padding: 4px 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .level-name,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .level-name,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .level-name,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .level-name {
  line-height: 1;
  gap: 0.5em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .level-name h3,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .level-name h3,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .level-name h3,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .level-name h3 {
  margin: 0;
  padding: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header .formula-number,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header .formula-number,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header .formula-number,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header .formula-number {
  background: var(--alt);
  border: 1px solid var(--sub);
  border-radius: 3px;
  color: var(--text-light);
  font-size: var(--font-size-11);
  height: 14px;
  max-width: 22px;
  padding-top: 2px;
  text-align: center;
  width: 22px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header.formula-level-header input.formula-number,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item.formula-level-header input.formula-number,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header.formula-level-header input.formula-number,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item.formula-level-header input.formula-number {
  background: var(--alt-dark);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name {
  cursor: pointer;
  min-height: 28px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name {
  justify-self: start;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  line-height: 1.5;
  flex-basis: 50%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h3,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h3,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h3,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h3,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h3,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h3,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h3,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h3 {
  white-space: nowrap;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name + span:not(.flex0),
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name + span:not(.flex0),
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name + span:not(.flex0),
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name + span:not(.flex0),
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name + span:not(.flex0),
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name + span:not(.flex0),
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name + span:not(.flex0),
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name + span:not(.flex0) {
  font-size: var(--font-size-12);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name .item-image,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name .item-image,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name .item-image,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name .item-image,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name .item-image,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name .item-image,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name .item-image,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name .item-image {
  margin: 2px 0;
  margin-left: 4px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h4,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h4,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h4,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h4,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h4,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h4,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h4,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h4 {
  margin: 0;
  padding: 0;
  margin-left: 8px;
  line-height: 1;
  letter-spacing: -0.075em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name h4:hover,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name h4:hover,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name h4:hover,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name h4:hover,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name h4:hover,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name h4:hover,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name h4:hover,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name h4:hover {
  color: var(--secondary);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name.aa-level, .actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .level-name.reagent-resource,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name.aa-level,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-name.reagent-resource,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name.aa-level,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .level-name.reagent-resource,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name.aa-level,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-name.reagent-resource,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name.aa-level,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .level-name.reagent-resource,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name.aa-level,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-name.reagent-resource,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name.aa-level,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .level-name.reagent-resource,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name.aa-level,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-name.reagent-resource {
  justify-content: flex-end;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-controls,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-controls,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-controls,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-controls {
  justify-self: end;
  font-size: var(--font-size-12);
  margin-right: 4px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-controls .item-control.disabled,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-controls .item-control.disabled,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-controls .item-control.disabled,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-controls .item-control.disabled {
  opacity: 0.3;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary {
  grid-column: 1/6;
  padding: 8px;
  border-bottom: 1px solid var(--sub);
  border-top: 1px solid #aca5a3;
  background-color: var(--bg);
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary p,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary p,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary p,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary p {
  margin-top: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .item-summary .item-buttons button,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .item-summary .item-buttons button,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .item-summary .item-buttons button,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .item-summary .item-buttons button {
  display: none;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity {
  align-items: center;
  display: flex;
  gap: 3px;
  justify-content: center;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity .adjust,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity .adjust,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity .adjust,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity .adjust {
  align-items: center;
  display: flex;
  font-size: var(--font-size-16);
  font-family: var(--sans-serif-monospace);
  justify-content: center;
  width: 1em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-level-header .quantity input,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .formula-item .quantity input,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-level-header .quantity input,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .formula-item .quantity input {
  width: 1.5rem;
  text-align: center;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .empty,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .empty {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 28px;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .known-formulas .formula-list .empty > *,
.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-entry .formula-list .empty > * {
  white-space: nowrap;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  list-style: none;
  width: 100%;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list h4 {
  margin: 0;
  padding: 0;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .directory-list .item ol {
  list-style: none;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .blue-button {
  align-items: center;
  background: var(--secondary);
  border: black;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  color: var(--text-light);
  display: flex;
  font-family: var(--serif);
  font-weight: 500;
  gap: 0.25em;
  line-height: 1.8em;
  justify-content: center;
  margin: 0;
  padding: 0 0.5em;
}
.actor.sheet.character .crb-style .sheet-body .sheet-content .blue-button:hover {
  text-shadow: 0 0 4px white;
}
.actor.sheet.vehicle .crb-style .sheet-navigation {
  min-width: 375px;
}
.actor.sheet.vehicle .crb-style aside .sidebar .save-roll input[type=number] {
  width: 3ch;
  font-size: var(--font-size-20);
  height: 24px;
}
.actor.sheet.vehicle .crb-style aside .sidebar .hitpoints .container {
  display: grid;
}
.actor.sheet.vehicle .crb-style aside .sidebar .armor-class {
  grid: "ac hardness" 1fr;
}
.actor.sheet.vehicle .crb-style aside .sidebar .armor-class .shield {
  padding: 18px 20px 0 20px;
}
.actor.sheet.vehicle .crb-style aside .sidebar .armor-class .hardness {
  background: url("../assets/sheet/shield-red.webp") no-repeat top center;
}
.actor.sheet.vehicle .crb-style aside .sidebar li.tag {
  font-size: var(--font-size-10);
}
.actor.sheet.vehicle .crb-style header.char-header .tags select {
  font-family: var(--sans-serif);
  font-size: var(--font-size-12);
  text-transform: uppercase;
}
.actor.sheet.vehicle .crb-style header.char-header .char-details {
  font-size: var(--font-size-13);
  font-weight: normal;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab:not(.inventory),
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab .inventory .inventory-list {
  overflow: hidden scroll;
  flex-grow: 1;
  overflow: hidden scroll;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.actions ol.actions-list li.action .icon {
  height: var(--font-size-18);
  width: var(--font-size-18);
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.details .vehicle-details {
  display: grid;
  grid: "img details" 1fr/120px 1fr;
  min-width: 330px;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.details .vehicle-details .frame {
  margin-left: 5px;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.details .vehicle-details .frame .actor-image {
  margin-top: 8px;
  max-height: 90%;
  object-fit: contain;
  border-radius: 0;
  border: none;
  box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.details .vehicle-details .image-container [data-action=show-image] {
  bottom: 3px;
  right: 1px;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.details .vehicle-details .detail-sheet {
  display: grid;
  grid: repeat(2, 42px)/3fr 2fr;
  grid-row-gap: 8px;
  padding-left: 12px;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.details .vehicle-details .detail-small {
  display: flex;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.details .vehicle-properties {
  display: flex;
  flex-wrap: wrap;
  padding-top: 8px;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.details .vehicle-properties > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 8px;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.details .vehicle-properties > div > span {
  width: 100%;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.details .detailsInput {
  margin-bottom: 8px;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list {
  gap: 0.2em;
  padding-bottom: 1em;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 2px 4px 2px 12px;
  width: 100%;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item p:empty {
  display: none;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item .item-name {
  display: flex;
  align-items: center;
  flex: 1;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item .item-name h4 {
  cursor: pointer;
  margin: 0;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item .item-name .item-image {
  margin-right: 8px;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item .item-controls {
  display: flex;
  flex: 0;
  font-size: var(--font-size-12);
  gap: 1px;
  white-space: nowrap;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item .item-controls a.info-only:hover {
  cursor: default;
  text-shadow: none;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item .item-controls a + a {
  margin-left: 4px;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item .item-summary {
  flex-basis: 100%;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item.unidentified {
  border-radius: 1px;
  outline: 1px dotted rgba(75, 74, 68, 0.5);
  background: var(--visibility-gm-bg);
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item .button-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  width: 50%;
  flex: 0;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item .button-group button {
  margin: 0;
  border: none;
  cursor: pointer;
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  padding: 5px;
  color: var(--text-light);
  width: 70px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  background: var(--secondary);
  border-radius: 2px;
  flex: 0;
  white-space: nowrap;
  margin-left: 4px;
  flex: 0;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item .button-group button:hover {
  box-shadow: none;
  text-shadow: 0 0 2px white;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item {
  border-top: 1px solid #d5cac1;
  border: solid transparent;
  border-width: 0 0 1px;
  border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item-image {
  border-radius: 2px;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item:last-child {
  border-bottom: none;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects.effects .effects-list .item-name h4 {
  font-family: var(--serif);
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects h3.header {
  position: relative;
  margin-top: 0.75em;
  font-size: var(--font-size-16);
  font-family: var(--serif);
  font-weight: 600;
  color: var(--primary);
  line-height: 1;
  border-bottom: 1px solid var(--color-border-divider);
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects h3.header > button, .actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects h3.header > .controls {
  position: absolute;
  bottom: -1px;
  right: 0;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects h3.header .controls {
  display: flex;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects h3.header button {
  background: transparent;
  border-radius: 2px 2px 0 0;
  border: 1px solid var(--color-border-divider);
  color: var(--primary);
  cursor: pointer;
  font-family: var(--sans-serif);
  font-size: var(--font-size-12);
  font-weight: 500;
  height: 20px;
  line-height: var(--font-size-12);
  margin: 0;
  outline: none;
  text-transform: uppercase;
  width: auto;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects ol.directory-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  list-style: none;
  width: 100%;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects ol.directory-list h4 {
  margin: 0;
  padding: 0;
}
.actor.sheet.vehicle .crb-style .sheet-body .sheet-content > .tab.effects ol.directory-list .item ol {
  list-style: none;
}
.actor.sheet.vehicle .crb-style input.adjustable:not(:focus).adjusted-higher,
.actor.sheet.vehicle .crb-style span.adjustable.adjusted-higher {
  color: #009988;
}
.actor.sheet.vehicle .crb-style input.adjustable:not(:focus).adjusted-lower,
.actor.sheet.vehicle .crb-style span.adjustable.adjusted-lower {
  color: #cc3311;
}
.actor.sheet.vehicle .crb-style .inventory {
  margin-bottom: 0.6rem;
}
.actor.sheet.vehicle .crb-style .row-nr-1 {
  grid-row: 1/2;
}
.actor.sheet.vehicle .crb-style .row-nr-2 {
  grid-row: 2/3;
}
.actor.sheet.vehicle .crb-style .row-nr-3 {
  grid-row: 3/4;
}
.actor.sheet.vehicle .crb-style .span-2-columns {
  grid-column-end: span 2;
}
.actor.sheet.vehicle .crb-style .flexitem-1 {
  flex: 1 1 10%;
}
.actor.sheet.vehicle .crb-style .flexitem-5 {
  flex: 5 1 50%;
}
.actor.sheet.vehicle .crb-style .flexitem-full {
  flex: 100%;
}
.actor.sheet .crb-style {
  display: grid;
  grid: "sidebar header" 75px "sidebar nav" minmax(min-content, max-content) "sidebar content" 1fr/230px 1fr;
  font-family: var(--body-serif);
  background: url("../assets/sheet/header.webp"), url("../assets/sheet/background.webp");
  background-repeat: repeat-x, no-repeat;
  background-size: auto 89px, cover;
  background-attachment: local;
  height: 100%;
  /* Navigation */
  /** White background navigation with little decorations on the left and right */
  /* Page structure elements */
  /* Read-Only Sheet */
}
.actor.sheet .crb-style .d20-svg {
  width: 19px;
  height: 19px;
}
.actor.sheet .crb-style aside {
  grid-area: sidebar;
  color: var(--sidebar-label);
  font-family: var(--serif);
  font-size: var(--font-size-10);
  font-weight: 600;
  margin-left: 8px;
  background-image: url("../assets/sheet/red_sidebar_top.webp"), url("../assets/sheet/red_sidebar_bottom.webp");
  background-repeat: no-repeat;
  background-position: center calc(100% - 52px), center bottom;
  background-size: 224px 100%, 224px 52px;
  display: flex;
  flex-direction: column;
}
.actor.sheet .crb-style aside input[type=number] {
  -moz-appearance: textfield;
  color: var(--text-light);
  text-align: center;
  font-size: var(--font-size-26);
  line-height: 1;
  font-weight: initial;
  font-family: var(--serif);
  border: none;
}
.actor.sheet .crb-style aside input[type=number]:focus {
  box-shadow: none;
}
.actor.sheet .crb-style aside input[type=number]::-webkit-outer-spin-button, .actor.sheet .crb-style aside input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.actor.sheet .crb-style aside input[type=number]:read-only {
  pointer-events: none;
  color: var(--tertiary-light);
}
.actor.sheet .crb-style aside input[type=number]:hover {
  text-shadow: 0 0 4px var(--tertiary);
}
.actor.sheet .crb-style aside .modifiers_button {
  background: rgba(255, 255, 255, 0.75);
  border-radius: 2px 2px 0 0;
  border: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
  color: var(--primary);
  flex: 0;
  font: 600 var(--font-size-9) var(--sans-serif);
  letter-spacing: 0.05em;
  line-height: 1;
  margin: 0;
  padding: 2px 3px;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
  white-space: nowrap;
}
.actor.sheet .crb-style aside .modifiers_button:hover:not(:disabled) {
  background: white;
  box-shadow: inset 0 0 0 1px white;
}
.actor.sheet .crb-style aside .logo {
  margin: 5px -6px 0 -6px;
  border: none;
  z-index: 10;
  max-width: unset;
  flex-shrink: 0;
}
.actor.sheet .crb-style aside .sidebar {
  padding: 0 2px 2px 8px;
  margin-bottom: 42px;
  overflow: hidden scroll;
}
.actor.sheet .crb-style aside .sidebar::-webkit-scrollbar-track {
  box-shadow: none;
}
.actor.sheet .crb-style aside .sidebar h2,
.actor.sheet .crb-style aside .sidebar h3,
.actor.sheet .crb-style aside .sidebar h4 {
  margin: 0;
  line-height: 1;
}
.actor.sheet .crb-style aside .sidebar_label {
  color: var(--sidebar-label);
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
}
.actor.sheet .crb-style aside .sidebar_title {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0.8em 0 0.5em;
}
.actor.sheet .crb-style aside .sidebar_title:first-of-type {
  margin-top: 0.5em;
  margin-bottom: -1px;
}
.actor.sheet .crb-style aside .sidebar_title h2 {
  font-family: var(--sans-serif);
  font-size: var(--font-size-13);
  font-variant: small-caps;
  letter-spacing: 0.05em;
  line-height: 1;
  color: var(--sidebar-title);
  flex: 1;
}
.actor.sheet .crb-style aside .sidebar_title .modifiers_button,
.actor.sheet .crb-style aside .sidebar_title h2 {
  border-bottom: 1px solid var(--sidebar-title);
}
.actor.sheet .crb-style aside .sidebar a.dots {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.actor.sheet .crb-style aside .sidebar a.dots > * {
  cursor: pointer;
}
.actor.sheet .crb-style aside .sidebar a.dots .pips {
  display: flex;
  justify-content: center;
}
.actor.sheet .crb-style aside .sidebar .data-value {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0; /* Removes whitespace for inputs */
}
.actor.sheet .crb-style aside .sidebar .data-value h2 {
  color: var(--tertiary-light);
  text-align: center;
  font-size: var(--font-size-26);
  line-height: 1;
  font-weight: initial;
  font-family: var(--serif);
  border: none;
}
.actor.sheet .crb-style aside .sidebar a.roll-icon {
  display: inline-flex;
  align-items: center;
  padding-bottom: 2px;
}
.actor.sheet .crb-style aside .sidebar a.roll-icon i {
  font-size: var(--font-size-19);
  color: var(--text-light);
  transition: all 0.2s ease-in-out;
}
.actor.sheet .crb-style aside .sidebar a.roll-icon i:hover {
  transform: scale(1.25);
}
.actor.sheet .crb-style aside .sidebar a.roll-icon svg {
  animation-play-state: paused;
}
.actor.sheet .crb-style aside .sidebar a.roll-icon svg path {
  fill: var(--text-light);
}
.actor.sheet .crb-style aside .sidebar a.roll-icon:hover svg {
  animation-play-state: running;
  animation: rotation 2s infinite linear;
}
.actor.sheet .crb-style aside .sidebar a.roll-icon.disabled {
  cursor: default;
  filter: brightness(0.75);
  opacity: 0.75;
  text-shadow: none;
}
.actor.sheet .crb-style aside .sidebar a.roll-icon.disabled:hover svg {
  animation-play-state: paused;
}
.actor.sheet .crb-style aside .sidebar select {
  font-size: var(--font-size-15);
  background-color: var(--primary);
  padding: 2px 6px;
  width: 100%;
  max-width: 100%;
  border: 1px solid #956d58;
  /* prettier-ignore */
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 4px rgba(0, 0, 0, 0.5);
}
.actor.sheet .crb-style aside .sidebar ol {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
.actor.sheet .crb-style aside .sidebar ol li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.actor.sheet .crb-style aside .sidebar .tags .tag.edit-btn {
  background-color: var(--color-bg-option);
  color: var(--primary);
}
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-evenly;
}
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container {
  text-align: center;
}
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp {
  background-image: linear-gradient(90deg, #450000 0%, #870000 50%, #450000 100%);
  background-color: var(--primary);
  border-radius: 0 0 4px 4px;
  border: 1px solid var(--sidebar-title);
  display: flex;
  flex-direction: column;
  padding: 10px 4px 0;
  position: relative;
  width: min-content;
  z-index: 0;
}
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp .data-value {
  margin-top: 3px;
}
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.current-hp .data-value input[type=number] {
  font-size: var(--font-size-32);
  letter-spacing: -1px;
  height: 32px;
}
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp, .actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.temp-hp {
  margin-top: 0.75rem;
}
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.temp-hp {
  margin-right: 0.5rem;
  text-align: center;
}
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp {
  margin-left: 0.5rem;
  text-align: center;
}
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-big .container.max-hp .unrecoverable {
  color: orangered;
}
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-small {
  display: flex;
  justify-content: space-evenly;
  margin: 8px 2px 0 2px;
  text-align: center;
  gap: 2px;
}
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-small h4,
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-small label {
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
}
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-small .far,
.actor.sheet .crb-style aside .sidebar .hitpoints .hp-small .fas {
  color: var(--text-light);
}
.actor.sheet .crb-style aside .sidebar .armor-class {
  display: grid;
  grid: "ac shield-hp shield-footer" 74px "shield-data shield-data shield-data" auto/66px 59px auto;
  grid-column-gap: 4px;
}
.actor.sheet .crb-style aside .sidebar .armor-class .shield {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  height: 74px;
  text-align: center;
  padding: 14px 10px 0 10px;
}
.actor.sheet .crb-style aside .sidebar .armor-class .shield .data-value h2,
.actor.sheet .crb-style aside .sidebar .armor-class .shield .data-value input[type=number] {
  font-size: var(--font-size-32);
  width: 55px;
}
.actor.sheet .crb-style aside .sidebar .armor-class .shield label {
  white-space: normal;
}
.actor.sheet .crb-style aside .sidebar .armor-class .shield.ac {
  grid-area: ac;
  background: url("../assets/sheet/shield-blue.webp") no-repeat center center;
}
.actor.sheet .crb-style aside .sidebar .armor-class .shield.hp {
  grid-area: shield-hp;
  background: url("../assets/sheet/shield-red.webp") no-repeat top center;
}
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats {
  grid-area: shield-data;
}
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol {
  margin-top: 4px;
  flex-direction: row;
  height: 100%;
  padding: 0 4px;
  justify-content: space-evenly;
}
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li {
  justify-content: center;
  font-size: 0;
}
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li + li {
  margin-left: 8px;
}
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label {
  position: relative;
}
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label svg {
  border: none;
  width: auto;
  height: 20px;
}
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label svg path {
  fill: var(--tertiary-light);
}
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label svg text {
  fill: var(--primary-dark);
}
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label:after {
  display: inline-block;
  position: absolute;
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  color: var(--primary);
  top: 0;
  left: 1px;
  line-height: 1.5;
}
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.ac:after {
  content: "AC";
  top: 3px;
  left: 3px;
}
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.hardness:after {
  left: 5px;
  top: 3px;
  content: "H";
}
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .shield-label.bt:after {
  top: 3px;
  left: 3.5px;
  content: "BT";
}
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .data-value {
  flex: 1;
  border: 1px solid #956d58;
  /* prettier-ignore */
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 4px rgba(0, 0, 0, 0.5);
  padding-left: 4px;
  margin-left: -8px;
  height: 20px;
}
.actor.sheet .crb-style aside .sidebar .armor-class .shield-stats ol li .data-value input[type=number] {
  font-size: var(--font-size-14);
  font-weight: 400;
  padding-top: 2px;
  height: 14px;
}
.actor.sheet .crb-style aside .sidebar .armor-class .armor_footer {
  grid-area: shield-footer;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  justify-self: center;
  width: calc(100% - 6px);
}
.actor.sheet .crb-style aside .sidebar .armor-class .armor_footer .shield-max {
  display: flex;
  flex-direction: column;
}
.actor.sheet .crb-style aside .sidebar .armor-class .armor_footer .shield-max label {
  white-space: normal;
  text-align: center;
  margin-bottom: 4px;
}
.actor.sheet .crb-style aside .sidebar .armor-class .armor_footer .shield-status {
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 5px;
  color: var(--tertiary-light);
  margin-top: 4px;
}
.actor.sheet .crb-style aside .sidebar .stamina {
  flex-direction: row;
}
.actor.sheet .crb-style aside .sidebar .stamina li {
  flex-direction: column;
}
.actor.sheet .crb-style aside .sidebar .stamina li input {
  padding: 0;
  font-size: var(--font-size-24);
}
.actor.sheet .crb-style aside .sidebar .stamina li input.left {
  color: var(--text-light);
  text-align: right;
  margin-right: 4px;
}
.actor.sheet .crb-style aside .sidebar .stamina li input.right {
  color: var(--tertiary-light);
  text-align: left;
  margin-left: 4px;
}
.actor.sheet .crb-style aside .sidebar .stamina li .divider {
  font-size: var(--font-size-16);
  line-height: 1;
}
.actor.sheet .crb-style aside .sidebar .stamina li .stamina-group {
  display: flex;
  align-items: center;
}
.actor.sheet .crb-style aside .sidebar .roll-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.actor.sheet .crb-style aside .sidebar .roll-data h3 {
  font-size: var(--font-size-18);
  font-weight: initial;
  color: var(--tertiary-light);
  white-space: nowrap;
}
.actor.sheet .crb-style aside .sidebar .roll-data .initiative-select {
  width: 129px;
}
.actor.sheet .crb-style aside .sidebar .perception-sidebar,
.actor.sheet .crb-style aside .sidebar .initiative-sidebar {
  gap: 5px;
}
.actor.sheet .crb-style aside .sidebar .perception-sidebar h3,
.actor.sheet .crb-style aside .sidebar .initiative-sidebar h3 {
  flex-grow: 1;
}
.actor.sheet .crb-style aside .sidebar ul.sidebar-saves {
  margin: 0;
  padding: 0;
  display: flex;
}
.actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-left: 1px solid rgba(255, 239, 189, 0.1882352941);
}
.actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data:first-child {
  border-left: none;
}
.actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .sidebar_label {
  font-weight: initial;
  text-transform: capitalize;
  font-size: var(--font-size-12);
  border: none;
  margin-bottom: 2px;
}
.actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .save-roll {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 0;
}
.actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .save-roll h3 {
  margin: 0;
  margin-left: 2px;
}
.actor.sheet .crb-style aside .sidebar ul.sidebar-saves .roll-data .modifiers_button {
  padding: 2px;
  border-radius: 2px;
  width: initial;
}
.actor.sheet .crb-style aside .sidebar ol.tags {
  flex-direction: row;
}
.actor.sheet .crb-style aside .sidebar ol.tags li {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.actor.sheet .crb-style header.char-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text-light);
}
.actor.sheet .crb-style header.char-header .char-details {
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  margin-left: 8px;
}
.actor.sheet .crb-style header.char-header .char-details h1.char-name {
  margin: 0;
  border: none;
}
.actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable {
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0;
  text-shadow: none;
  text-rendering: auto;
}
.actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable.gender {
  font-size: var(--font-size-14);
}
.actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text],
.actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable {
  font-family: var(--serif);
  font-weight: 500;
  font-size: var(--font-size-24);
  color: var(--text-light);
  line-height: calc(1em + 1px);
  border-bottom: 1px solid transparent;
  height: 26px;
}
.actor.sheet .crb-style header.char-header .char-details h1.char-name input[type=text]:focus,
.actor.sheet .crb-style header.char-header .char-details h1.char-name span.non-editable:focus {
  box-shadow: none;
  border-bottom: 1px solid var(--text-light);
}
.actor.sheet .crb-style header.char-header .char-details h2.non-editable.ancestry-class {
  font-family: var(--serif);
  border-bottom: none;
  margin-bottom: 0;
  font-weight: 400;
}
.actor.sheet .crb-style header.char-header .char-level {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 4px;
}
.actor.sheet .crb-style header.char-header .char-level .level {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 43px;
  width: 40px;
  background: url("../assets/sheet/level-badge.webp") no-repeat;
  background-size: 40px 43px;
  z-index: 2;
  font-size: 0;
  padding-top: 2px;
}
.actor.sheet .crb-style header.char-header .char-level .level label {
  color: var(--sidebar-label);
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  line-height: 1.5;
}
.actor.sheet .crb-style header.char-header .char-level .level input {
  font-family: var(--serif);
  font-size: var(--font-size-22);
  font-weight: 400;
  color: var(--text-light);
  line-height: calc(1em + 1px);
  height: 24px;
}
.actor.sheet .crb-style header.char-header .char-level .level label,
.actor.sheet .crb-style header.char-header .char-level .level input {
  margin-left: 1px;
  text-align: center;
}
.actor.sheet .crb-style .char-header {
  grid-area: header;
  padding-right: 1rem;
}
.actor.sheet .crb-style .sheet-navigation {
  grid-area: nav;
  margin-left: -2px;
}
.actor.sheet .crb-style .sheet-body {
  grid-area: content;
  position: relative;
  z-index: 0;
}
.actor.sheet .crb-style .sheet-body ol {
  list-style: none;
}
.actor.sheet .crb-style .sheet-body .sheet-content,
.actor.sheet .crb-style .sheet-body .sheet-content .inventory {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.actor.sheet .crb-style .sheet-body .sheet-content.tab[data-tab],
.actor.sheet .crb-style .sheet-body .sheet-content .inventory.tab[data-tab] {
  display: none;
}
.actor.sheet .crb-style .sheet-body .sheet-content.tab[data-tab].active,
.actor.sheet .crb-style .sheet-body .sheet-content .inventory.tab[data-tab].active {
  display: initial;
}
.actor.sheet .crb-style .sheet-body .sheet-content {
  color: var(--text-dark);
}
.actor.sheet .crb-style .sheet-body .sheet-content > .tab {
  padding: 0.6rem 0.6rem 0;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--color-border-light-2);
  flex-basis: 100%;
  gap: 1px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li {
  margin: 0;
  padding: 0;
  align-items: center;
  background: none;
  cursor: default;
  display: grid;
  grid: "name range components cast-spell controls" auto "content content content content content" auto/9fr 4fr 4fr 2fr 2.5fr;
  justify-content: center;
  padding: 0 0.3em 1px 0.35em;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] h4 {
  color: var(--color-disabled);
  text-decoration: line-through;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li[data-expended-state=true] .cast-spell {
  background: var(--color-disabled);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li:nth-child(odd) {
  background-color: rgba(120, 100, 82, 0.1);
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li:last-child {
  border-bottom: 1px solid var(--sub);
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li:last-child .item-image {
  margin-bottom: 0;
  margin-top: 2px;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header {
  margin: 0;
  padding: 0;
  background: rgba(96, 88, 86, 0.25);
  border: 1px solid var(--color-border-light-2);
  border-radius: 2px;
  color: var(--text-dark);
  font: 500 var(--font-size-12) var(--sans-serif);
  letter-spacing: 0.25px;
  line-height: 1;
  padding: 0 0.5em;
  text-transform: uppercase;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header h3 {
  text-transform: capitalize;
  font-size: var(--font-size-13);
  margin-left: 0;
  padding: 4px 0;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .item-name {
  line-height: 1;
  gap: 0.25em;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .item-name h3 {
  margin: 0;
  padding: 0;
  font-weight: 700;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .item-controls {
  grid-column: span 2;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses {
  align-items: center;
  display: flex;
  gap: 0.25em;
  line-height: 1;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input,
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input {
  background: var(--alt);
  border-radius: 3px;
  border: 1px solid var(--sub);
  color: var(--text-light);
  font: var(--font-size-12) var(--sans-serif);
  height: unset;
  text-align: center;
  width: 2em;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header .spell-slots-increment-reset,
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses .spell-slots-increment-reset {
  padding-left: 5px;
  font-size: var(--font-size-10);
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell {
  border: none;
  font-size: var(--font-size-13);
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .level-prepared-toggle {
  flex: 0;
  font-size: 0.75rem;
  color: var(--secondary);
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  justify-self: start;
  min-height: 1.75rem;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h3 {
  white-space: nowrap;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name + span {
  font-size: 0.75rem;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .focus-pool-input {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .slash {
  font-size: 0.75rem;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-slots,
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-max {
  padding-top: 3px;
  font-size: 0.75rem;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-slots.infinity,
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .spell-max.infinity {
  position: relative;
  top: -2px;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .item-image {
  height: 1.5rem;
  width: 1.5rem;
  flex: 0 0 auto;
  margin: 2px 0;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4 {
  margin: 0;
  padding: 0;
  font-size: var(--font-size-14);
  letter-spacing: -0.075em;
  line-height: 1;
  margin-left: 8px;
  cursor: pointer;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4:hover {
  color: var(--secondary);
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name .action-glyph {
  margin-left: 4px;
  font-size: small;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name.empty {
  grid-column: 1/span 4;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-range {
  grid-area: range;
  padding-left: 0.2em;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-components {
  grid-area: components;
  justify-self: right;
  padding: 0 0.5em;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-components .tag {
  font: var(--font-size-12) var(--sans-serif-condensed);
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .spell-cast {
  grid-area: cast-spell;
  display: flex;
  justify-content: center;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-controls {
  grid-area: controls;
  display: flex;
  justify-self: end;
  padding-right: 0.25em;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li button.cast-spell {
  align-items: center;
  background: var(--secondary);
  border-radius: 2px;
  border: black;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  color: var(--text-light);
  cursor: pointer;
  display: flex;
  font: 700 0.55rem var(--sans-serif);
  justify-self: center;
  letter-spacing: 0.25px;
  max-width: fit-content;
  padding: 0.5em 1em;
  text-transform: uppercase;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary {
  grid-area: content;
  width: 100%;
  padding: 8px;
  border-bottom: 1px solid var(--sub);
  border-top: 1px solid #aca5a3;
  background-color: var(--bg);
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list[data-category=spontaneous] .virtual {
  position: relative;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list[data-category=spontaneous] .virtual::before {
  pointer-events: none;
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 5, 255, 0.1137254902);
  mix-blend-mode: saturation;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .level-prepared-header {
  font-size: 0.75rem;
  color: var(--text-light);
  margin: 0;
  padding: 4px;
  text-align: center;
  background: var(--secondary);
  position: relative;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spell .item-name {
  width: 100%;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list input.toggle-signature-spell[type=checkbox] {
  width: 12px;
  height: 12px;
  margin: 0 2px 0 0;
  flex: 0 0 auto;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spellbook-empty {
  display: flex;
  align-items: center;
  min-height: 28px;
  justify-content: flex-end;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spellbook-empty h4 {
  margin: 0;
  white-space: nowrap;
  margin-right: auto;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list .spellbook-empty a {
  flex: 0 1 0;
  white-space: nowrap;
  margin-left: 8px;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list > h3,
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list > li > h3 {
  font-size: 1rem;
  font-weight: 500;
  font-family: var(--serif);
  line-height: 1;
  color: var(--text-light);
  margin: 0;
  padding: 0;
  margin-left: 8px;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header {
  align-items: center;
  background: var(--primary);
  border: none;
  border-radius: 0.25em;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  display: flex;
  flex-basis: 100%;
  flex-wrap: nowrap;
  height: 32px;
  justify-content: space-between;
  margin-left: 0;
  margin-top: 8px;
  padding: 0 0.5em;
  position: relative;
  width: 100%;
  z-index: 2;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header:first-child {
  margin-top: 0;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header + li {
  border-top: none;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header .drag-handle {
  cursor: move;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header > a .fas,
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header > a > .fa {
  flex-basis: 0;
  color: var(--text-light);
  margin-right: 0.25em;
  padding-top: 0.25em;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header .item-controls {
  color: var(--text-light);
  flex: 1 0 auto;
  font: 0.85em var(--sans-serif);
  letter-spacing: 0.05em;
  margin-left: auto;
  max-width: fit-content;
  text-transform: uppercase;
  font-size: var(--font-size-12);
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 {
  color: var(--text-light);
  flex: 1 1 100%;
  margin-bottom: 0;
  font-size: var(--font-size-16);
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input {
  color: var(--text-light);
  max-width: 100%;
  font-weight: 500;
}
.actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header h3 input.item-name-input:read-only {
  pointer-events: none;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container {
  padding: 0 0.5rem 2rem 0;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper {
  justify-items: center;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .action-radio {
  display: none;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels {
  min-height: min-content;
  width: 100%;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-panel {
  display: none;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-panel.active {
  display: flex;
  flex-direction: column;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options {
  border-image-repeat: repeat;
  border-image-slice: 11;
  border-image-source: url("../assets/sheet/frame-elegant.svg");
  border-image-width: 14px;
  border-style: double;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
  padding: 0.5rem 1rem;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option {
  align-items: center;
  display: flex;
  width: 100%;
  margin: 1px 0;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label * {
  vertical-align: middle;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label input {
  margin: 0;
  padding: 0;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label .unchecked-disabled {
  color: var(--color-text-dark-inactive);
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options .actions-option label select {
  margin-left: 0.25em;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list {
  padding-left: 0;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action-header {
  align-items: center;
  display: flex;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike {
  border: solid transparent;
  border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
  border-width: 0 0 1px;
  padding: 4px;
  width: 100%;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action p:empty, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike p:empty {
  display: none;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name {
  grid-area: icon-name;
  align-items: center;
  display: flex;
  flex: 1;
  margin: 0;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name h4, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name h4 {
  cursor: pointer;
  margin: 0;
  max-width: fit-content;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .item-image, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .item-image {
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-size: contain;
  color: transparent;
  cursor: pointer;
  font-size: var(--font-size-18);
  height: 32px;
  margin-right: 8px;
  width: 32px;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .item-image:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .item-image:hover {
  background: none;
  color: var(--primary);
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title {
  flex: 1;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title .action-name, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title .action-name {
  display: flex;
  flex-direction: row;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title .action-name > h4, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title .action-name > h4 {
  cursor: pointer;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title .action-name > h4:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title .action-name > h4:hover {
  color: var(--primary);
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name .actions-title .action-name > h4:hover .action-glyph, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name .actions-title .action-name > h4:hover .action-glyph {
  color: var(--text-dark);
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action {
  align-items: center;
  border-radius: 2px;
  border: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 0 2px rgba(0, 0, 0, 0.2);
  display: flex;
  flex: 0;
  font: 500 var(--font-size-10) var(--sans-serif);
  gap: 0.25em;
  height: 2em;
  justify-content: space-evenly;
  letter-spacing: 0.05em;
  margin: 0;
  max-width: fit-content;
  padding: 0.5em;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
  white-space: nowrap;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action:not(:disabled), .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action:not(:disabled) {
  background: var(--bg-dark);
  cursor: pointer;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action:not(:disabled):hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action:not(:disabled):hover {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 0 0 2px rgba(0, 0, 0, 0.4);
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action button.use-action:not(:disabled):active, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike button.use-action:not(:disabled):active {
  color: var(--primary);
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-controls, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-controls {
  font-size: var(--font-size-12);
  grid-area: controls;
  white-space: nowrap;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary {
  flex-basis: 100%;
  margin: 0.5rem 0;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .title,
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .title,
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing {
  color: var(--primary);
  margin-top: 1em;
  margin: 0;
  padding: 0;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing {
  color: var(--secondary);
  margin: 1em 0 0.25em;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing strong, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing strong {
  font-weight: 500;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .framing + p, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .framing + p {
  margin-top: 0;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary img, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary img {
  border: none;
  vertical-align: middle;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary img.actionlight, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary img.actionlight {
  background: var(--alt);
  vertical-align: middle;
  border: 1px solid var(--text-dark);
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-off:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on:hover, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-off:hover {
  box-shadow: none;
  text-shadow: 0 0 2px white;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-off, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-off {
  cursor: pointer;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .item-properties .tag.toggled-on, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .item-properties .tag.toggled-on {
  background-color: rgba(23, 31, 105, 0.5);
  color: var(--text-dark);
  text-shadow: 0 0 2px white;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary {
  border-image-repeat: repeat;
  border-image-slice: 11;
  border-image-source: url("../assets/sheet/frame-elegant.svg");
  border-image-width: 14px;
  border-style: double;
  padding: 0.5rem 1rem 1rem;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary dd, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary dd {
  margin: 0;
  margin-bottom: 0.5rem;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary .tag.tag_secondary, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary .tag.tag_secondary {
  background-color: rgba(0, 0, 0, 0.8);
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action.hidden, .actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike.hidden {
  display: none;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action {
  align-items: center;
  column-gap: 0.5rem;
  display: grid;
  grid: "icon    name    tracking controls" 1fr "icon    buttons tracking controls" auto "summary summary summary   summary" auto/min-content auto 20% 10%;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action > .icon {
  grid-area: icon;
  height: 32px;
  width: 32px;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .name {
  align-items: center;
  grid-area: name;
  display: flex;
  margin-bottom: 0;
  text-align: left;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .button-group {
  grid-area: buttons;
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .tracking {
  grid-area: tracking;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-controls {
  grid-area: controls;
}
.actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary {
  grid-area: summary;
}
.actor.sheet .crb-style .sheet-body .sheet-content footer {
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  color: var(--primary);
  text-align: right;
  line-height: 1.4;
  margin: 1em 1em 0;
}
.actor.sheet .crb-style nav.sheet-navigation {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  background: var(--secondary);
  background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
  transition: all 0.1s ease-out;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  position: relative;
}
.actor.sheet .crb-style nav.sheet-navigation .navigation-title {
  color: var(--text-light);
  margin-right: auto;
  padding-left: 1em;
  white-space: nowrap;
  width: 7em;
}
.actor.sheet .crb-style nav.sheet-navigation > a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 6px;
  font-size: var(--font-size-12);
}
.actor.sheet .crb-style nav.sheet-navigation .item {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  z-index: 1;
  transition: all 0.1s ease-out;
  color: var(--tertiary);
  fill: var(--tertiary);
  background-image: url("../assets/sheet/nav-item-inactive.webp");
  background-size: contain;
  /* prettier-ignore */
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25);
}
.actor.sheet .crb-style nav.sheet-navigation .item.active {
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25), 0 0 8px var(--tertiary);
}
.actor.sheet .crb-style nav.sheet-navigation .item:last-child {
  margin-right: 10px;
}
.actor.sheet .crb-style nav.sheet-navigation .item:hover, .actor.sheet .crb-style nav.sheet-navigation .item.active {
  z-index: 2;
  transform: scale(1.2);
  color: var(--text-light);
  fill: var(--text-light);
  background-image: url("../assets/sheet/nav-item.webp");
}
.actor.sheet .crb-style nav.sheet-navigation .item .fas {
  padding-bottom: 0;
}
.actor.sheet .crb-style nav.sheet-navigation .item:hover .pfs-icon {
  filter: drop-shadow(0 0 8px var(--color-shadow-primary));
}
.actor.sheet .crb-style nav.sheet-navigation .item .action-icon {
  font-family: "Pathfinder2eActions", sans-serif;
  font-size: 1rem;
}
.actor.sheet .crb-style nav.sub-nav {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  list-style: none;
  background-color: var(--bg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  width: 100%;
  flex: 0 0 2.5rem;
}
.actor.sheet .crb-style nav.sub-nav::before, .actor.sheet .crb-style nav.sub-nav::after {
  content: "";
  width: 37px;
  height: 16px;
  background: url("../assets/sheet/sub-nav-decoration.webp");
  margin: 0 16px;
}
.actor.sheet .crb-style nav.sub-nav::after {
  transform: scaleX(-100%);
}
.actor.sheet .crb-style nav.sub-nav a,
.actor.sheet .crb-style nav.sub-nav .tab {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  color: var(--alt);
  cursor: pointer;
  display: block;
  font: 400 var(--font-size-16) var(--serif);
  flex: 1;
  margin: 0 0.25rem;
  max-width: 30%;
  text-align: center;
  text-decoration: none;
  transition: all 0.1s ease-out;
}
.actor.sheet .crb-style nav.sub-nav a.active,
.actor.sheet .crb-style nav.sub-nav .tab.active {
  color: var(--primary);
  font-weight: 600;
}
.actor.sheet .crb-style nav.sub-nav a:first-child,
.actor.sheet .crb-style nav.sub-nav .tab:first-child {
  border-left: none;
}
.actor.sheet .crb-style nav.sub-nav a:last-child,
.actor.sheet .crb-style nav.sub-nav .tab:last-child {
  border-right: none;
}
.actor.sheet .crb-style nav.sub-nav a:hover,
.actor.sheet .crb-style nav.sub-nav .tab:hover {
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
}
.actor.sheet .crb-style .tab nav.sub-nav {
  padding-right: 20px;
}
.actor.sheet .crb-style .stroke-header {
  position: relative;
}
.actor.sheet .crb-style .stroke-header svg {
  position: absolute;
  fill: var(--primary);
}
.actor.sheet .crb-style .stroke-header h3 {
  position: relative;
}
.actor.sheet .crb-style.limited .sidebar {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.actor.sheet .crb-style.limited .sidebar .profile-img {
  display: flex;
  align-items: end;
  margin: 1rem 0;
  max-width: 85%;
  max-height: 200px;
  background-color: var(--tertiary);
  background-size: cover;
  background-position: top center;
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 1px #c0c0c0, 0 0 0 2px #808080;
}
.actor.sheet .crb-style.limited .sidebar .appearance {
  color: var(--sidebar-title);
  display: flex;
  flex-direction: column;
}
.actor.sheet .crb-style.limited .sidebar .appearance h3 {
  border-bottom: none;
  font-size: 1rem;
  text-align: center;
}
.actor.sheet .crb-style.limited .sidebar .appearance .body {
  font-weight: 400;
  font-size: var(--font-size-14);
}
.actor.sheet .crb-style.limited .sidebar .orn img {
  border: none;
  position: relative;
}
.actor.sheet .crb-style.limited .sidebar .orn img:first-child {
  left: 4px;
}
.actor.sheet .crb-style.limited .sidebar .orn img:last-child {
  right: 4px;
  transform: scaleX(-1);
}
.actor.sheet .crb-style.limited .sidebar ul.stats {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.actor.sheet .crb-style.limited .sidebar ul.stats li {
  margin: 0;
  padding: 0;
}
.actor.sheet .crb-style.limited .tab.biography .bio.backstory p:first-child {
  margin-top: 0;
}
.actor.sheet .crb-style input.adjusted:not(:focus) {
  font-weight: 700;
  color: #009988;
}
.actor.sheet .crb-style button.tag:disabled {
  cursor: not-allowed;
  background-color: var(--color-text-dark-inactive);
}
.actor.sheet .crb-style .tags .tag.edit-btn {
  align-items: center;
  border-radius: 0;
  display: flex;
  justify-content: center;
}
.actor.sheet .crb-style .tags .tag.edit-btn a {
  display: inline-flex;
}
.actor.sheet .crb-style .tags .tag.edit-btn a svg {
  height: 9px;
  width: auto;
}
.spellcasting-entry.preparation h3 {
  border-bottom: none;
}
.spellcasting-entry.preparation button > i {
  margin-right: 0;
}
.spellcasting-entry.preparation ol.spell-list {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--color-border-light-2);
  flex-basis: 100%;
  gap: 1px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.spellcasting-entry.preparation ol.spell-list > li {
  margin: 0;
  padding: 0;
  align-items: center;
  background: none;
  cursor: default;
  display: grid;
  grid: "name range components cast-spell controls" auto "content content content content content" auto/9fr 4fr 4fr 2fr 2.5fr;
  justify-content: center;
  padding: 0 0.3em 1px 0.35em;
}
.spellcasting-entry.preparation ol.spell-list > li[data-expended-state=true] h4 {
  color: var(--color-disabled);
  text-decoration: line-through;
}
.spellcasting-entry.preparation ol.spell-list > li[data-expended-state=true] .cast-spell {
  background: var(--color-disabled);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}
.spellcasting-entry.preparation ol.spell-list > li:nth-child(odd) {
  background-color: rgba(120, 100, 82, 0.1);
}
.spellcasting-entry.preparation ol.spell-list > li:last-child {
  border-bottom: 1px solid var(--sub);
}
.spellcasting-entry.preparation ol.spell-list > li:last-child .item-image {
  margin-bottom: 0;
  margin-top: 2px;
}
.spellcasting-entry.preparation ol.spell-list > li.spell-level-header {
  margin: 0;
  padding: 0;
  background: rgba(96, 88, 86, 0.25);
  border: 1px solid var(--color-border-light-2);
  border-radius: 2px;
  color: var(--text-dark);
  font: 500 var(--font-size-12) var(--sans-serif);
  letter-spacing: 0.25px;
  line-height: 1;
  padding: 0 0.5em;
  text-transform: uppercase;
}
.spellcasting-entry.preparation ol.spell-list > li.spell-level-header h3 {
  text-transform: capitalize;
  font-size: var(--font-size-13);
  margin-left: 0;
  padding: 4px 0;
}
.spellcasting-entry.preparation ol.spell-list > li.spell-level-header .item-name {
  line-height: 1;
  gap: 0.25em;
}
.spellcasting-entry.preparation ol.spell-list > li.spell-level-header .item-name h3 {
  margin: 0;
  padding: 0;
  font-weight: 700;
}
.spellcasting-entry.preparation ol.spell-list > li.spell-level-header .item-controls {
  grid-column: span 2;
}
.spellcasting-entry.preparation ol.spell-list > li .uses {
  align-items: center;
  display: flex;
  gap: 0.25em;
  line-height: 1;
}
.spellcasting-entry.preparation ol.spell-list > li.spell-level-header input,
.spellcasting-entry.preparation ol.spell-list > li .uses input {
  background: var(--alt);
  border-radius: 3px;
  border: 1px solid var(--sub);
  color: var(--text-light);
  font: var(--font-size-12) var(--sans-serif);
  height: unset;
  text-align: center;
  width: 2em;
}
.spellcasting-entry.preparation ol.spell-list > li.spell-level-header .spell-slots-increment-reset,
.spellcasting-entry.preparation ol.spell-list > li .uses .spell-slots-increment-reset {
  padding-left: 5px;
  font-size: var(--font-size-10);
}
.spellcasting-entry.preparation ol.spell-list > li.spell {
  border: none;
  font-size: var(--font-size-13);
}
.spellcasting-entry.preparation ol.spell-list > li .level-prepared-toggle {
  flex: 0;
  font-size: 0.75rem;
  color: var(--secondary);
}
.spellcasting-entry.preparation ol.spell-list > li .item-name {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  justify-self: start;
  min-height: 1.75rem;
}
.spellcasting-entry.preparation ol.spell-list > li .item-name h3 {
  white-space: nowrap;
}
.spellcasting-entry.preparation ol.spell-list > li .item-name + span {
  font-size: 0.75rem;
}
.spellcasting-entry.preparation ol.spell-list > li .item-name .focus-pool-input {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
}
.spellcasting-entry.preparation ol.spell-list > li .item-name .slash {
  font-size: 0.75rem;
}
.spellcasting-entry.preparation ol.spell-list > li .item-name .spell-slots,
.spellcasting-entry.preparation ol.spell-list > li .item-name .spell-max {
  padding-top: 3px;
  font-size: 0.75rem;
}
.spellcasting-entry.preparation ol.spell-list > li .item-name .spell-slots.infinity,
.spellcasting-entry.preparation ol.spell-list > li .item-name .spell-max.infinity {
  position: relative;
  top: -2px;
}
.spellcasting-entry.preparation ol.spell-list > li .item-name .item-image {
  height: 1.5rem;
  width: 1.5rem;
  flex: 0 0 auto;
  margin: 2px 0;
}
.spellcasting-entry.preparation ol.spell-list > li .item-name h4 {
  margin: 0;
  padding: 0;
  font-size: var(--font-size-14);
  letter-spacing: -0.075em;
  line-height: 1;
  margin-left: 8px;
  cursor: pointer;
}
.spellcasting-entry.preparation ol.spell-list > li .item-name h4:hover {
  color: var(--secondary);
}
.spellcasting-entry.preparation ol.spell-list > li .item-name .action-glyph {
  margin-left: 4px;
  font-size: small;
}
.spellcasting-entry.preparation ol.spell-list > li .item-name.empty {
  grid-column: 1/span 4;
}
.spellcasting-entry.preparation ol.spell-list > li .spell-range {
  grid-area: range;
  padding-left: 0.2em;
}
.spellcasting-entry.preparation ol.spell-list > li .spell-components {
  grid-area: components;
  justify-self: right;
  padding: 0 0.5em;
}
.spellcasting-entry.preparation ol.spell-list > li .spell-components .tag {
  font: var(--font-size-12) var(--sans-serif-condensed);
}
.spellcasting-entry.preparation ol.spell-list > li .spell-cast {
  grid-area: cast-spell;
  display: flex;
  justify-content: center;
}
.spellcasting-entry.preparation ol.spell-list > li .item-controls {
  grid-area: controls;
  display: flex;
  justify-self: end;
  padding-right: 0.25em;
}
.spellcasting-entry.preparation ol.spell-list > li button.cast-spell {
  align-items: center;
  background: var(--secondary);
  border-radius: 2px;
  border: black;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  color: var(--text-light);
  cursor: pointer;
  display: flex;
  font: 700 0.55rem var(--sans-serif);
  justify-self: center;
  letter-spacing: 0.25px;
  max-width: fit-content;
  padding: 0.5em 1em;
  text-transform: uppercase;
}
.spellcasting-entry.preparation ol.spell-list > li .item-summary {
  grid-area: content;
  width: 100%;
  padding: 8px;
  border-bottom: 1px solid var(--sub);
  border-top: 1px solid #aca5a3;
  background-color: var(--bg);
}
.spellcasting-entry.preparation ol.spell-list[data-category=spontaneous] .virtual {
  position: relative;
}
.spellcasting-entry.preparation ol.spell-list[data-category=spontaneous] .virtual::before {
  pointer-events: none;
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 5, 255, 0.1137254902);
  mix-blend-mode: saturation;
}
.spellcasting-entry.preparation ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.spellcasting-entry.preparation ol.spell-list .level-prepared-header {
  font-size: 0.75rem;
  color: var(--text-light);
  margin: 0;
  padding: 4px;
  text-align: center;
  background: var(--secondary);
  position: relative;
}
.spellcasting-entry.preparation ol.spell-list .spell .item-name {
  width: 100%;
}
.spellcasting-entry.preparation ol.spell-list input.toggle-signature-spell[type=checkbox] {
  width: 12px;
  height: 12px;
  margin: 0 2px 0 0;
  flex: 0 0 auto;
}
.spellcasting-entry.preparation ol.spell-list .spellbook-empty {
  display: flex;
  align-items: center;
  min-height: 28px;
  justify-content: flex-end;
}
.spellcasting-entry.preparation ol.spell-list .spellbook-empty h4 {
  margin: 0;
  white-space: nowrap;
  margin-right: auto;
}
.spellcasting-entry.preparation ol.spell-list .spellbook-empty a {
  flex: 0 1 0;
  white-space: nowrap;
  margin-left: 8px;
}
.spellcasting-entry.preparation form {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 4px;
}
.spellcasting-entry.preparation .sheet-header {
  align-items: baseline;
  display: block;
  flex: 0;
  padding-right: 16px;
}
.spellcasting-entry.preparation .sheet-header h1 {
  display: flex;
  flex: 1;
  overflow: hidden;
  font-family: var(--serif-condensed);
  font-weight: 700;
  white-space: nowrap;
  justify-content: space-between;
}
.spellcasting-entry.preparation .sheet-header p.hint {
  margin: auto auto 1em;
}
.spellcasting-entry.preparation .sheet-header .item-controls {
  flex: 0;
  white-space: nowrap;
}
.spellcasting-entry.preparation .sheet-content {
  overflow: hidden scroll;
  padding-bottom: 1em;
  padding-right: 8px;
}
.currency {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  align-items: center;
  background-color: var(--sub);
  display: flex;
  font-size: var(--font-size-13);
  list-style: none;
  margin: 0;
  padding: 3px;
}
.currency .label {
  color: var(--color-text-light-0);
  font-weight: 500;
  margin: 0 10px 0 4px;
}
.currency .denomination {
  align-items: center;
  background-color: transparent;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--color-text-light-0);
  display: flex;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  justify-content: start;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
  width: 100%;
}
.currency .denomination:first-child {
  border-left: none;
}
.currency .denomination:last-child {
  border-right: none;
  margin-right: 8px;
}
.currency .denomination label {
  color: #ffe8d1;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2), -1px -1px 1px rgba(0, 0, 0, 0.2);
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
}
.currency .denomination span {
  padding-left: 8px;
  padding-right: 12px;
}
.currency .denomination.pp .currency-image {
  background: url("../icons/equipment/treasure/currency/platinum-pieces.webp") no-repeat;
}
.currency .denomination.gp .currency-image {
  background: url("../icons/equipment/treasure/currency/gold-pieces.webp") no-repeat;
}
.currency .denomination.sp .currency-image {
  background: url("../icons/equipment/treasure/currency/silver-pieces.webp") no-repeat;
}
.currency .denomination.cp .currency-image {
  background: url("../icons/equipment/treasure/currency/copper-pieces.webp") no-repeat;
}
.currency .denomination .currency-image {
  box-shadow: 0 0 0 1px #9f725b, 0 0 0 2px var(--tertiary), 0 0 0 3px #956d58;
  height: 24px;
  width: 24px;
  background-size: cover !important;
}
.currency li > button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  background-color: var(--tertiary);
  border-radius: 1px;
  border: none;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 0 3px rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.75);
  font-size: var(--font-size-13);
  font-weight: 600;
  height: 24px;
  line-height: 1;
  margin-left: 2px;
  width: 30px;
}
.currency li > button > i {
  margin: 0;
  padding: 0;
}
.currency li > button:disabled {
  opacity: 0.6;
}
.currency li > button:hover:not(:disabled) {
  background-color: var(--primary);
  color: var(--color-text-light-0);
  cursor: pointer;
}
.wealth {
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  align-items: center;
  background-color: var(--alt);
  display: flex;
  margin-bottom: 10px;
  min-height: 22px;
  justify-content: flex-end;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
}
.wealth h3 {
  font-size: var(--font-size-13);
  text-transform: capitalize;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
  margin: 2px;
  margin-left: 4px;
  cursor: default;
}
.wealth h3:hover {
  color: var(--color-text-light-0);
}
.wealth h3.item-name {
  flex-grow: 1;
  color: var(--color-text-light-0);
  margin-bottom: 0;
  font-weight: bold;
  margin: 0 5px;
}
.wealth h3.item-name span {
  margin-left: 5px;
  font-weight: normal;
  text-transform: uppercase;
}
.wealth ol {
  padding-right: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-right: 0;
}
/* Actor-type Imports */
.sheet.familiar .section-container {
  display: flex;
  flex-direction: column;
}
.sheet.familiar .section-container .section-header {
  border: 1px solid var(--primary);
  border-radius: 3px 3px 0px 0px;
  background: var(--primary);
  display: flex;
  flex: 0;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  text-align: left;
  color: var(--text-light);
  font-size: var(--font-size-13);
  padding: 0 8px;
  line-height: 2em;
}
.sheet.familiar .section-container .section-header h4 {
  flex: auto;
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-bottom: 0px;
  text-transform: uppercase;
}
.sheet.familiar .section-container .section-header input {
  color: inherit;
  width: auto;
}
.sheet.familiar .section-container .section-header .controls {
  gap: 0.5rem;
  white-space: nowrap;
}
.sheet.familiar .section-container .section-body {
  border: 1px solid var(--primary);
  border-radius: 0px 0px 3px 3px;
  display: flex;
  flex: auto;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-start;
  width: 100%;
}
.sheet.familiar .section-container.headerless .section-body {
  border-radius: 3px;
}
.sheet.familiar .actions-list,
.sheet.familiar .attacks-list {
  margin: 0;
  padding: 0;
  width: 100%;
}
.sheet.familiar .actions-list .controls,
.sheet.familiar .attacks-list .controls {
  align-items: baseline;
  display: flex;
  flex: 0;
  flex-wrap: nowrap;
  font-size: var(--font-size-12);
  gap: 1px;
  margin-left: auto;
}
.sheet.familiar .actions-list .controls .chat,
.sheet.familiar .attacks-list .controls .chat {
  margin-right: 2px;
  font-size: 0.9em;
}
.sheet.familiar .actions-list li.action .button-group,
.sheet.familiar .actions-list li.attack .button-group,
.sheet.familiar .attacks-list li.action .button-group,
.sheet.familiar .attacks-list li.attack .button-group {
  display: flex;
  gap: 0.25em;
  justify-content: start;
  min-width: 100%;
}
.sheet.familiar .actions-list li.action .button-group .flexrow,
.sheet.familiar .actions-list li.action .button-group .sub-section,
.sheet.familiar .actions-list li.attack .button-group .flexrow,
.sheet.familiar .actions-list li.attack .button-group .sub-section,
.sheet.familiar .attacks-list li.action .button-group .flexrow,
.sheet.familiar .attacks-list li.action .button-group .sub-section,
.sheet.familiar .attacks-list li.attack .button-group .flexrow,
.sheet.familiar .attacks-list li.attack .button-group .sub-section {
  gap: 2px;
}
.sheet.familiar .actions-list li.action .button-group .sub-section,
.sheet.familiar .actions-list li.attack .button-group .sub-section,
.sheet.familiar .attacks-list li.action .button-group .sub-section,
.sheet.familiar .attacks-list li.attack .button-group .sub-section {
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.sheet.familiar .actions-list li.action .button-group .sub-section h4,
.sheet.familiar .actions-list li.attack .button-group .sub-section h4,
.sheet.familiar .attacks-list li.action .button-group .sub-section h4,
.sheet.familiar .attacks-list li.attack .button-group .sub-section h4 {
  margin-left: var(--font-size-12);
  margin-right: var(--font-size-12);
}
.sheet.familiar .actions-list li.action .button-group button,
.sheet.familiar .actions-list li.attack .button-group button,
.sheet.familiar .attacks-list li.action .button-group button,
.sheet.familiar .attacks-list li.attack .button-group button {
  align-items: center;
  display: flex;
  border-radius: 3px;
  border: none;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  color: var(--color-text-light-0);
  cursor: pointer;
  font-size: var(--font-size-11);
  height: var(--font-size-18);
  justify-content: center;
  line-height: var(--font-size-18);
  margin: 0;
  padding: 0 8px;
  white-space: nowrap;
  width: auto;
}
.sheet.familiar .actions-list li.action .button-group button:first-child,
.sheet.familiar .actions-list li.attack .button-group button:first-child,
.sheet.familiar .attacks-list li.action .button-group button:first-child,
.sheet.familiar .attacks-list li.attack .button-group button:first-child {
  margin-left: 0px;
}
.sheet.familiar .actions-list li.action .button-group button:hover,
.sheet.familiar .actions-list li.attack .button-group button:hover,
.sheet.familiar .attacks-list li.action .button-group button:hover,
.sheet.familiar .attacks-list li.attack .button-group button:hover {
  box-shadow: none;
  text-shadow: 0 0 2px var(--color-text-light-0);
}
.sheet.familiar .actions-list li.action .button-group .attack-button,
.sheet.familiar .actions-list li.attack .button-group .attack-button,
.sheet.familiar .attacks-list li.action .button-group .attack-button,
.sheet.familiar .attacks-list li.attack .button-group .attack-button {
  background-color: var(--secondary);
}
.sheet.familiar .actions-list li.action .button-group .damage-button,
.sheet.familiar .actions-list li.action .button-group .critical-button,
.sheet.familiar .actions-list li.attack .button-group .damage-button,
.sheet.familiar .actions-list li.attack .button-group .critical-button,
.sheet.familiar .attacks-list li.action .button-group .damage-button,
.sheet.familiar .attacks-list li.action .button-group .critical-button,
.sheet.familiar .attacks-list li.attack .button-group .damage-button,
.sheet.familiar .attacks-list li.attack .button-group .critical-button {
  background-color: var(--primary);
}
.sheet.familiar .actions-list li.attack,
.sheet.familiar .attacks-list li.attack {
  border-bottom: 1px solid var(--color-border-light-tertiary);
  display: flex;
  flex-direction: row;
  justify-content: start;
  gap: 0.25rem;
  padding: 0.25rem 0;
}
.sheet.familiar .actions-list li.attack:last-child,
.sheet.familiar .attacks-list li.attack:last-child {
  border-bottom: none;
}
.sheet.familiar .actions-list li.attack .attack-name,
.sheet.familiar .attacks-list li.attack .attack-name {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9rem;
  font-weight: 500;
  gap: 2px;
  margin: 0 4px 0 0;
  white-space: nowrap;
}
.sheet.familiar .actions-list li.attack .attack-name > span,
.sheet.familiar .attacks-list li.attack .attack-name > span {
  display: flex;
  gap: 3px;
  line-height: 1.125rem;
  margin-right: 4px;
}
.sheet.familiar .actions-list li.action,
.sheet.familiar .attacks-list li.action {
  display: flex;
  gap: 0.25rem;
}
.sheet.familiar .actions-list li.action:not(:last-child),
.sheet.familiar .attacks-list li.action:not(:last-child) {
  border-bottom: 1px solid var(--color-border-light-tertiary);
}
.sheet.familiar .actions-list li.action h4,
.sheet.familiar .attacks-list li.action h4 {
  align-items: center;
  display: flex;
  gap: 0.25rem;
  flex: auto;
  font-size: 0.9rem;
  margin: 0;
}
.sheet.familiar .actions-list li.action h4 > a,
.sheet.familiar .attacks-list li.action h4 > a {
  align-items: center;
  display: flex;
  gap: 2px;
}
.sheet.familiar .actions-list li.action .button-group > button.use-action,
.sheet.familiar .attacks-list li.action .button-group > button.use-action {
  color: var(--color-text-light-0);
  background-color: var(--secondary);
  margin-right: 0.5rem;
}
.sheet.familiar .actions-list li.action .action-traits,
.sheet.familiar .attacks-list li.action .action-traits {
  margin-left: var(--font-size-12);
}
.sheet.familiar .actions-list li.action .tracking,
.sheet.familiar .attacks-list li.action .tracking {
  flex: 0;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-left: auto;
  margin-right: var(--font-size-16);
}
.sheet.familiar .actions-list li.action .tracking input,
.sheet.familiar .attacks-list li.action .tracking input {
  background: none;
  border: 0;
  flex: 0 1 4rem;
  flex: 1;
  font-family: inherit;
  font-size: 0.9rem;
  height: auto;
  padding: 0 3px;
  text-align: center;
  width: 0;
}
.sheet.familiar .actions-list li.action .tracking span,
.sheet.familiar .attacks-list li.action .tracking span {
  white-space: nowrap;
}
.sheet.familiar .actions-list li.action .item-summary,
.sheet.familiar .attacks-list li.action .item-summary {
  flex-basis: 100%;
}
.sheet.familiar form {
  background: url("../assets/sheet/background.webp");
  background-repeat: repeat-x, no-repeat;
  background-size: cover;
  background-attachment: local;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sheet.familiar form > hr {
  width: 100%;
}
.sheet.familiar input {
  border: none;
  border-radius: 0;
  background-color: rgba(28, 28, 28, 0.1);
}
.sheet.familiar input:focus {
  box-shadow: none;
}
.sheet.familiar select {
  border: 1px solid transparent;
  background: rgba(0, 0, 0, 0.05);
  font-family: var(--body-serif);
  font-size: var(--font-size-14);
  font-weight: normal;
}
.sheet.familiar select:hover {
  border: 1px solid black;
}
.sheet.familiar .familiar-sheet-header {
  display: flex;
  flex-direction: row;
  padding: 4px 6px 0;
}
.sheet.familiar .familiar-sheet-header .image-container {
  display: flex;
}
.sheet.familiar .familiar-sheet-header .image-container img.actor-image {
  border-radius: 0;
  flex: 0;
  height: 100%;
  min-width: 125px;
  width: 125px;
}
.sheet.familiar .familiar-sheet-header .image-container [data-action=show-image] {
  bottom: 2px;
  right: 2px;
}
.sheet.familiar .familiar-sheet-header .header-content {
  display: flex;
  flex-direction: column;
  border-radius: 0;
  flex-grow: 1;
  margin-left: 10px;
}
.sheet.familiar .familiar-sheet-header .header-content .charname {
  display: flex;
  flex-direction: row;
  font-family: var(--sans-serif-condensed);
  font-size: 1.75rem;
  font-weight: 700;
  width: 100%;
  flex-wrap: nowrap;
  align-items: baseline;
  text-transform: capitalize;
  gap: 0.25em;
}
.sheet.familiar .familiar-sheet-header .header-content .charname input {
  font-weight: bold;
  width: calc(100% - 6px);
  border-bottom: 1px solid #d3ccbc;
  text-transform: capitalize;
  padding: 0;
  margin-right: 5px;
  font-variant: small-caps;
  color: #323232;
}
.sheet.familiar .familiar-sheet-header .header-content .charname input::placeholder {
  filter: opacity(0.5);
  color: #1c1c1c;
}
.sheet.familiar .familiar-sheet-header .header-content .charname input:focus {
  border-bottom: 1px solid #644f33;
}
.sheet.familiar .familiar-sheet-header .header-content .charname input:focus::placeholder {
  color: transparent;
}
.sheet.familiar .familiar-sheet-header .header-content .charname .charname-value {
  flex: 1 1;
}
.sheet.familiar .familiar-sheet-header .header-content .charname .familiar-title {
  flex: 0 1;
  text-align: right;
  margin-right: 0.1em;
  text-transform: uppercase;
}
.sheet.familiar .familiar-sheet-header .header-content .sub-header {
  display: flex;
  margin-bottom: 10px;
}
.sheet.familiar .familiar-sheet-header .header-content .sub-header .traits {
  flex: 1;
}
.sheet.familiar .familiar-sheet-header .header-content .traits {
  margin: 0.25em 0;
}
.sheet.familiar .familiar-sheet-header .header-content .traits span {
  color: var(--text-light);
  font-size: 0.75em;
  font-weight: 700;
  padding: 0.25em 0.5em;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: var(--primary);
  border: 1px solid var(--tertiary);
}
.sheet.familiar .familiar-sheet-header .header-content .details-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section {
  display: grid;
  flex-direction: column;
  height: max-content;
  width: 150px;
  grid-template-columns: min-content 1fr;
  font-size: var(--font-size-14);
}
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section div {
  white-space: nowrap;
}
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .label {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
}
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .label h4 {
  font-weight: bold;
  margin: 0 0.25em 0 0;
  padding-left: 6px;
}
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 4px;
}
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input {
  width: 2em;
  text-align: right;
  padding-right: 3px;
  border: 1px solid transparent;
  background: none;
  height: auto;
}
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input:hover, .sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input:focus {
  border: 1px solid black;
  box-shadow: 0 0 10px #00005a;
}
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value .total-hp {
  flex-grow: 1;
}
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .temp-hp {
  display: flex;
  margin-left: 8px;
  align-items: baseline;
}
.sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .temp-hp input {
  text-align: left;
}
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section {
  display: flex;
  flex-direction: column;
}
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 12px;
}
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name,
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac {
  display: flex;
  flex-direction: column;
  align-items: center;
  column-gap: 0.5em;
}
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .name,
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .name {
  font-weight: bold;
  text-transform: capitalize;
}
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .value,
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .value {
  font-style: normal;
}
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .save-name .value i,
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac .value i {
  margin-right: 2px;
}
.sheet.familiar .familiar-sheet-header .header-content .details-section .defenses-section .defenses-list .ac {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  padding-right: 12px;
}
.sheet.familiar .familiar-sheet-header .header-content .dying-section {
  display: flex;
  gap: 10px;
  justify-content: end;
}
.sheet.familiar .familiar-sheet-header .header-content .dying-section .name {
  font-weight: bold;
}
.sheet.familiar .familiar-sheet-header .header-content .dying-section .dots {
  display: flex;
  gap: 4px;
  align-items: baseline;
}
.sheet.familiar .familiar-sheet-header .header-content .dying-section .pips {
  display: flex;
  gap: 1px;
}
.sheet.familiar .main-section {
  display: flex;
  flex: 1;
  flex-direction: row;
  overflow: hidden;
}
.sheet.familiar .main-section .main-container {
  overflow: hidden scroll;
  flex-grow: 2;
}
.sheet.familiar .section-container {
  margin: 6px 6px;
}
.sheet.familiar .section-container .section-body {
  align-items: stretch;
  flex-direction: column;
  padding: 4px;
}
.sheet.familiar .section-container .section-body input {
  font-family: var(--body-serif);
  font-weight: bold;
  width: calc(100% - 6px);
  border-bottom: 1px solid #d3ccbc;
  text-transform: capitalize;
}
.sheet.familiar .section-container .section-body input::placeholder {
  filter: opacity(0.5);
  color: #1c1c1c;
}
.sheet.familiar .section-container .section-body input:focus {
  border-bottom: 1px solid #644f33;
}
.sheet.familiar .section-container .section-body input:focus::placeholder {
  color: transparent;
}
.sheet.familiar .familiar-section {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
}
.sheet.familiar .familiar-section .detail {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 3px;
}
.sheet.familiar .familiar-section .detail .detail-label {
  font-size: var(--font-size-10);
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  font-family: var(--sans-serif);
  color: var(--primary);
  white-space: nowrap;
  margin-bottom: 3px;
}
.sheet.familiar .familiar-section .detail h4 {
  font-size: var(--font-size-14);
  font-family: var(--serif);
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.05);
  padding-left: 2px;
  margin: none;
}
.sheet.familiar .familiar-section .familiar-content {
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
  column-gap: 15px;
}
.sheet.familiar .familiar-section .familiar-content input {
  border: none;
  border-radius: 0;
}
.sheet.familiar .familiar-section .familiar-content input[type=text] {
  background-color: rgba(0, 0, 0, 0.05);
}
.sheet.familiar .familiar-section .familiar-content input:focus {
  box-shadow: none;
}
.sheet.familiar .familiar-section .familiar-content h3 {
  background-color: rgba(0, 0, 0, 0.05);
  height: 26px;
  font-family: var(--body-serif);
  font-size: var(--font-size-14);
  padding: 8px 4px 6px;
  line-height: 1;
}
.sheet.familiar .familiar-section .familiar-content .familiar-species {
  flex-basis: 50%;
}
.sheet.familiar .familiar-section .familiar-content .familiar-size {
  flex-basis: 50%;
}
.sheet.familiar .familiar-section .familiar-content .familiar-modifier {
  flex-basis: 50%;
}
.sheet.familiar .familiar-section .familiar-content .familiar-modifier select {
  font-weight: bold;
}
.sheet.familiar .familiar-section .familiar-content .familiar-senses {
  flex-basis: 50%;
  height: min-content;
}
.sheet.familiar .familiar-section .familiar-content .familiar-senses .tags {
  margin: 0;
  padding: 0;
}
.sheet.familiar .familiar-section .familiar-content .familiar-senses .tags ol {
  margin: 0;
}
.sheet.familiar .familiar-section .familiar-content .familiar-speed {
  flex-basis: 30%;
}
.sheet.familiar .skills-content {
  display: flex;
  flex-direction: column;
  width: 150px;
  gap: 10px;
}
.sheet.familiar .skills-content .skills-list {
  display: flex;
  column-gap: 0.25em;
  row-gap: 0.25em;
  flex-direction: column;
  justify-content: center;
}
.sheet.familiar .skills-content .skills-list .skill-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #999;
  border-radius: 3px;
  height: 20px;
  cursor: pointer;
  font-size: var(--font-size-14);
  font-family: var(--serif);
}
.sheet.familiar .skills-content .skills-list .skill-name:hover {
  padding: none;
  border: 1px solid #323232;
}
.sheet.familiar .skills-content .skills-list .skill-name .name {
  flex: 4;
}
.sheet.familiar .skills-content .skills-list .skill-name .score {
  flex: 1;
  text-align: center;
  padding-left: 1em;
  color: var(--primary);
  font-weight: bold;
}
.sheet.familiar .skills-content .skills-attack {
  flex: 1;
  align-self: center;
  border: 1px solid transparent;
  cursor: pointer;
}
.sheet.familiar .skills-content .skills-attack:hover {
  border-bottom: 1px solid #323232;
}
.sheet.familiar .actions-list .action {
  padding-top: 4px;
  padding-bottom: 4px;
}
.sheet.familiar .effects-list {
  margin: 0;
  padding: 0;
  gap: 0.2em;
}
.sheet.familiar .effects-list .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 2px 4px 2px 12px;
  width: 100%;
}
.sheet.familiar .effects-list .item p:empty {
  display: none;
}
.sheet.familiar .effects-list .item .item-name {
  display: flex;
  align-items: center;
  flex: 1;
}
.sheet.familiar .effects-list .item .item-name h4 {
  cursor: pointer;
  margin: 0;
}
.sheet.familiar .effects-list .item .item-name .item-image {
  margin-right: 8px;
}
.sheet.familiar .effects-list .item .item-controls {
  display: flex;
  flex: 0;
  font-size: var(--font-size-12);
  gap: 1px;
  white-space: nowrap;
}
.sheet.familiar .effects-list .item .item-controls a.info-only:hover {
  cursor: default;
  text-shadow: none;
}
.sheet.familiar .effects-list .item .item-controls a + a {
  margin-left: 4px;
}
.sheet.familiar .effects-list .item .item-summary {
  flex-basis: 100%;
}
.sheet.familiar .effects-list .item.unidentified {
  border-radius: 1px;
  outline: 1px dotted rgba(75, 74, 68, 0.5);
  background: var(--visibility-gm-bg);
}
.sheet.familiar .effects-list .item .button-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  width: 50%;
  flex: 0;
}
.sheet.familiar .effects-list .item .button-group button {
  margin: 0;
  border: none;
  cursor: pointer;
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  padding: 5px;
  color: var(--text-light);
  width: 70px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  background: var(--secondary);
  border-radius: 2px;
  flex: 0;
  white-space: nowrap;
  margin-left: 4px;
  flex: 0;
}
.sheet.familiar .effects-list .item .button-group button:hover {
  box-shadow: none;
  text-shadow: 0 0 2px white;
}
.sheet.familiar .effects-list .item {
  margin: 0;
  padding: 0;
  margin: 0.25em 0;
}
.sheet.hazard .section-container {
  display: flex;
  flex-direction: column;
}
.sheet.hazard .section-container .section-header {
  border: 1px solid var(--primary);
  border-radius: 3px 3px 0px 0px;
  background: var(--primary);
  display: flex;
  flex: 0;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  text-align: left;
  color: var(--text-light);
  font-size: var(--font-size-13);
  padding: 0 8px;
  line-height: 2em;
}
.sheet.hazard .section-container .section-header h4 {
  flex: auto;
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-bottom: 0px;
  text-transform: uppercase;
}
.sheet.hazard .section-container .section-header input {
  color: inherit;
  width: auto;
}
.sheet.hazard .section-container .section-header .controls {
  gap: 0.5rem;
  white-space: nowrap;
}
.sheet.hazard .section-container .section-body {
  border: 1px solid var(--primary);
  border-radius: 0px 0px 3px 3px;
  display: flex;
  flex: auto;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-start;
  width: 100%;
}
.sheet.hazard .section-container.headerless .section-body {
  border-radius: 3px;
}
.sheet.hazard .actions-list,
.sheet.hazard .attacks-list {
  margin: 0;
  padding: 0;
  width: 100%;
}
.sheet.hazard .actions-list .controls,
.sheet.hazard .attacks-list .controls {
  align-items: baseline;
  display: flex;
  flex: 0;
  flex-wrap: nowrap;
  font-size: var(--font-size-12);
  gap: 1px;
  margin-left: auto;
}
.sheet.hazard .actions-list .controls .chat,
.sheet.hazard .attacks-list .controls .chat {
  margin-right: 2px;
  font-size: 0.9em;
}
.sheet.hazard .actions-list li.action .button-group,
.sheet.hazard .actions-list li.attack .button-group,
.sheet.hazard .attacks-list li.action .button-group,
.sheet.hazard .attacks-list li.attack .button-group {
  display: flex;
  gap: 0.25em;
  justify-content: start;
  min-width: 100%;
}
.sheet.hazard .actions-list li.action .button-group .flexrow,
.sheet.hazard .actions-list li.action .button-group .sub-section,
.sheet.hazard .actions-list li.attack .button-group .flexrow,
.sheet.hazard .actions-list li.attack .button-group .sub-section,
.sheet.hazard .attacks-list li.action .button-group .flexrow,
.sheet.hazard .attacks-list li.action .button-group .sub-section,
.sheet.hazard .attacks-list li.attack .button-group .flexrow,
.sheet.hazard .attacks-list li.attack .button-group .sub-section {
  gap: 2px;
}
.sheet.hazard .actions-list li.action .button-group .sub-section,
.sheet.hazard .actions-list li.attack .button-group .sub-section,
.sheet.hazard .attacks-list li.action .button-group .sub-section,
.sheet.hazard .attacks-list li.attack .button-group .sub-section {
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.sheet.hazard .actions-list li.action .button-group .sub-section h4,
.sheet.hazard .actions-list li.attack .button-group .sub-section h4,
.sheet.hazard .attacks-list li.action .button-group .sub-section h4,
.sheet.hazard .attacks-list li.attack .button-group .sub-section h4 {
  margin-left: var(--font-size-12);
  margin-right: var(--font-size-12);
}
.sheet.hazard .actions-list li.action .button-group button,
.sheet.hazard .actions-list li.attack .button-group button,
.sheet.hazard .attacks-list li.action .button-group button,
.sheet.hazard .attacks-list li.attack .button-group button {
  align-items: center;
  display: flex;
  border-radius: 3px;
  border: none;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  color: var(--color-text-light-0);
  cursor: pointer;
  font-size: var(--font-size-11);
  height: var(--font-size-18);
  justify-content: center;
  line-height: var(--font-size-18);
  margin: 0;
  padding: 0 8px;
  white-space: nowrap;
  width: auto;
}
.sheet.hazard .actions-list li.action .button-group button:first-child,
.sheet.hazard .actions-list li.attack .button-group button:first-child,
.sheet.hazard .attacks-list li.action .button-group button:first-child,
.sheet.hazard .attacks-list li.attack .button-group button:first-child {
  margin-left: 0px;
}
.sheet.hazard .actions-list li.action .button-group button:hover,
.sheet.hazard .actions-list li.attack .button-group button:hover,
.sheet.hazard .attacks-list li.action .button-group button:hover,
.sheet.hazard .attacks-list li.attack .button-group button:hover {
  box-shadow: none;
  text-shadow: 0 0 2px var(--color-text-light-0);
}
.sheet.hazard .actions-list li.action .button-group .attack-button,
.sheet.hazard .actions-list li.attack .button-group .attack-button,
.sheet.hazard .attacks-list li.action .button-group .attack-button,
.sheet.hazard .attacks-list li.attack .button-group .attack-button {
  background-color: var(--secondary);
}
.sheet.hazard .actions-list li.action .button-group .damage-button,
.sheet.hazard .actions-list li.action .button-group .critical-button,
.sheet.hazard .actions-list li.attack .button-group .damage-button,
.sheet.hazard .actions-list li.attack .button-group .critical-button,
.sheet.hazard .attacks-list li.action .button-group .damage-button,
.sheet.hazard .attacks-list li.action .button-group .critical-button,
.sheet.hazard .attacks-list li.attack .button-group .damage-button,
.sheet.hazard .attacks-list li.attack .button-group .critical-button {
  background-color: var(--primary);
}
.sheet.hazard .actions-list li.attack,
.sheet.hazard .attacks-list li.attack {
  border-bottom: 1px solid var(--color-border-light-tertiary);
  display: flex;
  flex-direction: row;
  justify-content: start;
  gap: 0.25rem;
  padding: 0.25rem 0;
}
.sheet.hazard .actions-list li.attack:last-child,
.sheet.hazard .attacks-list li.attack:last-child {
  border-bottom: none;
}
.sheet.hazard .actions-list li.attack .attack-name,
.sheet.hazard .attacks-list li.attack .attack-name {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9rem;
  font-weight: 500;
  gap: 2px;
  margin: 0 4px 0 0;
  white-space: nowrap;
}
.sheet.hazard .actions-list li.attack .attack-name > span,
.sheet.hazard .attacks-list li.attack .attack-name > span {
  display: flex;
  gap: 3px;
  line-height: 1.125rem;
  margin-right: 4px;
}
.sheet.hazard .actions-list li.action,
.sheet.hazard .attacks-list li.action {
  display: flex;
  gap: 0.25rem;
}
.sheet.hazard .actions-list li.action:not(:last-child),
.sheet.hazard .attacks-list li.action:not(:last-child) {
  border-bottom: 1px solid var(--color-border-light-tertiary);
}
.sheet.hazard .actions-list li.action h4,
.sheet.hazard .attacks-list li.action h4 {
  align-items: center;
  display: flex;
  gap: 0.25rem;
  flex: auto;
  font-size: 0.9rem;
  margin: 0;
}
.sheet.hazard .actions-list li.action h4 > a,
.sheet.hazard .attacks-list li.action h4 > a {
  align-items: center;
  display: flex;
  gap: 2px;
}
.sheet.hazard .actions-list li.action .button-group > button.use-action,
.sheet.hazard .attacks-list li.action .button-group > button.use-action {
  color: var(--color-text-light-0);
  background-color: var(--secondary);
  margin-right: 0.5rem;
}
.sheet.hazard .actions-list li.action .action-traits,
.sheet.hazard .attacks-list li.action .action-traits {
  margin-left: var(--font-size-12);
}
.sheet.hazard .actions-list li.action .tracking,
.sheet.hazard .attacks-list li.action .tracking {
  flex: 0;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-left: auto;
  margin-right: var(--font-size-16);
}
.sheet.hazard .actions-list li.action .tracking input,
.sheet.hazard .attacks-list li.action .tracking input {
  background: none;
  border: 0;
  flex: 0 1 4rem;
  flex: 1;
  font-family: inherit;
  font-size: 0.9rem;
  height: auto;
  padding: 0 3px;
  text-align: center;
  width: 0;
}
.sheet.hazard .actions-list li.action .tracking span,
.sheet.hazard .attacks-list li.action .tracking span {
  white-space: nowrap;
}
.sheet.hazard .actions-list li.action .item-summary,
.sheet.hazard .attacks-list li.action .item-summary {
  flex-basis: 100%;
}
.sheet.hazard ul,
.sheet.hazard ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sheet.hazard h1,
.sheet.hazard h2,
.sheet.hazard h3,
.sheet.hazard h4 {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.sheet.hazard form {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sheet.hazard form .tagify > span {
  min-width: 20px;
}
.sheet.hazard form .tagify--hasMaxTags > span {
  display: none;
}
.sheet.hazard .window-content {
  margin: 0;
  padding: 0;
}
.sheet.hazard input[type=text],
.sheet.hazard input[type=number] {
  margin: 0;
  padding: 0;
  background: none;
  border: 1px solid transparent;
}
.sheet.hazard input[type=text]:hover:not(:disabled), .sheet.hazard input[type=text]:focus,
.sheet.hazard input[type=number]:hover:not(:disabled),
.sheet.hazard input[type=number]:focus {
  border: 1px solid black;
  box-shadow: 0 0 10px #00005a;
}
.sheet.hazard .container {
  display: flex;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  height: 100%;
  overflow: hidden;
}
.sheet.hazard .content {
  flex: 1;
  padding-left: 5px;
  padding-right: 5px;
  padding: 0 5px 20px 5px;
  overflow: hidden scroll;
}
.sheet.hazard form > header {
  align-items: center;
  background: url("../assets/sheet/header-bw.webp"), url("../assets/sheet/background.webp");
  background-blend-mode: multiply;
  background-color: #238580;
  background-repeat: repeat-x, no-repeat;
  background-size: cover;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  color: var(--text-light);
  display: flex;
  font-family: var(--sans-serif);
  font-weight: 600;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 0.1em;
  padding: 0 16px;
  text-transform: uppercase;
  width: 100%;
}
.sheet.hazard form > header .frame-container {
  flex: 0 0 60px;
  padding: 4px;
  margin: 16px 0;
}
.sheet.hazard form > header .frame-container .frame {
  width: 60px;
  height: 60px;
}
.sheet.hazard form > header .frame-container .image-container [data-action=show-image] {
  color: var(--color-text-dark-primary);
}
.sheet.hazard form > header .frame-container .actor-image {
  object-fit: cover;
  object-position: top;
  border: none;
  border-radius: 0;
  max-height: 178px;
  width: 100%;
  border: none;
  box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
}
.sheet.hazard form > header .frame-container .edit-mode-button {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: -10px;
  left: -10px;
  border-radius: 10px;
  background-color: white;
  color: var(--text-dark);
  cursor: pointer;
  border: none;
  box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.05em;
}
.sheet.hazard form > header .details {
  margin: 4px 0;
  flex: 1;
}
.sheet.hazard form > header .details tags.tags.paizo-style .tagify__input::before {
  color: var(--color-text-light-7);
}
.sheet.hazard form > header input[type=text],
.sheet.hazard form > header input[type=number] {
  color: var(--text-light);
  border: none;
  border-bottom: 1px solid transparent;
}
.sheet.hazard form > header input[type=text]:hover:not(:disabled), .sheet.hazard form > header input[type=text]:focus,
.sheet.hazard form > header input[type=number]:hover:not(:disabled),
.sheet.hazard form > header input[type=number]:focus {
  border: none;
  border-bottom: 1px solid var(--text-light);
  box-shadow: none;
}
.sheet.hazard form > header .title {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 4px;
  font-size: var(--font-size-28);
  font-family: var(--serif-condensed);
  font-weight: 700;
}
.sheet.hazard form > header .title .name {
  flex: 1;
  font-size: var(--font-size-32);
}
.sheet.hazard form > header .title .level {
  width: 32px;
  text-align: center;
}
.sheet.hazard .sidebar {
  border-right: 1px solid #888;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  padding: 10px 8px 8px 8px;
  width: 220px;
  overflow: hidden scroll;
}
.sheet.hazard .sidebar .sidebar-title {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid black;
  margin-bottom: 4px;
}
.sheet.hazard .sidebar .sidebar-title h2 {
  font-size: var(--font-size-15);
}
.sheet.hazard .sidebar .valued-icon {
  display: flex;
  align-items: baseline;
}
.sheet.hazard .sidebar .valued-icon i {
  margin-right: 4px;
}
.sheet.hazard .sidebar .valued-icon i + input {
  margin-left: -1px;
}
.sheet.hazard .sidebar .health input {
  width: 34px;
}
.sheet.hazard .sidebar .health input.current {
  text-align: end;
}
.sheet.hazard .sidebar .armor-class input {
  width: 25px;
  text-align: right;
}
.sheet.hazard .sidebar .health-line {
  display: flex;
  flex-direction: row;
  font-size: var(--font-size-16);
  gap: 3px;
  justify-content: center;
}
.sheet.hazard .sidebar .hp-details {
  width: 100%;
}
.sheet.hazard .sidebar .initiative {
  display: flex;
  font-size: var(--font-size-18);
}
.sheet.hazard .sidebar .initiative h2 {
  font-size: inherit;
}
.sheet.hazard .sidebar .initiative .roll-init {
  display: flex;
  align-items: center;
}
.sheet.hazard .sidebar .initiative .roll-init i {
  margin-right: 4px;
}
.sheet.hazard .sidebar .sidebar-saves {
  display: flex;
  justify-content: space-between;
}
.sheet.hazard .sidebar .sidebar-saves h2 {
  font-size: var(--font-size-18);
}
.sheet.hazard .sidebar .sidebar-saves .save {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: var(--font-size-18);
}
.sheet.hazard .sidebar .sidebar-saves input {
  max-width: 50px;
  text-align: center;
}
.sheet.hazard .sidebar .emits-sound .hint:hover {
  text-shadow: 0 0 8px var(--color-shadow-primary);
}
.sheet.hazard .sidebar .emits-sound select {
  font-size: var(--font-size-12);
}
.sheet.hazard .sidebar .rollable {
  cursor: pointer;
}
.sheet.hazard .sidebar .rollable:hover {
  text-shadow: 0 0 8px var(--color-shadow-primary);
}
.sheet.hazard .sidebar .rollable:hover i {
  animation: rotation 2s infinite linear;
}
.sheet.hazard .section-container {
  padding: 4px 6px 0;
}
.sheet.hazard .section-container .editor {
  width: 100%;
}
.sheet.hazard .section-container .editor .tox {
  width: 100%;
}
.sheet.hazard .section-container > .section-body {
  padding: 4px;
}
.sheet.hazard .section-container.skills > .section-body .list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.sheet.hazard .section-container .actions-list,
.sheet.hazard .section-container .attacks-list {
  border-bottom: 1px solid var(--alt);
}
.sheet.hazard .section-container .actions-list:last-child,
.sheet.hazard .section-container .attacks-list:last-child {
  border-bottom: none;
}
.sheet.hazard .section-container .actions-list .action,
.sheet.hazard .section-container .attacks-list .action {
  padding: 4px 0;
}
.sheet.hazard .source {
  margin-top: 4px;
}
.sheet.hazard .source .section-body {
  display: flex;
  gap: 4px;
  padding: 0 6px;
}
.sheet.hazard .source .section-body .source-input {
  flex: 1;
}
.sheet.hazard .source .section-body label {
  flex: 0;
  font-weight: bold;
}
.sheet.hazard .tox.tox-tinymce {
  height: 200px !important;
}
.sheet.hazard .hazard-editor .editor .editor-edit {
  display: none;
}
.app.npc-skills-editor form {
  font-size: var(--font-size-12);
  overflow: hidden;
}
.app.npc-skills-editor form > .scroll-container {
  max-height: 500px;
  overflow: hidden scroll;
}
.app.npc-skills-editor form ol {
  list-style: none;
  overflow: hidden;
  padding: 0px;
  width: 100%;
}
.app.npc-skills-editor form ol li {
  align-items: center;
  column-gap: 1rem;
  display: grid;
  grid-template-columns: auto 3rem 2rem;
  grid-template-rows: auto;
  padding: 0.25rem;
  width: 100%;
}
.app.npc-skills-editor form ol li.skill:nth-child(even) {
  background-color: #ede3c8;
}
.app.npc-skills-editor form ol li.skill:nth-child(odd) {
  background-color: #f5efe0;
}
.app.npc-skills-editor form ol li.skill.header {
  background-color: var(--color-pf-primary);
  color: var(--text-light);
  font-weight: 500;
  padding: 4px;
  text-transform: uppercase;
}
.app.npc-skills-editor form ol li.skill.header.lore {
  background-color: var(--color-pf-secondary);
}
.app.npc-skills-editor form ol li.skill .item-controls {
  text-align: right;
}
.app.npc-skills-editor form ol li.skill-selector button, .app.npc-skills-editor form ol li.lore-skill-creator button {
  background-color: var(--color-pf-secondary);
  border-radius: 3px;
  border: 1px solid var(--color-pf-secondary-dark);
  color: var(--text-light);
  display: flex;
  grid-column: span 2;
  justify-content: center;
  line-height: 1em;
  padding: 4px;
  white-space: nowrap;
}
.actor.npc.sheet form {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.actor.npc.sheet form ol.spell-list {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--color-border-light-2);
  flex-basis: 100%;
  gap: 1px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.actor.npc.sheet form ol.spell-list > li {
  margin: 0;
  padding: 0;
  align-items: center;
  background: none;
  cursor: default;
  display: grid;
  grid: "name range components cast-spell controls" auto "content content content content content" auto/9fr 4fr 4fr 2fr 2.5fr;
  justify-content: center;
  padding: 0 0.3em 1px 0.35em;
}
.actor.npc.sheet form ol.spell-list > li[data-expended-state=true] h4 {
  color: var(--color-disabled);
  text-decoration: line-through;
}
.actor.npc.sheet form ol.spell-list > li[data-expended-state=true] .cast-spell {
  background: var(--color-disabled);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}
.actor.npc.sheet form ol.spell-list > li:nth-child(odd) {
  background-color: rgba(120, 100, 82, 0.1);
}
.actor.npc.sheet form ol.spell-list > li:last-child {
  border-bottom: 1px solid var(--sub);
}
.actor.npc.sheet form ol.spell-list > li:last-child .item-image {
  margin-bottom: 0;
  margin-top: 2px;
}
.actor.npc.sheet form ol.spell-list > li.spell-level-header {
  margin: 0;
  padding: 0;
  background: rgba(96, 88, 86, 0.25);
  border: 1px solid var(--color-border-light-2);
  border-radius: 2px;
  color: var(--text-dark);
  font: 500 var(--font-size-12) var(--sans-serif);
  letter-spacing: 0.25px;
  line-height: 1;
  padding: 0 0.5em;
  text-transform: uppercase;
}
.actor.npc.sheet form ol.spell-list > li.spell-level-header h3 {
  text-transform: capitalize;
  font-size: var(--font-size-13);
  margin-left: 0;
  padding: 4px 0;
}
.actor.npc.sheet form ol.spell-list > li.spell-level-header .item-name {
  line-height: 1;
  gap: 0.25em;
}
.actor.npc.sheet form ol.spell-list > li.spell-level-header .item-name h3 {
  margin: 0;
  padding: 0;
  font-weight: 700;
}
.actor.npc.sheet form ol.spell-list > li.spell-level-header .item-controls {
  grid-column: span 2;
}
.actor.npc.sheet form ol.spell-list > li .uses {
  align-items: center;
  display: flex;
  gap: 0.25em;
  line-height: 1;
}
.actor.npc.sheet form ol.spell-list > li.spell-level-header input,
.actor.npc.sheet form ol.spell-list > li .uses input {
  background: var(--alt);
  border-radius: 3px;
  border: 1px solid var(--sub);
  color: var(--text-light);
  font: var(--font-size-12) var(--sans-serif);
  height: unset;
  text-align: center;
  width: 2em;
}
.actor.npc.sheet form ol.spell-list > li.spell-level-header .spell-slots-increment-reset,
.actor.npc.sheet form ol.spell-list > li .uses .spell-slots-increment-reset {
  padding-left: 5px;
  font-size: var(--font-size-10);
}
.actor.npc.sheet form ol.spell-list > li.spell {
  border: none;
  font-size: var(--font-size-13);
}
.actor.npc.sheet form ol.spell-list > li .level-prepared-toggle {
  flex: 0;
  font-size: 0.75rem;
  color: var(--secondary);
}
.actor.npc.sheet form ol.spell-list > li .item-name {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  justify-self: start;
  min-height: 1.75rem;
}
.actor.npc.sheet form ol.spell-list > li .item-name h3 {
  white-space: nowrap;
}
.actor.npc.sheet form ol.spell-list > li .item-name + span {
  font-size: 0.75rem;
}
.actor.npc.sheet form ol.spell-list > li .item-name .focus-pool-input {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
}
.actor.npc.sheet form ol.spell-list > li .item-name .slash {
  font-size: 0.75rem;
}
.actor.npc.sheet form ol.spell-list > li .item-name .spell-slots,
.actor.npc.sheet form ol.spell-list > li .item-name .spell-max {
  padding-top: 3px;
  font-size: 0.75rem;
}
.actor.npc.sheet form ol.spell-list > li .item-name .spell-slots.infinity,
.actor.npc.sheet form ol.spell-list > li .item-name .spell-max.infinity {
  position: relative;
  top: -2px;
}
.actor.npc.sheet form ol.spell-list > li .item-name .item-image {
  height: 1.5rem;
  width: 1.5rem;
  flex: 0 0 auto;
  margin: 2px 0;
}
.actor.npc.sheet form ol.spell-list > li .item-name h4 {
  margin: 0;
  padding: 0;
  font-size: var(--font-size-14);
  letter-spacing: -0.075em;
  line-height: 1;
  margin-left: 8px;
  cursor: pointer;
}
.actor.npc.sheet form ol.spell-list > li .item-name h4:hover {
  color: var(--secondary);
}
.actor.npc.sheet form ol.spell-list > li .item-name .action-glyph {
  margin-left: 4px;
  font-size: small;
}
.actor.npc.sheet form ol.spell-list > li .item-name.empty {
  grid-column: 1/span 4;
}
.actor.npc.sheet form ol.spell-list > li .spell-range {
  grid-area: range;
  padding-left: 0.2em;
}
.actor.npc.sheet form ol.spell-list > li .spell-components {
  grid-area: components;
  justify-self: right;
  padding: 0 0.5em;
}
.actor.npc.sheet form ol.spell-list > li .spell-components .tag {
  font: var(--font-size-12) var(--sans-serif-condensed);
}
.actor.npc.sheet form ol.spell-list > li .spell-cast {
  grid-area: cast-spell;
  display: flex;
  justify-content: center;
}
.actor.npc.sheet form ol.spell-list > li .item-controls {
  grid-area: controls;
  display: flex;
  justify-self: end;
  padding-right: 0.25em;
}
.actor.npc.sheet form ol.spell-list > li button.cast-spell {
  align-items: center;
  background: var(--secondary);
  border-radius: 2px;
  border: black;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  color: var(--text-light);
  cursor: pointer;
  display: flex;
  font: 700 0.55rem var(--sans-serif);
  justify-self: center;
  letter-spacing: 0.25px;
  max-width: fit-content;
  padding: 0.5em 1em;
  text-transform: uppercase;
}
.actor.npc.sheet form ol.spell-list > li .item-summary {
  grid-area: content;
  width: 100%;
  padding: 8px;
  border-bottom: 1px solid var(--sub);
  border-top: 1px solid #aca5a3;
  background-color: var(--bg);
}
.actor.npc.sheet form ol.spell-list[data-category=spontaneous] .virtual {
  position: relative;
}
.actor.npc.sheet form ol.spell-list[data-category=spontaneous] .virtual::before {
  pointer-events: none;
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 5, 255, 0.1137254902);
  mix-blend-mode: saturation;
}
.actor.npc.sheet form ol.spell-list[data-category=spontaneous] .item:not(.virtual) + .virtual {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.actor.npc.sheet form ol.spell-list .level-prepared-header {
  font-size: 0.75rem;
  color: var(--text-light);
  margin: 0;
  padding: 4px;
  text-align: center;
  background: var(--secondary);
  position: relative;
}
.actor.npc.sheet form ol.spell-list .spell .item-name {
  width: 100%;
}
.actor.npc.sheet form ol.spell-list input.toggle-signature-spell[type=checkbox] {
  width: 12px;
  height: 12px;
  margin: 0 2px 0 0;
  flex: 0 0 auto;
}
.actor.npc.sheet form ol.spell-list .spellbook-empty {
  display: flex;
  align-items: center;
  min-height: 28px;
  justify-content: flex-end;
}
.actor.npc.sheet form ol.spell-list .spellbook-empty h4 {
  margin: 0;
  white-space: nowrap;
  margin-right: auto;
}
.actor.npc.sheet form ol.spell-list .spellbook-empty a {
  flex: 0 1 0;
  white-space: nowrap;
  margin-left: 8px;
}
.actor.npc.sheet form .npc-sheet-header {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}
.actor.npc.sheet form .npc-sheet-header .name {
  font-family: var(--sans-serif-condensed);
  font-size: 1.75rem;
  font-weight: 700;
  width: 100%;
  flex-wrap: nowrap;
}
.actor.npc.sheet form .npc-sheet-header .name input {
  font-weight: inherit;
  height: 2rem;
}
.actor.npc.sheet form .npc-sheet-header .name .name-value {
  font-variant: small-caps;
  margin-left: 6px;
  margin-right: 18px;
}
.actor.npc.sheet form .npc-sheet-header .name .level-label {
  flex: 0;
  text-align: right;
  margin-right: 0.1em;
  text-transform: uppercase;
}
.actor.npc.sheet form .npc-sheet-header .name input.level {
  flex: 0 0 40px;
  text-align: center;
}
.actor.npc.sheet form .npc-sheet-header .rarity-alignment-size {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.actor.npc.sheet form .npc-sheet-header .paizo-style {
  margin-top: 2px;
  padding-left: 0;
  padding-right: 0;
}
.actor.npc.sheet form hr {
  margin: 10px 6px 10px 0;
}
.actor.npc.sheet form .sidebar {
  flex: 160px 0 0;
  height: 100%;
  overflow: hidden scroll;
}
.actor.npc.sheet form .sidebar .image-container img.actor-image {
  border: none;
  border-radius: 8px;
}
.actor.npc.sheet form .sidebar .armor-section .armor-value {
  flex: 0;
  text-align: right;
  font-weight: 700;
  padding-right: 4px;
}
.actor.npc.sheet form .sidebar .health-section .hit-points,
.actor.npc.sheet form .sidebar .shield-section .hit-points {
  display: flex;
  flex-direction: row;
  flex: 0;
  margin-left: auto;
}
.actor.npc.sheet form .sidebar .health-section .hit-points input.current,
.actor.npc.sheet form .sidebar .shield-section .hit-points input.current {
  width: 36px;
  text-align: right;
  padding-right: 3px;
}
.actor.npc.sheet form .sidebar .health-section .hit-points .slash,
.actor.npc.sheet form .sidebar .health-section .hit-points .max,
.actor.npc.sheet form .sidebar .shield-section .hit-points .slash,
.actor.npc.sheet form .sidebar .shield-section .hit-points .max {
  align-items: center;
  display: flex;
}
.actor.npc.sheet form .sidebar .health-section .hit-points .max,
.actor.npc.sheet form .sidebar .shield-section .hit-points .max {
  font-weight: 700;
  margin-right: 4px;
  text-align: center;
}
.actor.npc.sheet form .sidebar .health-section .hit-points .max.lt10,
.actor.npc.sheet form .sidebar .shield-section .hit-points .max.lt10 {
  width: 8px;
}
.actor.npc.sheet form .sidebar .health-section .hit-points .max.lt100,
.actor.npc.sheet form .sidebar .shield-section .hit-points .max.lt100 {
  width: 24px;
}
.actor.npc.sheet form .sidebar .health-section .hit-points .max.lt1000,
.actor.npc.sheet form .sidebar .shield-section .hit-points .max.lt1000 {
  width: 36px;
}
.actor.npc.sheet form .sidebar .shield-section .shield-details {
  display: flex;
  flex: auto;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
}
.actor.npc.sheet form .sidebar .shield-section .shield-details .label {
  flex: 0;
  font-weight: bold;
}
.actor.npc.sheet form .sidebar .shield-section .shield-details .value {
  flex: auto;
  font-weight: normal;
  margin-left: 6px !important;
}
.actor.npc.sheet form .sidebar .shield-section.broken {
  color: rgba(0, 0, 0, 0.4);
}
.actor.npc.sheet form .sidebar .shield-section.broken .shield-label {
  color: rgba(0, 0, 0, 0.4);
}
.actor.npc.sheet form .sidebar .shield-section.broken .shield-label h4 {
  text-decoration: line-through;
}
.actor.npc.sheet form .sidebar .shield-section.broken .shield-value {
  color: rgba(0, 0, 0, 0.4);
}
.actor.npc.sheet form .sidebar .shield-section.broken .shield-value .shield-current {
  color: rgba(0, 0, 0, 0.4);
}
.actor.npc.sheet form .sidebar .shield-section.broken .shield-value .shield-max {
  color: rgba(0, 0, 0, 0.4);
}
.actor.npc.sheet form .sidebar .speed-section {
  text-align: left;
}
.actor.npc.sheet form .sidebar .speed-section .land-speed-value {
  flex: 0 0 30px;
  text-align: right;
}
.actor.npc.sheet form .sidebar .speed-section .land-speed .speed-details {
  flex: 1;
}
.actor.npc.sheet form .sidebar .speed-section .other-speeds {
  display: flex;
  justify-content: left;
  align-items: left;
  width: 100%;
  flex-wrap: wrap;
}
.actor.npc.sheet form .sidebar .saves {
  margin-top: 12px;
  display: flex;
  flex-direction: row;
  width: 100%;
  flex: 1 0 auto;
  font-size: 1.1rem;
}
.actor.npc.sheet form .sidebar .saves .container {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.actor.npc.sheet form .sidebar .saves .container label {
  font-weight: 600;
}
.actor.npc.sheet form .sidebar .saves .container input.modifier {
  text-align: center;
  z-index: 1;
}
.actor.npc.sheet form .side-bar-section {
  display: flex;
  flex: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.actor.npc.sheet form .side-bar-section .controls {
  padding-right: 4px;
}
.actor.npc.sheet form .side-bar-section.initiative a.roll-init {
  display: flex;
  flex-wrap: nowrap;
  font-weight: 700;
  margin-left: auto;
  margin-bottom: 2px;
  padding-right: 0.5em;
}
.actor.npc.sheet form .side-bar-section.initiative a.roll-init i.fa-dice-d20 {
  font-size: 1rem;
  margin-right: 0.2em;
}
.actor.npc.sheet form .side-bar-section.initiative select {
  background: none;
  text-transform: unset;
}
.actor.npc.sheet form .side-bar-section .value0 {
  color: darkgrey;
  border-bottom: 1px darkgrey solid;
}
.actor.npc.sheet form .side-bar-section .value0 input {
  color: darkgrey;
}
.actor.npc.sheet form .side-bar-section-content {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2px;
}
.actor.npc.sheet form .side-bar-section-header {
  display: flex;
  width: 100%;
  font-size: 1rem;
  border-bottom: 1px solid;
  border-color: #7a7971;
  margin-top: 10px;
  margin-bottom: 2px;
  align-items: baseline;
}
.actor.npc.sheet form .side-bar-section-header .side-bar-label {
  display: flex;
  flex: auto;
  flex-direction: row;
  align-items: center;
}
.actor.npc.sheet form .side-bar-section-header .side-bar-label .fa {
  font-size: 0.8rem;
}
.actor.npc.sheet form .side-bar-section-header .side-bar-label h4,
.actor.npc.sheet form .side-bar-section-header .side-bar-label label {
  font-size: 0.8rem;
  margin-bottom: 0px;
  padding-left: 2px;
}
.actor.npc.sheet form .side-bar-section-header .side-bar-label input.modifier {
  font-size: 0.9rem;
}
.actor.npc.sheet form .sheet-body {
  flex: auto;
}
.actor.npc.sheet form .sheet-body .tab {
  overflow: hidden scroll;
}
.actor.npc.sheet form .sheet-body .tab .identification-skills ul {
  display: inline;
  list-style-type: none;
  padding: 0;
}
.actor.npc.sheet form .sheet-body .tab .identification-skills ul li {
  display: inline;
}
.actor.npc.sheet form .sheet-body .tab .identification-skills ul li:not(:last-of-type):after {
  content: ",";
}
.actor.npc.sheet form .sheet-body .inventory {
  flex-direction: column;
  overflow-y: hidden;
  padding-bottom: 1.25rem;
}
.actor.npc.sheet form .sheet-body .inventory.active {
  display: flex;
}
.actor.npc.sheet form .sheet-body .inventory .expandable {
  display: none;
}
.actor.npc.sheet form .sheet-body .inventory .section-container.inventory-toggles {
  padding: 4px 6px 6px 6px;
}
.actor.npc.sheet form .sheet-body .inventory .inventory-section {
  --border-color: var(--secondary);
  flex: 1 0 auto;
  padding: 0px;
  margin: 0px;
  max-height: calc(100% - 1rem);
}
.actor.npc.sheet form .sheet-body .inventory .inventory-section .coinage {
  margin-bottom: 8px;
}
.actor.npc.sheet form .sheet-body .inventory .inventory-section .inventory-list > :first-child {
  border-radius: 3px 3px 0px 0px;
}
.actor.npc.sheet form .sheet-body .inventory .inventory-section .inventory-list .inventory-header {
  align-items: center;
  background-color: var(--primary-background);
  color: var(--color-text-light-0);
  display: flex;
  flex-flow: row nowrap;
  max-height: fit-content;
}
.actor.npc.sheet form .sheet-body .inventory .inventory-section .inventory-list .inventory-header h4 {
  margin: 0;
}
.actor.npc.sheet form .sheet-body .inventory .inventory-section .inventory-list .inventory-header div {
  border: none;
}
.actor.npc.sheet form .sheet-body .inventory .inventory-section .inventory-list .item .item-image {
  border: 2px solid #7a7971;
  border-radius: 3px;
  margin: 2px 4px 2px 6px;
}
.actor.npc.sheet form .sheet-body .inventory .inventory-section .inventory-list .item .controls .item-toggle-equip {
  color: rgba(0, 0, 0, 0.4);
}
.actor.npc.sheet form .sheet-body .inventory .inventory-section .inventory-list .item .controls .item-toggle-equip.active {
  color: rgba(0, 0, 0, 0.75);
}
.actor.npc.sheet form .sheet-body .entries-list {
  list-style: none;
  padding: 2px;
  margin: 0;
}
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry {
  display: block;
  width: 100%;
  margin: 0px;
  border: 1px solid var(--sub);
  border-radius: 4px;
}
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry:not(:first-child) {
  margin-top: 0.5rem;
}
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header {
  align-items: baseline;
  background-color: var(--primary);
  border-radius: 3px 3px 0 0;
  color: var(--text-light);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.25em;
  justify-content: space-between;
  padding: 4px 0.5em;
}
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .drag-handle {
  cursor: move;
}
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name {
  flex: 1;
  margin: 0 4px 0 0;
  padding-right: 6px;
  width: max-content;
}
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input {
  color: var(--text-light);
  max-width: 100%;
  font-weight: 500;
  border: none;
}
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input:focus, .actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input:hover {
  box-shadow: none;
}
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header h4.name input:read-only {
  pointer-events: none;
}
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field {
  flex: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: baseline;
}
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field label {
  margin-left: 2px;
  flex: 1;
}
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field input {
  margin-left: 4px;
}
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input,
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input {
  flex: 1 0 32px;
  text-align: center;
  background-color: var(--text-light);
  font-weight: bold;
  width: 32px;
}
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .ability-score select {
  max-width: 55px;
  padding: 2px !important;
}
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .item-controls {
  display: flex;
  justify-content: space-between;
}
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .item-controls a {
  padding: 2px;
}
.actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input {
  background: var(--text-light);
  border: 1px solid transparent;
  color: var(--text-dark);
  flex: 1 0 2rem;
  font-weight: 700;
  height: 18px;
  text-align: center;
  width: 2rem;
}
.actor.npc.sheet form .sheet-body .footer {
  display: flex;
  flex: 1;
  justify-content: center;
  margin-top: 12px;
}
.actor.npc.sheet form .sheet-body .footer button.spellcasting-create {
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 0.25rem;
  margin: 0 0.5rem;
  min-height: 1rem;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  background: var(--primary);
  color: var(--text-light);
  white-space: nowrap;
  border-radius: 3px;
  border: none;
}
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list {
  gap: 0.2em;
  padding-left: 0px;
  padding-right: 5px;
}
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 2px 4px 2px 12px;
  width: 100%;
}
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item p:empty {
  display: none;
}
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-name {
  display: flex;
  align-items: center;
  flex: 1;
}
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-name h4 {
  cursor: pointer;
  margin: 0;
}
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-name .item-image {
  margin-right: 8px;
}
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-controls {
  display: flex;
  flex: 0;
  font-size: var(--font-size-12);
  gap: 1px;
  white-space: nowrap;
}
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-controls a.info-only:hover {
  cursor: default;
  text-shadow: none;
}
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-controls a + a {
  margin-left: 4px;
}
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .item-summary {
  flex-basis: 100%;
}
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item.unidentified {
  border-radius: 1px;
  outline: 1px dotted rgba(75, 74, 68, 0.5);
  background: var(--visibility-gm-bg);
}
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .button-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  width: 50%;
  flex: 0;
}
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .button-group button {
  margin: 0;
  border: none;
  cursor: pointer;
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  padding: 5px;
  color: var(--text-light);
  width: 70px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  background: var(--secondary);
  border-radius: 2px;
  flex: 0;
  white-space: nowrap;
  margin-left: 4px;
  flex: 0;
}
.actor.npc.sheet form .sheet-body .effects .section-body .effects-list .item .button-group button:hover {
  box-shadow: none;
  text-shadow: 0 0 2px white;
}
.actor.npc.sheet form .sheet-body .section-container {
  display: flex;
  flex-direction: column;
}
.actor.npc.sheet form .sheet-body .section-container .section-header {
  border: 1px solid var(--primary);
  border-radius: 3px 3px 0px 0px;
  background: var(--primary);
  display: flex;
  flex: 0;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  text-align: left;
  color: var(--text-light);
  font-size: var(--font-size-13);
  padding: 0 8px;
  line-height: 2em;
}
.actor.npc.sheet form .sheet-body .section-container .section-header h4 {
  flex: auto;
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-bottom: 0px;
  text-transform: uppercase;
}
.actor.npc.sheet form .sheet-body .section-container .section-header input {
  color: inherit;
  width: auto;
}
.actor.npc.sheet form .sheet-body .section-container .section-header .controls {
  gap: 0.5rem;
  white-space: nowrap;
}
.actor.npc.sheet form .sheet-body .section-container .section-body {
  border: 1px solid var(--primary);
  border-radius: 0px 0px 3px 3px;
  display: flex;
  flex: auto;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-start;
  width: 100%;
}
.actor.npc.sheet form .sheet-body .section-container.headerless .section-body {
  border-radius: 3px;
}
.actor.npc.sheet form .sheet-body .actions-list,
.actor.npc.sheet form .sheet-body .attacks-list {
  margin: 0;
  padding: 0;
  width: 100%;
}
.actor.npc.sheet form .sheet-body .actions-list .controls,
.actor.npc.sheet form .sheet-body .attacks-list .controls {
  align-items: baseline;
  display: flex;
  flex: 0;
  flex-wrap: nowrap;
  font-size: var(--font-size-12);
  gap: 1px;
  margin-left: auto;
}
.actor.npc.sheet form .sheet-body .actions-list .controls .chat,
.actor.npc.sheet form .sheet-body .attacks-list .controls .chat {
  margin-right: 2px;
  font-size: 0.9em;
}
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group,
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group,
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group,
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group {
  display: flex;
  gap: 0.25em;
  justify-content: start;
  min-width: 100%;
}
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group .flexrow,
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group .sub-section,
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .flexrow,
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .sub-section,
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .flexrow,
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .sub-section,
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .flexrow,
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .sub-section {
  gap: 2px;
}
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group .sub-section,
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .sub-section,
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .sub-section,
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .sub-section {
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group .sub-section h4,
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .sub-section h4,
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .sub-section h4,
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .sub-section h4 {
  margin-left: var(--font-size-12);
  margin-right: var(--font-size-12);
}
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group button,
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group button,
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group button,
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group button {
  align-items: center;
  display: flex;
  border-radius: 3px;
  border: none;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  color: var(--color-text-light-0);
  cursor: pointer;
  font-size: var(--font-size-11);
  height: var(--font-size-18);
  justify-content: center;
  line-height: var(--font-size-18);
  margin: 0;
  padding: 0 8px;
  white-space: nowrap;
  width: auto;
}
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group button:first-child,
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group button:first-child,
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group button:first-child,
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group button:first-child {
  margin-left: 0px;
}
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group button:hover,
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group button:hover,
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group button:hover,
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group button:hover {
  box-shadow: none;
  text-shadow: 0 0 2px var(--color-text-light-0);
}
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group .attack-button,
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .attack-button,
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .attack-button,
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .attack-button {
  background-color: var(--secondary);
}
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group .damage-button,
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group .critical-button,
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .damage-button,
.actor.npc.sheet form .sheet-body .actions-list li.attack .button-group .critical-button,
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .damage-button,
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group .critical-button,
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .damage-button,
.actor.npc.sheet form .sheet-body .attacks-list li.attack .button-group .critical-button {
  background-color: var(--primary);
}
.actor.npc.sheet form .sheet-body .actions-list li.attack,
.actor.npc.sheet form .sheet-body .attacks-list li.attack {
  border-bottom: 1px solid var(--color-border-light-tertiary);
  display: flex;
  flex-direction: row;
  justify-content: start;
  gap: 0.25rem;
  padding: 0.25rem 0;
}
.actor.npc.sheet form .sheet-body .actions-list li.attack:last-child,
.actor.npc.sheet form .sheet-body .attacks-list li.attack:last-child {
  border-bottom: none;
}
.actor.npc.sheet form .sheet-body .actions-list li.attack .attack-name,
.actor.npc.sheet form .sheet-body .attacks-list li.attack .attack-name {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9rem;
  font-weight: 500;
  gap: 2px;
  margin: 0 4px 0 0;
  white-space: nowrap;
}
.actor.npc.sheet form .sheet-body .actions-list li.attack .attack-name > span,
.actor.npc.sheet form .sheet-body .attacks-list li.attack .attack-name > span {
  display: flex;
  gap: 3px;
  line-height: 1.125rem;
  margin-right: 4px;
}
.actor.npc.sheet form .sheet-body .actions-list li.action,
.actor.npc.sheet form .sheet-body .attacks-list li.action {
  display: flex;
  gap: 0.25rem;
}
.actor.npc.sheet form .sheet-body .actions-list li.action:not(:last-child),
.actor.npc.sheet form .sheet-body .attacks-list li.action:not(:last-child) {
  border-bottom: 1px solid var(--color-border-light-tertiary);
}
.actor.npc.sheet form .sheet-body .actions-list li.action h4,
.actor.npc.sheet form .sheet-body .attacks-list li.action h4 {
  align-items: center;
  display: flex;
  gap: 0.25rem;
  flex: auto;
  font-size: 0.9rem;
  margin: 0;
}
.actor.npc.sheet form .sheet-body .actions-list li.action h4 > a,
.actor.npc.sheet form .sheet-body .attacks-list li.action h4 > a {
  align-items: center;
  display: flex;
  gap: 2px;
}
.actor.npc.sheet form .sheet-body .actions-list li.action .button-group > button.use-action,
.actor.npc.sheet form .sheet-body .attacks-list li.action .button-group > button.use-action {
  color: var(--color-text-light-0);
  background-color: var(--secondary);
  margin-right: 0.5rem;
}
.actor.npc.sheet form .sheet-body .actions-list li.action .action-traits,
.actor.npc.sheet form .sheet-body .attacks-list li.action .action-traits {
  margin-left: var(--font-size-12);
}
.actor.npc.sheet form .sheet-body .actions-list li.action .tracking,
.actor.npc.sheet form .sheet-body .attacks-list li.action .tracking {
  flex: 0;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-left: auto;
  margin-right: var(--font-size-16);
}
.actor.npc.sheet form .sheet-body .actions-list li.action .tracking input,
.actor.npc.sheet form .sheet-body .attacks-list li.action .tracking input {
  background: none;
  border: 0;
  flex: 0 1 4rem;
  flex: 1;
  font-family: inherit;
  font-size: 0.9rem;
  height: auto;
  padding: 0 3px;
  text-align: center;
  width: 0;
}
.actor.npc.sheet form .sheet-body .actions-list li.action .tracking span,
.actor.npc.sheet form .sheet-body .attacks-list li.action .tracking span {
  white-space: nowrap;
}
.actor.npc.sheet form .sheet-body .actions-list li.action .item-summary,
.actor.npc.sheet form .sheet-body .attacks-list li.action .item-summary {
  flex-basis: 100%;
}
.actor.npc.sheet form input.adjustable:not(:focus),
.actor.npc.sheet form span.adjustable,
.actor.npc.sheet form div.adjustable {
  display: inline;
  text-align: right;
}
.actor.npc.sheet form input.adjustable:not(:focus).adjusted-higher,
.actor.npc.sheet form span.adjustable.adjusted-higher,
.actor.npc.sheet form div.adjustable.adjusted-higher {
  color: #009988;
}
.actor.npc.sheet form input.adjustable:not(:focus).adjusted-lower,
.actor.npc.sheet form span.adjustable.adjusted-lower,
.actor.npc.sheet form div.adjustable.adjusted-lower {
  color: #cc3311;
}
.actor.npc.sheet form .disabled {
  color: var(--color-disabled);
  border-color: var(--color-disabled);
}
.actor.npc.sheet form .disabled:hover, .actor.npc.sheet form .disabled.active {
  color: var(--color-rarity-common);
  border-color: #7a7971;
}
.actor.npc.sheet form .trait {
  flex: auto 0 0;
  padding: 4px;
  background: var(--primary);
  border: 2px solid var(--color-border-trait);
  color: var(--color-text-trait);
  font-size: 0.9em;
  font-weight: 500;
  text-transform: uppercase;
}
.actor.npc.sheet form .effects-list {
  display: flex;
  flex: 1 0 auto;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.actor.npc.sheet form .effects-list .separator {
  flex: 0 0 1px;
  height: 32px;
  margin-right: 4px;
  border-left: 2px solid var(--color-rarity-common);
}
.actor.npc.sheet form .effects-list > .effect {
  display: flex;
  flex: 0 0 32px;
  height: 32px;
  margin-right: 4px;
  margin-bottom: 4px;
  border-bottom: none !important;
}
.actor.npc.sheet form .effects-list > .effect .item-image {
  background-size: cover;
  border: 1px solid var(--color-rarity-common);
  border-bottom: 1px solid var(--color-rarity-common);
  border-radius: 3px;
  width: 32px;
}
.actor.npc.sheet form .effects-list > .effect .item-image:hover {
  border: 1px solid var(--text-light);
  border-radius: 3px;
}
.actor.npc.sheet form .actions-options .actions-option {
  display: flex;
  align-items: center;
  width: 100%;
}
.actor.npc.sheet form .actions-options .actions-option label {
  width: 100%;
}
.actor.npc.sheet form .actions-options .actions-option label * {
  vertical-align: middle;
}
.actor.npc.sheet form .actions-options .actions-option label input {
  margin: 0;
  padding: 0;
}
.actor.npc.sheet form .actions-options .actions-option select {
  background: none;
  margin-left: 0.25em;
  text-transform: none;
}
.actor.npc.sheet form .actions-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.1rem 0.25rem;
}
.actor.npc.sheet form .actions-list .action {
  width: 100%;
}
.actor.npc.sheet form .labelled-field {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.actor.npc.sheet form .labelled-field label,
.actor.npc.sheet form .labelled-field .rollable {
  flex: 1;
  font-weight: 600;
}
.actor.npc.sheet form .labelled-field input[type=text],
.actor.npc.sheet form .labelled-field input[type=number] {
  flex: 0;
  font-weight: normal;
  margin: 1px 4px;
  margin-left: auto;
  min-width: 2.5em;
  padding-right: 1px;
  text-align: right;
}
.actor.npc.sheet form .labelled-field.hp-temp > label {
  margin-right: 0.5em;
}
.actor.npc.sheet form .top-sections {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.actor.npc.sheet form .top-sections .skills {
  flex: 3;
  align-self: stretch;
}
.actor.npc.sheet form .top-sections .senses {
  flex: 2;
}
.actor.npc.sheet form .top-sections .senses .perception {
  width: 100%;
}
.actor.npc.sheet form .top-sections .senses .perception label {
  flex-basis: 5em;
}
.actor.npc.sheet form .top-sections .senses .perception input {
  flex: 0 0 24px;
  z-index: 1;
}
.actor.npc.sheet form .top-sections .ability-scores {
  flex: 2;
  flex-direction: column;
}
.actor.npc.sheet form .top-sections .ability-scores .list {
  display: grid;
  padding-left: 0.75em;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.actor.npc.sheet form .top-sections .ability-scores .list input {
  flex: 0 0 24px;
  margin-right: 1em;
  z-index: 1;
}
.actor.npc.sheet form .section-container {
  padding: 4px 6px 0;
}
.actor.npc.sheet form .section-container .section-body {
  padding: 4px;
}
.actor.npc.sheet form .section-container.headerless .section-body {
  border-radius: 3px;
}
.actor.npc.sheet form .section-container.skills > .section-body .list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.actor.npc.sheet form .section-container.recall-knowledge .section-header {
  align-items: center;
}
.actor.npc.sheet form .section-container.recall-knowledge .section-header .breakdown {
  width: auto;
  cursor: pointer;
  font-size: var(--font-size-9);
  line-height: 15px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  background: var(--secondary);
  color: var(--text-light);
  font-family: var(--sans-serif);
  text-transform: uppercase;
  border-radius: 3px;
  border: none;
  padding: 2px 4px 0;
}
.actor.npc.sheet form .section-container.recall-knowledge .section-header .breakdown:hover {
  box-shadow: none;
  text-shadow: 0 0 2px white;
}
.actor.npc.sheet form .section-container.languages {
  flex: 1;
}
.actor.npc.sheet form select {
  flex: auto 0 0;
  padding: 4px !important;
  height: auto !important;
  font-family: var(--sans-serif);
  font-weight: 500;
  text-transform: uppercase;
}
.actor.npc.sheet form select option {
  color: var(--text-light);
  background-color: var(--alt);
}
.actor.npc.sheet form .adjustments {
  align-items: center;
  display: flex;
  justify-content: end;
}
.actor.npc.sheet form .adjustments .adjustment.active {
  background-color: var(--primary);
  color: var(--text-light);
}
.actor.npc.sheet form .adjustments .adjustment:not(.active) {
  background-color: var(--color-disabled);
  color: var(--color-text-trait);
}
.actor.npc.sheet form .npc-body {
  padding-left: 5px;
  display: flex;
  flex: auto;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow-y: hidden;
}
.actor.npc.sheet form .notes.active {
  display: flex;
  flex-direction: column;
  padding-right: 15px;
}
.actor.npc.sheet form .notes .details-label {
  padding: 4px;
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  color: var(--primary);
  margin-right: 2px;
  white-space: nowrap;
}
.actor.npc.sheet form .notes .notes-section {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
.actor.npc.sheet form .notes .notes-text {
  padding: 4px;
  color: #333;
  flex-grow: 1;
}
.actor.npc.sheet form .notes .notes-text .editor {
  height: 100%;
}
.actor.npc.sheet form .notes .notes-text .editor .editor-edit {
  background: var(--primary);
  color: var(--text-light);
}
.actor.npc.sheet form .notes .notes-text .editor .editor-content {
  text-indent: 8px;
  min-height: 75px;
  height: 100%;
}
.actor.npc.sheet form .notes .notes-text .editor a.editor-edit {
  padding: 2px 2px 2px 4px;
}
.actor.npc.sheet form .notes .source {
  flex-shrink: 0;
}
.actor.npc.sheet form .notes .source .section-body {
  border-width: 2px;
}
.actor.npc.sheet form .notes .source label {
  margin-right: 4px;
  flex: 0;
  font-weight: 700;
}
.actor.npc.sheet form .notes .source input::placeholder {
  color: var(--color-text-dark-6);
}
.actor.npc.sheet form .notes .source .source-input {
  flex: 2;
}
.actor.npc.sheet form.dead .profile {
  background-size: cover;
  background-color: #dbd9cd;
  box-sizing: border-box;
  border: 1px solid black;
  border-radius: 2px;
}
.actor.npc.sheet form.dead .profile > img {
  border: none;
  width: 100%;
  opacity: 0.33;
}
.actor.npc.sheet form.dead h2.name {
  margin-top: 3px;
  text-align: center;
  border-bottom: none;
}
.actor.npc.sheet form.simple .sheet-body {
  overflow-y: auto;
}
.sheet.actor.loot form {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.sheet.actor.loot section.sidebar {
  display: flex;
  flex-direction: column;
  width: 200px;
  height: 100%;
  border-right: 1px solid var(--color-text-light-7);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.sheet.actor.loot section.sidebar > * {
  flex: 0;
}
.sheet.actor.loot section.sidebar .image-container {
  display: flex;
}
.sheet.actor.loot section.sidebar .image-container > img.actor-image {
  flex: none;
  border: none;
  border-bottom: 1px solid var(--color-text-light-7);
}
.sheet.actor.loot section.sidebar .image-container [data-action=show-image] {
  bottom: 3px;
  right: 2px;
}
.sheet.actor.loot section.sidebar .gm-settings {
  border-bottom: 1px solid var(--color-text-light-7);
  display: flex;
  flex-direction: column;
  padding: 0.25rem;
}
.sheet.actor.loot section.sidebar .gm-settings .loot-distribution {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  background-color: var(--tertiary);
}
.sheet.actor.loot section.sidebar .gm-settings label {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.sheet.actor.loot section.sidebar .sidebar-meta {
  border-top: 1px solid var(--color-text-light-7);
}
.sheet.actor.loot section.sidebar .hidden-when-empty,
.sheet.actor.loot section.sidebar .bulk {
  align-self: end;
}
.sheet.actor.loot section.sidebar .bulk {
  line-height: 1.5em;
  margin-right: 8px;
}
.sheet.actor.loot section.sidebar > .editor,
.sheet.actor.loot section.sidebar .description {
  flex-basis: auto;
  min-height: 40px;
  flex: 1;
}
.sheet.actor.loot section.sidebar > .editor > .tox-tinymce .tox-edit-area {
  min-height: 120px;
}
.sheet.actor.loot section.sidebar .description,
.sheet.actor.loot section.sidebar .editor-content {
  padding: 0.25rem;
  overflow: hidden scroll;
}
.sheet.actor.loot .sheet-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.2rem;
  padding-top: 0.25rem;
  border-bottom: 1px solid var(--color-text-light-7);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.sheet.actor.loot .sheet-header h1 {
  margin: 0;
  border: none;
  flex: 1;
  padding-left: 0.5rem;
}
.sheet.actor.loot .sheet-header h1 > input {
  height: 40px;
  width: 100%;
  margin: 2px;
  border: none;
}
.sheet.actor.loot .sheet-header h1,
.sheet.actor.loot .sheet-header input {
  font-family: var(--serif-condensed);
  font-size: var(--font-size-36);
  font-weight: 700;
}
.sheet.actor.loot .sheet-header .sheet-type i {
  padding: 0 0.25rem 0 0.5rem;
  font-size: var(--font-size-16);
}
.sheet.actor.loot .sheet-header .tags {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  margin-left: auto;
  margin-right: 0.5em;
}
.sheet.actor.loot .sheet-header .tags .tag {
  color: var(--text-light);
  font-size: var(--font-size-16);
  height: unset;
  padding: 0.1em 0.4em;
}
.sheet.actor.loot .sheet-header .tags .tag option {
  background-color: #5e0000;
  color: inherit;
  font-size: inherit;
}
.sheet.actor.loot .sheet-header .currency {
  margin-bottom: 8px;
}
.sheet.actor.loot .sheet-body {
  padding: 0.5rem;
}
.sheet.actor.loot section.content {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}
.sheet.actor.loot section.content .inventory {
  overflow: hidden;
}
.sheet.actor.loot section.content .inventory .inventory-list {
  --border-color: var(--secondary-background);
  margin-bottom: 2px;
}
.sheet.actor.loot section.content .inventory .inventory-list .item-controls {
  flex: 0 0 4rem;
}
.sheet.actor.loot section.content .inventory .inventory-list .item-controls a.item-toggle-equip {
  display: none;
}
.sheet.actor.loot section.content .inventory .inventory-header {
  background: var(--primary-background);
  color: var(--text-light);
}
.loot-actor-popup {
  flex: unset;
}
.loot-actor-popup .confirm-button {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  width: calc(100% - 6px);
  height: 2.5em;
  margin-top: 1em;
  background-color: var(--tertiary);
}
.loot-actor-popup .checkboxes label {
  display: block;
  padding-right: 10px;
  padding-left: 22px;
  text-indent: -22px;
}
.loot-actor-popup .checkboxes input {
  vertical-align: middle;
}
.loot-actor-popup .checkboxes label span {
  vertical-align: middle;
}
.sheet.party {
  --color-border: rgba(0, 0, 0, 0.28);
  /** White background navigation with little decorations on the left and right */
}
.sheet.party form {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: url("../assets/sheet/background.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: local;
}
.sheet.party form > header {
  background: url("../assets/sheet/header-bw.webp"), url("../assets/sheet/background.webp");
  background-repeat: repeat-x, no-repeat;
  background-size: cover;
  background-color: #2f9d50;
  background-blend-mode: multiply;
  color: var(--text-light);
  width: 100%;
  font-family: var(--sans-serif);
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.75rem;
  gap: 8px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
.sheet.party form > header .frame-container {
  flex: 0 0 60px;
  padding: 4px;
  margin: 0.75rem 0;
}
.sheet.party form > header .frame-container .frame {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
}
.sheet.party form > header .frame-container .player-image {
  object-fit: cover;
  object-position: top;
  border: none;
  border-radius: 0;
  width: 100%;
  cursor: pointer;
  border: none;
  box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
}
.sheet.party form > header input[type=text],
.sheet.party form > header input[type=number] {
  color: var(--text-light);
  border: none;
  border-bottom: 1px solid transparent;
}
.sheet.party form > header input[type=text]:not(:disabled):hover, .sheet.party form > header input[type=text]:focus,
.sheet.party form > header input[type=number]:not(:disabled):hover,
.sheet.party form > header input[type=number]:focus {
  border: none;
  border-bottom: 1px solid var(--text-light);
  box-shadow: none;
}
.sheet.party form > header .details {
  margin: 4px 0;
  flex: 1;
}
.sheet.party form > header .details {
  display: grid;
  grid: "name type" 1fr "name visibility" auto/1fr auto;
  align-items: center;
  gap: 0 0.5rem;
  font-family: var(--serif-condensed);
  font-size: var(--font-size-28);
  font-weight: 700;
}
.sheet.party form > header .details .name {
  grid-area: name;
  flex: 1;
  font-size: var(--font-size-32);
}
.sheet.party form > header .details .actor-type {
  grid-area: type;
  text-align: end;
}
.sheet.party form > header .details .visibility {
  grid-area: visibility;
  font-size: var(--font-size-14);
  opacity: 0.8;
}
.sheet.party form > header .details .visibility i {
  font-size: 0.9em;
  margin-right: 0.125rem;
}
.sheet.party nav.sheet-navigation {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  background: var(--secondary);
  background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
  transition: all 0.1s ease-out;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  position: relative;
}
.sheet.party nav.sheet-navigation .navigation-title {
  color: var(--text-light);
  margin-right: auto;
  padding-left: 1em;
  white-space: nowrap;
  width: 7em;
}
.sheet.party nav.sheet-navigation > a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 6px;
  font-size: var(--font-size-12);
}
.sheet.party nav.sheet-navigation .item {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  z-index: 1;
  transition: all 0.1s ease-out;
  color: var(--tertiary);
  fill: var(--tertiary);
  background-image: url("../assets/sheet/nav-item-inactive.webp");
  background-size: contain;
  /* prettier-ignore */
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25);
}
.sheet.party nav.sheet-navigation .item.active {
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25), 0 0 8px var(--tertiary);
}
.sheet.party nav.sheet-navigation .item:last-child {
  margin-right: 10px;
}
.sheet.party nav.sheet-navigation .item:hover, .sheet.party nav.sheet-navigation .item.active {
  z-index: 2;
  transform: scale(1.2);
  color: var(--text-light);
  fill: var(--text-light);
  background-image: url("../assets/sheet/nav-item.webp");
}
.sheet.party nav.sheet-navigation .item .fas {
  padding-bottom: 0;
}
.sheet.party nav.sheet-navigation .item:hover .pfs-icon {
  filter: drop-shadow(0 0 8px var(--color-shadow-primary));
}
.sheet.party nav.sheet-navigation .item .action-icon {
  font-family: "Pathfinder2eActions", sans-serif;
  font-size: 1rem;
}
.sheet.party nav.sub-nav {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  list-style: none;
  background-color: var(--bg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  width: 100%;
  flex: 0 0 2.5rem;
}
.sheet.party nav.sub-nav::before, .sheet.party nav.sub-nav::after {
  content: "";
  width: 37px;
  height: 16px;
  background: url("../assets/sheet/sub-nav-decoration.webp");
  margin: 0 16px;
}
.sheet.party nav.sub-nav::after {
  transform: scaleX(-100%);
}
.sheet.party nav.sub-nav a,
.sheet.party nav.sub-nav .tab {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  color: var(--alt);
  cursor: pointer;
  display: block;
  font: 400 var(--font-size-16) var(--serif);
  flex: 1;
  margin: 0 0.25rem;
  max-width: 30%;
  text-align: center;
  text-decoration: none;
  transition: all 0.1s ease-out;
}
.sheet.party nav.sub-nav a.active,
.sheet.party nav.sub-nav .tab.active {
  color: var(--primary);
  font-weight: 600;
}
.sheet.party nav.sub-nav a:first-child,
.sheet.party nav.sub-nav .tab:first-child {
  border-left: none;
}
.sheet.party nav.sub-nav a:last-child,
.sheet.party nav.sub-nav .tab:last-child {
  border-right: none;
}
.sheet.party nav.sub-nav a:hover,
.sheet.party nav.sub-nav .tab:hover {
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
}
.sheet.party .tab nav.sub-nav {
  padding-right: 20px;
}
.sheet.party .actor-link {
  cursor: pointer;
}
.sheet.party .readonly {
  pointer-events: none;
}
.sheet.party .readonly a,
.sheet.party .readonly button {
  pointer-events: none;
}
.sheet.party .container {
  height: 100%;
  overflow: hidden;
}
.sheet.party .content {
  overflow: hidden scroll;
  flex: 1;
}
.sheet.party .tab.active {
  display: flex;
  height: 100%;
}
.sheet.party .item-list.directory-list {
  gap: 0.2em;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sheet.party .item-list.directory-list .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 2px 4px 2px 12px;
  width: 100%;
}
.sheet.party .item-list.directory-list .item p:empty {
  display: none;
}
.sheet.party .item-list.directory-list .item .item-name {
  display: flex;
  align-items: center;
  flex: 1;
}
.sheet.party .item-list.directory-list .item .item-name h4 {
  cursor: pointer;
  margin: 0;
}
.sheet.party .item-list.directory-list .item .item-name .item-image {
  margin-right: 8px;
}
.sheet.party .item-list.directory-list .item .item-controls {
  display: flex;
  flex: 0;
  font-size: var(--font-size-12);
  gap: 1px;
  white-space: nowrap;
}
.sheet.party .item-list.directory-list .item .item-controls a.info-only:hover {
  cursor: default;
  text-shadow: none;
}
.sheet.party .item-list.directory-list .item .item-controls a + a {
  margin-left: 4px;
}
.sheet.party .item-list.directory-list .item .item-summary {
  flex-basis: 100%;
}
.sheet.party .item-list.directory-list .item.unidentified {
  border-radius: 1px;
  outline: 1px dotted rgba(75, 74, 68, 0.5);
  background: var(--visibility-gm-bg);
}
.sheet.party .item-list.directory-list .item .button-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  width: 50%;
  flex: 0;
}
.sheet.party .item-list.directory-list .item .button-group button {
  margin: 0;
  border: none;
  cursor: pointer;
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  padding: 5px;
  color: var(--text-light);
  width: 70px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  background: var(--secondary);
  border-radius: 2px;
  flex: 0;
  white-space: nowrap;
  margin-left: 4px;
  flex: 0;
}
.sheet.party .item-list.directory-list .item .button-group button:hover {
  box-shadow: none;
  text-shadow: 0 0 2px white;
}
.sheet.party .item-list.directory-list .item {
  margin: 2px 0;
  border: solid transparent;
  border-width: 0 0 1px;
  border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
}
.sheet.party .item-list.directory-list .item .item-summary {
  margin-top: 8px;
}
.sheet.party header.content-header {
  align-items: center;
  background-color: var(--sub);
  color: var(--text-light);
  display: flex;
  font-weight: 600;
  margin-bottom: 0.5rem;
  padding: 0 0.5rem;
  line-height: 2.375rem;
}
.sheet.party header.content-header .buttons {
  align-items: center;
  display: flex;
  margin-left: auto;
}
.sheet.party header.content-header button {
  background-color: var(--tertiary);
  border: 1px solid var(--alt-dark);
  border-radius: 0;
  color: var(--alt-dark);
  min-width: 1.875rem;
  height: 1.875rem;
  margin: 0;
}
.sheet.party header.content-header button + button {
  margin-left: -1px;
}
.sheet.party .sidebar {
  overflow: hidden scroll;
  border-right: 1px solid #888;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  padding: 0.5rem;
  width: 13.5rem;
}
.sheet.party .sidebar .box-list {
  margin: 0;
  padding: 0;
  display: flex;
  color: var(--alt-dark);
  flex-direction: column;
  font-family: var(--sans-serif);
  gap: 0.5rem;
  list-style-type: none;
}
.sheet.party .sidebar .box {
  border: 1px solid var(--color-border);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
  font-family: var(--sans-serif);
  border-radius: 3px;
  font-size: var(--font-size-12);
}
.sheet.party .sidebar .box .summary-data > div {
  align-items: center;
  display: flex;
  margin: 0.5rem;
}
.sheet.party .sidebar .box .summary-data > div label {
  flex: 1;
  font-weight: 600;
}
.sheet.party .sidebar .box .actor-link img {
  border: none;
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}
.sheet.party .sidebar .box .name {
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sheet.party .sidebar .box header,
.sheet.party .sidebar .box footer {
  position: relative;
  margin: -1px;
  padding: 0 0.25rem;
}
.sheet.party .sidebar .box header {
  background-color: var(--sub);
  border-radius: 3px 3px 0 0;
  color: var(--text-light);
  font-weight: 700;
  height: 1.125rem;
  line-height: 1.125rem;
}
.sheet.party .sidebar .box footer {
  background-color: var(--bg-dark);
  border-radius: 0 0 3px 3px;
  border: 1px solid var(--color-border);
  border-top: none;
  color: var(--sub);
  font-weight: 500;
  height: 1rem;
  line-height: 1rem;
}
.sheet.party .tag-light {
  --tag-color: var(--color-proficiency-untrained);
  align-items: center;
  border-radius: 2px;
  border: 1px solid var(--tag-color);
  color: var(--tag-color);
  display: flex;
  font: 700 var(--font-size-13)/1.25rem var(--sans-serif);
  font-variant: all-small-caps;
  gap: 0.125rem;
  height: 1.25rem;
  margin: 0;
  padding: 0 0.25rem;
  white-space: nowrap;
  width: auto;
}
.sheet.party .tag-light .mod {
  font-weight: 500;
}
.sheet.party [data-tab=inventory] .inventory-members .box .content {
  align-items: center;
  display: flex;
  padding: 0.5rem;
  overflow: hidden;
}
.sheet.party [data-tab=inventory] .inventory-members .box .content img {
  grid-area: image;
  margin-right: 0.4rem;
}
.sheet.party [data-tab=inventory] .inventory-members .box .content .sub-data {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.sheet.party [data-tab=inventory] .inventory-members .box footer {
  align-items: center;
  display: flex;
  gap: 0.25rem;
}
.sheet.party [data-tab=inventory] .inventory-members .box footer i {
  font-size: 0.8em;
}
.sheet.party [data-tab=inventory] .inventory-members .box .inventory-data {
  display: flex;
  gap: 0.25rem;
  padding: 2px 3px;
  font-size: var(--font-size-12);
}
.sheet.party [data-tab=inventory] .inventory {
  flex: 1;
  padding: 0.5rem 4px 0.5em 0.5em;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sheet.party [data-tab=inventory] .inventory .item-controls {
  max-width: 3.5rem;
}
.sheet.party [data-tab=overview] .content {
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
}
.sheet.party [data-tab=overview] .summary {
  border-image-repeat: repeat;
  border-image-slice: 11;
  border-image-source: url("../assets/sheet/frame-elegant.svg");
  border-image-width: 14px;
  border-style: double;
  display: flex;
  flex-direction: column;
  padding: 0.375rem 0.5rem;
  margin: 0.25rem 1rem 0.25rem 12px;
}
.sheet.party [data-tab=overview] .summary nav {
  color: var(--alt-dark);
  display: flex;
  gap: 0.25rem;
  line-height: 1.25em;
  margin-bottom: 0.375rem;
  align-items: center;
}
.sheet.party [data-tab=overview] .summary nav button {
  border: none;
  font-size: var(--font-size-14);
  font-weight: 500;
  padding: 0 0.5rem;
  white-space: nowrap;
  width: auto;
}
.sheet.party [data-tab=overview] .summary nav button.active {
  background: var(--secondary);
  color: var(--text-light);
}
.sheet.party [data-tab=overview] .summary nav label {
  margin-left: auto;
  margin-right: 0.25rem;
}
.sheet.party [data-tab=overview] .summary .tags,
.sheet.party [data-tab=overview] .summary .skills {
  margin: 0;
}
.sheet.party [data-tab=overview] .summary [hidden] {
  display: none;
}
.sheet.party [data-tab=overview] .skills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.sheet.party [data-tab=overview] .skills .tag-light[data-rank="1"] {
  --tag-color: var(--color-proficiency-trained);
}
.sheet.party [data-tab=overview] .skills .tag-light[data-rank="2"] {
  --tag-color: var(--color-proficiency-expert);
}
.sheet.party [data-tab=overview] .skills .tag-light[data-rank="3"] {
  --tag-color: var(--color-proficiency-master);
}
.sheet.party [data-tab=overview] .skills .tag-light[data-rank="4"] {
  --tag-color: var(--color-proficiency-legendary);
}
.sheet.party [data-tab=overview] .skills .perception {
  color: var(--text-light);
  background-color: var(--tag-color);
}
.sheet.party [data-tab=overview] .member {
  display: flex;
  flex-direction: row;
  font-family: var(--sans-serif);
  padding: 0.5rem 1rem;
  position: relative;
  height: 7.375rem;
}
.sheet.party [data-tab=overview] .member:not(:last-child):after {
  content: "";
  background-color: rgba(68, 55, 48, 0.1);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
}
.sheet.party [data-tab=overview] .member > .portrait {
  margin-right: 8px;
  min-width: 5.5rem;
  position: relative;
}
.sheet.party [data-tab=overview] .member > .portrait img {
  position: absolute;
  border: none;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.sheet.party [data-tab=overview] .member > .portrait .health-bar {
  background-color: var(--sub);
  bottom: 0;
  color: var(--text-light);
  font-size: var(--font-size-12);
  font-weight: 500;
  height: 1.25rem;
  line-height: 1.25rem;
  position: absolute;
  width: 100%;
}
.sheet.party [data-tab=overview] .member > .portrait .health-bar .bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--primary);
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
}
.sheet.party [data-tab=overview] .member > .portrait .health-bar .temp {
  background-color: var(--secondary);
  top: -0.25rem;
  height: 0.25rem;
}
.sheet.party [data-tab=overview] .member > .portrait .health-bar span {
  padding-left: 0.25rem;
  position: relative;
}
.sheet.party [data-tab=overview] .member > .data {
  width: 100%;
}
.sheet.party [data-tab=overview] .member > .data header {
  border-left: 1px solid #c9bfa9;
  display: grid;
  grid: "name hero-points" "blurb hero-points"/auto max-content;
  margin-bottom: 0.25rem;
  padding-left: 0.5rem;
}
.sheet.party [data-tab=overview] .member > .data header .name {
  align-items: center;
  display: flex;
  font: 600 var(--font-size-18)/1 var(--serif);
  grid-area: name;
}
.sheet.party [data-tab=overview] .member > .data header .name i {
  font-size: 0.8em;
  margin-left: 0.125rem;
}
.sheet.party [data-tab=overview] .member > .data header .blurb {
  align-items: center;
  color: var(--alt-dark);
  display: flex;
  font: 500 var(--font-size-14)/var(--font-size-14) var(--sans-serif);
  font-variant: all-small-caps;
  gap: 0.25rem;
  grid-area: blurb;
  position: relative;
}
.sheet.party [data-tab=overview] .member > .data header .blurb hr.vr {
  border: 1px solid var(--color-border);
  height: 0.5rem;
  position: relative;
  top: 1px;
}
.sheet.party [data-tab=overview] .member > .data header .hero-points {
  align-items: end;
  display: flex;
  gap: 3px;
  grid-area: hero-points;
  width: fit-content;
}
.sheet.party [data-tab=overview] .member > .data header .hero-points > * {
  width: 1.5rem;
  height: 1.5rem;
}
.sheet.party [data-tab=overview] .member > .data header .hero-points .empty {
  border: 2px dashed rgba(0, 0, 0, 0.5);
  border-radius: 50%;
}
.sheet.party [data-tab=overview] .member > .data header .hero-points img {
  border: none;
}
.sheet.party [data-tab=overview] .member > .data .main-stats {
  display: flex;
  gap: 0.5rem;
  margin: 0.125rem 0 0.25rem 0;
}
.sheet.party [data-tab=overview] .member > .data .main-stats > section {
  border: 1px solid var(--color-border);
  border-radius: 2px;
  height: 2.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 1 0;
}
.sheet.party [data-tab=overview] .member > .data .main-stats .score {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-18);
}
.sheet.party [data-tab=overview] .member > .data .main-stats .score label {
  font-size: var(--font-size-10);
  font-weight: 500;
}
.sheet.party [data-tab=overview] .member > .data .main-stats .ac {
  border: none;
  position: relative;
  flex: 0 0 2.25rem;
}
.sheet.party [data-tab=overview] .member > .data .main-stats .ac::before {
  content: " ";
  position: absolute;
  inset: 0;
  background: url("../assets/sheet/shield-clear.svg") no-repeat center center;
  background-size: contain;
}
.sheet.party [data-tab=overview] .member > .data .main-stats .ac .value {
  color: var(--color-proficiency-trained);
  font-weight: 700;
}
.sheet.party [data-tab=overview] .member > .data .main-stats .saving-throws {
  flex: 0 0 9.5rem;
}
.sheet.party [data-tab=overview] .member > .data .main-stats .saving-throws .score {
  flex: 1;
  font-weight: 500;
}
.sheet.party [data-tab=overview] .member > .data .main-stats .senses {
  align-items: center;
  flex: 1.4;
  overflow: hidden;
}
.sheet.party [data-tab=overview] .member > .data .main-stats .senses .value {
  align-items: center;
  display: flex;
  font-size: var(--font-size-12);
  gap: 0.125rem;
  overflow-x: auto;
  max-width: 100%;
  padding: 0 0.5rem;
  padding-bottom: 7px;
  margin-bottom: -7px;
}
.sheet.party [data-tab=overview] .member > .data .main-stats .senses .value [data-acuity=imprecise],
.sheet.party [data-tab=overview] .member > .data .main-stats .senses .value [data-acuity=vague] {
  border-style: dashed;
}
.sheet.party [data-tab=exploration] .exploration-members .actor-link {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.sheet.party [data-tab=exploration] .exploration-members .member .sub-data {
  display: flex;
  flex-direction: row;
  background-color: rgba(68, 55, 48, 0.1);
  font-size: var(--font-size-11);
  font-weight: 500;
}
.sheet.party [data-tab=exploration] .exploration-members .member .sub-data > span {
  flex: 1;
  text-align: center;
  padding: 0.2rem;
}
.sheet.party [data-tab=exploration] .exploration-members .member .sub-data > span:not(:last-child) {
  border-right: 1px solid rgba(68, 55, 48, 0.1);
}
.sheet.party [data-tab=exploration] .exploration-members .member footer.health-bar {
  background-color: var(--sub);
  color: var(--text-light);
}
.sheet.party [data-tab=exploration] .exploration-members .member footer.health-bar .bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--primary);
  border-radius: 0 0 3px 3px;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
}
.sheet.party [data-tab=exploration] .exploration-members .member footer.health-bar span {
  position: relative;
}
.sheet.party [data-tab=exploration] .content {
  padding: 0.5rem;
}
.sheet.party [data-tab=exploration] .activities {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sheet.party [data-tab=exploration] .activities .member-activity {
  border-image-repeat: repeat;
  border-image-slice: 11;
  border-image-source: url("../assets/sheet/frame-elegant.svg");
  border-image-width: 14px;
  border-style: double;
  display: flex;
  align-items: center;
}
.sheet.party [data-tab=exploration] .activities .member-activity img {
  object-fit: contain;
  border: none;
}
.sheet.party [data-tab=exploration] .activities .member-activity .actor-image {
  flex: 0 0 auto;
}
.sheet.party [data-tab=exploration] .activities .member-activity .actor-image img {
  width: 4rem;
  height: 4rem;
  margin: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sheet.party [data-tab=exploration] .activities .member-activity .actor-image img i {
  color: var(--text-dark);
  font-size: var(--font-size-30);
}
.sheet.party [data-tab=exploration] .activities .member-activity .activity-entries {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  overflow: hidden;
}
.sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity {
  align-items: center;
  display: flex;
  gap: 0 0.5rem;
  margin-left: 0.25rem;
  white-space: nowrap;
}
.sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity .name {
  font-weight: 500;
}
.sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity .tags {
  flex-wrap: nowrap;
  overflow: hidden;
}
.sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity.single {
  align-items: start;
  flex-direction: column;
}
.sheet.party [data-tab=exploration] .activities .member-activity .activity-entries .activity.single .name {
  font-size: var(--font-size-16);
}
.sheet.party [data-tab=exploration] .activities .member-activity .empty {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-family: var(--serif);
  gap: 0.5rem;
}
.sheet.party [data-tab=exploration] .activities .member-activity .empty div {
  margin: 0;
}
.sheet.party [data-tab=exploration] .activities .member-activity .empty .icon {
  border: 1px dashed var(--color-border);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-14);
  height: 2.125rem;
  width: 2.125rem;
}
.sheet.party [data-tab=exploration] .activities .member-activity .empty .name {
  color: var(--primary-dark);
  font-size: var(--font-size-16);
  line-height: 1em;
}
.sheet.party [data-tab=exploration] .activities .member-activity .empty .hint {
  color: var(--alt-dark);
  line-height: 1em;
}
.sheet.party [data-tab=orphaned] .item-list {
  margin: 16px;
}
.sheet.kingdom {
  --paper-bg: rgba(221, 216, 200, 0.4);
  --drop-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  --gold: #ffd700;
  --color-divider: rgba(68, 55, 48, 0.2);
  /** White background navigation with little decorations on the left and right */
}
.sheet.kingdom form {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: url("../assets/sheet/background.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: local;
}
.sheet.kingdom form > header {
  background: url("../assets/sheet/header-bw.webp"), url("../assets/sheet/background.webp");
  background-repeat: repeat-x, no-repeat;
  background-size: cover;
  background-color: #66bc1a;
  background-blend-mode: multiply;
  color: var(--text-light);
  width: 100%;
  font-family: var(--sans-serif);
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.75rem;
  gap: 0.75rem;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
.sheet.kingdom form > header .frame-container {
  padding: 4px;
  margin: 0.75rem 0;
}
.sheet.kingdom form > header .frame-container .frame {
  position: relative;
  width: 3.25rem;
  height: 3.25rem;
}
.sheet.kingdom form > header .frame-container .player-image {
  object-fit: cover;
  object-position: top;
  border: none;
  border-radius: 0;
  width: 3.25rem;
  height: 3.25rem;
  cursor: pointer;
  border: none;
  box-shadow: 0 0 0 1px #918c88, 0 0 0 2px #e1d8cf, 0 0 0 3px #a98f39, inset 0 0 8px rgba(0, 0, 0, 0.5), 0 0 8px black;
}
.sheet.kingdom form > header .details {
  display: grid;
  grid-template: "title title title title level" auto "capital size rp fame level" auto/1fr auto auto auto auto;
  align-items: center;
  gap: 0 4px;
  font-size: var(--font-size-22);
  font-family: var(--serif-condensed);
  font-weight: 700;
  margin: 4px 0;
  flex: 1;
}
.sheet.kingdom form > header .details input[type=text],
.sheet.kingdom form > header .details input[type=number] {
  color: var(--text-light);
  border: none;
  border-bottom: 1px solid transparent;
  padding: 0;
  height: unset;
}
.sheet.kingdom form > header .details input[type=text]:hover, .sheet.kingdom form > header .details input[type=text]:focus,
.sheet.kingdom form > header .details input[type=number]:hover,
.sheet.kingdom form > header .details input[type=number]:focus {
  border: none;
  border-bottom: 1px solid var(--text-light);
  box-shadow: none;
}
.sheet.kingdom form > header .details input[type=text]::placeholder,
.sheet.kingdom form > header .details input[type=number]::placeholder {
  color: #bbb;
  opacity: 0.4;
}
.sheet.kingdom form > header .details .title {
  display: flex;
  grid-area: title;
  gap: 1rem;
  font-size: var(--font-size-30);
}
.sheet.kingdom form > header .details label {
  align-items: baseline;
  display: flex;
  gap: 0.5rem;
  white-space: nowrap;
}
.sheet.kingdom form > header .details label span {
  color: var(--gold);
  font-size: 0.8em;
  text-transform: uppercase;
}
.sheet.kingdom form > header .details .capital {
  grid-area: capital;
}
.sheet.kingdom form > header .details .size {
  grid-area: size;
  margin-left: 0.5rem;
}
.sheet.kingdom form > header .details .size input {
  width: 3ch;
  text-align: center;
}
.sheet.kingdom form > header .details .resource-points {
  grid-area: rp;
  margin-left: 1rem;
}
.sheet.kingdom form > header .details .resource-points input {
  width: 3ch;
  text-align: center;
}
.sheet.kingdom form > header .details .fame {
  align-items: center;
  display: flex;
  grid-area: fame;
  margin-left: 0.25rem;
}
.sheet.kingdom form > header .details .fame .pips {
  font-size: var(--font-size-12);
}
.sheet.kingdom form > header .details .level {
  grid-area: level;
}
.sheet.kingdom form > header section.level {
  display: flex;
  justify-content: flex-start;
  margin-left: 1rem;
  text-transform: uppercase;
}
.sheet.kingdom form > header section.level .level {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 43px;
  width: 40px;
  background: url("../assets/sheet/level-badge.webp") no-repeat;
  background-size: 40px 43px;
  z-index: 2;
  font-size: 0;
  padding-top: 2px;
}
.sheet.kingdom form > header section.level .level label {
  color: var(--sidebar-label);
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  line-height: 1.5;
}
.sheet.kingdom form > header section.level .level input {
  font-family: var(--serif);
  font-size: var(--font-size-22);
  font-weight: 400;
  color: var(--text-light);
  line-height: calc(1em + 1px);
  height: 24px;
}
.sheet.kingdom form > header section.level .level label,
.sheet.kingdom form > header section.level .level input {
  margin-left: 1px;
  text-align: center;
}
.sheet.kingdom form > header section.level .exp-data {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  width: 6rem;
}
.sheet.kingdom form > header section.level .exp-data .exp-input {
  font-size: var(--font-size-13);
  height: 1.5em;
  margin-bottom: 0.5rem;
}
.sheet.kingdom form > header section.level .exp-data .exp-input input {
  color: var(--text-light);
  font-family: var(--sans-serif);
  text-align: right;
  width: 3em;
}
.sheet.kingdom form > header section.level .exp-data .exp-input .slash {
  color: var(--sidebar-label);
}
.sheet.kingdom form > header section.level .exp-data progress {
  background-color: unset;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: none;
  bottom: 7px;
  box-shadow: 0 0 2px var(--sidebar-label);
  height: 5px;
  left: -9px;
  position: relative;
  width: 100%;
}
.sheet.kingdom form > header section.level .exp-data progress::-moz-progress-bar {
  background: var(--sidebar-title);
}
.sheet.kingdom form > header section.level .exp-data progress::-webkit-progress-bar {
  background: rgba(0, 0, 0, 0.2);
}
.sheet.kingdom form > header section.level .exp-data progress::-webkit-progress-value {
  background: var(--sidebar-title);
}
.sheet.kingdom nav.sheet-navigation {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  background: var(--secondary);
  background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
  transition: all 0.1s ease-out;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  position: relative;
}
.sheet.kingdom nav.sheet-navigation .navigation-title {
  color: var(--text-light);
  margin-right: auto;
  padding-left: 1em;
  white-space: nowrap;
  width: 7em;
}
.sheet.kingdom nav.sheet-navigation > a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 6px;
  font-size: var(--font-size-12);
}
.sheet.kingdom nav.sheet-navigation .item {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  z-index: 1;
  transition: all 0.1s ease-out;
  color: var(--tertiary);
  fill: var(--tertiary);
  background-image: url("../assets/sheet/nav-item-inactive.webp");
  background-size: contain;
  /* prettier-ignore */
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25);
}
.sheet.kingdom nav.sheet-navigation .item.active {
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.25), 0 0 8px var(--tertiary);
}
.sheet.kingdom nav.sheet-navigation .item:last-child {
  margin-right: 10px;
}
.sheet.kingdom nav.sheet-navigation .item:hover, .sheet.kingdom nav.sheet-navigation .item.active {
  z-index: 2;
  transform: scale(1.2);
  color: var(--text-light);
  fill: var(--text-light);
  background-image: url("../assets/sheet/nav-item.webp");
}
.sheet.kingdom nav.sheet-navigation .item .fas {
  padding-bottom: 0;
}
.sheet.kingdom nav.sheet-navigation .item:hover .pfs-icon {
  filter: drop-shadow(0 0 8px var(--color-shadow-primary));
}
.sheet.kingdom nav.sheet-navigation .item .action-icon {
  font-family: "Pathfinder2eActions", sans-serif;
  font-size: 1rem;
}
.sheet.kingdom nav.sub-nav {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  list-style: none;
  background-color: var(--bg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  width: 100%;
  flex: 0 0 2.5rem;
}
.sheet.kingdom nav.sub-nav::before, .sheet.kingdom nav.sub-nav::after {
  content: "";
  width: 37px;
  height: 16px;
  background: url("../assets/sheet/sub-nav-decoration.webp");
  margin: 0 16px;
}
.sheet.kingdom nav.sub-nav::after {
  transform: scaleX(-100%);
}
.sheet.kingdom nav.sub-nav a,
.sheet.kingdom nav.sub-nav .tab {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  color: var(--alt);
  cursor: pointer;
  display: block;
  font: 400 var(--font-size-16) var(--serif);
  flex: 1;
  margin: 0 0.25rem;
  max-width: 30%;
  text-align: center;
  text-decoration: none;
  transition: all 0.1s ease-out;
}
.sheet.kingdom nav.sub-nav a.active,
.sheet.kingdom nav.sub-nav .tab.active {
  color: var(--primary);
  font-weight: 600;
}
.sheet.kingdom nav.sub-nav a:first-child,
.sheet.kingdom nav.sub-nav .tab:first-child {
  border-left: none;
}
.sheet.kingdom nav.sub-nav a:last-child,
.sheet.kingdom nav.sub-nav .tab:last-child {
  border-right: none;
}
.sheet.kingdom nav.sub-nav a:hover,
.sheet.kingdom nav.sub-nav .tab:hover {
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
}
.sheet.kingdom .tab nav.sub-nav {
  padding-right: 20px;
}
.sheet.kingdom .container {
  height: 100%;
  overflow: hidden;
}
.sheet.kingdom input.adjusted-higher {
  color: #009988;
}
.sheet.kingdom input.adjusted-lower {
  color: #cc3311;
}
.sheet.kingdom .content {
  overflow: hidden scroll;
  flex: 1;
}
.sheet.kingdom .tab.active {
  display: flex;
  height: 100%;
}
.sheet.kingdom [hidden] {
  display: none !important;
}
.sheet.kingdom .drag-gap {
  visibility: hidden;
}
.sheet.kingdom .sidebar {
  overflow: hidden scroll;
  border-right: 1px solid #888;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  padding: 0.5rem;
  width: 13.5rem;
}
.sheet.kingdom .sidebar .box {
  border: 1px solid rgba(0, 0, 0, 0.28);
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.18));
  font-family: var(--sans-serif);
  border-radius: 3px;
  font-size: var(--font-size-12);
}
.sheet.kingdom .sidebar .box header,
.sheet.kingdom .sidebar .box footer {
  margin: -1px;
  padding: 0.25rem;
}
.sheet.kingdom .sidebar .box header {
  background-color: var(--sub);
  border-radius: 3px 3px 0 0;
  color: var(--text-light);
  font-weight: 700;
}
.sheet.kingdom .sidebar .box footer {
  background-color: var(--bg-dark);
  border-radius: 0 0 3px 3px;
  color: var(--sub);
  border: 1px solid rgba(0, 0, 0, 0.28);
  border-top: none;
}
.sheet.kingdom .tag-light {
  --tag-color: var(--color-proficiency-untrained);
  border: 1px solid var(--tag-color);
  border-radius: 2px;
  color: var(--tag-color);
  padding: 0 4px 0.1em 4px;
  height: 1.25rem;
  white-space: nowrap;
  font-size: var(--font-size-13);
  font-variant: all-small-caps;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.sheet.kingdom .directory-list {
  padding: 0;
  margin: 0;
}
.sheet.kingdom .directory-list h4 {
  padding: 0;
  margin: 0;
}
.sheet.kingdom .effects .directory-list {
  gap: 0.2em;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sheet.kingdom .effects .directory-list .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 2px 4px 2px 12px;
  width: 100%;
}
.sheet.kingdom .effects .directory-list .item p:empty {
  display: none;
}
.sheet.kingdom .effects .directory-list .item .item-name {
  display: flex;
  align-items: center;
  flex: 1;
}
.sheet.kingdom .effects .directory-list .item .item-name h4 {
  cursor: pointer;
  margin: 0;
}
.sheet.kingdom .effects .directory-list .item .item-name .item-image {
  margin-right: 8px;
}
.sheet.kingdom .effects .directory-list .item .item-controls {
  display: flex;
  flex: 0;
  font-size: var(--font-size-12);
  gap: 1px;
  white-space: nowrap;
}
.sheet.kingdom .effects .directory-list .item .item-controls a.info-only:hover {
  cursor: default;
  text-shadow: none;
}
.sheet.kingdom .effects .directory-list .item .item-controls a + a {
  margin-left: 4px;
}
.sheet.kingdom .effects .directory-list .item .item-summary {
  flex-basis: 100%;
}
.sheet.kingdom .effects .directory-list .item.unidentified {
  border-radius: 1px;
  outline: 1px dotted rgba(75, 74, 68, 0.5);
  background: var(--visibility-gm-bg);
}
.sheet.kingdom .effects .directory-list .item .button-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  width: 50%;
  flex: 0;
}
.sheet.kingdom .effects .directory-list .item .button-group button {
  margin: 0;
  border: none;
  cursor: pointer;
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  padding: 5px;
  color: var(--text-light);
  width: 70px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  background: var(--secondary);
  border-radius: 2px;
  flex: 0;
  white-space: nowrap;
  margin-left: 4px;
  flex: 0;
}
.sheet.kingdom .effects .directory-list .item .button-group button:hover {
  box-shadow: none;
  text-shadow: 0 0 2px white;
}
.sheet.kingdom .effects .directory-list .item {
  margin: 2px 0;
  border: solid transparent;
  border-width: 0 0 1px;
  border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
}
.sheet.kingdom .effects .directory-list .item .item-summary {
  margin-top: 8px;
}
.sheet.kingdom h3.header {
  position: relative;
  margin-top: 0.75em;
  font-size: var(--font-size-16);
  font-family: var(--serif);
  font-weight: 600;
  color: var(--primary);
  line-height: 1;
  border-bottom: 1px solid var(--color-border-divider);
}
.sheet.kingdom h3.header > button, .sheet.kingdom h3.header > .controls {
  position: absolute;
  bottom: -1px;
  right: 0;
}
.sheet.kingdom h3.header .controls {
  display: flex;
}
.sheet.kingdom h3.header button {
  background: transparent;
  border-radius: 2px 2px 0 0;
  border: 1px solid var(--color-border-divider);
  color: var(--primary);
  cursor: pointer;
  font-family: var(--sans-serif);
  font-size: var(--font-size-12);
  font-weight: 500;
  height: 20px;
  line-height: var(--font-size-12);
  margin: 0;
  outline: none;
  text-transform: uppercase;
  width: auto;
}
.sheet.kingdom button.small-button,
.sheet.kingdom select.proficiency,
.sheet.kingdom span.proficiency {
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  align-items: center;
  background: var(--color-proficiency-untrained);
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  color: var(--text-light);
  display: flex;
  font-weight: 500;
  height: unset;
  justify-content: center;
  line-height: unset;
  padding: 1px 2px 1px 2px;
}
.sheet.kingdom .proficiency {
  text-align-last: center;
  appearance: none;
}
.sheet.kingdom .proficiency.readonly {
  pointer-events: none;
}
.sheet.kingdom .proficiency option[value="0"] {
  background: var(--color-proficiency-untrained);
}
.sheet.kingdom .proficiency[data-rank="1"],
.sheet.kingdom .proficiency option[value="1"] {
  background: var(--color-proficiency-trained);
}
.sheet.kingdom .proficiency[data-rank="2"],
.sheet.kingdom .proficiency option[value="2"] {
  background: var(--color-proficiency-expert);
}
.sheet.kingdom .proficiency[data-rank="3"],
.sheet.kingdom .proficiency option[value="3"] {
  background: var(--color-proficiency-master);
}
.sheet.kingdom .proficiency[data-rank="4"],
.sheet.kingdom .proficiency option[value="4"] {
  background: var(--color-proficiency-legendary);
}
.sheet.kingdom select.proficiency {
  cursor: pointer;
}
.sheet.kingdom .tab.active[data-tab=main] {
  overflow: hidden scroll;
  flex-direction: column;
}
.sheet.kingdom .tab.active[data-tab=main] input[type=text],
.sheet.kingdom .tab.active[data-tab=main] input[type=number] {
  border: none;
}
.sheet.kingdom .tab.active[data-tab=main] .content {
  display: grid;
  grid-template: "leaders resources" 1fr "leaders abilities" min-content/0.9fr 1fr;
  width: 100%;
  gap: 0 1rem;
  padding: 0.5rem;
  flex: 0 0 auto;
}
.sheet.kingdom .tab.active[data-tab=main] .leaders {
  grid-area: leaders;
}
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader {
  display: grid;
  grid-template-areas: "img name" "img label";
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto;
}
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader:not(:last-child) {
  margin-bottom: 0.375rem;
}
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .image {
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px #9f725b, inset 0 0 4px rgba(0, 0, 0, 0.5);
  grid-area: img;
  width: 2.75rem;
  height: 2.75rem;
  z-index: 1;
}
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .image img {
  border: none;
  width: 100%;
  height: 100%;
}
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .name {
  grid-area: name;
  background: rgba(0, 0, 0, 0.025);
  padding: 0 8px;
  border: 0;
  height: auto;
  line-height: 1.5em;
  height: 1.5em;
  align-self: end;
  display: flex;
  justify-content: space-between;
}
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .details {
  grid-area: label;
  align-self: flex-end;
  align-items: center;
  display: flex;
  justify-content: space-between;
  background: var(--paper-bg);
  box-shadow: var(--drop-shadow);
  font-size: var(--font-size-12);
  padding: 0 8px;
  position: relative;
  margin-bottom: 1px;
  height: 1.5rem;
}
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .details .role {
  font-variant: small-caps;
  font-weight: 500;
}
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .invested,
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .vacant {
  font-size: var(--font-size-12);
}
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .invested input,
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .vacant input {
  margin: 0;
  width: 1em;
  height: 1em;
}
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .invested i,
.sheet.kingdom .tab.active[data-tab=main] .leaders .leader .vacant i {
  font-size: 1.2em;
}
.sheet.kingdom .tab.active[data-tab=main] .resources {
  grid-area: resources;
}
.sheet.kingdom .tab.active[data-tab=main] .resources input[type=number] {
  width: 3ch;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.sheet.kingdom .tab.active[data-tab=main] .resources .resource-data {
  background: var(--paper-bg);
  box-shadow: var(--drop-shadow);
  display: grid;
  grid-template: "resource resource" min-content "commodities stats" 1fr/auto 1fr;
}
.sheet.kingdom .tab.active[data-tab=main] .resources .resource-data .resource-dice {
  grid-area: resource;
}
.sheet.kingdom .tab.active[data-tab=main] .resources .resource-data .commodities {
  grid-area: commodities;
}
.sheet.kingdom .tab.active[data-tab=main] .resources .resource-data .stats {
  grid-area: stats;
}
.sheet.kingdom .tab.active[data-tab=main] .resources .resource-dice {
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  gap: 0.25rem;
  padding: 0 0.5rem;
}
.sheet.kingdom .tab.active[data-tab=main] .resources .resource-dice .rollable {
  flex: 1;
}
.sheet.kingdom .tab.active[data-tab=main] .resources .resource-dice input {
  width: 2ch;
  text-align: center;
}
.sheet.kingdom .tab.active[data-tab=main] .resources .commodities,
.sheet.kingdom .tab.active[data-tab=main] .resources .stats {
  padding: 0.25rem 0.5rem;
  white-space: nowrap;
}
.sheet.kingdom .tab.active[data-tab=main] .resources .commodities > label, .sheet.kingdom .tab.active[data-tab=main] .resources .commodities > div,
.sheet.kingdom .tab.active[data-tab=main] .resources .commodities input[type=number],
.sheet.kingdom .tab.active[data-tab=main] .resources .stats > label,
.sheet.kingdom .tab.active[data-tab=main] .resources .stats > div,
.sheet.kingdom .tab.active[data-tab=main] .resources .stats input[type=number] {
  height: 1.5em;
  line-height: 1.5em;
}
.sheet.kingdom .tab.active[data-tab=main] .resources .commodities > label .number, .sheet.kingdom .tab.active[data-tab=main] .resources .commodities > div .number,
.sheet.kingdom .tab.active[data-tab=main] .resources .commodities input[type=number] .number,
.sheet.kingdom .tab.active[data-tab=main] .resources .stats > label .number,
.sheet.kingdom .tab.active[data-tab=main] .resources .stats > div .number,
.sheet.kingdom .tab.active[data-tab=main] .resources .stats input[type=number] .number {
  display: inline-block;
  width: 3ch;
  text-align: center;
}
.sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity {
  align-items: center;
  display: flex;
  gap: 0.25rem;
}
.sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity .type {
  width: 4.25rem;
}
.sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity .value-max {
  align-items: center;
  display: flex;
  gap: 0.125rem;
  flex: 1;
}
.sheet.kingdom .tab.active[data-tab=main] .resources .commodities .commodity .value-max input {
  width: 2ch;
}
.sheet.kingdom .tab.active[data-tab=main] .resources .stats {
  justify-self: end;
  text-align: end;
}
.sheet.kingdom .tab.active[data-tab=main] .ability-scores {
  grid-area: abilities;
  flex: 0;
}
.sheet.kingdom .tab.active[data-tab=main] .ability-scores input {
  height: auto;
}
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability {
  display: flex;
  flex-direction: row;
  align-items: end;
  width: 100%;
}
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability:not(:last-child) {
  margin-bottom: 0.375rem;
}
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .score {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--paper-bg);
  box-shadow: var(--drop-shadow);
  width: 4.5rem;
  text-align: center;
  padding: 0.375rem 0;
  z-index: 1;
}
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .score .value {
  font-size: var(--font-size-20);
}
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  box-shadow: var(--drop-shadow);
}
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section > .stat {
  display: flex;
  flex-direction: column;
  text-align: center;
  flex: 1;
}
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .ruin-value {
  display: flex;
  gap: 2px;
  justify-content: center;
}
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .ruin-value input {
  width: 3ch;
}
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .progress {
  flex-basis: 100%;
  margin: 0;
  padding: 0;
  height: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  margin-top: 0.125rem;
  background: #ddd;
}
.sheet.kingdom .tab.active[data-tab=main] .ability-scores .ability .corruption-section .progress::after {
  display: block;
  content: " ";
  background-color: var(--color-border-highlight-alt);
  width: calc(100% * var(--value) / var(--max));
  max-width: 100%;
  height: 100%;
}
.sheet.kingdom .tab.active[data-tab=activities] {
  display: flex;
  flex-direction: row;
  padding: 0 1rem;
  height: 100%;
}
.sheet.kingdom .tab.active[data-tab=activities] .skills,
.sheet.kingdom .tab.active[data-tab=activities] .actions {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.sheet.kingdom .tab.active[data-tab=activities] .skill-list,
.sheet.kingdom .tab.active[data-tab=activities] .actions-list {
  overflow: hidden scroll;
  margin-bottom: 0.25rem;
}
.sheet.kingdom .tab.active[data-tab=activities] .skills {
  padding-right: 0.5rem;
}
.sheet.kingdom .tab.active[data-tab=activities] .skills .control-dc {
  align-items: center;
  background: var(--paper-bg);
  box-shadow: var(--drop-shadow);
  display: flex;
  gap: 8px;
  margin: 0.5rem 0;
}
.sheet.kingdom .tab.active[data-tab=activities] .skills .control-dc .mod {
  color: var(--secondary);
  display: inline-block;
  font-family: var(--serif);
  font-size: 1.25em;
  font-weight: bold;
  min-width: 3rem;
  text-align: right;
}
.sheet.kingdom .tab.active[data-tab=activities] .skills .skill {
  display: flex;
  align-items: center;
  padding: 1px 0;
  padding-right: 0.5rem;
  gap: 8px;
}
.sheet.kingdom .tab.active[data-tab=activities] .skills .skill .mod {
  display: flex;
  color: var(--primary);
  font-family: var(--serif);
  font-weight: 600;
  font-size: 1.25em;
  line-height: 1em;
  min-width: 3rem;
  padding: 3px 0;
}
.sheet.kingdom .tab.active[data-tab=activities] .skills .skill .mod i {
  color: var(--text-dark);
  font-size: 0.8em;
  margin-right: 2px;
}
.sheet.kingdom .tab.active[data-tab=activities] .skills .skill .name {
  flex: 1;
  color: var(--alt-dark);
}
.sheet.kingdom .tab.active[data-tab=activities] .skills .skill .name.selected {
  color: var(--text-dark);
  font-weight: 600;
}
.sheet.kingdom .tab.active[data-tab=activities] .skills .skill:not(:last-child) {
  border-bottom: 1px solid var(--color-divider);
}
.sheet.kingdom .tab.active[data-tab=activities] .skills .skill .button-group {
  display: flex;
  padding-left: 0.25rem;
}
.sheet.kingdom .tab.active[data-tab=activities] .skills .skill .button-group .proficiency {
  min-width: 11ch;
}
.sheet.kingdom .tab.active[data-tab=activities] .skills .skill .button-group .small-button {
  flex: 0;
}
.sheet.kingdom .tab.active[data-tab=activities] .actions {
  flex: 1;
}
.sheet.kingdom .tab.active[data-tab=activities] .actions h3.header .filters {
  float: right;
  margin: -0.125rem 0 0.125rem auto;
}
.sheet.kingdom .tab.active[data-tab=activities] .actions h3.header .filters .choice {
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.2s ease-in-out;
}
.sheet.kingdom .tab.active[data-tab=activities] .actions h3.header .filters .choice.active {
  opacity: 1;
}
.sheet.kingdom .tab.active[data-tab=activities] .actions h3.header .filters .choice:hover {
  box-shadow: 0 0 5px var(--primary);
}
.sheet.kingdom .tab.active[data-tab=activities] .actions .phase-summary {
  background: var(--paper-bg);
  box-shadow: var(--drop-shadow);
  margin: 0 12px 0.5rem 2px;
  padding: 0.25rem 0.5rem;
}
.sheet.kingdom .tab.active[data-tab=activities] .actions .phase-summary header {
  font-size: 1.2em;
  font-weight: bold;
  color: var(--color-text-dark-input);
  margin-top: 0.25rem;
}
.sheet.kingdom .tab.active[data-tab=activities] .actions .action {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  padding: 4px;
  width: 100%;
  gap: 0.5rem;
  padding-right: 0.5rem;
}
.sheet.kingdom .tab.active[data-tab=activities] .actions .action:not(:last-child) {
  border-bottom: 1px solid var(--color-divider);
}
.sheet.kingdom .tab.active[data-tab=activities] .actions .action .item-name {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex: 1;
}
.sheet.kingdom .tab.active[data-tab=activities] .actions .action .item-summary {
  flex-basis: 100%;
  margin-bottom: 0.5rem;
}
.sheet.kingdom .tab.active[data-tab=activities] .actions .action .item-summary .tags {
  display: none;
}
.sheet.kingdom .tab.active[data-tab=activities] .actions .action .tags {
  margin-left: 0.25rem;
}
.sheet.kingdom .tab.active[data-tab=world] {
  padding: 0.75rem;
}
.sheet.kingdom .tab.active[data-tab=world] input[type=text],
.sheet.kingdom .tab.active[data-tab=world] input[type=number] {
  border: none;
  height: 1.5em;
  line-height: 1.5em;
}
.sheet.kingdom .tab.active[data-tab=world] .content {
  padding-right: 0.5rem;
  margin-right: 0.5rem;
}
.sheet.kingdom .tab.active[data-tab=world] .settlement {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 1rem;
  padding: 0.25rem 0.25rem 0.25rem 0;
}
.sheet.kingdom .tab.active[data-tab=world] .settlement:not(.expanded, :last-child) {
  border-bottom: 1px solid var(--color-divider);
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-name {
  flex: 1;
  display: flex;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-name h4 {
  cursor: pointer;
  min-height: 1em;
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level {
  display: flex;
  align-items: center;
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level input[type=number] {
  width: 3ch;
  text-align: center;
  padding: 0;
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .name {
  flex: 1;
  font-size: var(--font-size-16);
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-name select {
  margin-left: 2rem;
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level {
  font-size: var(--font-size-16);
  margin-left: 0.5rem;
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-name .level input {
  width: 3ch;
  text-align: center;
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary {
  flex-basis: 100%;
  background: var(--paper-bg);
  box-shadow: var(--drop-shadow);
  margin-top: 0.5rem;
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data {
  display: flex;
  justify-content: space-between;
  margin: 0 0.125rem 0 0;
  border-bottom: 1px solid var(--color-divider);
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data > section {
  flex: 1 0 auto;
  padding: 0.5rem;
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data > section + section {
  border-left: 1px solid var(--color-divider);
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data input[type=number] {
  width: 3ch;
  text-align: center;
  padding: 0;
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data input[type=checkbox] {
  margin: 0;
  width: 1rem;
  height: 1rem;
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data label,
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data div.value {
  align-items: center;
  display: flex;
  gap: 0.25rem;
  line-height: 1.5em;
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data .stats {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data .storage-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.25rem;
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary .settlement-data .storage-items label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .item-summary > .details {
  padding: 0.5rem;
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .editor {
  display: flex;
  flex-direction: column;
}
.sheet.kingdom .tab.active[data-tab=world] .settlement .editor .tox {
  flex: 1;
  min-height: 16rem;
}
.sheet.kingdom .tab.active[data-tab=world] aside {
  background: var(--paper-bg);
  box-shadow: var(--drop-shadow);
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.sheet.kingdom .tab.active[data-tab=world] aside input[type=number] {
  width: 3ch;
  text-align: center;
  padding: 0;
}
.sheet.kingdom .tab.active[data-tab=world] aside section .row,
.sheet.kingdom .tab.active[data-tab=world] aside section label {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.sheet.kingdom .tab.active[data-tab=world] aside .work-sites .value span {
  min-width: 7rem;
}
.sheet.kingdom .tab.active[data-tab=world] aside .other-data label {
  width: 100%;
  justify-content: space-between;
}
.sheet.kingdom .tab.active[data-tab=features] .content {
  padding: 12px;
  padding-bottom: 1em;
  font-family: var(--body-serif);
}
.sheet.kingdom .tab.active[data-tab=features] .feat-section {
  padding-bottom: 1em;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item {
  display: grid;
  grid: "name ctrl" min-content "content content" min-content/1fr min-content;
  align-items: center;
  padding: 2px 0;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item:nth-child(odd) {
  background-color: rgba(120, 100, 82, 0.1);
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name,
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-controls {
  margin: 0;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name {
  grid-area: name;
  display: flex;
  flex: 1;
  align-items: center;
  width: 100%;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name .feat-slot-title {
  display: flex;
  font-family: var(--serif);
  font-size: 1.1em;
  font-weight: 600;
  color: var(--secondary);
  justify-content: center;
  width: 20px;
  margin-left: 6px;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name .item-placeholder {
  margin-left: 40px;
  margin-right: 4px;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name h4 {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-family: var(--serif);
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name h4:hover {
  color: var(--primary);
  text-shadow: 0 0 3px var(--tertiary);
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name .item-image {
  margin-left: 8px;
  margin-right: 8px;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-controls {
  align-items: center;
  display: flex;
  font-size: var(--font-size-12);
  grid-area: ctrl;
  height: 100%;
  white-space: nowrap;
  width: 100%;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-controls a:last-child {
  margin-right: 6px;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item .item-summary {
  flex: 100%;
  grid-area: content;
  padding: 0 8px 8px;
  margin: 4px 0 0 4px;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts {
  font-family: var(--font-primary);
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts section {
  align-items: center;
  display: flex;
  gap: 4px;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts section .abilities {
  display: flex;
  gap: 3px;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts strong {
  line-height: 1.5em;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item .build-entry-boosts .tag {
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
  line-height: unset;
  padding: 0.15em;
  font-size: 0.9em;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items {
  grid-column: span 2;
  border-left: 3px dotted #786452;
  display: flex;
  margin: 1px 0 0 45px;
  padding: 0;
  flex-basis: 100%;
  flex-direction: column;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  margin: 2px 0;
  padding-bottom: 1px;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li:last-child {
  padding-bottom: 0;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li .item-name .feat-slot-title {
  width: 0;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li .item-name img {
  margin-left: 0;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li .item-controls {
  flex: 0;
}
.sheet.kingdom .tab.active[data-tab=features] .feat-item ol.nested-items li ol.nested-items {
  margin-left: 25px;
}
.sheet.kingdom .tab.active[data-tab=ongoing] {
  padding: 0.75rem;
  gap: 1rem;
}
.sheet.kingdom .tab.active[data-tab=ongoing] .events {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc {
  display: flex;
  gap: 1ch;
  background: var(--paper-bg);
  box-shadow: var(--drop-shadow);
  line-height: 1.5em;
  padding: 0.5rem 1rem;
}
.sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc,
.sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc input {
  font-size: var(--font-size-18);
}
.sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc input {
  width: 3ch;
  background: none;
  border: none;
  padding: 0;
}
.sheet.kingdom .tab.active[data-tab=ongoing] .events .event-dc .dc {
  margin-left: auto;
}
.sheet.kingdom .tab.active[data-tab=ongoing] .events .event-details {
  background: var(--paper-bg);
  box-shadow: var(--drop-shadow);
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0.5rem;
  overflow: auto;
}
.sheet.kingdom .tab.active[data-tab=ongoing] .events .event-details .editor {
  flex: 1;
}
.sheet.kingdom .tab.active[data-tab=ongoing] aside {
  width: 18rem;
}
.sheet.kingdom .tab.active[data-tab=ongoing] aside > h3.header {
  margin-top: 0;
}
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list {
  gap: 0.2em;
}
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 2px 4px 2px 12px;
  width: 100%;
}
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item p:empty {
  display: none;
}
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-name {
  display: flex;
  align-items: center;
  flex: 1;
}
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-name h4 {
  cursor: pointer;
  margin: 0;
}
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-name .item-image {
  margin-right: 8px;
}
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-controls {
  display: flex;
  flex: 0;
  font-size: var(--font-size-12);
  gap: 1px;
  white-space: nowrap;
}
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-controls a.info-only:hover {
  cursor: default;
  text-shadow: none;
}
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-controls a + a {
  margin-left: 4px;
}
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .item-summary {
  flex-basis: 100%;
}
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item.unidentified {
  border-radius: 1px;
  outline: 1px dotted rgba(75, 74, 68, 0.5);
  background: var(--visibility-gm-bg);
}
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .button-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  width: 50%;
  flex: 0;
}
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .button-group button {
  margin: 0;
  border: none;
  cursor: pointer;
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  padding: 5px;
  color: var(--text-light);
  width: 70px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  background: var(--secondary);
  border-radius: 2px;
  flex: 0;
  white-space: nowrap;
  margin-left: 4px;
  flex: 0;
}
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item .button-group button:hover {
  box-shadow: none;
  text-shadow: 0 0 2px white;
}
.sheet.kingdom .tab.active[data-tab=ongoing] aside .effects-list .item {
  padding-left: 0;
}
.sheet.kingdom-builder .window-content {
  padding: 0;
  overflow: hidden;
}
.sheet.kingdom-builder h3 {
  font-family: var(--sans-serif);
}
.sheet.kingdom-builder form {
  display: flex;
  flex-direction: column;
  background: url("../assets/sheet/background.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: local;
}
.sheet.kingdom-builder form > nav {
  display: flex;
  font-family: var(--serif-condensed);
  font-size: var(--font-size-22);
  margin-top: 0.125rem;
  align-items: flex-end;
  width: 100%;
}
.sheet.kingdom-builder form > nav a {
  border-radius: 3px 3px 0 0;
  padding: 0.25rem 0.5rem;
  white-space: nowrap;
  flex: 1;
  text-align: center;
  position: relative;
}
.sheet.kingdom-builder form > nav a:not(.active) {
  margin-top: 1px;
  border-bottom: 1px solid var(--alt-dark);
}
.sheet.kingdom-builder form > nav a.active {
  border: 1px solid var(--alt-dark);
  border-bottom-color: transparent;
  margin-left: -1px;
  margin-right: -1px;
}
.sheet.kingdom-builder form > nav a .complete {
  font-size: 0.8em;
}
.sheet.kingdom-builder form > nav:before, .sheet.kingdom-builder form > nav:after {
  content: "";
  width: 0.25rem;
  border-bottom: 1px solid var(--alt-dark);
}
.sheet.kingdom-builder .container {
  height: 100%;
  overflow: hidden;
}
.sheet.kingdom-builder .tab.active {
  display: flex;
  flex: 1;
}
.sheet.kingdom-builder button.complete {
  color: var(--text-light);
  background: var(--secondary);
  height: 35px;
  width: 131px;
  border: 1px solid var(--tertiary);
}
.sheet.kingdom-builder button.complete:disabled {
  background: var(--sub);
  pointer-events: none;
  opacity: 0.75;
}
.sheet.kingdom-builder .build-element {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.sheet.kingdom-builder .build-element .choices {
  display: flex;
  margin: 0.5rem 0.25rem;
}
.sheet.kingdom-builder .build-element .choices .choice {
  display: flex;
  cursor: pointer;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  margin: 0.5rem 0;
  text-align: center;
  white-space: nowrap;
}
.sheet.kingdom-builder .build-element .choices .choice img {
  border-radius: 3px;
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
}
.sheet.kingdom-builder .build-element .choices .choice.selected, .sheet.kingdom-builder .build-element .choices .choice:hover {
  text-shadow: 0 0 8px var(--color-shadow-primary);
}
.sheet.kingdom-builder .build-element .choices .choice.selected img, .sheet.kingdom-builder .build-element .choices .choice:hover img {
  box-shadow: 0 0 8px var(--color-shadow-primary);
}
.sheet.kingdom-builder .build-element .build-entry-boosts {
  font-family: var(--font-primary);
}
.sheet.kingdom-builder .build-element .build-entry-boosts section {
  align-items: center;
  display: flex;
  gap: 4px;
}
.sheet.kingdom-builder .build-element .build-entry-boosts section .abilities {
  display: flex;
  gap: 3px;
}
.sheet.kingdom-builder .build-element .build-entry-boosts strong {
  line-height: 1.5em;
}
.sheet.kingdom-builder .build-element .build-entry-boosts .tag {
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
  line-height: unset;
  padding: 0.15em;
  font-size: 0.9em;
}
.sheet.kingdom-builder .build-element .selection {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 0.5rem;
}
.sheet.kingdom-builder .build-element .selection .text {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.sheet.kingdom-builder .build-element .selection .text h3 {
  display: flex;
  justify-content: space-between;
}
.sheet.kingdom-builder .build-element .selection .text .description {
  overflow-y: auto;
  overflow-x: hidden;
  height: 8rem;
}
.sheet.kingdom-builder .build-element .selection footer {
  display: flex;
  width: 100%;
  align-items: end;
  min-height: 4.5em;
}
.sheet.kingdom-builder .build-element .selection footer .build-entry-boosts {
  flex: 1;
}
.sheet.kingdom-builder .build-element .selection footer button {
  flex: 0;
  white-space: nowrap;
}
.sheet.kingdom-builder .build-element .selection a[disabled] {
  opacity: 0.7;
  cursor: unset;
  text-shadow: unset;
}
.sheet.kingdom-builder .build-element .selection {
  padding: 0.5rem;
  background-color: #eee;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.sheet.kingdom-builder .ability-builder {
  padding: 6px;
  width: 100%;
}
.sheet.kingdom-builder .ability-builder h3 {
  font: 400 var(--font-size-24) var(--serif-condensed);
  line-height: var(--font-size-24);
}
.sheet.kingdom-builder .ability-builder h4 {
  font: 400 var(--font-size-10) var(--sans-serif);
  text-transform: uppercase;
  color: #605856;
}
.sheet.kingdom-builder .ability-builder button:focus:not(:focus-visible) {
  box-shadow: none;
}
.sheet.kingdom-builder .ability-builder .row {
  display: flex;
  align-items: center;
}
.sheet.kingdom-builder .ability-builder .row .row-heading {
  width: 220px;
}
.sheet.kingdom-builder .ability-builder .row.not-eligible {
  pointer-events: none;
  filter: blur(1px);
  opacity: 0.6;
}
.sheet.kingdom-builder .ability-builder .row.not-eligible .remaining {
  visibility: hidden;
}
.sheet.kingdom-builder .ability-builder .row .abilities {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  flex: 1;
}
.sheet.kingdom-builder .ability-builder .row .full-row {
  display: flex;
  flex: 1;
  justify-content: center;
}
.sheet.kingdom-builder .ability-builder header.row {
  align-items: normal;
  padding-top: 10px;
  margin-bottom: 0.5rem;
}
.sheet.kingdom-builder .ability-builder header.row .row-column {
  display: block;
}
.sheet.kingdom-builder .ability-builder header.row .abilities {
  align-items: normal;
}
.sheet.kingdom-builder .ability-builder .row-heading {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  grid-template-areas: "img description remaining";
  align-items: center;
}
.sheet.kingdom-builder .ability-builder .row-heading h3 {
  grid-column: 1/4;
  align-self: start;
  font-size: var(--font-size-24);
}
.sheet.kingdom-builder .ability-builder .row-heading .hint-container {
  grid-column: 1/4;
}
.sheet.kingdom-builder .ability-builder .row-heading img {
  grid-area: img;
  border: 0;
}
.sheet.kingdom-builder .ability-builder .row-heading div.label {
  grid-area: description;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 10px;
}
.sheet.kingdom-builder .ability-builder .row-heading div.remaining {
  grid-area: remaining;
  display: flex;
  margin-right: 10px;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: rgba(68, 55, 48, 0.1);
  align-self: center;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.sheet.kingdom-builder .ability-builder .row-heading div.remaining.extra {
  animation: glow 0.75s infinite alternate;
}
@keyframes glow {
  from {
    box-shadow: 0 0 1px 1px #ffb351;
  }
  to {
    box-shadow: 0 0 3px 3px #ffb351;
  }
}
.sheet.kingdom-builder .ability-builder .row-column {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.sheet.kingdom-builder .ability-builder .row-column button {
  align-items: center;
  border: 1px solid var(--button-color);
  color: var(--button-color);
  display: flex;
  font-size: var(--font-size-12);
  justify-content: space-around;
  outline: none;
  margin: 0;
  padding: 0.1em 0 0;
  position: relative;
  text-transform: uppercase;
  width: 6em;
  height: 1.5em;
}
.sheet.kingdom-builder .ability-builder .row-column button.boost {
  margin-top: auto;
  --button-color: #316549;
  --button-locked-color: #1b3c2a;
}
.sheet.kingdom-builder .ability-builder .row-column button.flaw {
  margin-bottom: auto;
  --button-color: #5e0000;
  --button-locked-color: #5e0000;
}
.sheet.kingdom-builder .ability-builder .row-column button:disabled {
  pointer-events: none;
  background: rgba(0, 0, 0, 0.04);
  opacity: 0.4;
}
.sheet.kingdom-builder .ability-builder .row-column button.selected {
  background: var(--button-color);
}
.sheet.kingdom-builder .ability-builder .row-column button:hover {
  cursor: pointer;
  box-shadow: 0 0 5px var(--button-color);
}
.sheet.kingdom-builder .ability-builder .row-column button:hover.key-ability.selected {
  box-shadow: none;
  cursor: default;
}
.sheet.kingdom-builder .ability-builder .row-column button:hover:disabled {
  background: rgba(0, 0, 0, 0.04);
  box-shadow: none;
  cursor: not-allowed;
}
.sheet.kingdom-builder .ability-builder .row-column button i.fas {
  font-size: var(--font-size-10);
  left: 0.5em;
  position: absolute;
  text-align: left;
}
.sheet.kingdom-builder .ability-builder .row-column button.hidden {
  pointer-events: none;
  visibility: hidden;
}
.sheet.kingdom-builder .ability-builder .row-column button.locked {
  pointer-events: none;
  background: var(--button-locked-color);
  border-color: var(--button-locked-color);
}
.sheet.kingdom-builder .ability-builder .row-column button.locked, .sheet.kingdom-builder .ability-builder .row-column button.selected {
  color: var(--text-light);
}
.sheet.kingdom-builder .ability-builder .row-column div + .boost,
.sheet.kingdom-builder .ability-builder .row-column button + .boost {
  margin-top: 4px;
}
.sheet.kingdom-builder .ability-builder .summary-row .row-heading {
  display: block;
}
.sheet.kingdom-builder .ability-builder .summary-row .hint-container {
  background: rgba(211, 204, 188, 0.4);
  padding: 12px;
  margin-right: 10px;
  border: 1px solid rgb(211, 204, 188);
  border-radius: 3px;
  align-self: end;
}
.sheet.kingdom-builder .ability-builder .summary-row .hint-container h3 {
  color: var(--primary);
  font-variant: small-caps;
  font-size: var(--font-size-20);
  line-height: var(--font-size-16);
  font-family: var(--sans-serif-condensed);
  font-weight: 500;
}
.sheet.kingdom-builder .ability-builder .summary-row .hint-container p {
  font-style: italic;
  font-size: var(--font-size-12);
  line-height: var(--font-size-14);
  font-family: var(--sans-serif);
  font-weight: 500;
  margin-bottom: 3px;
}
.sheet.kingdom-builder .ability-builder .summary-row .hint-container label {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.sheet.kingdom-builder .ability-builder .summary-row .hint-container .aspiration {
  display: flex;
  gap: 8px;
}
.sheet.kingdom-builder .ability-builder .summary-row .hint-container .aspiration select {
  flex: 1;
}
.sheet.kingdom-builder .ability-builder .summary-row .abilities {
  grid-template-rows: auto auto;
}
.sheet.kingdom-builder .ability-builder .summary-row .row-column {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
}
.sheet.kingdom-builder .ability-builder .summary-row .row-column .value {
  height: 40px;
  font: 700 var(--font-size-24) var(--serif);
  line-height: var(--font-size-30);
}
.sheet.kingdom-builder .ability-builder .summary-row .row-column input {
  width: calc(100% - 20px);
  flex-grow: 0;
  height: 30px;
  color: var(--text-dark);
  font: 500 var(--font-size-24) var(--serif);
  border: 0;
  border-bottom: 1px solid #d3ccbc;
  border-radius: 0;
  background-color: transparent;
  margin: 0 10px 10px 10px;
  text-align: center;
}
.sheet.kingdom-builder .ability-builder .summary-row .row-column input::placeholder {
  filter: opacity(0.5);
}
.sheet.kingdom-builder .ability-builder .summary-row .row-column input:focus {
  border-bottom: 1px solid var(--alt);
}
.sheet.kingdom-builder .ability-builder .summary-row .row-column input[type=number] {
  padding-bottom: 0;
  padding-left: 4px;
}
.sheet.kingdom-builder .ability-builder .summary-row div.complete {
  grid-row: 2;
  grid-column: 1/7;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin-top: 10px;
  margin-left: auto;
}
.sheet.kingdom-builder .ability-builder .title {
  color: var(--primary);
  font: 500 var(--font-size-10) var(--sans-serif-condensed);
  line-height: var(--font-size-10);
  text-transform: uppercase;
}
.sheet.kingdom-builder .ability-builder .description {
  font: 600 var(--font-size-16) var(--serif);
}
.sheet.kingdom-builder .ability-builder .extra {
  display: flex;
  align-items: center;
  font-size: var(--font-size-12);
  margin-top: -0.25rem;
}
.sheet.kingdom-builder .ability-builder .extra .fas {
  margin-left: 0.125rem;
}
.sheet.kingdom-builder .ability-builder .extra input[type=checkbox] {
  height: var(--font-size-12);
  margin: 0;
}
.pf2e.chat-card.kingdom {
  --color-confirmation: #2c4f0d;
}
.pf2e.chat-card.kingdom .confirmation {
  align-items: center;
  color: var(--color-confirmation);
  display: flex;
  border: 1px dashed var(--color-confirmation);
  font-size: 1.2em;
  gap: 0.5rem;
  justify-content: center;
  padding: 0.25rem 0;
}
/* Mystification data revealed to GMs */
.gm-mystified-data {
  opacity: 0.75;
}
#compendium-browser > section.window-content > .content-box,
#license-viewer > section.window-content > .content-box {
  flex: 1;
  overflow: hidden;
  height: inherit;
}
#compendium-browser > section.window-content > .content-box div[class^=slider-],
#license-viewer > section.window-content > .content-box div[class^=slider-] {
  height: 10px;
  width: 80%;
  border: 1px solid black;
}
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base,
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base {
  background: #dddddd;
}
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle,
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle {
  background: none;
  border: none;
  box-shadow: none;
  color: var(--text-light);
  cursor: grab;
  font-size: var(--font-size-16);
  height: 14px;
  right: -7px;
  text-shadow: 0 0 4px black;
  top: -4px;
  width: 14px;
}
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle:active,
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle:active {
  cursor: grabbing;
}
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle.handle,
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle.handle {
  background: #c85019;
  border-radius: 2px;
  border: 1px solid black;
  box-shadow: 1px 1px 4px black;
}
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::before, #compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::after,
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::before,
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle::after {
  background: none;
}
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle .noUi-touch-area,
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-origin .noUi-handle .noUi-touch-area {
  cursor: pointer;
}
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-tooltip,
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-tooltip {
  display: none;
}
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-active .noUi-tooltip,
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-active .noUi-tooltip {
  display: block;
  background-color: rgba(0, 0, 0, 0.9);
  color: var(--text-light);
  line-height: 18px;
  padding: 6px 14px;
}
#compendium-browser > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-connect.range_selected,
#license-viewer > section.window-content > .content-box div[class^=slider-] .noUi-base .noUi-connect.range_selected {
  background: rgba(255, 255, 240, 0.8);
}
#compendium-browser > section.window-content > .content-box > nav,
#license-viewer > section.window-content > .content-box > nav {
  border-style: solid;
  border-image-outset: 0;
  border-width: 9px;
  border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  flex: 0;
  width: 100%;
  display: inline-flex;
  justify-content: space-evenly;
  align-items: center;
  background: var(--secondary);
  background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
}
#compendium-browser > section.window-content > .content-box > nav > a,
#license-viewer > section.window-content > .content-box > nav > a {
  color: var(--sidebar-label);
  padding: 4px 0;
  font-family: var(--sans-serif);
  font-size: var(--font-size-12);
  position: relative;
}
#compendium-browser > section.window-content > .content-box > nav > a.active::after,
#license-viewer > section.window-content > .content-box > nav > a.active::after {
  bottom: -2px;
  right: 39%;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--sidebar-label);
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings,
#license-viewer > section.window-content > .content-box .compendium-browser-settings {
  height: 100%;
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form,
#license-viewer > section.window-content > .content-box .compendium-browser-settings form {
  display: flex;
  height: 88%;
  flex-direction: column;
  margin-bottom: 10px;
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section,
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section {
  border: 1px solid #bbb;
  border-radius: 5px;
  margin-top: 5px;
  padding: 2px;
  /* Checkbox */
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section h3,
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section h3 {
  margin: 0;
  cursor: pointer;
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dt,
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dt {
  width: 10%;
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dt > input[type=checkbox],
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dt > input[type=checkbox] {
  transform: none;
  flex: none;
  height: auto;
  margin: 3px 3px;
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section dd,
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section dd {
  width: 88%;
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form dl,
#license-viewer > section.window-content > .content-box .compendium-browser-settings form dl {
  margin: 5px 0;
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form dt,
#license-viewer > section.window-content > .content-box .compendium-browser-settings form dt {
  display: inline-block;
  width: 40%;
  padding-left: 5px;
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form dd,
#license-viewer > section.window-content > .content-box .compendium-browser-settings form dd {
  display: inline-block;
  width: 58%;
  margin-left: 0;
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container,
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container {
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container .tab[data-tab].active,
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container .tab[data-tab].active {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container .single-column,
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container .single-column {
  width: 100%;
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container h2,
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container h2 {
  margin-top: 1em;
  margin-bottom: 0.5em;
  width: 100%;
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .settings-container div,
#license-viewer > section.window-content > .content-box .compendium-browser-settings form .settings-container div {
  width: 365px;
  margin-right: 1em;
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav,
#license-viewer > section.window-content > .content-box .compendium-browser-settings > nav {
  border-style: solid;
  border-image-outset: 0;
  border-width: 9px;
  border-image: url("../assets/sheet/corner-box.webp") 9 repeat;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  flex: 0;
  width: 100%;
  display: inline-flex;
  justify-content: space-evenly;
  align-items: center;
  background: var(--secondary);
  background: url("../assets/sheet/border-pattern.webp") repeat-x top, url("../assets/sheet/border-pattern.webp") repeat-x bottom, var(--secondary);
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav > a,
#license-viewer > section.window-content > .content-box .compendium-browser-settings > nav > a {
  color: var(--sidebar-label);
  padding: 4px 0;
  font-family: var(--sans-serif);
  font-size: var(--font-size-12);
  position: relative;
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav > a.active::after,
#license-viewer > section.window-content > .content-box .compendium-browser-settings > nav > a.active::after {
  bottom: -2px;
  right: 39%;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--sidebar-label);
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings nav,
#license-viewer > section.window-content > .content-box .compendium-browser-settings nav {
  border-width: unset;
}
#compendium-browser > section.window-content > .content-box .compendium-browser-settings button.save-settings,
#license-viewer > section.window-content > .content-box .compendium-browser-settings button.save-settings {
  background: rgba(0, 0, 0, 0.1);
  border: 2px groove var(--color-border-light-highlight);
}
#compendium-browser > section.window-content > .content-box .spell-browser,
#license-viewer > section.window-content > .content-box .spell-browser {
  display: flex;
  min-height: 100px;
  height: 100%;
  /*  Sort and filter areas */
}
#compendium-browser > section.window-content > .content-box .spell-browser .control-area,
#license-viewer > section.window-content > .content-box .spell-browser .control-area {
  position: sticky;
  display: block;
  min-width: 320px;
  width: 320px;
  padding-right: 5px;
  overflow: auto;
}
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer,
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer,
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer,
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer {
  border: 1px solid #bbb;
  border-radius: 5px;
  margin-top: 5px;
  padding: 2px;
}
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title,
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title,
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title,
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 22px;
}
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title h3,
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title h3,
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title h3,
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title h3 {
  margin: 0;
  cursor: pointer;
}
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer div.title button,
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer div.title button,
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer div.title button,
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer div.title button {
  width: fit-content;
  line-height: 22px;
}
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer button.clear-filters,
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer button.clear-filters,
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer button.clear-filters,
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer button.clear-filters {
  margin-bottom: 5px;
}
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer > dl dt > input[type=checkbox],
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer > dl dt > input[type=checkbox],
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer > dl dt > input[type=checkbox],
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer > dl dt > input[type=checkbox] {
  transform: none;
  flex: none;
  height: auto;
  margin: 3px 3px;
}
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer > dl dd > a.direction,
#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer > dl dd > a.direction,
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer > dl dd > a.direction,
#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer > dl dd > a.direction {
  padding: 2px;
}
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer dt,
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer dt {
  width: 10%;
}
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer dd,
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer dd {
  width: 82%;
}
#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer .filter-conjunction input[type=radio],
#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer .filter-conjunction input[type=radio] {
  margin: 0 5px 0 3px;
}
#compendium-browser > section.window-content > .content-box .spell-browser .rangecontainer div,
#license-viewer > section.window-content > .content-box .spell-browser .rangecontainer div {
  text-align: center;
  margin-top: 5px;
}
#compendium-browser > section.window-content > .content-box .spell-browser .rangecontainer input,
#license-viewer > section.window-content > .content-box .spell-browser .rangecontainer input {
  width: 45%;
}
#compendium-browser > section.window-content > .content-box .spell-browser .slidercontainer-flex,
#license-viewer > section.window-content > .content-box .spell-browser .slidercontainer-flex {
  display: flex;
  justify-content: space-around;
  align-items: baseline;
}
#compendium-browser > section.window-content > .content-box .spell-browser .slidercontainer-flex label,
#license-viewer > section.window-content > .content-box .spell-browser .slidercontainer-flex label {
  width: 10px;
}
#compendium-browser > section.window-content > .content-box .spell-browser dl,
#license-viewer > section.window-content > .content-box .spell-browser dl {
  margin: 5px 0;
}
#compendium-browser > section.window-content > .content-box .spell-browser dt,
#license-viewer > section.window-content > .content-box .spell-browser dt {
  display: inline-block;
  padding-left: 5px;
}
#compendium-browser > section.window-content > .content-box .spell-browser dd,
#license-viewer > section.window-content > .content-box .spell-browser dd {
  text-transform: capitalize;
  display: inline-block;
}
#compendium-browser > section.window-content > .content-box .spell-browser dd select,
#license-viewer > section.window-content > .content-box .spell-browser dd select {
  width: 6em;
  margin-left: 0.5em;
}
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list,
#license-viewer > section.window-content > .content-box .spell-browser ul.result-list {
  width: 100%;
  float: right;
  display: block;
  margin: 0;
  height: 100%;
  overflow: visible scroll;
}
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li,
#license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li {
  line-height: var(--font-size-32);
  margin: 2px 0;
}
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li:nth-child(odd),
#license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.12);
}
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > *,
#license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > * {
  align-self: center;
}
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .image,
#license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .image {
  height: 32px;
  max-width: 32px;
}
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .name,
#license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .name {
  line-height: 1em;
  padding-left: 5px;
}
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .tags,
#license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .tags {
  justify-content: center;
  margin-left: 0.5em;
  max-width: 6em;
}
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .level,
#license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .level {
  flex-grow: 1;
  font-weight: 900;
  height: 32px;
  max-width: 18px;
  text-align: center;
}
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .price,
#license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .price {
  flex: none;
  height: 32px;
  margin-right: 10px;
  min-width: 5em;
  text-align: right;
}
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li > .end,
#license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li > .end {
  font-weight: 900;
  height: 32px;
  margin-right: 3px;
  max-width: 100px;
  text-align: right;
}
#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li:hover,
#license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li:hover {
  background-color: rgba(255, 255, 255, 0.25);
  cursor: grab;
}
#compendium-browser > section.window-content > .content-box .spell-browser #tagfilter input,
#license-viewer > section.window-content > .content-box .spell-browser #tagfilter input {
  width: 100%;
}
#compendium-browser > section.window-content > .content-box .spell-browser .hint,
#license-viewer > section.window-content > .content-box .spell-browser .hint {
  font-size: var(--font-size-12);
  border: 1px solid rgba(0, 255, 5, 0.2784313725);
  border-radius: 5px;
  padding: 3px;
}
#compendium-browser > section.window-content > .content-box .spell-browser .spacer,
#license-viewer > section.window-content > .content-box .spell-browser .spacer {
  display: inline-block;
  min-width: 5px;
}
#compendium-browser > section.window-content > .content-box .spell-browser .spacer-large,
#license-viewer > section.window-content > .content-box .spell-browser .spacer-large {
  display: inline-block;
  min-width: 15px;
}
#compendium-browser > section.window-content > .content-box .spell-browser .equipment-controls,
#license-viewer > section.window-content > .content-box .spell-browser .equipment-controls {
  margin-left: 0.25em;
  margin-right: 0.25em;
  max-width: 1em;
  width: 1em;
}
#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons,
#license-viewer > section.window-content > .content-box .spell-browser .list-buttons {
  position: absolute;
  bottom: 3px;
  right: 22px;
  width: 54%;
  display: flex;
  justify-content: space-between;
}
#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button,
#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button {
  line-height: 19px;
  background: rgb(255, 255, 240);
}
#compendium-browser > section.window-content > .content-box > section.content,
#license-viewer > section.window-content > .content-box > section.content {
  height: 96%;
}
#compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active,
#license-viewer > section.window-content > .content-box > section.content > .tab.browser.active {
  height: inherit;
}
#compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div,
#license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div {
  display: grid;
  grid-template-columns: 320px auto;
}
#compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div .control-area,
#license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div .control-area {
  grid-column-start: 1;
}
#compendium-browser > section.window-content > .content-box > section.content > .tab.browser.active > div ul,
#license-viewer > section.window-content > .content-box > section.content > .tab.browser.active > div ul {
  grid-column-start: 2;
}
#compendium-browser > section.window-content > .content-box > section.content > .tab.settings.active,
#license-viewer > section.window-content > .content-box > section.content > .tab.settings.active {
  height: 98%;
}
.pf2e.item.sheet h3 {
  border-bottom: none;
}
.pf2e.item.sheet button > i {
  margin-right: 0;
}
.pf2e.item.sheet .sheet-header {
  display: flex;
  flex: 0 0 70px;
  align-items: bottom;
  width: 100%;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--secondary-background);
}
.pf2e.item.sheet .sheet-header img {
  border: none;
  object-fit: contain;
  flex: 0 0 64px;
  margin-right: 6px;
}
.pf2e.item.sheet .sheet-header .details {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.pf2e.item.sheet .sheet-header .details input,
.pf2e.item.sheet .sheet-header .details .level {
  font-family: var(--serif-condensed);
  font-size: var(--font-size-36);
  font-weight: 700;
}
.pf2e.item.sheet .sheet-header input[type=text],
.pf2e.item.sheet .sheet-header input[type=number] {
  border: none;
  height: var(--font-size-34);
}
.pf2e.item.sheet .sheet-header input[type=text]:hover, .pf2e.item.sheet .sheet-header input[type=text]:focus,
.pf2e.item.sheet .sheet-header input[type=number]:hover,
.pf2e.item.sheet .sheet-header input[type=number]:focus {
  box-shadow: none;
}
.pf2e.item.sheet .sheet-header input[name=name] {
  flex: 1;
}
.pf2e.item.sheet .sheet-header .level {
  flex: 0;
  white-space: nowrap;
  margin-left: auto;
  padding-left: 8px;
}
.pf2e.item.sheet .sheet-header .level i {
  font-size: 0.6em;
  vertical-align: middle;
}
.pf2e.item.sheet .sheet-header .level input {
  width: 40px;
  text-align: center;
}
.pf2e.item.sheet .sheet-header .feat-action-cost {
  font-size: 2.5rem;
  margin-top: -0.6rem;
  margin-bottom: -0.3rem;
  padding-left: 0.4rem;
}
.pf2e.item.sheet .sheet-header .paizo-style {
  flex-basis: 100%;
  width: 0;
  border: none;
  margin-top: 2px;
  padding-left: 0;
  padding-right: 0;
}
.pf2e.item.sheet .sheet-body {
  height: calc(100% - 35px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.pf2e.item.sheet.action form .drop-zone {
  align-items: center;
  border: 1px solid var(--color-border-light-tertiary);
  display: flex;
  gap: 0.25rem;
  max-width: fit-content;
  padding: 0 4px 0 0;
}
.pf2e.item.sheet.action form .drop-zone.empty {
  font-weight: normal;
  min-width: 12rem;
  padding: 4px;
}
.pf2e.item.sheet.action form .drop-zone.empty .name {
  font-style: italic;
  flex: 1;
  text-align: center;
}
.pf2e.item.sheet.action form .drop-zone picture,
.pf2e.item.sheet.action form .drop-zone img {
  border: 1px solid var(--color-border-dark);
  border-radius: 2px;
  box-sizing: border-box;
  display: block;
  float: left;
  height: 24px;
  width: 24px;
}
.pf2e.item.sheet.action form .drop-zone a.content-link {
  align-items: center;
  border: none;
  border-right: 1px solid var(--color-border-light-2);
  display: flex;
  gap: 0.5em;
  min-width: 9rem;
  padding: 4px;
}
.pf2e.item.sheet.action form .drop-zone a.delete {
  display: flex;
}
.pf2e.item.sheet.affliction form .affliction-stage .link:not(.linked) {
  opacity: 0.6;
  color: #a00;
}
.pf2e.item.sheet.deity form .tab.item-details select {
  max-width: fit-content;
}
.pf2e.item.sheet.effect form .sheet-content .sheet-sidebar .inventory-details .form-group select {
  max-width: fit-content;
}
.pf2e.item.sheet.effect form .sheet-content .sheet-sidebar .inventory-details .form-group .form-group.duration label {
  max-width: fit-content;
  padding-right: 0.1em;
}
.pf2e.item.sheet.feat form .drop-zone {
  align-items: center;
  border: 1px solid var(--color-border-light-tertiary);
  display: flex;
  gap: 0.25rem;
  max-width: fit-content;
  padding: 0 4px 0 0;
}
.pf2e.item.sheet.feat form .drop-zone.empty {
  font-weight: normal;
  min-width: 12rem;
  padding: 4px;
}
.pf2e.item.sheet.feat form .drop-zone.empty .name {
  font-style: italic;
  flex: 1;
  text-align: center;
}
.pf2e.item.sheet.feat form .drop-zone picture,
.pf2e.item.sheet.feat form .drop-zone img {
  border: 1px solid var(--color-border-dark);
  border-radius: 2px;
  box-sizing: border-box;
  display: block;
  float: left;
  height: 24px;
  width: 24px;
}
.pf2e.item.sheet.feat form .drop-zone a.content-link {
  align-items: center;
  border: none;
  border-right: 1px solid var(--color-border-light-2);
  display: flex;
  gap: 0.5em;
  min-width: 9rem;
  padding: 4px;
}
.pf2e.item.sheet.feat form .drop-zone a.delete {
  display: flex;
}
.pf2e.item.sheet.feat form .item-details .form-group > label {
  min-width: fit-content;
  margin-right: 1em;
}
.pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry {
  flex-wrap: nowrap;
  width: 100%;
  white-space: nowrap;
  max-width: 100%;
}
.pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry label {
  flex: 0;
}
.pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  border: 1px dotted var(--alt-dark);
  display: flex;
  font-weight: normal;
  justify-content: center;
  margin: 2px 3px 0 auto;
  max-width: 8em;
  padding: 3px;
  position: relative;
}
.pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone.ancestry-ref-broken {
  background-color: rgba(255, 0, 0, 0.15);
  border-color: var(--primary);
}
.pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone a.remove-ancestry {
  display: none;
  position: absolute;
  right: -0.5em;
  top: -0.25em;
}
.pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone a.remove-ancestry:hover {
  display: flex;
}
.pf2e.item.sheet.heritage form article .sheet-sidebar .required-ancestry .drop-zone:hover a.remove-ancestry {
  display: flex;
}
.pf2e.item.sheet.kit form .kit-list ul.kit-items {
  padding: 0;
}
.pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item {
  display: grid;
  grid-template-columns: 26px 30px auto 10px;
  align-items: center;
}
.pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item:nth-of-type(even) {
  background-color: rgba(120, 100, 82, 0.1);
}
.pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item .kit-item-name {
  line-height: 1em;
  height: 1em;
}
.pf2e.item.sheet.kit form .kit-list ul.kit-items li.kit-item .kit-item-name .fa.fa-globe {
  padding: 0 3px;
  float: right;
}
.pf2e.item.sheet.kit form .kit-list ul.kit-items ul {
  padding-left: 0.5em;
  margin-top: 0;
  grid-column: 1/5;
}
.pf2e.item.sheet.kit form .kit-list ul.kit-items ul:empty {
  display: none;
}
.pf2e.item.sheet.melee form .sheet-body .item-details .form-group.attack-modifier label,
.pf2e.item.sheet.melee form .sheet-body .item-details li.damage-partial form-group label {
  max-width: fit-content;
}
.pf2e.item.sheet.melee form .sheet-body .item-details .form-group.attack-modifier input,
.pf2e.item.sheet.melee form .sheet-body .item-details li.damage-partial form-group input {
  max-width: 6ch;
}
.pf2e.item.sheet.melee form .sheet-body .item-details ol.form-list li.damage-partial {
  align-items: center;
  display: flex;
  gap: 1em;
}
.pf2e.item.sheet.melee form .sheet-body .item-details ol.form-list li.damage-partial input {
  max-width: 12ch;
}
.pf2e.item.sheet.melee form .sheet-body .item-details ol.form-list li.damage-partial .type {
  gap: 0.25em;
}
.pf2e.item.sheet.melee form .sheet-body .item-details ol.form-list li.damage-partial .remove-partial {
  margin: 0 0.5em 0 auto;
}
.pf2e.item.sheet.spell form .damage-formulas {
  margin-top: 8px;
}
.pf2e.item.sheet.spell form .damage-formulas .details-container-flex-row {
  gap: 2px;
  margin-top: 4px;
}
.pf2e.item.sheet.spell form .damage-formulas input[type=checkbox] {
  margin-left: 2px;
}
.pf2e.item.sheet.spell form .damage-formulas .traits-list {
  display: flex;
  margin-top: 2px;
}
.pf2e.item.sheet.spell form .damage-formulas .tag {
  float: none;
}
.pf2e.item.sheet.spell form button[data-action=damage-add] {
  margin-top: 4px;
}
.pf2e.item.sheet.spell form .variants .variant {
  display: grid;
  grid-template-columns: 1fr 1fr 0.2fr;
}
.pf2e.item.sheet.spell form .variants .variant .item-controls {
  justify-self: end;
}
.pf2e.item.sheet.weapon form .item-details label {
  min-width: 9em;
}
.pf2e.item.sheet.weapon form .item-details .precious-material select {
  width: 19.5em;
}
.pf2e.item.sheet form {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pf2e.item.sheet form .item-ref-group ul.item-refs {
  border: 1px solid var(--color-border-light-2);
  border-radius: 3px;
  padding: 0;
}
.pf2e.item.sheet form .item-ref-group ul.item-refs.empty {
  background-color: rgba(120, 100, 82, 0.1);
  height: 28px;
}
.pf2e.item.sheet form .item-ref-group ul.item-refs > li {
  align-items: center;
  display: grid;
  grid-template-columns: 26px auto 2em 1em;
  padding: 1px;
}
.pf2e.item.sheet form .item-ref-group ul.item-refs > li:nth-of-type(even) {
  background-color: rgba(120, 100, 82, 0.1);
}
.pf2e.item.sheet form .item-ref-group ul.item-refs > li .name {
  display: block;
  margin-left: 0.25em;
  line-height: 1em;
  height: 1em;
}
.pf2e.item.sheet form .item-ref-group ul.item-refs > li .name .fa.fa-globe {
  padding: 0 3px;
  float: right;
}
.pf2e.item.sheet form .item-ref-group ul.item-refs > li .level {
  font-weight: bold;
  height: 1.25em;
  text-align: center;
}
.pf2e.item.sheet form .item-ref-group ul.item-refs > li a.remove {
  padding: 0 2px;
}
.pf2e.item.sheet form .item-ref-group ul.item-refs ul {
  grid-column: 1/5;
  margin-top: 0;
  padding-left: 0.5em;
}
.pf2e.item.sheet form .item-ref-group ul.item-refs ul:empty {
  display: none;
}
.pf2e.item.sheet form .item-ref-list {
  align-items: start;
}
.pf2e.item.sheet form .form-group.form-group-trait {
  height: auto;
  margin: 2px 0;
}
.pf2e.item.sheet form .form-group.form-group-trait label {
  vertical-align: top;
}
.pf2e.item.sheet form .form-group.form-group-trait > ul.abc-traits-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.pf2e.item.sheet form .form-group.form-group-trait > ul.abc-traits-list span.tag {
  float: none;
}
.pf2e.item.sheet form .form-group.other-weapons input {
  flex: 2;
}
.pf2e.item.sheet form .form-group.other-weapons select {
  flex: 1;
}
.pf2e.item.sheet form .form-group.additional-language input {
  flex: 0.5;
}
.pf2e.item.sheet form .form-group.additional-language span {
  flex: 2.5;
  padding-left: 4px;
}
.pf2e.item.sheet form .item-activations {
  padding: 8px 8px 0;
  overflow: hidden scroll;
}
.pf2e.item.sheet form .item-activations .activation + .activation, .pf2e.item.sheet form .item-activations .activation + button {
  margin-top: 0.5em;
}
.pf2e.item.sheet form .item-activations .activation .editor {
  min-height: 28px;
}
.pf2e.item.sheet form .item-activations header {
  font-size: 1.05em;
  margin-bottom: 0.25em;
  line-height: 1.25em;
}
.pf2e.item.sheet form .item-activations .activation-time {
  flex: 1;
  height: 20px;
}
.pf2e.item.sheet form .item-activations .frequency {
  flex: 1;
  gap: 4px;
  padding-right: 6px;
}
.pf2e.item.sheet form .item-activations .frequency input[type=number] {
  border: none;
  background: none;
  text-align: right;
  margin: 0 0 0 24px;
}
.pf2e.item.sheet form .item-activations .frequency > select:first-child {
  margin-left: 24px;
}
.pf2e.item.sheet form .item-activations .frequency.empty {
  text-align: right;
}
.pf2e.item.sheet form .item-activations .tags {
  margin-top: 4px;
}
.pf2e.item.sheet form .item-activations .tags label {
  margin-right: 3px;
}
.pf2e.item.sheet form .item-activations .tox {
  min-height: 150px;
}
.pf2e.item.sheet form .identify-popup {
  min-width: 300px;
}
.pf2e.item.sheet form section.sheet-body .item-mystification.active .mystification-status label {
  color: #353535;
  font-weight: 500;
}
.pf2e.item.sheet form section.sheet-body .item-mystification.active .mystification-status select {
  max-width: fit-content;
  margin-right: auto;
}
.pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified > * {
  display: flex;
}
.pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified img {
  height: 40px;
  width: 40px;
}
.pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified input {
  margin-left: 4px;
  width: 50%;
}
.pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified .editor {
  height: auto;
  min-height: 100px;
  margin: 4px auto;
  min-width: 100%;
}
.pf2e.item.sheet form section.sheet-body .item-mystification.active .unidentified .tox.tox-tinymce {
  min-height: 200px;
}
.pf2e.item.sheet form .item-rules {
  overflow: hidden scroll;
}
.pf2e.item.sheet form .item-rules select {
  font-size: var(--font-size-12);
  height: 1.36rem;
  width: auto;
}
.pf2e.item.sheet form .item-rules select span {
  padding: 0;
}
.pf2e.item.sheet form .item-rules fieldset {
  border-radius: 5px;
  border: 1px solid var(--secondary-background);
  padding: 0.25em;
}
.pf2e.item.sheet form .item-rules fieldset legend {
  font-weight: 500;
}
.pf2e.item.sheet form .item-rules .nerd-details {
  margin-bottom: 10px;
}
.pf2e.item.sheet form .item-rules .nerd-details .form-group {
  margin: 0;
}
.pf2e.item.sheet form .item-rules .nerd-details label {
  align-items: center;
  display: flex;
  flex: 0 0 70px;
  line-height: 1.5em;
  margin-right: 4px;
  min-width: 8em;
}
.pf2e.item.sheet form .item-rules .nerd-details label i.fa-info-circle {
  margin-left: auto;
  margin-right: 0.5em;
}
.pf2e.item.sheet form .item-rules .rules {
  padding-top: 7px;
  padding-right: 7px;
}
.pf2e.item.sheet form .item-rules .rules .add-rule-element {
  text-align: right;
}
.pf2e.item.sheet form .item-rules .rules textarea {
  padding: 4px;
  min-height: 60px;
  resize: vertical;
}
.pf2e.item.sheet form .item-rules .create-rule-element {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 6px;
  justify-content: flex-end;
}
.pf2e.item.sheet form .item-rules .rule-editing {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 5px;
}
.pf2e.item.sheet form .item-rules .rule-editing > .cm-editor {
  flex: 1;
  background-color: white;
  overflow: hidden;
}
.pf2e.item.sheet form .item-rules .rule-editing > .cm-editor .cm-scroller {
  overflow: hidden scroll;
  overflow: scroll;
}
.pf2e.item.sheet form .item-rules .rule-editing > .cm-editor button {
  width: auto;
  line-height: normal;
}
.pf2e.item.sheet form .item-rules .rule-editing > .cm-editor input[type=checkbox] {
  width: auto;
  height: auto;
}
.pf2e.item.sheet form .item-rules .rule-editing > .cm-editor label {
  display: inline;
}
.pf2e.item.sheet form .item-rules .rule-editing > .cm-editor .cm-search .cm-textfield {
  width: 100px;
}
.pf2e.item.sheet form .item-rules .rule-editing > .cm-editor ::selection {
  color: var(--text-dark);
}
.pf2e.item.sheet form .item-rules .rule-editing .item-controls {
  margin: 0;
}
.pf2e.item.sheet form .item-rules .rule-form {
  border-bottom: 1px solid var(--color-border-light-primary);
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
.pf2e.item.sheet form .item-rules .rule-form.drag-preview {
  background: url(../ui/parchment.jpg) repeat;
}
.pf2e.item.sheet form .item-rules .rule-form.drag-gap {
  visibility: hidden;
}
.pf2e.item.sheet form .item-rules .rule-form .rule-element-header {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}
.pf2e.item.sheet form .item-rules .rule-form .rule-element-header .drag-handle {
  cursor: grab;
  font-weight: normal;
  margin-right: 0.375rem;
  padding: 0.125rem;
}
.pf2e.item.sheet form .item-rules .rule-form .rule-element-header h3 {
  margin: 0;
}
.pf2e.item.sheet form .item-rules .rule-form .rule-element-header h3.unrecognized {
  color: #880000;
}
.pf2e.item.sheet form .item-rules .rule-form .rule-element-header .item-controls {
  margin-left: auto;
}
.pf2e.item.sheet form .item-rules .rule-form label,
.pf2e.item.sheet form .item-rules .rule-form .labelled-element {
  display: flex;
  align-items: center;
  gap: 4px;
}
.pf2e.item.sheet form .item-rules .rule-form label input,
.pf2e.item.sheet form .item-rules .rule-form label tags,
.pf2e.item.sheet form .item-rules .rule-form .labelled-element input,
.pf2e.item.sheet form .item-rules .rule-form .labelled-element tags {
  flex: 1;
}
.pf2e.item.sheet form .item-rules .rule-form .range {
  display: flex;
  gap: 3px;
  align-items: center;
}
.pf2e.item.sheet form .item-rules .rule-form .range input {
  width: 40px;
}
.pf2e.item.sheet form .item-rules .rule-form .attached-input {
  align-items: center;
  display: flex;
  flex: 2;
  justify-content: center;
}
.pf2e.item.sheet form .item-rules .rule-form .attached-input .attachment,
.pf2e.item.sheet form .item-rules .rule-form .attached-input input,
.pf2e.item.sheet form .item-rules .rule-form .attached-input .tags {
  z-index: 0;
}
.pf2e.item.sheet form .item-rules .rule-form .attached-input .attachment:hover, .pf2e.item.sheet form .item-rules .rule-form .attached-input .attachment:focus,
.pf2e.item.sheet form .item-rules .rule-form .attached-input input:hover,
.pf2e.item.sheet form .item-rules .rule-form .attached-input input:focus,
.pf2e.item.sheet form .item-rules .rule-form .attached-input .tags:hover,
.pf2e.item.sheet form .item-rules .rule-form .attached-input .tags:focus {
  z-index: 1;
}
.pf2e.item.sheet form .item-rules .rule-form .attached-input .attachment {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 6px;
  margin: 0;
  line-height: unset;
  flex: 0 0 auto;
  width: auto;
  min-width: 68px;
  align-self: stretch;
  border: 1px solid #aaa;
  border-right: none;
  border-radius: 3px 0 0 3px;
}
.pf2e.item.sheet form .item-rules .rule-form .attached-input .file-picker {
  line-height: unset;
}
.pf2e.item.sheet form .item-rules .rule-form .attached-input input,
.pf2e.item.sheet form .item-rules .rule-form .attached-input tags {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
  flex: 1;
}
.pf2e.item.sheet form .item-rules .rule-form .spaced-fields {
  display: flex;
  align-items: center;
  gap: 4px;
}
.pf2e.item.sheet form .item-rules .rule-form .spaced-fields label {
  font-weight: 500;
  padding-right: 2px;
}
.pf2e.item.sheet form .item-rules .rule-form .spaced-fields label:not(:first-child) {
  padding-left: 2px;
}
.pf2e.item.sheet form .item-rules .rule-form .brackets {
  margin-left: 9.5em;
}
.pf2e.item.sheet form .item-rules .rule-form nav.rule-tabs {
  border-bottom: 1px solid var(--secondary-background);
}
.pf2e.item.sheet form .item-rules .rule-form nav.rule-tabs h4 {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  margin-top: 0.5em;
  font-weight: 200;
}
.pf2e.item.sheet form .item-rules .rule-form nav.rule-tabs a.active {
  font-weight: 600;
  text-decoration: underline;
}
.pf2e.item.sheet form .item-rules .rule-form .rules-drop-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4em;
}
.pf2e.item.sheet form .item-rules .rule-form .rules-drop-container .rules-drop-zone {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 3.5em;
  border: 1px solid var(--color-border-light-primary);
  border-radius: 3px;
  color: #222;
  background-color: #ddd;
  cursor: default;
  padding: 1px 6px;
  font-family: var(--font-primary);
  font-size: var(--font-size-14);
  line-height: 28px;
}
.pf2e.item.sheet form .item-rules .rule-form .rules-drop-container .rules-drop-zone i {
  border: 1px solid #bbb;
  border-radius: 2px;
  align-items: center;
  display: flex;
  height: 1.6em;
  justify-content: center;
  margin-right: 0.5em;
  width: 1.6em;
}
.pf2e.item.sheet form .item-rules .rule-form .rules-drop-container .rules-drop-zone i:after {
  font-size: var(--font-size-20);
}
.pf2e.item.sheet form .item-rules .rule-form .rules-drop-container .rules-drop-zone span {
  color: var(--text-dark);
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab] .grid-item {
  display: grid;
  grid: 1fr/5em 1fr;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab] .grid-item.long-label {
  grid: 1fr/9em 1fr;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab] .checkbox {
  display: flex;
  justify-content: flex-end;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab] .item-controls {
  justify-content: flex-end;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab] .item-controls a {
  margin: 2px 5px 0 0;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab] .stacked {
  display: grid;
  grid: 1fr/1fr 1fr;
  column-gap: 10px;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab] .column-span-two {
  grid-column: span 2;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab] .resolvable {
  grid-column: span 2;
  display: flex;
  align-items: center;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab] .brackets-container {
  grid-column: span 3;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab] label {
  min-width: 5em;
  font-weight: 500;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab] label.short {
  max-width: 5em;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab] label.with-hint {
  margin-right: 5px;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab] fieldset {
  grid-column: span 2;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab] .brackets {
  margin-left: 6em;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab] hr {
  grid-column: span 2;
  width: 100%;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab=effects] {
  height: 90px;
  overflow-y: auto;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container {
  grid-column: span 2;
  display: grid;
  grid: 1fr/5em 10fr 1fr;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container a.content-link {
  display: flex;
  align-items: center;
  gap: 0.5em;
  width: fit-content;
  min-width: 12rem;
  height: 2em;
  padding: 4px;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container a.content-link img {
  border: 1px solid var(--color-border-dark);
  border-radius: 2px;
  box-sizing: border-box;
  display: block;
  float: left;
  height: 24px;
  width: 24px;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .item-container a.content-link span {
  text-wrap: wrap;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .three-items {
  grid-column: span 2;
  display: grid;
  grid: 1fr/5em 8fr 7em 5fr 6em 1fr;
  margin-top: 5px;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .three-items select {
  width: fit-content;
  min-width: 10em;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .saves-container {
  display: grid;
  grid: 1fr/5em 8.8fr;
  align-items: center;
  row-gap: 5px;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .saves-container select {
  width: fit-content;
  min-width: 10em;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab=effects] .rules-drop-container {
  grid-column: span 2;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .translation input {
  width: 5em;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] input[type=checkbox] {
  margin-left: unset;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items {
  display: grid;
  grid: 1fr/5em 2.5fr 1fr;
  align-items: center;
  margin-bottom: 5px;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items.long-label {
  grid: 1fr/9em 2.5fr 1fr;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items input[type=color] {
  min-width: 7em;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items.image-path {
  grid-column: span 2;
  grid: 1fr/9em 8fr 1fr;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Aura] div[data-rule-tab=appearance] .two-items.image-path button.file-picker {
  margin: unset;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=FastHealing] select {
  flex: 0;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=FastHealing] .details,
.pf2e.item.sheet form .item-rules .rule-form[data-key=FastHealing] tags {
  flex: 1;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=FastHealing] .resolvable {
  flex: 1;
  min-width: 120px;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=FlatModifier] .type-input {
  flex: 0;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=GrantItem] a.granted {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  gap: 3px;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=GrantItem] a.granted img {
  width: 16px;
  height: 16px;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=Note] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=TokenLight] div[data-rule-tab] {
  display: grid;
  grid: "label content" 1fr/1fr 1fr;
  column-gap: 5px;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=TokenLight] div[data-rule-tab] fieldset.radii {
  display: flex;
  flex-direction: column;
  grid-column: span 2;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=TokenLight] div[data-rule-tab] fieldset.radii .brackets {
  margin-left: 6.5em;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=TokenLight] div[data-rule-tab] label {
  display: flex;
  flex: unset;
  margin-left: 5px;
  margin-right: 5px;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=TokenLight] div[data-rule-tab] label.short {
  min-width: 5em;
}
.pf2e.item.sheet form .item-rules .rule-form[data-key=TokenLight] div[data-rule-tab] .column-span-two {
  grid-column: span 2;
}
.pf2e.item.sheet form label {
  display: block;
}
.pf2e.item.sheet form input {
  color: var(--color-text-dark-input);
}
.pf2e.item.sheet form .mce-panel span {
  display: inherit;
}
.pf2e.item.sheet form.editable .rollable:hover {
  color: var(--text-dark);
  text-shadow: 0 0 10px #00005a;
  cursor: pointer;
}
.pf2e.item.sheet form .tab {
  flex: 1;
}
.pf2e.item.sheet form .tag-legacy {
  float: left;
  margin: 0 2px 2px 0;
  padding: 0 3px;
  font-size: var(--font-size-10);
  line-height: 16px;
  border: 1px solid #999;
  border-radius: 3px;
  white-space: normal;
  font-weight: 500;
}
.pf2e.item.sheet form p.hint {
  font-family: var(--font-primary);
  font-weight: normal;
}
.pf2e.item.sheet form .item-controls {
  display: flex;
  margin: 0 0 0 4px;
  align-items: baseline;
  gap: 2px;
}
.pf2e.item.sheet form > nav {
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid var(--secondary-background);
  flex: 0 0 30px;
  line-height: 30px;
  margin-bottom: 0.5rem;
}
.pf2e.item.sheet form > nav a {
  flex: 1 1 auto;
}
.pf2e.item.sheet form > nav a.active {
  text-decoration: underline;
}
.pf2e.item.sheet form > nav .sidebar-summary {
  flex: 0 0 220px;
  margin: 0;
  text-align: center;
}
.pf2e.item.sheet form > nav .sheet-tabs {
  font-weight: 500;
  margin: 0;
  flex: 1;
  align-items: baseline;
}
.pf2e.item.sheet form > nav .sheet-tabs > .list-row {
  font-size: var(--font-size-12);
  text-align: center;
}
.pf2e.item.sheet form > nav .sheet-tabs > .list-row:last-of-type {
  padding-right: 4px;
}
.pf2e.item.sheet form > nav .sheet-tabs > .list-row.active {
  font-weight: 600;
}
.pf2e.item.sheet form .sheet-content {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  height: calc(100% - 35px);
  overflow: hidden;
}
.pf2e.item.sheet form .sheet-content > * {
  flex: 1;
}
.pf2e.item.sheet form .sheet-content > section.sheet-sidebar,
.pf2e.item.sheet form .sheet-content > section.sheet-body {
  height: calc(100% - 10px);
  overflow-y: auto;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar {
  flex: 0 0 220px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar > * {
  flex: 1;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .item-summary {
  font-family: var(--serif-condensed);
  font-weight: 700;
  flex: 0 0 28px;
  line-height: 28px;
  text-align: center;
  font-size: var(--font-size-18);
  color: #444;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar ol.item-tags {
  padding-left: 0;
  flex: 0;
  list-style: none;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar ol.item-tags .tag {
  display: block;
  width: 100%;
  text-align: center;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .inventory-details,
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .feat-details {
  overflow: hidden scroll;
  padding: 0 4px 0 0;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .inventory-details label,
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .feat-details label {
  font-weight: 500;
  max-width: 6em;
  white-space: nowrap;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .inventory-details .form-group,
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .feat-details .form-group {
  margin: 3px 0;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .inventory-details .form-group input,
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .feat-details .form-group input {
  text-align: right;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .inventory-details .form-group input.left-of-select,
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .feat-details .form-group input.left-of-select {
  min-width: 4ch;
  padding-right: 0.25em;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .inventory-details .form-group select,
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .feat-details .form-group select {
  max-width: 12em;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .inventory-details .form-group.longtext,
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .feat-details .form-group.longtext {
  height: fit-content;
  align-items: start;
  margin: 0 0 0.5em 0;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .inventory-details .form-group.longtext label,
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .feat-details .form-group.longtext label {
  max-width: 6em;
  white-space: normal;
  line-height: unset;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .inventory-details .form-group.longtext .editor-content,
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .feat-details .form-group.longtext .editor-content {
  min-height: 3em;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .inventory-details .form-group.longtext .editor-content > p,
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .feat-details .form-group.longtext .editor-content > p {
  font-weight: 400;
  margin: 0;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .inventory-details .price-fields,
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .feat-details .price-fields {
  display: flex;
  gap: 4px;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .inventory-details .price-fields input[name="system.price.per"],
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .feat-details .price-fields input[name="system.price.per"] {
  width: 22px;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar select {
  font-family: inherit;
  font-size: 0.85em;
  height: 1.8em;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar button {
  padding-top: 0;
  padding-bottom: 0;
  white-space: nowrap;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .badge-label-row {
  width: 100%;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .badge-label-row label {
  cursor: pointer;
  max-width: unset;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .badge-label-row input[type=radio] {
  margin: 0;
  top: 0;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .badge-label-row .badge-value {
  margin-right: 0.1rem;
  width: 3ch;
  font-weight: bold;
  text-align: end;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .badge-label-row input[type=text] {
  flex: 1;
  text-align: end;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .add-badge {
  display: flex;
  align-items: center;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .add-badge select {
  flex: 1;
  max-width: unset;
}
.pf2e.item.sheet form .sheet-content section.sheet-sidebar .add-badge button {
  flex: 0;
  line-height: 1.2em;
}
.pf2e.item.sheet form .sheet-content input[type=text], .pf2e.item.sheet form .sheet-content input[type=number] {
  background: none;
  border: 1px solid transparent;
  height: calc(100% - 2px);
  margin: 1px 0;
  padding: 0;
  width: calc(100% - 2px);
}
.pf2e.item.sheet form .sheet-content select {
  background: rgba(255, 255, 255, 0.5);
}
.pf2e.item.sheet form .sheet-content button:hover:not(:disabled), .pf2e.item.sheet form .sheet-content button:focus,
.pf2e.item.sheet form .sheet-content input:not([type=range]):hover:not(:disabled),
.pf2e.item.sheet form .sheet-content input:not([type=range]):focus,
.pf2e.item.sheet form .sheet-content select:hover:not(:disabled),
.pf2e.item.sheet form .sheet-content select:focus {
  border: 1px solid var(--color-border-dark-1);
  box-shadow: 0 0 5px var(--secondary);
}
.pf2e.item.sheet form section.sheet-body input[type=text],
.pf2e.item.sheet form section.sheet-body input[type=number] {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid var(--color-text-light-5);
  padding: 3px;
}
.pf2e.item.sheet form section.sheet-body .tab {
  padding-left: 0.5rem;
  /** Details */
}
.pf2e.item.sheet form section.sheet-body .tab.item-details {
  padding: 0.5rem 0.5rem 0;
  overflow: hidden scroll;
}
.pf2e.item.sheet form section.sheet-body .tab.item-details label {
  color: var(--color-text-dark-2);
  font-weight: 500;
  padding-right: 0.5em;
  white-space: nowrap;
}
.pf2e.item.sheet form section.sheet-body .tab.item-details label.no-data {
  color: var(--color-text-dark-4);
}
.pf2e.item.sheet form section.sheet-body .tab.item-details select {
  font-size: var(--font-size-12);
  height: 1.5rem;
  padding-right: 1em;
}
.pf2e.item.sheet form section.sheet-body .tab.item-details .tags .tag {
  font-size: var(--font-size-10);
}
.pf2e.item.sheet form section.sheet-body .tab.item-mystification {
  padding: 8px 8px 0;
  overflow: hidden scroll;
}
.pf2e.item.sheet form section.sheet-body .tab.item-mystification label {
  color: #353535;
  font-weight: bold;
}
.pf2e.item.sheet form section.sheet-body .tab.item-activations, .pf2e.item.sheet form section.sheet-body .tab.item-rules {
  overflow: hidden scroll;
}
.pf2e.item.sheet form section.sheet-body fieldset {
  border: 1px solid var(--color-border-medium);
  border-radius: 2px;
  margin-bottom: 0.5rem;
  padding: 0 0.5em 0.25em;
}
.pf2e.item.sheet form section.sheet-body fieldset legend {
  font-weight: 600;
}
.pf2e.item.sheet form section.sheet-body fieldset.basics {
  border-color: transparent;
  padding: 0;
}
.pf2e.item.sheet form section.sheet-body .editor {
  --space-s: 0.25em;
  --space-m: 0.5em;
  --space-l: 1em;
  --space-xl: 1.5em;
  --space-2xl: 2em;
  --radius: 3px;
}
.pf2e.item.sheet form section.sheet-body .editor p {
  min-height: unset;
}
.pf2e.item.sheet form section.sheet-body .editor :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
  margin-top: 1em;
}
.pf2e.item.sheet form section.sheet-body .editor .inline-header {
  display: flex;
  align-items: center;
  gap: var(--space-l);
  background-color: var(--alt);
  font-family: var(--sans-serif);
  color: var(--text-light);
  padding: 0;
  font-size: 0.8em;
  font-weight: 400;
  border: none;
}
.pf2e.item.sheet form section.sheet-body .editor .inline-header strong {
  display: inline-flex;
  padding: 0 var(--space-m);
  background-color: var(--primary);
  min-width: 15ch;
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-weight: 400;
}
.pf2e.item.sheet form section.sheet-body .editor .inline-header + p {
  margin-top: var(--space-s);
}
.pf2e.item.sheet form section.sheet-body .editor .info {
  background-color: var(--secondary);
  padding: var(--space-m);
  color: var(--text-light);
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  border-radius: var(--radius);
  font-family: var(--sans-serif);
  padding-bottom: var(--space-m);
}
.pf2e.item.sheet form section.sheet-body .editor .info > * + * {
  margin-top: var(--space-m);
}
.pf2e.item.sheet form section.sheet-body .editor .info + * {
  margin-top: var(--space-xl);
}
.pf2e.item.sheet form section.sheet-body .editor .info + .pf2e.item.sheet form section.sheet-body .editor .info {
  margin-top: var(--space-s);
}
.pf2e.item.sheet form section.sheet-body .editor .info h4 {
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1.2;
  font-family: var(--sans-serif);
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  padding: var(--space-m) var(--space-l);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--text-light);
}
.pf2e.item.sheet form section.sheet-body .editor .info h4::after {
  font-family: "Font Awesome 6";
  content: "\f05a";
  font-weight: 900;
  margin-right: var(--space-s);
}
.pf2e.item.sheet form section.sheet-body .editor .info p {
  font-size: 0.8em;
  margin: 0;
  padding: 0 var(--space-l);
}
.pf2e.item.sheet form section.sheet-body .editor .info p:first-of-type {
  padding-top: var(--space-m);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.pf2e.item.sheet form section.sheet-body .editor .traits {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.pf2e.item.sheet form section.sheet-body .editor .traits p {
  display: inline-flex;
  padding: 0.16rem 0.25rem;
  margin: 0;
  background-color: var(--primary);
  border: 2px solid var(--color-border-trait);
  color: var(--text-light);
  font: 500 var(--font-size-10) var(--sans-serif);
  text-transform: uppercase;
}
.pf2e.item.sheet form section.sheet-body .editor .statblock {
  font-family: var(--sans-serif-condensed);
  color: var(--text-dark);
  line-height: 1.2;
  margin-bottom: var(--space-m);
}
.pf2e.item.sheet form section.sheet-body .editor .statblock > * + * {
  margin-top: var(--space-s);
  margin-bottom: 0;
}
.pf2e.item.sheet form section.sheet-body .editor .statblock p {
  --indent: var(--space-l);
  margin-left: var(--indent);
  position: relative;
}
.pf2e.item.sheet form section.sheet-body .editor .statblock p strong:first-of-type {
  margin-left: calc(var(--indent) * -1);
}
.pf2e.item.sheet form section.sheet-body .editor .statblock p .trait:first-of-type {
  margin-left: calc(var(--indent) * -1 - 2px);
}
.pf2e.item.sheet form section.sheet-body .editor .statblock span.pf2-icon {
  line-height: 1;
}
.pf2e.item.sheet form section.sheet-body .editor .statblock h1,
.pf2e.item.sheet form section.sheet-body .editor .statblock h2,
.pf2e.item.sheet form section.sheet-body .editor .statblock h3,
.pf2e.item.sheet form section.sheet-body .editor .statblock h4 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-border-dark);
  text-transform: uppercase;
  letter-spacing: -0.05em;
  font-family: var(--sans-serif-condensed);
  font-weight: 700;
}
.pf2e.item.sheet form section.sheet-body .editor .statblock hr {
  border: none;
  border-bottom: 1px solid var(--color-border-dark);
}
.pf2e.item.sheet form section.sheet-body .editor .message {
  font-family: var(--journal-cursive);
  font-size: 2em;
  line-height: 1.2;
}
.pf2e.item.sheet form section.sheet-body .item-description.editing {
  overflow: hidden;
}
.pf2e.item.sheet form section.sheet-body .item-description.editing .descriptions > section {
  flex: 1;
}
.pf2e.item.sheet form section.sheet-body .item-description .descriptions {
  display: flex;
  flex-direction: column;
  gap: 3px;
  height: 100%;
  padding: 0 0.25em;
}
.pf2e.item.sheet form section.sheet-body .item-description .descriptions > * {
  display: flex;
  overflow: hidden;
}
.pf2e.item.sheet form section.sheet-body .item-description .descriptions > * .editor {
  flex: 1;
}
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .gm-notes {
  background-color: var(--visibility-gm-bg);
  border: 1px dotted rgba(75, 74, 68, 0.5);
  padding: 0 0.25em;
  flex: 0 0 auto;
}
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .gm-notes:not(.has-content) {
  display: none;
}
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .gm-notes .editor {
  min-height: 2.5em;
}
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .main {
  flex-grow: 1;
}
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor {
  display: flex;
  flex-direction: column;
}
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes,
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.editor-edit {
  font-size: 1.33em;
  background: rgb(205, 205, 205);
}
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes i,
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.editor-edit i {
  width: 1em;
  text-align: center;
}
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes {
  border-radius: 4px;
  border: 1px solid var(--color-border-dark-1);
  box-shadow: 0 0 1px var(--color-shadow-dark);
  display: none;
  padding: 1px 2px;
  position: absolute;
  right: 35px;
  top: 5px;
}
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor:hover a.add-gm-notes {
  display: block;
}
.pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor .tox {
  flex: 1;
}
.pf2e.item.sheet form h3 .item-controls,
.pf2e.item.sheet form header .item-controls {
  float: right;
}
.pf2e.item.sheet form .form-group .item-controls {
  flex: 0 1 auto;
}
.pf2e.item.sheet form .form-list {
  border-radius: 5px;
  border: 1px solid var(--secondary-background);
  list-style-type: none;
  margin: 0.5em 0;
  padding: 0.25em;
}
.pf2e.item.sheet form .form-list:first-child {
  margin-top: 0;
}
.pf2e.item.sheet form .form-list h3 {
  font-weight: 600;
  font-size: 1.05em;
  margin-bottom: 0.25em;
}
.pf2e.item.sheet form .form-list.subsection {
  padding: 0;
}
.pf2e.item.sheet form .form-list.subsection > * {
  padding: 0.25rem;
}
.pf2e.item.sheet form .form-list.subsection > header {
  align-items: baseline;
  background-color: var(--secondary);
  border-radius: 5px 5px 0 0;
  color: var(--text-light);
  display: flex;
  justify-content: space-between;
  margin: -1px -1px 0 -1px;
  padding: 1px;
}
.pf2e.item.sheet form .form-list.subsection > header h3,
.pf2e.item.sheet form .form-list.subsection > header .item-controls {
  padding: 0.25rem;
  margin-bottom: 0;
}
.pf2e.item.sheet form .two-by-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 0.25rem;
}
.pf2e.item.sheet form .two-by-two .item-controls {
  margin-left: 2px;
  gap: 0;
}
.pf2e.item.sheet form .form-group {
  margin: 2px 0;
  font-weight: 500;
}
.pf2e.item.sheet form .form-group.scalable {
  height: auto;
  min-height: 24px;
}
.pf2e.item.sheet form .form-group.scalable ul.traits-list {
  list-style-type: none;
}
.pf2e.item.sheet form .form-group > label:not(.large) {
  max-width: 11em;
}
.pf2e.item.sheet form .form-group > label.short {
  max-width: 9em;
}
.pf2e.item.sheet form .form-group > input[type=checkbox] {
  margin-left: auto;
}
.pf2e.item.sheet form .form-group input[type=checkbox]:last-child {
  margin-right: 0;
}
.pf2e.item.sheet form .form-group .checkbox-pair {
  display: flex;
  align-items: center;
}
.pf2e.item.sheet form .form-group .checkbox-pair span {
  font-weight: 400;
}
.pf2e.item.sheet form .form-group input.adjusted-higher:not(:focus) {
  font-weight: 700;
  color: #009988;
}
.pf2e.item.sheet form .form-group input.adjusted-lower:not(:focus) {
  font-weight: 700;
  color: #cc3311;
}
.pf2e.item.sheet form .tags {
  padding-left: 0;
}
.pf2e.item.sheet form .details-container,
.pf2e.item.sheet form .dice-data {
  display: grid;
  grid: "dice die type"/40px 60px auto;
}
.pf2e.item.sheet form .effects-container {
  display: grid;
  grid: "effect number"/auto 40px;
}
.pf2e.item.sheet form .details-container-two-columns {
  display: grid;
  grid: "size type"/50% 50%;
}
.pf2e.item.sheet form .details-container-three-columns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.pf2e.item.sheet form .details-container-flex-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.pf2e.item.sheet form .details-container-flex-row > label {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
}
.pf2e.item.sheet form .details-container-flex-row select {
  flex: 1;
  width: auto;
}
.pf2e.item.sheet form .details-container-flex-row input[type=checkbox] {
  width: 16px;
  height: 16px;
  flex-basis: auto;
}
.pf2e.item.sheet form .details-container-flex-row input[type=checkbox]:first-child:last-child {
  margin-left: auto;
  justify-self: flex-end;
}
.pf2e.item.sheet form .toggle-button-list {
  display: flex;
  gap: 2px;
  margin: 4px 0;
}
.pf2e.item.sheet form .toggle-button-list button {
  margin: 0;
  font-size: var(--font-size-10);
  line-height: 16px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 3px 4px;
}
.pf2e.item.sheet form .consumable-details {
  flex: 0 0 24px;
}
.pf2e.item.sheet form .consumable-details label {
  font-weight: bold;
}
.pf2e.item.sheet form .consumable-details input {
  flex: 0 0 24px;
  margin-right: 6px;
  text-align: right;
}
.pf2e.item.sheet form .consumable-details span {
  line-height: 24px;
}
.pf2e.item.sheet form .consumable-details .max-charges {
  flex: 0 0 16px;
  text-align: center;
}
.pf2e.item.sheet form .consumable-charges label {
  flex: 0 0 144px;
}
.pf2e.item.sheet form .consumable-charges input {
  flex: 0 0 64px;
  text-align: center;
}
.pf2e.item.sheet form .consumable-charges span.flex0 {
  line-height: 24px;
}
.pf2e.item.sheet form .feat-uses select {
  flex: 2;
  margin-right: 5px;
}
.pf2e.item.sheet form .feat-uses input {
  flex: 1;
  text-align: center;
}
.pf2e.item.sheet form .feat-uses span.sep {
  flex: 0 0 16px;
  line-height: 24px;
  font-size: var(--font-size-14);
  text-align: center;
}
.pf2e.item.sheet form .spell-components input {
  margin-left: 0;
}
.pf2e.item.sheet form .spell-components label {
  padding-right: 6px;
}
.pf2e.item.sheet form input.adjusted:not(:focus) {
  font-weight: 700;
  color: #009988;
}
.pf2e.item.sheet form .frequency {
  align-items: baseline;
  display: flex;
  gap: 0.2rem;
  text-align: end;
}
.pf2e.item.sheet form .frequency.empty {
  justify-content: flex-end;
}
.pf2e.item.sheet form .frequency select {
  flex: 1 1 auto;
}
.pf2e.item.sheet form .frequency a {
  align-self: center;
}
.persistent-damage-dialog {
  /** Work around Font Awesome styling bug present as of version 6.2 */
}
.persistent-damage-dialog i.fa-fw {
  min-width: 1em;
}
.persistent-damage-dialog h3 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.persistent-damage-dialog h3 a {
  float: right;
  font-size: 0.8em;
}
.persistent-damage-dialog h3 a:hover i {
  animation: rotation 2s infinite linear;
}
.persistent-damage-dialog .entries {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.persistent-damage-dialog .entries:not(.new) {
  margin-bottom: 0.5rem;
}
.persistent-damage-dialog .persistent-entry {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
}
.persistent-damage-dialog .persistent-entry.inactive .input-fields input span,
.persistent-damage-dialog .persistent-entry.inactive .input-fields input i, .persistent-damage-dialog .persistent-entry.inactive .input-fields input:not(:focus),
.persistent-damage-dialog .persistent-entry.inactive .input-fields select span,
.persistent-damage-dialog .persistent-entry.inactive .input-fields select i,
.persistent-damage-dialog .persistent-entry.inactive .input-fields select:not(:focus),
.persistent-damage-dialog .persistent-entry.inactive .input-fields label:not(:focus-within) span,
.persistent-damage-dialog .persistent-entry.inactive .input-fields label:not(:focus-within) i,
.persistent-damage-dialog .persistent-entry.inactive .input-fields label:not(:focus-within):not(:focus) {
  opacity: 0.7;
  text-decoration: line-through;
}
.persistent-damage-dialog .persistent-entry a {
  padding: 0.25em;
}
.persistent-damage-dialog .persistent-entry .input-fields {
  display: flex;
  gap: 0.25rem;
  align-items: baseline;
  select-height: var(--form-field-height);
}
.persistent-damage-dialog .persistent-entry .input-fields label {
  display: flex;
  align-items: baseline;
  gap: 0.19rem;
  height: 100%;
}
.persistent-damage-dialog .persistent-entry .input-fields .dc {
  width: 2.5rem;
}
.persistent-damage-dialog .persistent-entry .input-fields .invalid {
  box-shadow: 0 0 5px 0px red;
  border-color: red;
}
#darkness-adjuster {
  background: none;
  box-shadow: 0 0 10px black;
  height: 38px !important;
}
#darkness-adjuster .window-header {
  display: none;
}
#darkness-adjuster .window-content {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid black;
  border-radius: 5px;
  padding: 6px 12px 0;
}
#darkness-adjuster .slider {
  height: 6px;
}
#darkness-adjuster .slider .noUi-base {
  background: #ecc1b3;
  cursor: pointer;
}
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle {
  background: none;
  border: none;
  box-shadow: none;
  color: var(--text-light);
  font-size: var(--font-size-16);
  height: 14px;
  width: 14px;
  top: -5px;
  right: -7px;
  text-shadow: 0 0 4px black;
}
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_bright-light, #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_darkness {
  pointer-events: none;
}
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.threshold_darkness {
  font-size: var(--font-size-14);
}
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level {
  background: #c85019;
  border: 1px solid black;
  border-radius: 2px;
  box-shadow: 1px 1px 4px black;
  height: 12px;
  width: 12px;
  right: -6px;
  top: -4px;
}
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level .noUi-touch-area {
  cursor: grab;
}
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle.darkness-level:active .noUi-touch-area {
  cursor: grabbing;
}
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle::before, #darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle::after {
  background: none;
}
#darkness-adjuster .slider .noUi-base .noUi-origin .noUi-handle i.fa-solid {
  cursor: default;
  left: -1px;
  opacity: 0.6;
  position: absolute;
  top: 0;
}
#darkness-adjuster .slider .noUi-base .noUi-connect.range_bright-light {
  background: #fdfbd3;
}
#darkness-adjuster .slider .noUi-base .noUi-connect.range_darkness {
  background: #16193a;
}
#darkness-adjuster .slider .noUi-pips {
  height: 12px;
}
#darkness-adjuster .slider .noUi-pips .noUi-marker.noUi-marker-large {
  height: 12px;
}
#darkness-adjuster .slider .noUi-pips .noUi-value {
  display: none;
}
#darkness-adjuster .synchronized .slider .noUi-base {
  cursor: not-allowed;
}
#darkness-adjuster .synchronized .slider .message {
  display: flex;
  justify-content: center;
  position: relative;
  top: 0.5em;
  width: 100%;
}
#darkness-adjuster .synchronized .slider .message span {
  color: var(--color-text-light-1);
  text-shadow: 1px 1px black;
  z-index: 1;
}
#darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle {
  cursor: not-allowed;
}
#darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level {
  background: var(--color-disabled);
  border: none;
  box-shadow: none;
}
#darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level .noUi-touch-area, #darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle.darkness-level:active .noUi-touch-area {
  cursor: inherit;
}
#darkness-adjuster .synchronized .slider .noUi-origin .noUi-handle i.fas {
  cursor: inherit;
}
#darkness-adjuster .synchronized .slider .noUi-pips {
  visibility: hidden;
}
.scene-sheet nav .action-glyph {
  font-size: var(--font-size-15);
}
.scene-sheet span.range-value.disabled {
  border: none;
  color: #777;
}
.scene-sheet button.automation-settings {
  align-self: end;
  display: flex;
  margin: -1px 0 -1px 4px;
  padding: 0.3125rem 0.5em;
}
.scene-sheet button.automation-settings > i {
  margin: 0;
}
.app.token-sheet .tab.active[data-tab=appearance] fieldset {
  border: 1px solid var(--color-border-light-primary);
}
.app.token-sheet .tab.active[data-tab=appearance] fieldset > legend {
  font-size: var(--font-size-15);
  color: #333;
}
.app.token-sheet .tab.active[data-tab=appearance] fieldset input[type=number] {
  max-width: 60px;
  text-align: center;
}
.app.token-sheet .tab.active[data-tab=appearance] fieldset input[type=number]:disabled {
  border: none;
  color: var(--color-text-dark-6);
}
.app.token-sheet .tab.active[data-tab=appearance] fieldset select.alternate-images {
  max-width: 20em;
}
.app.token-sheet .tab.active[data-tab=appearance] fieldset:last-child {
  margin: 6px 0;
}
.app.token-sheet .tab[data-tab=vision] .disabled[data-tab] {
  color: var(--color-text-dark-6);
  pointer-events: none;
}
.app.token-sheet .tab[data-tab=vision] a.managed-by-rbv {
  padding-left: 0.33em;
}
.app.token-sheet .form-group.children-disabled .range-value {
  border: none;
  background-color: rgba(0, 0, 0, 0.05);
  color: #777;
}
#homebrew-settings section.window-content {
  display: block;
}
#homebrew-settings section.window-content .form-group.setting {
  display: inherit;
}
#homebrew-settings section.window-content .form-group.setting tags {
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid #7a7971;
  border-radius: 3px;
}
#homebrew-settings section.window-content .form-group.setting tags.tagify--focus {
  border: 1px solid #7a7971;
  box-shadow: 0 0 5px red;
}
#homebrew-settings section.window-content .form-group.setting .homebrew {
  --tag-text-color--edit: #111;
  --tag-pad: 0.2em 0.4em;
  --tag-remove-bg: var(--tag-hover);
  --tag-remove-btn-bg--hover: black;
  font-size: var(--font-size-13);
  min-width: 0;
}
#homebrew-settings section.window-content .form-group.buttons {
  margin-top: 0.5em;
}
#homebrew-settings .damage-types th,
#homebrew-settings .damage-types td {
  white-space: nowrap;
}
#homebrew-settings .damage-types th:not(:last-child),
#homebrew-settings .damage-types td:not(:last-child) {
  padding-right: 0.25rem;
}
#homebrew-settings .damage-types .icon-preview {
  display: flex;
  align-items: center;
  gap: 0.125rem;
}
#homebrew-settings .damage-types .delete-cell {
  text-align: end;
  width: 1rem;
}
#homebrew-settings .damage-types .delete-cell i {
  padding: 0.125rem 0.25rem;
  cursor: pointer;
}
#world-clock-settings form .form-group .form-fields {
  flex-grow: 1;
}
#world-clock-settings form .form-group button.reset-world-time {
  flex: 1;
}
#game-details > .system-links {
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}
#game-details > .system-links > a[href] {
  flex: 0;
  font-size: var(--font-size-12);
  text-transform: uppercase;
}
#game-details > .system-links > a[href]:hover {
  text-shadow: 0 0 8px var(--color-text-hyperlink);
}
#client-settings form .form-group > label {
  flex: 2.5;
}
.settings-menu form .form-group > label {
  flex: 2.5;
}
.settings-menu .instructions {
  text-align: center;
}
#metagame-settings form .form-group > label {
  flex: 3;
}
.select-craft-item-dialog .drop-item-zone {
  display: flex;
  align-items: center;
  margin: 0 2px 5px;
}
.select-craft-item-dialog .item-icon {
  height: 32px;
  width: 32px;
  margin-right: 3px;
}
.select-craft-item-dialog .button-panel {
  display: flex;
}
.select-repair-item-dialog .drop-item-zone {
  display: flex;
  align-items: center;
  margin: 0 2px 5px;
}
.select-repair-item-dialog .item-icon {
  height: 32px;
  width: 32px;
  margin-right: 3px;
}
.select-repair-item-dialog .button-panel {
  display: flex;
}
.app.choice-set-prompt .window-content h3 {
  display: flex;
  justify-content: center;
}
.app.choice-set-prompt .window-content button,
.app.choice-set-prompt .window-content select {
  display: flex;
  margin: 4px auto;
}
.app.choice-set-prompt .window-content .choices {
  max-width: max-content;
  justify-items: center;
  margin: auto;
}
.app.choice-set-prompt .window-content .choices.select-menu {
  min-width: 18em;
}
.app.choice-set-prompt .window-content .choices.select-menu tags {
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid var(--color-border-light-tertiary);
  border-radius: 3px;
  height: 2rem;
  width: 100%;
}
.app.choice-set-prompt .window-content .choices.select-menu tags .tagify__input {
  align-items: center;
  display: flex;
  height: 100%;
  margin: 0;
}
.app.choice-set-prompt .window-content .choices button,
.app.choice-set-prompt .window-content .choices .drop-zone {
  cursor: pointer;
  max-width: 100%;
}
.app.choice-set-prompt .window-content .choices button:not(.with-image),
.app.choice-set-prompt .window-content .choices .drop-zone:not(.with-image) {
  min-width: 120px;
  justify-content: center;
}
.app.choice-set-prompt .window-content .choices button.with-image,
.app.choice-set-prompt .window-content .choices .drop-zone.with-image {
  align-items: center;
}
.app.choice-set-prompt .window-content .choices button.with-image img,
.app.choice-set-prompt .window-content .choices .drop-zone.with-image img {
  border: 1px solid #444;
  height: 1.6em;
  margin-right: 0.5em;
}
.app.choice-set-prompt .window-content .choices .choice-buttons {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.app.choice-set-prompt .window-content .choices .choice-buttons .choice {
  align-items: center;
  display: flex;
  gap: 0.5em;
  width: 100%;
}
.app.choice-set-prompt .window-content .choices .choice-buttons .choice.select {
  margin-bottom: 0.5rem;
}
.app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info {
  align-items: center;
  border-radius: 2px;
  border: 1px solid var(--color-text-light-primary);
  display: flex;
  height: var(--font-size-20);
  justify-content: center;
  min-width: var(--font-size-20);
}
.app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info.disabled {
  color: var(--color-disabled);
  cursor: default;
}
.app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info.disabled:hover, .app.choice-set-prompt .window-content .choices .choice-buttons .choice a.item-info.disabled:active {
  text-shadow: none;
}
.app.choice-set-prompt .window-content .choices .drop-zone {
  border: 1px solid var(--color-border-light-primary);
  border-radius: 3px;
  color: #222;
  cursor: default;
  display: flex;
  padding: 1px 6px;
  font-family: var(--font-primary);
  font-size: var(--font-size-14);
  line-height: 28px;
}
.app.choice-set-prompt .window-content .choices .drop-zone i {
  border: 1px solid #bbb;
  border-radius: 2px;
  align-items: center;
  display: flex;
  height: 1.6em;
  justify-content: center;
  margin-right: 0.5em;
  width: 1.6em;
}
.app.choice-set-prompt .window-content .choices .drop-zone i:after {
  font-size: var(--font-size-20);
}
.app.choice-set-prompt .window-content .choices .drop-zone span {
  color: var(--text-dark);
  flex: 1;
}
#effects-panel {
  pointer-events: initial;
  position: absolute;
  top: 5px;
  right: 0;
}
#effects-panel .effect-item {
  display: flex;
  justify-content: end;
  height: 52px;
}
#effects-panel .effect-item[data-badge-type=formula] .icon {
  cursor: pointer;
}
#effects-panel .effect-item[data-badge-type=formula] .icon:hover::before {
  content: "\f6cf";
  background: rgba(0, 0, 0, 0.5);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: var(--font-size-26);
  color: var(--text-light);
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 4px;
}
#effects-panel .effect-item:hover .effect-info {
  display: flex;
  align-items: end;
  flex-direction: column;
}
#effects-panel .effect-item .effect-info {
  background-color: rgba(0, 0, 0, 0.75);
  color: var(--color-text-light-2);
  display: none;
  gap: 3px;
  height: min-content;
  margin-right: 0.5em;
  max-width: 350px;
  padding: 0.25em 0.5rem;
}
#effects-panel .effect-item .effect-info h1 {
  margin: 0;
  padding: 0;
  border: none;
  display: flex;
  font-size: var(--font-size-14);
  padding-top: 0.25em;
  text-align: right;
}
#effects-panel .effect-item .effect-info h1 a[data-action=send-to-chat] i {
  font-size: var(--font-size-13);
  margin-left: 2px;
}
#effects-panel .effect-item .effect-info > a.inline-check {
  font-size: var(--font-size-13);
  font-weight: normal;
  line-height: normal;
  vertical-align: middle;
}
#effects-panel .effect-item .effect-info .tags {
  justify-content: end;
}
#effects-panel .effect-item .effect-info .tags .tag {
  margin-bottom: 0;
}
#effects-panel .effect-item .effect-info .tags .tag + .tag, #effects-panel .effect-item .effect-info .tags .tag:first-child {
  margin-left: 3px;
  margin-right: -2px;
}
#effects-panel .effect-item .effect-info .instructions,
#effects-panel .effect-item .effect-info .description {
  font-size: var(--font-size-12);
}
#effects-panel .effect-item .effect-info .instructions {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: right;
}
#effects-panel .effect-item .effect-info .description {
  background: rgba(0, 0, 0, 0.7);
  max-height: 16em;
  overflow-y: auto;
  padding: 0 0.5em;
  text-align: left;
}
#effects-panel .effect-item .effect-info .description a,
#effects-panel .effect-item .effect-info .description span[data-pf2-effect-area] {
  color: var(--color-text-dark-primary);
}
#effects-panel .effect-item > .icon {
  border: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 1px #c0c0c0, 0 0 0 2px #808080;
  align-items: center;
  background-repeat: no-repeat;
  background-size: contain;
  box-shadow: 0 0 0 1px #c0c0c0, 0 0 0 2px #808080, inset 0 0 4px rgba(0, 0, 0, 0.5);
  color: transparent;
  display: flex;
  justify-content: center;
  position: relative;
  margin: 2px 0;
  height: 48px;
  width: 48px;
}
#effects-panel .effect-item > .icon.aura {
  border-radius: 50%;
  box-shadow: 0px 0px 10px 5px white;
}
#effects-panel .effect-item > .icon.unidentified {
  filter: drop-shadow(0 0 8px var(--visibility-gm-bg));
}
#effects-panel .effect-item > .icon .expired {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  padding: 2px 1px;
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  color: var(--text-light);
  background-color: var(--primary);
}
#effects-panel .effect-item > .icon .linked {
  position: absolute;
  display: inline-block;
  bottom: -1px;
  right: -1px;
  padding: 0px 2px;
  color: var(--text-light);
  background-color: rgba(0, 0, 0, 0.75);
}
#effects-panel .effect-item > .icon .value-wrapper {
  position: absolute;
  bottom: -1px;
  left: -1px;
  max-width: calc(100% + 2px);
  padding: 0px 2px;
  color: var(--text-light);
  background-color: rgba(0, 0, 0, 0.75);
  font-size: var(--font-size-13);
  letter-spacing: -0.05em;
  white-space: nowrap;
  overflow: hidden;
}
#effects-panel .effect-item > .icon .value-wrapper .value {
  overflow: hidden;
  text-overflow: ellipsis;
}
#effects-panel .effect-item > .icon .value-wrapper .value strong {
  display: inline-block;
  padding-right: 1px;
}
#effects-panel > hr {
  margin-right: 0;
  width: 48px;
}
.journal-entry-page .journal-page-content {
  --space-s: 0.25em;
  --space-m: 0.5em;
  --space-l: 1em;
  --space-xl: 1.5em;
  --space-2xl: 2em;
  --radius: 3px;
}
.journal-entry-page .journal-page-content p {
  min-height: unset;
}
.journal-entry-page .journal-page-content :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
  margin-top: 1em;
}
.journal-entry-page .journal-page-content .inline-header {
  display: flex;
  align-items: center;
  gap: var(--space-l);
  background-color: var(--alt);
  font-family: var(--sans-serif);
  color: var(--text-light);
  padding: 0;
  font-size: 0.8em;
  font-weight: 400;
  border: none;
}
.journal-entry-page .journal-page-content .inline-header strong {
  display: inline-flex;
  padding: 0 var(--space-m);
  background-color: var(--primary);
  min-width: 15ch;
  border-right: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-weight: 400;
}
.journal-entry-page .journal-page-content .inline-header + p {
  margin-top: var(--space-s);
}
.journal-entry-page .journal-page-content .info {
  background-color: var(--secondary);
  padding: var(--space-m);
  color: var(--text-light);
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  border-radius: var(--radius);
  font-family: var(--sans-serif);
  padding-bottom: var(--space-m);
}
.journal-entry-page .journal-page-content .info > * + * {
  margin-top: var(--space-m);
}
.journal-entry-page .journal-page-content .info + * {
  margin-top: var(--space-xl);
}
.journal-entry-page .journal-page-content .info + .journal-entry-page .journal-page-content .info {
  margin-top: var(--space-s);
}
.journal-entry-page .journal-page-content .info h4 {
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1.2;
  font-family: var(--sans-serif);
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  padding: var(--space-m) var(--space-l);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--text-light);
}
.journal-entry-page .journal-page-content .info h4::after {
  font-family: "Font Awesome 6";
  content: "\f05a";
  font-weight: 900;
  margin-right: var(--space-s);
}
.journal-entry-page .journal-page-content .info p {
  font-size: 0.8em;
  margin: 0;
  padding: 0 var(--space-l);
}
.journal-entry-page .journal-page-content .info p:first-of-type {
  padding-top: var(--space-m);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.journal-entry-page .journal-page-content .traits {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.journal-entry-page .journal-page-content .traits p {
  display: inline-flex;
  padding: 0.16rem 0.25rem;
  margin: 0;
  background-color: var(--primary);
  border: 2px solid var(--color-border-trait);
  color: var(--text-light);
  font: 500 var(--font-size-10) var(--sans-serif);
  text-transform: uppercase;
}
.journal-entry-page .journal-page-content .statblock {
  font-family: var(--sans-serif-condensed);
  color: var(--text-dark);
  line-height: 1.2;
  margin-bottom: var(--space-m);
}
.journal-entry-page .journal-page-content .statblock > * + * {
  margin-top: var(--space-s);
  margin-bottom: 0;
}
.journal-entry-page .journal-page-content .statblock p {
  --indent: var(--space-l);
  margin-left: var(--indent);
  position: relative;
}
.journal-entry-page .journal-page-content .statblock p strong:first-of-type {
  margin-left: calc(var(--indent) * -1);
}
.journal-entry-page .journal-page-content .statblock p .trait:first-of-type {
  margin-left: calc(var(--indent) * -1 - 2px);
}
.journal-entry-page .journal-page-content .statblock span.pf2-icon {
  line-height: 1;
}
.journal-entry-page .journal-page-content .statblock h1,
.journal-entry-page .journal-page-content .statblock h2,
.journal-entry-page .journal-page-content .statblock h3,
.journal-entry-page .journal-page-content .statblock h4 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 1px solid var(--color-border-dark);
  text-transform: uppercase;
  letter-spacing: -0.05em;
  font-family: var(--sans-serif-condensed);
  font-weight: 700;
}
.journal-entry-page .journal-page-content .statblock hr {
  border: none;
  border-bottom: 1px solid var(--color-border-dark);
}
.journal-entry-page .journal-page-content .message {
  font-family: var(--journal-cursive);
  font-size: 2em;
  line-height: 1.2;
}
.journal-entry-page .journal-page-content .fumble-deck h1 {
  font-family: var(--font-primary);
  font-size: 1.75em;
  font-weight: bold;
  line-height: normal;
  text-transform: uppercase;
  color: var(--text-dark);
  border: 2px solid;
  border-radius: 15px;
  padding: 0 0 0 1.5em;
  background-size: 1.22em;
  background-repeat: no-repeat;
  background-color: #e5bf85;
  position: relative;
  top: 1em;
  width: 80%;
}
.journal-entry-page .journal-page-content .fumble-deck h1:first-child {
  background-image: url("../icons/equipment/weapons/gnome-hooked-hammer.webp");
}
.journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(2) {
  background-image: url("../icons/equipment/weapons/longbow.webp");
}
.journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(3) {
  background-image: url("../icons/equipment/weapons/fist.webp");
}
.journal-entry-page .journal-page-content .fumble-deck h1:nth-of-type(4) {
  background-image: url("../icons/spells/chain-lightning.webp");
}
.journal-entry-page .journal-page-content .fumble-deck blockquote {
  font-family: var(--font-primary);
  border-left: none;
  background-color: #000059;
  color: var(--text-light);
  font-size: 120%;
  margin-left: 0.7em;
  padding: 1.2em 1.25em 0.75em;
  border-radius: 8px;
}
.journal-entry-page .journal-page-content .fumble-deck blockquote a {
  color: var(--text-dark);
}
.journal-entry-page .journal-page-content .fumble-deck blockquote span.with-repost {
  color: var(--text-dark);
}
.journal-entry-page .journal-page-content .fumble-deck code {
  font-family: var(--font-primary);
  font-weight: bold;
  font-size: 100%;
  line-height: normal;
  background-image: url("../assets/critfumble-banner.webp");
  background-size: 100% 100%;
  box-shadow: 5px 5px 10px 3px #282a2d;
  display: inline-block;
  float: right;
  text-align: center;
  margin-top: -1.75em;
  margin-right: 0.75em;
  width: 7em;
  padding: 0.5em;
}
.journal-entry-page .journal-page-content .critical-deck h1 {
  font-family: var(--font-primary);
  font-size: 1.75em;
  font-weight: bold;
  line-height: normal;
  text-transform: uppercase;
  color: var(--text-dark);
  border: 2px solid;
  border-radius: 15px;
  padding: 0 0 0 1.5em;
  background-size: 1.22em;
  background-repeat: no-repeat;
  background-color: #e5bf85;
  position: relative;
  top: 1em;
  width: 80%;
}
.journal-entry-page .journal-page-content .critical-deck h1:first-child {
  background-image: url("../icons/equipment/weapons/light-hammer.webp");
}
.journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(2) {
  background-image: url("../../../icons/weapons/polearms/javelin.webp");
}
.journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(3) {
  background-image: url("../../../icons/weapons/axes/axe-battle-worn.webp");
}
.journal-entry-page .journal-page-content .critical-deck h1:nth-of-type(4) {
  background-image: url("../../../icons/weapons/thrown/bomb-fuse-cloth-pink.webp");
}
.journal-entry-page .journal-page-content .critical-deck blockquote {
  font-family: var(--font-primary);
  border-left: none;
  background: rgb(14, 40, 17);
  background: radial-gradient(circle, rgb(14, 40, 17) 10%, rgb(20, 59, 25) 50%, rgb(14, 40, 17) 90%);
  color: var(--text-light);
  font-size: 120%;
  margin-left: 0.7em;
  padding: 1.2em 1.25em 0.75em;
  border-radius: 8px;
}
.journal-entry-page .journal-page-content .critical-deck blockquote a {
  color: var(--text-dark);
}
.journal-entry-page .journal-page-content .critical-deck blockquote span.with-repost {
  color: var(--text-dark);
}
.journal-entry-page .journal-page-content .critical-deck code {
  font-family: var(--font-primary);
  font-weight: bold;
  font-size: 100%;
  line-height: normal;
  background-image: url("../assets/critfumble-banner.webp");
  background-size: 100% 100%;
  box-shadow: 5px 5px 10px 3px #282a2d;
  display: inline-block;
  float: right;
  text-align: center;
  margin-top: -1.75em;
  margin-right: 0.75em;
  width: 9em;
  padding: 0.5em;
}
#migration-summary > .window-content > h3 {
  margin: auto;
}
#migration-summary > .window-content > .dialog-content > table i.fa-check {
  color: green;
}
#migration-summary > .window-content > .dialog-content > table i.fa-times {
  color: red;
}
#migration-summary > .window-content > .dialog-content > table td {
  text-align: center;
}
#migration-summary > .window-content > .dialog-buttons {
  display: flex;
}
#migration-summary > .window-content > .dialog-buttons:disabled::hover {
  box-shadow: none;
}
#upw-viewer .window-content {
  background: no-repeat right url("../assets/upw-logo.webp") black;
}
#upw-viewer .window-content .content {
  color: #eee;
  width: 435px;
  font-size: larger;
}
#upw-viewer .window-content .content a[href] {
  color: #8b6cae;
  font-size: large;
  display: block;
  text-align: center;
}
#world-clock section.window-content {
  font-size: 1rem;
}
#world-clock section.window-content h1 {
  font-size: inherit;
  text-align: center;
}
#world-clock section.window-content .input-grid {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8rem;
  justify-content: space-evenly;
}
#world-clock section.window-content .input-grid > * {
  flex-basis: 32%;
  height: 1.5rem;
  line-height: 20px;
}
#world-clock section.window-content .input-grid .sign {
  font-family: var(--sans-serif-monospace);
  font-size: inherit;
}
#world-clock section.window-content .input-grid button {
  align-items: center;
  display: flex;
  font-size: inherit;
  justify-content: center;
  margin: 1px;
}
#world-clock section.window-content .input-grid button img {
  border: none;
  height: 1.5em;
}
#world-clock section.window-content .input-grid .time-of-day {
  display: flex;
  flex-basis: 100%;
  margin: 0 3px;
}
#world-clock section.window-content .input-grid .time-of-day img.midnight {
  height: 1.05rem;
}
.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  list-style-type: none;
  margin-bottom: 2px;
  padding-left: 0;
}
.tags .tag,
.tags .tag option {
  font-family: var(--sans-serif);
  font-size: var(--font-size-10);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-rendering: optimizeLegibility;
  align-items: center;
  background-color: var(--primary);
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  color: var(--color-text-trait);
  display: flex;
  font-weight: 500;
  height: var(--font-size-18);
  padding: 0 0.33em;
}
.tags .tag.tag_secondary,
.tags .tag option.tag_secondary {
  background-color: var(--secondary);
}
.tags .tag.tag_tertiary,
.tags .tag option.tag_tertiary {
  background-color: var(--tertiary);
}
.tags .tag.tag_alt,
.tags .tag option.tag_alt {
  background-color: var(--alt);
}
.tags .tag.tag_material,
.tags .tag option.tag_material {
  background-color: var(--alt-dark);
}
.tags .tag.tag_transparent,
.tags .tag option.tag_transparent {
  background-color: transparent;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
  color: var(--color-text-dark-secondary);
  font-family: var(--font-primary);
  font-size: var(--font-size-10);
  text-transform: none;
}
.tags .tag.mystified,
.tags .tag option.mystified {
  opacity: 0.7;
}
li.chat-message .tags .tag_transparent {
  line-height: 1.25em;
  padding: 0.1em 0.25em;
}
.tags.paizo-style {
  align-items: center;
  border: none;
  border-radius: 3px;
  padding: 0.05em;
  gap: 0;
}
.tags.paizo-style tag,
.tags.paizo-style .tag,
.tags.paizo-style select.tag {
  background-color: var(--color-bg-trait);
  border: solid var(--color-border-trait);
  box-shadow: none;
  margin: 0;
}
.tags.paizo-style tag x,
.tags.paizo-style .tag x,
.tags.paizo-style select.tag x {
  align-items: start;
  margin: 0;
}
.tags.paizo-style tag__removeBtn,
.tags.paizo-style .tag__removeBtn,
.tags.paizo-style select.tag__removeBtn {
  align-items: baseline;
}
.tags.paizo-style tag,
.tags.paizo-style select.tag {
  border-width: 2px 3px 2px 2px;
  height: var(--font-size-22);
}
.tags.paizo-style tag:first-child,
.tags.paizo-style select.tag:first-child {
  border-left-width: 5px;
}
.tags.paizo-style tag:last-child,
.tags.paizo-style select.tag:last-child {
  border-right-width: 5px;
}
.tags.paizo-style tag:last-of-type {
  border-right-width: 5px;
}
.tags.paizo-style .tag {
  border-width: 1px 2px 1px 1px;
  height: var(--font-size-19);
}
.tags.paizo-style .tag:first-child {
  border-left-width: 3px;
}
.tags.paizo-style .tag:last-child {
  border-right-width: 3px;
}
.tags.paizo-style .tag.rarity.common, .tags.paizo-style .tag.rarity[value=common],
.tags.paizo-style .tag.rarity > option[value=common] {
  background-color: var(--color-rarity-common);
}
.tags.paizo-style .tag.rarity.uncommon, .tags.paizo-style .tag.rarity[value=uncommon],
.tags.paizo-style .tag.rarity > option[value=uncommon] {
  background-color: var(--color-rarity-uncommon);
}
.tags.paizo-style .tag.rarity.rare, .tags.paizo-style .tag.rarity[value=rare],
.tags.paizo-style .tag.rarity > option[value=rare] {
  background-color: var(--color-rarity-rare);
}
.tags.paizo-style .tag.rarity.unique, .tags.paizo-style .tag.rarity[value=unique],
.tags.paizo-style .tag.rarity > option[value=unique] {
  background-color: var(--color-rarity-unique);
}
.tags.paizo-style .tag.alignment {
  background-color: var(--color-bg-alignment);
}
.tags.paizo-style .tag.size {
  background-color: var(--color-bg-size);
}
.tags.paizo-style tag > div {
  padding: 0 0.09rem 0 0.25rem;
}
.tags.paizo-style tag > div,
.tags.paizo-style .tag,
.tags.paizo-style select {
  border-radius: 0;
  display: flex;
  font: 500 var(--font-size-10) var(--sans-serif);
}
.tags.paizo-style tag > div .tagify__tag-text,
.tags.paizo-style .tag .tagify__tag-text,
.tags.paizo-style select .tagify__tag-text {
  text-transform: uppercase;
}
.tags.paizo-style hr.vr {
  height: 1.25em;
  margin: 1px 2px;
}
.tags.paizo-style[disabled] {
  filter: none;
}
.tags.paizo-style[disabled] tag > div::before {
  animation: none !important;
}
.tags.paizo-style[disabled] > .tagify__input {
  display: none;
}
tags.tags.paizo-style {
  background-color: rgba(0, 0, 0, 0.075);
  --tag-bg: var(--color-bg-trait);
  --tag-hover: var(--color-bg-trait);
  --tag-remove-btn-color: var(--color-text-trait);
  --tag-text-color: var(--color-text-trait);
  --tags-border-color: var(--color-border-trait);
  --tags-focus-border-color: var(--color-border-trait);
  --tags-hover-border-color: var(--color-border-trait);
  --readonly-striped: 0;
}
tags.tags.paizo-style .tagify__input {
  margin: 0;
  padding: 0.1em 0.5em;
}
tags.tags.paizo-style .tagify__input::before {
  align-items: center;
  color: var(--color-text-dark-secondary);
  display: flex;
  font: 500 var(--font-size-10) var(--sans-serif);
  letter-spacing: 0.05em;
  margin: 0;
  min-height: 22px;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
  width: fit-content;
}
tags.tags.paizo-style .conjunction-not .tagify__tag-text {
  text-decoration: line-through;
  text-decoration-color: var(--color-text-trait);
}
tags.tags.paizo-style tag[readonly=true] {
  padding-right: 2px;
}
tags.tagify.pf2e-tagify {
  --tag-bg: var(--color-text-light-3);
  --tags-border-color: var(--color-text-light-5);
  --tags-hover-border-color: var(--color-text-light-5);
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  gap: 3px;
  padding: 2px;
}
tags.tagify.pf2e-tagify:hover {
  box-shadow: 0 0 10px #00005a;
}
tags.tagify.pf2e-tagify tag {
  margin: 0;
  padding: 1px;
}
tags.tagify.pf2e-tagify tag x {
  margin: 0;
}
tags.tagify.pf2e-tagify tag > div {
  padding: 2px;
}
tags.tagify.pf2e-tagify tag > div .tagify__tag-text {
  font-weight: normal;
}
tags.tagify.pf2e-tagify tag .tagify__tag__removeBtn {
  align-items: baseline;
}
tags.tagify.pf2e-tagify .tagify__input {
  margin: 0;
}
tags.pf2e-tagify.tagify--hasMaxTags > span,
tags.tags.paizo-style.tagify--hasMaxTags > span {
  display: none;
}
tags.pf2e-tagify:not(.tagify--select) > span,
tags.tags.paizo-style:not(.tagify--select) > span {
  min-width: 20px;
}
.damage-tag {
  white-space: nowrap;
  margin: 0 1px 1px 0;
  padding: 0 3px;
  font-size: var(--font-size-10);
  line-height: 16px;
  border: 1px solid #999;
  border-radius: 3px;
}
.damage-tag-base {
  color: var(--text-light);
  background: rgba(0, 0, 0, 0.45);
}
.damage-tag-modifier {
  background: rgba(0, 0, 0, 0.05);
}
.tagify {
  --tag-inset-shadow-size: 10em;
}
.tagify__tag__removeBtn {
  overflow: visible;
}
.travel-duration h2 {
  margin-top: 10px;
  margin-bottom: 30px;
}
.travel-duration table td {
  padding: 5px 10px;
}
.travel-duration table td.centered {
  text-align: center;
}
.travel-duration .journey-input {
  display: grid;
  column-gap: 5px;
  grid: "size type"/50px 1fr 1fr;
}
.travel-duration .fraction-input {
  text-align: center;
}
.travel-duration .fraction-input input {
  width: 30px;
}
.travel-duration .speed-input {
  width: 30px;
}