@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
/* Add new Fonts */
@font-face {
  font-family: "A Absolute Empire";
  src: url("fonts/aAbsoluteEmpire.woff") format("woff");
}
@font-face {
  font-family: "Humaroid";
  src: url("fonts/Humaroid.woff") format("woff");
}
/* Global styles */
.window-app {
  font-family: "Signika", sans-serif;
}
.window-app .description-box {
  height: 100%;
}
.window-app .description-box .editor {
  min-height: 40px;
  width: 100%;
  margin: 3px 0;
  height: 100%;
}
.window-app table {
  border: 1px solid var(--secondary-dark);
}
.window-app table th {
  background-color: var(--secondary-dark);
  color: var(--secondary-lighter);
}
.window-app table th, .window-app table td {
  padding: 3px;
  text-align: center;
  border: 1px solid var(--secondary-darker);
}

.rollable:hover, .rollable:focus {
  color: #000;
  text-shadow: 0 0 10px red;
  cursor: pointer;
}

.dc20rpg.sheet.actor {
  min-width: 790px;
  min-height: 345px;
}

.dc20rpg.sheet.actor.npc {
  min-width: 672px;
  min-height: 345px;
}

.dc20rpg.sheet.actor.companion {
  min-width: 672px;
  min-height: 345px;
}

.dc20rpg.sheet.actor {
  left: 225px;
}
.dc20rpg.sheet.actor:not(.minimized) .window-header .window-title {
  margin-left: 70px;
}
.dc20rpg.sheet.actor .window-content {
  padding: 0;
  margin-top: 200px;
  background-blend-mode: color-burn;
}
.dc20rpg.sheet.actor .window-header {
  z-index: 2;
  border-bottom: 1px solid var(--secondary-lighter);
}
.dc20rpg.sheet.actor .window-header .header-button {
  z-index: 3;
}

.dc20rpg.sheet.item {
  min-width: 590px;
  min-height: 145px;
}
.dc20rpg.sheet.item .window-content {
  padding: 0;
}

.dc20rpg.dialog.flex-dialog {
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.dc20rpg.dialog .window-content {
  padding: 0;
  min-width: 400px;
}
.dc20rpg.dialog.force-top {
  z-index: 999 !important;
}

.block-color-purple_background {
  padding: 6px;
  margin: 3px 0;
  border: 2px solid #520364;
  background-color: #bba2c0;
  border-radius: 2px;
  color: black;
}

.block-color-blue_background {
  padding: 6px;
  margin: 3px 0;
  border: 2px solid #00277c;
  background-color: #a0afd1;
  border-radius: 2px;
  color: black;
}

.grid,
.grid-2col {
  display: grid;
  grid-column: span 2/span 2;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 10px 0;
  padding: 0;
}

.grid-3col {
  grid-column: span 3/span 3;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-4col {
  grid-column: span 4/span 4;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-5col {
  grid-column: span 5/span 5;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-6col {
  grid-column: span 6/span 6;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-7col {
  grid-column: span 7/span 7;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-8col {
  grid-column: span 8/span 8;
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-9col {
  grid-column: span 9/span 9;
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-10col {
  grid-column: span 10/span 10;
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-11col {
  grid-column: span 11/span 11;
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-12col {
  grid-column: span 12/span 12;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-24col {
  grid-column: span 24/span 24;
  grid-template-columns: repeat(24, minmax(0, 1fr));
}

.grid-start-2 {
  grid-column-start: 2;
}

.grid-start-3 {
  grid-column-start: 3;
}

.grid-start-4 {
  grid-column-start: 4;
}

.grid-start-5 {
  grid-column-start: 5;
}

.grid-start-6 {
  grid-column-start: 6;
}

.grid-start-7 {
  grid-column-start: 7;
}

.grid-start-8 {
  grid-column-start: 8;
}

.grid-start-9 {
  grid-column-start: 9;
}

.grid-start-10 {
  grid-column-start: 10;
}

.grid-start-11 {
  grid-column-start: 11;
}

.grid-start-12 {
  grid-column-start: 12;
}

.grid-start-24 {
  grid-column-start: 24;
}

.grid-span-2 {
  grid-column-end: span 2;
}

.grid-span-3 {
  grid-column-end: span 3;
}

.grid-span-4 {
  grid-column-end: span 4;
}

.grid-span-5 {
  grid-column-end: span 5;
}

.grid-span-6 {
  grid-column-end: span 6;
}

.grid-span-7 {
  grid-column-end: span 7;
}

.grid-span-8 {
  grid-column-end: span 8;
}

.grid-span-9 {
  grid-column-end: span 9;
}

.grid-span-10 {
  grid-column-end: span 10;
}

.grid-span-11 {
  grid-column-end: span 11;
}

.grid-span-12 {
  grid-column-end: span 12;
}

.grid-span-24 {
  grid-column-end: span 24;
}

.grid-no-gap {
  gap: 0;
}

.grid-gap-5 {
  gap: 5px;
}

.grid-no-margin {
  margin: 0;
}

.flex-group-center,
.flex-group-left,
.flex-group-right {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.flex-group-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
}

.flex-group-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
}

.flexshrink {
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
}

.flex-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flexlarge {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

.align-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
}

.align-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
}

.align-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.margin-right-2 {
  margin-right: 2px !important;
}

.margin-left-2 {
  margin-left: 2px !important;
}

.margin-right-3 {
  margin-right: 3px !important;
}

.margin-left-3 {
  margin-left: 3px !important;
}

.margin-top-2 {
  margin-top: 2px !important;
}

.margin-top-3 {
  margin-top: 3px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-bottom-3 {
  margin-bottom: 3px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-top-auto {
  margin-top: auto !important;
}

.margin-5 {
  margin: 5px;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-1 {
  margin-top: 1px !important;
}

.margin-bottom-1 {
  margin-bottom: 1px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-7 {
  padding: 7px;
}

.padding-top-5 {
  padding-top: 5px;
}

.small-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 27px;
  width: 27px;
  padding: 1px;
  border-radius: 15px;
  color: var(--primary-color);
  margin-top: -2px;
  border: 2px solid var(--secondary-dark);
  background-color: var(--secondary-lighter);
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.small-button .fa-lg {
  margin-top: 2px;
  font-size: 1.35em;
}
.small-button.edit-mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 5px;
  border-radius: 5px;
  margin-right: 10px;
}
.small-button.edit-mode span {
  margin-top: 4px;
  margin-left: 2px;
  font-family: "A Absolute Empire";
  font-size: 12px;
}

.border-box {
  position: relative;
  padding: 5px;
  border: 2px solid var(--secondary-color);
}
.border-box:before, .border-box:after {
  content: "•";
  position: absolute;
  width: 14px;
  height: 14px;
  font-size: 14px;
  color: var(--secondary-color);
  border: 2px solid var(--secondary-color);
  line-height: 12px;
  text-align: center;
  z-index: 1;
}
.border-box:before {
  left: 5px;
  border-radius: 0 0 10px 0;
}
.border-box:after {
  right: 5px;
  top: 5px;
  border-radius: 0 0 0 10px;
}
.border-box .box-inner {
  position: relative;
  border: 2px solid var(--secondary-color);
  padding: 15px;
}
.border-box .box-inner:before, .border-box .box-inner:after {
  content: "•";
  position: absolute;
  width: 14px;
  height: 14px;
  font-size: 14px;
  color: var(--secondary-color);
  border: 2px solid var(--secondary-color);
  line-height: 12px;
  bottom: -2px;
  text-align: center;
}
.border-box .box-inner:before {
  left: -2px;
  border-radius: 0 10px 0 0;
}
.border-box .box-inner:after {
  right: -2px;
  border-radius: 10px 0 0 0;
}
.border-box .box-inner.no-padding {
  padding: 0;
}

.border-box.no-small-boxes:before, .border-box.no-small-boxes:after {
  display: none;
}
.border-box.no-small-boxes .box-inner:before, .border-box.no-small-boxes .box-inner:after {
  display: none;
}

.letter-circle-icon span, .letter-circle-icon i, .letter-circle-icon a {
  color: white;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  font-weight: bold;
  font-size: 18px;
  background-color: var(--primary-color);
  width: 40px;
  height: 40px;
  padding: 7px 6px 5px 6px;
  border: 3px solid var(--secondary-dark);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.letter-circle-icon span {
  font-family: "A Absolute Empire";
}
.letter-circle-icon.clickable a:hover {
  -webkit-box-shadow: 0 0 5px 3px rgba(253, 0, 0, 0.7411764706) inset;
  box-shadow: 0 0 5px 3px rgba(253, 0, 0, 0.7411764706) inset;
}
.letter-circle-icon.small span, .letter-circle-icon.small i, .letter-circle-icon.small a {
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  font-size: 15px;
  border: 2px solid var(--primary-color);
  width: 25px;
  height: 25px;
}

.description-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 1px;
}
.description-icon:hover .letter-circle-icon i, .description-icon:hover .letter-circle-icon span {
  -webkit-box-shadow: 0 0 5px 3px rgba(177, 177, 177, 0.7411764706) inset;
  box-shadow: 0 0 5px 3px rgba(177, 177, 177, 0.7411764706) inset;
}
.description-icon:hover .description {
  display: block;
}
.description-icon .description {
  display: none;
  height: 0;
  width: 0;
}
.description-icon .description-wrapper {
  font-size: 12px;
  padding: 5px;
  color: black;
  background-color: var(--secondary-lighter);
  border: 2px solid var(--primary-color);
  border-radius: 0 5px 5px 5px;
  text-align: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  margin-top: -6px;
}
.description-icon .description-wrapper span {
  font-family: "Signika", sans-serif;
  line-height: 15px;
}

#token-hud .ap-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(100% + 30px);
  margin-top: calc(100% - 33px);
  margin-bottom: 3px;
}
#token-hud .ap-wrapper .spend-ap, #token-hud .ap-wrapper .regain-ap {
  margin: 0;
  font-size: 18px;
  height: 25px;
  width: 25px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25px;
  flex: 0 0 25px;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  text-align: center;
  color: var(--secondary-lighter);
  background: rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 6px var(--color-shadow-dark);
  box-shadow: 0 0 6px var(--color-shadow-dark);
  border: 1px solid var(--secondary-lighter);
  border-radius: 8px;
  pointer-events: all;
}
#token-hud .movement-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  width: calc(100% + 20px);
  margin-top: 3px;
}
#token-hud .movement-wrapper .move-icon {
  margin: 0;
  font-size: 12px;
  height: 25px;
  width: 20px;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  text-align: center;
  color: var(--secondary-lighter);
  background: rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 6px var(--color-shadow-dark);
  box-shadow: 0 0 6px var(--color-shadow-dark);
  border: 1px solid var(--secondary-lighter);
  border-radius: 0 8px 8px 0;
  pointer-events: all;
}
#token-hud .movement-wrapper .move-points {
  margin: 0;
  font-size: 16px;
  height: 23px;
  width: 25px;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  text-align: center;
  color: var(--secondary-lighter);
  background: rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 6px var(--color-shadow-dark);
  box-shadow: 0 0 6px var(--color-shadow-dark);
  border: 1px solid var(--secondary-lighter);
  border-right: 0;
  border-radius: 8px 0 0 8px;
  pointer-events: all;
}
#token-hud .status-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-item-align: center;
  align-self: center;
}
#token-hud .status-stack {
  position: absolute;
  width: 0px;
  height: 0px;
}
#token-hud .status-stack .letter-circle-icon {
  position: relative;
  width: 0px;
  height: 0px;
}
#token-hud .status-stack .letter-circle-icon span, #token-hud .status-stack .letter-circle-icon i {
  width: 9px;
  height: 9px;
  text-shadow: none;
  background-color: var(--secondary-color);
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  position: relative;
  top: -3px;
  left: 2px;
  font-size: 8px;
}
#token-hud .status-stack .letter-circle-icon i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
#token-hud .status-stack .letter-circle-icon i::before {
  margin-left: 1px;
}
#token-hud .status-stack .letter-circle-icon span {
  font-weight: 100;
}

/* Styles limited to dc20rpg sheets */
.dc20rpg .bold {
  font-weight: bold;
}
.dc20rpg .centered {
  margin: auto;
}
.dc20rpg input, .dc20rpg option {
  background: transparent;
}
.dc20rpg .effects-table {
  margin-bottom: 0;
}
.dc20rpg .effects-table .effects-header {
  padding: 5px 3px 5px 10px;
  height: 25px;
  display: grid;
  grid-template-columns: 1fr 35px;
  border-radius: 5px 5px 0 0;
  background: -webkit-gradient(linear, left top, right top, from(var(--table-1)), to(var(--table-2)));
  background: linear-gradient(to right, var(--table-1), var(--table-2));
  color: var(--secondary-lighter);
  margin-top: 5px;
}
.dc20rpg .effects-table .effects-header .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg .effects-table .effects-header .name {
  overflow: hidden;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.dc20rpg .effects-table .effects-row {
  height: 30px;
  display: grid;
  grid-template-columns: 1fr 35px;
  background-color: var(--secondary-color);
  border: 2px solid var(--secondary-dark);
  border-top: 0;
}
.dc20rpg .effects-table .effects-row .column {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg .effects-table .effects-row .name {
  overflow: hidden;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.dc20rpg .effects-table .effects-row .name .effect-img img {
  height: 28px;
  width: 28px;
  border: 0;
  margin-top: 1px;
  border-radius: 0;
}
.dc20rpg .effects-table .effects-row .name .effect-name {
  margin-left: 3px;
}
.dc20rpg .effect-config .header {
  padding: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .effect-config .header .effect-img {
  min-width: 80px;
  margin-right: 7px;
}
.dc20rpg .effect-config .header .effect-img img {
  height: 80px;
  width: 80px;
  border-radius: 10px;
  border: 3px solid var(--primary-color);
}
.dc20rpg .effect-config .header .header-content {
  width: 100%;
}
.dc20rpg .effect-config .header .header-content .effect-name {
  font-family: "A Absolute Empire";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 14px 6px 12px 6px;
  border: 2px solid var(--primary-color);
  background: var(--secondary-color);
  color: white;
  font-weight: bold;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  font-size: 22px;
  height: 40px;
  border-radius: 10px 0 10px 0;
  text-indent: 5px;
}
.dc20rpg .effect-config .effect-macro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.dc20rpg .effect-config .effect-macro.empty {
  -webkit-filter: opacity(0.5);
  filter: opacity(0.5);
}
.dc20rpg .effect-config .form-group {
  min-height: 27px;
}
.dc20rpg .effect-config .editor {
  min-height: 240px;
}
.dc20rpg .effect-config .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 27px;
  font-size: 14px;
}
.dc20rpg .effect-config .row input, .dc20rpg .effect-config .row select, .dc20rpg .effect-config .row span {
  width: 50%;
}
.dc20rpg .effect-config .row.ignore-symetry input, .dc20rpg .effect-config .row.ignore-symetry select, .dc20rpg .effect-config .row.ignore-symetry span {
  width: auto;
}
.dc20rpg .effect-config .row a {
  color: black;
  margin-right: 2px;
}
.dc20rpg .effect-config .row multi-select {
  width: 50%;
}
.dc20rpg .effect-config .row multi-select select {
  width: 100%;
}
.dc20rpg .effect-config .row multi-select .tags .tag {
  background-color: var(--secondary-lighter);
  border: 1px solid var(--secondary-dark);
  color: var(--secondary-dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 3px;
}
.dc20rpg .effect-config .row multi-select .tags .tag span {
  width: auto;
}
.dc20rpg .effect-config .row input {
  text-align: end;
}
.dc20rpg .effect-config .tab {
  min-height: 240px;
}
.dc20rpg .effect-config .tab .disable-when {
  display: grid;
  grid-template-columns: 1fr 50px 110px;
  gap: 2px;
}
.dc20rpg .effect-config .effects-tab .change-header {
  grid-template-columns: 1fr 100px 1fr 30px;
  display: grid;
  font-weight: bold;
  border: 1px solid var(--secondary-dark);
  border-radius: 5px;
  background-color: var(--primary-light);
}
.dc20rpg .effect-config .effects-tab .change-header .column {
  padding: 5px;
  text-align: center;
  border-left: 1px solid var(--secondary-dark);
}
.dc20rpg .effect-config .effects-tab .change-header .column.key {
  padding-left: 10px;
  text-align: start;
  border-left: 0;
}
.dc20rpg .effect-config .effects-tab .change-body .effect-change {
  grid-template-columns: 1fr 100px 1fr 30px;
  display: grid;
  font-weight: bold;
  border: 1px solid var(--secondary-dark);
  border-radius: 1px;
  background-color: var(--secondary-color);
  padding: 2px 1px;
  margin-top: 2px;
}
.dc20rpg .effect-config .effects-tab .change-body .effect-change .column {
  border-left: 1px solid var(--secondary-dark);
}
.dc20rpg .effect-config .effects-tab .change-body .effect-change .column input, .dc20rpg .effect-config .effects-tab .change-body .effect-change .column select {
  border: 0;
  border-radius: 0;
}
.dc20rpg .effect-config .effects-tab .change-body .effect-change .column textarea {
  min-height: 30px;
  height: 30px;
  border-radius: 1px;
  background-color: var(--secondary-color);
  border: 1px solid var(--secondary-dark);
}
.dc20rpg .effect-config .effects-tab .change-body .effect-change .column.key {
  border-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .effect-config .effects-tab .change-body .effect-change .column.key select {
  width: 100%;
}
.dc20rpg .traits-table {
  margin-bottom: 0;
}
.dc20rpg .traits-table .traits-header {
  padding: 5px 3px 5px 10px;
  height: 25px;
  display: grid;
  grid-template-columns: 1fr 35px 35px 45px;
  border-radius: 5px 5px 0 0;
  background: -webkit-gradient(linear, left top, right top, from(var(--table-1)), to(var(--table-2)));
  background: linear-gradient(to right, var(--table-1), var(--table-2));
  color: var(--secondary-lighter);
  margin-top: 5px;
}
.dc20rpg .traits-table .traits-header .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg .traits-table .traits-header .name {
  overflow: hidden;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.dc20rpg .traits-table .pointer {
  cursor: pointer;
}
.dc20rpg .traits-table .traits-row {
  height: 30px;
  display: grid;
  grid-template-columns: 1fr 35px 35px 45px;
  background-color: var(--secondary-color);
  border: 2px solid var(--secondary-dark);
  border-top: 0;
}
.dc20rpg .traits-table .traits-row .column {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-left: 1px solid var(--secondary-dark);
}
.dc20rpg .traits-table .traits-row .cost input {
  background-color: transparent;
  border: 0;
  text-align: center;
}
.dc20rpg .traits-table .traits-row .name {
  overflow: hidden;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  border-left: 0;
}
.dc20rpg .traits-table .traits-row .name .trait-img img {
  height: 28px;
  width: 28px;
  border: 0;
  margin-top: 1px;
  border-radius: 0;
}
.dc20rpg .traits-table .traits-row .name .trait-name {
  margin-left: 3px;
}
.dc20rpg .trait-config .header {
  padding: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .trait-config .header .trait-img {
  min-width: 80px;
  margin-right: 7px;
}
.dc20rpg .trait-config .header .trait-img img {
  height: 80px;
  width: 80px;
  border-radius: 10px;
  border: 3px solid var(--primary-color);
}
.dc20rpg .trait-config .header .header-content {
  width: 100%;
}
.dc20rpg .trait-config .header .header-content .trait-name {
  font-family: "A Absolute Empire";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 14px 6px 12px 6px;
  border: 2px solid var(--primary-color);
  background: var(--secondary-color);
  color: white;
  font-weight: bold;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  font-size: 22px;
  height: 40px;
  border-radius: 10px 0 10px 0;
  text-indent: 5px;
}
.dc20rpg .trait-config .editor {
  min-height: 240px;
}
.dc20rpg .trait-config .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 27px;
  font-size: 14px;
}
.dc20rpg .trait-config .row input, .dc20rpg .trait-config .row select, .dc20rpg .trait-config .row span {
  width: 50%;
}
.dc20rpg .trait-config .row.ignore-symetry input, .dc20rpg .trait-config .row.ignore-symetry select, .dc20rpg .trait-config .row.ignore-symetry span {
  width: auto;
}
.dc20rpg .trait-config .row a {
  color: black;
  margin-right: 2px;
}
.dc20rpg .trait-config .row multi-select {
  width: 50%;
}
.dc20rpg .trait-config .row multi-select select {
  width: 100%;
}
.dc20rpg .trait-config .row multi-select .tags {
  position: absolute;
  left: 0;
  padding: 5px;
  margin: 30px -5px 0px -5px;
}
.dc20rpg .trait-config .row multi-select .tags .tag {
  background-color: var(--secondary-lighter);
  border: 1px solid var(--secondary-dark);
  color: var(--secondary-dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 3px;
}
.dc20rpg .trait-config .row input {
  text-align: end;
}
.dc20rpg .trait-config .tab {
  min-height: 240px;
}
.dc20rpg .trait-config .tab .disable-when {
  display: grid;
  grid-template-columns: 1fr 50px 110px;
  gap: 2px;
}
.dc20rpg .trait-config .traits-tab .change-header {
  grid-template-columns: 1fr 100px 1fr 30px;
  display: grid;
  font-weight: bold;
  border: 1px solid var(--secondary-dark);
  border-radius: 5px;
  background-color: var(--primary-light);
}
.dc20rpg .trait-config .traits-tab .change-header .column {
  padding: 5px;
  text-align: center;
  border-left: 1px solid var(--secondary-dark);
}
.dc20rpg .trait-config .traits-tab .change-header .column.key {
  padding-left: 10px;
  text-align: start;
  border-left: 0;
}
.dc20rpg .trait-config .traits-tab .change-body .trait-change {
  grid-template-columns: 1fr 100px 1fr 30px;
  display: grid;
  font-weight: bold;
  border: 1px solid var(--secondary-dark);
  border-radius: 1px;
  background-color: var(--secondary-color);
  padding: 2px 1px;
  margin-top: 2px;
}
.dc20rpg .trait-config .traits-tab .change-body .trait-change .column {
  border-left: 1px solid var(--secondary-dark);
}
.dc20rpg .trait-config .traits-tab .change-body .trait-change .column input, .dc20rpg .trait-config .traits-tab .change-body .trait-change .column select {
  border: 0;
  border-radius: 0;
}
.dc20rpg .trait-config .traits-tab .change-body .trait-change .column textarea {
  min-height: 30px;
  height: 30px;
  border-radius: 1px;
  background-color: var(--secondary-color);
  border: 1px solid var(--secondary-dark);
}
.dc20rpg .trait-config .traits-tab .change-body .trait-change .column.key {
  border-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .trait-config .traits-tab .change-body .trait-change .column.key select {
  width: 100%;
}
.dc20rpg .dialog-v2 {
  font-size: 16px;
  font-family: "Signika", sans-serif;
  padding: 10px;
}
.dc20rpg .dialog-v2 .border-box {
  border-color: var(--primary-color);
}
.dc20rpg .dialog-v2 .border-box .box-inner {
  border-color: var(--primary-color);
}
.dc20rpg .dialog-v2 .border-box:before, .dc20rpg .dialog-v2 .border-box:after, .dc20rpg .dialog-v2 .border-box .box-inner:before, .dc20rpg .dialog-v2 .border-box .box-inner:after {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.dc20rpg .dialog-v2 .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
}
.dc20rpg .dialog-v2 .row input, .dc20rpg .dialog-v2 .row select, .dc20rpg .dialog-v2 .row span, .dc20rpg .dialog-v2 .row textarea {
  width: 50%;
}
.dc20rpg .dialog-v2 .row input {
  padding: 4px;
}
.dc20rpg .dialog-v2 .row.ignore-symetry input, .dc20rpg .dialog-v2 .row.ignore-symetry select, .dc20rpg .dialog-v2 .row.ignore-symetry span {
  width: auto;
}
.dc20rpg .dialog-v2 .row select, .dc20rpg .dialog-v2 .row input, .dc20rpg .dialog-v2 .row textarea {
  border: 2px solid var(--primary-darker);
  border-radius: 3px;
  color: black;
  background-color: var(--secondary-lighter);
}
.dc20rpg .dialog-v2 .row select:disabled, .dc20rpg .dialog-v2 .row input:disabled, .dc20rpg .dialog-v2 .row textarea:disabled {
  -webkit-filter: contrast(0.8);
  filter: contrast(0.8);
}
.dc20rpg .dialog-v2 .row span {
  font-weight: bold;
}
.dc20rpg .dialog-v2 .labelless-row {
  font-size: 14px;
  width: 100%;
  height: auto;
  padding: 5px;
  border: 2px solid var(--primary-darker);
  border-radius: 3px;
  font-weight: bold;
  color: black;
  background-color: var(--secondary-lighter);
}
.dc20rpg .dialog-v2 .header {
  font-size: 18px;
  font-weight: bold;
  padding: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  border-bottom: 2px solid var(--primary-color);
  margin-bottom: 5px;
}
.dc20rpg .dialog-v2 .box-header {
  font-size: 16px;
  padding: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  border: 2px solid var(--primary-darker);
  background-color: var(--secondary-color);
  border-radius: 3px;
}
.dc20rpg .dialog-v2 .formula {
  font-weight: bold;
  font-size: 12px;
}
.dc20rpg .dialog-v2 .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  border-radius: 3px;
  border: 2px solid var(--primary-darker);
  margin: 0;
  text-shadow: -1px 0 var(--secondary-lighter), 0 1px var(--secondary-lighter), 1px 0 var(--secondary-lighter), 0 -1px var(--secondary-lighter);
  color: var(--primary-darker);
  font-weight: bold;
  background-color: var(--secondary-color);
}
.dc20rpg .dialog-v2 .button:disabled {
  -webkit-filter: contrast(0.5);
  filter: contrast(0.5);
  cursor: default;
}
.dc20rpg .dialog-v2 .button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .dialog-v2 .button-wrapper .button {
  margin: 0 1px;
}
.dc20rpg .dialog-v2 .content-wrapper {
  border: 2px solid var(--primary-darker);
  background-color: var(--secondary-color);
  border-radius: 3px;
}
.dc20rpg .dialog-v2 .content-wrapper .header {
  font-size: 16px;
  font-weight: bold;
  padding: 8px;
  border-color: var(--primary-darker);
}
.dc20rpg .dialog-v2 .content-wrapper .content {
  padding: 5px;
}
.dc20rpg .dialog-v2 .content-wrapper .content .button {
  text-shadow: 0;
  color: var(--primary-dark);
  background-color: var(--secondary-lighter);
}
.dc20rpg .dialog-v2 .content-wrapper .content .short {
  width: 50px;
  margin: 0;
  height: 27px;
}
.dc20rpg .dialog-v2 .content-wrapper .content .labelless-row {
  font-size: 12px;
  font-weight: normal;
}
.dc20rpg .dialog-v2 .content-wrapper .content .input-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .dialog-v2 .activable-box {
  font-family: "A Absolute Empire";
  padding: 6px 6px 4px 6px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  border: 2px solid var(--secondary-dark);
  background-color: var(--secondary-lighter);
  color: var(--secondary-dark);
}
.dc20rpg .dialog-v2 .activable-box.active {
  background-color: var(--primary-color);
  border-color: var(--secondary-dark);
  color: var(--secondary-lighter);
}
.dc20rpg .dialog-v2 .activable-box.activable:hover {
  -webkit-box-shadow: 0 0 3px 2px rgba(253, 0, 0, 0.7411764706) inset;
  box-shadow: 0 0 3px 2px rgba(253, 0, 0, 0.7411764706) inset;
}
.dc20rpg .dialog-v2 .open-compendium, .dc20rpg .dialog-v2 .mix-ancestry {
  position: absolute;
  right: 30px;
  color: var(--primary-color);
  background-color: var(--secondary-lighter);
  border-radius: 5px;
  border: 2px solid var(--primary-color);
  height: 35px;
  width: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-shadow: none;
}
.dc20rpg .dialog-v2 .open-compendium::before, .dc20rpg .dialog-v2 .mix-ancestry::before {
  margin-top: 2px;
}
.dc20rpg .dialog-v2 .open-compendium:hover, .dc20rpg .dialog-v2 .mix-ancestry:hover {
  -webkit-box-shadow: 0 0 10px 3px var(--primary-light) inset;
  box-shadow: 0 0 10px 3px var(--primary-light) inset;
}
.dc20rpg #rest-dialog .separated-values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
  font-size: 32px;
  font-weight: bold;
  text-shadow: -2px 0 var(--primary-darker), 0 2px var(--primary-darker), 2px 0 var(--primary-darker), 0 -2px var(--primary-darker);
  color: var(--secondary-lighter);
}
.dc20rpg #rest-dialog .separated-values .value {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  white-space: nowrap;
}
.dc20rpg #rest-dialog .separated-values .separator {
  margin: 0 5px;
}
.dc20rpg #rest-dialog .exhaustion-wrapper {
  margin: 0 5px;
  margin-top: 8px;
}
.dc20rpg #rest-dialog .exhaustion-wrapper span {
  font-size: 14px;
  font-weight: bold;
}
.dc20rpg #rest-dialog .exhaustion-wrapper .save-dc {
  padding: 6px 10px;
  border-radius: 3px;
  border: 2px solid var(--primary-darker);
  background-color: var(--secondary-lighter);
  font-size: 16px;
  color: var(--primary-darker);
}
.dc20rpg #rest-dialog .activity-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 5px;
  margin-top: 5px;
}
.dc20rpg #rest-dialog .activity-wrapper .activity-switch {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg #rest-dialog .activity-wrapper .activity-switch .activity {
  width: 45px;
  height: 40px;
  padding: 4px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid var(--secondary-lighter);
  border-radius: 3px;
}
.dc20rpg #rest-dialog .activity-wrapper .activity-switch .activity.selected {
  background-color: var(--secondary-lighter);
  border: 2px solid var(--primary-darker);
  color: var(--secondary-color);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.dc20rpg #rest-dialog .activity-wrapper span {
  font-size: 14px;
}
.dc20rpg #advancement-dialog {
  background-color: rgba(55, 55, 55, 0.568627451);
  padding: 0;
}
.dc20rpg #advancement-dialog header {
  font-family: "Humaroid";
  font-size: 32px;
  font-weight: bolder;
  text-shadow: -1px 0 var(--secondary-color), 0 1px var(--secondary-color), 1px 0 var(--secondary-color), 0 -1px var(--secondary-color);
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: var(--primary-dark);
  border-bottom: 3px solid var(--primary-dark);
  border-radius: 0 0 50px 50px;
  background-color: var(--secondary-lighter);
  margin-bottom: 5px;
}
.dc20rpg #advancement-dialog .wrapper {
  height: calc(100% - 127px);
  padding: 10px;
  display: grid;
  grid-template-columns: 5fr 9fr 4fr;
  gap: 10px;
  margin-top: 0;
}
.dc20rpg #advancement-dialog .wrapper .left-column {
  overflow-y: hidden;
}
.dc20rpg #advancement-dialog .wrapper .left-column .actor-img {
  -o-object-position: 50% 0;
  object-position: 50% 0;
  -o-object-fit: cover;
  object-fit: cover;
  height: 400px;
  width: 100%;
  border: 2px solid var(--primary-dark);
  border-radius: 3px;
}
.dc20rpg #advancement-dialog .wrapper .header {
  color: var(--secondary-lighter);
  text-shadow: -1px 0 var(--secondary-darker), 0 1px var(--secondary-darker), 1px 0 var(--secondary-darker), 0 -1px var(--secondary-darker);
}
.dc20rpg #advancement-dialog .wrapper .middle-column {
  overflow-y: auto;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .path-selector-wrapper .picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 120px;
  width: 100%;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .path-selector-wrapper .picker .path-selector {
  width: 100%;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .path-selector-wrapper .picker .path-selector img {
  height: 120px;
  width: 100%;
  border: 2px solid var(--primary-color);
  -o-object-fit: cover;
  object-fit: cover;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .path-selector-wrapper .picker .path-selector img.spellcaster {
  -o-object-position: 0 7%;
  object-position: 0 7%;
  border-radius: 0 3px 3px 0;
  border-left: 1px solid var(--primary-color);
}
.dc20rpg #advancement-dialog .wrapper .middle-column .path-selector-wrapper .picker .path-selector img.martial {
  -o-object-position: 0 0;
  object-position: 0 0;
  border-radius: 3px 0 0 3px;
  border-right: 1px solid var(--primary-color);
}
.dc20rpg #advancement-dialog .wrapper .middle-column .path-selector-wrapper .picker .path-selector img.disabled {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.dc20rpg #advancement-dialog .wrapper .middle-column .item-list {
  margin-bottom: 0;
  color: black;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .item-list .item-header, .dc20rpg #advancement-dialog .wrapper .middle-column .item-list .item-row {
  grid-template-columns: 1fr 50px;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .item-list .item-row {
  border-color: var(--secondary-darker);
}
.dc20rpg #advancement-dialog .wrapper .middle-column .item-list .open-item-suggestions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--primary-light);
  color: var(--secondary-lighter);
}
.dc20rpg #advancement-dialog .wrapper .middle-column .item-list .open-item-suggestions:hover {
  -webkit-box-shadow: 0 0 10px 3px var(--primary-dark) inset;
  box-shadow: 0 0 10px 3px var(--primary-dark) inset;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .item-list .open-item-suggestions img {
  min-width: 36px;
  height: 36px;
  border: 0;
  border-radius: 0;
  margin-right: 5px;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .item-list .item-header, .dc20rpg #advancement-dialog .wrapper .middle-column .item-list .item-row {
  grid-template-columns: 1fr !important;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .item-list .item-header .item-delete, .dc20rpg #advancement-dialog .wrapper .middle-column .item-list .item-row .item-delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  background-color: #960303;
  color: #e2e2e2;
  width: 30px;
  height: 100%;
  border-left: 2px solid var(--secondary-darker);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .item-list .item-header .item-delete:hover, .dc20rpg #advancement-dialog .wrapper .middle-column .item-list .item-row .item-delete:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 5px 3px var(--primary-light) inset;
  box-shadow: 0 0 5px 3px var(--primary-light) inset;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .item-list .item-header .fa-lg, .dc20rpg #advancement-dialog .wrapper .middle-column .item-list .item-row .fa-lg {
  font-size: 20px !important;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .item-list.multiple-choice .item-header, .dc20rpg #advancement-dialog .wrapper .middle-column .item-list.multiple-choice .item-row {
  grid-template-columns: 1fr 50px 50px !important;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .tip-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .tip-wrapper .tip {
  border-radius: 3px;
  border: 2px solid var(--primary-darker);
  margin: 0 10px;
  height: 40px;
  width: 40px;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .tip-wrapper .tip:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 8px 5px var(--secondary-lighter);
  box-shadow: 0 0 8px 5px var(--secondary-lighter);
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-wrapper .skill-point-converter {
  min-width: 33px;
  font-weight: bold;
  font-size: 14px;
  padding: 3px 5px;
  margin: 0 2px;
  border-radius: 3px;
  border: 2px solid var(--secondary-darker);
  color: var(--secondary-lighter);
  background-color: var(--primary-dark);
  text-align: center;
  height: 27px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .table {
  gap: 5px;
  margin: 0;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .table .skill-mastery {
  border: 2px solid var(--primary-darker);
  background-color: var(--secondary-color);
  color: var(--primary-dark);
  border-radius: 3px;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .table .skill-mastery span {
  font-family: "Humaroid";
  font-size: 16px;
  color: var(--secondary-lighter);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .table .skill-mastery .label {
  margin-bottom: 5px;
  font-size: 20px;
  color: var(--primary-dark);
  font-weight: bold;
  text-shadow: none;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .table .skill-mastery.maximum {
  -webkit-filter: contrast(0.6);
  filter: contrast(0.6);
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper {
  gap: 5px;
  font-family: "Humaroid";
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender {
  border: 2px solid var(--secondary-darker);
  background-color: var(--secondary-color);
  color: var(--primary-dark);
  border-radius: 3px;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender .spender-name {
  border-bottom: 2px solid var(--secondary-darker);
  padding: 4px 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender .spender-name label {
  font-size: 20px;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender .value {
  font-size: 26px;
  font-weight: bold;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender .value input {
  padding: 5px 0;
  background: transparent;
  border: 0;
  text-align: center;
  color: var(--secondary-lighter);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  height: 32px;
  margin-bottom: 5px;
  width: 100%;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender .value input:disabled {
  color: var(--secondary-lighter);
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender .small-value {
  font-size: 22px;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender .expertise-toggle, .dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender .skill-mastery-toggle {
  font-family: "A Absolute Empire";
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender .expertise-toggle.expert, .dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender .skill-mastery-toggle.expert {
  background-color: var(--primary-dark) !important;
  color: var(--secondary-lighter) !important;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-size: 20px;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender .buttons .left-button, .dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender .buttons .right-button, .dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender .buttons .full-button {
  height: 30px;
  color: var(--primary-dark);
  border-top: 2px solid var(--primary-darker);
  background-color: var(--secondary-color);
  border-radius: 3px 3px 0 0;
  padding: 3px;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender .buttons .left-button:hover, .dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender .buttons .right-button:hover, .dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender .buttons .full-button:hover {
  -webkit-box-shadow: 0 0 8px 6px var(--secondary-dark) inset;
  box-shadow: 0 0 8px 6px var(--secondary-dark) inset;
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender .buttons .left-button {
  border-right: 1px solid var(--primary-darker);
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender .buttons .right-button {
  border-left: 1px solid var(--primary-darker);
}
.dc20rpg #advancement-dialog .wrapper .middle-column .points-spender-wrapper .spender-box-wrapper .spender.maximum {
  -webkit-filter: contrast(0.6);
  filter: contrast(0.6);
}
.dc20rpg #advancement-dialog .wrapper .right-column {
  padding: 5px;
  border: 2px solid var(--secondary-darker);
  -webkit-box-shadow: 0 0 40px 15px var(--secondary-lighter) inset;
  box-shadow: 0 0 40px 15px var(--secondary-lighter) inset;
  border-radius: 3px;
  overflow-y: auto;
}
.dc20rpg #advancement-dialog .wrapper .right-column .add-edit-item:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 15px var(--primary-dark) inset;
  box-shadow: 0 0 15px var(--primary-dark) inset;
}
.dc20rpg #advancement-dialog .wrapper .right-column .requirement-missing {
  -webkit-filter: opacity(0.6);
  filter: opacity(0.6);
}
.dc20rpg #advancement-dialog .wrapper .right-column .header {
  margin-bottom: 0;
  border-color: var(--secondary-dark);
}
.dc20rpg #advancement-dialog .wrapper .right-column .button-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg #advancement-dialog .wrapper .right-column .button-menu a {
  width: 100%;
  padding: 12px 3px;
  margin: 0 2px;
  border: 1px solid var(--secondary-dark);
  border-top: 0;
  border-radius: 0 0 3px 3px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--secondary-darker);
  text-shadow: none;
  cursor: pointer;
  background-color: var(--secondary-color);
}
.dc20rpg #advancement-dialog .wrapper .right-column .button-menu a:hover {
  -webkit-box-shadow: 0 0 10px 3px var(--primary-dark) inset;
  box-shadow: 0 0 10px 3px var(--primary-dark) inset;
}
.dc20rpg #advancement-dialog .wrapper .right-column .button-menu a.selected {
  background-color: var(--primary-color);
  color: var(--secondary-lighter);
}
.dc20rpg #advancement-dialog .wrapper .right-column .button-menu a.selected:hover {
  -webkit-box-shadow: 0 0 10px 3px var(--secondary-lighter) inset;
  box-shadow: 0 0 10px 3px var(--secondary-lighter) inset;
}
.dc20rpg #advancement-dialog .wrapper .right-column .filter-wrapper {
  border-bottom: 2px solid var(--secondary-dark);
  padding: 10px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg #advancement-dialog .wrapper .right-column .filter-wrapper .header {
  margin-bottom: 5px;
  border: 0;
  padding: 0;
  font-size: 16px;
}
.dc20rpg #advancement-dialog .wrapper .right-column .filter-wrapper select, .dc20rpg #advancement-dialog .wrapper .right-column .filter-wrapper input {
  width: 100%;
  background-color: var(--secondary-lighter);
  height: 27px;
}
.dc20rpg #advancement-dialog .wrapper .right-column .filter-wrapper a {
  color: var(--secondary-lighter);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.dc20rpg #advancement-dialog .wrapper .right-column .filter-wrapper .multiclass-tooltip {
  position: relative;
  top: 10px;
  right: 40%;
}
.dc20rpg #advancement-dialog .wrapper .scaling-value-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-top: 5px;
  padding: 5px;
  border-radius: 2px;
  background-color: var(--secondary-color);
  border: 2px solid var(--primary-dark);
  color: var(--primary-dark);
}
.dc20rpg #advancement-dialog .wrapper .scaling-value-row.red-box .progress span {
  color: var(--dark-red);
  border-color: var(--dark-red);
}
.dc20rpg #advancement-dialog .wrapper .scaling-value-row label {
  margin-left: 4px;
  font-size: 18px;
}
.dc20rpg #advancement-dialog .wrapper .scaling-value-row .progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.dc20rpg #advancement-dialog .wrapper .scaling-value-row .progress span {
  min-width: 33px;
  font-weight: bold;
  font-size: 14px;
  padding: 3px 5px;
  margin: 0 5px;
  border-radius: 3px;
  border: 2px solid var(--primary-dark);
  color: var(--primary-dark);
  background-color: var(--secondary-lighter);
  text-align: center;
}
.dc20rpg #advancement-dialog .applying-advancement-overlay {
  position: absolute;
  width: 100%;
  height: calc(100% - 30px);
  background-color: rgba(136, 111, 184, 0.6117647059);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 999;
}
.dc20rpg #advancement-dialog .applying-advancement-overlay span {
  font-size: 24px;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.dc20rpg #advancement-dialog .footer {
  padding: 10px;
}
.dc20rpg #advancement-dialog .footer button {
  background-color: var(--secondary-lighter);
}
.dc20rpg #advancement-config .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}
.dc20rpg #advancement-config .wrapper .repeat-at-wrapper {
  border: 1px solid var(--primary-dark);
  background-color: var(--secondary-color);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  gap: 0;
}
.dc20rpg #advancement-config .wrapper .repeat-at-wrapper .rep-box {
  border: 1px solid var(--primary-dark);
}
.dc20rpg #advancement-config .wrapper .repeat-at-wrapper .rep-box span {
  font-weight: bold;
}
.dc20rpg #advancement-config .wrapper .repeat-at-wrapper .rep-box .repeat-at {
  border-radius: 0;
  border: 0;
  border-top: 1px solid var(--primary-dark);
  background-color: var(--secondary-lighter);
}
.dc20rpg #advancement-config .wrapper .item-list .item-header, .dc20rpg #advancement-config .wrapper .item-list .item-row {
  grid-template-columns: 1fr 50px !important;
}
.dc20rpg #advancement-config .wrapper .item-list.multiple-choice .item-header, .dc20rpg #advancement-config .wrapper .item-list.multiple-choice .item-row {
  grid-template-columns: 1fr 50px 50px 50px 50px !important;
}
.dc20rpg #character-configuration .wrapper .header {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px 5px 0 0;
  padding: 10px 5px 5px 5px;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
  border-bottom: 0;
  background-color: var(--secondary-color);
}
.dc20rpg #character-configuration .wrapper .content {
  padding: 5px;
  border-radius: 0 0 5px 5px;
  text-shadow: -1px 0 var(--secondary-lighter), 0 1px var(--secondary-lighter), 1px 0 var(--secondary-lighter), 0 -1px var(--secondary-lighter);
  color: black;
  border: 2px solid var(--primary-color);
  background-color: var(--secondary-color);
}
.dc20rpg #character-configuration .wrapper .content .flat-value {
  text-align: center;
}
.dc20rpg #character-configuration .wrapper .content .short {
  width: 50px;
  margin: 0;
  height: 24px;
}
.dc20rpg #character-configuration .wrapper .content .input-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg #character-configuration .wrapper .content .input-select select {
  margin: 0;
  height: 24px;
}
.dc20rpg #character-configuration .defences {
  gap: 5px;
  margin: 0;
}
.dc20rpg #weapon-creator {
  width: 530px;
}
.dc20rpg #weapon-creator .stats {
  font-family: "Signika", sans-serif;
  font-size: 16px;
  border: 2px solid var(--secondary-dark);
  padding: 5px 15px;
  -webkit-box-shadow: 0 0 7px var(--primary-darker) inset;
  box-shadow: 0 0 7px var(--primary-darker) inset;
  background-color: var(--secondary-color);
}
.dc20rpg #weapon-creator .stats .range {
  text-align: end;
  color: var(--primary-darker);
  text-shadow: -1px 0 var(--secondary-lighter), 0 1px var(--secondary-lighter), 1px 0 var(--secondary-lighter), 0 -1px var(--secondary-lighter);
}
.dc20rpg #editor-dialog {
  font-family: "Signika", sans-serif;
  font-size: 14px;
}
.dc20rpg #roll-prompt {
  width: 500px;
  padding: 15px 7px 5px 7px;
  font-family: "A Absolute Empire";
  font-size: 12px;
}
.dc20rpg #roll-prompt .sub-title {
  border-radius: 3px;
  border-color: var(--primary-darker);
}
.dc20rpg #roll-prompt .roll-button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg #roll-prompt .roll-button-wrapper .held-action {
  width: 10%;
  height: 34px;
  margin-left: 3px;
}
.dc20rpg #roll-prompt .roll-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 5px;
  background-color: var(--secondary-color);
  border-radius: 3px;
  border: 2px solid var(--primary-darker);
  padding: 10px 5px;
}
.dc20rpg #roll-prompt .roll-menu .sub-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  margin-bottom: 5px;
}
.dc20rpg #roll-prompt .roll-menu .last-roll-level-check {
  color: var(--primary-dark);
  margin-left: -20px;
  margin-top: -10px;
  position: absolute;
  font-size: 1.65em !important;
}
.dc20rpg #roll-prompt .roll-menu .roll-level .toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 3px;
}
.dc20rpg #roll-prompt .roll-menu .roll-level .toggle .toggle-numeric {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4px 4px 2px 4px;
  width: 25px;
  background-color: var(--primary-light);
  border: 2px solid var(--primary-color);
  border-radius: 5px;
  color: var(--secondary-lighter);
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}
.dc20rpg #roll-prompt .roll-menu .roll-level .toggle span {
  margin-top: 4px;
}
.dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button, .dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button-sheet {
  position: absolute;
  left: 145px;
  margin-top: -3px;
}
.dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button .ap-for-adv .dice, .dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button .ap-for-adv-disabled .dice, .dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button .grit-for-adv .dice, .dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button-sheet .ap-for-adv .dice, .dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button-sheet .ap-for-adv-disabled .dice, .dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button-sheet .grit-for-adv .dice {
  color: var(--primary-light);
  font-size: 1.9em;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--primary-color);
}
.dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button .ap-for-adv .value, .dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button .ap-for-adv-disabled .value, .dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button .grit-for-adv .value, .dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button-sheet .ap-for-adv .value, .dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button-sheet .ap-for-adv-disabled .value, .dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button-sheet .grit-for-adv .value {
  position: relative;
  top: -16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button .ap-for-adv .value span, .dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button .ap-for-adv-disabled .value span, .dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button .grit-for-adv .value span, .dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button-sheet .ap-for-adv .value span, .dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button-sheet .ap-for-adv-disabled .value span, .dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button-sheet .grit-for-adv .value span {
  color: var(--secondary-lighter);
  font-size: 12px;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}
.dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button .grit-for-adv, .dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button-sheet .grit-for-adv {
  position: absolute;
  top: -20px;
}
.dc20rpg #roll-prompt .roll-menu .roll-level .absolute-button-sheet {
  left: 160px;
  margin-top: -10px;
}
.dc20rpg #roll-prompt .roll-menu .help {
  margin-top: 8px;
  margin-bottom: -8px;
}
.dc20rpg #roll-prompt .roll-menu .help-dices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg #roll-prompt .roll-menu .help-dices .value {
  position: relative;
  top: -23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg #roll-prompt .roll-menu .help-dices .value span {
  color: var(--secondary-lighter);
  font-size: 16px;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}
.dc20rpg #roll-prompt .roll-menu .help-dices .dice {
  color: var(--primary-light);
  font-size: 2.5em;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--primary-color);
}
.dc20rpg #roll-prompt .roll-menu .help-dices .triangle {
  margin-top: 15px;
  margin-left: -3px;
}
.dc20rpg #roll-prompt .roll-menu .help-dices .triangle .value {
  top: -24px;
}
.dc20rpg #roll-prompt .roll-menu .help-dices .triangle .dice {
  font-size: 3em;
}
.dc20rpg #roll-prompt .roll-menu .help-dices .square {
  margin-left: -2px;
}
.dc20rpg #roll-prompt .roll-menu .help-dices .diamond {
  margin-top: 20px;
}
.dc20rpg #roll-prompt .roll-menu .mid-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dc20rpg #roll-prompt .roll-menu .mid-column .item-roll-options {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg #roll-prompt .roll-menu .mid-column .item-roll-options i {
  color: var(--primary-color);
}
.dc20rpg #roll-prompt .roll-menu .mid-column .item-roll-options i.fail {
  color: var(--fail);
}
.dc20rpg #roll-prompt .roll-menu .mid-column .item-roll-options i.crit {
  color: var(--crit);
}
.dc20rpg #roll-prompt .roll-menu .mid-column .not-used {
  color: #ff2e2e;
  -webkit-box-shadow: 0 0 0 0 #da0101;
  box-shadow: 0 0 0 0 #da0101;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-animation: pulse 1.5s infinite;
  animation: pulse 1.5s infinite;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(218, 1, 1, 0.7411764706);
    box-shadow: 0 0 0 0 rgba(218, 1, 1, 0.7411764706);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 15px rgba(218, 1, 1, 0);
    box-shadow: 0 0 0 15px rgba(218, 1, 1, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(218, 1, 1, 0);
    box-shadow: 0 0 0 0 rgba(218, 1, 1, 0);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(218, 1, 1, 0.7411764706);
    box-shadow: 0 0 0 0 rgba(218, 1, 1, 0.7411764706);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 15px rgba(218, 1, 1, 0);
    box-shadow: 0 0 0 15px rgba(218, 1, 1, 0);
  }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(218, 1, 1, 0);
    box-shadow: 0 0 0 0 rgba(218, 1, 1, 0);
  }
}
.dc20rpg #roll-prompt .item-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--secondary-lighter);
  border-radius: 3px;
  -webkit-box-shadow: 0 0 7px var(--primary-darker) inset;
  box-shadow: 0 0 7px var(--primary-darker) inset;
  border: 2px solid var(--primary-darker);
}
.dc20rpg #roll-prompt .item-name .name-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 5px);
  margin-right: 5px;
}
.dc20rpg #roll-prompt .item-name .name-wrapper img {
  -o-object-position: 50% 0;
  object-position: 50% 0;
  -o-object-fit: cover;
  object-fit: cover;
  height: 40px;
  width: 40px;
  border-radius: 3px 0 0 0;
  border: 0;
  border-right: 1px solid var(--primary-darker);
}
.dc20rpg #roll-prompt .item-name .name-wrapper span {
  margin-top: 3px;
  font-size: 22px;
  margin-left: 7px;
}
.dc20rpg #roll-prompt .item-name .action-outcome {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  margin-right: 5px;
}
.dc20rpg #roll-prompt .item-name .action-outcome .description-icon .description {
  position: fixed;
}
.dc20rpg #roll-prompt .item-name .action-outcome .description-icon .letter-circle-icon i, .dc20rpg #roll-prompt .item-name .action-outcome .description-icon .letter-circle-icon span {
  font-size: 16px;
  height: 30px;
  width: 30px;
}
.dc20rpg #roll-prompt .item-name .action-outcome .description-icon .description-wrapper {
  margin-left: 2px;
  margin-top: 22px;
  font-family: "Signika", sans-serif;
}
.dc20rpg #roll-prompt .item-name .action-outcome .description-icon .description-wrapper span {
  font-size: 11px;
}
.dc20rpg #roll-prompt .measurement-templates {
  font-family: "Signika", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px 7px 7px 7px;
  border: 2px solid var(--primary-darker);
  border-top: 0;
  background-color: var(--secondary-color);
  border-radius: 0 0 3px 3px;
}
.dc20rpg #roll-prompt .measurement-templates .template {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg #roll-prompt .measurement-templates .template .template-button, .dc20rpg #roll-prompt .measurement-templates .template .template-side-button {
  text-align: center;
  font-size: 15px;
  margin-top: 3px;
  color: var(--primary-dark);
  font-weight: bold;
  background-color: var(--secondary-lighter);
  border: 1px solid var(--secondary-darker);
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px var(--secondary-dark) inset;
  box-shadow: 0 0 10px var(--secondary-dark) inset;
  padding: 4px;
  width: 100%;
}
.dc20rpg #roll-prompt .measurement-templates .template .template-button.disabled, .dc20rpg #roll-prompt .measurement-templates .template .template-side-button.disabled {
  cursor: default;
  -webkit-filter: saturate(0.5);
  filter: saturate(0.5);
}
.dc20rpg #roll-prompt .measurement-templates .template .template-button.disabled:hover, .dc20rpg #roll-prompt .measurement-templates .template .template-side-button.disabled:hover {
  text-shadow: none;
}
.dc20rpg #roll-prompt .measurement-templates .template .template-button.selected, .dc20rpg #roll-prompt .measurement-templates .template .template-side-button.selected {
  color: var(--secondary-lighter);
  background-color: var(--primary-light);
}
.dc20rpg #roll-prompt .measurement-templates .template .template-side-button {
  width: 25px;
}
.dc20rpg #roll-prompt .description-icon .letter-circle-icon i, .dc20rpg #roll-prompt .description-icon .letter-circle-icon span {
  font-size: 12px;
  height: 23px;
  width: 23px;
  border: 2px solid var(--secondary-darker);
}
.dc20rpg #roll-prompt .description-icon .fa-droplet {
  background-color: var(--health-point);
}
.dc20rpg #roll-prompt .description-icon .fa-gear {
  background-color: var(--mana);
}
.dc20rpg #roll-prompt .description-icon .fa-heart {
  background-color: var(--health);
}
.dc20rpg #roll-prompt .description-icon .description-wrapper {
  margin-left: 2px;
  font-family: "Signika", sans-serif;
  position: relative;
}
.dc20rpg #roll-prompt .description-icon .description-wrapper span {
  font-size: 11px;
}
.dc20rpg #roll-prompt .costs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg #roll-prompt .costs .cost-icon, .dc20rpg #roll-prompt .costs .cost-img {
  margin: 0 2px;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.dc20rpg #roll-prompt .costs b {
  margin: 3px -2px 0 2px;
  font-size: 10px;
}
.dc20rpg #roll-prompt .costs .cost-img {
  height: 15px;
  width: 15px;
  border: 0;
  border-radius: 7px;
}
.dc20rpg #roll-prompt .costs .ap {
  color: var(--action-point);
}
.dc20rpg #roll-prompt .costs .sp {
  color: var(--stamina);
}
.dc20rpg #roll-prompt .costs .mp {
  color: var(--mana);
}
.dc20rpg #roll-prompt .costs .hp {
  color: var(--health);
}
.dc20rpg #roll-prompt .costs .grit {
  color: var(--grit);
}
.dc20rpg #roll-prompt .costs .rest {
  color: #00887d;
}
.dc20rpg #roll-prompt .expected-cost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 10px 7px 7px 7px;
  border: 2px solid var(--primary-darker);
  border-top: 0;
  background-color: var(--secondary-color);
  border-radius: 0 0 3px 3px;
}
.dc20rpg #roll-prompt .expected-cost .cost-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 5px;
}
.dc20rpg #roll-prompt .expected-cost .costs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow-x: auto;
}
.dc20rpg #roll-prompt .expected-cost .costs .cost-img {
  height: 18px;
  width: 18px;
  border: 1px solid var(--primary-darker);
}
.dc20rpg #roll-prompt .expected-cost .costs .cost-icon {
  font-size: 19px;
}
.dc20rpg #roll-prompt .expected-cost .other-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid var(--primary-darker);
  border-radius: 2px;
  padding: 1px;
  background-color: var(--secondary-lighter);
}
.dc20rpg #roll-prompt .expected-cost .other-item span {
  font-family: "Signika", sans-serif;
  font-size: 14px;
}
.dc20rpg #roll-prompt .enhancements {
  margin-top: 5px;
  background-color: var(--secondary-color);
  border: 2px solid var(--primary-dark);
  border-bottom: 0;
  padding: 5px;
  border-radius: 3px 3px 0 0;
  overflow-y: auto;
  max-height: 250px;
}
.dc20rpg #roll-prompt .enhancements .enh-row {
  height: 30px;
  background-color: var(--secondary-lighter);
  grid-template-columns: 1fr 100px 100px 30px;
  display: grid;
  border: 2px solid var(--secondary-darker);
  border-top: 1px solid var(--secondary-darker);
  border-bottom: 1px solid var(--secondary-darker);
}
.dc20rpg #roll-prompt .enhancements .enh-row:first-child {
  border-radius: 3px 3px 0 0;
  border-top: 2px solid var(--secondary-darker);
}
.dc20rpg #roll-prompt .enhancements .enh-row:last-child {
  border-radius: 0 0 3px 3px;
  border-bottom: 2px solid var(--secondary-darker);
}
.dc20rpg #roll-prompt .enhancements .enh-row:last-child .description {
  position: relative;
  bottom: 40px;
}
.dc20rpg #roll-prompt .enhancements .enh-row:last-child .description .description-wrapper {
  border-radius: 5px 5px 5px 0;
}
.dc20rpg #roll-prompt .enhancements .enh-row:nth-child(n+8) .description {
  position: relative;
  bottom: 40px;
}
.dc20rpg #roll-prompt .enhancements .enh-row:nth-child(n+8) .description .description-wrapper {
  border-radius: 5px 5px 5px 0;
}
.dc20rpg #roll-prompt .enhancements .enh-row .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg #roll-prompt .enhancements .enh-row .name img {
  border-radius: 0;
  width: 27px;
  height: 27px;
  border: 0;
  border-right: 1px solid var(--secondary-darker);
}
.dc20rpg #roll-prompt .enhancements .enh-row .usage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 28px;
  border-right: 1px solid var(--secondary-darker);
  border-left: 1px solid var(--secondary-darker);
}
.dc20rpg #roll-prompt .enhancements .enh-row .usage.costs {
  border-left: 0;
}
.dc20rpg #roll-prompt .enhancements .enh-row .enh-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 2px;
  font-size: 16px;
  font-weight: bold;
  padding-right: 2px;
}
.dc20rpg #roll-prompt .enhancements .enh-row .enh-number a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  color: var(--primary-color);
}
.dc20rpg #roll-prompt .enhancements .enh-row .enh-number a span {
  margin-top: 2px;
  margin-left: 2px;
}
.dc20rpg #actor-request .selectable, .dc20rpg #token-selector .selectable, .dc20rpg #dmg-calculator .selectable, .dc20rpg #initiative-slot-selector .selectable {
  width: auto;
  font-weight: 100;
  font-size: 14px;
}
.dc20rpg #actor-request .long-select, .dc20rpg #token-selector .long-select, .dc20rpg #dmg-calculator .long-select, .dc20rpg #initiative-slot-selector .long-select {
  color: var(--input-text-color);
  border: 2px solid var(--primary-darker);
  background-color: var(--secondary-lighter);
  border-radius: 2px;
  font-size: 16px;
  width: 100%;
  font-weight: bold;
  padding: 5px;
  margin: 5px 0;
  height: auto;
}
.dc20rpg #actor-request .box-content, .dc20rpg #token-selector .box-content, .dc20rpg #dmg-calculator .box-content, .dc20rpg #initiative-slot-selector .box-content {
  margin: 5px 0;
  background-color: var(--secondary-color);
  border: 2px solid var(--primary-darker);
  border-radius: 2px;
}
.dc20rpg #actor-request .box-content .actor, .dc20rpg #token-selector .box-content .actor, .dc20rpg #dmg-calculator .box-content .actor, .dc20rpg #initiative-slot-selector .box-content .actor {
  padding: 5px 8px;
  font-family: "Signika", sans-serif;
  font-size: 14px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 2px solid var(--primary-darker);
}
.dc20rpg #actor-request .box-content .actor .wrapper, .dc20rpg #token-selector .box-content .actor .wrapper, .dc20rpg #dmg-calculator .box-content .actor .wrapper, .dc20rpg #initiative-slot-selector .box-content .actor .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg #actor-request .box-content .actor .wrapper img, .dc20rpg #token-selector .box-content .actor .wrapper img, .dc20rpg #dmg-calculator .box-content .actor .wrapper img, .dc20rpg #initiative-slot-selector .box-content .actor .wrapper img {
  height: 30px;
  width: 30px;
  -o-object-position: 50% 0;
  object-position: 50% 0;
  -o-object-fit: cover;
  object-fit: cover;
  border: 2px solid var(--primary-darker);
}
.dc20rpg #actor-request .box-content .actor .wrapper input, .dc20rpg #token-selector .box-content .actor .wrapper input, .dc20rpg #dmg-calculator .box-content .actor .wrapper input, .dc20rpg #initiative-slot-selector .box-content .actor .wrapper input {
  background-color: transparent;
  font-family: "Humaroid";
  font-size: 20px;
  font-weight: bold;
  color: var(--primary-dark);
  margin: 0 5px 0 5px;
  text-indent: 5px;
}
.dc20rpg #actor-request .box-content .actor:first-child, .dc20rpg #token-selector .box-content .actor:first-child, .dc20rpg #dmg-calculator .box-content .actor:first-child, .dc20rpg #initiative-slot-selector .box-content .actor:first-child {
  border-top: 0;
}
.dc20rpg #color-settings {
  font-family: "Signika", sans-serif;
  font-size: 16px;
  min-width: 450px;
  max-height: 600px;
  overflow-y: scroll;
}
.dc20rpg #color-settings .content {
  padding: 10px;
}
.dc20rpg #color-settings .content nav {
  padding: 10px;
  margin: 5px 0;
  border: 1px solid var(--secondary-darker);
}
.dc20rpg #color-settings .content .live-refresh {
  border: 1px solid var(--secondary-darker);
  background-color: transparent;
  color: var(--secondary-darker);
  height: 20px;
  width: 20px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg #color-settings .content .live-refresh.refresh-on {
  background-color: var(--primary-light);
  color: var(--secondary-lighter);
  border-color: var(--primary-color);
}
.dc20rpg #color-settings .row .right-part-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg #color-settings .row select, .dc20rpg #color-settings .row input {
  min-height: 25px;
  color: var(--input-text-color);
  border: 1px solid var(--input-border-color);
  background-color: var(--input-background-color);
  border-radius: 2px;
}
.dc20rpg #color-settings .row span {
  font-weight: bold;
}
.dc20rpg #color-settings .row span.big {
  font-size: 20px;
}
.dc20rpg #color-settings button {
  margin: 0 5px;
  width: -webkit-fill-available;
}
.dc20rpg #skill-config {
  max-height: 650px;
}
.dc20rpg #skill-config .box-header {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: bold;
}
.dc20rpg #simple-popup .info-wrapper {
  font-size: 14px;
  padding: 4px;
  border: 2px solid var(--primary-darker);
  background-color: var(--secondary-lighter);
  border-radius: 3px;
  color: black;
}
.dc20rpg #simple-popup .info-wrapper .information {
  margin: 8px 2px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--primary-darker);
}
.dc20rpg #simple-popup .info-wrapper .information:last-child {
  border: 0;
}
.dc20rpg #character-creation-wizard {
  background-color: rgba(55, 55, 55, 0.568627451);
  padding: 0;
}
.dc20rpg #character-creation-wizard .create-actor-overlay {
  position: absolute;
  width: 100%;
  height: calc(100% - 30px);
  background-color: rgba(136, 111, 184, 0.6117647059);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 999;
}
.dc20rpg #character-creation-wizard .create-actor-overlay span {
  font-size: 24px;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.dc20rpg #character-creation-wizard header {
  font-family: "Humaroid";
  font-size: 32px;
  font-weight: bolder;
  text-shadow: -1px 0 var(--secondary-color), 0 1px var(--secondary-color), 1px 0 var(--secondary-color), 0 -1px var(--secondary-color);
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: var(--primary-dark);
  border-bottom: 3px solid var(--primary-dark);
  border-radius: 0 0 50px 50px;
  background-color: var(--secondary-lighter);
  margin-bottom: 5px;
}
.dc20rpg #character-creation-wizard .wrapper {
  height: calc(100% - 127px);
  padding: 10px;
  display: grid;
  grid-template-columns: 5fr 9fr 4fr;
  gap: 10px;
  margin-top: 0;
}
.dc20rpg #character-creation-wizard .wrapper .left-column {
  overflow-y: hidden;
}
.dc20rpg #character-creation-wizard .wrapper .left-column .input-text {
  height: auto;
  padding: 5px;
  background-color: var(--secondary-lighter);
  border: 2px solid var(--primary-dark);
  border-radius: 3px;
}
.dc20rpg #character-creation-wizard .wrapper .left-column .actor-img {
  -o-object-position: 50% 0;
  object-position: 50% 0;
  -o-object-fit: cover;
  object-fit: cover;
  height: 350px;
  width: 100%;
  border: 2px solid var(--primary-dark);
  border-radius: 3px;
  cursor: pointer;
}
.dc20rpg #character-creation-wizard .wrapper .header {
  font-size: 24px;
  color: var(--secondary-lighter);
  text-shadow: -1px 0 var(--secondary-darker), 0 1px var(--secondary-darker), 1px 0 var(--secondary-darker), 0 -1px var(--secondary-darker);
}
.dc20rpg #character-creation-wizard .wrapper .sub-header {
  font-size: 16px;
  background-color: var(--secondary-lighter);
  padding: 5px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 10px 3px var(--secondary-color) inset;
  box-shadow: 0 0 10px 3px var(--secondary-color) inset;
  font-weight: bold;
  text-align: center;
}
.dc20rpg #character-creation-wizard .wrapper .middle-column {
  overflow-y: auto;
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .unique-item-picker-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 89px);
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .unique-item-picker-wrapper .item-selector {
  width: 220px;
  overflow-y: scroll;
  padding: 10px 5px 5px 5px;
  background-color: var(--secondary-color);
  border: 2px solid var(--secondary-darker);
  border-radius: 3px 0 0 3px;
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .unique-item-picker-wrapper .item-selector .item-row {
  cursor: pointer;
  height: 40px;
  border: 2px solid var(--secondary-darker);
  background-color: var(--secondary-lighter);
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-box-shadow: 0 0 6px var(--primary-color) inset;
  box-shadow: 0 0 6px var(--primary-color) inset;
  margin-bottom: 2px;
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .unique-item-picker-wrapper .item-selector .item-row:hover {
  background-color: var(--primary-light);
  -webkit-box-shadow: 0 0 6px var(--primary-color) inset;
  box-shadow: 0 0 6px var(--primary-color) inset;
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .unique-item-picker-wrapper .item-selector .item-row.selected {
  background-color: var(--primary-darker);
  color: var(--secondary-lighter);
  text-shadow: -1px 0 var(--secondary-darker), 0 1px var(--secondary-darker), 1px 0 var(--secondary-darker), 0 -1px var(--secondary-darker);
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .unique-item-picker-wrapper .item-selector .item-row img {
  min-width: 36px;
  height: 36px;
  border: 2px solid var(--primary-color);
  margin-right: 8px;
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .unique-item-picker-wrapper .item-selector .item-row .item-name {
  font-family: "Humaroid";
  font-size: 20px;
  overflow: hidden;
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .unique-item-picker-wrapper .item-description {
  width: calc(100% - 220px);
  background-color: var(--secondary-color);
  border: 2px solid var(--secondary-darker);
  border-left: 0;
  border-radius: 0 3px 3px 0;
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .unique-item-picker-wrapper .item-description .item-row {
  height: 60px;
  border-bottom: 2px solid var(--secondary-darker);
  background-color: var(--secondary-lighter);
  border-radius: 3px 3px 0 0;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-box-shadow: 0 0 6px var(--primary-color) inset;
  box-shadow: 0 0 6px var(--primary-color) inset;
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .unique-item-picker-wrapper .item-description .item-row img {
  width: 60px;
  height: 60px;
  border-right: 2px solid var(--primary-color);
  margin-right: 10px;
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .unique-item-picker-wrapper .item-description .item-row .item-name {
  font-family: "Humaroid";
  font-size: 35px;
  overflow: hidden;
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .unique-item-picker-wrapper .item-description .description {
  padding: 5px 10px;
  font-family: "Signika", sans-serif;
  overflow-y: auto;
  font-size: 14px;
  height: calc(100% - 65px);
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .attr-wrapper {
  gap: 5px;
  font-family: "Humaroid";
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .attr-wrapper .attr {
  border: 2px solid var(--secondary-darker);
  background-color: var(--secondary-color);
  color: var(--primary-dark);
  border-radius: 3px;
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .attr-wrapper .attr .atr-name {
  border-bottom: 2px solid var(--secondary-darker);
  padding: 4px 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .attr-wrapper .attr .atr-name label {
  font-size: 20px;
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .attr-wrapper .attr .value {
  font-size: 26px;
  font-weight: bold;
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .attr-wrapper .attr .value input {
  padding: 5px 0;
  background: transparent;
  border: 0;
  text-align: center;
  color: var(--secondary-lighter);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  height: 32px;
  margin-bottom: 5px;
  width: 100%;
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .attr-wrapper .attr .value input:disabled {
  color: var(--secondary-lighter);
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .attr-wrapper .attr .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-size: 20px;
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .attr-wrapper .attr .buttons a {
  color: var(--primary-color);
}
.dc20rpg #character-creation-wizard .wrapper .middle-column .attr-wrapper .attr.maximum {
  -webkit-filter: contrast(0.6);
  filter: contrast(0.6);
}
.dc20rpg #character-creation-wizard .wrapper .selected-item {
  width: 100%;
  margin-top: 5px;
  border-radius: 2px;
  background-color: var(--secondary-color);
  border: 2px solid var(--primary-dark);
  color: var(--secondary-darker);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg #character-creation-wizard .wrapper .selected-item .item-img {
  height: 40px;
  width: 40px;
  border-right: 2px solid var(--primary-dark);
  border-radius: 0;
}
.dc20rpg #character-creation-wizard .wrapper .selected-item .item-name {
  padding: 5px;
  font-family: "Humaroid";
  font-size: 20px;
}
.dc20rpg #character-creation-wizard .wrapper .scaling-value-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-top: 5px;
  padding: 5px;
  border-radius: 2px;
  background-color: var(--secondary-color);
  border: 2px solid var(--primary-dark);
  color: var(--primary-dark);
}
.dc20rpg #character-creation-wizard .wrapper .scaling-value-row.red-box .progress span {
  color: var(--dark-red);
  border-color: var(--dark-red);
}
.dc20rpg #character-creation-wizard .wrapper .scaling-value-row label {
  margin-left: 4px;
  font-size: 18px;
}
.dc20rpg #character-creation-wizard .wrapper .scaling-value-row .progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.dc20rpg #character-creation-wizard .wrapper .scaling-value-row .progress span {
  min-width: 33px;
  font-weight: bold;
  font-size: 14px;
  padding: 3px 5px;
  margin: 0 5px;
  border-radius: 3px;
  border: 2px solid var(--primary-dark);
  color: var(--primary-dark);
  background-color: var(--secondary-lighter);
  text-align: center;
}
.dc20rpg #character-creation-wizard .wrapper .scaling-value-row .progress .spender-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg #character-creation-wizard .wrapper .scaling-value-row .progress .spender-wrapper .manual-switch {
  min-width: 33px;
  font-weight: bold;
  font-size: 14px;
  padding: 3px 5px;
  margin: 0 5px;
  border-radius: 3px;
  border: 2px solid var(--secondary-darker);
  color: var(--secondary-lighter);
  background-color: var(--primary-dark);
  text-align: center;
  height: 27px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg #character-creation-wizard .half-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.dc20rpg #character-creation-wizard .half-button .next-button {
  width: 49%;
}
.dc20rpg #character-creation-wizard .footer {
  padding: 10px;
}
.dc20rpg #character-creation-wizard .footer .next-button {
  background-color: var(--secondary-color);
  border-radius: 0;
}
.dc20rpg #character-creation-wizard .footer .next-button button {
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  color: var(--primary-color);
  font-family: "A Absolute Empire";
  border: 0;
  border-radius: 0;
}
.dc20rpg #character-creation-wizard .footer .next-button button:disabled {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  cursor: default;
}
.dc20rpg #character-creation-wizard .equipment-wrapper {
  gap: 5px;
  height: calc(100% - 64px);
}
.dc20rpg #character-creation-wizard .equipment-wrapper .equipment {
  background-color: var(--secondary-color);
  border: 2px solid var(--secondary-darker);
  border-radius: 3px;
}
.dc20rpg #character-creation-wizard .equipment-wrapper .equipment .table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 10px;
  font-size: 16px;
  margin-bottom: 6px;
  border-bottom: 2px solid var(--secondary-darker);
}
.dc20rpg #character-creation-wizard .equipment-wrapper .equipment .table-header .fa-circle-question {
  position: absolute;
}
.dc20rpg #character-creation-wizard .equipment-wrapper .equipment .table-header .fa-circle-question::before {
  position: relative;
  left: 110px;
}
.dc20rpg #character-creation-wizard .equipment-wrapper .equipment .item-row {
  height: 40px;
  border: 2px solid var(--secondary-darker);
  background-color: var(--secondary-lighter);
  border-radius: 3px;
  margin: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 0 6px var(--primary-color) inset;
  box-shadow: 0 0 6px var(--primary-color) inset;
}
.dc20rpg #character-creation-wizard .equipment-wrapper .equipment .item-row img {
  min-width: 36px;
  height: 36px;
  border: 2px solid var(--primary-color);
  margin-right: 5px;
}
.dc20rpg #character-creation-wizard .equipment-wrapper .equipment .item-row .item-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-right: 8px;
  font-family: "Humaroid";
  font-size: 20px;
  overflow: hidden;
}
.dc20rpg #character-creation-wizard .equipment-wrapper .equipment .item-row .item-name .item-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.dc20rpg #character-creation-wizard .equipment-wrapper .equipment .item-row .item-name .item-controls input {
  text-align: center;
  width: 25px;
  font-size: 18px;
  margin-right: 6px;
  border-radius: 0;
}
.dc20rpg #character-creation-wizard .equipment-wrapper .equipment .item-row .item-name .item-controls .remove-item {
  font-size: 14px;
}
.dc20rpg #mix-ancestry-dialog .title {
  font-size: 20px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "A Absolute Empire";
}
.dc20rpg #mix-ancestry-dialog .open-compendium {
  right: 15px;
}
.dc20rpg #mix-ancestry-dialog .table-wrapper {
  height: 100px;
  background-color: var(--secondary-color);
  border: 2px solid var(--secondary-darker);
  border-radius: 3px;
  padding: 3px;
}
.dc20rpg #mix-ancestry-dialog .table-wrapper .item-row {
  height: 40px;
  border: 2px solid var(--secondary-darker);
  background-color: var(--secondary-lighter);
  border-radius: 3px;
  margin: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 0 6px var(--primary-color) inset;
  box-shadow: 0 0 6px var(--primary-color) inset;
}
.dc20rpg #mix-ancestry-dialog .table-wrapper .item-row img {
  min-width: 36px;
  height: 36px;
  border: 2px solid var(--primary-color);
  margin-right: 5px;
}
.dc20rpg #mix-ancestry-dialog .table-wrapper .item-row .item-name {
  font-family: "A Absolute Empire";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-right: 8px;
  margin-top: 4px;
  font-size: 14px;
  overflow: hidden;
}
.dc20rpg #compendium-browser {
  background-color: rgba(55, 55, 55, 0.568627451);
  padding: 0;
}
.dc20rpg #compendium-browser .collecting-data-overlay {
  position: absolute;
  width: 100%;
  height: calc(100% - 30px);
  background-color: rgba(136, 111, 184, 0.6117647059);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 999;
}
.dc20rpg #compendium-browser .collecting-data-overlay span {
  font-size: 24px;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.dc20rpg #compendium-browser .title {
  font-size: 32px;
  margin: 10px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "Humaroid";
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.dc20rpg #compendium-browser .row {
  height: 26px;
}
.dc20rpg #compendium-browser .item-picker-wrapper {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 10px;
  height: calc(100% - 50px);
  padding: 10px;
}
.dc20rpg #compendium-browser .item-picker-wrapper .list-column {
  overflow-y: auto;
}
.dc20rpg #compendium-browser .item-picker-wrapper .list-column .item-header, .dc20rpg #compendium-browser .item-picker-wrapper .list-column .item-row {
  grid-template-columns: 4fr 1fr 50px;
}
.dc20rpg #compendium-browser .item-picker-wrapper .list-column .item-row {
  border-color: var(--secondary-darker);
}
.dc20rpg #compendium-browser .item-picker-wrapper .list-column .item-row:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 15px var(--primary-dark) inset;
  box-shadow: 0 0 15px var(--primary-dark) inset;
}
.dc20rpg #compendium-browser .item-picker-wrapper .list-column .item-row .column {
  border: 0;
}
.dc20rpg #compendium-browser .item-picker-wrapper .list-column .item-row .column .fa-lg {
  font-size: 20px;
}
.dc20rpg #compendium-browser .item-picker-wrapper .list-column .item-row .source {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
}
.dc20rpg #compendium-browser .item-picker-wrapper .filter-column {
  overflow-y: auto;
  padding: 5px;
  border: 2px solid var(--primary-darker);
  background-color: var(--secondary-color);
  border-radius: 3px;
  overflow-x: hidden;
}
.dc20rpg #compendium-browser .item-picker-wrapper .filter-column .filter-row {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 8px;
  -webkit-box-shadow: 0 0 7px 4px var(--secondary-dark) inset;
  box-shadow: 0 0 7px 4px var(--secondary-dark) inset;
  border-radius: 3px;
}
.dc20rpg #compendium-browser .item-picker-wrapper .filter-column .filter-row label {
  margin-bottom: 3px;
  font-weight: bold;
  text-align: center;
}
.dc20rpg #compendium-browser .item-picker-wrapper .filter-column .filter-row select, .dc20rpg #compendium-browser .item-picker-wrapper .filter-column .filter-row input {
  border: 1px solid var(--secondary-darker);
  background-color: var(--secondary-lighter);
}
.dc20rpg #compendium-browser .item-picker-wrapper .filter-column .filter-row .multi-select-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  padding: 0 5px;
}
.dc20rpg #compendium-browser .item-picker-wrapper .filter-column .filter-row .multi-select-wrapper .multi-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2px;
}
.dc20rpg #compendium-browser .item-picker-wrapper .filter-column .filter-row .multi-select-wrapper .multi-select span {
  font-weight: bold;
}
.dc20rpg #compendium-browser .item-picker-wrapper .filter-column .filter-row .over-under-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.dc20rpg #compendium-browser .item-picker-wrapper .filter-column #tooltip-container {
  margin-top: -8px;
  margin-left: -8px;
}
.dc20rpg #initiative-slot-selector .selectable {
  width: 50px;
  background-color: var(--secondary-lighter);
  border-color: var(--secondary-darker);
  color: var(--secondary-darker);
  font-weight: bold;
}
.dc20rpg #initiative-slot-selector .sub-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  margin-bottom: 5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 3px;
}
.dc20rpg #initiative-slot-selector .long-select {
  width: 100%;
}
.dc20rpg .item-list {
  margin-bottom: 10px;
}
.dc20rpg .item-list .item-header {
  padding: 5px 0;
  height: 30px;
  display: grid;
  border-radius: 5px 5px 0 0;
  background: -webkit-gradient(linear, left top, right top, from(var(--primary-dark)), to(var(--primary-darker)));
  background: linear-gradient(to right, var(--primary-dark), var(--primary-darker));
  color: var(--secondary-lighter);
}
.dc20rpg .item-list .item-header .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -1px;
  margin-right: 1px;
}
.dc20rpg .item-list .item-header .reordering-buttons {
  padding: 0 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .item-list .item-header .reordering-buttons .reorder {
  margin: 0 2px;
}
.dc20rpg .item-list .item-header .name {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.dc20rpg .item-list .item-header .name input {
  background-color: transparent;
  border: 0;
  color: white;
  height: 20px;
}
.dc20rpg .item-list .item-header .name input:disabled {
  color: var(--secondary-lighter);
}
.dc20rpg .item-list .item-row, .dc20rpg .item-list .enh-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  display: grid;
  background-color: var(--secondary-color);
  border: 2px solid var(--secondary-dark);
  border-top: 0;
}
.dc20rpg .item-list .item-row.equipped, .dc20rpg .item-list .enh-row.equipped {
  background-color: var(--equipped);
}
.dc20rpg .item-list .item-row.equipped .action:hover, .dc20rpg .item-list .item-row.equipped .usage:hover, .dc20rpg .item-list .enh-row.equipped .action:hover, .dc20rpg .item-list .enh-row.equipped .usage:hover {
  background-color: var(--equipped);
}
.dc20rpg .item-list .item-row.attuned, .dc20rpg .item-list .enh-row.attuned {
  background-color: var(--attuned);
}
.dc20rpg .item-list .item-row.attuned .action:hover, .dc20rpg .item-list .item-row.attuned .usage:hover, .dc20rpg .item-list .enh-row.attuned .action:hover, .dc20rpg .item-list .enh-row.attuned .usage:hover {
  background-color: var(--attuned);
}
.dc20rpg .item-list .item-row.activated-effect, .dc20rpg .item-list .enh-row.activated-effect {
  background-color: var(--activated-effect);
}
.dc20rpg .item-list .item-row.activated-effect .action:hover, .dc20rpg .item-list .item-row.activated-effect .usage:hover, .dc20rpg .item-list .enh-row.activated-effect .action:hover, .dc20rpg .item-list .enh-row.activated-effect .usage:hover {
  background-color: var(--activated-effect);
}
.dc20rpg .item-list .item-row .name, .dc20rpg .item-list .enh-row .name {
  overflow: hidden;
}
.dc20rpg .item-list .item-row .roll-item, .dc20rpg .item-list .enh-row .roll-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg .item-list .item-row .roll-item .hover-icon, .dc20rpg .item-list .enh-row .roll-item .hover-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-right: 1px solid var(--secondary-dark);
  color: var(--primary-color);
  height: 36px;
  min-width: 36px;
  background-color: var(--secondary-light-alpha);
  -webkit-filter: opacity(0.8);
  filter: opacity(0.8);
}
.dc20rpg .item-list .item-row .roll-item:hover, .dc20rpg .item-list .enh-row .roll-item:hover {
  cursor: pointer;
}
.dc20rpg .item-list .item-row .roll-item:hover .hovered, .dc20rpg .item-list .enh-row .roll-item:hover .hovered {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: relative !important;
}
.dc20rpg .item-list .item-row .roll-item:hover .original, .dc20rpg .item-list .enh-row .roll-item:hover .original {
  display: none !important;
}
.dc20rpg .item-list .item-row .column, .dc20rpg .item-list .enh-row .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid var(--secondary-dark);
}
.dc20rpg .item-list .item-row .column:last-child, .dc20rpg .item-list .enh-row .column:last-child {
  border-right: 0;
}
.dc20rpg .item-list .item-row .column .item-img, .dc20rpg .item-list .enh-row .column .item-img {
  height: 36px;
  min-width: 36px;
  width: 36px;
}
.dc20rpg .item-list .item-row .column .item-img img, .dc20rpg .item-list .enh-row .column .item-img img {
  height: 36px;
  min-width: 36px;
  width: 36px;
  border: 0;
  border-radius: 0;
}
.dc20rpg .item-list .item-row .column .item-img-wrapper, .dc20rpg .item-list .enh-row .column .item-img-wrapper {
  height: 36px;
  min-width: 36px;
  width: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg .item-list .item-row .column .item-img-wrapper img, .dc20rpg .item-list .enh-row .column .item-img-wrapper img {
  min-height: 36px;
  min-width: 36px;
  width: 36px;
  border: 0;
  border-radius: 0;
}
.dc20rpg .item-list .item-row .column .item-img-wrapper .original, .dc20rpg .item-list .enh-row .column .item-img-wrapper .original {
  display: block;
}
.dc20rpg .item-list .item-row .column .item-img-wrapper .hovered, .dc20rpg .item-list .enh-row .column .item-img-wrapper .hovered {
  display: none;
}
.dc20rpg .item-list .item-row .column .item-name, .dc20rpg .item-list .enh-row .column .item-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 5px;
  margin-right: auto;
}
.dc20rpg .item-list .item-row .column .side-marker, .dc20rpg .item-list .enh-row .column .side-marker {
  color: var(--secondary-dark);
  margin-right: 2px;
  padding: 3px 2px 3px 4px;
  border-radius: 5px;
  border: 2px solid var(--secondary-dark);
  background-color: var(--secondary-lighter);
}
.dc20rpg .item-list .item-row .column .side-marker.item-multi-faceted, .dc20rpg .item-list .enh-row .column .side-marker.item-multi-faceted {
  padding: 4px 3px 4px 5px;
}
.dc20rpg .item-list .item-row .column .select-other-item, .dc20rpg .item-list .item-row .column .select-other-check, .dc20rpg .item-list .enh-row .column .select-other-item, .dc20rpg .item-list .enh-row .column .select-other-check {
  margin-right: 2px;
  border: 1px solid var(--secondary-dark);
  border-radius: 3px;
  width: 100px;
  font-size: 12px;
  font-family: "Signika", sans-serif;
}
.dc20rpg .item-list .item-row .column .select-other-item select, .dc20rpg .item-list .item-row .column .select-other-check select, .dc20rpg .item-list .enh-row .column .select-other-item select, .dc20rpg .item-list .enh-row .column .select-other-check select {
  background-color: 0;
  border: 0px;
}
.dc20rpg .item-list .item-row .pointer, .dc20rpg .item-list .enh-row .pointer {
  cursor: pointer;
}
.dc20rpg .item-list .item-row .action, .dc20rpg .item-list .item-row .components, .dc20rpg .item-list .enh-row .action, .dc20rpg .item-list .enh-row .components {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  width: 120px;
  padding: 2px 0;
  height: 33px;
}
.dc20rpg .item-list .item-row .action:hover, .dc20rpg .item-list .item-row .components:hover, .dc20rpg .item-list .enh-row .action:hover, .dc20rpg .item-list .enh-row .components:hover {
  overflow: visible;
  min-width: 120px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 1;
  height: 33px;
  background-color: var(--secondary-color);
}
.dc20rpg .item-list .item-row .action .description-icon .letter-circle-icon i, .dc20rpg .item-list .item-row .action .description-icon .letter-circle-icon span, .dc20rpg .item-list .item-row .components .description-icon .letter-circle-icon i, .dc20rpg .item-list .item-row .components .description-icon .letter-circle-icon span, .dc20rpg .item-list .enh-row .action .description-icon .letter-circle-icon i, .dc20rpg .item-list .enh-row .action .description-icon .letter-circle-icon span, .dc20rpg .item-list .enh-row .components .description-icon .letter-circle-icon i, .dc20rpg .item-list .enh-row .components .description-icon .letter-circle-icon span {
  font-size: 13px;
  height: 27px;
  width: 27px;
  border: 2px solid white;
}
.dc20rpg .item-list .item-row .action .description-icon .description, .dc20rpg .item-list .item-row .components .description-icon .description, .dc20rpg .item-list .enh-row .action .description-icon .description, .dc20rpg .item-list .enh-row .components .description-icon .description {
  position: relative;
}
.dc20rpg .item-list .item-row .action .description-icon .fa-droplet, .dc20rpg .item-list .item-row .components .description-icon .fa-droplet, .dc20rpg .item-list .enh-row .action .description-icon .fa-droplet, .dc20rpg .item-list .enh-row .components .description-icon .fa-droplet {
  background-color: var(--health-point);
}
.dc20rpg .item-list .item-row .action .description-icon .fa-gear, .dc20rpg .item-list .item-row .components .description-icon .fa-gear, .dc20rpg .item-list .enh-row .action .description-icon .fa-gear, .dc20rpg .item-list .enh-row .components .description-icon .fa-gear {
  background-color: var(--mana);
}
.dc20rpg .item-list .item-row .action .description-icon .fa-heart, .dc20rpg .item-list .item-row .components .description-icon .fa-heart, .dc20rpg .item-list .enh-row .action .description-icon .fa-heart, .dc20rpg .item-list .enh-row .components .description-icon .fa-heart {
  background-color: var(--health);
}
.dc20rpg .item-list .item-row .usage, .dc20rpg .item-list .enh-row .usage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  width: 70px;
  height: 33px;
}
.dc20rpg .item-list .item-row .usage:hover, .dc20rpg .item-list .enh-row .usage:hover {
  overflow: visible;
  min-width: 70px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 1;
  height: 33px;
  background-color: var(--secondary-color);
}
.dc20rpg .item-list .item-row .usage .cost-icon, .dc20rpg .item-list .item-row .usage .cost-img, .dc20rpg .item-list .enh-row .usage .cost-icon, .dc20rpg .item-list .enh-row .usage .cost-img {
  margin: 0 2px;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.dc20rpg .item-list .item-row .usage b, .dc20rpg .item-list .enh-row .usage b {
  margin: 3px -2px 0 2px;
  font-size: 10px;
}
.dc20rpg .item-list .item-row .usage .cost-img, .dc20rpg .item-list .enh-row .usage .cost-img {
  height: 15px;
  width: 15px;
  border: 0;
  border-radius: 7px;
}
.dc20rpg .item-list .item-row .usage .ap, .dc20rpg .item-list .enh-row .usage .ap {
  color: var(--action-point);
}
.dc20rpg .item-list .item-row .usage .sp, .dc20rpg .item-list .enh-row .usage .sp {
  color: var(--stamina);
}
.dc20rpg .item-list .item-row .usage .mp, .dc20rpg .item-list .enh-row .usage .mp {
  color: var(--mana);
}
.dc20rpg .item-list .item-row .usage .hp, .dc20rpg .item-list .enh-row .usage .hp {
  color: var(--health);
}
.dc20rpg .item-list .item-row .usage .grit, .dc20rpg .item-list .enh-row .usage .grit {
  color: var(--grit);
}
.dc20rpg .item-list .item-row .usage .rest, .dc20rpg .item-list .enh-row .usage .rest {
  color: #00887d;
}
.dc20rpg .item-list .item-row .item-use, .dc20rpg .item-list .enh-row .item-use {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  width: 70px;
}
.dc20rpg .item-list .item-row .item-use .other-item, .dc20rpg .item-list .enh-row .item-use .other-item {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .item-list .item-row .item-use .other-item .cost-img, .dc20rpg .item-list .enh-row .item-use .other-item .cost-img {
  height: 18px;
  width: 18px;
  border: 0;
  border-radius: 7px;
}
.dc20rpg .item-list .item-row .item-use .other-item b, .dc20rpg .item-list .enh-row .item-use .other-item b {
  margin: 3px -2px 0 2px;
  font-size: 12px;
}
.dc20rpg .item-list .item-row .charges .current-charges, .dc20rpg .item-list .enh-row .charges .current-charges {
  text-align: right;
  background-color: transparent;
  border: 0;
  border-radius: 0px;
  width: 28px;
}
.dc20rpg .item-list .item-row .charges .max-charges, .dc20rpg .item-list .enh-row .charges .max-charges {
  margin-left: 2px;
}
.dc20rpg .item-list .item-row .weight, .dc20rpg .item-list .enh-row .weight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg .item-list .item-row .quantity input, .dc20rpg .item-list .enh-row .quantity input {
  background-color: transparent;
  border: 0;
  text-align: center;
}
.dc20rpg .item-list .item-row .config, .dc20rpg .item-list .enh-row .config {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}
.dc20rpg .item-list .item-row .config a, .dc20rpg .item-list .enh-row .config a {
  margin: 0 2px;
  font-size: 14px;
}
.dc20rpg .item-list .enh-row {
  border-top: 0;
  margin: 0 10px;
  height: 30px;
  background-color: var(--secondary-lighter);
}
.dc20rpg .item-list .enh-row .usage {
  height: 28px;
}
.dc20rpg .item-list .enh-row .usage:hover {
  height: 28px;
  background-color: var(--secondary-lighter);
}
.dc20rpg .item-list .enh-row .action {
  height: 28px;
}
.dc20rpg .item-list .enh-row .action:hover {
  height: 28px;
  background-color: var(--secondary-lighter);
}
.dc20rpg .item-list .enh-row .action .letter-circle-icon i, .dc20rpg .item-list .enh-row .action .letter-circle-icon span {
  height: 24px !important;
  width: 24px !important;
  font-size: 11px !important;
}
.dc20rpg .item-list .enh-row .action .letter-circle-icon i:before, .dc20rpg .item-list .enh-row .action .letter-circle-icon span:before {
  margin-left: 0px;
  margin-bottom: 1px;
}
.dc20rpg .item-list .enh-row .enh-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 2px;
  font-size: 16px;
  font-weight: bold;
  padding-right: 2px;
}
.dc20rpg .item-list .enh-row .enh-number a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  border-radius: 20px;
  border: 2px solid var(--primary-color) !important;
  color: var(--primary-color);
  background-color: white;
}
.dc20rpg .item-list .enh-row .enh-number a span {
  margin-top: 3px;
}
.dc20rpg .item-list .roll-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 10px;
  height: 34px;
  padding-top: 1px;
  background-color: var(--secondary-lighter);
  border: 2px solid var(--secondary-dark);
  border-top: 0;
  margin-bottom: 10px;
  border-radius: 0 0 5px 5px;
}
.dc20rpg .item-list .roll-menu label {
  font-weight: bold;
  margin-top: 2px;
  margin-right: 4px;
}
.dc20rpg .item-list .roll-menu .roll-level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 4px;
}
.dc20rpg .item-list .roll-menu .roll-level .letter-circle-icon {
  padding-right: 4px;
}
.dc20rpg .item-list .roll-menu .roll-level .letter-circle-icon .roll-item, .dc20rpg .item-list .roll-menu .roll-level .letter-circle-icon .roll-level-check {
  border: 0;
}
.dc20rpg .item-list .roll-menu .help-dices, .dc20rpg .item-list .roll-menu .roll-level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .item-list .roll-menu .help-dices .value, .dc20rpg .item-list .roll-menu .roll-level .value {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 0;
  top: 1px;
}
.dc20rpg .item-list .roll-menu .help-dices .value span, .dc20rpg .item-list .roll-menu .roll-level .value span {
  color: var(--secondary-lighter);
  font-size: 12px;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}
.dc20rpg .item-list .roll-menu .help-dices .value-in-box, .dc20rpg .item-list .roll-menu .roll-level .value-in-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .item-list .roll-menu .help-dices .dice, .dc20rpg .item-list .roll-menu .roll-level .dice {
  color: var(--primary-light);
  font-size: 2em;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--primary-color);
  margin-left: 4px;
}
.dc20rpg .item-list .roll-menu .help-dices .triangle .value, .dc20rpg .item-list .roll-menu .roll-level .triangle .value {
  left: -9.5px;
}
.dc20rpg .item-list .roll-menu .help-dices .triangle .dice, .dc20rpg .item-list .roll-menu .roll-level .triangle .dice {
  margin-left: 5px;
  font-size: 2.3em;
}
.dc20rpg .item-list .roll-menu .help-dices .roll-level-box, .dc20rpg .item-list .roll-menu .roll-level .roll-level-box {
  margin-top: -7px;
}
.dc20rpg .item-list .roll-menu .help-dices .roll-level-box .value, .dc20rpg .item-list .roll-menu .roll-level .roll-level-box .value {
  left: -9px;
  top: 11px;
  z-index: 1;
}
.dc20rpg .item-list .roll-menu .help-dices .roll-level-box .value span, .dc20rpg .item-list .roll-menu .roll-level .roll-level-box .value span {
  z-index: 1;
}
.dc20rpg .item-list .roll-menu .help-dices .roll-level-box .value::after, .dc20rpg .item-list .roll-menu .roll-level .roll-level-box .value::after {
  content: "";
  min-width: 16px;
  background-color: var(--primary-light);
  border: 2px solid var(--primary-color);
  min-height: 10px;
  border-radius: 0 0 4px 4px;
  position: absolute;
  z-index: 0;
}
.dc20rpg .item-list .roll-menu .help-dices .roll-level-box .dice, .dc20rpg .item-list .roll-menu .roll-level .roll-level-box .dice {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  font-size: 1.7em;
  z-index: 1;
}
.dc20rpg .item-list .roll-menu .help-dices .square .value, .dc20rpg .item-list .roll-menu .roll-level .square .value {
  left: -10.5px;
}
.dc20rpg .item-list .roll-menu .help-dices .diamond .value, .dc20rpg .item-list .roll-menu .roll-level .diamond .value {
  left: -12px;
}
.dc20rpg .item-list .roll-menu .roll-options {
  margin-top: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 4px;
}
.dc20rpg .item-list .roll-menu .roll-options .toggle {
  margin-left: 1px;
  margin-right: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .item-list .roll-menu .roll-options .toggle .fa-2x {
  font-size: 1.7em;
  color: var(--primary-color);
}
.dc20rpg #tooltip-container {
  position: fixed;
  min-height: 200px;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  z-index: 100;
  border-radius: 3px;
  border: 3px solid var(--primary-dark);
  padding: 10px;
  background-image: url(../images/sheet/parchment.jpg);
  -webkit-box-shadow: 0 0 15px var(--secondary-darker) inset;
  box-shadow: 0 0 15px var(--secondary-darker) inset;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  overflow-x: hidden;
}
.dc20rpg #tooltip-container .tooltip-info {
  font-size: 10px;
  border-bottom: 2px solid var(--primary-color);
  padding-bottom: 5px;
  font-family: "Signika", sans-serif;
}
.dc20rpg #tooltip-container .tooltip-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 45px;
  border-bottom: 2px solid var(--primary-color);
  padding-top: 15px;
  padding-bottom: 15px;
}
.dc20rpg #tooltip-container .tooltip-header input {
  font-family: "Humaroid";
  font-size: 24px;
  overflow-x: hidden;
}
.dc20rpg #tooltip-container .tooltip-header input:disabled {
  color: #000;
}
.dc20rpg #tooltip-container .tooltip-header img {
  height: 40px;
  width: 40px;
  border: 2px solid var(--primary-color);
  border-radius: 5px;
  margin-right: 5px;
}
.dc20rpg #tooltip-container .tooltip-header.invisible {
  display: none;
}
.dc20rpg #tooltip-container .tooltip-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: "Signika", sans-serif;
  font-size: 12px;
  border-bottom: 2px solid var(--primary-color);
  padding-bottom: 5px;
}
.dc20rpg #tooltip-container .tooltip-details .detail {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 3px;
  margin-left: 3px;
  padding: 3px;
  border: 1px solid black;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--primary-light);
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.dc20rpg #tooltip-container .tooltip-details .box {
  border: 1px solid black;
  background-color: var(--primary-color);
}
.dc20rpg #tooltip-container .tooltip-details .green-box {
  background-color: var(--crit-background);
}
.dc20rpg #tooltip-container .tooltip-details .red-box {
  background-color: var(--fail-background);
}
.dc20rpg #tooltip-container .tooltip-details.invisible {
  display: none;
}
.dc20rpg #tooltip-container .tooltip-description {
  font-size: 14px;
  font-family: "Signika", sans-serif;
}
.dc20rpg #tooltip-container .tooltip-description.invisible {
  display: none;
}
.dc20rpg #tooltip-container .box-style {
  cursor: pointer;
}
.dc20rpg #tooltip-container .box-style:hover {
  text-shadow: 2px 2px 5px #ca0000;
}
.dc20rpg #tooltip-container .hyperlink-style {
  color: var(--primary-color);
  cursor: pointer;
}
.dc20rpg #tooltip-container .hyperlink-style:hover {
  text-shadow: 2px 2px 5px #ca0000;
}
.dc20rpg #context-menu {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  visibility: hidden;
  width: 80px;
  border: 2px solid var(--primary-color);
  background-color: var(--secondary-lighter);
  border-radius: 2px;
}
.dc20rpg #context-menu .elem {
  color: var(--secondary-darker);
  border-top: 1px solid var(--primary-color);
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4px 6px;
  font-weight: bold;
}
.dc20rpg #context-menu .elem:hover {
  background-color: var(--primary-color);
  -webkit-box-shadow: 0 0 10px 5px var(--primary-darker) inset;
  box-shadow: 0 0 10px 5px var(--primary-darker) inset;
  text-shadow: none;
  color: var(--secondary-lighter);
}
.dc20rpg #context-menu .elem:first-child {
  border-top: 0;
}
.dc20rpg .actor_v2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dc20rpg .actor_v2 .edit-button {
  position: absolute;
  top: 3px;
  left: 5px;
  z-index: 3;
  border-radius: 3px;
  padding: 5px 5px 2px 5px;
  font-family: "A Absolute Empire";
  background-color: var(--secondary-lighter);
  color: var(--secondary-darker);
  border: 1px solid var(--secondary-darker);
}
.dc20rpg .actor_v2 .edit-button.active {
  background-color: var(--primary-light);
  border: 1px solid var(--secondary-lighter);
  color: var(--secondary-lighter);
}
.dc20rpg .actor_v2 .char-sheet-header {
  padding: 10px;
  padding-top: 40px;
  background-color: var(--background-banner);
  background-image: url(../images/sheet/header/header_background.jpg);
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-size: cover;
  background-position-y: -185px;
  border-radius: 5px 5px 10px 10px;
  -webkit-box-shadow: 0 2px 10px 3px;
  box-shadow: 0 2px 10px 3px;
  position: absolute;
  top: 0px;
  height: 250px;
  z-index: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column {
  min-width: 145px;
  width: 100%;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource {
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .resource-bar-wrapper {
  display: grid;
  grid-template-columns: 20px 1fr 20px;
  border: 1px solid;
  border-radius: 4px;
  background-color: var(--secondary-lighter);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .resource-bar-wrapper .regain-resource, .dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .resource-bar-wrapper .spend-resource, .dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .resource-bar-wrapper .spend-regain-resource {
  background-color: transparent;
  width: 18px;
  height: 20px;
  border: 0;
  line-height: 0;
  padding: 0;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .resource-bar-wrapper .stamina {
  color: var(--stamina);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .resource-bar-wrapper .mana {
  color: var(--mana);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .resource-bar-wrapper .health {
  color: var(--health);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .resource-bar-wrapper .grit {
  color: var(--grit);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .resource-bar-wrapper .rest {
  color: #00887d;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .death-threshold {
  font-family: "Signika", sans-serif;
  background-color: var(--secondary-lighter);
  border: 1px solid black;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  padding: 2px 8px;
  margin: 0 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .death-threshold input {
  font-weight: bold;
  font-size: 16px;
  height: 16px;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .death-threshold input:disabled {
  color: black;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .death-threshold.active {
  background-color: var(--dark-red);
  border-width: 2px;
  border-color: var(--secondary-lighter);
  color: var(--secondary-lighter);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .death-threshold.active input:disabled {
  color: var(--secondary-lighter);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .resource-bar {
  height: 20px;
  position: relative;
  border-radius: 4px;
  border: 1px solid;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .resource-bar .resource-content {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .resource-bar .resource-content .resource-values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .resource-bar .resource-content .resource-values .separator {
  font-weight: bold;
  text-align: center;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .resource-bar .resource-content .resource-values .bar-input {
  font-weight: bold;
  background-color: transparent;
  color: black;
  font-size: 16px;
  text-align: center;
  border: 0px;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .resource-bar .health-bar, .dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .resource-bar .mana-bar, .dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .resource-bar .stamina-bar, .dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .resource-bar .health-bar-temp {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 4px;
  background-color: var(--health-bar);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .resource-bar .health-bar-temp {
  background-color: var(--temp-health-bar);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .above-bar {
  gap: 0;
  margin: 0 32px;
  border: 2px solid var(--secondary-dark);
  border-bottom: 0;
  border-radius: 15px 15px 0 0;
  background-color: rgba(211, 211, 211, 0.4745098039);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .above-bar .regain-resource, .dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .above-bar .spend-resource, .dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .above-bar .spend-regain-resource {
  padding-top: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .above-bar .temporary-hp .temporary-input {
  height: 18px;
  font-size: 14px;
  font-weight: bold;
  background: transparent;
  border: 0;
  text-align: center;
  color: black;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .above-bar .temporary-hp .temporary-input::-webkit-input-placeholder {
  color: black;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .above-bar .temporary-hp .temporary-input::-moz-placeholder {
  color: black;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .above-bar .temporary-hp .temporary-input:-ms-input-placeholder {
  color: black;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .above-bar .temporary-hp .temporary-input::-ms-input-placeholder {
  color: black;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .above-bar .temporary-hp .temporary-input::placeholder {
  color: black;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .above-bar .temporary-max, .dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .above-bar .spend-resource, .dc20rpg .actor_v2 .char-sheet-header .resource-column .resource .above-bar .spend-regain-resource {
  border-left: 1px solid;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .hp-background {
  background-image: url(../images/sheet/header/health.svg);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 0px;
  background-size: 72px;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .icon-resource {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .icon-resource .points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .icon-resource .points b {
  margin: 8px 6px 0 0;
  font-size: 24px;
  font-family: "A Absolute Empire";
  color: var(--secondary-lighter);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .icon-resource .points i {
  margin: 4px 2px 4px 2px;
  color: var(--secondary-lighter);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .icon-resource .points .fa-2x {
  font-size: 2.4em !important;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .icon-resource .buttons {
  border: 1px solid;
  border-radius: 4px;
  background-color: var(--secondary-lighter);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .icon-resource .buttons button {
  background-color: transparent;
  font-size: 12px;
  font-weight: bold;
  border: 0;
  line-height: 18px;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .icon-resource .buttons .use-ap {
  border-right: 1px solid;
  border-radius: 4px 0 0 4px;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .icon-resource .buttons .regain-ap {
  border-right: 1px solid;
  border-radius: 0;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .icon-resource .buttons .regain-all-ap {
  border-radius: 0 4px 4px 0;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .icon-resource .buttons .use-grit {
  font-size: 11px;
  border-right: 1px solid;
  border-radius: 4px 0 0 4px;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .icon-resource .buttons .regain-grit {
  font-size: 11px;
  border-radius: 0 4px 4px 0;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .icon-resource .max-points {
  position: absolute;
  font-size: 20px;
  font-family: "A Absolute Empire";
  width: 28px;
  height: 28px;
  border-radius: 7px;
  margin-top: -8px;
  margin-left: -7px;
  border: 2px solid var(--secondary-dark);
  background-color: var(--secondary-lighter);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .icon-resource .max-points input {
  text-align: center;
  background-color: transparent;
  border: 0;
  border-radius: 10px;
  color: var(--primary-color);
  text-shadow: -1px 0 var(--secondary-dark), 0 1px var(--secondary-dark), 1px 0 var(--secondary-dark), 0 -1px var(--secondary-dark);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .rest-points {
  margin-top: 8px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 25px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: var(--secondary-lighter);
  border: 1px solid var(--primary-color);
  border-radius: 5px;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .rest-points .rest-point-values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid var(--primary-color);
  border-right: 1px solid var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .rest-points .rest-point-values input {
  border: 0;
  height: 25px;
  font-weight: bold;
  text-align: center;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .rest-points button, .dc20rpg .actor_v2 .char-sheet-header .resource-column .rest-points i {
  color: #00887d;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 25px;
  height: 23px;
  margin-top: 0px;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .rest-points .rest-point-to-hp {
  border-right: 1px solid var(--primary-color);
  border-radius: 0;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-column .rest-points i {
  padding: 0 4px;
}
.dc20rpg .actor_v2 .char-sheet-header .custom-resource-wrapper {
  margin-top: 5px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 87px;
}
.dc20rpg .actor_v2 .char-sheet-header .custom-resource-wrapper .custom-resource {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--secondary-lighter);
  border: 2px solid var(--primary-color);
  border-radius: 3px 5px 6px 3px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 26px;
}
.dc20rpg .actor_v2 .char-sheet-header .custom-resource-wrapper .custom-resource .resource-icon {
  width: 24px;
  height: 24px;
  border-radius: 3px;
  border: 0;
}
.dc20rpg .actor_v2 .char-sheet-header .custom-resource-wrapper .custom-resource .edit-resource-img {
  cursor: pointer;
}
.dc20rpg .actor_v2 .char-sheet-header .custom-resource-wrapper .custom-resource .resource-charges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-header .custom-resource-wrapper .custom-resource .resource-charges input {
  text-align: center;
  color: black;
  font-weight: bold;
  background-color: transparent;
  border: 0;
}
.dc20rpg .actor_v2 .char-sheet-header .custom-resource-wrapper .custom-resource .resource-charges .input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-header .custom-resource-wrapper .custom-resource .resource-charges .input-container .separator {
  margin: 0 5px;
}
.dc20rpg .actor_v2 .char-sheet-header .custom-resource-wrapper .custom-resource .resource-buttons {
  margin: 0 4px;
  margin-top: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg .actor_v2 .char-sheet-header .custom-resource-wrapper .custom-resource .resource-buttons .remove-resource {
  margin-left: 3px;
  color: var(--dark-red);
}
.dc20rpg .actor_v2 .char-sheet-header .custom-resource-wrapper .add-custom-resource, .dc20rpg .actor_v2 .char-sheet-header .custom-resource-wrapper .add-legendary-resources {
  color: var(--secondary-lighter);
  margin-left: 4px;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column {
  margin-left: 5px;
  min-width: 125px;
  width: 100%;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 3px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-icon {
  width: 32px;
  height: 32px;
  border: 0;
  border: 2px solid var(--primary-color);
  border-radius: 3px;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-icon.stamina {
  background-color: var(--stamina);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-icon.mana {
  background-color: var(--mana);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-icon.grit {
  background-color: var(--grit);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar-wrapper {
  display: grid;
  grid-template-columns: 1fr 22px;
  border: 1px solid;
  border-radius: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--secondary-lighter);
  border-radius: 0 6px 6px 0;
  border: 2px solid var(--primary-color);
  border-left: 0;
  width: 100%;
  height: 28px;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar-wrapper .regain-resource, .dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar-wrapper .spend-resource, .dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar-wrapper .spend-regain-resource {
  background-color: transparent;
  width: 20px;
  height: 20px;
  border: 0;
  line-height: 0;
  padding: 0;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar-wrapper .stamina {
  color: var(--stamina);
  border-color: var(--stamina);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar-wrapper .mana {
  color: var(--mana);
  border-color: var(--mana);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar-wrapper .grit {
  color: var(--grit);
  border-color: var(--grit);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar {
  height: 24px;
  position: relative;
  border-right: 1px solid var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar .resource-content {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar .resource-content .resource-values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar .resource-content .resource-values .separator {
  font-weight: bold;
  text-align: center;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar .resource-content .resource-values .bar-input {
  font-weight: bold;
  background-color: transparent;
  color: black;
  font-size: 16px;
  text-align: center;
  border: 0px;
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar .health-bar, .dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar .mana-bar, .dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar .stamina-bar, .dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar .grit-bar, .dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar .health-bar-temp {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: var(--health-bar);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar .mana-bar {
  background-color: var(--mana-bar);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar .stamina-bar {
  background-color: var(--stamina-bar);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar .grit-bar {
  background-color: var(--grit-bar);
}
.dc20rpg .actor_v2 .char-sheet-header .resource-other-column .resource .resource-bar .health-bar-temp {
  background-color: var(--temp-health-bar);
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column {
  width: 140px;
  margin-left: 6px;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .big-icon {
  background-repeat: no-repeat;
  background-position: center;
  height: 45px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .big-icon input {
  font-size: 32px;
  text-align: center;
  background-color: transparent;
  border: 0;
  height: 110%;
  color: white;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .big-icon input:disabled {
  color: var(--secondary-color);
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences {
  gap: 3px;
  margin: 0;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences .defence {
  margin-top: 2px;
  border: 2px solid var(--primary-color);
  border-radius: 10px;
  padding: 1px;
  background-color: var(--secondary-light-alpha);
  font-family: "A Absolute Empire";
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences .dmg-treshold, .dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences .dmg-reduction {
  margin: 3px 0;
  border-top: 3px solid var(--primary-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 3px;
  height: 23px;
  color: var(--primary-color);
  font-weight: bold;
  font-size: 16px;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences .dmg-treshold input, .dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences .dmg-reduction input {
  text-align: center;
  font-weight: bold;
  height: 23px;
  padding: 0;
  background-color: transparent;
  border: 0;
  color: var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences .dmg-treshold input:disabled, .dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences .dmg-reduction input:disabled {
  color: var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences .defence-icons {
  position: relative;
  left: 81%;
  top: -58px;
  height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences .defence-icons .def-icon {
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
  background-color: var(--secondary-lighter);
  border-radius: 6px;
  min-height: 27px;
  width: 30px;
  padding: 1px;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences .defence-icons .def-icon::before {
  content: "";
  position: absolute;
  height: 21px;
  width: 25px;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--primary-color);
  z-index: 0;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences .defence-icons .heavy::before {
  -webkit-mask-image: url("../images/sheet/details/char-sheet-svg/heavy_hit.svg");
  mask-image: url("../images/sheet/details/char-sheet-svg/heavy_hit.svg");
  -webkit-mask-position: 1px 0px;
  mask-position: 1px 0px;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences .defence-icons .brutal::before {
  -webkit-mask-image: url("../images/sheet/details/char-sheet-svg/brutal_hit.svg");
  mask-image: url("../images/sheet/details/char-sheet-svg/brutal_hit.svg");
  -webkit-mask-position: 0px -1px;
  mask-position: 0px -1px;
  -webkit-mask-size: 94%;
  mask-size: 94%;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences .defence-icons .damage-reduction::before {
  -webkit-mask-image: url("../images/sheet/details/char-sheet-svg/damage_reduction.svg");
  mask-image: url("../images/sheet/details/char-sheet-svg/damage_reduction.svg");
  -webkit-mask-position: 1px 0px;
  mask-position: 1px 0px;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences .value-precision input, .dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences .value-area input {
  position: relative;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences .value-precision::before, .dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences .value-area::before {
  content: "";
  position: absolute;
  height: 50px;
  width: 60px;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--primary-color);
  z-index: 0;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences .value-precision::before {
  -webkit-mask-image: url("../images/sheet/details/char-sheet-svg/physical_defence.svg");
  mask-image: url("../images/sheet/details/char-sheet-svg/physical_defence.svg");
  -webkit-mask-position: 4px -1px;
  mask-position: 4px -1px;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .defences .value-area::before {
  -webkit-mask-image: url("../images/sheet/details/char-sheet-svg/mental_defence.svg");
  mask-image: url("../images/sheet/details/char-sheet-svg/mental_defence.svg");
  -webkit-mask-position: 4px 0px;
  mask-position: 4px 0px;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .drs {
  border: 2px solid var(--primary-color);
  border-radius: 6px;
  background-color: var(--secondary-light-alpha);
  font-family: "A Absolute Empire";
  padding: 3px;
  margin: 0;
  gap: 0;
  height: 28px;
  margin-bottom: 3px;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .drs i {
  color: var(--secondary-dark);
  border-left: 1px solid var(--primary-color);
  border-right: 1px solid var(--primary-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .drs i.active {
  color: var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .drs .pdr {
  border-left: 0;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .drs .mdr {
  border-right: 0;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border: 2px solid var(--primary-color);
  border-radius: 6px;
  background-color: var(--secondary-light-alpha);
  font-family: "A Absolute Empire";
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements .ground-speed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements .ground-speed .speed-value input, .dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements .ground-speed .jump-distance input {
  position: relative;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements .ground-speed .speed-value::before, .dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements .ground-speed .jump-distance::before {
  content: "";
  position: absolute;
  height: 60px;
  width: 68px;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--primary-color);
  z-index: 0;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements .ground-speed .speed-value {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border-right: 3px solid var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements .ground-speed .speed-value::before {
  -webkit-mask-image: url("../images/sheet/details/char-sheet-svg/speed.svg");
  mask-image: url("../images/sheet/details/char-sheet-svg/speed.svg");
  -webkit-mask-position: 7px -4px;
  mask-position: 7px -4px;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements .ground-speed .jump-distance::before {
  -webkit-mask-image: url("../images/sheet/details/char-sheet-svg/jump.svg");
  mask-image: url("../images/sheet/details/char-sheet-svg/jump.svg");
  -webkit-mask-position: -1px -1px;
  mask-position: -1px -1px;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements .speed-types {
  height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements .speed-types .speed {
  display: block;
  border-radius: 8px;
  border: 2px solid var(--primary-color);
  text-align: center;
  height: 32px;
  width: 30px;
  background-color: var(--secondary-lighter);
  position: relative;
  top: -5px;
  left: -10px;
  margin: 0 1px;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements .speed-types .speed::before {
  content: "";
  position: absolute;
  height: 32px;
  width: 25px;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--primary-color);
  z-index: 0;
  -webkit-transition: height, -webkit-mask-position 0.5s ease-in-out;
  transition: height, -webkit-mask-position 0.5s ease-in-out;
  transition: height, mask-position 0.5s ease-in-out;
  transition: height, mask-position 0.5s ease-in-out, -webkit-mask-position 0.5s ease-in-out;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements .speed-types .speed input {
  position: relative;
  background-color: transparent;
  border: 0;
  color: white;
  font-size: 16px;
  margin-top: 9px;
  width: 25px;
  height: 25px;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements .speed-types .speed input:disabled {
  color: var(--secondary-color);
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements .speed-types .glide::before {
  -webkit-mask-image: url("../images/sheet/details/char-sheet-svg/glide.svg");
  mask-image: url("../images/sheet/details/char-sheet-svg/glide.svg");
  -webkit-mask-position: 0px -2px;
  mask-position: 0px -2px;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements .speed-types .flying::before {
  -webkit-mask-image: url("../images/sheet/details/char-sheet-svg/flying.svg");
  mask-image: url("../images/sheet/details/char-sheet-svg/flying.svg");
  -webkit-mask-position: 0px -3px;
  mask-position: 0px -3px;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements .speed-types .swimming::before {
  -webkit-mask-image: url("../images/sheet/details/char-sheet-svg/swimming.svg");
  mask-image: url("../images/sheet/details/char-sheet-svg/swimming.svg");
  -webkit-mask-position: 0px -3px;
  mask-position: 0px -3px;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements .speed-types .climbing::before {
  -webkit-mask-image: url("../images/sheet/details/char-sheet-svg/climbing.svg");
  mask-image: url("../images/sheet/details/char-sheet-svg/climbing.svg");
  -webkit-mask-position: 0px -4px;
  mask-position: 0px -4px;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements .speed-types .burrow::before {
  -webkit-mask-image: url("../images/sheet/details/char-sheet-svg/burrow.svg");
  mask-image: url("../images/sheet/details/char-sheet-svg/burrow.svg");
  -webkit-mask-position: 0px -5px;
  mask-position: 0px -5px;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements:not(:hover) {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements:not(:hover) .ground-speed {
  height: 60px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements:not(:hover) .ground-speed .speed-value::before {
  content: "";
  position: absolute;
  height: 66px;
  width: 68px;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--primary-color);
  z-index: 0;
  -webkit-mask-position: 2px -2px;
  mask-position: 2px -2px;
  -webkit-transition: height, -webkit-mask-position 0.5s ease-in-out;
  transition: height, -webkit-mask-position 0.5s ease-in-out;
  transition: height, mask-position 0.5s ease-in-out;
  transition: height, mask-position 0.5s ease-in-out, -webkit-mask-position 0.5s ease-in-out;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements:not(:hover) .jump-distance::before {
  content: "";
  position: absolute;
  height: 60px;
  width: 68px;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--primary-color);
  z-index: 0;
}
.dc20rpg .actor_v2 .char-sheet-header .combat-info-column .movements:not(:hover) .speed-types {
  visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column {
  margin-left: 6px;
  border: 2px solid var(--primary-color);
  border-radius: 5px;
  padding: 8px 10px 6px 10px;
  background-color: var(--secondary-light-alpha);
  font-family: "A Absolute Empire";
  text-align: center;
  min-width: 151px;
  width: 100%;
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column .roll-level {
  margin-top: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column .roll-level .toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 3px;
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column .roll-level .toggle .toggle-actor-numeric {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4px 4px 2px 4px;
  width: 25px;
  background-color: var(--primary-light);
  border: 2px solid var(--primary-color);
  border-radius: 5px;
  color: var(--secondary-lighter);
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column .roll-level .toggle span {
  margin-top: 4px;
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column .roll-level .absolute-button {
  position: absolute;
  left: 60px;
  top: 52px;
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column .roll-level .absolute-button .ap-for-adv .dice {
  color: var(--primary-light);
  font-size: 1.7em;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column .roll-level .absolute-button .ap-for-adv .value {
  position: relative;
  top: -22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column .roll-level .absolute-button .ap-for-adv .value span {
  color: var(--secondary-lighter);
  font-size: 14px;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column .help-dices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column .help-dices .value {
  position: relative;
  top: -24px;
  left: 0.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column .help-dices .value span {
  color: var(--secondary-lighter);
  font-size: 16px;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column .help-dices .dice {
  margin-top: 2px;
  color: var(--primary-light);
  font-size: 2.1em;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column .help-dices .triangle .value span {
  margin-top: 2px;
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column .help-dices .triangle .dice {
  font-size: 2.4em;
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column .roll-buttons {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column .roll-buttons .icon-wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 3px;
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column .roll-buttons .icon-wrapper .icon {
  font-size: 1.5em;
  color: var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column .help-dice-header {
  border-top: 3px solid var(--primary-color);
  margin-top: 8px;
  padding-top: 8px;
}
.dc20rpg .actor_v2 .char-sheet-header .roll-menu-column .roll-buttons-header {
  border-top: 3px solid var(--primary-color);
  padding-top: 8px;
  margin-top: -16px;
}
.dc20rpg .actor_v2 .char-sheet-header .details-column {
  width: 100%;
  margin-left: 6px;
}
.dc20rpg .actor_v2 .char-sheet-header .details-column .check-save-column {
  border: 2px solid var(--primary-color);
  border-radius: 5px;
  padding: 8px 10px 6px 10px;
  background-color: var(--secondary-light-alpha);
  font-family: "A Absolute Empire";
  text-align: center;
}
.dc20rpg .actor_v2 .char-sheet-header .details-column .check-save-column .flat-buttons {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg .actor_v2 .char-sheet-header .details-column .check-save-column .flat-buttons a {
  margin-left: 4px;
  margin-right: 4px;
}
.dc20rpg .actor_v2 .char-sheet-header .details-column .check-save-column .value-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  margin-top: 3px;
  background-color: var(--secondary-lighter);
  border-radius: 5px;
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
  width: 100%;
}
.dc20rpg .actor_v2 .char-sheet-header .details-column .check-save-column .value-box .title {
  margin-top: 1px;
  margin-bottom: -1px;
  padding: 5px;
}
.dc20rpg .actor_v2 .char-sheet-header .details-column .check-save-column .value-box .value {
  margin-top: 1px;
  margin-bottom: -1px;
  color: var(--primary-color);
  font-size: 14px;
  padding: 2px 5px;
}
.dc20rpg .actor_v2 .char-sheet-header .details-column .check-save-column .value-box input {
  text-align: right;
  color: var(--primary-color);
  font-size: 14px;
  height: 23px;
  background-color: transparent;
  border: 0;
  font-weight: bold;
  padding-right: 5px;
  padding-top: 2px;
  width: 25px;
}
.dc20rpg .actor_v2 .char-sheet-header .details-column .check-save-column .check-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg .actor_v2 .char-sheet-header .details-column .check-save-column .check-buttons .roll-button {
  min-width: 71px;
  width: 100%;
  font-size: 12px;
  margin-top: 3px;
  background-color: var(--secondary-lighter);
  border-radius: 5px;
  padding: 5px;
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-header .details-column .check-save-column .check-buttons .roll-button .original {
  margin-top: 1px;
  margin-bottom: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .actor_v2 .char-sheet-header .details-column .check-save-column .check-buttons .roll-button .hovered {
  margin-top: 1px;
  margin-bottom: -1px;
  display: none;
}
.dc20rpg .actor_v2 .char-sheet-header .details-column .check-save-column .check-buttons .roll-button:hover {
  color: white;
  background-color: var(--primary-light);
  border-color: white;
  cursor: pointer;
}
.dc20rpg .actor_v2 .char-sheet-header .details-column .check-save-column .check-buttons .roll-button:hover .original {
  display: none;
}
.dc20rpg .actor_v2 .char-sheet-header .details-column .check-save-column .check-buttons .roll-button:hover .hovered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .actor_v2 .char-sheet-header .details-column .check-save-column .saves {
  border-top: 3px solid var(--primary-color);
  margin-top: 8px;
  padding-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg .actor_v2 .char-sheet-header .details-column .activable-box {
  font-family: "A Absolute Empire";
  padding: 6px 6px 4px 6px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  border: 2px solid var(--pc-main);
  background-color: var(--pc-secondary-light);
  color: var(--pc-main);
}
.dc20rpg .actor_v2 .char-sheet-header .details-column .activable-box.active {
  background-color: var(--pc-main);
  border-color: var(--pc-secondary-light);
  color: var(--pc-secondary-light);
}
.dc20rpg .actor_v2 .char-sheet-header .details-column .activable-box.activable:hover {
  -webkit-box-shadow: 0 0 3px 2px rgba(253, 0, 0, 0.7411764706) inset;
  box-shadow: 0 0 3px 2px rgba(253, 0, 0, 0.7411764706) inset;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column {
  min-width: 160px;
  width: 100%;
  font-family: "A Absolute Empire";
  text-align: center;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes {
  margin: 0;
  font-family: "A Absolute Empire";
  gap: 3px;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute {
  border: 2px solid var(--secondary-darker);
  background-color: var(--secondary-lighter);
  color: var(--primary-light);
  border-radius: 3px;
  min-width: 75px;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute.prime-attribute {
  border-color: var(--secondary-darker);
  color: white;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute.prime-attribute .atr-name {
  background-color: var(--primary-color);
  border-bottom: 2px solid black;
  color: white;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute.prime-attribute .value input:disabled {
  color: white;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute .atr-name {
  border-bottom: 2px solid black;
  padding: 4px 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute .atr-name label {
  font-size: 14px;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute .buttons {
  position: relative;
  top: 11px;
  height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute .buttons a {
  background-color: var(--secondary-lighter);
  color: var(--primary-color);
  border-color: var(--secondary-dark);
  width: 20px;
  height: 20px;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute .buttons .add-attribute-point {
  position: relative;
  right: -5px;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute .buttons .subtract-attribute-point {
  position: relative;
  left: -5px;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute .value {
  font-size: 20px;
  font-weight: bold;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute .value input {
  background: transparent;
  border: 0;
  text-align: center;
  color: var(--primary-light);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  height: 25px;
  width: 100%;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute .value input:disabled {
  color: var(--primary-light);
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute .roll-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute .roll-buttons .check {
  border-radius: 0 15px 0 0;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute .roll-buttons .save {
  border-radius: 15px 0 0 0;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute .roll-buttons .roll-button {
  font-size: 12px;
  color: var(--primary-color);
  padding: 5px;
  padding-top: 10px;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 20px;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute .roll-buttons .roll-button .original {
  font-size: 10px;
  margin-top: 1px;
  margin-bottom: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute .roll-buttons .roll-button .hovered {
  margin-top: 1px;
  margin-bottom: -1px;
  display: none;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute .roll-buttons .roll-button:hover {
  color: white;
  background-color: var(--primary-light);
  border-color: white;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute .roll-buttons .roll-button:hover .original {
  display: none;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute .roll-buttons .roll-button:hover .hovered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .attributes .attribute .roll-buttons .save-mastery-container {
  color: var(--primary-color);
  position: relative;
  top: -15px;
  left: -7px;
  height: 0;
  width: 0;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .points-left {
  position: relative;
  height: 0;
  left: -10px;
  top: -15px;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .points-left span {
  margin-top: 1px;
  text-shadow: none;
  background-color: var(--secondary-lighter);
  border-color: var(--dark-red);
  color: var(--dark-red);
  border-radius: 7px;
}
.dc20rpg .actor_v2 .char-sheet-header .attributes-column .attributes-wrapper .points-left.save-masteries {
  left: calc(100% - 15px);
}
.dc20rpg .actor_v2 .char-sheet-header .check-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg .actor_v2 .char-sheet-header .check-buttons .roll-button {
  min-width: 71px;
  width: 100%;
  font-size: 12px;
  margin-top: 3px;
  background-color: var(--secondary-lighter);
  border-radius: 5px;
  padding: 5px;
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-header .check-buttons .roll-button .original {
  margin-top: 1px;
  margin-bottom: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .actor_v2 .char-sheet-header .check-buttons .roll-button .hovered {
  margin-top: 1px;
  margin-bottom: -1px;
  display: none;
}
.dc20rpg .actor_v2 .char-sheet-header .check-buttons .roll-button.save-button {
  height: 40px;
  margin-bottom: 5px;
  margin-top: 0px;
}
.dc20rpg .actor_v2 .char-sheet-header .check-buttons .roll-button:hover {
  color: white;
  background-color: var(--primary-light);
  border-color: white;
}
.dc20rpg .actor_v2 .char-sheet-header .check-buttons .roll-button:hover .original {
  display: none;
}
.dc20rpg .actor_v2 .char-sheet-header .check-buttons .roll-button:hover .hovered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .actor_v2 .char-sheet-details {
  position: absolute;
  top: 30px;
  left: 0;
  z-index: -1;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.dc20rpg .actor_v2 .char-sheet-details .sidetab-content {
  position: absolute;
  top: 0;
  width: 200px;
  border-radius: 0 0 0 5px;
  -webkit-box-shadow: 0 2px 10px 3px;
  box-shadow: 0 2px 10px 3px;
  border: 1px solid var(--primary-color);
  overflow-y: auto;
  min-height: 315px;
  background-color: var(--background-color);
  background-blend-mode: color-burn;
  background-image: url(../images/sheet/parchment.jpg);
  background-repeat: repeat;
}
.dc20rpg .actor_v2 .char-sheet-details .baner {
  padding-bottom: 10px;
  -webkit-box-shadow: 0 2px 10px 3px;
  box-shadow: 0 2px 10px 3px;
  border-radius: 0 0 5px 5px;
  background-color: var(--background-banner);
  background-image: url(../images/sheet/details/char_banner_v1.jpg);
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-position-x: -50px;
  background-position-y: 150px;
  background-size: 300px;
}
.dc20rpg .actor_v2 .char-sheet-details .baner .over-image-wrapper {
  position: fixed;
  z-index: 2;
}
.dc20rpg .actor_v2 .char-sheet-details .baner .over-image-wrapper .level-wrapper {
  position: absolute;
  font-size: 22px;
  font-family: "A Absolute Empire";
  border-radius: 25px;
  left: 80px;
  top: -20px;
  border: 2px solid var(--primary-color);
  background-color: var(--secondary-lighter);
}
.dc20rpg .actor_v2 .char-sheet-details .baner .over-image-wrapper .level-wrapper input {
  text-align: center;
  background-color: transparent;
  border: 0;
  border-radius: 25px;
  color: var(--primary-color);
  text-shadow: -1px 0 var(--secondary-dark), 0 1px var(--secondary-dark), 1px 0 var(--secondary-dark), 0 -1px var(--secondary-dark);
  width: 40px;
  height: 40px;
}
.dc20rpg .actor_v2 .char-sheet-details .baner .over-image-wrapper .cm-wrapper {
  position: absolute;
  border-radius: 25px;
  left: 120px;
  top: -17px;
  border: 2px solid var(--primary-darker);
  background-color: var(--primary-light);
}
.dc20rpg .actor_v2 .char-sheet-details .baner .over-image-wrapper .cm-wrapper input {
  font-size: 16px;
  font-family: "A Absolute Empire";
  text-align: center;
  background-color: transparent;
  border: 0;
  border-radius: 25px;
  color: var(--secondary-lighter);
  text-shadow: -1px 0 var(--secondary-dark), 0 1px var(--secondary-dark), 1px 0 var(--secondary-dark), 0 -1px var(--secondary-dark);
  width: 34px;
  height: 34px;
}
.dc20rpg .actor_v2 .char-sheet-details .baner .over-image-wrapper .char-buttons-wrapper {
  position: absolute;
  left: -10px;
  top: -14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dc20rpg .actor_v2 .char-sheet-details .baner .over-image-wrapper .char-buttons-wrapper a {
  margin-top: 2px;
}
.dc20rpg .actor_v2 .char-sheet-details .baner .over-image-wrapper .char-level-wrapper {
  position: absolute;
  left: 17px;
  top: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-details .baner .over-image-wrapper .char-level-wrapper a {
  margin-left: 2px;
}
.dc20rpg .actor_v2 .char-sheet-details .baner .char-name {
  font-family: "A Absolute Empire";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 5px 5px 0 5px;
}
.dc20rpg .actor_v2 .char-sheet-details .baner .char-name input {
  border-radius: 5px;
  color: white;
  padding: 0px;
  font-size: 16px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  height: 100%;
  width: 100%;
  padding: 3px 3px 0 3px;
  border: 2px solid var(--primary-darker);
  background-color: var(--primary-light);
  text-indent: 5px;
}
.dc20rpg .actor_v2 .char-sheet-details .baner .characer-img {
  margin-bottom: -3px;
}
.dc20rpg .actor_v2 .char-sheet-details .baner .characer-img img {
  -o-object-position: 50% 0;
  object-position: 50% 0;
  -o-object-fit: cover;
  object-fit: cover;
  height: 220px;
  width: 200px;
  border: 0;
}
.dc20rpg .actor_v2 .char-sheet-details .sidetab-button {
  color: var(--primary-color);
  position: relative;
  left: -25px;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  top: 250px;
}
.dc20rpg .actor_v2 .char-sheet-details .unique-items {
  margin-top: 15px;
}
.dc20rpg .actor_v2 .char-sheet-details .unique-items .unique-item {
  margin: 5px;
  margin-top: 8px;
  padding: 3px 5px;
  border-radius: 15px;
  border: 2px solid var(--secondary-dark);
  background-color: var(--item-selected);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: -2px 3px 5px 1px;
  box-shadow: -2px 3px 5px 1px;
}
.dc20rpg .actor_v2 .char-sheet-details .unique-items .unique-item .item-image {
  height: 35px;
  width: 35px;
  border: 2px solid var(--secondary-color);
  border-radius: 10px;
}
.dc20rpg .actor_v2 .char-sheet-details .unique-items .unique-item .item-name {
  font-family: "A Absolute Empire";
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 4px;
  font-size: 14px;
  font-weight: bold;
  color: white;
}
.dc20rpg .actor_v2 .char-sheet-details .unique-items .unique-item .item-buttons {
  border-left: 2px solid var(--secondary-dark);
  padding-left: 5px;
  height: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-details .unique-items .unique-item .item-buttons a {
  color: white;
  margin-right: 2px;
}
.dc20rpg .actor_v2 .char-sheet-details .unique-items .unique-item .item-buttons .open-compendium, .dc20rpg .actor_v2 .char-sheet-details .unique-items .unique-item .item-buttons .mix-ancestry {
  color: var(--primary-color);
  background-color: var(--secondary-lighter);
  border-radius: 5px;
  border: 2px solid var(--primary-color);
  height: 25px;
  width: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg .actor_v2 .char-sheet-details .unique-items .unique-item .item-buttons .open-compendium::before, .dc20rpg .actor_v2 .char-sheet-details .unique-items .unique-item .item-buttons .mix-ancestry::before {
  margin-top: 2px;
}
.dc20rpg .actor_v2 .char-sheet-details .unique-items .unique-item.missing {
  border-color: var(--dark-red) !important;
  -webkit-box-shadow: 0 0 0 0 #da0101;
  box-shadow: 0 0 0 0 #da0101;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-animation: red-alert 1.5s infinite;
  animation: red-alert 1.5s infinite;
}
@-webkit-keyframes red-alert {
  0% {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
    -webkit-box-shadow: 0 0 0 0 rgba(218, 1, 1, 0.7411764706);
    box-shadow: 0 0 0 0 rgba(218, 1, 1, 0.7411764706);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 15px rgba(218, 1, 1, 0);
    box-shadow: 0 0 0 15px rgba(218, 1, 1, 0);
  }
  100% {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
    -webkit-box-shadow: 0 0 0 0 rgba(218, 1, 1, 0);
    box-shadow: 0 0 0 0 rgba(218, 1, 1, 0);
  }
}
@keyframes red-alert {
  0% {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
    -webkit-box-shadow: 0 0 0 0 rgba(218, 1, 1, 0.7411764706);
    box-shadow: 0 0 0 0 rgba(218, 1, 1, 0.7411764706);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 15px rgba(218, 1, 1, 0);
    box-shadow: 0 0 0 15px rgba(218, 1, 1, 0);
  }
  100% {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
    -webkit-box-shadow: 0 0 0 0 rgba(218, 1, 1, 0);
    box-shadow: 0 0 0 0 rgba(218, 1, 1, 0);
  }
}
.dc20rpg .actor_v2 .char-sheet-details .unique-items .empty {
  background-color: transparent;
  border: 2px var(--primary-color) dotted;
}
.dc20rpg .actor_v2 .char-sheet-details .unique-items .empty .item-image {
  background-color: var(--primary-color);
  border: 2px solid var(--secondary-dark);
}
.dc20rpg .actor_v2 .char-sheet-details .unique-items .empty .item-name {
  color: var(--primary-light);
}
.dc20rpg .actor_v2 .char-sheet-details .unique-items .class {
  background-image: url(../images/sheet/details/class_baner.jpg);
  background-repeat: no-repeat;
  background-blend-mode: color-burn;
  background-size: 395px;
  background-position-y: -25px;
  background-position-x: -165px;
}
.dc20rpg .actor_v2 .char-sheet-details .unique-items .subclass {
  background-image: url(../images/sheet/details/subclass_baner.jpg);
  background-repeat: no-repeat;
  background-blend-mode: color-burn;
  background-size: 422px;
  background-position-y: -28px;
  background-position-x: -219px;
}
.dc20rpg .actor_v2 .char-sheet-details .unique-items .ancestry {
  background-image: url(../images/sheet/details/ancestry_baner.jpg);
  background-repeat: no-repeat;
  background-blend-mode: color-burn;
  background-size: 480px;
  background-position-y: -35px;
  background-position-x: -260px;
}
.dc20rpg .actor_v2 .char-sheet-details .unique-items .background {
  background-image: url(../images/sheet/details/background_baner.jpg);
  background-repeat: no-repeat;
  background-blend-mode: color-burn;
  background-size: 320px;
  background-position-y: -18px;
  background-position-x: -122px;
}
.dc20rpg .actor_v2 .char-sheet-details .additional-info {
  background-color: var(--secondary-light-alpha);
  padding: 5px;
  border: 2px solid var(--secondary-darker);
  border-radius: 5px;
  margin: 5px;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-details .additional-info .masteries {
  gap: 1px;
  margin: 0;
}
.dc20rpg .actor_v2 .char-sheet-details .additional-info .masteries .mastery {
  border-radius: 20px;
  width: 25px;
  height: 25px;
  background-color: var(--primary-color);
  border: 2px solid var(--secondary-dark);
  -webkit-filter: invert(30%);
  filter: invert(30%);
}
.dc20rpg .actor_v2 .char-sheet-details .additional-info .masteries .mastery.active {
  -webkit-filter: invert(0);
  filter: invert(0);
}
.dc20rpg .actor_v2 .char-sheet-details .additional-info .vision .description .description-wrapper {
  font-family: "A Absolute Empire";
  position: absolute;
  bottom: 30px;
  z-index: 4;
}
.dc20rpg .actor_v2 .char-sheet-details .additional-info .vision .description .description-wrapper .vision-wrapper {
  width: 150px;
  padding: 2px;
  border-bottom: 1px solid var(--secondary-dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-details .additional-info .vision .description .description-wrapper .vision-wrapper:last-child {
  border-bottom: 0;
}
.dc20rpg .actor_v2 .char-sheet-details .additional-info .vision .description .description-wrapper .vision-wrapper span {
  margin-top: 2px;
}
.dc20rpg .actor_v2 .char-sheet-details .title {
  font-family: "A Absolute Empire";
  font-size: 12px;
  padding-bottom: 4px;
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 2px;
  border-bottom: 2px solid var(--secondary-lighter);
  color: var(--secondary-lighter);
}
.dc20rpg .actor_v2 .char-sheet-details .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "A Absolute Empire";
  margin: 0 5px;
  font-size: 12px;
}
.dc20rpg .actor_v2 .char-sheet-details .row select, .dc20rpg .actor_v2 .char-sheet-details .row input {
  font-size: 12px;
  border: 2px solid var(--primary-color);
  border-radius: 5px;
  color: var(--primary-color);
  background-color: var(--secondary-lighter);
  margin-top: 5px;
  margin-bottom: 5px;
  width: 150px;
  text-align: end;
  font-family: "A Absolute Empire";
}
.dc20rpg .actor_v2 .char-sheet-details .row .half-row {
  width: 70%;
  padding-right: 5px;
}
.dc20rpg .actor_v2 .char-sheet-details .row .short-row {
  width: 20%;
}
.dc20rpg .actor_v2 .char-sheet-details .row .left-part-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-details .row input {
  padding-top: 5px;
  padding-bottom: 3px;
}
.dc20rpg .actor_v2 .char-sheet-details .row select {
  padding-top: 3px;
  padding-bottom: 2px;
}
.dc20rpg .actor_v2 .char-sheet-details .row span {
  color: var(--secondary-lighter);
  margin-top: 3px;
}
.dc20rpg .actor_v2 .char-sheet-details .row.small {
  border-width: 1px;
  height: 22px;
  padding: 1px 10px;
  background-color: var(--secondary-light-alpha);
  border-right: 1px solid var(--secondary-darker);
  border-left: 1px solid var(--secondary-darker);
}
.dc20rpg .actor_v2 .char-sheet-details .row.small input {
  text-align: center;
  padding-top: 3px;
  font-size: 10px;
  height: 18px;
  border-width: 1px;
}
.dc20rpg .actor_v2 .char-sheet-details .row.small span {
  color: var(--primary-darker);
  margin-top: 3px;
  font-size: 10px;
}
.dc20rpg .actor_v2 .char-sheet-details .row.last {
  height: 26px;
  padding-bottom: 4px;
  border-radius: 0 0 3px 3px;
  border-bottom: 1px solid var(--secondary-darker);
}
.dc20rpg .actor_v2 .char-sheet-details.expand {
  left: -200px;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}
.dc20rpg .actor_v2 .char-sheet-details:not(.expand) .sidetab-content {
  -webkit-transition: opacity 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
}
.dc20rpg .actor_v2 .char-sheet-navigation {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  top: 265px;
  left: calc(100% - 1px);
  z-index: -1;
}
.dc20rpg .actor_v2 .char-sheet-navigation .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px;
  border-radius: 3px 3px 20px 3px;
  margin: 4px 0;
  height: 35px;
  width: 35px;
  border: 2px solid var(--secondary-dark);
  background-color: var(--secondary-color);
}
.dc20rpg .actor_v2 .char-sheet-navigation .item.active {
  text-shadow: 0 0 TRANSPARENT;
  height: 40px;
  width: 40px;
  margin-top: 0;
  border: 2px solid var(--primary-color);
  background-color: var(--secondary-lighter);
  color: var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-body {
  z-index: 0;
  padding: 10px;
  padding-top: 40px;
  border: 1px solid var(--primary-color);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: var(--background-color);
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes {
  margin: 0;
  font-family: "A Absolute Empire";
  gap: 3px;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute {
  border: 2px solid var(--secondary-darker);
  background-color: var(--secondary-lighter);
  color: var(--primary-light);
  border-radius: 3px;
  min-width: 75px;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute.prime-attribute {
  border-color: var(--secondary-darker);
  color: white;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute.prime-attribute .atr-name {
  background-color: var(--primary-color);
  border-bottom: 2px solid black;
  color: white;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute.prime-attribute .value input:disabled {
  color: white;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute .atr-name {
  border-bottom: 2px solid black;
  padding: 4px 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute .atr-name label {
  font-size: 14px;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute .buttons {
  position: relative;
  top: 11px;
  height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute .buttons a {
  background-color: var(--secondary-lighter);
  color: var(--primary-color);
  border-color: var(--secondary-dark);
  width: 20px;
  height: 20px;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute .buttons .add-attribute-point {
  position: relative;
  right: -5px;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute .buttons .subtract-attribute-point {
  position: relative;
  left: -5px;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute .value {
  font-size: 20px;
  font-weight: bold;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute .value input {
  background: transparent;
  border: 0;
  text-align: center;
  color: var(--primary-light);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  height: 25px;
  width: 100%;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute .value input:disabled {
  color: var(--primary-light);
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .check {
  border-radius: 0 15px 0 0;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .save {
  border-radius: 15px 0 0 0;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .roll-button {
  font-size: 12px;
  color: var(--primary-color);
  padding: 5px;
  padding-top: 10px;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 20px;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .roll-button .original {
  font-size: 10px;
  margin-top: 1px;
  margin-bottom: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .roll-button .hovered {
  margin-top: 1px;
  margin-bottom: -1px;
  display: none;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .roll-button:hover {
  color: white;
  background-color: var(--primary-light);
  border-color: white;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .roll-button:hover .original {
  display: none;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .roll-button:hover .hovered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .save-mastery-container {
  color: var(--primary-color);
  position: relative;
  top: -15px;
  left: -7px;
  height: 0;
  width: 0;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .points-left {
  position: relative;
  height: 0;
  left: -10px;
  top: -15px;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .points-left span {
  margin-top: 1px;
  text-shadow: none;
  background-color: var(--secondary-lighter);
  border-color: var(--dark-red);
  color: var(--dark-red);
  border-radius: 7px;
}
.dc20rpg .actor_v2 .char-sheet-body .core-tab .first-row .attributes-wrapper .points-left.save-masteries {
  left: calc(100% - 15px);
}
.dc20rpg .actor_v2 .char-sheet-body .tab {
  font-family: "A Absolute Empire";
  font-size: 12px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .top-menu {
  margin-bottom: 5px;
  min-height: 35px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 14px;
  border: 2px solid var(--primary-color);
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  border-radius: 5px;
  background-color: var(--secondary-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .top-menu .top-menu-buttons {
  margin: 10px 5px 6px 10px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .top-menu .filter {
  width: 200px;
  font-family: "Signika", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 5px;
  background-color: var(--secondary-light-alpha);
  border-right: 2px solid var(--primary-color);
  height: 31px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .top-menu .filter input {
  height: 29px;
  margin-left: 3px;
  border: 0;
  border-radius: 0px;
  background-color: transparent;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .top-menu .filter i {
  color: var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-body .tab .top-menu .base-action-switch {
  width: 30px;
  border-left: 2px solid var(--primary-color);
  background-color: var(--secondary-dark);
}
.dc20rpg .actor_v2 .char-sheet-body .tab .top-menu .base-action-switch i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 31px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 3px;
  padding: 0px;
  border: 1px solid var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .box-inner {
  border: 1px solid var(--primary-color);
  border-radius: 3px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .box-inner .table-row {
  padding: 2px 3px;
  border-bottom: 0;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .box-inner .table-row .skill-mastery-toggle, .dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .box-inner .table-row .language-mastery-toggle {
  border-radius: 7px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .box-inner .table-header {
  padding: 5px 5px 3px 5px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .box-inner .table-header .buttons a {
  border-radius: 6px;
  margin-left: 2px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .skills-table {
  display: block;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .skills-header.point-left {
  color: red;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .skills-header .points-left {
  position: relative;
  top: -15px;
  left: -16px;
  height: 0;
  width: 0;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .skills-header .points-left span {
  margin-top: 1px;
  text-shadow: none;
  background-color: var(--secondary-lighter);
  border-color: var(--dark-red);
  color: var(--dark-red);
  border-radius: 7px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .skill-row .skill-mastery .skill-mastery-toggle, .dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .skill-row .skill-mastery .language-mastery-toggle {
  border: 2px solid var(--primary-color);
  background-color: var(--primary-light);
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .skill-row .name {
  font-size: 12px;
  border: 0;
  padding-top: 5px;
  background-color: transparent;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .skill-row .name:disabled {
  color: black;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .skill-row .base-attribute {
  text-align: center;
  padding: 2px 2px 0px 2px;
  color: var(--pc-main-dark);
  border: 1px var(--pc-main-dark) solid;
  border-radius: 3px;
  margin: 0 3px;
  background-color: white;
  font-size: 13px;
  -webkit-filter: opacity(0.7);
  filter: opacity(0.7);
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 22px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .skill-row .base-attribute.pointer {
  cursor: pointer;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .skill-row .modifier {
  border-right: 1px solid var(--secondary-dark);
  border-left: 1px solid var(--secondary-dark);
  margin-right: 4px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .skill-row .modifier input {
  font-family: "A Absolute Empire";
  text-align: center;
  font-size: 14px;
  color: var(--primary-dark);
  font-weight: bold;
  width: 30px;
  padding-top: 3px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .skill-row .rollable, .dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .skill-row .variable-roll {
  margin-left: 2px;
  margin-right: 2px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .skill-row .remove {
  height: 0;
  width: 0;
  position: relative;
  top: -19px;
  left: -3px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .skills-box .skill-row .remove a {
  font-size: 13px;
  width: 18px;
  height: 18px;
  background-color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-body .tab .dmg-reduction {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 3px;
  padding: 0px;
  border: 1px solid var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-body .tab .dmg-reduction .box-inner {
  border: 1px solid var(--primary-color);
  border-radius: 3px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .dmg-reduction .box-inner .table-header {
  padding: 5px 5px 3px 5px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .dmg-reduction .box-inner .table-header .buttons a {
  border-radius: 6px;
  margin-left: 2px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .dmg-reduction .dmg-reduction-row, .dc20rpg .actor_v2 .char-sheet-body .tab .dmg-reduction .dmg-reduction-sub-header {
  display: grid;
  grid-template-columns: 30px 1fr 1fr 1fr 1fr 1fr;
  padding: 0;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .dmg-reduction .dmg-reduction-row .column, .dc20rpg .actor_v2 .char-sheet-body .tab .dmg-reduction .dmg-reduction-sub-header .column {
  border-left: 2px solid var(--primary-color);
  padding: 1px 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .dmg-reduction .dmg-reduction-row .column:first-child, .dc20rpg .actor_v2 .char-sheet-body .tab .dmg-reduction .dmg-reduction-sub-header .column:first-child {
  border: 0;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .dmg-reduction .dmg-reduction-row .column input, .dc20rpg .actor_v2 .char-sheet-body .tab .dmg-reduction .dmg-reduction-sub-header .column input {
  color: black;
  text-align: center;
  background-color: transparent;
  border: 0;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .dmg-reduction .dmg-reduction-row .column input:disabled, .dc20rpg .actor_v2 .char-sheet-body .tab .dmg-reduction .dmg-reduction-sub-header .column input:disabled {
  color: black;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .dmg-reduction .dmg-reduction-sub-header {
  background-color: var(--primary-light);
  height: 25px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .dmg-reduction .dmg-reduction-row {
  height: 30px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .dmg-reduction .dmg-reduction-row .icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: white;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .dmg-reduction .dmg-reduction-row .icon img {
  border-radius: 0;
  background-color: white;
  height: 25px;
  width: 30px;
  border: 0;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .conditions {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 3px;
  padding: 0px;
  border: 1px solid var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-body .tab .conditions .box-inner {
  border: 1px solid var(--primary-color);
  border-radius: 3px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .conditions .box-inner .table-header {
  padding: 5px 5px 3px 5px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .conditions .box-inner .table-header .buttons a {
  border-radius: 6px;
  margin-left: 2px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .conditions .condition-sub-header {
  background-color: var(--primary-light);
}
.dc20rpg .actor_v2 .char-sheet-body .tab .conditions .condition-row {
  font-size: 12px;
  height: 27px;
  display: grid;
  grid-template-columns: 25px 1fr 30px 30px 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .conditions .condition-row .column {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 2px solid var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-body .tab .conditions .condition-row .column.icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #8b8b8b;
  width: 25px;
  height: 27px;
  border-right: 2px solid var(--primary-color);
  border-bottom: 2px solid var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-body .tab .conditions .condition-row .column.icon img {
  border-radius: 0;
  background-color: #8b8b8b;
  height: 23px;
  width: 25px;
  border: 0;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .conditions .condition-row .column:last-child {
  border-right: 0;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .conditions .condition-row input {
  text-align: center;
  background-color: transparent;
  color: black;
  border: 0;
  border-radius: 0;
  height: 26px;
  font-family: "Signika", sans-serif;
  font-size: 16px;
  font-weight: bold;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .conditions .condition-row input:disabled {
  color: black;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .conditions .condition-row .name {
  font-weight: 100;
  font-size: 12px;
  padding-left: 10px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  text-align: start;
  font-family: "A Absolute Empire";
}
.dc20rpg .actor_v2 .char-sheet-body .tab .conditions .custom-condition-row {
  font-size: 12px;
  padding: 2px 5px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .conditions .custom-condition-row .custom {
  padding-top: 5px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .conditions .custom-condition-row .custom span {
  padding-left: 3px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .conditions .custom-condition-row .custom textarea {
  min-height: 29px;
  height: 29px;
  font-family: "Signika", sans-serif;
  border: 0;
  background-color: transparent;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .favorites .item-row .action, .dc20rpg .actor_v2 .char-sheet-body .tab .main .item-row .action, .dc20rpg .actor_v2 .char-sheet-body .tab .actions .item-row .action {
  width: 90px !important;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .favorites .item-row .action:hover, .dc20rpg .actor_v2 .char-sheet-body .tab .main .item-row .action:hover, .dc20rpg .actor_v2 .char-sheet-body .tab .actions .item-row .action:hover {
  min-width: 70px !important;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .favorites .item-row .action.expandable:hover, .dc20rpg .actor_v2 .char-sheet-body .tab .main .item-row .action.expandable:hover, .dc20rpg .actor_v2 .char-sheet-body .tab .actions .item-row .action.expandable:hover {
  border-left: 1px solid var(--secondary-color);
  margin-left: -40px;
  min-width: 130px !important;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .active-effects .letter-circle-icon {
  position: relative;
  width: 0px;
  height: 0px;
  margin-left: calc(50% - 20px);
}
.dc20rpg .actor_v2 .char-sheet-body .tab .active-effects .letter-circle-icon a {
  background-color: var(--secondary-color);
  color: var(--primary-light);
  border-color: var(--secondary-dark);
  border-radius: 25px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .active-effects .grid-2col {
  gap: 27px;
  margin: 5px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .statuses {
  margin: 10px 5px 0 5px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .statuses .status-header {
  padding: 5px 3px 5px 10px;
  height: 25px;
  border-radius: 5px 5px 0 0;
  background: -webkit-gradient(linear, left top, right top, from(var(--table-1)), to(var(--table-2)));
  background: linear-gradient(to right, var(--table-1), var(--table-2));
  color: var(--secondary-lighter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .statuses .status-table {
  margin: 0;
  gap: 0px;
  border: 1px solid var(--table-1);
}
.dc20rpg .actor_v2 .char-sheet-body .tab .statuses .status-table .status-stack .letter-circle-icon {
  position: relative;
  width: 0px;
  height: 0px;
  top: -20px;
  left: -15px;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .statuses .status-table .status-stack .letter-circle-icon span, .dc20rpg .actor_v2 .char-sheet-body .tab .statuses .status-table .status-stack .letter-circle-icon i {
  width: 24px;
  height: 24px;
  text-shadow: none;
  font-size: 13px;
  font-weight: 100;
  background-color: var(--secondary-color);
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}
.dc20rpg .actor_v2 .char-sheet-body .tab .statuses .status-table .status-stack .letter-circle-icon i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .statuses .status-table .status {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--table-1);
  padding: 3px;
  background-color: var(--secondary-color);
}
.dc20rpg .actor_v2 .char-sheet-body .tab .statuses .status-table .status.active {
  background-color: var(--activated-effect);
}
.dc20rpg .actor_v2 .char-sheet-body .tab .statuses .status-table .status .status-img {
  border-radius: 5px;
  border: 1px solid var(--table-1);
  margin-right: 4px;
  background-color: black;
}
.dc20rpg .actor_v2 .char-sheet-body .tab .statuses .status-table .status .status-img img {
  height: 28px;
  width: 28px;
  border: 0;
}
.dc20rpg .actor_v2 .char-sheet-body .journal-tab .description-box {
  font-family: "Signika", sans-serif;
  font-size: 14px;
}
.dc20rpg .actor_v2 .char-sheet-body .journal-tab .description-box .editor {
  min-height: 400px;
  height: 100%;
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-button {
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-sidetab .over-image-wrapper .level-wrapper {
  border: 2px solid var(--npc-main-dark) !important;
  background-color: var(--npc-secondary-light);
}
.dc20rpg .actor_v2 .npc-sidetab .over-image-wrapper .level-wrapper input {
  color: var(--npc-main) !important;
  text-shadow: -1px 0 var(--npc-secondary-dark), 0 1px var(--npc-secondary-dark), 1px 0 var(--npc-secondary-dark), 0 -1px var(--npc-secondary-dark);
}
.dc20rpg .actor_v2 .npc-sidetab .over-image-wrapper .cm-wrapper {
  border: 2px solid var(--npc-main-dark) !important;
  background-color: var(--npc-main-light) !important;
}
.dc20rpg .actor_v2 .npc-sidetab .over-image-wrapper .cm-wrapper input {
  color: var(--npc-secondary-light);
  text-shadow: -1px 0 var(--npc-secondary-dark), 0 1px var(--npc-secondary-dark), 1px 0 var(--npc-secondary-dark), 0 -1px var(--npc-secondary-dark);
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content {
  border-color: var(--npc-main) !important;
  background-color: var(--npc-background);
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .oneliner {
  margin: 5px 7px;
  color: var(--npc-text-color-2) !important;
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .oneliner .oneliner-header {
  padding-bottom: 3px;
  border-bottom: 2px solid var(--primary-color);
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .oneliner .oneliner-header span {
  margin-left: 10px;
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .oneliner .oneliner-content {
  padding: 5px 2px;
  font-size: 12px;
  font-family: "Signika", sans-serif;
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .oneliner .oneliner-content img {
  margin-bottom: -3px;
  border-radius: 3px;
  background-color: white;
  height: 15px;
  width: 15px;
  border: 1px solid var(--primary-color);
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .oneliner img {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .oneliner-header {
  color: var(--npc-text-color-2) !important;
  font-family: "A Absolute Empire";
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .baner {
  background-color: var(--npc-sidetab-image-color) !important;
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .baner .border-box {
  border-color: var(--npc-main-dark);
  background-color: var(--npc-main-light);
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .baner .border-box .box-inner {
  border-color: var(--npc-main-dark);
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .baner .border-box:before, .dc20rpg .actor_v2 .npc-sidetab .sidetab-content .baner .border-box:after, .dc20rpg .actor_v2 .npc-sidetab .sidetab-content .baner .border-box .box-inner:before, .dc20rpg .actor_v2 .npc-sidetab .sidetab-content .baner .border-box .box-inner:after {
  color: var(--npc-main-dark);
  border-color: var(--npc-main-dark);
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .baner .char-name input {
  border: 2px solid var(--npc-main-dark) !important;
  background-color: var(--npc-main-light) !important;
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .baner .companion-owner {
  background-color: var(--npc-secondary-light);
  border: 2px solid var(--npc-main);
  color: var(--npc-main);
  border-radius: 3px;
  height: 44px;
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 2px 3px;
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .baner .companion-owner .owner-img {
  height: 38px;
  width: 38px;
  border-radius: 3px;
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .baner .companion-owner .owner-img img {
  -o-object-position: 50% 0;
  object-position: 50% 0;
  -o-object-fit: cover;
  object-fit: cover;
  border: 0;
  height: 38px;
  width: 38px;
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .baner .row i {
  color: var(--npc-secondary-light);
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .baner .row select, .dc20rpg .actor_v2 .npc-sidetab .sidetab-content .baner .row input {
  border-color: var(--npc-main-dark);
  color: var(--npc-main);
  background-color: var(--npc-secondary-light);
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .baner .row.small span {
  color: var(--npc-main-dark) !important;
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .baner .row.small input {
  padding-top: 6px;
}
.dc20rpg .actor_v2 .npc-sidetab .sidetab-content .baner .vision .vision-range {
  width: 60px;
}
.dc20rpg .actor_v2 .npc-header {
  background-color: var(--npc-header-image-color);
}
.dc20rpg .actor_v2 .npc-header .max-points input {
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .resource-column .resource {
  height: 70px;
}
.dc20rpg .actor_v2 .npc-header .custom-resource-wrapper {
  height: 58px !important;
}
.dc20rpg .actor_v2 .npc-header .custom-resource-wrapper .custom-resource {
  border: 2px solid var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .custom-resource-wrapper .custom-resource .resource-icon {
  border-right: 2px solid var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .custom-resource-wrapper .add-custom-resource, .dc20rpg .actor_v2 .npc-header .custom-resource-wrapper .add-legendary-resources {
  color: var(--npc-secondary-light);
  margin-left: 4px;
}
.dc20rpg .actor_v2 .npc-header .combat-info-column {
  width: 140px;
  margin-left: 6px;
}
.dc20rpg .actor_v2 .npc-header .combat-info-column .defences .defence {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .combat-info-column .defences .dmg-treshold, .dc20rpg .actor_v2 .npc-header .combat-info-column .defences .dmg-reduction {
  border-color: var(--npc-main) !important;
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .combat-info-column .defences .dmg-treshold input, .dc20rpg .actor_v2 .npc-header .combat-info-column .defences .dmg-reduction input {
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .combat-info-column .defences .defence-icons .def-icon {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .combat-info-column .defences .defence-icons .def-icon::before {
  background-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .combat-info-column .defences .value-precision input, .dc20rpg .actor_v2 .npc-header .combat-info-column .defences .value-area input {
  position: relative;
}
.dc20rpg .actor_v2 .npc-header .combat-info-column .defences .value-precision::before, .dc20rpg .actor_v2 .npc-header .combat-info-column .defences .value-area::before {
  background-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .combat-info-column .drs {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .combat-info-column .drs i {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .combat-info-column .drs i.active {
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .combat-info-column .movements {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .combat-info-column .movements .ground-speed .speed-value::before, .dc20rpg .actor_v2 .npc-header .combat-info-column .movements .ground-speed .jump-distance::before {
  background-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .combat-info-column .movements .ground-speed .speed-value {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .combat-info-column .movements .speed-types {
  height: 0;
}
.dc20rpg .actor_v2 .npc-header .combat-info-column .movements .speed-types .speed {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .combat-info-column .movements .speed-types .speed::before {
  background-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .roll-menu-column {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .roll-menu-column .roll-level .toggle .toggle-actor-numeric {
  background-color: var(--npc-main-light) !important;
  border: 2px solid var(--npc-main) !important;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}
.dc20rpg .actor_v2 .npc-header .roll-menu-column .help-dices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .npc-header .roll-menu-column .help-dices .dice {
  color: var(--npc-main-light) !important;
  -webkit-text-stroke-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .roll-menu-column .roll-buttons .icon-wrapper .icon {
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .roll-menu-column .help-dice-header {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .roll-menu-column .roll-buttons-header {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .details-column .check-save-column {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .details-column .check-save-column .value-box {
  border-color: var(--npc-main) !important;
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .details-column .check-save-column .value-box .value {
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .details-column .check-save-column .value-box input {
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .details-column .check-save-column .saves {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .attributes-column {
  border-color: var(--npc-main);
}
.dc20rpg .actor_v2 .npc-header .attributes-column .attributes-wrapper.max-prime {
  right: 35px;
}
.dc20rpg .actor_v2 .npc-header .attributes-column .attributes-wrapper .value input {
  color: var(--npc-main-lighter) !important;
}
.dc20rpg .actor_v2 .npc-header .attributes-column .attributes-wrapper .attribute {
  color: var(--npc-main-lighter) !important;
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .attributes-column .attributes-wrapper .attribute .atr-name {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .attributes-column .attributes-wrapper .attribute .atr-name label {
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .attributes-column .attributes-wrapper .prime-attribute {
  border-color: var(--npc-secondary-darker) !important;
  color: white !important;
}
.dc20rpg .actor_v2 .npc-header .attributes-column .attributes-wrapper .prime-attribute .atr-name {
  background-color: var(--npc-main) !important;
  border-color: var(--npc-secondary-darker) !important;
}
.dc20rpg .actor_v2 .npc-header .attributes-column .attributes-wrapper .prime-attribute .atr-name label {
  color: white !important;
}
.dc20rpg .actor_v2 .npc-header .attributes-column .attributes-wrapper .prime-attribute .value input {
  color: white !important;
}
.dc20rpg .actor_v2 .npc-header .attributes-column .attributes-wrapper .buttons a {
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .attributes-column .attributes-wrapper .roll-button {
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .attributes-column .attributes-wrapper .roll-button:hover {
  background-color: var(--npc-main-lighter) !important;
  color: var(--npc-secondary-light) !important;
}
.dc20rpg .actor_v2 .npc-header .attributes-column .attributes-wrapper .save-mastery-container {
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .attributes-column .attributes-wrapper .prime {
  position: absolute;
  top: 220px;
  right: -33px;
  width: 60px;
  height: 60px;
  border: 2px solid white;
  background-color: var(--npc-secondary);
  color: white;
  border-radius: 5px 5px 5px 5px;
  font-family: "A Absolute Empire";
}
.dc20rpg .actor_v2 .npc-header .attributes-column .attributes-wrapper .prime .atr-name {
  border-bottom: 2px solid white;
  padding: 4px 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  background-color: var(--primary-color);
}
.dc20rpg .actor_v2 .npc-header .attributes-column .attributes-wrapper .prime .atr-name label {
  font-size: 14px;
  font-weight: bold;
}
.dc20rpg .actor_v2 .npc-header .attributes-column .attributes-wrapper .prime .value {
  font-size: 20px;
  font-weight: bold;
}
.dc20rpg .actor_v2 .npc-header .attributes-column .attributes-wrapper .prime .value input {
  background: transparent;
  border: 0;
  text-align: center;
  color: var(--primary-light);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  height: 25px;
  margin-bottom: 5px;
  width: 100%;
}
.dc20rpg .actor_v2 .npc-header .attributes-column .attributes-wrapper .prime .value input:disabled {
  color: white;
}
.dc20rpg .actor_v2 .npc-header .check-buttons .roll-button {
  border: 2px solid var(--npc-main) !important;
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-header .check-buttons .roll-button:hover {
  background-color: var(--npc-main-lighter) !important;
  color: var(--npc-secondary-light) !important;
}
.dc20rpg .actor_v2 .npc-header .companion-link-marker {
  position: absolute;
}
.dc20rpg .actor_v2 .npc-header .companion-link-marker i {
  height: 20px;
  width: 20px;
  background-color: var(--npc-secondary-light);
  border: 1px solid var(--npc-main);
  color: var(--npc-main);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
  border-radius: 5px;
  position: relative;
  top: 5px;
  right: 5px;
  -webkit-filter: opacity(0.7);
  filter: opacity(0.7);
}
.dc20rpg .actor_v2 .npc-navigation .item.active {
  border-color: var(--npc-main);
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-body {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-body .tab .letter-circle-icon a {
  color: var(--npc-main-lighter) !important;
}
.dc20rpg .actor_v2 .npc-body .tab .top-menu {
  border: 2px solid var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-body .tab .top-menu .base-action-switch {
  border-left: 2px solid var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-body .tab .top-menu .filter {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-body .tab .top-menu .filter i {
  color: var(--npc-main-lighter) !important;
}
.dc20rpg .actor_v2 .npc-body .tab .status-header, .dc20rpg .actor_v2 .npc-body .tab .effects-header, .dc20rpg .actor_v2 .npc-body .tab .item-header, .dc20rpg .actor_v2 .npc-body .tab .traits-header {
  background: -webkit-gradient(linear, left top, right top, from(var(--npc-table-1)), to(var(--npc-table-2))) !important;
  background: linear-gradient(to right, var(--npc-table-1), var(--npc-table-2)) !important;
}
.dc20rpg .actor_v2 .npc-body .tab .expandable-row .enh-number a {
  border-color: var(--npc-main) !important;
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-body .tab .expandable-row .roll-item i {
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-body .tab .expandable-row .roll-menu .roll-level .roll-item, .dc20rpg .actor_v2 .npc-body .tab .expandable-row .roll-menu .roll-level .roll-level-check {
  background-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-body .tab .expandable-row .roll-menu .roll-level .value-in-box .fa-solid {
  color: var(--npc-main-light) !important;
  -webkit-text-stroke-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-body .tab .expandable-row .roll-menu .roll-level .value-in-box .value::after {
  background-color: var(--npc-main-light) !important;
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-body .tab .expandable-row .roll-menu .help-dices .fa-solid {
  color: var(--npc-main-light) !important;
  -webkit-text-stroke-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-body .tab .expandable-row .roll-menu .roll-options i {
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper {
  width: 50%;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper.max-prime {
  right: 35px;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes {
  margin: 0;
  font-family: "A Absolute Empire";
  gap: 3px;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute {
  border: 2px solid var(--secondary-darker);
  background-color: var(--secondary-lighter);
  color: var(--primary-light);
  border-radius: 3px;
  min-width: 75px;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute.prime-attribute {
  border-color: var(--secondary-darker);
  color: white;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute.prime-attribute .atr-name {
  background-color: var(--primary-color);
  border-bottom: 2px solid black;
  color: white;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute.prime-attribute .value input:disabled {
  color: white;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .atr-name {
  border-bottom: 2px solid black;
  padding: 4px 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--primary-color);
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .atr-name label {
  font-size: 14px;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .buttons {
  position: relative;
  top: 11px;
  height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .buttons a {
  background-color: var(--secondary-lighter);
  color: var(--primary-color);
  border-color: var(--secondary-dark);
  width: 20px;
  height: 20px;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .buttons .add-attribute-point {
  position: relative;
  right: -5px;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .buttons .subtract-attribute-point {
  position: relative;
  left: -5px;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .value {
  font-size: 20px;
  font-weight: bold;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .value input {
  background: transparent;
  border: 0;
  text-align: center;
  color: var(--primary-light);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  height: 25px;
  width: 100%;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .value input:disabled {
  color: var(--primary-light);
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .check {
  border-radius: 0 15px 0 0;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .save {
  border-radius: 15px 0 0 0;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .roll-button {
  font-size: 12px;
  color: var(--primary-color);
  padding: 5px;
  padding-top: 10px;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 20px;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .roll-button .original {
  font-size: 10px;
  margin-top: 1px;
  margin-bottom: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .roll-button .hovered {
  margin-top: 1px;
  margin-bottom: -1px;
  display: none;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .roll-button:hover {
  color: white;
  background-color: var(--primary-light);
  border-color: white;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .roll-button:hover .original {
  display: none;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .roll-button:hover .hovered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .save-mastery-container {
  color: var(--primary-color);
  position: relative;
  top: -15px;
  left: -7px;
  height: 0;
  width: 0;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .points-left {
  position: relative;
  height: 0;
  left: -10px;
  top: -15px;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .points-left span {
  margin-top: 1px;
  text-shadow: none;
  background-color: var(--secondary-lighter);
  border-color: var(--dark-red);
  color: var(--dark-red);
  border-radius: 7px;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .points-left.save-masteries {
  left: calc(100% - 15px);
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .value input {
  color: var(--npc-main-lighter) !important;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .attribute {
  color: var(--npc-main-lighter) !important;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .prime-attribute {
  border-color: black;
  color: white !important;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .prime-attribute .atr-name {
  background-color: var(--npc-main) !important;
  border-color: black !important;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .prime-attribute .value input {
  color: white !important;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .buttons a {
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .roll-button {
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .roll-button:hover {
  background-color: var(--npc-main-lighter) !important;
  color: var(--npc-secondary-light) !important;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .save-mastery-container {
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .prime {
  position: absolute;
  top: 220px;
  right: -33px;
  width: 60px;
  height: 60px;
  border: 2px solid white;
  background-color: var(--npc-secondary);
  color: white;
  border-radius: 5px 5px 5px 5px;
  font-family: "A Absolute Empire";
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .prime .atr-name {
  border-bottom: 2px solid white;
  padding: 4px 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  background-color: var(--primary-color);
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .prime .atr-name label {
  font-size: 14px;
  font-weight: bold;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .prime .value {
  font-size: 20px;
  font-weight: bold;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .prime .value input {
  background: transparent;
  border: 0;
  text-align: center;
  color: var(--primary-light);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  height: 25px;
  margin-bottom: 5px;
  width: 100%;
}
.dc20rpg .actor_v2 .npc-body .core-tab .first-row .attributes-wrapper .prime .value input:disabled {
  color: white;
}
.dc20rpg .actor_v2 .npc-body .core-tab .second-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .actor_v2 .npc-body .core-tab .oneliner-wrapper {
  width: 30%;
  margin-right: 5px;
}
.dc20rpg .actor_v2 .npc-body .core-tab .table-wrapper {
  width: calc(70% - 5px);
}
.dc20rpg .actor_v2 .npc-body .core-tab .oneliner {
  margin: 5px 3px;
  color: var(--npc-text-color-2) !important;
}
.dc20rpg .actor_v2 .npc-body .core-tab .oneliner .oneliner-header {
  padding-bottom: 3px;
  border-bottom: 2px solid var(--primary-color);
}
.dc20rpg .actor_v2 .npc-body .core-tab .oneliner .oneliner-header span {
  margin-left: 10px;
}
.dc20rpg .actor_v2 .npc-body .core-tab .oneliner .oneliner-content {
  padding: 5px 2px;
  font-size: 12px;
  font-family: "Signika", sans-serif;
}
.dc20rpg .actor_v2 .npc-body .core-tab .oneliner .oneliner-content img {
  margin-bottom: -3px;
  border-radius: 3px;
  background-color: white;
  height: 15px;
  width: 15px;
  border: 1px solid var(--primary-color);
}
.dc20rpg .actor_v2 .npc-body .core-tab .oneliner img {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-body .core-tab .oneliner-header {
  border-color: var(--npc-main) !important;
  color: var(--npc-text-color-2);
}
.dc20rpg .actor_v2 .npc-body .effects-tab .status-table {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-body .effects-tab .status-table .status {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-body .config-tab .first-row .sub-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .npc-body .config-tab .first-row .sub-header.big {
  font-size: 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 2px solid var(--npc-main);
  padding: 10px 10px 6px 10px;
  background-color: var(--npc-secondary-dark);
  color: var(--npc-secondary-light);
  border-radius: 3px 3px 0 0;
}
.dc20rpg .actor_v2 .npc-body .config-tab .first-row .npc-config-wrapper {
  border: 2px solid var(--npc-main);
  background-color: var(--npc-secondary);
  padding: 6px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .first-row .npc-config-wrapper .row {
  font-size: 12px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .first-row .npc-config-wrapper .row input {
  text-align: center;
  width: 25%;
}
.dc20rpg .actor_v2 .npc-body .config-tab .first-row .npc-config-wrapper .row .formula {
  font-weight: bold;
  font-family: "Signika", sans-serif;
  font-size: 12px;
  text-align: start;
  width: auto;
}
.dc20rpg .actor_v2 .npc-body .config-tab .first-row .npc-config-wrapper .row.long-row {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.dc20rpg .actor_v2 .npc-body .config-tab .first-row .npc-config-wrapper .row .input-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.dc20rpg .actor_v2 .npc-body .config-tab .first-row .npc-config-wrapper .border-top {
  padding-top: 7px;
  margin-top: 7px;
  border-top: 2px solid var(--npc-main);
}
.dc20rpg .actor_v2 .npc-body .config-tab .first-row .npc-config-wrapper .two-column-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .first-row .npc-config-wrapper .two-column-table .right-column {
  border-left: 1px solid var(--npc-main);
  margin-right: 5px;
  padding-left: 5px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .first-row .npc-config-wrapper .two-column-table .left-column {
  border-right: 1px solid var(--npc-main);
  margin-left: 5px;
  padding-right: 5px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .first-row .npc-config-wrapper .two-column-table .right-column, .dc20rpg .actor_v2 .npc-body .config-tab .first-row .npc-config-wrapper .two-column-table .left-column {
  width: 49%;
}
.dc20rpg .actor_v2 .npc-body .config-tab .first-row .companion-config-wrapper {
  gap: 0;
  margin-bottom: 5px;
  margin-top: 0;
  border: 2px solid var(--npc-main-dark);
  border-top: 0;
}
.dc20rpg .actor_v2 .npc-body .config-tab .first-row .companion-config-wrapper .activable-box {
  font-family: "A Absolute Empire";
  padding: 8px 6px 6px 6px;
  font-size: 12px;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  border: 1px solid var(--npc-main);
  background-color: var(--npc-secondary);
  color: var(--npc-main);
}
.dc20rpg .actor_v2 .npc-body .config-tab .first-row .companion-config-wrapper .activable-box.active {
  background-color: var(--npc-main);
  border-color: var(--npc-secondary-light);
  color: var(--npc-secondary-light);
}
.dc20rpg .actor_v2 .npc-body .config-tab .first-row .companion-config-wrapper .activable-box.activable:hover {
  -webkit-box-shadow: 0 0 3px 2px rgba(253, 0, 0, 0.7411764706) inset;
  box-shadow: 0 0 3px 2px rgba(253, 0, 0, 0.7411764706) inset;
}
.dc20rpg .actor_v2 .npc-body .config-tab .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 27px;
  font-size: 14px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .row input, .dc20rpg .actor_v2 .npc-body .config-tab .row select, .dc20rpg .actor_v2 .npc-body .config-tab .row span {
  width: 50%;
}
.dc20rpg .actor_v2 .npc-body .config-tab .row textarea {
  border: 1px solid black;
  border-radius: 5px;
  color: black;
  background-color: var(--npc-secondary-light);
  border-radius: 0;
  min-height: 29px;
  height: 29px;
  font-family: "Signika", sans-serif;
}
.dc20rpg .actor_v2 .npc-body .config-tab .row.ignore-symetry input, .dc20rpg .actor_v2 .npc-body .config-tab .row.ignore-symetry select, .dc20rpg .actor_v2 .npc-body .config-tab .row.ignore-symetry span {
  width: auto;
}
.dc20rpg .actor_v2 .npc-body .config-tab .row a {
  color: black;
  margin-right: 2px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .row select, .dc20rpg .actor_v2 .npc-body .config-tab .row input {
  border: 1px solid black;
  border-radius: 5px;
  color: black;
  background-color: var(--npc-secondary-light);
  border-radius: 0;
}
.dc20rpg .actor_v2 .npc-body .config-tab .row .left-part-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
}
.dc20rpg .actor_v2 .npc-body .config-tab .row .left-part-row .buttons a {
  border: 2px solid var(--primary-color);
  background-color: var(--npc-secondary-light);
  font-size: 1em;
  padding: 2px;
  border-radius: 20px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .row .right-part-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
}
.dc20rpg .actor_v2 .npc-body .config-tab .row .right-part-row input, .dc20rpg .actor_v2 .npc-body .config-tab .row .right-part-row select {
  max-width: 50%;
}
.dc20rpg .actor_v2 .npc-body .config-tab .row .right-part-row input.full-row, .dc20rpg .actor_v2 .npc-body .config-tab .row .right-part-row select.full-row {
  max-width: 100%;
  width: 100%;
}
.dc20rpg .actor_v2 .npc-body .config-tab .row .right-part-row input .small-input, .dc20rpg .actor_v2 .npc-body .config-tab .row .right-part-row select .small-input {
  width: 24%;
}
.dc20rpg .actor_v2 .npc-body .config-tab .row .right-part-row .separator {
  width: 5px;
  margin: 0 2px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .row input {
  text-align: end;
}
.dc20rpg .actor_v2 .npc-body .config-tab .content-box {
  border-color: var(--npc-main);
  background-color: var(--npc-main-light);
}
.dc20rpg .actor_v2 .npc-body .config-tab .content-box .box-inner {
  border-color: var(--npc-main);
}
.dc20rpg .actor_v2 .npc-body .config-tab .skills {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.dc20rpg .actor_v2 .npc-body .config-tab .skills .skills-table {
  display: block;
}
.dc20rpg .actor_v2 .npc-body .config-tab .skills .skills-header.point-left {
  color: red;
}
.dc20rpg .actor_v2 .npc-body .config-tab .skills .skills-header .points-left {
  position: relative;
  top: -15px;
  left: -16px;
  height: 0;
  width: 0;
}
.dc20rpg .actor_v2 .npc-body .config-tab .skills .skills-header .points-left span {
  margin-top: 1px;
  text-shadow: none;
  background-color: var(--secondary-lighter);
  border-color: var(--dark-red);
  color: var(--dark-red);
  border-radius: 7px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .skills .skill-row .skill-mastery .skill-mastery-toggle, .dc20rpg .actor_v2 .npc-body .config-tab .skills .skill-row .skill-mastery .language-mastery-toggle {
  border: 2px solid var(--primary-color);
  background-color: var(--primary-light);
}
.dc20rpg .actor_v2 .npc-body .config-tab .skills .skill-row .name {
  font-size: 12px;
  border: 0;
  padding-top: 5px;
  background-color: transparent;
}
.dc20rpg .actor_v2 .npc-body .config-tab .skills .skill-row .name:disabled {
  color: black;
}
.dc20rpg .actor_v2 .npc-body .config-tab .skills .skill-row .base-attribute {
  text-align: center;
  padding: 2px 2px 0px 2px;
  color: var(--pc-main-dark);
  border: 1px var(--pc-main-dark) solid;
  border-radius: 3px;
  margin: 0 3px;
  background-color: white;
  font-size: 13px;
  -webkit-filter: opacity(0.7);
  filter: opacity(0.7);
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 22px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .skills .skill-row .base-attribute.pointer {
  cursor: pointer;
}
.dc20rpg .actor_v2 .npc-body .config-tab .skills .skill-row .modifier {
  border-right: 1px solid var(--secondary-dark);
  border-left: 1px solid var(--secondary-dark);
  margin-right: 4px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .skills .skill-row .modifier input {
  font-family: "A Absolute Empire";
  text-align: center;
  font-size: 14px;
  color: var(--primary-dark);
  font-weight: bold;
  width: 30px;
  padding-top: 3px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .skills .skill-row .rollable, .dc20rpg .actor_v2 .npc-body .config-tab .skills .skill-row .variable-roll {
  margin-left: 2px;
  margin-right: 2px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .skills .skill-row .remove {
  height: 0;
  width: 0;
  position: relative;
  top: -19px;
  left: -3px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .skills .skill-row .remove a {
  font-size: 13px;
  width: 18px;
  height: 18px;
  background-color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}
.dc20rpg .actor_v2 .npc-body .config-tab .dmg-reduction {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.dc20rpg .actor_v2 .npc-body .config-tab .dmg-reduction .dmg-reduction-row, .dc20rpg .actor_v2 .npc-body .config-tab .dmg-reduction .dmg-reduction-sub-header {
  display: grid;
  grid-template-columns: 30px 1fr 1fr 1fr 1fr 1fr;
  padding: 0;
}
.dc20rpg .actor_v2 .npc-body .config-tab .dmg-reduction .dmg-reduction-row .column, .dc20rpg .actor_v2 .npc-body .config-tab .dmg-reduction .dmg-reduction-sub-header .column {
  border-left: 2px solid var(--primary-color);
  padding: 1px 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .npc-body .config-tab .dmg-reduction .dmg-reduction-row .column:first-child, .dc20rpg .actor_v2 .npc-body .config-tab .dmg-reduction .dmg-reduction-sub-header .column:first-child {
  border: 0;
}
.dc20rpg .actor_v2 .npc-body .config-tab .dmg-reduction .dmg-reduction-row .column input, .dc20rpg .actor_v2 .npc-body .config-tab .dmg-reduction .dmg-reduction-sub-header .column input {
  color: black;
  text-align: center;
  background-color: transparent;
  border: 0;
}
.dc20rpg .actor_v2 .npc-body .config-tab .dmg-reduction .dmg-reduction-row .column input:disabled, .dc20rpg .actor_v2 .npc-body .config-tab .dmg-reduction .dmg-reduction-sub-header .column input:disabled {
  color: black;
}
.dc20rpg .actor_v2 .npc-body .config-tab .dmg-reduction .dmg-reduction-sub-header {
  background-color: var(--primary-light);
  height: 25px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .dmg-reduction .dmg-reduction-row {
  height: 30px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .dmg-reduction .dmg-reduction-row .icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: white;
}
.dc20rpg .actor_v2 .npc-body .config-tab .dmg-reduction .dmg-reduction-row .icon img {
  border-radius: 0;
  background-color: white;
  height: 25px;
  width: 30px;
  border: 0;
}
.dc20rpg .actor_v2 .npc-body .config-tab .conditions {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.dc20rpg .actor_v2 .npc-body .config-tab .conditions .condition-sub-header {
  background-color: var(--primary-light);
}
.dc20rpg .actor_v2 .npc-body .config-tab .conditions .condition-row {
  font-size: 12px;
  height: 27px;
  display: grid;
  grid-template-columns: 25px 1fr 30px 30px 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}
.dc20rpg .actor_v2 .npc-body .config-tab .conditions .condition-row .column {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 2px solid var(--primary-color);
}
.dc20rpg .actor_v2 .npc-body .config-tab .conditions .condition-row .column.icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #8b8b8b;
  width: 25px;
  height: 27px;
  border-right: 2px solid var(--primary-color);
  border-bottom: 2px solid var(--primary-color);
}
.dc20rpg .actor_v2 .npc-body .config-tab .conditions .condition-row .column.icon img {
  border-radius: 0;
  background-color: #8b8b8b;
  height: 23px;
  width: 25px;
  border: 0;
}
.dc20rpg .actor_v2 .npc-body .config-tab .conditions .condition-row .column:last-child {
  border-right: 0;
}
.dc20rpg .actor_v2 .npc-body .config-tab .conditions .condition-row input {
  text-align: center;
  background-color: transparent;
  color: black;
  border: 0;
  border-radius: 0;
  height: 26px;
  font-family: "Signika", sans-serif;
  font-size: 16px;
  font-weight: bold;
}
.dc20rpg .actor_v2 .npc-body .config-tab .conditions .condition-row input:disabled {
  color: black;
}
.dc20rpg .actor_v2 .npc-body .config-tab .conditions .condition-row .name {
  font-weight: 100;
  font-size: 12px;
  padding-left: 10px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  text-align: start;
  font-family: "A Absolute Empire";
}
.dc20rpg .actor_v2 .npc-body .config-tab .conditions .custom-condition-row {
  font-size: 12px;
  padding: 2px 5px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .conditions .custom-condition-row .custom {
  padding-top: 5px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .conditions .custom-condition-row .custom span {
  padding-left: 3px;
}
.dc20rpg .actor_v2 .npc-body .config-tab .conditions .custom-condition-row .custom textarea {
  min-height: 29px;
  height: 29px;
  font-family: "Signika", sans-serif;
  border: 0;
  background-color: transparent;
}
.dc20rpg .actor_v2 .npc-body .config-tab .table-header, .dc20rpg .actor_v2 .npc-body .config-tab .table-row, .dc20rpg .actor_v2 .npc-body .config-tab .column {
  border-color: var(--npc-secondary-darker) !important;
}
.dc20rpg .actor_v2 .npc-body .config-tab .conditions .condition-sub-header, .dc20rpg .actor_v2 .npc-body .config-tab .conditions .dmg-reduction-sub-header, .dc20rpg .actor_v2 .npc-body .config-tab .dmg-reduction .condition-sub-header, .dc20rpg .actor_v2 .npc-body .config-tab .dmg-reduction .dmg-reduction-sub-header {
  background-color: var(--npc-main-lighter) !important;
}
.dc20rpg .actor_v2 .npc-body .config-tab .conditions img, .dc20rpg .actor_v2 .npc-body .config-tab .dmg-reduction img {
  border-color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .npc-body .config-tab .skills .skill-mastery-toggle, .dc20rpg .actor_v2 .npc-body .config-tab .skills .language-mastery-toggle {
  border-color: var(--npc-main) !important;
  background-color: var(--npc-main-lighter) !important;
  color: var(--npc-text-color-1) !important;
}
.dc20rpg .actor_v2 .npc-body .config-tab .skills .modifier input {
  color: var(--npc-main) !important;
}
.dc20rpg .actor_v2 .pc-sidetab .sidetab-button {
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-sidetab .unique-item:not(.empty) {
  background-color: var(--pc-unique-item-color) !important;
}
.dc20rpg .actor_v2 .pc-sidetab .unique-item.empty .item-name {
  color: var(--pc-secondary-light) !important;
}
.dc20rpg .actor_v2 .pc-sidetab .small-button {
  color: var(--pc-main-light) !important;
}
.dc20rpg .actor_v2 .pc-sidetab .over-image-wrapper .level-wrapper {
  border: 2px solid var(--pc-main-dark) !important;
  background-color: var(--pc-secondary-light);
}
.dc20rpg .actor_v2 .pc-sidetab .over-image-wrapper .level-wrapper input {
  color: var(--pc-main) !important;
  text-shadow: -1px 0 var(--pc-secondary-dark), 0 1px var(--pc-secondary-dark), 1px 0 var(--pc-secondary-dark), 0 -1px var(--pc-secondary-dark);
}
.dc20rpg .actor_v2 .pc-sidetab .over-image-wrapper .cm-wrapper {
  border: 2px solid var(--pc-main-dark) !important;
  background-color: var(--pc-main-light) !important;
}
.dc20rpg .actor_v2 .pc-sidetab .over-image-wrapper .cm-wrapper input {
  color: var(--pc-secondary-light);
  text-shadow: -1px 0 var(--pc-secondary-dark), 0 1px var(--pc-secondary-dark), 1px 0 var(--pc-secondary-dark), 0 -1px var(--pc-secondary-dark);
}
.dc20rpg .actor_v2 .pc-sidetab .sidetab-content {
  border-color: var(--pc-main) !important;
  background-color: var(--pc-background);
}
.dc20rpg .actor_v2 .pc-sidetab .sidetab-content .row i {
  color: var(--pc-secondary-light);
}
.dc20rpg .actor_v2 .pc-sidetab .sidetab-content .row select, .dc20rpg .actor_v2 .pc-sidetab .sidetab-content .row input {
  border-color: var(--pc-main-dark);
  color: var(--pc-main);
  background-color: var(--pc-secondary-light);
}
.dc20rpg .actor_v2 .pc-sidetab .sidetab-content .row.small span {
  color: var(--pc-main-dark) !important;
}
.dc20rpg .actor_v2 .pc-sidetab .sidetab-content .baner {
  background-color: var(--pc-sidetab-image-color) !important;
}
.dc20rpg .actor_v2 .pc-sidetab .sidetab-content .baner .border-box {
  border-color: var(--pc-main-dark);
  background-color: var(--pc-main-light);
}
.dc20rpg .actor_v2 .pc-sidetab .sidetab-content .baner .border-box .box-inner {
  border-color: var(--pc-main-dark);
}
.dc20rpg .actor_v2 .pc-sidetab .sidetab-content .baner .border-box:before, .dc20rpg .actor_v2 .pc-sidetab .sidetab-content .baner .border-box:after, .dc20rpg .actor_v2 .pc-sidetab .sidetab-content .baner .border-box .box-inner:before, .dc20rpg .actor_v2 .pc-sidetab .sidetab-content .baner .border-box .box-inner:after {
  color: var(--pc-main-dark);
  border-color: var(--pc-main-dark);
}
.dc20rpg .actor_v2 .pc-sidetab .sidetab-content .baner .char-name input {
  border: 2px solid var(--pc-main-dark) !important;
  background-color: var(--pc-main-light) !important;
}
.dc20rpg .actor_v2 .pc-sidetab .sidetab-content .baner .masteries {
  gap: 3px;
  margin: 0;
  background-color: var(--pc-secondary-light-alpha);
  padding: 3px 10px;
  margin: 0 5px;
  border-radius: 0 0 3px 3px;
  border: 1px solid var(--pc-secondary-darker);
  border-top: 0;
}
.dc20rpg .actor_v2 .pc-sidetab .sidetab-content .baner .masteries .mastery {
  border-radius: 5px;
  width: 40px;
  height: 25px;
  background-color: var(--primary-color);
  border: 2px solid var(--pc-secondary-dark);
  -webkit-filter: invert(30%);
  filter: invert(30%);
}
.dc20rpg .actor_v2 .pc-sidetab .sidetab-content .baner .masteries .mastery.active {
  -webkit-filter: invert(0);
  filter: invert(0);
}
.dc20rpg .actor_v2 .pc-header {
  background-color: var(--pc-header-image-color);
}
.dc20rpg .actor_v2 .pc-header .custom-resource-wrapper {
  height: 87px !important;
  margin-top: 10px;
}
.dc20rpg .actor_v2 .pc-header .custom-resource-wrapper .custom-resource {
  border: 2px solid var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .custom-resource-wrapper .custom-resource .resource-icon {
  border-right: 2px solid var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .custom-resource-wrapper .add-custom-resource, .dc20rpg .actor_v2 .pc-header .custom-resource-wrapper .add-legendary-resources {
  color: var(--pc-secondary-light);
  margin-left: 4px;
}
.dc20rpg .actor_v2 .pc-header .combat-info-column {
  width: 140px;
  margin-left: 6px;
}
.dc20rpg .actor_v2 .pc-header .combat-info-column .defences .defence {
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .combat-info-column .defences .dmg-treshold, .dc20rpg .actor_v2 .pc-header .combat-info-column .defences .dmg-reduction {
  border-color: var(--pc-main) !important;
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .combat-info-column .defences .dmg-treshold input, .dc20rpg .actor_v2 .pc-header .combat-info-column .defences .dmg-reduction input {
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .combat-info-column .defences .defence-icons .def-icon {
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .combat-info-column .defences .defence-icons .def-icon::before {
  background-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .combat-info-column .defences .value-precision input, .dc20rpg .actor_v2 .pc-header .combat-info-column .defences .value-area input {
  position: relative;
}
.dc20rpg .actor_v2 .pc-header .combat-info-column .defences .value-precision::before, .dc20rpg .actor_v2 .pc-header .combat-info-column .defences .value-area::before {
  background-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .combat-info-column .drs {
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .combat-info-column .drs i {
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .combat-info-column .drs i.active {
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .combat-info-column .movements {
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .combat-info-column .movements .ground-speed .speed-value::before, .dc20rpg .actor_v2 .pc-header .combat-info-column .movements .ground-speed .jump-distance::before {
  background-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .combat-info-column .movements .ground-speed .speed-value {
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .combat-info-column .movements .speed-types {
  height: 0;
}
.dc20rpg .actor_v2 .pc-header .combat-info-column .movements .speed-types .speed {
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .combat-info-column .movements .speed-types .speed::before {
  background-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .roll-menu-column {
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .roll-menu-column .roll-level .toggle .toggle-actor-numeric {
  background-color: var(--pc-main-light) !important;
  border: 2px solid var(--pc-main) !important;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}
.dc20rpg .actor_v2 .pc-header .roll-menu-column .help-dices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .pc-header .roll-menu-column .help-dices .dice {
  color: var(--pc-main-light) !important;
  -webkit-text-stroke-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .roll-menu-column .roll-buttons .icon-wrapper .icon {
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .roll-menu-column .roll-buttons .icon-wrapper .icon.init-toggle {
  color: var(--dark-red) !important;
}
.dc20rpg .actor_v2 .pc-header .roll-menu-column .help-dice-header {
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .roll-menu-column .roll-buttons-header {
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .details-column .check-save-column {
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .details-column .check-save-column .value-box {
  border-color: var(--pc-main) !important;
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .details-column .check-save-column .value-box .value {
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .details-column .check-save-column .value-box input {
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .details-column .check-save-column .saves {
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .check-buttons .roll-button {
  border: 2px solid var(--pc-main) !important;
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .check-buttons .roll-button:hover {
  background-color: var(--pc-main-lighter) !important;
  color: var(--pc-secondary-light) !important;
}
.dc20rpg .actor_v2 .pc-header .attributes-column {
  border-color: var(--pc-main);
}
.dc20rpg .actor_v2 .pc-header .attributes-column .attributes-wrapper.max-prime {
  right: 35px;
}
.dc20rpg .actor_v2 .pc-header .attributes-column .attributes-wrapper .value input {
  color: var(--pc-main-lighter) !important;
}
.dc20rpg .actor_v2 .pc-header .attributes-column .attributes-wrapper .attribute {
  color: var(--pc-main-lighter) !important;
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .attributes-column .attributes-wrapper .attribute .atr-name {
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .attributes-column .attributes-wrapper .attribute .atr-name label {
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .attributes-column .attributes-wrapper .prime-attribute {
  border-color: var(--pc-secondary-darker) !important;
  color: white !important;
}
.dc20rpg .actor_v2 .pc-header .attributes-column .attributes-wrapper .prime-attribute .atr-name {
  background-color: var(--pc-main) !important;
  border-color: var(--pc-secondary-darker) !important;
}
.dc20rpg .actor_v2 .pc-header .attributes-column .attributes-wrapper .prime-attribute .atr-name label {
  color: white !important;
}
.dc20rpg .actor_v2 .pc-header .attributes-column .attributes-wrapper .prime-attribute .value input {
  color: white !important;
}
.dc20rpg .actor_v2 .pc-header .attributes-column .attributes-wrapper .buttons a {
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .attributes-column .attributes-wrapper .roll-button {
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .attributes-column .attributes-wrapper .roll-button:hover {
  background-color: var(--pc-main-lighter) !important;
  color: var(--pc-secondary-light) !important;
}
.dc20rpg .actor_v2 .pc-header .attributes-column .attributes-wrapper .save-mastery-container {
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-header .attributes-column .attributes-wrapper .prime {
  position: absolute;
  top: 220px;
  right: -33px;
  width: 60px;
  height: 60px;
  border: 2px solid white;
  background-color: var(--pc-secondary);
  color: white;
  border-radius: 5px 5px 5px 5px;
  font-family: "A Absolute Empire";
}
.dc20rpg .actor_v2 .pc-header .attributes-column .attributes-wrapper .prime .atr-name {
  border-bottom: 2px solid white;
  padding: 4px 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  background-color: var(--primary-color);
}
.dc20rpg .actor_v2 .pc-header .attributes-column .attributes-wrapper .prime .atr-name label {
  font-size: 14px;
  font-weight: bold;
}
.dc20rpg .actor_v2 .pc-header .attributes-column .attributes-wrapper .prime .value {
  font-size: 20px;
  font-weight: bold;
}
.dc20rpg .actor_v2 .pc-header .attributes-column .attributes-wrapper .prime .value input {
  background: transparent;
  border: 0;
  text-align: center;
  color: var(--primary-light);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  height: 25px;
  margin-bottom: 5px;
  width: 100%;
}
.dc20rpg .actor_v2 .pc-header .attributes-column .attributes-wrapper .prime .value input:disabled {
  color: white;
}
.dc20rpg .actor_v2 .pc-navigation .item.active {
  border-color: var(--pc-main);
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-body {
  border-color: var(--pc-main) !important;
  background-color: var(--pc-background);
}
.dc20rpg .actor_v2 .pc-body .tab .letter-circle-icon a {
  color: var(--pc-main-lighter) !important;
}
.dc20rpg .actor_v2 .pc-body .tab .top-menu {
  border: 2px solid var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-body .tab .top-menu .base-action-switch {
  border-left: 2px solid var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-body .tab .top-menu .filter {
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-body .tab .top-menu .filter i {
  color: var(--pc-main-lighter) !important;
}
.dc20rpg .actor_v2 .pc-body .tab .top-menu .currencies {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 5px;
}
.dc20rpg .actor_v2 .pc-body .tab .top-menu .currencies .currency {
  margin-left: 3px;
  border: 2px solid black;
  border-radius: 5px;
}
.dc20rpg .actor_v2 .pc-body .tab .top-menu .currencies .currency input {
  font-size: 12px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  height: 16px;
  width: 45px;
  padding: 4px 3px 1px 3px;
  background-color: transparent;
  border-radius: 5px;
  border: 0;
  color: white;
  text-align: center;
}
.dc20rpg .actor_v2 .pc-body .tab .top-menu .currencies .currency.cp {
  border-color: #be7a14;
  background-color: rgba(190, 122, 20, 0.5019607843);
}
.dc20rpg .actor_v2 .pc-body .tab .top-menu .currencies .currency.sp {
  border-color: #797979;
  background-color: rgba(121, 121, 121, 0.5019607843);
}
.dc20rpg .actor_v2 .pc-body .tab .top-menu .currencies .currency.gp {
  border-color: #bdac11;
  background-color: rgba(189, 172, 17, 0.5019607843);
}
.dc20rpg .actor_v2 .pc-body .tab .top-menu .currencies .currency.pp {
  border-color: #5e9287;
  background-color: rgba(94, 146, 135, 0.5019607843);
}
.dc20rpg .actor_v2 .pc-body .tab .status-header, .dc20rpg .actor_v2 .pc-body .tab .effects-header, .dc20rpg .actor_v2 .pc-body .tab .item-header {
  background: -webkit-gradient(linear, left top, right top, from(var(--pc-table-1)), to(var(--pc-table-2))) !important;
  background: linear-gradient(to right, var(--pc-table-1), var(--pc-table-2)) !important;
}
.dc20rpg .actor_v2 .pc-body .tab .expandable-row .enh-number a {
  border-color: var(--pc-main) !important;
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-body .tab .expandable-row .roll-item i {
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-body .tab .expandable-row .roll-menu .roll-level .roll-item, .dc20rpg .actor_v2 .pc-body .tab .expandable-row .roll-menu .roll-level .roll-level-check {
  background-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-body .tab .expandable-row .roll-menu .roll-level .value-in-box .fa-solid {
  color: var(--pc-main-light) !important;
  -webkit-text-stroke-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-body .tab .expandable-row .roll-menu .roll-level .value-in-box .value::after {
  background-color: var(--pc-main-light) !important;
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-body .tab .expandable-row .roll-menu .help-dices .fa-solid {
  color: var(--pc-main-light) !important;
  -webkit-text-stroke-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-body .tab .expandable-row .roll-menu .roll-options i {
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper {
  width: 44%;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper.max-prime {
  right: 35px;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes {
  margin: 0;
  font-family: "A Absolute Empire";
  gap: 3px;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute {
  border: 2px solid var(--secondary-darker);
  background-color: var(--secondary-lighter);
  color: var(--primary-light);
  border-radius: 3px;
  min-width: 75px;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute.prime-attribute {
  border-color: var(--secondary-darker);
  color: white;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute.prime-attribute .atr-name {
  background-color: var(--primary-color);
  border-bottom: 2px solid black;
  color: white;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute.prime-attribute .value input:disabled {
  color: white;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .atr-name {
  border-bottom: 2px solid black;
  padding: 4px 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--primary-color);
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .atr-name label {
  font-size: 14px;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .buttons {
  position: relative;
  top: 11px;
  height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .buttons a {
  background-color: var(--secondary-lighter);
  color: var(--primary-color);
  border-color: var(--secondary-dark);
  width: 20px;
  height: 20px;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .buttons .add-attribute-point {
  position: relative;
  right: -5px;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .buttons .subtract-attribute-point {
  position: relative;
  left: -5px;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .value {
  font-size: 20px;
  font-weight: bold;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .value input {
  background: transparent;
  border: 0;
  text-align: center;
  color: var(--primary-light);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  height: 25px;
  width: 100%;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .value input:disabled {
  color: var(--primary-light);
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .check {
  border-radius: 0 15px 0 0;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .save {
  border-radius: 15px 0 0 0;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .roll-button {
  font-size: 12px;
  color: var(--primary-color);
  padding: 5px;
  padding-top: 10px;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 20px;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .roll-button .original {
  font-size: 10px;
  margin-top: 1px;
  margin-bottom: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .roll-button .hovered {
  margin-top: 1px;
  margin-bottom: -1px;
  display: none;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .roll-button:hover {
  color: white;
  background-color: var(--primary-light);
  border-color: white;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .roll-button:hover .original {
  display: none;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .roll-button:hover .hovered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attributes .attribute .roll-buttons .save-mastery-container {
  color: var(--primary-color);
  position: relative;
  top: -15px;
  left: -7px;
  height: 0;
  width: 0;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .points-left {
  position: relative;
  height: 0;
  left: -10px;
  top: -15px;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .points-left span {
  margin-top: 1px;
  text-shadow: none;
  background-color: var(--secondary-lighter);
  border-color: var(--dark-red);
  color: var(--dark-red);
  border-radius: 7px;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .points-left.save-masteries {
  left: calc(100% - 15px);
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .value input {
  color: var(--pc-main-lighter) !important;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .attribute {
  color: var(--pc-main-lighter) !important;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .prime-attribute {
  border-color: black;
  color: white !important;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .prime-attribute .atr-name {
  background-color: var(--pc-main) !important;
  border-color: black !important;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .prime-attribute .value input {
  color: white !important;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .buttons a {
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .roll-button {
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .roll-button:hover {
  background-color: var(--pc-main-lighter) !important;
  color: var(--pc-secondary-light) !important;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .save-mastery-container {
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .prime {
  position: absolute;
  top: 220px;
  right: -33px;
  width: 60px;
  height: 60px;
  border: 2px solid white;
  background-color: var(--pc-secondary);
  color: white;
  border-radius: 5px 5px 5px 5px;
  font-family: "A Absolute Empire";
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .prime .atr-name {
  border-bottom: 2px solid white;
  padding: 4px 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  background-color: var(--primary-color);
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .prime .atr-name label {
  font-size: 14px;
  font-weight: bold;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .prime .value {
  font-size: 20px;
  font-weight: bold;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .prime .value input {
  background: transparent;
  border: 0;
  text-align: center;
  color: var(--primary-light);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  height: 25px;
  margin-bottom: 5px;
  width: 100%;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .attributes-wrapper .prime .value input:disabled {
  color: white;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .oneliner {
  width: calc(50% - 8px);
  margin: 5px 4px;
  color: var(--pc-text-color-2) !important;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .oneliner .oneliner-header {
  padding-bottom: 3px;
  border-bottom: 2px solid var(--primary-color);
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .oneliner .oneliner-header span {
  margin-left: 10px;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .oneliner .oneliner-content {
  padding: 5px 2px;
  font-size: 12px;
  font-family: "Signika", sans-serif;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .oneliner .oneliner-content img {
  margin-bottom: -3px;
  border-radius: 3px;
  background-color: white;
  height: 15px;
  width: 15px;
  border: 1px solid var(--primary-color);
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .oneliner img {
  border-color: var(--primary-color);
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .oneliner .oneliner-content {
  gap: 3px;
  margin: 0;
}
.dc20rpg .actor_v2 .pc-body .core-tab .first-row .oneliner-header {
  color: var(--pc-text-color-2) !important;
  font-family: "A Absolute Empire";
  border-color: var(--primary-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 10px;
}
.dc20rpg .actor_v2 .pc-body .core-tab .second-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .actor_v2 .pc-body .core-tab .second-row .details {
  width: 35%;
}
.dc20rpg .actor_v2 .pc-body .core-tab .second-row .table-wrapper {
  margin-left: 5px;
  width: calc(65% - 5px);
}
.dc20rpg .actor_v2 .pc-body .core-tab .second-row .table-header, .dc20rpg .actor_v2 .pc-body .core-tab .second-row .table-row, .dc20rpg .actor_v2 .pc-body .core-tab .second-row .column {
  border-color: var(--pc-secondary-darker) !important;
}
.dc20rpg .actor_v2 .pc-body .core-tab .second-row .content-box {
  border-color: var(--pc-main);
  background-color: var(--pc-main-light);
}
.dc20rpg .actor_v2 .pc-body .core-tab .second-row .content-box .box-inner {
  border-color: var(--pc-main);
}
.dc20rpg .actor_v2 .pc-body .core-tab .second-row .skills .skill-mastery-toggle, .dc20rpg .actor_v2 .pc-body .core-tab .second-row .skills .language-mastery-toggle {
  border-color: var(--pc-main) !important;
  background-color: var(--pc-main-light) !important;
  color: var(--pc-text-color-1) !important;
}
.dc20rpg .actor_v2 .pc-body .core-tab .second-row .skills .modifier input {
  color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-body .core-tab .second-row .skills .expertise-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 1px;
  min-width: 17px;
  height: 17px;
  border-radius: 4px;
  border: 2px solid var(--pc-main);
  background-color: var(--pc-main-light);
  margin-right: 2px;
  font-family: "A Absolute Empire";
  font-size: 12px;
  color: var(--pc-text-color-1);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.dc20rpg .actor_v2 .pc-body .core-tab .second-row .skills .expertise-toggle:hover {
  -webkit-box-shadow: 0 0 3px 2px rgba(253, 0, 0, 0.7411764706) inset;
  box-shadow: 0 0 3px 2px rgba(253, 0, 0, 0.7411764706) inset;
}
.dc20rpg .actor_v2 .pc-body .core-tab .second-row .skills .expertise-toggle.inactive {
  background-color: var(--secondary-color);
  border-color: var(--secondary-dark);
}
.dc20rpg .actor_v2 .pc-body .core-tab .second-row .conditions .condition-sub-header, .dc20rpg .actor_v2 .pc-body .core-tab .second-row .conditions .dmg-reduction-sub-header, .dc20rpg .actor_v2 .pc-body .core-tab .second-row .dmg-reduction .condition-sub-header, .dc20rpg .actor_v2 .pc-body .core-tab .second-row .dmg-reduction .dmg-reduction-sub-header {
  background-color: var(--pc-main-lighter) !important;
}
.dc20rpg .actor_v2 .pc-body .core-tab .second-row .conditions img, .dc20rpg .actor_v2 .pc-body .core-tab .second-row .dmg-reduction img {
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-body .core-tab .oneliner-wrapper {
  width: 30%;
  margin-right: 5px;
}
.dc20rpg .actor_v2 .pc-body .core-tab .table-wrapper {
  width: calc(70% - 5px);
}
.dc20rpg .actor_v2 .pc-body .core-tab .oneliner {
  margin: 5px 3px;
  color: var(--pc-text-color-2) !important;
}
.dc20rpg .actor_v2 .pc-body .core-tab .oneliner .oneliner-header {
  padding-bottom: 3px;
  border-bottom: 2px solid var(--primary-color);
}
.dc20rpg .actor_v2 .pc-body .core-tab .oneliner .oneliner-header span {
  margin-left: 10px;
}
.dc20rpg .actor_v2 .pc-body .core-tab .oneliner .oneliner-content {
  padding: 5px 2px;
  font-size: 12px;
  font-family: "Signika", sans-serif;
}
.dc20rpg .actor_v2 .pc-body .core-tab .oneliner .oneliner-content img {
  margin-bottom: -3px;
  border-radius: 3px;
  background-color: white;
  height: 15px;
  width: 15px;
  border: 1px solid var(--primary-color);
}
.dc20rpg .actor_v2 .pc-body .core-tab .oneliner img {
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-body .core-tab .oneliner-header {
  color: var(--pc-text-color-2) !important;
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-body .effects-tab .status-table {
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .pc-body .effects-tab .status-table .status {
  border-color: var(--pc-main) !important;
}
.dc20rpg .actor_v2 .table-header {
  padding: 3px 3px 2px 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 2px solid var(--primary-color);
  border-bottom: 2px solid var(--primary-color);
  background-color: var(--secondary-dark);
  font-size: 13px;
  font-family: "A Absolute Empire";
  color: var(--secondary-lighter);
  font-weight: bold;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  height: 30px;
}
.dc20rpg .actor_v2 .table-header .title {
  margin-left: 10px;
  margin-right: auto;
}
.dc20rpg .actor_v2 .table-header .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  top: -2px;
  right: -2px;
}
.dc20rpg .actor_v2 .table-header .menu .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .actor_v2 .table-header .menu .buttons .letter-circle-icon a {
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  background-color: var(--secondary-lighter);
  color: var(--primary-light);
  width: 27px;
}
.dc20rpg .actor_v2 .table-header:first-child {
  border-top: 0;
}
.dc20rpg .actor_v2 .table-row {
  font-family: "A Absolute Empire";
  font-size: 14px;
  padding: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 2px solid var(--primary-color);
}
.dc20rpg .actor_v2 .table-row:nth-child(2n) {
  background-color: var(--secondary-lighter);
}
.dc20rpg .actor_v2 .table-row:last-child {
  border-bottom: 0;
}
.dc20rpg .actor_v2 .content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid var(--primary-color);
  background-color: var(--primary-light);
  border-radius: 5px;
}
.dc20rpg .actor_v2 .content-box .box-inner {
  background-color: var(--secondary-color);
  border: 2px solid var(--primary-color);
  width: 100%;
}
.dc20rpg .actor_v2 .content-box .box-inner:before {
  left: -3px;
  bottom: -3px;
}
.dc20rpg .actor_v2 .content-box .box-inner:after {
  right: -3px;
  bottom: -3px;
}
.dc20rpg .actor_v2 .content-box:before, .dc20rpg .actor_v2 .content-box:after, .dc20rpg .actor_v2 .content-box .box-inner:before, .dc20rpg .actor_v2 .content-box .box-inner:after {
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.dc20rpg .actor_v2 .content-box .box-header {
  padding-top: 3px;
  font-size: 16px;
  font-family: "A Absolute Empire";
  color: white;
  font-weight: bold;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg .actor_v2 .content-box .box-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 5px 20px 20px 20px;
  font-weight: bold;
  font-size: 14px;
  font-family: "A Absolute Empire";
}
.dc20rpg .actor_v2 .content-box .box-content .sub-header {
  color: var(--primary-color);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .actor_v2.npc {
  background-color: var(--npc-background);
}
.dc20rpg .item_v2 .item-sheet-header {
  padding: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dc20rpg .item_v2 .item-sheet-header .item-img {
  min-width: 120px;
  margin-right: 5px;
}
.dc20rpg .item_v2 .item-sheet-header .item-img img {
  height: 120px;
  width: 120px;
  border-radius: 100%;
  border: 3px solid var(--primary-color);
}
.dc20rpg .item_v2 .item-sheet-header .identified-button {
  position: relative;
  height: 0;
  width: 0;
}
.dc20rpg .item_v2 .item-sheet-header .identified-button a {
  position: absolute;
  top: 10px;
  left: 0;
}
.dc20rpg .item_v2 .item-sheet-header .weapon-creator-wrapper, .dc20rpg .item_v2 .item-sheet-header .scroll-creator-wrapper {
  position: relative;
  height: 0;
  width: 0;
}
.dc20rpg .item_v2 .item-sheet-header .weapon-creator-wrapper a, .dc20rpg .item_v2 .item-sheet-header .scroll-creator-wrapper a {
  position: absolute;
  top: 10px;
  left: 104px;
}
.dc20rpg .item_v2 .item-sheet-header .cost-wrapper {
  position: relative;
  height: 0;
  width: 0;
}
.dc20rpg .item_v2 .item-sheet-header .item-cost {
  position: absolute;
  border-radius: 5px;
  padding: 4px;
  background-color: var(--secondary-color);
  border: 2px solid var(--primary-color);
  top: -22px;
  left: 5px;
  width: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg .item_v2 .item-sheet-header .item-cost .cost-icon, .dc20rpg .item_v2 .item-sheet-header .item-cost .cost-img {
  margin: 0 2px;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.dc20rpg .item_v2 .item-sheet-header .item-cost .cost-img {
  height: 15px;
  width: 15px;
  border: 0;
  border-radius: 7px;
}
.dc20rpg .item_v2 .item-sheet-header .item-cost .ap {
  color: var(--action-point);
}
.dc20rpg .item_v2 .item-sheet-header .item-cost .sp {
  color: var(--stamina);
}
.dc20rpg .item_v2 .item-sheet-header .item-cost .mp {
  color: var(--mana);
}
.dc20rpg .item_v2 .item-sheet-header .item-cost .grit {
  color: var(--grit);
}
.dc20rpg .item_v2 .item-sheet-header .item-cost .hp {
  color: var(--health);
}
.dc20rpg .item_v2 .item-sheet-header .item-cost .rest {
  color: #00887d;
}
.dc20rpg .item_v2 .item-sheet-header .header-content {
  width: 100%;
}
.dc20rpg .item_v2 .item-sheet-header .header-content .item-details {
  font-family: "A Absolute Empire";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  width: 100%;
}
.dc20rpg .item_v2 .item-sheet-header .header-content .item-details .item-name {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 14px 6px 12px 6px;
  border: 2px solid var(--primary-color);
  background: var(--secondary-color);
  color: white;
  font-weight: bold;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  font-size: 22px;
  height: 40px;
  border-radius: 10px 0 0 0;
  text-indent: 5px;
}
.dc20rpg .item_v2 .item-sheet-header .header-content .item-details .item-label {
  border: 2px solid var(--primary-color);
  border-left: 0;
  white-space: nowrap;
  padding: 2px 10px;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
  color: white;
  font-size: bold;
  background-color: var(--secondary-color);
}
.dc20rpg .item_v2 .item-sheet-header .header-content .item-details .item-label .item-type {
  margin-top: 3px;
  text-align: center;
  font-size: 14px;
}
.dc20rpg .item_v2 .item-sheet-header .header-content .item-details .item-label .item-subtype {
  text-align: center;
  font-size: 12px;
}
.dc20rpg .item_v2 .item-sheet-header .header-content .item-roll {
  font-family: "Signika", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: var(--secondary-lighter);
  border-radius: 0 0 10px 0;
  border: 2px solid var(--primary-color);
  border-top: 0;
  font-weight: 100;
  color: black;
  font-size: 11px;
  min-height: 24px;
}
.dc20rpg .item_v2 .item-sheet-header .header-content .item-roll .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0px 5px;
  border-right: 2px solid var(--primary-color);
}
.dc20rpg .item_v2 .item-sheet-header .header-content .item-roll .wrapper:last-child {
  border-right: 0;
}
.dc20rpg .item_v2 .item-sheet-header .header-content .item-roll .wrapper em {
  font-weight: bold;
}
.dc20rpg .item_v2 .item-sheet-header .header-content .item-roll .wrapper i {
  margin-right: 4px;
}
.dc20rpg .item_v2 .item-sheet-header .header-content .item-properties {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: "A Absolute Empire";
  font-size: 11px;
  margin-top: 5px;
}
.dc20rpg .item_v2 .item-sheet-header .header-content .item-properties .detail {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 3px;
  margin-left: 3px;
  padding: 5px 5px 3px 5px;
  border: 1px solid black;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--primary-light);
  color: white;
  text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}
.dc20rpg .item_v2 .item-sheet-header .header-content .item-properties .box {
  border: 1px solid black;
  background-color: var(--primary-color);
}
.dc20rpg .item_v2 .item-sheet-header .header-content .item-properties .green-box {
  background-color: var(--crit-background);
}
.dc20rpg .item_v2 .item-sheet-header .header-content .item-properties .red-box {
  background-color: var(--fail-background);
}
.dc20rpg .item_v2 .item-sheet-header .header-content .item-properties.invisible {
  display: none;
}
.dc20rpg .item_v2 .sheet-tabs {
  border: 0;
  font-family: "A Absolute Empire";
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  margin: 0;
}
.dc20rpg .item_v2 .sheet-tabs .item {
  padding: 8px 12px 6px 12px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  border-top: 2px solid var(--secondary-color);
  border-bottom: 2px solid var(--primary-color);
  background-color: var(--secondary-lighter);
}
.dc20rpg .item_v2 .sheet-tabs .item.active {
  border-top: 2px solid var(--primary-color);
  border-right: 2px solid var(--primary-color);
  border-left: 2px solid var(--primary-color);
  border-bottom: 0;
  background-color: transparent;
  text-shadow: none;
  color: var(--primary-color);
  text-shadow: -1px 0 var(--secondary-lighter), 0 1px var(--secondary-lighter), 1px 0 var(--secondary-lighter), 0 -1px var(--secondary-lighter);
}
.dc20rpg .item_v2 .roll-tabs, .dc20rpg .item_v2 .advanced-tabs {
  font-family: "A Absolute Empire";
}
.dc20rpg .item_v2 .roll-tabs .item, .dc20rpg .item_v2 .advanced-tabs .item {
  padding: 6px 12px 4px 12px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 12px;
  border-top: 2px solid var(--secondary-color);
  border-bottom: 2px solid var(--primary-color);
  background-color: var(--secondary-lighter);
}
.dc20rpg .item_v2 .roll-tabs .item.active, .dc20rpg .item_v2 .advanced-tabs .item.active {
  border-top: 2px solid var(--primary-color);
  border-right: 2px solid var(--primary-color);
  border-left: 2px solid var(--primary-color);
  border-bottom: 0;
  background-color: transparent;
  text-shadow: none;
  color: var(--primary-color);
  text-shadow: -1px 0 var(--secondary-lighter), 0 1px var(--secondary-lighter), 1px 0 var(--secondary-lighter), 0 -1px var(--secondary-lighter);
}
.dc20rpg .item_v2 .roll-tabs .item:last-child.active, .dc20rpg .item_v2 .advanced-tabs .item:last-child.active {
  border-right: 0;
}
.dc20rpg .item_v2 .roll-tabs .item:first-child.active, .dc20rpg .item_v2 .advanced-tabs .item:first-child.active {
  border-left: 0;
}
.dc20rpg .item_v2 .item-sheet-body {
  height: calc(100% - 168px);
  border: 2px solid var(--primary-color);
  border-top: 0;
  margin-bottom: 5px;
}
.dc20rpg .item_v2 .item-sheet-body hr {
  border-top: 1px solid var(--primary-dark);
  border-bottom: 1px solid var(--primary-dark);
  margin: 0 5px;
}
.dc20rpg .item_v2 .item-sheet-body .content-wrapper {
  padding: 10px;
  border: 2px solid var(--primary-dark);
  border-top: 0;
  background-color: var(--secondary-color);
  -webkit-box-shadow: 0 0 14px var(--primary-darker) inset;
  box-shadow: 0 0 14px var(--primary-darker) inset;
}
.dc20rpg .item_v2 .item-sheet-body .edit-effect-on {
  cursor: pointer;
  height: 19px;
  width: 19px;
  border: 1px solid black;
}
.dc20rpg .item_v2 .item-sheet-body .edit-effect-on:hover {
  -webkit-box-shadow: 0 0 3px 2px rgba(253, 0, 0, 0.7411764706);
  box-shadow: 0 0 3px 2px rgba(253, 0, 0, 0.7411764706);
}
.dc20rpg .item_v2 .item-sheet-body .content .sub-header {
  font-size: 16px;
  font-family: "A Absolute Empire";
  background-color: var(--primary-light);
  border: 2px solid var(--primary-dark);
  color: var(--secondary-lighter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 10px 6px 10px;
  text-shadow: -1px 0 var(--primary-color), 0 1px var(--primary-color), 1px 0 var(--primary-color), 0 -1px var(--primary-color);
}
.dc20rpg .item_v2 .item-sheet-body .content .sub-header input {
  background-color: white;
}
.dc20rpg .item_v2 .item-sheet-body .content .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 27px;
  font-size: 14px;
}
.dc20rpg .item_v2 .item-sheet-body .content .row input, .dc20rpg .item_v2 .item-sheet-body .content .row select, .dc20rpg .item_v2 .item-sheet-body .content .row span {
  width: 50%;
  font-weight: bold;
}
.dc20rpg .item_v2 .item-sheet-body .content .row textarea {
  border: 1px solid black;
  border-radius: 5px;
  color: black;
  background-color: var(--secondary-lighter);
  border-radius: 0;
  min-height: 29px;
  height: 29px;
  font-family: "Signika", sans-serif;
}
.dc20rpg .item_v2 .item-sheet-body .content .row.ignore-symetry input, .dc20rpg .item_v2 .item-sheet-body .content .row.ignore-symetry select, .dc20rpg .item_v2 .item-sheet-body .content .row.ignore-symetry span {
  width: auto;
}
.dc20rpg .item_v2 .item-sheet-body .content .row a {
  color: black;
  margin-right: 2px;
}
.dc20rpg .item_v2 .item-sheet-body .content .row select, .dc20rpg .item_v2 .item-sheet-body .content .row input {
  border: 1px solid black;
  border-radius: 5px;
  color: black;
  background-color: var(--secondary-lighter);
  border-radius: 0;
}
.dc20rpg .item_v2 .item-sheet-body .content .row .left-part-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
}
.dc20rpg .item_v2 .item-sheet-body .content .row .right-part-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
}
.dc20rpg .item_v2 .item-sheet-body .content .row .right-part-row input, .dc20rpg .item_v2 .item-sheet-body .content .row .right-part-row select {
  max-width: 50%;
}
.dc20rpg .item_v2 .item-sheet-body .content .row .right-part-row input.full-row, .dc20rpg .item_v2 .item-sheet-body .content .row .right-part-row select.full-row {
  max-width: 100%;
  width: 100%;
}
.dc20rpg .item_v2 .item-sheet-body .content .row .right-part-row input .small-input, .dc20rpg .item_v2 .item-sheet-body .content .row .right-part-row select .small-input {
  width: 24%;
}
.dc20rpg .item_v2 .item-sheet-body .content .row .right-part-row .separator {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 2px;
}
.dc20rpg .item_v2 .item-sheet-body .content .row input {
  text-align: end;
}
.dc20rpg .item_v2 .item-sheet-body .content .row a.empty {
  -webkit-filter: opacity(0.5);
  filter: opacity(0.5);
}
.dc20rpg .item_v2 .item-sheet-body .content .row .enh-macro-edit.empty {
  -webkit-filter: opacity(0.5);
  filter: opacity(0.5);
}
.dc20rpg .item_v2 .item-sheet-body .content .selected-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.dc20rpg .item_v2 .item-sheet-body .content .selected-options .option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 10px;
  font-weight: bold;
  margin-left: 2px;
  padding: 3px;
  border-radius: 3px;
  color: var(--secondary-darker);
  border: 1px solid var(--secondary-darker);
  background-color: var(--secondary-lighter);
}
.dc20rpg .item_v2 .item-sheet-body .content .scaling .title {
  padding: 5px;
  border-bottom: 2px solid var(--primary-color);
  border-radius: 9px 9px 0 0;
  background-color: var(--primary-light);
}
.dc20rpg .item_v2 .item-sheet-body .content .scaling .title label {
  font-size: 20px;
  font-weight: bold;
  color: white;
  -webkit-text-stroke: 0.5px black;
}
.dc20rpg .item_v2 .item-sheet-body .content .scaling .grid {
  gap: 0;
  padding: 0;
  margin: 0;
}
.dc20rpg .item_v2 .item-sheet-body .content .scaling .scale {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-right: 1px solid var(--primary-color);
  border-top: 1px solid var(--primary-color);
  font-family: "A Absolute Empire";
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.dc20rpg .item_v2 .item-sheet-body .content .scaling .scale .level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--primary-color);
}
.dc20rpg .item_v2 .item-sheet-body .content .scaling .scale .level span {
  margin-top: 2px;
  font-weight: bold;
}
.dc20rpg .item_v2 .item-sheet-body .content .scaling .scale .value input {
  text-align: center;
  background-color: transparent;
  border: 0;
  color: var(--primary-color);
}
.dc20rpg .item_v2 .item-sheet-body .content .scaling .scale .level-span span {
  margin-top: 2px;
  font-size: 14px;
  font-weight: bold;
}
.dc20rpg .item_v2 .item-sheet-body .content .scaling .scale:nth-child(11n) {
  border-right: 0;
}
.dc20rpg .item_v2 .item-sheet-body .content .scaling .charges-reset {
  height: 23px;
  border: 1px solid var(--primary-color);
  background-color: var(--secondary-lighter);
}
.dc20rpg .item_v2 .item-sheet-body .content .border-box {
  margin-top: 5px;
  border: 2px solid var(--primary-dark);
  border-radius: 2px;
  background-color: var(--secondary-color);
  padding: 0;
}
.dc20rpg .item_v2 .item-sheet-body .content .border-box .box-inner {
  padding: 0;
  margin: 0;
  background-color: var(--secondary-color);
  border: 0;
}
.dc20rpg .item_v2 .item-sheet-body .content .border-box:before, .dc20rpg .item_v2 .item-sheet-body .content .border-box:after, .dc20rpg .item_v2 .item-sheet-body .content .border-box .box-inner:before, .dc20rpg .item_v2 .item-sheet-body .content .border-box .box-inner:after {
  color: var(--primary-color);
  border: 2px solid var(--primary-dark);
}
.dc20rpg .item_v2 .item-sheet-body .content .advancements-table {
  margin-bottom: 0;
  font-family: "A Absolute Empire";
  font-size: 12px;
}
.dc20rpg .item_v2 .item-sheet-body .content .advancements-table .advancement-header {
  padding: 5px 3px 5px 10px;
  height: 25px;
  display: grid;
  grid-template-columns: 1fr 75px 75px 75px;
  border-radius: 5px 5px 0 0;
  background: -webkit-gradient(linear, left top, right top, from(var(--table-1)), to(var(--table-2)));
  background: linear-gradient(to right, var(--table-1), var(--table-2));
  color: var(--secondary-lighter);
  margin-top: 5px;
}
.dc20rpg .item_v2 .item-sheet-body .content .advancements-table .advancement-header .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.dc20rpg .item_v2 .item-sheet-body .content .advancements-table .advancement-header .name {
  overflow: hidden;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.dc20rpg .item_v2 .item-sheet-body .content .advancements-table .advancement-row {
  height: 30px;
  display: grid;
  grid-template-columns: 1fr 75px 75px 75px;
  background-color: var(--secondary-color);
  border: 2px solid var(--secondary-dark);
  border-top: 0;
}
.dc20rpg .item_v2 .item-sheet-body .content .advancements-table .advancement-row.additional-advancements {
  -webkit-filter: opacity(0.7);
  filter: opacity(0.7);
}
.dc20rpg .item_v2 .item-sheet-body .content .advancements-table .advancement-row .column {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-right: 1px solid var(--secondary-dark);
}
.dc20rpg .item_v2 .item-sheet-body .content .advancements-table .advancement-row .column:last-child {
  border-right: 0;
}
.dc20rpg .item_v2 .item-sheet-body .content .advancements-table .advancement-row .name {
  overflow: hidden;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.dc20rpg .item_v2 .item-sheet-body .content .advancements-table .advancement-row .config {
  font-size: 14px;
}
.dc20rpg .item_v2 .item-sheet-body .content .damage-formula {
  color: #790000 !important;
  border-color: #790000 !important;
}
.dc20rpg .item_v2 .item-sheet-body .content .versatile-formula {
  color: #77008f !important;
  border-color: #77008f !important;
}
.dc20rpg .item_v2 .item-sheet-body .content .each5-formula {
  color: #796700 !important;
  border-color: #796700 !important;
}
.dc20rpg .item_v2 .item-sheet-body .content .fail-formula {
  color: #160b7c !important;
  border-color: #160b7c !important;
}
.dc20rpg .item_v2 .item-sheet-body .content .healing-formula {
  color: #075307 !important;
  border-color: #075307 !important;
}
.dc20rpg .item_v2 .item-sheet-body .content .other-formula {
  color: #002f64 !important;
  border-color: #002f64 !important;
}
.dc20rpg .item_v2 .item-sheet-body .content .ap-cost, .dc20rpg .item_v2 .item-sheet-body .content .stamina-cost, .dc20rpg .item_v2 .item-sheet-body .content .mana-cost, .dc20rpg .item_v2 .item-sheet-body .content .health-cost, .dc20rpg .item_v2 .item-sheet-body .content .grit-cost, .dc20rpg .item_v2 .item-sheet-body .content .rest-cost {
  color: var(--action-point) !important;
}
.dc20rpg .item_v2 .item-sheet-body .content .ap-cost .wrapper, .dc20rpg .item_v2 .item-sheet-body .content .stamina-cost .wrapper, .dc20rpg .item_v2 .item-sheet-body .content .mana-cost .wrapper, .dc20rpg .item_v2 .item-sheet-body .content .health-cost .wrapper, .dc20rpg .item_v2 .item-sheet-body .content .grit-cost .wrapper, .dc20rpg .item_v2 .item-sheet-body .content .rest-cost .wrapper {
  min-width: 27px;
  min-height: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  border: 2px solid;
  background-color: white;
  border-color: var(--action-point) !important;
  margin-right: 5px;
}
.dc20rpg .item_v2 .item-sheet-body .content .ap-cost .wrapper i, .dc20rpg .item_v2 .item-sheet-body .content .stamina-cost .wrapper i, .dc20rpg .item_v2 .item-sheet-body .content .mana-cost .wrapper i, .dc20rpg .item_v2 .item-sheet-body .content .health-cost .wrapper i, .dc20rpg .item_v2 .item-sheet-body .content .grit-cost .wrapper i, .dc20rpg .item_v2 .item-sheet-body .content .rest-cost .wrapper i {
  margin-top: 2px;
}
.dc20rpg .item_v2 .item-sheet-body .content .resource-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border: 2px solid var(--primary-color);
  border-radius: 5px;
  margin-right: 5px;
}
.dc20rpg .item_v2 .item-sheet-body .content .stamina-cost {
  color: var(--stamina) !important;
}
.dc20rpg .item_v2 .item-sheet-body .content .stamina-cost .wrapper {
  border-color: var(--stamina) !important;
}
.dc20rpg .item_v2 .item-sheet-body .content .mana-cost {
  color: var(--mana) !important;
}
.dc20rpg .item_v2 .item-sheet-body .content .mana-cost .wrapper {
  border-color: var(--mana) !important;
}
.dc20rpg .item_v2 .item-sheet-body .content .grit-cost {
  color: var(--grit) !important;
}
.dc20rpg .item_v2 .item-sheet-body .content .grit-cost .wrapper {
  border-color: var(--grit) !important;
}
.dc20rpg .item_v2 .item-sheet-body .content .rest-cost {
  color: #00887d !important;
}
.dc20rpg .item_v2 .item-sheet-body .content .rest-cost .wrapper {
  border-color: #00887d !important;
}
.dc20rpg .item_v2 .item-sheet-body .content .health-cost {
  color: var(--health) !important;
}
.dc20rpg .item_v2 .item-sheet-body .content .health-cost .wrapper {
  border-color: var(--health) !important;
}
.dc20rpg .item_v2 .item-sheet-body .content .big-table .sub-header {
  background-color: var(--secondary-dark);
}
.dc20rpg .item_v2 .item-sheet-body .content .big-table .sub-header input {
  padding-top: 3px;
  padding-bottom: 1px;
  font-size: 16px;
  width: 50%;
  background-color: var(--secondary-lighter);
  border: 2px solid var(--primary-color);
}
.dc20rpg .item_v2 .item-sheet-body .content .big-table .resources, .dc20rpg .item_v2 .item-sheet-body .content .big-table .enh-resources, .dc20rpg .item_v2 .item-sheet-body .content .big-table .charges {
  padding: 0 7px 10px 7px;
  border-bottom: 2px solid var(--primary-dark);
}
.dc20rpg .item_v2 .item-sheet-body .content .big-table .resources .resource, .dc20rpg .item_v2 .item-sheet-body .content .big-table .enh-resources .resource, .dc20rpg .item_v2 .item-sheet-body .content .big-table .charges .resource {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dc20rpg .item_v2 .item-sheet-body .content .big-table .resources .resource input, .dc20rpg .item_v2 .item-sheet-body .content .big-table .enh-resources .resource input, .dc20rpg .item_v2 .item-sheet-body .content .big-table .charges .resource input {
  font-weight: bold;
  text-align: end;
  border-radius: 0;
  background-color: var(--secondary-lighter);
  border: 1px solid black;
}
.dc20rpg .item_v2 .item-sheet-body .content .big-table .charges {
  padding: 0 7px 5px 7px;
}
.dc20rpg .item_v2 .item-sheet-body .content .big-table .charges .row:first-child {
  border-right: 2px solid var(--primary-color);
}
.dc20rpg .item_v2 .item-sheet-body .content .big-table .row {
  padding: 0 7px;
}
.dc20rpg .item_v2 .item-sheet-body .content .big-table .row:last-child {
  margin-bottom: 5px;
}
.dc20rpg .item_v2 .item-sheet-body .activable-box {
  font-family: "A Absolute Empire";
  padding: 3px 3px 2px 3px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid var(--secondary-dark);
  background-color: var(--secondary-lighter);
  color: var(--secondary-dark);
  text-align: center;
}
.dc20rpg .item_v2 .item-sheet-body .activable-box.active {
  background-color: var(--primary-color);
  border-color: var(--secondary-dark);
  color: var(--secondary-lighter);
}
.dc20rpg .item_v2 .item-sheet-body .activable-box.activable:hover {
  -webkit-box-shadow: 0 0 3px 2px rgba(253, 0, 0, 0.7411764706) inset;
  box-shadow: 0 0 3px 2px rgba(253, 0, 0, 0.7411764706) inset;
}
.dc20rpg .item_v2 .item-sheet-body .activable-box.disabled {
  -webkit-filter: invert(30%);
  filter: invert(30%);
}
.dc20rpg .item_v2 .item-sheet-body .activable-box.disabled:hover {
  cursor: default;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.dc20rpg .item_v2 .item-sheet-body .description-tab {
  height: 100%;
}
.dc20rpg .item_v2 .item-sheet-body .description-tab.with-price {
  height: calc(100% - 40px);
}
.dc20rpg .item_v2 .item-sheet-body .description-tab .description {
  height: 100%;
}
.dc20rpg .item_v2 .item-sheet-body .description-tab .item-cost {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 3px;
  padding: 3px;
  border-top: 2px solid var(--primary-color);
  font-weight: bold;
}

/* Chat log */
.chat-message .message-content .chat_v2 {
  display: block;
}
.chat-message .message-content .chat_v2 .info-section .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--secondary-dark);
  background-color: var(--secondary-lighter);
  padding: 5px 5px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.chat-message .message-content .chat_v2 .info-section .header .name-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.chat-message .message-content .chat_v2 .info-section .header img {
  height: 40px;
  width: 40px;
  border: 2px solid var(--primary-dark);
  border-radius: 5px;
  margin-right: 5px;
  -o-object-position: 50% 0;
  object-position: 50% 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.chat-message .message-content .chat_v2 .info-section .header .name {
  font-family: "A Absolute Empire";
}
.chat-message .message-content .chat_v2 .info-section .header.expand-row:hover {
  cursor: pointer;
}
.chat-message .message-content .chat_v2 .info-section .damage, .chat-message .message-content .chat_v2 .info-section .healing, .chat-message .message-content .chat_v2 .info-section .temporary, .chat-message .message-content .chat_v2 .info-section .effectRemoval {
  color: var(--fail);
}
.chat-message .message-content .chat_v2 .info-section .damage img, .chat-message .message-content .chat_v2 .info-section .healing img, .chat-message .message-content .chat_v2 .info-section .temporary img, .chat-message .message-content .chat_v2 .info-section .effectRemoval img {
  height: 30px;
  width: 30px;
}
.chat-message .message-content .chat_v2 .info-section .damage .revert-button, .chat-message .message-content .chat_v2 .info-section .healing .revert-button, .chat-message .message-content .chat_v2 .info-section .temporary .revert-button, .chat-message .message-content .chat_v2 .info-section .effectRemoval .revert-button {
  border: 1px solid var(--secondary-dark);
  border-radius: 5px;
  height: 28px;
  min-width: 28px;
  -webkit-box-shadow: 0 0 6px var(--primary-dark) inset;
  box-shadow: 0 0 6px var(--primary-dark) inset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.chat-message .message-content .chat_v2 .info-section .healing {
  color: var(--crit);
}
.chat-message .message-content .chat_v2 .info-section .temporary {
  color: var(--secondary-dark);
}
.chat-message .message-content .chat_v2 .info-section .effectRemoval {
  color: var(--primary-dark);
}
.chat-message .message-content .chat_v2 .info-section .expandable-row {
  border: 1px solid var(--secondary-dark);
  border-top: 0;
  background-color: var(--secondary-lighter);
  padding: 5px 5px;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  opacity: 0;
  margin-bottom: -10px;
}
.chat-message .message-content .chat_v2 .info-section .expandable-row .details {
  height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: "Signika", sans-serif;
  font-size: 12px;
  font-weight: bolder;
  border-top: 2px solid var(--primary-darker);
  padding-top: 5px;
}
.chat-message .message-content .chat_v2 .info-section .expandable-row .details .detail {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 3px;
  margin-left: 3px;
  padding: 3px;
  border: 1px solid black;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--primary-light);
  color: var(--secondary-lighter);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.chat-message .message-content .chat_v2 .info-section .expandable-row .details .box {
  border: 1px solid var(--secondary-darker);
  background-color: var(--primary-color);
}
.chat-message .message-content .chat_v2 .info-section .expandable-row .details .green-box {
  background-color: var(--crit-background);
}
.chat-message .message-content .chat_v2 .info-section .expandable-row .details .red-box {
  background-color: var(--fail-background);
}
.chat-message .message-content .chat_v2 .info-section .expandable-row .details.invisible {
  display: none;
}
.chat-message .message-content .chat_v2 .info-section .expandable-row .description {
  font-size: 14px;
  height: 0;
}
.chat-message .message-content .chat_v2 .info-section .expandable-row .description.with-image {
  display: grid;
  grid-template-columns: 35px 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.chat-message .message-content .chat_v2 .info-section .expandable-row .description.with-image img {
  margin-right: 2px;
  height: 32px;
  width: 32px;
  border-radius: 2px;
  border: 1px solid var(--primary-dark);
}
.chat-message .message-content .chat_v2 .info-section .expandable-row.expand {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
  opacity: 1;
  margin-bottom: 8px;
}
.chat-message .message-content .chat_v2 .info-section .expandable-row.expand .description {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.chat-message .message-content .chat_v2 .info-section .expandable-row.expand .details {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
.chat-message .message-content .chat_v2 .title {
  font-size: 12px;
  margin: 2px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: "A Absolute Empire";
}
.chat-message .message-content .chat_v2 .roll-box {
  font-family: "A Absolute Empire";
  background-color: var(--secondary-lighter);
  border: 1px solid var(--secondary-dark);
  padding: 5px;
  margin-bottom: 4px;
}
.chat-message .message-content .chat_v2 .roll-box.check {
  font-weight: bold;
  background-color: #799fc2;
  border: 1px solid #002255;
  text-shadow: -1px 0 var(--secondary-lighter), 0 1px var(--secondary-lighter), 1px 0 var(--secondary-lighter), 0 -1px var(--secondary-lighter);
}
.chat-message .message-content .chat_v2 .roll-box .dice-roll:hover .add-roll, .chat-message .message-content .chat_v2 .roll-box .dice-roll:hover .remove-roll, .chat-message .message-content .chat_v2 .roll-box .dice-roll:hover .not-supported {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.chat-message .message-content .chat_v2 .roll-box .dice-roll .add-roll, .chat-message .message-content .chat_v2 .roll-box .dice-roll .remove-roll, .chat-message .message-content .chat_v2 .roll-box .dice-roll .not-supported {
  z-index: 5;
  display: none;
  position: relative;
  height: 0;
  top: 15px;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--primary-color);
  text-shadow: -1px 0 var(--secondary-lighter), 0 1px var(--secondary-lighter), 1px 0 var(--secondary-lighter), 0 -1px var(--secondary-lighter);
}
.chat-message .message-content .chat_v2 .roll-box .dice-roll .add-roll, .chat-message .message-content .chat_v2 .roll-box .dice-roll .remove-roll {
  left: 7px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.chat-message .message-content .chat_v2 .roll-box .dice-roll .justify-end, .chat-message .message-content .chat_v2 .roll-box .dice-roll .not-supported {
  left: -7px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.chat-message .message-content .chat_v2 .roll-box .dice-roll .not-supported {
  color: var(--secondary-dark);
}
.chat-message .message-content .chat_v2 .roll-box .dice-roll .dice-result {
  cursor: pointer;
}
.chat-message .message-content .chat_v2 .roll-box .dice-roll .dice-result .dice-formula {
  border-top: 0;
  font-family: "Signika", sans-serif;
  border-radius: 0;
  margin-bottom: 0;
}
.chat-message .message-content .chat_v2 .roll-box .dice-roll .dice-result .dice-tooltip .dice .part-header {
  text-shadow: -1px 0 var(--secondary-lighter), 0 1px var(--secondary-lighter), 1px 0 var(--secondary-lighter), 0 -1px var(--secondary-lighter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.chat-message .message-content .chat_v2 .roll-box .dice-roll .dice-result .dice-tooltip .dice .part-header .part-formula {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.chat-message .message-content .chat_v2 .roll-box .dice-roll .dice-result .dice-total {
  padding-top: 2px;
  border-radius: 0;
  color: black;
}
.chat-message .message-content .chat_v2 .roll-box .dice-roll .dice-result .dice-total.success {
  border: 2px solid var(--crit);
  background-color: var(--crit-background);
  text-shadow: -1px 0 var(--secondary-lighter), 0 1px var(--secondary-lighter), 1px 0 var(--secondary-lighter), 0 -1px var(--secondary-lighter);
}
.chat-message .message-content .chat_v2 .roll-box .dice-roll .dice-result .dice-total.fail {
  border: 2px solid var(--fail);
  background-color: var(--fail-background);
  text-shadow: -1px 0 var(--secondary-lighter), 0 1px var(--secondary-lighter), 1px 0 var(--secondary-lighter), 0 -1px var(--secondary-lighter);
}
.chat-message .message-content .chat_v2 .roll-box .dice-roll .dice-result .dice-total.crit {
  border: 2px solid var(--crit);
  background-color: var(--crit-background);
  text-shadow: -1px 0 var(--secondary-lighter), 0 1px var(--secondary-lighter), 1px 0 var(--secondary-lighter), 0 -1px var(--secondary-lighter);
}
.chat-message .message-content .chat_v2 .roll-box .dice-roll .dice-result .dice-total.not-winner {
  -webkit-filter: opacity(0.6);
  filter: opacity(0.6);
}
.chat-message .message-content .chat_v2 .measurement-templates {
  border: 1px solid var(--secondary-dark);
  background-color: var(--secondary-lighter);
  padding: 5px;
  margin-bottom: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.chat-message .message-content .chat_v2 .measurement-templates .template {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.chat-message .message-content .chat_v2 .measurement-templates .template .template-button, .chat-message .message-content .chat_v2 .measurement-templates .template .template-side-button {
  text-align: center;
  font-size: 13px;
  margin-top: 3px;
  color: var(--primary-dark);
  font-weight: bold;
  background-color: var(--secondary-color);
  border: 1px solid var(--secondary-dark);
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px var(--secondary-lighter) inset;
  box-shadow: 0 0 10px var(--secondary-lighter) inset;
  padding: 4px;
  width: 100%;
}
.chat-message .message-content .chat_v2 .measurement-templates .template .template-button.disabled, .chat-message .message-content .chat_v2 .measurement-templates .template .template-side-button.disabled {
  cursor: default;
  -webkit-filter: saturate(0.5);
  filter: saturate(0.5);
}
.chat-message .message-content .chat_v2 .measurement-templates .template .template-button.disabled:hover, .chat-message .message-content .chat_v2 .measurement-templates .template .template-side-button.disabled:hover {
  text-shadow: none;
}
.chat-message .message-content .chat_v2 .measurement-templates .template .template-button.selected, .chat-message .message-content .chat_v2 .measurement-templates .template .template-side-button.selected {
  color: var(--secondary-lighter);
  background-color: var(--primary-light);
}
.chat-message .message-content .chat_v2 .measurement-templates .template .template-side-button {
  width: 25px;
}
.chat-message .message-content .chat_v2 .applier .token-selection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.chat-message .message-content .chat_v2 .applier .token-selection .selection {
  cursor: pointer;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 6px 6px 5px 6px;
  height: 30px;
  font-family: "A Absolute Empire";
  border: 1px solid var(--secondary-dark);
  background-color: var(--secondary-color);
  text-shadow: -1px 0 var(--secondary-lighter), 0 1px var(--secondary-lighter), 1px 0 var(--secondary-lighter), 0 -1px var(--secondary-lighter);
}
.chat-message .message-content .chat_v2 .applier .token-selection .selection.active {
  background-color: var(--secondary-lighter);
  border-bottom: 0;
  text-shadow: -1px 0 var(--primary-dark), 0 1px var(--primary-dark), 1px 0 var(--primary-dark), 0 -1px var(--primary-dark);
  color: white;
}
.chat-message .message-content .chat_v2 .applier .token-selection .selection.disabled {
  cursor: default;
  -webkit-filter: invert(30%);
  filter: invert(30%);
}
.chat-message .message-content .chat_v2 .applier .token-selection .run-check-for-selected {
  position: relative;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid var(--secondary-dark);
}
.chat-message .message-content .chat_v2 .applier .token-selection .run-check-for-selected:not(:hover) {
  text-shadow: none;
}
.chat-message .message-content .chat_v2 .applier .token-selection .run-check-for-selected i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--secondary-color);
  border: 1px solid var(--secondary-dark);
  border-radius: 5px 5px 0 0;
  width: 26px;
  height: 24px;
  color: black;
  background-color: var(--secondary-lighter);
  -webkit-box-shadow: 0 0 6px var(--primary-dark) inset;
  box-shadow: 0 0 6px var(--primary-dark) inset;
}
.chat-message .message-content .chat_v2 .applier .token-container {
  border: 1px solid var(--secondary-dark);
  border-top: 0;
  background-color: var(--secondary-lighter);
  padding: 5px;
}
.chat-message .message-content .chat_v2 .applier .token-container .gm-button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 7px;
}
.chat-message .message-content .chat_v2 .applier .token-container .gm-button-container a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-size: 13px;
  width: 100%;
  color: var(--primary-dark);
  font-weight: bold;
  background-color: var(--secondary-color);
  border: 1px solid var(--secondary-dark);
  border-radius: 4px;
  -webkit-box-shadow: 0 0 10px var(--secondary-lighter) inset;
  box-shadow: 0 0 10px var(--secondary-lighter) inset;
  padding: 4px;
}
.chat-message .message-content .chat_v2 .applier .token-container .target {
  margin-top: 5px;
  margin-bottom: 2px;
  border-bottom: 3px dashed var(--primary-darker);
  padding-bottom: 5px;
}
.chat-message .message-content .chat_v2 .applier .token-container .target:last-child {
  border-bottom: 0;
}
.chat-message .message-content .chat_v2 .applier .token-container .target .outcome {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "A Absolute Empire";
  font-size: 12px;
}
.chat-message .message-content .chat_v2 .applier .token-container .target .outcome .name-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.chat-message .message-content .chat_v2 .applier .token-container .target .outcome .name-wrapper .remove-target {
  position: relative;
  width: 0;
  height: 0;
  color: var(--dark-red);
  left: -5px;
  top: -13px;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.chat-message .message-content .chat_v2 .applier .token-container .target .outcome .name-wrapper .name {
  margin-top: 2px;
}
.chat-message .message-content .chat_v2 .applier .token-container .target .outcome .name-wrapper img {
  height: 30px;
  width: 30px;
  border: 1px solid var(--primary-dark);
  border-radius: 5px;
  margin-right: 5px;
  -o-object-position: 50% 0;
  object-position: 50% 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.chat-message .message-content .chat_v2 .applier .token-container .target .target-effect-applier {
  margin-top: 5px;
  padding-top: 4px;
  border-top: 1px solid var(--secondary-dark);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 3px;
}
.chat-message .message-content .chat_v2 .applier .token-container .target .target-effect-applier img {
  height: 30px;
  width: 30px;
  border: 2px solid var(--primary-dark);
  border-radius: 5px;
  margin: 0 2px;
  -o-object-position: 50% 0;
  object-position: 50% 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.chat-message .message-content .chat_v2 .applier .token-container .target .target-effect-applier img:hover {
  -webkit-box-shadow: 0 0 10px var(--primary-darker);
  box-shadow: 0 0 10px var(--primary-darker);
}
.chat-message .message-content .chat_v2 .applier .token-container .target .target-effect-applier img.apply-effect-target-specific {
  border: 2px solid var(--crit);
}
.chat-message .message-content .chat_v2 .applier .token-container .target .target-effect-applier img.apply-effect-target-specific:hover {
  -webkit-box-shadow: 0 0 10px var(--crit-background);
  box-shadow: 0 0 10px var(--crit-background);
}
.chat-message .message-content .chat_v2 .applier .token-container .target .label {
  margin-left: 3px;
  font-family: "A Absolute Empire";
  font-size: 10px;
  border-radius: 5px;
  padding: 6px 5px 4px 5px;
  color: var(--secondary-lighter);
  border: 1px solid var(--crit);
  background-color: var(--crit-background);
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  text-align: center;
  min-width: 33%;
}
.chat-message .message-content .chat_v2 .applier .token-container .target .label.miss {
  color: var(--secondary-lighter);
  border-color: var(--fail);
  background-color: var(--fail-background);
}
.chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper {
  margin-top: 5px;
}
.chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper .row {
  margin-top: 2px;
  margin-bottom: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper .row .damage, .chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper .row .healing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper .row .damage .value, .chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper .row .healing .value {
  font-size: 13px;
  font-weight: bold;
  font-family: "A Absolute Empire";
  padding: 6px 7px 4px 7px;
  border: 1px solid var(--secondary-dark);
  margin: 1px 3px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: var(--secondary-color);
  -webkit-box-shadow: 0 0 10px var(--fail-background) inset;
  box-shadow: 0 0 10px var(--fail-background) inset;
  text-align: center;
  border-radius: 5px;
}
.chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper .row .damage .button-container, .chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper .row .healing .button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper .row .damage .button-container a:hover, .chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper .row .healing .button-container a:hover {
  -webkit-box-shadow: 0 0 7px var(--secondary-color) inset;
  box-shadow: 0 0 7px var(--secondary-color) inset;
}
.chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper .row .damage .button-container .small-button-wrapper, .chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper .row .healing .button-container .small-button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 3px;
}
.chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper .row .damage .button-container .small-button-wrapper .modify-roll, .chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper .row .healing .button-container .small-button-wrapper .modify-roll {
  text-align: center;
  font-family: "A Absolute Empire";
  font-size: 14px;
  background-color: var(--fail-background);
  color: var(--secondary-lighter);
  border: 1px solid var(--secondary-dark);
  height: 14px;
  width: 20px;
  border-radius: 5px;
}
.chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper .row .damage .button-container .apply-damage, .chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper .row .damage .button-container .apply-healing, .chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper .row .healing .button-container .apply-damage, .chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper .row .healing .button-container .apply-healing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--primary-color);
  color: var(--secondary-lighter);
  border: 2px solid var(--secondary-dark);
  text-shadow: -2px 0 var(--secondary-dark), 0 2px var(--secondary-dark), 2px 0 var(--secondary-dark), 0 -2px var(--secondary-dark);
  height: 28px;
  width: 28px;
  border-radius: 5px;
}
.chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper .row .healing .value {
  -webkit-box-shadow: 0 0 10px var(--crit-background) inset;
  box-shadow: 0 0 10px var(--crit-background) inset;
}
.chat-message .message-content .chat_v2 .applier .token-container .target .row-wrapper .row .healing .modify-roll {
  background-color: var(--crit-background) !important;
}
.chat-message .message-content .chat_v2 .applier .button-section {
  margin-top: 5px;
  padding-top: 4px;
  border-top: 1px solid var(--secondary-dark);
  font-family: "A Absolute Empire";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.chat-message .message-content .chat_v2 .applier .button-section .roll-buttons-wrapper {
  margin: 0;
  width: 100%;
}
.chat-message .message-content .chat_v2 .applier .button-section .roll-buttons-wrapper:has(:nth-child(2)) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px;
}
.chat-message .message-content .chat_v2 .applier .button-section .roll-buttons-wrapper .roll-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  font-family: "Signika", sans-serif;
  color: var(--primary-dark);
  font-weight: bold;
  background-color: var(--secondary-color);
  border: 1px solid var(--secondary-dark);
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px var(--secondary-lighter) inset;
  box-shadow: 0 0 10px var(--secondary-lighter) inset;
  width: 100%;
  padding: 3px;
}
.chat-message .message-content .chat_v2 .applier .button-section .roll-buttons-wrapper .roll-button.disabled {
  cursor: default;
  -webkit-filter: saturate(0.5);
  filter: saturate(0.5);
}
.chat-message .message-content .chat_v2 .applier .button-section .roll-buttons-wrapper .roll-button.disabled:hover {
  text-shadow: none;
}
.chat-message .message-content .chat_v2 .applier .button-section .roll-buttons-wrapper .target-specific {
  color: var(--crit);
  border-color: var(--crit);
}
.chat-message .message-content .chat_v2 .applier .effect-applier {
  margin-top: 4px;
  border: 1px solid var(--secondary-dark);
  background-color: var(--secondary-lighter);
  padding: 5px;
}
.chat-message .message-content .chat_v2 .applier .effect-applier .title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 5px;
  height: 24px;
}
.chat-message .message-content .chat_v2 .applier .effect-applier .title-wrapper a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  color: var(--dark-red);
  font-weight: bold;
  background-color: var(--secondary-color);
  border: 1px solid var(--secondary-dark);
  border-radius: 4px;
  -webkit-box-shadow: 0 0 10px var(--secondary-lighter) inset;
  box-shadow: 0 0 10px var(--secondary-lighter) inset;
  padding: 4px;
}
.chat-message .message-content .chat_v2 .applier .effect-applier .button-section {
  border-top: 2px solid var(--primary-dark);
  padding: 5px;
}
.chat-message .message-content .chat_v2 .applier .effect-applier .effects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.chat-message .message-content .chat_v2 .applier .effect-applier .effects img {
  height: 40px;
  width: 40px;
  border: 2px solid var(--primary-dark);
  border-radius: 5px;
  margin: 0 2px;
  -o-object-position: 50% 0;
  object-position: 50% 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.chat-message .message-content .chat_v2 .applier .effect-applier .effects img:hover {
  -webkit-box-shadow: 0 0 10px var(--primary-darker);
  box-shadow: 0 0 10px var(--primary-darker);
}
.chat-message .message-content .chat_v2 .applier .effect-applier .effects img.disabled {
  cursor: default;
}
.chat-message .message-content .chat_v2 .applier .effect-applier .effects img.disabled:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.chat-message .message-content .chat_v2 .half-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  margin-bottom: 4px;
  margin-top: -2px;
}
.chat-message .message-content .chat_v2 .half-box .roll-box {
  margin-bottom: 0px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

#sidebar .combat-sidebar .encounter-dc, #combat-popout .combat-sidebar .encounter-dc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Signika", sans-serif;
  margin: 0 5px;
}
#sidebar .combat-sidebar .encounter-dc .change-dc, #combat-popout .combat-sidebar .encounter-dc .change-dc {
  width: 50%;
  color: #ffffff;
  border-radius: 2px;
  border: 1px solid var(--secondary-lighter);
  background-color: var(--secondary-dark);
  padding: 15px;
  font-weight: bold;
  font-size: 22px;
}
#sidebar .combat-sidebar .encounter-dc span, #combat-popout .combat-sidebar .encounter-dc span {
  font-size: 16px;
  text-shadow: -2px 0 var(--secondary-darker), 0 2px var(--secondary-darker), 2px 0 var(--secondary-darker), 0 -2px var(--secondary-darker);
  font-weight: bold;
}
#sidebar .combat-sidebar .token-initiative, #combat-popout .combat-sidebar .token-initiative {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 65px;
  flex: 0 0 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#sidebar .combat-sidebar .token-initiative .initative-slot, #combat-popout .combat-sidebar .token-initiative .initative-slot {
  height: 34px;
  width: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px;
  font-size: 16px;
  text-shadow: none;
  border: 2px solid var(--secondary-darker);
  border-radius: 3px;
  background-color: var(--secondary-lighter);
  color: var(--secondary-darker);
  font-weight: bold;
}
#sidebar .combat-sidebar .token-initiative .initative-slot:hover, #combat-popout .combat-sidebar .token-initiative .initative-slot:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 6px 3px var(--secondary-darker) inset;
  box-shadow: 0 0 6px 3px var(--secondary-darker) inset;
}
#sidebar .combat-sidebar .companion-combatant, #combat-popout .combat-sidebar .companion-combatant {
  height: 40px;
  margin-left: 10px;
  padding-right: 4px;
}
#sidebar .combat-sidebar .companion-combatant.active, #combat-popout .combat-sidebar .companion-combatant.active {
  border-top: 0;
}
#sidebar .combat-sidebar .companion-combatant .token-image, #combat-popout .combat-sidebar .companion-combatant .token-image {
  height: 40px;
  max-width: 40px;
}
#sidebar .combat-sidebar .companion-combatant .token-initiative, #combat-popout .combat-sidebar .companion-combatant .token-initiative {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  height: 40px;
  width: 40px;
}
#sidebar .combat-sidebar .companion-combatant .token-name h4, #combat-popout .combat-sidebar .companion-combatant .token-name h4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 17px;
  flex: 0 0 17px;
  line-height: 17px;
}

#ui-right #gm-tools {
  position: absolute;
  bottom: 0px;
  height: 0;
  width: 0;
}
#ui-right .gm-tool {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
  width: 30px;
  font-size: 16px;
  border-radius: 5px 0 0 5px;
  padding-left: 10px;
  padding-right: 4px;
  background-color: var(--secondary-color);
  border: 2px solid var(--secondary-darker);
  border-right: 0;
  color: var(--primary-dark);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 1;
}
#ui-right .gm-tool:hover {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  height: 50px;
  width: 50px;
  font-size: 30px;
  z-index: 2;
}
#ui-right #rest-request-button {
  position: absolute;
  bottom: 80px;
  right: 1px;
}
#ui-right #rest-request-button:hover {
  bottom: 70px;
}
#ui-right #roll-request-button {
  position: absolute;
  bottom: 50px;
  right: 1px;
}
#ui-right #roll-request-button:hover {
  bottom: 40px;
}
#ui-right #dmg-calculator {
  position: absolute;
  bottom: 20px;
  right: 1px;
}
#ui-right #dmg-calculator:hover {
  bottom: 10px;
}

#token-effects-tracker {
  position: absolute;
  top: 10px;
  right: 315px;
  width: 40px;
  z-index: 31;
}
#token-effects-tracker .held-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 2px;
  margin-bottom: 4px;
  cursor: pointer;
}
#token-effects-tracker .held-action img {
  width: 38px;
  height: 38px;
  border-radius: 3px 3px 0 0;
  border: 2px solid var(--dark-red);
  background-color: var(--secondary-lighter);
}
#token-effects-tracker .help-dice-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#token-effects-tracker .help-dice-wrapper .help-dice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 2px;
  margin-bottom: 4px;
  height: 38px;
  width: 38px;
  background-color: var(--secondary-lighter);
  color: var(--primary-dark);
  border: 2px solid var(--primary-darker);
  border-radius: 3px;
}
#token-effects-tracker .help-dice-wrapper .help-dice.subtraction {
  color: var(--dark-red);
}
#token-effects-tracker .effect-wrapper {
  color: #dbdbdb !important;
}
#token-effects-tracker .effect-wrapper strong {
  color: #dbdbdb !important;
}
#token-effects-tracker .effect-wrapper ul {
  color: #dbdbdb !important;
}
#token-effects-tracker .effect-wrapper .status-stack {
  position: absolute;
  width: 0px;
  height: 0px;
  z-index: 5;
}
#token-effects-tracker .effect-wrapper .status-stack .letter-circle-icon {
  position: relative;
  width: 0px;
  height: 0px;
}
#token-effects-tracker .effect-wrapper .status-stack .letter-circle-icon span, #token-effects-tracker .effect-wrapper .status-stack .letter-circle-icon i {
  width: 18px;
  height: 18px;
  text-shadow: none;
  background-color: var(--secondary-color);
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  position: relative;
  top: -4px;
  left: -5px;
  font-size: 12px;
}
#token-effects-tracker .effect-wrapper .status-stack .letter-circle-icon span {
  font-weight: 100;
}
#token-effects-tracker .effect-wrapper img {
  width: 38px;
  height: 38px;
  border-radius: 3px 3px 0 0;
  border: 2px solid var(--primary-color);
  background-color: var(--secondary-dark);
}
#token-effects-tracker .effect-wrapper img.disabled {
  -webkit-filter: opacity(0.7);
  filter: opacity(0.7);
}
#token-effects-tracker .effect-wrapper img.suspended {
  -webkit-filter: opacity(0.7);
  filter: opacity(0.7);
}
#token-effects-tracker .effect-wrapper .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 3px;
  border-radius: 0 0 3px 3px;
  border: 2px solid var(--primary-color);
  background-color: var(--secondary-dark);
  color: var(--secondary-lighter);
  border-top: 0;
  height: 17px;
  width: 38px;
  margin-bottom: 4px;
  margin-top: -4px;
}
#token-effects-tracker .effect-wrapper .menu.disabled {
  -webkit-filter: opacity(0.6);
  filter: opacity(0.6);
}
#token-effects-tracker .effect-wrapper .menu a, #token-effects-tracker .effect-wrapper .menu i {
  margin-top: 2px;
}
#token-effects-tracker .effect-wrapper .description-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  right: 355px;
  margin-top: -40px;
  z-index: 200;
}
#token-effects-tracker .effect-wrapper .description-wrapper .description {
  display: none;
  padding: 5px;
  border-radius: 3px;
  border: 2px solid var(--primary-color);
  background-color: var(--secondary-darker);
  color: var(--secondary-lighter);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 300px;
}
#token-effects-tracker .effect-wrapper .description-wrapper .description .content-link {
  color: var(--secondary-darker);
}
#token-effects-tracker .effect-wrapper .description-wrapper .description:hover {
  display: block;
}
#token-effects-tracker .effect-wrapper .description-wrapper .connector {
  min-width: 5px;
  height: 100%;
}
#token-effects-tracker .effect-wrapper .effect:hover .description {
  display: block;
}
#token-effects-tracker .effect-wrapper .extra-statuses-wrapper {
  margin: 0;
  gap: 0;
}
#token-effects-tracker .effect-wrapper .extra-statuses-wrapper .status {
  margin-top: -4px;
}
#token-effects-tracker .effect-wrapper .extra-statuses-wrapper .status img {
  height: 18px;
  width: 20px;
  border-top: 0;
  border-radius: 0;
}
#token-effects-tracker .effect-wrapper .extra-statuses-wrapper .status:nth-child(even) img {
  border-left: 0;
  width: 18px;
  margin-bottom: 0;
}
#token-effects-tracker .effect-wrapper .extra-statuses-wrapper .status:hover .description {
  display: block;
}
#token-effects-tracker .sustain-wrapper .sustain-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 2px;
  margin-bottom: 4px;
  cursor: pointer;
}
#token-effects-tracker .sustain-wrapper .sustain-action img {
  width: 38px;
  height: 38px;
  border-radius: 3px 3px 0 0;
  border: 2px solid #8db8db;
  background-color: var(--secondary-lighter);
}
#token-effects-tracker .separator {
  margin-top: 4px;
  margin-bottom: 5px;
  border: 1px solid var(--primary-color);
}