foundry/Data/modules/pf2e-dorako-ui/styles/module-support.css

@charset "UTF-8";
/* ----------------------------------------- */
/* 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;
  --primary-light: #b10000;
  --primary-dark: #380000;
  --secondary: #171f69;
  --secondary-light: #2836b7;
  --secondary-dark: #0d113a;
  --tertiary: #e9d7a1;
  --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-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);
  --sheet-light: url(../img/background-light.webp);
  --sheet-dark: url(../img/background-dark4.webp);
  --header: url(../img/blue_header.webp);
  --banner-top: url(../img/blue_sidebar_top.webp);
  --banner-bottom: url(../img/blue_sidebar_bottom.webp);
}

/* ----------------------------------------- */
/* Overwrite Foundry colors                  */
/* ----------------------------------------- */
.dorako-ui {
  --color-border-highlight: var(--tertiary);
  --color-border-highlight-alt: var(--tertiary-dark);
  --color-shadow-primary: var(--primary-light);
  --color-shadow-highlight: var(--primary-light);
  --sheet: var(--sheet-light);
  --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:gray;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");
  --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");
  --half-transparent: rgba(0, 0, 0, 0.5);
}
.dorako-ui *::-webkit-scrollbar-thumb {
  background: var(--tertiary);
  border: 1px solid var(--gold-brown);
}
.dorako-ui a,
.dorako-ui button {
  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;
}

.dorako-ui.dark-theme {
  --color-underline-active: var(--tertiary-dark);
  --color-underline-header: var(--tertiary-dark);
  --rarity-common: #e1d8cf;
  --rarity-uncommon: #c45500;
  --rarity-rare: #5362ff;
  --rarity-unique: #e127e1;
  --color-shadow-primary: var(--tertiary-dark);
  --color-shadow-highlight: var(--tertiary);
  --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");
  --body: var(--text-light);
  --bg: var(--glass-bg-dark);
  --half-transparent: rgba(255, 255, 255, 0.5);
}

/* ----------------------------------------- */
/* Cautious Gamemaster's Pack (CGMP)         */
/* ----------------------------------------- */
#chat-log .dorako-ui.dark-theme.message.emote .message-content {
  color: unset;
}

/* ----------------------------------------- */
/* Combat Carousel                           */
/* ----------------------------------------- */
#controls ol li.scene-control[data-control=combat-carousel] {
  position: relative;
}

.dorako-ui#combat-carousel .splide__track {
  overflow: visible;
}
.dorako-ui#combat-carousel:hover {
  background: none;
}
.dorako-ui#combat-carousel .card {
  background: none;
  border: none;
}
.dorako-ui#combat-carousel .drag-handle {
  text-shadow: 0px 0px 3px black;
  color: var(--color-text-light-heading);
}
.dorako-ui#combat-carousel .splide__slide:hover meter::after {
  top: -17px;
  text-shadow: 0px 0px 3px black;
  background: none;
}
.dorako-ui#combat-carousel .splide__slide:hover .fa-dice-d20 {
  color: var(--color-text-light-highlight);
}
.dorako-ui#combat-carousel .initiative {
  border: none;
  border-radius: 3px;
  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;
  text-shadow: 0px 0px 3px black;
}
.dorako-ui#combat-carousel .initiative .fa-dice-d20 {
  color: var(--color-text-light-heading);
}
.dorako-ui#combat-carousel .initiative:hover {
  background-color: var(--primary);
}
.dorako-ui#combat-carousel .initiative:hover .fa-dice-d20 {
  color: var(--color-text-light-highlight);
}
.dorako-ui#combat-carousel .is-active-combatant.card .avatar {
  overflow: visible;
}
.dorako-ui#combat-carousel .is-active-combatant.card .avatar img {
  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;
  filter: drop-shadow(0px 0px 10px var(--tertiary));
}
.dorako-ui#combat-carousel .initiative input.fa-stack-1x {
  font-size: 24px;
  text-shadow: 0px 0px 3px black, 0px 1px 0px black;
}
.dorako-ui#combat-carousel .splide__slide:hover:not(.combat-round) {
  transform: scale(1);
  margin: 0px;
}
.dorako-ui#combat-carousel .splide__slide:hover:not(.combat-round) .avatar {
  overflow: visible;
}
.dorako-ui#combat-carousel .splide__slide:hover:not(.combat-round) .avatar img {
  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;
  filter: drop-shadow(0px 0px 10px var(--tertiary));
}
.dorako-ui#combat-carousel .splide__slide:hover .name {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  color: var(--color-text-light-heading);
  text-shadow: 0px 0px 3px black;
  backdrop-filter: blur(5px);
  min-height: 34px;
  min-width: 100px;
  font-size: var(--font-size-14);
  line-height: var(--font-size-14);
  top: -40px;
  left: unset;
  text-shadow: 0px 0px 3px black;
  height: unset;
  overflow: unset;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 5px 8px;
}
.dorako-ui#combat-carousel .splide__slide:hover .name h3 {
  margin: 0px;
}
.dorako-ui#combat-carousel .encounter-info, .dorako-ui#combat-carousel .encounter-controls {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  text-shadow: 0px 0px 3px black;
  color: var(--color-text-light-heading);
}
.dorako-ui#combat-carousel:hover .combat-controls a {
  border: none;
  border-radius: 3px;
  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;
  color: var(--color-text-light-heading);
  text-shadow: 0px 0px 3px black;
}
.dorako-ui#combat-carousel:hover .combat-controls a:hover {
  background-color: var(--primary);
  color: var(--color-text-light-highlight);
}

/* ----------------------------------------- */
/* Custom Hotbar                             */
/* ----------------------------------------- */
:root {
  --custom-hotbar-chb-macro-size: 52px;
}

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

@media (max-width: 1120px) {
  #custom-hotbar {
    width: 354px;
  }
}
.dorako-ui#custom-hotbar {
  position: static;
  height: auto;
  margin-bottom: 0px;
}
.dorako-ui#custom-hotbar #custom-action-bar {
  margin-left: 3px;
}
.dorako-ui#custom-hotbar #custom-macro-list {
  gap: 5px;
  border: none;
}
.dorako-ui#custom-hotbar .bar-controls {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  height: auto;
}
.dorako-ui#custom-hotbar .macro {
  border: none;
  border-radius: 3px;
  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;
  border-radius: 3px;
}
.dorako-ui#custom-hotbar .macro.active:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 10px rgba(220, 200, 100, 0.5) inset, var(--glassy);
  border-radius: 3px;
  overflow: hidden;
  pointer-events: none;
}
.dorako-ui#custom-hotbar .macro:hover {
  background-color: var(--primary-light);
}
.dorako-ui#custom-hotbar .macro.inactive {
  box-shadow: var(--glassy);
}
.dorako-ui#custom-hotbar .macro.active:hover {
  box-shadow: var(--glassy);
  border: none;
  background-color: var(--primary);
}
.dorako-ui#custom-hotbar .macro .macro-key {
  background: none;
  right: 6px;
  padding: 0px;
  font-weight: initial;
  text-shadow: 0px 1px 5px black, 0px 1px 5px black;
}

/* ----------------------------------------- */
/* 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;
  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;
}

/* ----------------------------------------- */
/* DF Chat Enhancements                      */
/* ----------------------------------------- */
.message.chat-message.dorako-ui.dark-theme.dfce-cm-middle .message-delete, .message.chat-message.dorako-ui.dark-theme.dfce-cm-bottom .message-delete {
  color: white;
  top: 5px;
  text-shadow: 0px 0px 1px black;
}

.message.chat-message .message-delete {
  z-index: 1;
}
.message.chat-message.dfce-cm-top {
  border-bottom-style: none;
  margin-bottom: 0px;
  padding-bottom: 5px;
}
.message.chat-message.dfce-cm-top:hover {
  box-shadow: var(--gold-and-glow);
}
.message.chat-message.dfce-cm-middle, .message.chat-message.dfce-cm-bottom {
  border-top-style: none;
  border-bottom-style: none;
  border-radius: 0px;
}
.message.chat-message.dfce-cm-middle:hover, .message.chat-message.dfce-cm-bottom:hover {
  box-shadow: var(--gold-and-glow);
}
.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;
  box-shadow: none;
  margin: 0px;
  padding: 0px;
  padding-right: 5px;
}
.message.chat-message.dfce-cm-middle .header-meta, .message.chat-message.dfce-cm-bottom .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;
  border-radius: 0px 0px 5px 5px;
}

div#scrollToBottom {
  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;
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  background-color: #ecbf41;
  text-shadow: none;
  color: black;
  margin-left: 6px;
  margin-right: 7px;
  top: -27px;
  z-index: 1;
}
div#scrollToBottom:hover {
  background-color: #f1cf6f;
}

#dfcp-rt-buttons {
  gap: 3px;
}
#dfcp-rt-buttons button {
  border: none;
  border-radius: 3px;
  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;
  color: var(--color-text-light-heading);
  background-color: var(--glass-bg-light);
  text-shadow: 0px 0px 3px black;
}
#dfcp-rt-buttons button:hover {
  color: var(--color-text-light-highlight);
}
#dfcp-rt-buttons button.active i {
  text-shadow: 0px 0px 3px black;
  color: var(--color-text-light-highlight);
}

#chat-controls {
  padding: 0px;
}

/* ----------------------------------------- */
/* Dice Tray                                 */
/* ----------------------------------------- */
.dice-tray {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.dice-tray .dice-tray__stacked {
  gap: 3px;
}
.dice-tray input[type=text] {
  border: none;
  border-radius: 3px;
  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;
  background-color: var(--glass-bg-light);
  text-shadow: 0px 0px 3px black;
  color: var(--color-text-light-heading);
}
.dice-tray input[type=text]:hover {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  background-color: var(--secondary);
  color: var(--color-text-light-highlight);
}
.dice-tray input[type=text]:focus {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  background-color: var(--secondary-light);
  color: white;
}
.dice-tray button {
  border: none;
  border-radius: 3px;
  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;
  background-color: var(--glass-bg-light);
  text-shadow: 0px 0px 3px black;
  color: var(--color-text-light-heading);
}
.dice-tray button svg {
  filter: drop-shadow(0px 0px 3px black);
}
.dice-tray button svg * {
  fill: var(--color-text-light-heading);
}
.dice-tray button.dice-tray__advantage:hover, .dice-tray button.dice-tray__disadvantage:hover, .dice-tray button.dice-tray__roll:hover, .dice-tray button.dice-tray__math--add:hover, .dice-tray button.dice-tray__math--sub:hover, .dice-tray button:hover {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  background-color: var(--primary);
  color: var(--color-text-light-highlight);
}
.dice-tray button.dice-tray__advantage:hover svg, .dice-tray button.dice-tray__disadvantage:hover svg, .dice-tray button.dice-tray__roll:hover svg, .dice-tray button.dice-tray__math--add:hover svg, .dice-tray button.dice-tray__math--sub:hover svg, .dice-tray button:hover svg {
  filter: drop-shadow(0px 0px 3px black);
}
.dice-tray button.dice-tray__advantage:hover svg *, .dice-tray button.dice-tray__disadvantage:hover svg *, .dice-tray button.dice-tray__roll:hover svg *, .dice-tray button.dice-tray__math--add:hover svg *, .dice-tray button.dice-tray__math--sub:hover svg *, .dice-tray button:hover svg * {
  fill: var(--color-text-light-highlight);
}
.dice-tray .flexrow {
  margin-left: 6px;
  margin-right: 6px;
  gap: 5px;
}
.dice-tray > * {
  margin: 0px;
}

/* ----------------------------------------- */
/* PF2e Dorako UI                            */
/* ----------------------------------------- */
#chat-controls.no-chat-control-icon .chat-control-icon {
  display: none;
}
#chat-controls.no-chat-control-icon #dfcp-rt-buttons {
  margin-left: 0px !important;
}

#fps {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 60px;
}
#fps label {
  display: none;
}

#ui-bottom.centered {
  display: flex;
  justify-content: center;
}

#chat-form {
  flex: 0 0 var(--chat-input-height) !important;
}

#players.dorako-ui h3 {
  border: none;
}

.chat-message .dorako-header {
  padding-bottom: 5px;
  box-shadow: var(--gold-and-glow);
  background: var(--sheet-light);
  background-size: cover;
}

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

.chat-message .flavor-text h4.action {
  font-weight: 700;
  line-height: 1.5em;
  margin: 0;
}
.chat-message .flavor-text .target-dc-result {
  line-height: 0.75rem;
  margin-bottom: 4px;
}
.chat-message .flavor-text .target-dc-result .target-dc,
.chat-message .flavor-text .target-dc-result .result {
  display: block;
  margin: 1px 0;
  width: fit-content;
}
.chat-message .flavor-text .target-dc-result .unadjusted {
  text-decoration: line-through;
}
.chat-message .flavor-text .target-dc-result .adjusted {
  text-decoration: underline dotted;
}
.chat-message .flavor-text .target-dc-result .adjusted.increased {
  color: rgb(0, 128, 0);
}
.chat-message .flavor-text .target-dc-result .adjusted.decreased {
  color: rgb(255, 0, 0);
}
.chat-message .flavor-text .target-dc-result .degree-of-success .criticalSuccess {
  color: rgb(0, 128, 0);
}
.chat-message .flavor-text .target-dc-result .degree-of-success .success {
  color: rgb(0, 0, 255);
}
.chat-message .flavor-text .target-dc-result .degree-of-success .failure {
  color: rgb(255, 69, 0);
}
.chat-message .flavor-text .target-dc-result .degree-of-success .criticalFailure {
  color: rgb(255, 0, 0);
}
.chat-message > .message-content .message-buttons {
  display: flex;
  margin: 0.35em 0 2px;
  gap: 3px;
}

.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .adjusted.increased {
  color: #00c000;
}
.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .adjusted.decreased {
  color: #ff4040;
}
.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .degree-of-success .criticalSuccess {
  color: #00c000;
}
.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .degree-of-success .success {
  color: #4040ff;
}
.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .degree-of-success .failure {
  color: #ff7440;
}
.dorako-ui.dark-theme.chat-message .flavor-text .target-dc-result .degree-of-success .criticalFailure {
  color: #ff4040;
}
.dorako-ui.dark-theme.chat-message > .message-content .message-buttons {
  gap: 5px;
}
.dorako-ui.dark-theme.chat-message > .message-content .message-buttons button {
  border: none;
  border-radius: 3px;
  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;
  color: var(--color-text-light-heading);
  text-shadow: 0px 0px 3px black;
}
.dorako-ui.dark-theme.chat-message > .message-content .message-buttons button:hover {
  background-color: var(--primary);
  color: var(--color-text-light-highlight);
}
.dorako-ui.dark-theme.chat-message > .message-content .message-buttons button.critical-success:hover {
  background-color: var(--primary-light);
  color: white;
}

.chat-message > .message-header {
  margin-bottom: 0px;
}

.dorako-damage-roll .flavor-text > *:nth-child(-n+3) {
  display: none;
}

.frosted-glass #hotbar .bar-controls,
.frosted-glass #hotbar .macro,
.frosted-glass nav#navigation ol#scene-list li.nav-item,
.frosted-glass nav#controls ol.control-tools li.control-tool,
.frosted-glass nav#controls ol.control-tools li.scene-control,
.frosted-glass #tah-expand-hud,
.frosted-glass .tah-title-button,
.frosted-glass .tah-action button,
.frosted-glass #tokenbar .token,
.frosted-glass #tokenbar .bar-controls,
.frosted-glass #players,
.frosted-glass nav#navigation #nav-toggle,
.frosted-glass #fps,
.frosted-glass .app {
  backdrop-filter: var(--frosted-glass);
}
.frosted-glass #navigation,
.frosted-glass .control-tools {
  backdrop-filter: unset;
}

.dorako-ui .tab.category.active[data-tab=pf2e-dorako-ui] h2,
.dorako-ui .form-group.dorako-ui.settings-header {
  font-size: larger;
  background-color: var(--bg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  border: 1px solid var(--color-border-light-primary);
  border-radius: 3px;
  margin: 2px;
  margin-bottom: 10px;
  padding: 10px;
  color: var(--secondary-light);
}
.dorako-ui .tab.category.active[data-tab=pf2e-dorako-ui] h2 {
  font-size: var(--font-size-48);
  text-align: center;
  color: var(--primary-light);
  text-shadow: 0px 1px 0px var(--primary);
}

.dorako-ui.dark-theme .tab.category.active[data-tab=pf2e-dorako-ui] h2,
.dorako-ui.dark-theme .form-group.dorako-ui.settings-header {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  background: var(--glass-bg-light);
  margin-bottom: 10px;
  padding: 10px;
  color: var(--tertiary);
  text-shadow: 0px 0px 3px black;
}
.dorako-ui.dark-theme .tab.category.active[data-tab=pf2e-dorako-ui] h2 {
  color: var(--tertiary-dark);
}

/* ----------------------------------------- */
/* 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;
  border: none;
  border-radius: 3px;
  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;
}

/* ----------------------------------------- */
/* Ripper's Filepicker+                      */
/* ----------------------------------------- */
.filepicker-plus-tooltip {
  border: none;
  border-radius: 3px;
  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);
}

/* ----------------------------------------- */
/* 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);
}

/* ----------------------------------------- */
/* Macros                                    */
/* ----------------------------------------- */
.dorako-ui.window-app .window-content .dialog-content .cond-cont {
  background: none;
}

.dorako-ui.window-app .action-list button.action-btn img {
  border-radius: 3px;
  box-shadow: var(--gold-and-glow);
}
.dorako-ui.window-app .action-list button:hover {
  filter: brightness(1.3);
}
.dorako-ui.window-app .action-list button.glow {
  box-shadow: var(--gold-and-glow), var(--glassy);
  animation: unset;
  filter: brightness(1.1);
  color: var(--tertiary);
}

/* ----------------------------------------- */
/* 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: 3px;
  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: 3px;
  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: 3px;
  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;
  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: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
}

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

/* ----------------------------------------- */
/* Monk's Common Display                     */
/* ----------------------------------------- */
#common-display-toolbar.dorako-ui {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
}
#common-display-toolbar.dorako-ui .move-handle {
  border: none;
  border-radius: 3px;
  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: 3px;
  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;
  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: 3px;
  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;
  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: 3px;
  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 {
  gap: 3px;
}
#tokenbar .token-list {
  gap: 5px;
  border: none;
}
#tokenbar .bar-controls {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
}
#tokenbar .bar-controls div#tokenbar-move-handle {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  border-radius: 5px 0px 0px 5px;
  margin-right: 2px;
}
#tokenbar .token {
  border: none;
  border-radius: 3px;
  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;
  flex: 0 0 52px;
}
#tokenbar .token .token-stats {
  background: none;
  text-shadow: 0px 0px 3px black;
}
#tokenbar .token:hover {
  background-color: var(--primary);
}
#tokenbar .token:hover .token-icon {
  box-shadow: none;
  filter: drop-shadow(0px 0px 5px var(--tertiary));
}
#tokenbar .token .token-icon {
  box-shadow: none;
  border-radius: 3px;
}
#tokenbar .token .tooltip {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  backdrop-filter: blur(5px);
}

.monks-tokenbar.chat-card .card-header h3:hover {
  text-shadow: unset;
}

.monks-tokenbar .sheet .items-list .items-header {
  border: none;
}

#tokenbar .bar-controls .tokenbar-buttons div.active:not(.disabled) i,
#tokenbar[movement=free] #movement-free:not(.disabled) i,
#tokenbar[movement=none] #movement-none:not(.disabled) i,
#tokenbar[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;
  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:not(.hidectrl) .bar-controls .tokenbar-buttons div.active:not(.disabled):hover i,
#tokenbar[movement=free]:not(.hidectrl) #movement-free:not(.disabled):hover i,
#tokenbar[movement=none]:not(.hidectrl) #movement-none:not(.disabled):hover i,
#tokenbar[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: 3px;
  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;
  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: 3px;
  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;
  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);
}

/* ----------------------------------------- */
/* 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);
}

#token-hud.monks-little-details .status-effects .effect-control,
#token-hud.monks-little-details .status-effects .pf2e-effect-control {
  border-radius: unset;
}

#token-hud.placeable-hud.monks-little-details .status-effects {
  grid-template-columns: 90px 90px 90px 90px !important;
  background: none;
}
#token-hud.placeable-hud.monks-little-details .status-effects .effect-control {
  border: none;
  opacity: unset;
}
#token-hud.placeable-hud.monks-little-details .status-effects .effect-control.active {
  border: none;
  opacity: 1;
  background-color: var(--secondary-light);
}
#token-hud.placeable-hud.monks-little-details .status-effects .effect-control.active .effect-name {
  color: white;
  opacity: unset;
}
#token-hud.placeable-hud.monks-little-details .status-effects .effect-control img {
  border-radius: 4px 0px 0px 4px;
}
#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;
  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;
}
#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);
}

/* ----------------------------------------- */
/* 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;
}
[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;
}
.hotbar-page .page-number:hover {
  text-shadow: 0 0 8px var(--color-shadow-primary);
}

#hotbar.dorako-ui {
  width: 647px;
}
#hotbar.dorako-ui .hotbar-page {
  overflow: visible;
  gap: 4px;
  bottom: 56px;
}
#hotbar.dorako-ui .hotbar-page .macro-list {
  gap: 7px;
  border: none;
}
#hotbar.dorako-ui .hotbar-page .action-bar {
  margin: 0px 5px 0px 3px;
}

/* ----------------------------------------- */
/* Monk's Enhanced Journal                   */
/* ----------------------------------------- */
.dorako-ui.dark-theme.monks-journal-sheet.sheet .items-list .item .item-name,
.dorako-ui.dark-theme .monks-journal-sheet.sheet .items-list .item .item-name {
  color: var(--body);
}
.dorako-ui.dark-theme.monks-journal-sheet.sheet .items-list,
.dorako-ui.dark-theme .monks-journal-sheet.sheet .items-list {
  color: var(--color-text-light-heading-highlight);
}
.dorako-ui.dark-theme.monks-journal-sheet.sheet .items-list .items-header,
.dorako-ui.dark-theme .monks-journal-sheet.sheet .items-list .items-header {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  background: var(--glass-bg-light);
  color: var(--tertiary);
}
.dorako-ui.dark-theme.monks-journal-sheet.sheet .sheet-navigation,
.dorako-ui.dark-theme .monks-journal-sheet.sheet .sheet-navigation {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  background: var(--glass-bg-light);
}
.dorako-ui.dark-theme.monks-enhanced-journal footer, .dorako-ui.dark-theme.monks-enhanced-journal .mainbar .navigation {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  background: var(--glass-bg-light);
}
.dorako-ui.dark-theme.monks-enhanced-journal .mainbar .navigation .nav-button, .dorako-ui.dark-theme.monks-enhanced-journal footer.navigation .nav-button {
  border: none;
  border-radius: 3px;
  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;
  text-shadow: 0px 0px 3px black;
  color: var(--color-text-light-heading);
}
.dorako-ui.dark-theme.monks-enhanced-journal .mainbar .navigation .nav-button:hover, .dorako-ui.dark-theme.monks-enhanced-journal footer.navigation .nav-button:hover {
  background-color: var(--primary);
  color: var(--color-text-light-highlight);
}
.dorako-ui.dark-theme .monks-enhanced-journal.request-item .request-buttons {
  gap: 5px;
}
.dorako-ui.dark-theme .monks-enhanced-journal.request-item .request-buttons button {
  border: none;
  border-radius: 3px;
  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;
  text-shadow: 0px 0px 3px black;
  color: var(--color-text-light-heading);
}
.dorako-ui.dark-theme .monks-enhanced-journal.request-item .request-buttons button:hover {
  background-color: var(--primary);
  color: var(--color-text-light-highlight);
}
.dorako-ui.dark-theme .monks-enhanced-journal.request-item .request-buttons button.request-accept:hover {
  background-color: green;
}

.system-pf2e .monks-enhanced-journal.request-item.item-card {
  height: unset;
  padding: unset;
}

.monks-journal-sheet.sheet .person-container,
.monks-journal-sheet.sheet .place-container,
.monks-journal-sheet.sheet .quest-container,
.monks-journal-sheet.sheet .organization-container,
.monks-journal-sheet.sheet .shop-container,
.monks-journal-sheet.sheet .loot-container,
.monks-journal-sheet.sheet .poi-container,
.monks-journal-sheet.sheet .event-container {
  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;
  box-shadow: 0 0 0 1px var(--gold-brown) inset, 0 0 0 2px var(--tertiary) inset;
}

.monks-enhanced-journal.request-item img {
  border: none;
  margin: 2px;
  /* prettier-ignore */
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  border-radius: 3px;
  object-fit: contain;
  background-color: white;
}

.monks-journal-sheet.sheet .sheet-navigation,
.monks-journal-sheet.sheet .sheet-header .header-details {
  font-family: var(--font-primary);
  font-size: var(--font-size-14);
}

.monks-journal-sheet.sheet .editor  {
  padding: 5px;
}

.monks-journal-sheet.sheet .editor-parent {
  padding: 5px;
}

#MonksEnhancedJournal.window-app .window-content {
  padding: 0px;
  background: none;
  box-shadow: none;
  border-radius: 0px 0px 0px 5px;
}

.monks-enhanced-journal .directory-sidebar {
  background: var(--glass-bg);
  background: none;
  border: none;
  box-shadow: 0px 0px 2px 1px rgb(0, 0, 0), 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: none;
  color: var(--color-text-light-highlight);
}

#journal-directory .noborder,
#journal-directory .document-name {
  font-weight: 400;
}

.monks-enhanced-journal .body {
  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;
  margin: unset;
  border-radius: 0px 10px 0px 0px;
  box-shadow: 0 0 0 1px var(--gold-brown) inset, 0 0 0 2px var(--tertiary) inset;
}

.monks-enhanced-journal .collapse .body {
  border-radius: 0px;
}
.monks-enhanced-journal .collapse .directory-sidebar {
  box-shadow: none;
}

.monks-enhanced-journal .collapse .tab-bar .tab-button.sidebar-toggle {
  color: var(--color-text-dark-primary);
}

.monks-enhanced-journal .tab-bar .tab-button.sidebar-toggle {
  color: var(--color-text-light-highlight);
  padding-top: 5px;
}

#journal-directory .directory-header {
  padding-top: 5px;
}

#MonksEnhancedJournal .sheet.journal-entry:not(.premium) .journal-entry-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;
  box-shadow: var(--gold-and-glow), 0px 5px 6px rgba(0, 0, 0, 0.5);
}

#MonksEnhancedJournal .sheet.journal-entry:not(.premium).dark-theme .journal-entry-content {
  --sheet: var(--sheet-dark);
}

#MonksEnhancedJournal .journal-entry:not(.premium) .journal-sheet-container .sidebar.directory {
  background: var(--glass-bg);
  box-shadow: var(--glassy);
}

#journal-directory li.folder.collapsed > .folder-header:not(.customcolor),
#journal-directory li.folder.collapsed > .folder-header .create-folder,
#journal-directory li.folder.collapsed > .folder-header .create-document {
  color: var(--color-text-light-highlight);
}

#journal-directory li.folder.collapsed .folder-header.customcolor {
  color: var(--color-text-light-highlight);
}

#journal-directory li.document .document-name {
  color: var(--color-text-light-highlight);
}

#MonksEnhancedJournal .sheet.journal-entry:not(.premium) .journal-entry-content {
  border-radius: 10px;
  margin: 10px 12px;
  height: calc(100% - 20px);
}

#journal-directory li.journalentry,
#journal-directory li.journalentrypage {
  border-left: none;
}

#MonksEnhancedJournal .sheet.journal-entry .scrollable {
  padding-right: unset;
}

.monks-enhanced-journal .content {
  margin-left: 2px;
}

.monks-enhanced-journal.dorako-ui.dark-theme.window-app .window-content {
  background: unset;
  box-shadow: unset;
}

.dorako-ui.dark-theme.monks-enhanced-journal footer,
.dorako-ui.dark-theme.monks-enhanced-journal .mainbar .navigation {
  margin: 0px 3px;
  padding-left: 4px;
  margin-bottom: 3px;
  border-radius: 0px;
}

.dorako-ui.dark-theme.monks-enhanced-journal footer {
  margin-bottom: 3px;
}

.monks-enhanced-journal footer,
.monks-enhanced-journal .mainbar .navigation {
  background-color: var(--bg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  border: 1px solid var(--color-border-light-primary);
  border-left: none;
  border-right: none;
  margin-left: 1px;
  margin-right: 1px;
}

.monks-enhanced-journal footer {
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.18);
  border-bottom: none;
  margin-bottom: 1px;
  border-radius: 0px 0px 0px 5px;
}

.monks-journal-sheet.sheet .sheet-navigation {
  background-color: var(--bg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
  border: 1px solid var(--color-border-light-primary);
  border-radius: 3px;
  margin: 5px;
  margin-left: 0px;
  margin-right: 8px;
}

.monks-journal-sheet.sheet .sheet-navigation .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;
  border: none;
}
.monks-journal-sheet.sheet .sheet-navigation .item:hover, .monks-journal-sheet.sheet .sheet-navigation .item.active {
  border: none;
  color: var(--secondary-light);
  text-shadow: 0px 0px 10px;
}

.dorako-ui.dark-theme .monks-journal-sheet.sheet .sheet-navigation .item:hover, .dorako-ui.dark-theme .monks-journal-sheet.sheet .sheet-navigation .item.active {
  color: var(--tertiary);
  text-shadow: 0px 0px 10px;
}

.monks-journal-sheet.sheet .items-list .item .item-name .item-image {
  border: none;
  margin: 2px;
  /* prettier-ignore */
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown);
  background-color: var(--bg);
  border-radius: 3px;
  margin-right: 5px;
}

.monks-enhanced-journal .mainbar > div {
  border: none;
}

.monks-enhanced-journal .tab-bar .journal-tab {
  border-radius: 3px;
}

.monks-enhanced-journal .bookmark-bar .bookmark-button.add-bookmark {
  border: none;
  border-radius: 3px;
  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;
  color: var(--color-text-light-heading);
  text-shadow: 0px 0px 3px black;
}
.monks-enhanced-journal .bookmark-bar .bookmark-button.add-bookmark:hover {
  background: var(--primary);
  color: var(--color-text-light-heading);
}

.monks-enhanced-journal .mainbar .bookmark-bar {
  margin-left: 8px;
  margin-bottom: 5px;
  column-gap: 8px;
  row-gap: 4px;
}
.monks-enhanced-journal .mainbar .bookmark-bar .bookmark-button {
  margin-left: unset;
  padding: unset;
  text-align: center;
}
.monks-enhanced-journal .mainbar .bookmark-bar .bookmark-button > div {
  border: none;
  border-radius: 3px;
  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;
  padding: 0px 5px;
  color: var(--color-text-light-heading);
  text-shadow: 0px 0px 3px black;
}
.monks-enhanced-journal .mainbar .bookmark-bar .bookmark-button > div:hover {
  background: var(--primary);
  color: var(--color-text-light-highlight);
}

.monks-enhanced-journal .mainbar .tab-row {
  margin: 5px;
  gap: 10px;
}
.monks-enhanced-journal .mainbar .tab-row .tab-button {
  border: none;
  border-radius: 3px;
  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;
  opacity: unset;
  color: var(--color-text-light-heading);
  text-shadow: 0px 0px 3px black;
}
.monks-enhanced-journal .mainbar .tab-row .tab-button:hover {
  background: var(--primary);
  color: var(--color-text-light-highlight);
}
.monks-enhanced-journal .mainbar .tab-row .close {
  margin-left: 5px;
}
.monks-enhanced-journal .mainbar .tab-row .journal-tab {
  border: none;
  border-radius: 3px;
  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;
  text-shadow: 0px 0px 3px black;
  color: var(--color-text-light-heading);
  background-color: var(--secondary);
  padding: 5px 10px;
}
.monks-enhanced-journal .mainbar .tab-row .journal-tab.active, .monks-enhanced-journal .mainbar .tab-row .journal-tab:hover {
  background: var(--secondary-light);
  color: white;
}
.monks-enhanced-journal .mainbar .tab-row .journal-tab.active {
  box-shadow: var(--gold-and-glow), var(--glassy);
}

section.readaloud {
  border-image-repeat: repeat;
  border-image-slice: 11;
  border-image-source: var(--ornamentation);
  border-image-width: 14px;
  border-style: double;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: 500;
  margin: 0px;
  margin-left: 5px;
  background: none;
  background-color: var(--bg);
}
section.readaloud:before, section.readaloud:after {
  background: none;
}

.monks-journal-sheet.sheet .sheet-header .sheet-image,
.monks-journal-sheet.sheet header.sheet-header {
  border: none;
}

.monks-journal-sheet.sheet .sheet-header .sheet-image {
  border: none;
  margin: 2px;
  /* prettier-ignore */
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8);
  background-color: var(--bg);
  margin-right: 10px;
  border-radius: 5px;
}
.monks-journal-sheet.sheet .sheet-header .sheet-image img {
  border-radius: 5px;
}

.monks-journal-sheet.sheet .items-list .item {
  border: solid transparent;
  border-image: linear-gradient(90deg, #f1edea, #d5cac1) 1 repeat;
  border-width: 0 0 1px;
}

.dorako-ui.dark-theme .monks-journal-sheet.sheet .items-list .item {
  border-image: linear-gradient(90deg, rgba(241, 237, 234, 0), black) 1;
}

#journal-directory .directory-item.journalentry .permissions {
  background-color: var(--glass-bg-light);
  box-shadow: var(--glassy);
}
#journal-directory .directory-item.journalentry .permissions > div {
  color: var(--tertiary);
  box-shadow: var(--gold-and-glow), 0px 1px 3px black;
  margin-top: 1px;
}

/* ----------------------------------------- */
/* Monk's Scene Navigation                   */
/* ----------------------------------------- */
body.compact-ui #navigation.dorako-ui .monks-scene-navigation #nav-toggle {
  display: unset;
}

.dorako-ui#navigation .nav-item-container {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
}
.dorako-ui#navigation .nav-item-container #nav-toggle {
  box-shadow: unset;
  border: unset;
  background: unset;
  height: unset;
  flex: unset;
}
.dorako-ui#navigation .monks-scene-navigation .scene-list > li a {
  border: none;
  border-radius: 3px;
  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;
  text-shadow: 0px 0px 3px black;
  color: var(--color-text-light-heading);
}
.dorako-ui#navigation .monks-scene-navigation .scene-list > li a:hover {
  background-color: var(--primary);
  color: var(--color-text-light-heading-highlight);
}
.dorako-ui#navigation .monks-scene-navigation .scene-list > li.view a {
  background-color: var(--primary);
  color: var(--color-text-light-heading-highlight);
}
.dorako-ui#navigation .monks-scene-navigation .scene-list > li.view a:hover {
  background-color: var(--primary-light);
  color: white;
}
.dorako-ui#navigation .monks-scene-navigation .scene-list > li.gm a {
  background-color: var(--secondary);
  color: var(--color-text-light-heading-highlight);
}
.dorako-ui#navigation .monks-scene-navigation .scene-list > li.gm a:hover {
  background-color: var(--secondary-light);
  color: white;
}
.dorako-ui#navigation .monks-scene-navigation .scene-list > li.gm.view a {
  background-color: var(--secondary-light);
  color: white;
}
.dorako-ui#navigation .monks-scene-navigation .scene-list > li.view a, .dorako-ui#navigation .monks-scene-navigation .scene-list > li.context a {
  box-shadow: var(--glassy);
  border: none;
}
.dorako-ui#navigation .monks-scene-navigation .scene-list > li.active a {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  box-shadow: var(--gold-and-glow), var(--glassy);
}
.dorako-ui#navigation.background .monks-scene-navigation .scene-list {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  gap: 5px;
}

.frosted-glass .monks-scene-navigation:not(.category-filter) {
  backdrop-filter: unset;
}

/* ----------------------------------------- */
/* Monk's Active Tile Triggers               */
/* ----------------------------------------- */
.dorako-ui.dark-theme.action-sheet .display-value {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  color: var(--color-text-light-heading);
}
.dorako-ui.dark-theme.monks-active-tiles.sheet .items-list .items-header {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  margin: 0px 2px;
  background-color: var(--glass-bg-light);
  box-shadow: var(--glassy);
}
.dorako-ui.dark-theme.monks-active-tiles.sheet .items-list .items-header h3 {
  color: var(--tertiary);
  text-shadow: 0px 0px 10px var(--tertiary);
}
.dorako-ui.dark-theme.monks-active-tiles.sheet .items-list .item .item-name {
  color: var(--color-text-light-heading);
}
.dorako-ui.dark-theme.monks-active-tiles.sheet .items-list .item-control {
  color: var(--color-text-light-heading);
}
.dorako-ui.dark-theme.monks-active-tiles div[data-tab=triggers] .action-items .entity-style {
  color: white;
}
.dorako-ui.dark-theme.monks-active-tiles div[data-tab=triggers] .action-items .action-style {
  color: var(--color-text-light-highlight);
}

/* ----------------------------------------- */
/* Polyglot                                  */
/* ----------------------------------------- */
#polyglot {
  flex-basis: 20px;
}
#polyglot label {
  display: none;
}
#polyglot select {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  background: var(--glass-bg-light);
  color: var(--color-text-light-heading);
  text-shadow: 0px 0px 3px black;
}
#polyglot select option,
#polyglot select optgroup {
  background-color: rgb(37, 37, 37);
  color: var(--color-text-light-highlight);
}

/* ----------------------------------------- */
/* Scene Preview                             */
/* ----------------------------------------- */
.navi-preview {
  border: none;
  margin: 2px;
  /* prettier-ignore */
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8);
  border-radius: 5px;
}

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

.speaking-as--currentSpeaker {
  border: none;
  border-radius: 3px;
  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;
}

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

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

.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.criticalSuccess {
  background-color: rgb(0, 128, 0);
}
.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.criticalSuccess:hover {
  background-color: rgb(0, 128, 0);
  box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px rgb(0, 128, 0);
}
.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.success {
  background-color: rgb(0, 0, 255);
}
.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.success:hover {
  background-color: rgb(0, 0, 255);
  box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px rgb(0, 0, 255);
}
.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.failure {
  background-color: rgb(255, 69, 0);
}
.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.failure:hover {
  background-color: rgb(255, 69, 0);
  box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px rgb(255, 69, 0);
}
.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.criticalFailure {
  background-color: rgb(255, 0, 0);
}
.dorako-ui.message.chat-message .message-content .pf2e.chat-card .card-buttons .save.pf2e-td.criticalFailure:hover {
  background-color: rgb(255, 0, 0);
  box-shadow: 0px 0px 1px 1px var(--tertiary) inset, 0px 0px 5px rgb(255, 0, 0);
}

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

.dorako-ui.chat-message hr.pf2e-td {
  display: none !important;
}

.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .pf2e-td.target-section .target-button {
  border: none;
  border-radius: 3px;
  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;
  height: calc(100% - 12px);
}
.dorako-ui.dark-theme.message.chat-message .pf2e.chat-card .card-buttons .pf2e-td.target-section .target-button:hover {
  box-shadow: var(--gold-and-glow);
  background-color: var(--glass-bg);
}

.dorako-ui.dark-theme.chat-message hr.pf2e-td {
  display: none !important;
}
.dorako-ui.dark-theme.chat-message button.small-button.pf2e-td {
  border: none;
  border-radius: 3px;
  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;
  background-color: var(--glass-bg-light);
  color: var(--color-text-light-heading);
  text-shadow: 0px 0px 3px black;
  margin: 2px;
  width: 20px;
  height: calc(100% - 4px);
}
.dorako-ui.dark-theme.chat-message button.small-button.pf2e-td:hover {
  background-color: var(--primary);
  color: var(--color-text-light-highlight);
}
.dorako-ui.dark-theme.chat-message wrapper.pf2e-td {
  gap: 3px;
}
.dorako-ui.dark-theme.chat-message wrapper.pf2e-td .pf2e-td.damage-application {
  gap: 3px;
  margin-top: 0px;
}
.dorako-ui.dark-theme.chat-message wrapper.pf2e-td.name-left .pf2e-td.damage-application {
  gap: 3px;
}
.dorako-ui.dark-theme.chat-message wrapper.pf2e-td .pf2e-td.name {
  color: var(--color-text-light-heading);
}
.dorako-ui.dark-theme.chat-message wrapper.pf2e-td .pf2e-td.name:hover {
  color: var(--color-text-light-highlight);
}
.dorako-ui.dark-theme.chat-message wrapper.pf2e-td.name-top .pf2e-td.name {
  border: none;
  border-radius: 3px;
  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;
  width: 100%;
  line-height: 24px;
  text-shadow: 0px 0px 3px black;
}
.dorako-ui.dark-theme.chat-message wrapper.pf2e-td.name-top .pf2e-td.name:hover {
  color: var(--color-text-light-highlight);
  background-color: var(--primary);
}
.dorako-ui.dark-theme.chat-message .message-content .pf2e-td.damage-application button .label {
  font-size: var(--font-size-8);
}

#target-damage-chat-window [data-visibility]:is(div, em, h4, p, span, strong):not([data-visibility=all])[data-visibility=gm] {
  background-color: transparent;
}

#target-damage-chat-window {
  border: none;
  margin: 0px;
  padding: 0px;
}

#target-damage-chat-window:empty {
  display: none;
}

.hidden #target-damage-hide-button {
  left: 0px;
  top: 2px;
  margin: 0px;
  padding: 0px;
  height: 14px;
  width: 14px;
}

.damage-application.hidden.right {
  padding: 0px;
}

.hidden.right #target-damage-hide-button {
  left: 0px;
  top: 2px;
  margin: 0px;
  padding: 0px;
  height: 14px;
  width: 14px;
}

/* ----------------------------------------- */
/* Token Action HUD (TAH)                    */
/* ----------------------------------------- */
#token-action-hud.dorako-ui {
  --dorako-bg-current: var(--glass-bg);
  --dorako-vibrancy: var(--frosted-glass);
  --paizo-blue: var(--secondary);
  --paizo-blue-bright: var(--secondary-light);
  --paizo-red-bright: var(--primary-light);
  --pazio-red: var(--primary);
}
#token-action-hud.dorako-ui #tah-categories {
  gap: 5px;
}
#token-action-hud.dorako-ui#token-action-hud {
  gap: 5px;
}
#token-action-hud.dorako-ui #tah-expand-hud {
  width: 32px;
  height: 32px;
}
#token-action-hud.dorako-ui #tah-expand-hud,
#token-action-hud.dorako-ui .tah-title-button {
  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;
  color: var(--color-text-light-heading);
  padding: 3px 5px 3px 5px;
}
#token-action-hud.dorako-ui #tah-expand-hud:hover,
#token-action-hud.dorako-ui .tah-title-button:hover {
  color: var(--color-text-light-highlight);
}
#token-action-hud.dorako-ui .tah-category.hover button.tah-title-button {
  background-color: var(--primary);
  color: var(--color-text-light-highlight);
}
#token-action-hud.dorako-ui .tah-subtitle {
  width: 174px;
}
#token-action-hud.dorako-ui .tah-action button {
  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;
  color: var(--color-text-light-heading);
}
#token-action-hud.dorako-ui .tah-action button.toggle {
  background-color: var(--secondary-dark);
}
#token-action-hud.dorako-ui .tah-action button.toggle:hover {
  background-color: var(--secondary);
}
#token-action-hud.dorako-ui .tah-action button.toggle.active {
  background-color: var(--secondary-light);
}
#token-action-hud.dorako-ui .tah-action button:hover {
  color: var(--color-text-light-highlight);
}
#token-action-hud.dorako-ui .tah-action button.active {
  color: white;
}

/* ----------------------------------------- */
/* PF2e Workbench                            */
/* ----------------------------------------- */
.xdy-pf2e-workbench-rarity-common {
  color: var(--rarity-common);
  border-color: var(--rarity-common);
}

.xdy-pf2e-workbench-rarity-uncommon {
  color: var(--rarity-uncommon);
  border-color: var(--rarity-uncommon);
}

.xdy-pf2e-workbench-rarity-rare {
  color: var(--rarity-rare);
  border-color: var(--rarity-rare);
}

.xdy-pf2e-workbench-rarity-unique {
  color: var(--rarity-unique);
  border-color: var(--rarity-unique);
}

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

.dorako-ui#pf2e-dailies-interface .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;
}

.dorako-ui#pf2e-dailies-interface .window-content input:not(:disabled) {
  background-image: var(--sheet);
  background-position: center;
  background-size: cover;
}

.dorako-ui.dark-theme#pf2e-dailies-interface .window-content input:not(:disabled) {
  border: none;
  border-radius: 3px;
  background: none;
  background-color: var(--glass-bg);
  box-shadow: var(--glassy);
  border-radius: 3px 0px 0px 3px;
  border-right: 1px solid var(--tertiary);
  background-image: var(--sheet);
  background-position: center;
  background-size: cover;
  background-color: var(--glass-bg);
  background-blend-mode: color;
}
.dorako-ui.dark-theme#pf2e-dailies-interface .window-content input:not(:disabled):hover, .dorako-ui.dark-theme#pf2e-dailies-interface .window-content input:not(:disabled):focus {
  background-color: var(--secondary-dark);
  color: var(--color-text-light-highlight);
}

.dorako-ui.dalvyn-journal:not(.premium) {
  /* By Dalvyn */
  /* Custom CSS - PF2 STYLE v2.1 */
  /* TITRES
  ====================================================== */
  --red: var(--primary);
  --blue: var(--secondary);
  --brown: #ad6f59;
  /* TEXTE
  ====================================================== */
  /* SYMBOLES PF2
  ====================================================== */
  /* TABLES
  ====================================================== */
  /* TEXTES À LIRE
  ====================================================== */
  /* BLOCS DESCRIPTIFS (via h6)
  ====================================================== */
  /* Alignment (bold) */
  /* Size (italics) */
  /* Rarity (sub = uncommon, sup = rare, strikethrough = unique) */
  /* Dorako */
}
.dorako-ui.dalvyn-journal:not(.premium).journal-header .title,
.dorako-ui.dalvyn-journal:not(.premium) .journal-header .title {
  color: var(--red) !important;
  font-family: "Taroca Regular";
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page h1,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page h1 {
  color: var(--blue) !important;
  font-family: "Taroca Regular";
  line-height: 100%;
  border-bottom: 0;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page h1:hover,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page h1:hover {
  background-image: linear-gradient(rgba(2, 37, 110, 0), rgba(2, 37, 110, 0), rgba(2, 37, 110, 0.2666666667));
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page h2,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page h2 {
  color: var(--red) !important;
  font-family: "Gin-Regular";
  text-transform: uppercase;
  line-height: 100%;
  border-bottom: 0;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page h2:hover,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page h2:hover {
  background-image: linear-gradient(rgba(78, 7, 7, 0), rgba(78, 7, 7, 0), rgba(78, 7, 7, 0.2666666667));
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page h3,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page h3 {
  color: var(--brown) !important;
  font-family: "Gin-Regular";
  text-transform: uppercase;
  line-height: 100%;
  border-bottom: 0;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page h3:hover,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page h3:hover {
  background-image: linear-gradient(rgba(173, 111, 89, 0), rgba(173, 111, 89, 0), rgba(173, 111, 89, 0), rgba(173, 111, 89, 0.2666666667));
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h4,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h4 {
  color: var(--blue) !important;
  font-family: "Gin-Regular";
  font-variant: small-caps;
  font-size: 132%;
  line-height: 100%;
  border-bottom: 0;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h4:hover,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h4:hover {
  background-image: linear-gradient(rgba(2, 37, 110, 0), rgba(2, 37, 110, 0), rgba(2, 37, 110, 0), rgba(2, 37, 110, 0.2666666667));
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page h5,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page h5 {
  line-height: 100%;
  font-variant: small-caps;
  font-size: var(--font-size-14);
  border-bottom: 0;
  margin-bottom: 0;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page h5:hover,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page h5:hover {
  background-image: linear-gradient(rgba(2, 37, 110, 0), rgba(2, 37, 110, 0), rgba(2, 37, 110, 0), rgba(2, 37, 110, 0.2666666667));
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-content, .dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .window-content,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .window-content {
  font-family: "Gelasio";
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page code,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page code {
  font-family: "pathfinder2eactions";
  font-style: normal;
  font-size: 150%;
  line-height: 66%;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page table,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page table {
  font-family: "roboto condensed";
  max-width: calc(100% - 24px);
  margin-left: auto;
  margin-right: auto;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page table th,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page table th {
  color: white;
  background-color: var(--red);
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page tr:nth-child(2n),
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page tr:nth-child(2n) {
  background-color: #f5efe0;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page tr:nth-child(2n+1),
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page tr:nth-child(2n+1) {
  background-color: #efe3c8;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page tr:hover,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page tr:hover {
  background-color: #e9d7b0;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page table td, .dorako-ui.dalvyn-journal:not(.premium).journal-entry-page table th,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page table td,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page table th {
  padding: 4px 6px;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content blockquote:not(h6 + p + ul + blockquote, h6 + p + blockquote, h6 + ul + blockquote, h6 + blockquote),
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content blockquote:not(h6 + p + ul + blockquote, h6 + p + blockquote, h6 + ul + blockquote, h6 + blockquote) {
  border-left-width: 0;
  border-top: 2px solid #cfbf80;
  border-bottom: 2px solid #cfbf80;
  background-color: var(--red);
  border-radius: 8px;
  color: #cfbf80;
  padding: 4px 12px;
  margin-left: 0;
  margin-right: 0;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content blockquote:not(h6 + p + ul + blockquote, h6 + p + blockquote, h6 + ul + blockquote, h6 + blockquote):hover,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content blockquote:not(h6 + p + ul + blockquote, h6 + p + blockquote, h6 + ul + blockquote, h6 + blockquote):hover {
  color: #efdfa2;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content :is(h6, h6 + p, h6 + p + ul, h6 + p + blockquote, h6 + p + ul + blockquote),
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content :is(h6, h6 + p, h6 + p + ul, h6 + p + blockquote, h6 + p + ul + blockquote) {
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 0;
  margin-bottom: 0;
  background-color: rgba(245, 239, 224, 0.6666666667);
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content :is(h6, h6 + p),
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content :is(h6, h6 + p) {
  font-family: "Tauri-Regular";
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.15em;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 {
  border-bottom: 1px solid black;
  padding: 4px 12px;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p {
  text-align: right;
  position: relative;
  bottom: 24px;
  right: 12px;
  height: 0;
  margin: 0;
  overflow: visible;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul {
  clear: both;
  display: flex;
  font-family: "roboto condensed";
  font-size: 94%;
  list-style-type: none;
  padding: 4px 12px;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li strong,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li strong {
  font-weight: normal;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li em,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li em {
  font-style: normal;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li sub,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li sub {
  vertical-align: baseline;
  font-size: 100%;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li sup,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li sup {
  vertical-align: baseline;
  font-size: 100%;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li s,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li s {
  text-decoration: none;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li p,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li p {
  margin: 0;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li p,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li p {
  color: white;
  border: 3px solid #dac68a;
  border-left-width: 4px;
  border-right-width: 4px;
  text-transform: uppercase;
  margin: 0;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li p,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li p {
  background-color: #58180d;
  padding: 2px 3px;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li p > strong,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li p > strong {
  background-color: #576293;
  padding: 2px 3px;
  margin: -2px -3px;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li p > em,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li p > em {
  background-color: #3b7b59;
  padding: 2px 3px;
  margin: -2px -3px;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li p > sub,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li p > sub {
  background-color: #98513d;
  padding: 2px 3px;
  margin: -2px -3px;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li p > sup,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li p > sup {
  background-color: #002664;
  padding: 2px 3px;
  margin: -2px -3px;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul li p > s,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul li p > s {
  background-color: #54166e;
  padding: 2px 3px;
  margin: -2px -3px;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul + blockquote,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul + blockquote {
  border: 0;
  padding: 0 12px 4px 12px;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + blockquote,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + blockquote {
  border: 0;
  padding: 4px 12px 4px 12px;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul + blockquote p, .dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + blockquote p,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul + blockquote p,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + blockquote p {
  font-family: "roboto condensed";
  font-style: normal;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul + blockquote em, .dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + blockquote em,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul + blockquote em,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + blockquote em {
  font-style: italic;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul + blockquote p:has(strong:first-child), .dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + blockquote p:has(strong:first-child),
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul + blockquote p:has(strong:first-child),
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + blockquote p:has(strong:first-child) {
  text-indent: -1em;
  margin-left: 1em;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul + blockquote p *, .dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + blockquote p *,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul + blockquote p *,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + blockquote p * {
  text-indent: 0;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul + blockquote p:first-child, .dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + blockquote p:first-child,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul + blockquote p:first-child,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + blockquote p:first-child {
  margin-top: 0;
}
.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + blockquote hr, .dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-page-content h6 + p + ul + blockquote hr,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + blockquote hr,
.dorako-ui.dalvyn-journal:not(.premium) .journal-entry-page .journal-page-content h6 + p + ul + blockquote hr {
  border-top: 0;
  border-bottom: 1px solid black;
  margin: 0;
}

.dorako-ui.dalvyn-journal.dark-theme:not(.premium),
.dorako-ui.dalvyn-journal:not(.premium) .dark-theme {
  --red: var(--primary-light);
  --blue: var(--secondary-light);
  --brown: #ad6f59;
  color: var(--color-text-light-heading);
}
.dorako-ui.dalvyn-journal.dark-theme:not(.premium) tbody,
.dorako-ui.dalvyn-journal:not(.premium) .dark-theme tbody {
  color: black;
}
.dorako-ui.dalvyn-journal.dark-theme:not(.premium).journal-entry-page .journal-page-content :is(h6, h6 + p, h6 + p + ul, h6 + p + blockquote, h6 + p + ul + blockquote),
.dorako-ui.dalvyn-journal.dark-theme:not(.premium) .journal-entry-page .journal-page-content :is(h6, h6 + p, h6 + p + ul, h6 + p + blockquote, h6 + p + ul + blockquote),
.dorako-ui.dalvyn-journal:not(.premium) .dark-theme.journal-entry-page .journal-page-content :is(h6, h6 + p, h6 + p + ul, h6 + p + blockquote, h6 + p + ul + blockquote),
.dorako-ui.dalvyn-journal:not(.premium) .dark-theme .journal-entry-page .journal-page-content :is(h6, h6 + p, h6 + p + ul, h6 + p + blockquote, h6 + p + ul + blockquote) {
  color: black;
}

.dorako-ui.dalvyn-journal:not(.premium).journal-entry-page .journal-header .title {
  color: var(--blue) !important;
  font-family: "Taroca Regular";
}

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

.dorako-ui .message-metadata {
  max-height: unset;
}
.dorako-ui form button.emojiPickerButton {
  display: flex;
  border: none;
  border-radius: 3px;
  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;
  text-shadow: 0px 0px 3px black;
  background-color: #f7ce64;
}
.dorako-ui form button.emojiPickerButton:hover {
  background-color: #cfa436;
}
.dorako-ui .emoji-button-content .emoji-image {
  filter: drop-shadow(0px 1px 2px black);
}

.dorako-ui.light-theme .emoji-button {
  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;
  border: none;
  margin: 2px;
  /* prettier-ignore */
  box-shadow: 0 0 0 1px var(--tertiary), 0 0 0 2px var(--gold-brown), 0 0 5px rgba(0, 0, 0, 0.8);
  background-image: var(--sheet-dark);
  text-shadow: 0px 0px 3px black;
  margin-right: 5px;
}
.dorako-ui.light-theme .emoji-button:hover {
  background-color: var(--primary);
  background-blend-mode: color-dodge;
}
.dorako-ui.light-theme .trigger {
  background: none;
  box-shadow: none;
}
.dorako-ui.light-theme .trigger:hover {
  background: none;
  box-shadow: none;
}

.dorako-ui.dark-theme .emoji-button {
  border: none;
  border-radius: 3px;
  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;
  text-shadow: 0px 0px 3px black;
}
.dorako-ui.dark-theme .emoji-button:hover {
  background-color: var(--primary);
}
.dorako-ui.dark-theme .trigger {
  background-color: #f7ce64;
  height: 20px;
  width: 20px;
  place-self: center;
  display: flex;
  text-align: center;
}
.dorako-ui.dark-theme .trigger:hover {
  background-color: #cfa436;
}

#hand-mini-bar-hands-container .hand-mini-bar-hand {
  border: none;
  border-radius: 3px;
  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;
}
#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;
}

.dorako-ui.dark-theme .hand-mini-bar-window-buttons {
  gap: 3px;
}
.dorako-ui.dark-theme .hand-mini-bar-window-buttons .hand-mini-bar-window-button {
  border: none;
  border-radius: 3px;
  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;
  color: var(--color-text-light-heading);
  text-shadow: 0px 0px 3px black;
}
.dorako-ui.dark-theme .hand-mini-bar-window-buttons .hand-mini-bar-window-button:hover {
  color: var(--color-text-light-highlight);
  background-color: var(--primary);
}

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

/* ----------------------------------------- */
/* Dice Stats                                */
/* ----------------------------------------- */
.dorako-ui.dark-theme .chart-dice-stats {
  background: rgba(245, 222, 179, 0.568627451);
}

/* ----------------------------------------- */
/* Pin Cushion                               */
/* ----------------------------------------- */
.pin-cushion-hud-tooltip-default {
  border: none;
  border-radius: 3px;
  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: 3px;
  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;
}

.item-piles-player-list-trade-button {
  border: none;
  border-radius: 3px;
  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;
  background-color: var(--glass-bg-light);
}
.item-piles-player-list-trade-button:hover {
  border: none;
  border-radius: 3px;
  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);
}
.dorako-ui.dark-theme .item.active.underscore.item-piles-flexrow.item-piles-clickable-link {
  border-bottom: 2px solid var(--tertiary-dark);
}

/*# sourceMappingURL=module-support.css.map */