@import url("https://fonts.googleapis.com/css?family=Material+Icons|Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200|Material+Icons+Outlined|El+Messiri|IM+Fell+Double+Pica&display=swap");
.sheet-rolltemplate-dcc {
  --font1:var(--topHeadFont);
  --font2:var(--topHeadFont);
  --font3:var(--midHeadFont);
  --font4:var(--midHeadFont);
  --font5:var(--midHeadFont);
  --font6:var(--contentHeadFont);
  --font7:var(--contentHeadFont);
  --baseFontSize: 16px;
  --size1:300%;
  --size2:250%;
  --size3:200%;
  --size4:150%;
  --size5:125%;
  --size6:100%;
  --size7:87.5%;
  --icon-size:24px;
  --font-icon: "Material Icons";
  --normal-gap-x:1rem;
  --normal-gap-y:1rem;
  --normal-gap: var(--normal-gap-x);
  --half-gap-x:calc(var(--normal-gap-x) / 2);
  --half-gap-y:calc(var(--normal-gap-y) / 2);
  --half-gap: var(--half-gap-x);
  --tiny-gap-x:calc(var(--half-gap-x) / 2);
  --tiny-gap-y:calc(var(--half-gap-y) / 2);
  --tiny-gap: var(--tiny-gap-x);
  --big-gap-x:calc(var(--normal-gap-x) * 2);
  --big-gap-y:calc(var(--normal-gap-y) * 2);
  --big-gap: var(--big-gap-x);
  --lm-backColor:#fff;
  --dm-backColor:var(--dark-surface1);
  --backColor:var(--lm-backColor);
  --lm-selectedColor:#000;
  --dm-selectedColor:#007476;
  --selectedColor:var(--lm-selectedColor);
  --lm-unselectedColor1:lightgrey;
  --dm-unselectedColor1:#0e0e0e;
  --unselectedColor1:var(--lm-unselectedColor1);
  --lm-unselectedColor2:transparent;
  --dm-unselectedColor2:transparent;
  --unselectedColor2:var(--lm-unselectedColor2);
  --lm-checkColor:#000;
  --dm-checkColor:#ff0000;
  --checkColor:var(--lm-checkColor);
  --lm-checkedBackColor:transparent;
  --dm-checkedBackColor:transparent;
  --checkedBackColor:var(--lm-checkedBackColor);
  --lm-borderColor:#000;
  --dm-borderColor:lightgrey;
  --borderColor:var(--lm-borderColor);
  --lm-fontColor:#0f0f0f;
  --dm-fontColor:var(--dark-primarytext);
  --fontColor:var(--lm-fontColor);
  --lm-disabledColor:var(--lm-unselectedColor1);
  --dm-disabledColor:var(--dm-unselectedColor1);
  --disabledColor:var(--lm-disabledColor);
  --checkContent: "✓";
  --checkWeight: bold;
  --checkSize: 150%;
  --checkLineHeight: calc(var(--checkSize) / 3);
  --checkboxBorderWidth: var(--borderWidth);
  --checkboxBorderStyle: var(--borderStyle);
  --lm-checkboxBorderColor: var(--lm-borderColor);
  --dm-checkboxBorderColor: var(--dm-borderColor);
  --checkboxBorderColor: var(--lm-checkBorderColor);
  --checkboxWidth: 14px;
  --checkboxHeight: 14px;
  --inputTopPadding: 2px;
  --inputRightPadding: 2px;
  --inputBottomPadding: 2px;
  --inputLeftPadding: 2px;
  --inputPadding:
    var(--inputTopPadding)
    var(--inputRightPadding)
    var(--inputBottomPadding)
    var(--inputLeftPadding);
  --lm-placeholderColor:#ededed80;
  --dm-placeholderColor:#3f3f3f80;
  --placeholderColor: var(--lm-placeholderColor);
  --textareaResize: vertical;
  --borderWidth:1px;
  --borderStyle:solid;
  --expandedSymbol:"unfold_less";
  --collapsedSymbol: "unfold_more";
  --collapseHoverOpacity: 1;
  --collapseBaseOpacity: 0;
  --lm-collapseExpandedColor:var(--lm-selectedColor);
  --dm-collapseExpandedColor:var(--dm-selectedColor);
  --collapseExpandedColor: var(--lm-collapseExpandedColor);
  --lm-collapseCollapsedColor:var(--lm-unselectedColor);
  --dm-collapseCollapsedColor:var(--dm-unselectedColor);
  --collapseCollapsedColor: var(--lm-collapseCollapsedColor);
  --fillLeftDisplay: flex;
  --fillLeftAlignment: center;
  --fillLeftDataTransform: uppercase;
  --fillLeftDataSize: var(--size6);
  --lm-fillLeftSelectedColor: var(--lm-selectedColor);
  --dm-fillLeftSelectedColor: var(--dm-selectedColor);
  --fillLeftSelectedColor: var(--lm-fillLeftSelectedColor);
  --lm-fillLeftUnselectedColor: var(--lm-unselectedColor);
  --dm-fillLeftUnselectedColor: var(--dm-unselectedColor);
  --fillLeftUnselectedColor: var(--lm-fillLeftUnselectedColor);
  --lm-fillLeftDataColor: var(--lm-backColor);
  --dm-fillLeftDataColor: var(--dm-backColor);
  --fillLeftDataColor: var(--lm-fillLeftDataColor);
  --lm-selectColor: var(--lm-fontColor);
  --dm-selectColor: var(--dm-fontColor);
  --selectColor: var(--lm-fontColor);
  --selectTextOverflow: var(--textOverflow);
  --selectTextAlign: center;
  --selectTextTransform: capitalize;
  --revealTime:500ms;
  --revealFunction: ease-in-out;
  --revealTrans: var(--revealTime) var(--revealFunction);
  --kmodal-width:fit-content;
  --kmodal-height:fit-content;
  --kmodal-max-width:90vw;
  --kmodal-max-height:90vh;
  --lm-kmodal-overlay-background:rgba(0,0,0,.9);
  --dm-kmodal-overlay-background:rgba(0,0,0,.9);
  --kmodal-overlay-background: var(--lm-kmodal-overlay-background);
  --lm-kmodal-dialog-background:var(--lm-backColor);
  --dm-kmodal-dialog-background:var(--dm-backColor);
  --kmodal-dialog-background: var(--lm-kmodal-dialog-background);
  --kmodal-border-width:0px;
  --kmodal-border-color:transparent;
  --lm-kmodal-box-shadow-color1:rgba(0, 0, 0, 0.25);
  --dm-kmodal-box-shadow-color1:rgba(0, 0, 0, 0.25);
  --kmodal-box-shadow-color1:var(--lm-kmodal-box-shadow-color1);
  --kmodal-box-shadow-blur1:28px;
  --kmodal-box-shadow-x1:0px;
  --kmodal-box-shadow-y1:14px;
  --kmodal-box-shadow-spread1:0px;
  --lm-kmodal-box-shadow-color2:rgba(0, 0, 0, 0.22);
  --dm-kmodal-box-shadow-color2:rgba(0, 0, 0, 0.22);
  --kmodal-box-shadow-color2:var(--lm-kmodal-box-shadow-color2);
  --kmodal-box-shadow-blur2:10px;
  --kmodal-box-shadow-x2:0px;
  --kmodal-box-shadow-y2:10px;
  --kmodal-box-shadow-spread2:0px;
  --kmodal-box-shadow:
    var(--kmodal-box-shadow-x1) var(--kmodal-box-shadow-y1) var(--kmodal-box-shadow-blur1) var(--kmodal-box-shadow-spread1) var(--kmodal-box-shadow-color1),
    var(--kmodal-box-shadow-x2) var(--kmodal-box-shadow-y2) var(--kmodal-box-shadow-blur2) var(--kmodal-box-shadow-spread2) var(--kmodal-box-shadow-color2);
  --kmodal-close-width:1rem;
  --kmodal-close-height:1rem;
  --lm-kmodal-close-color:#ccc;
  --dm-kmodal-close-color:#aaa;
  --kmodal-close-color:var(--lm-kmodal-close-color);
  --lm-kmodal-close-hover-color:#aaa;
  --dm-kmodal-close-hover-color:#aaa;
  --kmodal-close-hover-color:var(--lm-kmodal-close-hover-color);
  --kmodal-close-line-thickness:2px;
  --kmodal-close-line-length:calc(var(--kmodal-close-width) * 1.5);
  --input-label-gap: var(--half-gap);
  --lm-fontColor:black;
  --dm-fontColor: beige;
  --checkedColor: var(--selectedColor);
  --checkColor: var(--selectedColor);
  --fontColor:var(--lm-fontColor);
  --topHeadFont:Arial;
  --midHeadFont:Arial;
  --contentHeadFont:Arial;
  --lm-borderColor: black;
  --dm-borderColor:black;
  --borderColor: var(--lm-borderColor);
  --lm-headColor: black;
  --dm-headColor:black;
  --headColor: var(--lm-headColor);
  --lm-backedFontColor: beige;
  --dm-backedFontColor:beige;
  --backedFontColor: var(--lm-backedFontColor);
  --primary-color: black;
  --secondary-color: #DDD;
  --tertiary-color: #EEE;
  --roll-color: red;
  --mod-color: rgb(0, 17, 255);
  --overwritten-color: rgb(0, 189, 79);
  --background-color: white;
  --font-size-large: 1.12rem;
  --font-size-normal: 1rem;
  --font-size-small: 0.75rem;
  --font-size-xsmall: 0.65rem;
  --gap-size-large: 30px;
  --gap-size-normal: 15px;
  --gap-size-small: 10px;
  --gap-size-xsmall: 5px;
  --button-size-normal: 23px;
  --lm-error-red: red;
  --dm-error-red: red;
  --error-red: var(--lm-error-red);
  color: var(--fontColor);
  font-family: var(--contentHeadFont);
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.sheet-rolltemplate-dcc:not(:first-child) {
  margin-top: 10px;
}
.sheet-rolltemplate-dcc.sheet-rolltemplate-darkmode {
  --backColor:var(--dm-backColor);
  --selectedColor:var(--dm-selectedColor);
  --unselectedColor1:var(--dm-unselectedColor1);
  --unselectedColor2:var(--dm-unselectedColor2);
  --checkColor:var(--dm-checkColor);
  --checkedBackColor:var(--dm-checkedBackColor);
  --borderColor:var(--dm-borderColor);
  --fontColor:var(--dm-fontColor);
  --disabledColor:var(--dm-disabledColor);
  --fontColor:var(--dm-fontColor);
  --borderColor: var(--dm-borderColor);
  --headColor: var(--dm-headColor);
  --backedFontColor: var(--dm-backedFontColor);
  --primary-color: white;
  --secondary-color: #444;
  --tertiary-color: #222;
  --roll-color: red;
  --background-color: #1f1f1f;
  --error-red: var(--dm-error-red);
  color: var(--fontColor);
}
.sheet-rolltemplate-dcc.sheet-rolltemplate-darkmode .border__outline, .sheet-rolltemplate-dcc.sheet-rolltemplate-darkmode .border__decoration {
  filter: invert(88%);
}
.sheet-rolltemplate-dcc.sheet-rolltemplate-darkmode .border__texture {
  filter: invert(1);
}
.sheet-rolltemplate-dcc select,
.sheet-rolltemplate-dcc textarea,
.sheet-rolltemplate-dcc input,
.sheet-rolltemplate-dcc .uneditable-input,
.sheet-rolltemplate-dcc label,
.sheet-rolltemplate-dcc button {
  all: initial;
}
.sheet-rolltemplate-dcc .flex-box,
.sheet-rolltemplate-dcc .sheet-flex-box {
  display: flex;
}
.sheet-rolltemplate-dcc .flex-wrap,
.sheet-rolltemplate-dcc .sheet-flex-wrap {
  flex-wrap: wrap;
}
.sheet-rolltemplate-dcc .justify-space-around,
.sheet-rolltemplate-dcc .sheet-justify-space-around {
  justify-content: space-around;
}
.sheet-rolltemplate-dcc .justify-space-between,
.sheet-rolltemplate-dcc .sheet-justify-space-between {
  justify-content: space-between;
}
.sheet-rolltemplate-dcc .justify-center,
.sheet-rolltemplate-dcc .sheet-justify-center {
  justify-content: center;
}
.sheet-rolltemplate-dcc .flex-min-content,
.sheet-rolltemplate-dcc .sheet-flex-min-content {
  flex: 1 0 min-content;
}
.sheet-rolltemplate-dcc .stacked {
  flex-direction: column;
}
.sheet-rolltemplate-dcc .stacked.center > * {
  text-align: center;
}
.sheet-rolltemplate-dcc .stacked:not(.center) {
  align-items: start;
}
.sheet-rolltemplate-dcc .stacked > [name]:not([type=number]):not([type=checkbox]):not([type=radio]) {
  width: 100%;
}
.sheet-rolltemplate-dcc .flex-column,
.sheet-rolltemplate-dcc .sheet-flex-column {
  flex-direction: column;
}
.sheet-rolltemplate-dcc .flex-row-reverse,
.sheet-rolltemplate-dcc .sheet-flex-row-revers {
  flex-direction: row-reverse;
}
.sheet-rolltemplate-dcc .flex-column-reverse,
.sheet-rolltemplate-dcc .sheet-flex-column-reverse {
  flex-direction: column-reverse;
}
.sheet-rolltemplate-dcc .normal-gap,
.sheet-rolltemplate-dcc .sheet-normal-gap {
  gap: var(--normal-gap);
}
.sheet-rolltemplate-dcc .normal-gap-x,
.sheet-rolltemplate-dcc .sheet-normal-gap-x {
  column-gap: var(--normal-gap-x);
}
.sheet-rolltemplate-dcc .normal-gap-y,
.sheet-rolltemplate-dcc .sheet-normal-gap-y {
  row-gap: var(--normal-gap-y);
}
.sheet-rolltemplate-dcc .half-gap,
.sheet-rolltemplate-dcc .sheet-half-gap {
  gap: var(--half-gap);
}
.sheet-rolltemplate-dcc .half-gap-x,
.sheet-rolltemplate-dcc .sheet-half-gap-x {
  column-gap: var(--half-gap-x);
}
.sheet-rolltemplate-dcc .half-gap-y,
.sheet-rolltemplate-dcc .sheet-half-gap-y {
  row-gap: var(--half-gap-y);
}
.sheet-rolltemplate-dcc .tiny-gap,
.sheet-rolltemplate-dcc .sheet-tiny-gap {
  gap: var(--tiny-gap);
}
.sheet-rolltemplate-dcc .tiny-gap-x,
.sheet-rolltemplate-dcc .sheet-tiny-gap-x {
  column-gap: var(--tiny-gap-x);
}
.sheet-rolltemplate-dcc .tiny-gap-y,
.sheet-rolltemplate-dcc .sheet-tiny-gap-y {
  row-gap: var(--tiny-gap-y);
}
.sheet-rolltemplate-dcc .big-gap,
.sheet-rolltemplate-dcc .sheet-big-gap {
  gap: var(--big-gap);
}
.sheet-rolltemplate-dcc .big-gap-x,
.sheet-rolltemplate-dcc .sheet-big-gap-x {
  column-gap: var(--big-gap-x);
}
.sheet-rolltemplate-dcc .big-gap-y,
.sheet-rolltemplate-dcc .sheet-big-gap-y {
  row-gap: var(--big-gap-y);
}
.sheet-rolltemplate-dcc .grid,
.sheet-rolltemplate-dcc .sheet-grid {
  display: grid;
}
.sheet-rolltemplate-dcc .grid-span-2,
.sheet-rolltemplate-dcc .sheet-grid-span-2 {
  grid-column: span 2;
}
.sheet-rolltemplate-dcc .grid-span-all,
.sheet-rolltemplate-dcc .sheet-grid-span-all {
  grid-column: 1/-1;
}
.sheet-rolltemplate-dcc .grid-column,
.sheet-rolltemplate-dcc .sheet-grid-column {
  grid-auto-flow: column;
}
.sheet-rolltemplate-dcc .grid-dense,
.sheet-rolltemplate-dcc .sheet-grid-dense {
  grid-auto-flow: dense;
}
.sheet-rolltemplate-dcc .boxed,
.sheet-rolltemplate-dcc .sheet-boxed {
  border: 2px solid var(--borderColor);
  border-radius: 0;
  box-sizing: border-box;
}
.sheet-rolltemplate-dcc .boxed.thick-left,
.sheet-rolltemplate-dcc .sheet-boxed.thick-left {
  border-left-width: 5px;
}
.sheet-rolltemplate-dcc .boxed.thick-bottom,
.sheet-rolltemplate-dcc .sheet-boxed.thick-bottom {
  border-bottom-width: 5px;
}
.sheet-rolltemplate-dcc .boxed.thick-right,
.sheet-rolltemplate-dcc .sheet-boxed.thick-right {
  border-right-width: 5px;
}
.sheet-rolltemplate-dcc .boxed.thick-top,
.sheet-rolltemplate-dcc .sheet-boxed.thick-top {
  border-top-width: 5px;
}
.sheet-rolltemplate-dcc .underlined,
.sheet-rolltemplate-dcc .sheet-underlined {
  border-width: 1px 3px;
  border-style: solid;
  border-radius: 5px;
  border-color: transparent;
  box-sizing: border-box;
  border-radius: 0;
  border-bottom: 1px solid var(--borderColor);
  transition: border-radius border var(--revealTrans);
}
.sheet-rolltemplate-dcc :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:hover, :focus, :focus-within) {
  border-width: 1px 3px;
  border-style: solid;
  border-color: var(--borderColor);
  border-radius: 5px;
  box-sizing: border-box;
}
.sheet-rolltemplate-dcc :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:focus, :focus-within) {
  background-color: var(--disabledColor);
}
.sheet-rolltemplate-dcc .underlined--invisible {
  border-color: transparent !important;
}
.sheet-rolltemplate-dcc .ratio1-1,
.sheet-rolltemplate-dcc .sheet-ratio1-1 {
  aspect-ratio: 1/1;
}
.sheet-rolltemplate-dcc span,
.sheet-rolltemplate-dcc input,
.sheet-rolltemplate-dcc textarea,
.sheet-rolltemplate-dcc button,
.sheet-rolltemplate-dcc select {
  line-height: normal;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.sheet-rolltemplate-dcc .text-1,
.sheet-rolltemplate-dcc .sheet-text-1 {
  font-size: var(--size1);
}
.sheet-rolltemplate-dcc .text-2,
.sheet-rolltemplate-dcc .sheet-text-2 {
  font-size: var(--size2);
}
.sheet-rolltemplate-dcc .text-3,
.sheet-rolltemplate-dcc .sheet-text-3 {
  font-size: var(--size3);
}
.sheet-rolltemplate-dcc .text-4,
.sheet-rolltemplate-dcc .sheet-text-4 {
  font-size: var(--size4);
}
.sheet-rolltemplate-dcc .text-5,
.sheet-rolltemplate-dcc .sheet-text-5 {
  font-size: var(--size5);
}
.sheet-rolltemplate-dcc .text-6,
.sheet-rolltemplate-dcc .sheet-text-6 {
  font-size: var(--size6);
}
.sheet-rolltemplate-dcc .text-7,
.sheet-rolltemplate-dcc .sheet-text-7 {
  font-size: var(--size7);
}
.sheet-rolltemplate-dcc .capitalize,
.sheet-rolltemplate-dcc .sheet-capitalize {
  text-transform: capitalize !important;
}
.sheet-rolltemplate-dcc .lowercase,
.sheet-rolltemplate-dcc .sheet-lowercase {
  text-transform: lowercase !important;
}
.sheet-rolltemplate-dcc .uppercase,
.sheet-rolltemplate-dcc .sheet-uppercase {
  text-transform: uppercase !important;
}
.sheet-rolltemplate-dcc .sheet-material-icons,
.sheet-rolltemplate-dcc .material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: var(--icon-size); /* Preferred icon size */
}
.sheet-rolltemplate-dcc .material-symbol,
.sheet-rolltemplate-dcc .sheet-material-symbol {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  font-variation-settings: "FILL" 1;
}
.sheet-rolltemplate-dcc .sheet-italics,
.sheet-rolltemplate-dcc .italics {
  font-style: italic;
}
.sheet-rolltemplate-dcc h1,
.sheet-rolltemplate-dcc *[aria-level="1"] {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: var(--size1);
  font-family: var(--font1);
}
.sheet-rolltemplate-dcc h1:not(input),
.sheet-rolltemplate-dcc *[aria-level="1"]:not(input) {
  text-align: center;
}
.sheet-rolltemplate-dcc h1 *,
.sheet-rolltemplate-dcc *[aria-level="1"] * {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: var(--size1);
  font-family: var(--font1);
}
.sheet-rolltemplate-dcc h1 *:not(input),
.sheet-rolltemplate-dcc *[aria-level="1"] *:not(input) {
  text-align: center;
}
.sheet-rolltemplate-dcc h2, .sheet-rolltemplate-dcc body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name], body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-dcc .input-label:not(.stacked).large > [name], .sheet-rolltemplate-dcc .input-label:not(.stacked).large > [name],
.sheet-rolltemplate-dcc *[aria-level="2"] {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: var(--size2);
  font-family: var(--font2);
}
.sheet-rolltemplate-dcc h2:not(input), .sheet-rolltemplate-dcc body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name]:not(input), body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-dcc .input-label:not(.stacked).large > [name]:not(input), .sheet-rolltemplate-dcc .input-label:not(.stacked).large > [name]:not(input),
.sheet-rolltemplate-dcc *[aria-level="2"]:not(input) {
  text-align: center;
}
.sheet-rolltemplate-dcc h2 *, .sheet-rolltemplate-dcc body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *, body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-dcc .input-label:not(.stacked).large > [name] *, .sheet-rolltemplate-dcc .input-label:not(.stacked).large > [name] *,
.sheet-rolltemplate-dcc *[aria-level="2"] * {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: var(--size2);
  font-family: var(--font2);
}
.sheet-rolltemplate-dcc h2 *:not(input), .sheet-rolltemplate-dcc body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *:not(input), body .ui-dialog .tab-content .charsheet .sheet-rolltemplate-dcc .input-label:not(.stacked).large > [name] *:not(input), .sheet-rolltemplate-dcc .input-label:not(.stacked).large > [name] *:not(input),
.sheet-rolltemplate-dcc *[aria-level="2"] *:not(input) {
  text-align: center;
}
.sheet-rolltemplate-dcc h3,
.sheet-rolltemplate-dcc *[aria-level="3"] {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: var(--size3);
  font-family: var(--font3);
}
.sheet-rolltemplate-dcc h3:not(input),
.sheet-rolltemplate-dcc *[aria-level="3"]:not(input) {
  text-align: center;
}
.sheet-rolltemplate-dcc h3 *,
.sheet-rolltemplate-dcc *[aria-level="3"] * {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: var(--size3);
  font-family: var(--font3);
}
.sheet-rolltemplate-dcc h3 *:not(input),
.sheet-rolltemplate-dcc *[aria-level="3"] *:not(input) {
  text-align: center;
}
.sheet-rolltemplate-dcc h4,
.sheet-rolltemplate-dcc *[aria-level="4"] {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  font-size: var(--size4);
  font-family: var(--font4);
}
.sheet-rolltemplate-dcc h4:not(:where(input)),
.sheet-rolltemplate-dcc *[aria-level="4"]:not(:where(input)) {
  text-transform: capitalize;
}
.sheet-rolltemplate-dcc h4:not(input),
.sheet-rolltemplate-dcc *[aria-level="4"]:not(input) {
  text-align: center;
}
.sheet-rolltemplate-dcc h4 *,
.sheet-rolltemplate-dcc *[aria-level="4"] * {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  font-size: var(--size4);
  font-family: var(--font4);
}
.sheet-rolltemplate-dcc h4 *:not(:where(input)),
.sheet-rolltemplate-dcc *[aria-level="4"] *:not(:where(input)) {
  text-transform: capitalize;
}
.sheet-rolltemplate-dcc h4 *:not(input),
.sheet-rolltemplate-dcc *[aria-level="4"] *:not(input) {
  text-align: center;
}
.sheet-rolltemplate-dcc h5,
.sheet-rolltemplate-dcc *[aria-level="5"] {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  font-size: var(--size5);
  font-style: normal;
  font-family: var(--font5);
}
.sheet-rolltemplate-dcc h5:not(:where(input)),
.sheet-rolltemplate-dcc *[aria-level="5"]:not(:where(input)) {
  text-transform: capitalize;
}
.sheet-rolltemplate-dcc h5:not(input),
.sheet-rolltemplate-dcc *[aria-level="5"]:not(input) {
  text-align: center;
}
.sheet-rolltemplate-dcc h5 *,
.sheet-rolltemplate-dcc *[aria-level="5"] * {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  font-size: var(--size5);
  font-style: normal;
  font-family: var(--font5);
}
.sheet-rolltemplate-dcc h5 *:not(:where(input)),
.sheet-rolltemplate-dcc *[aria-level="5"] *:not(:where(input)) {
  text-transform: capitalize;
}
.sheet-rolltemplate-dcc h5 *:not(input),
.sheet-rolltemplate-dcc *[aria-level="5"] *:not(input) {
  text-align: center;
}
.sheet-rolltemplate-dcc h6,
.sheet-rolltemplate-dcc *[aria-level="6"] {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  font-size: var(--size5);
  font-style: normal;
  font-family: var(--font5);
}
.sheet-rolltemplate-dcc h6:not(:where(input)),
.sheet-rolltemplate-dcc *[aria-level="6"]:not(:where(input)) {
  text-transform: capitalize;
}
.sheet-rolltemplate-dcc h6:not(input),
.sheet-rolltemplate-dcc *[aria-level="6"]:not(input) {
  text-align: center;
}
.sheet-rolltemplate-dcc h6 *,
.sheet-rolltemplate-dcc *[aria-level="6"] * {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  font-size: var(--size5);
  font-style: normal;
  font-family: var(--font5);
}
.sheet-rolltemplate-dcc h6 *:not(:where(input)),
.sheet-rolltemplate-dcc *[aria-level="6"] *:not(:where(input)) {
  text-transform: capitalize;
}
.sheet-rolltemplate-dcc h6 *:not(input),
.sheet-rolltemplate-dcc *[aria-level="6"] *:not(input) {
  text-align: center;
}
.sheet-rolltemplate-dcc .sheet-pictos,
.sheet-rolltemplate-dcc .pictos {
  font-family: pictos;
  text-transform: none;
}
.sheet-rolltemplate-dcc .pictos3,
.sheet-rolltemplate-dcc .sheet-pictos3 {
  font-family: pictos three;
  text-transform: none;
}
.sheet-rolltemplate-dcc .pictoscustom,
.sheet-rolltemplate-dcc .sheet-pictoscustom {
  font-family: pictos custom;
  text-transform: none;
}
.sheet-rolltemplate-dcc .d4,
.sheet-rolltemplate-dcc .sheet-d4 {
  font-family: dicefontd4 !important;
  text-transform: none !important;
}
.sheet-rolltemplate-dcc .d6,
.sheet-rolltemplate-dcc .sheet-d6 {
  font-family: dicefontd6 !important;
  text-transform: none !important;
}
.sheet-rolltemplate-dcc .d8,
.sheet-rolltemplate-dcc .sheet-d8 {
  font-family: dicefontd8 !important;
  text-transform: none !important;
}
.sheet-rolltemplate-dcc .d10,
.sheet-rolltemplate-dcc .sheet-d10 {
  font-family: dicefontd10 !important;
  text-transform: none !important;
}
.sheet-rolltemplate-dcc .d12,
.sheet-rolltemplate-dcc .sheet-d12 {
  font-family: dicefontd12 !important;
  text-transform: none !important;
}
.sheet-rolltemplate-dcc .d20,
.sheet-rolltemplate-dcc .sheet-d20 {
  font-family: dicefontd20 !important;
  text-transform: none !important;
}
.sheet-rolltemplate-dcc .d30,
.sheet-rolltemplate-dcc .sheet-d30 {
  font-family: dicefontd30 !important;
  text-transform: none !important;
}
.sheet-rolltemplate-dcc input[type=checkbox] {
  border: 1px solid var(--checkboxBorderColor);
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  width: var(--checkboxWidth);
  min-width: var(--checkboxWidth);
  height: var(--checkboxHeight);
  min-height: var(--checkboxHeight);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "content";
}
.sheet-rolltemplate-dcc input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked {
  background-color: var(--checkedBackColor);
}
.sheet-rolltemplate-dcc input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked:before {
  content: var(--checkContent);
  grid-area: content;
  font-weight: var(--checkWeight);
  place-self: start center;
  color: var(--checkColor);
  font-size: var(--checkSize);
  line-height: var(--checkLineHeight);
}
.sheet-rolltemplate-dcc input[type=number] {
  width: 3rem;
  -moz-appearance: textfield !important;
  text-align: center;
}
.sheet-rolltemplate-dcc input[type=number]::-webkit-inner-spin-button, .sheet-rolltemplate-dcc input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.sheet-rolltemplate-dcc select,
.sheet-rolltemplate-dcc .pseudo-select span,
.sheet-rolltemplate-dcc .sheet-pseudo-select span,
.sheet-rolltemplate-dcc textarea,
.sheet-rolltemplate-dcc input:not(:is([type=radio], [type=checkbox])),
.sheet-rolltemplate-dcc .uneditable-input {
  padding: var(--inputPadding);
}
.sheet-rolltemplate-dcc input:is([type=text], [type=number]), .sheet-rolltemplate-dcc textarea {
  cursor: auto;
}
.sheet-rolltemplate-dcc select,
.sheet-rolltemplate-dcc .pseudo-select span,
.sheet-rolltemplate-dcc .sheet-pseudo-select span,
.sheet-rolltemplate-dcc input:not(:where([type=checkbox], [type=radio])),
.sheet-rolltemplate-dcc .uneditable-input,
.sheet-rolltemplate-dcc textarea {
  border-width: 1px 3px;
  border-style: solid;
  border-radius: 5px;
  border-color: transparent;
  box-sizing: border-box;
}
.sheet-rolltemplate-dcc select,
.sheet-rolltemplate-dcc .sheet-pseudo-select span,
.sheet-rolltemplate-dcc .pseudo-select span {
  -webkit-apperance: none;
  appearance: none;
  text-transform: var(--selectTextTransform);
  overflow: hidden !important;
  white-space: nowrap;
  text-overflow: var(--selectTextOverflow);
  text-align: var(--selectTextAlign);
  color: var(--selectColor);
}
.sheet-rolltemplate-dcc input {
  width: auto;
}
.sheet-rolltemplate-dcc input:placeholder {
  color: var(--placeholderColor);
}
.sheet-rolltemplate-dcc input.plus-control:not([value*="-"]) + span:before {
  content: "+";
}
.sheet-rolltemplate-dcc textarea {
  resize: var(--textareaResize);
  white-space: pre-wrap;
}
.sheet-rolltemplate-dcc textarea.fixed {
  resize: none;
  overflow: auto;
}
.sheet-rolltemplate-dcc button {
  cursor: pointer;
}
.sheet-rolltemplate-dcc .roller {
  display: flex;
  align-items: center;
  gap: var(--half-gap);
}
.sheet-rolltemplate-dcc .roller:before {
  content: "T";
  font-family: dicefontd20;
}
.sheet-rolltemplate-dcc .collapse-container {
  display: grid;
  position: relative;
}
.sheet-rolltemplate-dcc .text-collapse {
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sheet-rolltemplate-dcc .text-collapse:before {
  content: var(--expandedSymbol);
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: var(--icon-size); /* Preferred icon size */
}
.sheet-rolltemplate-dcc .text-collapse__text {
  display: inline;
}
.sheet-rolltemplate-dcc .text-collapse__check:not(:checked) + .text-collapse {
  border-width: 1px 3px;
  border-style: solid;
  border-color: var(--borderColor);
  border-radius: 5px;
  box-sizing: border-box;
}
.sheet-rolltemplate-dcc .text-collapse__check:checked + .text-collapse:before {
  content: var(--collapsedSymbol);
}
.sheet-rolltemplate-dcc .repitem:hover > .collapse, .sheet-rolltemplate-dcc .repitem:hover .roll-container,
.sheet-rolltemplate-dcc .collapse-container:hover > .collapse,
.sheet-rolltemplate-dcc .collapse-container:hover .roll-container {
  opacity: var(--collapseHoverOpacity);
}
.sheet-rolltemplate-dcc .repitem > .collapse,
.sheet-rolltemplate-dcc .collapse-container > .collapse {
  opacity: var(--collapseBaseOpacity);
  position: absolute;
  right: -10px;
  top: 0px;
  border: 0px solid black;
  border-radius: 0;
  color: var(--collapseExpandedColor);
  text-transform: none;
  background-color: transparent;
}
.sheet-rolltemplate-dcc .repitem > .collapse:before,
.sheet-rolltemplate-dcc .collapse-container > .collapse:before {
  content: "y";
  font-family: pictos;
}
.sheet-rolltemplate-dcc .repitem > .collapse:checked,
.sheet-rolltemplate-dcc .collapse-container > .collapse:checked {
  color: var(--collapseCollapsedColor);
  background-color: transparent;
}
.sheet-rolltemplate-dcc .repitem > .collapse:checked ~ .expanded,
.sheet-rolltemplate-dcc .repitem > .collapse:checked ~ .collapse-container .expanded,
.sheet-rolltemplate-dcc .collapse-container > .collapse:checked ~ .expanded,
.sheet-rolltemplate-dcc .collapse-container > .collapse:checked ~ .collapse-container .expanded {
  display: none !important;
}
.sheet-rolltemplate-dcc .repitem > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
.sheet-rolltemplate-dcc .repitem > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + *,
.sheet-rolltemplate-dcc .collapse-container > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
.sheet-rolltemplate-dcc .collapse-container > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + * {
  display: none !important;
}
.sheet-rolltemplate-dcc .repitem > .collapse:not(:checked) ~ .collapsed,
.sheet-rolltemplate-dcc .collapse-container > .collapse:not(:checked) ~ .collapsed {
  display: none !important;
}
.sheet-rolltemplate-dcc .repitem > .collapse:hover,
.sheet-rolltemplate-dcc .collapse-container > .collapse:hover {
  color: var(--collapseExpandedColor);
}
.sheet-rolltemplate-dcc .repcontainer.editmode .collapse {
  display: none;
}
.sheet-rolltemplate-dcc .fill-left {
  display: var(--fillLeftDisplay);
  align-self: var(--fillLeftAlignment);
  box-sizing: border-box;
}
.sheet-rolltemplate-dcc .fill-left__radio {
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--fillLeftSelectedColor);
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.sheet-rolltemplate-dcc .fill-left__radio[data-value]:checked:before {
  content: attr(data-value);
  color: var(--fillLeftDataColor);
  font-size: var(--fillLeftDataSize);
  place-self: center;
  text-transform: var(--fillLeftDataTransform);
}
.sheet-rolltemplate-dcc .fill-left__radio:checked ~ .fill-left__radio {
  background-color: var(--fillLeftUnselectedColor);
}
.sheet-rolltemplate-dcc .input-label {
  display: inline-flex;
  gap: var(--input-label-gap);
  align-items: center;
}
.sheet-rolltemplate-dcc .input-label:not(.stacked) > input[type=text] {
  flex: 1 1 0;
}
.sheet-rolltemplate-dcc .input-label:not(.stacked) > :not([name]) {
  flex: 0 0 auto;
}
.sheet-rolltemplate-dcc .input-label > :is(span, button) {
  text-transform: var(--input-label-text-transform);
}
.sheet-rolltemplate-dcc .input-label--dual {
  grid-template-columns: 1fr auto 1fr;
  grid-template-areas: "over 	over 	over" "under 	under 	under";
}
.sheet-rolltemplate-dcc .input-label--dual > span:last-of-type {
  grid-column: 1/-1;
}
.sheet-rolltemplate-dcc .input-label--dual > input:not([type=number]):not([type=checkbox]):not([type=radio]) {
  width: 100%;
}
.sheet-rolltemplate-dcc .input-label--dual > .slash {
  line-height: 0rem;
  font-weight: normal;
}
.sheet-rolltemplate-dcc .headed-textarea {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: auto;
  grid-column: 1/-1;
}
.sheet-rolltemplate-dcc .headed-textarea :not(textarea):not(.adaptive) {
  justify-self: start;
}
.sheet-rolltemplate-dcc .headed-textarea .headed-textarea__header {
  grid-area: initial;
}
.sheet-rolltemplate-dcc .adaptive {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-template-areas: "content";
  position: relative;
}
.sheet-rolltemplate-dcc .adaptive > * {
  grid-area: content;
}
.sheet-rolltemplate-dcc .adaptive > span {
  opacity: 0;
  z-index: -10;
  border-width: 1px 3px;
  border-style: solid;
  border-radius: 5px;
  border-color: transparent;
  box-sizing: border-box;
  text-transform: initial;
  border-radius: 0px;
}
.sheet-rolltemplate-dcc .adaptive--text {
  min-height: 4rem;
}
.sheet-rolltemplate-dcc .adaptive--text__span {
  white-space: pre-wrap;
  padding: 2px;
}
.sheet-rolltemplate-dcc .adaptive--text__textarea {
  width: 100%;
  height: 100%;
  resize: none;
}
.sheet-rolltemplate-dcc .adaptive--text__textarea,
.sheet-rolltemplate-dcc .adaptive--input__input {
  position: absolute;
}
.sheet-rolltemplate-dcc .adaptive--input__input {
  width: 100%;
}
.sheet-rolltemplate-dcc .adaptive--input__span {
  padding: 2px;
  min-height: 1.5rem;
}
.sheet-rolltemplate-dcc .repitem > input:not([type=checkbox]) {
  width: 100%;
}
.sheet-rolltemplate-dcc .repitem .headed-textarea,
.sheet-rolltemplate-dcc .repitem .description {
  grid-column: 1/-1;
}
.sheet-rolltemplate-dcc .repcontainer {
  display: grid;
  gap: var(--normal-gap);
}
.sheet-rolltemplate-dcc .repeating-container {
  display: grid;
  grid-template-areas: "header";
  align-self: start;
}
.sheet-rolltemplate-dcc .repeating-container > .header {
  grid-area: header;
}
.sheet-rolltemplate-dcc .repeating-container :is(.repcontrol-button, .repcontrol_edit) {
  opacity: 0;
  transition: var(--revealTrans);
}
.sheet-rolltemplate-dcc .repeating-container:is(:hover, :focus-within, :focus) :is(.repcontrol-button, .repcontrol_edit) {
  opacity: 1;
}
.sheet-rolltemplate-dcc .repcontrol-button {
  align-self: start;
}
.sheet-rolltemplate-dcc .repcontrol-button ~ .repcontrol {
  justify-self: end;
  z-index: 100;
}
.sheet-rolltemplate-dcc .repcontrol-button ~ .repcontrol > .repcontrol_add {
  display: none !important;
}
.sheet-rolltemplate-dcc .repcontrol-button--add {
  justify-self: start;
  width: 15px;
  height: 15px;
  padding: 4px;
  font-size: 0;
  color: var(--col-alt);
  border: 1px solid var(--col-alt);
}
.sheet-rolltemplate-dcc .repcontrol-button--add::before {
  inset: 0;
  place-self: center;
  font-family: var(--font-icon);
  font-size: 12px;
  content: "add";
}
.sheet-rolltemplate-dcc .kmodal__button {
  all: initial;
  display: flex;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.sheet-rolltemplate-dcc .kmodal__checkbox[type=checkbox] {
  display: none;
}
.sheet-rolltemplate-dcc .kmodal__outer {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  background: var(--kmodal-overlay-background);
  transition: opacity 0.25s ease;
  z-index: 999;
}
.sheet-rolltemplate-dcc .kmodal__background {
  all: initial;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.sheet-rolltemplate-dcc .kmodal__inner {
  position: fixed;
  width: var(--kmodal-width);
  height: var(--kmodal-height);
  inset: 0;
  margin: auto;
  overflow: auto;
  background: var(--kmodal-dialog-background);
  border-radius: 5px;
  padding: var(--kmodal-close-height) calc(var(--kmodal-close-width) * 3) var(--kmodal-close-height) calc(var(--kmodal-close-width) * 2);
  max-width: var(--kmodal-max-width);
  max-height: var(--kmodal-max-height);
  transition: opacity 0.25s ease;
  box-shadow: var(--kmodal-box-shadow);
}
.sheet-rolltemplate-dcc .kmodal__close {
  position: absolute;
  right: var(--kmodal-close-width);
  top: var(--kmodal-close-height);
  width: var(--kmodal-close-width);
  height: var(--kmodal-close-height);
  cursor: pointer;
}
.sheet-rolltemplate-dcc .kmodal__close:after,
.sheet-rolltemplate-dcc .kmodal__close:before {
  content: "";
  position: absolute;
  width: var(--kmodal-close-line-thickness);
  height: var(--kmodal-close-line-length);
  background: var(--kmodal-close-color);
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}
.sheet-rolltemplate-dcc .kmodal__close:hover:after,
.sheet-rolltemplate-dcc .kmodal__close:hover:before {
  background: var(--kmodal-close-hover-color);
}
.sheet-rolltemplate-dcc .kmodal__close:before {
  transform: rotate(-45deg);
}
.sheet-rolltemplate-dcc .kmodal__checkbox:not(:checked) + .kmodal__outer {
  display: none;
}
.sheet-rolltemplate-dcc .kmodal__checkbox:checked + .kmodal__outer {
  opacity: 1;
  visibility: visible;
}
.sheet-rolltemplate-dcc .kmodal__checkbox:checked + .kmodal__outer .kmodal__inner {
  top: 0;
}
.sheet-rolltemplate-dcc .tabs__container:not(.k-active-tab) {
  display: none !important;
}
.sheet-rolltemplate-dcc .tabs__nav-item {
  list-style: none;
}
.sheet-rolltemplate-dcc .tabs__nav-list {
  display: flex;
}
.sheet-rolltemplate-dcc a:not([href^="~"]):not([href^="!"]) {
  color: inherit;
}
.sheet-rolltemplate-dcc a:is([href^="~"], [href^="!"]) {
  padding: 0;
  border: 0 solid transparent;
  background-color: transparent;
  color: inherit;
  font-weight: 700;
  font-size: 1.2em;
}
.sheet-rolltemplate-dcc .userscript-roll {
  position: relative;
}
.sheet-rolltemplate-dcc .userscript-roll__border {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
  border-image-slice: 15 15 15 15 fill;
  border-image-width: 15px 15px 15px 15px;
  border-image-outset: 0px 0px 0px 0px;
  border-image-repeat: stretch stretch;
  border-image-source: url(https://raw.githubusercontent.com/mperes/dcc-images/main/border-roll.png);
}
.sheet-rolltemplate-dcc .userscript-roll__container {
  position: relative;
  z-index: 1;
  padding: 15px;
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
}
.sheet-rolltemplate-dcc .userscript-roll__author {
  font-size: 10px;
  font-weight: bold;
  color: var(--secondary-color);
  margin-bottom: 3px;
}
.sheet-rolltemplate-dcc .userscript-roll__title {
  font-size: 16px;
  color: white;
  font-weight: bold;
  text-transform: capitalize;
}
.sheet-rolltemplate-dcc .userscript-roll__subtitle {
  font-size: 14px;
  color: white;
  text-transform: capitalize;
}
.sheet-rolltemplate-dcc .userscript-roll__formula span {
  display: block;
}
.sheet-rolltemplate-dcc .userscript-roll__formula span .inlinerollresult {
  background: none;
  border: 0;
  color: white;
  font-size: 40px;
  line-height: 32px;
  padding: 0;
}
.sheet-rolltemplate-dcc .userscript-roll__description {
  color: white;
  grid-column: 1/-1;
  margin-top: var(--gap-size-small);
  font-size: 12px;
}
.sheet-rolltemplate-dcc .userscript-roll__description--computed .inlinerollresult {
  background-color: transparent;
  color: inherit;
  padding: 0;
  border: none;
}
.sheet-rolltemplate-dcc .userscript-roll .sheet-critical {
  display: none;
}
.sheet-rolltemplate-dcc .userscript-roll .sheet-critical:empty ~ .userscript-roll__critical, .sheet-rolltemplate-dcc .userscript-roll .sheet-critical:has(span:empty) ~ .userscript-roll__critical {
  display: none;
}
.sheet-rolltemplate-dcc .userscript-roll .sheet-success {
  display: none;
}
.sheet-rolltemplate-dcc .userscript-roll .sheet-success:empty ~ .userscript-roll__success, .sheet-rolltemplate-dcc .userscript-roll .sheet-success:has(span:empty) ~ .userscript-roll__success {
  display: none;
}
.sheet-rolltemplate-dcc .userscript-roll .sheet-fumble {
  display: none;
}
.sheet-rolltemplate-dcc .userscript-roll .sheet-fumble:empty ~ .userscript-roll__fumble, .sheet-rolltemplate-dcc .userscript-roll .sheet-fumble:has(span:empty) ~ .userscript-roll__fumble {
  display: none;
}
.sheet-rolltemplate-dcc .userscript-roll .sheet-failure {
  display: none;
}
.sheet-rolltemplate-dcc .userscript-roll .sheet-failure:empty ~ .userscript-roll__failure, .sheet-rolltemplate-dcc .userscript-roll .sheet-failure:has(span:empty) ~ .userscript-roll__failure {
  display: none;
}
.sheet-rolltemplate-dcc .userscript-roll__critical, .sheet-rolltemplate-dcc .userscript-roll__fumble, .sheet-rolltemplate-dcc .userscript-roll__success, .sheet-rolltemplate-dcc .userscript-roll__failure {
  text-transform: uppercase;
  display: inline-block;
  font-size: 10px;
  line-height: 11px;
  padding: 1px 3px;
  margin-top: 5px;
  color: black;
}
.sheet-rolltemplate-dcc .userscript-roll__critical, .sheet-rolltemplate-dcc .userscript-roll__success {
  background: var(--overwritten-color);
}
.sheet-rolltemplate-dcc .userscript-roll__critical .inlinerollresult, .sheet-rolltemplate-dcc .userscript-roll__success .inlinerollresult {
  background-color: transparent;
  padding: 0;
  border: 0;
  font-size: 1em;
  pointer-events: none;
}
.sheet-rolltemplate-dcc .userscript-roll__fumble, .sheet-rolltemplate-dcc .userscript-roll__failure {
  background: var(--roll-color);
}
.sheet-rolltemplate-dcc .userscript-roll .inlinerollresult[original-title*="computed value"], .sheet-rolltemplate-dcc .userscript-roll .inlinerollresult[title*="computed value"] {
  pointer-events: none;
}
.sheet-rolltemplate-dcc.sheet-rolltemplate-darkmode .userscript-roll__border {
  opacity: 0.85;
}
.sheet-rolltemplate-dcc + .flyout {
  top: 8px;
  right: 13px;
  color: #8f8f8f;
  opacity: 0.85;
}
.sheet-rolltemplate-dcc .sheet-headed-section {
  display: grid;
  border: 3px solid var(--primary-color);
}

html {
  font-size: 14px;
}
html .sheetform {
  background-color: unset !important;
}

.nav.nav-tabs {
  width: calc(100% + 20px);
  margin-left: -20px;
  padding-left: 20px;
}

body {
  --font1:var(--topHeadFont);
  --font2:var(--topHeadFont);
  --font3:var(--midHeadFont);
  --font4:var(--midHeadFont);
  --font5:var(--midHeadFont);
  --font6:var(--contentHeadFont);
  --font7:var(--contentHeadFont);
  --baseFontSize: 16px;
  --size1:300%;
  --size2:250%;
  --size3:200%;
  --size4:150%;
  --size5:125%;
  --size6:100%;
  --size7:87.5%;
  --icon-size:24px;
  --font-icon: "Material Icons";
  --normal-gap-x:1rem;
  --normal-gap-y:1rem;
  --normal-gap: var(--normal-gap-x);
  --half-gap-x:calc(var(--normal-gap-x) / 2);
  --half-gap-y:calc(var(--normal-gap-y) / 2);
  --half-gap: var(--half-gap-x);
  --tiny-gap-x:calc(var(--half-gap-x) / 2);
  --tiny-gap-y:calc(var(--half-gap-y) / 2);
  --tiny-gap: var(--tiny-gap-x);
  --big-gap-x:calc(var(--normal-gap-x) * 2);
  --big-gap-y:calc(var(--normal-gap-y) * 2);
  --big-gap: var(--big-gap-x);
  --lm-backColor:#fff;
  --dm-backColor:var(--dark-surface1);
  --backColor:var(--lm-backColor);
  --lm-selectedColor:#000;
  --dm-selectedColor:#007476;
  --selectedColor:var(--lm-selectedColor);
  --lm-unselectedColor1:lightgrey;
  --dm-unselectedColor1:#0e0e0e;
  --unselectedColor1:var(--lm-unselectedColor1);
  --lm-unselectedColor2:transparent;
  --dm-unselectedColor2:transparent;
  --unselectedColor2:var(--lm-unselectedColor2);
  --lm-checkColor:#000;
  --dm-checkColor:#ff0000;
  --checkColor:var(--lm-checkColor);
  --lm-checkedBackColor:transparent;
  --dm-checkedBackColor:transparent;
  --checkedBackColor:var(--lm-checkedBackColor);
  --lm-borderColor:#000;
  --dm-borderColor:lightgrey;
  --borderColor:var(--lm-borderColor);
  --lm-fontColor:#0f0f0f;
  --dm-fontColor:var(--dark-primarytext);
  --fontColor:var(--lm-fontColor);
  --lm-disabledColor:var(--lm-unselectedColor1);
  --dm-disabledColor:var(--dm-unselectedColor1);
  --disabledColor:var(--lm-disabledColor);
  --checkContent: "✓";
  --checkWeight: bold;
  --checkSize: 150%;
  --checkLineHeight: calc(var(--checkSize) / 3);
  --checkboxBorderWidth: var(--borderWidth);
  --checkboxBorderStyle: var(--borderStyle);
  --lm-checkboxBorderColor: var(--lm-borderColor);
  --dm-checkboxBorderColor: var(--dm-borderColor);
  --checkboxBorderColor: var(--lm-checkBorderColor);
  --checkboxWidth: 14px;
  --checkboxHeight: 14px;
  --inputTopPadding: 2px;
  --inputRightPadding: 2px;
  --inputBottomPadding: 2px;
  --inputLeftPadding: 2px;
  --inputPadding:
    var(--inputTopPadding)
    var(--inputRightPadding)
    var(--inputBottomPadding)
    var(--inputLeftPadding);
  --lm-placeholderColor:#ededed80;
  --dm-placeholderColor:#3f3f3f80;
  --placeholderColor: var(--lm-placeholderColor);
  --textareaResize: vertical;
  --borderWidth:1px;
  --borderStyle:solid;
  --expandedSymbol:"unfold_less";
  --collapsedSymbol: "unfold_more";
  --collapseHoverOpacity: 1;
  --collapseBaseOpacity: 0;
  --lm-collapseExpandedColor:var(--lm-selectedColor);
  --dm-collapseExpandedColor:var(--dm-selectedColor);
  --collapseExpandedColor: var(--lm-collapseExpandedColor);
  --lm-collapseCollapsedColor:var(--lm-unselectedColor);
  --dm-collapseCollapsedColor:var(--dm-unselectedColor);
  --collapseCollapsedColor: var(--lm-collapseCollapsedColor);
  --fillLeftDisplay: flex;
  --fillLeftAlignment: center;
  --fillLeftDataTransform: uppercase;
  --fillLeftDataSize: var(--size6);
  --lm-fillLeftSelectedColor: var(--lm-selectedColor);
  --dm-fillLeftSelectedColor: var(--dm-selectedColor);
  --fillLeftSelectedColor: var(--lm-fillLeftSelectedColor);
  --lm-fillLeftUnselectedColor: var(--lm-unselectedColor);
  --dm-fillLeftUnselectedColor: var(--dm-unselectedColor);
  --fillLeftUnselectedColor: var(--lm-fillLeftUnselectedColor);
  --lm-fillLeftDataColor: var(--lm-backColor);
  --dm-fillLeftDataColor: var(--dm-backColor);
  --fillLeftDataColor: var(--lm-fillLeftDataColor);
  --lm-selectColor: var(--lm-fontColor);
  --dm-selectColor: var(--dm-fontColor);
  --selectColor: var(--lm-fontColor);
  --selectTextOverflow: var(--textOverflow);
  --selectTextAlign: center;
  --selectTextTransform: capitalize;
  --revealTime:500ms;
  --revealFunction: ease-in-out;
  --revealTrans: var(--revealTime) var(--revealFunction);
  --kmodal-width:fit-content;
  --kmodal-height:fit-content;
  --kmodal-max-width:90vw;
  --kmodal-max-height:90vh;
  --lm-kmodal-overlay-background:rgba(0,0,0,.9);
  --dm-kmodal-overlay-background:rgba(0,0,0,.9);
  --kmodal-overlay-background: var(--lm-kmodal-overlay-background);
  --lm-kmodal-dialog-background:var(--lm-backColor);
  --dm-kmodal-dialog-background:var(--dm-backColor);
  --kmodal-dialog-background: var(--lm-kmodal-dialog-background);
  --kmodal-border-width:0px;
  --kmodal-border-color:transparent;
  --lm-kmodal-box-shadow-color1:rgba(0, 0, 0, 0.25);
  --dm-kmodal-box-shadow-color1:rgba(0, 0, 0, 0.25);
  --kmodal-box-shadow-color1:var(--lm-kmodal-box-shadow-color1);
  --kmodal-box-shadow-blur1:28px;
  --kmodal-box-shadow-x1:0px;
  --kmodal-box-shadow-y1:14px;
  --kmodal-box-shadow-spread1:0px;
  --lm-kmodal-box-shadow-color2:rgba(0, 0, 0, 0.22);
  --dm-kmodal-box-shadow-color2:rgba(0, 0, 0, 0.22);
  --kmodal-box-shadow-color2:var(--lm-kmodal-box-shadow-color2);
  --kmodal-box-shadow-blur2:10px;
  --kmodal-box-shadow-x2:0px;
  --kmodal-box-shadow-y2:10px;
  --kmodal-box-shadow-spread2:0px;
  --kmodal-box-shadow:
    var(--kmodal-box-shadow-x1) var(--kmodal-box-shadow-y1) var(--kmodal-box-shadow-blur1) var(--kmodal-box-shadow-spread1) var(--kmodal-box-shadow-color1),
    var(--kmodal-box-shadow-x2) var(--kmodal-box-shadow-y2) var(--kmodal-box-shadow-blur2) var(--kmodal-box-shadow-spread2) var(--kmodal-box-shadow-color2);
  --kmodal-close-width:1rem;
  --kmodal-close-height:1rem;
  --lm-kmodal-close-color:#ccc;
  --dm-kmodal-close-color:#aaa;
  --kmodal-close-color:var(--lm-kmodal-close-color);
  --lm-kmodal-close-hover-color:#aaa;
  --dm-kmodal-close-hover-color:#aaa;
  --kmodal-close-hover-color:var(--lm-kmodal-close-hover-color);
  --kmodal-close-line-thickness:2px;
  --kmodal-close-line-length:calc(var(--kmodal-close-width) * 1.5);
  --input-label-gap: var(--half-gap);
  --lm-fontColor:black;
  --dm-fontColor: beige;
  --checkedColor: var(--selectedColor);
  --checkColor: var(--selectedColor);
  --fontColor:var(--lm-fontColor);
  --topHeadFont:Arial;
  --midHeadFont:Arial;
  --contentHeadFont:Arial;
  --lm-borderColor: black;
  --dm-borderColor:black;
  --borderColor: var(--lm-borderColor);
  --lm-headColor: black;
  --dm-headColor:black;
  --headColor: var(--lm-headColor);
  --lm-backedFontColor: beige;
  --dm-backedFontColor:beige;
  --backedFontColor: var(--lm-backedFontColor);
  --primary-color: black;
  --secondary-color: #DDD;
  --tertiary-color: #EEE;
  --roll-color: red;
  --mod-color: rgb(0, 17, 255);
  --overwritten-color: rgb(0, 189, 79);
  --background-color: white;
  --font-size-large: 1.12rem;
  --font-size-normal: 1rem;
  --font-size-small: 0.75rem;
  --font-size-xsmall: 0.65rem;
  --gap-size-large: 30px;
  --gap-size-normal: 15px;
  --gap-size-small: 10px;
  --gap-size-xsmall: 5px;
  --button-size-normal: 23px;
  --lm-error-red: red;
  --dm-error-red: red;
  --error-red: var(--lm-error-red);
  color: var(--fontColor);
  font-family: var(--contentHeadFont);
  color: var(--fontColor);
  font-size: 1rem;
}
body:has(.tab-content:first-child) .sheet-toggle {
  position: sticky;
  top: 40px;
  justify-content: center;
  margin-bottom: var(--gap-size-small);
}
body .ui-dialog {
  scrollbar-gutter: stable;
}
body .ui-dialog .nav-tabs {
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: var(--backColor);
}
body .ui-dialog .nav-tabs a {
  font-family: var(--font3);
}
body .ui-dialog .tab-content .charsheet {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2px;
  --_margin: 1rem;
  margin: 0;
  padding: 0;
}
body .ui-dialog .tab-content .charsheet select,
body .ui-dialog .tab-content .charsheet textarea,
body .ui-dialog .tab-content .charsheet input,
body .ui-dialog .tab-content .charsheet .uneditable-input,
body .ui-dialog .tab-content .charsheet label,
body .ui-dialog .tab-content .charsheet button {
  all: initial;
}
body .ui-dialog .tab-content .charsheet .flex-box,
body .ui-dialog .tab-content .charsheet .sheet-flex-box {
  display: flex;
}
body .ui-dialog .tab-content .charsheet .flex-wrap,
body .ui-dialog .tab-content .charsheet .sheet-flex-wrap {
  flex-wrap: wrap;
}
body .ui-dialog .tab-content .charsheet .justify-space-around,
body .ui-dialog .tab-content .charsheet .sheet-justify-space-around {
  justify-content: space-around;
}
body .ui-dialog .tab-content .charsheet .justify-space-between,
body .ui-dialog .tab-content .charsheet .sheet-justify-space-between {
  justify-content: space-between;
}
body .ui-dialog .tab-content .charsheet .justify-center,
body .ui-dialog .tab-content .charsheet .sheet-justify-center {
  justify-content: center;
}
body .ui-dialog .tab-content .charsheet .flex-min-content,
body .ui-dialog .tab-content .charsheet .sheet-flex-min-content {
  flex: 1 0 min-content;
}
body .ui-dialog .tab-content .charsheet .stacked {
  flex-direction: column;
}
body .ui-dialog .tab-content .charsheet .stacked.center > * {
  text-align: center;
}
body .ui-dialog .tab-content .charsheet .stacked:not(.center) {
  align-items: start;
}
body .ui-dialog .tab-content .charsheet .stacked > [name]:not([type=number]):not([type=checkbox]):not([type=radio]) {
  width: 100%;
}
body .ui-dialog .tab-content .charsheet .flex-column,
body .ui-dialog .tab-content .charsheet .sheet-flex-column {
  flex-direction: column;
}
body .ui-dialog .tab-content .charsheet .flex-row-reverse,
body .ui-dialog .tab-content .charsheet .sheet-flex-row-revers {
  flex-direction: row-reverse;
}
body .ui-dialog .tab-content .charsheet .flex-column-reverse,
body .ui-dialog .tab-content .charsheet .sheet-flex-column-reverse {
  flex-direction: column-reverse;
}
body .ui-dialog .tab-content .charsheet .normal-gap,
body .ui-dialog .tab-content .charsheet .sheet-normal-gap {
  gap: var(--normal-gap);
}
body .ui-dialog .tab-content .charsheet .normal-gap-x,
body .ui-dialog .tab-content .charsheet .sheet-normal-gap-x {
  column-gap: var(--normal-gap-x);
}
body .ui-dialog .tab-content .charsheet .normal-gap-y,
body .ui-dialog .tab-content .charsheet .sheet-normal-gap-y {
  row-gap: var(--normal-gap-y);
}
body .ui-dialog .tab-content .charsheet .half-gap,
body .ui-dialog .tab-content .charsheet .sheet-half-gap {
  gap: var(--half-gap);
}
body .ui-dialog .tab-content .charsheet .half-gap-x,
body .ui-dialog .tab-content .charsheet .sheet-half-gap-x {
  column-gap: var(--half-gap-x);
}
body .ui-dialog .tab-content .charsheet .half-gap-y,
body .ui-dialog .tab-content .charsheet .sheet-half-gap-y {
  row-gap: var(--half-gap-y);
}
body .ui-dialog .tab-content .charsheet .tiny-gap,
body .ui-dialog .tab-content .charsheet .sheet-tiny-gap {
  gap: var(--tiny-gap);
}
body .ui-dialog .tab-content .charsheet .tiny-gap-x,
body .ui-dialog .tab-content .charsheet .sheet-tiny-gap-x {
  column-gap: var(--tiny-gap-x);
}
body .ui-dialog .tab-content .charsheet .tiny-gap-y,
body .ui-dialog .tab-content .charsheet .sheet-tiny-gap-y {
  row-gap: var(--tiny-gap-y);
}
body .ui-dialog .tab-content .charsheet .big-gap,
body .ui-dialog .tab-content .charsheet .sheet-big-gap {
  gap: var(--big-gap);
}
body .ui-dialog .tab-content .charsheet .big-gap-x,
body .ui-dialog .tab-content .charsheet .sheet-big-gap-x {
  column-gap: var(--big-gap-x);
}
body .ui-dialog .tab-content .charsheet .big-gap-y,
body .ui-dialog .tab-content .charsheet .sheet-big-gap-y {
  row-gap: var(--big-gap-y);
}
body .ui-dialog .tab-content .charsheet .grid,
body .ui-dialog .tab-content .charsheet .sheet-grid {
  display: grid;
}
body .ui-dialog .tab-content .charsheet .grid-span-2,
body .ui-dialog .tab-content .charsheet .sheet-grid-span-2 {
  grid-column: span 2;
}
body .ui-dialog .tab-content .charsheet .grid-span-all,
body .ui-dialog .tab-content .charsheet .sheet-grid-span-all {
  grid-column: 1/-1;
}
body .ui-dialog .tab-content .charsheet .grid-column,
body .ui-dialog .tab-content .charsheet .sheet-grid-column {
  grid-auto-flow: column;
}
body .ui-dialog .tab-content .charsheet .grid-dense,
body .ui-dialog .tab-content .charsheet .sheet-grid-dense {
  grid-auto-flow: dense;
}
body .ui-dialog .tab-content .charsheet .boxed,
body .ui-dialog .tab-content .charsheet .sheet-boxed {
  border: 2px solid var(--borderColor);
  border-radius: 0;
  box-sizing: border-box;
}
body .ui-dialog .tab-content .charsheet .boxed.thick-left,
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-left {
  border-left-width: 5px;
}
body .ui-dialog .tab-content .charsheet .boxed.thick-bottom,
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-bottom {
  border-bottom-width: 5px;
}
body .ui-dialog .tab-content .charsheet .boxed.thick-right,
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-right {
  border-right-width: 5px;
}
body .ui-dialog .tab-content .charsheet .boxed.thick-top,
body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-top {
  border-top-width: 5px;
}
body .ui-dialog .tab-content .charsheet .underlined,
body .ui-dialog .tab-content .charsheet .sheet-underlined {
  border-width: 1px 3px;
  border-style: solid;
  border-radius: 5px;
  border-color: transparent;
  box-sizing: border-box;
  border-radius: 0;
  border-bottom: 1px solid var(--borderColor);
  transition: border-radius border var(--revealTrans);
}
body .ui-dialog .tab-content .charsheet :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:hover, :focus, :focus-within) {
  border-width: 1px 3px;
  border-style: solid;
  border-color: var(--borderColor);
  border-radius: 5px;
  box-sizing: border-box;
}
body .ui-dialog .tab-content .charsheet :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:focus, :focus-within) {
  background-color: var(--disabledColor);
}
body .ui-dialog .tab-content .charsheet .underlined--invisible {
  border-color: transparent !important;
}
body .ui-dialog .tab-content .charsheet .ratio1-1,
body .ui-dialog .tab-content .charsheet .sheet-ratio1-1 {
  aspect-ratio: 1/1;
}
body .ui-dialog .tab-content .charsheet span,
body .ui-dialog .tab-content .charsheet input,
body .ui-dialog .tab-content .charsheet textarea,
body .ui-dialog .tab-content .charsheet button,
body .ui-dialog .tab-content .charsheet select {
  line-height: normal;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
body .ui-dialog .tab-content .charsheet .text-1,
body .ui-dialog .tab-content .charsheet .sheet-text-1 {
  font-size: var(--size1);
}
body .ui-dialog .tab-content .charsheet .text-2,
body .ui-dialog .tab-content .charsheet .sheet-text-2 {
  font-size: var(--size2);
}
body .ui-dialog .tab-content .charsheet .text-3,
body .ui-dialog .tab-content .charsheet .sheet-text-3 {
  font-size: var(--size3);
}
body .ui-dialog .tab-content .charsheet .text-4,
body .ui-dialog .tab-content .charsheet .sheet-text-4 {
  font-size: var(--size4);
}
body .ui-dialog .tab-content .charsheet .text-5,
body .ui-dialog .tab-content .charsheet .sheet-text-5 {
  font-size: var(--size5);
}
body .ui-dialog .tab-content .charsheet .text-6,
body .ui-dialog .tab-content .charsheet .sheet-text-6 {
  font-size: var(--size6);
}
body .ui-dialog .tab-content .charsheet .text-7,
body .ui-dialog .tab-content .charsheet .sheet-text-7 {
  font-size: var(--size7);
}
body .ui-dialog .tab-content .charsheet .capitalize,
body .ui-dialog .tab-content .charsheet .sheet-capitalize {
  text-transform: capitalize !important;
}
body .ui-dialog .tab-content .charsheet .lowercase,
body .ui-dialog .tab-content .charsheet .sheet-lowercase {
  text-transform: lowercase !important;
}
body .ui-dialog .tab-content .charsheet .uppercase,
body .ui-dialog .tab-content .charsheet .sheet-uppercase {
  text-transform: uppercase !important;
}
body .ui-dialog .tab-content .charsheet .sheet-material-icons,
body .ui-dialog .tab-content .charsheet .material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: var(--icon-size); /* Preferred icon size */
}
body .ui-dialog .tab-content .charsheet .material-symbol,
body .ui-dialog .tab-content .charsheet .sheet-material-symbol {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  font-variation-settings: "FILL" 1;
}
body .ui-dialog .tab-content .charsheet .sheet-italics,
body .ui-dialog .tab-content .charsheet .italics {
  font-style: italic;
}
body .ui-dialog .tab-content .charsheet h1,
body .ui-dialog .tab-content .charsheet *[aria-level="1"] {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: var(--size1);
  font-family: var(--font1);
}
body .ui-dialog .tab-content .charsheet h1:not(input),
body .ui-dialog .tab-content .charsheet *[aria-level="1"]:not(input) {
  text-align: center;
}
body .ui-dialog .tab-content .charsheet h1 *,
body .ui-dialog .tab-content .charsheet *[aria-level="1"] * {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: var(--size1);
  font-family: var(--font1);
}
body .ui-dialog .tab-content .charsheet h1 *:not(input),
body .ui-dialog .tab-content .charsheet *[aria-level="1"] *:not(input) {
  text-align: center;
}
body .ui-dialog .tab-content .charsheet h2, body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name],
body .ui-dialog .tab-content .charsheet *[aria-level="2"] {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: var(--size2);
  font-family: var(--font2);
}
body .ui-dialog .tab-content .charsheet h2:not(input), body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name]:not(input),
body .ui-dialog .tab-content .charsheet *[aria-level="2"]:not(input) {
  text-align: center;
}
body .ui-dialog .tab-content .charsheet h2 *, body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *,
body .ui-dialog .tab-content .charsheet *[aria-level="2"] * {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: var(--size2);
  font-family: var(--font2);
}
body .ui-dialog .tab-content .charsheet h2 *:not(input), body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *:not(input),
body .ui-dialog .tab-content .charsheet *[aria-level="2"] *:not(input) {
  text-align: center;
}
body .ui-dialog .tab-content .charsheet h3,
body .ui-dialog .tab-content .charsheet *[aria-level="3"] {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: var(--size3);
  font-family: var(--font3);
}
body .ui-dialog .tab-content .charsheet h3:not(input),
body .ui-dialog .tab-content .charsheet *[aria-level="3"]:not(input) {
  text-align: center;
}
body .ui-dialog .tab-content .charsheet h3 *,
body .ui-dialog .tab-content .charsheet *[aria-level="3"] * {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: var(--size3);
  font-family: var(--font3);
}
body .ui-dialog .tab-content .charsheet h3 *:not(input),
body .ui-dialog .tab-content .charsheet *[aria-level="3"] *:not(input) {
  text-align: center;
}
body .ui-dialog .tab-content .charsheet h4,
body .ui-dialog .tab-content .charsheet *[aria-level="4"] {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  font-size: var(--size4);
  font-family: var(--font4);
}
body .ui-dialog .tab-content .charsheet h4:not(:where(input)),
body .ui-dialog .tab-content .charsheet *[aria-level="4"]:not(:where(input)) {
  text-transform: capitalize;
}
body .ui-dialog .tab-content .charsheet h4:not(input),
body .ui-dialog .tab-content .charsheet *[aria-level="4"]:not(input) {
  text-align: center;
}
body .ui-dialog .tab-content .charsheet h4 *,
body .ui-dialog .tab-content .charsheet *[aria-level="4"] * {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  font-size: var(--size4);
  font-family: var(--font4);
}
body .ui-dialog .tab-content .charsheet h4 *:not(:where(input)),
body .ui-dialog .tab-content .charsheet *[aria-level="4"] *:not(:where(input)) {
  text-transform: capitalize;
}
body .ui-dialog .tab-content .charsheet h4 *:not(input),
body .ui-dialog .tab-content .charsheet *[aria-level="4"] *:not(input) {
  text-align: center;
}
body .ui-dialog .tab-content .charsheet h5,
body .ui-dialog .tab-content .charsheet *[aria-level="5"] {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  font-size: var(--size5);
  font-style: normal;
  font-family: var(--font5);
}
body .ui-dialog .tab-content .charsheet h5:not(:where(input)),
body .ui-dialog .tab-content .charsheet *[aria-level="5"]:not(:where(input)) {
  text-transform: capitalize;
}
body .ui-dialog .tab-content .charsheet h5:not(input),
body .ui-dialog .tab-content .charsheet *[aria-level="5"]:not(input) {
  text-align: center;
}
body .ui-dialog .tab-content .charsheet h5 *,
body .ui-dialog .tab-content .charsheet *[aria-level="5"] * {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  font-size: var(--size5);
  font-style: normal;
  font-family: var(--font5);
}
body .ui-dialog .tab-content .charsheet h5 *:not(:where(input)),
body .ui-dialog .tab-content .charsheet *[aria-level="5"] *:not(:where(input)) {
  text-transform: capitalize;
}
body .ui-dialog .tab-content .charsheet h5 *:not(input),
body .ui-dialog .tab-content .charsheet *[aria-level="5"] *:not(input) {
  text-align: center;
}
body .ui-dialog .tab-content .charsheet h6,
body .ui-dialog .tab-content .charsheet *[aria-level="6"] {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  font-size: var(--size5);
  font-style: normal;
  font-family: var(--font5);
}
body .ui-dialog .tab-content .charsheet h6:not(:where(input)),
body .ui-dialog .tab-content .charsheet *[aria-level="6"]:not(:where(input)) {
  text-transform: capitalize;
}
body .ui-dialog .tab-content .charsheet h6:not(input),
body .ui-dialog .tab-content .charsheet *[aria-level="6"]:not(input) {
  text-align: center;
}
body .ui-dialog .tab-content .charsheet h6 *,
body .ui-dialog .tab-content .charsheet *[aria-level="6"] * {
  line-height: normal;
  color: var(--fontColor);
  display: block;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  font-size: var(--size5);
  font-style: normal;
  font-family: var(--font5);
}
body .ui-dialog .tab-content .charsheet h6 *:not(:where(input)),
body .ui-dialog .tab-content .charsheet *[aria-level="6"] *:not(:where(input)) {
  text-transform: capitalize;
}
body .ui-dialog .tab-content .charsheet h6 *:not(input),
body .ui-dialog .tab-content .charsheet *[aria-level="6"] *:not(input) {
  text-align: center;
}
body .ui-dialog .tab-content .charsheet .sheet-pictos,
body .ui-dialog .tab-content .charsheet .pictos {
  font-family: pictos;
  text-transform: none;
}
body .ui-dialog .tab-content .charsheet .pictos3,
body .ui-dialog .tab-content .charsheet .sheet-pictos3 {
  font-family: pictos three;
  text-transform: none;
}
body .ui-dialog .tab-content .charsheet .pictoscustom,
body .ui-dialog .tab-content .charsheet .sheet-pictoscustom {
  font-family: pictos custom;
  text-transform: none;
}
body .ui-dialog .tab-content .charsheet .d4,
body .ui-dialog .tab-content .charsheet .sheet-d4 {
  font-family: dicefontd4 !important;
  text-transform: none !important;
}
body .ui-dialog .tab-content .charsheet .d6,
body .ui-dialog .tab-content .charsheet .sheet-d6 {
  font-family: dicefontd6 !important;
  text-transform: none !important;
}
body .ui-dialog .tab-content .charsheet .d8,
body .ui-dialog .tab-content .charsheet .sheet-d8 {
  font-family: dicefontd8 !important;
  text-transform: none !important;
}
body .ui-dialog .tab-content .charsheet .d10,
body .ui-dialog .tab-content .charsheet .sheet-d10 {
  font-family: dicefontd10 !important;
  text-transform: none !important;
}
body .ui-dialog .tab-content .charsheet .d12,
body .ui-dialog .tab-content .charsheet .sheet-d12 {
  font-family: dicefontd12 !important;
  text-transform: none !important;
}
body .ui-dialog .tab-content .charsheet .d20,
body .ui-dialog .tab-content .charsheet .sheet-d20 {
  font-family: dicefontd20 !important;
  text-transform: none !important;
}
body .ui-dialog .tab-content .charsheet .d30,
body .ui-dialog .tab-content .charsheet .sheet-d30 {
  font-family: dicefontd30 !important;
  text-transform: none !important;
}
body .ui-dialog .tab-content .charsheet input[type=checkbox] {
  border: 1px solid var(--checkboxBorderColor);
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  width: var(--checkboxWidth);
  min-width: var(--checkboxWidth);
  height: var(--checkboxHeight);
  min-height: var(--checkboxHeight);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "content";
}
body .ui-dialog .tab-content .charsheet input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked {
  background-color: var(--checkedBackColor);
}
body .ui-dialog .tab-content .charsheet input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked:before {
  content: var(--checkContent);
  grid-area: content;
  font-weight: var(--checkWeight);
  place-self: start center;
  color: var(--checkColor);
  font-size: var(--checkSize);
  line-height: var(--checkLineHeight);
}
body .ui-dialog .tab-content .charsheet input[type=number] {
  width: 3rem;
  -moz-appearance: textfield !important;
  text-align: center;
}
body .ui-dialog .tab-content .charsheet input[type=number]::-webkit-inner-spin-button, body .ui-dialog .tab-content .charsheet input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body .ui-dialog .tab-content .charsheet select,
body .ui-dialog .tab-content .charsheet .pseudo-select span,
body .ui-dialog .tab-content .charsheet .sheet-pseudo-select span,
body .ui-dialog .tab-content .charsheet textarea,
body .ui-dialog .tab-content .charsheet input:not(:is([type=radio], [type=checkbox])),
body .ui-dialog .tab-content .charsheet .uneditable-input {
  padding: var(--inputPadding);
}
body .ui-dialog .tab-content .charsheet input:is([type=text], [type=number]), body .ui-dialog .tab-content .charsheet textarea {
  cursor: auto;
}
body .ui-dialog .tab-content .charsheet select,
body .ui-dialog .tab-content .charsheet .pseudo-select span,
body .ui-dialog .tab-content .charsheet .sheet-pseudo-select span,
body .ui-dialog .tab-content .charsheet input:not(:where([type=checkbox], [type=radio])),
body .ui-dialog .tab-content .charsheet .uneditable-input,
body .ui-dialog .tab-content .charsheet textarea {
  border-width: 1px 3px;
  border-style: solid;
  border-radius: 5px;
  border-color: transparent;
  box-sizing: border-box;
}
body .ui-dialog .tab-content .charsheet select,
body .ui-dialog .tab-content .charsheet .sheet-pseudo-select span,
body .ui-dialog .tab-content .charsheet .pseudo-select span {
  -webkit-apperance: none;
  appearance: none;
  text-transform: var(--selectTextTransform);
  overflow: hidden !important;
  white-space: nowrap;
  text-overflow: var(--selectTextOverflow);
  text-align: var(--selectTextAlign);
  color: var(--selectColor);
}
body .ui-dialog .tab-content .charsheet input {
  width: auto;
}
body .ui-dialog .tab-content .charsheet input:placeholder {
  color: var(--placeholderColor);
}
body .ui-dialog .tab-content .charsheet input.plus-control:not([value*="-"]) + span:before {
  content: "+";
}
body .ui-dialog .tab-content .charsheet textarea {
  resize: var(--textareaResize);
  white-space: pre-wrap;
}
body .ui-dialog .tab-content .charsheet textarea.fixed {
  resize: none;
  overflow: auto;
}
body .ui-dialog .tab-content .charsheet button {
  cursor: pointer;
}
body .ui-dialog .tab-content .charsheet .roller {
  display: flex;
  align-items: center;
  gap: var(--half-gap);
}
body .ui-dialog .tab-content .charsheet .roller:before {
  content: "T";
  font-family: dicefontd20;
}
body .ui-dialog .tab-content .charsheet .collapse-container {
  display: grid;
  position: relative;
}
body .ui-dialog .tab-content .charsheet .text-collapse {
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
body .ui-dialog .tab-content .charsheet .text-collapse:before {
  content: var(--expandedSymbol);
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: var(--icon-size); /* Preferred icon size */
}
body .ui-dialog .tab-content .charsheet .text-collapse__text {
  display: inline;
}
body .ui-dialog .tab-content .charsheet .text-collapse__check:not(:checked) + .text-collapse {
  border-width: 1px 3px;
  border-style: solid;
  border-color: var(--borderColor);
  border-radius: 5px;
  box-sizing: border-box;
}
body .ui-dialog .tab-content .charsheet .text-collapse__check:checked + .text-collapse:before {
  content: var(--collapsedSymbol);
}
body .ui-dialog .tab-content .charsheet .repitem:hover > .collapse, body .ui-dialog .tab-content .charsheet .repitem:hover .roll-container,
body .ui-dialog .tab-content .charsheet .collapse-container:hover > .collapse,
body .ui-dialog .tab-content .charsheet .collapse-container:hover .roll-container {
  opacity: var(--collapseHoverOpacity);
}
body .ui-dialog .tab-content .charsheet .repitem > .collapse,
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse {
  opacity: var(--collapseBaseOpacity);
  position: absolute;
  right: -10px;
  top: 0px;
  border: 0px solid black;
  border-radius: 0;
  color: var(--collapseExpandedColor);
  text-transform: none;
  background-color: transparent;
}
body .ui-dialog .tab-content .charsheet .repitem > .collapse:before,
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:before {
  content: "y";
  font-family: pictos;
}
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked,
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked {
  color: var(--collapseCollapsedColor);
  background-color: transparent;
}
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked ~ .expanded,
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked ~ .collapse-container .expanded,
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked ~ .expanded,
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked ~ .collapse-container .expanded {
  display: none !important;
}
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
body .ui-dialog .tab-content .charsheet .repitem > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + *,
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *,
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + * {
  display: none !important;
}
body .ui-dialog .tab-content .charsheet .repitem > .collapse:not(:checked) ~ .collapsed,
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:not(:checked) ~ .collapsed {
  display: none !important;
}
body .ui-dialog .tab-content .charsheet .repitem > .collapse:hover,
body .ui-dialog .tab-content .charsheet .collapse-container > .collapse:hover {
  color: var(--collapseExpandedColor);
}
body .ui-dialog .tab-content .charsheet .repcontainer.editmode .collapse {
  display: none;
}
body .ui-dialog .tab-content .charsheet .fill-left {
  display: var(--fillLeftDisplay);
  align-self: var(--fillLeftAlignment);
  box-sizing: border-box;
}
body .ui-dialog .tab-content .charsheet .fill-left__radio {
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--fillLeftSelectedColor);
  width: 100%;
  height: 100%;
  cursor: pointer;
}
body .ui-dialog .tab-content .charsheet .fill-left__radio[data-value]:checked:before {
  content: attr(data-value);
  color: var(--fillLeftDataColor);
  font-size: var(--fillLeftDataSize);
  place-self: center;
  text-transform: var(--fillLeftDataTransform);
}
body .ui-dialog .tab-content .charsheet .fill-left__radio:checked ~ .fill-left__radio {
  background-color: var(--fillLeftUnselectedColor);
}
body .ui-dialog .tab-content .charsheet .input-label {
  display: inline-flex;
  gap: var(--input-label-gap);
  align-items: center;
}
body .ui-dialog .tab-content .charsheet .input-label:not(.stacked) > input[type=text] {
  flex: 1 1 0;
}
body .ui-dialog .tab-content .charsheet .input-label:not(.stacked) > :not([name]) {
  flex: 0 0 auto;
}
body .ui-dialog .tab-content .charsheet .input-label > :is(span, button) {
  text-transform: var(--input-label-text-transform);
}
body .ui-dialog .tab-content .charsheet .input-label--dual {
  grid-template-columns: 1fr auto 1fr;
  grid-template-areas: "over 	over 	over" "under 	under 	under";
}
body .ui-dialog .tab-content .charsheet .input-label--dual > span:last-of-type {
  grid-column: 1/-1;
}
body .ui-dialog .tab-content .charsheet .input-label--dual > input:not([type=number]):not([type=checkbox]):not([type=radio]) {
  width: 100%;
}
body .ui-dialog .tab-content .charsheet .input-label--dual > .slash {
  line-height: 0rem;
  font-weight: normal;
}
body .ui-dialog .tab-content .charsheet .headed-textarea {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: auto;
  grid-column: 1/-1;
}
body .ui-dialog .tab-content .charsheet .headed-textarea :not(textarea):not(.adaptive) {
  justify-self: start;
}
body .ui-dialog .tab-content .charsheet .headed-textarea .headed-textarea__header {
  grid-area: initial;
}
body .ui-dialog .tab-content .charsheet .adaptive {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-template-areas: "content";
  position: relative;
}
body .ui-dialog .tab-content .charsheet .adaptive > * {
  grid-area: content;
}
body .ui-dialog .tab-content .charsheet .adaptive > span {
  opacity: 0;
  z-index: -10;
  border-width: 1px 3px;
  border-style: solid;
  border-radius: 5px;
  border-color: transparent;
  box-sizing: border-box;
  text-transform: initial;
  border-radius: 0px;
}
body .ui-dialog .tab-content .charsheet .adaptive--text {
  min-height: 4rem;
}
body .ui-dialog .tab-content .charsheet .adaptive--text__span {
  white-space: pre-wrap;
  padding: 2px;
}
body .ui-dialog .tab-content .charsheet .adaptive--text__textarea {
  width: 100%;
  height: 100%;
  resize: none;
}
body .ui-dialog .tab-content .charsheet .adaptive--text__textarea,
body .ui-dialog .tab-content .charsheet .adaptive--input__input {
  position: absolute;
}
body .ui-dialog .tab-content .charsheet .adaptive--input__input {
  width: 100%;
}
body .ui-dialog .tab-content .charsheet .adaptive--input__span {
  padding: 2px;
  min-height: 1.5rem;
}
body .ui-dialog .tab-content .charsheet .repitem > input:not([type=checkbox]) {
  width: 100%;
}
body .ui-dialog .tab-content .charsheet .repitem .headed-textarea,
body .ui-dialog .tab-content .charsheet .repitem .description {
  grid-column: 1/-1;
}
body .ui-dialog .tab-content .charsheet .repcontainer {
  display: grid;
  gap: var(--normal-gap);
}
body .ui-dialog .tab-content .charsheet .repeating-container {
  display: grid;
  grid-template-areas: "header";
  align-self: start;
}
body .ui-dialog .tab-content .charsheet .repeating-container > .header {
  grid-area: header;
}
body .ui-dialog .tab-content .charsheet .repeating-container :is(.repcontrol-button, .repcontrol_edit) {
  opacity: 0;
  transition: var(--revealTrans);
}
body .ui-dialog .tab-content .charsheet .repeating-container:is(:hover, :focus-within, :focus) :is(.repcontrol-button, .repcontrol_edit) {
  opacity: 1;
}
body .ui-dialog .tab-content .charsheet .repcontrol-button {
  align-self: start;
}
body .ui-dialog .tab-content .charsheet .repcontrol-button ~ .repcontrol {
  justify-self: end;
  z-index: 100;
}
body .ui-dialog .tab-content .charsheet .repcontrol-button ~ .repcontrol > .repcontrol_add {
  display: none !important;
}
body .ui-dialog .tab-content .charsheet .repcontrol-button--add {
  justify-self: start;
  width: 15px;
  height: 15px;
  padding: 4px;
  font-size: 0;
  color: var(--col-alt);
  border: 1px solid var(--col-alt);
}
body .ui-dialog .tab-content .charsheet .repcontrol-button--add::before {
  inset: 0;
  place-self: center;
  font-family: var(--font-icon);
  font-size: 12px;
  content: "add";
}
body .ui-dialog .tab-content .charsheet .kmodal__button {
  all: initial;
  display: flex;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
body .ui-dialog .tab-content .charsheet .kmodal__checkbox[type=checkbox] {
  display: none;
}
body .ui-dialog .tab-content .charsheet .kmodal__outer {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  background: var(--kmodal-overlay-background);
  transition: opacity 0.25s ease;
  z-index: 999;
}
body .ui-dialog .tab-content .charsheet .kmodal__background {
  all: initial;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
body .ui-dialog .tab-content .charsheet .kmodal__inner {
  position: fixed;
  width: var(--kmodal-width);
  height: var(--kmodal-height);
  inset: 0;
  margin: auto;
  overflow: auto;
  background: var(--kmodal-dialog-background);
  border-radius: 5px;
  padding: var(--kmodal-close-height) calc(var(--kmodal-close-width) * 3) var(--kmodal-close-height) calc(var(--kmodal-close-width) * 2);
  max-width: var(--kmodal-max-width);
  max-height: var(--kmodal-max-height);
  transition: opacity 0.25s ease;
  box-shadow: var(--kmodal-box-shadow);
}
body .ui-dialog .tab-content .charsheet .kmodal__close {
  position: absolute;
  right: var(--kmodal-close-width);
  top: var(--kmodal-close-height);
  width: var(--kmodal-close-width);
  height: var(--kmodal-close-height);
  cursor: pointer;
}
body .ui-dialog .tab-content .charsheet .kmodal__close:after,
body .ui-dialog .tab-content .charsheet .kmodal__close:before {
  content: "";
  position: absolute;
  width: var(--kmodal-close-line-thickness);
  height: var(--kmodal-close-line-length);
  background: var(--kmodal-close-color);
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}
body .ui-dialog .tab-content .charsheet .kmodal__close:hover:after,
body .ui-dialog .tab-content .charsheet .kmodal__close:hover:before {
  background: var(--kmodal-close-hover-color);
}
body .ui-dialog .tab-content .charsheet .kmodal__close:before {
  transform: rotate(-45deg);
}
body .ui-dialog .tab-content .charsheet .kmodal__checkbox:not(:checked) + .kmodal__outer {
  display: none;
}
body .ui-dialog .tab-content .charsheet .kmodal__checkbox:checked + .kmodal__outer {
  opacity: 1;
  visibility: visible;
}
body .ui-dialog .tab-content .charsheet .kmodal__checkbox:checked + .kmodal__outer .kmodal__inner {
  top: 0;
}
body .ui-dialog .tab-content .charsheet .tabs__container:not(.k-active-tab) {
  display: none !important;
}
body .ui-dialog .tab-content .charsheet .tabs__nav-item {
  list-style: none;
}
body .ui-dialog .tab-content .charsheet .tabs__nav-list {
  display: flex;
}
body .ui-dialog .tab-content .charsheet .display-control--inverted:checked + .controlled-display, body .ui-dialog .tab-content .charsheet .display-control:not(:checked) + .controlled-display {
  display: none;
}
body .ui-dialog .tab-content .charsheet .display-control--non-zero:not(:is([value=""], :not([value]), [value="0"])) + .controlled-display, body .ui-dialog .tab-content .charsheet .display-control--non-zero--inverted:is([value=""], :not([value]), [value="0"]) + .controlled-display {
  display: none;
}
body .ui-dialog .tab-content .charsheet .interaction-control:not(:checked) + .controlled-interaction {
  pointer-events: none;
  filter: contrast(30%) brightness(150%);
}
body .ui-dialog .tab-content .charsheet .locked + fieldset + .repcontainer + .repcontrol {
  display: none !important;
}
body .ui-dialog .tab-content .charsheet .roller:before {
  content: "";
  display: none;
}
body .ui-dialog .tab-content .charsheet select {
  color: inherit;
}
body .ui-dialog .tab-content .charsheet select option {
  background-color: var(--backColor);
}
body .ui-dialog .tab-content .charsheet .input-label {
  color: inherit;
}
body .ui-dialog .tab-content .charsheet::after {
  position: absolute;
  content: "";
  inset: calc(var(--_margin) * -1);
  background: radial-gradient(ellipse at center, hsl(30, 60%, 95%) 0%, hsl(17, 3%, 65%) 100%), var(--paper_texture);
  background-blend-mode: overlay, normal;
  mix-blend-mode: multiply;
  pointer-events: none;
}
body .ui-dialog .tab-content .charsheet .headed-section {
  display: grid;
  border: 3px solid var(--primary-color);
}
body .ui-dialog .tab-content .charsheet .headed-section__header {
  background-color: var(--primary-color);
  color: var(--background-color);
  text-transform: capitalize;
}
body .ui-dialog .tab-content .charsheet .headed-section__header h3 {
  background: var(--primary-color);
  padding: var(--gap-size-xsmall);
}
body .ui-dialog .tab-content .charsheet .headed-section__header h3 span {
  font-size: var(--font-size-large);
  color: var(--background-color);
  text-transform: capitalize;
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .layout--grid {
  display: grid;
}
body .ui-dialog .tab-content .charsheet .layout--flex {
  display: flex;
  flex-wrap: wrap;
}
body .ui-dialog .tab-content .charsheet .layout--grow {
  flex-grow: 1;
}
body .ui-dialog .tab-content .charsheet .layout--fit {
  height: fit-content;
}
body .ui-dialog .tab-content .charsheet .layout--max {
  height: max-content;
}
body .ui-dialog .tab-content .charsheet .dcc-check {
  display: inline-block;
  border: 1px solid var(--primary-color);
  width: 14px;
  height: 14px;
}
body .ui-dialog .tab-content .charsheet .dcc-check input {
  padding: 0 !important;
}
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=""] ~ .filtered-by-class .show-if-class:not(.show-if-class--zero),
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class:not([value]) ~ .filtered-by-class .show-if-class:not(.show-if-class--zero) {
  display: none;
}
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=cleric] ~ .filtered-by-class .show-if-class:not(.show-if-class--cleric) {
  display: none;
}
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=dwarf] ~ .filtered-by-class .show-if-class:not(.show-if-class--dwarf) {
  display: none;
}
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=elf] ~ .filtered-by-class .show-if-class:not(.show-if-class--elf) {
  display: none;
}
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=halfling] ~ .filtered-by-class .show-if-class:not(.show-if-class--halfling) {
  display: none;
}
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=thief] ~ .filtered-by-class .show-if-class:not(.show-if-class--thief) {
  display: none;
}
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=warrior] ~ .filtered-by-class .show-if-class:not(.show-if-class--warrior) {
  display: none;
}
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=wizard] ~ .filtered-by-class .show-if-class:not(.show-if-class--wizard) {
  display: none;
}
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=zero] ~ .filtered-by-class .show-if-class:not(.show-if-class--zero) {
  display: none;
}
body .ui-dialog .tab-content .charsheet .filter-sibling-by-level[value="0"] + .filter-sibling-by-class ~ .filtered-by-class .show-if-class:not(.show-if-class--zero),
body .ui-dialog .tab-content .charsheet .filter-sibling-by-level:not([value]) + .filter-sibling-by-class ~ .filtered-by-class .show-if-class:not(.show-if-class--zero) {
  display: none;
}
body .ui-dialog .tab-content .charsheet .filter-sibling-by-level[value]:not([value="0"]) + .filter-sibling-by-class[value]:not([value=zero]) ~ .filtered-by-class .show-if-level.show-if-level--zero:not(.show-if-class) {
  display: none;
}
body .ui-dialog .tab-content .charsheet .filter-sibling-by-state {
  cursor: help;
}
body .ui-dialog .tab-content .charsheet .filter-sibling-by-state:not([open]) ~ .filtered-by-state {
  display: none;
}
body .ui-dialog .tab-content .charsheet .headed-section {
  grid-template-rows: max-content 1fr;
}
body .ui-dialog .tab-content .charsheet .headed-section:hover .collapse {
  opacity: var(--collapseHoverOpacity);
}
body .ui-dialog .tab-content .charsheet .headed-section__header, body .ui-dialog .tab-content .charsheet .section__header {
  height: max-content;
}
body .ui-dialog .tab-content .charsheet .headed-section__header span, body .ui-dialog .tab-content .charsheet .section__header span {
  display: inline-block;
}
body .ui-dialog .tab-content .charsheet .headed-section__header:has(span), body .ui-dialog .tab-content .charsheet .section__header:has(span) {
  font-size: 0;
}
body .ui-dialog .tab-content .charsheet .headed-section__content, body .ui-dialog .tab-content .charsheet .section__content {
  padding: var(--gap-size-small);
}
body .ui-dialog .tab-content .charsheet .section-container {
  /*&:has(.repcontainer:empty) {
    .collapse {
      pointer-events: none;
      opacity: 1;
    }
    .collapsed {
      display: block!important;
      .repcontrol {
        button {
          visibility: hidden;
        }
        pointer-events: none;
      }
    }
    .expanded {
      display: none;
    }
  }*/
}
body .ui-dialog .tab-content .charsheet .section-container input:not([class*=collapse]), body .ui-dialog .tab-content .charsheet .section-container select, body .ui-dialog .tab-content .charsheet .section-container textarea {
  margin: 0;
  padding: var(--gap-size-xsmall);
  border: 0;
  text-align: left;
  background-color: var(--tertiary-color);
  border-radius: 0;
}
body .ui-dialog .tab-content .charsheet .section-container input:not([class*=collapse]):focus, body .ui-dialog .tab-content .charsheet .section-container select:focus, body .ui-dialog .tab-content .charsheet .section-container textarea:focus {
  background-color: var(--secondary-color);
}
body .ui-dialog .tab-content .charsheet .section-container ::placeholder {
  font-style: italic;
}
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--uppercased {
  text-transform: uppercase;
}
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--lowercased {
  text-transform: lowercase;
}
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--pre-wrap {
  white-space: pre-wrap;
}
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--default-0:empty:after {
  content: "0";
}
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--default-10:empty:after {
  content: "10";
}
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--default-1d4:empty:after {
  content: "1d4";
}
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--default-1d20:empty:after {
  content: "1d20";
}
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--with-default:empty {
  display: none;
}
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--with-default:not(:empty) + .sheet-attribute-default {
  display: none;
}
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute--roll-bonus-value:not([value^="-"]):not([value^="+"]) + .sheet-attribute--roll-bonus:not(:empty):before {
  content: "+";
}
body .ui-dialog .tab-content .charsheet .section-container .sheet-attribute-default {
  color: var(--secondary-color);
  font-style: italic;
}
body .ui-dialog .tab-content .charsheet .section-container .rollable {
  cursor: pointer;
}
body .ui-dialog .tab-content .charsheet .section-container .rollable:hover span, body .ui-dialog .tab-content .charsheet .section-container .rollable:hover h5 {
  color: var(--roll-color);
}
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section {
  gap: var(--gap-size-normal);
  display: grid;
}
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section span, body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section input, body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section textarea, body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section select, body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section option {
  font-size: var(--font-size-small);
}
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section .repcontainer {
  gap: var(--gap-size-small);
}
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section .repitem {
  box-sizing: border-box;
  border: 1px solid var(--primary-color);
  padding: var(--gap-size-small);
}
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section .repitem .labelled-edit {
  line-height: normal;
}
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section .repitem .labelled-edit__container {
  flex-grow: 1;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-height: calc(var(--font-size-small) + 2 * var(--gap-size-xsmall) + 2px);
}
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section .repitem .labelled-edit__container span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section .repitem .labelled-edit__container .labelled-edit__value {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section .repitem .rollable {
  line-height: calc(var(--font-size-small) * 1.42857143);
  font-size: var(--font-size-small);
}
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section .repitem .rollable span {
  line-height: calc(var(--font-size-small) * 1.42857143);
  font-size: var(--font-size-small);
}
body .ui-dialog .tab-content .charsheet .section-container .carded-repeating-section .repitem:focus-within:after {
  content: none !important;
}
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section {
  position: relative;
  gap: var(--gap-size-normal);
  display: grid;
}
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section .repcontainer {
  gap: var(--gap-size-small);
}
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section__header {
  font-size: var(--font-size-normal);
  text-transform: capitalize;
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section__header span {
  overflow: hidden;
  text-overflow: ellipsis;
}
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section__header,
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section .repitem {
  display: grid;
}
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section__header span, body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section__header input,
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section .repitem span,
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section .repitem input {
  text-align: left;
}
body .ui-dialog .tab-content .charsheet .section-container .headed-repeating-section .repitem span {
  line-height: normal;
}
body .ui-dialog .tab-content .charsheet .section-container .repcontrol-button--add {
  position: absolute;
  bottom: 0;
  right: 0;
  background: var(--primary-color);
  color: var(--background-color);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 12px;
  height: var(--button-size-normal);
  width: var(--button-size-normal);
  padding: 0;
}
body .ui-dialog .tab-content .charsheet .section-container .repcontrol {
  margin-right: calc(var(--button-size-normal) + var(--gap-size-xsmall));
  grid-column: 1/-1;
}
body .ui-dialog .tab-content .charsheet .section-container .repcontrol button {
  background: var(--primary-color);
  font-size: var(--font-size-small);
  line-height: var(--font-size-small);
  color: var(--background-color);
  height: var(--button-size-normal);
  align-items: center;
  justify-content: center;
  padding: 0 var(--gap-size-small);
}
body .ui-dialog .tab-content .charsheet .section-container > .collapse {
  display: flex;
  align-items: center;
  height: 30px;
  width: 30px;
  top: -40px;
  line-height: 30px;
  right: -10px !important;
  justify-content: center;
  z-index: 10000000;
  background: var(--primary-color);
  clip-path: circle(35%);
}
body .ui-dialog .tab-content .charsheet .section-container > .collapse:before {
  color: var(--background-color);
}
body .ui-dialog .tab-content .charsheet .section-container > .collapse:checked {
  opacity: 1;
}
body .ui-dialog .tab-content .charsheet .section-container .collapsed {
  position: relative;
}
body .ui-dialog .tab-content .charsheet .section-container .collapsed .repitem {
  position: relative;
}
body .ui-dialog .tab-content .charsheet .section-container .collapsed .repitem:focus-within h5 {
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .section-container .collapsed .repitem:focus-within:after {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  top: -5px;
  left: -5px;
  z-index: 0;
  border: 1px solid var(--primary-color);
  pointer-events: none;
}
body .ui-dialog .tab-content .charsheet .section-container .labelled {
  display: flex;
  align-items: center;
}
body .ui-dialog .tab-content .charsheet .section-container .labelled__label {
  font-weight: bold;
  text-transform: capitalize;
}
body .ui-dialog .tab-content .charsheet .section-container .labelled__label:after {
  content: ": ";
  white-space: pre-wrap;
}
body .ui-dialog .tab-content .charsheet .section-container .labelled__container {
  display: grid;
  grid-template: "container";
  align-items: center;
}
body .ui-dialog .tab-content .charsheet .section-container .labelled__display {
  grid-area: container;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
}
body .ui-dialog .tab-content .charsheet .section-container .labelled__display--raw:not([value^="-"]):not([value^="+"]) ~ .labelled__display--bonus:before {
  content: "+";
}
body .ui-dialog .tab-content .charsheet .section-container .labelled__display:not(:empty) + .labelled__display--placeholder {
  display: none;
}
body .ui-dialog .tab-content .charsheet .section-container .labelled__display:not(.labelled__display--placeholder):empty {
  display: none;
}
body .ui-dialog .tab-content .charsheet .section-container .labelled__display--placeholder {
  color: var(--secondary-color);
  font-style: italic;
}
body .ui-dialog .tab-content .charsheet .section-container .labelled__value {
  grid-area: container;
  opacity: 0;
}
body .ui-dialog .tab-content .charsheet .section-container .labelled:focus-within .labelled-edit__display {
  display: none;
}
body .ui-dialog .tab-content .charsheet .section-container .labelled:focus-within .labelled-edit__value {
  opacity: 1;
}
body .ui-dialog .tab-content .charsheet .section-container .fill-up-to {
  display: inline-grid;
  gap: 1px;
  border: 1px solid black;
  background-color: black;
  --fill-up-to-size: 1.2em;
  height: min-content;
}
body .ui-dialog .tab-content .charsheet .section-container .fill-up-to__value {
  position: relative;
  background: var(--background-color);
}
body .ui-dialog .tab-content .charsheet .section-container .fill-up-to__value label {
  display: flex;
  min-height: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  height: var(--fill-up-to-size);
}
body .ui-dialog .tab-content .charsheet .section-container .fill-up-to__value label span {
  font-size: var(--font-size-xsmall);
}
body .ui-dialog .tab-content .charsheet .section-container .fill-up-to__value input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  padding: 0;
  margin: 0;
}
body .ui-dialog .tab-content .charsheet .section-container .fill-up-to :has(input:checked) {
  background: var(--primary-color);
}
body .ui-dialog .tab-content .charsheet .section-container .fill-up-to :has(input:checked) span {
  color: var(--background-color);
}
body .ui-dialog .tab-content .charsheet .section-container .fill-up-to :has(input:checked) ~ .fill-up-to__value {
  background: var(--primary-color);
}
body .ui-dialog .tab-content .charsheet .section-container .fill-up-to :has(input:checked) ~ .fill-up-to__value span {
  color: var(--background-color);
}
body .ui-dialog .tab-content .charsheet .section-container .table {
  margin-bottom: 0;
  display: grid;
}
body .ui-dialog .tab-content .charsheet .section-container .table__header {
  background: var(--background-color);
  border: 2px solid var(--primary-color);
  box-sizing: border-box;
  display: grid;
  gap: 2px;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
}
body .ui-dialog .tab-content .charsheet .section-container .table__header .table__cell {
  background: var(--primary-color);
  color: var(--background-color);
  text-transform: capitalize;
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .section-container .table__body {
  box-sizing: border-box;
  border: 2px solid var(--primary-color);
  background: var(--primary-color);
  display: grid;
  gap: 2px;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
}
body .ui-dialog .tab-content .charsheet .section-container .table__cell {
  background: var(--background-color);
  display: flex;
  align-items: center;
}
body .ui-dialog .tab-content .charsheet .section-container .table__cell--align-center {
  justify-content: center;
}
body .ui-dialog .tab-content .charsheet .section-container .i18n-list > span:not(:last-child):after {
  content: ", ";
  white-space: pre-wrap;
}
body .ui-dialog .tab-content .charsheet .section-container .i18n-list > span:last-child:after {
  content: ".";
}
body .ui-dialog .tab-content .charsheet .section-container .between-parentheses:after {
  content: ")";
}
body .ui-dialog .tab-content .charsheet .section-container .between-parentheses:before {
  content: "(";
}
body .ui-dialog .tab-content .charsheet .section-container .expanded .repcontrol, body .ui-dialog .tab-content .charsheet .section-container .expanded .repcontrol-button {
  display: none;
}
body .ui-dialog .tab-content .charsheet .section-container .on-off-hidden {
  display: none;
}
body .ui-dialog .tab-content .charsheet .section-container .on-off {
  --size: 12px;
  width: calc(var(--size) * 1.4 + 2px);
  height: var(--size);
  position: relative;
  border-radius: var(--size);
  border: 1px solid var(--primary-color);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
}
body .ui-dialog .tab-content .charsheet .section-container .on-off input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  padding: 0;
  box-sizing: border-box;
  z-index: 2;
}
body .ui-dialog .tab-content .charsheet .section-container .on-off:after {
  content: "";
  display: block;
  background-color: var(--primary-color);
  box-sizing: border-box;
  position: absolute;
  width: calc(var(--size) - 6px);
  height: calc(var(--size) - 6px);
  border-radius: calc(var(--size) - 6px);
  left: 2px;
  top: 2px;
}
body .ui-dialog .tab-content .charsheet .section-container .on-off:has(input:checked) {
  background-color: var(--primary-color);
}
body .ui-dialog .tab-content .charsheet .section-container .on-off:has(input:checked):after {
  left: auto;
  right: 2px;
  background-color: var(--background-color);
}
body .ui-dialog .tab-content .charsheet .section-container .truncated {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .ui-dialog .tab-content .charsheet .labelled-edit {
  display: flex;
  align-items: center;
}
body .ui-dialog .tab-content .charsheet .labelled-edit__label {
  font-weight: bold;
  text-transform: capitalize;
}
body .ui-dialog .tab-content .charsheet .labelled-edit__label:after {
  content: ": ";
  white-space: pre-wrap;
}
body .ui-dialog .tab-content .charsheet .labelled-edit__container {
  display: grid;
  grid-template: "container";
  align-items: center;
}
body .ui-dialog .tab-content .charsheet .labelled-edit__container:hover .labelled-edit__display {
  background: var(--tertiary-color);
}
body .ui-dialog .tab-content .charsheet .labelled-edit__container .labelled-edit__display {
  grid-area: container;
  padding: 5px;
  position: relative;
  cursor: pointer;
  min-height: 100%;
  min-width: 100%;
  box-sizing: border-box;
  display: flex;
}
body .ui-dialog .tab-content .charsheet .labelled-edit__container .labelled-edit__display:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  height: 1px;
  background: var(--primary-color);
  bottom: 0;
  left: 0;
}
body .ui-dialog .tab-content .charsheet .labelled-edit__container .labelled-edit__display--raw:not([value^="-"]):not([value^="+"]) ~ .labelled-edit__display--bonus:before {
  content: "+";
}
body .ui-dialog .tab-content .charsheet .labelled-edit__container .labelled-edit__display:not(:empty) + .labelled-edit__display--placeholder {
  display: none;
}
body .ui-dialog .tab-content .charsheet .labelled-edit__container .labelled-edit__display:not(.labelled-edit__display--placeholder):empty {
  display: none;
}
body .ui-dialog .tab-content .charsheet .labelled-edit__container .labelled-edit__display--placeholder {
  color: var(--secondary-color);
  font-style: italic;
}
body .ui-dialog .tab-content .charsheet .labelled-edit__container .labelled-edit__value {
  display: flex;
  grid-area: container;
  opacity: 0;
}
body .ui-dialog .tab-content .charsheet .labelled-edit__container:focus-within .labelled-edit__display {
  display: none;
}
body .ui-dialog .tab-content .charsheet .labelled-edit__container:focus-within .labelled-edit__value {
  opacity: 1;
}
body .ui-dialog .tab-content .charsheet .labelled-edit__container input[name*=_total] + input[name*=_mod][value]:not([value="0"]) ~ .labelled-edit__display {
  color: var(--mod-color);
}
body .ui-dialog .tab-content .charsheet .labelled-edit--textarea .labelled-edit__display {
  white-space: pre-wrap;
  font-size: var(--font-size-small);
  padding: var(--gap-size-small);
}
body .ui-dialog .tab-content .charsheet .labelled-edit--textarea .labelled-edit__display:after {
  content: none;
}
body .ui-dialog .tab-content .charsheet .labelled-edit--textarea .labelled-edit__value {
  width: 100%;
  height: 100%;
  font-size: var(--font-size-small);
  padding: var(--gap-size-small);
  overflow: hidden;
}
body .ui-dialog .tab-content .charsheet .labelled-edit--textarea:focus-within .labelled-edit__display {
  display: block;
  visibility: hidden;
}
body .ui-dialog .tab-content .charsheet .labelled-edit--textarea:focus-within .labelled-edit__value {
  opacity: 1;
}
body .ui-dialog .tab-content .charsheet .labelled-edit--labelless .labelled-edit__container {
  flex-grow: 1;
}
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly {
  display: flex;
  align-items: center;
}
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__label {
  font-weight: bold;
  text-transform: capitalize;
}
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__label:after {
  content: ": ";
  white-space: pre-wrap;
}
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__container {
  display: grid;
  grid-template: "container";
  align-items: center;
  min-height: auto;
  cursor: default;
}
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__container:hover .labelled-edit__display {
  background: transparent;
}
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__display {
  grid-area: container;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  padding: 0;
  min-height: auto;
  cursor: text;
}
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__display--raw:not([value^="-"]):not([value^="+"]) ~ .labelled__display--bonus:before {
  content: "+";
}
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__display:not(:empty) + .labelled__display--placeholder {
  display: none;
}
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__display:not(.labelled__display--placeholder):empty {
  display: none;
}
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__display--placeholder {
  color: var(--secondary-color);
  font-style: italic;
}
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__display:after {
  content: none;
}
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit__value {
  grid-area: container;
  opacity: 0;
}
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit:focus-within .labelled-edit__display {
  display: none;
}
body .ui-dialog .tab-content .charsheet .labelled-edit.labelled-edit--readyonly .labelled-edit:focus-within .labelled-edit__value {
  opacity: 1;
}
body .ui-dialog .tab-content .charsheet .labelled-edit__display--overwritten[value="1"] ~ .labelled-edit__display:not(.labelled-edit__display--placeholder) {
  color: var(--overwritten-color);
}
body .ui-dialog .tab-content .charsheet .popup-container {
  --_wedgeSize: 10px;
  position: relative;
}
body .ui-dialog .tab-content .charsheet .popup-container:not(:hover) .popup {
  display: none;
  animation: tip-vanish 1s;
}
body .ui-dialog .tab-content .charsheet .popup-container .popup {
  display: inline-block;
  position: absolute;
  z-index: 100;
  opacity: 1;
  left: 50%;
  bottom: calc(var(--_wedgeSize) + 100%);
  background-color: var(--backColor);
  border-radius: 10px;
  opacity: 0;
  filter: drop-shadow(rgba(0, 0, 0, 0.19) 0px 10px 20px) drop-shadow(rgba(0, 0, 0, 0.23) 0px 6px 6px) drop-shadow(var(--borderColor) 1px 1px);
  animation: tip-appear 1s 500ms;
  animation-fill-mode: forwards;
}
body .ui-dialog .tab-content .charsheet .popup-container .popup:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  border-top: var(--_wedgeSize) solid var(--backColor);
  border-left: var(--_wedgeSize) solid transparent;
  border-right: var(--_wedgeSize) solid transparent;
}
@starting-style {
  body .ui-dialog .tab-content .charsheet .popup-container .popup {
    opacity: 0;
  }
}
body .ui-dialog .tab-content .charsheet .popup-container .popup-contents {
  padding: var(--tiny-gap);
}
@keyframes tip-appear {
  from {
    display: none;
    opacity: 0;
  }
  to {
    display: inline-block;
    opacity: 1;
  }
}
@keyframes tip-vanish {
  from {
    display: inline-block;
    opacity: 1;
  }
  to {
    display: none;
    opacity: 0;
  }
}
body .ui-dialog .tab-content .charsheet .mancer-subfield .flex-box :first-child {
  flex: 0 0 auto;
}
body .ui-dialog .tab-content .charsheet .mancer-subfield .flex-box :not(:first-child) {
  flex: 1 1 auto;
  width: 0;
}
body .ui-dialog .tab-content .charsheet .class-table {
  display: grid;
  grid-template-rows: [header-start] auto [header-end];
  grid-auto-flow: column;
  place-content: start;
  gap: var(--half-gap);
}
body .ui-dialog .tab-content .charsheet .class-table .header {
  grid-row: header-start/header-end;
  place-self: end center;
  text-align: center;
}
body .ui-dialog .tab-content .charsheet .class-table .row-1 {
  grid-row: 2;
}
body .ui-dialog .tab-content .charsheet .class-table .row-2 {
  grid-row: 3;
}
body .ui-dialog .tab-content .charsheet .class-table .row-3 {
  grid-row: 4;
}
body .ui-dialog .tab-content .charsheet .class-table .row-4 {
  grid-row: 5;
}
body .ui-dialog .tab-content .charsheet .class-table .row-5 {
  grid-row: 6;
}
body .ui-dialog .tab-content .charsheet .class-table .row-6 {
  grid-row: 7;
}
body .ui-dialog .tab-content .charsheet .class-table .row-7 {
  grid-row: 8;
}
body .ui-dialog .tab-content .charsheet .class-table .row-8 {
  grid-row: 9;
}
body .ui-dialog .tab-content .charsheet .class-table .row-9 {
  grid-row: 10;
}
body .ui-dialog .tab-content .charsheet .class-table .row-10 {
  grid-row: 11;
}
body .ui-dialog .tab-content .charsheet .class-table .new-row {
  grid-row: 4;
}
body .ui-dialog .tab-content .charsheet .class-table .old-row {
  grid-row: 2;
}
body .ui-dialog .tab-content .charsheet .class-table .level-progress-indicator {
  grid-row: 3;
  grid-column: 1;
}
body .ui-dialog .tab-content .charsheet .class-table .repcontainer,
body .ui-dialog .tab-content .charsheet .class-table .repitem {
  display: contents;
}
body .ui-dialog .tab-content .charsheet .weapon-button-container {
  margin-bottom: var(--gap-size-small);
}
body .ui-dialog .tab-content .charsheet .mancer-startup {
  display: grid;
}
body .ui-dialog .tab-content .charsheet .mancer-create .modal-button--thick {
  place-self: center;
}
body .ui-dialog .tab-content .charsheet .modal-button--content {
  place-self: center start;
}
body .ui-dialog .tab-content .charsheet .progress-spinner {
  position: absolute;
  z-index: 1000;
  inset: 0;
  background-color: color-mix(in lch, black, transparent 30%);
  display: grid;
  place-items: center;
}
body .ui-dialog .tab-content .charsheet .progress-spinner.inactive {
  display: none;
}
body .ui-dialog .tab-content .charsheet .progress-spinner:not(.inactive) .loader, body .ui-dialog .tab-content .charsheet .progress-spinner:not(.inactive) .loader:before, body .ui-dialog .tab-content .charsheet .progress-spinner:not(.inactive) .loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
body .ui-dialog .tab-content .charsheet .progress-spinner:not(.inactive) .loader {
  color: var(--primary-color);
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
body .ui-dialog .tab-content .charsheet .progress-spinner:not(.inactive) .loader:before,
body .ui-dialog .tab-content .charsheet .progress-spinner:not(.inactive) .loader:after {
  content: "";
  position: absolute;
  top: 0;
}
body .ui-dialog .tab-content .charsheet .progress-spinner:not(.inactive) .loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
body .ui-dialog .tab-content .charsheet .progress-spinner:not(.inactive) .loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
body .ui-dialog .tab-content .charsheet .mancer-nav-container {
  pointer-events: none;
}
body .ui-dialog .tab-content .charsheet .mancer-nav-container:has(> .preexisting-char:not([value="0"], [value=""])) {
  justify-content: end;
}
body .ui-dialog .tab-content .charsheet .sticky-corner {
  position: sticky;
  bottom: 0;
}
body .ui-dialog .tab-content .charsheet .corner-right {
  left: 100%;
}
body .ui-dialog .tab-content .charsheet .preserve-whitespace {
  white-space: pre-wrap;
}
body .ui-dialog .tab-content .charsheet .mancer-spells p {
  margin: 0;
}
body .ui-dialog .tab-content .charsheet .mancer-spells .slash-control:empty + span {
  display: none;
}
body .ui-dialog .tab-content .charsheet .mancer-spells .repcontainer[data-groupname=repeating_mancer-spells] {
  display: block;
  column-width: 200px;
  column-gap: var(--big-gap);
  column-rule: 2px solid var(--borderColor);
  column-fill: balance;
}
body .ui-dialog .tab-content .charsheet .mancer-spells .repcontainer[data-groupname=repeating_mancer-spells] .repitem {
  break-inside: avoid;
}
body .ui-dialog .tab-content .charsheet .mancer-spells .repcontainer[data-groupname=repeating_mancer-spells] .repitem:has(.header-display:checked) {
  column-span: all;
}
body .ui-dialog .tab-content .charsheet .mancer-spells .repcontainer[data-groupname=repeating_mancer-spells] .repitem:has(.header-display:checked):not(:first-child) {
  margin-top: var(--half-gap);
}
body .ui-dialog .tab-content .charsheet .rollable-table-list .repitem {
  display: flex;
  justify-content: space-between;
}
body .ui-dialog .tab-content .charsheet .rollable-table-list .repitem button {
  margin-right: auto;
}
body .ui-dialog .tab-content .charsheet .rollable-table-list .repcontrol {
  display: none;
}
body .ui-dialog .tab-content .charsheet .die-display {
  gap: 0;
}
body .ui-dialog .tab-content .charsheet .die-display input {
  width: 4ch;
  box-sizing: content-box !important;
}
body .ui-dialog .tab-content .charsheet .warning {
  background-color: var(--error-red) !important;
}
body .ui-dialog .tab-content .charsheet .sheet-toggle {
  position: fixed;
  top: 17px;
  right: 30px;
  z-index: 9997;
  display: flex;
  background: var(--background-color);
  gap: 10px;
}
@media (max-width: 800px) {
  body .ui-dialog .tab-content .charsheet .sheet-toggle {
    position: fixed;
    top: 43px;
    justify-content: end;
    width: 100%;
    margin-bottom: var(--gap-size-small);
  }
}
body .ui-dialog .tab-content .charsheet .sheet-toggle .layout--flex {
  align-items: center;
  gap: 5px;
}
body .ui-dialog .tab-content .charsheet .sheet-toggle:has(input[name=attr_is_npc]:checked) ~ .compendium-drop-target > .pc {
  display: none;
}
body .ui-dialog .tab-content .charsheet .sheet-toggle:not(:has(input[name=attr_is_npc]:checked)) ~ .compendium-drop-target > .npc {
  display: none;
}
body .ui-dialog .tab-content .charsheet .sheet-toggle .section-container:not(:first-child) {
  display: flex;
  align-items: center;
}
body .ui-dialog .tab-content .charsheet .sheet-toggle .section-container:not(:first-child):before {
  content: "";
  width: 1px;
  display: block;
  background: var(--primary-color);
  height: 15px;
  margin-right: 10px;
}
body .ui-dialog .tab-content .charsheet .kmodal--mancer__inner {
  width: clamp(300px, 80dvw, 600px);
  border-radius: 0;
  max-height: 80dvh;
  background-color: var(--backColor);
}
body .ui-dialog .tab-content .charsheet .mancer-button-wrapper {
  display: grid;
  grid-template-columns: [content-start] 1fr [button-start] auto [content-end button-end];
}
body .ui-dialog .tab-content .charsheet .mancer-button-wrapper > :not(.mancer-button) {
  grid-area: content !important;
}
body .ui-dialog .tab-content .charsheet .mancer-button-wrapper > .mancer-button {
  grid-area: button;
  z-index: 10;
  place-self: start center;
}
body .ui-dialog .tab-content .charsheet .section-container--header {
  container-type: inline-size;
  container-name: header;
}
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header {
  grid-template-areas: "name name title title" "occupation class alignment speed" "augur augur level xp";
  gap: 0 var(--gap-size-small);
}
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--character-name {
  grid-area: name;
}
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--title {
  grid-area: title;
}
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--title .labelled-edit__display {
  text-transform: capitalize;
}
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--occupation {
  grid-area: occupation;
}
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--class {
  grid-area: class;
}
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--class .labelled-edit__display {
  text-transform: capitalize;
}
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--alignment {
  grid-area: alignment;
}
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--alignment .labelled-edit__display {
  text-transform: capitalize;
}
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--speed {
  grid-area: speed;
}
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--birth-augur {
  grid-area: augur;
}
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--level {
  grid-area: level;
}
body .ui-dialog .tab-content .charsheet .section-container--header .layout--header .labelled-edit--xp {
  grid-area: xp;
}
body .ui-dialog .tab-content .charsheet .section-container--header .labelled-edit {
  flex-direction: column-reverse;
  align-items: flex-start;
}
body .ui-dialog .tab-content .charsheet .section-container--header .labelled-edit__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .ui-dialog .tab-content .charsheet .section-container--header .labelled-edit__label:after {
  content: none;
}
body .ui-dialog .tab-content .charsheet .section-container--header .labelled-edit__container {
  flex-grow: 1;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .ui-dialog .tab-content .charsheet .section-container--header .labelled-edit__container input, body .ui-dialog .tab-content .charsheet .section-container--header .labelled-edit__container span {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .ui-dialog .tab-content .charsheet .section-container--header .labelled-edit__container:not(:hover) .labelled-edit__display {
  padding-left: 0;
}
body .ui-dialog .tab-content .charsheet .section-container--header input[name=attr_occupation]::-webkit-calendar-picker-indicator {
  opacity: 0;
}
@container header (max-width: 300px) {
  body .ui-dialog .tab-content .charsheet .layout--header {
    grid-template-areas: "name title" "occupation class" "alignment speed" "level xp";
  }
}
body .ui-dialog .tab-content .charsheet .section-container--defense .layout--double {
  align-items: flex-start;
}
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class,
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points {
  flex-direction: column-reverse;
  gap: var(--gap-size-small);
}
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__label,
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__label {
  text-align: center;
  white-space: pre-wrap;
}
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__label:after,
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__label:after {
  content: none;
}
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container,
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container {
  width: 80px;
  height: 80px;
  position: relative;
}
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container .shield,
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container .shield {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container input, body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container span,
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container input,
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container span {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%;
  padding: 0;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  background: transparent !important;
}
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container input:after, body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container span:after,
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container input:after,
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container span:after {
  content: none;
}
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container:hover .shield:after,
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container:hover .shield:after {
  background: var(--tertiary-color);
}
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container:focus-within .shield:after,
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container:focus-within .shield:after {
  background: var(--secondary-color);
}
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container .shield {
  border-top: 5px solid var(--primary-color);
  box-sizing: border-box;
}
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container .shield:after {
  content: "";
  bottom: 0px;
  left: 0;
  clip-path: ellipse(calc(50% - 5px) calc(100% - 5px) at 50% 0%);
  background: var(--background-color);
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
}
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--armor-class .labelled-edit__container .shield:before {
  content: "";
  top: 0;
  left: 0;
  clip-path: ellipse(50% 100% at 50% 0%);
  background: var(--primary-color);
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
}
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container .shield:after {
  content: "";
  top: 0;
  left: 0;
  clip-path: polygon(5px 5px, calc(100% - 5px) 5px, calc(85% - 4px) calc(100% - 5px), calc(15% + 4px) calc(100% - 5px));
  background: var(--background-color);
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
}
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points .labelled-edit__container .shield:before {
  content: "";
  top: 0;
  left: 0;
  clip-path: polygon(0 0, 100% 0, 85% 100%, 15% 100%);
  background: var(--primary-color);
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
}
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points-max {
  justify-self: center;
}
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points-max input, body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-points-max span {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-die {
  justify-self: center;
}
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-die input, body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-die span {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body .ui-dialog .tab-content .charsheet .section-container--defense .labelled-edit--hit-die input {
  width: 42px;
}
body .ui-dialog .tab-content .charsheet .section-container--combat .labelled-edit__container {
  flex-grow: 1;
  position: relative;
  min-height: 30px;
}
body .ui-dialog .tab-content .charsheet .section-container--combat .labelled-edit__label {
  white-space: nowrap;
}
body .ui-dialog .tab-content .charsheet .section-container--combat .labelled-edit__display {
  overflow: hidden;
  text-overflow: ellipsis;
}
body .ui-dialog .tab-content .charsheet .section-container--combat .labelled-edit input, body .ui-dialog .tab-content .charsheet .section-container--combat .labelled-edit select {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value] + .labelled-edit .labelled-edit__display--bonus:after {
  height: auto;
  background-color: transparent;
  position: relative;
  white-space: pre;
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result + .labelled-edit .labelled-edit__container:after {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% - 1px);
  pointer-events: none;
  border-bottom: 1px solid var(--primary-color);
}
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="1"] + .labelled-edit .labelled-edit__display--bonus:after {
  content: " (+1)";
}
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="2"] + .labelled-edit .labelled-edit__display--bonus:after {
  content: " (+2)";
}
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="3"] + .labelled-edit .labelled-edit__display--bonus:after {
  content: " (+3)";
}
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="4"] + .labelled-edit .labelled-edit__display--bonus:after {
  content: " (+4)";
}
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="5"] + .labelled-edit .labelled-edit__display--bonus:after {
  content: " (+5)";
}
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="6"] + .labelled-edit .labelled-edit__display--bonus:after {
  content: " (+6)";
}
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="7"] + .labelled-edit .labelled-edit__display--bonus:after {
  content: " (+7)";
}
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="8"] + .labelled-edit .labelled-edit__display--bonus:after {
  content: " (+8)";
}
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="9"] + .labelled-edit .labelled-edit__display--bonus:after {
  content: " (+9)";
}
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="10"] + .labelled-edit .labelled-edit__display--bonus:after {
  content: " (+10)";
}
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="11"] + .labelled-edit .labelled-edit__display--bonus:after {
  content: " (+11)";
}
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="12"] + .labelled-edit .labelled-edit__display--bonus:after {
  content: " (+12)";
}
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="13"] + .labelled-edit .labelled-edit__display--bonus:after {
  content: " (+13)";
}
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="14"] + .labelled-edit .labelled-edit__display--bonus:after {
  content: " (+14)";
}
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="15"] + .labelled-edit .labelled-edit__display--bonus:after {
  content: " (+15)";
}
body .ui-dialog .tab-content .charsheet .section-container--combat .deed-die-result[value="16"] + .labelled-edit .labelled-edit__display--bonus:after {
  content: " (+16)";
}
body .ui-dialog .tab-content .charsheet .section--score,
body .ui-dialog .tab-content .charsheet .section-container--score,
body .ui-dialog .tab-content .charsheet .layout--score {
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  grid-column: 1/-1;
  grid-row: 1/-1;
  display: grid;
  pointer-events: none;
}
body .ui-dialog .tab-content .charsheet .labelled-edit--score {
  pointer-events: all;
  align-items: flex-start;
}
body .ui-dialog .tab-content .charsheet .labelled-edit--score > .layout--flex {
  flex-direction: column;
  min-height: 100%;
  justify-content: space-between;
}
body .ui-dialog .tab-content .charsheet .labelled-edit--score > .labelled-edit__container {
  border: 3px solid var(--primary-color);
  position: relative;
  box-sizing: border-box;
  width: 50px;
  height: 50px;
}
body .ui-dialog .tab-content .charsheet .labelled-edit--score > .labelled-edit__container input, body .ui-dialog .tab-content .charsheet .labelled-edit--score > .labelled-edit__container span {
  z-index: 2;
  height: 100%;
  width: 100%;
  padding: 0;
  text-align: center;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  font-size: var(--font-size-large);
  background: transparent !important;
}
body .ui-dialog .tab-content .charsheet .labelled-edit--score > .labelled-edit__container input:after, body .ui-dialog .tab-content .charsheet .labelled-edit--score > .labelled-edit__container span:after {
  content: none;
}
body .ui-dialog .tab-content .charsheet .labelled-edit--score > .labelled-edit__container:hover {
  background: var(--tertiary-color);
}
body .ui-dialog .tab-content .charsheet .labelled-edit--score > .labelled-edit__container:focus-within {
  background: var(--secondary-color);
}
body .ui-dialog .tab-content .charsheet .labelled-edit--score > .labelled-edit__container input[name*=_mod][value]:not([value="0"]) ~ .labelled-edit__display {
  color: var(--mod-color);
}
body .ui-dialog .tab-content .charsheet .labelled-edit--score .rollable {
  background: var(--primary-color);
  color: var(--background-color);
  padding: 3px var(--gap-size-small);
  text-align: center;
}
body .ui-dialog .tab-content .charsheet .labelled-edit--score .rollable span:after {
  content: none;
}
body .ui-dialog .tab-content .charsheet .labelled-edit--score .labelled-edit__modifier {
  padding-right: 5px;
  justify-content: space-between;
}
body .ui-dialog .tab-content .charsheet .labelled-edit--score .labelled-edit__modifier span, body .ui-dialog .tab-content .charsheet .labelled-edit--score .labelled-edit__modifier input {
  font-size: var(--font-size-normal);
  padding: 0;
  text-align: center;
  justify-content: center;
}
body .ui-dialog .tab-content .charsheet .labelled-edit--strength {
  grid-area: strength;
}
body .ui-dialog .tab-content .charsheet .labelled-edit--agility {
  grid-area: agility;
}
body .ui-dialog .tab-content .charsheet .labelled-edit--stamina {
  grid-area: stamina;
}
body .ui-dialog .tab-content .charsheet .labelled-edit--personality {
  grid-area: personality;
}
body .ui-dialog .tab-content .charsheet .labelled-edit--luck {
  grid-area: luck;
}
body .ui-dialog .tab-content .charsheet .labelled-edit--intelligence {
  grid-area: intelligence;
}
body .ui-dialog .tab-content .charsheet .section--savings,
body .ui-dialog .tab-content .charsheet .section-container--savings,
body .ui-dialog .tab-content .charsheet .layout--savings {
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  grid-column: 1/-1;
  grid-row: 1/-1;
  display: grid;
  pointer-events: none;
}
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving {
  pointer-events: all;
  flex-direction: row-reverse;
  background: var(--primary-color);
  height: 50px;
  padding: 3px var(--gap-size-small) 3px 3px;
  box-sizing: border-box;
  gap: var(--gap-size-small);
  justify-content: left;
}
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving .labelled-edit__label {
  color: var(--background-color);
  white-space: pre-wrap;
}
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving .labelled-edit__label:after {
  content: none;
}
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving .labelled-edit__container {
  background: var(--background-color);
  border-radius: 50px;
  width: 44px;
  height: 44px;
  position: relative;
  flex-shrink: 0;
}
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving .labelled-edit__container input, body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving .labelled-edit__container span {
  z-index: 2;
  height: 100%;
  width: 100%;
  padding: 0;
  text-align: center;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  font-size: var(--font-size-large);
  background: transparent !important;
}
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving .labelled-edit__container input:after, body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving .labelled-edit__container span:after {
  content: none;
}
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving .labelled-edit__container:hover {
  background: var(--tertiary-color);
}
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--saving .labelled-edit__container:focus-within {
  background: var(--secondary-color);
}
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--ref-save {
  grid-area: ref-save;
}
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--fort-save {
  grid-area: fort-save;
}
body .ui-dialog .tab-content .charsheet .section-container--savings .labelled-edit--will-save {
  grid-area: will-save;
}
body .ui-dialog .tab-content .charsheet .section--misc,
body .ui-dialog .tab-content .charsheet .section-container--misc,
body .ui-dialog .tab-content .charsheet .layout--misc {
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  grid-column: 1/-1;
  grid-row: 1/-1;
  display: grid;
  pointer-events: none;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit {
  pointer-events: all;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc {
  border: 3px solid var(--primary-color);
  flex-direction: column;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc .rollable {
  line-height: normal;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc .rollable:hover .labelled-edit__label {
  color: var(--roll-color);
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc .labelled-edit__label {
  background: var(--primary-color);
  color: var(--background-color);
  font-size: var(--font-size-small);
  font-weight: bold;
  padding: 0px 5px 2px 5px;
  box-sizing: border-box;
  display: block;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  flex-shrink: 0;
  line-height: normal;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc .labelled-edit__label:after {
  content: none;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc .labelled-edit__container {
  flex-grow: 1;
  width: 100%;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc .labelled-edit__container:focus-within .labelled-edit__display {
  display: block;
  opacity: 0;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc .labelled-edit__display:after {
  content: none;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc:not(.section--misc-left) .labelled-edit__container input, body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc:not(.section--misc-left) .labelled-edit__container span, body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc:not(.section--misc-left) .labelled-edit__container textarea {
  align-items: center;
  justify-content: center;
  text-align: center;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc:not(.section--misc-left) .labelled-edit__container input, body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc:not(.section--misc-left) .labelled-edit__container textarea {
  width: 100%;
  height: 100%;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc.labelled-edit--avatar .labelled-edit__container {
  overflow: hidden;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc.labelled-edit--avatar .labelled-edit__avatar {
  width: 100%;
  height: 100%;
  object-fit: contain;
  overflow: hidden;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc.labelled-edit--avatar .labelled-edit__display--raw:not([value]) + .labelled-edit__avatar,
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--misc.labelled-edit--avatar .labelled-edit__display--raw[value=""] + .labelled-edit__avatar {
  display: none;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .luck {
  position: relative;
  grid-area: lucky-roll;
  /*
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="0"]),
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw:not([value]))  {
    .luck-score {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="1"]) {
    .luck-score:not(.luck-score--1) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="2"]) {
    .luck-score:not(.luck-score--2) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="3"]) {
    .luck-score:not(.luck-score--3) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="4"]) {
    .luck-score:not(.luck-score--4) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="5"]) {
    .luck-score:not(.luck-score--5) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="6"]) {
    .luck-score:not(.luck-score--6) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="7"]) {
    .luck-score:not(.luck-score--7) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="8"]) {
    .luck-score:not(.luck-score--8) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="9"]) {
    .luck-score:not(.luck-score--9) {
      display: none;
    }
  } 
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="10"]) {
    .luck-score:not(.luck-score--10) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="11"]) {
    .luck-score:not(.luck-score--11) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="12"]) {
    .luck-score:not(.luck-score--12) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="13"]) {
    .luck-score:not(.luck-score--13) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="14"]) {
    .luck-score:not(.luck-score--14) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="15"]) {
    .luck-score:not(.luck-score--15) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="16"]) {
    .luck-score:not(.luck-score--16) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="17"]) {
    .luck-score:not(.luck-score--17) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="18"]) {
    .luck-score:not(.luck-score--18) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="19"]) {
    .luck-score:not(.luck-score--19) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="20"]) {
    .luck-score:not(.luck-score--20) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="21"]) {
    .luck-score:not(.luck-score--21) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="22"]) {
    .luck-score:not(.luck-score--22) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="23"]) {
    .luck-score:not(.luck-score--23) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="24"]) {
    .luck-score:not(.luck-score--24) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="25"]) {
    .luck-score:not(.luck-score--25) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="26"]) {
    .luck-score:not(.luck-score--26) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="27"]) {
    .luck-score:not(.luck-score--27) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="28"]) {
    .luck-score:not(.luck-score--28) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="29"]) {
    .luck-score:not(.luck-score--29) {
      display: none;
    }
  }
  &:has(.labelled-edit--luck-max .labelled-edit__display--raw[value="30"]) {
    .luck-score:not(.luck-score--30) {
      display: none;
    }
  }
  */
}
body .ui-dialog .tab-content .charsheet .section.section--misc .luck > .layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .luck__title {
  grid-column: 1/-1;
  background: var(--primary-color);
  color: var(--background-color);
  font-size: var(--font-size-small);
  font-weight: bold;
  padding: 0px 5px 2px 5px;
  box-sizing: border-box;
  display: block;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  line-height: normal;
  border-top: 2px solid var(--primary-color);
  text-transform: capitalize;
  cursor: help;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .luck .labelled-edit--luck-max {
  border-right-width: 1px;
  border-top-width: 1px;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .luck .labelled-edit--lucky-roll {
  border-top-width: 1px;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .luck .labelled-edit--luck {
  border-left-width: 1px;
  border-top-width: 0;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .luck .labelled-edit__label {
  display: none;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .luck .luck-score {
  padding: 3px var(--gap-size-small);
  top: 0;
  transform: translate(-50%, calc(-100% - 5px));
  max-width: 120px;
  width: max-content;
  font-size: var(--font-size-small);
  left: 50%;
  position: absolute;
  background: var(--overwritten-color);
  color: var(--background-color);
  user-select: none;
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .luck:hover:not(:has(.labelled-edit--luck-max:hover)) .luck-score, body .ui-dialog .tab-content .charsheet .section.section--misc .luck:not(:hover) .luck-score {
  display: none;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--melee-attack {
  grid-area: melee-attack;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--melee-damage {
  grid-area: melee-damage;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--missile-attack {
  grid-area: missile-attack;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--missile-damage {
  grid-area: missile-damage;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--portrait {
  grid-area: portrait;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--languages {
  grid-area: languages;
}
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--languages .labelled-edit__container .labelled-edit__display,
body .ui-dialog .tab-content .charsheet .section.section--misc .labelled-edit--languages .labelled-edit__container .labelled-edit__value {
  text-align: left !important;
  justify-content: left !important;
}
body .ui-dialog .tab-content .charsheet .section-container--weapon .headed-repeating-section {
  grid-template-columns: 1fr repeat(5, minmax(min-content, max-content));
  gap: var(--gap-size-small);
}
body .ui-dialog .tab-content .charsheet .section-container--weapon .headed-repeating-section__header,
body .ui-dialog .tab-content .charsheet .section-container--weapon .headed-repeating-section .repitem {
  align-items: center;
}
body .ui-dialog .tab-content .charsheet .section-container--weapon .headed-repeating-section__header,
body .ui-dialog .tab-content .charsheet .section-container--weapon .headed-repeating-section .repitem, body .ui-dialog .tab-content .charsheet .section-container--weapon .headed-repeating-section .repcontainer {
  grid-column: span 6;
  grid-template-columns: subgrid;
  position: relative;
}
body .ui-dialog .tab-content .charsheet .section-container--weapon .headed-repeating-section__cell {
  display: flex;
}
body .ui-dialog .tab-content .charsheet .section-container--weapon .headed-repeating-section__cell > * {
  width: 1px;
  flex-grow: 1;
}
body .ui-dialog .tab-content .charsheet .section-container--weapon .headed-repeating-section .layout--flex {
  gap: var(--gap-size-small);
  flex-wrap: nowrap;
}
body .ui-dialog .tab-content .charsheet .section-container--weapon .collapsed .repcontainer {
  gap: 10px;
}
body .ui-dialog .tab-content .charsheet .section-container--weapon span[name=attr_fumble_die], body .ui-dialog .tab-content .charsheet .section-container--weapon input[name=attr_fumble_die] {
  text-transform: uppercase;
}
body .ui-dialog .tab-content .charsheet .section-container--weapon .expanded .repitem:has(.on-off-hidden__state:not([value="1"])),
body .ui-dialog .tab-content .charsheet .section-container--weapon .expanded .repitem:has(.on-off-hidden__state:not([value])) {
  opacity: 0.35;
  pointer-events: none;
}
body .ui-dialog .tab-content .charsheet .section-container--weapon .expanded .repitem:has(.on-off-hidden__state:not([value="1"])) .labelled-edit:not(.labelled-edit--name),
body .ui-dialog .tab-content .charsheet .section-container--weapon .expanded .repitem:has(.on-off-hidden__state:not([value])) .labelled-edit:not(.labelled-edit--name) {
  display: none;
}
body .ui-dialog .tab-content .charsheet .section-container--weapon .expanded .labelled-edit--name span {
  font-size: var(--font-size-normal);
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--type .labelled-edit__display,
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--type .labelled-edit__value,
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--two-handed .labelled-edit__display,
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--two-handed .labelled-edit__value {
  text-transform: capitalize;
}
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--type:has(.labelled-edit__display--raw[value=melee]) ~ .labelled-edit--range,
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--type:has(.labelled-edit__display--raw[value=""]) ~ .labelled-edit--range,
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--type:has(.labelled-edit__display--raw:not([value])) ~ .labelled-edit--range {
  display: none;
}
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--type:has(.labelled-edit__display--raw:not([value=missile])) ~ .labelled-edit--ammunition {
  display: none;
}
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--ammunition .labelled-edit__container {
  max-width: 30px;
}
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--notes {
  margin-top: var(--gap-size-xsmall);
  flex-direction: column;
  align-items: flex-start;
}
body .ui-dialog .tab-content .charsheet .section-container--weapon .labelled-edit--notes .labelled-edit__container {
  border: 1px solid var(--primary-color);
  width: 100%;
}
body .ui-dialog .tab-content .charsheet .section-container--weapon .view .labelled-edit--notes .labelled-edit__container {
  border: 0;
}
body .ui-dialog .tab-content .charsheet .section-container--weapon .view .labelled-edit--notes .labelled-edit__container * {
  padding-left: 0;
  padding-right: 0;
}
body .ui-dialog .tab-content .charsheet .section-container--weapon .view .labelled-edit--notes:has(.labelled-edit__display--raw:not([value])) {
  display: none;
}
body .ui-dialog .tab-content .charsheet .headed-section--treasure {
  min-height: 100%;
  box-sizing: border-box;
}
body .ui-dialog .tab-content .charsheet .headed-section--treasure .section-container {
  min-height: 100%;
  position: relative;
}
body .ui-dialog .tab-content .charsheet .headed-section--treasure .section-container:hover {
  background: var(--tertiary-color);
}
body .ui-dialog .tab-content .charsheet .headed-section--treasure .labelled-edit {
  height: 100%;
  width: 100%;
}
body .ui-dialog .tab-content .charsheet .headed-section--treasure .labelled-edit__value {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
body .ui-dialog .tab-content .charsheet .headed-section--treasure .labelled-edit__container {
  height: 100%;
}
body .ui-dialog .tab-content .charsheet .headed-section--treasure .headed-section__content {
  padding: 0;
  min-height: 60px;
}
body .ui-dialog .tab-content .charsheet .headed-section--treasure .headed-section__content textarea {
  display: block;
  padding: var(--gap-size-small);
  background: var(--background-color);
  font-size: var(--font-size-small);
  width: 100%;
  height: 100%;
  resize: none;
}
body .ui-dialog .tab-content .charsheet .headed-section--treasure .headed-section__content textarea:hover {
  background: var(--tertiary-color);
}
body .ui-dialog .tab-content .charsheet .headed-section--treasure .headed-section__content textarea:focus {
  background: var(--secondary-color);
}
body .ui-dialog .tab-content .charsheet .section-container--equipment .headed-repeating-section {
  grid-template-columns: 1fr minmax(min-content, max-content);
  gap: var(--gap-size-small);
}
body .ui-dialog .tab-content .charsheet .section-container--equipment .headed-repeating-section__header,
body .ui-dialog .tab-content .charsheet .section-container--equipment .headed-repeating-section .repitem {
  align-items: center;
}
body .ui-dialog .tab-content .charsheet .section-container--equipment .headed-repeating-section__header,
body .ui-dialog .tab-content .charsheet .section-container--equipment .headed-repeating-section .repitem, body .ui-dialog .tab-content .charsheet .section-container--equipment .headed-repeating-section .repcontainer {
  grid-column: span 2;
  grid-template-columns: subgrid;
  position: relative;
  align-items: baseline;
}
body .ui-dialog .tab-content .charsheet .section-container--equipment .headed-repeating-section__cell {
  display: flex;
}
body .ui-dialog .tab-content .charsheet .section-container--equipment .headed-repeating-section__cell > * {
  width: 1px;
  flex-grow: 1;
}
body .ui-dialog .tab-content .charsheet .section-container--equipment .headed-repeating-section .layout--flex {
  gap: var(--gap-size-small);
  flex-wrap: nowrap;
}
body .ui-dialog .tab-content .charsheet .section-container--equipment .collapsed .repcontainer {
  gap: 20px;
}
body .ui-dialog .tab-content .charsheet .section-container--equipment span[data-i18n=cost], body .ui-dialog .tab-content .charsheet .section-container--equipment span[name=attr_cost], body .ui-dialog .tab-content .charsheet .section-container--equipment input[name=attr_cost] {
  text-align: right !important;
}
body .ui-dialog .tab-content .charsheet .section-container--equipment select[name=attr_type] {
  grid-column: span 2;
  margin-top: var(--gap-size-xsmall);
  text-align: center;
  font-size: var(--font-size-small);
}
body .ui-dialog .tab-content .charsheet .section-container--equipment input[name=attr_modifiers] {
  grid-column: span 2;
  margin-top: var(--gap-size-xsmall);
  font-size: var(--font-size-small);
}
body .ui-dialog .tab-content .charsheet .section-container--equipment .on-off {
  margin-top: 2px;
}
body .ui-dialog .tab-content .charsheet .section-container--equipment .on-off:not(.on-off:has(input:checked)) ~ * {
  opacity: 0.35;
  pointer-events: none;
}
body .ui-dialog .tab-content .charsheet .section-container--armor .headed-repeating-section {
  grid-template-columns: 1fr repeat(5, minmax(min-content, max-content));
  gap: var(--gap-size-small);
}
body .ui-dialog .tab-content .charsheet .section-container--armor .headed-repeating-section__header,
body .ui-dialog .tab-content .charsheet .section-container--armor .headed-repeating-section .repitem {
  align-items: center;
}
body .ui-dialog .tab-content .charsheet .section-container--armor .headed-repeating-section__header,
body .ui-dialog .tab-content .charsheet .section-container--armor .headed-repeating-section .repitem, body .ui-dialog .tab-content .charsheet .section-container--armor .headed-repeating-section .repcontainer {
  grid-column: span 6;
  grid-template-columns: subgrid;
  position: relative;
}
body .ui-dialog .tab-content .charsheet .section-container--armor .headed-repeating-section__cell {
  display: flex;
}
body .ui-dialog .tab-content .charsheet .section-container--armor .headed-repeating-section__cell > * {
  width: 1px;
  flex-grow: 1;
}
body .ui-dialog .tab-content .charsheet .section-container--armor .headed-repeating-section .layout--flex {
  gap: var(--gap-size-small);
  flex-wrap: nowrap;
}
body .ui-dialog .tab-content .charsheet .section-container--armor .collapsed .repcontainer {
  gap: 10px;
}
body .ui-dialog .tab-content .charsheet .section-container--armor span[name=attr_fumble_die], body .ui-dialog .tab-content .charsheet .section-container--armor input[name=attr_fumble_die] {
  text-transform: uppercase;
}
body .ui-dialog .tab-content .charsheet .section-container--armor .expanded .repitem:has(.on-off-hidden__state:not([value="1"])),
body .ui-dialog .tab-content .charsheet .section-container--armor .expanded .repitem:has(.on-off-hidden__state:not([value])) {
  opacity: 0.35;
  pointer-events: none;
}
body .ui-dialog .tab-content .charsheet .section-container--armor .expanded .repitem:has(.on-off-hidden__state:not([value="1"])) .labelled-edit:not(.labelled-edit--name),
body .ui-dialog .tab-content .charsheet .section-container--armor .expanded .repitem:has(.on-off-hidden__state:not([value])) .labelled-edit:not(.labelled-edit--name) {
  display: none;
}
body .ui-dialog .tab-content .charsheet .section-container--armor .expanded .labelled-edit--name span {
  font-size: var(--font-size-normal);
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .section-container--armor .labelled-edit--fumble-die .labelled-edit__display,
body .ui-dialog .tab-content .charsheet .section-container--armor .labelled-edit--shield .labelled-edit__display {
  text-transform: capitalize;
}
body .ui-dialog .tab-content .charsheet .layout--cleric-display {
  grid-template-columns: 1fr min-content;
  gap: var(--gap-size-normal);
}
body .ui-dialog .tab-content .charsheet .layout--cleric-display .layout--flex {
  gap: var(--gap-size-normal);
}
body .ui-dialog .tab-content .charsheet .layout--cleric-display .labelled--abilities {
  width: 100%;
  flex-basis: 100%;
}
body .ui-dialog .tab-content .charsheet .layout--cleric-display .table.table--lay-on-hands {
  grid-column: span 2;
}
body .ui-dialog .tab-content .charsheet .layout--cleric-display .table--lay-on-hands {
  grid-template-columns: 1fr repeat(4, minmax(min-content, max-content));
}
body .ui-dialog .tab-content .charsheet .layout--cleric-display .table--lay-on-hands .table__cell {
  padding: var(--gap-size-xsmall) var(--gap-size-small);
}
body .ui-dialog .tab-content .charsheet .layout--cleric-display .fill-up-to--disapproval-range {
  grid-template-columns: repeat(5, var(--fill-up-to-size));
}
body .ui-dialog .tab-content .charsheet .layout--cleric-display .labelled--disapproval-range {
  align-self: baseline;
  gap: var(--gap-size-small);
}
body .ui-dialog .tab-content .charsheet .layout--cleric-display .labelled--disapproval-range .labelled__label {
  align-self: baseline;
}
body .ui-dialog .tab-content .charsheet .layout--cleric-display .labelled.labelled--abilities {
  grid-column: span 2;
  align-items: baseline;
}
body .ui-dialog .tab-content .charsheet .layout--cleric-display .lay-on-hands-players {
  min-width: 100%;
}
body .ui-dialog .tab-content .charsheet .layout--cleric-display .lay-on-hands-players input {
  flex-grow: 1;
  text-align: right !important;
  width: 10px;
}
body .ui-dialog .tab-content .charsheet .layout--cleric-display .lay-on-hands-players input:not(:focus) {
  background-color: transparent !important;
}
body .ui-dialog .tab-content .charsheet .layout--cleric-display .lay-on-hands-players:has(.between-parentheses:hover) input {
  color: var(--roll-color);
}
body .ui-dialog .tab-content .charsheet .layout--cleric-display input[name=attr_deity] {
  width: 100px;
}
body .ui-dialog .tab-content .charsheet .layout--cleric-display input[name=attr_deity]::-webkit-calendar-picker-indicator {
  opacity: 0;
}
body .ui-dialog .tab-content .charsheet .layout--dwarf-display {
  gap: var(--gap-size-small);
}
body .ui-dialog .tab-content .charsheet .layout--elf-display {
  gap: var(--gap-size-small);
}
body .ui-dialog .tab-content .charsheet .layout--hafling-display {
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-size-small);
  align-items: baseline;
}
body .ui-dialog .tab-content .charsheet .layout--hafling-display .layout--grid {
  align-items: center;
}
body .ui-dialog .tab-content .charsheet .layout--hafling-display .layout--grid:first-child {
  gap: var(--gap-size-small);
}
body .ui-dialog .tab-content .charsheet .layout--hafling-display ul {
  margin-bottom: 0;
}
body .ui-dialog .tab-content .charsheet .layout--hafling-display ul li span {
  display: inline-block;
}
body .ui-dialog .tab-content .charsheet .layout--hafling-display ul li span::first-letter {
  text-transform: uppercase;
}
body .ui-dialog .tab-content .charsheet .layout--thief-display {
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-size-small);
  align-items: center;
}
body .ui-dialog .tab-content .charsheet .layout--thief-display .labelled-edit--luck-die .labelled-edit__display:not(.labelled-edit__display--placeholder),
body .ui-dialog .tab-content .charsheet .layout--thief-display .labelled-edit--cast-spell-from-scroll .labelled-edit__display:not(.labelled-edit__display--placeholder) {
  text-transform: uppercase;
}
body .ui-dialog .tab-content .charsheet .layout--warrior-display {
  gap: var(--gap-size-small);
  align-items: center;
}
body .ui-dialog .tab-content .charsheet .layout--warrior-display .labelled-edit--critical-threat-range .labelled-edit__display:before {
  content: "" !important;
  display: block;
  width: 100%;
  position: absolute;
  height: 1px;
  background: var(--primary-color);
  bottom: 0;
  left: 0;
}
body .ui-dialog .tab-content .charsheet .layout--warrior-display .labelled-edit--critical-threat-range .labelled-edit__display:after {
  content: none;
}
body .ui-dialog .tab-content .charsheet .layout--warrior-display .labelled-edit--critical-threat-range .labelled-edit__display:not(:empty):after {
  content: "-20";
  display: inline;
  width: auto;
  position: relative;
  height: auto;
  background: none;
  bottom: auto;
  left: auto;
}
body .ui-dialog .tab-content .charsheet .layout--wizard-display {
  gap: var(--gap-size-small);
  align-items: center;
}
body .ui-dialog .tab-content .charsheet .sheet-ability {
  font-weight: bold;
  text-transform: capitalize;
}
body .ui-dialog .tab-content .charsheet .spell-stats {
  padding: 0 !important;
  display: flex;
  flex-wrap: wrap;
  gap: inherit;
}
body .ui-dialog .tab-content .charsheet .spell-stats > input {
  flex: 1;
}
body .ui-dialog .tab-content .charsheet .spell-row-header {
  position: relative;
}
body .ui-dialog .tab-content .charsheet .spell-row-header:has(.spell-table-control:checked) span {
  visibility: hidden;
}
body .ui-dialog .tab-content .charsheet .inline-table-holder {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: inherit;
}
body .ui-dialog .tab-content .charsheet .spell-table-control {
  grid-column: 1/-1;
  width: 100% !important;
  height: 100% !important;
  display: grid;
}
body .ui-dialog .tab-content .charsheet .spell-table-control:before {
  place-self: center end !important;
}
body .ui-dialog .tab-content .charsheet .spell-table-control:not(:checked):before {
  content: "expand_more" !important;
}
body .ui-dialog .tab-content .charsheet .spell-table-control:checked:before {
  content: "expand_less" !important;
}
body .ui-dialog .tab-content .charsheet .spell-row-header,
body .ui-dialog .tab-content .charsheet .spell-table-row {
  display: grid;
  grid-template-columns: 50px 1fr;
  padding-block: 0 !important;
}
body .ui-dialog .tab-content .charsheet .spell-table-row {
  align-items: start;
}
body .ui-dialog .tab-content .charsheet .spell-table-row .roll-value {
  width: 100%;
}
body .ui-dialog .tab-content .charsheet .spell-table-row .adaptive {
  flex: 1;
  min-height: 32.85px;
}
body .ui-dialog .tab-content .charsheet .section-container--spells .filter-sibling-by-class[value=cleric] ~ .filtered-by-class .show-if-class:not(.show-if-class--cleric) {
  display: none;
}
body .ui-dialog .tab-content .charsheet .section-container--spells .filter-sibling-by-class[value=cleric] ~ .filtered-by-class.headed-repeating-section__header,
body .ui-dialog .tab-content .charsheet .section-container--spells .filter-sibling-by-class[value=cleric] ~ .filtered-by-class.headed-repeating-section .repitem {
  grid-template-columns: 1fr;
}
body .ui-dialog .tab-content .charsheet .section-container--spells .filter-sibling-by-class[value=cleric] ~ .filtered-by-class.headed-repeating-section__header span[name=attr_description], body .ui-dialog .tab-content .charsheet .section-container--spells .filter-sibling-by-class[value=cleric] ~ .filtered-by-class.headed-repeating-section__header textarea[name=attr_description],
body .ui-dialog .tab-content .charsheet .section-container--spells .filter-sibling-by-class[value=cleric] ~ .filtered-by-class.headed-repeating-section .repitem span[name=attr_description],
body .ui-dialog .tab-content .charsheet .section-container--spells .filter-sibling-by-class[value=cleric] ~ .filtered-by-class.headed-repeating-section .repitem textarea[name=attr_description] {
  grid-column: span 1;
}
body .ui-dialog .tab-content .charsheet .section-container--spells .filter-sibling-by-class[value=cleric] ~ .filtered-by-class .spell-details button[name=act_roll-pc-check] {
  margin-top: -10px;
}
body .ui-dialog .tab-content .charsheet .section-container--spells .filter-sibling-by-class[value=cleric] ~ .filtered-by-class .spell-details button[name=act_roll-pc-check]:before {
  content: "Spell Check: ";
}
body .ui-dialog .tab-content .charsheet .section-container--spells .repcontrol-button--add {
  z-index: 100;
}
body .ui-dialog .tab-content .charsheet .section-container--spells .repitem:has(input[value=master]:checked):not(:first-child) {
  border-top: 1px solid black;
  padding-top: var(--gap-size-small);
}
body .ui-dialog .tab-content .charsheet .section-container--spells .repitem:has(input[value=table]:checked) .complex-collapse {
  display: none;
}
body .ui-dialog .tab-content .charsheet .section-container--spells .repitem:has(input[value=table]:checked) .itemcontrol * {
  display: none !important;
}
body .ui-dialog .tab-content .charsheet .section-container--spells .repitem:has(input[value=table]:checked):has(.collapse:checked) {
  display: none !important;
}
body .ui-dialog .tab-content .charsheet .section-container--spells .repitem .collapse:has(~ input[value=table]:checked) {
  display: none;
}
body .ui-dialog .tab-content .charsheet .section-container--spells .repcontainer.editmode > .repitem:has(input[value=table]:checked) {
  display: none;
}
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section {
  grid-template-columns: 1fr repeat(2, minmax(min-content, max-content)) 1fr;
  gap: var(--gap-size-small);
}
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section__header,
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section .repitem {
  align-items: baseline;
}
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section__header,
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section .repitem,
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section .repcontainer,
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section .spell-details {
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  position: relative;
  gap: inherit;
}
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section__cell {
  display: flex;
}
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section__cell > * {
  width: 1px;
  flex-grow: 1;
}
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section span[name=attr_description], body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section textarea[name=attr_description] {
  grid-column: 1/-1;
}
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section textarea[name=attr_description] {
  margin-top: 10px;
}
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section span[name=attr_description] {
  border-left: 3px solid var(--secondary-color);
  padding-left: var(--gap-size-small);
  font-size: var(--font-size-small);
}
body .ui-dialog .tab-content .charsheet .section-container--spells .headed-repeating-section span[name=attr_description]:empty {
  display: none;
}
body .ui-dialog .tab-content .charsheet .section-container--spells .collapsed .repcontainer {
  gap: 30px 10px;
}
body .ui-dialog .tab-content .charsheet .section-container--spells button[name=act_roll-pc-total-check] {
  align-self: baseline;
  line-height: normal;
}
body .ui-dialog .tab-content .charsheet .headed-section--notes {
  min-height: 100%;
  box-sizing: border-box;
}
body .ui-dialog .tab-content .charsheet .headed-section--notes .section-container {
  min-height: 100%;
  position: relative;
}
body .ui-dialog .tab-content .charsheet .headed-section--notes .section-container:hover {
  background: var(--tertiary-color);
}
body .ui-dialog .tab-content .charsheet .headed-section--notes .labelled-edit {
  height: 100%;
  width: 100%;
}
body .ui-dialog .tab-content .charsheet .headed-section--notes .labelled-edit__value {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
body .ui-dialog .tab-content .charsheet .headed-section--notes .labelled-edit__container {
  height: 100%;
}
body .ui-dialog .tab-content .charsheet .headed-section--notes .headed-section__content {
  padding: 0;
  min-height: 60px;
}
body .ui-dialog .tab-content .charsheet .headed-section--notes .headed-section__content textarea {
  display: block;
  padding: var(--gap-size-small);
  background: var(--background-color);
  font-size: var(--font-size-small);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  resize: none;
}
body .ui-dialog .tab-content .charsheet .headed-section--notes .headed-section__content textarea:hover {
  background: var(--tertiary-color);
}
body .ui-dialog .tab-content .charsheet .headed-section--notes .headed-section__content textarea:focus {
  background: var(--secondary-color);
}
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=dwarf] ~ .filtered-by-class .headed-section--notes,
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=halfling] ~ .filtered-by-class .headed-section--notes,
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=thief] ~ .filtered-by-class .headed-section--notes,
body .ui-dialog .tab-content .charsheet .filter-sibling-by-class[value=warrior] ~ .filtered-by-class .headed-section--notes {
  border-top: 0;
}
body .ui-dialog .tab-content .charsheet .rollmodal {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: grid;
  align-items: center;
  justify-content: center;
}
body .ui-dialog .tab-content .charsheet .rollmodal__container {
  position: relative;
  background: var(--background-color);
  z-index: 2;
  color: var(--primary-color);
  max-width: 300px;
  padding: 20px;
  box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.5);
}
body .ui-dialog .tab-content .charsheet .rollmodal__blocker {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: black;
  opacity: 0.85;
}
body .ui-dialog .tab-content .charsheet .rollmodal__title {
  font-size: 28px;
  font-weight: bold;
  color: var(--primary-color);
  display: block;
  text-align: center;
  text-transform: uppercase;
}
body .ui-dialog .tab-content .charsheet .rollmodal__subtitle {
  font-size: 26px;
  color: var(--primary-color);
  display: block;
  text-align: center;
  text-transform: uppercase;
}
body .ui-dialog .tab-content .charsheet .rollmodal__subtitle:empty {
  display: none;
}
body .ui-dialog .tab-content .charsheet .rollmodal .layout--rollmodal-header {
  margin-bottom: var(--gap-size-normal);
}
body .ui-dialog .tab-content .charsheet .rollmodal .layout--rollmodal-stats {
  gap: var(--gap-size-normal);
}
body .ui-dialog .tab-content .charsheet .rollmodal .layout--rollmodal-disable {
  grid-template-columns: min-content 1fr;
  gap: var(--gap-size-small);
  margin-top: var(--gap-size-normal);
}
body .ui-dialog .tab-content .charsheet .rollmodal .layout--rollmodal-disable span {
  font-size: 12px;
}
body .ui-dialog .tab-content .charsheet .rollmodal .layout--rollmodal-disable .dcc-check {
  margin-top: 2px;
}
body .ui-dialog .tab-content .charsheet .rollmodal .labelled-edit--rollmodal-type .labelled-edit__display {
  text-transform: capitalize;
}
body .ui-dialog .tab-content .charsheet .rollmodal .labelled-edit__container {
  flex-grow: 1;
}
body .ui-dialog .tab-content .charsheet .rollmodal .modal-button {
  width: 100%;
}
body .ui-dialog .tab-content .charsheet .modal-button {
  color: var(--background-color);
  background-color: var(--primary-color);
  text-transform: uppercase;
  font-weight: bold;
  box-sizing: border-box;
  text-align: center;
}
body .ui-dialog .tab-content .charsheet .modal-button--thin {
  padding: var(--tiny-gap);
}
body .ui-dialog .tab-content .charsheet .modal-button--thick {
  padding: var(--gap-size-normal);
}
body .ui-dialog .tab-content .charsheet .modal-button--content {
  width: content;
}
body .ui-dialog .tab-content .charsheet .rollmodal-is-active:not([value="1"]) + .rollmodal {
  display: none;
}
body .ui-dialog .tab-content .charsheet .rollmodal__has-action-die:not([value="1"]) ~ .labelled-edit--rollmodal-action-die {
  display: none;
}
body .ui-dialog .tab-content .charsheet .rollmodal__has-action-die:not([value="1"]) ~ .labelled-edit--rollmodal-base-formula .labelled-edit__display:before {
  content: none !important;
}
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d3] ~ .labelled-edit--rollmodal-action-die option[value="1d3"],
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D3] ~ .labelled-edit--rollmodal-action-die option[value="1d3"] {
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d4] ~ .labelled-edit--rollmodal-action-die option[value="1d4"],
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D4] ~ .labelled-edit--rollmodal-action-die option[value="1d4"] {
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d5] ~ .labelled-edit--rollmodal-action-die option[value="1d5"],
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D5] ~ .labelled-edit--rollmodal-action-die option[value="1d5"] {
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d6] ~ .labelled-edit--rollmodal-action-die option[value="1d6"],
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D6] ~ .labelled-edit--rollmodal-action-die option[value="1d6"] {
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d7] ~ .labelled-edit--rollmodal-action-die option[value="1d7"],
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D7] ~ .labelled-edit--rollmodal-action-die option[value="1d7"] {
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d8] ~ .labelled-edit--rollmodal-action-die option[value="1d8"],
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D8] ~ .labelled-edit--rollmodal-action-die option[value="1d8"] {
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d10] ~ .labelled-edit--rollmodal-action-die option[value="1d10"],
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D10] ~ .labelled-edit--rollmodal-action-die option[value="1d10"] {
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d12] ~ .labelled-edit--rollmodal-action-die option[value="1d12"],
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D12] ~ .labelled-edit--rollmodal-action-die option[value="1d12"] {
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d14] ~ .labelled-edit--rollmodal-action-die option[value="1d14"],
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D14] ~ .labelled-edit--rollmodal-action-die option[value="1d14"] {
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d16] ~ .labelled-edit--rollmodal-action-die option[value="1d16"],
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D16] ~ .labelled-edit--rollmodal-action-die option[value="1d16"] {
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d20] ~ .labelled-edit--rollmodal-action-die option[value="1d20"],
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D20] ~ .labelled-edit--rollmodal-action-die option[value="1d20"] {
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d24] ~ .labelled-edit--rollmodal-action-die option[value="1d24"],
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D24] ~ .labelled-edit--rollmodal-action-die option[value="1d24"] {
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=d30] ~ .labelled-edit--rollmodal-action-die option[value="1d30"],
body .ui-dialog .tab-content .charsheet .rollmodal__valid-action-dice[value*=D30] ~ .labelled-edit--rollmodal-action-die option[value="1d30"] {
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .pc {
  position: relative;
  padding: 90px 80px 80px 80px;
}
body .ui-dialog .tab-content .charsheet .pc .layout--double {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
body .ui-dialog .tab-content .charsheet .pc .layout--double .layout--double {
  gap: 10px;
}
body .ui-dialog .tab-content .charsheet .pc .layout--block {
  gap: var(--gap-size-normal);
}
body .ui-dialog .tab-content .charsheet .pc .border {
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: -1;
  top: 0;
  left: 0;
  background: white;
}
body .ui-dialog .tab-content .charsheet .pc .border__title {
  position: absolute;
  width: 100%;
  height: 30px;
  top: 28px;
  left: 0;
  z-index: 3;
}
body .ui-dialog .tab-content .charsheet .pc .border__title .layout--flex {
  gap: var(--gap-size-small);
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
}
body .ui-dialog .tab-content .charsheet .pc .border__title img {
  height: 100%;
}
body .ui-dialog .tab-content .charsheet .pc .border__subtitle {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0px;
  left: 0;
  z-index: 3;
}
body .ui-dialog .tab-content .charsheet .pc .border__subtitle .layout--flex {
  gap: var(--gap-size-small);
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
}
body .ui-dialog .tab-content .charsheet .pc .border__subtitle .layout--flex .right {
  transform: scaleX(-1);
}
body .ui-dialog .tab-content .charsheet .pc .border__subtitle .layout--flex .class {
  height: 100%;
  box-sizing: border-box;
  padding: 12px 0;
}
body .ui-dialog .tab-content .charsheet .pc .border__subtitle img {
  height: 100%;
}
body .ui-dialog .tab-content .charsheet .pc .border__images {
  top: -18px;
  left: -20px;
  position: absolute;
  z-index: 3;
  width: calc(100% + 40px);
  height: calc(100% + 33px);
  pointer-events: none;
}
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image {
  position: absolute;
  zoom: 0.5;
  user-select: none;
  image-rendering: -moz-crisp-edges; /* Firefox        */
  image-rendering: -o-crisp-edges; /* Opera          */
  image-rendering: -webkit-optimize-contrast; /* Safari         */
  image-rendering: optimize-contrast; /* CSS3 Proposed  */
  -ms-interpolation-mode: nearest-neighbor;
}
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image.show-if-class--thief {
  zoom: 0.25;
}
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image.show-if-class--dwarf, body .ui-dialog .tab-content .charsheet .pc .border__images .border__image.show-if-class--warrior {
  zoom: 0.65;
}
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image.show-if-level--zero {
  zoom: 0.2;
}
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image--tl {
  top: 0;
  left: 0;
  z-index: 4;
}
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image--tl.show-if-class--warrior {
  left: 20px;
}
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image--tr {
  top: 0;
  right: 0;
  z-index: 3;
}
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image--tr.show-if-level--zero {
  right: 145px;
}
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image--br {
  bottom: 0;
  right: 0;
  z-index: 2;
}
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image--br.show-if-class--wizard {
  right: 14px;
}
body .ui-dialog .tab-content .charsheet .pc .border__images .border__image--bl {
  bottom: 0;
  left: 0;
  z-index: 1;
}
body .ui-dialog .tab-content .charsheet .pc .border__outline {
  top: 0;
  left: 0;
  position: absolute;
  border-style: solid;
  border-width: 160px 120px 120px 120px;
  border-image: url(https://raw.githubusercontent.com/mperes/dcc-images/main/border-outline.png) 160 120 120 120 fill;
  clip-path: polygon(calc(50% - 17.5px) 0%, 0% 0%, 0% 100%, 100% 100%, 100% 0%, calc(50% + 17.5px) 0%, calc(50% + 17.5px) calc(0% + 80px), calc(0% - 60px) calc(0% + 80px), calc(0% - 60px) calc(100% - 60px), calc(0% + 60px) calc(100% - 60px), calc(0% + 60px) calc(0% + 80px), calc(50% - 17.5px) calc(0% + 80px));
  z-index: 2;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
body .ui-dialog .tab-content .charsheet .pc .border__decoration {
  top: -1px;
  left: calc(50% - 18px);
  position: absolute;
  width: 36px;
  height: 86px;
  background-image: url(https://raw.githubusercontent.com/mperes/dcc-images/main/border-decoration.png);
  background-size: cover;
  z-index: 3;
}
body .ui-dialog .tab-content .charsheet .pc .border__texture {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(https://raw.githubusercontent.com/mperes/dcc-images/main/texture-small-super-bright.png);
  z-index: 1;
}
body .ui-dialog .tab-content .charsheet .pc .layout--main {
  overflow: hidden;
}
body .ui-dialog .tab-content .charsheet .pc .layout--double.layout--defense-combat {
  grid-template-columns: minmax(min-content, max-content) 1fr;
  gap: var(--gap-size-large);
}
body .ui-dialog .tab-content .charsheet .pc .layout--stats {
  grid-template-areas: "strength . melee-attack melee-damage" "agility ref-save missile-attack missile-damage" "stamina fort-save portrait portrait" "personality will-save portrait portrait" "luck lucky-roll portrait portrait" "intelligence languages languages languages";
  grid-template-columns: minmax(min-content, max-content) min-content 1fr 1fr;
  grid-template-rows: repeat(6, 50px);
  gap: 10px;
  display: grid;
}
@media (max-width: 864px) {
  body .ui-dialog .tab-content .charsheet .border__subtitle .optional {
    display: none;
  }
}
@media (max-width: 1125px) {
  body .ui-dialog .tab-content .charsheet .border__title .optional {
    display: none;
  }
}
@media (max-width: 1036px) {
  body .ui-dialog .tab-content .charsheet .pc .layout--main {
    grid-template-columns: 1fr;
  }
}
body .ui-dialog .tab-content .charsheet .hide-if-empty:has(.empty-check:empty), body .ui-dialog .tab-content .charsheet .hide-if-empty:has(.repcontainer:empty) {
  display: none !important;
}
body .ui-dialog .tab-content .charsheet .npc {
  container-type: inline-size;
  container-name: npc;
  color: var(--primary-color);
}
body .ui-dialog .tab-content .charsheet .npc ::placeholder {
  font-style: italic;
}
body .ui-dialog .tab-content .charsheet .npc .npc__title {
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .npc__hd .npc__title, body .ui-dialog .tab-content .charsheet .npc__ac .npc__title {
  text-transform: uppercase;
}
body .ui-dialog .tab-content .charsheet .npc__name {
  margin-bottom: 1.5rem;
}
body .ui-dialog .tab-content .charsheet .npc__name span {
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--primary-color);
}
body .ui-dialog .tab-content .charsheet .npc__title, body .ui-dialog .tab-content .charsheet .npc__subtitle {
  text-transform: capitalize;
  font-size: 1rem;
}
body .ui-dialog .tab-content .charsheet .npc__title:after, body .ui-dialog .tab-content .charsheet .npc__subtitle:after {
  content: " ";
  white-space: pre-wrap;
}
body .ui-dialog .tab-content .charsheet .npc__title--uppercased, body .ui-dialog .tab-content .charsheet .npc__subtitle--uppercased {
  text-transform: uppercase;
}
body .ui-dialog .tab-content .charsheet .npc__attribute {
  font-size: 1rem;
}
body .ui-dialog .tab-content .charsheet .npc__description {
  margin-top: 1rem;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view {
  display: flex;
  flex-wrap: wrap;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__sv button .npc__title {
  font-weight: normal;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .repcontrol, body .ui-dialog .tab-content .charsheet .npc .npc__view .repcontrol-button {
  display: none;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .atkholder {
  display: inline;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .atkholder button:first-of-type span:last-child:after {
  content: " ";
  white-space: pre-wrap;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields {
  display: inline;
  font-size: 0;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .npc__field {
  display: inline;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .npc__title, body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .npc__subtitle {
  display: inline;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .repcontainer {
  display: inline;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .repitem {
  display: inline;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .repitem span {
  display: inline;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .repitem span:not(:last-child):after {
  font-size: 1rem;
  content: " ";
  white-space: pre-wrap;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .repitem span:not(:last-child).npc__attribute--parentheses:after {
  font-size: 1rem;
  content: ")";
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .repitem span:not(:last-child).npc__attribute--hp:after {
  font-size: 1rem;
  content: "hp)";
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .repitem span:not(:last-child).npc__attribute--measured:after {
  font-size: 1rem;
  content: "’";
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .repitem:last-child .npc__attribute--separator {
  display: none;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields > .npc__field:not(:last-child):after,
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields > .npc__fields:not(:last-child):after {
  font-size: 1rem;
  content: "; ";
  white-space: pre-wrap;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .npc__fields .npc__field:not(:last-child):after,
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__fields .npc__fields .npc__fields:not(:last-child):after {
  font-size: 1rem;
  content: ", ";
  white-space: pre-wrap;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__field--rollable {
  cursor: pointer;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__field--rollable:has(span:not(.npc__attribute--separator):hover) span:not(.npc__attribute--separator), body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__field--rollable:has(span:not(.npc__attribute--separator):hover) h5, body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__field--rollable:has(h5:not(.npc__attribute--separator):hover) span:not(.npc__attribute--separator), body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__field--rollable:has(h5:not(.npc__attribute--separator):hover) h5 {
  color: var(--roll-color);
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--uppercased {
  text-transform: uppercase;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--lowercased {
  text-transform: lowercase;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--pre-wrap {
  white-space: pre-wrap;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--default-0:empty:after {
  font-size: 1rem;
  content: "0";
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--parentheses:not(:empty):before {
  font-size: 1rem;
  content: "(";
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--parentheses:not(:empty):after {
  font-size: 1rem;
  content: ")";
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--hp:not(:empty):before {
  font-size: 1rem;
  content: "(";
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--hp:not(:empty):after {
  font-size: 1rem;
  content: "hp)";
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--separator:not(:empty) {
  cursor: default;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--separator:not(:empty):before {
  font-size: 1rem;
  content: " ";
  white-space: pre-wrap;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--separator:not(:empty):after {
  font-size: 1rem;
  content: " ";
  white-space: pre-wrap;
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--measured:not(:empty):after {
  font-size: 1rem;
  content: "’";
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--default-10:empty:after {
  font-size: 1rem;
  content: "10";
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--default-1d4:empty:after {
  font-size: 1rem;
  content: "1d4";
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--default-1d20:empty:after {
  font-size: 1rem;
  content: "1d20";
}
body .ui-dialog .tab-content .charsheet .npc .npc__view .npc__attribute--roll-bonus-value:not([value*="-"]) + .npc__attribute--roll-bonus:not(:empty):before {
  font-size: 1rem;
  content: "+";
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit input, body .ui-dialog .tab-content .charsheet .npc .npc__edit select, body .ui-dialog .tab-content .charsheet .npc .npc__edit textarea {
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .repcontrol {
  position: absolute;
  top: -4px;
  right: 25px;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .repcontrol button {
  background: var(--primary-color);
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: var(--background-color);
  height: 15px;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit > .npc__fields {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__field {
  display: flex;
  align-items: center;
  border-bottom: 1px solid black;
  justify-content: space-between;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__field:focus-within {
  position: relative;
  border-bottom: 1px solid white;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__field:focus-within h5 {
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__field:focus-within:after {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: calc(100% + 16px);
  height: calc(100% + 10px);
  top: -5px;
  left: -8px;
  z-index: -1;
  border: 2px solid black;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__field h5 {
  flex-shrink: 1;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__field input, body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__field select {
  flex-grow: 1;
  text-align: right;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating {
  position: relative;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .npc__fields-header {
  font-size: 0.5rem;
  text-transform: uppercase;
  border-bottom: 1px solid black;
  margin: 10px 0;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .repcontainer {
  gap: 10px;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .npc__fields-header,
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .repitem {
  display: grid;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .npc__fields-header span, body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .npc__fields-header input,
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .repitem span,
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .repitem input {
  text-align: left;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .npc__fields-header span:last-child, body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .npc__fields-header input:last-child,
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .repitem span:last-child,
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .repitem input:last-child {
  text-align: right;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .repitem:focus-within {
  position: relative;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .repitem:focus-within:after {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: calc(100% + 16px);
  height: calc(100% + 10px);
  top: -5px;
  left: -8px;
  z-index: -1;
  border: 2px solid black;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__fields--repeating .repcontrol-button--add {
  position: absolute;
  top: -4px;
  right: 0;
  background: var(--primary-color);
  color: var(--background-color);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 12px;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__atk, body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__mv {
  align-self: baseline;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__atk .npc__fields-header,
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__atk .repitem {
  grid-template-columns: repeat(4, 1fr);
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__mv .npc__fields-header,
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__mv .repitem {
  grid-template-columns: repeat(2, 1fr);
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__description {
  flex-direction: column;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__description h5 {
  margin-bottom: 5px;
}
body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__description h5, body .ui-dialog .tab-content .charsheet .npc .npc__edit .npc__description textarea {
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  text-align: left;
}
body .ui-dialog .tab-content .charsheet .npc .layout--npc-extras {
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-size-large);
}
@container npc (max-width: 500px) {
  body .ui-dialog .tab-content .charsheet .npc__atk, body .ui-dialog .tab-content .charsheet .npc__mv {
    grid-column: 1/3;
  }
}
body .ui-dialog .tab-content .charsheet .grid-span-all {
  grid-column: 1/-1;
}
body .ui-dialog .tab-content .charsheet .flex-span-all {
  width: 100%;
}
body .ui-dialog .tab-content .charsheet .flex-fill {
  flex: 1;
}
body .ui-dialog .tab-content .charsheet .complex-collapse {
  opacity: var(--collapseBaseOpacity);
  position: absolute;
  border: 0px solid black;
  border-radius: 0;
  color: var(--collapseExpandedColor);
  text-transform: none;
  background-color: transparent;
  z-index: 10;
}
body .ui-dialog .tab-content .charsheet .complex-collapse:before {
  content: "y";
  font-family: "Material Icons";
  font-weight: var(--checkWeight) !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
body .ui-dialog .tab-content .charsheet .complex-collapse:checked {
  color: var(--collapseCollapsedColor);
  background-color: transparent;
}
body .ui-dialog .tab-content .charsheet .repitem:is(:hover, :focus-within) .complex-collapse {
  opacity: 1;
}
body .ui-dialog .tab-content .charsheet .editmode .complex-collapse {
  display: none;
}
body .ui-dialog .tab-content .charsheet .itemcontrol {
  z-index: 10;
}
body .ui-dialog .tab-content .charsheet [hidden] {
  display: none !important;
}
body .ui-dialog .tab-content .charsheet .justify-self-center {
  justify-self: center;
}
body .ui-dialog .tab-content .charsheet .justify-end {
  justify-content: end;
}
body .ui-dialog .tab-content .charsheet .size1 {
  font-size: var(--size1);
}
body .ui-dialog .tab-content .charsheet .size2 {
  font-size: var(--size2);
}
body .ui-dialog .tab-content .charsheet .size3 {
  font-size: var(--size3);
}
body .ui-dialog .tab-content .charsheet .size4 {
  font-size: var(--size4);
}
body .ui-dialog .tab-content .charsheet .size5 {
  font-size: var(--size5);
}
body .ui-dialog .tab-content .charsheet .size6 {
  font-size: var(--size6);
}
body .ui-dialog .tab-content .charsheet .size7 {
  font-size: var(--size7);
}
body .ui-dialog .tab-content .charsheet .compendium-button {
  font-size: 100%;
}
body .ui-dialog .tab-content .charsheet .compendium-button:before {
  content: "";
}
body .ui-dialog .tab-content .charsheet h1, body .ui-dialog .tab-content .charsheet h2, body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name], body .ui-dialog .tab-content .charsheet h3, body .ui-dialog .tab-content .charsheet h4, body .ui-dialog .tab-content .charsheet h5, body .ui-dialog .tab-content .charsheet h6,
body .ui-dialog .tab-content .charsheet [aria-level="1"], body .ui-dialog .tab-content .charsheet [aria-level="2"], body .ui-dialog .tab-content .charsheet [aria-level="3"], body .ui-dialog .tab-content .charsheet [aria-level="4"], body .ui-dialog .tab-content .charsheet [aria-level="5"], body .ui-dialog .tab-content .charsheet [aria-level="6"] {
  color: inherit;
}
body .ui-dialog .tab-content .charsheet .number {
  width: 3rem !important;
  text-align: center;
}
body .ui-dialog .tab-content .charsheet .disabled {
  display: none !important;
}
body .ui-dialog .tab-content .charsheet input[type=checkbox].true-checkbox {
  background-color: var(--tertiary-color) !important;
}
body .ui-dialog .tab-content .charsheet .column-subgrid {
  display: grid;
  grid-template-columns: subgrid;
}
body .ui-dialog .tab-content .charsheet .column-section {
  grid-row: span 2;
}
body .ui-dialog .tab-content .charsheet .full-width-number.full-width-number {
  box-sizing: border-box;
  min-width: 100%;
}
body .ui-dialog .tab-content .charsheet .icon-roller:before {
  content: "t" !important;
}
body .ui-dialog .tab-content .charsheet .colon:after {
  content: ": ";
}
body .ui-dialog .tab-content .charsheet .bold {
  font-weight: bold;
}
body .ui-dialog .tab-content .charsheet .collapse.collapse {
  right: var(--tiny-gap);
}
body .ui-dialog .tab-content .charsheet textarea {
  border-radius: 0;
}
body .ui-dialog .tab-content .charsheet .avoid-break-inside {
  break-inside: avoid;
}
body .ui-dialog .tab-content .charsheet .paragraph {
  white-space: pre-wrap;
}
body.sheet-darkmode {
  --backColor:var(--dm-backColor);
  --selectedColor:var(--dm-selectedColor);
  --unselectedColor1:var(--dm-unselectedColor1);
  --unselectedColor2:var(--dm-unselectedColor2);
  --checkColor:var(--dm-checkColor);
  --checkedBackColor:var(--dm-checkedBackColor);
  --borderColor:var(--dm-borderColor);
  --fontColor:var(--dm-fontColor);
  --disabledColor:var(--dm-disabledColor);
  --fontColor:var(--dm-fontColor);
  --borderColor: var(--dm-borderColor);
  --headColor: var(--dm-headColor);
  --backedFontColor: var(--dm-backedFontColor);
  --primary-color: white;
  --secondary-color: #444;
  --tertiary-color: #222;
  --roll-color: red;
  --background-color: #1f1f1f;
  --error-red: var(--dm-error-red);
  color: var(--fontColor);
}
body.sheet-darkmode .border__outline, body.sheet-darkmode .border__decoration {
  filter: invert(88%);
}
body.sheet-darkmode .border__texture {
  filter: invert(1);
}