/*@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400..900;1,400..900&family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&display=swap");
/*$font-primary: 'Alegreya Sans', sans-serif;*/
/*$font-secondary: 'Barlow', sans-serif;*/
.text-size20b {
  font-size: 20px;
  font-weight: bold;
}

.text-size20 {
  font-size: 20px;
}

.text-size18b {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 4px;
}

.text-size18 {
  font-size: 18px;
  margin-bottom: 4px;
}

.text-size16 {
  font-size: 18px;
  margin-bottom: 3px;
}

.text-size16b {
  font-size: 18px;
  margin: 4px 0;
  font-weight: bold;
}

:root {
  --color-shadow-primary: #ae7615;
}

/* Global styles */
.toast-container {
  position: fixed;
  bottom: 130px;
  left: 250px;
  z-index: 9999; /* Ensure it's on top of other UI elements */
  max-width: 400px;
  pointer-events: none; /* Ensure it doesn't interfere with other UI elements */
}

.toast {
  display: flex;
  flex-direction: column; /* Stack elements vertically */
  align-items: flex-start; /* Align items to the start */
  background-color: #333;
  color: #e4e4e4;
  font-size: 15px;
  padding: 10px;
  border-radius: 5px;
  border-color: #333;
  border-width: 3px;
  margin-bottom: 10px;
  opacity: 1; /* Start fully visible */
  pointer-events: auto;
  animation: fadein 0.5s forwards;
}
.toast .attack-success, .toast .roll-success {
  margin-top: 2px;
  font-size: 20px;
  color: #bee8b1;
}
.toast .attack-fail, .toast .roll-fail {
  margin-top: 2px;
  font-size: 20px;
  color: #faa4a4;
}
.toast .attack-info {
  margin-top: 2px;
  font-size: 20px;
  color: #90b0e0;
}
.toast .damage {
  font-size: 20px;
  font-weight: bold;
}
.toast.fadeout {
  animation: fadeout 0.5s forwards;
}
.toast.success {
  background-color: #142715;
}
.toast.error {
  background-color: #30120f;
}
.toast.warning {
  background-color: #282214;
}
.toast.info {
  background-color: #1b262b;
}

@keyframes fadein {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.system-fantastic-depths {
  font-family: "Barlow", sans-serif;
}

.window-app {
  font-family: "Barlow", sans-serif;
  --minimized-width: 300px;
}
.window-app .minimized {
  min-width: 300px;
  width: 300px;
}

.fantastic-depths .window-content nav.tabs {
  line-height: 1;
}
.fantastic-depths .window-content input, .fantastic-depths .window-content select {
  max-height: 26px;
  padding: 0 4px;
}
.fantastic-depths .window-content .sheet-tabs {
  gap: 0;
}

.application .window-content h1, .application .chat-message h1 {
  margin: 6px 0 4px 0;
  font-size: 28px;
  font-family: "Barlow", sans-serif;
}
.application .window-content h2, .application .chat-message h2 {
  margin: 6px 0 4px 0;
  font-size: 24px;
  font-family: "Barlow", sans-serif;
}
.application .window-content h3, .application .chat-message h3 {
  margin: 6px 0 4px 0;
  font-size: 20px;
  font-family: "Barlow", sans-serif;
}
.application .window-content h4, .application .chat-message h4 {
  margin: 6px 0 4px 0;
  font-size: 16px;
  font-family: "Barlow", sans-serif;
}
.application ul, .application ul {
  margin: 8px 0;
}
.application table {
  margin: 1px 1px;
  border-radius: 0;
}
.application table tr:nth-child(even) {
  background-color: rgba(100, 100, 100, 0.15);
}
.application table th {
  line-height: 1;
  padding: 3px 8px;
}
.application table td {
  line-height: 1;
  padding: 2px 4px;
}
.application table input {
  height: 26px;
}

table.compact-table th {
  line-height: 1;
  padding: 2px 8px;
}
table.compact-table td {
  line-height: 1;
  padding: 2px 4px;
}
table.compact-table input {
  height: 26px;
}

.rollable:hover, .rollable:focus, .chatable:hover, .chatable:focus {
  cursor: pointer;
}

.rollable2:hover, .rollable2:focus, .chatable2:hover, .chatable2:focus {
  cursor: pointer;
}

.bordered {
  margin: 2px 2px 4px 2px;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  padding: 6px;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.float-left {
  float: left;
}

.clear-fix {
  clear: both;
}

.sheet nav.sheet-tabs > [data-tab] {
  padding: 4px 8px;
  font-weight: 600;
}

/* Apply these styles only when the "minimized" class is not present */
.window-app.fantastic-depths.sheet.actor:not(.minimized) {
  min-width: 600px !important;
  min-height: 400px !important;
}

.window-app.fantastic-depths.sheet.actor.minimized {
  min-width: 400px !important;
}

.window-app.fantastic-depths.sheet.item:not(.minimized) {
  min-width: 460px !important;
  min-height: 230px !important;
}

.player-combat-form .is-dead, .party-tracker-list .is-dead {
  background: url("../assets/img/grungered.jpg");
}

.party-tracker {
  flex: 1 1 auto;
}
.party-tracker .party-tracker-list {
  max-height: 100%; /* Ensure the list is scrollable */
  overflow-y: auto;
  padding: 4px;
}
.party-tracker .party-tracker-list .party-member {
  position: relative; /* Relative positioning allows the delete button to be positioned inside */
  margin-bottom: 4px;
  /* Delete button styles */
  /* Ensure icon inherits size */
  /* Hover effect for better feedback */
}
.party-tracker .party-tracker-list .party-member .delete-actor {
  position: absolute;
  top: 5px;
  right: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 24px; /* Control size of the button */
  height: 24px; /* Equal height */
  display: flex; /* Use flex to center icon */
  align-items: center;
  justify-content: center;
  font-size: 14px; /* Ensure icon is small */
}
.party-tracker .party-tracker-list .party-member .delete-actor i {
  font-size: inherit;
  color: #555555; /* Darken color on hover */
}
.party-tracker .party-tracker-list .party-member .delete-actor:hover {
  color: #888888; /* Darken color on hover */
}

.party-table th {
  text-align: left;
}

.collapsible-content {
  overflow: hidden;
  height: auto;
  transition: height 0.1s ease-in;
}

.collapsible-content.collapsed {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  transition: height 0.1s ease-in, padding 0.1s ease-in;
}

.combatant-declarations {
  margin: -3px 0 0 0;
}
.combatant-declarations .sidebar-select {
  flex: auto;
  font-size: 10px;
  background-color: lightgray;
  height: 16px;
}

.declared-action {
  font-size: 12px;
  color: #888888;
}

.editor {
  /*height:100%;*/
  /*min-height: 50px;*/
}

.fantastic-depths .prosemirror .editor-container .editor-content, .fantastic-depths prose-mirror .editor-content {
  position: relative;
}

/* Dialog footer buttons */
.standard-form .form-footer > button {
  line-height: 1;
  min-width: auto;
}

/* Fixes spacing when using labels on top. */
.top-label label {
  margin: 0 4px;
}

.top-label select, .top-label input {
  margin-top: 4px;
}

.fade-dialog .form-group label {
  max-width: 110px;
  line-height: normal !important;
}
.fade-dialog .application label.checkbox {
  display: block;
}
.fade-dialog .top-label div {
  padding: 0 4px;
}

.system-fantastic-depths #tooltip.text-center {
  text-align: left !important;
}
.system-fantastic-depths color-picker {
  gap: 0;
}
.system-fantastic-depths color-picker > input:nth-child(2) {
  height: 32px;
  max-width: 32px;
}
.system-fantastic-depths .width-120 {
  width: 120px;
  max-width: 120px;
}

:root {
  --max-column-width: 200px;
}

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

.grid-2colfr {
  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, var(--max-column-width)));
}

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

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

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

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

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

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

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

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

.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-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;
}

.max-width-140px {
  --max-column-width: 140px;
}

.max-width-300px {
  --max-column-width: 300px;
}

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

.flex-group-left {
  justify-content: flex-start;
  text-align: left;
}

.flex-group-right {
  justify-content: flex-end;
  text-align: right;
}

.flex-between {
  justify-content: space-between;
}

.align-vtop {
  align-items: flex-start !important;
}

.align-left {
  justify-content: flex-start;
  text-align: left;
}

.align-right {
  justify-content: flex-end;
  text-align: right;
}

.align-center {
  justify-content: center;
  text-align: center;
}

.width-60 {
  max-width: 60px;
}

.width-80 {
  max-width: 80px;
}

.width-100 {
  max-width: 100px;
}

.width-130 {
  max-width: 130px;
}

.width-180 {
  max-width: 180px;
}

/* Dark mode styles */
.dark-mode .bordered {
  border-color: #4b4a44;
}
.dark-mode .item-piles-chat-card ul {
  color: #efefef;
}
.dark-mode .item-piles-chat-card li:nth-child(odd) {
  background-color: rgba(250, 250, 250, 0.2);
}
.dark-mode .item-piles-chat-card li:nth-child(even) {
  background-color: rgba(250, 250, 250, 0.05);
}
.dark-mode .application.actor .nav-tabs-right .nav-tab, .dark-mode .application.actor .nav-tabs-right .nav-tab-vert {
  background: url("../assets/img/grunge2.jpg");
}
.dark-mode .application.actor .nav-tabs-right .nav-tab.active img, .dark-mode .application.actor .nav-tabs-right .nav-tab-vert.active img {
  filter: brightness(100%);
}
.dark-mode .application.actor .nav-tabs-right .nav-tab img, .dark-mode .application.actor .nav-tabs-right .nav-tab-vert img {
  transition: filter 0.3s ease;
}
.dark-mode .application.actor .nav-tabs-right .nav-tab:hover img, .dark-mode .application.actor .nav-tabs-right .nav-tab-vert:hover img {
  filter: brightness(80%);
}
.dark-mode .application.actor .nav-tabs-right .nav-tab a, .dark-mode .application.actor .nav-tabs-right .nav-tab-vert a {
  border-color: #4b4a44;
}
.dark-mode .application.actor .ability-scores .ability {
  border-color: #4b4a44;
}
.dark-mode .fantastic-depths button {
  background: url("../assets/img/grungeyellow.jpg");
  color: #ebeae4;
  border: 1px solid #545140;
}
.dark-mode .fantastic-depths .window-content {
  color: #ebeae4;
  background: url("../assets/img/grunge2.jpg");
  /*button {
     background: url('../assets/img/grungeyellow.jpg');
     color: $lighterColor;
     border: 1px solid #545140;
  }*/
}
.dark-mode .fantastic-depths .window-content .editor-container {
  margin: 0 4px;
  padding: 0 4px;
  border: #4b4a44 solid 1px;
}
.dark-mode .fantastic-depths .window-content .editor-container .editor-content {
  padding: 0 2px;
}
.dark-mode .fantastic-depths .window-content .prosemirror-menu {
  padding: 2px;
}
.dark-mode .fantastic-depths .window-content .content-link {
  background: #2b2a24;
}
.dark-mode .fantastic-depths .window-content a:hover {
  text-shadow: 0 0 10px #fe5645, 0 0 18px #fe5645, 0 0 26px #fe5645, 0 0 34px #fe5645;
}
.dark-mode .fantastic-depths .window-content textarea {
  color: #ebeae4;
}
.dark-mode .fantastic-depths .window-content input[type=text], .dark-mode .fantastic-depths .window-content input[type=number], .dark-mode .fantastic-depths .window-content input[type=password], .dark-mode .fantastic-depths .window-content input[type=date], .dark-mode .fantastic-depths .window-content input[type=time], .dark-mode .fantastic-depths .window-content input[type=search] {
  background: rgba(210, 200, 180, 0.1);
  color: #ebeae4;
}
.dark-mode .fantastic-depths .window-content input::placeholder {
  color: #bbbab4;
}
.dark-mode .fantastic-depths .window-content select {
  background: #2b2a24;
  color: #ebeae4;
}
.dark-mode .fantastic-depths .window-content select option {
  background: #4b4a44;
  color: #ebeae4;
}
.dark-mode .fantastic-depths .window-content nav.sheet-tabs {
  margin: 4px 0;
  border-top: 1px solid #4b4a44;
  border-bottom: 1px solid #4b4a44;
}
.dark-mode .fantastic-depths .window-content .top-border {
  border-top: 1px solid #4b4a44;
}
.dark-mode .fantastic-depths .window-content .bottom-border {
  border-bottom: 1px solid #4b4a44;
}
.dark-mode .fantastic-depths .window-content .items-list {
  color: #bbbab4;
}
.dark-mode .fantastic-depths .window-content .items-list .item-controls .item-unequipped, .dark-mode .fantastic-depths .window-content .items-list .item-controls-sm .item-unequipped {
  color: rgba(220, 220, 220, 0.1);
}
.dark-mode .fantastic-depths .window-content .items-list .items-header {
  background: rgba(200, 200, 200, 0.1);
  border: 2px groove #4e4d40;
}
.dark-mode .fantastic-depths .window-content .items-list .items-footer {
  background: rgba(20, 20, 20, 0.7);
  border: 2px groove #4e4d40;
}
.dark-mode .fantastic-depths .window-content .items-list .item-prop {
  border-left: 1px solid #4b4a44;
  border-right: 1px solid #4b4a44;
}
.dark-mode .fantastic-depths .window-content .items-list .item .item-name {
  color: #ebeae4;
}
.dark-mode .fantastic-depths .window-content .rollable:hover, .dark-mode .fantastic-depths .window-content .rollable:focus, .dark-mode .fantastic-depths .window-content .chatable:hover, .dark-mode .fantastic-depths .window-content .chatable:focus, .dark-mode .fantastic-depths .window-content .open-sheet:hover, .dark-mode .fantastic-depths .window-content .open-sheet:focus {
  color: #ebeae4;
  text-shadow: 0 0 10px #fe5645, 0 0 18px #fe5645, 0 0 26px #fe5645, 0 0 34px #fe5645;
}
.dark-mode .fantastic-depths .window-content .rollable2:hover, .dark-mode .fantastic-depths .window-content .rollable2:focus, .dark-mode .fantastic-depths .window-content .chatable2:hover, .dark-mode .fantastic-depths .window-content .chatable2:focus, .dark-mode .fantastic-depths .window-content .open-sheet2:hover, .dark-mode .fantastic-depths .window-content .open-sheet2:focus {
  color: #ebeae4;
  text-shadow: 0 0 10px #fe5645, 0 0 18px #fe5645, 0 0 26px #fe5645, 0 0 34px #fe5645;
}
.dark-mode .fantastic-depths .window-content .inline-roll {
  background: rgba(0, 0, 0, 0.1);
  color: #ebeae4;
}
.dark-mode .fantastic-depths .summary li {
  color: #bbbab4;
}
.dark-mode .fantastic-depths .summary li label {
  color: #bbbab4;
}
.dark-mode .chat-message {
  background: url("../assets/img/grungeyellow.jpg");
  color: #ebeae4 !important;
  border: 1px solid #545140;
}
.dark-mode .chat-message .message-content h1, .dark-mode .chat-message .message-content h2, .dark-mode .chat-message .message-content h3, .dark-mode .chat-message .message-content h4, .dark-mode .chat-message .message-content h5, .dark-mode .chat-message .message-content h6 {
  color: #ebeae4;
}
.dark-mode .chat-message a.inline-roll {
  background: url("../assets/img/grunge2.jpg");
}
.dark-mode .chat-message .content-link {
  background: url("../assets/img/grungeblue.jpg");
}
.dark-mode .chat-message hr {
  border-top: none;
  border-bottom: 2px solid #645140;
}
.dark-mode .chat-message .message-header, .dark-mode .chat-message button {
  color: #bbbab4;
}
.dark-mode .chat-message .attack-info {
  color: #90b0e0;
}
.dark-mode .chat-message .dice-formula, .dark-mode .chat-message .dice-total {
  background: url("../assets/img/grunge2.jpg");
  border: 1px solid #4b4a44;
  box-shadow: none;
}
.dark-mode .chat-message .attack-fail, .dark-mode .chat-message .roll-fail {
  color: #d85d48;
}
.dark-mode .chat-message .attack-success, .dark-mode .chat-message .roll-success {
  color: #7edb89;
}
.dark-mode .chat-message .roll-info {
  color: #789ad0;
}
.dark-mode .chat-message .warning {
  color: #deb56a;
}
.dark-mode .chat-message .table-description {
  color: #ebeae4;
}

/* Light mode styles */
.light-mode .application.actor .nav-tabs-right .nav-tab, .light-mode .application.actor .nav-tabs-right .nav-tab-vert {
  background: url("../assets/img/parchment.jpg");
}
.light-mode .application.actor .nav-tabs-right .nav-tab.active img, .light-mode .application.actor .nav-tabs-right .nav-tab-vert.active img {
  filter: brightness(5%);
}
.light-mode .application.actor .nav-tabs-right .nav-tab img, .light-mode .application.actor .nav-tabs-right .nav-tab-vert img {
  transition: filter 0.3s ease;
}
.light-mode .application.actor .nav-tabs-right .nav-tab:hover img, .light-mode .application.actor .nav-tabs-right .nav-tab-vert:hover img {
  filter: brightness(40%);
}
.light-mode .application.actor .nav-tabs-right .nav-tab a, .light-mode .application.actor .nav-tabs-right .nav-tab-vert a {
  border-color: #bbbab4;
}
.light-mode .application.actor .ability-scores .ability {
  border-color: #bbbab4;
}
.light-mode .fantastic-depths .window-content {
  background: url("../assets/img/parchment.jpg");
  color: #2b2a24;
}
.light-mode .fantastic-depths .window-content .bordered {
  border-color: #bbbab4;
}
.light-mode .fantastic-depths .window-content .top-border {
  border-top: 1px solid #c9c7b8;
}
.light-mode .fantastic-depths .window-content .bottom-border {
  border-bottom: 1px solid #c9c7b8;
}
.light-mode .fantastic-depths .window-content .items-list {
  color: #4b4a44;
}
.light-mode .fantastic-depths .window-content .items-list .item-controls .item-unequipped, .light-mode .fantastic-depths .window-content .items-list .item-controls-sm .item-unequipped {
  color: rgba(0, 0, 0, 0.2);
}
.light-mode .fantastic-depths .window-content .items-list .items-header {
  background: rgba(90, 100, 100, 0.2);
  border: 2px groove #eeede0;
}
.light-mode .fantastic-depths .window-content .items-list .items-footer {
  background: rgba(170, 170, 170, 0.2);
  border: 2px groove #eeede0;
}
.light-mode .fantastic-depths .window-content .items-list .item .item-name {
  color: #2b2a24;
}
.light-mode .fantastic-depths .window-content .rollable:hover, .light-mode .fantastic-depths .window-content .rollable:focus, .light-mode .fantastic-depths .window-content .chatable:hover, .light-mode .fantastic-depths .window-content .chatable:focus, .light-mode .fantastic-depths .window-content .open-sheet:hover, .light-mode .fantastic-depths .window-content .open-sheet:focus {
  color: #2b2a24;
  text-shadow: 0 0 10px #ae7615;
}
.light-mode .fantastic-depths .window-content .rollable2:hover, .light-mode .fantastic-depths .window-content .rollable2:focus, .light-mode .fantastic-depths .window-content .chatable2:hover, .light-mode .fantastic-depths .window-content .chatable2:focus, .light-mode .fantastic-depths .window-content .open-sheet2:hover, .light-mode .fantastic-depths .window-content .open-sheet2:focus {
  color: #2b2a24;
  text-shadow: 0 0 10px #ae7615;
}
.light-mode .fantastic-depths .summary li {
  color: #4b4a44;
}
.light-mode .fantastic-depths .summary li label {
  color: #4b4a44;
}
.light-mode .chat-message {
  color: #2b2a24 !important;
}
.light-mode .chat-message .attack-fail, .light-mode .chat-message .roll-fail {
  color: #602010;
}
.light-mode .chat-message .attack-success, .light-mode .chat-message .roll-success {
  color: #106020;
}
.light-mode .chat-message .attack-info {
  color: #3b4a55;
}
.light-mode .chat-message .damage {
  font-weight: bold;
}
.light-mode .chat-message .roll-info {
  color: #101030;
}
.light-mode .chat-message .warning {
  color: #702010;
}

.chat-message {
  padding: 3px 4px 3px 4px;
}
.chat-message h1, .chat-message h2, .chat-message h3, .chat-message h4, .chat-message h5, .chat-message h6 {
  /*font-weight: bold;*/
  margin: 1rem 0 0.5rem;
}
.chat-message .message-content {
  padding: 1px 5px 4px 5px;
}
.chat-message .message-content img {
  border: none;
}
.chat-message .message-content button {
  margin: 0.4rem 0.1rem;
  width: 98%;
}
.chat-message .message-content .content-link, .chat-message .message-content .inline-roll {
  color: #e9c68b;
}
.chat-message .message-content .digest {
  margin-bottom: 6px;
}
.chat-message .message-content .apply-damage, .chat-message .message-content .apply-heal {
  margin-top: 4px;
}
.chat-message .message-content .damage-roll, .chat-message .message-content .saving-Roll, .chat-message .message-content .heal-roll {
  font-size: 15px;
}
.chat-message .message-content .small-text {
  margin-left: 4px;
  font-size: 10px;
  color: #808080;
  line-height: 12px;
}
.chat-message .message-content .attack-fail, .chat-message .message-content .roll-fail {
  font-size: 20px;
}
.chat-message .message-content .item-name {
  font-size: 18px;
  font-weight: 600;
}
.chat-message .message-content .attack-success, .chat-message .message-content .roll-success {
  font-size: 18px;
}
.chat-message .message-content .damage {
  font-size: 18px;
  font-weight: bold;
}
.chat-message .message-content .attack-desc {
  margin-top: 4px;
}
.chat-message .message-content .attack-result {
  margin: 2px 0 6px 0;
  font-size: 18px;
}
.chat-message .message-content .attack-info {
  font-size: 18px;
}
.chat-message .message-content .roll-info {
  font-size: 16px;
}
.chat-message .message-content .warning {
  font-size: 16px;
}
.chat-message .message-content .collapser {
  cursor: pointer;
}
.chat-message .message-content .item-image {
  float: left;
  flex: 0 0 28px;
  height: 28px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  margin-right: 5px;
  position: relative;
  top: -3px;
}
.chat-message .message-content .expander {
  width: 30px; /* Set a fixed width to control the space for the symbol */
  height: 30px; /* Adjust height as needed */
  cursor: pointer; /* Optional: to make it appear clickable */
}
.chat-message .message-content .expander::after {
  font-size: 28px; /* Keep the size as you intended */
  content: ">";
  transform: translateY(-50%); /* Vertically center the symbol */
  transition: transform 0.3s ease; /* Smooth transition for rotation */
}
.chat-message .message-content .expander.expanded::after {
  transform: translateY(-50%) rotate(90deg); /* Rotate downwards when expanded */
}
.chat-message .message-content .card-tray {
  margin: 8px 0 4px 0;
}
.chat-message .message-content .card-tray label {
  cursor: pointer;
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  font-size: 11px;
}
.chat-message .message-content .card-tray label > span {
  flex: none;
}
.chat-message .message-content .card-tray label::before, .chat-message .message-content .card-tray label::after {
  content: "";
  flex-basis: 50%;
  border-top: 1px dotted #808060;
  align-self: center;
}
.chat-message .message-content .apply-condition, .chat-message .message-content .remove-condition {
  background: url("../assets/img/grungeyellow2.jpg");
  color: #ebeae4;
  box-shadow: none;
  border: 1px solid #605050;
}
.chat-message .message-content .apply-condition:hover, .chat-message .message-content .remove-condition:hover {
  background: rgb(170, 86, 10);
}
.chat-message .message-content .heal-roll, .chat-message .message-content .apply-heal {
  background: url("../assets/img/grungegreen.jpg");
  color: #ebeae4;
  box-shadow: none;
  border: 1px solid #447744;
}
.chat-message .message-content .heal-roll:hover, .chat-message .message-content .apply-heal:hover {
  background: rgb(26, 180, 20);
}
.chat-message .message-content .attack-roll, .chat-message .message-content .damage-roll, .chat-message .message-content .apply-damage {
  background: url("../assets/img/grungered.jpg");
  color: #ebeae4;
  box-shadow: none;
  border: 1px solid #774444;
}
.chat-message .message-content .attack-roll:hover, .chat-message .message-content .damage-roll:hover, .chat-message .message-content .apply-damage:hover {
  background: rgb(180, 26, 20);
}
.chat-message .message-content .saving-roll {
  background: url("../assets/img/grungeblue.jpg");
  border: 1px solid #4b4a44;
  box-shadow: none;
  color: #ebeae4;
}
.chat-message .message-content .saving-roll:hover {
  background: rgb(10, 86, 170);
}
.chat-message .message-content .spell-cast {
  background: url("../assets/img/grungepurple.jpg");
  border: 1px solid #4b4a44;
  box-shadow: none;
  color: #ebeae4;
}
.chat-message .message-content .spell-cast:hover {
  background: rgb(86, 10, 170);
}
.chat-message .message-content .action-roll {
  background: url("../assets/img/grungeyellow2.jpg");
  border: 1px solid #4b4a44;
  box-shadow: none;
  color: #ebeae4;
}
.chat-message .message-content .action-roll:hover {
  background: rgb(170, 86, 10);
}

.combatant.disposition-friendly::before {
  content: "";
  width: 4px;
  background-color: green;
  border: none;
  height: 48px;
}

.combatant.disposition-neutral::before {
  content: "";
  width: 4px;
  background-color: white;
  border: none;
  height: 48px;
}

.combatant.disposition-hostile::before {
  content: "";
  width: 4px;
  background-color: red;
  border: none;
  height: 48px;
}

.combatant.active::before {
  height: initial;
}

/* Styles limited to fantastic-depths sheets */
.system-fantastic-depths .application.actor {
  overflow: visible clip;
}
.system-fantastic-depths .application.actor .window-content {
  overflow: auto;
}
.system-fantastic-depths .actor img {
  border: none;
}
.system-fantastic-depths .actor .nav-tabs-right {
  left: 100%;
  top: 10%;
  position: absolute;
  flex-direction: column;
}
.system-fantastic-depths .actor .nav-tabs-right .nav-tab {
  width: 38px;
  margin: 2px 0;
  padding-inline-end: 12px;
  border-radius: 0 8px 8px 0;
  padding: 4px;
}
.system-fantastic-depths .actor .nav-tabs-right .nav-tab a {
  border-radius: 0 6px 6px 0;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-top: 1px solid;
  padding: 4px 4px 4px 0;
  width: 30px;
  display: inline-block;
}
.system-fantastic-depths .actor .nav-tabs-right .nav-tab a img {
  filter: brightness(50%);
}
.system-fantastic-depths .actor .nav-tabs-right .nav-tab-vert {
  width: 26px;
  padding: 8px 2px;
  margin: 4px 0;
  padding-inline-end: 8px;
  border-radius: 0 8px 8px 0;
  writing-mode: vertical-lr;
}
.system-fantastic-depths .actor .ability-scores {
  max-width: 200px;
}
.system-fantastic-depths .actor .ability-horz {
  border-right-style: solid;
  border-right-width: 1px;
}
.system-fantastic-depths .actor .ability-horz input {
  margin-right: 4px;
}
.system-fantastic-depths .actor .ability-horz:last-child {
  border-right: none;
}
.system-fantastic-depths .actor .xsmall-col {
  min-height: 32px;
}
.system-fantastic-depths .actor .xsmall-col input, .system-fantastic-depths .actor .xsmall-col label {
  max-width: 38px;
  min-width: 38px;
  display: inline-block;
  text-align: center;
}
.system-fantastic-depths .actor .xsmall-col label {
  font-size: 13px;
}
.system-fantastic-depths .actor .small-input input {
  align-content: center;
  max-width: 34px;
  min-width: 34px;
  font-size: 16px;
}
.system-fantastic-depths .actor .saving-throws .tall-row {
  min-height: 36px;
}
.system-fantastic-depths .actor .saving-throws .small-row {
  min-height: 30px;
}
.system-fantastic-depths .actor .saving-throws input {
  align-content: center;
  margin-right: 6px;
  max-width: 34px;
  min-width: 34px;
  font-size: 16px;
}
.system-fantastic-depths .actor .saving-throws label {
  align-content: center;
  text-align: left;
  font-size: 12px;
}
.system-fantastic-depths .actor .saving-throws .abbr {
  margin-left: 8px;
  font-size: 20px;
}
.system-fantastic-depths .actor .saving-throws .long {
  font-size: 12px;
}
.system-fantastic-depths .actor .hit-points {
  height: 74px;
  position: relative;
}
.system-fantastic-depths .actor .hit-points .hp-value {
  color: #ebeae4;
  background: none;
  border: 0 none;
  text-align: center;
  font-weight: bolder;
  text-shadow: 0 0 2px #2b2a24, 0 1px 2px #2b2a24, 1px 0 2px #2b2a24, 1px 1px 2px #2b2a24;
  background: none;
}
.system-fantastic-depths .actor .hit-points .hp-top {
  position: absolute;
  font-size: 26px;
  top: 15px;
  width: 50px;
  left: calc(50% - 25px);
}
.system-fantastic-depths .actor .hit-points .hp-bottom {
  position: absolute;
  font-size: 12px;
  bottom: 8px;
  width: 40px;
  right: calc(50% - 20px);
}
.system-fantastic-depths .actor .hit-points .hp-empty {
  background-size: 74px;
  background-position: top;
  background-clip: content-box;
  background-image: url("../assets/img/heart_empty2.png");
  background-repeat: no-repeat;
}
.system-fantastic-depths .actor .hit-points .hp-full {
  background-size: 74px;
  background-position: bottom;
  background-clip: content-box;
  background-image: url("../assets/img/heart_full2.png");
  background-repeat: no-repeat;
}
.system-fantastic-depths .actor .armor-class {
  height: 74px;
  position: relative;
  background-size: 70px;
  background-position: center;
  background-image: url("../assets/img/armor1.png");
  background-repeat: no-repeat;
}
.system-fantastic-depths .actor .armor-class .ac-value {
  color: #ebeae4;
  background: none;
  border: 0 none;
  text-align: center;
  font-weight: bolder;
  text-shadow: 0 0 2px #2b2a24, 0 1px 2px #2b2a24, 1px 0 2px #2b2a24, 1px 1px 2px #2b2a24;
}
.system-fantastic-depths .actor .armor-class .ac-top {
  position: absolute;
  font-size: 26px;
  top: 10px;
  width: 50px;
  left: calc(50% - 25px);
}
.system-fantastic-depths .actor .armor-class .ac-bottom {
  position: absolute;
  font-size: 12px;
  bottom: 15px;
  width: 50px;
  right: calc(50% - 25px);
}
.system-fantastic-depths .actor .armor-class .shield {
  position: absolute;
  left: 71%;
  top: 30px;
  font-size: 24px;
  color: #707070;
}
.system-fantastic-depths .actor .armor-class .shield .shield-ac-val {
  width: 40px;
  color: #ebeae4;
  font-weight: bolder;
  text-align: center;
  text-shadow: 0 0 3px #191813, 0 1px 2px #191813, 1px 0 2px #191813, 1px 1px 2px #191813;
  position: relative;
  left: 12px;
  top: -15px;
  transform: translate(-50%, -50%); /* Adjust position to truly center */
  font-size: 14px;
}
.system-fantastic-depths .actor .armor-class .ranged-ac {
  position: absolute;
  left: 1px;
  top: 30px;
  font-size: 24px;
  color: #808080;
}
.system-fantastic-depths .actor .armor-class .ranged-ac .ranged-ac-val {
  width: 40px;
  color: #ebeae4;
  font-weight: bolder;
  text-align: center;
  text-shadow: 0 0 3px #191813, 0 1px 2px #191813, 1px 0 2px #191813, 1px 1px 2px #191813;
  position: relative;
  left: 12px;
  top: -15px;
  transform: translate(-50%, -50%); /* Adjust position to truly center */
  font-size: 14px;
}
.system-fantastic-depths .actor .dropped-item {
  width: 28px;
  margin: 5px 0 0 6px;
  filter: brightness(0) saturate(100%) invert(44%) sepia(49%) saturate(934%) hue-rotate(315deg) brightness(86%) contrast(91%);
}
.system-fantastic-depths .actor .category-info {
  font-weight: normal;
  margin-left: 10px;
}
.system-fantastic-depths .actor .category-caret {
  flex: 0 0 6px;
  margin: 0 5px 0 0;
  cursor: pointer;
}
.system-fantastic-depths .actor .attack-group {
  box-shadow: 1px 0 1px black;
  padding: 0;
  margin-bottom: 4px;
}
.system-fantastic-depths .actor .attack-group .group-0 {
  background-color: #dc2f2f;
}
.system-fantastic-depths .actor .attack-group .group-1 {
  background-color: #33cb44;
}
.system-fantastic-depths .actor .attack-group .group-2 {
  background-color: #efe528;
}
.system-fantastic-depths .actor .attack-group .group-3 {
  background-color: #af50cf;
}
.system-fantastic-depths .actor .attack-group .group-4 {
  background-color: #4788bf;
}
.system-fantastic-depths .actor .attack-group .group-5 {
  background-color: #dd8525;
}
.system-fantastic-depths .actor .attack-group .item-group {
  content: "";
  margin-left: 4px;
  width: 7px;
  border: none;
  height: 24px;
  cursor: pointer;
}
.system-fantastic-depths .character .ability {
  min-height: 34px;
}
.system-fantastic-depths .character .ability label {
  font-weight: 500;
  margin: 0 0 2px 0;
}
.system-fantastic-depths .character .ability .abbr {
  font-size: 20px;
  min-width: 60px;
  max-width: 80px;
  text-align: center;
}
.system-fantastic-depths .character .ability .long {
  font-size: 15px;
  min-width: 80px;
  max-width: 80px;
  text-align: left;
}
.system-fantastic-depths .character .ability input {
  font-size: 16px;
  max-width: 30px;
  border-radius: 4px;
  padding-top: 0;
  text-align: center;
}
.system-fantastic-depths .character .ability .ability-score {
  font-size: 25px;
  text-align: center;
  padding-right: 5px;
}
.system-fantastic-depths .character .ability .ability-mod {
  max-width: 36px;
  font-size: 18px;
}
.system-fantastic-depths .monster .ability {
  min-height: 30px;
}
.system-fantastic-depths .monster .ability label {
  font-weight: 500;
  margin: 0 0 2px 0;
}
.system-fantastic-depths .monster .ability .abbr {
  font-size: 16px;
  min-width: 60px;
  max-width: 80px;
  text-align: center;
}
.system-fantastic-depths .monster .ability .long {
  font-size: 12px;
  min-width: 80px;
  max-width: 80px;
  text-align: left;
}
.system-fantastic-depths .monster .ability input {
  font-size: 16px;
  max-width: 30px;
  border-radius: 5px;
  padding-top: 0;
  text-align: center;
}
.system-fantastic-depths .monster .ability .ability-score {
  font-size: 20px;
  text-align: center;
  padding-right: 5px;
}
.system-fantastic-depths .monster .ability .ability-mod {
  max-width: 30px;
  font-size: 14px;
}
.system-fantastic-depths .item-form {
  font-family: "Barlow", sans-serif;
}
.system-fantastic-depths h4 {
  margin: 2px;
}
.system-fantastic-depths textarea {
  width: 100%;
}
.system-fantastic-depths .sheet-header {
  flex: 0 auto;
  /*overflow: hidden;*/
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: normal !important;
  margin-bottom: 5px;
  /*   input {
        border: 0;
        padding: 2px 8px;
     }*/
}
.system-fantastic-depths .sheet-header .profile-img {
  flex: 0 0 10px;
  height: 130px;
  width: 130px;
  margin-right: 10px;
  border: none;
}
.system-fantastic-depths .sheet-header .profile-img-sm {
  float: left;
  flex: 0 0 10px;
  height: 80px;
  width: 80px;
  margin-right: 10px;
  border: none;
}
.system-fantastic-depths .sheet-header .profile-img-xsm {
  flex: 0 0 10px;
  height: 50px;
  width: 50px;
  margin-right: 10px;
  border: none;
}
.system-fantastic-depths .sheet-header .header-fields {
  flex: 1;
}
.system-fantastic-depths .sheet-header .charname {
  max-height: 34px;
  height: 34px;
}
.system-fantastic-depths .sheet-header .charname input, .system-fantastic-depths .sheet-header .charname select {
  font-size: 24px;
  font-weight: 500;
  max-height: 30px;
  height: 30px;
}
.system-fantastic-depths .tag-section {
  padding: 1px 2px 0 1px;
  margin: 0 0 1px 0;
}
.system-fantastic-depths .tag-section .tag-list {
  margin: 0;
  height: 24px;
  overflow: auto;
  list-style: none;
  padding: 1px;
  display: flex;
  flex-wrap: wrap;
}
.system-fantastic-depths .tag-section .tag-list .tag {
  background: #393833;
  border-radius: 5px;
  color: whitesmoke;
  padding: 0 5px;
  height: 20px;
  box-shadow: 0 0 3px #d8d6c9;
  margin: 2px;
}
.system-fantastic-depths .tag-section .tag-list .tag i {
  font-size: 9px;
  vertical-align: middle;
  color: #d8d6c9;
}
.system-fantastic-depths .tag-section .add-tag {
  max-height: 28px;
}
.system-fantastic-depths .tag-section .add-tag input {
  margin-top: 1px;
  max-height: 20px;
  min-width: 70px;
}
.system-fantastic-depths .sheet-tabs {
  flex: 0;
}
.system-fantastic-depths .scroll-body {
  overflow-y: auto;
}
.system-fantastic-depths .sheet-body .tab .editor {
  /*height: 100%;*/
  min-height: 32px;
}
.system-fantastic-depths .tox .tox-editor-container {
  background: #fff;
}
.system-fantastic-depths .tox .tox-edit-area {
  padding: 0 8px;
}
.system-fantastic-depths .label-12px label {
  font-size: 12px;
}
.system-fantastic-depths .summary {
  flex: 0 0 100%;
  height: 46px;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: none;
}
.system-fantastic-depths .summary div, .system-fantastic-depths .summary li {
  height: calc(100% - 5px);
  margin: 2px 2px;
  padding: 0;
  line-height: 30px;
  position: relative;
}
.system-fantastic-depths .summary div label, .system-fantastic-depths .summary li label {
  line-height: 6px;
  position: absolute;
  font-size: 10px;
  top: 32px;
  left: 2px;
}
.system-fantastic-depths .summary div.notify input, .system-fantastic-depths .summary li.notify input {
  font-weight: bold;
  animation: 0.8s ease-in 1s infinite alternate notify;
}
@keyframes notify {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}
.system-fantastic-depths .items-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  overflow-y: auto;
  scrollbar-width: thin;
}
.system-fantastic-depths .items-list .warning-bkgd {
  background: rgba(150, 20, 20, 0.15);
}
.system-fantastic-depths .items-list .item-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.system-fantastic-depths .items-list .item-name {
  flex: 2;
  margin: 0;
  overflow: hidden;
  font-size: 14px;
  text-align: left;
  display: flex;
  align-items: center;
}
.system-fantastic-depths .items-list .item-name h3, .system-fantastic-depths .items-list .item-name h4 {
  margin: 0;
  white-space: nowrap;
  overflow-x: hidden;
}
.system-fantastic-depths .items-list .item-controls, .system-fantastic-depths .items-list .item-controls2 {
  display: flex;
  justify-content: flex-end;
}
.system-fantastic-depths .items-list .item-controls a, .system-fantastic-depths .items-list .item-controls2 a {
  font-size: 10px;
  text-align: center;
  margin: 0 4px;
}
.system-fantastic-depths .items-list .item-controls i, .system-fantastic-depths .items-list .item-controls2 i {
  font-size: 12px;
}
.system-fantastic-depths .items-list .item-controls {
  flex: 0 0 70px;
}
.system-fantastic-depths .items-list .item-controls2 {
  flex: 0 0 46px;
}
.system-fantastic-depths .items-list .item-controls-sm {
  display: flex;
  flex: 0 0 50px;
  justify-content: flex-end;
}
.system-fantastic-depths .items-list .item-controls-sm a {
  font-size: 8px;
  text-align: center;
  margin: 0 5px;
}
.system-fantastic-depths .items-list .item-controls-sm i {
  font-size: 10px;
}
.system-fantastic-depths .items-list .item {
  padding: 0;
}
.system-fantastic-depths .items-list .item:last-child {
  border-bottom: none;
}
.system-fantastic-depths .items-list .item .contained {
  padding-left: 10px;
}
.system-fantastic-depths .items-list .item .contained2 {
  padding-left: 20px;
}
.system-fantastic-depths .items-list .item .contained3 {
  padding-left: 30px;
}
.system-fantastic-depths .items-list .item .item-name img {
  border: none;
}
.system-fantastic-depths .items-list .item .item-name .item-image {
  flex: 0 0 30px;
  height: 30px;
  background-size: 85%; /* Ensures the d20 icon is properly sized */
  background-repeat: no-repeat;
  background-position: 0 0;
  border: none;
  margin-right: 2px;
  position: relative;
  top: 2px;
}
.system-fantastic-depths .items-list .item .item-name .rollable:hover img, .system-fantastic-depths .items-list .item .item-name .chatable:hover img {
  opacity: 0; /* Or use display: none; */
}
.system-fantastic-depths .items-list .item .item-name .rollable2:hover img, .system-fantastic-depths .items-list .item .item-name .chatable2:hover img {
  opacity: 0; /* Or use display: none; */
}
.system-fantastic-depths .items-list .item .item-name .rollable2:hover {
  background-image: url("/icons/svg/d20-highlight.svg");
}
.system-fantastic-depths .items-list .item .item-name .chatable2:hover {
  background-image: url("/icons/svg/book.svg");
}
.system-fantastic-depths .items-list .item .item-name .rollable:hover {
  background-image: url("/icons/svg/d20-highlight.svg");
}
.system-fantastic-depths .items-list .item .item-name .chatable:hover {
  background-image: url("/icons/svg/book.svg");
}
.system-fantastic-depths .items-list .item input {
  text-align: center;
}
.system-fantastic-depths .items-list .item input, .system-fantastic-depths .items-list .item select {
  padding: 0 4px;
  width: calc(100% - 3px);
  height: 22px;
}
.system-fantastic-depths .items-list .item .item-description {
  margin: -3px 0 4px 0;
  padding: 0 8px;
  display: block;
  flex: auto;
  text-align: justify;
}
.system-fantastic-depths .items-list .item .desc-collapsed {
  display: none;
  height: 0;
  padding: 0;
  margin: 0;
  transition: height 0.1s ease-in, padding 0.1s ease-in;
}
.system-fantastic-depths .items-list .item-40px {
  width: 40px;
  max-width: 40px;
}
.system-fantastic-depths .items-list .item-50px {
  width: 50px;
  max-width: 50px;
}
.system-fantastic-depths .items-list .item-60px {
  width: 60px;
  max-width: 60px;
}
.system-fantastic-depths .items-list .item-80px {
  width: 80px;
  max-width: 80px;
}
.system-fantastic-depths .items-list .item-100px {
  width: 100px;
  max-width: 100px;
}
.system-fantastic-depths .items-list .item-prop {
  text-align: center;
  border-left: 1px solid #c9c7b8;
  border-right: 1px solid #c9c7b8;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  align-items: center;
  overflow: hidden;
}
.system-fantastic-depths .items-list .items-header {
  height: auto;
  margin: 2px 0;
  padding: 3px 1px;
  align-items: center;
  font-weight: bold;
}
.system-fantastic-depths .items-list .items-header input {
  height: 18px;
}
.system-fantastic-depths .items-list .items-header > * {
  font-size: 12px;
  text-align: center;
}
.system-fantastic-depths .items-list .items-header .align-left {
  text-align: left;
  padding-left: 6px;
}
.system-fantastic-depths .items-list .items-header .item-name {
  padding-left: 3px;
  text-align: left;
}
.system-fantastic-depths .items-list .items-footer {
  height: 26px;
  margin: 2px 0;
  padding: 0;
  align-items: center;
  font-weight: bold;
}
.system-fantastic-depths .items-list .items-footer > * {
  font-size: 12px;
  text-align: center;
}
.system-fantastic-depths .items-list .items-footer .align-left {
  text-align: left;
}
.system-fantastic-depths .items-list .items-footer .item-name {
  padding-left: 3px;
  text-align: left;
}
.system-fantastic-depths .items-list .consumable-counter, .system-fantastic-depths .items-list .charges-counter {
  height: 16px;
  display: flex;
  flex-wrap: wrap;
  line-height: 14px;
}
.system-fantastic-depths .items-list .consumable-counter label, .system-fantastic-depths .items-list .charges-counter label {
  flex: 0 30px;
  font-size: 11px;
  text-indent: 3px;
}
.system-fantastic-depths .items-list .consumable-counter .full-mark,
.system-fantastic-depths .items-list .consumable-counter .empty-mark, .system-fantastic-depths .items-list .charges-counter .full-mark,
.system-fantastic-depths .items-list .charges-counter .empty-mark {
  cursor: pointer;
  flex: 0 8px;
  margin: 0 1px;
  box-shadow: inset 0 0 3px #7a7971;
  height: 12px;
}
.system-fantastic-depths .items-list .consumable-counter .full-mark:hover,
.system-fantastic-depths .items-list .consumable-counter .empty-mark:hover, .system-fantastic-depths .items-list .charges-counter .full-mark:hover,
.system-fantastic-depths .items-list .charges-counter .empty-mark:hover {
  background: #7a7971;
}
.system-fantastic-depths .items-list .consumable-counter .full-mark, .system-fantastic-depths .items-list .charges-counter .full-mark {
  background: #808080;
  border: 1px inset #7a7971;
}
.system-fantastic-depths .item-formula {
  flex: 0 0 200px;
  padding: 0 8px;
}
.system-fantastic-depths .item-info {
  text-align: center;
}
.system-fantastic-depths .effects .item .effect-source,
.system-fantastic-depths .effects .item .effect-duration,
.system-fantastic-depths .effects .item .effect-controls {
  text-align: center;
  border-left: 1px solid #c9c7b8;
  border-right: 1px solid #c9c7b8;
  font-size: 12px;
}
.system-fantastic-depths .effects .item .effect-controls {
  border: none;
}

/*# sourceMappingURL=fantastic-depths.css.map */
