@charset "UTF-8";
/* --------------------------------------------------------- */
/* The original styling has been overruled by system changes */
/* --------------------------------------------------------- */
.pf2e-av .journal-page-content a.inline-check > i.icon,
.pf2e-av .journal-page-content span[data-pf2-check] > i.icon,
.pf2e-av .journal-page-content [data-pf2-repost] .label,
.pf2e-av .journal-page-content [data-pf2-check] .label,
.pf2e-av .journal-page-content [data-pf2-check]:not([data-pf2-show-dc=gm]) .label {
  color: var(--av-green-light);
}

#hand-mini-bar-hands-container .hand-mini-bar-hand {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  border-radius: 5px;
}
#hand-mini-bar-hands-container .hand-mini-bar-settings-hand {
  background-position-x: 2px;
}
#hand-mini-bar-hands-container .hand-mini-bar-card-container {
  background-color: unset;
  border: unset;
  min-width: 152px;
  max-width: 152px;
}
#hand-mini-bar-hands-container .hand-mini-bar-settings > div,
#hand-mini-bar-hands-container .hand-mini-bar-actions > div {
  box-shadow: 0px 0px 3px 0px rgba(255, 255, 255, 0.4) inset;
  text-align: center;
  border: none;
  text-shadow: 0px 0px 3px black;
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
}
#hand-mini-bar-hands-container .hand-mini-bar-settings > div:hover,
#hand-mini-bar-hands-container .hand-mini-bar-actions > div:hover {
  background-color: var(--primary);
}
#hand-mini-bar-hands-container .hand-mini-bar-settings {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right: 1px solid black;
}
#hand-mini-bar-hands-container .hand-mini-bar-settings div:first-child {
  border-bottom: 1px solid black;
}
#hand-mini-bar-hands-container .hand-mini-bar-actions {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-left: 1px solid black;
}
#hand-mini-bar-hands-container .hand-mini-bar-actions div:first-child {
  border-bottom: 1px solid black;
}
#hand-mini-bar-hands-container .hand-mini-bar-pass:before {
  font-size: 18px;
  line-height: 32px;
}

/* ----------------------------------------- */
/* Cautious Gamemaster's Pack (CGMP)         */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Combat Carousel                           */
/* ----------------------------------------- */
#controls ol li.scene-control[data-control=combat-carousel] {
  position: relative;
}

/* ----------------------------------------- */
/* Custom Hotbar                             */
/* ----------------------------------------- */
:root {
  --custom-hotbar-chb-macro-size: calc(var(--macro-size) + 2px);
}

#ui-bottom #hotbars {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
#ui-bottom #hotbars #hotbar {
  position: unset;
}

@media (max-width: 1120px) {
  #custom-hotbar {
    width: 354px;
  }
}
/* ----------------------------------------- */
/* Damage Log                                */
/* ----------------------------------------- */
nav.damage-log-nav.tabs {
  flex: 0;
  margin: 0px 2px;
  box-shadow: none;
  border: none;
}
nav.damage-log-nav.tabs .item {
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
  margin: 2px;
  color: white;
  border-radius: 3px;
  margin: 2px;
  border: none;
}
nav.damage-log-nav.tabs .item:hover {
  box-shadow: var(--gold-and-glow);
  background-color: var(--secondary);
  text-shadow: 0px 0px 3px black;
  border: none;
  border-radius: 3px;
}
nav.damage-log-nav.tabs .item.active {
  box-shadow: var(--gold-and-glow);
  background-color: var(--secondary-light);
  text-shadow: 0px 0px 3px black;
  border: none;
  border-radius: 3px;
}

#damage-log {
  margin-left: 4px;
}

.dorako-ui {
  /* Styling for damage messages */
  /* Styling for healing messages */
  /* Dim reverted damage */
  /* Dim reverted healing */
}
.dorako-ui.message.damage-log.damage {
  background-color: #ffd9d9;
  background-blend-mode: luminosity;
}
.dorako-ui.message.damage-log.healing {
  background-color: #d9ffd9;
  background-blend-mode: luminosity;
}
.dorako-ui.message.damage-log.reverted.damage {
  background-color: #ffeaea;
  background-blend-mode: luminosity;
}
.dorako-ui.message.damage-log.reverted.healing {
  background-color: #eaffea;
  background-blend-mode: luminosity;
}

[data-theme][data-color-scheme=dark] .dalvyn-journal:not(.premium) {
  --red: var(--primary-light);
  --blue: var(--secondary-light);
  --brown: #ad6f59;
}
[data-theme][data-color-scheme=dark].sheet.journal-entry .journal-entry-page :is(h1, h2, h3, h4, h5) {
  text-shadow: 0px 1px 1px black;
}

/* ----------------------------------------- */
/* DFCE Rolltype Buttons                     */
/* ----------------------------------------- */
#chat-controls {
  padding: 0px;
  gap: var(--sidebar-gap);
  align-items: center;
}
#chat-controls .buttons {
  gap: var(--sidebar-gap);
  flex-wrap: nowrap;
}

#dorako-rt-buttons {
  flex: 1 0 170px;
}

#dorako-nonrt-buttons {
  flex: 1 1 30px !important;
}
#dorako-nonrt-buttons:empty {
  display: none;
}
#dorako-nonrt-buttons > button {
  flex: 1 1 32px;
}

[data-theme] #dorako-rt-buttons button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme] #dorako-rt-buttons button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme] #dorako-rt-buttons button.view, [data-theme] #dorako-rt-buttons button.selected, [data-theme] #dorako-rt-buttons button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme] #dorako-rt-buttons button.empty, [data-theme] #dorako-rt-buttons button.disabled, [data-theme] #dorako-rt-buttons button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme] #dorako-rt-buttons button.active {
  background-color: var(--color-primary-2);
  border: var(--app-border-width) solid;
  border-color: var(--app-border-color);
}
[data-theme] #dorako-nonrt-buttons button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme] #dorako-nonrt-buttons button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme] #dorako-nonrt-buttons button.view, [data-theme] #dorako-nonrt-buttons button.selected, [data-theme] #dorako-nonrt-buttons button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme] #dorako-nonrt-buttons button.empty, [data-theme] #dorako-nonrt-buttons button.disabled, [data-theme] #dorako-nonrt-buttons button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}

/* ----------------------------------------- */
/* DFCE Chat Merge                           */
/* ----------------------------------------- */
.message.chat-message .message-delete {
  z-index: 1;
}
.message.chat-message.dfce-cm-top {
  border-bottom-style: none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-bottom: 0px;
  padding-bottom: 5px;
}
.message.chat-message.dfce-cm-middle, .message.chat-message.dfce-cm-bottom {
  position: relative;
  border-radius: 0px;
  margin-top: 0px !important;
}
.message.chat-message.dfce-cm-middle .message-content, .message.chat-message.dfce-cm-bottom .message-content {
  padding-right: 0px;
}
.message.chat-message.dfce-cm-middle .sender-wrapper,
.message.chat-message.dfce-cm-middle .portrait-and-name, .message.chat-message.dfce-cm-bottom .sender-wrapper,
.message.chat-message.dfce-cm-bottom .portrait-and-name {
  display: none;
}
.message.chat-message.dfce-cm-middle .message-header, .message.chat-message.dfce-cm-bottom .message-header {
  background: transparent !important;
  box-shadow: none;
  margin: 0px;
  padding: 0px;
}
.message.chat-message.dfce-cm-middle:not(:hover).header-meta, .message.chat-message.dfce-cm-bottom:not(:hover).header-meta {
  display: none;
}
.message.chat-message.dfce-cm-middle {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 5px;
}
.message.chat-message.dfce-cm-bottom {
  margin-top: 0px;
  padding-top: 0px;
  border-radius: 0px 0px 5px 5px;
}

.dfce-cm-middle .dorako-header,
.dfce-cm-bottom .dorako-header {
  display: none;
}
.dfce-cm-middle:hover .dorako-header,
.dfce-cm-bottom:hover .dorako-header {
  display: block;
  position: absolute;
  right: 0px;
  top: 3px;
  width: fit-content;
  background: none !important;
  box-shadow: none !important;
  z-index: 1;
}
.dfce-cm-middle:hover .dorako-header .portrait-and-name,
.dfce-cm-bottom:hover .dorako-header .portrait-and-name {
  display: none !important;
}

/* ----------------------------------------- */
/* Dice Tray                                 */
/* ----------------------------------------- */
[data-theme] .dice-tray {
  display: flex;
  flex-direction: column;
  gap: var(--sidebar-gap);
}
[data-theme] .dice-tray > * {
  margin: 0 var(--sidebar-margin);
}
[data-theme] .dice-tray .flexrow {
  gap: var(--sidebar-gap);
}
[data-theme] .dice-tray .dice-tray__stacked button:first-child {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
[data-theme] .dice-tray .dice-tray__stacked button:last-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
[data-theme] .dice-tray button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme] .dice-tray button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme] .dice-tray button.view, [data-theme] .dice-tray button.selected, [data-theme] .dice-tray button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme] .dice-tray button.empty, [data-theme] .dice-tray button.disabled, [data-theme] .dice-tray button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme] .dice-tray button div.dice {
  background-color: var(--text-color-3);
}
[data-theme] .dice-tray button:hover div.dice {
  background-color: var(--text-color-1);
}
[data-theme] .dice-tray .dice-tray__buttons {
  height: 32px;
}
[data-theme] .dice-tray .dice-tray__buttons button {
  width: auto;
}
[data-theme] .dice-tray .dice-tray__buttons button > svg {
  margin: 0px -10px;
  filter: drop-shadow(0px 1px 2px black);
}
[data-theme] .dice-tray .dice-tray__buttons button > svg * {
  fill: var(--text-color-3);
}
[data-theme] .dice-tray .dice-tray__buttons button.dice-tray__advantage:hover svg, [data-theme] .dice-tray .dice-tray__buttons button.dice-tray__disadvantage:hover svg, [data-theme] .dice-tray .dice-tray__buttons button.dice-tray__roll:hover svg, [data-theme] .dice-tray .dice-tray__buttons button.dice-tray__math--add:hover svg, [data-theme] .dice-tray .dice-tray__buttons button.dice-tray__math--sub:hover svg, [data-theme] .dice-tray .dice-tray__buttons button:hover svg {
  filter: drop-shadow(0px 1px 2px black);
}
[data-theme] .dice-tray .dice-tray__buttons button.dice-tray__advantage:hover svg *, [data-theme] .dice-tray .dice-tray__buttons button.dice-tray__disadvantage:hover svg *, [data-theme] .dice-tray .dice-tray__buttons button.dice-tray__roll:hover svg *, [data-theme] .dice-tray .dice-tray__buttons button.dice-tray__math--add:hover svg *, [data-theme] .dice-tray .dice-tray__buttons button.dice-tray__math--sub:hover svg *, [data-theme] .dice-tray .dice-tray__buttons button:hover svg * {
  fill: var(--text-color-1);
}
[data-theme] .dice-tray input[type=text] {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
  height: auto !important;
  border-radius: var(--border-radius);
}
[data-theme] .dice-tray input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme] .dice-tray input[type=text]:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme] .dice-tray input[type=text].disabled, [data-theme] .dice-tray input[type=text]:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme] .dice-tray input[type=text].disabled::placeholder, [data-theme] .dice-tray input[type=text]:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme] .dice-tray input[type=text]::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme] .dice-tray input[type=text][type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}

/* ----------------------------------------- */
/* Enhanced Terrain Layer                    */
/* ----------------------------------------- */
#controls ol.control-tools.sub-controls {
  margin-right: 0px;
}

#controls ol.control-tools#terrainlayer-tools {
  margin-top: 44px;
}
#controls ol.control-tools#terrainlayer-tools .control-tool {
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
}
#controls ol.control-tools#terrainlayer-tools .control-tool:not(#tl-defaultcost):hover {
  background-color: rgba(177, 177, 177, 0.5);
  color: black;
}
#controls ol.control-tools#terrainlayer-tools .control-tool:not(#tl-defaultcost):hover button.control-btn:hover {
  border-radius: 3px;
  color: black;
  text-shadow: 0 0 3px var(--color-text-light-highlight);
  box-shadow: none;
}

[data-theme] .implement-button-region {
  gap: 5px;
  margin-top: 5px;
}
[data-theme] .implement-button-region button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme] .implement-button-region button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme] .implement-button-region button.view, [data-theme] .implement-button-region button.selected, [data-theme] .implement-button-region button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme] .implement-button-region button.empty, [data-theme] .implement-button-region button.disabled, [data-theme] .implement-button-region button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme] .actions-panel > fieldset {
  border: 1px solid var(--fieldset-border-color) !important;
  background-color: var(--fieldset-background-color);
  font-family: var(--font-primary);
}
[data-theme] .actions-panel > fieldset > legend {
  color: var(--fieldset-legend-color);
}
[data-theme] .actions-panel > fieldset button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme] .actions-panel > fieldset button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme] .actions-panel > fieldset button.view, [data-theme] .actions-panel > fieldset button.selected, [data-theme] .actions-panel > fieldset button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme] .actions-panel > fieldset button.empty, [data-theme] .actions-panel > fieldset button.disabled, [data-theme] .actions-panel > fieldset button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme] .dropboxes > .dropbox > span {
  border: unset !important;
}
[data-theme] .dropboxes > .dropbox > span > img {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  border: 1px solid var(--icon-border-color);
}
[data-theme] img[src$="chosen-implement.webp"] {
  background: none !important;
  box-shadow: none !important;
}

[data-theme][data-color-scheme=dark] img[src$="chosen-implement.webp"] {
  filter: invert(1);
}

/* ----------------------------------------- */
/* Ripper's Filepicker+                      */
/* ----------------------------------------- */
.filepicker-plus-tooltip {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  border: none;
  backdrop-filter: blur(5px);
}

#sidebar .app.window-app.filepicker {
  margin: 0px;
}

#sidebar .filepicker .window-content {
  border: none;
  margin: 2px;
  /* prettier-ignore */
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  background-image: var(--sheet);
  background-size: cover;
  background-image: var(--sheet-dark);
  height: calc(100% - 5px);
}

[data-theme]#forien-quest-log nav.tabs, [data-theme].window-app.forien-quest-preview nav.tabs {
  background: unset;
}
[data-theme]#forien-quest-log nav.tabs .item.active, [data-theme]#forien-quest-log nav.tabs .item.active:hover, [data-theme].window-app.forien-quest-preview nav.tabs .item.active, [data-theme].window-app.forien-quest-preview nav.tabs .item.active:hover {
  font-weight: unset;
  color: var(--text-color-1);
  text-shadow: 0px 1px 2px black;
}
[data-theme]#forien-quest-log nav.tabs .item:hover, [data-theme].window-app.forien-quest-preview nav.tabs .item:hover {
  text-shadow: 0px 1px 2px black;
}
[data-theme]#forien-quest-log .quest-log.bookmarks nav.log-tabs .item {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--app-background) !important;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  border-right: 1px solid transparent;
  margin: 0 6px 8px;
}
[data-theme]#forien-quest-log .quest-log.bookmarks nav.log-tabs .item:hover, [data-theme]#forien-quest-log .quest-log.bookmarks nav.log-tabs .item.active {
  font-weight: unset;
  border-right: 1px solid transparent;
  border-color: var(--color-primary-1);
  background: var(--color-primary-2) !important;
  color: var(--text-color-1);
}
[data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .delete-splash, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .change-splash-pos, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-giver-gc .deleteQuestGiver {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .delete-splash:not(.disabled, :disabled):hover, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .change-splash-pos:not(.disabled, :disabled):hover, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-giver-gc .deleteQuestGiver:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .delete-splash.view, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .delete-splash.selected, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .delete-splash.active, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .change-splash-pos.view, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .change-splash-pos.selected, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .change-splash-pos.active, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-giver-gc .deleteQuestGiver.view, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-giver-gc .deleteQuestGiver.selected, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-giver-gc .deleteQuestGiver.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .delete-splash.empty, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .delete-splash.disabled, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .delete-splash:disabled, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .change-splash-pos.empty, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .change-splash-pos.disabled, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .change-splash-pos:disabled, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-giver-gc .deleteQuestGiver.empty, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-giver-gc .deleteQuestGiver.disabled, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-giver-gc .deleteQuestGiver:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme]#forien-quest-log .editor, [data-theme].window-app.forien-quest-preview .editor {
  background: var(--color-secondary-4);
  border: 1px solid var(--color-secondary-3);
}
[data-theme]#forien-quest-log .editor .editor-content, [data-theme].window-app.forien-quest-preview .editor .editor-content {
  color: var(--text-color-3);
}
[data-theme]#forien-quest-log .editor .tox.tox-tinymce, [data-theme].window-app.forien-quest-preview .editor .tox.tox-tinymce {
  background: white;
}
[data-theme]#forien-quest-log .quest-log .table ul li.drag-quest, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-giver-gc .drop-info, [data-theme].window-app.forien-quest-preview .quest-body .management .quest-splash .drop-info, [data-theme].window-app.forien-quest-preview .quest-body .details-header .quest-setup section, [data-theme].window-app.forien-quest-preview .quest-body .management .subquests .subquests-box li, [data-theme].window-app.forien-quest-preview .quest-body .quest-info .quest-col-right .quest-rewards ul li, [data-theme].window-app.forien-quest-preview .quest-body .quest-info .quest-col-right .quest-tasks ul li {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  border-color: var(--scrollbar-thumb-border-color);
  background: var(--color-primary-3);
}
[data-theme]#forien-quest-log .actions i, [data-theme].window-app.forien-quest-preview .actions i {
  color: var(--text-color-2);
}
[data-theme]#forien-quest-log .actions i:hover, [data-theme].window-app.forien-quest-preview .actions i:hover {
  color: var(--color-primary-1);
}

.clock-panel {
  z-index: 1;
  right: 5px;
}
.clock-panel .clock-entry {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
}
.clock-panel .clock-entry .clock {
  background: conic-gradient(var(--secondary-light) var(--filled-ratio), white var(--filled-ratio) 1turn);
}
.clock-panel [data-action=add-clock] {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
  margin: unset;
}
.clock-panel [data-action=add-clock]:hover {
  background-color: var(--primary);
}

.clock-panel.bottom {
  bottom: 5px;
}

.item-piles-player-list-trade-button {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
  background-color: var(--glass-bg-light);
}
.item-piles-player-list-trade-button:hover {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
}

.item-piles-img-container {
  border: none;
  margin: 2px;
  /* prettier-ignore */
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  border-radius: 3px;
  margin: 3px;
}

.item-piles-app {
  --item-piles-even-color: #7a79717a;
  --item-piles-shadow-primary: var(--color-shadow-primary);
}

.dorako-ui.dark-theme {
  --color-text-dark-secondary: #a9a798;
  --item-piles-minor-inactive: rgb(15, 15, 15);
  --item-piles-text-light-highlight: rgb(70, 70, 70);
}
.dorako-ui.dark-theme .item.active.underscore.item-piles-flexrow.item-piles-clickable-link {
  border-bottom: 2px solid var(--tertiary-dark);
}

[data-theme] {
  --item-piles-minor-inactive: var(--color-primary-3);
  --item-piles-even-color: color-mix(in srgb, var(--color-secondary-3) 20%, transparent);
  --item-piles-border-light-primary: var(--color-secondary-3);
}
[data-theme] .item-piles-chat-card li img,
[data-theme] .item-piles-img-container {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  border: 1px solid;
  border-color: var(--icon-border-color);
}
[data-theme] .item-piles-player-list-trade-button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme] .item-piles-player-list-trade-button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme] .item-piles-player-list-trade-button.view, [data-theme] .item-piles-player-list-trade-button.selected, [data-theme] .item-piles-player-list-trade-button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme] .item-piles-player-list-trade-button.empty, [data-theme] .item-piles-player-list-trade-button.disabled, [data-theme] .item-piles-player-list-trade-button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme] .item-piles-config-container nav {
  margin-top: 2px;
}

[data-theme][data-color-scheme=dark] {
  --item-piles-border-light-primary: rgba(255, 255, 255, 0.2);
  --item-piles-text-light-highlight: rgba(255, 255, 255, 0.3);
}

/* ----------------------------------------- */
/* Koboldworks turn announcer                */
/* ----------------------------------------- */
.chat-message[data-message-id].koboldworks.round-cycling h3.round-message {
  margin-left: 17px;
  gap: 20px;
}

.chat-message[data-message-id].koboldworks.turn-announcer.obfuscated {
  border: none;
  margin: 2px;
  /* prettier-ignore */
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  background-image: var(--sheet);
  background-size: cover;
  background-size: cover;
  background-blend-mode: luminosity;
  background-color: var(--blind-bg);
}
.chat-message[data-message-id].koboldworks.turn-announcer.obfuscated.dorako-ui.dark-theme {
  background: var(--sheet-dark);
  background-size: cover;
  background-blend-mode: luminosity;
  background-color: var(--blind-bg);
}

/* ----------------------------------------- */
/* Condition Manager                         */
/* ----------------------------------------- */
.window-app[data-theme] .window-content .dialog-content .cond-cont {
  background: none;
}
.window-app[data-theme] .window-content .dialog-content .cond-cont .cond-butt-set {
  display: flex;
}
.window-app[data-theme] .window-content .dialog-content .cond-cont button {
  box-shadow: unset;
}
.window-app[data-theme] .window-content .dialog-content .cond-cont .cond-buttons,
.window-app[data-theme] .window-content .dialog-content .cond-cont .cond-buttons:focus {
  width: 100%;
}
.window-app[data-theme] .window-content .dialog-content .cond-cont .cond-buttons-small,
.window-app[data-theme] .window-content .dialog-content .cond-cont .cond-buttons-small:focus {
  width: 13%;
}

/* ----------------------------------------- */
/* Basic Action Macros (BAM)                 */
/* ----------------------------------------- */
[data-theme] .action-list button {
  --button-text-color: white !important;
}
[data-theme] .action-list button img {
  border: 1px solid var(--icon-border-color);
  border-radius: var(--border-radius);
}
[data-theme] .action-list button:hover {
  text-shadow: 0px 1px 2px black;
}
[data-theme] .action-list button.glow {
  filter: brightness(1.1);
}

/* ----------------------------------------- */
/* Dice Stats                                */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Pin Cushion                               */
/* ----------------------------------------- */
.pin-cushion-hud-tooltip-default {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  backdrop-filter: blur(5px);
  text-shadow: 0px 0px 3px black;
}

#powerTip:before {
  color: var(--glass-bg);
}

/* ----------------------------------------- */
/* Illandril's Token Tooltips                */
/* ----------------------------------------- */
.illandril-token-tooltips--tooltip {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  backdrop-filter: blur(5px);
  text-shadow: 0px 0px 3px black;
  color: var(--color-text-light-highlight);
  font-size: 1rem;
}

.illandril-token-tooltips--tooltip .illandril-token-tooltips--name {
  color: var(--color-text-light-highlight);
  font-family: var(--font-primary);
  font-size: 1.25rem;
  padding: 4px 8px;
}

/* ----------------------------------------- */
/* Heartbeat                                 */
/* ----------------------------------------- */
button#heartbeat-button {
  box-shadow: unset;
}

#module-credits-copy-export {
  background: none !important;
}

[data-theme]#module-management .package-list .package .package-overview .tag.expand {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme]#module-management .package-list .package .package-overview .tag.expand:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme]#module-management .package-list .package .package-overview .tag.expand.view, [data-theme]#module-management .package-list .package .package-overview .tag.expand.selected, [data-theme]#module-management .package-list .package .package-overview .tag.expand.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme]#module-management .package-list .package .package-overview .tag.expand.empty, [data-theme]#module-management .package-list .package .package-overview .tag.expand.disabled, [data-theme]#module-management .package-list .package .package-overview .tag.expand:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme] .package-list .package .tag {
  background: var(--color-secondary-4);
  border: 1px solid var(--color-secondary-3);
  color: var(--text-color-2);
}

/* ----------------------------------------- */
/* Monarch                                   */
/* ----------------------------------------- */
.window-app.monarch .window-content {
  box-shadow: none;
  background: none;
}

.window-app.monarch-hand:not(.minimized).no-fade.trans,
.window-app.monarch-hand:not(.minimized):hover.trans {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  backdrop-filter: blur(5px);
}

.window-app.monarch-hand .window-header,
.monarch-hand footer.sheet-footer {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
}

.monarch .card-hud .controls a i {
  color: var(--color-text-light-heading);
}

.monarch input[type=text],
.monarch input[type=number],
.monarch input[type=password],
.monarch input[type=date],
.monarch input[type=time] {
  border: none;
  outline: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  color: var(--color-text-light-heading);
}

.monarch-hand footer.sheet-footer {
  margin: 2px 10px;
}
.monarch-hand footer.sheet-footer button {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
  color: var(--color-text-light-heading);
  text-shadow: 0px 0px 3px black;
}
.monarch-hand footer.sheet-footer button:hover {
  color: var(--color-text-light-highlight);
  background-color: var(--primary);
}

.monarch .card-hud .badge,
.monarch .card-hud .card-controls {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
}

.monarch-hand .tooltip {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  backdrop-filter: blur(5px);
}

.window-app.monarch.trans {
  box-shadow: unset;
  backdrop-filter: unset;
}

[data-theme].window-app.monarch-hand .window-header, [data-theme].monarch-hand footer.sheet-footer, [data-theme].monarch-hand footer.sheet-footer button, [data-theme].monarch .card-hud .badge, [data-theme].monarch .card-hud .card-controls, [data-theme].monarch-hand .tooltip {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
}

/* ----------------------------------------- */
/* General??                                 */
/* ----------------------------------------- */
[data-theme].monks-active-tiles.sheet .items-list .item-header {
  border: none;
  background: none;
}

/* ----------------------------------------- */
/* Monk's Common Display                     */
/* ----------------------------------------- */
#common-display-toolbar.dorako-ui {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
}
#common-display-toolbar.dorako-ui .move-handle {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  border-radius: 5px 0px 0px 5px;
}
#common-display-toolbar.dorako-ui .common-display-button.small {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
  text-shadow: 0px 0px 3px black;
}
#common-display-toolbar.dorako-ui .common-display-button.small:hover {
  background-color: var(--primary);
}
#common-display-toolbar.dorako-ui .common-display-button.toggle {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
  background-color: var(--secondary-dark);
  text-shadow: 0px 0px 3px black;
}
#common-display-toolbar.dorako-ui .common-display-button.toggle:hover, #common-display-toolbar.dorako-ui .common-display-button.toggle.active {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  background-color: var(--secondary-light);
}

/* ----------------------------------------- */
/* Monk's Player Settings                    */
/* ----------------------------------------- */
#client-settings.dorako-ui.dark-theme #mps-view-group {
  border-bottom: 1px solid var(--tertiary);
}

/* ----------------------------------------- */
/* Monk's tokenbar                           */
/* ----------------------------------------- */
#tokenbar[data-theme=dorako-ui] {
  gap: 3px;
}
#tokenbar[data-theme=dorako-ui] .token-list {
  gap: 5px;
  border: none;
}
#tokenbar[data-theme=dorako-ui] .bar-controls {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
}
#tokenbar[data-theme=dorako-ui] .bar-controls div#tokenbar-move-handle {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  border-radius: 5px 0px 0px 5px;
  margin-right: 2px;
}
#tokenbar[data-theme=dorako-ui] .token {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
  flex: 0 0 52px;
}
#tokenbar[data-theme=dorako-ui] .token .token-stats {
  background: none;
  text-shadow: 0px 0px 3px black;
}
#tokenbar[data-theme=dorako-ui] .token:hover {
  background-color: var(--primary);
}
#tokenbar[data-theme=dorako-ui] .token:hover .token-icon {
  box-shadow: none;
  filter: drop-shadow(0px 0px 5px var(--tertiary));
}
#tokenbar[data-theme=dorako-ui] .token .token-icon {
  box-shadow: none;
  border-radius: 3px;
}
#tokenbar[data-theme=dorako-ui] .token .tooltip {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
#tokenbar[data-theme=dorako-ui] .monks-tokenbar.chat-card .card-header h3:hover {
  text-shadow: unset;
}
#tokenbar[data-theme=dorako-ui] .monks-tokenbar .sheet .items-list .items-header {
  border: none;
}
#tokenbar[data-theme=dorako-ui] .bar-controls .tokenbar-buttons div.active:not(.disabled) i, #tokenbar[data-theme=dorako-ui][movement=free] #movement-free:not(.disabled) i, #tokenbar[data-theme=dorako-ui][movement=none] #movement-none:not(.disabled) i, #tokenbar[data-theme=dorako-ui][movement=combat] #movement-combat:not(.disabled) i {
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
  border: none;
  margin: 2px;
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  border-radius: 3px;
  text-shadow: 0px 0px 3px black;
  background-color: var(--primary-light);
  color: var(--color-text-light-highlight);
}
#tokenbar[data-theme=dorako-ui]:not(.hidectrl) .bar-controls .tokenbar-buttons div.active:not(.disabled):hover i, #tokenbar[data-theme=dorako-ui][movement=free]:not(.hidectrl) #movement-free:not(.disabled):hover i, #tokenbar[data-theme=dorako-ui][movement=none]:not(.hidectrl) #movement-none:not(.disabled):hover i, #tokenbar[data-theme=dorako-ui][movement=combat]:not(.hidectrl) #movement-combat:not(.disabled):hover i {
  color: var(--color-text-light-highlight);
}

.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list .item .item-name,
.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list,
.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-header h3,
.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list .items-header h3 {
  color: var(--color-text-light-1);
  font-family: unset;
}

.dorako-ui.dark-theme#requestsavingthrow .request-grid.dice-group div::first-letter {
  font-size: 0rem;
}
.dorako-ui.dark-theme#requestsavingthrow .request-grid {
  gap: 5px;
  margin: 5px 10px;
  text-align: center;
}
.dorako-ui.dark-theme#requestsavingthrow .request-grid.dice-group {
  display: flex;
  justify-content: space-between;
}
.dorako-ui.dark-theme#requestsavingthrow .request-grid > div {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
  color: var(--color-text-light-heading);
  text-shadow: 0px 0px 3px black;
  padding: 2px 6px;
  background-color: var(--secondary-dark);
}
.dorako-ui.dark-theme#requestsavingthrow .request-grid > div:hover {
  background-color: var(--secondary-light);
  color: white;
}
.dorako-ui.dark-theme#requestsavingthrow .request-grid > div.selected {
  background-color: var(--secondary-light);
  color: white;
}
.dorako-ui.dark-theme .monks-tokenbar .sheet .items-list .item {
  border: none;
  margin-bottom: 2px;
}
.dorako-ui.dark-theme .monks-tokenbar .dialog-buttons {
  gap: 5px;
}
.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-header {
  border: none;
}
.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-footer {
  border: none;
}
.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-footer .flexrow {
  gap: 5px;
}
.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-footer .flexrow .footer-button {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
  color: var(--color-text-light-heading);
  text-shadow: 0px 0px 3px black;
}
.dorako-ui.dark-theme .monks-tokenbar.chat-card .card-footer .flexrow .footer-button:hover {
  color: var(--color-text-light-highlight);
  background-color: var(--primary);
}

#tokenbar[data-theme] .bar-controls {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
}
#tokenbar[data-theme] .bar-controls div#tokenbar-move-handle {
  background: unset;
}
#tokenbar[data-theme] .token-list {
  border: unset;
  gap: 5px;
}
#tokenbar[data-theme] .token-list .token {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
}
#tokenbar[data-theme] .token-list .token .tooltip {
  background: var(--app-background);
  border: 1px solid var(--color-primary-1);
  box-shadow: 0px 0px 6px var(--color-primary-2), 0px 2px 8px 1px var(--color-primary-3);
  backdrop-filter: blur(5px);
  border-radius: var(--border-radius);
  -webkit-backdrop-filter: blur(5px);
  font-size: var(--font-size-16);
  line-height: var(--font-size-16);
  text-shadow: 0px 1px 2px black;
  padding: 0.3em 0.6em;
}
#tokenbar[data-theme] .token-list .token .token-stats {
  background: unset;
}
#tokenbar[data-theme] .token-list .token .token-icon {
  box-shadow: unset;
}

[data-theme]#requestsavingthrow .request-grid > div {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  text-align: center;
}
[data-theme]#requestsavingthrow .request-grid > div:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme]#requestsavingthrow .request-grid > div.view, [data-theme]#requestsavingthrow .request-grid > div.selected, [data-theme]#requestsavingthrow .request-grid > div.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme]#requestsavingthrow .request-grid > div.empty, [data-theme]#requestsavingthrow .request-grid > div.disabled, [data-theme]#requestsavingthrow .request-grid > div:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme]#requestsavingthrow .request-grid {
  gap: 6px;
  grid-template-columns: 31% 31% 31%;
}
[data-theme] .monks-tokenbar .sheet .items-list .items-header {
  background: unset;
  border: unset;
}
[data-theme] .monks-tokenbar .sheet .items-list .item {
  border: unset;
}
[data-theme] .monks-tokenbar:not(.editstats) .sheet input[type=text],
[data-theme] .monks-tokenbar .sheet input[type=number] {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme] .monks-tokenbar:not(.editstats) .sheet input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme] .monks-tokenbar:not(.editstats) .sheet input[type=text]:focus,
[data-theme] .monks-tokenbar .sheet input[type=number]:not(:disabled, .disabled, [type=checkbox]):hover,
[data-theme] .monks-tokenbar .sheet input[type=number]:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme] .monks-tokenbar:not(.editstats) .sheet input[type=text].disabled, [data-theme] .monks-tokenbar:not(.editstats) .sheet input[type=text]:disabled,
[data-theme] .monks-tokenbar .sheet input[type=number].disabled,
[data-theme] .monks-tokenbar .sheet input[type=number]:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme] .monks-tokenbar:not(.editstats) .sheet input[type=text].disabled::placeholder, [data-theme] .monks-tokenbar:not(.editstats) .sheet input[type=text]:disabled::placeholder,
[data-theme] .monks-tokenbar .sheet input[type=number].disabled::placeholder,
[data-theme] .monks-tokenbar .sheet input[type=number]:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme] .monks-tokenbar:not(.editstats) .sheet input[type=text]::placeholder,
[data-theme] .monks-tokenbar .sheet input[type=number]::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme] .monks-tokenbar:not(.editstats) .sheet input[type=text][type=checkbox],
[data-theme] .monks-tokenbar .sheet input[type=number][type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme]#assignexperience .sheet .sheet-navigation {
  margin: unset;
  font-family: var(--sans-serif);
  font-weight: unset;
}
[data-theme] .request-roll {
  padding-left: 2px;
}

/* ----------------------------------------- */
/* Monk's little details                     */
/* ----------------------------------------- */
#chat-log .message.round-marker {
  border-bottom: 1px solid var(--tertiary) !important;
}

#darkness-progress > div > div {
  background-color: var(--primary-light);
}

.dorako-ui#token-hud.monks-little-details .status-effects .effect-control, .dorako-ui#token-hud.monks-little-details .status-effects .pf2e-effect-control {
  border-radius: unset;
}
.dorako-ui #token-hud.placeable-hud.monks-little-details .status-effects {
  grid-template-columns: 90px 90px 90px 90px !important;
  background: none;
}
.dorako-ui #token-hud.placeable-hud.monks-little-details .status-effects .effect-control {
  border: none;
  opacity: unset;
}
.dorako-ui #token-hud.placeable-hud.monks-little-details .status-effects .effect-control.active {
  border: none;
  opacity: 1;
  background-color: var(--secondary-light);
}
.dorako-ui #token-hud.placeable-hud.monks-little-details .status-effects .effect-control.active .effect-name {
  color: white;
  opacity: unset;
}
.dorako-ui #token-hud.placeable-hud.monks-little-details .status-effects .effect-control img {
  border-radius: 4px 0px 0px 4px;
}
.dorako-ui #token-hud.placeable-hud.monks-little-details .status-effects .effect-control img::before {
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 1px var(--tertiary);
  border-radius: 4px 0px 0px 4px;
  overflow: hidden;
  pointer-events: none;
}
.dorako-ui #token-hud.placeable-hud.monks-little-details .status-effects .effect-name {
  opacity: unset;
  padding-right: 4px;
  color: var(--color-text-light-heading);
  font-size: var(--font-size-12);
}

[data-theme]#token-hud.monks-little-details .status-effects {
  gap: 5px;
}
[data-theme]#token-hud.monks-little-details .status-effects .effect-control.active, [data-theme]#token-hud.monks-little-details .status-effects .pf2e-effect-control.active {
  border: unset;
}
[data-theme] picture {
  opacity: 1 !important;
  left: -1px;
  top: -1px;
  position: relative;
}
[data-theme] #token-hud .status-effects .effect-control .badge {
  border-top: unset;
  border-right: unset;
  width: 18px;
  right: 0px;
}

body.system-pf2e #token-hud.monks-little-details[data-theme] .status-effects .effect-control {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
body.system-pf2e #token-hud.monks-little-details[data-theme] .status-effects .effect-control:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
body.system-pf2e #token-hud.monks-little-details[data-theme] .status-effects .effect-control.view, body.system-pf2e #token-hud.monks-little-details[data-theme] .status-effects .effect-control.selected, body.system-pf2e #token-hud.monks-little-details[data-theme] .status-effects .effect-control.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
body.system-pf2e #token-hud.monks-little-details[data-theme] .status-effects .effect-control.empty, body.system-pf2e #token-hud.monks-little-details[data-theme] .status-effects .effect-control.disabled, body.system-pf2e #token-hud.monks-little-details[data-theme] .status-effects .effect-control:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}

/* ----------------------------------------- */
/* Monk's hotbar expansion                   */
/* ----------------------------------------- */
#hotbar .action-bar.no-arrows + .bar-controls span.page-number,
#hotbar .hotbar-page .hotbar-page-row .bar-controls span.page-number,
#hotbar .hotbar-page .hotbar-page-row .bar-controls i {
  line-height: 52px;
}

#hotbar .hotbar-page .hotbar-page-row.selected .bar-controls .page-number {
  color: var(--tertiary-dark);
}

[data-tooltip="MonksHotbarExpansion.clear-row"] {
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
}
[data-tooltip="MonksHotbarExpansion.clear-row"]:hover i {
  text-shadow: 0 0 8px var(--color-shadow-primary);
}

.hotbar-page .page-number {
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
}
.hotbar-page .page-number:hover {
  text-shadow: 0 0 8px var(--color-shadow-primary);
}

#hotbar[data-theme] .hotbar-page {
  overflow: visible;
  gap: 4px;
  bottom: 56px;
}
#hotbar[data-theme] .hotbar-page .macro-list {
  gap: 7px;
  border: none;
}
#hotbar[data-theme] .hotbar-page .action-bar {
  margin: 0px 5px 0px 3px;
}

/* ----------------------------------------- */
/* Monk's Sound Enhancements                 */
/* ----------------------------------------- */
[data-theme].sheet .sound-sheet .items-list .items-header {
  border: unset;
}
[data-theme].sheet .sound-sheet .items-list .item {
  border-bottom: 1px solid var(--color-secondary-4);
}
[data-theme].sheet .sound-sheet .items-list .item .item-name {
  color: var(--text-color-3);
}

/* ----------------------------------------- */
/* Monk's Enhanced Journal                   */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Monk's Scene Navigation                   */
/* ----------------------------------------- */
body.compact-ui #navigation[data-theme] .monks-scene-navigation #nav-toggle {
  display: unset;
}

[data-theme]#navigation .nav-item-container {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
}
[data-theme]#navigation .nav-item-container #nav-toggle {
  box-shadow: unset;
  border: unset;
  background: unset;
  height: unset;
  flex: unset;
}
[data-theme]#navigation .monks-scene-navigation .scene-list > li a {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme]#navigation .monks-scene-navigation .scene-list > li a:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme]#navigation .monks-scene-navigation .scene-list > li a.view, [data-theme]#navigation .monks-scene-navigation .scene-list > li a.selected, [data-theme]#navigation .monks-scene-navigation .scene-list > li a.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme]#navigation .monks-scene-navigation .scene-list > li a.empty, [data-theme]#navigation .monks-scene-navigation .scene-list > li a.disabled, [data-theme]#navigation .monks-scene-navigation .scene-list > li a:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme]#navigation .monks-scene-navigation .scene-list > li.gm a {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  transition: background 0.1s ease-in-out;
  --button-background: var(--button-toggle-background);
  --button-border-color: var(--button-toggle-border-color);
  --button-focus-outline-color: var(--button-toggle-focus-outline-color);
  --button-hover-background: var(--button-toggle-hover-background);
  --button-hover-border-color: var(--button-toggle-hover-border-color);
}
[data-theme]#navigation .monks-scene-navigation .scene-list > li.gm a:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme]#navigation .monks-scene-navigation .scene-list > li.gm a.view, [data-theme]#navigation .monks-scene-navigation .scene-list > li.gm a.selected, [data-theme]#navigation .monks-scene-navigation .scene-list > li.gm a.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme]#navigation .monks-scene-navigation .scene-list > li.gm a.empty, [data-theme]#navigation .monks-scene-navigation .scene-list > li.gm a.disabled, [data-theme]#navigation .monks-scene-navigation .scene-list > li.gm a:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme]#navigation .monks-scene-navigation .scene-list > li.gm a:disabled {
  --button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
  --button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
  --button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
}
[data-theme]#navigation .monks-scene-navigation .scene-list > li a.folder-name {
  --app-border-width: 2px;
}
[data-theme]#navigation .monks-scene-navigation .scene-list > li.view a {
  --button-background: var(--color-primary-2);
  --button-border-color: var(--color-primary-1);
}
[data-theme]#navigation .monks-scene-navigation .scene-list > li.active a {
  outline: 1px solid var(--tertiary);
}
[data-theme]#navigation.background .monks-scene-navigation .scene-list {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  --app-border-width: 2px;
  gap: 5px;
}

/* ----------------------------------------- */
/* Monk's Active Tile Triggers               */
/* ----------------------------------------- */
[data-theme] .monks-active-tiles.sheet .items-list .items-header, [data-theme].monks-active-tiles.sheet .items-list .items-header {
  background: unset;
  border: unset;
}
[data-theme] .monks-active-tiles.sheet .items-list .items-header .item-controls, [data-theme].monks-active-tiles.sheet .items-list .items-header .item-controls {
  color: var(--text-color-3);
}
[data-theme] .monks-active-tiles.sheet .items-list .items-header h3, [data-theme].monks-active-tiles.sheet .items-list .items-header h3 {
  font-family: Signika, sans-serif;
}
[data-theme]#trigger-action .files-list .items-header .item-controls, [data-theme]#trigger-action .buttons-list .items-header .item-controls, [data-theme].monks-active-tiles .files-list .items-header .item-controls {
  color: var(--text-color-2);
}
[data-theme].monks-active-tiles .file-list {
  color: var(--text-color-3);
}
[data-theme].monks-active-tiles.sheet .items-list, [data-theme]#trigger-action .items-list li a, [data-theme].monks-active-tiles .file-list li a {
  color: var(--text-color-3);
}
[data-theme]#trigger-action .file-list li, [data-theme].monks-active-tiles.sheet .file-list li.item {
  border-color: var(--color-secondary-3);
}
[data-theme].action-sheet .display-value {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme].action-sheet .display-value:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].action-sheet .display-value:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme].action-sheet .display-value.disabled, [data-theme].action-sheet .display-value:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme].action-sheet .display-value.disabled::placeholder, [data-theme].action-sheet .display-value:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme].action-sheet .display-value::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme].action-sheet .display-value[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme].monks-active-tiles.sheet .items-list .item-controls a {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme].monks-active-tiles.sheet .items-list .item-controls a:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme].monks-active-tiles.sheet .items-list .item-controls a.view, [data-theme].monks-active-tiles.sheet .items-list .item-controls a.selected, [data-theme].monks-active-tiles.sheet .items-list .item-controls a.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme].monks-active-tiles.sheet .items-list .item-controls a.empty, [data-theme].monks-active-tiles.sheet .items-list .item-controls a.disabled, [data-theme].monks-active-tiles.sheet .items-list .item-controls a:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme].monks-active-tiles.sheet .items-list .item .item-name {
  color: var(--text-color-3);
}

[data-theme]:not([data-theme^=crb][data-color-scheme=light]).monks-active-tiles div[data-tab=triggers] .action-items .action-style {
  color: #fafafa;
}
[data-theme]:not([data-theme^=crb][data-color-scheme=light]).monks-active-tiles div[data-tab=triggers] .action-items .filter-style {
  color: #f73458;
}
[data-theme]:not([data-theme^=crb][data-color-scheme=light]).monks-active-tiles div[data-tab=triggers] .action-items .logic-style {
  color: #2b40f8;
}
[data-theme]:not([data-theme^=crb][data-color-scheme=light]).monks-active-tiles div[data-tab=triggers] .action-items .entity-style {
  color: #a9a9a9;
}
[data-theme]:not([data-theme^=crb][data-color-scheme=light]).monks-active-tiles div[data-tab=triggers] .action-items .details-style {
  color: #a326fc;
}
[data-theme]:not([data-theme^=crb][data-color-scheme=light]).monks-active-tiles div[data-tab=triggers] .action-items .value-style {
  color: #515151;
}
[data-theme]:not([data-theme^=crb][data-color-scheme=light]).monks-active-tiles div[data-tab=triggers] .action-items .tag-style {
  color: #063d68;
}

.dorako-ui.dark-theme.party-overview-window .table-row:nth-child(2n) {
  background-color: rgba(228, 228, 228, 0.2);
}
.dorako-ui.dark-theme.party-overview-window nav .item.active {
  color: white;
  border-bottom: 2px solid var(--tertiary);
}
.dorako-ui.dark-theme.party-overview-window .table-row {
  border-bottom: 1px solid var(--tertiary);
}
.dorako-ui.dark-theme.party-overview-window .proficiencies .table-row .num:not(.party-overview-ellipsis-no-border) {
  border-radius: 3px;
  margin-right: 3px;
  box-shadow: 0px 0px 1px 1px inset rgba(255, 255, 255, 0.2);
}

[data-theme].chat-message.message .pf2e-token-hud .rk-skills, [data-theme].chat-message.message .pf2e-token-hud .rk {
  --rarity-uncommon: #c45500;
  --rarity-rare: #5362ff;
  --rarity-unique: #e127e1;
  --color-rarity-uncommon: #c45500;
  --color-rarity-rare: #5362ff;
  --color-rarity-unique: #e127e1;
  --color-rank-1: dodgerblue;
  --color-rank-2: #bf4fdb;
  --color-rank-3: #cf931d;
  --color-rank-4: red;
  font-size: unset;
  background: repeating-linear-gradient(color-mix(in srgb, var(--color-secondary-3) 20%, transparent) 0 var(--row-height), transparent var(--row-height) calc(var(--row-height) * 2));
}

[data-theme][data-color-scheme=dark].chat-message.message .pf2e-token-hud .rk-skills, [data-theme][data-color-scheme=dark].chat-message.message .pf2e-token-hud .rk {
  --text-dark: var(--text-color-2);
  --rarity-common: #e1d8cf;
  --color-rarity-common: #e1d8cf;
  --color-rank-0: #a6a6a6;
  background: repeating-linear-gradient(color-mix(in srgb, var(--color-secondary-3) 20%, transparent) 0 var(--row-height), transparent var(--row-height) calc(var(--row-height) * 2));
}

[data-theme]#pf2e-token-hud {
  --rarity-common: #e1d8cf;
  --rarity-uncommon: #c45500;
  --rarity-rare: #5362ff;
  --rarity-unique: #e127e1;
  --color-rarity-common: #e1d8cf;
  --color-rarity-uncommon: #c45500;
  --color-rarity-rare: #5362ff;
  --color-rarity-unique: #e127e1;
  --color-rank-0: #a6a6a6;
  --color-rank-1: dodgerblue;
  --color-rank-2: #bf4fdb;
  --color-rank-3: #cf931d;
  --color-rank-4: red;
  --color-disabled: var(--text-color-disabled);
  padding-bottom: 0px;
}
[data-theme]#pf2e-token-hud .sidebar .sidebar-header input {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme]#pf2e-token-hud .sidebar .sidebar-header input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme]#pf2e-token-hud .sidebar .sidebar-header input:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme]#pf2e-token-hud .sidebar .sidebar-header input.disabled, [data-theme]#pf2e-token-hud .sidebar .sidebar-header input:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme]#pf2e-token-hud .sidebar .sidebar-header input.disabled::placeholder, [data-theme]#pf2e-token-hud .sidebar .sidebar-header input:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme]#pf2e-token-hud .sidebar .sidebar-header input::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme]#pf2e-token-hud .sidebar .sidebar-header input[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .item-img img {
  border: 1px solid;
  border-color: var(--icon-border-color);
  border-radius: var(--border-radius);
}
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .details input {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .details input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme]#pf2e-token-hud .sidebar .sidebar-content .details input:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .details input.disabled, [data-theme]#pf2e-token-hud .sidebar .sidebar-content .details input:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .details input.disabled::placeholder, [data-theme]#pf2e-token-hud .sidebar .sidebar-content .details input:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .details input::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .details input[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme]#pf2e-token-hud .sidebar.spells .sidebar-content .entry .spell .details .extras .actions .uses input:last-child {
  --input-background: transparent;
  --input-border-color: transparent;
  --box-shadow: transparent;
}
[data-theme]#pf2e-token-hud .sidebar.extras .sidebar-content .row select {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme]#pf2e-token-hud .sidebar.extras .sidebar-content .row select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme]#pf2e-token-hud .sidebar.extras .sidebar-content .row select:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme]#pf2e-token-hud .sidebar.extras .sidebar-content .row select.disabled, [data-theme]#pf2e-token-hud .sidebar.extras .sidebar-content .row select:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme]#pf2e-token-hud .sidebar.extras .sidebar-content .row select.disabled::placeholder, [data-theme]#pf2e-token-hud .sidebar.extras .sidebar-content .row select:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme]#pf2e-token-hud .sidebar.extras .sidebar-content .row select::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme]#pf2e-token-hud .sidebar.extras .sidebar-content .row select[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme]#pf2e-token-hud .sidebar.items .sidebar-content .hud-bulk .over-max {
  color: var(--color-level-red-border);
}
[data-theme]#pf2e-token-hud a:hover {
  color: var(--color-primary-2);
}
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .item-img.hover i {
  background: var(--color-primary-2);
  border-color: var(--color-primary-1);
  color: var(--text-color-1);
  text-shadow: 0px 1px 2px black;
}
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .details .extras .actions a i.greyed {
  color: var(--text-color-disabled);
}
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .header {
  background: var(--color-secondary-4);
  border-color: var(--color-secondary-5);
  margin: 0px -5px;
}
[data-theme]#pf2e-token-hud .sidebar.doubled .sidebar-content .header {
  margin: 0px 0px;
}
[data-theme].pf2e-token-hud .no-macro, [data-theme]#pf2e-token-hud .no-macro {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--color-primary-3);
  border: 1px solid var(--scrollbar-thumb-border-color);
}
[data-theme]#pf2e-token-hud .sidebar.spells .expended img {
  filter: saturate(0);
}
[data-theme]#pf2e-token-hud .sidebar.spells .sidebar-content .entry .spell .details .extras .actions a:not(.disabled) {
  color: var(--text-color-3);
}
[data-theme]#pf2e-token-hud .sidebar.spells .sidebar-content .entry .spell .details .extras .actions a:not(.disabled) :hover {
  color: var(--color-primary-2);
}
[data-theme]#pf2e-token-hud .sidebar.spells .sidebar-content .entry .spell .details .extras .actions span {
  color: var(--text-color-4);
}
[data-theme]#pf2e-token-hud .sidebar, [data-theme]#pf2e-token-hud .inner, [data-theme]#pf2e-token-hud .popup {
  background: unset;
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  backdrop-filter: blur(4px);
}
[data-theme]#pf2e-token-hud .popup .item-buttons {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
[data-theme]#pf2e-token-hud .popup .item-buttons button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme]#pf2e-token-hud .popup .item-buttons button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme]#pf2e-token-hud .popup .item-buttons button.view, [data-theme]#pf2e-token-hud .popup .item-buttons button.selected, [data-theme]#pf2e-token-hud .popup .item-buttons button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme]#pf2e-token-hud .popup .item-buttons button.empty, [data-theme]#pf2e-token-hud .popup .item-buttons button.disabled, [data-theme]#pf2e-token-hud .popup .item-buttons button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme]#pf2e-token-hud .inner .group .section input[type=number] {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
  border-radius: 3px;
}
[data-theme]#pf2e-token-hud .inner .group .section input[type=number]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme]#pf2e-token-hud .inner .group .section input[type=number]:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme]#pf2e-token-hud .inner .group .section input[type=number].disabled, [data-theme]#pf2e-token-hud .inner .group .section input[type=number]:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme]#pf2e-token-hud .inner .group .section input[type=number].disabled::placeholder, [data-theme]#pf2e-token-hud .inner .group .section input[type=number]:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme]#pf2e-token-hud .inner .group .section input[type=number]::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme]#pf2e-token-hud .inner .group .section input[type=number][type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme]#pf2e-token-hud .sidebar .sidebar-content .action-icon img {
  filter: invert(1);
  mix-blend-mode: plus-lighter;
}
[data-theme]#pf2e-token-hud .free {
  background: unset;
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  backdrop-filter: blur(4px);
}
[data-theme]#pf2e-token-hud .free.status {
  bottom: 0px;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  border-top: unset;
}
[data-theme]#pf2e-token-hud .free.distance {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  border-bottom: unset;
}
[data-theme]#pf2e-token-hud .popup .header:before {
  background: unset;
  color: var(--text-color-2);
}
[data-theme]#pf2e-token-hud .sidebar.actions .sidebar-content .toggles .toggle select {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
  margin: unset;
}
[data-theme]#pf2e-token-hud .sidebar.actions .sidebar-content .toggles .toggle select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme]#pf2e-token-hud .sidebar.actions .sidebar-content .toggles .toggle select:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme]#pf2e-token-hud .sidebar.actions .sidebar-content .toggles .toggle select.disabled, [data-theme]#pf2e-token-hud .sidebar.actions .sidebar-content .toggles .toggle select:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme]#pf2e-token-hud .sidebar.actions .sidebar-content .toggles .toggle select.disabled::placeholder, [data-theme]#pf2e-token-hud .sidebar.actions .sidebar-content .toggles .toggle select:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme]#pf2e-token-hud .sidebar.actions .sidebar-content .toggles .toggle select::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme]#pf2e-token-hud .sidebar.actions .sidebar-content .toggles .toggle select[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme]#pf2e-token-hud .sidebar.skills .sidebar-content .skill .header .modifier, [data-theme]#pf2e-token-hud .sidebar.skills .sidebar-content .lore .modifier {
  color: var(--color-primary-1);
}

[data-theme][id^=pf2e-perception-] {
  height: auto !important;
}
[data-theme][id^=pf2e-perception-] .window-content {
  max-height: 100%;
}
[data-theme][id^=pf2e-perception-] .window-content .tokens section .token[data-token-id]:is(:hover, .hover) {
  background: color-mix(in srgb, var(--color-primary-2) 80%, transparent);
}
[data-theme][id^=pf2e-perception-] .window-content .buttons button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  box-shadow: unset;
}
[data-theme][id^=pf2e-perception-] .window-content .buttons button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme][id^=pf2e-perception-] .window-content .buttons button.view, [data-theme][id^=pf2e-perception-] .window-content .buttons button.selected, [data-theme][id^=pf2e-perception-] .window-content .buttons button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme][id^=pf2e-perception-] .window-content .buttons button.empty, [data-theme][id^=pf2e-perception-] .window-content .buttons button.disabled, [data-theme][id^=pf2e-perception-] .window-content .buttons button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme][id^=pf2e-perception-] .window-content .tokens section .token.ui-selected .name, [data-theme][id^=pf2e-perception-] .window-content .tokens section .token.ui-selecting .name {
  color: var(--color-primary-1);
  text-shadow: 0px 0px 5px var(--color-primary-2);
}

/* ----------------------------------------- */
/* Symon Custom CSS                          */
/* ----------------------------------------- */
#pf2e-token-hud.colorized .inner i.fa-solid.fa-circle-h {
  color: darkgoldenrod;
}
#pf2e-token-hud.colorized .inner i.fa-solid.fa-user-graduate {
  color: rgb(141, 69, 212);
}
#pf2e-token-hud.colorized .inner i.fa-solid.fa-heart-half-stroke {
  color: orangered;
}
#pf2e-token-hud.colorized .inner i.fa-solid.fa-heart {
  color: rgb(192, 1, 1);
}
#pf2e-token-hud.colorized .inner i.fa-regular.fa-helmet-battle {
  color: #cdcdcd;
}
#pf2e-token-hud.colorized .inner i.fa-light.fa-block-brick {
  color: deepskyblue;
}
#pf2e-token-hud.colorized .inner i.fa-solid.fa-shield,
#pf2e-token-hud.colorized .inner i.fa-regular.fa-shield {
  color: rgb(103, 235, 213);
}
#pf2e-token-hud.colorized .inner i.fa-solid.fa-hand-fist {
  color: rgb(201, 4, 201);
}
#pf2e-token-hud.colorized .inner i.fa-solid.fa-person-running {
  color: blue;
}
#pf2e-token-hud.colorized .inner i.fa-solid.fa-brain {
  color: deeppink;
}
#pf2e-token-hud.colorized .inner i.fa-solid.fa-tombstone {
  color: brown;
}
#pf2e-token-hud.colorized .inner i.fa-solid.fa-shoe-prints {
  color: green;
}
#pf2e-token-hud.colorized .inner i.fa-solid.fa-chevrons-down::before {
  content: "\f713";
  font: --fa-font-solid;
  color: rgb(175, 87, 24);
}
#pf2e-token-hud.colorized .inner i.fa-solid.fa-feather {
  color: white;
}
#pf2e-token-hud.colorized .inner i.fa-solid.fa-person-swimming {
  color: dodgerblue;
}
#pf2e-token-hud.colorized .inner i.fa-solid.fa-spider {
  color: #b7346f;
}
#pf2e-token-hud.colorized .inner i.fa-solid.fa-eye {
  color: cadetblue;
}
#pf2e-token-hud.colorized .inner i.fa-solid.fa-chess-rook {
  color: rgb(110, 143, 54);
}

#pf2e-token-hud.dorako-ui .sidebar.actions .section .action-icon {
  background-color: rgba(255, 255, 255, 0.7098039216);
}

#pf2e-token-hud.dorako-ui .sidebar.hazard .section .action-icon {
  background-color: rgba(255, 255, 255, 0.7098039216);
}

#pf2e-token-hud.dorako-ui .sidebar .sidebar-content .action-icon {
  background-color: rgba(255, 255, 255, 0.7098039216);
}

[data-theme=bg3].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Extreme-color-primary,
[data-theme=foundry2].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Extreme-color-primary,
[data-theme][data-color-scheme=dark].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Extreme-color-primary {
  color: #6cd8ff !important;
}
[data-theme=bg3].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-High-color-primary,
[data-theme=foundry2].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-High-color-primary,
[data-theme][data-color-scheme=dark].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-High-color-primary {
  color: #3cff00 !important;
}
[data-theme=bg3].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Moderate-color-primary,
[data-theme=foundry2].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Moderate-color-primary,
[data-theme][data-color-scheme=dark].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Moderate-color-primary {
  color: #ffff54 !important;
}
[data-theme=bg3].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Low-color-primary,
[data-theme=foundry2].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Low-color-primary,
[data-theme][data-color-scheme=dark].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Low-color-primary {
  color: #ff8000 !important;
}
[data-theme=bg3].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Terrible-color-primary,
[data-theme=foundry2].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Terrible-color-primary,
[data-theme][data-color-scheme=dark].dorako-ux.sheet.pf2e.actor.npc .pf2e-see-simple-scale-statistics-Terrible-color-primary {
  color: #ff0000 !important;
}

[data-dorako-ui-scope=limited].sheet.actor.character .sheet-body .sheet-content [data-tab=actions] .tab-content .actions-panels [data-tab=encounter] ol.actions-list.heroActions-list .action .item-controls > button {
  color: black;
}
[data-dorako-ui-scope=limited].sheet.actor.character .sheet-body .sheet-content [data-tab=actions] .tab-content .actions-panels [data-tab=encounter] ol.actions-list.heroActions-list .action .item-controls > button:hover {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), inset 0 0 0 2px rgba(0, 0, 0, 0.4);
}
[data-dorako-ui-scope=limited] button[data-action=hero-actions-trade],
[data-dorako-ui-scope=limited] .heroActions-list > button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  margin-top: 5px;
}
[data-dorako-ui-scope=limited] button[data-action=hero-actions-trade]:not(.disabled, :disabled):hover,
[data-dorako-ui-scope=limited] .heroActions-list > button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-dorako-ui-scope=limited] button[data-action=hero-actions-trade].view, [data-dorako-ui-scope=limited] button[data-action=hero-actions-trade].selected, [data-dorako-ui-scope=limited] button[data-action=hero-actions-trade].active,
[data-dorako-ui-scope=limited] .heroActions-list > button.view,
[data-dorako-ui-scope=limited] .heroActions-list > button.selected,
[data-dorako-ui-scope=limited] .heroActions-list > button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-dorako-ui-scope=limited] button[data-action=hero-actions-trade].empty, [data-dorako-ui-scope=limited] button[data-action=hero-actions-trade].disabled, [data-dorako-ui-scope=limited] button[data-action=hero-actions-trade]:disabled,
[data-dorako-ui-scope=limited] .heroActions-list > button.empty,
[data-dorako-ui-scope=limited] .heroActions-list > button.disabled,
[data-dorako-ui-scope=limited] .heroActions-list > button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}

[data-theme].chat-message [data-action=spell-template-clear] {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  transition: background 0.1s ease-in-out;
  --button-background: var(--accent-color);
  --button-border-color: var(--accent-color-dark);
  --button-text-color: var(--accent-text-color);
  --app-text-shadow: none;
  --button-hover-background: var(--accent-color-light);
  --button-hover-border-color: var(--accent-color);
  --button-hover-text-color: var(--accent-text-color);
}
[data-theme].chat-message [data-action=spell-template-clear]:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme].chat-message [data-action=spell-template-clear].view, [data-theme].chat-message [data-action=spell-template-clear].selected, [data-theme].chat-message [data-action=spell-template-clear].active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme].chat-message [data-action=spell-template-clear].empty, [data-theme].chat-message [data-action=spell-template-clear].disabled, [data-theme].chat-message [data-action=spell-template-clear]:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme].chat-message [data-action=spell-template-clear]:disabled {
  --button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
  --button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
  --button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
}
[data-theme].chat-message .message-content + .pf2e-toolbelt-target-damage .target-damage-application button::after {
  border-radius: var(--border-radius);
}
[data-theme].chat-message .message-content + .pf2e-toolbelt-target-damage .target-damage-application button[data-action=target-shield-block]:hover {
  background-color: var(--color-secondary-2);
  border: var(--app-border-width) solid;
  border-color: var(--color-secondary-1);
}
[data-theme].chat-message .message-content + .pf2e-toolbelt-target-damage .target-damage-application button[data-action=target-shield-block].shield-activated {
  background-color: var(--color-secondary-1);
  border: var(--app-border-width) solid;
  border-color: var(--color-secondary-2);
}
[data-theme].chat-message .message-content + .pf2e-toolbelt-target-damage .target-damage-application button[data-action=target-shield-block].shield-activated:hover {
  background-color: var(--color-secondary-2);
  border: var(--app-border-width) solid;
  border-color: var(--color-secondary-1);
}
[data-theme].chat-message .message-content + .pf2e-toolbelt-target-damage .target-damage-application button[data-action=target-apply-healing] .fa-stack i.fa-plus {
  color: var(--color-secondary-5);
  text-shadow: none;
}
[data-theme].chat-message .message-content + .pf2e-toolbelt-target-damage .target-damage-application button[data-action=target-apply-healing]:hover {
  background-color: var(--color-level-success);
  border-color: var(--color-level-success-border);
}
[data-theme].chat-message .message-content + .pf2e-toolbelt-target-damage .target-damage-application button[data-action=target-apply-healing]:hover .fa-stack i.fa-plus {
  color: var(--color-level-success);
  text-shadow: none;
}

[data-theme] #fc-container {
  margin: 0px var(--sidebar-margin);
}
[data-theme] #fc-container button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme] #fc-container button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme] #fc-container button.view, [data-theme] #fc-container button.selected, [data-theme] #fc-container button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme] #fc-container button.empty, [data-theme] #fc-container button.disabled, [data-theme] #fc-container button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme] #initiative-delay,
[data-theme] #initiative-return {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme] #initiative-delay:not(.disabled, :disabled):hover,
[data-theme] #initiative-return:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme] #initiative-delay.view, [data-theme] #initiative-delay.selected, [data-theme] #initiative-delay.active,
[data-theme] #initiative-return.view,
[data-theme] #initiative-return.selected,
[data-theme] #initiative-return.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme] #initiative-delay.empty, [data-theme] #initiative-delay.disabled, [data-theme] #initiative-delay:disabled,
[data-theme] #initiative-return.empty,
[data-theme] #initiative-return.disabled,
[data-theme] #initiative-return:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}

.pinnedchatlog.tabs {
  border: unset;
  box-shadow: unset;
  margin: 0px 2px;
}
.pinnedchatlog.tabs .item {
  text-shadow: 0px 0px 3px black;
}
.pinnedchatlog.tabs .item.active {
  border: none;
  margin: 2px;
  /* prettier-ignore */
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  border-radius: 3px;
  color: var(--color-text-light-highlight);
  background: var(--primary-light);
}

/* ----------------------------------------- */
/* Polyglot                                  */
/* ----------------------------------------- */
[data-chat-interface-theme] #polyglot label {
  display: none;
}
[data-chat-interface-theme] .polyglot-lang-select input {
  margin: unset;
}
[data-chat-interface-theme] .polyglot-lang-select span.select2-selection {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-chat-interface-theme] .polyglot-lang-select span.select2-selection:not(:disabled, .disabled, [type=checkbox]):hover, [data-chat-interface-theme] .polyglot-lang-select span.select2-selection:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-chat-interface-theme] .polyglot-lang-select span.select2-selection.disabled, [data-chat-interface-theme] .polyglot-lang-select span.select2-selection:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-chat-interface-theme] .polyglot-lang-select span.select2-selection.disabled::placeholder, [data-chat-interface-theme] .polyglot-lang-select span.select2-selection:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-chat-interface-theme] .polyglot-lang-select span.select2-selection::placeholder {
  color: var(--input-placeholder-color);
}
[data-chat-interface-theme] .polyglot-lang-select span.select2-selection[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-chat-interface-theme] .polyglot-lang-select .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--input-text-color);
}
[data-chat-interface-theme] .polyglot-lang-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--input-text-color) transparent transparent transparent;
}
[data-chat-interface-theme] .polyglot-user-list div {
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset;
  width: 14px;
  height: 14px;
}

#taskbar.taskbar {
  width: calc((100vw - var(--sidebar-width)) / var(--ft-scale));
}

[data-theme].quick-insert-app {
  background: none;
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  backdrop-filter: blur(5px);
}
[data-theme].quick-insert-app .quick-insert-result li img {
  border: 1px solid var(--color-primary-1);
  border-radius: var(--border-radius);
  background-color: var(--color-secondary-2);
}
[data-theme].quick-insert-app .search-selected a,
[data-theme] .quick-insert-result li a:hover {
  background: var(--color-primary-2);
  text-shadow: 0px 1px 2px black !important;
  border-radius: var(--border-radius);
}
[data-theme].quick-insert-app .search-selected a span.sub,
[data-theme] .quick-insert-result li a:hover span.sub {
  color: var(--text-color-4);
}
[data-theme].quick-insert-app .search-editable-input {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
  outline: none !important;
  text-shadow: none;
}
[data-theme].quick-insert-app .search-editable-input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].quick-insert-app .search-editable-input:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme].quick-insert-app .search-editable-input.disabled, [data-theme].quick-insert-app .search-editable-input:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme].quick-insert-app .search-editable-input.disabled::placeholder, [data-theme].quick-insert-app .search-editable-input:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme].quick-insert-app .search-editable-input::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme].quick-insert-app .search-editable-input[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme] .quick-insert-hint {
  background: none;
}
[data-theme] .quick-insert-result {
  background: none;
}
[data-theme] .quick-insert-result li a i.action-icon {
  opacity: 1;
  color: var(--text-color-3);
  background: rgba(255, 255, 255, 0.1333333333);
}
[data-theme] .quick-insert-result li span.sub {
  color: var(--text-color-5);
}

.dorako-ui.quick-insert-app {
  background: none;
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  backdrop-filter: blur(5px);
  color: var(--text-color-1);
  text-shadow: 0px 1px 2px black;
}
.dorako-ui.quick-insert-app .quick-insert-result li img {
  border: 1px solid var(--tertiary);
  border-radius: var(--border-radius);
  background-color: var(--alt);
}
.dorako-ui.quick-insert-app .search-selected a,
.dorako-ui .quick-insert-result li a:hover {
  background: var(--primary);
  text-shadow: 0px 1px 2px black !important;
  border-radius: var(--border-radius);
}
.dorako-ui.quick-insert-app .search-selected a span.sub,
.dorako-ui .quick-insert-result li a:hover span.sub {
  color: var(--text-color-4);
}
.dorako-ui.quick-insert-app .search-editable-input {
  background: none;
}
.dorako-ui .quick-insert-hint {
  background: none;
}
.dorako-ui .quick-insert-result {
  background: none;
}
.dorako-ui .quick-insert-result li a i.action-icon {
  opacity: 1;
  color: var(--text-color-3);
  background: rgba(255, 255, 255, 0.1333333333);
}
.dorako-ui .quick-insert-result li span.sub {
  color: var(--text-color-5);
}

/* ----------------------------------------- */
/* Scene Preview                             */
/* ----------------------------------------- */
[data-theme]#smalltime-app #displayContainer {
  background: unset;
  box-shadow: unset;
}
[data-theme]#smalltime-app #dragHandle {
  background: unset;
}
[data-theme]#smalltime-app #slideContainer {
  max-height: 24px;
}
[data-theme]#smalltime-app #dateDisplay {
  text-shadow: 0px 1px 2px black;
  background: unset;
  box-shadow: unset;
}
[data-theme]#smalltime-app {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  outline: none;
}
[data-theme]#smalltime-app .arrow, [data-theme]#smalltime-app .arrow-left, [data-theme]#smalltime-app.arrow-right {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme]#smalltime-app .arrow:not(.disabled, :disabled):hover, [data-theme]#smalltime-app .arrow-left:not(.disabled, :disabled):hover, [data-theme]#smalltime-app.arrow-right:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme]#smalltime-app .arrow.view, [data-theme]#smalltime-app .arrow.selected, [data-theme]#smalltime-app .arrow.active, [data-theme]#smalltime-app .arrow-left.view, [data-theme]#smalltime-app .arrow-left.selected, [data-theme]#smalltime-app .arrow-left.active, [data-theme]#smalltime-app.arrow-right.view, [data-theme]#smalltime-app.arrow-right.selected, [data-theme]#smalltime-app.arrow-right.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme]#smalltime-app .arrow.empty, [data-theme]#smalltime-app .arrow.disabled, [data-theme]#smalltime-app .arrow:disabled, [data-theme]#smalltime-app .arrow-left.empty, [data-theme]#smalltime-app .arrow-left.disabled, [data-theme]#smalltime-app .arrow-left:disabled, [data-theme]#smalltime-app.arrow-right.empty, [data-theme]#smalltime-app.arrow-right.disabled, [data-theme]#smalltime-app.arrow-right:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}

/* ----------------------------------------- */
/* Speaking As                               */
/* ----------------------------------------- */
div.speaking-as--currentSpeaker + #chat-controls {
  padding: 0px;
}

.chat-sidebar .speaking-as--currentSpeaker {
  border: none;
  border-radius: var(--border-radius);
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  background-color: var(--glass-bg-light);
  padding-left: 5px;
  margin: 0px 5px;
  text-shadow: 0px 0px 3px black;
  padding-left: 8px;
}

.speaking-as--currentSpeaker--button {
  cursor: pointer;
}
.speaking-as--currentSpeaker--button:hover {
  color: var(--color-text-light-highlight);
}

[data-theme] .speaking-as--currentSpeaker {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  margin: 0px var(--sidebar-margin);
}

.compendium-toc .toc .toc-entry .name {
  text-decoration-color: var(--color-underline-header);
}

.compendium-toc .toc .content {
  column-rule: 4px double var(--color-underline-header);
}

.swpf-compendium .window-header a.header-button {
  color: var(--color-text-dark-primary);
  font-weight: bold;
}

body.system-swade {
  --primary-dark: #5c0b07;
  --primary: #8c160f;
  --primary-light: #bc2922;
}

[data-theme] fieldset.tagger .tag-container .tag {
  border: 1px solid var(--color-secondary-4);
  background: var(--color-secondary-3);
  color: var(--text-color-2);
}
[data-theme] fieldset.tagger .tag-container .tag.dropping {
  background: #c6eaa7;
  background: var(--color-primary-2);
}
[data-theme] fieldset.tagger .tag-container .tag span:hover {
  color: #834100;
  color: var(--text-color-2);
}
[data-theme] fieldset.tagger .tag-container .tag i:hover {
  color: #e30f0f;
  color: var(--color-primary-1);
}
[data-theme] fieldset.tagger .tag-container .tag:has(i:hover) {
  background-color: #ffb6b6;
  background-color: var(--color-primary-2);
  background-color: var(--color-level-error);
}
[data-theme] fieldset.tagger .tag-container .tag:has(span:hover) {
  background-color: #fffdd4;
  background-color: var(--color-primary-2);
}

/* ----------------------------------------- */
/* PF2e Target Damage                        */
/* ----------------------------------------- */
.pf2e-td.name {
  font-size: var(--font-size-9);
}

[data-theme] .pf2e-td .damage-application {
  margin-top: unset;
}

[data-theme] .pf2e-td.small-button.target-button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  transition: background 0.1s ease-in-out;
  --button-background: var(--button-toggle-background);
  --button-border-color: var(--button-toggle-border-color);
  --button-focus-outline-color: var(--button-toggle-focus-outline-color);
  --button-hover-background: var(--button-toggle-hover-background);
  --button-hover-border-color: var(--button-toggle-hover-border-color);
}
[data-theme] .pf2e-td.small-button.target-button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme] .pf2e-td.small-button.target-button.view, [data-theme] .pf2e-td.small-button.target-button.selected, [data-theme] .pf2e-td.small-button.target-button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme] .pf2e-td.small-button.target-button.empty, [data-theme] .pf2e-td.small-button.target-button.disabled, [data-theme] .pf2e-td.small-button.target-button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme] .pf2e-td.small-button.target-button:disabled {
  --button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
  --button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
  --button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
}

[data-theme].message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.criticalSuccess {
  --button-background: var(--degree-success-critical);
  --button-hover-background: var(--degree-success-critical);
  --button-text-color: white;
}
[data-theme].message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.success {
  --button-background: var(--degree-success);
  --button-hover-background: var(--degree-success);
  --button-text-color: white;
}
[data-theme].message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.failure {
  --button-background: var(--degree-failure);
  --button-hover-background: var(--degree-failure);
  --button-text-color: white;
}
[data-theme].message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.criticalFailure {
  --button-background: var(--degree-failure-critical);
  --button-hover-background: var(--degree-failure-critical);
  --button-text-color: white;
}

.chat-message .message-content .pf2e-td.damage-application button .label {
  font-size: var(--font-size-8);
}

wrapper.pf2e-td.name-top .pf2e-td.name {
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid var(--color-border-light-2);
  border-radius: 3px;
  box-shadow: 0 0 2px #fff inset;
  width: 100%;
}

[data-theme]#token-action-hud-core-settings input {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme]#token-action-hud-core-settings input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme]#token-action-hud-core-settings input:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme]#token-action-hud-core-settings input.disabled, [data-theme]#token-action-hud-core-settings input:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme]#token-action-hud-core-settings input.disabled::placeholder, [data-theme]#token-action-hud-core-settings input:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme]#token-action-hud-core-settings input::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme]#token-action-hud-core-settings input[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}

#tooltip[data-theme].locked-tooltip.tah-tooltip :is(a.content-link, a.inline-roll), #tooltip[data-theme].tah-tooltip :is(a.content-link, a.inline-roll), #tooltip[data-theme].active:has(.tah-tooltip-wrapper) :is(a.content-link, a.inline-roll) {
  background: var(--inline-background);
  border: 1px solid var(--inline-border-color);
  color: var(--inline-text-color) !important;
  box-shadow: var(--inline-box-shadow);
}
#tooltip[data-theme].locked-tooltip.tah-tooltip :is(a.content-link, a.inline-roll).broken, #tooltip[data-theme].tah-tooltip :is(a.content-link, a.inline-roll).broken, #tooltip[data-theme].active:has(.tah-tooltip-wrapper) :is(a.content-link, a.inline-roll).broken {
  border: 1px dashed red;
  background: rgba(255, 0, 0, 0.05);
}
#tooltip[data-theme].locked-tooltip.tah-tooltip :is(a.content-link, a.inline-roll).gmroll, #tooltip[data-theme].tah-tooltip :is(a.content-link, a.inline-roll).gmroll, #tooltip[data-theme].active:has(.tah-tooltip-wrapper) :is(a.content-link, a.inline-roll).gmroll {
  background: #e8e8ef;
  border-color: #545469;
}
#tooltip[data-theme].locked-tooltip.tah-tooltip :is(a.content-link, a.inline-roll).blindroll, #tooltip[data-theme].tah-tooltip :is(a.content-link, a.inline-roll).blindroll, #tooltip[data-theme].active:has(.tah-tooltip-wrapper) :is(a.content-link, a.inline-roll).blindroll {
  background: #f5eaf5;
  border-color: #6b476b;
}
#tooltip[data-theme].locked-tooltip.tah-tooltip :is(a.content-link, a.inline-roll)::before,
#tooltip[data-theme].locked-tooltip.tah-tooltip :is(a.content-link, a.inline-roll) i,
#tooltip[data-theme].locked-tooltip.tah-tooltip :is(a.content-link, a.inline-roll) i.icon, #tooltip[data-theme].tah-tooltip :is(a.content-link, a.inline-roll)::before,
#tooltip[data-theme].tah-tooltip :is(a.content-link, a.inline-roll) i,
#tooltip[data-theme].tah-tooltip :is(a.content-link, a.inline-roll) i.icon, #tooltip[data-theme].active:has(.tah-tooltip-wrapper) :is(a.content-link, a.inline-roll)::before,
#tooltip[data-theme].active:has(.tah-tooltip-wrapper) :is(a.content-link, a.inline-roll) i,
#tooltip[data-theme].active:has(.tah-tooltip-wrapper) :is(a.content-link, a.inline-roll) i.icon {
  color: var(--inline-icon-color);
}
#tooltip[data-theme].locked-tooltip.tah-tooltip :is(a.content-link, a.inline-roll) [data-visibility]:not([data-visibility=all]), #tooltip[data-theme].tah-tooltip :is(a.content-link, a.inline-roll) [data-visibility]:not([data-visibility=all]), #tooltip[data-theme].active:has(.tah-tooltip-wrapper) :is(a.content-link, a.inline-roll) [data-visibility]:not([data-visibility=all]) {
  color: var(--inline-text-color) !important;
  outline: 1px dashed var(--inline-text-color);
}

[data-theme]#token-action-hud .tah-action-button,
[data-theme]#token-action-hud .tah-action-button:focus,
[data-theme]#token-action-hud .tah-group-button,
[data-theme]#token-action-hud .tah-group-button:focus {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme]#token-action-hud .tah-action-button:not(.disabled, :disabled):hover,
[data-theme]#token-action-hud .tah-action-button:focus:not(.disabled, :disabled):hover,
[data-theme]#token-action-hud .tah-group-button:not(.disabled, :disabled):hover,
[data-theme]#token-action-hud .tah-group-button:focus:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme]#token-action-hud .tah-action-button.view, [data-theme]#token-action-hud .tah-action-button.selected, [data-theme]#token-action-hud .tah-action-button.active,
[data-theme]#token-action-hud .tah-action-button:focus.view,
[data-theme]#token-action-hud .tah-action-button:focus.selected,
[data-theme]#token-action-hud .tah-action-button:focus.active,
[data-theme]#token-action-hud .tah-group-button.view,
[data-theme]#token-action-hud .tah-group-button.selected,
[data-theme]#token-action-hud .tah-group-button.active,
[data-theme]#token-action-hud .tah-group-button:focus.view,
[data-theme]#token-action-hud .tah-group-button:focus.selected,
[data-theme]#token-action-hud .tah-group-button:focus.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme]#token-action-hud .tah-action-button.empty, [data-theme]#token-action-hud .tah-action-button.disabled, [data-theme]#token-action-hud .tah-action-button:disabled,
[data-theme]#token-action-hud .tah-action-button:focus.empty,
[data-theme]#token-action-hud .tah-action-button:focus.disabled,
[data-theme]#token-action-hud .tah-action-button:focus:disabled,
[data-theme]#token-action-hud .tah-group-button.empty,
[data-theme]#token-action-hud .tah-group-button.disabled,
[data-theme]#token-action-hud .tah-group-button:disabled,
[data-theme]#token-action-hud .tah-group-button:focus.empty,
[data-theme]#token-action-hud .tah-group-button:focus.disabled,
[data-theme]#token-action-hud .tah-group-button:focus:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme]#token-action-hud .tah-subtitle-text {
  color: var(--text-color-1);
}
[data-theme]#token-action-hud .tah-info1,
[data-theme]#token-action-hud .tah-info2,
[data-theme]#token-action-hud .tah-info3 {
  color: var(--text-color-4);
  font-size: x-small;
}
[data-theme]#token-action-hud button {
  transition: unset !important;
}
[data-theme]#token-action-hud #tah-expand-hud {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  justify-content: center;
  width: 32px;
}
[data-theme]#token-action-hud #tah-expand-hud > i {
  color: var(--text-color-3);
  text-shadow: 0px 1px 2px black;
}
[data-theme]#token-action-hud #tah-collapse-hud,
[data-theme]#token-action-hud #tah-unlock {
  --box-shadow: none !important;
  box-shadow: none !important;
}
[data-theme]#token-action-hud .tah-action-button.toggle {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  transition: background 0.1s ease-in-out;
  --button-background: var(--button-toggle-background);
  --button-border-color: var(--button-toggle-border-color);
  --button-focus-outline-color: var(--button-toggle-focus-outline-color);
  --button-hover-background: var(--button-toggle-hover-background);
  --button-hover-border-color: var(--button-toggle-hover-border-color);
}
[data-theme]#token-action-hud .tah-action-button.toggle:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme]#token-action-hud .tah-action-button.toggle.view, [data-theme]#token-action-hud .tah-action-button.toggle.selected, [data-theme]#token-action-hud .tah-action-button.toggle.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme]#token-action-hud .tah-action-button.toggle.empty, [data-theme]#token-action-hud .tah-action-button.toggle.disabled, [data-theme]#token-action-hud .tah-action-button.toggle:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme]#token-action-hud .tah-action-button.toggle:disabled {
  --button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
  --button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
  --button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
}
[data-theme]#token-action-hud .tah-button-image {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
[data-theme]#token-action-hud .tah-group[data-level="3"] > .tah-list-image {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
}
[data-theme]#token-action-hud .tah-action button.tah-pf2e-skill-rank-1 {
  --button-background: #171f69;
  --button-border-color: #3a47ba;
}
[data-theme]#token-action-hud .tah-action button.tah-pf2e-skill-rank-2 {
  --button-background: #3c005e;
  --button-border-color: #630e94;
}
[data-theme]#token-action-hud .tah-action button.tah-pf2e-skill-rank-3 {
  --button-background: #640;
  --button-border-color: rgb(153, 107, 14);
}
[data-theme]#token-action-hud .tah-action button.tah-pf2e-skill-rank-4 {
  --button-background: #5e0000;
  --button-border-color: #960b0b;
}
[data-theme]#token-action-hud .tah-action button.tah-pf2e-skill-rank-1,
[data-theme]#token-action-hud .tah-action button.tah-pf2e-skill-rank-2,
[data-theme]#token-action-hud .tah-action button.tah-pf2e-skill-rank-3,
[data-theme]#token-action-hud .tah-action button.tah-pf2e-skill-rank-4 {
  --button-text-color: var(--text-color-2);
}

[data-theme] #tokenizer div.avatar div.view > div > canvas,
[data-theme] #tokenizer div.token div.view > div > canvas {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}
[data-theme] #tokenizer div.menu,
[data-theme] #tokenizer div.view-layer-control {
  background: unset;
}
[data-theme] #tokenizer div.view-layer-control {
  border: unset;
}
[data-theme] #tokenizer div.view-layer-control canvas,
[data-theme] #tokenizer div.view-layer-control .section.move-control button {
  border-radius: var(--border-radius);
}
[data-theme] #tokenizer button .fa-regular::before,
[data-theme] #tokenizer button .fas::before,
[data-theme] #tokenizer button .button-fas::before {
  margin-top: unset;
}
[data-theme] #tokenizer div.view-layer-control .section,
[data-theme] #tokenizer .section {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  border-color: var(--color-secondary-3);
}
[data-theme] #tokenizer div.view-layer-control .section button,
[data-theme] #tokenizer .section button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  align-items: center;
}
[data-theme] #tokenizer div.view-layer-control .section button:not(.disabled, :disabled):hover,
[data-theme] #tokenizer .section button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme] #tokenizer div.view-layer-control .section button.view, [data-theme] #tokenizer div.view-layer-control .section button.selected, [data-theme] #tokenizer div.view-layer-control .section button.active,
[data-theme] #tokenizer .section button.view,
[data-theme] #tokenizer .section button.selected,
[data-theme] #tokenizer .section button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme] #tokenizer div.view-layer-control .section button.empty, [data-theme] #tokenizer div.view-layer-control .section button.disabled, [data-theme] #tokenizer div.view-layer-control .section button:disabled,
[data-theme] #tokenizer .section button.empty,
[data-theme] #tokenizer .section button.disabled,
[data-theme] #tokenizer .section button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme] #tokenizer button.menu-button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  align-items: center;
}
[data-theme] #tokenizer button.menu-button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme] #tokenizer button.menu-button.view, [data-theme] #tokenizer button.menu-button.selected, [data-theme] #tokenizer button.menu-button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme] #tokenizer button.menu-button.empty, [data-theme] #tokenizer button.menu-button.disabled, [data-theme] #tokenizer button.menu-button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme].tokenizer .title .box-button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  --button-background: var(--color-secondary-2);
  --button-border-color: var(--color-primary-1);
  --button-text-color: var(--text-color-1);
  --button-focus-outline-color: var(--color-primary-1);
  --button-hover-background: var(--color-secondary-3);
  --button-hover-border-color: var(--color-secondary-2);
  --button-hover-text-color: var(--text-color-2);
}
[data-theme].tokenizer .title .box-button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme].tokenizer .title .box-button.view, [data-theme].tokenizer .title .box-button.selected, [data-theme].tokenizer .title .box-button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme].tokenizer .title .box-button.empty, [data-theme].tokenizer .title .box-button.disabled, [data-theme].tokenizer .title .box-button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme].tokenizer .title .box-button.deselected {
  --button-background: var(--color-secondary-3);
  --button-border-color: var(--color-secondary-2);
  --button-text-color: var(--text-color-2);
  --button-focus-outline-color: var(--color-primary-1);
  --button-hover-background: var(--color-secondary-2);
  --button-hover-border-color: var(--color-secondary-1);
  --button-hover-text-color: var(--text-color-1);
}
[data-theme].tokenizer .title .box-button > i:before {
  margin-top: 50% !important;
}

/* ----------------------------------------- */
/* PF2e Workbench                            */
/* ----------------------------------------- */
html .xdy-pf2e-workbench-rarity-common {
  color: var(--rarity-common) !important;
  border-color: var(--rarity-common) !important;
}
html .xdy-pf2e-workbench-rarity-uncommon {
  color: var(--rarity-uncommon) !important;
  border-color: var(--rarity-uncommon) !important;
}
html .xdy-pf2e-workbench-rarity-rare {
  color: var(--rarity-rare) !important;
  border-color: var(--rarity-rare) !important;
}
html .xdy-pf2e-workbench-rarity-unique {
  color: var(--rarity-unique) !important;
  border-color: var(--rarity-unique) !important;
}

[data-theme] .roll-app-nav button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme] .roll-app-nav button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme] .roll-app-nav button.view, [data-theme] .roll-app-nav button.selected, [data-theme] .roll-app-nav button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme] .roll-app-nav button.empty, [data-theme] .roll-app-nav button.disabled, [data-theme] .roll-app-nav button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme] .roll-app .roll-app-table tbody button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme] .roll-app .roll-app-table tbody button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme] .roll-app .roll-app-table tbody button.view, [data-theme] .roll-app .roll-app-table tbody button.selected, [data-theme] .roll-app .roll-app-table tbody button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme] .roll-app .roll-app-table tbody button.empty, [data-theme] .roll-app .roll-app-table tbody button.disabled, [data-theme] .roll-app .roll-app-table tbody button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme] .roll-app .roll-app-table tbody tr.selected {
  background: var(--color-primary-2);
  border-radius: var(--border-radius);
}
[data-theme] .roll-app .roll-app-table tbody tr.selected button.rollable {
  color: var(--text-color-2);
}

.scene_actors_selector .window-content {
  border-radius: var(--border-radius);
}

/* ----------------------------------------- */
/* FPS display                               */
/* ----------------------------------------- */
#fps[data-theme] {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
}

/* ----------------------------------------- */
/* Tooltip                                   */
/* ----------------------------------------- */
#tooltip[data-theme] {
  background: var(--app-background);
  border: 1px solid var(--color-primary-1);
  box-shadow: 0px 0px 6px var(--color-primary-2), 0px 2px 8px 1px var(--color-primary-3);
  backdrop-filter: blur(5px);
  border-radius: var(--border-radius);
  -webkit-backdrop-filter: blur(5px);
  font-size: var(--font-size-16);
  line-height: var(--font-size-16);
  text-shadow: 0px 1px 2px black;
  padding: 0.4em 0.6em;
}

/* ----------------------------------------- */
/* Players                                   */
/* ----------------------------------------- */
#players[data-theme] {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
}
#players[data-theme] h3 {
  cursor: pointer;
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
  color: var(--text-color-3);
}
#players[data-theme] h3:hover {
  color: var(--text-color-1);
  text-shadow: 0px 0px 8px var(--color-shadow-highlight);
}

/* ----------------------------------------- */
/* Context menu                              */
/* ----------------------------------------- */
[data-theme] #context-menu {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  box-shadow: var(--window-app-box-shadow);
  border-radius: var(--border-radius);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  text-shadow: 0px 1px 2px black;
}
[data-theme] #context-menu li.context-item:first-child {
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
[data-theme] #context-menu li.context-item:last-child {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
[data-theme] #context-menu li.context-item:hover {
  box-shadow: 0px 0px 0px 1px var(--color-primary-1);
  background: var(--color-primary-2);
  text-shadow: 0px 1px 2px black;
}

/* ----------------------------------------- */
/* Map v1 styling to v2 values               */
/* ----------------------------------------- */
[data-theme] {
  --color-shadow-primary: transparent;
  --color-shadow-highlight: transparent;
  --color-bg-option: var(--input-background);
}

/* ----------------------------------------- */
/* limited scope specific                    */
/* ----------------------------------------- */
[data-theme][data-dorako-ui-scope=limited][data-color-scheme=dark] {
  --rarity-common: #e1d8cf;
  --rarity-uncommon: #c45500;
  --rarity-rare: #5362ff;
  --rarity-unique: #e127e1;
  --ornamentation: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:wheat;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* ------------------------------------------------------------- */
/* Generalized style choices (inclusive of limited scope)        */
/* ------------------------------------------------------------- */
[data-theme][data-color-scheme=dark] {
  --rarity-common: #e1d8cf;
  --rarity-uncommon: #c45500;
  --rarity-rare: #5362ff;
  --rarity-unique: #e127e1;
  --color-rarity-common: #e1d8cf;
  --color-rarity-uncommon: #c45500;
  --color-rarity-rare: #5362ff;
  --color-rarity-unique: #e127e1;
  --ornamentation: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:wheat;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  /* Degrees of success */
  --degree-success-critical: rgb(107, 255, 0);
  --degree-success: rgb(0, 241, 255);
  --degree-failure: rgb(255, 129, 0);
  --degree-failure-critical: rgb(255, 0, 0);
  /* Value adjustments (e.g. weak/elite) */
  --adjusted-higher: #009988;
  --adjusted-lower: #cc3311;
}
[data-theme][data-color-scheme=dark].pf2e.item.sheet {
  --color-text-dark-2: var(--text-color-3);
  --color-text-dark-4: var(--text-color-3);
  --color-text-dark-input: var(--text-color-3);
  --color-border-dark: var(--text-color-2);
  --color-border-medium: var(--input-border-color);
}

[data-theme][data-color-scheme=dark].chat-message .message-content + .pf2e-toolbelt-target-damage, [data-theme][data-color-scheme=dark].chat-message .message-content + .pf2e-toolbelt-target-spell {
  --criticalSuccess: var(--degree-success-critical);
  --success: var(--degree-success);
  --failure: var(--degree-failure);
  --criticalFailure: var(--degree-failure-critical);
}

[data-color-scheme=light] {
  --rarity-common: #323232;
  --rarity-uncommon: #98513d;
  --rarity-rare: #002664;
  --rarity-unique: #54166e;
  --color-rarity-common: #323232;
  --color-rarity-uncommon: #98513d;
  --color-rarity-rare: #002664;
  --color-rarity-unique: #54166e;
  --ornamentation: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:wheat;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  /* Degrees of success */
  --degree-success-critical: rgb(0, 128, 0);
  --degree-success: rgb(0, 0, 255);
  --degree-failure: rgb(255, 69, 0);
  --degree-failure-critical: red;
  /* Value adjustments (e.g. weak/elite) */
  --adjusted-higher: #009988;
  --adjusted-lower: #cc3311;
}
[data-color-scheme=light].filepicker .favorites .paths {
  --color-text-dark-primary: white;
  --button-text-color: white;
}

/* ----------------------------------------- */
/* Default values                            */
/* ----------------------------------------- */
[data-chat-interface-theme] #chat-log ~ *,
[data-theme] {
  /* App variables */
  --app-background: transparent;
  --app-border-color: black;
  --app-text-shadow: none;
  --app-border-width: 1px;
  /* Window app variables */
  --window-app-background: white;
  --window-app-box-shadow: 0px 5px 30px black;
  /* Input variables */
  /* Other variables */
  --icon-border-color: yellow;
  --box-shadow: 0px 1px 3px 1px black;
  --ornamentation-gray: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1%7Bstroke:%23231f20;stroke-miterlimit:10%7D.st1,.st2%7Bfill:none%7D%3C/style%3E%3Cg opacity='.25'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cg%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zM3.6 3.6h3.1v3.1H3.6zM6.8 3.6h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zM3.6 6.8H.5V13M13 .5H6.8v3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M29.4.5h3.1v3.1h-3.1zM26.3 3.6h3.1v3.1h-3.1zM26.3 6.8h3.1v3.1h-3.1zM23.1 3.6h3.1v3.1h-3.1zM26.3 3.6V.5H20'/%3E%3Cpath class='st1' d='M32.5 13V6.8h-3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zM23.1 26.3h3.1v3.1h-3.1zM26.3 23.1h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zM3.6 26.3h3.1v3.1H3.6zM3.6 23.1h3.1v3.1H3.6zM6.8 26.3h3.1v3.1H6.8z'/%3E%3Cpath class='st1' d='M6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --ornamentation-gold: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:wheat;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
[data-chat-interface-theme] #chat-log ~ * .item-controls button[data-action=apply],
[data-chat-interface-theme] #chat-log ~ * button[data-action=accept],
[data-chat-interface-theme] #chat-log ~ * form button[type=submit],
[data-chat-interface-theme] #chat-log ~ * form button[data-action=save],
[data-chat-interface-theme] #chat-log ~ * form.check-modifiers-content button.roll,
[data-chat-interface-theme] #chat-log ~ * button.bright,
[data-theme] .item-controls button[data-action=apply],
[data-theme] button[data-action=accept],
[data-theme] form button[type=submit],
[data-theme] form button[data-action=save],
[data-theme] form.check-modifiers-content button.roll,
[data-theme] button.bright {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  transition: background 0.1s ease-in-out;
  --button-background: var(--accent-color);
  --button-border-color: var(--accent-color-dark);
  --button-text-color: var(--accent-text-color);
  --app-text-shadow: none;
  --button-hover-background: var(--accent-color-light);
  --button-hover-border-color: var(--accent-color);
  --button-hover-text-color: var(--accent-text-color);
}
[data-chat-interface-theme] #chat-log ~ * .item-controls button[data-action=apply]:not(.disabled, :disabled):hover,
[data-chat-interface-theme] #chat-log ~ * button[data-action=accept]:not(.disabled, :disabled):hover,
[data-chat-interface-theme] #chat-log ~ * form button[type=submit]:not(.disabled, :disabled):hover,
[data-chat-interface-theme] #chat-log ~ * form button[data-action=save]:not(.disabled, :disabled):hover,
[data-chat-interface-theme] #chat-log ~ * form.check-modifiers-content button.roll:not(.disabled, :disabled):hover,
[data-chat-interface-theme] #chat-log ~ * button.bright:not(.disabled, :disabled):hover,
[data-theme] .item-controls button[data-action=apply]:not(.disabled, :disabled):hover,
[data-theme] button[data-action=accept]:not(.disabled, :disabled):hover,
[data-theme] form button[type=submit]:not(.disabled, :disabled):hover,
[data-theme] form button[data-action=save]:not(.disabled, :disabled):hover,
[data-theme] form.check-modifiers-content button.roll:not(.disabled, :disabled):hover,
[data-theme] button.bright:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-chat-interface-theme] #chat-log ~ * .item-controls button[data-action=apply].view, [data-chat-interface-theme] #chat-log ~ * .item-controls button[data-action=apply].selected, [data-chat-interface-theme] #chat-log ~ * .item-controls button[data-action=apply].active,
[data-chat-interface-theme] #chat-log ~ * button[data-action=accept].view,
[data-chat-interface-theme] #chat-log ~ * button[data-action=accept].selected,
[data-chat-interface-theme] #chat-log ~ * button[data-action=accept].active,
[data-chat-interface-theme] #chat-log ~ * form button[type=submit].view,
[data-chat-interface-theme] #chat-log ~ * form button[type=submit].selected,
[data-chat-interface-theme] #chat-log ~ * form button[type=submit].active,
[data-chat-interface-theme] #chat-log ~ * form button[data-action=save].view,
[data-chat-interface-theme] #chat-log ~ * form button[data-action=save].selected,
[data-chat-interface-theme] #chat-log ~ * form button[data-action=save].active,
[data-chat-interface-theme] #chat-log ~ * form.check-modifiers-content button.roll.view,
[data-chat-interface-theme] #chat-log ~ * form.check-modifiers-content button.roll.selected,
[data-chat-interface-theme] #chat-log ~ * form.check-modifiers-content button.roll.active,
[data-chat-interface-theme] #chat-log ~ * button.bright.view,
[data-chat-interface-theme] #chat-log ~ * button.bright.selected,
[data-chat-interface-theme] #chat-log ~ * button.bright.active,
[data-theme] .item-controls button[data-action=apply].view,
[data-theme] .item-controls button[data-action=apply].selected,
[data-theme] .item-controls button[data-action=apply].active,
[data-theme] button[data-action=accept].view,
[data-theme] button[data-action=accept].selected,
[data-theme] button[data-action=accept].active,
[data-theme] form button[type=submit].view,
[data-theme] form button[type=submit].selected,
[data-theme] form button[type=submit].active,
[data-theme] form button[data-action=save].view,
[data-theme] form button[data-action=save].selected,
[data-theme] form button[data-action=save].active,
[data-theme] form.check-modifiers-content button.roll.view,
[data-theme] form.check-modifiers-content button.roll.selected,
[data-theme] form.check-modifiers-content button.roll.active,
[data-theme] button.bright.view,
[data-theme] button.bright.selected,
[data-theme] button.bright.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-chat-interface-theme] #chat-log ~ * .item-controls button[data-action=apply].empty, [data-chat-interface-theme] #chat-log ~ * .item-controls button[data-action=apply].disabled, [data-chat-interface-theme] #chat-log ~ * .item-controls button[data-action=apply]:disabled,
[data-chat-interface-theme] #chat-log ~ * button[data-action=accept].empty,
[data-chat-interface-theme] #chat-log ~ * button[data-action=accept].disabled,
[data-chat-interface-theme] #chat-log ~ * button[data-action=accept]:disabled,
[data-chat-interface-theme] #chat-log ~ * form button[type=submit].empty,
[data-chat-interface-theme] #chat-log ~ * form button[type=submit].disabled,
[data-chat-interface-theme] #chat-log ~ * form button[type=submit]:disabled,
[data-chat-interface-theme] #chat-log ~ * form button[data-action=save].empty,
[data-chat-interface-theme] #chat-log ~ * form button[data-action=save].disabled,
[data-chat-interface-theme] #chat-log ~ * form button[data-action=save]:disabled,
[data-chat-interface-theme] #chat-log ~ * form.check-modifiers-content button.roll.empty,
[data-chat-interface-theme] #chat-log ~ * form.check-modifiers-content button.roll.disabled,
[data-chat-interface-theme] #chat-log ~ * form.check-modifiers-content button.roll:disabled,
[data-chat-interface-theme] #chat-log ~ * button.bright.empty,
[data-chat-interface-theme] #chat-log ~ * button.bright.disabled,
[data-chat-interface-theme] #chat-log ~ * button.bright:disabled,
[data-theme] .item-controls button[data-action=apply].empty,
[data-theme] .item-controls button[data-action=apply].disabled,
[data-theme] .item-controls button[data-action=apply]:disabled,
[data-theme] button[data-action=accept].empty,
[data-theme] button[data-action=accept].disabled,
[data-theme] button[data-action=accept]:disabled,
[data-theme] form button[type=submit].empty,
[data-theme] form button[type=submit].disabled,
[data-theme] form button[type=submit]:disabled,
[data-theme] form button[data-action=save].empty,
[data-theme] form button[data-action=save].disabled,
[data-theme] form button[data-action=save]:disabled,
[data-theme] form.check-modifiers-content button.roll.empty,
[data-theme] form.check-modifiers-content button.roll.disabled,
[data-theme] form.check-modifiers-content button.roll:disabled,
[data-theme] button.bright.empty,
[data-theme] button.bright.disabled,
[data-theme] button.bright:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-chat-interface-theme] #chat-log ~ * .item-controls button[data-action=apply]:disabled,
[data-chat-interface-theme] #chat-log ~ * button[data-action=accept]:disabled,
[data-chat-interface-theme] #chat-log ~ * form button[type=submit]:disabled,
[data-chat-interface-theme] #chat-log ~ * form button[data-action=save]:disabled,
[data-chat-interface-theme] #chat-log ~ * form.check-modifiers-content button.roll:disabled,
[data-chat-interface-theme] #chat-log ~ * button.bright:disabled,
[data-theme] .item-controls button[data-action=apply]:disabled,
[data-theme] button[data-action=accept]:disabled,
[data-theme] form button[type=submit]:disabled,
[data-theme] form button[data-action=save]:disabled,
[data-theme] form.check-modifiers-content button.roll:disabled,
[data-theme] button.bright:disabled {
  --button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
  --button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
  --button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
}
[data-chat-interface-theme] #chat-log ~ * ::-webkit-scrollbar-thumb,
[data-theme] ::-webkit-scrollbar-thumb {
  outline: none;
  border-radius: 3px;
  background: var(--scrollbar-thumb-background);
  border: 1px solid var(--scrollbar-thumb-border-color);
  transition: outline 0.15s;
}
[data-chat-interface-theme] #chat-log ~ * ::-webkit-scrollbar-track,
[data-theme] ::-webkit-scrollbar-track {
  box-shadow: 0 0 1px var(--color-secondary-3) inset;
  box-shadow: unset;
  border-radius: 4px;
}
[data-chat-interface-theme] #chat-log ~ * input[type=checkbox]:checked,
[data-chat-interface-theme] #chat-log ~ * input[type=radio]:checked,
[data-theme] input[type=checkbox]:checked,
[data-theme] input[type=radio]:checked {
  accent-color: var(--accent-color);
}
[data-chat-interface-theme] #chat-log ~ * code,
[data-theme] code {
  background: var(--color-secondary-4);
  border: 1px solid var(--color-secondary-3);
  color: var(--text-color-2);
  border-radius: 3px;
  padding: 0px 2px;
}
[data-chat-interface-theme] #chat-log ~ * a.content-link,
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]),
[data-chat-interface-theme] #chat-log ~ * a.entity-link,
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action],
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area],
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]),
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label,
[data-chat-interface-theme] #chat-log ~ * a.inline-roll,
[data-theme] a.content-link,
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]),
[data-theme] a.entity-link,
[data-theme] [data-pf2-action],
[data-theme] span[data-pf2-effect-area],
[data-theme] a.inline-check:not([data-pf2-traits*=secret]),
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label,
[data-theme] a.inline-roll {
  background: var(--inline-background);
  border: 1px solid var(--inline-border-color);
  color: var(--inline-text-color) !important;
  box-shadow: var(--inline-box-shadow);
}
[data-chat-interface-theme] #chat-log ~ * a.content-link [data-visibility]:not([data-visibility=all])[data-visibility=gm],
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]) [data-visibility]:not([data-visibility=all])[data-visibility=gm],
[data-chat-interface-theme] #chat-log ~ * a.entity-link [data-visibility]:not([data-visibility=all])[data-visibility=gm],
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action] [data-visibility]:not([data-visibility=all])[data-visibility=gm],
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area] [data-visibility]:not([data-visibility=all])[data-visibility=gm],
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) [data-visibility]:not([data-visibility=all])[data-visibility=gm],
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label [data-visibility]:not([data-visibility=all])[data-visibility=gm],
[data-chat-interface-theme] #chat-log ~ * a.inline-roll [data-visibility]:not([data-visibility=all])[data-visibility=gm],
[data-theme] a.content-link [data-visibility]:not([data-visibility=all])[data-visibility=gm],
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]) [data-visibility]:not([data-visibility=all])[data-visibility=gm],
[data-theme] a.entity-link [data-visibility]:not([data-visibility=all])[data-visibility=gm],
[data-theme] [data-pf2-action] [data-visibility]:not([data-visibility=all])[data-visibility=gm],
[data-theme] span[data-pf2-effect-area] [data-visibility]:not([data-visibility=all])[data-visibility=gm],
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) [data-visibility]:not([data-visibility=all])[data-visibility=gm],
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label [data-visibility]:not([data-visibility=all])[data-visibility=gm],
[data-theme] a.inline-roll [data-visibility]:not([data-visibility=all])[data-visibility=gm] {
  background: none;
}
[data-chat-interface-theme] #chat-log ~ * a.content-link.broken,
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]).broken,
[data-chat-interface-theme] #chat-log ~ * a.entity-link.broken,
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action].broken,
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area].broken,
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]).broken,
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label.broken,
[data-chat-interface-theme] #chat-log ~ * a.inline-roll.broken,
[data-theme] a.content-link.broken,
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]).broken,
[data-theme] a.entity-link.broken,
[data-theme] [data-pf2-action].broken,
[data-theme] span[data-pf2-effect-area].broken,
[data-theme] a.inline-check:not([data-pf2-traits*=secret]).broken,
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label.broken,
[data-theme] a.inline-roll.broken {
  border: 1px dashed red;
  background: rgba(255, 0, 0, 0.05);
}
[data-chat-interface-theme] #chat-log ~ * a.content-link.gmroll,
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]).gmroll,
[data-chat-interface-theme] #chat-log ~ * a.entity-link.gmroll,
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action].gmroll,
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area].gmroll,
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]).gmroll,
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label.gmroll,
[data-chat-interface-theme] #chat-log ~ * a.inline-roll.gmroll,
[data-theme] a.content-link.gmroll,
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]).gmroll,
[data-theme] a.entity-link.gmroll,
[data-theme] [data-pf2-action].gmroll,
[data-theme] span[data-pf2-effect-area].gmroll,
[data-theme] a.inline-check:not([data-pf2-traits*=secret]).gmroll,
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label.gmroll,
[data-theme] a.inline-roll.gmroll {
  background: #e8e8ef;
  border-color: #545469;
  color: black !important;
}
[data-chat-interface-theme] #chat-log ~ * a.content-link.gmroll i,
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]).gmroll i,
[data-chat-interface-theme] #chat-log ~ * a.entity-link.gmroll i,
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action].gmroll i,
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area].gmroll i,
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]).gmroll i,
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label.gmroll i,
[data-chat-interface-theme] #chat-log ~ * a.inline-roll.gmroll i,
[data-theme] a.content-link.gmroll i,
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]).gmroll i,
[data-theme] a.entity-link.gmroll i,
[data-theme] [data-pf2-action].gmroll i,
[data-theme] span[data-pf2-effect-area].gmroll i,
[data-theme] a.inline-check:not([data-pf2-traits*=secret]).gmroll i,
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label.gmroll i,
[data-theme] a.inline-roll.gmroll i {
  color: var(--color-text-dark-inactive) !important;
}
[data-chat-interface-theme] #chat-log ~ * a.content-link.blindroll,
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]).blindroll,
[data-chat-interface-theme] #chat-log ~ * a.entity-link.blindroll,
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action].blindroll,
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area].blindroll,
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]).blindroll,
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label.blindroll,
[data-chat-interface-theme] #chat-log ~ * a.inline-roll.blindroll,
[data-theme] a.content-link.blindroll,
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]).blindroll,
[data-theme] a.entity-link.blindroll,
[data-theme] [data-pf2-action].blindroll,
[data-theme] span[data-pf2-effect-area].blindroll,
[data-theme] a.inline-check:not([data-pf2-traits*=secret]).blindroll,
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label.blindroll,
[data-theme] a.inline-roll.blindroll {
  background: #f5eaf5;
  border-color: #6b476b;
  color: black !important;
}
[data-chat-interface-theme] #chat-log ~ * a.content-link.blindroll i,
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]).blindroll i,
[data-chat-interface-theme] #chat-log ~ * a.entity-link.blindroll i,
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action].blindroll i,
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area].blindroll i,
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]).blindroll i,
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label.blindroll i,
[data-chat-interface-theme] #chat-log ~ * a.inline-roll.blindroll i,
[data-theme] a.content-link.blindroll i,
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]).blindroll i,
[data-theme] a.entity-link.blindroll i,
[data-theme] [data-pf2-action].blindroll i,
[data-theme] span[data-pf2-effect-area].blindroll i,
[data-theme] a.inline-check:not([data-pf2-traits*=secret]).blindroll i,
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label.blindroll i,
[data-theme] a.inline-roll.blindroll i {
  color: var(--color-text-dark-inactive) !important;
}
[data-chat-interface-theme] #chat-log ~ * a.content-link::before,
[data-chat-interface-theme] #chat-log ~ * a.content-link i,
[data-chat-interface-theme] #chat-log ~ * a.content-link i.icon,
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret])::before,
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]) i,
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]) i.icon,
[data-chat-interface-theme] #chat-log ~ * a.entity-link::before,
[data-chat-interface-theme] #chat-log ~ * a.entity-link i,
[data-chat-interface-theme] #chat-log ~ * a.entity-link i.icon,
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action]::before,
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action] i,
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action] i.icon,
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area]::before,
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area] i,
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area] i.icon,
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret])::before,
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) i,
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) i.icon,
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label::before,
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label i,
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label i.icon,
[data-chat-interface-theme] #chat-log ~ * a.inline-roll::before,
[data-chat-interface-theme] #chat-log ~ * a.inline-roll i,
[data-chat-interface-theme] #chat-log ~ * a.inline-roll i.icon,
[data-theme] a.content-link::before,
[data-theme] a.content-link i,
[data-theme] a.content-link i.icon,
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret])::before,
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]) i,
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]) i.icon,
[data-theme] a.entity-link::before,
[data-theme] a.entity-link i,
[data-theme] a.entity-link i.icon,
[data-theme] [data-pf2-action]::before,
[data-theme] [data-pf2-action] i,
[data-theme] [data-pf2-action] i.icon,
[data-theme] span[data-pf2-effect-area]::before,
[data-theme] span[data-pf2-effect-area] i,
[data-theme] span[data-pf2-effect-area] i.icon,
[data-theme] a.inline-check:not([data-pf2-traits*=secret])::before,
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) i,
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) i.icon,
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label::before,
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label i,
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label i.icon,
[data-theme] a.inline-roll::before,
[data-theme] a.inline-roll i,
[data-theme] a.inline-roll i.icon {
  color: var(--inline-icon-color);
}
[data-chat-interface-theme] #chat-log ~ * a.content-link [data-visibility]:not([data-visibility=all]),
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check]:not([data-pf2-traits*=secret]) [data-visibility]:not([data-visibility=all]),
[data-chat-interface-theme] #chat-log ~ * a.entity-link [data-visibility]:not([data-visibility=all]),
[data-chat-interface-theme] #chat-log ~ * [data-pf2-action] [data-visibility]:not([data-visibility=all]),
[data-chat-interface-theme] #chat-log ~ * span[data-pf2-effect-area] [data-visibility]:not([data-visibility=all]),
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) [data-visibility]:not([data-visibility=all]),
[data-chat-interface-theme] #chat-log ~ * a.inline-check:not([data-pf2-traits*=secret]) .label [data-visibility]:not([data-visibility=all]),
[data-chat-interface-theme] #chat-log ~ * a.inline-roll [data-visibility]:not([data-visibility=all]),
[data-theme] a.content-link [data-visibility]:not([data-visibility=all]),
[data-theme] [data-pf2-check]:not([data-pf2-traits*=secret]) [data-visibility]:not([data-visibility=all]),
[data-theme] a.entity-link [data-visibility]:not([data-visibility=all]),
[data-theme] [data-pf2-action] [data-visibility]:not([data-visibility=all]),
[data-theme] span[data-pf2-effect-area] [data-visibility]:not([data-visibility=all]),
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) [data-visibility]:not([data-visibility=all]),
[data-theme] a.inline-check:not([data-pf2-traits*=secret]) .label [data-visibility]:not([data-visibility=all]),
[data-theme] a.inline-roll [data-visibility]:not([data-visibility=all]) {
  color: var(--inline-text-color) !important;
  outline: 1px dashed var(--inline-text-color);
}
[data-chat-interface-theme] #chat-log ~ * [data-pf2-check][data-pf2-traits*=secret],
[data-chat-interface-theme] #chat-log ~ * [data-visibility]:not([data-visibility=all])[data-visibility=gm],
[data-theme] [data-pf2-check][data-pf2-traits*=secret],
[data-theme] [data-visibility]:not([data-visibility=all])[data-visibility=gm] {
  color: black;
}
[data-chat-interface-theme] #chat-log ~ * i[data-pf2-repost],
[data-theme] i[data-pf2-repost] {
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
  cursor: pointer;
  background: unset;
  border-left: unset;
}
[data-chat-interface-theme] #chat-log ~ * i[data-pf2-repost]:hover::before,
[data-theme] i[data-pf2-repost]:hover::before {
  color: var(--color-primary-2);
}
[data-chat-interface-theme] #chat-log ~ *.pf2e.item.sheet form .sheet-body fieldset.basics,
[data-theme].pf2e.item.sheet form .sheet-body fieldset.basics {
  background: none !important;
  border: none !important;
}

/* ------------------------------------------------------------ */
/* Generalized style choices (exlusive of limited scope)        */
/* ------------------------------------------------------------ */
[data-theme][data-dorako-ui-scope=unlimited][data-color-scheme=dark] h1 {
  color: var(--text-color-1);
}
[data-theme][data-dorako-ui-scope=unlimited][data-color-scheme=dark] h2 {
  color: var(--text-color-1);
}
[data-theme][data-dorako-ui-scope=unlimited][data-color-scheme=dark] h3 {
  color: var(--text-color-1);
}
[data-theme][data-dorako-ui-scope=unlimited][data-color-scheme=dark] h4 {
  color: var(--text-color-2);
}
[data-theme][data-dorako-ui-scope=unlimited][data-color-scheme=dark] h5 {
  color: var(--text-color-2);
}
[data-theme][data-dorako-ui-scope=unlimited][data-color-scheme=dark] h6 {
  color: var(--text-color-2);
}

[data-theme][data-dorako-ui-scope=unlimited] {
  color: var(--text-color-3);
}
[data-theme][data-dorako-ui-scope=unlimited] input[type=text],
[data-theme][data-dorako-ui-scope=unlimited] input[type=number],
[data-theme][data-dorako-ui-scope=unlimited] input[type=password],
[data-theme][data-dorako-ui-scope=unlimited] input[type=date],
[data-theme][data-dorako-ui-scope=unlimited] input[type=time],
[data-theme][data-dorako-ui-scope=unlimited] input[type=search] {
  min-width: 24px;
}
[data-theme][data-dorako-ui-scope=unlimited] fieldset {
  border: 1px solid var(--fieldset-border-color) !important;
  background: var(--fieldset-background-color) !important;
  border-radius: var(--border-radius);
}
[data-theme][data-dorako-ui-scope=unlimited] fieldset > legend {
  color: var(--fieldset-legend-color);
  text-shadow: unset;
}
[data-theme][data-dorako-ui-scope=unlimited] input[type=range] {
  background: none !important;
  --input-focus-outline-color: transparent;
  --input-border-color: transparent;
  --box-shadow: none;
}
[data-theme][data-dorako-ui-scope=unlimited] input[type=range]::-webkit-slider-runnable-track {
  box-shadow: unset;
  border-radius: 3px;
  background: var(--color-secondary-5);
  border: 1px solid var(--color-secondary-4);
}
[data-theme][data-dorako-ui-scope=unlimited] input[type=range]::-webkit-slider-thumb {
  border-radius: 50%;
  box-shadow: unset;
}
[data-theme][data-dorako-ui-scope=unlimited] input[type=range]:disabled::-webkit-slider-thumb {
  background: color-mix(in srgb, var(--accent-color) 50%, black);
  border: 1px solid color-mix(in srgb, var(--accent-text-color) 50%, black);
}
[data-theme][data-dorako-ui-scope=unlimited] input[type=range]:not(:disabled)::-webkit-slider-thumb {
  background: var(--accent-color);
  border: 1px solid var(--color-primary-1);
}
[data-theme][data-dorako-ui-scope=unlimited] input[type=color][data-edit] {
  border: 1px solid var(--color-border-light-highlight);
  border-radius: var(--border-radius);
}
[data-theme][data-dorako-ui-scope=unlimited] input[type=color i]::-webkit-color-swatch {
  border-color: var(--color-secondary-4);
}
[data-theme][data-dorako-ui-scope=unlimited] input[type=range] + .range-value {
  flex: none;
  height: 24px;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background: var(--accent-color);
  border: 1px solid var(--color-primary-1);
  color: var(--accent-text-color);
  text-shadow: none;
  box-shadow: var(--box-shadow);
  border-radius: 3px;
  font-size: var(--font-size-12);
}
[data-theme][data-dorako-ui-scope=unlimited] a.button,
[data-theme][data-dorako-ui-scope=unlimited] button:not(.pm-dropdown) {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme][data-dorako-ui-scope=unlimited] a.button:not(.disabled, :disabled):hover,
[data-theme][data-dorako-ui-scope=unlimited] button:not(.pm-dropdown):not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=unlimited] a.button.view, [data-theme][data-dorako-ui-scope=unlimited] a.button.selected, [data-theme][data-dorako-ui-scope=unlimited] a.button.active,
[data-theme][data-dorako-ui-scope=unlimited] button:not(.pm-dropdown).view,
[data-theme][data-dorako-ui-scope=unlimited] button:not(.pm-dropdown).selected,
[data-theme][data-dorako-ui-scope=unlimited] button:not(.pm-dropdown).active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme][data-dorako-ui-scope=unlimited] a.button.empty, [data-theme][data-dorako-ui-scope=unlimited] a.button.disabled, [data-theme][data-dorako-ui-scope=unlimited] a.button:disabled,
[data-theme][data-dorako-ui-scope=unlimited] button:not(.pm-dropdown).empty,
[data-theme][data-dorako-ui-scope=unlimited] button:not(.pm-dropdown).disabled,
[data-theme][data-dorako-ui-scope=unlimited] button:not(.pm-dropdown):disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme][data-dorako-ui-scope=unlimited] .prosemirror menu .pm-dropdown:hover i {
  color: black;
}
[data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.view, [data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.selected, [data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.empty, [data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.disabled, [data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme][data-dorako-ui-scope=unlimited] input[type=text],
[data-theme][data-dorako-ui-scope=unlimited] input[type=number],
[data-theme][data-dorako-ui-scope=unlimited] input[type=password],
[data-theme][data-dorako-ui-scope=unlimited] input[type=date],
[data-theme][data-dorako-ui-scope=unlimited] input[type=time],
[data-theme][data-dorako-ui-scope=unlimited] input[type=search],
[data-theme][data-dorako-ui-scope=unlimited] select:not(.tag) {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme][data-dorako-ui-scope=unlimited] input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=unlimited] input[type=text]:focus,
[data-theme][data-dorako-ui-scope=unlimited] input[type=number]:not(:disabled, .disabled, [type=checkbox]):hover,
[data-theme][data-dorako-ui-scope=unlimited] input[type=number]:focus,
[data-theme][data-dorako-ui-scope=unlimited] input[type=password]:not(:disabled, .disabled, [type=checkbox]):hover,
[data-theme][data-dorako-ui-scope=unlimited] input[type=password]:focus,
[data-theme][data-dorako-ui-scope=unlimited] input[type=date]:not(:disabled, .disabled, [type=checkbox]):hover,
[data-theme][data-dorako-ui-scope=unlimited] input[type=date]:focus,
[data-theme][data-dorako-ui-scope=unlimited] input[type=time]:not(:disabled, .disabled, [type=checkbox]):hover,
[data-theme][data-dorako-ui-scope=unlimited] input[type=time]:focus,
[data-theme][data-dorako-ui-scope=unlimited] input[type=search]:not(:disabled, .disabled, [type=checkbox]):hover,
[data-theme][data-dorako-ui-scope=unlimited] input[type=search]:focus,
[data-theme][data-dorako-ui-scope=unlimited] select:not(.tag):not(:disabled, .disabled, [type=checkbox]):hover,
[data-theme][data-dorako-ui-scope=unlimited] select:not(.tag):focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=unlimited] input[type=text].disabled, [data-theme][data-dorako-ui-scope=unlimited] input[type=text]:disabled,
[data-theme][data-dorako-ui-scope=unlimited] input[type=number].disabled,
[data-theme][data-dorako-ui-scope=unlimited] input[type=number]:disabled,
[data-theme][data-dorako-ui-scope=unlimited] input[type=password].disabled,
[data-theme][data-dorako-ui-scope=unlimited] input[type=password]:disabled,
[data-theme][data-dorako-ui-scope=unlimited] input[type=date].disabled,
[data-theme][data-dorako-ui-scope=unlimited] input[type=date]:disabled,
[data-theme][data-dorako-ui-scope=unlimited] input[type=time].disabled,
[data-theme][data-dorako-ui-scope=unlimited] input[type=time]:disabled,
[data-theme][data-dorako-ui-scope=unlimited] input[type=search].disabled,
[data-theme][data-dorako-ui-scope=unlimited] input[type=search]:disabled,
[data-theme][data-dorako-ui-scope=unlimited] select:not(.tag).disabled,
[data-theme][data-dorako-ui-scope=unlimited] select:not(.tag):disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme][data-dorako-ui-scope=unlimited] input[type=text].disabled::placeholder, [data-theme][data-dorako-ui-scope=unlimited] input[type=text]:disabled::placeholder,
[data-theme][data-dorako-ui-scope=unlimited] input[type=number].disabled::placeholder,
[data-theme][data-dorako-ui-scope=unlimited] input[type=number]:disabled::placeholder,
[data-theme][data-dorako-ui-scope=unlimited] input[type=password].disabled::placeholder,
[data-theme][data-dorako-ui-scope=unlimited] input[type=password]:disabled::placeholder,
[data-theme][data-dorako-ui-scope=unlimited] input[type=date].disabled::placeholder,
[data-theme][data-dorako-ui-scope=unlimited] input[type=date]:disabled::placeholder,
[data-theme][data-dorako-ui-scope=unlimited] input[type=time].disabled::placeholder,
[data-theme][data-dorako-ui-scope=unlimited] input[type=time]:disabled::placeholder,
[data-theme][data-dorako-ui-scope=unlimited] input[type=search].disabled::placeholder,
[data-theme][data-dorako-ui-scope=unlimited] input[type=search]:disabled::placeholder,
[data-theme][data-dorako-ui-scope=unlimited] select:not(.tag).disabled::placeholder,
[data-theme][data-dorako-ui-scope=unlimited] select:not(.tag):disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme][data-dorako-ui-scope=unlimited] input[type=text]::placeholder,
[data-theme][data-dorako-ui-scope=unlimited] input[type=number]::placeholder,
[data-theme][data-dorako-ui-scope=unlimited] input[type=password]::placeholder,
[data-theme][data-dorako-ui-scope=unlimited] input[type=date]::placeholder,
[data-theme][data-dorako-ui-scope=unlimited] input[type=time]::placeholder,
[data-theme][data-dorako-ui-scope=unlimited] input[type=search]::placeholder,
[data-theme][data-dorako-ui-scope=unlimited] select:not(.tag)::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme][data-dorako-ui-scope=unlimited] input[type=text][type=checkbox],
[data-theme][data-dorako-ui-scope=unlimited] input[type=number][type=checkbox],
[data-theme][data-dorako-ui-scope=unlimited] input[type=password][type=checkbox],
[data-theme][data-dorako-ui-scope=unlimited] input[type=date][type=checkbox],
[data-theme][data-dorako-ui-scope=unlimited] input[type=time][type=checkbox],
[data-theme][data-dorako-ui-scope=unlimited] input[type=search][type=checkbox],
[data-theme][data-dorako-ui-scope=unlimited] select:not(.tag)[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme][data-dorako-ui-scope=unlimited] textarea {
  color: var(--input-text-color);
  background: var(--input-background);
  border: var(--window-app-border-width);
  border-color: var(--input-border-color);
}
[data-theme][data-dorako-ui-scope=unlimited] hr {
  border: none;
  border-top: 1px solid var(--app-border-color);
  border-bottom: 1px solid var(--color-secondary-5);
}
[data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.default {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.default:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.default.view, [data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.default.selected, [data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.default.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.default.empty, [data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.default.disabled, [data-theme][data-dorako-ui-scope=unlimited].dialog .dialog-buttons button.default:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme][data-dorako-ui-scope=unlimited] [data-visibility]:not([data-visibility=all]) {
  color: black;
  text-shadow: none;
}
[data-theme][data-dorako-ui-scope=unlimited] form .form-group .form-fields button {
  height: var(--form-field-height);
}
[data-theme][data-dorako-ui-scope=unlimited].sheet header.sheet-header img {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  border: 1px solid var(--icon-border-color);
}
[data-theme][data-dorako-ui-scope=unlimited].sheet header.sheet-header h1 input {
  --font-size: inherit;
  font-size: 28px;
}
[data-theme][data-dorako-ui-scope=unlimited].app.sidebar-popout .window-content {
  color: inherit;
}

/* ----------------------------------------- */
/* App and Window-app                        */
/* ----------------------------------------- */
[data-theme].app {
  border-radius: var(--border-radius);
  background: unset;
  background: var(--app-background);
  background-position: top;
  background-size: cover;
  border: var(--app-border-width) solid;
  border-color: var(--app-border-color);
}
[data-theme].window-app {
  background: var(--window-app-background);
  background-position: top;
  background-size: cover;
  border: var(--window-app-border-width) solid;
  border-color: var(--window-app-border-color);
  backdrop-filter: blur(4px);
  box-shadow: var(--window-app-box-shadow);
}
[data-theme].window-app.sidebar-popout {
  border: var(--app-border-width) solid var(--window-app-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme].window-app .window-header {
  flex: 0 0 27px;
  border: unset;
  text-shadow: 0px 1px 2px black;
  border-radius: var(--border-radius) var(--border-radius) 0px 0px;
}
[data-theme].window-app .window-content {
  background: unset !important;
  box-shadow: unset;
}
[data-theme].window-app .window-resizable-handle {
  background: var(--color-primary-4);
  border: 1px solid var(--window-app-border-color);
  border-radius: 4px 0px var(--border-radius) 0px;
  border-bottom-color: var(--color-primary-3);
  border-right-color: var(--color-primary-3);
  bottom: -1px;
  right: -1px;
  z-index: 2;
}

/* ----------------------------------------- */
/* Application specific                      */
/* ----------------------------------------- */
[data-theme].token-sheet, [data-theme].dialog {
  height: auto !important;
}
[data-theme].token-sheet nav.sheet-tabs.secondary-tabs {
  margin-top: 2px;
}
[data-theme] .inline-roll .dice-tooltip {
  background: var(--app-background);
  border: 1px solid var(--color-primary-1);
  box-shadow: 0px 0px 6px var(--color-primary-2), 0px 2px 8px 1px var(--color-primary-3);
  backdrop-filter: blur(5px);
  border-radius: var(--border-radius);
  -webkit-backdrop-filter: blur(5px);
  font-size: var(--font-size-16);
  line-height: var(--font-size-16);
  text-shadow: 0px 1px 2px black;
  padding: 0.4em 0.6em;
}
[data-theme] #chat-controls .roll-type-select {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
  margin: 0px;
}
[data-theme] #chat-controls .roll-type-select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme] #chat-controls .roll-type-select:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme] #chat-controls .roll-type-select.disabled, [data-theme] #chat-controls .roll-type-select:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme] #chat-controls .roll-type-select.disabled::placeholder, [data-theme] #chat-controls .roll-type-select:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme] #chat-controls .roll-type-select::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme] #chat-controls .roll-type-select[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme].filepicker .favorites .paths {
  box-shadow: unset;
  border: 1px solid var(--input-border-color);
  background: var(--input-background);
}
[data-theme].filepicker .favorites .paths .path {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  transition: background 0.1s ease-in-out;
  --button-background: var(--button-toggle-background);
  --button-border-color: var(--button-toggle-border-color);
  --button-focus-outline-color: var(--button-toggle-focus-outline-color);
  --button-hover-background: var(--button-toggle-hover-background);
  --button-hover-border-color: var(--button-toggle-hover-border-color);
  border-radius: 3px;
}
[data-theme].filepicker .favorites .paths .path:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme].filepicker .favorites .paths .path.view, [data-theme].filepicker .favorites .paths .path.selected, [data-theme].filepicker .favorites .paths .path.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme].filepicker .favorites .paths .path.empty, [data-theme].filepicker .favorites .paths .path.disabled, [data-theme].filepicker .favorites .paths .path:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme].filepicker .favorites .paths .path:disabled {
  --button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
  --button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
  --button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
}
[data-theme].filepicker .current-dir button {
  height: 32px;
}
[data-theme].package-configuration aside.sidebar {
  border: unset;
}
[data-theme].package-configuration aside.sidebar nav.tabs {
  gap: 5px;
}
[data-theme].package-configuration aside.sidebar nav.tabs .category-tab {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  padding: 4px 8px;
  margin: 1px 4px;
}
[data-theme].package-configuration aside.sidebar nav.tabs .category-tab:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme].package-configuration aside.sidebar nav.tabs .category-tab.view, [data-theme].package-configuration aside.sidebar nav.tabs .category-tab.selected, [data-theme].package-configuration aside.sidebar nav.tabs .category-tab.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme].package-configuration aside.sidebar nav.tabs .category-tab.empty, [data-theme].package-configuration aside.sidebar nav.tabs .category-tab.disabled, [data-theme].package-configuration aside.sidebar nav.tabs .category-tab:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme].sheet nav.sheet-tabs {
  border: none;
}
[data-theme] .directory .action-buttons button {
  box-shadow: var(--box-shadow);
}
[data-theme] .directory .directory-header .header-search input {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme] .directory .directory-header .header-search input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme] .directory .directory-header .header-search input:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme] .directory .directory-header .header-search input.disabled, [data-theme] .directory .directory-header .header-search input:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme] .directory .directory-header .header-search input.disabled::placeholder, [data-theme] .directory .directory-header .header-search input:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme] .directory .directory-header .header-search input::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme] .directory .directory-header .header-search input[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme] .directory .action-buttons button,
[data-theme] .settings-sidebar button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme] .directory .action-buttons button:not(.disabled, :disabled):hover,
[data-theme] .settings-sidebar button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme] .directory .action-buttons button.view, [data-theme] .directory .action-buttons button.selected, [data-theme] .directory .action-buttons button.active,
[data-theme] .settings-sidebar button.view,
[data-theme] .settings-sidebar button.selected,
[data-theme] .settings-sidebar button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme] .directory .action-buttons button.empty, [data-theme] .directory .action-buttons button.disabled, [data-theme] .directory .action-buttons button:disabled,
[data-theme] .settings-sidebar button.empty,
[data-theme] .settings-sidebar button.disabled,
[data-theme] .settings-sidebar button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}

/* ----------------------------------------- */
/* Core overwrites                           */
/* ----------------------------------------- */
[data-theme][data-color-scheme=dark].app.token-sheet .tab.active[data-tab=appearance] fieldset {
  border-color: var(--color-secondary-3);
}
[data-theme][data-color-scheme=dark].app.token-sheet .tab.active[data-tab=appearance] fieldset > legend {
  color: var(--text-color-2);
}

[data-theme].window-app .tabs .item {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme].window-app .tabs .item:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme].window-app .tabs .item.view, [data-theme].window-app .tabs .item.selected, [data-theme].window-app .tabs .item.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme].window-app .tabs .item.empty, [data-theme].window-app .tabs .item.disabled, [data-theme].window-app .tabs .item:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme].sheet nav.sheet-tabs {
  gap: 5px;
}

/* ----------------------------------------- */
/* Journals                                  */
/* ----------------------------------------- */
[data-theme].sheet.journal-entry .journal-entry-content {
  background: unset;
  border: unset;
}
[data-theme].journal-sheet .journal-header .title {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme].journal-sheet .journal-header .title:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].journal-sheet .journal-header .title:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme].journal-sheet .journal-header .title.disabled, [data-theme].journal-sheet .journal-header .title:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme].journal-sheet .journal-header .title.disabled::placeholder, [data-theme].journal-sheet .journal-header .title:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme].journal-sheet .journal-header .title::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme].journal-sheet .journal-header .title[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme] .editor-edit {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  border-radius: 3px;
  padding: 2px 5px;
}
[data-theme] .editor-edit:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme] .editor-edit.view, [data-theme] .editor-edit.selected, [data-theme] .editor-edit.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme] .editor-edit.empty, [data-theme] .editor-edit.disabled, [data-theme] .editor-edit:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}

/* ----------------------------------------- */
/* Tables                                    */
/* ----------------------------------------- */
[data-theme] table.pf2e,
[data-theme] table.pf2-table {
  --text-dark: black;
}
[data-theme] table:not(.pf2-table, .pf2e) tr:nth-child(even) {
  background: color-mix(in srgb, var(--color-secondary-3) 20%, transparent);
}

/* ----------------------------------------- */
/* Tagify and tags                           */
/* ----------------------------------------- */
[data-theme] .tagify,
[data-theme] .tah-dialog-tags-dropdown .tagify__dropdown__wrapper,
[data-theme] tags.tagify.pf2e-tagify {
  --tags-disabled-bg: #f1f1f1;
  --tags-border-color: #ddd;
  --tags-hover-border-color: #ccc;
  --tags-focus-border-color: #3595f6;
  --tag-border-radius: 3px;
  --tag-bg: #e5e5e5;
  --tag-hover: #d3e2e2;
  --tag-text-color: black;
  --tag-text-color--edit: black;
  --tag-pad: 0.3em 0.5em;
  --tag-inset-shadow-size: 1.1em;
  --tag-invalid-color: #d39494;
  --tag-invalid-bg: rgba(211, 148, 148, 0.5);
  --tag-remove-bg: rgba(211, 148, 148, 0.3);
  --tag-remove-btn-color: black;
  --tag-remove-btn-bg: none;
  --tag-remove-btn-bg--hover: #c77777;
  --input-color: inherit;
  --tag-hide-transition: 0.3s;
  --placeholder-color: rgba(0, 0, 0, 0.4);
  --placeholder-color-focus: rgba(0, 0, 0, 0.25);
  --tag-bg: var(--color-primary-2);
  --tags-hover-border-color: var(--color-secondary-3);
  --tag-color: var(--text-color-2);
  --tag-bg: var(--color-secondary-4);
  --tag-border-color: var(--color-border-medium);
  --tags-border-color: var(--color-border-medium);
  background: var(--input-background);
  border: var(--app-border-width) solid var(--input-border-color);
  box-shadow: var(--input-box-shadow);
  border-radius: 3px;
}
[data-theme] .tagify .tagify__dropdown__item,
[data-theme] .tah-dialog-tags-dropdown .tagify__dropdown__wrapper .tagify__dropdown__item,
[data-theme] tags.tagify.pf2e-tagify .tagify__dropdown__item {
  color: var(--color-text-1);
}
[data-theme] .tagify.tagify--empty .tagify__input::before,
[data-theme] .tah-dialog-tags-dropdown .tagify__dropdown__wrapper.tagify--empty .tagify__input::before,
[data-theme] tags.tagify.pf2e-tagify.tagify--empty .tagify__input::before {
  color: var(--text-color-5);
}
[data-theme] .tagify:hover,
[data-theme] .tah-dialog-tags-dropdown .tagify__dropdown__wrapper:hover,
[data-theme] tags.tagify.pf2e-tagify:hover {
  box-shadow: unset;
}
[data-theme] .tagify select.tag,
[data-theme] .tah-dialog-tags-dropdown .tagify__dropdown__wrapper select.tag,
[data-theme] tags.tagify.pf2e-tagify select.tag {
  border-width: 1px 1px 1px 1px;
}
[data-theme] .tagify tag,
[data-theme] .tah-dialog-tags-dropdown .tagify__dropdown__wrapper tag,
[data-theme] tags.tagify.pf2e-tagify tag {
  border-radius: 4px;
  border: 1px solid var(--tag-border-color);
}
[data-theme] .tagify tag .tagify__tag__removeBtn,
[data-theme] .tah-dialog-tags-dropdown .tagify__dropdown__wrapper tag .tagify__tag__removeBtn,
[data-theme] tags.tagify.pf2e-tagify tag .tagify__tag__removeBtn {
  width: 12px;
  height: 12px;
  font: 12px/1 Arial;
}
[data-theme] .tagify tag .tagify__tag__removeBtn,
[data-theme] .tagify tag > div .tagify__tag-text,
[data-theme] .tah-dialog-tags-dropdown .tagify__dropdown__wrapper tag .tagify__tag__removeBtn,
[data-theme] .tah-dialog-tags-dropdown .tagify__dropdown__wrapper tag > div .tagify__tag-text,
[data-theme] tags.tagify.pf2e-tagify tag .tagify__tag__removeBtn,
[data-theme] tags.tagify.pf2e-tagify tag > div .tagify__tag-text {
  color: var(--tag-color);
}

/* ----------------------------------------- */
/* System overwrites                         */
/* ----------------------------------------- */
[data-theme][data-color-scheme=dark].pf2e.item.sheet {
  --color-text-dark-2: var(--text-color-3);
  --color-text-dark-4: var(--text-color-3);
  --color-text-dark-input: var(--text-color-3);
  --color-border-dark: var(--text-color-2);
  --color-border-medium: var(--color-secondary-3);
}

[data-theme] {
  --visibility-gm-bg: #e8e8efaa;
  --visibility-owner-bg: #ddebe1aa;
}
[data-theme] table.pf2-table {
  text-shadow: none;
}
[data-theme] [data-visibility]:not([data-visibility=all])[data-visibility=gm] [data-visibility=gm] {
  background: none;
}
[data-theme].pf2e.item.sheet input {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme].pf2e.item.sheet input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet input:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme].pf2e.item.sheet input.disabled, [data-theme].pf2e.item.sheet input:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme].pf2e.item.sheet input.disabled::placeholder, [data-theme].pf2e.item.sheet input:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme].pf2e.item.sheet input::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme].pf2e.item.sheet input[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme].pf2e.item.sheet form .tab.active.rules .rule-form .rule-element-header .priority input {
  width: 5ch;
}
[data-theme].pf2e.item.sheet form .sheet-content section.sidebar .item-summary, [data-theme].pf2e.item.sheet form .sheet-content section.sheet-sidebar .item-summary {
  color: var(--color-text-dark-secondary);
}
[data-theme].pf2e.item.sheet .sheet-header .details {
  align-items: center;
}
[data-theme]#generate-check-prompt nav h4 a {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  padding: 4px 8px;
}
[data-theme]#generate-check-prompt nav h4 a:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme]#generate-check-prompt nav h4 a.view, [data-theme]#generate-check-prompt nav h4 a.selected, [data-theme]#generate-check-prompt nav h4 a.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme]#generate-check-prompt nav h4 a.empty, [data-theme]#generate-check-prompt nav h4 a.disabled, [data-theme]#generate-check-prompt nav h4 a:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme]#generate-check-prompt .dialog-content tags.tagify {
  --tags-disabled-bg: #f1f1f1;
  --tags-border-color: #ddd;
  --tags-hover-border-color: #ccc;
  --tags-focus-border-color: #3595f6;
  --tag-border-radius: 3px;
  --tag-bg: #e5e5e5;
  --tag-hover: #d3e2e2;
  --tag-text-color: black;
  --tag-text-color--edit: black;
  --tag-pad: 0.3em 0.5em;
  --tag-inset-shadow-size: 1.1em;
  --tag-invalid-color: #d39494;
  --tag-invalid-bg: rgba(211, 148, 148, 0.5);
  --tag-remove-bg: rgba(211, 148, 148, 0.3);
  --tag-remove-btn-color: black;
  --tag-remove-btn-bg: none;
  --tag-remove-btn-bg--hover: #c77777;
  --input-color: inherit;
  --tag-hide-transition: 0.3s;
  --placeholder-color: rgba(0, 0, 0, 0.4);
  --placeholder-color-focus: rgba(0, 0, 0, 0.25);
  --tag-bg: var(--color-primary-2);
  --tags-border-color: var(--color-secondary-4);
  --tags-hover-border-color: var(--color-secondary-3);
  --tag-color: var(--text-color-2);
  --tag-bg: var(--color-secondary-4);
  --tag-border-color: var(--color-secondary-3);
  --tags-border-color: var(--color-secondary-3);
  border: 1px solid var(--tag-border-color);
  border-radius: 3px;
}
[data-theme].pf2e.item.sheet form .form-list, [data-theme].pf2e.item.sheet form section.sheet-body fieldset {
  border-color: var(--color-secondary-3);
}
[data-theme].pf2e.item.sheet form .form-list > legend, [data-theme].pf2e.item.sheet form section.sheet-body fieldset > legend {
  color: var(--text-color-2);
}
[data-theme].pf2e.item.sheet form .form-list.basics, [data-theme].pf2e.item.sheet form section.sheet-body fieldset.basics {
  border-color: transparent;
}
[data-theme] section.compendium-sidebar ol.directory-list ol.document-matches li.match .thumbnail img {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  padding: 0px;
}
[data-theme] section.compendium-sidebar ol.directory-list ol.document-matches li.match:hover .thumbnail img {
  border: var(--app-border-width) solid;
  border-color: var(--color-primary-2);
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor:hover a.add-gm-notes {
  display: flex;
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  transition: background 0.1s ease-in-out;
  --button-background: var(--accent-color);
  --button-border-color: var(--accent-color-dark);
  --button-text-color: var(--accent-text-color);
  --app-text-shadow: none;
  --button-hover-background: var(--accent-color-light);
  --button-hover-border-color: var(--accent-color);
  --button-hover-text-color: var(--accent-text-color);
  border-radius: 3px;
  align-content: center;
  justify-content: center;
  right: 40px;
  height: 28px;
  width: 28px;
  background-color: var(--color-primary-4);
  border-color: var(--color-primary-3);
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes.view, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes.selected, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes.empty, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes.disabled, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes:disabled {
  --button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
  --button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
  --button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.add-gm-notes > i {
  margin-top: 3px;
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  transition: background 0.1s ease-in-out;
  --button-background: var(--accent-color);
  --button-border-color: var(--accent-color-dark);
  --button-text-color: var(--accent-text-color);
  --app-text-shadow: none;
  --button-hover-background: var(--accent-color-light);
  --button-hover-border-color: var(--accent-color);
  --button-hover-text-color: var(--accent-text-color);
  border-radius: 3px;
  align-content: center;
  justify-content: center;
  height: 28px;
  width: 28px;
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit.view, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit.selected, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit.empty, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit.disabled, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .editor a.editor-edit:disabled {
  --button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
  --button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
  --button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
}
[data-theme].pf2e.item.sheet form .sheet-content input[type=text], [data-theme].pf2e.item.sheet form .sheet-content input[type=number], [data-theme].pf2e.item.sheet form .sheet-content select, [data-theme].pf2e.item.sheet form section.sheet-body input[type=text], [data-theme].pf2e.item.sheet form section.sheet-body input[type=number] {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme].pf2e.item.sheet form .sheet-content input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-content input[type=text]:focus, [data-theme].pf2e.item.sheet form .sheet-content input[type=number]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-content input[type=number]:focus, [data-theme].pf2e.item.sheet form .sheet-content select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-content select:focus, [data-theme].pf2e.item.sheet form section.sheet-body input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form section.sheet-body input[type=text]:focus, [data-theme].pf2e.item.sheet form section.sheet-body input[type=number]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form section.sheet-body input[type=number]:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme].pf2e.item.sheet form .sheet-content input[type=text].disabled, [data-theme].pf2e.item.sheet form .sheet-content input[type=text]:disabled, [data-theme].pf2e.item.sheet form .sheet-content input[type=number].disabled, [data-theme].pf2e.item.sheet form .sheet-content input[type=number]:disabled, [data-theme].pf2e.item.sheet form .sheet-content select.disabled, [data-theme].pf2e.item.sheet form .sheet-content select:disabled, [data-theme].pf2e.item.sheet form section.sheet-body input[type=text].disabled, [data-theme].pf2e.item.sheet form section.sheet-body input[type=text]:disabled, [data-theme].pf2e.item.sheet form section.sheet-body input[type=number].disabled, [data-theme].pf2e.item.sheet form section.sheet-body input[type=number]:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme].pf2e.item.sheet form .sheet-content input[type=text].disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content input[type=text]:disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content input[type=number].disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content input[type=number]:disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content select.disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content select:disabled::placeholder, [data-theme].pf2e.item.sheet form section.sheet-body input[type=text].disabled::placeholder, [data-theme].pf2e.item.sheet form section.sheet-body input[type=text]:disabled::placeholder, [data-theme].pf2e.item.sheet form section.sheet-body input[type=number].disabled::placeholder, [data-theme].pf2e.item.sheet form section.sheet-body input[type=number]:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme].pf2e.item.sheet form .sheet-content input[type=text]::placeholder, [data-theme].pf2e.item.sheet form .sheet-content input[type=number]::placeholder, [data-theme].pf2e.item.sheet form .sheet-content select::placeholder, [data-theme].pf2e.item.sheet form section.sheet-body input[type=text]::placeholder, [data-theme].pf2e.item.sheet form section.sheet-body input[type=number]::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme].pf2e.item.sheet form .sheet-content input[type=text][type=checkbox], [data-theme].pf2e.item.sheet form .sheet-content input[type=number][type=checkbox], [data-theme].pf2e.item.sheet form .sheet-content select[type=checkbox], [data-theme].pf2e.item.sheet form section.sheet-body input[type=text][type=checkbox], [data-theme].pf2e.item.sheet form section.sheet-body input[type=number][type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme].pf2e.item.sheet .sheet-header input[type=text], [data-theme].pf2e.item.sheet .sheet-header input[type=number] {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme].pf2e.item.sheet .sheet-header input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet .sheet-header input[type=text]:focus, [data-theme].pf2e.item.sheet .sheet-header input[type=number]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet .sheet-header input[type=number]:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme].pf2e.item.sheet .sheet-header input[type=text].disabled, [data-theme].pf2e.item.sheet .sheet-header input[type=text]:disabled, [data-theme].pf2e.item.sheet .sheet-header input[type=number].disabled, [data-theme].pf2e.item.sheet .sheet-header input[type=number]:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme].pf2e.item.sheet .sheet-header input[type=text].disabled::placeholder, [data-theme].pf2e.item.sheet .sheet-header input[type=text]:disabled::placeholder, [data-theme].pf2e.item.sheet .sheet-header input[type=number].disabled::placeholder, [data-theme].pf2e.item.sheet .sheet-header input[type=number]:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme].pf2e.item.sheet .sheet-header input[type=text]::placeholder, [data-theme].pf2e.item.sheet .sheet-header input[type=number]::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme].pf2e.item.sheet .sheet-header input[type=text][type=checkbox], [data-theme].pf2e.item.sheet .sheet-header input[type=number][type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.details select, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select, [data-theme].pf2e.item.sheet form .sheet-content section.sidebar select {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.details select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details select:focus, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select:focus, [data-theme].pf2e.item.sheet form .sheet-content section.sidebar select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-content section.sidebar select:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.details select.disabled, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details select:disabled, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select.disabled, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select:disabled, [data-theme].pf2e.item.sheet form .sheet-content section.sidebar select.disabled, [data-theme].pf2e.item.sheet form .sheet-content section.sidebar select:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.details select.disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details select:disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select.disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select:disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content section.sidebar select.disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content section.sidebar select:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.details select::placeholder, [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select::placeholder, [data-theme].pf2e.item.sheet form .sheet-content section.sidebar select::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.details select[type=checkbox], [data-theme].pf2e.item.sheet form .sheet-body .tab.active.details fieldset.publication .data .license select[type=checkbox], [data-theme].pf2e.item.sheet form .sheet-content section.sidebar select[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme].pf2e.item.sheet form .sheet-content button:hover:not(:disabled), [data-theme].pf2e.item.sheet form .sheet-content button:focus {
  border: 1px solid var(--button-border-color);
  box-shadow: unset;
}
[data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):hover:not(:disabled), [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):focus, [data-theme].pf2e.item.sheet form .sheet-content select:hover:not(:disabled), [data-theme].pf2e.item.sheet form .sheet-content select:focus {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):hover:not(:disabled):not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):hover:not(:disabled):focus, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):focus:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):focus:focus, [data-theme].pf2e.item.sheet form .sheet-content select:hover:not(:disabled):not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-content select:hover:not(:disabled):focus, [data-theme].pf2e.item.sheet form .sheet-content select:focus:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.item.sheet form .sheet-content select:focus:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):hover:not(:disabled).disabled, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):hover:not(:disabled):disabled, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):focus.disabled, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):focus:disabled, [data-theme].pf2e.item.sheet form .sheet-content select:hover:not(:disabled).disabled, [data-theme].pf2e.item.sheet form .sheet-content select:hover:not(:disabled):disabled, [data-theme].pf2e.item.sheet form .sheet-content select:focus.disabled, [data-theme].pf2e.item.sheet form .sheet-content select:focus:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):hover:not(:disabled).disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):hover:not(:disabled):disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):focus.disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):focus:disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content select:hover:not(:disabled).disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content select:hover:not(:disabled):disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content select:focus.disabled::placeholder, [data-theme].pf2e.item.sheet form .sheet-content select:focus:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):hover:not(:disabled)::placeholder, [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):focus::placeholder, [data-theme].pf2e.item.sheet form .sheet-content select:hover:not(:disabled)::placeholder, [data-theme].pf2e.item.sheet form .sheet-content select:focus::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):hover:not(:disabled)[type=checkbox], [data-theme].pf2e.item.sheet form .sheet-content input:not([type=range], [type=checkbox]):focus[type=checkbox], [data-theme].pf2e.item.sheet form .sheet-content select:hover:not(:disabled)[type=checkbox], [data-theme].pf2e.item.sheet form .sheet-content select:focus[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme].pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  --text-dark: var(--text-color-3);
}
[data-theme].pf2e.item.sheet form .tab.active.rules .rule-form .rules-drop-container .rules-drop-zone i {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
}
[data-theme].pf2e.item.sheet.action form .drop-zone {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
}
[data-theme].pf2e.item.sheet.action form .drop-zone a.content-link, [data-theme].pf2e.item.sheet.action form .drop-zone picture, [data-theme].pf2e.item.sheet.action form .drop-zone img {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
}
[data-theme].pf2e.item.sheet .sheet-header {
  border: unset;
}
[data-theme].pf2e.item.sheet form > nav {
  border: unset;
}
[data-theme].pf2e.item.sheet form > nav .sheet-tabs {
  gap: 5px;
  margin: 2px;
}
[data-theme].pf2e.item.sheet form > nav .sheet-tabs > a {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme].pf2e.item.sheet form > nav .sheet-tabs > a:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme].pf2e.item.sheet form > nav .sheet-tabs > a.view, [data-theme].pf2e.item.sheet form > nav .sheet-tabs > a.selected, [data-theme].pf2e.item.sheet form > nav .sheet-tabs > a.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme].pf2e.item.sheet form > nav .sheet-tabs > a.empty, [data-theme].pf2e.item.sheet form > nav .sheet-tabs > a.disabled, [data-theme].pf2e.item.sheet form > nav .sheet-tabs > a:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme].pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs {
  border: unset;
}
[data-theme].pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 > a {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  padding: 5px 10px;
}
[data-theme].pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 > a:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme].pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 > a.view, [data-theme].pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 > a.selected, [data-theme].pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 > a.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme].pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 > a.empty, [data-theme].pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 > a.disabled, [data-theme].pf2e.item.sheet form .tab.active.rules .rule-form nav.rule-tabs h4 > a:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme].pf2e.item.sheet form .effects-container, [data-theme].pf2e.item.sheet form .details-container, [data-theme].pf2e.item.sheet form .dice-data {
  gap: 5px;
  align-items: center;
}
[data-theme].pf2e.item.sheet form section.sheet-body .item-mystification.active .mystification-status label {
  color: var(--color-text-dark-4);
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.active.description .gm-notes, [data-theme].pf2e.item.sheet form section.sheet-body .item-description .descriptions .gm-notes {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background-color: var(--visibility-gm-bg);
  border-style: dashed;
  border-color: var(--color-primary-4);
  text-shadow: none;
  color: black;
}
[data-theme].pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.add-gm-notes, [data-theme].pf2e.item.sheet form section.sheet-body .item-description .descriptions .editor a.editor-edit {
  background: var(--color-secondary-4);
  border: 1px solid var(--color-secondary-3);
  color: var(--text-color-2);
}
[data-theme].pf2e.item.sheet form .sheet-body .tab.mystification.active .unidentified img {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  border: 1px solid;
  border-color: var(--icon-border-color);
}
[data-theme].pf2e.item.sheet .sheet-header img {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  --app-border-width: 1px;
  border-color: var(--icon-border-color);
  border-radius: var(--border-radius);
  margin-left: 2px;
  margin-top: 2px;
}
[data-theme].pf2e.item.sheet form .tab.active.rules .rule-form .attached-input .attachment, [data-theme].pf2e.item.sheet form .item-rules .rule-form .attached-input .attachment {
  --button-border-color: var(--color-primary-2);
  --button-background: var(--color-primary-3);
  --button-hover-border-color: var(--color-primary-4);
  --button-hover-background: var(--color-primary-5);
  --button-text-color: var(--text-color-2);
  --box-shadow: none;
  border-color: var(--button-border-color);
  z-index: 1;
}
[data-theme].pf2e.item.sheet form .item-rules .rule-form .attached-input input, [data-theme].pf2e.item.sheet form .item-rules .rule-form .attached-input tags {
  border-left: unset;
}
[data-theme].pf2e.item.sheet form .item-rules .rule-form .attached-input input:hover, [data-theme].pf2e.item.sheet form .item-rules .rule-form .attached-input tags:hover {
  border-left: unset;
}
[data-theme] .tox .tox-sidebar-wrap {
  background-color: white;
}
[data-theme] .tox.tox-tinymce .tox-tbtn {
  --button-background: white;
  --button-hover-background: gray;
  --app-text-shadow: none;
  --box-shadow: none;
  color: black;
}

/* ----------------------------------------- */
/* Controls                                  */
/* ----------------------------------------- */
nav#controls[data-theme] {
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  align-items: var(--controls-alignment);
}
nav#controls[data-theme] ol.control-tools.sub-controls > li,
nav#controls[data-theme] ol.control-tools.main-controls {
  margin-right: var(--controls-margin);
}
nav#controls[data-theme] ol.control-tools.main-control {
  margin-right: var(--controls-margin);
}
nav#controls[data-theme] ol.control-tools li.control-tool,
nav#controls[data-theme] ol.control-tools > li {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  margin-bottom: var(--controls-margin);
  height: var(--control-size);
  width: var(--control-size);
  font-size: calc(var(--control-size) - 12px);
}
nav#controls[data-theme] ol.control-tools li.control-tool:not(.disabled, :disabled):hover,
nav#controls[data-theme] ol.control-tools > li:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
nav#controls[data-theme] ol.control-tools li.control-tool.view, nav#controls[data-theme] ol.control-tools li.control-tool.selected, nav#controls[data-theme] ol.control-tools li.control-tool.active,
nav#controls[data-theme] ol.control-tools > li.view,
nav#controls[data-theme] ol.control-tools > li.selected,
nav#controls[data-theme] ol.control-tools > li.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
nav#controls[data-theme] ol.control-tools li.control-tool.empty, nav#controls[data-theme] ol.control-tools li.control-tool.disabled, nav#controls[data-theme] ol.control-tools li.control-tool:disabled,
nav#controls[data-theme] ol.control-tools > li.empty,
nav#controls[data-theme] ol.control-tools > li.disabled,
nav#controls[data-theme] ol.control-tools > li:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
nav#controls[data-theme] ol.control-tools li.control-tool > img,
nav#controls[data-theme] ol.control-tools > li > img {
  filter: sepia() brightness(0.7) sepia(1) grayscale(0.7) drop-shadow(0px 1px 1px black);
}
nav#controls[data-theme] ol.control-tools li.control-tool:hover > img,
nav#controls[data-theme] ol.control-tools > li:hover > img {
  filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 1px 1px black);
}
nav#controls[data-theme] ol.control-tools li.control-tool.toggle,
nav#controls[data-theme] ol.control-tools > li.toggle {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  transition: background 0.1s ease-in-out;
  --button-background: var(--button-toggle-background);
  --button-border-color: var(--button-toggle-border-color);
  --button-focus-outline-color: var(--button-toggle-focus-outline-color);
  --button-hover-background: var(--button-toggle-hover-background);
  --button-hover-border-color: var(--button-toggle-hover-border-color);
}
nav#controls[data-theme] ol.control-tools li.control-tool.toggle:not(.disabled, :disabled):hover,
nav#controls[data-theme] ol.control-tools > li.toggle:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
nav#controls[data-theme] ol.control-tools li.control-tool.toggle.view, nav#controls[data-theme] ol.control-tools li.control-tool.toggle.selected, nav#controls[data-theme] ol.control-tools li.control-tool.toggle.active,
nav#controls[data-theme] ol.control-tools > li.toggle.view,
nav#controls[data-theme] ol.control-tools > li.toggle.selected,
nav#controls[data-theme] ol.control-tools > li.toggle.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
nav#controls[data-theme] ol.control-tools li.control-tool.toggle.empty, nav#controls[data-theme] ol.control-tools li.control-tool.toggle.disabled, nav#controls[data-theme] ol.control-tools li.control-tool.toggle:disabled,
nav#controls[data-theme] ol.control-tools > li.toggle.empty,
nav#controls[data-theme] ol.control-tools > li.toggle.disabled,
nav#controls[data-theme] ol.control-tools > li.toggle:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
nav#controls[data-theme] ol.control-tools li.control-tool.toggle:disabled,
nav#controls[data-theme] ol.control-tools > li.toggle:disabled {
  --button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
  --button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
  --button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
}

[data-theme]#darkness-adjuster {
  outline: none;
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
}
[data-theme]#darkness-adjuster .window-content {
  overflow: hidden;
  background: unset;
  box-shadow: unset;
  border: none;
}

/* ----------------------------------------- */
/* Hotbar                                    */
/* ----------------------------------------- */
#hotbar[data-theme] .bar-controls {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
}
#hotbar[data-theme] .macro {
  height: calc(var(--macro-size) + 2px);
  width: calc(var(--macro-size) + 2px);
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
}
#hotbar[data-theme] .macro.inactive::before, #hotbar[data-theme] .macro.active::before {
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius);
  overflow: hidden;
  pointer-events: none;
}
#hotbar[data-theme] .macro.active:hover::before {
  transition: text-shadow 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, backdrop-filter 0.15s ease-in-out, border-radius 0.15s, outline 0.15s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--color-primary-1) 20%, transparent);
  border-radius: var(--border-radius);
  overflow: hidden;
  pointer-events: none;
}
#hotbar[data-theme] .macro .macro-key {
  background: none;
  right: 6px;
  padding: 0px;
  font-weight: initial;
  text-shadow: 0px 1px 5px black, 0px 1px 5px black;
  font-size: calc(var(--macro-size) / 3);
}
#hotbar[data-theme] .macro .macro-icon {
  border-radius: var(--border-radius);
  height: calc(var(--macro-size) + 0px);
  width: calc(var(--macro-size) + 0px);
}
#hotbar[data-theme] #macro-list {
  gap: 5px;
  margin: 0px 5px;
  border: none;
  grid-template-columns: repeat(10, calc(var(--macro-size) + 2px));
  align-content: end;
}

/* ----------------------------------------- */
/* Navigation                                */
/* ----------------------------------------- */
#navigation[data-theme] {
  width: calc(100% - 46px);
}
#navigation[data-theme] #nav-toggle {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--control-size);
  height: var(--control-size);
}
#navigation[data-theme] ol#scene-list li.nav-item {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  transition: background 0.1s ease-in-out;
  --button-background: var(--button-toggle-background);
  --button-border-color: var(--button-toggle-border-color);
  --button-focus-outline-color: var(--button-toggle-focus-outline-color);
  --button-hover-background: var(--button-toggle-hover-background);
  --button-hover-border-color: var(--button-toggle-hover-border-color);
  line-height: var(--control-size);
}
#navigation[data-theme] ol#scene-list li.nav-item:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
#navigation[data-theme] ol#scene-list li.nav-item.view, #navigation[data-theme] ol#scene-list li.nav-item.selected, #navigation[data-theme] ol#scene-list li.nav-item.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
#navigation[data-theme] ol#scene-list li.nav-item.empty, #navigation[data-theme] ol#scene-list li.nav-item.disabled, #navigation[data-theme] ol#scene-list li.nav-item:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
#navigation[data-theme] ol#scene-list li.nav-item:disabled {
  --button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
  --button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
  --button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
}
#navigation[data-theme] ol#scene-list li.nav-item > a:hover {
  text-shadow: unset;
}
#navigation[data-theme] ol#scene-list li.nav-item .scene-players {
  text-shadow: none;
}

/* ----------------------------------------- */
/* Notifications                             */
/* ----------------------------------------- */
[data-theme] .notification {
  border: 1px solid transparent;
  text-shadow: 0px 0px 3px black;
  box-shadow: 0px 2px 2px black;
}
[data-theme] .notification.info {
  background: var(--color-level-info-bg);
  border-color: var(--color-level-info-border);
}
[data-theme] .notification.alert, [data-theme] .notification.warning {
  background: var(--color-level-warning-bg);
  border-color: var(--color-level-warning-border);
}
[data-theme] .notification.error {
  background: var(--color-level-error-bg);
  border-color: var(--color-level-error-border);
}

/* ----------------------------------------- */
/* Placeable HUD                             */
/* ----------------------------------------- */
[data-theme] #token-hud .attribute.bar1 input {
  --input-border-color: var(--color-level-success-border);
  --input-focus-outline-color: var(--color-level-success-border);
  --input-background: var(--color-level-success-bg);
  --input-focus-text-color: var(--text-color-2);
  --input-text-color: var(--text-color-2);
}
[data-theme] #token-hud .attribute.bar2 input {
  --input-border-color: var(--color-level-info-border);
  --input-focus-outline-color: var(--color-level-info-border);
  --input-background: var(--color-level-info-bg);
  --input-text-color: var(--text-color-2);
}
[data-theme].placeable-hud input[type=text] {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
  text-shadow: 0px 1px 2px black;
  --input-focus-text-color: var(--text-color-2);
}
[data-theme].placeable-hud input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].placeable-hud input[type=text]:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme].placeable-hud input[type=text].disabled, [data-theme].placeable-hud input[type=text]:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme].placeable-hud input[type=text].disabled::placeholder, [data-theme].placeable-hud input[type=text]:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme].placeable-hud input[type=text]::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme].placeable-hud input[type=text][type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme].placeable-hud input[type=text][name=elevation] {
  --input-background: var(--app-background);
  font-size: 18px;
  width: 42px;
}
[data-theme] .placeable-hud .control-icon img {
  opacity: 1;
}
[data-theme] #token-hud .attribute i.fas {
  color: var(--color-secondary-1);
  text-shadow: 0px 1px 2px black;
}

/* ----------------------------------------- */
/* Token HUD                                 */
/* ----------------------------------------- */
#token-hud[data-theme] .status-effects.active {
  gap: 5px;
  background: unset;
  border: unset;
  box-shadow: unset;
}
#token-hud[data-theme] .status-effects.active picture img {
  opacity: unset;
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
}
#token-hud[data-theme] .status-effects.active picture:hover img {
  border-color: var(--color-primary-2);
  box-shadow: 0px 0px 6px var(--color-primary-3), 0px 2px 8px 1px var(--color-primary-4);
}
#token-hud[data-theme] .status-effects.active picture.active img {
  border-color: var(--color-primary-1);
  box-shadow: 0px 0px 6px var(--color-primary-2), 0px 2px 8px 1px var(--color-primary-3);
}

#token-hud[data-theme] .status-effects .title-bar {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  box-shadow: var(--window-app-box-shadow);
  border-radius: var(--border-radius);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  text-shadow: 0px 1px 2px black;
}

#token-hud[data-theme] .status-effects .effect-control .badge {
  border-width: 1px;
  border-radius: 0px var(--border-radius) 0px 3px;
  background: var(--color-primary-3);
  border-left-color: var(--color-primary-1);
  border-bottom-color: var(--color-primary-1);
  color: var(--text-color-2);
  font-size: 10px;
  text-shadow: 0px 1px 2px black;
  top: 0px;
  right: 1px;
  font-weight: 600;
}
#token-hud[data-theme] .status-effects .effect-control .badge.fa-lock:before {
  position: relative;
  font-size: 6px;
}

#token-hud[data-theme] .status-effects .effect-control {
  opacity: unset;
}

[data-theme] .control-icon {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme] .control-icon:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme] .control-icon.view, [data-theme] .control-icon.selected, [data-theme] .control-icon.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme] .control-icon.empty, [data-theme] .control-icon.disabled, [data-theme] .control-icon:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme] .control-icon > img {
  filter: sepia() brightness(0.7) sepia(1) grayscale(0.7) drop-shadow(0px 1px 1px black);
}
[data-theme] .control-icon:hover > img {
  filter: sepia() grayscale(0.95) brightness(1) drop-shadow(0px 1px 1px black);
}
[data-theme] .control-icon[data-action=visibility], [data-theme] .control-icon[data-action=effects], [data-theme] .control-icon[data-action=combat], [data-theme] .control-icon[data-action=locked], [data-theme] .control-icon[data-action=target], [data-theme] .control-icon[data-action=active], [data-theme] .control-icon[data-action=mystify] {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  transition: background 0.1s ease-in-out;
  --button-background: var(--button-toggle-background);
  --button-border-color: var(--button-toggle-border-color);
  --button-focus-outline-color: var(--button-toggle-focus-outline-color);
  --button-hover-background: var(--button-toggle-hover-background);
  --button-hover-border-color: var(--button-toggle-hover-border-color);
}
[data-theme] .control-icon[data-action=visibility]:not(.disabled, :disabled):hover, [data-theme] .control-icon[data-action=effects]:not(.disabled, :disabled):hover, [data-theme] .control-icon[data-action=combat]:not(.disabled, :disabled):hover, [data-theme] .control-icon[data-action=locked]:not(.disabled, :disabled):hover, [data-theme] .control-icon[data-action=target]:not(.disabled, :disabled):hover, [data-theme] .control-icon[data-action=active]:not(.disabled, :disabled):hover, [data-theme] .control-icon[data-action=mystify]:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme] .control-icon[data-action=visibility].view, [data-theme] .control-icon[data-action=visibility].selected, [data-theme] .control-icon[data-action=visibility].active, [data-theme] .control-icon[data-action=effects].view, [data-theme] .control-icon[data-action=effects].selected, [data-theme] .control-icon[data-action=effects].active, [data-theme] .control-icon[data-action=combat].view, [data-theme] .control-icon[data-action=combat].selected, [data-theme] .control-icon[data-action=combat].active, [data-theme] .control-icon[data-action=locked].view, [data-theme] .control-icon[data-action=locked].selected, [data-theme] .control-icon[data-action=locked].active, [data-theme] .control-icon[data-action=target].view, [data-theme] .control-icon[data-action=target].selected, [data-theme] .control-icon[data-action=target].active, [data-theme] .control-icon[data-action=active].view, [data-theme] .control-icon[data-action=active].selected, [data-theme] .control-icon[data-action=active].active, [data-theme] .control-icon[data-action=mystify].view, [data-theme] .control-icon[data-action=mystify].selected, [data-theme] .control-icon[data-action=mystify].active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme] .control-icon[data-action=visibility].empty, [data-theme] .control-icon[data-action=visibility].disabled, [data-theme] .control-icon[data-action=visibility]:disabled, [data-theme] .control-icon[data-action=effects].empty, [data-theme] .control-icon[data-action=effects].disabled, [data-theme] .control-icon[data-action=effects]:disabled, [data-theme] .control-icon[data-action=combat].empty, [data-theme] .control-icon[data-action=combat].disabled, [data-theme] .control-icon[data-action=combat]:disabled, [data-theme] .control-icon[data-action=locked].empty, [data-theme] .control-icon[data-action=locked].disabled, [data-theme] .control-icon[data-action=locked]:disabled, [data-theme] .control-icon[data-action=target].empty, [data-theme] .control-icon[data-action=target].disabled, [data-theme] .control-icon[data-action=target]:disabled, [data-theme] .control-icon[data-action=active].empty, [data-theme] .control-icon[data-action=active].disabled, [data-theme] .control-icon[data-action=active]:disabled, [data-theme] .control-icon[data-action=mystify].empty, [data-theme] .control-icon[data-action=mystify].disabled, [data-theme] .control-icon[data-action=mystify]:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme] .control-icon[data-action=visibility]:disabled, [data-theme] .control-icon[data-action=effects]:disabled, [data-theme] .control-icon[data-action=combat]:disabled, [data-theme] .control-icon[data-action=locked]:disabled, [data-theme] .control-icon[data-action=target]:disabled, [data-theme] .control-icon[data-action=active]:disabled, [data-theme] .control-icon[data-action=mystify]:disabled {
  --button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
  --button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
  --button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
}

/* ----------------------------------------- */
/* UI-right                                  */
/* ----------------------------------------- */
#ui-right {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.8) calc(100% - 10px), transparent 100%);
  padding-left: 10px;
  padding-top: 5px;
}
#ui-right #sidebar {
  background: none;
  box-shadow: none;
  border: none;
  margin: 0px;
  height: 100%;
}

/* ----------------------------------------- */
/* Sidebar                                   */
/* ----------------------------------------- */
#chat,
[data-chat-interface-theme] .chat-sidebar {
  --sidebar-gap: 4px;
  --sidebar-margin: 6px;
  gap: var(--sidebar-gap);
  padding-bottom: var(--sidebar-margin);
}

[data-chat-interface-theme] section.chat-sidebar .jump-to-bottom > a {
  background: black;
  z-index: 1;
}

[data-dorako-ui-scope=sidebar] .tab:not([data-tab=chat]) button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-dorako-ui-scope=sidebar] .tab:not([data-tab=chat]) button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-dorako-ui-scope=sidebar] .tab:not([data-tab=chat]) button.view, [data-dorako-ui-scope=sidebar] .tab:not([data-tab=chat]) button.selected, [data-dorako-ui-scope=sidebar] .tab:not([data-tab=chat]) button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-dorako-ui-scope=sidebar] .tab:not([data-tab=chat]) button.empty, [data-dorako-ui-scope=sidebar] .tab:not([data-tab=chat]) button.disabled, [data-dorako-ui-scope=sidebar] .tab:not([data-tab=chat]) button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-dorako-ui-scope=sidebar] .tab input:not([type=range]) {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-dorako-ui-scope=sidebar] .tab input:not([type=range]):not(:disabled, .disabled, [type=checkbox]):hover, [data-dorako-ui-scope=sidebar] .tab input:not([type=range]):focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-dorako-ui-scope=sidebar] .tab input:not([type=range]).disabled, [data-dorako-ui-scope=sidebar] .tab input:not([type=range]):disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-dorako-ui-scope=sidebar] .tab input:not([type=range]).disabled::placeholder, [data-dorako-ui-scope=sidebar] .tab input:not([type=range]):disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-dorako-ui-scope=sidebar] .tab input:not([type=range])::placeholder {
  color: var(--input-placeholder-color);
}
[data-dorako-ui-scope=sidebar] .tab input:not([type=range])[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-dorako-ui-scope=sidebar] ::-webkit-scrollbar-thumb {
  outline: none;
  border-radius: 3px;
  background: var(--scrollbar-thumb-background);
  border: 1px solid var(--scrollbar-thumb-border-color);
  transition: outline 0.15s;
}
[data-dorako-ui-scope=sidebar] ::-webkit-scrollbar-track {
  box-shadow: 0 0 1px var(--color-secondary-3) inset;
  box-shadow: unset;
  border-radius: 4px;
}
[data-dorako-ui-scope=sidebar] #settings ul#game-details li.system-buttons {
  gap: 5px;
}
[data-dorako-ui-scope=sidebar] #settings ul#game-details li.system-buttons button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-dorako-ui-scope=sidebar] #settings ul#game-details li.system-buttons button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-dorako-ui-scope=sidebar] #settings ul#game-details li.system-buttons button.view, [data-dorako-ui-scope=sidebar] #settings ul#game-details li.system-buttons button.selected, [data-dorako-ui-scope=sidebar] #settings ul#game-details li.system-buttons button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-dorako-ui-scope=sidebar] #settings ul#game-details li.system-buttons button.empty, [data-dorako-ui-scope=sidebar] #settings ul#game-details li.system-buttons button.disabled, [data-dorako-ui-scope=sidebar] #settings ul#game-details li.system-buttons button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-dorako-ui-scope=sidebar] .compendium.directory .directory-header .compendium-name,
[data-dorako-ui-scope=sidebar] .compendium-sidebar .directory-item.compendium .compendium-name,
[data-dorako-ui-scope=sidebar] .compendium-sidebar .directory-item.compendium.locked .compendium-name {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
}
[data-dorako-ui-scope=sidebar] .compendium-sidebar .directory-item.compendium .compendium-footer .source {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  border-left: unset;
  border-bottom-left-radius: unset;
  border-top-left-radius: unset;
  border-bottom-right-radius: unset;
}

[data-dorako-ui-scope=sidebar] .combat-sidebar li.combatant .token-name img.token-effect,
[data-theme] .combat-sidebar li.combatant .token-name img.token-effect {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  border: 1px solid;
  border-color: var(--icon-border-color);
}

/* ----------------------------------------- */
/* Chatlog                                   */
/* ----------------------------------------- */
[data-chat-interface-theme] #chat-log {
  margin-left: calc(var(--sidebar-margin) - 3px);
}
[data-chat-interface-theme] #chat-log::-webkit-scrollbar-thumb {
  outline: none;
  border-radius: 3px;
  background: var(--scrollbar-thumb-background);
  border: 1px solid var(--scrollbar-thumb-border-color);
  transition: outline 0.15s;
}
[data-chat-interface-theme] #chat-log::-webkit-scrollbar-track {
  box-shadow: none;
  box-shadow: unset;
  border-radius: 4px;
}

[data-chat-interface-theme] #chat-log ~ * input[type=checkbox]:checked,
[data-chat-interface-theme] #chat-log ~ * input[type=radio]:checked {
  accent-color: var(--accent-color);
}
[data-chat-interface-theme] #chat-log ~ * button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-chat-interface-theme] #chat-log ~ * button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-chat-interface-theme] #chat-log ~ * button.view, [data-chat-interface-theme] #chat-log ~ * button.selected, [data-chat-interface-theme] #chat-log ~ * button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-chat-interface-theme] #chat-log ~ * button.empty, [data-chat-interface-theme] #chat-log ~ * button.disabled, [data-chat-interface-theme] #chat-log ~ * button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-chat-interface-theme] #chat-log ~ * #dorako-rt-buttons button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  transition: background 0.1s ease-in-out;
  --button-background: var(--button-toggle-background);
  --button-border-color: var(--button-toggle-border-color);
  --button-focus-outline-color: var(--button-toggle-focus-outline-color);
  --button-hover-background: var(--button-toggle-hover-background);
  --button-hover-border-color: var(--button-toggle-hover-border-color);
}
[data-chat-interface-theme] #chat-log ~ * #dorako-rt-buttons button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-chat-interface-theme] #chat-log ~ * #dorako-rt-buttons button.view, [data-chat-interface-theme] #chat-log ~ * #dorako-rt-buttons button.selected, [data-chat-interface-theme] #chat-log ~ * #dorako-rt-buttons button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-chat-interface-theme] #chat-log ~ * #dorako-rt-buttons button.empty, [data-chat-interface-theme] #chat-log ~ * #dorako-rt-buttons button.disabled, [data-chat-interface-theme] #chat-log ~ * #dorako-rt-buttons button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-chat-interface-theme] #chat-log ~ * #dorako-rt-buttons button:disabled {
  --button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
  --button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
  --button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
}
[data-chat-interface-theme] #chat-log ~ *#chat-form {
  margin: 0px var(--sidebar-margin);
}
[data-chat-interface-theme] #chat-log ~ *#chat-form textarea {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
  height: 100%;
  border-radius: var(--border-radius);
}
[data-chat-interface-theme] #chat-log ~ *#chat-form textarea:not(:disabled, .disabled, [type=checkbox]):hover, [data-chat-interface-theme] #chat-log ~ *#chat-form textarea:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-chat-interface-theme] #chat-log ~ *#chat-form textarea.disabled, [data-chat-interface-theme] #chat-log ~ *#chat-form textarea:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-chat-interface-theme] #chat-log ~ *#chat-form textarea.disabled::placeholder, [data-chat-interface-theme] #chat-log ~ *#chat-form textarea:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-chat-interface-theme] #chat-log ~ *#chat-form textarea::placeholder {
  color: var(--input-placeholder-color);
}
[data-chat-interface-theme] #chat-log ~ *#chat-form textarea[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}

[data-chat-interface-theme] #sidebar-tabs {
  border: unset;
}
[data-chat-interface-theme] #sidebar-tabs > .item.active {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  --button-focus-outline-color: transparent;
}
[data-chat-interface-theme] #sidebar-tabs > .item.active:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-chat-interface-theme] #sidebar-tabs > .item.active.view, [data-chat-interface-theme] #sidebar-tabs > .item.active.selected, [data-chat-interface-theme] #sidebar-tabs > .item.active.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-chat-interface-theme] #sidebar-tabs > .item.active.empty, [data-chat-interface-theme] #sidebar-tabs > .item.active.disabled, [data-chat-interface-theme] #sidebar-tabs > .item.active:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}

[data-theme].filepicker .display-modes a {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme].filepicker .display-modes a:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme].filepicker .display-modes a.view, [data-theme].filepicker .display-modes a.selected, [data-theme].filepicker .display-modes a.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme].filepicker .display-modes a.empty, [data-theme].filepicker .display-modes a.disabled, [data-theme].filepicker .display-modes a:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme].filepicker .private button.privacy {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  --button-background: #7331ff;
}
[data-theme].filepicker .private button.privacy:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme].filepicker .private button.privacy.view, [data-theme].filepicker .private button.privacy.selected, [data-theme].filepicker .private button.privacy.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme].filepicker .private button.privacy.empty, [data-theme].filepicker .private button.privacy.disabled, [data-theme].filepicker .private button.privacy:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme].filepicker .filepicker-header .quick-link-input-button {
  --box-shadow: none;
  --button-hover-background: none;
  --button-hover-border-color: transparent;
}

[data-theme].sheet.army {
  --color-text-light: var(--text-color-2);
}
[data-theme].sheet.army.window-app .window-header {
  background: #504c45;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  color: #ffffff !important;
}
[data-theme].sheet.army form {
  background: unset;
}
[data-theme].sheet.army form section.army-body fieldset {
  border: 1px solid var(--fieldset-border-color) !important;
  background: var(--fieldset-background-color) !important;
  border-radius: var(--border-radius);
}
[data-theme].sheet.army form section.army-body fieldset > legend {
  color: var(--fieldset-legend-color);
  text-shadow: unset;
}
[data-theme].sheet.army form .army-sidebar header {
  --primary: var(--color-primary-2);
}
[data-theme].sheet.army form ol.item-list li.item .item-icon {
  border-radius: 3px;
  border-color: var(--icon-border-color);
}

[data-theme].sheet.hazard {
  --color-text-light: var(--text-color-2);
}
[data-theme].sheet.hazard.window-app .window-header {
  background: #19302c;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  color: #ffffff !important;
}
[data-theme].sheet.hazard.window-app.minimized .window-header {
  border-radius: var(--border-radius);
}
[data-theme].sheet.hazard .section-container.publication .section-body input[type=text], [data-theme].sheet.hazard .container input[type=text], [data-theme].sheet.hazard .container input[type=number], [data-theme].sheet.hazard .container select {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme].sheet.hazard .section-container.publication .section-body input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.hazard .section-container.publication .section-body input[type=text]:focus, [data-theme].sheet.hazard .container input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.hazard .container input[type=text]:focus, [data-theme].sheet.hazard .container input[type=number]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.hazard .container input[type=number]:focus, [data-theme].sheet.hazard .container select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.hazard .container select:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme].sheet.hazard .section-container.publication .section-body input[type=text].disabled, [data-theme].sheet.hazard .section-container.publication .section-body input[type=text]:disabled, [data-theme].sheet.hazard .container input[type=text].disabled, [data-theme].sheet.hazard .container input[type=text]:disabled, [data-theme].sheet.hazard .container input[type=number].disabled, [data-theme].sheet.hazard .container input[type=number]:disabled, [data-theme].sheet.hazard .container select.disabled, [data-theme].sheet.hazard .container select:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme].sheet.hazard .section-container.publication .section-body input[type=text].disabled::placeholder, [data-theme].sheet.hazard .section-container.publication .section-body input[type=text]:disabled::placeholder, [data-theme].sheet.hazard .container input[type=text].disabled::placeholder, [data-theme].sheet.hazard .container input[type=text]:disabled::placeholder, [data-theme].sheet.hazard .container input[type=number].disabled::placeholder, [data-theme].sheet.hazard .container input[type=number]:disabled::placeholder, [data-theme].sheet.hazard .container select.disabled::placeholder, [data-theme].sheet.hazard .container select:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme].sheet.hazard .section-container.publication .section-body input[type=text]::placeholder, [data-theme].sheet.hazard .container input[type=text]::placeholder, [data-theme].sheet.hazard .container input[type=number]::placeholder, [data-theme].sheet.hazard .container select::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme].sheet.hazard .section-container.publication .section-body input[type=text][type=checkbox], [data-theme].sheet.hazard .container input[type=text][type=checkbox], [data-theme].sheet.hazard .container input[type=number][type=checkbox], [data-theme].sheet.hazard .container select[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme].sheet.hazard form > header {
  --text-dark: black;
}
[data-theme].sheet.hazard .section-container, [data-theme].sheet.hazard form > header {
  --input-text-color: white;
}
[data-theme].sheet.hazard form > header .details {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
[data-theme].sheet.hazard form > header .title {
  align-items: center;
}
[data-theme].sheet.hazard .sidebar .sidebar-title {
  border: unset;
}
[data-theme].sheet.hazard .sidebar {
  border: unset;
  box-shadow: unset;
}
[data-theme].sheet.hazard .sidebar > section {
  gap: 3px;
  display: flex;
  flex-direction: column;
}
[data-theme].sheet.hazard .section-container .section-header h4 {
  color: var(--text-color-2);
}
[data-theme].sheet.hazard .section-container {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  padding: unset;
  margin: 4px 6px 0;
  border: 1px solid var(--color-primary-3);
  background: var(--color-primary-4);
}
[data-theme].sheet.hazard .section-container .section-header {
  background: unset;
  border: unset;
}
[data-theme].sheet.hazard .section-container .section-body {
  background: unset;
  border: unset;
}

[data-theme].sheet.familiar form {
  background: unset;
}
[data-theme].sheet.familiar .section-container {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  --primary: var(--text-color-3);
  padding: unset;
  margin: 4px 6px 0;
  border: 1px solid var(--color-primary-3);
  background: var(--color-primary-4);
  border-radius: var(--border-radius);
}
[data-theme].sheet.familiar .section-container .section-header {
  background: unset;
  border: unset;
}
[data-theme].sheet.familiar .section-container .section-body {
  background: unset;
  border: unset;
}
[data-theme].sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input, [data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input, [data-theme].sheet.familiar select, [data-theme].sheet.familiar .familiar-section .familiar-content input[type=text] {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme].sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input:focus, [data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input:focus, [data-theme].sheet.familiar select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.familiar select:focus, [data-theme].sheet.familiar .familiar-section .familiar-content input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.familiar .familiar-section .familiar-content input[type=text]:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme].sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input.disabled, [data-theme].sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input:disabled, [data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input.disabled, [data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input:disabled, [data-theme].sheet.familiar select.disabled, [data-theme].sheet.familiar select:disabled, [data-theme].sheet.familiar .familiar-section .familiar-content input[type=text].disabled, [data-theme].sheet.familiar .familiar-section .familiar-content input[type=text]:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme].sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input.disabled::placeholder, [data-theme].sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input:disabled::placeholder, [data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input.disabled::placeholder, [data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input:disabled::placeholder, [data-theme].sheet.familiar select.disabled::placeholder, [data-theme].sheet.familiar select:disabled::placeholder, [data-theme].sheet.familiar .familiar-section .familiar-content input[type=text].disabled::placeholder, [data-theme].sheet.familiar .familiar-section .familiar-content input[type=text]:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme].sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input::placeholder, [data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input::placeholder, [data-theme].sheet.familiar select::placeholder, [data-theme].sheet.familiar .familiar-section .familiar-content input[type=text]::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme].sheet.familiar .familiar-sheet-header .header-content .details-section .hp-section .value input[type=checkbox], [data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input[type=checkbox], [data-theme].sheet.familiar select[type=checkbox], [data-theme].sheet.familiar .familiar-section .familiar-content input[type=text][type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme].sheet.familiar .familiar-sheet-header .header-content .charname input {
  font-size: 24px;
  margin-right: 100px;
}
[data-theme].sheet.familiar .skills-content .skills-list .skill-name {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme].sheet.familiar .skills-content .skills-list .skill-name:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme].sheet.familiar .skills-content .skills-list .skill-name.view, [data-theme].sheet.familiar .skills-content .skills-list .skill-name.selected, [data-theme].sheet.familiar .skills-content .skills-list .skill-name.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme].sheet.familiar .skills-content .skills-list .skill-name.empty, [data-theme].sheet.familiar .skills-content .skills-list .skill-name.disabled, [data-theme].sheet.familiar .skills-content .skills-list .skill-name:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}

[data-theme].sheet.actor.loot section.sidebar {
  box-shadow: unset;
  border: unset;
}
[data-theme].sheet.actor.loot section.sidebar .image-container > img.actor-image {
  border: unset;
}
[data-theme].sheet.actor.loot section.sidebar .gm-settings {
  border: unset;
}
[data-theme].sheet.actor.loot .sheet-header {
  border: unset;
  box-shadow: unset;
}
[data-theme].sheet.actor.loot section.sidebar .gm-settings .loot-distribution {
  box-shadow: unset;
  background: unset;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
[data-theme].sheet.actor.loot .sheet-header .tags .tag, [data-theme].sheet.actor.loot .sheet-header h1 > input {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme].sheet.actor.loot .sheet-header .tags .tag:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.actor.loot .sheet-header .tags .tag:focus, [data-theme].sheet.actor.loot .sheet-header h1 > input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.actor.loot .sheet-header h1 > input:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme].sheet.actor.loot .sheet-header .tags .tag.disabled, [data-theme].sheet.actor.loot .sheet-header .tags .tag:disabled, [data-theme].sheet.actor.loot .sheet-header h1 > input.disabled, [data-theme].sheet.actor.loot .sheet-header h1 > input:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme].sheet.actor.loot .sheet-header .tags .tag.disabled::placeholder, [data-theme].sheet.actor.loot .sheet-header .tags .tag:disabled::placeholder, [data-theme].sheet.actor.loot .sheet-header h1 > input.disabled::placeholder, [data-theme].sheet.actor.loot .sheet-header h1 > input:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme].sheet.actor.loot .sheet-header .tags .tag::placeholder, [data-theme].sheet.actor.loot .sheet-header h1 > input::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme].sheet.actor.loot .sheet-header .tags .tag[type=checkbox], [data-theme].sheet.actor.loot .sheet-header h1 > input[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme].sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme].sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme].sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button.view, [data-theme].sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button.selected, [data-theme].sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme].sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button.empty, [data-theme].sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button.disabled, [data-theme].sheet.actor.loot form section.sidebar .gm-settings .loot-distribution button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}

[data-theme][data-dorako-ui-scope=limited].sheet.pf2e.actor.npc.app {
  --section-background: var(--color-primary-5);
  --section-header: var(--color-primary-4);
  --section-border-color: var(--scrollbar-thumb-border-color);
  --section-outline-color: var(--color-secondary-5);
  --section-header-text-color: var(--text-color-2);
  --tag-border-color: var(--text-color-5);
  --tag-background-color: var(--color-secondary-4);
  --tag-text-color: var(--text-color-4);
  --color-text-dark-input: var(--text-color-3);
  --text-dark: var(--text-color-2);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .item-name h4:hover {
  --secondary: var(--accent-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .spell-level-header input[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
  max-width: 60px;
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .attribute select[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li.spell-level-header input, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .uses input {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li.spell-level-header input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li.spell-level-header input:focus, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .uses input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .uses input:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li.spell-level-header input.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li.spell-level-header input:disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .uses input.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .uses input:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li.spell-level-header input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li.spell-level-header input:disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .uses input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .uses input:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li.spell-level-header input::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .uses input::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li.spell-level-header input[type=checkbox], [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form ol.spell-list > li .uses input[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .actions-options .actions-option select {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .actions-options .actions-option select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .actions-options .actions-option select:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .actions-options .actions-option select.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .actions-options .actions-option select:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .actions-options .actions-option select.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .actions-options .actions-option select:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .actions-options .actions-option select::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .actions-options .actions-option select[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input:focus, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input:disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input:disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .attack-input[type=checkbox], [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .entries-list .spellcasting-entry .header .inline-field .dc-input[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text .license select {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text .license select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text .license select:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text .license select.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text .license select:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text .license select.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text .license select:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text .license select::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text .license select[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .spellcasting-entry select {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .spellcasting-entry select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .spellcasting-entry select:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .spellcasting-entry select.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .spellcasting-entry select:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .spellcasting-entry select.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .spellcasting-entry select:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .spellcasting-entry select::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .spellcasting-entry select[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text] {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text]:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text].disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text]:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text].disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text]:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text]::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section.publication .notes-text input[type=text][type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .side-bar-section.initiative select {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .side-bar-section.initiative select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .side-bar-section.initiative select:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .side-bar-section.initiative select.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .side-bar-section.initiative select:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .side-bar-section.initiative select.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .side-bar-section.initiative select:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .side-bar-section.initiative select::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .side-bar-section.initiative select[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme][data-dorako-ui-scope=limited].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .ammo select.linked {
  padding: 3px;
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .actions-list li.action:not(:last-child), [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .attacks-list li.action:not(:last-child) {
  border-color: var(--section-border-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-section > h4 {
  color: var(--text-color-2);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .details-label {
  color: var(--text-color-2);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .notes .notes-text {
  color: var(--text-color-3);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .footer button.spellcasting-create {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  transition: background 0.1s ease-in-out;
  --button-background: var(--accent-color);
  --button-border-color: var(--accent-color-dark);
  --button-text-color: var(--accent-text-color);
  --app-text-shadow: none;
  --button-hover-background: var(--accent-color-light);
  --button-hover-border-color: var(--accent-color);
  --button-hover-text-color: var(--accent-text-color);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .footer button.spellcasting-create:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .footer button.spellcasting-create.view, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .footer button.spellcasting-create.selected, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .footer button.spellcasting-create.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .footer button.spellcasting-create.empty, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .footer button.spellcasting-create.disabled, [data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .footer button.spellcasting-create:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme][data-dorako-ui-scope=limited].actor.npc.sheet form .sheet-body .footer button.spellcasting-create:disabled {
  --button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
  --button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
  --button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
}
[data-theme][data-dorako-ui-scope=limited].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-name, [data-theme][data-dorako-ui-scope=limited].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-name {
  gap: 5px;
}

[data-theme].app.npc-skills-editor form ol li.skill:nth-child(even) {
  background-color: color-mix(in srgb, var(--color-secondary-4) 20%, transparent);
}
[data-theme].app.npc-skills-editor form ol li.skill:nth-child(odd) {
  background-color: color-mix(in srgb, var(--color-secondary-4) 40%, transparent);
}
[data-theme].app.npc-skills-editor form ol li.skill.header {
  background-color: var(--color-primary-2);
}

[data-theme].pf2e.actor {
  --contrastive-transparent: rgba(255, 255, 255, 0.2);
}
[data-theme].actor.sheet .item-image:hover i {
  color: white;
  background: var(--color-primary-2);
  text-shadow: 0px 1px 2px black;
  border-radius: 3px;
}
[data-theme].pf2e.item.sheet form > nav > .tabs > a:last-of-type {
  padding: 5px 10px;
}
[data-theme].pf2e.actor form input[type=text], [data-theme].pf2e.actor form input[type=number] {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme].pf2e.actor form input[type=text]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.actor form input[type=text]:focus, [data-theme].pf2e.actor form input[type=number]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].pf2e.actor form input[type=number]:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme].pf2e.actor form input[type=text].disabled, [data-theme].pf2e.actor form input[type=text]:disabled, [data-theme].pf2e.actor form input[type=number].disabled, [data-theme].pf2e.actor form input[type=number]:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme].pf2e.actor form input[type=text].disabled::placeholder, [data-theme].pf2e.actor form input[type=text]:disabled::placeholder, [data-theme].pf2e.actor form input[type=number].disabled::placeholder, [data-theme].pf2e.actor form input[type=number]:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme].pf2e.actor form input[type=text]::placeholder, [data-theme].pf2e.actor form input[type=number]::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme].pf2e.actor form input[type=text][type=checkbox], [data-theme].pf2e.actor form input[type=number][type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme] .tags.paizo-style .tag.rarity.common,
[data-theme] .tags.paizo-style .tag.rarity[value=common],
[data-theme] .tags.paizo-style .tag.rarity > option[value=common] {
  --input-text-color: black;
}
[data-theme].pf2e.actor form .tag-legacy {
  background: var(--color-secondary-4);
  border: unset;
  box-shadow: 0px 0px 0px 1px var(--contrastive-transparent) inset;
}
[data-theme].spellcasting-entry.preparation ol.spell-list > li .item-summary {
  border: unset;
}
[data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item.unidentified {
  color: black;
  border-radius: var(--border-radius);
}
[data-theme].actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-summary {
  border-top: unset;
}

[data-theme] .tags,
[data-dorako-ui-scope=limited] .tags {
  --color-rarity-common: #323232;
}
[data-theme] .currency li > button,
[data-dorako-ui-scope=limited] .currency li > button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme] .currency li > button:not(.disabled, :disabled):hover,
[data-dorako-ui-scope=limited] .currency li > button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme] .currency li > button.view, [data-theme] .currency li > button.selected, [data-theme] .currency li > button.active,
[data-dorako-ui-scope=limited] .currency li > button.view,
[data-dorako-ui-scope=limited] .currency li > button.selected,
[data-dorako-ui-scope=limited] .currency li > button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme] .currency li > button.empty, [data-theme] .currency li > button.disabled, [data-theme] .currency li > button:disabled,
[data-dorako-ui-scope=limited] .currency li > button.empty,
[data-dorako-ui-scope=limited] .currency li > button.disabled,
[data-dorako-ui-scope=limited] .currency li > button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme].spellcasting-entry.preparation ol.spell-list > li .item-name .item-image, [data-theme].actor.sheet .item-image,
[data-dorako-ui-scope=limited].spellcasting-entry.preparation ol.spell-list > li .item-name .item-image,
[data-dorako-ui-scope=limited].actor.sheet .item-image {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  margin: 1px 2px;
  border: 1px solid;
  border-color: var(--icon-border-color);
  border-radius: 3px;
}
[data-theme].spellcasting-entry.preparation ol.spell-list > li .item-name .item-image img, [data-theme].actor.sheet .item-image img,
[data-dorako-ui-scope=limited].spellcasting-entry.preparation ol.spell-list > li .item-name .item-image img,
[data-dorako-ui-scope=limited].actor.sheet .item-image img {
  border-radius: 3px;
}
[data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed,
[data-dorako-ui-scope=limited].actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed {
  border-radius: 3px;
}
[data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed i,
[data-dorako-ui-scope=limited].actor.sheet.character .crb-style .sheet-body .sheet-content .item-image.framed i {
  text-shadow: none;
}

[data-theme][data-dorako-ui-scope=limited].sheet.party {
  --color-border: var(--color-primary-3);
  --alt-dark: var(--text-color-4);
  --sub: var(--color-secondary-3);
  --text-dark: var(--text-color-2);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party .tag-light {
  background: var(--tag-color);
  border-color: var(--color-secondary-4);
  color: white;
}
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav {
  background: unset;
  box-shadow: unset;
}
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav a,
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav .tab {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  font-family: var(--font-primary);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav a:not(.disabled, :disabled):hover,
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav .tab:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav a.view, [data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav a.selected, [data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav a.active,
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav .tab.view,
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav .tab.selected,
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav .tab.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav a.empty, [data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav a.disabled, [data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav a:disabled,
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav .tab.empty,
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav .tab.disabled,
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav .tab:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav a.active,
[data-theme][data-dorako-ui-scope=limited].sheet.party nav.sub-nav .tab.active {
  font-weight: unset;
}
[data-theme][data-dorako-ui-scope=limited].sheet.kingdom .tab.active[data-tab=activities] .skills .control-dc .mod, [data-theme][data-dorako-ui-scope=limited].sheet.kingdom .tab.active[data-tab=features] .feat-item .item-name .feat-slot-title {
  --secondary: var(--accent-color);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party .sidebar {
  box-shadow: unset;
  border: unset;
}
[data-theme][data-dorako-ui-scope=limited].sheet.party form {
  background: unset;
}
[data-theme][data-dorako-ui-scope=limited].sheet.party.window-app .window-header {
  background: #1f391f;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party.window-app.minimized .window-header {
  border-radius: var(--border-radius);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .summary {
  background: var(--color-primary-4);
  border-image-source: var(--ornamentation);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .summary nav button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .summary nav button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .summary nav button.view, [data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .summary nav button.selected, [data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .summary nav button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .summary nav button.empty, [data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .summary nav button.disabled, [data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .summary nav button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .member > .data .main-stats > section {
  background-color: var(--color-primary-4);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .member > .data .main-stats > section.ac {
  background: unset;
  border: unset;
}
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .member > .data .main-stats .ac .value {
  color: var(--color-primary-1);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=aftermath] .activities .member-activity .empty .name, [data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=exploration] .activities .member-activity .empty .name {
  color: var(--text-color-2);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=aftermath] .activities .member-activity, [data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=exploration] .activities .member-activity {
  background-color: var(--color-primary-4);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=aftermath] .member > .data header .hero-points .empty, [data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .member > .data header .hero-points .empty {
  border: 2px dashed var(--color-primary-2);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=aftermath] .member > .data header .name, [data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=overview] .member > .data header .name {
  color: var(--text-color-2);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party header.content-header .buttons {
  gap: 5px;
}
[data-theme][data-dorako-ui-scope=limited].sheet.party header.content-header .buttons button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party header.content-header .buttons button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party header.content-header .buttons button.view, [data-theme][data-dorako-ui-scope=limited].sheet.party header.content-header .buttons button.selected, [data-theme][data-dorako-ui-scope=limited].sheet.party header.content-header .buttons button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme][data-dorako-ui-scope=limited].sheet.party header.content-header .buttons button.empty, [data-theme][data-dorako-ui-scope=limited].sheet.party header.content-header .buttons button.disabled, [data-theme][data-dorako-ui-scope=limited].sheet.party header.content-header .buttons button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=aftermath] .activities .member-activity .empty .icon, [data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=exploration] .activities .member-activity .empty .icon {
  background: var(--color-primary-5);
}
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .activity-name {
  overflow: unset;
}
[data-theme][data-dorako-ui-scope=limited].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .icon img {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  filter: unset;
  border-color: var(--color-primary-2);
}

[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .time .time-options {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .time .time-options:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .time .time-options:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .time .time-options.disabled, [data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .time .time-options:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .time .time-options.disabled::placeholder, [data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .time .time-options:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .time .time-options::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .time .time-options[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .run-actions button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .run-actions button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .run-actions button.view, [data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .run-actions button.selected, [data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .run-actions button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .run-actions button.empty, [data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .run-actions button.disabled, [data-theme].sheet.party [data-tab=aftermath] .activities .member-activity .activity-entries .activity .run-actions button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}

.chat-message[data-theme] {
  background: unset;
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--window-app-background);
  border: var(--window-app-border-width) solid var(--window-app-border-color);
  --color-text-light-6: var(--color-secondary-4);
  --color-text-dark-secondary: var(--text-color-4);
}
.chat-message[data-theme] > .message-content .message-buttons button .cue i {
  --fa-primary-color: var(--text-color-1);
  --fa-secondary-color: var(--text-color-3);
}
.chat-message[data-theme] .message-content {
  text-shadow: 0px 1px 1px black;
}
.chat-message[data-theme] .pf2e.chat-card .card-header h3 {
  font-family: var(--serif);
  font-size: x-large;
  line-height: 1.3rem;
  color: var(--text-color-2);
}
.chat-message[data-theme] .pf2e.chat-card .card-header h3.pf2-icon {
  font-family: "Pathfinder2eActions", sans-serif;
  flex: 0;
  margin-right: 5px;
}
.chat-message[data-theme] .pf2e.chat-card .card-footer span {
  border-right: 1px solid var(--color-secondary-4);
}
.chat-message[data-theme] .pf2e.chat-card .card-footer span:last-child {
  border: unset;
}
.chat-message[data-theme] .table-draw .table-results .table-result img.result-image {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  border: 1px solid var(--icon-border-color);
}
.chat-message[data-theme] .table-draw .table-results .table-result img.result-image[src$=".svg"] {
  background-color: white;
}
.chat-message[data-theme] .dice-tooltip .dice-rolls .roll.d20 {
  text-shadow: none;
}
.chat-message[data-theme] .message-content .damage-roll .dice-result .dice-tooltip .instance {
  border-radius: var(--border-radius);
}
.chat-message[data-theme] .dice-roll .dice-formula,
.chat-message[data-theme] .dice-roll .dice-total {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
}
.chat-message[data-theme] .dice-roll .dice-formula button,
.chat-message[data-theme] .dice-roll .dice-total button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  transition: background 0.1s ease-in-out;
  --button-background: var(--accent-color);
  --button-border-color: var(--accent-color-dark);
  --button-text-color: var(--accent-text-color);
  --app-text-shadow: none;
  --button-hover-background: var(--accent-color-light);
  --button-hover-border-color: var(--accent-color);
  --button-hover-text-color: var(--accent-text-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-message[data-theme] .dice-roll .dice-formula button:not(.disabled, :disabled):hover,
.chat-message[data-theme] .dice-roll .dice-total button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
.chat-message[data-theme] .dice-roll .dice-formula button.view, .chat-message[data-theme] .dice-roll .dice-formula button.selected, .chat-message[data-theme] .dice-roll .dice-formula button.active,
.chat-message[data-theme] .dice-roll .dice-total button.view,
.chat-message[data-theme] .dice-roll .dice-total button.selected,
.chat-message[data-theme] .dice-roll .dice-total button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
.chat-message[data-theme] .dice-roll .dice-formula button.empty, .chat-message[data-theme] .dice-roll .dice-formula button.disabled, .chat-message[data-theme] .dice-roll .dice-formula button:disabled,
.chat-message[data-theme] .dice-roll .dice-total button.empty,
.chat-message[data-theme] .dice-roll .dice-total button.disabled,
.chat-message[data-theme] .dice-roll .dice-total button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
.chat-message[data-theme] .dice-roll .dice-formula button:disabled,
.chat-message[data-theme] .dice-roll .dice-total button:disabled {
  --button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
  --button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
  --button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
}
.chat-message[data-theme] .dice-tooltip .part-header .part-total {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  box-shadow: unset;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: unset;
}
.chat-message[data-theme] .pf2e.chat-card .card-header {
  border: unset;
}
.chat-message[data-theme] .pf2e.chat-card .card-header img {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  border: 1px solid;
  border-color: var(--icon-border-color);
}
.chat-message[data-theme] .pf2e.chat-card .card-footer {
  border-top: 1px solid var(--app-border-color);
  margin: 0px -5px;
  padding: 0px 5px;
}

/* ----------------------------------------- */
/* Damage buttons                            */
/* ----------------------------------------- */
.chat-message[data-theme] .flavor-text hr {
  display: none;
}
.chat-message[data-theme] .card-content hr {
  margin-left: -5px;
  margin-right: -5px;
}
.chat-message[data-theme] .pf2e.chat-card .card-buttons .spell-attack-buttons,
.chat-message[data-theme] .pf2e.chat-card .card-buttons .spell-button {
  gap: 3px;
}

.chat-message[data-theme] .persistent-damage-recovery {
  margin-top: 4px;
}
.chat-message[data-theme] .persistent-damage-recovery hr {
  display: none;
}

.message[data-theme]:not([data-theme^=crb][data-color-scheme=light]) .message-content .damage-application img {
  filter: invert(1) brightness(0.7) sepia(1) grayscale(0.7) drop-shadow(0px 1px 1px black);
}
.message[data-theme]:not([data-theme^=crb][data-color-scheme=light]) .message-content .damage-application button:hover img {
  filter: invert(1) drop-shadow(0px 1px 1px black);
}

.message[data-theme] .message-content .damage-application {
  gap: 3px;
  margin-top: 3px;
  text-rendering: geometricPrecision;
}
.message[data-theme] .message-content .damage-application button {
  margin: 0px;
}
.message[data-theme] .message-content .damage-application button.half-damage .transparent-half {
  display: none;
}
.message[data-theme] .message-content .damage-application button.half-damage .fa-heart-broken {
  position: relative;
  -webkit-text-fill-color: unset;
}
.message[data-theme] .message-content .damage-application button.half-damage .fa-heart-broken::before {
  opacity: 0.5;
}
.message[data-theme] .message-content .damage-application button.half-damage .fa-heart-broken::after {
  content: "\f7a9";
  font-family: "Font Awesome 5 Free";
  display: block;
  z-index: 1;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 2.4px;
  clip-path: polygon(45% 0%, 50% 100%, 100% 100%, 100% 4%);
}
.message[data-theme] .message-content .damage-application button[data-action=shield-block]:hover {
  background-color: var(--color-secondary-2);
  border: var(--app-border-width) solid;
  border-color: var(--color-secondary-1);
}
.message[data-theme] .message-content .damage-application button[data-action=shield-block].shield-activated {
  color: var(--button-hover-text-color);
  background-color: var(--color-secondary-1);
  border: var(--app-border-width) solid;
  border-color: var(--color-secondary-2);
}
.message[data-theme] .message-content .damage-application button[data-action=shield-block].shield-activated:hover {
  background-color: var(--color-secondary-2);
  border: var(--app-border-width) solid;
  border-color: var(--color-secondary-1);
}
.message[data-theme] .message-content .damage-application button[data-action=apply-healing] .fa-stack i.fa-plus {
  --fa-inverse: white;
  text-shadow: none;
}
.message[data-theme] .message-content .damage-application button[data-action=apply-healing]:hover {
  background-color: var(--color-level-success);
  border-color: var(--color-level-success-border);
}
.message[data-theme] .message-content .damage-application button[data-action=apply-healing]:hover .fa-stack i.fa-plus {
  --fa-inverse: var(--color-level-success);
  text-shadow: none;
}

/* ----------------------------------------- */
/* Header                                    */
/* ----------------------------------------- */
.chat-message[data-theme] .message-header {
  border-radius: var(--border-radius) var(--border-radius) 0px 0px;
}
.chat-message[data-theme] .message-header .player-name,
.chat-message[data-theme] .message-header .message-sender {
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.chat-message[data-theme] .message-header .portrait-and-name {
  flex-grow: 1;
  display: flex;
  flex-basis: 100px;
  gap: 5px;
}
.chat-message[data-theme] .message-header .portrait-and-name .portrait-wrapper {
  width: var(--avatar-size);
  display: flex;
  flex: none;
  justify-content: center;
  align-items: center;
}
.chat-message[data-theme] .message-header .portrait-and-name .portrait-wrapper .portrait {
  height: var(--avatar-size);
  object-fit: contain;
  z-index: 0;
}
.chat-message[data-theme] .message-header .portrait-and-name .portrait-wrapper .portrait.actor {
  border-radius: 3px;
}
.chat-message[data-theme] .message-header .portrait-and-name .sender-wrapper {
  display: flex;
  gap: 3px;
  flex-direction: column;
  justify-content: left;
  align-self: center;
  z-index: 1;
}
.chat-message[data-theme] .message-header .portrait-and-name .sender-wrapper .message-sender,
.chat-message[data-theme] .message-header .portrait-and-name .sender-wrapper .player-name {
  align-self: flex-start;
  line-height: initial;
}

/* ----------------------------------------- */
/* System overwrites                         */
/* ----------------------------------------- */
[data-theme].chat-message > .message-content ul.participant-conditions {
  border: unset;
  box-shadow: unset;
}
[data-theme].chat-message > .message-content ul.participant-conditions li img {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
}
[data-theme].chat-message .message-content .damage-taken button.revert-damage {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme].chat-message .message-content .damage-taken button.revert-damage:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme].chat-message .message-content .damage-taken button.revert-damage.view, [data-theme].chat-message .message-content .damage-taken button.revert-damage.selected, [data-theme].chat-message .message-content .damage-taken button.revert-damage.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme].chat-message .message-content .damage-taken button.revert-damage.empty, [data-theme].chat-message .message-content .damage-taken button.revert-damage.disabled, [data-theme].chat-message .message-content .damage-taken button.revert-damage:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme].chat-message.emote > .message-content p.action-content img {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  border: 1px solid;
  border-color: var(--icon-border-color);
}
[data-theme] .dice-roll .dice-total.success {
  color: var(--degree-success-critical);
}
[data-theme] .dice-roll .dice-total.failure {
  color: var(--degree-failure-critical);
}

[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .fumble-deck,
[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .critical-deck {
  --text-dark: var(--text-color-2);
}
[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .fumble-deck blockquote,
[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .critical-deck blockquote {
  color: var(--text-color-3);
  box-shadow: 0px 1px 3px 1px black;
  background: var(--color-primary-4);
}
[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .fumble-deck blockquote {
  border: 1px solid var(--color-level-error);
  background-color: var(--color-level-error-bg);
}
[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .critical-deck blockquote {
  border: 1px solid var(--color-level-success);
  background-color: var(--color-level-success-bg);
}
[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .fumble-deck h1,
[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .critical-deck h1 {
  background-color: var(--color-primary-2);
  border: 1px solid var(--color-primary-1);
  color: var(--text-color-2);
  text-shadow: 0px 1px 2px black;
  box-shadow: 0px 1px 3px 1px black;
  font-family: var(--font-primary);
}
[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .fumble-deck code,
[data-theme] .window-content .journal-entry-content .journal-entry-page .journal-page-content .critical-deck code {
  background: unset;
  box-shadow: unset;
  border-radius: 32px;
  background-color: var(--color-secondary-2);
  border: 1px solid var(--color-secondary-1);
  color: var(--text-color-2);
  text-shadow: 0px 1px 2px black;
  box-shadow: 0px 1px 3px 1px black;
  font-family: var(--font-primary);
}

[data-theme].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action .item-summary, [data-theme].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .item-summary, [data-theme].sheet.party [data-tab=overview] .summary, [data-theme].sheet.party [data-tab=exploration] .activities .member-activity, [data-theme].sheet.party [data-tab=aftermath] .activities .member-activity, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute h3.modifier, [data-theme].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels ol.actions-list li.action.expanded .item-summary, [data-theme].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions .actions-container .actions-tabs-wrapper .actions-panels .actions-options, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.crafting .crafting-options, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .skills-list .skill, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .lores-list .skill, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .proficiencies-pane .combat-list .skill, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .ability-scores .ability h3.ability-mod, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attribute-modifiers .attribute, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attribute-modifiers .attribute h3.attribute-mod {
  border-image-source: var(--ornamentation);
}

/* ----------------------------------------- */
/* PC Sheet Theme                            */
/* ----------------------------------------- */
[data-theme][data-theme-color] {
  --ornamentation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1%7Bstroke:%23231f20;stroke-miterlimit:10%7D.st1,.st2%7Bfill:none%7D%3C/style%3E%3Cg opacity='.25'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cg%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zM3.6 3.6h3.1v3.1H3.6zM6.8 3.6h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zM3.6 6.8H.5V13M13 .5H6.8v3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M29.4.5h3.1v3.1h-3.1zM26.3 3.6h3.1v3.1h-3.1zM26.3 6.8h3.1v3.1h-3.1zM23.1 3.6h3.1v3.1h-3.1zM26.3 3.6V.5H20'/%3E%3Cpath class='st1' d='M32.5 13V6.8h-3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zM23.1 26.3h3.1v3.1h-3.1zM26.3 23.1h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zM3.6 26.3h3.1v3.1H3.6zM3.6 23.1h3.1v3.1H3.6zM6.8 26.3h3.1v3.1H6.8z'/%3E%3Cpath class='st1' d='M6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
[data-theme][data-theme-color].actor.sheet .crb-style .sheet-body .sheet-content ol.directory-list .action-header {
  background: var(--theme-color);
}
[data-theme][data-theme-color].actor.sheet .inventory .container-metadata .container-capacity .container-capacity-bar, [data-theme][data-theme-color].actor.sheet .inventory .encumbrance .encumbrance-bar {
  background: var(--theme-color);
}
[data-theme][data-theme-color].actor.sheet .inventory .encumbrance.over-limit .encumbrance-bar {
  background: var(--theme-text-color) !important;
}
[data-theme][data-theme-color].actor.sheet .blue-button {
  background: var(--theme-text-color) !important;
}
[data-theme][data-theme-color].actor.sheet .crb-style .stroke-header svg {
  fill: none;
}

[data-theme].actor.sheet[data-theme-color] .window-content .inventory ul.items > li .item-summary,
[data-theme].actor.sheet[data-theme-color] .inventory .item-summary {
  background: color-mix(in srgb, var(--theme-color) 25%, transparent);
}
[data-theme].actor.sheet[data-theme-color] aside .logo {
  filter: grayscale(0.6);
}
[data-theme].actor.sheet[data-theme-color] aside .sidebar .hitpoints .hp-big .container.current-hp {
  background-image: linear-gradient(90deg, var(--theme-color) 0%, var(--theme-text-color) 50%, var(--theme-color) 100%);
  background-color: var(--secondary);
}
[data-theme].actor.sheet[data-theme-color] aside .sidebar .initiative-select select {
  background-color: var(--theme-color);
}
[data-theme].actor.sheet[data-theme-color] nav.sheet-navigation {
  background: var(--theme-text-color);
}
[data-theme].actor.sheet[data-theme-color=red] {
  --theme-text-color: var(--primary-light);
  --theme-color: var(--primary);
  --theme-color-dark: var(--primary-dark);
}
[data-theme].actor.sheet[data-theme-color=red] .crb-style {
  --header: url("../img/red-header.webp");
  background-image: url("../img/red-header.webp"), var(--sheet);
}
[data-theme].actor.sheet[data-theme-color=blue] {
  --scrollbar-thumb-background: var(--secondary-light);
  --scrollbar-thumb-border-color: var(--tertiary);
  --color-scrollbar-hover: var(--theme-text-color);
  --theme-color-dark: var(--secondary-dark);
  --theme-color: var(--secondary);
  --theme-text-color: var(--secondary-light);
}
[data-theme].actor.sheet[data-theme-color=blue] .crb-style {
  --header: url("../img/blue-header.webp");
  background-image: url("../img/blue-header.webp"), var(--sheet);
}
[data-theme].actor.sheet[data-theme-color=blue] .crb-style aside {
  background-image: url("../img/blue-sidebar-top.webp"), url("../img/blue-sidebar-bottom.webp");
}
[data-theme].actor.sheet[data-theme-color=blue] .crb-style aside .sidebar .armor-class .shield.hp {
  background: url("../img/blue-shield.webp") no-repeat top center;
}
[data-theme].actor.sheet[data-theme-color=blue] .crb-style header.char-header .char-level .level {
  background: url("../img/blue-level-badge.webp") no-repeat;
}
[data-theme].actor.sheet[data-theme-color=blue] .crb-style nav.sheet-navigation .item:hover,
[data-theme].actor.sheet[data-theme-color=blue] .crb-style nav.sheet-navigation .item.active {
  background-image: url("../img/blue-nav-item.webp");
}
[data-theme].actor.sheet[data-theme-color=green] {
  --scrollbar-thumb-background: var(--remaster-light);
  --scrollbar-thumb-border-color: var(--tertiary);
  --color-scrollbar-hover: var(--theme-text-color);
  --theme-color-dark: var(--remaster-dark);
  --theme-color: var(--remaster);
  --theme-text-color: var(--remaster-light);
}
[data-theme].actor.sheet[data-theme-color=green] .crb-style {
  --header: url("../img/green-header.webp");
  background-image: url("../img/green-header.webp"), var(--sheet);
}
[data-theme].actor.sheet[data-theme-color=green] .crb-style aside {
  background-image: url("../img/green-sidebar-top.webp"), url("../img/green-sidebar-bottom.webp");
}
[data-theme].actor.sheet[data-theme-color=green] .crb-style aside .armor-class .shield.hp {
  background: url("../img/blue-shield.webp") no-repeat top center;
}
[data-theme].actor.sheet[data-theme-color=green] header.char-header .char-level .level {
  background: url("../img/blue-level-badge.webp") no-repeat;
}
[data-theme].actor.sheet[data-theme-color=green] nav.sheet-navigation .item:hover,
[data-theme].actor.sheet[data-theme-color=green] nav.sheet-navigation .item.active {
  background-image: url("../img/green-nav-item.webp");
}
[data-theme].actor.sheet[data-theme-color=purple] {
  --theme-color-dark: #3b0062;
  --theme-color: #520982;
  --theme-text-color: rgb(107, 29, 137);
  --color-scrollbar-hover: var(--theme-text-color);
  --scrollbar-thumb-background: var(--theme-color);
  --scrollbar-thumb-border-color: var(--tertiary);
}
[data-theme].actor.sheet[data-theme-color=purple] .crb-style {
  --header: url("../img/purple-header.webp");
  background-image: url("../img/purple-header.webp"), var(--sheet);
}
[data-theme].actor.sheet[data-theme-color=purple] .crb-style aside {
  background-image: url("../img/purple-sidebar-top.webp"), url("../img/purple-sidebar-bottom.webp");
}
[data-theme].actor.sheet[data-theme-color=purple] .crb-style aside .armor-class .shield.hp {
  background: url("../img/blue-shield.webp") no-repeat top center;
}
[data-theme].actor.sheet[data-theme-color=purple] .crb-style header.char-header .char-level .level {
  background: url("../img/blue-level-badge.webp") no-repeat;
}
[data-theme].actor.sheet[data-theme-color=purple] .crb-style nav.sheet-navigation .item:hover,
[data-theme].actor.sheet[data-theme-color=purple] .crb-style nav.sheet-navigation .item.active {
  background-image: url("../img/blue-nav-item.webp");
}
[data-theme].actor.sheet[data-theme-color=black] {
  --theme-color-dark: black;
  --theme-color: #111;
  --theme-text-color: #222;
  --scrollbar-thumb-background: var(--theme-color);
  --scrollbar-thumb-border-color: var(--tertiary);
  --color-scrollbar-hover: var(--theme-text-color);
}
[data-theme].actor.sheet[data-theme-color=black] .crb-style {
  --header: url("../img/black-header.webp");
  background-image: url("../img/green-header.webp"), var(--sheet);
}
[data-theme].actor.sheet[data-theme-color=black] .crb-style aside {
  background-image: url("../img/black-sidebar-top.webp"), url("../img/black-sidebar-bottom.webp");
}
[data-theme].actor.sheet[data-theme-color=black] .crb-style aside .armor-class .shield.hp {
  background: url("../img/blue-shield.webp") no-repeat top center;
}
[data-theme].actor.sheet[data-theme-color=black] .crb-style header.char-header .char-level .level {
  background: url("../img/blue-level-badge.webp") no-repeat;
}
[data-theme].actor.sheet[data-theme-color=black] .crb-style nav.sheet-navigation .item:hover,
[data-theme].actor.sheet[data-theme-color=black] .crb-style nav.sheet-navigation .item.active {
  background-image: url("../img/blue-nav-item.webp");
}

[data-theme][data-dorako-ui-scope=limited].actor.sheet .crb-style {
  background: unset;
  background: var(--header), transparent !important;
  background-repeat: repeat-x, no-repeat !important;
  background-size: auto 89px, cover !important;
  background-attachment: local !important;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme-color]).sheet.actor.window-app.character .window-header, [data-theme][data-dorako-ui-scope=limited]:not([data-theme-color]).sheet.actor.window-app.vehicle .window-header, [data-theme][data-dorako-ui-scope=limited][data-theme-color=red].sheet.actor.window-app.vehicle .window-header, [data-theme][data-dorako-ui-scope=limited][data-theme-color=red].sheet.actor.window-app.character .window-header {
  background: #5a0c02;
}
[data-theme][data-dorako-ui-scope=limited][data-theme-color=green].sheet.actor.window-app.vehicle .window-header, [data-theme][data-dorako-ui-scope=limited][data-theme-color=green].sheet.actor.window-app.character .window-header {
  background: #0e2a1a;
}
[data-theme][data-dorako-ui-scope=limited][data-theme-color=blue].sheet.actor.window-app.vehicle .window-header, [data-theme][data-dorako-ui-scope=limited][data-theme-color=blue].sheet.actor.window-app.character .window-header {
  background: #1a1e5f;
}
[data-theme][data-dorako-ui-scope=limited][data-theme-color=purple].sheet.actor.window-app.vehicle .window-header, [data-theme][data-dorako-ui-scope=limited][data-theme-color=purple].sheet.actor.window-app.character .window-header {
  background: #340c5b;
}
[data-theme][data-dorako-ui-scope=limited][data-theme-color=black].sheet.actor.window-app.vehicle .window-header, [data-theme][data-dorako-ui-scope=limited][data-theme-color=black].sheet.actor.window-app.character .window-header {
  background: #151515;
}
[data-theme][data-dorako-ui-scope=limited][data-theme-color].sheet.actor.window-app.vehicle .window-header, [data-theme][data-dorako-ui-scope=limited][data-theme-color].sheet.actor.window-app.character .window-header {
  color: white;
}
[data-theme][data-dorako-ui-scope=limited].sheet.actor.window-app.minimized .window-header {
  border-radius: var(--border-radius);
}

[data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill .skill-score, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill .skill-score, [data-theme].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill .skill-score {
  color: var(--accent-color);
}

/* ----------------------------------------- */
/* Theme                                     */
/* ----------------------------------------- */
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) {
  --color-text-dark-4: var(--text-color-5);
  --color-pf-primary: var(--color-primary-1);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body {
  background: unset;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body input[type=number] {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body input[type=number]:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body input[type=number]:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body input[type=number].disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body input[type=number]:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body input[type=number].disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body input[type=number]:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body input[type=number]::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body input[type=number][type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body section.major > header,
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .details-label,
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body h1,
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body h2,
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body h3,
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body h4,
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body h5,
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body h6 {
  --primary: var(--text-color-2);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) button.daily-crafting {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  transition: background 0.1s ease-in-out;
  --button-background: var(--accent-color);
  --button-border-color: var(--accent-color-dark);
  --button-text-color: var(--accent-text-color);
  --app-text-shadow: none;
  --button-hover-background: var(--accent-color-light);
  --button-hover-border-color: var(--accent-color);
  --button-hover-text-color: var(--accent-text-color);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) button.daily-crafting:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) button.daily-crafting.view, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) button.daily-crafting.selected, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) button.daily-crafting.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) button.daily-crafting.empty, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) button.daily-crafting.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) button.daily-crafting:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) button.daily-crafting:disabled {
  --button-background: color-mix(in srgb, var(--button-background) 50%, transparent 50%);
  --button-border-color: color-mix(in srgb, var(--button-border-color) 50%, transparent 50%);
  --button-hover-background: color-mix(in srgb, var(--button-hover-background) 50%, transparent 50%);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .abcd img.deity-emblem, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .pc_deity img.symbol {
  background: var(--color-primary-4);
  border: 1px solid var(--color-primary-3);
  box-shadow: 0px 0px 0px 1px var(--color-primary-3), var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav {
  background: unset;
  box-shadow: unset;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav a,
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav .tab {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  font-family: var(--font-primary);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav a:not(.disabled, :disabled):hover,
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav .tab:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav a.view, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav a.selected, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav a.active,
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav .tab.view,
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav .tab.selected,
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav .tab.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav a.empty, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav a.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav a:disabled,
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav .tab.empty,
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav .tab.disabled,
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav .tab:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav a.active,
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).sheet.actor .crb-style nav.sub-nav .tab.active {
  font-weight: unset;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .item-image:hover i {
  background: var(--color-primary-2);
  color: var(--text-color-1);
  text-shadow: 0px 1px 2px black;
  border-radius: 2px;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input:focus, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input:focus, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input:disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input:disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input:disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input:disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.lores-list input[type=checkbox], [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill input[type=checkbox], [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill input[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography section input[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
  height: auto;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.biography .editor .tox.tox-tinymce {
  background: white;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style.locked.limited .sheet-body .sheet-content .tab.biography section input,
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style.locked.limited .sheet-body .sheet-content .tab.biography .editor {
  --input-text-color: var(--text-color-3);
  --input-focus-text-color: var(--text-color-3);
  --input-background: transparent;
  --input-border-color: transparent;
  --input-focus-outline-color: transparent;
  --box-shadow: transparent;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style.locked.limited .sheet-body .sheet-content .tab.biography section input:hover,
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style.locked.limited .sheet-body .sheet-content .tab.biography .editor:hover {
  outline-color: transparent;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input:focus, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input:disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input:disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header input[type=checkbox], [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .uses input[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3 {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
  padding: 0.5em 0.25em;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .pc h3:hover {
  outline: 0px transparent !important;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .crb-style .details-input {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .crb-style .details-input:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .crb-style .details-input:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .crb-style .details-input.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .crb-style .details-input:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .crb-style .details-input.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .crb-style .details-input:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .crb-style .details-input::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .crb-style .details-input[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate:not(.disabled, :disabled):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.view, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.selected, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.active, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.view, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.selected, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.empty, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate:disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.empty, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions button.activate:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style aside .sidebar .tags .tag.edit-btn {
  background: #dad8cc;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .rollable .d20-svg {
  filter: invert(1);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .character-details .alignment select {
  --input-text-color: black;
  --input-background: transparent;
  --input-border-color: transparent;
  --box-shadow: transparent;
  color: black;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .label {
  opacity: unset;
  color: var(--text-color-5);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li .modifier {
  --primary: var(--accent-color);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li a.skill-name:hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies ul.proficiencies-list li a.modifier:hover {
  --primary: var(--accent-color-light);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike {
  border-image: linear-gradient(90deg, transparent, var(--color-primary-2) 20%, transparent) 1;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike {
  --text-dark: black;
  --primary: var(--color-primary-2);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .button-group button {
  --primary: var(--system-primary);
  --secondary: var(--system-secondary);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .attack-popout select {
  background: var(--input-background);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color) !important;
  color: var(--input-text-color);
  box-shadow: var(--input-box-shadow) !important;
  align-items: center;
  border-radius: 4px;
  outline: 1px solid transparent;
  user-select: text;
  transition: outline-color 0.5s;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .attack-popout select:not(:disabled, .disabled, [type=checkbox]):hover, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .attack-popout select:focus {
  outline: 1px solid var(--input-focus-outline-color);
  border: var(--app-border-width) solid;
  border-color: var(--input-border-color);
  color: var(--input-focus-text-color);
  box-shadow: var(--box-shadow);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .attack-popout select.disabled, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .attack-popout select:disabled {
  --input-text-color: var(--text-color-disabled);
  --input-background: var(--input-disabled-background);
  --input-border-color: var(--input-disabled-border-color);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .attack-popout select.disabled::placeholder, [data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .attack-popout select:disabled::placeholder {
  color: color-mix(in srgb, var(--input-placeholder-color) 50%, transparent);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .attack-popout select::placeholder {
  color: var(--input-placeholder-color);
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]) .attack-popout select[type=checkbox] {
  outline: unset !important;
  border: unset !important;
  box-shadow: unset !important;
}
[data-theme][data-dorako-ui-scope=limited]:not([data-theme^=crb][data-color-scheme=light]).actor.sheet.character .attack-popout.actions ol.actions-list li.strike .item-name .item-image {
  flex: 0 0 32px;
}

[data-theme][data-color-scheme=dark].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike .alt-usage .alt-usage-icon[src$=svg] {
  filter: invert(1);
}

[data-theme].spellcasting-entry.preparation ol.spell-list > li.spell-level-header, [data-theme].actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header,
[data-dorako-ui-scope=limited].spellcasting-entry.preparation ol.spell-list > li.spell-level-header,
[data-dorako-ui-scope=limited].actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li.spell-level-header {
  background: var(--color-secondary-5-75);
}
[data-theme].spellcasting-entry.preparation,
[data-dorako-ui-scope=limited].spellcasting-entry.preparation {
  --color-border-light-2: var(--color-secondary-4);
}

[data-theme]#compendium-browser > section.window-content > .content-box .compendium-browser-settings form .setting-section, [data-theme]#license-viewer > section.window-content > .content-box .compendium-browser-settings form .setting-section, [data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .filtercontainer, [data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .sortcontainer, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .filtercontainer, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .sortcontainer {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  padding: 5px;
  cursor: pointer;
  color: var(--input-text-color);
  margin-left: 2px;
}
[data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--button-background);
  border: var(--app-border-width) solid var(--button-border-color);
  color: var(--button-text-color);
  box-shadow: var(--box-shadow);
  text-decoration: none;
  cursor: pointer;
  text-shadow: var(--app-text-shadow);
  padding: 5px;
  margin-bottom: 5px;
}
[data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button:not(.disabled, :disabled):hover, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button:not(.disabled, :disabled):hover {
  background: var(--button-hover-background);
  color: var(--button-hover-text-color);
  border: var(--app-border-width) solid var(--button-hover-border-color);
  box-shadow: var(--box-shadow);
}
[data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button.view, [data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button.selected, [data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button.active, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button.view, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button.selected, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button.active {
  background: var(--button-hover-background);
  outline: 1px solid var(--button-focus-outline-color);
  border-color: var(--button-hover-border-color);
  color: var(--button-hover-text-color);
  text-decoration: none !important;
  font-weight: unset !important;
}
[data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button.empty, [data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button.disabled, [data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .list-buttons button:disabled, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button.empty, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button.disabled, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .list-buttons button:disabled {
  --button-background: var(--button-disabled-background);
  --button-hover-background: var(--button-disabled-background);
  --button-border-color: var(--button-disabled-border-color);
  --button-text-color: var(--text-color-5);
}
[data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .control-area, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .control-area {
  display: flex;
  flex-direction: column;
  gap: 5px;
  overflow-x: clip;
}
[data-theme]#compendium-browser > section.window-content > .content-box .spell-browser .control-area > div:first-child, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser .control-area > div:first-child {
  margin-top: 10px;
}
[data-theme]#compendium-browser .spell-browser .item img {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
}
[data-theme]#compendium-browser [data-tab=action] .spell-browser .item img, [data-theme]#compendium-browser [data-tab=spell] .spell-browser .item img {
  background-color: white;
}
[data-theme]#compendium-browser > section.window-content > .content-box .compendium-browser-settings > nav, [data-theme]#license-viewer > section.window-content > .content-box .compendium-browser-settings > nav, [data-theme]#compendium-browser > section.window-content > .content-box > nav, [data-theme]#license-viewer > section.window-content > .content-box > nav {
  --secondary: var(--color-secondary-3);
}
[data-theme]#compendium-browser > section.window-content > .content-box .spell-browser ul.result-list > li:hover, [data-theme]#license-viewer > section.window-content > .content-box .spell-browser ul.result-list > li:hover {
  background-color: rgba(122, 122, 122, 0.5);
}
[data-theme].roll-modifiers-dialog {
  --secondary: var(--color-secondary-3);
  border: none;
}
[data-theme].roll-modifiers-dialog .window-header {
  background: linear-gradient(90deg, var(--secondary) 0%, var(--color-secondary-3) 50%, var(--secondary) 100%);
  color: var(--text-color-1) !important;
}

/* ----------------------------------------- */
/* Code Mirror in system                     */
/* ----------------------------------------- */
[data-theme][data-color-scheme=dark].pf2e.item.sheet form .tab.active.rules .rule-editing > .cm-editor, [data-theme][data-color-scheme=dark].pf2e.item.sheet form .item-rules .rule-editing > .cm-editor {
  background-color: var(--input-background);
  border-radius: var(--border-radius);
  border: 1px solid var(--input-border-color);
  color: var(--input-text-color);
}
[data-theme][data-color-scheme=dark] .ͼ2 .cm-content {
  caret-color: white;
}
[data-theme][data-color-scheme=dark] .ͼ2 .cm-gutters {
  background-color: var(--application-bg);
  border-right: 1px solid var(--color-primary-2);
  border: unset;
}
[data-theme][data-color-scheme=dark] .ͼ2 .cm-activeLineGutter {
  background-color: var(--color-primary-1);
  color: black;
}
[data-theme][data-color-scheme=dark] .ͼ2 .cm-activeLine {
  background-color: color-mix(in srgb, var(--color-primary-2) 20%, transparent);
}
[data-theme][data-color-scheme=dark] .ͼ1.cm-focused .cm-matchingBracket {
  background-color: yellow;
  color: black;
  border-radius: 3px;
  box-shadow: 0px 2px 3px black;
}
[data-theme][data-color-scheme=dark] .ͼe {
  color: red;
}
[data-theme][data-color-scheme=dark] .ͼd {
  color: greenyellow;
}
[data-theme][data-color-scheme=dark] .ͼc {
  color: var(--color-level-info);
}
[data-theme][data-color-scheme=dark] .ͼb {
  color: rgb(217, 31, 217);
}
[data-theme][data-color-scheme=dark] .ͼ1 .cm-lintPoint:after {
  border-bottom: 4px solid var(--primary-light);
}

/* ----------------------------------------- */
/* Code Mirror module                        */
/* ----------------------------------------- */
[data-theme] .CodeMirror {
  cursor: text;
  background: white;
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
}

[data-theme]#effects-panel .effect-item .effect-info .description a,
[data-theme]#effects-panel .effect-item .effect-info .description span[data-pf2-effect-area] {
  color: var(--inline-text-color);
}
[data-theme]#effects-panel .effect-item .effect-info {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  box-shadow: var(--window-app-box-shadow);
  border-radius: var(--border-radius);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  text-shadow: 0px 1px 2px black;
  min-height: 34px;
  font-size: var(--font-size-20);
  line-height: var(--font-size-20);
}
[data-theme]#effects-panel .effect-item .effect-info .description {
  background: unset;
}
[data-theme]#effects-panel .effect-item[data-badge-type=formula] > .icon:hover::before {
  border-radius: var(--border-radius);
  padding: none;
  background: var(--button-hover-background);
  text-shadow: 0px 1px 2px black;
}
[data-theme]#effects-panel .effect-item > .icon {
  border: var(--app-border-width) var(--icon-border-color);
  border-radius: var(--border-radius);
  --box-shadow: 0px 1px 3px 1px black;
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  position: relative;
}
[data-theme]#effects-panel .effect-item > .icon.aura {
  border-radius: 50%;
  border: 1px solid var(--color-primary-1);
  box-shadow: 0px 0px 6px var(--color-primary-2), 0px 2px 8px 1px var(--color-primary-3);
}
[data-theme]#effects-panel .effect-item > .icon .linked {
  color: var(--text-color-2);
  background: var(--color-primary-3);
  border: 1px solid var(--color-secondary-4);
  border-radius: 4px 0px var(--border-radius) 0px;
  border-bottom: unset;
  border-right: unset;
  text-shadow: 0px 1px 2px black;
}
[data-theme]#effects-panel .effect-item > .icon .value-wrapper {
  background: none;
  bottom: -1px;
  left: -3px;
}
[data-theme]#effects-panel .effect-item > .icon .value-wrapper .value {
  padding: 2px;
  color: var(--text-color-2);
  background: var(--color-primary-3);
  border-radius: 0px 4px 0px var(--border-radius);
  border: 1px solid var(--color-secondary-4);
  border-bottom: unset;
  border-left: unset;
  text-shadow: 0px 1px 2px black;
}
[data-theme]#effects-panel .effect-item > .icon .expired {
  position: absolute;
  left: auto;
  width: 80%;
  width: unset;
  padding: 2px 1px;
  color: var(--text-color-1);
  background: var(--color-primary-2);
  border: 1px solid var(--color-primary-1);
  text-shadow: 0px 1px 2px black;
  border-radius: 0px 0px 4px 4px;
}

/* ----------------------------------------- */
/* Map v1 styling to v2 values               */
/* ----------------------------------------- */
[data-theme^=crb][data-color-scheme=dark] {
  --color-border-light-highlight: black;
  --color-text-dark-primary: var(--text-color-3);
  --color-text-dark-secondary: var(--text-color-5);
  --color-bg-option: black;
  --accent-text-color: black;
  --accent-color-light: var(--tertiary);
  --accent-color: var(--tertiary-dark);
  --accent-color-dark: var(--gold-brown);
}

/* ----------------------------------------- */
/* Limited                                   */
/* ----------------------------------------- */
[data-theme^=crb][data-color-scheme=dark][data-dorako-ui-scope=limited] {
  --input-background: var(--glass-bg);
  --color-primary-2: var(--tertiary-dark);
  --color-secondary-5-75: rgba(0, 0, 0, 0.5);
  --color-border-light-2: black;
  --button-hover-text-color: black;
}

/* ----------------------------------------- */
/* Unlimited                                 */
/* ----------------------------------------- */
[data-theme^=crb][data-color-scheme=dark][data-dorako-ui-scope=unlimited] .tagify,
[data-theme^=crb][data-color-scheme=dark][data-dorako-ui-scope=unlimited] select,
[data-theme^=crb][data-color-scheme=dark][data-dorako-ui-scope=unlimited] input,
[data-theme^=crb][data-color-scheme=dark][data-dorako-ui-scope=unlimited] button {
  --app-background: var(--glass-bg-light);
  --input-border-color: transparent;
  --input-background: var(--glass-bg);
  --input-focus-outline-color: var(--tertiary);
  --input-box-shadow: var(--glassy);
}

/* ----------------------------------------- */
/* General                                   */
/* ----------------------------------------- */
[data-theme^=crb][data-color-scheme=dark] {
  --sheet: var(--sheet-dark);
  --ornamentation: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:wheat;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --color-secondary-4: #26231f;
  --text-color-1: color-mix(in srgb, var(--color-text-light-highlight), 20% white)
  --text-color-2: var(--color-text-light-highlight);
  --text-color-3: var(--color-text-light-heading);
  --text-color-5: color-mix(in srgb, var(--color-text-light-heading), 20% black);
  --window-app-background: var(--sheet-dark);
  --app-background: var(--glass-bg);
  --app-border-width: 0px;
  --input-text-color: var(--text-color-3);
  --input-background: var(--glass-bg);
  --input-border-color: transparent;
  --input-focus-text-color: var(--text-color-2);
  --input-placeholder-color: var(--text-color-5);
  --input-disabled-background: black;
  --input-disabled-border-color: black;
  --button-bright-text-color: black;
  --color-border-medium: var(--tertiary) !important;
  --color-border-divider: var(--tertiary) !important;
  --bg: rgba(0, 0, 0, 0.5);
  --fieldset-border-color: var(--tertiary);
  --fieldset-background-color: transparent;
  --fieldset-legend-color: var(--text-color-2);
  --text-dark: var(--text-color-2);
}
[data-theme^=crb][data-color-scheme=dark] input[type=range] + .range-value {
  color: black;
  text-shadow: none;
  font-weight: 800;
  --input-focus-text-color: black;
}

/* ----------------------------------------- */
/* PF2e sheets                               */
/* ----------------------------------------- */
[data-theme^=crb][data-color-scheme=dark] {
  /* ----------------------------------------- */
  /* NPC sheet                                 */
  /* ----------------------------------------- */
  /* ----------------------------------------- */
  /* Actor sheet                               */
  /* ----------------------------------------- */
}
[data-theme^=crb][data-color-scheme=dark] .tags .tag.tag_transparent,
[data-theme^=crb][data-color-scheme=dark] .tags .tag option.tag_transparent {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}
[data-theme^=crb][data-color-scheme=dark].sheet.pf2e.actor.npc.app {
  --section-background: var(--sheet-dark);
  --section-header: var(--primary);
  --section-border-color: var(--tertiary);
  --section-outline-color: var(--gold-brown);
  --section-header-text-color: var(--text-color-2);
  --tag-border-color: var(--text-color-5);
  --tag-background-color: var(--color-secondary-4);
  --tag-text-color: var(--text-color-4);
  --color-text-dark-input: var(--text-color-3);
  --input-background: rgba(0, 0, 0, 0.1);
  --input-focus-outline-color: var(--tertiary);
  --text-dark: var(--text-color-2);
}
[data-theme^=crb][data-color-scheme=dark].sheet.pf2e.actor.npc.app.dorako-ux.sheet.pf2e.actor.npc form .side-bar-section, [data-theme^=crb][data-color-scheme=dark].sheet.pf2e.actor.npc.app.dorako-ux.sheet.pf2e.actor.npc form .section-container:not(.headerless) {
  background-image: var(--sheet);
}
[data-theme^=crb][data-color-scheme=dark].sheet.pf2e.actor.npc.app input {
  --box-shadow: none;
}
[data-theme^=crb][data-color-scheme=dark].actor.sheet .crb-style .sheet-body {
  --text-dark: var(--text-color-2);
  --color-border-light-primary: var(--tertiary);
  --color-border-light-highlight: var(--tertiary);
  --sub: var(--text-color-disabled);
  --alt: var(--text-color-5);
  --bg: rgba(0, 0, 0, 0.5);
}
[data-theme^=crb][data-color-scheme=dark].actor.sheet .inventory .list-row .item-controls, [data-theme^=crb][data-color-scheme=dark].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .feat-slot-title, [data-theme^=crb][data-color-scheme=dark].actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4:hover, [data-theme^=crb][data-color-scheme=dark].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .skill-score {
  --secondary: var(--tertiary);
  --fa-inverse: black;
}
[data-theme^=crb][data-color-scheme=dark].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill, [data-theme^=crb][data-color-scheme=dark].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill, [data-theme^=crb][data-color-scheme=dark].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill {
  --primary: var(--tertiary);
}
[data-theme^=crb][data-color-scheme=dark].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item, [data-theme^=crb][data-color-scheme=dark].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action, [data-theme^=crb][data-color-scheme=dark].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike {
  border-image: linear-gradient(90deg, transparent, var(--tertiary) 20%, transparent) 1;
}

/* ----------------------------------------- */
/* Chat messages                             */
/* ----------------------------------------- */
[data-theme^=crb][data-color-scheme=dark].chat-message button {
  --button-background: var(--glass-bg);
}
[data-theme^=crb][data-color-scheme=dark].chat-message .dice-roll .dice-formula button, [data-theme^=crb][data-color-scheme=dark].chat-message .dice-roll .dice-total button {
  background: var(--glass-bg-light);
  --button-text-color: var(--text-color-2);
}
[data-theme^=crb][data-color-scheme=dark].chat-message .dice-roll .dice-formula button:hover, [data-theme^=crb][data-color-scheme=dark].chat-message .dice-roll .dice-total button:hover {
  --button-hover-text-color: var(--text-color-1);
  background: var(--glass-bg);
}

/* ----------------------------------------- */
/* Map v1 styling to v2 values               */
/* ----------------------------------------- */
[data-theme^=crb][data-color-scheme=light] {
  --color-border-highlight: var(--accent-color);
  --color-border-highlight-alt: var(--accent-color-dark);
  --color-text-dark-primary: var(--text-color-3);
  --color-text-dark-secondary: var(--text-color-5);
  --color-bg-option: white;
}

/* ----------------------------------------- */
/* Light theme                                  */
/* ----------------------------------------- */
[data-theme^=crb][data-color-scheme=light] {
  --accent-text-color: white;
  --accent-color-light: var(--primary-light);
  --accent-color: var(--primary-light);
  --accent-color-dark: var(--primary);
}
[data-theme^=crb][data-color-scheme=light].window-app button.bright {
  --button-background: var(--accent-color);
  --button-border-color: var(--accent-color-dark);
  --button-text-color: white !important;
  --button-hover-text-color: white !important;
  --app-text-shadow: none;
}
[data-theme^=crb][data-color-scheme=light] input[type=range] + .range-value {
  border: none;
}

/* ----------------------------------------- */
/* PF2e sheets                               */
/* ----------------------------------------- */
[data-theme^=crb][data-color-scheme=light] {
  --sheet: var(--sheet-light);
  --ornamentation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1%7Bstroke:%23231f20;stroke-miterlimit:10%7D.st1,.st2%7Bfill:none%7D%3C/style%3E%3Cg opacity='.25'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cg%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zM3.6 3.6h3.1v3.1H3.6zM6.8 3.6h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zM3.6 6.8H.5V13M13 .5H6.8v3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M29.4.5h3.1v3.1h-3.1zM26.3 3.6h3.1v3.1h-3.1zM26.3 6.8h3.1v3.1h-3.1zM23.1 3.6h3.1v3.1h-3.1zM26.3 3.6V.5H20'/%3E%3Cpath class='st1' d='M32.5 13V6.8h-3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zM23.1 26.3h3.1v3.1h-3.1zM26.3 23.1h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zM3.6 26.3h3.1v3.1H3.6zM3.6 23.1h3.1v3.1H3.6zM6.8 26.3h3.1v3.1H6.8z'/%3E%3Cpath class='st1' d='M6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --window-app-background: var(--sheet);
  --window-app-border-color: var(--tertiary);
  --window-app-border-width: 1px;
  --color-text-dark-primary: #191813;
  --color-text-dark-secondary: #4b4a44;
  --color-secondary-5-75: rgba(96, 88, 86, 0.25);
  --app-background: rgba(255, 255, 255, 0.5);
  --app-border-color: transparent;
  --app-border-width: none;
  --app-text-shadow: none;
  --button-text-color: black;
  --box-shadow: var(--gold-and-glow);
  --button-focus-outline-color: transparent;
  --input-disabled-background: rgba(255, 255, 255, 0.2);
  --input-disabled-border-color: transparent;
  --window-app-box-shadow: 0px 5px 20px 3px black;
  --fieldset-border-color: gray;
  --fieldset-background-color: transparent;
  --fieldset-legend-color: black;
  /* ----------------------------------------- */
  /* Familiar sheet                            */
  /* ----------------------------------------- */
  /* ----------------------------------------- */
  /* NPC sheet                                 */
  /* ----------------------------------------- */
}
[data-theme^=crb][data-color-scheme=light] tagify,
[data-theme^=crb][data-color-scheme=light] select,
[data-theme^=crb][data-color-scheme=light] input {
  --input-border-color: var(--color-text-light-5);
  --input-text-color: var(--color-text-dark-input);
  --input-focus-text-color: var(--color-text-dark-input);
  --input-background: rgba(255, 255, 255, 0.5);
  --input-focus-outline-color: var(--primary-light);
  --input-placeholder-color: var(--color-text-dark-secondary);
  --app-border-width: 1px;
  --box-shadow: none;
}
[data-theme^=crb][data-color-scheme=light] #context-menu {
  --app-background: var(--glass-bg);
  color: var(--color-text-light-heading);
}
[data-theme^=crb][data-color-scheme=light].chat-message button, [data-theme^=crb][data-color-scheme=light].window-app button, [data-theme^=crb][data-color-scheme=light].package-configuration aside.sidebar nav.tabs .category-tab {
  --box-shadow: none;
  --app-border-width: 1px;
  --button-border-color: var(--color-text-light-5);
  --button-background: rgba(255, 255, 255, 0.5);
  --button-text-color: black;
  text-shadow: none;
}
[data-theme^=crb][data-color-scheme=light].pf2e.item.sheet form .sheet-body input[type=text]:not(:disabled), [data-theme^=crb][data-color-scheme=light].pf2e.item.sheet form .sheet-body input[type=number]:not(:disabled) {
  --input-background: rgba(0, 0, 0, 0.05);
  --input-border-color: var(--color-text-light-5);
}
[data-theme^=crb][data-color-scheme=light] .tagify,
[data-theme^=crb][data-color-scheme=light] input {
  --input-background: rgba(0, 0, 0, 0.05);
  --input-border-color: transparent;
}
[data-theme^=crb][data-color-scheme=light].sheet.hazard .section-container .section-header input, [data-theme^=crb][data-color-scheme=light].sheet.hazard .section-container.publication .section-body input[type=text] {
  --input-text-color: var(--text-color-2);
  --input-focus-text-color: var(--text-color-1);
}
[data-theme^=crb][data-color-scheme=light] .directory .directory-header .header-search input {
  --input-border-color: var(--color-text-light-5);
  --input-text-color: var(--color-text-dark-input);
  --input-focus-text-color: var(--color-text-dark-input);
  --input-background: rgba(255, 255, 255, 0.5);
  --input-focus-outline-color: var(--primary-light);
}
[data-theme^=crb][data-color-scheme=light].chat-message {
  color: black;
  --ornamentation: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1%7Bstroke:%23231f20;stroke-miterlimit:10%7D.st1,.st2%7Bfill:none%7D%3C/style%3E%3Cg opacity='.25'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cg%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zM3.6 3.6h3.1v3.1H3.6zM6.8 3.6h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zM3.6 6.8H.5V13M13 .5H6.8v3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M29.4.5h3.1v3.1h-3.1zM26.3 3.6h3.1v3.1h-3.1zM26.3 6.8h3.1v3.1h-3.1zM23.1 3.6h3.1v3.1h-3.1zM26.3 3.6V.5H20'/%3E%3Cpath class='st1' d='M32.5 13V6.8h-3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zM23.1 26.3h3.1v3.1h-3.1zM26.3 23.1h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zM3.6 26.3h3.1v3.1H3.6zM3.6 23.1h3.1v3.1H3.6zM6.8 26.3h3.1v3.1H6.8z'/%3E%3Cpath class='st1' d='M6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --app-background: rgba(255, 255, 255, 0.2);
  --app-background: rgba(0, 0, 0, 0.1);
  --app-border-width: 1px;
  --box-shadow: 0px 0px 0px 1px var(--gold-brown);
  --app-text-shadow: none;
}
[data-theme^=crb][data-color-scheme=light].chat-message hr {
  --app-border-color: #23231f20;
}
[data-theme^=crb][data-color-scheme=light].chat-message button {
  --button-hover-text-color: white;
}
[data-theme^=crb][data-color-scheme=light].chat-message button:hover {
  outline: 1px solid var(--gold-brown);
}
[data-theme^=crb][data-color-scheme=light].chat-message .message-content {
  text-shadow: unset;
  --text-color-1: black;
  --text-color-2: black;
  --text-color-3: black;
  text-shadow: 0px 1px 0px white;
  color: black;
}
[data-theme^=crb][data-color-scheme=light].chat-message .message-content .dice-roll {
  --app-border-color: var(--tertiary);
}
[data-theme^=crb][data-color-scheme=light].chat-message .message-content .dice-roll .dice-total button,
[data-theme^=crb][data-color-scheme=light].chat-message .message-content .dice-roll .dice-formula button {
  --button-border-color: var(--alt-dark);
  --button-background: var(--alt);
  --button-text-color: white;
  --app-text-shadow: none;
  --button-focus-outline-color: transparent;
  --button-hover-background: var(--tertiary-dark);
  --button-hover-border-color: var(--gold-brown);
}
[data-theme^=crb][data-color-scheme=light].chat-message .message-content .dice-roll .part-total {
  --app-border-color: var(--color-text-light-6);
}
[data-theme^=crb][data-color-scheme=light]:not([data-dorako-ui-scope=limited], .journal-sheet).window-app .window-header {
  color: black;
  text-shadow: none;
}
[data-theme^=crb][data-color-scheme=light].journal-entry-page.window-app .window-header {
  color: black;
  text-shadow: none;
}
[data-theme^=crb][data-color-scheme=light].sheet.familiar .section-container {
  color: black;
  --app-background: rgba(255, 255, 255, 0.2);
  --app-border-width: 1px;
  --app-border-color: var(--tertiary);
  --box-shadow: 0px 0px 0px 1px var(--gold-brown);
  --app-text-shadow: none;
}
[data-theme^=crb][data-color-scheme=light].sheet.pf2e.actor.npc.app {
  --section-background: var(--sheet-light);
  --section-header: var(--primary);
  --section-border-color: var(--tertiary);
  --section-outline-color: var(--gold-brown);
  --section-header-text-color: var(--text-color-2);
  --tag-border-color: black;
  --tag-background-color: transparent;
  --tag-text-color: black;
  --color-text-dark-input: black;
  --input-border-color: transparent;
  --input-background: rgba(0, 0, 0, 0.1);
  --input-focus-outline-color: var(--tertiary);
  --input-placeholder-color: rgba(40, 40, 40, 1);
  --text-dark: black;
  --contrastive-transparent: rgba(0, 0, 0, 0.5);
  --text-color-3: var(--color-text-dark-primary);
  --app-text-shadow: none;
}
[data-theme^=crb][data-color-scheme=light].sheet.pf2e.actor.npc.app.dorako-ux.sheet.pf2e.actor.npc form .side-bar-section, [data-theme^=crb][data-color-scheme=light].sheet.pf2e.actor.npc.app.dorako-ux.sheet.pf2e.actor.npc form .section-container:not(.headerless) {
  background-image: var(--sheet);
}
[data-theme^=crb][data-color-scheme=light].sheet.pf2e.actor.npc.app .side-bar-section-header input {
  --input-focus-outline-color: var(--tertiary);
}
[data-theme^=crb][data-color-scheme=light].sheet.pf2e.actor.npc.app .window-header {
  color: black;
  text-shadow: none;
}
[data-theme^=crb][data-color-scheme=light].sheet.pf2e.actor.npc.app.actor.npc.sheet form .side-bar-section.initiative select {
  --box-shadow: none;
}
[data-theme^=crb][data-color-scheme=light].sheet.pf2e.actor.npc.app input {
  --box-shadow: none;
}

/* ----------------------------------------- */
/* Theme colors                              */
/* ----------------------------------------- */
:root {
  --discord-border-color: transparent;
  --discord-background-1: #383a3f;
  --discord-background-2: #313338;
  --discord-background-3: #2b2d31;
  --discord-background-4: #1e1f22;
  --discord-text-1: #ffffff;
  --discord-text-2: #dcdee1;
  --discord-text-3: #b6bac0;
  --discord-text-4: #959ba3;
  --discord-text-5: #79818a;
  --discord-accent-text-color: #8e97fe;
  --discord-accent-color: #5a65ea;
  --discord-accent-color-dark: #4952bd;
  --discord-scrollbar-thumb-background: #1a1b1e;
  --discord-scrollbar-thumb-border-color: transparent;
  --discord-green: #417e4c;
  --discord-attention: #e6b44e;
  --discord-red: #df4f4a;
}

/* ----------------------------------------- */
/* Map v1 styling to v2 values               */
/* ----------------------------------------- */
[data-theme^=discord] {
  --color-border-light-highlight: var(--discord-background-1);
  --color-border-light-primary: var(--discord-background-2);
  --color-text-hyperlink: var(--accent-color);
  --color-text-light-highlight: var(--text-color-2);
  --color-border-highlight: var(--accent-color);
  --color-border-highlight-alt: var(--accent-color-dark);
  --color-border-divider: var(--discord-border-color);
  --color-text-dark-primary: var(--discord-text-3);
  --color-text-dark-secondary: var(--discord-text-5);
}

/* ----------------------------------------- */
/* Light color scheme                        */
/* ----------------------------------------- */
[data-theme^=discord][data-dorako-ui-scope=limited][data-color-scheme=light],
[data-theme^=discord][data-color-scheme=light] {
  --discord-scrollbar-thumb-background: #c5c9cd;
  --app-background: #f2f3f5;
  --window-app-background: #ffffff;
  --input-background: #ebedef;
  --input-text-color: #4e5057;
  --button-background: #c5c9cd;
  --button-text-color: black;
  --fieldset-legend-color: black;
  --text-color-1: var(--discord-text-5);
  --text-color-2: var(--discord-text-4);
  --text-color-2: black;
  --text-color-3: var(--discord-text-3);
  --text-color-4: var(--discord-text-2);
  --text-color-5: var(--discord-text-1);
  --inline-background: #e6e8fc;
  --inline-text-color: var(--accent-color);
  --inline-icon-color: var(--accent-color);
}
[data-theme^=discord][data-dorako-ui-scope=limited][data-color-scheme=light].sheet.pf2e.actor.npc.app,
[data-theme^=discord][data-color-scheme=light].sheet.pf2e.actor.npc.app {
  --section-background: var(--window-app-background);
  --section-header: var(--discord-accent-color);
  --section-border-color: var(--discord-accent-text-color);
  --section-outline-color: var(--discord-accent-color-dark);
  --section-header-text-color: white;
  --tag-border-color: transparent;
  --tag-background-color: white;
  --tag-text-color: black;
  --color-text-dark-input: black;
  --input-placeholder-color: var(--discord-text-5);
  --color-border-light-highlight: var(--discord-background-1);
  --color-border-light-primary: var(--discord-background-2);
  --color-border-light-tertiary: var(--discord-green);
  --text-dark: black;
}
[data-theme^=discord][data-dorako-ui-scope=limited][data-color-scheme=light] ::-webkit-scrollbar-track,
[data-theme^=discord][data-color-scheme=light] ::-webkit-scrollbar-track {
  background: #ebedef;
}
[data-theme^=discord][data-dorako-ui-scope=limited][data-color-scheme=light].actor.sheet.character,
[data-theme^=discord][data-color-scheme=light].actor.sheet.character {
  --text-color-5: var(--discord-text-4);
}
[data-theme^=discord][data-dorako-ui-scope=limited][data-color-scheme=light].actor.sheet .crb-style .sheet-body,
[data-theme^=discord][data-color-scheme=light].actor.sheet .crb-style .sheet-body {
  --color-border-divider: var(--discord-background-1);
}
[data-theme^=discord][data-dorako-ui-scope=limited][data-color-scheme=light] .tagify,
[data-theme^=discord][data-color-scheme=light] .tagify {
  --text-color-2: white;
}
[data-theme^=discord][data-dorako-ui-scope=limited][data-color-scheme=light].chat-message,
[data-theme^=discord][data-color-scheme=light].chat-message {
  --text-color-1: black;
  --text-color-2: black;
  --text-color-3: black;
}

/* ----------------------------------------- */
/* Dark color scheme                        */
/* ----------------------------------------- */
[data-theme^=discord][data-dorako-ui-scope=limited][data-color-scheme=dark].sheet.pf2e.actor.npc.app,
[data-theme^=discord][data-color-scheme=dark].sheet.pf2e.actor.npc.app {
  --section-background: var(--discord-background-4);
  --section-header: var(--discord-accent-color);
  --section-border-color: var(--discord-accent-text-color);
  --section-outline-color: var(--discord-accent-color-dark);
  --section-header-text-color: var(--text-color-2);
  --tag-border-color: var(--discord-green);
  --tag-background-color: var(--discord-background-3);
  --tag-text-color: var(--discord-text-3);
  --color-text-dark-input: var(--discord-text-2);
  --input-placeholder-color: var(--discord-text-5);
  --color-border-light-highlight: var(--discord-background-1);
  --color-border-light-primary: var(--discord-background-2);
  --color-border-light-tertiary: var(--discord-green);
  --text-dark: var(--text-color-2);
}
[data-theme^=discord][data-dorako-ui-scope=limited][data-color-scheme=dark].actor.sheet .crb-style .sheet-body,
[data-theme^=discord][data-color-scheme=dark].actor.sheet .crb-style .sheet-body {
  --color-border-divider: var(--discord-background-1);
  --text-dark: var(--discord-text-2);
}

/* ----------------------------------------- */
/* App UI                                    */
/* ----------------------------------------- */
[data-theme^=discord]:not([data-color-scheme]) {
  --app-border-width: 1px;
  --app-background: var(--discord-background-3);
  --app-border-color: var(--discord-background-2);
  --window-app-border-color: #4b4c4f;
  --button-background: var(--discord-background-4);
  --button-border-color: var(--discord-background-1);
  --button-focus-outline-color: var(--accent-color);
  --input-box-shadow: none;
  --input-background: var(--discord-background-1);
  --input-text-color: var(--discord-text-3);
  --input-focus-text-color: var(--discord-text-2);
  --box-shadow: 0px 0px 10px black, 0px 0px 5px black;
}

/* ----------------------------------------- */
/* DUI variables                             */
/* ----------------------------------------- */
[data-chat-interface-theme^=discord] #sidebar-tabs,
[data-chat-interface-theme^=discord] #chat-log ~ *,
[data-theme^=discord] {
  /* Base colors */
  --color-primary-4: var(--accent-color-dark);
  --color-primary-1: var(--discord-accent-text-color);
  --color-primary-2: var(--discord-accent-color);
  --color-primary-3: var(--discord-accent-color-dark);
  --color-secondary-1: color-mix(in srgb, var(--discord-green) 90%, white);
  --color-secondary-2: var(--discord-green);
  --color-secondary-3: color-mix(in srgb, var(--discord-green) 90%, black);
  --color-secondary-3-75: var(--color-secondary-3);
  --color-secondary-4: color-mix(in srgb, var(--discord-green) 50%, black);
  --color-secondary-5-75: #4e5057;
  --text-color-1: var(--discord-text-1);
  --text-color-2: var(--discord-text-2);
  --text-color-3: var(--discord-text-3);
  --text-color-4: var(--discord-text-4);
  --text-color-5: var(--discord-text-5);
  /* Misc variables */
  --ornamentation: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:wheat;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --box-shadow: none;
  --icon-border-color: var(--discord-attention);
  /* Window app variables */
  --window-app-background: var(--discord-background-3);
  --window-app-border-color: #4b4c4f;
  --window-app-border-width: 1px;
  --window-app-box-shadow: 0px 5px 20px 3px black, 0px 3px 10px 3px rgba(0, 0, 0, 0.5);
  /* App variables */
  --app-background: #161511aa;
  --app-border-color: var(--discord-border-color);
  --app-border-width: 0px;
  --app-text-shadow: none;
  /* Inline variables */
  --inline-box-shadow: none;
  --inline-background: #3d426e;
  --inline-border-color: transparent;
  --inline-text-color: #cacdf7;
  --inline-icon-color: #cacdf7;
  /* Input variables */
  --input-border-color: transparent;
  --input-disabled-background: #494b51;
  --input-disabled-border-color: transparent;
  --input-border-color: transparent;
  --input-background: var(--discord-background-1);
  --input-focus-outline-color: var(--discord-accent-color);
  --input-placeholder-color: color-mix(in srgb, var(--button-text-color) 50%, transparent);
  /* Button variables */
  --button-background: var(--app-background);
  --button-border-color: transparent;
  --button-text-color: var(--discord-text-2);
  --button-focus-outline-color: transparent;
  --button-hover-background: var(--discord-background-1);
  --button-hover-border-color: transparent;
  --button-hover-text-color: var(--discord-text-1);
  --button-disabled-background: #494b51;
  --button-disabled-border-color: transparent;
  --button-toggle-border-color: var(--discord-green);
  --button-toggle-hover-border-color: color-mix(in srgb, var(--discord-green) 50%, white 50%);
  --button-toggle-background: color-mix(in srgb, var(--discord-green) 50%, black 50%);
  --button-toggle-hover-background: var(--discord-green);
  --button-bright-text-color: white;
  /* Fieldset variables */
  --fieldset-border-color: transparent;
  --fieldset-background-color: color-mix(in srgb, var(--discord-attention) 15%, transparent);
  --fieldset-legend-color: var(--discord-text-4);
  /* Scrollbar and accent variables */
  --scrollbar-thumb-background: #1a1b1e;
  --scrollbar-thumb-border-color: var(--discord-scrollbar-thumb-border-color);
  --accent-text-color: var(--discord-text-1);
  --accent-color-light: var(--discord-accent-text-color);
  --accent-color: var(--discord-accent-color);
  --accent-color-dark: var(--discord-accent-color-dark);
}
[data-chat-interface-theme^=discord] #sidebar-tabs.window-app button.bright,
[data-chat-interface-theme^=discord] #chat-log ~ *.window-app button.bright,
[data-theme^=discord].window-app button.bright {
  --button-background: var(--accent-color);
  --button-border-color: var(--accent-color-dark);
  --button-text-color: white !important;
  --button-hover-text-color: white !important;
  --app-text-shadow: none;
}
[data-chat-interface-theme^=discord] #sidebar-tabs ::-webkit-scrollbar-track,
[data-chat-interface-theme^=discord] #chat-log ~ * ::-webkit-scrollbar-track,
[data-theme^=discord] ::-webkit-scrollbar-track {
  background: #2b2d31;
}

/* ----------------------------------------- */
/* System variables                          */
/* ----------------------------------------- */
[data-theme^=discord] {
  --color-text-dark-primary: var(--text-color-2);
  --bg: rgba(0, 0, 0, 0.25);
  --color-underline-header: var(--discord-green);
}

/* ----------------------------------------- */
/* Specifics                                 */
/* ----------------------------------------- */
[data-theme^=discord].window-app .window-header {
  text-shadow: none;
  color: var(--text-color-2);
}
[data-theme^=discord]#effects-panel .effect-item > .icon {
  --border-radius: 50%;
}
[data-theme^=discord]#effects-panel .effect-item > .icon.aura {
  border-radius: 33%;
  transform: scale(0.8);
}
[data-theme^=discord] section.tab.category.active[data-tab=pf2e-dorako-ux] h2,
[data-theme^=discord] section.tab.category.active[data-tab=pf2e-dorako-ui] h2,
[data-theme^=discord] section .form-group.dorako.settings-header {
  color: white;
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.25) inset;
}
[data-theme^=discord].spellcasting-entry.preparation .item-name {
  --secondary: var(--discord-text-4);
}
[data-theme^=discord].pf2e.item.sheet.app {
  --color-border-medium: var(--discord-border-color);
}
[data-theme^=discord].actor.sheet .inventory .list-row .item-controls {
  --secondary: var(--discord-text-1);
}
[data-theme^=discord].actor.sheet.character {
  --color-border-light-2: var(--discord-border-color);
}
[data-theme^=discord].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item, [data-theme^=discord].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action, [data-theme^=discord].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike, [data-theme^=discord].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike {
  border-image: linear-gradient(90deg, transparent, var(--bg3-text-2) 20%, transparent) 1 !important;
}
[data-theme^=discord].actor.sheet .inventory .list-row .item-controls, [data-theme^=discord].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .feat-slot-title, [data-theme^=discord].actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4:hover, [data-theme^=discord].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .skill-score {
  --secondary: var(--discord-green);
  --fa-inverse: white;
}
[data-theme^=discord].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill, [data-theme^=discord].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill, [data-theme^=discord].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill {
  --primary: var(--accent-color);
}
[data-theme^=discord].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item, [data-theme^=discord].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action, [data-theme^=discord].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike {
  border-image: linear-gradient(90deg, transparent, var(--discord-green) 20%, transparent) 1;
}

/* ----------------------------------------- */
/* Controls                                  */
/* ----------------------------------------- */
[data-dorako-ui-scope=controls][data-theme^=discord] {
  --button-hover-background: var(--accent-color);
  --button-focus-outline-color: var(--accent-color-dark);
  --button-hover-border-color: var(--accent-text-color);
}

/* ----------------------------------------- */
/* Navigation                                */
/* ----------------------------------------- */
[data-dorako-ui-scope=navigation][data-theme^=discord] .scene {
  --button-toggle-focus-outline-color: var(--discord-attention);
}
[data-dorako-ui-scope=navigation][data-theme^=discord] .scene:not(.gm) {
  --button-toggle-border-color: var(--discord-green);
  --button-toggle-hover-border-color: color-mix(in srgb, var(--discord-green) 50%, white 50%);
  --button-toggle-background: color-mix(in srgb, var(--discord-green) 50%, black 50%);
  --button-toggle-hover-background: var(--discord-green);
}
[data-dorako-ui-scope=navigation][data-theme^=discord] .scene.gm {
  --button-toggle-border-color: var(--discord-accent-color);
  --button-toggle-hover-border-color: color-mix(in srgb, var(--discord-accent-color) 50%, white 50%);
  --button-toggle-background: color-mix(in srgb, var(--discord-accent-color) 50%, black 50%);
  --button-toggle-hover-background: var(--discord-accent-color);
}
[data-dorako-ui-scope=navigation][data-theme^=discord] .scene.gm.active:not(.view) {
  --button-toggle-focus-outline-color: transparent;
}

/* ----------------------------------------- */
/* Placeable HUD                             */
/* ----------------------------------------- */
[data-theme=discord] [data-dorako-ui-scope=placeable-hud] {
  --button-hover-background: var(--accent-color);
  --button-focus-outline-color: var(--accent-color-dark);
  --button-hover-border-color: var(--accent-text-color);
}

/* ----------------------------------------- */
/* Chat message                              */
/* ----------------------------------------- */
[data-theme^=discord].chat-message {
  background: var(--discord-background-3);
  --button-background: var(--discord-background-2);
  --button-hover-background: #35373b;
  --app-border-width: 1px;
  --color-text-dark-secondary: rgba(255, 255, 255, 0.66);
  --button-hover-border-color: rgba(122, 122, 122, 0.66);
  --button-border-color: rgba(122, 122, 122, 0.33);
  --button-text-color: var(--discord-text-3);
  --button-hover-text-color: var(--discord-text-2);
  --color-level-success: var(--discord-green);
  --color-level-success-border: color-mix(in srgb, var(--discord-green) 50%, white 50%);
}
[data-theme^=discord].chat-message.whisper {
  border-color: color-mix(in srgb, var(--discord-background-2) 50%, var(--whisper-bg));
  background: color-mix(in srgb, var(--discord-background-2) 80%, var(--whisper-bg));
}
[data-theme^=discord].chat-message.whisper .message-header .message-sender,
[data-theme^=discord].chat-message.whisper .message-header {
  color: var(--whisper-bg) !important;
}
[data-theme^=discord].chat-message.whisper.blind {
  border-color: var(--blind-bg);
  background: color-mix(in srgb, var(--discord-background-2) 80%, var(--blind-bg));
}
[data-theme^=discord].chat-message.whisper.blind .message-header .message-sender,
[data-theme^=discord].chat-message.whisper.blind .message-header {
  color: var(--blind-bg) !important;
}
[data-theme^=discord].chat-message .message-header .header-meta.rolltype.blind {
  color: var(--blind-bg);
}
[data-theme^=discord].chat-message .message-header .header-meta.rolltype.whisper {
  color: var(--whisper-bg);
}
[data-theme^=discord].chat-message .message-header,
[data-theme^=discord].chat-message .message-header h4 {
  color: color-mix(in srgb, var(--player-color) 80%, white 20%) !important;
  text-shadow: none !important;
  background: none !important;
}
[data-theme^=discord].chat-message .message-content {
  text-shadow: none;
}
[data-theme^=discord].chat-message .dice-roll .dice-formula,
[data-theme^=discord].chat-message .dice-roll .dice-total {
  --app-background: rgba(122, 122, 122, 0.33);
}
[data-theme^=discord].chat-message .dice-roll .dice-formula button,
[data-theme^=discord].chat-message .dice-roll .dice-total button {
  --button-text-color: var(--discord-text-1);
  --button-hover-text-color: var(--discord-text-1);
}
[data-theme^=discord].chat-message .part-total {
  --app-background: transparent;
  --app-border-color: var(--color-text-light-6);
}
[data-theme^=discord].chat-message .chat-card button:hover,
[data-theme^=discord].chat-message .message-buttons button:hover,
[data-theme^=discord].chat-message .card-buttons button:hover,
[data-theme^=discord].chat-message .damage-application button:hover {
  --box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
[data-theme^=discord].chat-message button[data-action=shield-block]:hover {
  --color-secondary-2: var(--discord-accent-color);
  --color-secondary-1: var(--accent-text-color);
}
[data-theme^=discord].chat-message .message-timestamp,
[data-theme^=discord].chat-message .message-header .header-meta {
  background: none !important;
  border: none !important;
  color: #959ba3;
  text-shadow: none;
  padding: 0px;
}
[data-theme^=discord].chat-message .tags .tag.tag_transparent,
[data-theme^=discord].chat-message .tags .tag option.tag_transparent {
  background-color: color-mix(in srgb, var(--player-color) 20%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--player-color) 50%, rgba(255, 255, 255, 0.5));
}

[data-theme^=discord][data-color-scheme=light].chat-message {
  background: #ffffff;
  --button-background: #ffffff;
  --button-hover-background: #ebebed;
  --app-border-width: 1px;
  --color-text-dark-secondary: rgba(0, 0, 0, 0.66);
  --button-hover-border-color: rgba(122, 122, 122, 0.66);
  --button-border-color: rgba(122, 122, 122, 0.33);
  --button-text-color: #4e5057;
  --button-hover-text-color: #303237;
  --color-level-success: var(--discord-green);
  --color-level-success-border: color-mix(in srgb, var(--discord-green) 50%, white 50%);
}
[data-theme^=discord][data-color-scheme=light].chat-message .message-timestamp,
[data-theme^=discord][data-color-scheme=light].chat-message .message-header .header-meta {
  color: #313338;
}
[data-theme^=discord][data-color-scheme=light].chat-message.whisper {
  border-color: var(--whisper-bg);
  background: color-mix(in srgb, #ffffff 50%, var(--whisper-bg));
}
[data-theme^=discord][data-color-scheme=light].chat-message.whisper.blind {
  border-color: var(--blind-bg);
  background: color-mix(in srgb, #ffffff 50%, var(--blind-bg));
}
[data-theme^=discord][data-color-scheme=light].chat-message .message-header h4,
[data-theme^=discord][data-color-scheme=light].chat-message .message-header {
  color: color-mix(in srgb, var(--player-color) 80%, black) !important;
  text-shadow: none !important;
  background: none !important;
}
[data-theme^=discord][data-color-scheme=light].chat-message .message-content {
  text-shadow: none;
}

/* ----------------------------------------- */
/* Chatlog                                   */
/* ----------------------------------------- */
[data-chat-interface-theme^=discord] {
  --scrollbar-thumb-background: var(--discord-color-scrollbar);
  --scrollbar-thumb-border-color: var(--discord-scrollbar-thumb-border-color);
  --color-scrollbar-hover: var(--discord-color-scrollbar-highlight);
}
[data-chat-interface-theme^=discord] #chat-log ~ * {
  --button-border-color: var(--discord-background-1);
  --app-border-width: 1px;
  --button-background: var(--discord-background-3);
}

[data-chat-interface-theme^=discord] #dorako-rt-buttons button {
  --button-toggle-border-color: color-mix(in srgb, var(--discord-green) 75%, white);
  --button-toggle-hover-border-color: color-mix(in srgb, var(--discord-attention) 50%, white);
}

[data-theme^=discord][data-color-scheme=light] .damage {
  --color-bg-physical: rgba(132, 132, 132, 0.125);
  --color-border-physical: #939292;
  --color-text-physical: black;
}

[data-theme^=discord][data-color-scheme=dark] .damage {
  --color-bg-physical: rgba(132, 132, 132, 0.125);
  --color-border-physical: #939292;
  --color-text-physical: #bab9b9;
}

:root {
  --brown-1: rgb(223, 207, 153);
  --brown-2: rgb(163, 141, 109);
  --brown-3: rgb(117, 81, 29);
  --brown-4: rgb(115, 78, 50);
  --table-header: rgb(51, 47, 36);
  --table-odd: rgb(38, 35, 27);
  --table-even: rgb(33, 31, 24);
  --dark-20: rgb(20, 20, 20);
  --dark-15: rgb(15, 15, 15);
  --link-color: #f2c462;
  --link-active-color: #f2dcae;
  --red-link-color: #f25749;
  --red-link-active-color:#f2b4ae
  --trade-exact-price: rgb(163, 141, 109);
  --trade-currency-text: rgb(170, 158, 130);
  --trade-button-text-color: rgb(233, 207, 159);
  --trade-text-color-1: rgb(255, 248, 225);
  --trade-text-color-2: rgb(163, 141, 109);
  --trade-text-color-3: rgb(130, 120, 106);
  --poe-color-default: rgb(127, 127, 127);
  --poe-color-valuedefault: rgb(255, 255, 255);
  --poe-color-pink: rgb(255, 192, 203);
  --poe-color-dodgerblue: rgb(30, 144, 255);
  --poe-color-fire: rgb(150, 0, 0);
  --poe-color-cold: rgb(54, 100, 146);
  --poe-text-colorning: rgb(255, 215, 0);
  --poe-color-chaos: rgb(208, 32, 144);
  --poe-color-augmented: rgb(136, 136, 255);
  --poe-color-crafted: rgb(184, 218, 242);
  --poe-color-fractured: rgb(162, 145, 98);
  --poe-color-enchanted: rgb(184, 218, 242);
  --poe-color-hellscaped: rgb(255, 110, 37);
  --poe-color-unmet: rgb(210, 0, 0);
  --poe-color-uniqueitem: rgb(175, 96, 37);
  --poe-color-unique: rgb(175, 96, 37);
  --poe-color-rareitem: rgb(255, 255, 119);
  --poe-color-rare: rgb(255, 255, 119);
  --poe-color-magicitem: rgb(136, 136, 255);
  --poe-color-magic: rgb(136, 136, 255);
  --poe-color-whiteitem: rgb(200, 200, 200);
  --poe-color-normal: rgb(200, 200, 200);
  --poe-color-gemitem: rgb(27, 162, 155);
  --poe-color-gem: rgb(27, 162, 155);
  --poe-color-currencyitem: rgb(170, 158, 130);
  --poe-color-currency: rgb(170, 158, 130);
  --poe-color-questitem: rgb(74, 230, 58);
  --poe-color-quest: rgb(74, 230, 58);
  --poe-color-nemesismod: rgb(255, 200, 0);
  --poe-color-nemesismodoutline: rgb(219, 34, 0); /* 220,255,40,0 */
  --poe-color-talismanmod: rgb(141, 241, 79);
  --poe-color-talismanmodoutline: rgb(0, 0, 0); /* 220,0,0,0 */
  --poe-color-title: rgb(231, 180, 120);
  --poe-color-corrupted: rgb(210, 0, 0);
  --poe-color-favour: rgb(170, 158, 130);
  --poe-color-supporterpacknewitem: rgb(180, 96, 0);
  --poe-color-supporterpackitem: rgb(163, 141, 109);
  --poe-color-bloodlinemod: rgb(210, 0, 220);
  --poe-color-bloodlinemodoutline: rgb(58, 0, 125); /* 200,74,0,160 */
  --poe-color-tormentmod: rgb(50, 230, 100);
  --poe-color-tormentmodoutline: rgb(0, 78, 117); /* 200,0,100,150 */
  --poe-color-canttradeormodify: rgb(210, 0, 0);
  --poe-color-lockedtoaccount: rgb(210, 0, 0);
  --poe-color-divination: rgb(14, 186, 255);
  --poe-color-prophecy: rgb(181, 75, 255);
  --poe-color-essencemod: rgb(164, 210, 255);
  --poe-color-essencemodoutline: rgb(0, 41, 82); /* 210,0,50,100 */
  --poe-color-premiumchat: rgb(253, 242, 126);
  --poe-color-premiumchatoutline: rgb(209, 46, 46);
  --poe-color-uniquefoil: rgb(130, 173, 106);
  --poe-color-legacy: rgb(212, 145, 63);
  --poe-color-bestiarymod: rgb(255, 255, 255);
  --poe-color-bestiarymodoutline: rgb(219, 34, 0); /* 220,255,40,0 */
  --poe-color-blightmod: rgb(255, 255, 255);
  --poe-color-blightmodoutline: rgb(215, 0, 0); /* 255,215,0,0 */
  --poe-color-afflictionmod: rgb(22, 25, 28);
  --poe-color-afflictionmodoutline: rgb(151, 164, 181); /* 200,193,210,232 */
  --poe-color-stackitemlevel: rgb(255, 255, 255);
  --poe-color-harvestprimary: rgb(100, 111, 73);
  --poe-color-harvestsecondary: rgb(83, 130, 161);
  --poe-color-craftingcaster: rgb(179, 248, 254);
  --poe-color-craftingphysical: rgb(199, 157, 147);
  --poe-color-craftingfire: rgb(255, 154, 119);
  --poe-color-craftingcold: rgb(147, 216, 255);
  --poe-color-craftinglightning: rgb(248, 203, 118);
  --poe-color-craftingchaos: rgb(216, 167, 211);
  --poe-color-craftingspeed: rgb(207, 238, 165);
  --poe-color-craftingcrit: rgb(178, 167, 214);
  --poe-color-craftingred: rgb(200, 103, 110);
  --poe-color-craftingblue: rgb(162, 207, 251);
  --poe-color-craftinggreen: rgb(134, 189, 163);
  --poe-color-craftinglife: rgb(201, 110, 110);
  --poe-color-craftingdefences: rgb(168, 143, 103);
  --poe-color-craftingattack: rgb(218, 129, 77);
  --poe-color-heist: rgb(25, 30, 25);
  --poe-color-heiststolenitem: rgb(210, 0, 0);
  --poe-color-atlasmaven: rgb(182, 12, 169);
  --poe-color-ultimatumnumber: rgb(254, 92, 81);
  --poe-color-incursionunreachable: rgb(90, 90, 90);
  --poe-color-lockedinplaceitem: rgb(127, 127, 127);
  --poe-color-craftaffectremove: rgb(254, 153, 0);
  --poe-color-craftaffectwarning: rgb(235, 200, 80);
  --poe-color-craftaffectreroll: rgb(254, 153, 0);
  --poe-color-skillpopuptitle: rgb(249, 230, 202);
  --poe-color-disabledstats: rgb(150, 150, 167);
  --poe-color-skillextrainfo: rgb(255, 192, 119);
  --poe-color-fakeitemcount: rgb(200, 200, 200);
}
:root .c-cblock {
  border: 1px solid #2c2b2b;
  background-color: #141414;
}
:root .c-cblock--violet {
  border-color: #585477;
  background-color: #151517;
}
:root .c-cblock--gold {
  border-color: #75693c;
  background-color: #1c1b19;
}
:root .c-mbox--warning {
  border-color: #781c1c;
  background-color: #241515;
}
:root .c-mbox--action {
  border-color: #693a1e;
  background-color: #26211f;
}
:root .c-mbox--content {
  border-color: #664c1e;
  background-color: #26231f;
}
:root .c-mbox--style {
  border-color: #75693c;
  background-color: #24231f;
}
:root .c-mbox--info {
  border-color: #4b5e6a;
  background-color: #191b1c;
}
:root .c-mbox--legal {
  border-color: #403b2d;
  background-color: #21201c;
}
:root .c-mbox--proposal {
  border-color: #585477;
  background-color: #19191c;
}
:root .c-mbox--lock {
  border-color: #59534e;
  background-color: #211f1d;
}
:root #catlinks {
  border: 1px solid #503a1e;
  background-color: #130f0a;
}

[data-theme=poe-wiki],
[data-theme=poe-wiki][data-dorako-ui-scope=limited] {
  --color-primary-1: var(--tertiary);
  --color-primary-2: var(--poe-color-unique);
  --color-primary-3: var(--primary-dark);
  --color-primary-3-75: color-mix(in srgb, var(--color-primary-3) 75%, transparent);
  --color-primary-4-75: color-mix(in srgb, var(--color-primary-4) 75%, transparent);
  --color-secondary-1: var(--secondary-light);
  --color-secondary-2: var(--secondary);
  --color-secondary-3: var(--secondary-dark);
  --color-secondary-3-75: color-mix(in srgb, var(--color-secondary-3) 75%, transparent);
  --color-secondary-4: #26231f;
  --window-app-background: var(--dark-15);
  --window-app-border-color: var(--brown-4);
  --window-app-border-width: 1px;
  --app-background: var(--glass-bg);
  --app-border-color: var(--alt);
  --app-border-width: 1px;
  --scrollbar-thumb-background: var(--brown-1);
  --scrollbar-thumb-border-color: var(--brown-2);
  --box-shadow: 0px 1px 2px black;
  --accent-color: var(--tertiary);
  --inline-background: transparent;
  --inline-border-color: transparent;
  --inline-text-color: var(--poe-color-magic);
  --inline-icon-color: var(--poe-color-gem);
  --input-border-color: var(--brown-2);
  --color-border-light-primary: var(--brown-1);
  --color-border-light-highlight: var(--brown-2);
}
[data-theme=poe-wiki].actor.sheet .crb-style .sheet-body,
[data-theme=poe-wiki][data-dorako-ui-scope=limited].actor.sheet .crb-style .sheet-body {
  --color-border-medium: var(--brown-1);
  --color-border-divider: var(--brown-1);
  --secondary: var(--poe-color-gem);
}
[data-theme=poe-wiki].actor.sheet .inventory .list-row .item-controls,
[data-theme=poe-wiki][data-dorako-ui-scope=limited].actor.sheet .inventory .list-row .item-controls {
  --secondary: var(--poe-color-gem);
}

[data-theme=poe-wiki] select,
[data-theme=poe-wiki] input,
[data-theme=poe-wiki] button {
  --button-background: #21201c;
  --button-border-color: #403b2d;
  --input-border-color: var(--brown-2);
  --input-background: var(--alt-dark);
  --input-focus-outline-color: var(--tertiary);
}
[data-theme=poe-wiki]#hotbar .macro {
  border: 1px solid black;
}
[data-theme=poe-wiki]#sidebar {
  background: var(--app-background) !important;
  box-shadow: var(--box-shadow);
}
[data-theme=poe-wiki].sidebar-popout {
  background: var(--app-background) !important;
}
[data-theme=poe-wiki].message.chat-message {
  background: var(--window-app-background);
  background-position: top;
  background-size: cover;
}
[data-theme=poe-wiki].message.chat-message.whisper {
  background: var(--window-app-background);
  background-color: var(--whisper-bg);
  background-blend-mode: luminosity;
}
[data-theme=poe-wiki].message.chat-message.whisper.blind {
  background: var(--window-app-background);
  background-color: var(--blind-bg);
  background-blend-mode: luminosity;
}

/* ----------------------------------------- */
/* Theme colors                              */
/* ----------------------------------------- */
:root {
  --bg3-middle-brown: #9d7b53;
  --bg3-border-color: #5f5244;
  --bg3-background-1: #433c36;
  --bg3-background-2: #423c36;
  --bg3-background-3: #2a2522;
  --bg3-background-4: #292421;
  --bg3-text-1: #fafafa;
  --bg3-text-2: #d1c9b9;
  --bg3-text-3: #b0947b;
  --bg3-text-4: #e8dea8;
  --bg3-text-5: #e1d48f;
  --bg3-accent-color-light: #ff7ba2;
  --bg3-accent-color: #ea4a72;
  --bg3-accent-color-dark: #912737;
  --bg3-color-scrollbar-highlight: #fff7d3;
  --bg3-scrollbar-thumb-background: #ecc090;
  --bg3-scrollbar-thumb-border-color: #6c5842;
  --bg3-blue-light: #0c93bd;
  --bg3-blue: #183541;
  --bg3-blue-dark: #1b2a30;
  --bg3-ba-orange: #ab5623;
  --bg3-action-green: #019740;
  --bg3-pactslot-pink: #f950f9;
  --bg3-spellslot-blue: #79ffff;
  --bg3-bardic-yellow: #cfad00;
  --bg3-icon-green-stroke: #95aaa5;
  --bg3-icon-green-light: #1c4137;
  --bg3-icon-green-dark: #1d3733;
  --bg3-attention: #fe265d;
  --bg3-alliance-ally-yellow: #c09e05;
  --bg3-alliance-opposition-red: #de1847;
  --bg3-alliance-companion-blue: #08c6e4;
  --bg3-alliance-ally-green: #52fead;
  --bg3-rarity-legendary: #dfa633;
  --bg3-rarity-very-rare: #d1017b;
  --bg3-rarity-quest: #cd5f21;
  --bg3-rarity-rare: #00bffd;
  --bg3-rarity-uncommon: #01b638;
  --bg3-rarity-common: #ffe6cb;
  --bg3-info-overlay-light: rgba(255, 255, 255, 0.25);
  --bg3-info-overlay-dark: rgba(0, 0, 0, 0.25);
  /* Brown variant */
  --bg3-bg-inner: #241d16;
  --bg3-bg-outer: #1b1a19;
  --bg3-border-inner: #ab7743;
  --bg3-border-outer: #7b542e;
  --bg3-ui-purple: #4e3061;
  /* Blue variant */
  --bg3-inspect-background: #2a2a2a;
  --bg3-inspect-border-color: #aca493;
  --bg3-healing: #49cbc1;
  --bg3-border-background: linear-gradient(
    to right,
    var(--bg3-border-outer) 0%,
    var(--bg3-border-inner) 50%,
    var(--bg3-border-outer) 100%
  );
  --bg3-tooltip-window-background: linear-gradient(
    to right,
    var(--bg3-bg-outer) 0,
    var(--bg3-bg-inner) 50%,
    var(--bg3-bg-outer) 100%
  );
  --bg3-ui-purple-background: linear-gradient(
    to top,
    color-mix(in srgb, var(--bg3-ui-purple) 50%, transparent) 0,
    transparent 15%
  );
  --top-color: transparent;
}

/* ----------------------------------------- */
/* Map v1 styling to v2 values               */
/* ----------------------------------------- */
[data-theme^=bg3] {
  --color-border-light-highlight: var(--bg3-border-outer);
  --color-border-light-primary: var(--bg3-border-outer);
  --color-border-light-secondary: var(--bg3-border-outer);
  --color-border-light-tertiary: var(--bg3-border-inner);
  --color-border-dark-primary: var(--bg3-border-inner);
  --color-border-dark-secondary: var(--bg3-border-outer);
  --color-text-hyperlink: var(--accent-color);
  --color-border-highlight: var(--accent-color);
  --color-border-highlight-alt: var(--accent-color-dark);
  --color-border-divider: var(--bg3-border-color);
  --color-text-dark-primary: var(--text-color-3);
  --color-text-dark-secondary: var(--text-color-5);
  --color-bg-option: var(--alt);
}

[data-theme^=bg3][data-dorako-ui-scope=limited],
[data-theme^=bg3] {
  --window-app-background: var(--bg3-tooltip-window-background) padding-box, var(--bg3-border-background) border-box;
  --window-app-border-color: transparent;
  --ornamentation: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:wheat;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* ----------------------------------------- */
/* DUI variables                             */
/* ----------------------------------------- */
[data-chat-interface-theme^=bg3] #sidebar-tabs,
[data-chat-interface-theme^=bg3] #chat-log ~ *,
[data-theme^=bg3] {
  /* Base colors */
  --color-primary-1: var(--bg3-accent-color-light);
  --color-primary-2: var(--bg3-accent-color);
  --color-primary-3: var(--bg3-border-outer);
  --color-primary-4: var(--bg3-blue-dark);
  /* Misc variables */
  --ornamentation: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:wheat;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --box-shadow: 0px 1px 2px black;
  --icon-border-color: #ab7743;
  /* Window app variables */
  --window-app-background: radial-gradient(circle at bottom right, #2c282433 0%, #2c2824ff 50%, #0c0804ee 100%),
    radial-gradient(circle at center, transparent 0, #0c0804ee 100%);
  --window-app-border-color: var(--bg3-middle-brown);
  --window-app-border-width: 2px;
  --window-app-box-shadow: 0px 5px 20px 3px black;
  /* App variables */
  --app-background: #161511aa;
  --app-border-color: var(--bg3-border-color);
  --app-border-width: 1px;
  /* Inline variables */
  --inline-background: transparent;
  --inline-border-color: transparent;
  --inline-text-color: var(--bg3-text-4);
  --inline-icon-color: var(--bg3-text-5);
  --inline-box-shadow: none;
  --inline-text-shadow: 0px 1px 1px black;
  /* Input variables */
  --input-box-shadow: none;
  --input-border-color: var(--bg3-bg-outer);
  --input-background: color-mix(in srgb, var(--alt) 50%, transparent);
  --input-disabled-background: var(--bg3-background-4);
  --input-disabled-border-color: var(--bg3-background-3);
  --input-focus-outline-color: var(--tertiary);
  --input-text-color: var(--text-color-2);
  /* Button variables */
  --button-background: var(--app-background);
  --button-border-color: #403b2d;
  --button-text-color: var(--text-color-3);
  --button-focus-outline-color: #d3b87c;
  --button-hover-background: var(--bg3-accent-color-dark);
  --button-hover-border-color: #9a8860;
  --button-hover-text-color: var(--text-color-1);
  --button-disabled-background: rgba(60, 60, 60, 0.5);
  --button-disabled-border-color: rgba(160, 160, 160, 0.5);
  --button-toggle-border-color: #d3b87c;
  --button-toggle-background: radial-gradient(circle, #175868 0, black 100%);
  --button-toggle-hover-background: radial-gradient(circle, var(--bg3-blue-light) 0, var(--bg3-blue) 100%);
  --button-toggle-hover-border-color: #edd5a2;
  --button-bright-text-color: var(--bg3-text-1);
  /* Fieldset variables */
  --fieldset-border-color: transparent;
  --fieldset-background-color: rgba(0, 0, 0, 0.2);
  --fieldset-legend-color: var(--bg3-text-4);
  /* Scrollbar and accent variables */
  --scrollbar-thumb-background: var(--bg3-scrollbar-thumb-background);
  --scrollbar-thumb-border-color: var(--bg3-scrollbar-thumb-border-color);
  --color-scrollbar-hover: var(--bg3-color-scrollbar-highlight);
  --accent-text-color: var(--bg3-text-1);
  --accent-color-light: var(--bg3-accent-color-light);
  --accent-color: var(--bg3-accent-color);
  --accent-color-dark: var(--bg3-accent-color-dark);
  /* Other */
  --rarity-common: var(--bg3-rarity-common) !important;
  --rarity-uncommon: var(--bg3-rarity-uncommon) !important;
  --rarity-rare: var(--bg3-rarity-rare) !important;
  --rarity-unique: var(--bg3-rarity-very-rare) !important;
  --color-rarity-common: var(--bg3-rarity-common) !important;
  --color-rarity-uncommon: var(--bg3-rarity-uncommon) !important;
  --color-rarity-rare: var(--bg3-rarity-rare) !important;
  --color-rarity-unique: var(--bg3-rarity-very-rare) !important;
  --bg3-ui-top-background: linear-gradient(
    to bottom,
    color-mix(in srgb, var(--top-color) 40%, transparent) 0,
    transparent 40%
  );
}
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-rarity=common],
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-rarity=common],
[data-theme^=bg3][data-rarity=common] {
  --rarity: var(--rarity-common);
}
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-rarity=uncommon],
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-rarity=uncommon],
[data-theme^=bg3][data-rarity=uncommon] {
  --rarity: var(--rarity-uncommon);
}
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-rarity=rare],
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-rarity=rare],
[data-theme^=bg3][data-rarity=rare] {
  --rarity: var(--rarity-rare);
}
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-rarity=unique],
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-rarity=unique],
[data-theme^=bg3][data-rarity=unique] {
  --rarity: var(--rarity-unique);
}
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-rarity].window-app,
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-rarity].window-app,
[data-theme^=bg3][data-rarity].window-app {
  --top-color: var(--rarity);
  --window-app-border-color: transparent;
  --window-app-background: var(--bg3-ui-top-background) border-box, var(--bg3-ui-purple-background),
    var(--bg3-tooltip-window-background) padding-box, var(--bg3-border-background) border-box;
}
[data-chat-interface-theme^=bg3] #sidebar-tabs tags.tags.paizo-style,
[data-chat-interface-theme^=bg3] #chat-log ~ * tags.tags.paizo-style,
[data-theme^=bg3] tags.tags.paizo-style {
  --tags-border-color: transparent;
}
[data-chat-interface-theme^=bg3] #sidebar-tabs.window-app button.bright,
[data-chat-interface-theme^=bg3] #chat-log ~ *.window-app button.bright,
[data-theme^=bg3].window-app button.bright {
  --button-background: var(--accent-color);
  --button-border-color: var(--accent-color-dark);
  --button-text-color: white !important;
  --button-hover-text-color: white !important;
}
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc,
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc,
[data-theme^=bg3][data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc {
  --bg3-border-inner: #a16a37;
  --bg3-border-outer: #4a2e18;
  --bg3-border-internal: #304248;
  --bg3-bg-inner: #182830;
  --bg3-bg-outer: #151e29;
  --bg3-border-background: linear-gradient(
    to right,
    var(--bg3-border-outer) 0%,
    var(--bg3-border-inner) 50%,
    var(--bg3-border-outer) 100%
  );
  --input-placeholder-color: var(--bg3-text-3);
  --section-background: linear-gradient(
    to right,
    var(--bg3-bg-outer) 0,
    var(--bg3-bg-inner) 50%,
    var(--bg3-bg-outer) 100%
  );
  --section-header: linear-gradient(
    to right,
    var(--bg3-bg-outer) 0,
    var(--bg3-bg-inner) 50%,
    var(--bg3-bg-outer) 100%
  );
  --section-border-color: var(--bg3-border-inner);
  --section-outline-color: var(--bg3-border-outer);
  --section-header-text-color: var(--bg3-text-2);
  --tag-border-color: var(--bg3-border-internal);
  --tag-background-color: transparent;
  --tag-text-color: var(--bg3-text-4);
  --color-text-dark-input: var(--bg3-text-2);
  --input-border-color: transparent;
  --input-background: rgba(0, 0, 0, 0.1);
  --input-focus-outline-color: var(--bg3-border-internal);
  --input-placeholder-color: rgba(40, 40, 40, 1);
  --color-border-light-tertiary: var(--bg3-border-inner);
  --text-dark: var(--bg3-text-4);
}
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header,
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header,
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header,
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header,
[data-theme^=bg3][data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header,
[data-theme^=bg3][data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header {
  border-width: 0 0 2px;
  border-image: linear-gradient(90deg, transparent, var(--bg3-border-internal) 50%, transparent) 1 repeat;
  position: relative;
}
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header .side-bar-label,
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header h4,
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header .side-bar-label,
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header h4,
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header .side-bar-label,
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header h4,
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header .side-bar-label,
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header h4,
[data-theme^=bg3][data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header .side-bar-label,
[data-theme^=bg3][data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header h4,
[data-theme^=bg3][data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header .side-bar-label,
[data-theme^=bg3][data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header h4 {
  z-index: 1;
}
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header::before,
[data-chat-interface-theme^=bg3] #sidebar-tabs[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header::before,
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header::before,
[data-chat-interface-theme^=bg3] #chat-log ~ *[data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header::before,
[data-theme^=bg3][data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .side-bar-section:not(.collapsed) .side-bar-section-header::before,
[data-theme^=bg3][data-dorako-ui-scope=limited].dorako-ux.sheet.pf2e.actor.npc form .section-container .section-header::before {
  background: rgba(255, 255, 255, 0.1);
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.33), transparent);
}

/* ----------------------------------------- */
/* System variables                          */
/* ----------------------------------------- */
[data-theme^=bg3] {
  --color-text-dark-primary: var(--text-color-2);
  --bg: rgba(0, 0, 0, 0.5);
  --sub: var(--bg3-middle-brown);
  --text-dark: var(--bg3-text-1);
  --color-border-light-1: var(--color-text-light-highlight);
  --color-underline-header: var(--bg3-middle-brown);
}

/* ----------------------------------------- */
/* Specifics                                 */
/* ----------------------------------------- */
[data-theme^=bg3] .roll-note[data-visibility=gm],
[data-theme^=bg3] table.pf2e,
[data-theme^=bg3] table.pf2-table {
  --inline-background: color-mix(in srgb, var(--bg3-accent-color-dark) 75%, transparent);
  --inline-border-color: var(--bg3-accent-color);
  --inline-text-color: var(--bg3-text-1);
  --inline-icon-color: var(--bg3-text-1);
  --inline-box-shadow: 0px 1px 2px black;
  --inline-text-shadow: 0px 1px 1px black;
}
[data-theme^=bg3] h1 {
  border-image: linear-gradient(90deg, transparent, var(--color-underline-header) 50%, transparent) 1;
}
[data-theme^=bg3].spellcasting-entry.preparation .item-name {
  --secondary: var(--bg3-text-4);
}
[data-theme^=bg3].app.window-app {
  box-shadow: var(--window-app-box-shadow), 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset;
}
[data-theme^=bg3].pf2e.item.sheet.app {
  --color-border-medium: var(--bg3-border-color);
}
[data-theme^=bg3].actor.sheet .crb-style .sheet-body {
  --color-border-medium: var(--brown-1);
  --color-border-divider: var(--scrollbar-thumb-border-color);
  --text-dark: var(--bg3-text-2);
}
[data-theme^=bg3].actor.sheet .inventory .list-row .item-controls {
  --secondary: var(--bg3-text-1);
}
[data-theme^=bg3].actor.sheet.character {
  --color-border-light-2: var(--bg3-border-color);
}
[data-theme^=bg3].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item, [data-theme^=bg3].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action, [data-theme^=bg3].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike, [data-theme^=bg3].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike {
  border-image: linear-gradient(90deg, transparent, var(--bg3-text-2) 20%, transparent) 1 !important;
}
[data-theme^=bg3].actor.sheet .inventory .list-row .item-controls, [data-theme^=bg3].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.feats .feat-item .item-name .feat-slot-title, [data-theme^=bg3].actor.sheet .crb-style .sheet-body .sheet-content ol.spell-list > li .item-name h4:hover, [data-theme^=bg3].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.spellcasting .spellcasting-entry .spell-ability-data .skill-score {
  --secondary: var(--bg3-text-1);
  --fa-inverse: black;
}
[data-theme^=bg3].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .lores-list .skill, [data-theme^=bg3].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .combat-list .skill, [data-theme^=bg3].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.proficiencies .skills-list .skill {
  --primary: var(--tertiary);
}
[data-theme^=bg3].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.effects .effects-list .item, [data-theme^=bg3].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.action, [data-theme^=bg3].actor.sheet .crb-style .sheet-body .sheet-content .tab.actions ol.actions-list li.strike {
  border-image: linear-gradient(90deg, transparent, var(--tertiary) 20%, transparent) 1;
}
[data-theme^=bg3].window-app.sidebar-popout {
  border: none;
}

/* ----------------------------------------- */
/* FPS display                               */
/* ----------------------------------------- */
#fps[data-theme^=bg3] {
  background: var(--bg3-tooltip-window-background) padding-box, linear-gradient(to right, var(--bg3-border-outer) 0%, var(--bg3-border-inner) 50%, var(--bg3-border-outer) 100%) border-box;
  border: 2px solid transparent;
  box-shadow: 0px 0px 30px black, 0px 0px 20px black, 0px 0px 10px black;
}

/* ----------------------------------------- */
/* Tooltip                                   */
/* ----------------------------------------- */
#tooltip[data-theme^=bg3] {
  --border-radius: 12px;
  box-shadow: 0px 0px 30px black, 0px 0px 20px black, 0px 0px 10px black, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset;
  backdrop-filter: none;
  border-radius: var(--border-radius);
  text-shadow: none;
  padding: 1em 1em;
  font-family: var(--serif);
  color: var(--bg3-text-3);
  background: var(--bg3-tooltip-window-background) padding-box, linear-gradient(to right, var(--bg3-border-outer) 0%, var(--bg3-border-inner) 50%, var(--bg3-border-outer) 100%) border-box;
  border: 2px solid transparent;
}

[data-theme^=bg3]#effects-panel .effect-item .effect-info {
  background: var(--bg3-tooltip-window-background) padding-box, linear-gradient(to right, var(--bg3-border-outer) 0%, var(--bg3-border-inner) 50%, var(--bg3-border-outer) 100%) border-box;
  border: 2px solid transparent;
  box-shadow: 0px 0px 30px black, 0px 0px 20px black, 0px 0px 10px black, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset;
  backdrop-filter: none;
  border-radius: var(--border-radius);
  text-shadow: none;
  color: var(--bg3-text-3);
}
[data-theme^=bg3]#effects-panel .effect-item > .icon {
  --border-radius: 50%;
  --icon-border-color: #d3b87c;
  outline: 1px solid #9a8860;
}
[data-theme^=bg3]#effects-panel .effect-item > .icon.aura {
  border-radius: 33%;
  transform: scale(0.8);
}

/* ----------------------------------------- */
/* Navigation                                */
/* ----------------------------------------- */
[data-dorako-ui-scope=navigation][data-theme^=bg3] #nav-toggle {
  background: var(--bg3-tooltip-window-background) padding-box, var(--bg3-border-background) border-box !important;
  border: 2px solid transparent !important;
  box-shadow: 0px 1px 2px black, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset !important;
}
[data-dorako-ui-scope=navigation][data-theme^=bg3] .scene {
  border: 2px solid transparent !important;
  line-height: calc(var(--control-size) - 4px) !important;
  position: relative;
  box-shadow: 0px 1px 2px black, 0px 0px 5px black, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset !important;
  --button-toggle-focus-outline-color: #d3b87c;
}
[data-dorako-ui-scope=navigation][data-theme^=bg3] .scene.view::before {
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);
  border-radius: var(--border-radius);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  z-index: 0;
}
[data-dorako-ui-scope=navigation][data-theme^=bg3] .scene:not(.gm) {
  --button-toggle-background: var(--bg3-tooltip-window-background) padding-box,
    var(--bg3-border-background) border-box;
  --button-toggle-hover-background: var(--bg3-tooltip-window-background) padding-box,
    var(--bg3-border-background) border-box;
}
[data-dorako-ui-scope=navigation][data-theme^=bg3] .scene.gm {
  --bg3-border-inner: #a16a37;
  --bg3-border-outer: #4a2e18;
  --bg3-border-internal: #304248;
  --bg3-bg-inner: #182830;
  --bg3-bg-outer: #151e29;
  --bg3-border-background: linear-gradient(
    to right,
    var(--bg3-border-outer) 0%,
    var(--bg3-border-inner) 50%,
    var(--bg3-border-outer) 100%
  );
  --bg3-tooltip-window-background: linear-gradient(
    to right,
    var(--bg3-bg-outer) 0,
    var(--bg3-bg-inner) 50%,
    var(--bg3-bg-outer) 100%
  );
  --button-toggle-background: var(--bg3-tooltip-window-background) padding-box,
    var(--bg3-border-background) border-box;
  --button-toggle-hover-background: var(--bg3-tooltip-window-background) padding-box,
    var(--bg3-border-background) border-box;
}
[data-dorako-ui-scope=navigation][data-theme^=bg3] .scene.gm.active:not(.view) {
  --button-toggle-focus-outline-color: transparent;
}

/* ----------------------------------------- */
/* Hotbar                                    */
/* ----------------------------------------- */
[data-dorako-ui-scope=hotbar][data-theme^=bg3] nav.action-bar {
  border-radius: var(--border-radius);
  --app-border-color: rgba(0, 0, 0, 0.4);
  --box-shadow: 0px 0px 6px 2px black inset;
}
[data-dorako-ui-scope=hotbar][data-theme^=bg3] nav.action-bar .macro {
  --border-radius: 3px;
  --app-background: rgba(80, 80, 80, 0.4);
}
[data-dorako-ui-scope=hotbar][data-theme^=bg3] .bar-controls {
  background: var(--bg3-tooltip-window-background) !important;
  border: 1px solid var(--bg3-border-outer) !important;
  border-top-color: var(--bg3-border-inner) !important;
  border-bottom-color: var(--bg3-border-inner) !important;
  box-shadow: var(--box-shadow), 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset !important;
  z-index: 1;
}

/* ----------------------------------------- */
/* Chat message                              */
/* ----------------------------------------- */
[data-theme^=bg3].chat-message .message-content .damage-application button[data-action=apply-healing]:hover,
[data-theme^=bg3].chat-message .message-content + .pf2e-toolbelt-target-damage .target-damage-application button[data-action=target-apply-healing]:hover {
  --color-level-success: var(--bg3-healing) !important;
  --color-level-success-border: color-mix(in srgb, var(--bg3-healing) 20%, white) !important;
}

[data-theme^=bg3].message .message-content .damage-application button[data-action=apply-healing] .fa-stack i.fa-plus {
  --fa-inverse: black;
}

[data-theme^=bg3].message.chat-message {
  --window-app-background: linear-gradient(
        to bottom,
        color-mix(in srgb, var(--player-color) 40%, transparent) 0,
        transparent 40%
      )
      border-box,
    var(--bg3-tooltip-window-background) padding-box,
    linear-gradient(to right, var(--bg3-border-outer) 0%, var(--bg3-border-inner) 50%, var(--bg3-border-outer) 100%)
      border-box;
  background: var(--window-app-background);
  border: 2px solid transparent !important;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset;
}
[data-theme^=bg3].message.chat-message[data-theme^=bg3-blue] {
  --bg3-border-inner: #a16a37;
  --bg3-border-outer: #4a2e18;
  --bg3-border-internal: #304248;
  --bg3-bg-inner: #182830;
  --bg3-bg-outer: #151e29;
  --bg3-border-background: linear-gradient(
    to right,
    var(--bg3-border-outer) 0%,
    var(--bg3-border-inner) 50%,
    var(--bg3-border-outer) 100%
  );
  --bg3-tooltip-window-background: linear-gradient(
    to right,
    var(--bg3-bg-outer) 0,
    var(--bg3-bg-inner) 50%,
    var(--bg3-bg-outer) 100%
  );
  background: linear-gradient(to bottom, color-mix(in srgb, var(--player-color) 40%, transparent) 0, transparent 40%) border-box, var(--bg3-tooltip-window-background) padding-box, linear-gradient(to right, var(--bg3-border-outer) 0%, var(--bg3-border-inner) 50%, var(--bg3-border-outer) 100%) border-box;
}
[data-theme^=bg3].message.chat-message[data-theme^=bg3-blue] .card-content hr {
  border-color: var(--bg3-border-outer);
  border: solid transparent;
  border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
  border-width: 0 0 2px;
  border-image: linear-gradient(90deg, transparent, var(--bg3-border-internal) 50%, transparent) 1 repeat;
}
[data-theme^=bg3].message.chat-message[data-theme^=bg3-blue].dfce-cm-middle, [data-theme^=bg3].message.chat-message[data-theme^=bg3-blue].dfce-cm-bottom {
  background: var(--bg3-tooltip-window-background) padding-box, linear-gradient(to right, var(--bg3-border-outer) 0%, var(--bg3-border-inner) 50%, var(--bg3-border-outer) 100%) border-box;
  border-top-width: 1px !important;
}
[data-theme^=bg3].message.chat-message.dfce-cm-top {
  border-bottom-width: 1px !important;
}
[data-theme^=bg3].message.chat-message.dfce-cm-middle, [data-theme^=bg3].message.chat-message.dfce-cm-bottom {
  background: var(--bg3-tooltip-window-background) padding-box, linear-gradient(to right, var(--bg3-border-outer) 0%, var(--bg3-border-inner) 50%, var(--bg3-border-outer) 100%) border-box;
  border-top-width: 1px !important;
}
[data-theme^=bg3].message.chat-message.dfce-cm-middle {
  border-bottom-width: 1px !important;
}
[data-theme^=bg3].message.chat-message .message-header {
  color: var(--bg3-text-1);
  background: none;
}
[data-theme^=bg3].message.chat-message .card-content hr {
  border: 1px solid var(--bg3-border-outer);
}
[data-theme^=bg3].message.chat-message[data-has-footer] {
  padding-bottom: 0px;
}
[data-theme^=bg3].message.chat-message[data-has-footer] .pf2e.chat-card .card-footer {
  position: relative;
  padding: 5px 5px 5px 5px;
  border-radius: 0px 0px 3px 3px;
  border: none;
  background: linear-gradient(to top, color-mix(in srgb, var(--bg3-ui-purple) 60%, transparent) 0, transparent 100%);
}
[data-theme^=bg3].message.chat-message[data-has-footer] .pf2e.chat-card .card-footer::before {
  background: linear-gradient(to top, color-mix(in srgb, var(--bg3-text-3) 10%, transparent) 0, transparent 100%);
  content: "";
  position: absolute;
  top: -25px;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  z-index: 0;
}
[data-theme^=bg3].message.chat-message .message-timestamp,
[data-theme^=bg3].message.chat-message .header-meta {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background-color: color-mix(in srgb, var(--player-color) 33%, transparent);
  border-color: color-mix(in srgb, var(--player-color) 50%, rgba(255, 255, 255, 0.5));
  color: var(--bg3-text-1);
  text-shadow: 0px 1px 1px black;
}
[data-theme^=bg3].message.chat-message .message-timestamp.rolltype.whisper,
[data-theme^=bg3].message.chat-message .header-meta.rolltype.whisper {
  background-color: color-mix(in srgb, var(--bg3-alliance-companion-blue) 50%, transparent);
  border-color: color-mix(in srgb, var(--bg3-alliance-companion-blue) 100%, rgba(255, 255, 255, 0.5));
}
[data-theme^=bg3].message.chat-message .message-timestamp.rolltype.blind,
[data-theme^=bg3].message.chat-message .header-meta.rolltype.blind {
  background-color: color-mix(in srgb, var(--bg3-alliance-opposition-red) 50%, transparent);
  border-color: color-mix(in srgb, var(--bg3-alliance-opposition-red) 100%, rgba(255, 255, 255, 0.5));
}
[data-theme^=bg3].message.chat-message .tags .tag.tag_transparent,
[data-theme^=bg3].message.chat-message .tags .tag option.tag_transparent {
  background-color: color-mix(in srgb, var(--player-color) 20%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--player-color) 50%, rgba(255, 255, 255, 0.5));
}
[data-theme^=bg3].message.chat-message .dice-tooltip .part-header {
  border-color: var(--damage-color);
}
[data-theme^=bg3].message.chat-message .dice-tooltip .part-header .part-total {
  border-color: var(--damage-color);
}

/* ----------------------------------------- */
/* Placeable HUD                             */
/* ----------------------------------------- */
[data-theme=bg3] [data-dorako-ui-scope=placeable-hud] {
  --button-background: radial-gradient(circle, #363534 0, black 100%);
  --button-border-color: #594537;
  --button-hover-background: radial-gradient(circle, var(--bg3-alliance-opposition-red) 0, black 100%);
  --button-focus-outline-color: #d3b87c;
  --button-hover-border-color: #9a8860;
  --button-toggle-border-color: #d3b87c;
  --button-toggle-background: radial-gradient(circle, #0d3c48 0, black 100%);
  --button-toggle-hover-background: radial-gradient(circle, var(--bg3-blue-light) 0, var(--bg3-blue) 100%);
}

/* ----------------------------------------- */
/* Controls                                  */
/* ----------------------------------------- */
[data-dorako-ui-scope=controls][data-theme=bg3] {
  --button-background: radial-gradient(circle, #363534 0, black 100%);
  --button-border-color: #594537;
  --button-hover-background: radial-gradient(circle, var(--bg3-alliance-opposition-red) 0, black 100%);
  --button-focus-outline-color: #d3b87c;
  --button-hover-border-color: #9a8860;
  --box-shadow: 0px 0px 5px black, 0px 1px 2px black;
}

[data-dorako-ui-scope=players][data-theme=bg3] {
  --app-background: var(--bg3-tooltip-window-background) padding-box,
    linear-gradient(to right, var(--bg3-border-outer) 0%, var(--bg3-border-inner) 50%, var(--bg3-border-outer) 100%)
      border-box;
  --app-border-color: transparent;
  --app-border-width: 2px;
  box-shadow: 0px 0px 20px black, 0px 0px 10px black, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset !important;
}
[data-dorako-ui-scope=players][data-theme=bg3]#players h3 {
  margin: 3px 0px;
}

/* ----------------------------------------- */
/* TAH                                       */
/* ----------------------------------------- */
[data-theme=bg3]#token-action-hud {
  --button-background: radial-gradient(#363534 0, black 100%);
  --button-border-color: #594537;
  --button-hover-background: radial-gradient(var(--bg3-alliance-opposition-red) 0, black 100%);
  --button-focus-outline-color: #d3b87c;
  --button-hover-border-color: #9a8860;
}

[data-theme=bg3].locked-tooltip.tah-tooltip,
[data-theme=bg3].tah-tooltip,
[data-theme=bg3]#tooltip.active:has(.tah-tooltip-wrapper) {
  --bg3-border-inner: #a16a37;
  --bg3-border-outer: #4a2e18;
  --bg3-border-internal: #304248;
  --bg3-bg-inner: #182830;
  --bg3-bg-outer: #151e29;
  --bg3-border-background: linear-gradient(
    to right,
    var(--bg3-border-outer) 0%,
    var(--bg3-border-inner) 50%,
    var(--bg3-border-outer) 100%
  );
  --bg3-tooltip-window-background: linear-gradient(
    to right,
    var(--bg3-bg-outer) 0,
    var(--bg3-bg-inner) 50%,
    var(--bg3-bg-outer) 100%
  );
  background: var(--bg3-tooltip-window-background) padding-box, var(--bg3-border-background) border-box !important;
  box-shadow: 0px 0px 20px black, 0px 0px 10px black, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset !important;
}
[data-theme=bg3].locked-tooltip.tah-tooltip h3,
[data-theme=bg3].tah-tooltip h3,
[data-theme=bg3]#tooltip.active:has(.tah-tooltip-wrapper) h3 {
  color: var(--bg3-text-1);
}
[data-theme=bg3].locked-tooltip.tah-tooltip strong,
[data-theme=bg3].tah-tooltip strong,
[data-theme=bg3]#tooltip.active:has(.tah-tooltip-wrapper) strong {
  color: var(--bg3-text-2);
}
[data-theme=bg3].locked-tooltip.tah-tooltip hr,
[data-theme=bg3].tah-tooltip hr,
[data-theme=bg3]#tooltip.active:has(.tah-tooltip-wrapper) hr {
  margin-left: -16px;
  margin-right: -16px;
  border-color: var(--bg3-border-outer);
  border: solid transparent;
  border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
  border-width: 0 0 2px;
  border-image: linear-gradient(90deg, transparent, var(--bg3-border-internal) 50%, transparent) 1 repeat;
  width: auto;
}

/* ----------------------------------------- */
/* ITT                                       */
/* ----------------------------------------- */
[data-theme=bg3]#pf2e-token-hud {
  --bg3-border-inner: #a16a37;
  --bg3-border-outer: #4a2e18;
  --bg3-border-internal: #304248;
  --bg3-bg-inner: #182830;
  --bg3-bg-outer: #151e29;
  --bg3-border-background: linear-gradient(
    to right,
    var(--bg3-border-outer) 0%,
    var(--bg3-border-inner) 50%,
    var(--bg3-border-outer) 100%
  );
  --bg3-tooltip-window-background: linear-gradient(
    to right,
    var(--bg3-bg-outer) 0,
    var(--bg3-bg-inner) 50%,
    var(--bg3-bg-outer) 100%
  );
  --app-border-color: transparent;
  --app-border-width: 2px;
  --color-primary-1: green;
  --color-primary-2: var(--bg3-text-1);
  --color-secondary-4: var(--bg3-bg-inner);
  --color-secondary-5: var(--bg3-border-outer);
}
[data-theme=bg3]#pf2e-token-hud > div {
  background: var(--bg3-tooltip-window-background) padding-box, var(--bg3-border-background) border-box !important;
  box-shadow: 0px 0px 20px black, 0px 0px 10px black, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset !important;
}
[data-theme=bg3]#pf2e-token-hud a:hover {
  text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
}
[data-theme=bg3]#pf2e-token-hud .item-img.hover {
  --color-primary-1: var(--bg3-text-1);
  --color-primary-2: var(--bg3-accent-color-dark);
}
[data-theme=bg3]#pf2e-token-hud .inner .header {
  z-index: 1;
}
[data-theme=bg3]#pf2e-token-hud .inner .header::before {
  background: rgba(255, 255, 255, 0.1);
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 27px;
  overflow: hidden;
  pointer-events: none;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.33), transparent);
}
[data-theme=bg3]#pf2e-token-hud .inner .footer {
  position: relative;
  z-index: 1;
  margin-left: -5px;
  margin-right: -5px;
}
[data-theme=bg3]#pf2e-token-hud .inner .footer a {
  z-index: 1;
}
[data-theme=bg3]#pf2e-token-hud .inner .footer::before {
  background: rgba(255, 255, 255, 0.1);
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 24px;
  overflow: hidden;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.33), transparent);
}
[data-theme=bg3]#pf2e-token-hud .inner > hr {
  margin-left: -5px;
  margin-right: -5px;
  border-color: var(--bg3-border-outer);
  border: solid transparent;
  border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
  border-width: 0 0 2px;
  border-image: linear-gradient(90deg, transparent, var(--bg3-border-internal) 50%, transparent) 1 repeat;
  width: auto;
}
[data-theme=bg3]#pf2e-token-hud .sidebar {
  box-shadow: 0px 0px 20px black, 0px 0px 10px black, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset !important;
}
[data-theme=bg3]#pf2e-token-hud .distance.free {
  --app-background: var(--bg3-bg-outer);
  --app-border-color: var(--bg3-border-inner);
}
[data-theme=bg3]#pf2e-token-hud .popup {
  box-shadow: 0px 0px 30px black, 0px 0px 20px black, 0px 0px 10px black, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset !important;
}

/* ----------------------------------------- */
/* Chatlog                                   */
/* ----------------------------------------- */
[data-chat-interface-theme=bg3] {
  --scrollbar-thumb-background: var(--bg3-scrollbar-thumb-background);
  --scrollbar-thumb-border-color: var(--bg3-scrollbar-thumb-border-color);
  --color-scrollbar-hover: var(--bg3-color-scrollbar-highlight);
}
[data-chat-interface-theme=bg3] #sidebar-tabs {
  --button-hover-background: radial-gradient(circle, var(--bg3-alliance-opposition-red) 50%, black 100%);
  --button-hover-border-color: #d3b87c;
}

[data-chat-interface-theme=bg3] #chat-log ~ * #dorako-rt-buttons button {
  --button-toggle-background: radial-gradient(circle, #363534 0, black 100%);
  --button-focus-outline-color: #d3b87c;
  --button-toggle-border-color: #9a8860;
  --button-toggle-hover-border-color: #9a8860;
}
[data-chat-interface-theme=bg3] #chat-log ~ * #dorako-rt-buttons button[data-id=publicroll] {
  --button-hover-background: radial-gradient(circle, var(--bg3-alliance-ally-yellow) 0, black 100%);
}
[data-chat-interface-theme=bg3] #chat-log ~ * #dorako-rt-buttons button[data-id=gmroll] {
  --button-hover-background: radial-gradient(circle, var(--bg3-alliance-companion-blue) 0, black 100%);
}
[data-chat-interface-theme=bg3] #chat-log ~ * #dorako-rt-buttons button[data-id=blindroll] {
  --button-hover-background: radial-gradient(circle, var(--bg3-alliance-opposition-red) 0, black 100%);
}
[data-chat-interface-theme=bg3] #chat-log ~ * #dorako-rt-buttons button[data-id=selfroll] {
  --button-hover-background: radial-gradient(circle, var(--bg3-alliance-ally-green) 0, black 100%);
}

[data-chat-interface-theme^=crb] #sidebar-tabs,
[data-chat-interface-theme^=crb] #chat-log ~ *,
[data-theme^=crb] {
  --icon-border-color: var(--tertiary);
  --scrollbar-thumb-background: var(--tertiary);
  --scrollbar-thumb-border-color: color-mix(in srgb, var(--tertiary) 50%, black);
  --color-scrollbar-hover: color-mix(in srgb, var(--tertiary) 50%, white);
  --window-app-border-color: var(--tertiary);
  --window-app-border-width: 1px;
  --box-shadow: var(--glassy);
  --accent-color: var(--tertiary);
  --inline-box-shadow: none;
  --inline-background: #ddd;
  --inline-border-color: black;
  --inline-text-color: black;
  --inline-icon-color: var(--color-text-dark-inactive);
  --input-box-shadow: none;
  --input-border-color: var(--color-text-light-5);
  --input-text-color: var(--color-text-dark-input);
  --input-focus-text-color: var(--color-text-dark-input);
  --input-background: rgba(255, 255, 255, 0.5);
  --input-focus-outline-color: var(--primary-light);
  --input-placeholder-color: rgba(0, 0, 0, 0.5);
  --button-background: var(--app-background);
  --button-border-color: var(--app-border-color);
  --button-text-color: var(--text-color-3);
  --button-focus-outline-color: var(--color-primary-1);
  --button-hover-background: var(--color-primary-2);
  --button-hover-border-color: var(--color-primary-1);
  --button-hover-text-color: var(--text-color-1);
  --button-disabled-background: var(--color-primary-5);
  --button-disabled-border-color: var(--color-primary-4);
  --button-toggle-border-color: var(--secondary-light);
  --button-toggle-background: var(--secondary-dark);
  --button-toggle-hover-background: var(--secondary-light);
  --color-primary-1: var(--tertiary);
  --color-primary-2: var(--primary-light);
  --color-primary-3: var(--primary-dark);
  --color-primary-3-75: color-mix(in srgb, var(--color-primary-3) 75%, transparent);
  --color-primary-4-75: color-mix(in srgb, var(--color-primary-4) 75%, transparent);
  --color-secondary-1: var(--secondary-light);
  --color-secondary-2: var(--secondary);
  --color-secondary-3: var(--secondary-dark);
  --color-secondary-3-75: color-mix(in srgb, var(--color-secondary-3) 75%, transparent);
  --color-border-light-1: #ddd;
  --color-border-light-2: #999;
}

[data-chat-interface-theme^=crb] #chat-log ~ *,
[data-theme^=crb]:not([data-color-scheme]) {
  --text-color-2: var(--color-text-light-highlight);
  --text-color-3: var(--color-text-light-heading);
  --input-text-color: black;
  --input-focus-text-color: black;
  --input-focus-outline-color: var(--tertiary);
  --button-background: var(--glass-bg-light);
  --app-background: var(--glass-bg);
  --app-border-color: transparent;
  --app-border-width: 0px;
  --window-app-background: var(--glass-bg);
  --window-app-box-shadow: var(--glassy), 0px 5px 30px black;
  outline: none !important;
}
[data-chat-interface-theme^=crb] #chat-log ~ *#token-hud, [data-chat-interface-theme^=crb] #chat-log ~ *#tile-hud,
[data-theme^=crb]:not([data-color-scheme])#token-hud,
[data-theme^=crb]:not([data-color-scheme])#tile-hud {
  --button-background: var(--glass-bg);
  --input-text-color: var(--text-color-2);
}

[data-theme^=crb] button {
  --text-color-1: white;
  --text-color-2: var(--color-text-light-highlight);
  --text-color-3: var(--color-text-light-heading);
}
[data-theme^=crb].app.window-app {
  outline: 1px solid var(--gold-brown);
}
[data-theme^=crb].app.window-app.sidebar-popout {
  outline: none;
}
[data-theme^=crb].app.window-app.journal-sheet.journal-entry {
  --window-app-background: var(--glass-bg);
}
[data-theme^=crb]#controls, [data-theme^=crb]#navigation {
  --button-background: var(--glass-bg);
}
[data-theme^=crb].sheet.journal-entry .journal-entry-content {
  background-image: var(--sheet);
  background-size: cover;
  border: var(--window-app-border-width) solid;
  border-color: var(--window-app-border-color);
  box-shadow: 0px 0px 0px 1px var(--gold-brown);
  border-bottom: unset;
  border-right: unset;
  margin: unset;
}
[data-theme^=crb].spellcasting-entry.preparation ol.spell-list > li .item-name .item-image, [data-theme^=crb].actor.sheet .item-image {
  --box-shadow: 0px 0px 0px 1px var(--gold-brown);
}
[data-theme^=crb].chat-message {
  outline: 1px solid var(--gold-brown);
}
[data-theme^=crb].chat-message[data-has-header] .message-header {
  background-image: var(--sheet-light);
  background-size: cover;
  background-color: var(--header-color);
  background-blend-mode: multiply;
  border-bottom: 1px solid var(--tertiary);
  box-shadow: 0px 1px 0px 0px var(--gold-brown);
  margin-bottom: 5px;
  padding-bottom: 5px;
}
[data-theme^=crb].chat-message[data-has-header][data-header-text-color-scheme=light] .message-header {
  color: white !important;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5) !important;
}
[data-theme^=crb].chat-message[data-has-header][data-header-text-color-scheme=light] .message-header .message-sender:not([data-visibility=gm]) {
  color: white !important;
}
[data-theme^=crb].chat-message[data-has-header][data-header-text-color-scheme=light] .message-header .header-meta {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}
[data-theme^=crb].chat-message[data-has-header][data-header-text-color-scheme=dark] .message-header {
  color: black !important;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5) !important;
}
[data-theme^=crb].chat-message[data-has-header][data-header-text-color-scheme=dark] .message-header .header-meta {
  background: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.5);
}
[data-theme^=crb].chat-message .card-content {
  --app-border-color: var(--tertiary);
  border-image-repeat: repeat;
  border-image-slice: 11;
  border-image-source: var(--ornamentation);
  border-image-width: 14px;
  border-style: double;
  padding: 3px 10px;
  font-weight: 500;
  margin: 0px;
  margin-top: 5px;
}
[data-theme^=crb].chat-message .card-content hr {
  margin: 0px -10px;
  border-bottom: none;
}
[data-theme^=crb].chat-message .card-footer {
  border: none;
}
[data-theme^=crb].chat-message .card-footer span {
  border-right: 1px solid gray;
  padding-right: 5px;
}
[data-theme^=crb] hr {
  border-top: none;
}
[data-theme^=crb]#hotbar .macro {
  border: 1px solid black;
}
[data-theme^=crb].sidebar-popout {
  background: var(--app-background) !important;
}
[data-theme^=crb].message.chat-message {
  background: var(--window-app-background);
  background-position: top;
  background-size: cover;
}
[data-theme^=crb].message.chat-message.whisper {
  background: var(--window-app-background);
  background-color: var(--whisper-bg);
  background-blend-mode: luminosity;
  background-size: cover;
  border-color: var(--tertiary);
}
[data-theme^=crb].message.chat-message.whisper.blind {
  background: var(--window-app-background);
  background-color: var(--blind-bg);
  background-blend-mode: luminosity;
  background-size: cover;
  border-color: var(--tertiary);
}
[data-theme^=crb]#effects-panel .effect-item > .icon {
  --box-shadow: var(--gold-and-glow);
  --border-radius: 50%;
}
[data-theme^=crb]#effects-panel .effect-item > .icon.aura {
  border-radius: 33%;
  transform: scale(0.8);
}

/* ----------------------------------------- */
/* Modules                                   */
/* ----------------------------------------- */
[data-theme^=crb]#token-action-hud button {
  --button-background: var(--glass-bg);
}
[data-theme^=crb]#token-action-hud .hover > button {
  --button-background: var(--button-hover-background);
}
[data-theme^=crb]#pf2e-token-hud {
  --color-primary-2: var(--tertiary);
  --color-secondary-4: var(--glass-bg-light);
}
[data-theme^=crb]#pf2e-token-hud hr {
  display: none;
}

/* ----------------------------------------- */
/* Navigation                                */
/* ----------------------------------------- */
[data-dorako-ui-scope=navigation][data-theme^=crb] .scene {
  --button-toggle-focus-outline-color: #d3b87c;
}
[data-dorako-ui-scope=navigation][data-theme^=crb] .scene:not(.gm) {
  --button-toggle-background: var(--app-background);
  --button-toggle-hover-background: var(--primary-light);
}
[data-dorako-ui-scope=navigation][data-theme^=crb] .scene.gm.active:not(.view) {
  --button-toggle-focus-outline-color: transparent;
}

/* ----------------------------------------- */
/* Chatlog                                   */
/* ----------------------------------------- */
[data-chat-interface-theme^=crb] {
  --scrollbar-thumb-background: var(--tertiary);
  --scrollbar-thumb-border-color: color-mix(in srgb, var(--tertiary) 50%, black);
  --color-scrollbar-hover: color-mix(in srgb, var(--tertiary) 50%, white);
}

/* ----------------------------------------- */
/* Placeable HUD                             */
/* ----------------------------------------- */
[data-theme^=crb] [data-dorako-ui-scope=placeable-hud] {
  --button-background: var(--glass-bg);
}

/* ----------------------------------------- */
/* Theme colors                              */
/* ----------------------------------------- */
:root {
  --f2-color-warm-1: #ee9b3a;
  --f2-color-warm-1-40: color-mix(in srgb, var(--color-warm-1) 40%, transparent);
  --f2-color-warm-2: #c9593f;
  --f2-color-warm-2-20: color-mix(in srgb, var(--color-warm-2) 20%, transparent);
  --f2-color-warm-3: #5d142b;
  --f2-color-warm-3-10: color-mix(in srgb, var(--color-warm-3) 10%, transparent);
  --f2-color-warm-3-75: color-mix(in srgb, var(--color-warm-3) 75%, transparent);
  --f2-color-warm-4: #420418;
  --f2-color-warm-4-75: color-mix(in srgb, var(--color-warm-4) 75%, transparent);
  --f2-color-warm-5: #26020d;
  --f2-color-cool-1: #b1a0d4;
  --f2-color-cool-2: #79689c;
  --f2-color-cool-3: #584a75;
  --f2-color-cool-3-75: color-mix(in srgb, var(--color-cool-3) 75%, transparent);
  --f2-color-cool-4: #302831;
  --f2-color-cool-5: #0b0a13;
  --f2-color-cool-5-25: rgba(11, 10, 19, 0.25);
  --f2-color-cool-5-50: rgba(11, 10, 19, 0.5);
  --f2-color-cool-5-75: rgba(11, 10, 19, 0.75);
  --f2-color-cool-5-90: rgba(11, 10, 19, 0.9);
  --f2-color-light-1: #f7f3e8;
  --f2-color-light-2: #efe6d8;
  --f2-color-light-3: #e7d1b1;
  --f2-color-light-4: #d0b8a3;
  --f2-color-light-5: #9f8475;
  --f2-color-light-disabled: #aaa;
  --f2-color-level-error: #ce0707;
  --f2-color-level-error-bg: rgba(105, 0, 8, 0.8);
  --f2-color-level-error-border: #750003;
  --f2-color-level-info: #59a1f6;
  --f2-color-level-info-bg: rgba(47, 80, 132, 0.8);
  --f2-color-level-info-border: #5c87b9;
  --f2-color-level-success: #26b231;
  --f2-color-level-success-bg: rgba(26, 107, 34, 0.8);
  --f2-color-level-success-border: #1b8f23;
  --f2-color-level-warning: #ee9b3a;
  --f2-color-level-warning-bg: rgba(214, 150, 0, 0.8);
  --f2-color-level-warning-border: #b18404;
  --f2-color-level-green-bg: rgba(138, 211, 4, 0.4);
  --f2-color-level-green-border: #8ad304;
  --f2-color-level-yellow-bg: rgba(211, 192, 4, 0.4);
  --f2-color-level-yellow-border: #d3c004;
  --f2-color-level-orange-bg: rgba(211, 119, 4, 0.4);
  --f2-color-level-orange-border: #d37704;
  --f2-color-level-red-bg: rgba(211, 20, 4, 0.4);
  --f2-color-level-red-border: #d31404;
  --f2-scrollbar-thumb-background: #5d142b;
  --f2-scrollbar-thumb-border-color: #8d151b;
}

/* ----------------------------------------- */
/* Map v1 styling to v2 values               */
/* ----------------------------------------- */
[data-theme=foundry2] {
  --color-shadow-primary: transparent;
  --color-shadow-highlight: transparent;
  --color-border-light-primary: var(--app-border-color);
  --color-border-light-highlight: var(--app-border-color);
  --color-underline-header: var(--color-primary-2);
  --color-underline-active: var(--color-primary-1);
  --color-text-dark-primary: var(--text-color-3);
  --color-text-dark-secondary: var(--text-color-5);
}

/* ----------------------------------------- */
/* Light color scheme                        */
/* ----------------------------------------- */
[data-theme=foundry2][data-color-scheme=light] {
  --window-app-background: color-mix(in srgb, var(--color-secondary-5-90) 90%, var(--color-primary-1));
  --ornamentation: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' overflow='scroll'%3E%3Cstyle%3E.st1{stroke:wheat;stroke-miterlimit:10}.st1,.st2{fill:none}%3C/style%3E%3Cg opacity='1'%3E%3Cpath class='st1' d='M.5 20v-7'/%3E%3Cpath class='st2' d='M13 20v-7'/%3E%3Cpath class='st1' d='M13 .5h7'/%3E%3Cpath class='st2' d='M13 13h7'/%3E%3Cpath class='st1' d='M32.5 13v7'/%3E%3Cpath class='st2' d='M20 13v7'/%3E%3Cpath class='st1' d='M20 32.5h-7'/%3E%3Cpath class='st2' d='M20 20h-7'/%3E%3Cpath class='st1' d='M.5.5h3.1v3.1H.5zm3.1 3.1h3.1v3.1H3.6zm3.2 0h3.1v3.1H6.8zM3.6 6.8h3.1v3.1H3.6zm0 0H.5V13M13 .5H6.8v3.1M29.4.5h3.1v3.1h-3.1zm-3.1 3.1h3.1v3.1h-3.1zm0 3.2h3.1v3.1h-3.1zm-3.2-3.2h3.1v3.1h-3.1zm3.2 0V.5H20M32.5 13V6.8h-3.1M29.4 29.4h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M26.3 26.3h3.1v3.1h-3.1zm-3.2 0h3.1v3.1h-3.1zm3.2-3.2h3.1v3.1h-3.1z'/%3E%3Cpath class='st1' d='M29.4 26.3h3.1V20M20 32.5h6.3v-3.1'/%3E%3Cg%3E%3Cpath class='st1' d='M.5 29.4h3.1v3.1H.5zm3.1-3.1h3.1v3.1H3.6zm0-3.2h3.1v3.1H3.6zm3.2 3.2h3.1v3.1H6.8zM6.8 29.4v3.1H13M.5 20v6.3h3.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
[data-theme=foundry2][data-color-scheme=light].pf2e.item.sheet {
  --color-border-medium: var(--color-secondary-3);
}

/* ----------------------------------------- */
/* DUI variables                             */
/* ----------------------------------------- */
[data-chat-interface-theme=foundry2] #sidebar-tabs,
[data-chat-interface-theme=foundry2] #chat-log ~ *,
[data-theme=foundry2] {
  --color-primary-1: var(--f2-color-warm-1);
  --color-primary-1-40: color-mix(in srgb, var(--color-primary-1) 40%, transparent);
  --color-primary-2: var(--f2-color-warm-2);
  --color-primary-2-20: color-mix(in srgb, var(--color-primary-2) 20%, transparent);
  --color-primary-3: var(--f2-color-warm-3);
  --color-primary-3-10: color-mix(in srgb, var(--color-primary-3) 10%, transparent);
  --color-primary-3-75: color-mix(in srgb, var(--color-primary-3) 75%, transparent);
  --color-primary-4: var(--f2-color-warm-4);
  --color-primary-4-75: color-mix(in srgb, var(--color-primary-4) 75%, transparent);
  --color-primary-5: var(--f2-color-warm-5);
  --color-secondary-1: var(--f2-color-cool-1);
  --color-secondary-2: var(--f2-color-cool-2);
  --color-secondary-3: var(--f2-color-cool-3);
  --color-secondary-3-75: color-mix(in srgb, var(--color-secondary-3) 75%, transparent);
  --color-secondary-4: var(--f2-color-cool-4);
  --color-secondary-5: var(--f2-color-cool-5);
  --color-secondary-5-25: rgba(11, 10, 19, 0.25);
  --color-secondary-5-50: rgba(11, 10, 19, 0.5);
  --color-secondary-5-75: rgba(11, 10, 19, 0.75);
  --color-secondary-5-90: rgba(11, 10, 19, 0.9);
  --text-color-1: var(--f2-color-light-1);
  --text-color-2: var(--f2-color-light-2);
  --text-color-3: var(--f2-color-light-3);
  --text-color-4: var(--f2-color-light-4);
  --text-color-5: var(--f2-color-light-5);
  --text-color-disabled: #aaa;
  --icon-border-color: var(--color-primary-1);
  --input-box-shadow: none;
  --input-background: var(--color-secondary-4);
  --input-border-color: var(--color-secondary-3);
  --input-focus-text-color: var(--text-color-2);
  --input-text-color: var(--text-color-3);
  --input-placeholder-color: var(--text-color-4);
  --input-text-selection-color: var(--color-secondary-3);
  --input-focus-outline-color: var(--color-secondary-3);
  --input-disabled-background: var(--color-secondary-5);
  --input-disabled-border-color: var(--color-secondary-4);
  --fieldset-border-color: var(--color-secondary-3);
  --fieldset-background-color: transparent;
  --fieldset-legend-color: var(--text-color-2);
  --button-border-color: var(--color-secondary-3);
  --app-border-width: 1px;
  --button-background: var(--app-background);
  --button-border-color: var(--app-border-color);
  --button-text-color: var(--text-color-3);
  --button-focus-outline-color: var(--color-primary-1);
  --button-hover-background: var(--color-primary-2);
  --button-hover-border-color: var(--color-primary-1);
  --button-hover-text-color: var(--text-color-1);
  --button-disabled-background: var(--color-primary-5);
  --button-disabled-border-color: var(--color-primary-4);
  --button-toggle-border-color: var(--color-secondary-2);
  --button-toggle-background: var(--color-secondary-3-75);
  --button-toggle-hover-background: var(--color-secondary-2);
  --button-toggle-hover-border-color: var(--color-secondary-1);
  --button-toggle-focus-outline-color: var(--color-primary-1);
  --button-bright-text-color: var(--text-color-1);
  --app-background: var(--color-secondary-5-90);
  --app-border-color: var(--color-secondary-4);
  --window-app-background: var(--color-secondary-5-90);
  --window-app-border-color: var(--color-secondary-4);
  --window-app-box-shadow: 0px 5px 20px 3px black, 0px 0px 50px 30px var(--color-primary-3-10),
    0px 0px 30px 20px var(--color-primary-2-20), 0px 0px 10px 05px var(--color-primary-1-40);
  --accent-text-color: black;
  --accent-color-light: color-mix(in srgb, var(--f2-color-warm-1) 80%, white);
  --accent-color: var(--f2-color-warm-1);
  --accent-color-dark: color-mix(in srgb, var(--f2-color-warm-1) 80%, black);
  --inline-background: var(--color-secondary-4);
  --inline-border-color: var(--color-secondary-3);
  --inline-text-color: var(--text-color-2);
  --inline-icon-color: var(--text-color-1);
  --inline-box-shadow: 0px 1px 2px black;
}

/* ----------------------------------------- */
/* System variables                          */
/* ----------------------------------------- */
[data-theme=foundry2] {
  --bg: var(--color-primary-3);
  --text-dark: var(--text-color-2);
}

/* ----------------------------------------- */
/* Specifics                                 */
/* ----------------------------------------- */
[data-theme=foundry2].message.chat-message {
  --window-app-border-width: 1px;
  --box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
  --window-app-border-color: var(--player-color);
  --window-app-background: color-mix(in srgb, var(--player-color) 30%, var(--app-background));
  background-position: top;
  background-size: cover;
}
[data-theme=foundry2].message.chat-message hr {
  border-top: 1px solid color-mix(in srgb, var(--player-color) 100%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--player-color) 30%, transparent);
}
[data-theme=foundry2].message.chat-message .message-timestamp,
[data-theme=foundry2].message.chat-message .header-meta {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  background-color: color-mix(in srgb, var(--player-color) 33%, transparent);
  border: 1px solid color-mix(in srgb, var(--player-color) 50%, rgba(255, 255, 255, 0.5));
  color: var(--text-color-1);
  text-shadow: 0px 1px 1px black;
}
[data-theme=foundry2].message.chat-message .message-timestamp.blind,
[data-theme=foundry2].message.chat-message .header-meta.blind {
  background-color: color-mix(in srgb, var(--blind-bg) 50%, transparent);
  border: 1px solid color-mix(in srgb, var(--blind-bg) 66%, rgba(255, 255, 255, 0.5));
}
[data-theme=foundry2].message.chat-message .message-timestamp.whisper,
[data-theme=foundry2].message.chat-message .header-meta.whisper {
  background-color: color-mix(in srgb, rgb(42, 113, 255) 33%, transparent);
  border: 1px solid color-mix(in srgb, rgb(42, 113, 255) 50%, rgba(255, 255, 255, 0.5));
}
[data-theme=foundry2].window-app.sidebar-popout {
  border: none;
}
[data-theme=foundry2].actor.sheet .crb-style .sheet-body {
  --primary: var(--color-primary-2);
  --secondary: var(--color-secondary-3);
  --text-dark: var(--text-color-2);
  --color-border-light-2: var(--color-secondary-4);
  --color-border-light-primary: var(--color-primary-1);
  --color-border-light-highlight: var(--color-primary-2);
  --color-border-divider: var(--color-secondary-3);
  --sub: var(--text-color-disabled);
  --alt: var(--text-color-5);
  --bg: var(--color-secondary-5-90);
}
[data-theme=foundry2].spellcasting-entry {
  --primary: var(--color-primary-2);
  --secondary: var(--color-secondary-3);
  --text-dark: var(--text-color-2);
  --color-border-divider: var(--color-secondary-3);
  --sub: var(--text-color-disabled);
  --alt: var(--text-color-5);
  --bg: var(--color-secondary-5-90);
}
[data-theme=foundry2].actor.sheet .inventory .list-row .item-controls {
  --secondary: var(--color-secondary-2);
}
[data-theme=foundry2] .tags .tag.tag_transparent,
[data-theme=foundry2] .tags .tag option.tag_transparent {
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset;
  background: var(--color-secondary-4);
  color: var(--text-color-3);
  text-shadow: none;
}
[data-theme=foundry2].sheet.kingdom-builder, [data-theme=foundry2].sheet.kingdom {
  --primary: var(--color-primary-2);
  --secondary: var(--color-secondary-3);
  --text-dark: var(--text-color-2);
  --color-border-divider: var(--color-secondary-3);
  --sub: var(--text-color-disabled);
  --alt: var(--text-color-5);
  --alt-dark: var(--text-color-4);
  --bg: var(--color-secondary-5-90);
  --paper-bg: var(--color-secondary-4);
}

/* ----------------------------------------- */
/* Controls                                  */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Navigation                                */
/* ----------------------------------------- */
[data-dorako-ui-scope=navigation][data-theme=foundry2] .scene:not(.gm) {
  --button-toggle-background: var(--app-background);
  --button-toggle-border-color: var(--color-secondary-4);
  --button-toggle-hover-border-color: var(--color-primary-1);
  --button-toggle-hover-background: var(--color-primary-2);
}
[data-dorako-ui-scope=navigation][data-theme=foundry2] .scene.gm {
  --button-toggle-background: var(--color-secondary-3-75);
  --button-toggle-border-color: var(--color-secondary-2);
  --button-toggle-hover-border-color: var(--color-secondary-1);
  --button-toggle-hover-background: var(--color-secondary-2);
}
[data-dorako-ui-scope=navigation][data-theme=foundry2] .scene.gm.active:not(.view) {
  --button-toggle-focus-outline-color: transparent;
}

[data-chat-interface-theme=opaque] #chat-log ~ *,
[data-theme=opaque]:not([data-color-scheme]) {
  --button-background: rgb(30, 30, 30);
  --app-background: rgb(30, 30, 30);
  --app-border-color: rgb(80, 80, 80);
  --app-border-width: 1px;
  --window-app-background: rgb(30, 30, 30);
  --window-app-border-width: 1px;
  --window-app-border-color: rgb(80, 80, 80);
  --input-box-shadow: none;
  --input-border-color: var(--button-border-color);
  --input-text-color: black;
  --input-focus-text-color: black;
  --input-background: rgba(255, 255, 255, 0.5);
  --input-focus-outline-color: var(--primary-light);
  --input-placeholder-color: rgba(0, 0, 0, 0.5);
  --color-primary-1: var(--tertiary);
  --color-primary-2: var(--primary-light);
  --color-primary-3: var(--primary-dark);
  --color-primary-3-75: var(--color-primary-3);
  --color-primary-4-75: var(--color-primary-4);
  --color-secondary-1: var(--secondary-light);
  --color-secondary-2: var(--secondary);
  --color-secondary-3: var(--secondary-dark);
  --color-secondary-3-75: var(--color-secondary-3);
  --button-background: var(--app-background);
  --button-border-color: var(--app-border-color);
  --button-text-color: var(--text-color-3);
  --button-focus-outline-color: var(--tertiary);
  --button-hover-background: var(--primary-light);
  --button-hover-border-color: var(--tertiary);
  --button-hover-text-color: var(--text-color-1);
  --button-disabled-background: var(--color-primary-5);
  --button-disabled-border-color: var(--color-primary-4);
  --button-bright-text-color: white;
  --button-toggle-border-color: var(--secondary-light);
  --button-toggle-hover-border-color: color-mix(in srgb, var(--secondary) 50%, white 50%);
  --button-toggle-background: color-mix(in srgb, var(--secondary) 50%, black 50%);
  --button-toggle-hover-background: var(--secondary-light);
  --scrollbar-thumb-background: var(--bg3-scrollbar-thumb-background);
  --scrollbar-thumb-border-color: var(--bg3-scrollbar-thumb-border-color);
  --color-scrollbar-hover: var(--bg3-color-scrollbar-highlight);
  /* Inline variables */
  --inline-background: #303030;
  --inline-border-color: #404040;
  --inline-text-color: var(--text-color-2);
  --inline-icon-color: var(--text-color-1);
  --inline-box-shadow: 0px 1px 2px black;
  --accent-color: var(--primary-light);
  --icon-border-color: var(--tertiary);
  --color-border-light-primary: var(--app-border-color);
  --color-border-light-highlight: var(--app-border-color);
}
[data-chat-interface-theme=opaque] #chat-log ~ *#token-hud,
[data-theme=opaque]:not([data-color-scheme])#token-hud {
  --input-text-color: var(--text-color-2);
}
[data-chat-interface-theme=opaque] #chat-log ~ *#token-hud .attribute i.fas,
[data-theme=opaque]:not([data-color-scheme])#token-hud .attribute i.fas {
  color: var(--text-color-2);
}
[data-chat-interface-theme=opaque] #chat-log ~ *.sidebar-popout,
[data-theme=opaque]:not([data-color-scheme]).sidebar-popout {
  background: var(--app-background);
  border: var(--app-border-width);
  border-color: var(--app-border-color);
}

/* ----------------------------------------- */
/* Controls                                  */
/* ----------------------------------------- */
[data-dorako-ui-scope=controls][data-theme=opaque] {
  --button-toggle-border-color: var(--secondary-light);
  --button-toggle-hover-border-color: color-mix(in srgb, var(--secondary) 50%, white 50%);
  --button-toggle-background: color-mix(in srgb, var(--secondary) 50%, black 50%);
  --button-toggle-hover-background: var(--secondary-light);
}

/* ----------------------------------------- */
/* Chatlog                                   */
/* ----------------------------------------- */
[data-chat-interface-theme=opaque] #sidebar-tabs {
  --app-border-width: 1px solid;
  --button-hover-background: var(--primary-light);
  --button-hover-border-color: #d3b87c;
}

/* ----------------------------------------- */
/* Navigation                                */
/* ----------------------------------------- */
[data-dorako-ui-scope=navigation][data-theme=opaque] .scene {
  --button-toggle-focus-outline-color: var(--discord-attention);
}
[data-dorako-ui-scope=navigation][data-theme=opaque] .scene:not(.gm) {
  --button-toggle-border-color: var(--app-border-color);
  --button-toggle-hover-border-color: color-mix(in srgb, var(--primary-light) 50%, white 50%);
  --button-toggle-background: var(--app-background);
  --button-toggle-hover-background: var(--primary-light);
}
[data-dorako-ui-scope=navigation][data-theme=opaque] .scene.gm {
  --button-toggle-border-color: var(--secondary-light);
  --button-toggle-hover-border-color: color-mix(in srgb, var(--secondary) 50%, white 50%);
  --button-toggle-background: color-mix(in srgb, var(--secondary) 50%, black 50%);
  --button-toggle-hover-background: var(--secondary-light);
}
[data-dorako-ui-scope=navigation][data-theme=opaque] .scene.gm.active:not(.view) {
  --button-toggle-focus-outline-color: transparent;
}

:root {
  --wotr-red-letter: #612e34;
  --wotr-paper-inner: #fbf9f400;
  --wotr-paper-outer: #8d8572;
  --wotr-purple-bg: #5a475a;
  --wotr-purple-border: #393748;
  --wotr-blue-bg: #adafb1;
  --wotr-yellow-bg: #e2d4b8;
  --wotr-image-border: #343745;
  --wotr-icon-orange: #8b4224;
  --wotr-icon-purple: #58505e;
  --wotr-icon-yellow: #7e5e3e;
  --wotr-text-dark-blue: #333544;
  --wotr-text-dark-brown: #3c3834;
  --wotr-text-orange: #7e4a34;
  --wotr-text-blue: #505b70;
  --wotr-text-pale-purple: #4f4e62;
  --wotr-text-detail: #625f56;
  --wotr-button-text-disabled: #403a39;
  --wotr-button-text: #a58975;
  --wotr-button-background: #180d0f;
  --wotr-button-active-bg: #4d2b46;
  --wotr-button-active-text: #d3cace;
  --wotr-alignment-good-bg: #e2e6ee;
  --wotr-alignment-good-text: #535f74;
  --wotr-alignment-neutral-bg: #d5d1c8;
  --wotr-alignment-neutral-text: #575b5d;
  --wotr-alignment-evil-bg: #d9ada4;
  --wotr-alignment-evil-text: #7e4f40;
  --wotr-experience: #e4dca4;
  --wotr-health: #75e358;
  --wotr-green-bg: #51805c;
  --wotr-green-inner: #cbe9cb;
  --wotr-brown-bg: #7a4c3e;
  --wotr-brown-inner: #efc4b8;
  --wotr-yellow-bg: #827d4b;
  --wotr-yellow-inner: #f8f3cd;
}

[data-chat-interface-theme^=wotr] #sidebar-tabs,
[data-chat-interface-theme^=wotr] #chat-log ~ *,
[data-theme^=wotr] {
  --color-border-highlight: transparent;
  --color-border-dark-3: transparent;
}

[data-chat-interface-theme^=wotr] #sidebar-tabs,
[data-chat-interface-theme^=wotr] #chat-log ~ *,
[data-theme^=wotr] {
  --icon-border-color: var(--wotr-image-border);
  --scrollbar-thumb-background: var(--wotr-purple-bg);
  --scrollbar-thumb-border-color: var(--wotr-purple-border);
  --color-scrollbar-hover: color-mix(in srgb, var(--wotr-purple-bg) 50%, white);
  --window-app-background: radial-gradient(
      circle at top center,
      #fbf9f444 0%,
      #fbf9f444 40%,
      #a8a29544 60%,
      #a8a295 90%,
      #8d8572 100%
    ),
    var(--sheet-light);
  --window-app-box-shadow: 0px 4px 30px 8px black;
  --window-app-border-color: transparent;
  --window-app-border-width: 0px;
  --box-shadow: none;
  --accent-color: #4d2b46;
  --inline-box-shadow: none;
  --inline-background: var(--wotr-purple-bg);
  --inline-border-color: var(--wotr-purple-border);
  --inline-text-color: var(--wotr-button-active-text);
  --inline-icon-color: var(--wotr-button-active-text);
  --input-box-shadow: none;
  --input-border-color: var(--color-text-light-5);
  --input-text-color: var(--color-text-dark-input);
  --input-focus-text-color: var(--color-text-dark-input);
  --input-background: rgba(255, 255, 255, 0.5);
  --input-focus-outline-color: var(--primary-light);
  --input-placeholder-color: rgba(0, 0, 0, 0.5);
  --button-background: var(--wotr-button-background);
  --button-border-color: #442d29;
  --button-text-color: var(--wotr-button-text);
  --button-focus-outline-color: var(--wotr-purple-border);
  --button-hover-background: var(--wotr-button-active-bg);
  --button-hover-border-color: var(--wotr-button-active-bg);
  --button-hover-text-color: var(--wotr-button-active-text);
  --button-disabled-background: var(--wotr-button-background);
  --button-disabled-border-color: #442d29;
  --button-disabled-text-color: var(--wotr-button-text-disabled);
  --button-toggle-border-color: var(--secondary-light);
  --button-toggle-background: var(--secondary-dark);
  --button-toggle-hover-background: var(--secondary-light);
  --color-primary-1: #d3cace;
  --color-primary-2: #4d2b46;
  --color-primary-3: #442d29;
  --color-primary-3-75: color-mix(in srgb, var(--color-primary-3) 75%, transparent);
  --color-primary-4-75: color-mix(in srgb, var(--color-primary-4) 75%, transparent);
  --color-secondary-1: var(--secondary-light);
  --color-secondary-2: var(--secondary);
  --color-secondary-3: var(--secondary-dark);
  --color-secondary-3-75: color-mix(in srgb, var(--color-secondary-3) 75%, transparent);
  --color-border-light-1: #ddd;
  --color-border-light-2: #999;
  --text-color-1: var(--wotr-text-dark-blue);
  --text-color-2: var(--wotr-text-dark-brown);
  --text-color-3: black;
  --text-color-4: var(--wotr-text-detail);
  --text-color-5: #65615a;
}
[data-chat-interface-theme^=wotr] #sidebar-tabs.actor.sheet .crb-style section.major > header,
[data-chat-interface-theme^=wotr] #chat-log ~ *.actor.sheet .crb-style section.major > header,
[data-theme^=wotr].actor.sheet .crb-style section.major > header {
  font-variant: small-caps;
  text-transform: lowercase;
  font-size: 150%;
  color: #3c3833;
}
[data-chat-interface-theme^=wotr] #sidebar-tabs.actor.sheet .crb-style section.major > header::first-letter,
[data-chat-interface-theme^=wotr] #chat-log ~ *.actor.sheet .crb-style section.major > header::first-letter,
[data-theme^=wotr].actor.sheet .crb-style section.major > header::first-letter {
  bottom: 15px;
  font-size: 150%;
  text-transform: uppercase;
  color: #612e34;
  vertical-align: middle;
}
[data-chat-interface-theme^=wotr] #sidebar-tabs.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute h3.modifier,
[data-chat-interface-theme^=wotr] #chat-log ~ *.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute h3.modifier,
[data-theme^=wotr].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute h3.modifier {
  color: var(--wotr-text-dark-blue);
}
[data-chat-interface-theme^=wotr] #sidebar-tabs.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation,
[data-chat-interface-theme^=wotr] #chat-log ~ *.actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation,
[data-theme^=wotr].actor.sheet.character .crb-style .sheet-body .sheet-content .tab.character .attributes .attribute .abbreviation {
  text-transform: uppercase;
  color: var(--wotr-text-orange);
}
[data-chat-interface-theme^=wotr] #sidebar-tabs.window-app .window-header,
[data-chat-interface-theme^=wotr] #chat-log ~ *.window-app .window-header,
[data-theme^=wotr].window-app .window-header {
  text-shadow: none;
}
[data-chat-interface-theme^=wotr] #sidebar-tabs.pf2e.item.sheet .sheet-header img,
[data-chat-interface-theme^=wotr] #chat-log ~ *.pf2e.item.sheet .sheet-header img,
[data-theme^=wotr].pf2e.item.sheet .sheet-header img {
  background: rgba(6, 4, 3, 0.92);
  border-image-source: url(../img/crayon-border.webp);
  border-image-slice: 5 20 20 20 fill;
  border-image-repeat: repeat repeat;
  border-image-width: auto;
  border-image-outset: 1px 2px 2px 2px;
  border-radius: 0;
}
[data-chat-interface-theme^=wotr] #sidebar-tabs.sheet.journal-entry .journal-sidebar,
[data-chat-interface-theme^=wotr] #chat-log ~ *.sheet.journal-entry .journal-sidebar,
[data-theme^=wotr].sheet.journal-entry .journal-sidebar {
  color: var(--wotr-text-dark-brown);
  --color-text-light-7: var(--wotr-text-detail);
}
[data-chat-interface-theme^=wotr] #sidebar-tabs.sheet.journal-entry .pages-list .directory-item:not(.active) + .active,
[data-chat-interface-theme^=wotr] #chat-log ~ *.sheet.journal-entry .pages-list .directory-item:not(.active) + .active,
[data-theme^=wotr].sheet.journal-entry .pages-list .directory-item:not(.active) + .active {
  background: rgba(87, 91, 93, 0.1333333333);
}
[data-chat-interface-theme^=wotr] #sidebar-tabs.sheet,
[data-chat-interface-theme^=wotr] #chat-log ~ *.sheet,
[data-theme^=wotr].sheet {
  padding: 0px 10px;
  border-radius: 25px;
}
[data-chat-interface-theme^=wotr] #sidebar-tabs.sheet::after, [data-chat-interface-theme^=wotr] #sidebar-tabs.sheet::before,
[data-chat-interface-theme^=wotr] #chat-log ~ *.sheet::after,
[data-chat-interface-theme^=wotr] #chat-log ~ *.sheet::before,
[data-theme^=wotr].sheet::after,
[data-theme^=wotr].sheet::before {
  background-image: url(../img/wotr/wotr-paper-left.webp);
  background-size: 100% 100%;
  content: " ";
  height: calc(100% + 20px);
  position: absolute;
  top: -10px;
  left: -10px;
  width: 5em;
  z-index: -1;
}
[data-chat-interface-theme^=wotr] #sidebar-tabs.sheet::after,
[data-chat-interface-theme^=wotr] #chat-log ~ *.sheet::after,
[data-theme^=wotr].sheet::after {
  left: unset;
  right: -10px;
  transform: scaleX(-1);
}

/* ----------------------------------------- */
/* Color definitions                         */
/* ----------------------------------------- */
/* Colors */
/* Global */
/* used for mini headers, alternate primary color */
/* compliments the primary color, usually used in combination */
/* for all other uses */
/* Lighter / Darker */
/* Text */
/* ----------------------------------------- */
/* Color schemes                             */
/* ----------------------------------------- */
/* Proficiency ranks */
/* Rarities */
/* Degrees of success */
/* Value adjustments (e.g. weak/elite) */
/* ----------------------------------------- */
/* CSS Custom Properties                     */
/* ----------------------------------------- */
:root {
  /* Global */
  --primary: #5e0000;
  --system-primary: #5e0000;
  --primary-light: #b10000;
  --primary-dark: #380000;
  --system-secondary: #171f69;
  --secondary: #171f69;
  --secondary-light: #2836b7;
  --secondary-dark: #0d113a;
  --tertiary: #e9d7a1;
  --remaster: hsl(152, 87%, 15%);
  --remaster-light: hsl(170, 96%, 19%);
  --remaster-dark: hsl(153, 100%, 8%);
  --rarity-common: #323232;
  --rarity-uncommon: #98513d;
  --rarity-rare: #002664;
  --rarity-unique: #54166e;
  --alt: #786452;
  --alt-dark: #443730;
  --bg: #f8f4f1;
  --bg-dark: #e7d9cf;
  --gold-brown: #956d58;
  --sub: #605856;
  --color-disabled: #ababab;
  --blind-bg: #a57aa5;
  --whisper-bg: #e3e3ff;
  --inline-link-bg: #ddd;
  --inline-repost-bg: #eaeaea;
  --visibility-gm-bg: #e8e8ef;
  --visibility-owner-bg: #ddebe1;
  --blind-roll: #f5eaf5;
  /* Lighter / Darker */
  --light: #910000;
  --dark: #2b0000;
  --tertiary-dark: #dfc578;
  --tertiary-light: #f3e9ca;
  /* Text */
  --body: var(--text-dark);
  --color-text-trait: #f5efe0;
  --text-dark: #1c1c1c;
  --text-light: white;
  /* Borders */
  --color-border-trait: #d8c384;
  --color-border-divider: #baa991;
  /* Mats */
  --mats-dark: #1c1c1c;
  --mats-gold-dark: #dbc682;
  --mats-gold-light: #e6d8a7;
  --mats-green-light: #99aea1;
  --mats-green: #3e644b;
  --mats-green-dark: #233b2b;
  /* Headers w/ boxes */
  --header-color: var(--text-light);
  --header-bg: var(--secondary);
  /* Sidebar */
  --sidebar-label: var(--tertiary-dark);
  --sidebar-title: var(--tertiary);
  /* App UI */
  --glass-bg: rgba(20, 20, 20, 0.6);
  --glass-bg-gold: rgba(103, 88, 60, 0.441);
  --glass-bg-light: rgba(255, 255, 255, 0.1);
  --glass-bg-dark: rgba(0, 0, 0, 0.7);
  --gold-and-glow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), inset 0 0 3px rgba(255, 255, 255, 0.5);
  --glassy: 0px 0px 3px 0px rgba(255, 255, 255, 0.4) inset, 0px 0px 2px 1px rgba(0, 0, 0, 1),
    0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  --glassy-sharp: 0px 0px 0px 1px rgba(255, 255, 255, 0.4) inset, 0px 1px 5px 1px rgba(0, 0, 0, 0.8);
  --glassy-sharp-inset: 0px 0px 0px 1px rgba(255, 255, 255, 0.4) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.8) inset;
  --glassy-sharp-highlight: 0px 0px 0px 1px rgba(245, 222, 179, 0.7) inset, 0px 1px 5px 1px rgba(0, 0, 0, 0.8);
  --sheet-light: url(../img/background-light.webp);
  --sheet-dark: url(../img/background-dark4.webp);
  --header: url(../img/red-header.webp);
  --banner-top: url(../img/red-sidebar-top.webp);
  --banner-bottom: url(../img/red-sidebar-bottom.webp);
  --hotbar-width: unset;
  /* Degrees of success */
  --degree-success-critical: rgb(0, 128, 0);
  --degree-success: rgb(0, 0, 255);
  --degree-failure: rgb(255, 69, 0);
  --degree-failure-critical: rgb(255, 0, 0);
  /* Value adjustments (e.g. weak/elite) */
  --adjusted-higher: #009988;
  --adjusted-lower: #cc3311;
}

/* ----------------------------------------- */
/* DUI color variables                       */
/* ----------------------------------------- */
:root {
  --color-primary-1: #ee9b3a;
  --color-primary-1-40: color-mix(in srgb, var(--color-primary-1) 40%, transparent);
  --color-primary-2: #c9593f;
  --color-primary-2-20: color-mix(in srgb, var(--color-primary-2) 20%, transparent);
  --color-primary-3: #5d142b;
  --color-primary-3-10: color-mix(in srgb, var(--color-primary-3) 10%, transparent);
  --color-primary-3-75: color-mix(in srgb, var(--color-primary-3) 75%, transparent);
  --color-primary-4: #420418;
  --color-primary-4-75: color-mix(in srgb, var(--color-primary-4) 75%, transparent);
  --color-primary-5: #26020d;
  --color-secondary-1: #b1a0d4;
  --color-secondary-2: #79689c;
  --color-secondary-3: #584a75;
  --color-secondary-3-75: color-mix(in srgb, var(--color-secondary-3) 75%, transparent);
  --color-secondary-4: #302831;
  --color-secondary-5: #0b0a13;
  --color-secondary-5-25: rgba(11, 10, 19, 0.25);
  --color-secondary-5-50: rgba(11, 10, 19, 0.5);
  --color-secondary-5-75: rgba(11, 10, 19, 0.75);
  --color-secondary-5-90: rgba(11, 10, 19, 0.9);
  --text-color-1: #f7f3e8;
  --text-color-2: #efe6d8;
  --text-color-3: #e7d1b1;
  --text-color-4: #d0b8a3;
  --text-color-5: #9f8475;
  --text-color-disabled: #aaa;
  --color-level-error: #ce0707;
  --color-level-error-bg: rgba(105, 0, 8, 0.8);
  --color-level-error-border: #750003;
  --color-level-info: #59a1f6;
  --color-level-info-bg: rgba(47, 80, 132, 0.8);
  --color-level-info-border: #5c87b9;
  --color-level-success: #26b231;
  --color-level-success-bg: rgba(26, 107, 34, 0.8);
  --color-level-success-border: #1b8f23;
  --color-level-warning: #ee9b3a;
  --color-level-warning-bg: rgba(214, 150, 0, 0.8);
  --color-level-warning-border: #b18404;
  --color-level-green-bg: rgba(138, 211, 4, 0.4);
  --color-level-green-border: #8ad304;
  --color-level-yellow-bg: rgba(211, 192, 4, 0.4);
  --color-level-yellow-border: #d3c004;
  --color-level-orange-bg: rgba(211, 119, 4, 0.4);
  --color-level-orange-border: #d37704;
  --color-level-red-bg: rgba(211, 20, 4, 0.4);
  --color-level-red-border: #d31404;
  --scrollbar-thumb-background: #5d142b;
  --scrollbar-thumb-border-color: #8d151b;
}

/* ----------------------------------------- */
/* Damage colors                             */
/* ----------------------------------------- */
[data-color-scheme=dark] .damage {
  --color-bg-acid: rgba(32, 194, 32, 0.125);
  --color-bg-bleed: rgba(207, 28, 58, 0.125);
  --color-bg-chaotic: rgba(221, 26, 221, 0.125);
  --color-bg-cold: rgba(186, 186, 246, 0.125);
  --color-bg-electricity: rgba(221, 167, 30, 0.125);
  --color-bg-evil: rgba(153, 59, 220, 0.125);
  --color-bg-fire: rgba(229, 93, 39, 0.125);
  --color-bg-force: rgba(177, 77, 249, 0.125);
  --color-bg-good: rgba(157, 115, 10, 0.125);
  --color-bg-lawful: rgba(123, 85, 28, 0.125);
  --color-bg-mental: rgba(87, 87, 219, 0.125);
  --color-bg-physical: rgba(132, 132, 132, 0.125);
  --color-bg-poison: rgba(147, 178, 93, 0.125);
  --color-bg-sonic: rgba(28, 217, 217, 0.125);
  --color-bg-spirit: rgba(147, 142, 189, 0.125);
  --color-bg-vitality: rgba(255, 255, 224, 0.125);
  --color-bg-void: rgb(81, 21, 78, 0.125);
  --color-border-acid: #12a812;
  --color-border-bleed: #d11c3b;
  --color-border-chaotic: #d311d3;
  --color-border-cold: #6464dd;
  --color-border-electricity: yellow;
  --color-border-evil: rgb(145, 63, 203);
  --color-border-fire: #cd4a17;
  --color-border-force: #9222e2;
  --color-border-good: #dcb85f;
  --color-border-lawful: #97743f;
  --color-border-mental: rgb(82, 82, 209);
  --color-border-physical: #939292;
  --color-border-poison: #9aba64;
  --color-border-sonic: rgb(30, 202, 202);
  --color-border-spirit: #5a5585;
  --color-border-vitality: #ffffe0;
  --color-border-void: rgb(122, 38, 117);
  --color-text-acid: #34aa34;
  --color-text-bleed: #b0162f;
  --color-text-chaotic: #b71ab7;
  --color-text-cold: #6868e1;
  --color-text-electricity: #e7b22b;
  --color-text-evil: #836d91;
  --color-text-fire: #b64214;
  --color-text-force: #8321ca;
  --color-text-good: #c79b2b;
  --color-text-lawful: white;
  --color-text-mental: #4c4cc8;
  --color-text-physical: #bab9b9;
  --color-text-poison: #657d3f;
  --color-text-sonic: #21c2c2;
  --color-text-spirit: #827dac;
  --color-text-vitality: #ffffa0;
  --color-text-void: rgb(122, 38, 117);
}

:root .damage.color.acid {
  --damage-color: var(--color-border-acid);
}

:root .damage.color.bleed {
  --damage-color: var(--color-border-bleed);
}

:root .damage.color.bludgeoning,
:root .damage.color.piercing,
:root .damage.color.slashing {
  --damage-color: var(--color-border-physical);
}

:root .damage.color.chaotic {
  --damage-color: var(--color-border-chaotic);
}

:root .damage.color.cold {
  --damage-color: var(--color-border-cold);
}

:root .damage.color.electricity {
  --damage-color: var(--color-border-electricity);
}

:root .damage.color.evil {
  --damage-color: var(--color-border-evil);
}

:root .damage.color.fire {
  --damage-color: var(--color-border-fire);
}

:root .damage.color.force {
  --damage-color: var(--color-border-force);
}

:root .damage.color.good {
  --damage-color: var(--color-border-good);
}

:root .damage.color.lawful {
  --damage-color: var(--color-border-lawful);
}

:root .damage.color.mental {
  --damage-color: var(--color-border-mental);
}

:root .damage.color.poison {
  --damage-color: var(--color-border-poison);
}

:root .damage.color.sonic {
  --damage-color: var(--color-border-sonic);
}

:root .damage.color.spirit {
  --damage-color: var(--color-border-spirit);
}

:root .damage.color.vitality {
  --damage-color: var(--color-border-vitality);
}

:root .damage.color.void {
  --damage-color: var(--color-border-void);
}

/* ----------------------------------------- */
/* PF2e Dorako UI                            */
/* ----------------------------------------- */
.combat-sidebar li.combatant .token-image {
  z-index: 0;
}

.combat-sidebar li.combatant .token-name {
  z-index: 1;
}

.chat-message .message-content .damage-roll:not(:first-child) {
  margin-top: 5px;
}

a.content-link,
[data-pf2-check],
a.entity-link,
[data-pf2-action],
span[data-pf2-effect-area],
a.inline-check .label,
a.inline-roll:not(.inline-result) {
  font-weight: 400;
  padding: 0px 4px;
  text-shadow: none !important;
}

a.inline-check,
span[data-pf2-check],
span[data-pf2-effect-area].with-repost {
  padding: 0px;
  padding-left: 4px;
}

i[data-pf2-repost] {
  top: 0px;
  cursor: pointer;
}

.tah-tags-wrapper .tags,
[data-theme] .tags,
[data-dorako-ui-scope=limited] .tags,
[data-theme] .tags.paizo-style,
[data-dorako-ui-scope=limited] .tags.paizo-style {
  gap: 1px;
}
.tah-tags-wrapper .tags tag,
.tah-tags-wrapper .tags .tag:not(.tag_transparent),
[data-theme] .tags tag,
[data-theme] .tags .tag:not(.tag_transparent),
[data-dorako-ui-scope=limited] .tags tag,
[data-dorako-ui-scope=limited] .tags .tag:not(.tag_transparent),
[data-theme] .tags.paizo-style tag,
[data-theme] .tags.paizo-style .tag:not(.tag_transparent),
[data-dorako-ui-scope=limited] .tags.paizo-style tag,
[data-dorako-ui-scope=limited] .tags.paizo-style .tag:not(.tag_transparent) {
  border-radius: 0px;
  box-shadow: unset;
  border: 1px solid var(--tertiary);
  outline: 1px solid var(--gold-brown);
  padding: 0.33em 0.33em;
  text-shadow: none;
}
.tah-tags-wrapper .tags tag:first-of-type,
.tah-tags-wrapper .tags .tag:first-child,
[data-theme] .tags tag:first-of-type,
[data-theme] .tags .tag:first-child,
[data-dorako-ui-scope=limited] .tags tag:first-of-type,
[data-dorako-ui-scope=limited] .tags .tag:first-child,
[data-theme] .tags.paizo-style tag:first-of-type,
[data-theme] .tags.paizo-style .tag:first-child,
[data-dorako-ui-scope=limited] .tags.paizo-style tag:first-of-type,
[data-dorako-ui-scope=limited] .tags.paizo-style .tag:first-child {
  border-left-width: 1px;
}
.tah-tags-wrapper .tags tag:last-of-type,
.tah-tags-wrapper .tags .tag:last-child,
[data-theme] .tags tag:last-of-type,
[data-theme] .tags .tag:last-child,
[data-dorako-ui-scope=limited] .tags tag:last-of-type,
[data-dorako-ui-scope=limited] .tags .tag:last-child,
[data-theme] .tags.paizo-style tag:last-of-type,
[data-theme] .tags.paizo-style .tag:last-child,
[data-dorako-ui-scope=limited] .tags.paizo-style tag:last-of-type,
[data-dorako-ui-scope=limited] .tags.paizo-style .tag:last-child {
  border-right-width: 1px;
}

[data-visibility]:not([data-visibility=all]) {
  padding: unset;
}

.app.sheet.actor p,
.pf2e p {
  font-weight: 400;
}

/* ----------------------------------------- */
/* .message-header fixes (all themes)        */
/* ----------------------------------------- */
.chat-message .dmgBtn-container {
  display: flex;
  flex-direction: row;
}

.chat-message ul.notes {
  padding: 0px;
}

/* ----------------------------------------- */
/* Settings                                  */
/* ----------------------------------------- */
[data-theme] .tab.category.active[data-tab=pf2e-dorako-ux] h2,
[data-theme] .tab.category.active[data-tab=pf2e-dorako-ui] h2,
[data-theme] .form-group.dorako.settings-header {
  background: var(--app-background);
  border: var(--app-border-width) solid var(--app-border-color);
  text-shadow: var(--app-text-shadow);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  color: var(--text-color-3);
  font-size: larger;
  margin: 2px;
  margin-bottom: 10px;
  padding: 10px;
  color: var(--text-color-2);
  border-color: var(--color-secondary-1);
  background: var(--color-secondary-2);
  --box-shadow: 0px 1px 3px 1px black;
  box-shadow: var(--box-shadow);
}
[data-theme] .tab.category.active[data-tab=pf2e-dorako-ux] h2 .notes,
[data-theme] .tab.category.active[data-tab=pf2e-dorako-ui] h2 .notes,
[data-theme] .form-group.dorako.settings-header .notes {
  color: var(--text-color-3);
}
[data-theme] .tab.category.active[data-tab=pf2e-dorako-ux] h2,
[data-theme] .tab.category.active[data-tab=pf2e-dorako-ui] h2 {
  font-size: var(--font-size-48);
  text-align: center;
  color: var(--text-color-2);
  background: var(--color-primary-2);
  border-color: var(--color-primary-1);
  text-shadow: 0px 1px 0px var(--color-primary-3);
}

h3 {
  border-bottom: none;
}

button > i {
  margin-right: 0;
}

img {
  border: none;
  border-radius: 0px;
}

/*# sourceMappingURL=dorako-ui.css.map */
