From 4150de757b3e3e4d813f74c7cfa0d9ec8f26ee57 Mon Sep 17 00:00:00 2001
From: Murilo Brito <91566541+moliloo@users.noreply.github.com>
Date: Tue, 8 Jul 2025 19:39:00 -0300
Subject: [PATCH 1/4] refactor styles folder (#302)
---
styles/application.less | 561 --
styles/class.less | 5 -
styles/daggerheart.css | 7389 ++++++-----------
styles/daggerheart.less | 202 +-
styles/dialog.less | 12 -
styles/item.less | 59 -
styles/less/actors/adversary.less | 5 -
styles/less/actors/character.less | 11 -
styles/less/actors/environment.less | 27 -
.../beastform/beastform-container.less} | 105 +-
styles/less/dialog/beastform/sheet.less | 21 +
.../creation-action-footer.less | 13 +
.../selections-container.less} | 742 +-
.../less/dialog/character-creation/sheet.less | 27 +
.../character-creation/tab-navigation.less | 62 +
.../damage-reduction-container.less} | 6 +-
.../less/dialog/damage-reduction/sheets.less | 7 +
.../dialog/downtime/downtime-container.less | 81 +
styles/less/dialog/index.less | 19 +
.../dialog/level-up/navigation-container.less | 30 +
.../dialog/level-up/selections-container.less | 108 +
styles/less/dialog/level-up/sheet.less | 37 +
.../dialog/level-up/summary-container.less | 37 +
.../less/dialog/level-up/tiers-container.less | 65 +
styles/less/global/index.less | 14 +
styles/less/items/class.css | 132 -
.../adversary-settings/experiences.less | 0
.../adversary-settings/features.less | 0
.../adversary-settings/sheet.less | 0
.../environment-settings/adversaries.less | 0
.../environment-settings/features.less | 0
.../header.less | 0
styles/less/sheets-settings/index.less | 7 +
.../actors/adversary/actions.less | 4 +-
.../{ => sheets}/actors/adversary/header.less | 4 +-
.../{ => sheets}/actors/adversary/sheet.less | 4 +-
.../actors/adversary/sidebar.less | 24 +-
.../actors/character/biography.less | 4 +-
.../actors/character/features.less | 4 +-
.../{ => sheets}/actors/character/header.less | 5 +-
.../actors/character/inventory.less | 4 +-
.../actors/character/loadout.less | 4 +-
.../{ => sheets}/actors/character/sheet.less | 4 +-
.../actors/character/sidebar.less | 5 +-
.../actors/companion/details.less | 4 +-
.../{ => sheets}/actors/companion/header.less | 4 +-
.../{ => sheets}/actors/companion/sheet.less | 14 +-
.../actors/environment/header.less | 4 +-
.../actors/environment/sheet.less | 5 +-
styles/less/sheets/index.less | 23 +
styles/less/{ => sheets}/items/class.less | 4 +-
.../items/domain-card.less} | 4 +-
styles/less/{ => sheets}/items/feature.less | 4 +-
styles/{ => less/ui/chat}/chat.less | 226 +-
styles/less/ui/chat/sheet.less | 33 +
styles/less/ui/chat/theme-colorful.less | 193 +
.../ui/combat-sidebar/combat-sidebar.less | 6 +
.../ui/combat-sidebar/combatant-controls.less | 5 +
.../ui/combat-sidebar/encounter-controls.less | 48 +
.../ui/combat-sidebar/spotlight-control.less | 19 +
.../less/ui/combat-sidebar/token-actions.less | 48 +
styles/less/ui/countdown/countdown.less | 61 +
.../ui/countdown/sheet.less} | 229 +-
styles/less/ui/index.less | 18 +
.../ownership-selection.less} | 2 +
styles/{ => less/ui/resources}/resources.less | 0
styles/{ => less/ui/settings}/settings.less | 2 +
styles/less/utils/colors.less | 15 +
.../values.less => less/utils/spacing.less} | 0
styles/levelup.less | 271 -
styles/pc.less | 1519 ----
styles/sheets/activeEffect.less | 5 -
styles/sheets/class.less | 65 -
styles/sheets/heritage.less | 5 -
styles/sheets/sheets.less | 185 -
styles/ui.less | 122 -
styles/variables/colors.less | 37 -
styles/variables/variables.less | 2 -
78 files changed, 4208 insertions(+), 8824 deletions(-)
delete mode 100644 styles/application.less
delete mode 100644 styles/class.less
delete mode 100644 styles/dialog.less
delete mode 100755 styles/item.less
delete mode 100644 styles/less/actors/adversary.less
delete mode 100644 styles/less/actors/character.less
delete mode 100644 styles/less/actors/environment.less
rename styles/less/{applications/beastform.less => dialog/beastform/beastform-container.less} (78%)
create mode 100644 styles/less/dialog/beastform/sheet.less
create mode 100644 styles/less/dialog/character-creation/creation-action-footer.less
rename styles/{characterCreation.less => less/dialog/character-creation/selections-container.less} (78%)
create mode 100644 styles/less/dialog/character-creation/sheet.less
create mode 100644 styles/less/dialog/character-creation/tab-navigation.less
rename styles/{damageReduction.less => less/dialog/damage-reduction/damage-reduction-container.less} (98%)
create mode 100644 styles/less/dialog/damage-reduction/sheets.less
create mode 100644 styles/less/dialog/downtime/downtime-container.less
create mode 100644 styles/less/dialog/index.less
create mode 100644 styles/less/dialog/level-up/navigation-container.less
create mode 100644 styles/less/dialog/level-up/selections-container.less
create mode 100644 styles/less/dialog/level-up/sheet.less
create mode 100644 styles/less/dialog/level-up/summary-container.less
create mode 100644 styles/less/dialog/level-up/tiers-container.less
create mode 100644 styles/less/global/index.less
delete mode 100644 styles/less/items/class.css
rename styles/less/{applications => sheets-settings}/adversary-settings/experiences.less (100%)
rename styles/less/{applications => sheets-settings}/adversary-settings/features.less (100%)
rename styles/less/{applications => sheets-settings}/adversary-settings/sheet.less (100%)
rename styles/less/{applications => sheets-settings}/environment-settings/adversaries.less (100%)
rename styles/less/{applications => sheets-settings}/environment-settings/features.less (100%)
rename styles/less/{applications => sheets-settings}/header.less (100%)
create mode 100644 styles/less/sheets-settings/index.less
rename styles/less/{ => sheets}/actors/adversary/actions.less (87%)
rename styles/less/{ => sheets}/actors/adversary/header.less (92%)
rename styles/less/{ => sheets}/actors/adversary/sheet.less (84%)
rename styles/less/{ => sheets}/actors/adversary/sidebar.less (93%)
rename styles/less/{ => sheets}/actors/character/biography.less (87%)
rename styles/less/{ => sheets}/actors/character/features.less (87%)
rename styles/less/{ => sheets}/actors/character/header.less (98%)
rename styles/less/{ => sheets}/actors/character/inventory.less (96%)
rename styles/less/{ => sheets}/actors/character/loadout.less (97%)
rename styles/less/{ => sheets}/actors/character/sheet.less (88%)
rename styles/less/{ => sheets}/actors/character/sidebar.less (98%)
rename styles/less/{ => sheets}/actors/companion/details.less (95%)
rename styles/less/{ => sheets}/actors/companion/header.less (98%)
rename styles/less/{ => sheets}/actors/companion/sheet.less (52%)
rename styles/less/{ => sheets}/actors/environment/header.less (95%)
rename styles/less/{ => sheets}/actors/environment/sheet.less (80%)
create mode 100644 styles/less/sheets/index.less
rename styles/less/{ => sheets}/items/class.less (94%)
rename styles/less/{items/domainCard.less => sheets/items/domain-card.less} (77%)
rename styles/less/{ => sheets}/items/feature.less (84%)
mode change 100755 => 100644
rename styles/{ => less/ui/chat}/chat.less (60%)
create mode 100644 styles/less/ui/chat/sheet.less
create mode 100644 styles/less/ui/chat/theme-colorful.less
create mode 100644 styles/less/ui/combat-sidebar/combat-sidebar.less
create mode 100644 styles/less/ui/combat-sidebar/combatant-controls.less
create mode 100644 styles/less/ui/combat-sidebar/encounter-controls.less
create mode 100644 styles/less/ui/combat-sidebar/spotlight-control.less
create mode 100644 styles/less/ui/combat-sidebar/token-actions.less
create mode 100644 styles/less/ui/countdown/countdown.less
rename styles/{countdown.less => less/ui/countdown/sheet.less} (64%)
create mode 100644 styles/less/ui/index.less
rename styles/{ownershipSelection.less => less/ui/ownership-selection/ownership-selection.less} (94%)
rename styles/{ => less/ui/resources}/resources.less (100%)
rename styles/{ => less/ui/settings}/settings.less (98%)
rename styles/{variables/values.less => less/utils/spacing.less} (100%)
delete mode 100644 styles/levelup.less
delete mode 100644 styles/pc.less
delete mode 100644 styles/sheets/activeEffect.less
delete mode 100644 styles/sheets/class.less
delete mode 100644 styles/sheets/heritage.less
delete mode 100644 styles/sheets/sheets.less
delete mode 100644 styles/ui.less
delete mode 100644 styles/variables/colors.less
delete mode 100644 styles/variables/variables.less
diff --git a/styles/application.less b/styles/application.less
deleted file mode 100644
index 412d41e7..00000000
--- a/styles/application.less
+++ /dev/null
@@ -1,561 +0,0 @@
-form.daggerheart.views.downtime {
- // Shouldn't be needed, but DEFAULT_OPTIONS doesn't accept Height: 'auto'
- height: auto !important;
-}
-
-div.daggerheart.views.death-move {
- // Shouldn't be needed, but DEFAULT_OPTIONS doesn't accept Height: 'auto'
- height: auto !important;
-}
-
-div.daggerheart.views.multiclass {
- // Shouldn't be needed, but DEFAULT_OPTIONS doesn't accept Height: 'auto'
- height: auto !important;
-}
-
-.daggerheart.views {
- &.levelup {
- .levelup-title-container {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- font-size: 32px;
- margin-bottom: 4px;
-
- .level-title {
- text-decoration: underline;
- }
-
- .level-display {
- display: flex;
- align-items: center;
-
- i {
- margin: 0 @halfMargin;
- }
- }
- }
-
- .levelup-section {
- display: flex;
- align-items: flex-start;
- margin-bottom: 8px;
- font-size: 11px;
-
- .levelup-container {
- flex: 1;
-
- &:nth-of-type(2) {
- padding: 0 4px;
- }
-
- &.disabled {
- opacity: 0.2;
- }
-
- .levelup-inner-container {
- height: 700px;
- padding: 24px 58px 0;
- display: flex;
- flex-direction: column;
- align-items: center;
- position: relative;
-
- .levelup-legend {
- margin-left: auto;
- margin-right: auto;
- font-weight: bold;
- z-index: 1;
- }
-
- .levelup-info {
- background: @primaryAccent;
- width: 100%;
- text-align: center;
- position: absolute;
- top: -6px;
- padding: 8px 0;
- }
-
- .levelup-pretext {
- padding: 8px 0;
- }
-
- .levelup-body {
- display: flex;
- flex-direction: column;
-
- .levelup-choice-row {
- display: flex;
- align-items: center;
- padding: 4px;
-
- .levelup-choice-row-inner {
- display: flex;
- align-items: center;
- }
-
- .levelup-choice-input-container {
- position: relative;
- display: flex;
- align-items: center;
-
- input {
- &:disabled:checked::before {
- opacity: 0.4;
- color: var(--color-warm-1);
- }
- }
-
- i.fa-link {
- transform: rotate(45deg);
- position: relative;
- top: 2px;
- margin: 0 -3px;
- }
-
- i.fa-lock {
- position: absolute;
- top: 0;
- left: 0;
- font-size: 8px;
- }
- }
- }
- }
-
- .levelup-posttext {
- padding: 8px 0;
- }
- }
- }
- }
- }
-
- .downtime-container {
- .downtime-header {
- margin: 0;
- color: light-dark(@dark-blue, @golden);
- text-align: center;
- }
-
- .activity-container {
- display: flex;
- align-items: center;
- padding: 8px;
-
- .activity-title {
- flex: 1;
- display: flex;
- align-items: center;
-
- .activity-title-text {
- font-size: 24px;
- font-weight: bold;
- }
-
- .activity-image {
- width: 80px;
- position: relative;
- display: flex;
- justify-content: center;
- margin-right: 8px;
- border: 2px solid black;
- border-radius: 50%;
- cursor: pointer;
-
- .activity-select-label {
- position: absolute;
- top: -9px;
- font-size: 14px;
- border: 1px solid light-dark(@dark-blue, @golden);
- border-radius: 6px;
- color: light-dark(@beige, @dark);
- background-image: url(../assets/parchments/dh-parchment-light.png);
- padding: 0 8px;
- line-height: 1;
- font-weight: bold;
- }
-
- img {
- border-radius: 50%;
- }
-
- &:hover,
- &.selected {
- filter: drop-shadow(0 0 6px gold);
- }
- }
-
- .custom-name-input {
- font-size: 24px;
- font-weight: bold;
- padding: 0;
- background: transparent;
- color: rgb(239, 230, 216);
- }
- }
-
- .activity-body {
- flex: 1;
- font-style: italic;
- }
- }
- }
-
- &.downtime {
- .activity-text-area {
- resize: none;
- }
- }
-
- .range-reset {
- flex: 0;
- width: 21px;
- height: 21px;
- margin: 3px 4px;
- border: 1px solid black;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- &.roll-selection {
- .roll-selection-container {
- i {
- filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(17%) contrast(103%);
- }
- }
-
- #roll-selection-costSelection footer {
- display: none;
- }
-
- .roll-dialog-container {
- .hope-container {
- display: flex;
- gap: @fullMargin;
- align-items: center;
- font-size: 18px;
- }
- }
- }
-
- &.npc-roll-selection {
- .npc-roll-dialog-container {
- display: flex;
- flex-direction: column;
-
- .selection-container {
- display: flex;
- align-items: center;
- margin-bottom: @fullMargin;
- gap: 16px;
-
- .dice-container {
- display: flex;
- align-items: center;
- flex: 1;
-
- .dice-inner-container {
- position: relative;
- display: flex;
- align-items: center;
- justify-content: center;
-
- i {
- font-size: 18px;
- }
-
- img {
- border: 0;
- position: relative;
- left: 1px;
- }
-
- .dice-number {
- position: absolute;
- font-size: 24px;
- font-weight: bold;
- }
- }
-
- .advantage-container {
- display: flex;
- flex-direction: column;
- gap: 2px;
- flex: 1;
-
- .advantage-button {
- &.active,
- &:hover {
- background: var(--button-hover-background-color);
- }
- }
- }
- }
- }
- }
- }
-
- &.multiclass {
- .multiclass-container {
- margin-bottom: @largeMargin;
-
- .multiclass-category-title {
- margin-top: @largeMargin;
- }
-
- .multiclass-class-choices {
- display: flex;
- width: 100%;
- height: 100%;
- flex-wrap: wrap;
- }
-
- .multiclass-spaced-choices {
- display: flex;
- justify-content: space-around;
- width: 100%;
- height: 100%;
- }
-
- .multiclass-class-choice {
- display: flex;
- align-items: center;
- flex-basis: 33.33%;
- font-weight: bold;
- font-size: 24px;
- cursor: pointer;
-
- &.selected:not(.disabled),
- &:hover:not(.disabled) {
- filter: drop-shadow(0 0 3px gold);
- }
-
- &.inactive,
- &.disabled {
- cursor: initial;
- opacity: 0.4;
- }
-
- img {
- width: 80px;
- height: 80px;
- margin-right: @largeMargin;
- }
- }
- }
- }
-
- &.damage-selection {
- .hope-container {
- display: flex;
- gap: @fullMargin;
- align-items: center;
- font-size: 18px;
- }
- }
-
- &.action {
- .action-category {
- display: flex;
- flex-direction: column;
-
- .action-category-label {
- display: flex;
- align-items: center;
- justify-content: space-between;
- border-radius: 6px;
- cursor: pointer;
- padding: 0 @fullPadding;
- margin: 0 auto @halfMargin;
-
- &:hover {
- background-color: darkgray;
- }
- }
-
- .action-category-data {
- max-height: 0;
- transition: max-height 0.2s ease-in-out;
- overflow: hidden;
-
- &.open {
- max-height: initial;
- }
-
- .multi-display {
- display: flex;
- gap: 1rem;
- align-items: center;
- .form-group {
- flex: 1;
- }
- }
-
- .form-group {
- display: flex;
- align-items: center;
- margin-bottom: 0.5rem;
- label {
- flex: 2;
- }
- .form-fields {
- flex: 3;
- }
- img {
- width: 1.5rem;
- height: 1.5rem;
- }
- }
-
- .hint-group {
- display: flex;
- flex-direction: column;
- align-items: end;
-
- .form-fields {
- width: 100%;
- display: flex;
- align-items: center;
-
- label {
- flex: 1;
- }
-
- input,
- select {
- flex: 3;
- }
- }
-
- .hint {
- margin: 4px 0 0 0;
- font-size: 12px;
- font-style: italic;
- opacity: 0.6;
- }
- }
-
- .data-form-array {
- border: 1px solid var(--color-fieldset-border);
- padding: 0.5rem;
- margin-bottom: 0.5rem;
- }
- }
- }
- }
-
- &.ancestry-selection {
- .ancestry-section {
- display: flex;
- flex-direction: column;
- align-items: center;
- margin-bottom: @fullMargin;
-
- .ancestry-container {
- width: 100%;
- display: flex;
- flex-wrap: wrap;
-
- .ancestry-inner-container {
- flex-basis: 25%;
- display: flex;
- flex-direction: column;
- align-items: center;
-
- .image-container {
- img {
- width: 120px;
- border: 4px solid black;
- border-radius: 50%;
-
- &.selected {
- border-color: @secondaryShadow;
- }
-
- &:hover:not(.selected) {
- filter: drop-shadow(0 0 3px @secondaryShadow);
- }
-
- &.disabled {
- opacity: 0.3;
- }
- }
- }
-
- .name-container {
- div {
- font-size: 18px;
- font-weight: bold;
- cursor: help;
- }
- }
- }
- }
-
- .mixed-ancestry-container {
- width: 100%;
- display: flex;
- gap: @fullMargin;
-
- > div {
- flex: 1;
- }
-
- .mixed-ancestry-name {
- text-align: center;
- div {
- font-size: 24px;
- }
- }
-
- .mixed-ancestry-images {
- display: flex;
- align-items: center;
- gap: @halfMargin;
-
- .mixed-ancestry-image {
- position: relative;
- max-width: 33%;
-
- &:hover i {
- opacity: 1;
- }
-
- i {
- position: absolute;
- font-size: 32px;
- top: calc(50% - 20px);
- left: calc(50% - 20px);
- padding: @fullPadding;
- background-color: grey;
- opacity: 0;
- cursor: pointer;
-
- &:hover {
- filter: drop-shadow(0 0 3px @secondaryShadow);
- }
- }
-
- img {
- max-width: 100%;
- }
- }
-
- img {
- max-width: 33%;
- border: 4px solid black;
- border-radius: 50%;
-
- &.selected {
- border-color: @secondaryShadow;
- }
- }
- }
- }
- }
- }
-}
diff --git a/styles/class.less b/styles/class.less
deleted file mode 100644
index ec1b1bd5..00000000
--- a/styles/class.less
+++ /dev/null
@@ -1,5 +0,0 @@
-.daggerheart.sheet.class {
- .editor {
- height: 500px;
- }
-}
diff --git a/styles/daggerheart.css b/styles/daggerheart.css
index b64cd424..43d91e4f 100755
--- a/styles/daggerheart.css
+++ b/styles/daggerheart.css
@@ -1,4240 +1,5 @@
-/* Base Value */
-/* Margins */
-/* Borders */
-/* Padding */
-/* Inputs */
-/* General */
-/* Drop Shadows */
-/* Background */
-/* Duality */
-/* Fear */
@import '../node_modules/@yaireo/tagify/dist/tagify.css';
-.daggerheart.sheet.class .editor {
- height: 500px;
-}
-.daggerheart.sheet.pc {
- width: 810px !important;
-}
-.daggerheart.sheet.pc div[data-application-part] {
- display: flex;
- flex-direction: column;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header {
- display: flex;
- gap: 4px;
- height: 120px;
- margin-bottom: 4px;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .portrait {
- border: 0;
- border-right: 1px solid var(--color-underline-header);
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info {
- flex: 1;
- background: #778899;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .portrait {
- max-width: 120px;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .class-title {
- text-align: center;
- display: flex;
- justify-content: space-between;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .class-title span:hover {
- filter: drop-shadow(0px 0px 3px red);
- cursor: pointer;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .class-title .domain-container {
- margin-left: 4px;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .class-add-container {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
- flex: 0;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .class-add-container button {
- height: 22px;
- width: 22px;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-left: 4px;
- background: #778899;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .domain-title {
- text-transform: uppercase;
- display: flex;
- flex-direction: column;
- align-items: center;
- line-height: 23px;
- font-weight: bold;
- font-style: italic;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .domain-image {
- height: 30px;
- flex: 0;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info {
- flex: 2;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .general-input {
- position: relative;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .general-input .general-title {
- position: absolute;
- left: 4px;
- text-align: center;
- font-weight: bold;
- text-transform: uppercase;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .pc-tabs {
- flex: 1;
- margin: 0;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .rest-container {
- flex-wrap: nowrap;
- display: flex;
- height: var(--form-field-height);
- flex: 0;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .rest-container button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- width: var(--form-field-height);
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .rest-container button i {
- font-size: 13px;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container {
- position: relative;
- bottom: 4px;
- flex: none;
- width: 40px;
- border: none;
- outline: none;
- margin-left: 8px;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container.levelup {
- filter: drop-shadow(0px 0px 3px gold);
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container img {
- height: 40px;
- width: 40px;
- border: none;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-value-container {
- width: 48px;
- position: absolute;
- top: calc(50% - 17px);
- left: calc(50% - 23px);
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-value-container .level-value {
- font-weight: bold;
- font-size: 20px;
- text-align: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-value-container .level-value:not(:hover),
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-value-container .level-value:not(:focus) {
- border: none;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-value-container .levelup-marker {
- position: absolute;
- top: 0;
- right: calc(50% - 12px);
- color: gold;
- filter: drop-shadow(0px 0px 3px black);
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-value-container .levelup-marker.double-digit {
- right: calc(50% - 20px);
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-title {
- position: absolute;
- bottom: 2px;
- width: 42px;
- background-color: black;
- color: white;
- left: calc(50% - 21px);
- text-align: center;
- border-radius: 5px;
- font-size: 12px;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-title.levelup {
- color: gold;
- filter: drop-shadow(0px 0px 3px orange);
- font-weight: bold;
- cursor: pointer;
-}
-.daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-title.levelup:hover {
- background-color: aliceblue;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body {
- display: flex;
- flex-direction: column;
- flex: 1;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .tab-container {
- height: 100%;
- display: flex;
- flex-direction: column;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .tab-container .tab-inner-container {
- flex: 1;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .tab-container .tab-inner-container .body-section {
- display: flex;
- flex-direction: column;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .tab-container .tab-inner-container .body-section fieldset {
- flex: 0;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .system-info {
- font-size: 12px;
- font-style: italic;
- font-weight: bold;
- margin-top: -4px;
- flex: 0;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .feature-sheet-body {
- gap: 4px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container {
- position: relative;
- display: flex;
- flex-wrap: wrap;
- border-radius: 6px;
- padding-left: 0;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container legend {
- margin-left: auto;
- margin-right: auto;
- font-weight: bold;
- text-transform: uppercase;
- padding: 0 8px;
- position: relative;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attributes-menu {
- position: absolute;
- bottom: calc(50% - 12px);
- font-size: 24px;
- left: -8px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute {
- position: relative;
- padding: 0 0 4px;
- display: flex;
- flex-direction: column;
- align-items: center;
- flex-basis: 33.33%;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-banner {
- position: relative;
- top: 8px;
- z-index: 2;
- background: black;
- color: white;
- text-transform: uppercase;
- padding: 2px;
- border-radius: 6px;
- display: flex;
- align-items: center;
- overflow: hidden;
- min-width: 96px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-banner .attribute-roll {
- position: absolute;
- width: 16px;
- transition: transform 0.2s;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-banner .attribute-roll:hover {
- transform: rotate(30deg);
- filter: drop-shadow(0px 0px 3px red);
- cursor: pointer;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-banner .attribute-text {
- width: 100%;
- margin-left: 16px;
- font-size: 12px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-mark {
- height: 23px;
- width: 23px;
- position: absolute;
- right: -5px;
- top: 6px;
- border: 2px solid black;
- border-radius: 50%;
- background: white;
- z-index: 2;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-mark.selectable {
- border-color: gold;
- filter: drop-shadow(0 0 3px black);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-mark.selectable:hover i {
- opacity: 0.3;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-mark i.selected,
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-mark:hover i.selected {
- color: green;
- opacity: 1;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-mark i {
- color: black;
- font-size: 17px;
- opacity: 0;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image {
- position: relative;
- width: fit-content;
- display: flex;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image img {
- height: 80px;
- width: 80px;
- border: none;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image .attribute-value {
- width: 55px;
- padding-right: 10px;
- position: absolute;
- top: calc(50% - 18px);
- left: calc(50% - 24px);
- font-weight: bold;
- font-size: 30px;
- line-height: 30px;
- text-align: center;
- border: none;
- appearance: none;
- -moz-appearance: none;
- -webkit-appearance: none;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image .attribute-value.negative {
- left: calc(50% - 29px);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image .attribute-value.unselected {
- filter: drop-shadow(0 0 3px gold);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image .attribute-text {
- width: 47px;
- position: absolute;
- top: calc(50% - 22px);
- left: calc(50% - 24px);
- font-weight: bold;
- font-size: 30px;
- text-align: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image .attribute-text.negative {
- left: calc(50% - 29px);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-verb {
- font-variant: petite-caps;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row {
- height: 100%;
- width: 100%;
- display: flex;
- align-items: baseline;
- justify-content: space-evenly;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section {
- display: flex;
- align-items: center;
- margin-right: 8px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section .defense-container {
- position: relative;
- padding: 4px;
- max-width: 100px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section .defense-container img {
- border: none;
- max-width: 80px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section .defense-container .defense-value {
- width: 47px;
- position: absolute;
- top: calc(50% - 22px);
- left: calc(50% - 24px);
- font-weight: bold;
- font-size: 30px;
- text-align: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section .defense-container .defense-value:not(:hover),
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section .defense-container .defense-value:not(:focus) {
- border: none;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section .defense-container .defense-banner {
- position: absolute;
- bottom: 20px;
- left: calc(50% - 42px);
- z-index: 2;
- background-color: black;
- color: white;
- width: 84px;
- text-align: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .armor-marks {
- max-width: 67px;
- padding: 4px;
- align-self: end;
- margin-left: 4px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .armor-marks .mark {
- width: 16px;
- height: 16px;
- margin: 0px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .armor-marks .disabled-mark {
- opacity: 0.6;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .left-main-container {
- position: relative;
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- border-radius: 6px;
- height: 100px;
- width: 100px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .left-main-container .legend {
- margin-left: auto;
- margin-right: auto;
- font-weight: bold;
- text-transform: uppercase;
- padding: 0 4px;
- position: relative;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapon-section {
- padding-top: 8px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .threshold-container {
- position: relative;
- display: flex;
- align-items: center;
- align-self: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .threshold-container .threshold-box {
- position: relative;
- width: 30px;
- height: 30px;
- border: 2px solid black;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 20px;
- font-weight: bold;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .threshold-container .threshold-spacer {
- position: relative;
- z-index: 2;
- width: 70px;
- height: 18px;
- background-color: darkgray;
- color: white;
- display: flex;
- justify-content: center;
- align-items: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .resource-label {
- text-transform: uppercase;
- font-weight: bold;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .death-save {
- position: absolute;
- right: -22px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .death-save:hover:not(.disabled) {
- filter: drop-shadow(0 0 3px red);
- cursor: pointer;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .death-save.disabled {
- opacity: 0.4;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .resource-box {
- width: 20px;
- height: 12px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .resource-box.stress:nth-child(even) {
- position: relative;
- right: 1px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .resource-box .disabled {
- opacity: 0.6;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .hope-text {
- font-size: 11.7px;
- margin-right: 6px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .hope-container {
- background: darkgray;
- border-radius: 6px;
- display: flex;
- padding: 2px 0px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .hope-container .vertical-separator {
- border-left: 2px solid white;
- height: auto;
- margin: 4px 0;
- flex: 0;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .hope-container .hope-inner-container {
- position: relative;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .hope-container .hope-inner-container .hope-value {
- width: 16px;
- height: 16px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .hope-container .hope-inner-container .hope-scar {
- position: absolute;
- top: calc(50% - 6px);
- left: calc(50% - 7px);
- opacity: 0.4;
- font-size: 12px;
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row {
- width: 100%;
- display: flex;
- align-items: flex-end;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row .experience-selector {
- font-size: 18px;
- cursor: pointer;
- margin-right: 4px;
- opacity: 0.5;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row .experience-selector:hover:not(.selected) {
- filter: drop-shadow(0 0 3px gold);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row .experience-selector.selected {
- filter: drop-shadow(0 0 3px gold);
- opacity: 1;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row .experience-value {
- margin-left: 8px;
- width: 30px;
- border-bottom: 2px solid black;
- border-radius: 4px;
- text-align: center;
- font-weight: bold;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row .experience-value.empty {
- border: 0;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row .disabled-experience {
- border: 1px solid #7a7971;
- background: rgba(0, 0, 0, 0.2);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section {
- width: calc(100% - 8px);
- display: flex;
- justify-content: space-between;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset {
- padding-right: 0;
- padding-left: 0;
- padding-bottom: 4px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset legend {
- margin-left: auto;
- margin-right: auto;
- font-size: 15px;
- font-variant: all-petite-caps;
- font-weight: bold;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-column {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- height: 100%;
- gap: 4px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-row {
- display: flex;
- align-items: center;
- justify-content: center;
- padding: 0 4px;
- gap: 2px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-row img,
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-column img {
- min-width: 14px;
- min-height: 14px;
- height: 14px;
- border: 0;
- filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(17%) contrast(103%);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-row img:hover,
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-column img:hover {
- cursor: pointer;
- filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(17%) contrast(103%) drop-shadow(0 0 3px red);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-row i:hover,
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-column i:hover {
- cursor: pointer;
- filter: drop-shadow(0 0 3px red);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-row img:not(.owned),
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-column img:not(.owned),
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-row i:not(.owned),
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-column i:not(.owned) {
- opacity: 0.4;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .health-category {
- text-transform: uppercase;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .class-feature-selectable {
- cursor: pointer;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .class-feature-selectable:hover {
- filter: drop-shadow(0 0 3px red);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .class-feature-selectable.inactive {
- opacity: 0.5;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container {
- width: 100%;
- min-height: 136px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-container {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 4px;
- margin-bottom: 0;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-container .feature-img {
- max-width: 42px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-container .feature-label {
- font-weight: bold;
- font-size: 30px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-container button {
- flex: 0;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container {
- flex: 0;
- min-width: 56px;
- display: flex;
- flex-wrap: wrap;
- gap: 8px;
- margin: 0 24px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container .feature-tick {
- position: relative;
- border: 2px solid #7a7971;
- height: 24px;
- border-radius: 50%;
- width: 24px;
- background: rgba(0, 0, 0, 0.05);
- display: flex;
- justify-content: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container .feature-tick:hover:not(.disabled):not(.used) {
- cursor: pointer;
- filter: drop-shadow(0 0 3px red);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container .feature-tick.disabled {
- opacity: 0.3;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container .feature-tick img {
- border: 0;
- width: 24px;
- height: 24px;
- filter: invert(17%) sepia(0%) saturate(0%) hue-rotate(19deg) brightness(102%) contrast(84%);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container .feature-tick .feature-dice-value {
- font-size: 18px;
- align-self: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container .feature-tick.used::after {
- position: absolute;
- content: '/';
- color: #7a7971;
- font-weight: 700;
- font-size: 1.7em;
- left: 4px;
- top: -5px;
- transform: rotate(25deg);
- font-size: 24.5px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .feature-input {
- border: 0;
- border-bottom: 1px solid #7a7971;
- text-align: center;
- height: min-content;
- background: inherit;
- font-size: 20px;
- position: relative;
- bottom: 3px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .editor {
- height: 400px;
- width: 100%;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-title {
- position: relative;
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-title .proficiency-container {
- width: 176px;
- height: 20px;
- position: absolute;
- bottom: -15px;
- left: calc(50% - 88px);
- text-transform: uppercase;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 1;
- clip-path: polygon(11% 100%, 89% 100%, 100% 0%, 0% 0%);
- font-size: 10px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-title .proficiency-container span {
- margin-right: 2px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-title .proficiency-container .proficiency-dot {
- background: white;
- color: white;
- font-size: 10px;
- padding: 1px;
- border-radius: 50%;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-title .proficiency-container .proficiency-dot.marked {
- color: black;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-title .proficiency-container .proficiency-dot:not(:last-of-type) {
- margin-right: 2px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-burden {
- position: absolute;
- top: -4px;
- right: -56px;
- display: flex;
- align-items: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-burden .weapons-burden-icon {
- color: white;
- font-size: 22px;
- -webkit-text-stroke-width: 1px;
- -webkit-text-stroke-color: black;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-burden .weapons-burden-icon.active {
- -webkit-text-stroke-color: rgba(0, 0, 0, 0.05);
- color: black;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-burden .weapons-burden-icon.left {
- -webkit-transform: scaleX(-1) rotate(20deg);
- transform: scaleX(-1) rotate(20deg);
- margin-right: 4px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-burden .weapons-burden-icon.right {
- transform: rotate(20deg);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .armor-container {
- display: flex;
- align-items: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .armor-container .active-item-label-chip {
- margin-left: 4px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-container {
- display: flex;
- flex-direction: column;
- width: 100%;
- padding: 2px 0px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-container .weapons-label-row {
- display: flex;
- align-items: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-container .weapons-label-row .damage-roll {
- width: 24px;
- border: none;
- margin-left: 4px;
- transition: transform 0.2s;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-container .weapons-label-row .damage-roll:hover {
- transform: rotate(30deg);
- filter: drop-shadow(0px 0px 3px red);
- cursor: pointer;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-label-chip {
- width: 62px;
- border: 2px solid black;
- border-radius: 6px;
- background-color: #778899;
- display: flex;
- align-items: center;
- justify-content: space-around;
- margin-left: 4px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-label-chip img {
- height: 20px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-label-chip button {
- height: 17px;
- width: 17px;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- background: #7a7971;
- border-color: black;
- margin: 0;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-label-chip button:hover {
- background: red;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-label-chip button i {
- font-size: 10px;
- color: black;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-armor-section,
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-weapon-section {
- width: 100%;
- margin-bottom: 8px;
- text-transform: uppercase;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-armor-section h2,
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-weapon-section h2 {
- width: 100%;
- display: flex;
- align-items: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-legend {
- display: flex;
- align-items: center;
- margin-bottom: 4px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-legend .page-selector {
- margin-left: 4px;
- display: flex;
- align-items: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-legend .page-selector i:hover:not(.disabled) {
- cursor: pointer;
- filter: drop-shadow(0px 0px 3px red);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-legend .page-selector i.disabled {
- opacity: 0.4;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-add-button {
- position: absolute;
- border-radius: 50%;
- height: 15px;
- width: 15px;
- top: -20px;
- background: grey;
- border-color: black;
- right: 6px;
- display: flex;
- font-size: 13px;
- align-items: center;
- justify-content: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory {
- width: 100%;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row {
- height: 26px;
- border-bottom: 1px solid #7a7971;
- display: flex;
- margin-bottom: 8px;
- border-radius: 8px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row .item-container {
- flex-basis: 25%;
- margin: 0 4px 8px;
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row .item-container:hover {
- filter: drop-shadow(0px 0px 3px red);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row .item-container .inventory-item {
- background: #778899;
- padding: 4px;
- border: 1px solid black;
- border-radius: 6px;
- display: flex;
- align-items: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row .item-container .inventory-item .inventory-item-text {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- flex: 1;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row .item-container .inventory-item button {
- height: 16px;
- width: 16px;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0;
- background: #7a7971;
- border-color: black;
- margin-left: 4px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row .item-container .inventory-item button i {
- font-size: 12px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .editor {
- height: 100px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-items {
- width: 100%;
- flex: 1;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab {
- flex: 1;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body {
- height: 100%;
- width: 100%;
- padding: 8px;
- display: flex;
- flex-direction: column;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .card-row {
- flex: 1;
- display: flex;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .domain-card {
- flex: 0;
- flex-basis: 33.33%;
- margin: 8px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .loadout-body {
- flex: 1;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .loadout-body .loadout-container {
- height: 100%;
- display: flex;
- flex-direction: column;
- gap: 8px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .loadout-body .loadout-container .top-card-row {
- flex: 1;
- display: flex;
- justify-content: space-around;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .loadout-body .loadout-container .domain-card.outlined {
- border: 2px dotted black;
- padding: 0;
- margin: 8px;
- height: calc(100% - 16px);
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: space-evenly;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .vault-container {
- display: flex;
- flex-wrap: wrap;
- overflow-y: auto;
- height: 100%;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .vault-container .vault-card {
- flex: 0;
- flex-basis: calc(33.33% - 16px);
- margin: 8px;
- height: calc(50% - 16px);
- min-height: calc(50% - 16px);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .domain-card-menu {
- flex: 0;
- width: 120px;
- height: 100%;
- border-width: 2px 0 2px 2px;
- border-color: black;
- border-style: solid;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .domain-card-menu button {
- margin-bottom: 2px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .loadout-tabs {
- border-top: 1px solid #b5b3a4;
- border-bottom: 1px solid #b5b3a4;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card {
- position: relative;
- border: 4px solid #708090;
- border-radius: 6px;
- display: flex;
- flex-direction: column;
- height: 100%;
- font-size: 14px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-image-container {
- position: relative;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-image {
- width: 100%;
- height: 100%;
- aspect-ratio: 2;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-text-container {
- flex: 1;
- position: relative;
- height: 50%;
- display: flex;
- flex-direction: column;
- overflow-y: auto;
- padding: 12px 4px 4px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-level {
- position: absolute;
- top: 0;
- left: 12px;
- color: black;
- height: 60px;
- border: 2px solid orange;
- border-top-width: 0;
- width: 30px;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: space-evenly;
- background: grey;
- font-size: 20px;
- font-weight: bold;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-level img {
- border: 0;
- width: 20px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-refresh-cost {
- position: absolute;
- top: 12px;
- right: 12px;
- color: white;
- width: 30px;
- height: 30px;
- border: 2px solid orange;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- background: black;
- font-size: 14px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-refresh-cost i {
- font-size: 11px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-type {
- flex: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- font-weight: bold;
- position: absolute;
- left: 0;
- text-align: center;
- width: 100%;
- bottom: -9px;
- z-index: 1;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-type .abilities-card-type-text {
- padding: 0px 4px;
- border: 1px solid black;
- border-radius: 6px;
- background: gold;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-title {
- flex: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- font-weight: bold;
- font-size: 18px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-sub-title {
- flex: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- font-style: italic;
- font-size: 12px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-spellcast {
- flex: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- text-transform: uppercase;
- font-size: 12px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-spellcast .title {
- font-weight: bold;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-description {
- flex: 0;
- font-size: 12px;
- margin-bottom: 4px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-effect {
- cursor: pointer;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-effect:hover {
- background: rgba(47, 79, 79, 0.25);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-effect > * {
- margin-top: 0;
- margin-bottom: 0;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-abilities {
- flex: 1;
- display: flex;
- flex-direction: column;
- gap: 4px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-abilities .abilities-card-ability {
- font-size: 12px;
- cursor: pointer;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-abilities .abilities-card-ability:hover {
- background: rgba(47, 79, 79, 0.25);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-abilities .abilities-card-ability > * {
- margin: 0;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card:hover .abilities-card-menu {
- height: 40px;
- left: 0px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-menu {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 0;
- transition: height 0.2s;
- overflow: hidden;
- position: absolute;
- bottom: 0;
- z-index: 2;
- width: 100%;
- background: grey;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-menu button {
- font-weight: bold;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .heritage-container {
- height: 100%;
- display: flex;
- flex-direction: column;
- gap: 8px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .heritage-container .card-row {
- height: 50%;
- display: flex;
- justify-content: space-around;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .heritage-container .heritage-card {
- flex-basis: 33.33%;
- margin: 8px;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .heritage-container .heritage-card.outlined {
- border: 2px dotted black;
- font-size: 25px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .empty-ability-container {
- height: 100%;
- display: flex;
- flex-direction: column;
- align-items: center;
- font-size: 25px;
- opacity: 0.7;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .empty-ability-container .empty-ability-inner-container {
- flex: 1;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .empty-ability-container .empty-ability-inner-container i {
- font-size: 48px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .story-container {
- gap: 16px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .story-container .story-fieldset {
- border-radius: 6px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .story-container .story-legend {
- margin-left: auto;
- margin-right: auto;
- padding: 0 8px;
- font-size: 30px;
- font-weight: bold;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .story-container .scars-container .editor {
- height: 240px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container {
- height: 100%;
- overflow: auto;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list {
- list-style-type: none;
- padding: 0 8px;
- margin-top: 0;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list.inventory-item-header {
- margin-bottom: 0;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-title-row-container {
- display: flex;
- align-items: center;
- width: 100%;
- border-bottom: 4px ridge slategrey;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-title-row-container .inventory-title-row {
- justify-content: space-between;
- flex: 1;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-title-row-container .inventory-item-title-container {
- flex: 1;
- display: flex;
- align-items: center;
- justify-content: flex-start;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-title-row-container .inventory-item-quantity {
- width: 48px;
- display: flex;
- align-items: center;
- margin-right: 96px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item {
- background: crimson;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item:not(:last-of-type) {
- border-bottom: 2px ridge slategrey;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-title-container {
- flex: 1;
- display: flex;
- align-items: center;
- justify-content: flex-start;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-title-container .inventory-item-title {
- display: flex;
- align-items: center;
- cursor: pointer;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-title-container .inventory-item-title:hover {
- filter: drop-shadow(0 0 3px gold);
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-quantity {
- width: 60px;
- display: flex;
- align-items: center;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-quantity.spaced {
- margin-right: 56px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-quantity input {
- margin: 0 2px;
- border: 0;
- border-bottom: 2px solid black;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-quantity i {
- font-size: 20px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-title-row {
- font-size: 20px;
- font-weight: bold;
- display: flex;
- align-items: center;
- padding: 0 4px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-row {
- display: flex;
- align-items: center;
- padding: 4px;
- font-size: 24px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-row .row-icon {
- margin-left: 4px;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-row .active-item {
- position: absolute;
- font-size: 16px;
- left: calc(50% - 8px);
- top: calc(50% - 8px);
- margin-left: 2px;
- color: crimson;
-}
-.daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-row img {
- width: 32px;
-}
-.combat-sidebar .encounter-controls.combat {
- justify-content: space-between;
-}
-.combat-sidebar .encounter-controls.combat .encounter-fear-controls {
- display: flex;
- align-items: center;
- gap: 8px;
-}
-.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container {
- display: flex;
- gap: 2px;
-}
-.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container {
- display: flex;
- position: relative;
- align-items: center;
- justify-content: center;
- color: black;
-}
-.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container .dice {
- height: 22px;
- width: 22px;
-}
-.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container .encounter-control-fear {
- position: absolute;
- font-size: 16px;
-}
-.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container .encounter-control-counter {
- position: absolute;
- right: -10px;
- color: var(--color-text-secondary);
-}
-.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-countdowns {
- color: var(--content-link-icon-color);
-}
-.combat-sidebar .encounter-controls.combat .control-buttons {
- width: min-content;
-}
-.combat-sidebar .combatant-controls {
- flex: 0;
-}
-.combat-sidebar .token-actions {
- align-self: stretch;
- display: flex;
- align-items: top;
- justify-content: center;
- gap: 16px;
-}
-.combat-sidebar .token-actions .action-tokens {
- display: flex;
- gap: 4px;
-}
-.combat-sidebar .token-actions .action-tokens .action-token {
- height: 22px;
- width: 22px;
- border: 1px solid;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 10px;
- padding: 8px;
- --button-size: 0;
-}
-.combat-sidebar .token-actions .action-tokens .action-token.used {
- opacity: 0.5;
- background: transparent;
-}
-.combat-sidebar .token-actions button {
- font-size: 22px;
- height: 24px;
- width: 24px;
-}
-.combat-sidebar .token-actions button.main {
- background: var(--button-hover-background-color);
- color: var(--button-hover-text-color);
- border-color: var(--button-hover-border-color);
-}
-.combat-sidebar .token-actions button.main:hover {
- filter: drop-shadow(0 0 3px var(--button-hover-text-color));
-}
-.combat-sidebar .spotlight-control {
- font-size: 26px;
-}
-.combat-sidebar .spotlight-control:focus {
- outline: none;
- box-shadow: none;
-}
-.combat-sidebar .spotlight-control.discrete:hover {
- background: inherit;
-}
-.combat-sidebar .spotlight-control.requesting {
- filter: drop-shadow(0 0 3px gold);
- color: var(--button-hover-text-color);
-}
-.combat-sidebar h4 {
- margin: 0;
- text-align: center;
-}
-.chat-message .duality-modifiers,
-.chat-message .duality-result,
-.chat-message .dice-title {
- display: none;
-}
-fieldset.daggerheart.chat {
- padding: 0;
- border-left-width: 0;
- border-right-width: 0;
- border-bottom-width: 0;
-}
-fieldset.daggerheart.chat legend {
- display: flex;
- align-items: center;
- gap: 5px;
-}
-fieldset.daggerheart.chat legend:before,
-fieldset.daggerheart.chat legend:after {
- content: '\f0d8';
- font-family: 'Font Awesome 6 Pro';
-}
-fieldset.daggerheart.chat.expanded legend:before,
-fieldset.daggerheart.chat.expanded legend:after {
- content: '\f0d7';
-}
-fieldset.daggerheart.chat .daggerheart.chat {
- margin-top: 5px;
-}
-.daggerheart.chat.downtime {
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.daggerheart.chat.downtime .downtime-title-container {
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.daggerheart.chat.downtime .downtime-title-container .downtime-subtitle {
- font-size: 17px;
-}
-.daggerheart.chat.downtime .downtime-image {
- width: 80px;
-}
-.daggerheart.chat.downtime .downtime-refresh-container {
- margin-top: 8px;
- width: 100%;
-}
-.daggerheart.chat.downtime .downtime-refresh-container .refresh-title {
- font-weight: bold;
-}
-.daggerheart.chat.roll .dice-flavor {
- text-align: center;
- font-weight: bold;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls.duality {
- display: flex;
- gap: 0.25rem;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll {
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 4px;
- margin-bottom: 4px;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container {
- display: flex;
- flex-direction: column;
- gap: 2px;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-title {
- color: var(--color-light-1);
- text-shadow: 0 0 1px black;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container {
- display: flex;
- align-items: center;
- justify-content: center;
- position: relative;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-wrapper,
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-wrapper {
- clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container .dice-wrapper {
- height: 24px;
- width: 24px;
- position: relative;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container .dice-wrapper .dice {
- height: 26px;
- width: 26px;
- max-width: unset;
- position: absolute;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container .dice-value {
- position: absolute;
- font-weight: bold;
- font-size: 16px;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-wrapper {
- background: black;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-wrapper .dice {
- filter: brightness(0) saturate(100%) invert(79%) sepia(79%) saturate(333%) hue-rotate(352deg) brightness(102%) contrast(103%);
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-value {
- color: var(--color-dark-1);
- text-shadow: 0 0 4px white;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-wrapper {
- background: white;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-wrapper .dice {
- filter: brightness(0) saturate(100%) invert(12%) sepia(88%) saturate(4321%) hue-rotate(221deg) brightness(92%) contrast(110%);
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-value {
- color: var(--color-light-1);
- text-shadow: 0 0 4px black;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.advantage .dice-wrapper .dice {
- filter: brightness(0) saturate(100%) invert(18%) sepia(92%) saturate(4133%) hue-rotate(96deg) brightness(104%) contrast(107%);
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.disadvantage .dice-wrapper .dice {
- filter: brightness(0) saturate(100%) invert(9%) sepia(78%) saturate(6903%) hue-rotate(11deg) brightness(93%) contrast(117%);
-}
-.daggerheart.chat.roll .dice-total.duality.hope {
- border-color: #ffe760;
- border-width: 3px;
- background: rgba(255, 231, 96, 0.5);
-}
-.daggerheart.chat.roll .dice-total.duality.fear {
- border-color: #0032b1;
- border-width: 3px;
- background: rgba(0, 50, 177, 0.5);
-}
-.daggerheart.chat.roll .dice-total.duality.critical {
- border-color: #430070;
- border-width: 3px;
- background: rgba(67, 0, 112, 0.5);
-}
-.daggerheart.chat.roll .dice-total .dice-total-value .hope {
- color: #ffe760;
-}
-.daggerheart.chat.roll .dice-total .dice-total-value .fear {
- color: #0032b1;
-}
-.daggerheart.chat.roll .dice-total .dice-total-value .critical {
- color: #430070;
-}
-.daggerheart.chat.roll .dice-total-label {
- font-size: 12px;
- font-weight: bold;
- font-variant: all-small-caps;
- margin: -8px 0;
-}
-.daggerheart.chat.roll .target-selection {
- display: flex;
- justify-content: space-around;
-}
-.daggerheart.chat.roll .target-selection input[type='radio'] {
- display: none;
-}
-.daggerheart.chat.roll .target-selection input[type='radio']:checked + label {
- text-shadow: 0px 0px 4px #ce5937;
-}
-.daggerheart.chat.roll .target-selection input[type='radio']:not(:checked) + label {
- opacity: 0.75;
-}
-.daggerheart.chat.roll .target-selection label {
- cursor: pointer;
- opacity: 0.75;
-}
-.daggerheart.chat.roll .target-selection label.target-selected {
- text-shadow: 0px 0px 4px #ce5937;
- opacity: 1;
-}
-.daggerheart.chat.roll .target-section {
- margin-top: 5px;
-}
-.daggerheart.chat.roll .target-section .target-container {
- display: flex;
- transition: all 0.2s ease-in-out;
-}
-.daggerheart.chat.roll .target-section .target-container:hover {
- filter: drop-shadow(0 0 3px gold);
- border-color: gold;
-}
-.daggerheart.chat.roll .target-section .target-container.hidden {
- display: none;
- border: 0;
-}
-.daggerheart.chat.roll .target-section .target-container.hit {
- background: #008000;
-}
-.daggerheart.chat.roll .target-section .target-container.miss {
- background: #ff0000;
-}
-.daggerheart.chat.roll .target-section .target-container img,
-.daggerheart.chat.roll .target-section .target-container .target-save-container {
- width: 22px;
- height: 22px;
- align-self: center;
- border-color: transparent;
-}
-.daggerheart.chat.roll .target-section .target-container img {
- flex: 0;
- margin-left: 8px;
-}
-.daggerheart.chat.roll .target-section .target-container .target-save-container {
- margin-right: 8px;
- justify-content: center;
- display: flex;
- align-items: center;
- min-height: unset;
- border: 1px solid black;
-}
-.daggerheart.chat.roll .target-section .target-container .target-inner-container {
- flex: 1;
- display: flex;
- justify-content: center;
- font-size: var(--font-size-16);
-}
-.daggerheart.chat.roll .target-section .target-container:not(:has(.target-save-container)) .target-inner-container {
- margin-right: 32px;
-}
-.daggerheart.chat.roll .dice-actions {
- display: flex;
- gap: 4px;
-}
-.daggerheart.chat.roll .dice-actions button {
- flex: 1;
-}
-.daggerheart.chat.roll .dice-result .roll-damage-button,
-.daggerheart.chat.roll .dice-result .damage-button,
-.daggerheart.chat.roll .dice-result .duality-action {
- margin-top: 5px;
-}
-.daggerheart.chat.roll:not(.expanded) .dice-tooltip {
- grid-template-rows: 0fr;
-}
-.daggerheart.chat.domain-card {
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.daggerheart.chat.domain-card .domain-card-title {
- width: 100%;
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.daggerheart.chat.domain-card .domain-card-title div {
- font-size: 20px;
- font-variant: small-caps;
- font-weight: bold;
-}
-.daggerheart.chat.domain-card .domain-card-title h2 {
- width: 100%;
- text-align: center;
- margin: 0;
-}
-.daggerheart.chat.domain-card .ability-card-footer {
- display: flex;
- width: 100%;
- margin-top: 8px;
- flex-wrap: wrap;
-}
-.daggerheart.chat.domain-card .ability-card-footer button {
- border-radius: 6px;
- background: #699969;
- border-color: black;
- flex-basis: calc(50% - 2px);
-}
-.daggerheart.chat.domain-card .ability-card-footer button:nth-of-type(n + 3) {
- margin-top: 2px;
-}
-.daggerheart.chat.domain-card .ability-card-footer .ability-card-action-cost {
- margin: auto;
- font-size: 1.5em;
-}
-.daggerheart.chat.domain-card img {
- width: 80px;
-}
-.daggerheart.chat button.inner-button {
- --button-size: 1.25rem;
- --input-height: 1.25rem;
- padding: 0 0.25rem;
- margin: 5px 1px -4px auto;
-}
-.daggerheart.chat button.inner-button.inner-button-right {
- margin-left: auto;
-}
-.daggerheart.chat [data-use-perm='false'] {
- pointer-events: none;
- border-color: transparent;
-}
-.daggerheart.chat [data-view-perm='false'] > * {
- display: none;
-}
-.daggerheart.chat [data-view-perm='false']::after {
- content: '??';
-}
-.theme-colorful .chat-message.duality {
- border-color: black;
- padding: 8px 0 0 0;
-}
-.theme-colorful .chat-message.duality fieldset.daggerheart.chat {
- border-top-width: 0;
- display: contents;
-}
-.theme-colorful .chat-message.duality fieldset.daggerheart.chat legend:before,
-.theme-colorful .chat-message.duality fieldset.daggerheart.chat legend:after {
- display: none;
-}
-.theme-colorful .chat-message.duality .message-header {
- color: var(--color-light-3);
- padding: 0 8px;
-}
-.theme-colorful .chat-message.duality.hope {
- background: linear-gradient(0, rgba(165, 42, 42, 0.6) 40px, rgba(0, 0, 0, 0.6));
-}
-.theme-colorful .chat-message.duality.fear {
- background: linear-gradient(0, rgba(0, 0, 255, 0.6), rgba(15, 15, 97, 0.6));
-}
-.theme-colorful .chat-message.duality.critical {
- background: linear-gradient(0, rgba(128, 0, 128, 0.6), rgba(37, 8, 37, 0.6));
-}
-.theme-colorful .chat-message.duality .chat-message header {
- color: var(--color-light-3);
-}
-.theme-colorful .chat-message.duality > * {
- padding: 0 8px;
-}
-.theme-colorful .chat-message.duality .message-content .duality-modifiers,
-.theme-colorful .chat-message.duality .message-content .duality-result,
-.theme-colorful .chat-message.duality .message-content .dice-title {
- display: flex;
-}
-.theme-colorful .chat-message.duality .message-content .duality-modifiers {
- display: flex;
- gap: 2px;
- margin-bottom: 4px;
-}
-.theme-colorful .chat-message.duality .message-content .duality-modifiers .duality-modifier {
- padding: 2px;
- border-radius: 6px;
- border: 1px solid;
- background: var(--color-dark-6);
- font-size: 12px;
-}
-.theme-colorful .chat-message.duality .message-content .dice-flavor {
- color: var(--color-light-1);
- text-shadow: 0 0 1px black;
- border-bottom: 1px solid;
- display: flex;
- align-items: end;
- justify-content: space-between;
- padding: 0 8px;
- margin: 0 -8px 2px;
- font-weight: unset;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .duality-modifiers {
- display: flex;
- gap: 2px;
- margin-bottom: 4px;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .duality-modifiers .duality-modifier {
- padding: 2px;
- border-radius: 6px;
- border: 1px solid;
- background: var(--color-dark-6);
- font-size: 12px;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-formula,
-.theme-colorful .chat-message.duality .message-content .dice-result > .dice-total,
-.theme-colorful .chat-message.duality .message-content .dice-result .part-header {
- display: none;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip {
- grid-template-rows: 1fr;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part {
- display: flex;
- align-items: end;
- gap: 0.25rem;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part .dice .dice-rolls {
- margin-bottom: 0;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part .dice .dice-rolls.duality li {
- display: flex;
- align-items: center;
- justify-content: center;
- position: relative;
- background: unset;
- line-height: unset;
- font-weight: unset;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part .duality-modifier {
- display: flex;
- margin-bottom: 6px;
- color: var(--color-light-1);
- text-shadow: 0 0 1px black;
- font-size: var(--font-size-16);
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .target-selection label {
- color: var(--color-light-1);
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .target-section {
- margin: 4px 0;
- border: 2px solid;
- margin-top: 5px;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .target-section .dice-total {
- box-shadow: unset;
- border: unset;
- border-radius: unset;
- font-size: var(--font-size-18);
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions {
- justify-content: space-between;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions.duality-alone {
- justify-content: end;
- margin-top: -20px;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions > * {
- display: flex;
- color: var(--color-light-1);
- text-shadow: 0 0 1px black;
- font-weight: bold;
- background: var(--color-dark-1);
- padding: 4px;
- border-color: black;
- min-height: unset;
- height: 26px;
- flex: unset;
- margin: 0;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions .duality-action {
- border-radius: 0 6px 0 0;
- margin-left: -8px;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions .duality-action.duality-action-effect {
- border-top-left-radius: 6px;
- margin-left: initial;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions .duality-result {
- border-radius: 6px 0 0 0;
- margin-right: -8px;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .duality-result {
- display: flex;
- color: var(--color-light-1);
- text-shadow: 0 0 1px black;
- font-weight: bold;
- background: var(--color-dark-1);
- padding: 4px;
- border-color: black;
- min-height: unset;
- height: 26px;
- flex: unset;
- margin: 0;
- margin-left: auto;
- align-self: center;
- border-radius: 6px;
-}
-.theme-colorful .chat-message.duality button.inner-button {
- color: var(--color-light-1);
- text-shadow: 0 0 1px black;
- font-weight: bold;
- background: var(--color-dark-1);
- border-color: black;
-}
-.daggerheart.sheet.feature .editable {
- display: flex;
- flex-direction: column;
-}
-.daggerheart.sheet.feature .sheet-body {
- flex: 1;
- display: flex;
- flex-direction: column;
-}
-.daggerheart.sheet.feature .feature-description {
- flex: 1;
- display: flex;
- flex-direction: column;
-}
-.daggerheart.sheet.class .class-feature {
- display: flex;
-}
-.daggerheart.sheet.class .class-feature img {
- width: 40px;
-}
-.daggerheart.sheet.class .class-feature button {
- width: 40px;
-}
-.daggerheart.sheet .domain-card-description .editor {
- height: 300px;
-}
-.daggerheart.sheet .item-container {
- margin-top: 4px;
- gap: 4px;
- align-items: baseline;
-}
-.daggerheart.sheet .item-sidebar {
- min-width: 160px;
- flex: 0;
- padding: 4px;
-}
-.daggerheart.sheet .item-sidebar label {
- margin-right: 8px;
- font-weight: bold;
-}
-.daggerheart.sheet .item-sidebar input[type='checkbox'] {
- margin: 0;
-}
-form.daggerheart.views.downtime {
- height: auto !important;
-}
-div.daggerheart.views.death-move {
- height: auto !important;
-}
-div.daggerheart.views.multiclass {
- height: auto !important;
-}
-.daggerheart.views.levelup .levelup-title-container {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- font-size: 32px;
- margin-bottom: 4px;
-}
-.daggerheart.views.levelup .levelup-title-container .level-title {
- text-decoration: underline;
-}
-.daggerheart.views.levelup .levelup-title-container .level-display {
- display: flex;
- align-items: center;
-}
-.daggerheart.views.levelup .levelup-title-container .level-display i {
- margin: 0 4px;
-}
-.daggerheart.views.levelup .levelup-section {
- display: flex;
- align-items: flex-start;
- margin-bottom: 8px;
- font-size: 11px;
-}
-.daggerheart.views.levelup .levelup-section .levelup-container {
- flex: 1;
-}
-.daggerheart.views.levelup .levelup-section .levelup-container:nth-of-type(2) {
- padding: 0 4px;
-}
-.daggerheart.views.levelup .levelup-section .levelup-container.disabled {
- opacity: 0.2;
-}
-.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container {
- height: 700px;
- padding: 24px 58px 0;
- display: flex;
- flex-direction: column;
- align-items: center;
- position: relative;
-}
-.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-legend {
- margin-left: auto;
- margin-right: auto;
- font-weight: bold;
- z-index: 1;
-}
-.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-info {
- background: #778899;
- width: 100%;
- text-align: center;
- position: absolute;
- top: -6px;
- padding: 8px 0;
-}
-.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-pretext {
- padding: 8px 0;
-}
-.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body {
- display: flex;
- flex-direction: column;
-}
-.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body .levelup-choice-row {
- display: flex;
- align-items: center;
- padding: 4px;
-}
-.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body .levelup-choice-row .levelup-choice-row-inner {
- display: flex;
- align-items: center;
-}
-.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body .levelup-choice-row .levelup-choice-input-container {
- position: relative;
- display: flex;
- align-items: center;
-}
-.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body .levelup-choice-row .levelup-choice-input-container input:disabled:checked::before {
- opacity: 0.4;
- color: var(--color-warm-1);
-}
-.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body .levelup-choice-row .levelup-choice-input-container i.fa-link {
- transform: rotate(45deg);
- position: relative;
- top: 2px;
- margin: 0 -3px;
-}
-.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body .levelup-choice-row .levelup-choice-input-container i.fa-lock {
- position: absolute;
- top: 0;
- left: 0;
- font-size: 8px;
-}
-.daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-posttext {
- padding: 8px 0;
-}
-.daggerheart.views .downtime-container .downtime-header {
- margin: 0;
- color: light-dark(#18162e, #f3c267);
- text-align: center;
-}
-.daggerheart.views .downtime-container .activity-container {
- display: flex;
- align-items: center;
- padding: 8px;
-}
-.daggerheart.views .downtime-container .activity-container .activity-title {
- flex: 1;
- display: flex;
- align-items: center;
-}
-.daggerheart.views .downtime-container .activity-container .activity-title .activity-title-text {
- font-size: 24px;
- font-weight: bold;
-}
-.daggerheart.views .downtime-container .activity-container .activity-title .activity-image {
- width: 80px;
- position: relative;
- display: flex;
- justify-content: center;
- margin-right: 8px;
- border: 2px solid black;
- border-radius: 50%;
- cursor: pointer;
-}
-.daggerheart.views .downtime-container .activity-container .activity-title .activity-image .activity-select-label {
- position: absolute;
- top: -9px;
- font-size: 14px;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- color: light-dark(#efe6d8, #222);
- background-image: url(../assets/parchments/dh-parchment-light.png);
- padding: 0 8px;
- line-height: 1;
- font-weight: bold;
-}
-.daggerheart.views .downtime-container .activity-container .activity-title .activity-image img {
- border-radius: 50%;
-}
-.daggerheart.views .downtime-container .activity-container .activity-title .activity-image:hover,
-.daggerheart.views .downtime-container .activity-container .activity-title .activity-image.selected {
- filter: drop-shadow(0 0 6px gold);
-}
-.daggerheart.views .downtime-container .activity-container .activity-title .custom-name-input {
- font-size: 24px;
- font-weight: bold;
- padding: 0;
- background: transparent;
- color: #efe6d8;
-}
-.daggerheart.views .downtime-container .activity-container .activity-body {
- flex: 1;
- font-style: italic;
-}
-.daggerheart.views.downtime .activity-text-area {
- resize: none;
-}
-.daggerheart.views .range-reset {
- flex: 0;
- width: 21px;
- height: 21px;
- margin: 3px 4px;
- border: 1px solid black;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.daggerheart.views.roll-selection .roll-selection-container i {
- filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(17%) contrast(103%);
-}
-.daggerheart.views.roll-selection #roll-selection-costSelection footer {
- display: none;
-}
-.daggerheart.views.roll-selection .roll-dialog-container .hope-container {
- display: flex;
- gap: 8px;
- align-items: center;
- font-size: 18px;
-}
-.daggerheart.views.npc-roll-selection .npc-roll-dialog-container {
- display: flex;
- flex-direction: column;
-}
-.daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container {
- display: flex;
- align-items: center;
- margin-bottom: 8px;
- gap: 16px;
-}
-.daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container {
- display: flex;
- align-items: center;
- flex: 1;
-}
-.daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .dice-inner-container {
- position: relative;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .dice-inner-container i {
- font-size: 18px;
-}
-.daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .dice-inner-container img {
- border: 0;
- position: relative;
- left: 1px;
-}
-.daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .dice-inner-container .dice-number {
- position: absolute;
- font-size: 24px;
- font-weight: bold;
-}
-.daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .advantage-container {
- display: flex;
- flex-direction: column;
- gap: 2px;
- flex: 1;
-}
-.daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .advantage-container .advantage-button.active,
-.daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .advantage-container .advantage-button:hover {
- background: var(--button-hover-background-color);
-}
-.daggerheart.views.multiclass .multiclass-container {
- margin-bottom: 16px;
-}
-.daggerheart.views.multiclass .multiclass-container .multiclass-category-title {
- margin-top: 16px;
-}
-.daggerheart.views.multiclass .multiclass-container .multiclass-class-choices {
- display: flex;
- width: 100%;
- height: 100%;
- flex-wrap: wrap;
-}
-.daggerheart.views.multiclass .multiclass-container .multiclass-spaced-choices {
- display: flex;
- justify-content: space-around;
- width: 100%;
- height: 100%;
-}
-.daggerheart.views.multiclass .multiclass-container .multiclass-class-choice {
- display: flex;
- align-items: center;
- flex-basis: 33.33%;
- font-weight: bold;
- font-size: 24px;
- cursor: pointer;
-}
-.daggerheart.views.multiclass .multiclass-container .multiclass-class-choice.selected:not(.disabled),
-.daggerheart.views.multiclass .multiclass-container .multiclass-class-choice:hover:not(.disabled) {
- filter: drop-shadow(0 0 3px gold);
-}
-.daggerheart.views.multiclass .multiclass-container .multiclass-class-choice.inactive,
-.daggerheart.views.multiclass .multiclass-container .multiclass-class-choice.disabled {
- cursor: initial;
- opacity: 0.4;
-}
-.daggerheart.views.multiclass .multiclass-container .multiclass-class-choice img {
- width: 80px;
- height: 80px;
- margin-right: 16px;
-}
-.daggerheart.views.damage-selection .hope-container {
- display: flex;
- gap: 8px;
- align-items: center;
- font-size: 18px;
-}
-.daggerheart.views.action .action-category {
- display: flex;
- flex-direction: column;
-}
-.daggerheart.views.action .action-category .action-category-label {
- display: flex;
- align-items: center;
- justify-content: space-between;
- border-radius: 6px;
- cursor: pointer;
- padding: 0 4px;
- margin: 0 auto 4px;
-}
-.daggerheart.views.action .action-category .action-category-label:hover {
- background-color: darkgray;
-}
-.daggerheart.views.action .action-category .action-category-data {
- max-height: 0;
- transition: max-height 0.2s ease-in-out;
- overflow: hidden;
-}
-.daggerheart.views.action .action-category .action-category-data.open {
- max-height: initial;
-}
-.daggerheart.views.action .action-category .action-category-data .multi-display {
- display: flex;
- gap: 1rem;
- align-items: center;
-}
-.daggerheart.views.action .action-category .action-category-data .multi-display .form-group {
- flex: 1;
-}
-.daggerheart.views.action .action-category .action-category-data .form-group {
- display: flex;
- align-items: center;
- margin-bottom: 0.5rem;
-}
-.daggerheart.views.action .action-category .action-category-data .form-group label {
- flex: 2;
-}
-.daggerheart.views.action .action-category .action-category-data .form-group .form-fields {
- flex: 3;
-}
-.daggerheart.views.action .action-category .action-category-data .form-group img {
- width: 1.5rem;
- height: 1.5rem;
-}
-.daggerheart.views.action .action-category .action-category-data .hint-group {
- display: flex;
- flex-direction: column;
- align-items: end;
-}
-.daggerheart.views.action .action-category .action-category-data .hint-group .form-fields {
- width: 100%;
- display: flex;
- align-items: center;
-}
-.daggerheart.views.action .action-category .action-category-data .hint-group .form-fields label {
- flex: 1;
-}
-.daggerheart.views.action .action-category .action-category-data .hint-group .form-fields input,
-.daggerheart.views.action .action-category .action-category-data .hint-group .form-fields select {
- flex: 3;
-}
-.daggerheart.views.action .action-category .action-category-data .hint-group .hint {
- margin: 4px 0 0 0;
- font-size: 12px;
- font-style: italic;
- opacity: 0.6;
-}
-.daggerheart.views.action .action-category .action-category-data .data-form-array {
- border: 1px solid var(--color-fieldset-border);
- padding: 0.5rem;
- margin-bottom: 0.5rem;
-}
-.daggerheart.views.ancestry-selection .ancestry-section {
- display: flex;
- flex-direction: column;
- align-items: center;
- margin-bottom: 8px;
-}
-.daggerheart.views.ancestry-selection .ancestry-section .ancestry-container {
- width: 100%;
- display: flex;
- flex-wrap: wrap;
-}
-.daggerheart.views.ancestry-selection .ancestry-section .ancestry-container .ancestry-inner-container {
- flex-basis: 25%;
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.daggerheart.views.ancestry-selection .ancestry-section .ancestry-container .ancestry-inner-container .image-container img {
- width: 120px;
- border: 4px solid black;
- border-radius: 50%;
-}
-.daggerheart.views.ancestry-selection .ancestry-section .ancestry-container .ancestry-inner-container .image-container img.selected {
- border-color: gold;
-}
-.daggerheart.views.ancestry-selection .ancestry-section .ancestry-container .ancestry-inner-container .image-container img:hover:not(.selected) {
- filter: drop-shadow(0 0 3px gold);
-}
-.daggerheart.views.ancestry-selection .ancestry-section .ancestry-container .ancestry-inner-container .image-container img.disabled {
- opacity: 0.3;
-}
-.daggerheart.views.ancestry-selection .ancestry-section .ancestry-container .ancestry-inner-container .name-container div {
- font-size: 18px;
- font-weight: bold;
- cursor: help;
-}
-.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container {
- width: 100%;
- display: flex;
- gap: 8px;
-}
-.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container > div {
- flex: 1;
-}
-.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-name {
- text-align: center;
-}
-.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-name div {
- font-size: 24px;
-}
-.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images {
- display: flex;
- align-items: center;
- gap: 4px;
-}
-.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images .mixed-ancestry-image {
- position: relative;
- max-width: 33%;
-}
-.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images .mixed-ancestry-image:hover i {
- opacity: 1;
-}
-.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images .mixed-ancestry-image i {
- position: absolute;
- font-size: 32px;
- top: calc(50% - 20px);
- left: calc(50% - 20px);
- padding: 4px;
- background-color: grey;
- opacity: 0;
- cursor: pointer;
-}
-.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images .mixed-ancestry-image i:hover {
- filter: drop-shadow(0 0 3px gold);
-}
-.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images .mixed-ancestry-image img {
- max-width: 100%;
-}
-.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images img {
- max-width: 33%;
- border: 4px solid black;
- border-radius: 50%;
-}
-.daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images img.selected {
- border-color: gold;
-}
-.daggerheart.sheet.heritage .editor {
- height: 200px;
-}
-.daggerheart.sheet.class .guide .drop-section {
- width: 100%;
-}
-.daggerheart.sheet.class .guide .drop-section legend {
- margin-left: auto;
- margin-right: auto;
- font-size: 12px;
-}
-.daggerheart.sheet.class .guide .drop-section .drop-section-body {
- min-height: 40px;
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.daggerheart.sheet.class .guide .trait-input {
- text-align: center;
- min-width: 24px;
-}
-.daggerheart.sheet.class .guide .suggested-item {
- border-radius: 6px;
- display: flex;
- justify-content: space-between;
- align-items: center;
- width: 100%;
-}
-.daggerheart.sheet.class .guide .suggested-item img {
- width: 30px;
-}
-.daggerheart.sheet.class .guide .suggested-item div {
- text-align: center;
-}
-.daggerheart.sheet.class .guide .suggested-item i {
- border-radius: 50%;
- margin-right: 4px;
- font-size: 11px;
-}
-.daggerheart.sheet.class .guide .extra-section {
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.daggerheart.sheet.class .guide .extra-section .extra-title {
- font-size: 14px;
- font-weight: bold;
-}
-.daggerheart.sheet.class .guide-section-title-centered {
- font-weight: bold;
- font-size: 18px;
-}
-.daggerheart.sheet.class .inventory-section {
- width: 100%;
- border: 2px solid black;
- border-style: dotted;
- min-height: 80px;
-}
-.daggerheart.sheet.class .inventory-section .inventory-title {
- font-weight: bold;
- font-size: 14px;
- text-align: center;
-}
-.daggerheart.sheet.class .domain-section {
- display: flex;
- align-items: center;
- gap: 5px;
-}
-.application.sheet.daggerheart.dh-style.active-effect-config label {
- white-space: nowrap;
-}
-.daggerheart.sheet .title-container {
- display: flex;
- gap: 8px;
-}
-.daggerheart.sheet .title-container div {
- flex: 1;
- align-items: baseline;
-}
-.daggerheart.sheet .editor-form-group {
- display: flex;
- flex-direction: column;
-}
-.daggerheart.sheet .editor-form-group label {
- font-weight: bold;
- text-align: center;
-}
-.daggerheart.sheet .option-select {
- position: absolute;
- top: calc(50% - 10px);
- right: 8px;
- height: 20px;
- width: 20px;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- padding: 8px;
-}
-.daggerheart.sheet .option-select.deeper {
- right: 32px;
-}
-.daggerheart.sheet .option-select:hover:not(:disabled) {
- filter: drop-shadow(0px 0px 3px red);
- cursor: pointer;
-}
-.daggerheart.sheet .option-select i {
- margin: 0;
- font-size: 11px;
-}
-.daggerheart.sheet .ability-title {
- width: 100%;
- display: flex;
-}
-.daggerheart.sheet .ability-title h2 {
- flex: 1;
-}
-.daggerheart.sheet .ability-title i {
- cursor: pointer;
-}
-.daggerheart.sheet .ability-title i:hover {
- filter: drop-shadow(0px 0px 3px red);
-}
-.daggerheart.sheet .ability-choices {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
-}
-.daggerheart.sheet .ability-chip {
- border: 2px solid #708090;
- border-radius: 6px;
- display: flex;
- align-items: center;
- padding: 4px;
- margin-bottom: 6px;
- flex: calc(33% - 4px);
- max-width: calc(33% - 4px);
-}
-.daggerheart.sheet .ability-chip.selected {
- filter: drop-shadow(0px 0px 3px red);
-}
-.daggerheart.sheet .ability-chip:nth-of-type(3n-1) {
- margin-left: 6px;
- margin-right: 6px;
-}
-.daggerheart.sheet .ability-chip input {
- border: 0;
-}
-.daggerheart.sheet .ability-chip button {
- flex: 0;
- border-radius: 50%;
- height: 20px;
- width: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- margin: 2px 0 2px 4px;
- padding: 12px;
-}
-.daggerheart.sheet .ability-chip button i {
- margin: 0;
-}
-.daggerheart.sheet .object-select-display {
- position: relative;
- width: calc(100% - 2px);
- background: rgba(0, 0, 0, 0.05);
- height: var(--form-field-height);
- display: flex;
- border: 1px solid #7a7971;
- border-radius: 3px;
-}
-.daggerheart.sheet .object-select-display .object-select-title {
- position: absolute;
- left: 4px;
- text-align: center;
- font-weight: bold;
- text-transform: uppercase;
-}
-.daggerheart.sheet .object-select-display .object-select-text {
- align-self: center;
-}
-.daggerheart.sheet .object-select-display .object-select-item {
- cursor: pointer;
-}
-.daggerheart.sheet .object-select-display .object-select-item:hover {
- filter: drop-shadow(0px 0px 3px red);
-}
-.daggerheart.sheet .feature-container {
- display: flex;
- align-items: center;
- justify-content: space-between;
- background: #778899;
- padding: 8px;
- border: 2px solid black;
- border-radius: 6px;
-}
-.daggerheart.sheet .feature-container:not(:last-child) {
- margin-bottom: 8px;
-}
-.daggerheart.sheet .feature-container .feature-inner-container {
- display: flex;
- align-items: center;
-}
-.daggerheart.sheet .feature-container .feature-inner-container img {
- height: 40px;
- width: 40px;
- margin-right: 8px;
-}
-.daggerheart.sheet .feature-container .feature-inner-container .feature-title {
- font-size: 22px;
- font-weight: bold;
- font-style: italic;
-}
-.daggerheart.sheet .feature-container button {
- height: 40px;
- width: 40px;
- background: inherit;
- border: 0;
-}
-.item-button.checked {
- background: green;
-}
-.item-button .item-icon {
- opacity: 0;
- transition: opacity 0.2s;
-}
-.item-button .item-icon.checked {
- opacity: 1;
-}
-.theme-light .daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .descriptor {
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-}
-.theme-light .daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container,
-.theme-light .daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor,
-.theme-light .daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label {
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-}
-.daggerheart.dh-style.dialog.character-creation .window-content {
- gap: 16px;
-}
-.daggerheart.dh-style.dialog.character-creation .window-content .tab {
- overflow-y: auto;
-}
-.daggerheart.dh-style.dialog.character-creation .tab-navigation nav {
- flex: 1;
-}
-.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a {
- flex: 1;
- text-align: center;
- display: flex;
- justify-content: center;
- position: relative;
-}
-.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a.disabled {
- opacity: 0.4;
-}
-.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .nav-section-text {
- position: relative;
- display: flex;
- align-items: center;
-}
-.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .finish-marker {
- position: absolute;
- align-self: center;
- top: -8px;
- padding: 4px;
- border: 1px solid;
- border-radius: 50%;
- height: 16px;
- width: 16px;
- font-size: 12px;
- display: flex;
- align-items: center;
- justify-content: center;
- background-color: var(--color-cool-4);
- content: '';
-}
-.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .finish-marker.active {
- background-color: var(--color-warm-2);
-}
-.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .descriptor {
- position: absolute;
- bottom: -8px;
- font-size: 12px;
- border-radius: 8px;
- width: 56px;
- text-align: center;
- line-height: 1;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- color: light-dark(#efe6d8, #222);
- background-image: url(../assets/parchments/dh-parchment-light.png);
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container {
- display: flex;
- flex-direction: column;
- gap: 4px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .selections-container {
- width: 140px;
- display: flex;
- flex-direction: column;
- text-align: center;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .selections-container .card-preview-container {
- border-color: light-dark(#18162e, #f3c267);
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .selections-outer-container {
- display: flex;
- justify-content: space-evenly;
- height: 210px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container {
- border-radius: 8px;
- border-color: light-dark(#18162e, #f3c267);
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container legend {
- margin-left: auto;
- margin-right: auto;
- font-size: 28px;
- font-weight: bold;
- padding: 0 8px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container {
- position: relative;
- border-radius: 8px;
- border-color: light-dark(#18162e, #f3c267);
- display: flex;
- justify-content: center;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container legend {
- font-size: 20px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container .action-button {
- position: absolute;
- bottom: -8px;
- height: 16px;
- width: 110px;
- min-height: unset;
- border: 1px solid light-dark(#18162e, #f3c267);
- color: light-dark(#efe6d8, #efe6d8);
- background-color: light-dark(var(--color-warm-3), var(--color-warm-3));
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container .action-button:hover {
- background-color: light-dark(var(--color-warm-2), var(--color-warm-2));
- filter: drop-shadow(0 0 3px light-dark(var(--color-warm-2), var(--color-warm-2)));
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container {
- text-align: center;
- display: flex;
- gap: 16px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .suggested-traits-container {
- display: flex;
- flex-wrap: wrap;
- width: 176px;
- gap: 4px;
- margin-bottom: 8px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container {
- width: 56px;
- white-space: nowrap;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- color: light-dark(#efe6d8, #222);
- background-image: url('../assets/parchments/dh-parchment-light.png');
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .traits-inner-container {
- display: flex;
- justify-content: space-evenly;
- gap: 8px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .traits-inner-container .trait-container {
- border: 1px solid light-dark(#18162e, #f3c267);
- padding: 0 4px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container {
- display: flex;
- justify-content: space-evenly;
- text-align: center;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container .experience-container {
- position: relative;
- display: flex;
- align-items: center;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container .experience-container .experience-description {
- border-color: light-dark(#18162e, #f3c267);
- padding-right: 24px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container .experience-container .experience-value {
- position: absolute;
- right: 0;
- width: 22px;
- border-left: 1px solid light-dark(#18162e, #f3c267);
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer {
- display: flex;
- align-items: center;
- gap: 32px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section {
- display: flex;
- align-items: center;
- gap: 32px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav {
- flex: 1;
- gap: 8px;
- border: 0;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a {
- flex: 1;
- text-align: center;
- display: flex;
- justify-content: center;
- position: relative;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .nav-section-text {
- position: relative;
- display: flex;
- align-items: center;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .finish-marker {
- position: absolute;
- align-self: center;
- top: -10px;
- padding: 4px;
- border: 1px solid;
- border-radius: 50%;
- height: 20px;
- width: 20px;
- font-size: 14px;
- display: flex;
- align-items: center;
- justify-content: center;
- background-color: var(--color-cool-4);
- content: '';
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .finish-marker.finished {
- background-color: var(--color-warm-2);
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor {
- position: absolute;
- bottom: -8px;
- font-size: 12px;
- border-radius: 8px;
- width: 56px;
- text-align: center;
- line-height: 1;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- color: light-dark(#efe6d8, #222);
- background-image: url(../assets/parchments/dh-parchment-light.png);
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section button {
- flex: 1;
- height: 100%;
- white-space: nowrap;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .main-equipment-selection {
- display: grid;
- grid-template-columns: 1fr 2fr;
- gap: 16px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .main-equipment-selection.triple {
- grid-template-columns: 1fr 1fr 1fr;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection {
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 8px;
- border: 2px solid light-dark(#18162e, #f3c267);
- border-radius: 8px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection legend {
- margin-left: auto;
- margin-right: auto;
- font-size: 28px;
- font-weight: bold;
- padding: 0 8px;
- white-space: nowrap;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .equipment-subsection {
- display: flex;
- align-items: start;
- gap: 32px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .equipment-wrapper {
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 8px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container {
- display: flex;
- flex-direction: column;
- justify-content: space-evenly;
- gap: 8px;
- height: 100%;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment {
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 8px;
- position: relative;
- display: flex;
- justify-content: center;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment.selectable {
- cursor: pointer;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment.inactive {
- opacity: 0.4;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label {
- position: absolute;
- top: -8px;
- font-size: 12px;
- white-space: nowrap;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- color: light-dark(#efe6d8, #222);
- background-image: url('../assets/parchments/dh-parchment-light.png');
- padding: 0 2px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment img {
- width: 60px;
- height: 60px;
- border-radius: 8px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container {
- position: relative;
- display: flex;
- justify-content: center;
- height: min-content;
- border: 2px solid light-dark(#18162e, #f3c267);
- border-radius: 8px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container legend {
- margin-left: auto;
- margin-right: auto;
- font-size: 12px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container {
- position: relative;
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 6px;
- cursor: grab;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container.taken {
- opacity: 0.4;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container label {
- position: absolute;
- top: -2px;
- font-size: 12px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container img {
- width: 120px;
-}
-.daggerheart.dh-style.dialog.character-creation .creation-action-footer {
- display: flex;
- align-items: center;
- gap: 32px;
-}
-.daggerheart.dh-style.dialog.character-creation .creation-action-footer button {
- flex: 1;
- height: 100%;
- white-space: nowrap;
-}
-.theme-light .daggerheart.levelup .tiers-container .tier-container {
- background-image: url('../assets/parchments/dh-parchment-light.png');
-}
-.daggerheart.levelup .window-content {
- max-height: 960px;
- overflow: auto;
-}
-.daggerheart.levelup div[data-application-part='form'] {
- display: flex;
- flex-direction: column;
- gap: 8px;
-}
-.daggerheart.levelup section .section-container {
- display: flex;
- flex-direction: column;
- gap: 8px;
- margin-top: 8px;
-}
-.daggerheart.levelup .levelup-navigation-container {
- display: flex;
- align-items: center;
- gap: 22px;
- height: 36px;
-}
-.daggerheart.levelup .levelup-navigation-container nav {
- flex: 1;
-}
-.daggerheart.levelup .levelup-navigation-container nav .levelup-tab-container {
- display: flex;
- align-items: center;
- gap: 4px;
-}
-.daggerheart.levelup .levelup-navigation-container .levelup-navigation-actions {
- width: 306px;
- display: flex;
- justify-content: end;
- gap: 16px;
- margin-right: 4px;
-}
-.daggerheart.levelup .levelup-navigation-container .levelup-navigation-actions * {
- width: calc(50% - 8px);
-}
-.daggerheart.levelup .tiers-container {
- display: flex;
- gap: 16px;
-}
-.daggerheart.levelup .tiers-container .tier-container {
- flex: 1;
- display: flex;
- flex-direction: column;
- gap: 8px;
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-}
-.daggerheart.levelup .tiers-container .tier-container.inactive {
- opacity: 0.4;
- pointer-events: none;
-}
-.daggerheart.levelup .tiers-container .tier-container legend {
- margin-left: auto;
- margin-right: auto;
- font-size: 22px;
- font-weight: bold;
- padding: 0 12px;
-}
-.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container {
- display: grid;
- grid-template-columns: 1fr 3fr;
- gap: 4px;
-}
-.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container {
- display: flex;
- justify-content: end;
- gap: 4px;
-}
-.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer {
- display: flex;
- height: min-content;
-}
-.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer.multi {
- border: 2px solid grey;
- padding: 2.4px 2.5px 0;
- border-radius: 4px;
- gap: 2px;
-}
-.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer.multi .selection-checkbox {
- margin-left: 0;
- margin-right: 0;
-}
-.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer .selection-checkbox {
- margin: 0;
-}
-.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkbox-group-label {
- font-size: 14px;
- font-style: italic;
-}
-.daggerheart.levelup .levelup-selections-container .achievement-experience-cards {
- display: flex;
- gap: 8px;
-}
-.daggerheart.levelup .levelup-selections-container .achievement-experience-cards .achievement-experience-card {
- border: 1px solid;
- border-radius: 4px;
- padding-right: 4px;
- font-size: 18px;
- display: flex;
- justify-content: space-between;
- align-items: center;
- gap: 4px;
-}
-.daggerheart.levelup .levelup-selections-container .achievement-experience-cards .achievement-experience-card .achievement-experience-marker {
- border: 1px solid;
- border-radius: 50%;
- height: 18px;
- width: 18px;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 12px;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-card-selection {
- display: flex;
- flex-wrap: wrap;
- gap: 40px;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-card-selection .card-preview-container {
- width: calc(100% * (1 / 5));
-}
-.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container {
- display: flex;
- flex-direction: column;
- gap: 8px;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container {
- display: flex;
- flex-direction: column;
- align-items: center;
- flex: 1;
- position: relative;
- cursor: pointer;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container.disabled {
- pointer-events: none;
- opacity: 0.4;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container .levelup-domain-label {
- position: absolute;
- text-align: center;
- top: 4px;
- background: grey;
- padding: 0 12px;
- border-radius: 6px;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container img {
- height: 124px;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container .levelup-domain-selected {
- position: absolute;
- height: 54px;
- width: 54px;
- border-radius: 50%;
- border: 2px solid;
- font-size: 48px;
- display: flex;
- align-items: center;
- justify-content: center;
- background-image: url(../assets/parchments/dh-parchment-light.png);
- color: var(--color-dark-5);
- top: calc(50% - 29px);
-}
-.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container .levelup-domain-selected i {
- position: relative;
- right: 2px;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-selections-title {
- display: flex;
- align-items: center;
- gap: 4px;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-radio-choices {
- display: flex;
- gap: 8px;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-radio-choices label {
- flex: 0;
-}
-.daggerheart.levelup .levelup-summary-container .level-achievements-container,
-.daggerheart.levelup .levelup-summary-container .level-advancements-container {
- display: flex;
- flex-direction: column;
- gap: 8px;
-}
-.daggerheart.levelup .levelup-summary-container .level-achievements-container h2,
-.daggerheart.levelup .levelup-summary-container .level-advancements-container h2,
-.daggerheart.levelup .levelup-summary-container .level-achievements-container h3,
-.daggerheart.levelup .levelup-summary-container .level-advancements-container h3,
-.daggerheart.levelup .levelup-summary-container .level-achievements-container h4,
-.daggerheart.levelup .levelup-summary-container .level-advancements-container h4,
-.daggerheart.levelup .levelup-summary-container .level-achievements-container h5,
-.daggerheart.levelup .levelup-summary-container .level-advancements-container h5 {
- margin: 0;
- color: var(--color-text-secondary);
-}
-.daggerheart.levelup .levelup-summary-container .increase-container {
- display: flex;
- align-items: center;
- gap: 4px;
- font-size: 20px;
-}
-.daggerheart.levelup .levelup-summary-container .summary-selection-container {
- display: flex;
- gap: 8px;
-}
-.daggerheart.levelup .levelup-summary-container .summary-selection-container .summary-selection {
- border: 2px solid;
- border-radius: 6px;
- padding: 0 4px;
- font-size: 18px;
-}
-.daggerheart.levelup .levelup-footer {
- display: flex;
-}
-.daggerheart.views.ownership-selection .ownership-outer-container {
- display: flex;
- flex-direction: column;
- gap: 8px;
-}
-.daggerheart.views.ownership-selection .ownership-outer-container .ownership-container {
- display: flex;
- border: 2px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- padding: 0 4px 0 0;
- align-items: center;
- gap: 8px;
-}
-.daggerheart.views.ownership-selection .ownership-outer-container .ownership-container img {
- height: 40px;
- width: 40px;
- border-radius: 6px 0 0 6px;
-}
-.daggerheart.views.ownership-selection .ownership-outer-container .ownership-container select {
- margin: 4px 0;
-}
-.daggerheart.views.damage-reduction .window-content {
- padding: 8px 0;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container {
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 4px;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .section-container {
- display: flex;
- flex-direction: column;
- align-items: center;
- width: 100%;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .padded {
- padding: 0 8px;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .armor-title {
- margin: 0;
- white-space: nowrap;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .resources-container {
- display: flex;
- gap: 8px;
- width: 100%;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .resources-container .resource-container {
- flex: 1;
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection {
- display: flex;
- align-items: center;
- width: 100%;
- margin: 0;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner {
- display: flex;
- gap: 2px;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner:not(:last-child) {
- margin-right: 8px;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container {
- cursor: pointer;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- height: 26px;
- padding: 0 1px;
- font-size: 18px;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0.4;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container.selected {
- opacity: 1;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container.inactive {
- cursor: initial;
- opacity: 0.2;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container .fa-shield {
- position: relative;
- right: 0.5px;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container {
- margin: 0;
- width: 100%;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction {
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- height: 26px;
- padding: 0 4px;
- font-size: 18px;
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 4px;
- opacity: 0.4;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction.active {
- opacity: 1;
- cursor: pointer;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction.selected {
- opacity: 1;
- background: var(--color-warm-2);
- color: white;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction .stress-reduction-cost {
- display: flex;
- align-items: center;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .markers-subtitle {
- margin: -4px 0 0 0;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .markers-subtitle.bold {
- font-variant: all-small-caps;
- font-weight: bold;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container footer {
- display: flex;
- width: 100%;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container footer button {
- flex: 1;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container footer button .damage-value {
- font-weight: bold;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container footer button .damage-value.reduced-value {
- opacity: 0.4;
- text-decoration: line-through;
-}
-:root {
- --shadow-text-stroke: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
- --fear-animation: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
-}
-#resources {
- min-height: calc(var(--header-height) + 4rem);
- min-width: 4rem;
- color: #d3d3d3;
- transition: var(--fear-animation);
-}
-#resources header,
-#resources .controls,
-#resources .window-resize-handle {
- transition: var(--fear-animation);
-}
-#resources .window-content {
- padding: 0.5rem;
-}
-#resources .window-content #resource-fear {
- display: flex;
- flex-direction: row;
- gap: 0.5rem 0.25rem;
- flex-wrap: wrap;
-}
-#resources .window-content #resource-fear i {
- font-size: var(--font-size-18);
- border: 1px solid rgba(0, 0, 0, 0.5);
- border-radius: 50%;
- aspect-ratio: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- width: 3rem;
- background-color: rgba(9, 71, 179, 0.75);
- -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
- box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
- color: #d3d3d3;
- flex-grow: 0;
-}
-#resources .window-content #resource-fear i.inactive {
- filter: grayscale(1) !important;
- opacity: 0.5;
-}
-#resources .window-content #resource-fear .controls,
-#resources .window-content #resource-fear .resource-bar {
- border: 2px solid #997a4f;
- background-color: #18162e;
-}
-#resources .window-content #resource-fear .controls {
- display: flex;
- align-self: center;
- border-radius: 50%;
- align-items: center;
- justify-content: center;
- width: 30px;
- height: 30px;
- font-size: var(--font-size-20);
- cursor: pointer;
-}
-#resources .window-content #resource-fear .controls:hover {
- font-size: 1.5rem;
-}
-#resources .window-content #resource-fear .controls.disabled {
- opacity: 0.5;
-}
-#resources .window-content #resource-fear .resource-bar {
- display: flex;
- justify-content: center;
- border-radius: 6px;
- font-size: var(--font-size-20);
- overflow: hidden;
- position: relative;
- padding: 0.25rem 0.5rem;
- flex: 1;
- text-shadow: var(--shadow-text-stroke);
-}
-#resources .window-content #resource-fear .resource-bar:before {
- content: '';
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- width: var(--fear-percent);
- max-width: 100%;
- background: linear-gradient(90deg, #020026 0%, #c701fc 100%);
- z-index: 0;
- border-radius: 4px;
-}
-#resources .window-content #resource-fear .resource-bar span {
- position: inherit;
- z-index: 1;
-}
-#resources .window-content #resource-fear.isGM i {
- cursor: pointer;
-}
-#resources .window-content #resource-fear.isGM i:hover {
- font-size: var(--font-size-20);
-}
-#resources button[data-action='close'] {
- display: none;
-}
-#resources:not(:hover):not(.minimized) {
- background: transparent;
- box-shadow: unset;
- border-color: transparent;
-}
-#resources:not(:hover):not(.minimized) header,
-#resources:not(:hover):not(.minimized) .controls,
-#resources:not(:hover):not(.minimized) .window-resize-handle {
- opacity: 0;
-}
-#resources:has(.fear-bar) {
- min-width: 200px;
-}
-.theme-light .daggerheart.dh-style.countdown .minimized-view .mini-countdown-container {
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-}
-.daggerheart.dh-style.countdown {
- overflow: hidden;
-}
-.daggerheart.dh-style.countdown fieldset {
- align-items: center;
- margin-top: 5px;
- border-radius: 6px;
- border-color: light-dark(#18162e, #f3c267);
-}
-.daggerheart.dh-style.countdown fieldset legend {
- font-family: 'Montserrat', sans-serif;
- font-weight: bold;
- color: light-dark(#18162e, #f3c267);
-}
-.daggerheart.dh-style.countdown fieldset legend a {
- text-shadow: none;
-}
-.daggerheart.dh-style.countdown .minimized-view {
- display: flex;
- gap: 8px;
- flex-wrap: wrap;
-}
-.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container {
- width: fit-content;
- display: flex;
- align-items: center;
- gap: 8px;
- border: 2px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- padding: 0 4px 0 0;
- background-image: url('../assets/parchments/dh-parchment-light.png');
- color: light-dark(#efe6d8, #222);
- cursor: pointer;
-}
-.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container.disabled {
- cursor: initial;
-}
-.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container img {
- width: 30px;
- height: 30px;
- border-radius: 6px 0 0 6px;
-}
-.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container .mini-countdown-name {
- white-space: nowrap;
-}
-.daggerheart.dh-style.countdown .hidden {
- display: none;
-}
-.daggerheart.dh-style.countdown .window-content > div {
- height: 100%;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view {
- height: 100%;
- display: flex;
- flex-direction: column;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-menu {
- display: flex;
- gap: 8px;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-menu .flex {
- flex: 1;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container {
- display: flex;
- gap: 8px;
- flex-wrap: wrap;
- overflow: auto;
- max-height: 100%;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset {
- width: 340px;
- height: min-content;
- position: relative;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .ownership-button {
- position: absolute;
- top: 8px;
- right: 8px;
- font-size: 18px;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container {
- display: flex;
- align-items: center;
- gap: 16px;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container img {
- width: 150px;
- height: 150px;
- cursor: pointer;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container img.disabled {
- cursor: initial;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container .countdown-inner-container {
- display: flex;
- flex-direction: column;
- gap: 4px;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container .countdown-inner-container .countdown-value-container {
- display: flex;
- gap: 4px;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container .countdown-inner-container .countdown-value-container input {
- max-width: 80px;
-}
-.daggerheart.dh-style.setting fieldset {
- display: flex;
- flex-direction: column;
- gap: 4px;
-}
-.daggerheart.dh-style.setting fieldset.two-columns {
- display: grid;
- grid-template-columns: 1fr 2fr;
- gap: 10px;
-}
-.daggerheart.dh-style.setting fieldset.two-columns.even {
- grid-template-columns: 1fr 1fr;
-}
-.daggerheart.dh-style.setting .setting-group-field {
- white-space: nowrap;
- display: flex;
- align-items: center;
- gap: 8px;
-}
-.daggerheart.dh-style.setting .settings-items {
- display: flex;
- flex-direction: column;
- gap: 8px;
-}
-.daggerheart.dh-style.setting .settings-items .settings-item {
- display: flex;
- align-items: center;
- justify-content: space-between;
- border: 1px solid;
- border-radius: 8px;
- padding: 0 8px 0 0;
-}
-.daggerheart.dh-style.setting .settings-items .settings-item .settings-sub-item {
- display: flex;
- align-items: center;
- gap: 8px;
-}
-.daggerheart.dh-style.setting .settings-items .settings-item .settings-sub-item img {
- width: 60px;
- border-radius: 8px 0 0 8px;
-}
-.daggerheart.dh-style.setting .settings-items .settings-item .settings-sub-item i {
- font-size: 18px;
-}
-.daggerheart.dh-style.setting .settings-item-header {
- display: flex;
- align-items: center;
-}
-.daggerheart.dh-style.setting .settings-item-header .profile {
- height: 100px;
- width: 100px;
- object-fit: cover;
- box-sizing: border-box;
- cursor: pointer;
-}
-.daggerheart.dh-style.setting .settings-item-header .item-info {
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 5px;
- text-align: center;
- width: 80%;
-}
-.daggerheart.dh-style.setting .settings-item-header .item-info .item-name input[type='text'] {
- font-size: 32px;
- height: 42px;
- text-align: center;
- width: 90%;
- transition: all 0.3s ease;
- outline: 2px solid transparent;
- border: 1px solid transparent;
-}
-.daggerheart.dh-style.setting .settings-item-header .item-info .item-name input[type='text']:hover[type='text'],
-.daggerheart.dh-style.setting .settings-item-header .item-info .item-name input[type='text']:focus[type='text'] {
- box-shadow: none;
- outline: 2px solid light-dark(#18162e, #f3c267);
-}
-.daggerheart.dh-style.setting .settings-col {
- display: flex;
- flex-direction: column;
- gap: 4px;
-}
-.daggerheart.dh-style.setting .trait-array-container {
- display: flex;
- justify-content: space-evenly;
- gap: 8px;
- margin-bottom: 16px;
-}
-.daggerheart.dh-style.setting .trait-array-container .trait-array-item {
- position: relative;
- display: flex;
- justify-content: center;
-}
-.daggerheart.dh-style.setting .trait-array-container .trait-array-item label {
- position: absolute;
- top: -7px;
- font-size: 12px;
- font-variant: petite-caps;
-}
-.daggerheart.dh-style.setting .trait-array-container .trait-array-item input {
- text-align: center;
-}
-.themed.theme-dark .application.daggerheart.sheet.dh-style .character-header-sheet .trait,
-.themed.theme-dark.application.daggerheart.sheet.dh-style .character-header-sheet .trait,
-body.theme-dark .application.daggerheart .character-header-sheet .trait,
-body.theme-dark.application.daggerheart .character-header-sheet .trait {
- background: url(../assets/svg/trait-shield.svg) no-repeat;
-}
-.themed.theme-light .application.daggerheart.sheet.dh-style .character-header-sheet .trait,
-.themed.theme-light.application.daggerheart.sheet.dh-style .character-header-sheet .trait,
-body.theme-light .application.daggerheart .character-header-sheet .trait,
-body.theme-light.application.daggerheart .character-header-sheet .trait {
- background: url('../assets/svg/trait-shield-light.svg') no-repeat;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet {
- padding: 0 15px;
- padding-top: 36px;
- width: 100%;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row {
- display: flex;
- gap: 5px;
- align-items: center;
- justify-content: space-between;
- padding: 0;
- padding-top: 5px;
- flex: 1;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row input[type='text'] {
- font-size: 32px;
- height: 42px;
- text-align: start;
- border: 1px solid transparent;
- outline: 2px solid transparent;
- transition: all 0.3s ease;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row input[type='text']:hover {
- outline: 2px solid light-dark(#222, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div {
- white-space: nowrap;
- display: flex;
- justify-content: end;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div .label {
- display: flex;
- align-items: center;
- gap: 4px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div input {
- width: 40px;
- padding: 0;
- text-align: center;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div .level-button {
- color: light-dark(#222, #efe6d8);
- font-size: 18px;
- line-height: 1;
- min-height: unset;
- height: min-content;
- padding: 4px;
- font-family: 'Cinzel', serif;
- margin: 0;
- font-weight: normal;
- border-color: light-dark(#18162e, #f3c267);
- background-color: light-dark(transparent, #0e0d15);
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div .level-button:hover {
- background-image: none;
- background-color: var(--color-warm-2);
- filter: drop-shadow(0 0 3px lightgray);
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details {
- display: flex;
- justify-content: space-between;
- padding: 5px 0;
- margin-bottom: 10px;
- font-size: 12px;
- color: light-dark(#18162e, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details span {
- padding: 3px;
- border-radius: 3px;
- transition: all 0.3s ease;
- cursor: pointer;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details span:hover {
- background: light-dark(#18162e40, #f3c26740);
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details span.dot {
- background: transparent;
- cursor: default;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row {
- display: flex;
- gap: 20px;
- align-items: center;
- justify-content: space-between;
- padding: 0;
- margin-bottom: 15px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section,
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section {
- position: relative;
- display: flex;
- gap: 10px;
- background-color: light-dark(transparent, #18162e);
- color: light-dark(#18162e, #f3c267);
- padding: 5px 10px;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- align-items: center;
- width: fit-content;
- height: 30px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section h4,
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section h4 {
- font-size: 14px;
- font-weight: bold;
- text-transform: uppercase;
- color: light-dark(#18162e, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section h4.threshold-value,
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section h4.threshold-value {
- color: light-dark(#222, #efe6d8);
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section .threshold-legend,
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section .threshold-legend {
- position: absolute;
- bottom: -21px;
- color: light-dark(#f3c267, #18162e);
- background-color: light-dark(#18162e, #f3c267);
- padding: 3px;
- justify-self: anchor-center;
- border-radius: 0 0 3px 3px;
- text-transform: capitalize;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section .hope-value,
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section .hope-value {
- display: flex;
- cursor: pointer;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits {
- display: flex;
- justify-content: space-between;
- padding: 0;
- margin-bottom: 15px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait {
- height: 60px;
- width: 60px;
- cursor: pointer;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait .trait-name {
- display: flex;
- padding-top: 5px;
- color: light-dark(#18162e, #f3c267);
- font-size: 14px;
- font-weight: 600;
- align-items: center;
- justify-content: center;
- gap: 3px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait .trait-name i {
- line-height: 17px;
- font-size: 10px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait .trait-value {
- font-family: 'Montserrat', sans-serif;
- font-style: normal;
- font-weight: 400;
- font-size: 20px;
- text-align: center;
-}
-.themed.theme-dark .application.daggerheart.sheet.dh-style .character-sidebar-sheet,
-.themed.theme-dark.application.daggerheart.sheet.dh-style .character-sidebar-sheet,
-body.theme-dark .application.daggerheart .character-sidebar-sheet,
-body.theme-dark.application.daggerheart .character-sidebar-sheet {
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-}
-.themed.theme-dark .application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value,
-.themed.theme-dark.application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value,
-body.theme-dark .application.daggerheart .character-sidebar-sheet .experience-value,
-body.theme-dark.application.daggerheart .character-sidebar-sheet .experience-value {
- background: url(../assets/svg/experience-shield.svg) no-repeat;
-}
-.themed.theme-light .application.daggerheart.sheet.dh-style .character-sidebar-sheet,
-.themed.theme-light.application.daggerheart.sheet.dh-style .character-sidebar-sheet,
-body.theme-light .application.daggerheart .character-sidebar-sheet,
-body.theme-light.application.daggerheart .character-sidebar-sheet {
- background: transparent;
-}
-.themed.theme-light .application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value,
-.themed.theme-light.application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value,
-body.theme-light .application.daggerheart .character-sidebar-sheet .experience-value,
-body.theme-light.application.daggerheart .character-sidebar-sheet .experience-value {
- background: url('../assets/svg/experience-shield-light.svg') no-repeat;
-}
-.application.sheet.dh-style .character-sidebar-sheet {
- width: 275px;
- min-width: 275px;
- border-right: 1px solid light-dark(#18162e, #f3c267);
-}
-.application.sheet.dh-style .character-sidebar-sheet .portrait {
- position: relative;
- border-bottom: 1px solid light-dark(#18162e, #f3c267);
- cursor: pointer;
-}
-.application.sheet.dh-style .character-sidebar-sheet .portrait img {
- height: 235px;
- width: 275px;
- object-fit: cover;
-}
-.application.sheet.dh-style .character-sidebar-sheet .portrait .death-roll-btn {
- display: none;
-}
-.application.sheet.dh-style .character-sidebar-sheet .portrait.death-roll {
- filter: grayscale(1);
-}
-.application.sheet.dh-style .character-sidebar-sheet .portrait.death-roll .death-roll-btn {
- display: flex;
- position: absolute;
- top: 30%;
- right: 30%;
- font-size: 6rem;
- color: #efe6d8;
-}
-.application.sheet.dh-style .character-sidebar-sheet .portrait.death-roll .death-roll-btn:hover {
- text-shadow: 0 0 8px #efe6d8;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section {
- position: relative;
- display: flex;
- flex-direction: column;
- top: -20px;
- gap: 30px;
- margin-bottom: -10px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section {
- display: flex;
- justify-content: space-evenly;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar {
- position: relative;
- width: 100px;
- height: 40px;
- justify-items: center;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-label {
- position: relative;
- top: 40px;
- height: 22px;
- width: 79px;
- clip-path: path('M0 0H79L74 16.5L39 22L4 16.5L0 0Z');
- background: light-dark(#18162e, #f3c267);
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-label h4 {
- font-weight: bold;
- text-align: center;
- line-height: 18px;
- color: light-dark(#efe6d8, #18162e);
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value {
- position: absolute;
- display: flex;
- padding: 0 6px;
- font-size: 1.5rem;
- align-items: center;
- width: 100px;
- height: 40px;
- justify-content: center;
- text-align: center;
- z-index: 2;
- color: #efe6d8;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'] {
- background: transparent;
- font-size: 1.5rem;
- width: 40px;
- height: 30px;
- text-align: center;
- border: none;
- outline: 2px solid transparent;
- color: #efe6d8;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'].bar-input {
- padding: 0;
- color: #efe6d8;
- backdrop-filter: none;
- background: transparent;
- transition: all 0.3s ease;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'].bar-input:hover,
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'].bar-input:focus {
- background: rgba(24, 22, 46, 0.33);
- backdrop-filter: blur(9.5px);
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value .bar-label {
- width: 40px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar {
- position: absolute;
- appearance: none;
- width: 100px;
- height: 40px;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- z-index: 1;
- background: #18162e;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar::-webkit-progress-bar {
- border: none;
- background: #18162e;
- border-radius: 6px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar::-webkit-progress-value {
- background: linear-gradient(15deg, #46140a 0%, #be0000 42%, #fcb045 100%);
- border-radius: 6px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar.stress-color::-webkit-progress-value {
- background: linear-gradient(15deg, #823b01 0%, #fc8e45 65%, #be0000 100%);
- border-radius: 6px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar::-moz-progress-bar {
- background: linear-gradient(15deg, #46140a 0%, #be0000 42%, #fcb045 100%);
- border-radius: 6px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar.stress-color::-moz-progress-bar {
- background: linear-gradient(15deg, #823b01 0%, #fc8e45 65%, #be0000 100%);
- border-radius: 6px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section {
- display: flex;
- flex-wrap: wrap;
- gap: 5px;
- justify-content: center;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number {
- justify-items: center;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-value {
- position: relative;
- display: flex;
- width: 50px;
- height: 30px;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-bottom: none;
- border-radius: 6px 6px 0 0;
- padding: 0 6px;
- font-size: 1.2rem;
- align-items: center;
- justify-content: center;
- background: light-dark(transparent, #18162e);
- z-index: 2;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-value.armor-slots {
- width: 80px;
- height: 30px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-label {
- padding: 2px 10px;
- width: 100%;
- border-radius: 3px;
- background: light-dark(#18162e, #f3c267);
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-label h4 {
- font-weight: bold;
- text-align: center;
- line-height: 18px;
- font-size: 12px;
- color: light-dark(#efe6d8, #18162e);
-}
-.application.sheet.dh-style .character-sidebar-sheet .items-sidebar-list {
- display: flex;
- flex-direction: column;
- gap: 5px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .items-sidebar-list .inventory-item {
- padding: 0 10px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .equipment-section .title {
- display: flex;
- gap: 15px;
- align-items: center;
-}
-.application.sheet.dh-style .character-sidebar-sheet .equipment-section .title h3 {
- font-size: 20px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .equipment-section .items-list {
- display: flex;
- flex-direction: column;
- gap: 10px;
- align-items: center;
-}
-.application.sheet.dh-style .character-sidebar-sheet .loadout-section .title {
- display: flex;
- gap: 15px;
- align-items: center;
-}
-.application.sheet.dh-style .character-sidebar-sheet .loadout-section .title h3 {
- font-size: 20px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .experience-section .title {
- display: flex;
- gap: 15px;
- align-items: center;
-}
-.application.sheet.dh-style .character-sidebar-sheet .experience-section .title h3 {
- font-size: 20px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list {
- display: flex;
- flex-direction: column;
- gap: 5px;
- width: 100%;
- margin-top: 10px;
- align-items: center;
-}
-.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-row {
- display: flex;
- gap: 5px;
- width: 250px;
- align-items: center;
- justify-content: space-between;
-}
-.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-row input[type='text'] {
- height: 32px;
- width: 180px;
- border: 1px solid transparent;
- outline: 2px solid transparent;
- font-size: 14px;
- font-family: 'Montserrat', sans-serif;
- transition: all 0.3s ease;
- color: light-dark(#222, #efe6d8);
-}
-.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-row input[type='text']:hover {
- outline: 2px solid light-dark(#222, #efe6d8);
-}
-.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-value {
- height: 25px;
- width: 35px;
- font-size: 14px;
- font-family: 'Montserrat', sans-serif;
- color: light-dark(#222, #efe6d8);
- align-content: center;
- text-align: center;
-}
-.application.sheet.daggerheart.actor.dh-style.character .window-content {
- display: grid;
- grid-template-columns: 275px 1fr;
- grid-template-rows: auto 1fr;
- gap: 15px 0;
- height: 100%;
- width: 100%;
- overflow: auto;
-}
-.application.sheet.daggerheart.actor.dh-style.character .window-content .character-sidebar-sheet {
- grid-row: 1 / span 2;
- grid-column: 1;
-}
-.application.sheet.daggerheart.actor.dh-style.character .window-content .character-header-sheet {
- grid-row: 1;
- grid-column: 2;
-}
-.application.sheet.daggerheart.actor.dh-style.character .window-content .tab {
- grid-row: 2;
- grid-column: 2;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section {
- display: flex;
- gap: 10px;
- align-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar {
- position: relative;
- color: light-dark(#18162e50, #efe6d850);
- width: 100%;
- padding-top: 5px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input {
- border-radius: 50px;
- font-family: 'Montserrat', sans-serif;
- background: light-dark(#18162e10, #f3c26710);
- border: none;
- outline: 2px solid transparent;
- transition: all 0.3s ease;
- padding: 0 20px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input:hover {
- outline: 2px solid light-dark(#222, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input:placeholder {
- color: light-dark(#18162e50, #efe6d850);
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input::-webkit-search-cancel-button {
- -webkit-appearance: none;
- display: none;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar .icon {
- align-content: center;
- height: 32px;
- position: absolute;
- right: 20px;
- font-size: 16px;
- z-index: 1;
- color: light-dark(#18162e50, #efe6d850);
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .items-section {
- display: flex;
- flex-direction: column;
- gap: 10px;
- overflow-y: auto;
- mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
- padding: 20px 0;
- height: 80%;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .currency-section {
- display: flex;
- gap: 10px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section {
- display: flex;
- align-items: center;
- justify-content: space-between;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar {
- position: relative;
- color: light-dark(#18162e50, #efe6d850);
- width: 80%;
- padding-top: 5px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input {
- border-radius: 50px;
- font-family: 'Montserrat', sans-serif;
- background: light-dark(#18162e10, #f3c26710);
- border: none;
- outline: 2px solid transparent;
- transition: all 0.3s ease;
- padding: 0 20px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input:hover {
- outline: 2px solid light-dark(#222, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input:placeholder {
- color: light-dark(#18162e50, #efe6d850);
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input::-webkit-search-cancel-button {
- -webkit-appearance: none;
- display: none;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar .icon {
- align-content: center;
- height: 32px;
- position: absolute;
- right: 20px;
- font-size: 16px;
- z-index: 1;
- color: light-dark(#18162e50, #efe6d850);
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view {
- background: light-dark(#18162e10, #18162e);
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 15px;
- padding: 0;
- gap: 0;
- width: 62px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span {
- margin: 1px;
- width: 26px;
- color: light-dark(#18162e, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.list-icon i {
- margin-left: 3px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.grid-icon i {
- margin-right: 3px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.list-active {
- border-radius: 32px 3px 3px 32px;
- background-color: light-dark(#18162e, #f3c267);
- color: light-dark(#efe6d8, #18162e);
- padding: 2px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.grid-active {
- border-radius: 3px 32px 32px 3px;
- background-color: light-dark(#18162e, #f3c267);
- color: light-dark(#efe6d8, #18162e);
- padding: 2px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .items-section {
- display: flex;
- flex-direction: column;
- gap: 10px;
- height: 100%;
- overflow-y: auto;
- mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 98%, transparent 100%);
- padding: 20px 0;
- height: 90%;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.biography .items-section {
- display: flex;
- flex-direction: column;
- gap: 10px;
- overflow-y: auto;
- mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 98%, transparent 100%);
- padding-bottom: 40px;
- height: 100%;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.features .features-sections {
+.application.sheet.daggerheart.actor.dh-style.adversary .tab.features .feature-section {
display: flex;
flex-direction: column;
gap: 10px;
@@ -4331,14 +96,27 @@ body.theme-light.application.daggerheart .character-sidebar-sheet .experience-va
grid-row: 2;
grid-column: 2;
}
+/**
+ * Applies theme-specific styles.
+ * @param {Rules} @darkRules - Styles to apply when `.theme-dark` is present
+ * @param {Rules} @lightRules - Styles to apply when `.theme-light` is present
+ */
+.themed.theme-dark .application.daggerheart.sheet.dh-style.adversary .adversary-sidebar-sheet,
+.themed.theme-dark.application.daggerheart.sheet.dh-style.adversary .adversary-sidebar-sheet,
+body.theme-dark .application.daggerheart.adversary .adversary-sidebar-sheet,
+body.theme-dark.application.daggerheart.adversary .adversary-sidebar-sheet {
+ background-image: url('../assets/parchments/dh-parchment-dark.png');
+}
+.themed.theme-light .application.daggerheart.sheet.dh-style.adversary .adversary-sidebar-sheet,
+.themed.theme-light.application.daggerheart.sheet.dh-style.adversary .adversary-sidebar-sheet,
+body.theme-light .application.daggerheart.adversary .adversary-sidebar-sheet,
+body.theme-light.application.daggerheart.adversary .adversary-sidebar-sheet {
+ background: transparent;
+}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet {
width: 275px;
min-width: 275px;
border-right: 1px solid light-dark(#18162e, #f3c267);
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-}
-.theme-light .application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet {
- background: transparent;
}
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .portrait {
position: relative;
@@ -4623,61 +401,525 @@ body.theme-light.application.daggerheart .character-sidebar-sheet .experience-va
.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .reaction-section button {
width: 100%;
}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet {
+.application.sheet.daggerheart.actor.dh-style.character .tab.biography .items-section {
display: flex;
flex-direction: column;
- justify-content: start;
+ gap: 10px;
+ overflow-y: auto;
+ mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 98%, transparent 100%);
+ padding-bottom: 40px;
+ height: 100%;
+ scrollbar-width: thin;
+ scrollbar-color: light-dark(#18162e, #f3c267) transparent;
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.features .features-sections {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ overflow-y: auto;
+ mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
+ padding: 20px 0;
+ padding-top: 10px;
+ height: 95%;
+ scrollbar-width: thin;
+ scrollbar-color: light-dark(#18162e, #f3c267) transparent;
+}
+.themed.theme-dark .application.daggerheart.sheet.dh-style .character-header-sheet .trait,
+.themed.theme-dark.application.daggerheart.sheet.dh-style .character-header-sheet .trait,
+body.theme-dark .application.daggerheart .character-header-sheet .trait,
+body.theme-dark.application.daggerheart .character-header-sheet .trait {
+ background: url(../assets/svg/trait-shield.svg) no-repeat;
+}
+.themed.theme-light .application.daggerheart.sheet.dh-style .character-header-sheet .trait,
+.themed.theme-light.application.daggerheart.sheet.dh-style .character-header-sheet .trait,
+body.theme-light .application.daggerheart .character-header-sheet .trait,
+body.theme-light.application.daggerheart .character-header-sheet .trait {
+ background: url('../assets/svg/trait-shield-light.svg') no-repeat;
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet {
+ padding: 0 15px;
+ padding-top: 36px;
+ width: 100%;
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row {
+ display: flex;
+ gap: 5px;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0;
+ padding-top: 5px;
+ flex: 1;
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row input[type='text'] {
+ font-size: 32px;
+ height: 42px;
+ text-align: start;
+ border: 1px solid transparent;
+ outline: 2px solid transparent;
+ transition: all 0.3s ease;
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row input[type='text']:hover {
+ outline: 2px solid light-dark(#222, #f3c267);
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div {
+ white-space: nowrap;
+ display: flex;
+ justify-content: end;
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div .label {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div input {
+ width: 40px;
+ padding: 0;
text-align: center;
}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .profile {
- width: 100%;
- height: 235px;
- object-fit: cover;
- mask-image: linear-gradient(0deg, transparent 0%, black 10%);
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div .level-button {
+ color: light-dark(#222, #efe6d8);
+ font-size: 18px;
+ line-height: 1;
+ min-height: unset;
+ height: min-content;
+ padding: 4px;
+ font-family: 'Cinzel', serif;
+ margin: 0;
+ font-weight: normal;
+ border-color: light-dark(#18162e, #f3c267);
+ background-color: light-dark(transparent, #0e0d15);
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div .level-button:hover {
+ background-image: none;
+ background-color: var(--color-warm-2);
+ filter: drop-shadow(0 0 3px lightgray);
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details {
+ display: flex;
+ justify-content: space-between;
+ padding: 5px 0;
+ margin-bottom: 10px;
+ font-size: 12px;
+ color: light-dark(#18162e, #f3c267);
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details span {
+ padding: 3px;
+ border-radius: 3px;
+ transition: all 0.3s ease;
cursor: pointer;
}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container {
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details span:hover {
+ background: light-dark(#18162e40, #f3c26740);
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details span.dot {
+ background: transparent;
+ cursor: default;
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row {
display: flex;
- align-items: center;
- position: relative;
- top: -45px;
gap: 20px;
- padding: 0 20px;
- margin-bottom: -30px;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0;
+ margin-bottom: 15px;
}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info {
- display: flex;
- flex-direction: column;
- gap: 8px;
-}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info .tags {
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section,
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section {
+ position: relative;
display: flex;
gap: 10px;
- padding-bottom: 0;
-}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info .tags .tag {
- display: flex;
- flex-direction: row;
- justify-content: center;
+ background-color: light-dark(transparent, #18162e);
+ color: light-dark(#18162e, #f3c267);
+ padding: 5px 10px;
+ border: 1px solid light-dark(#18162e, #f3c267);
+ border-radius: 6px;
align-items: center;
- padding: 3px 5px;
- font-size: 12px;
- font: 'Montserrat', sans-serif;
- background: light-dark(#22222215, #efe6d815);
- border: 1px solid light-dark(#222, #efe6d8);
- border-radius: 3px;
+ width: fit-content;
+ height: 30px;
}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info .tags .label {
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section h4,
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section h4 {
+ font-size: 14px;
+ font-weight: bold;
+ text-transform: uppercase;
+ color: light-dark(#18162e, #f3c267);
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section h4.threshold-value,
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section h4.threshold-value {
+ color: light-dark(#222, #efe6d8);
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section .threshold-legend,
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section .threshold-legend {
+ position: absolute;
+ bottom: -21px;
+ color: light-dark(#f3c267, #18162e);
+ background-color: light-dark(#18162e, #f3c267);
+ padding: 3px;
+ justify-self: anchor-center;
+ border-radius: 0 0 3px 3px;
+ text-transform: capitalize;
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section .hope-value,
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section .hope-value {
display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- font-size: 12px;
+ cursor: pointer;
}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number {
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits {
+ display: flex;
+ justify-content: space-between;
+ padding: 0;
+ margin-bottom: 15px;
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait {
+ height: 60px;
+ width: 60px;
+ cursor: pointer;
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait .trait-name {
+ display: flex;
+ padding-top: 5px;
+ color: light-dark(#18162e, #f3c267);
+ font-size: 14px;
+ font-weight: 600;
+ align-items: center;
+ justify-content: center;
+ gap: 3px;
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait .trait-name i {
+ line-height: 17px;
+ font-size: 10px;
+}
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait .trait-value {
+ font-family: 'Montserrat', sans-serif;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 20px;
+ text-align: center;
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section {
+ display: flex;
+ gap: 10px;
+ align-items: center;
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar {
+ position: relative;
+ color: light-dark(#18162e50, #efe6d850);
+ width: 100%;
+ padding-top: 5px;
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input {
+ border-radius: 50px;
+ font-family: 'Montserrat', sans-serif;
+ background: light-dark(#18162e10, #f3c26710);
+ border: none;
+ outline: 2px solid transparent;
+ transition: all 0.3s ease;
+ padding: 0 20px;
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input:hover {
+ outline: 2px solid light-dark(#222, #f3c267);
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input:placeholder {
+ color: light-dark(#18162e50, #efe6d850);
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+ display: none;
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar .icon {
+ align-content: center;
+ height: 32px;
+ position: absolute;
+ right: 20px;
+ font-size: 16px;
+ z-index: 1;
+ color: light-dark(#18162e50, #efe6d850);
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .items-section {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ overflow-y: auto;
+ mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
+ padding: 20px 0;
+ height: 80%;
+ scrollbar-width: thin;
+ scrollbar-color: light-dark(#18162e, #f3c267) transparent;
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .currency-section {
+ display: flex;
+ gap: 10px;
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar {
+ position: relative;
+ color: light-dark(#18162e50, #efe6d850);
+ width: 80%;
+ padding-top: 5px;
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input {
+ border-radius: 50px;
+ font-family: 'Montserrat', sans-serif;
+ background: light-dark(#18162e10, #f3c26710);
+ border: none;
+ outline: 2px solid transparent;
+ transition: all 0.3s ease;
+ padding: 0 20px;
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input:hover {
+ outline: 2px solid light-dark(#222, #f3c267);
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input:placeholder {
+ color: light-dark(#18162e50, #efe6d850);
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+ display: none;
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar .icon {
+ align-content: center;
+ height: 32px;
+ position: absolute;
+ right: 20px;
+ font-size: 16px;
+ z-index: 1;
+ color: light-dark(#18162e50, #efe6d850);
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view {
+ background: light-dark(#18162e10, #18162e);
+ border: 1px solid light-dark(#18162e, #f3c267);
+ border-radius: 15px;
+ padding: 0;
+ gap: 0;
+ width: 62px;
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span {
+ margin: 1px;
+ width: 26px;
+ color: light-dark(#18162e, #f3c267);
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.list-icon i {
+ margin-left: 3px;
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.grid-icon i {
+ margin-right: 3px;
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.list-active {
+ border-radius: 32px 3px 3px 32px;
+ background-color: light-dark(#18162e, #f3c267);
+ color: light-dark(#efe6d8, #18162e);
+ padding: 2px;
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.grid-active {
+ border-radius: 3px 32px 32px 3px;
+ background-color: light-dark(#18162e, #f3c267);
+ color: light-dark(#efe6d8, #18162e);
+ padding: 2px;
+}
+.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .items-section {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ height: 100%;
+ overflow-y: auto;
+ mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 98%, transparent 100%);
+ padding: 20px 0;
+ height: 90%;
+ scrollbar-width: thin;
+ scrollbar-color: light-dark(#18162e, #f3c267) transparent;
+}
+.application.sheet.daggerheart.actor.dh-style.character .window-content {
+ display: grid;
+ grid-template-columns: 275px 1fr;
+ grid-template-rows: auto 1fr;
+ gap: 15px 0;
+ height: 100%;
+ width: 100%;
+ overflow: auto;
+}
+.application.sheet.daggerheart.actor.dh-style.character .window-content .character-sidebar-sheet {
+ grid-row: 1 / span 2;
+ grid-column: 1;
+}
+.application.sheet.daggerheart.actor.dh-style.character .window-content .character-header-sheet {
+ grid-row: 1;
+ grid-column: 2;
+}
+.application.sheet.daggerheart.actor.dh-style.character .window-content .tab {
+ grid-row: 2;
+ grid-column: 2;
+}
+.themed.theme-dark .application.daggerheart.sheet.dh-style .character-sidebar-sheet,
+.themed.theme-dark.application.daggerheart.sheet.dh-style .character-sidebar-sheet,
+body.theme-dark .application.daggerheart .character-sidebar-sheet,
+body.theme-dark.application.daggerheart .character-sidebar-sheet {
+ background-image: url('../assets/parchments/dh-parchment-dark.png');
+}
+.themed.theme-dark .application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value,
+.themed.theme-dark.application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value,
+body.theme-dark .application.daggerheart .character-sidebar-sheet .experience-value,
+body.theme-dark.application.daggerheart .character-sidebar-sheet .experience-value {
+ background: url(../assets/svg/experience-shield.svg) no-repeat;
+}
+.themed.theme-light .application.daggerheart.sheet.dh-style .character-sidebar-sheet,
+.themed.theme-light.application.daggerheart.sheet.dh-style .character-sidebar-sheet,
+body.theme-light .application.daggerheart .character-sidebar-sheet,
+body.theme-light.application.daggerheart .character-sidebar-sheet {
+ background: transparent;
+}
+.themed.theme-light .application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value,
+.themed.theme-light.application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value,
+body.theme-light .application.daggerheart .character-sidebar-sheet .experience-value,
+body.theme-light.application.daggerheart .character-sidebar-sheet .experience-value {
+ background: url('../assets/svg/experience-shield-light.svg') no-repeat;
+}
+.application.sheet.dh-style .character-sidebar-sheet {
+ width: 275px;
+ min-width: 275px;
+ border-right: 1px solid light-dark(#18162e, #f3c267);
+}
+.application.sheet.dh-style .character-sidebar-sheet .portrait {
+ position: relative;
+ border-bottom: 1px solid light-dark(#18162e, #f3c267);
+ cursor: pointer;
+}
+.application.sheet.dh-style .character-sidebar-sheet .portrait img {
+ height: 235px;
+ width: 275px;
+ object-fit: cover;
+}
+.application.sheet.dh-style .character-sidebar-sheet .portrait .death-roll-btn {
+ display: none;
+}
+.application.sheet.dh-style .character-sidebar-sheet .portrait.death-roll {
+ filter: grayscale(1);
+}
+.application.sheet.dh-style .character-sidebar-sheet .portrait.death-roll .death-roll-btn {
+ display: flex;
+ position: absolute;
+ top: 30%;
+ right: 30%;
+ font-size: 6rem;
+ color: #efe6d8;
+}
+.application.sheet.dh-style .character-sidebar-sheet .portrait.death-roll .death-roll-btn:hover {
+ text-shadow: 0 0 8px #efe6d8;
+}
+.application.sheet.dh-style .character-sidebar-sheet .info-section {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ top: -20px;
+ gap: 30px;
+ margin-bottom: -10px;
+}
+.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section {
+ display: flex;
+ justify-content: space-evenly;
+}
+.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar {
+ position: relative;
+ width: 100px;
+ height: 40px;
justify-items: center;
}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-value {
+.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-label {
+ position: relative;
+ top: 40px;
+ height: 22px;
+ width: 79px;
+ clip-path: path('M0 0H79L74 16.5L39 22L4 16.5L0 0Z');
+ background: light-dark(#18162e, #f3c267);
+}
+.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-label h4 {
+ font-weight: bold;
+ text-align: center;
+ line-height: 18px;
+ color: light-dark(#efe6d8, #18162e);
+}
+.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value {
+ position: absolute;
+ display: flex;
+ padding: 0 6px;
+ font-size: 1.5rem;
+ align-items: center;
+ width: 100px;
+ height: 40px;
+ justify-content: center;
+ text-align: center;
+ z-index: 2;
+ color: #efe6d8;
+}
+.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'] {
+ background: transparent;
+ font-size: 1.5rem;
+ width: 40px;
+ height: 30px;
+ text-align: center;
+ border: none;
+ outline: 2px solid transparent;
+ color: #efe6d8;
+}
+.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'].bar-input {
+ padding: 0;
+ color: #efe6d8;
+ backdrop-filter: none;
+ background: transparent;
+ transition: all 0.3s ease;
+}
+.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'].bar-input:hover,
+.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'].bar-input:focus {
+ background: rgba(24, 22, 46, 0.33);
+ backdrop-filter: blur(9.5px);
+}
+.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value .bar-label {
+ width: 40px;
+}
+.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar {
+ position: absolute;
+ appearance: none;
+ width: 100px;
+ height: 40px;
+ border: 1px solid light-dark(#18162e, #f3c267);
+ border-radius: 6px;
+ z-index: 1;
+ background: #18162e;
+}
+.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar::-webkit-progress-bar {
+ border: none;
+ background: #18162e;
+ border-radius: 6px;
+}
+.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar::-webkit-progress-value {
+ background: linear-gradient(15deg, #46140a 0%, #be0000 42%, #fcb045 100%);
+ border-radius: 6px;
+}
+.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar.stress-color::-webkit-progress-value {
+ background: linear-gradient(15deg, #823b01 0%, #fc8e45 65%, #be0000 100%);
+ border-radius: 6px;
+}
+.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar::-moz-progress-bar {
+ background: linear-gradient(15deg, #46140a 0%, #be0000 42%, #fcb045 100%);
+ border-radius: 6px;
+}
+.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar.stress-color::-moz-progress-bar {
+ background: linear-gradient(15deg, #823b01 0%, #fc8e45 65%, #be0000 100%);
+ border-radius: 6px;
+}
+.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 5px;
+ justify-content: center;
+}
+.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number {
+ justify-items: center;
+}
+.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-value {
position: relative;
display: flex;
width: 50px;
@@ -4692,272 +934,162 @@ body.theme-light.application.daggerheart .character-sidebar-sheet .experience-va
background: light-dark(transparent, #18162e);
z-index: 2;
}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-value.armor-slots {
+.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-value.armor-slots {
width: 80px;
height: 30px;
}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-label {
+.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-label {
padding: 2px 10px;
width: 100%;
border-radius: 3px;
background: light-dark(#18162e, #f3c267);
}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-label h4 {
+.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-label h4 {
font-weight: bold;
text-align: center;
line-height: 18px;
font-size: 12px;
color: light-dark(#efe6d8, #18162e);
}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-name input[type='text'] {
- font-size: 32px;
- height: 42px;
- text-align: start;
- transition: all 0.3s ease;
- outline: 2px solid transparent;
+.application.sheet.dh-style .character-sidebar-sheet .items-sidebar-list {
+ display: flex;
+ flex-direction: column;
+ gap: 5px;
+}
+.application.sheet.dh-style .character-sidebar-sheet .items-sidebar-list .inventory-item {
+ padding: 0 10px;
+}
+.application.sheet.dh-style .character-sidebar-sheet .equipment-section .title {
+ display: flex;
+ gap: 15px;
+ align-items: center;
+}
+.application.sheet.dh-style .character-sidebar-sheet .equipment-section .title h3 {
+ font-size: 20px;
+}
+.application.sheet.dh-style .character-sidebar-sheet .equipment-section .items-list {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ align-items: center;
+}
+.application.sheet.dh-style .character-sidebar-sheet .loadout-section .title {
+ display: flex;
+ gap: 15px;
+ align-items: center;
+}
+.application.sheet.dh-style .character-sidebar-sheet .loadout-section .title h3 {
+ font-size: 20px;
+}
+.application.sheet.dh-style .character-sidebar-sheet .experience-section .title {
+ display: flex;
+ gap: 15px;
+ align-items: center;
+}
+.application.sheet.dh-style .character-sidebar-sheet .experience-section .title h3 {
+ font-size: 20px;
+}
+.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list {
+ display: flex;
+ flex-direction: column;
+ gap: 5px;
+ width: 100%;
+ margin-top: 10px;
+ align-items: center;
+}
+.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-row {
+ display: flex;
+ gap: 5px;
+ width: 250px;
+ align-items: center;
+ justify-content: space-between;
+}
+.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-row input[type='text'] {
+ height: 32px;
+ width: 180px;
border: 1px solid transparent;
+ outline: 2px solid transparent;
+ font-size: 14px;
+ font-family: 'Montserrat', sans-serif;
+ transition: all 0.3s ease;
+ color: light-dark(#222, #efe6d8);
}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-name input[type='text']:hover[type='text'],
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-name input[type='text']:focus[type='text'] {
- box-shadow: none;
- outline: 2px solid light-dark(#18162e, #f3c267);
+.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-row input[type='text']:hover {
+ outline: 2px solid light-dark(#222, #efe6d8);
}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-info {
+.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-value {
+ height: 25px;
+ width: 35px;
+ font-size: 14px;
+ font-family: 'Montserrat', sans-serif;
+ color: light-dark(#222, #efe6d8);
+ align-content: center;
+ text-align: center;
+}
+.application.sheet.daggerheart.actor.dh-style.companion .partner-section,
+.application.sheet.daggerheart.actor.dh-style.companion .attack-section {
display: flex;
flex-direction: column;
- gap: 12px;
- padding: 10px 20px;
+ align-items: center;
}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-info .description,
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-info .impulses {
+.application.sheet.daggerheart.actor.dh-style.companion .partner-section .title,
+.application.sheet.daggerheart.actor.dh-style.companion .attack-section .title {
+ display: flex;
+ gap: 15px;
+ align-items: center;
+}
+.application.sheet.daggerheart.actor.dh-style.companion .partner-section .title h3,
+.application.sheet.daggerheart.actor.dh-style.companion .attack-section .title h3 {
+ font-size: 20px;
+}
+.application.sheet.daggerheart.actor.dh-style.companion .partner-section .items-list,
+.application.sheet.daggerheart.actor.dh-style.companion .attack-section .items-list {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ align-items: center;
+}
+.application.sheet.daggerheart.actor.dh-style.companion .partner-placeholder {
+ display: flex;
+ opacity: 0.6;
+ text-align: center;
+ font-style: italic;
+ justify-content: center;
+}
+.application.sheet.daggerheart.actor.dh-style.companion .experience-list {
+ display: flex;
+ flex-direction: column;
+ gap: 5px;
+ width: 100%;
+ margin-top: 10px;
+ align-items: center;
+}
+.application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-row {
+ display: flex;
+ gap: 5px;
+ width: 250px;
+ align-items: center;
+ justify-content: space-between;
+}
+.application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-row .experience-name {
+ width: 180px;
text-align: start;
+ font-size: 14px;
font-family: 'Montserrat', sans-serif;
+ color: light-dark(#222, #efe6d8);
}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-navigation {
- display: flex;
- gap: 20px;
- align-items: center;
- padding: 0 20px;
-}
-.themed.theme-dark .application.daggerheart.sheet.dh-style.environment,
-.themed.theme-dark.application.daggerheart.sheet.dh-style.environment,
-body.theme-dark .application.daggerheart.environment,
-body.theme-dark.application.daggerheart.environment {
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-}
-.themed.theme-light .application.daggerheart.sheet.dh-style.environment,
-.themed.theme-light.application.daggerheart.sheet.dh-style.environment,
-body.theme-light .application.daggerheart.environment,
-body.theme-light.application.daggerheart.environment {
- background: url('../assets/parchments/dh-parchment-light.png');
-}
-.application.sheet.daggerheart.actor.dh-style.environment .tab {
- max-height: 300px;
- overflow-y: auto;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.application.daggerheart.dh-style.dialog .window-content .dialog-header {
- width: 100%;
- padding-bottom: 16px;
-}
-.application.daggerheart.dh-style.dialog .window-content .dialog-header h1 {
- font-family: 'Cinzel', serif;
- font-style: normal;
- font-weight: 700;
- font-size: 24px;
- margin: 0;
- text-align: center;
- color: light-dark(#18162e, #f3c267);
-}
-.application.daggerheart.dh-style.dialog .tab.details.active,
-.application.daggerheart.dh-style.dialog .tab.attack.active {
- display: flex;
- flex-direction: column;
- gap: 16px;
-}
-.application.daggerheart.dh-style.dialog .tab .fieldsets-section {
- display: flex;
- gap: 16px;
-}
-.application.daggerheart.dh-style.dialog .tab.experiences .add-experience-btn {
- width: 100%;
- margin-bottom: 12px;
-}
-.application.daggerheart.dh-style.dialog .tab.experiences .experience-list {
- display: flex;
- flex-direction: column;
- gap: 10px;
-}
-.application.daggerheart.dh-style.dialog .tab.experiences .experience-list .experience-item {
- display: grid;
- grid-template-columns: 3fr 1fr 30px;
- align-items: center;
- gap: 5px;
-}
-.application.daggerheart.dh-style.dialog .tab.experiences .experience-list .experience-item a {
- text-align: center;
-}
-.application.daggerheart.dh-style.dialog .tab.features {
- max-height: 450px;
- overflow-y: auto;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.application.daggerheart.dh-style.dialog .tab.features .add-feature-btn {
- width: 100%;
- margin-bottom: 12px;
-}
-.application.daggerheart.dh-style.dialog .tab.features .feature-list {
- display: flex;
- flex-direction: column;
- gap: 10px;
-}
-.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item {
- display: grid;
- grid-template-columns: 40px 1fr auto;
- align-items: center;
- gap: 5px;
- border-radius: 3px;
-}
-.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item img {
- height: 40px;
- width: 40px;
- object-fit: cover;
-}
-.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item .label {
+.application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-value {
+ height: 25px;
+ width: 35px;
+ font-size: 14px;
font-family: 'Montserrat', sans-serif;
-}
-.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item .controls {
- display: flex;
- gap: 5px;
-}
-.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item .controls a {
+ color: light-dark(#222, #efe6d8);
+ align-content: center;
text-align: center;
+ background: url(../assets/svg/experience-shield.svg) no-repeat;
}
-.application.daggerheart.dh-style.dialog.environment-settings .tab.features {
- max-height: 450px;
- overflow-y: auto;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.application.daggerheart.dh-style.dialog.environment-settings .tab.features .add-feature-btn {
- width: 100%;
- margin-bottom: 12px;
-}
-.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list {
- display: flex;
- flex-direction: column;
- gap: 10px;
-}
-.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item {
- display: grid;
- grid-template-columns: 40px 1fr auto;
- align-items: center;
- gap: 5px;
-}
-.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item img {
- height: 40px;
- width: 40px;
- object-fit: cover;
- border-radius: 3px;
-}
-.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item .label {
- font-family: 'Montserrat', sans-serif;
-}
-.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item .controls {
- display: flex;
- gap: 5px;
-}
-.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item .controls a {
- text-align: center;
-}
-.application.daggerheart.dh-style.dialog .tab.adversaries {
- max-height: 450px;
- overflow-y: auto;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.application.daggerheart.dh-style.dialog .tab.adversaries .add-action-btn {
- width: 100%;
- margin-bottom: 12px;
-}
-.application.daggerheart.dh-style.dialog .tab.adversaries .category-container {
- display: flex;
- flex-direction: column;
- align-items: start;
- gap: 8px;
-}
-.application.daggerheart.dh-style.dialog .tab.adversaries .category-container .category-name {
- display: flex;
- align-items: center;
- gap: 10px;
- width: 100%;
-}
-.application.daggerheart.dh-style.dialog .tab.adversaries .category-container .adversaries-container {
- display: flex;
- flex-direction: column;
- gap: 6px;
- width: 100%;
-}
-.application.daggerheart.dh-style.dialog .tab.adversaries .adversaries-dragger {
- display: flex;
- align-items: center;
- justify-content: center;
- box-sizing: border-box;
- width: 100%;
- height: 40px;
- border: 1px dashed light-dark(#18162e50, #efe6d850);
- border-radius: 3px;
- color: light-dark(#18162e50, #efe6d850);
- font-family: 'Montserrat', sans-serif;
-}
-.theme-light .application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container .beastform-title {
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-}
-.application.daggerheart.dh-style.views.beastform-selection .beastforms-container {
- display: flex;
- flex-direction: column;
- gap: 4px;
-}
-.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier {
- display: grid;
- grid-template-columns: 1fr 1fr 1fr 1fr;
- gap: 4px;
-}
-.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container {
- position: relative;
- display: flex;
- justify-content: center;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- cursor: pointer;
-}
-.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container.inactive {
- opacity: 0.4;
-}
-.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container img {
- width: 100%;
- border-radius: 6px;
-}
-.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container .beastform-title {
- position: absolute;
- top: 4px;
- display: flex;
- flex-wrap: wrap;
- font-size: 16px;
- margin: 0 4px;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- color: light-dark(#efe6d8, #222);
- background-image: url('../assets/parchments/dh-parchment-light.png');
-}
-.application.daggerheart.dh-style.views.beastform-selection footer {
- margin-top: 8px;
- display: flex;
-}
-.application.daggerheart.dh-style.views.beastform-selection footer button {
- flex: 1;
+.theme-light .application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-value {
+ background: url('../assets/svg/experience-shield-light.svg') no-repeat;
}
.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet {
display: flex;
@@ -5131,71 +1263,6 @@ body.theme-light.application.daggerheart.environment {
align-items: center;
width: 100%;
}
-.application.sheet.daggerheart.actor.dh-style.companion .partner-section,
-.application.sheet.daggerheart.actor.dh-style.companion .attack-section {
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .partner-section .title,
-.application.sheet.daggerheart.actor.dh-style.companion .attack-section .title {
- display: flex;
- gap: 15px;
- align-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .partner-section .title h3,
-.application.sheet.daggerheart.actor.dh-style.companion .attack-section .title h3 {
- font-size: 20px;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .partner-section .items-list,
-.application.sheet.daggerheart.actor.dh-style.companion .attack-section .items-list {
- display: flex;
- flex-direction: column;
- gap: 10px;
- align-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .partner-placeholder {
- display: flex;
- opacity: 0.6;
- text-align: center;
- font-style: italic;
- justify-content: center;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .experience-list {
- display: flex;
- flex-direction: column;
- gap: 5px;
- width: 100%;
- margin-top: 10px;
- align-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-row {
- display: flex;
- gap: 5px;
- width: 250px;
- align-items: center;
- justify-content: space-between;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-row .experience-name {
- width: 180px;
- text-align: start;
- font-size: 14px;
- font-family: 'Montserrat', sans-serif;
- color: light-dark(#222, #efe6d8);
-}
-.application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-value {
- height: 25px;
- width: 35px;
- font-size: 14px;
- font-family: 'Montserrat', sans-serif;
- color: light-dark(#222, #efe6d8);
- align-content: center;
- text-align: center;
- background: url(../assets/svg/experience-shield.svg) no-repeat;
-}
-.theme-light .application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-value {
- background: url('../assets/svg/experience-shield-light.svg') no-repeat;
-}
.themed.theme-dark .application.daggerheart.sheet.dh-style.companion,
.themed.theme-dark.application.daggerheart.sheet.dh-style.companion,
body.theme-dark .application.daggerheart.companion,
@@ -5208,46 +1275,136 @@ body.theme-light .application.daggerheart.companion,
body.theme-light.application.daggerheart.companion {
background: url('../assets/parchments/dh-parchment-light.png');
}
-.application.sheet.daggerheart.actor.dh-style.adversary .window-content {
- overflow: auto;
-}
-.daggerheart.sheet.actor.environment .potential-adversary-container {
- width: 100%;
- height: 50px;
-}
-.daggerheart.sheet.actor.environment .potential-adversary-container .adversary-placeholder {
- font-style: italic;
- text-align: center;
- opacity: 0.6;
-}
-.daggerheart.sheet.actor.environment .potential-adversary-container .adversaries-container {
+.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet {
display: flex;
+ flex-direction: column;
+ justify-content: start;
+ text-align: center;
+}
+.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .profile {
+ width: 100%;
+ height: 235px;
+ object-fit: cover;
+ mask-image: linear-gradient(0deg, transparent 0%, black 10%);
+ cursor: pointer;
+}
+.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container {
+ display: flex;
+ align-items: center;
+ position: relative;
+ top: -45px;
+ gap: 20px;
+ padding: 0 20px;
+ margin-bottom: -30px;
+}
+.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info {
+ display: flex;
+ flex-direction: column;
gap: 8px;
}
-.daggerheart.sheet.actor.environment .potential-adversary-container .adversaries-container .adversary-container {
- border: 1px solid var(--color-dark-5);
- border-radius: 6px;
- padding: 0 2px;
- font-weight: bold;
- cursor: pointer;
- background-image: url(../assets/parchments/dh-parchment-dark.png);
- color: var(--color-light-3);
-}
-.application.sheet.daggerheart.dh-style.feature .item-sheet-header {
+.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info .tags {
display: flex;
+ gap: 10px;
+ padding-bottom: 0;
}
-.application.sheet.daggerheart.dh-style.feature .item-sheet-header .profile {
- height: 130px;
- width: 130px;
+.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info .tags .tag {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 3px 5px;
+ font-size: 12px;
+ font: 'Montserrat', sans-serif;
+ background: light-dark(#22222215, #efe6d815);
+ border: 1px solid light-dark(#222, #efe6d8);
+ border-radius: 3px;
}
-.application.sheet.daggerheart.dh-style.feature section.tab {
- height: 400px;
- overflow-y: auto;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
+.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info .tags .label {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ font-size: 12px;
}
-.application.sheet.daggerheart.dh-style.domain-card section.tab {
- height: 400px;
+.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number {
+ justify-items: center;
+}
+.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-value {
+ position: relative;
+ display: flex;
+ width: 50px;
+ height: 30px;
+ border: 1px solid light-dark(#18162e, #f3c267);
+ border-bottom: none;
+ border-radius: 6px 6px 0 0;
+ padding: 0 6px;
+ font-size: 1.2rem;
+ align-items: center;
+ justify-content: center;
+ background: light-dark(transparent, #18162e);
+ z-index: 2;
+}
+.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-value.armor-slots {
+ width: 80px;
+ height: 30px;
+}
+.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-label {
+ padding: 2px 10px;
+ width: 100%;
+ border-radius: 3px;
+ background: light-dark(#18162e, #f3c267);
+}
+.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-label h4 {
+ font-weight: bold;
+ text-align: center;
+ line-height: 18px;
+ font-size: 12px;
+ color: light-dark(#efe6d8, #18162e);
+}
+.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-name input[type='text'] {
+ font-size: 32px;
+ height: 42px;
+ text-align: start;
+ transition: all 0.3s ease;
+ outline: 2px solid transparent;
+ border: 1px solid transparent;
+}
+.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-name input[type='text']:hover[type='text'],
+.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-name input[type='text']:focus[type='text'] {
+ box-shadow: none;
+ outline: 2px solid light-dark(#18162e, #f3c267);
+}
+.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-info {
+ display: flex;
+ flex-direction: column;
+ gap: 12px;
+ padding: 10px 20px;
+}
+.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-info .description,
+.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-info .impulses {
+ text-align: start;
+ font-family: 'Montserrat', sans-serif;
+}
+.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-navigation {
+ display: flex;
+ gap: 20px;
+ align-items: center;
+ padding: 0 20px;
+}
+.themed.theme-dark .application.daggerheart.sheet.dh-style.environment,
+.themed.theme-dark.application.daggerheart.sheet.dh-style.environment,
+body.theme-dark .application.daggerheart.environment,
+body.theme-dark.application.daggerheart.environment {
+ background-image: url('../assets/parchments/dh-parchment-dark.png');
+}
+.themed.theme-light .application.daggerheart.sheet.dh-style.environment,
+.themed.theme-light.application.daggerheart.sheet.dh-style.environment,
+body.theme-light .application.daggerheart.environment,
+body.theme-light.application.daggerheart.environment {
+ background: url('../assets/parchments/dh-parchment-light.png');
+}
+.application.sheet.daggerheart.actor.dh-style.environment .tab {
+ max-height: 300px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: light-dark(#18162e, #f3c267) transparent;
@@ -5290,6 +1447,883 @@ body.theme-light.application.daggerheart.companion {
justify-content: center;
gap: 10px;
}
+.application.sheet.daggerheart.dh-style.domain-card section.tab {
+ height: 400px;
+ overflow-y: auto;
+ scrollbar-width: thin;
+ scrollbar-color: light-dark(#18162e, #f3c267) transparent;
+}
+.application.sheet.daggerheart.dh-style.feature .item-sheet-header {
+ display: flex;
+}
+.application.sheet.daggerheart.dh-style.feature .item-sheet-header .profile {
+ height: 130px;
+ width: 130px;
+}
+.application.sheet.daggerheart.dh-style.feature section.tab {
+ height: 400px;
+ overflow-y: auto;
+ scrollbar-width: thin;
+ scrollbar-color: light-dark(#18162e, #f3c267) transparent;
+}
+.application.daggerheart.dh-style.dialog .window-content .dialog-header {
+ width: 100%;
+ padding-bottom: 16px;
+}
+.application.daggerheart.dh-style.dialog .window-content .dialog-header h1 {
+ font-family: 'Cinzel', serif;
+ font-style: normal;
+ font-weight: 700;
+ font-size: 24px;
+ margin: 0;
+ text-align: center;
+ color: light-dark(#18162e, #f3c267);
+}
+.application.daggerheart.dh-style.dialog .tab.details.active,
+.application.daggerheart.dh-style.dialog .tab.attack.active {
+ display: flex;
+ flex-direction: column;
+ gap: 16px;
+}
+.application.daggerheart.dh-style.dialog .tab .fieldsets-section {
+ display: flex;
+ gap: 16px;
+}
+.application.daggerheart.dh-style.dialog .tab.experiences .add-experience-btn {
+ width: 100%;
+ margin-bottom: 12px;
+}
+.application.daggerheart.dh-style.dialog .tab.experiences .experience-list {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+}
+.application.daggerheart.dh-style.dialog .tab.experiences .experience-list .experience-item {
+ display: grid;
+ grid-template-columns: 3fr 1fr 30px;
+ align-items: center;
+ gap: 5px;
+}
+.application.daggerheart.dh-style.dialog .tab.experiences .experience-list .experience-item a {
+ text-align: center;
+}
+.application.daggerheart.dh-style.dialog .tab.features {
+ max-height: 450px;
+ overflow-y: auto;
+ scrollbar-width: thin;
+ scrollbar-color: light-dark(#18162e, #f3c267) transparent;
+}
+.application.daggerheart.dh-style.dialog .tab.features .add-feature-btn {
+ width: 100%;
+ margin-bottom: 12px;
+}
+.application.daggerheart.dh-style.dialog .tab.features .feature-list {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+}
+.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item {
+ display: grid;
+ grid-template-columns: 40px 1fr auto;
+ align-items: center;
+ gap: 5px;
+ border-radius: 3px;
+}
+.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item img {
+ height: 40px;
+ width: 40px;
+ object-fit: cover;
+}
+.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item .label {
+ font-family: 'Montserrat', sans-serif;
+}
+.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item .controls {
+ display: flex;
+ gap: 5px;
+}
+.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item .controls a {
+ text-align: center;
+}
+.application.daggerheart.dh-style.dialog.environment-settings .tab.features {
+ max-height: 450px;
+ overflow-y: auto;
+ scrollbar-width: thin;
+ scrollbar-color: light-dark(#18162e, #f3c267) transparent;
+}
+.application.daggerheart.dh-style.dialog.environment-settings .tab.features .add-feature-btn {
+ width: 100%;
+ margin-bottom: 12px;
+}
+.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+}
+.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item {
+ display: grid;
+ grid-template-columns: 40px 1fr auto;
+ align-items: center;
+ gap: 5px;
+}
+.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item img {
+ height: 40px;
+ width: 40px;
+ object-fit: cover;
+ border-radius: 3px;
+}
+.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item .label {
+ font-family: 'Montserrat', sans-serif;
+}
+.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item .controls {
+ display: flex;
+ gap: 5px;
+}
+.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item .controls a {
+ text-align: center;
+}
+.application.daggerheart.dh-style.dialog .tab.adversaries {
+ max-height: 450px;
+ overflow-y: auto;
+ scrollbar-width: thin;
+ scrollbar-color: light-dark(#18162e, #f3c267) transparent;
+}
+.application.daggerheart.dh-style.dialog .tab.adversaries .add-action-btn {
+ width: 100%;
+ margin-bottom: 12px;
+}
+.application.daggerheart.dh-style.dialog .tab.adversaries .category-container {
+ display: flex;
+ flex-direction: column;
+ align-items: start;
+ gap: 8px;
+}
+.application.daggerheart.dh-style.dialog .tab.adversaries .category-container .category-name {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ width: 100%;
+}
+.application.daggerheart.dh-style.dialog .tab.adversaries .category-container .adversaries-container {
+ display: flex;
+ flex-direction: column;
+ gap: 6px;
+ width: 100%;
+}
+.application.daggerheart.dh-style.dialog .tab.adversaries .adversaries-dragger {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ box-sizing: border-box;
+ width: 100%;
+ height: 40px;
+ border: 1px dashed light-dark(#18162e50, #efe6d850);
+ border-radius: 3px;
+ color: light-dark(#18162e50, #efe6d850);
+ font-family: 'Montserrat', sans-serif;
+}
+.daggerheart.levelup .levelup-navigation-container {
+ display: flex;
+ align-items: center;
+ gap: 22px;
+ height: 36px;
+}
+.daggerheart.levelup .levelup-navigation-container nav {
+ flex: 1;
+}
+.daggerheart.levelup .levelup-navigation-container nav .levelup-tab-container {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+}
+.daggerheart.levelup .levelup-navigation-container .levelup-navigation-actions {
+ width: 306px;
+ display: flex;
+ justify-content: end;
+ gap: 16px;
+ margin-right: 4px;
+}
+.daggerheart.levelup .levelup-navigation-container .levelup-navigation-actions * {
+ width: calc(50% - 8px);
+}
+.daggerheart.levelup .levelup-selections-container .achievement-experience-cards {
+ display: flex;
+ gap: 8px;
+}
+.daggerheart.levelup .levelup-selections-container .achievement-experience-cards .achievement-experience-card {
+ border: 1px solid;
+ border-radius: 4px;
+ padding-right: 4px;
+ font-size: 18px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 4px;
+}
+.daggerheart.levelup .levelup-selections-container .achievement-experience-cards .achievement-experience-card .achievement-experience-marker {
+ border: 1px solid;
+ border-radius: 50%;
+ height: 18px;
+ width: 18px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 12px;
+}
+.daggerheart.levelup .levelup-selections-container .levelup-card-selection {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 40px;
+}
+.daggerheart.levelup .levelup-selections-container .levelup-card-selection .card-preview-container {
+ width: calc(100% * (1 / 5));
+}
+.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+}
+.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ flex: 1;
+ position: relative;
+ cursor: pointer;
+}
+.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container.disabled {
+ pointer-events: none;
+ opacity: 0.4;
+}
+.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container .levelup-domain-label {
+ position: absolute;
+ text-align: center;
+ top: 4px;
+ background: grey;
+ padding: 0 12px;
+ border-radius: 6px;
+}
+.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container img {
+ height: 124px;
+}
+.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container .levelup-domain-selected {
+ position: absolute;
+ height: 54px;
+ width: 54px;
+ border-radius: 50%;
+ border: 2px solid;
+ font-size: 48px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background-image: url(../assets/parchments/dh-parchment-light.png);
+ color: var(--color-dark-5);
+ top: calc(50% - 29px);
+}
+.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container .levelup-domain-selected i {
+ position: relative;
+ right: 2px;
+}
+.daggerheart.levelup .levelup-selections-container .levelup-selections-title {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+}
+.daggerheart.levelup .levelup-selections-container .levelup-radio-choices {
+ display: flex;
+ gap: 8px;
+}
+.daggerheart.levelup .levelup-selections-container .levelup-radio-choices label {
+ flex: 0;
+}
+.themed.theme-light .application.daggerheart.sheet.dh-style.levelup .tiers-container .tier-container,
+.themed.theme-light.application.daggerheart.sheet.dh-style.levelup .tiers-container .tier-container,
+body.theme-light .application.daggerheart.levelup .tiers-container .tier-container,
+body.theme-light.application.daggerheart.levelup .tiers-container .tier-container {
+ background-image: url('../assets/parchments/dh-parchment-light.png');
+}
+.daggerheart.levelup .window-content {
+ max-height: 960px;
+ overflow: auto;
+}
+.daggerheart.levelup div[data-application-part='form'] {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+}
+.daggerheart.levelup section .section-container {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ margin-top: 8px;
+}
+.daggerheart.levelup .levelup-footer {
+ display: flex;
+}
+.daggerheart.levelup .levelup-summary-container .level-achievements-container,
+.daggerheart.levelup .levelup-summary-container .level-advancements-container {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+}
+.daggerheart.levelup .levelup-summary-container .level-achievements-container h2,
+.daggerheart.levelup .levelup-summary-container .level-advancements-container h2,
+.daggerheart.levelup .levelup-summary-container .level-achievements-container h3,
+.daggerheart.levelup .levelup-summary-container .level-advancements-container h3,
+.daggerheart.levelup .levelup-summary-container .level-achievements-container h4,
+.daggerheart.levelup .levelup-summary-container .level-advancements-container h4,
+.daggerheart.levelup .levelup-summary-container .level-achievements-container h5,
+.daggerheart.levelup .levelup-summary-container .level-advancements-container h5 {
+ margin: 0;
+ color: var(--color-text-secondary);
+}
+.daggerheart.levelup .levelup-summary-container .increase-container {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ font-size: 20px;
+}
+.daggerheart.levelup .levelup-summary-container .summary-selection-container {
+ display: flex;
+ gap: 8px;
+}
+.daggerheart.levelup .levelup-summary-container .summary-selection-container .summary-selection {
+ border: 2px solid;
+ border-radius: 6px;
+ padding: 0 4px;
+ font-size: 18px;
+}
+.daggerheart.levelup .tiers-container {
+ display: flex;
+ gap: 16px;
+}
+.daggerheart.levelup .tiers-container .tier-container {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ background-image: url('../assets/parchments/dh-parchment-dark.png');
+}
+.daggerheart.levelup .tiers-container .tier-container.inactive {
+ opacity: 0.4;
+ pointer-events: none;
+}
+.daggerheart.levelup .tiers-container .tier-container legend {
+ margin-left: auto;
+ margin-right: auto;
+ font-size: 22px;
+ font-weight: bold;
+ padding: 0 12px;
+}
+.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container {
+ display: grid;
+ grid-template-columns: 1fr 3fr;
+ gap: 4px;
+}
+.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container {
+ display: flex;
+ justify-content: end;
+ gap: 4px;
+}
+.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer {
+ display: flex;
+ height: min-content;
+}
+.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer.multi {
+ border: 2px solid grey;
+ padding: 2.4px 2.5px 0;
+ border-radius: 4px;
+ gap: 2px;
+}
+.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer.multi .selection-checkbox {
+ margin-left: 0;
+ margin-right: 0;
+}
+.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer .selection-checkbox {
+ margin: 0;
+}
+.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkbox-group-label {
+ font-size: 14px;
+ font-style: italic;
+}
+/* Base Value */
+/* Margins */
+/* Borders */
+/* Padding */
+/* Inputs */
+.daggerheart.views .downtime-container .downtime-header {
+ margin: 0;
+ color: light-dark(#18162e, #f3c267);
+ text-align: center;
+}
+.daggerheart.views .downtime-container .activity-container {
+ display: flex;
+ align-items: center;
+ padding: 8px;
+}
+.daggerheart.views .downtime-container .activity-container .activity-title {
+ flex: 1;
+ display: flex;
+ align-items: center;
+}
+.daggerheart.views .downtime-container .activity-container .activity-title .activity-title-text {
+ font-size: 24px;
+ font-weight: bold;
+}
+.daggerheart.views .downtime-container .activity-container .activity-title .activity-image {
+ width: 80px;
+ position: relative;
+ display: flex;
+ justify-content: center;
+ margin-right: 8px;
+ border: 2px solid black;
+ border-radius: 50%;
+ cursor: pointer;
+}
+.daggerheart.views .downtime-container .activity-container .activity-title .activity-image .activity-select-label {
+ position: absolute;
+ top: -9px;
+ font-size: 14px;
+ border: 1px solid light-dark(#18162e, #f3c267);
+ border-radius: 6px;
+ color: light-dark(#efe6d8, #222);
+ background-image: url(../assets/parchments/dh-parchment-light.png);
+ padding: 0 8px;
+ line-height: 1;
+ font-weight: bold;
+}
+.daggerheart.views .downtime-container .activity-container .activity-title .activity-image img {
+ border-radius: 50%;
+}
+.daggerheart.views .downtime-container .activity-container .activity-title .activity-image:hover,
+.daggerheart.views .downtime-container .activity-container .activity-title .activity-image.selected {
+ filter: drop-shadow(0 0 6px gold);
+}
+.daggerheart.views .downtime-container .activity-container .activity-title .custom-name-input {
+ font-size: 24px;
+ font-weight: bold;
+ padding: 0;
+ background: transparent;
+ color: #efe6d8;
+}
+.daggerheart.views .downtime-container .activity-container .activity-body {
+ flex: 1;
+ font-style: italic;
+}
+.daggerheart.views.downtime .activity-text-area {
+ resize: none;
+}
+.application.daggerheart.dh-style.views.beastform-selection .beastforms-container {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+}
+.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ gap: 4px;
+}
+.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container {
+ position: relative;
+ display: flex;
+ justify-content: center;
+ border: 1px solid light-dark(#18162e, #f3c267);
+ border-radius: 6px;
+ cursor: pointer;
+}
+.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container.inactive {
+ opacity: 0.4;
+}
+.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container img {
+ width: 100%;
+ border-radius: 6px;
+}
+.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container .beastform-title {
+ position: absolute;
+ top: 4px;
+ display: flex;
+ flex-wrap: wrap;
+ font-size: 16px;
+ margin: 0 4px;
+ border: 1px solid light-dark(#18162e, #f3c267);
+ border-radius: 6px;
+ color: light-dark(#efe6d8, #222);
+ background-image: url('../assets/parchments/dh-parchment-light.png');
+}
+.themed.theme-dark .application.daggerheart.sheet.dh-style.beastform-selection .beastforms-container .beastforms-tier .beastform-container .beastform-title,
+.themed.theme-dark.application.daggerheart.sheet.dh-style.beastform-selection .beastforms-container .beastforms-tier .beastform-container .beastform-title,
+body.theme-dark .application.daggerheart.beastform-selection .beastforms-container .beastforms-tier .beastform-container .beastform-title,
+body.theme-dark.application.daggerheart.beastform-selection .beastforms-container .beastforms-tier .beastform-container .beastform-title {
+ background-image: url('../assets/parchments/dh-parchment-dark.png');
+}
+.application.daggerheart.dh-style.views.beastform-selection footer {
+ margin-top: 8px;
+ display: flex;
+}
+.application.daggerheart.dh-style.views.beastform-selection footer button {
+ flex: 1;
+}
+.daggerheart.dh-style.dialog.character-creation .creation-action-footer {
+ display: flex;
+ align-items: center;
+ gap: 32px;
+}
+.daggerheart.dh-style.dialog.character-creation .creation-action-footer button {
+ flex: 1;
+ height: 100%;
+ white-space: nowrap;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .selections-container {
+ width: 140px;
+ display: flex;
+ flex-direction: column;
+ text-align: center;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .selections-container .card-preview-container {
+ border-color: light-dark(#18162e, #f3c267);
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .selections-outer-container {
+ display: flex;
+ justify-content: space-evenly;
+ height: 210px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container {
+ border-radius: 8px;
+ border-color: light-dark(#18162e, #f3c267);
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container legend {
+ margin-left: auto;
+ margin-right: auto;
+ font-size: 28px;
+ font-weight: bold;
+ padding: 0 8px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container {
+ position: relative;
+ border-radius: 8px;
+ border-color: light-dark(#18162e, #f3c267);
+ display: flex;
+ justify-content: center;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container legend {
+ font-size: 20px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container .action-button {
+ position: absolute;
+ bottom: -8px;
+ height: 16px;
+ width: 110px;
+ min-height: unset;
+ border: 1px solid light-dark(#18162e, #f3c267);
+ color: light-dark(#efe6d8, #efe6d8);
+ background-color: light-dark(var(--color-warm-3), var(--color-warm-3));
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container .action-button:hover {
+ background-color: light-dark(var(--color-warm-2), var(--color-warm-2));
+ filter: drop-shadow(0 0 3px light-dark(var(--color-warm-2), var(--color-warm-2)));
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container {
+ text-align: center;
+ display: flex;
+ gap: 16px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .suggested-traits-container {
+ display: flex;
+ flex-wrap: wrap;
+ width: 176px;
+ gap: 4px;
+ margin-bottom: 8px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container {
+ width: 56px;
+ white-space: nowrap;
+ border: 1px solid light-dark(#18162e, #f3c267);
+ border-radius: 6px;
+ color: light-dark(#efe6d8, #222);
+ background-image: url('../assets/parchments/dh-parchment-light.png');
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .traits-inner-container {
+ display: flex;
+ justify-content: space-evenly;
+ gap: 8px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .traits-inner-container .trait-container {
+ border: 1px solid light-dark(#18162e, #f3c267);
+ padding: 0 4px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container {
+ display: flex;
+ justify-content: space-evenly;
+ text-align: center;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container .experience-container {
+ position: relative;
+ display: flex;
+ align-items: center;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container .experience-container .experience-description {
+ border-color: light-dark(#18162e, #f3c267);
+ padding-right: 24px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container .experience-container .experience-value {
+ position: absolute;
+ right: 0;
+ width: 22px;
+ border-left: 1px solid light-dark(#18162e, #f3c267);
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer {
+ display: flex;
+ align-items: center;
+ gap: 32px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section {
+ display: flex;
+ align-items: center;
+ gap: 32px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav {
+ flex: 1;
+ gap: 8px;
+ border: 0;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a {
+ flex: 1;
+ text-align: center;
+ display: flex;
+ justify-content: center;
+ position: relative;
+ border: 1px solid light-dark(#18162e, #f3c267);
+ border-radius: 6px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .nav-section-text {
+ position: relative;
+ display: flex;
+ align-items: center;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .finish-marker {
+ position: absolute;
+ align-self: center;
+ top: -10px;
+ padding: 4px;
+ border: 1px solid;
+ border-radius: 50%;
+ height: 20px;
+ width: 20px;
+ font-size: 14px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background-color: var(--color-cool-4);
+ content: '';
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .finish-marker.finished {
+ background-color: var(--color-warm-2);
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor {
+ position: absolute;
+ bottom: -8px;
+ font-size: 12px;
+ border-radius: 8px;
+ width: 56px;
+ text-align: center;
+ line-height: 1;
+ border: 1px solid light-dark(#18162e, #f3c267);
+ border-radius: 6px;
+ color: light-dark(#efe6d8, #222);
+ background-image: url(../assets/parchments/dh-parchment-light.png);
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section button {
+ flex: 1;
+ height: 100%;
+ white-space: nowrap;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .main-equipment-selection {
+ display: grid;
+ grid-template-columns: 1fr 2fr;
+ gap: 16px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .main-equipment-selection.triple {
+ grid-template-columns: 1fr 1fr 1fr;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 8px;
+ border: 2px solid light-dark(#18162e, #f3c267);
+ border-radius: 8px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection legend {
+ margin-left: auto;
+ margin-right: auto;
+ font-size: 28px;
+ font-weight: bold;
+ padding: 0 8px;
+ white-space: nowrap;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .equipment-subsection {
+ display: flex;
+ align-items: start;
+ gap: 32px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .equipment-wrapper {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 8px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-evenly;
+ gap: 8px;
+ height: 100%;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment {
+ border: 1px solid light-dark(#18162e, #f3c267);
+ border-radius: 8px;
+ position: relative;
+ display: flex;
+ justify-content: center;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment.selectable {
+ cursor: pointer;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment.inactive {
+ opacity: 0.4;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label {
+ position: absolute;
+ top: -8px;
+ font-size: 12px;
+ white-space: nowrap;
+ border: 1px solid light-dark(#18162e, #f3c267);
+ border-radius: 6px;
+ color: light-dark(#efe6d8, #222);
+ background-image: url('../assets/parchments/dh-parchment-light.png');
+ padding: 0 2px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment img {
+ width: 60px;
+ height: 60px;
+ border-radius: 8px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container {
+ position: relative;
+ display: flex;
+ justify-content: center;
+ height: min-content;
+ border: 2px solid light-dark(#18162e, #f3c267);
+ border-radius: 8px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container legend {
+ margin-left: auto;
+ margin-right: auto;
+ font-size: 12px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container {
+ position: relative;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 6px;
+ cursor: grab;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container.taken {
+ opacity: 0.4;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container label {
+ position: absolute;
+ top: -2px;
+ font-size: 12px;
+}
+.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container img {
+ width: 120px;
+}
+.themed.theme-dark .application.daggerheart.sheet.dh-style .character-creation .tab-navigation nav a .descriptor,
+.themed.theme-dark.application.daggerheart.sheet.dh-style .character-creation .tab-navigation nav a .descriptor,
+body.theme-dark .application.daggerheart .character-creation .tab-navigation nav a .descriptor,
+body.theme-dark.application.daggerheart .character-creation .tab-navigation nav a .descriptor {
+ background-image: url('../assets/parchments/dh-parchment-dark.png');
+}
+.themed.theme-dark .application.daggerheart.sheet.dh-style .character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container,
+.themed.theme-dark.application.daggerheart.sheet.dh-style .character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container,
+body.theme-dark .application.daggerheart .character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container,
+body.theme-dark.application.daggerheart .character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container,
+.themed.theme-dark .application.daggerheart.sheet.dh-style .character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor,
+.themed.theme-dark.application.daggerheart.sheet.dh-style .character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor,
+body.theme-dark .application.daggerheart .character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor,
+body.theme-dark.application.daggerheart .character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor,
+.themed.theme-dark .application.daggerheart.sheet.dh-style .character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label,
+.themed.theme-dark.application.daggerheart.sheet.dh-style .character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label,
+body.theme-dark .application.daggerheart .character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label,
+body.theme-dark.application.daggerheart .character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label {
+ background-image: url('../assets/parchments/dh-parchment-dark.png');
+}
+.daggerheart.dh-style.dialog.character-creation .window-content {
+ gap: 16px;
+}
+.daggerheart.dh-style.dialog.character-creation .window-content .tab {
+ overflow-y: auto;
+}
+.daggerheart.dh-style.dialog.character-creation .tab-navigation nav {
+ flex: 1;
+}
+.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a {
+ flex: 1;
+ text-align: center;
+ display: flex;
+ justify-content: center;
+ position: relative;
+}
+.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a.disabled {
+ opacity: 0.4;
+}
+.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .nav-section-text {
+ position: relative;
+ display: flex;
+ align-items: center;
+}
+.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .finish-marker {
+ position: absolute;
+ align-self: center;
+ top: -8px;
+ padding: 4px;
+ border: 1px solid;
+ border-radius: 50%;
+ height: 16px;
+ width: 16px;
+ font-size: 12px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background-color: var(--color-cool-4);
+ content: '';
+}
+.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .finish-marker.active {
+ background-color: var(--color-warm-2);
+}
+.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .descriptor {
+ position: absolute;
+ bottom: -8px;
+ font-size: 12px;
+ border-radius: 8px;
+ width: 56px;
+ text-align: center;
+ line-height: 1;
+ border: 1px solid light-dark(#18162e, #f3c267);
+ border-radius: 6px;
+ color: light-dark(#efe6d8, #222);
+ background-image: url(../assets/parchments/dh-parchment-light.png);
+}
.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container {
display: flex;
flex-direction: column;
@@ -5395,6 +2429,125 @@ body.theme-light.application.daggerheart.companion {
line-height: 17px;
color: light-dark(#222, #efe6d8);
}
+.daggerheart.views.damage-reduction .damage-reduction-container {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 4px;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container .section-container {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 100%;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container .padded {
+ padding: 0 8px;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container .armor-title {
+ margin: 0;
+ white-space: nowrap;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container .resources-container {
+ display: flex;
+ gap: 8px;
+ width: 100%;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container .resources-container .resource-container {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection {
+ display: flex;
+ align-items: center;
+ width: 100%;
+ margin: 0;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner {
+ display: flex;
+ gap: 2px;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner:not(:last-child) {
+ margin-right: 8px;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container {
+ cursor: pointer;
+ border: 1px solid light-dark(#18162e, #f3c267);
+ border-radius: 6px;
+ height: 26px;
+ padding: 0 1px;
+ font-size: 18px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ opacity: 0.4;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container.selected {
+ opacity: 1;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container.inactive {
+ cursor: initial;
+ opacity: 0.2;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container .fa-shield {
+ position: relative;
+ right: 0.5px;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container {
+ margin: 0;
+ width: 100%;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction {
+ border: 1px solid light-dark(#18162e, #f3c267);
+ border-radius: 6px;
+ height: 26px;
+ padding: 0 4px;
+ font-size: 18px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 4px;
+ opacity: 0.4;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction.active {
+ opacity: 1;
+ cursor: pointer;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction.selected {
+ opacity: 1;
+ background: var(--color-warm-2);
+ color: white;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction .stress-reduction-cost {
+ display: flex;
+ align-items: center;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container .markers-subtitle {
+ margin: -4px 0 0 0;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container .markers-subtitle.bold {
+ font-variant: all-small-caps;
+ font-weight: bold;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container footer {
+ display: flex;
+ width: 100%;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container footer button {
+ flex: 1;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container footer button .damage-value {
+ font-weight: bold;
+}
+.daggerheart.views.damage-reduction .damage-reduction-container footer button .damage-value.reduced-value {
+ opacity: 0.4;
+ text-decoration: line-through;
+}
+.daggerheart.views.damage-reduction .window-content {
+ padding: 8px 0;
+}
@keyframes glow {
0% {
box-shadow: 0 0 1px 1px #f3c267;
@@ -5483,11 +2636,6 @@ body.theme-light.application.daggerheart.companion {
font-family: 'Montserrat', sans-serif;
opacity: 0.8;
}
-/**
- * Applies theme-specific styles.
- * @param {Rules} @darkRules - Styles to apply when `.theme-dark` is present
- * @param {Rules} @lightRules - Styles to apply when `.theme-light` is present
- */
.themed.theme-dark .application.daggerheart.sheet.dh-style,
.themed.theme-dark.application.daggerheart.sheet.dh-style,
body.theme-dark .application.daggerheart,
@@ -6526,103 +3674,930 @@ body.theme-light.application.daggerheart.dialog {
.filter-menu fieldset.filter-section .filter-buttons button.active {
animation: glow 0.75s infinite alternate;
}
-.daggerheart {
- /* Flex */
- /****/
-}
-.daggerheart .vertical-separator {
- border-left: 2px solid black;
- height: 56px;
- flex: 0;
- align-self: center;
-}
-.daggerheart .flex-centered {
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.daggerheart .flex-col-centered {
+.daggerheart.chat.downtime {
display: flex;
flex-direction: column;
align-items: center;
}
-.daggerheart .flex-spaced {
+.daggerheart.chat.downtime .downtime-title-container {
display: flex;
- justify-content: space-between;
+ flex-direction: column;
align-items: center;
+}
+.daggerheart.chat.downtime .downtime-title-container .downtime-subtitle {
+ font-size: 17px;
+}
+.daggerheart.chat.downtime .downtime-image {
+ width: 80px;
+}
+.daggerheart.chat.downtime .downtime-refresh-container {
+ margin-top: 8px;
width: 100%;
}
-.daggerheart .flex-min {
- display: flex;
- flex: 0;
-}
-.daggerheart img[data-edit='img'] {
- min-width: 64px;
- min-height: 64px;
-}
-.daggerheart .editor {
- height: 200px;
-}
-.daggerheart button i {
- margin: 0;
-}
-.daggerheart .icon-button.spaced {
- margin-left: 4px;
-}
-.daggerheart .icon-button.disabled {
- opacity: 0.6;
-}
-.daggerheart .icon-button:hover:not(.disabled) {
- cursor: pointer;
-}
-#players h3 {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: nowrap;
-}
-#players h3 .players-container {
- display: flex;
- align-items: center;
-}
-#players h3 .fear-control {
- font-size: 10px;
-}
-#players h3 .fear-control.disabled {
- opacity: 0.4;
-}
-#players h3 .fear-control:hover:not(.disabled) {
- cursor: pointer;
- filter: drop-shadow(0 0 3px red);
-}
-.unlist {
- list-style: none;
- padding-inline-start: 0;
-}
-.list-select {
- margin: 1rem;
-}
-.list-select li:not(:last-child) {
- border-bottom: 1px solid #bbb;
-}
-.list-select li label {
- padding: 4px 8px;
- display: flex;
- align-items: center;
- gap: 1rem;
- cursor: pointer;
-}
-.list-select li label > span {
- flex: 1;
+.daggerheart.chat.downtime .downtime-refresh-container .refresh-title {
font-weight: bold;
- font-size: var(--font-size-16);
}
-dh-icon,
-dh-icon > img {
- width: 32px;
- height: 32px;
+.daggerheart.chat.roll .dice-flavor {
+ text-align: center;
+ font-weight: bold;
+}
+.daggerheart.chat.roll .dice-tooltip .dice-rolls.duality {
+ display: flex;
+ gap: 0.25rem;
+}
+.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll {
display: flex;
align-items: center;
justify-content: center;
- font-size: x-large;
+ gap: 4px;
+ margin-bottom: 4px;
+}
+.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container {
+ display: flex;
+ flex-direction: column;
+ gap: 2px;
+}
+.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-title {
+ color: var(--color-light-1);
+ text-shadow: 0 0 1px black;
+}
+.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: relative;
+}
+.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-wrapper,
+.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-wrapper {
+ clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
+}
+.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container .dice-wrapper {
+ height: 24px;
+ width: 24px;
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container .dice-wrapper .dice {
+ height: 26px;
+ width: 26px;
+ max-width: unset;
+ position: absolute;
+}
+.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container .dice-value {
+ position: absolute;
+ font-weight: bold;
+ font-size: 16px;
+}
+.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-wrapper {
+ background: black;
+}
+.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-wrapper .dice {
+ filter: brightness(0) saturate(100%) invert(79%) sepia(79%) saturate(333%) hue-rotate(352deg) brightness(102%) contrast(103%);
+}
+.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-value {
+ color: var(--color-dark-1);
+ text-shadow: 0 0 4px white;
+}
+.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-wrapper {
+ background: white;
+}
+.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-wrapper .dice {
+ filter: brightness(0) saturate(100%) invert(12%) sepia(88%) saturate(4321%) hue-rotate(221deg) brightness(92%) contrast(110%);
+}
+.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-value {
+ color: var(--color-light-1);
+ text-shadow: 0 0 4px black;
+}
+.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.advantage .dice-wrapper .dice {
+ filter: brightness(0) saturate(100%) invert(18%) sepia(92%) saturate(4133%) hue-rotate(96deg) brightness(104%) contrast(107%);
+}
+.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.disadvantage .dice-wrapper .dice {
+ filter: brightness(0) saturate(100%) invert(9%) sepia(78%) saturate(6903%) hue-rotate(11deg) brightness(93%) contrast(117%);
+}
+.daggerheart.chat.roll .dice-total.duality.hope {
+ border-color: #ffe760;
+ border-width: 3px;
+ background: rgba(255, 231, 96, 0.5);
+}
+.daggerheart.chat.roll .dice-total.duality.fear {
+ border-color: #0032b1;
+ border-width: 3px;
+ background: rgba(0, 50, 177, 0.5);
+}
+.daggerheart.chat.roll .dice-total.duality.critical {
+ border-color: #430070;
+ border-width: 3px;
+ background: rgba(67, 0, 112, 0.5);
+}
+.daggerheart.chat.roll .dice-total .dice-total-value .hope {
+ color: #ffe760;
+}
+.daggerheart.chat.roll .dice-total .dice-total-value .fear {
+ color: #0032b1;
+}
+.daggerheart.chat.roll .dice-total .dice-total-value .critical {
+ color: #430070;
+}
+.daggerheart.chat.roll .dice-total-label {
+ font-size: 12px;
+ font-weight: bold;
+ font-variant: all-small-caps;
+ margin: -8px 0;
+}
+.daggerheart.chat.roll .target-selection {
+ display: flex;
+ justify-content: space-around;
+}
+.daggerheart.chat.roll .target-selection input[type='radio'] {
+ display: none;
+}
+.daggerheart.chat.roll .target-selection input[type='radio']:checked + label {
+ text-shadow: 0px 0px 4px #ce5937;
+}
+.daggerheart.chat.roll .target-selection input[type='radio']:not(:checked) + label {
+ opacity: 0.75;
+}
+.daggerheart.chat.roll .target-selection label {
+ cursor: pointer;
+ opacity: 0.75;
+}
+.daggerheart.chat.roll .target-selection label.target-selected {
+ text-shadow: 0px 0px 4px #ce5937;
+ opacity: 1;
+}
+.daggerheart.chat.roll .target-section {
+ margin-top: 5px;
+}
+.daggerheart.chat.roll .target-section .target-container {
+ display: flex;
+ transition: all 0.2s ease-in-out;
+}
+.daggerheart.chat.roll .target-section .target-container:hover {
+ filter: drop-shadow(0 0 3px gold);
+ border-color: gold;
+}
+.daggerheart.chat.roll .target-section .target-container.hidden {
+ display: none;
+ border: 0;
+}
+.daggerheart.chat.roll .target-section .target-container.hit {
+ background: #008000;
+}
+.daggerheart.chat.roll .target-section .target-container.miss {
+ background: #ff0000;
+}
+.daggerheart.chat.roll .target-section .target-container img,
+.daggerheart.chat.roll .target-section .target-container .target-save-container {
+ width: 22px;
+ height: 22px;
+ align-self: center;
+ border-color: transparent;
+}
+.daggerheart.chat.roll .target-section .target-container img {
+ flex: 0;
+ margin-left: 8px;
+}
+.daggerheart.chat.roll .target-section .target-container .target-save-container {
+ margin-right: 8px;
+ justify-content: center;
+ display: flex;
+ align-items: center;
+ min-height: unset;
+ border: 1px solid black;
+}
+.daggerheart.chat.roll .target-section .target-container .target-inner-container {
+ flex: 1;
+ display: flex;
+ justify-content: center;
+ font-size: var(--font-size-16);
+}
+.daggerheart.chat.roll .target-section .target-container:not(:has(.target-save-container)) .target-inner-container {
+ margin-right: 32px;
+}
+.daggerheart.chat.roll .dice-actions {
+ display: flex;
+ gap: 4px;
+}
+.daggerheart.chat.roll .dice-actions button {
+ flex: 1;
+}
+.daggerheart.chat.roll .dice-result .roll-damage-button,
+.daggerheart.chat.roll .dice-result .damage-button,
+.daggerheart.chat.roll .dice-result .duality-action {
+ margin-top: 5px;
+}
+.daggerheart.chat.roll:not(.expanded) .dice-tooltip {
+ grid-template-rows: 0fr;
+}
+.daggerheart.chat.domain-card {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.daggerheart.chat.domain-card .domain-card-title {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.daggerheart.chat.domain-card .domain-card-title div {
+ font-size: 20px;
+ font-variant: small-caps;
+ font-weight: bold;
+}
+.daggerheart.chat.domain-card .domain-card-title h2 {
+ width: 100%;
+ text-align: center;
+ margin: 0;
+}
+.daggerheart.chat.domain-card .ability-card-footer {
+ display: flex;
+ width: 100%;
+ margin-top: 8px;
+ flex-wrap: wrap;
+}
+.daggerheart.chat.domain-card .ability-card-footer button {
+ border-radius: 6px;
+ background: #699969;
+ border-color: black;
+ flex-basis: calc(50% - 2px);
+}
+.daggerheart.chat.domain-card .ability-card-footer button:nth-of-type(n + 3) {
+ margin-top: 2px;
+}
+.daggerheart.chat.domain-card .ability-card-footer .ability-card-action-cost {
+ margin: auto;
+ font-size: 1.5em;
+}
+.daggerheart.chat.domain-card img {
+ width: 80px;
+}
+.daggerheart.chat button.inner-button {
+ --button-size: 1.25rem;
+ --input-height: 1.25rem;
+ padding: 0 0.25rem;
+ margin: 5px 1px -4px auto;
+}
+.daggerheart.chat button.inner-button.inner-button-right {
+ margin-left: auto;
+}
+.daggerheart.chat [data-use-perm='false'] {
+ pointer-events: none;
+ border-color: transparent;
+}
+.daggerheart.chat [data-view-perm='false'] > * {
+ display: none;
+}
+.daggerheart.chat [data-view-perm='false']::after {
+ content: '??';
+}
+.chat-message .duality-modifiers,
+.chat-message .duality-result,
+.chat-message .dice-title {
+ display: none;
+}
+fieldset.daggerheart.chat {
+ padding: 0;
+ border-left-width: 0;
+ border-right-width: 0;
+ border-bottom-width: 0;
+}
+fieldset.daggerheart.chat legend {
+ display: flex;
+ align-items: center;
+ gap: 5px;
+}
+fieldset.daggerheart.chat legend:before,
+fieldset.daggerheart.chat legend:after {
+ content: '\f0d8';
+ font-family: 'Font Awesome 6 Pro';
+}
+fieldset.daggerheart.chat.expanded legend:before,
+fieldset.daggerheart.chat.expanded legend:after {
+ content: '\f0d7';
+}
+fieldset.daggerheart.chat .daggerheart.chat {
+ margin-top: 5px;
+}
+.theme-colorful .chat-message.duality {
+ border-color: black;
+ padding: 8px 0 0 0;
+}
+.theme-colorful .chat-message.duality fieldset.daggerheart.chat {
+ border-top-width: 0;
+ display: contents;
+}
+.theme-colorful .chat-message.duality fieldset.daggerheart.chat legend:before,
+.theme-colorful .chat-message.duality fieldset.daggerheart.chat legend:after {
+ display: none;
+}
+.theme-colorful .chat-message.duality .message-header {
+ color: var(--color-light-3);
+ padding: 0 8px;
+}
+.theme-colorful .chat-message.duality.hope {
+ background: linear-gradient(0, rgba(165, 42, 42, 0.6) 40px, rgba(0, 0, 0, 0.6));
+}
+.theme-colorful .chat-message.duality.fear {
+ background: linear-gradient(0, rgba(0, 0, 255, 0.6), rgba(15, 15, 97, 0.6));
+}
+.theme-colorful .chat-message.duality.critical {
+ background: linear-gradient(0, rgba(128, 0, 128, 0.6), rgba(37, 8, 37, 0.6));
+}
+.theme-colorful .chat-message.duality .chat-message header {
+ color: var(--color-light-3);
+}
+.theme-colorful .chat-message.duality > * {
+ padding: 0 8px;
+}
+.theme-colorful .chat-message.duality .message-content .duality-modifiers,
+.theme-colorful .chat-message.duality .message-content .duality-result,
+.theme-colorful .chat-message.duality .message-content .dice-title {
+ display: flex;
+}
+.theme-colorful .chat-message.duality .message-content .duality-modifiers {
+ display: flex;
+ gap: 2px;
+ margin-bottom: 4px;
+}
+.theme-colorful .chat-message.duality .message-content .duality-modifiers .duality-modifier {
+ padding: 2px;
+ border-radius: 6px;
+ border: 1px solid;
+ background: var(--color-dark-6);
+ font-size: 12px;
+}
+.theme-colorful .chat-message.duality .message-content .dice-flavor {
+ color: var(--color-light-1);
+ text-shadow: 0 0 1px black;
+ border-bottom: 1px solid;
+ display: flex;
+ align-items: end;
+ justify-content: space-between;
+ padding: 0 8px;
+ margin: 0 -8px 2px;
+ font-weight: unset;
+}
+.theme-colorful .chat-message.duality .message-content .dice-result .duality-modifiers {
+ display: flex;
+ gap: 2px;
+ margin-bottom: 4px;
+}
+.theme-colorful .chat-message.duality .message-content .dice-result .duality-modifiers .duality-modifier {
+ padding: 2px;
+ border-radius: 6px;
+ border: 1px solid;
+ background: var(--color-dark-6);
+ font-size: 12px;
+}
+.theme-colorful .chat-message.duality .message-content .dice-result .dice-formula,
+.theme-colorful .chat-message.duality .message-content .dice-result > .dice-total,
+.theme-colorful .chat-message.duality .message-content .dice-result .part-header {
+ display: none;
+}
+.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip {
+ grid-template-rows: 1fr;
+}
+.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part {
+ display: flex;
+ align-items: end;
+ gap: 0.25rem;
+}
+.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part .dice .dice-rolls {
+ margin-bottom: 0;
+}
+.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part .dice .dice-rolls.duality li {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: relative;
+ background: unset;
+ line-height: unset;
+ font-weight: unset;
+}
+.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part .duality-modifier {
+ display: flex;
+ margin-bottom: 6px;
+ color: var(--color-light-1);
+ text-shadow: 0 0 1px black;
+ font-size: var(--font-size-16);
+}
+.theme-colorful .chat-message.duality .message-content .dice-result .target-selection label {
+ color: var(--color-light-1);
+}
+.theme-colorful .chat-message.duality .message-content .dice-result .target-section {
+ margin: 4px 0;
+ border: 2px solid;
+ margin-top: 5px;
+}
+.theme-colorful .chat-message.duality .message-content .dice-result .target-section .dice-total {
+ box-shadow: unset;
+ border: unset;
+ border-radius: unset;
+ font-size: var(--font-size-18);
+}
+.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions {
+ justify-content: space-between;
+}
+.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions.duality-alone {
+ justify-content: end;
+ margin-top: -20px;
+}
+.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions > * {
+ display: flex;
+ color: var(--color-light-1);
+ text-shadow: 0 0 1px black;
+ font-weight: bold;
+ background: var(--color-dark-1);
+ padding: 4px;
+ border-color: black;
+ min-height: unset;
+ height: 26px;
+ flex: unset;
+ margin: 0;
+}
+.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions .duality-action {
+ border-radius: 0 6px 0 0;
+ margin-left: -8px;
+}
+.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions .duality-action.duality-action-effect {
+ border-top-left-radius: 6px;
+ margin-left: initial;
+}
+.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions .duality-result {
+ border-radius: 6px 0 0 0;
+ margin-right: -8px;
+}
+.theme-colorful .chat-message.duality .message-content .dice-result .duality-result {
+ display: flex;
+ color: var(--color-light-1);
+ text-shadow: 0 0 1px black;
+ font-weight: bold;
+ background: var(--color-dark-1);
+ padding: 4px;
+ border-color: black;
+ min-height: unset;
+ height: 26px;
+ flex: unset;
+ margin: 0;
+ margin-left: auto;
+ align-self: center;
+ border-radius: 6px;
+}
+.theme-colorful .chat-message.duality button.inner-button {
+ color: var(--color-light-1);
+ text-shadow: 0 0 1px black;
+ font-weight: bold;
+ background: var(--color-dark-1);
+ border-color: black;
+}
+.combat-sidebar h4 {
+ margin: 0;
+ text-align: center;
+}
+.combat-sidebar .combatant-controls {
+ flex: 0;
+}
+.combat-sidebar .encounter-controls.combat {
+ justify-content: space-between;
+}
+.combat-sidebar .encounter-controls.combat .encounter-fear-controls {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
+.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container {
+ display: flex;
+ gap: 2px;
+}
+.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container {
+ display: flex;
+ position: relative;
+ align-items: center;
+ justify-content: center;
+ color: black;
+}
+.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container .dice {
+ height: 22px;
+ width: 22px;
+}
+.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container .encounter-control-fear {
+ position: absolute;
+ font-size: 16px;
+}
+.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container .encounter-control-counter {
+ position: absolute;
+ right: -10px;
+ color: var(--color-text-secondary);
+}
+.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-countdowns {
+ color: var(--content-link-icon-color);
+}
+.combat-sidebar .encounter-controls.combat .control-buttons {
+ width: min-content;
+}
+.combat-sidebar .spotlight-control {
+ font-size: 26px;
+}
+.combat-sidebar .spotlight-control:focus {
+ outline: none;
+ box-shadow: none;
+}
+.combat-sidebar .spotlight-control.discrete:hover {
+ background: inherit;
+}
+.combat-sidebar .spotlight-control.requesting {
+ filter: drop-shadow(0 0 3px gold);
+ color: var(--button-hover-text-color);
+}
+.combat-sidebar .token-actions {
+ align-self: stretch;
+ display: flex;
+ align-items: top;
+ justify-content: center;
+ gap: 16px;
+}
+.combat-sidebar .token-actions .action-tokens {
+ display: flex;
+ gap: 4px;
+}
+.combat-sidebar .token-actions .action-tokens .action-token {
+ height: 22px;
+ width: 22px;
+ border: 1px solid;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 10px;
+ padding: 8px;
+ --button-size: 0;
+}
+.combat-sidebar .token-actions .action-tokens .action-token.used {
+ opacity: 0.5;
+ background: transparent;
+}
+.combat-sidebar .token-actions button {
+ font-size: 22px;
+ height: 24px;
+ width: 24px;
+}
+.combat-sidebar .token-actions button.main {
+ background: var(--button-hover-background-color);
+ color: var(--button-hover-text-color);
+ border-color: var(--button-hover-border-color);
+}
+.combat-sidebar .token-actions button.main:hover {
+ filter: drop-shadow(0 0 3px var(--button-hover-text-color));
+}
+.daggerheart.dh-style.countdown fieldset {
+ align-items: center;
+ margin-top: 5px;
+ border-radius: 6px;
+ border-color: light-dark(#18162e, #f3c267);
+}
+.daggerheart.dh-style.countdown fieldset legend {
+ font-family: 'Montserrat', sans-serif;
+ font-weight: bold;
+ color: light-dark(#18162e, #f3c267);
+}
+.daggerheart.dh-style.countdown fieldset legend a {
+ text-shadow: none;
+}
+.daggerheart.dh-style.countdown .minimized-view {
+ display: flex;
+ gap: 8px;
+ flex-wrap: wrap;
+}
+.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container {
+ width: fit-content;
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ border: 2px solid light-dark(#18162e, #f3c267);
+ border-radius: 6px;
+ padding: 0 4px 0 0;
+ background-image: url('../assets/parchments/dh-parchment-light.png');
+ color: light-dark(#efe6d8, #222);
+ cursor: pointer;
+}
+.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container.disabled {
+ cursor: initial;
+}
+.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container img {
+ width: 30px;
+ height: 30px;
+ border-radius: 6px 0 0 6px;
+}
+.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container .mini-countdown-name {
+ white-space: nowrap;
+}
+.daggerheart.dh-style.countdown .hidden {
+ display: none;
+}
+.themed.theme-light .application.daggerheart.sheet.dh-style.countdown .minimized-view .mini-countdown-container,
+.themed.theme-light.application.daggerheart.sheet.dh-style.countdown .minimized-view .mini-countdown-container,
+body.theme-light .application.daggerheart.countdown .minimized-view .mini-countdown-container,
+body.theme-light.application.daggerheart.countdown .minimized-view .mini-countdown-container {
+ background-image: url('../assets/parchments/dh-parchment-dark.png');
+}
+.daggerheart.dh-style.countdown {
+ overflow: hidden;
+}
+.daggerheart.dh-style.countdown .window-content > div {
+ height: 100%;
+}
+.daggerheart.dh-style.countdown .window-content > div .expanded-view {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+}
+.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-menu {
+ display: flex;
+ gap: 8px;
+}
+.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-menu .flex {
+ flex: 1;
+}
+.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container {
+ display: flex;
+ gap: 8px;
+ flex-wrap: wrap;
+ overflow: auto;
+ max-height: 100%;
+}
+.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset {
+ width: 340px;
+ height: min-content;
+ position: relative;
+}
+.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .ownership-button {
+ position: absolute;
+ top: 8px;
+ right: 8px;
+ font-size: 18px;
+}
+.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container {
+ display: flex;
+ align-items: center;
+ gap: 16px;
+}
+.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container img {
+ width: 150px;
+ height: 150px;
+ cursor: pointer;
+}
+.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container img.disabled {
+ cursor: initial;
+}
+.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container .countdown-inner-container {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+}
+.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container .countdown-inner-container .countdown-value-container {
+ display: flex;
+ gap: 4px;
+}
+.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container .countdown-inner-container .countdown-value-container input {
+ max-width: 80px;
+}
+.daggerheart.views.ownership-selection .ownership-outer-container {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+}
+.daggerheart.views.ownership-selection .ownership-outer-container .ownership-container {
+ display: flex;
+ border: 2px solid light-dark(#18162e, #f3c267);
+ border-radius: 6px;
+ padding: 0 4px 0 0;
+ align-items: center;
+ gap: 8px;
+}
+.daggerheart.views.ownership-selection .ownership-outer-container .ownership-container img {
+ height: 40px;
+ width: 40px;
+ border-radius: 6px 0 0 6px;
+}
+.daggerheart.views.ownership-selection .ownership-outer-container .ownership-container select {
+ margin: 4px 0;
+}
+:root {
+ --shadow-text-stroke: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
+ --fear-animation: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
+}
+#resources {
+ min-height: calc(var(--header-height) + 4rem);
+ min-width: 4rem;
+ color: #d3d3d3;
+ transition: var(--fear-animation);
+}
+#resources header,
+#resources .controls,
+#resources .window-resize-handle {
+ transition: var(--fear-animation);
+}
+#resources .window-content {
+ padding: 0.5rem;
+}
+#resources .window-content #resource-fear {
+ display: flex;
+ flex-direction: row;
+ gap: 0.5rem 0.25rem;
+ flex-wrap: wrap;
+}
+#resources .window-content #resource-fear i {
+ font-size: var(--font-size-18);
+ border: 1px solid rgba(0, 0, 0, 0.5);
+ border-radius: 50%;
+ aspect-ratio: 1;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 3rem;
+ background-color: rgba(9, 71, 179, 0.75);
+ -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
+ box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
+ color: #d3d3d3;
+ flex-grow: 0;
+}
+#resources .window-content #resource-fear i.inactive {
+ filter: grayscale(1) !important;
+ opacity: 0.5;
+}
+#resources .window-content #resource-fear .controls,
+#resources .window-content #resource-fear .resource-bar {
+ border: 2px solid #997a4f;
+ background-color: #18162e;
+}
+#resources .window-content #resource-fear .controls {
+ display: flex;
+ align-self: center;
+ border-radius: 50%;
+ align-items: center;
+ justify-content: center;
+ width: 30px;
+ height: 30px;
+ font-size: var(--font-size-20);
+ cursor: pointer;
+}
+#resources .window-content #resource-fear .controls:hover {
+ font-size: 1.5rem;
+}
+#resources .window-content #resource-fear .controls.disabled {
+ opacity: 0.5;
+}
+#resources .window-content #resource-fear .resource-bar {
+ display: flex;
+ justify-content: center;
+ border-radius: 6px;
+ font-size: var(--font-size-20);
+ overflow: hidden;
+ position: relative;
+ padding: 0.25rem 0.5rem;
+ flex: 1;
+ text-shadow: var(--shadow-text-stroke);
+}
+#resources .window-content #resource-fear .resource-bar:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: var(--fear-percent);
+ max-width: 100%;
+ background: linear-gradient(90deg, #020026 0%, #c701fc 100%);
+ z-index: 0;
+ border-radius: 4px;
+}
+#resources .window-content #resource-fear .resource-bar span {
+ position: inherit;
+ z-index: 1;
+}
+#resources .window-content #resource-fear.isGM i {
+ cursor: pointer;
+}
+#resources .window-content #resource-fear.isGM i:hover {
+ font-size: var(--font-size-20);
+}
+#resources button[data-action='close'] {
+ display: none;
+}
+#resources:not(:hover):not(.minimized) {
+ background: transparent;
+ box-shadow: unset;
+ border-color: transparent;
+}
+#resources:not(:hover):not(.minimized) header,
+#resources:not(:hover):not(.minimized) .controls,
+#resources:not(:hover):not(.minimized) .window-resize-handle {
+ opacity: 0;
+}
+#resources:has(.fear-bar) {
+ min-width: 200px;
+}
+.daggerheart.dh-style.setting fieldset {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+}
+.daggerheart.dh-style.setting fieldset.two-columns {
+ display: grid;
+ grid-template-columns: 1fr 2fr;
+ gap: 10px;
+}
+.daggerheart.dh-style.setting fieldset.two-columns.even {
+ grid-template-columns: 1fr 1fr;
+}
+.daggerheart.dh-style.setting .setting-group-field {
+ white-space: nowrap;
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
+.daggerheart.dh-style.setting .settings-items {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+}
+.daggerheart.dh-style.setting .settings-items .settings-item {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ border: 1px solid;
+ border-radius: 8px;
+ padding: 0 8px 0 0;
+}
+.daggerheart.dh-style.setting .settings-items .settings-item .settings-sub-item {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
+.daggerheart.dh-style.setting .settings-items .settings-item .settings-sub-item img {
+ width: 60px;
+ border-radius: 8px 0 0 8px;
+}
+.daggerheart.dh-style.setting .settings-items .settings-item .settings-sub-item i {
+ font-size: 18px;
+}
+.daggerheart.dh-style.setting .settings-item-header {
+ display: flex;
+ align-items: center;
+}
+.daggerheart.dh-style.setting .settings-item-header .profile {
+ height: 100px;
+ width: 100px;
+ object-fit: cover;
+ box-sizing: border-box;
+ cursor: pointer;
+}
+.daggerheart.dh-style.setting .settings-item-header .item-info {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 5px;
+ text-align: center;
+ width: 80%;
+}
+.daggerheart.dh-style.setting .settings-item-header .item-info .item-name input[type='text'] {
+ font-size: 32px;
+ height: 42px;
+ text-align: center;
+ width: 90%;
+ transition: all 0.3s ease;
+ outline: 2px solid transparent;
+ border: 1px solid transparent;
+}
+.daggerheart.dh-style.setting .settings-item-header .item-info .item-name input[type='text']:hover[type='text'],
+.daggerheart.dh-style.setting .settings-item-header .item-info .item-name input[type='text']:focus[type='text'] {
+ box-shadow: none;
+ outline: 2px solid light-dark(#18162e, #f3c267);
+}
+.daggerheart.dh-style.setting .settings-col {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+}
+.daggerheart.dh-style.setting .trait-array-container {
+ display: flex;
+ justify-content: space-evenly;
+ gap: 8px;
+ margin-bottom: 16px;
+}
+.daggerheart.dh-style.setting .trait-array-container .trait-array-item {
+ position: relative;
+ display: flex;
+ justify-content: center;
+}
+.daggerheart.dh-style.setting .trait-array-container .trait-array-item label {
+ position: absolute;
+ top: -7px;
+ font-size: 12px;
+ font-variant: petite-caps;
+}
+.daggerheart.dh-style.setting .trait-array-container .trait-array-item input {
+ text-align: center;
}
diff --git a/styles/daggerheart.less b/styles/daggerheart.less
index ebecdc95..86b504b2 100755
--- a/styles/daggerheart.less
+++ b/styles/daggerheart.less
@@ -1,203 +1,13 @@
-@import './variables/variables.less';
-@import './variables/colors.less';
-@import './class.less';
-@import './pc.less';
-@import './ui.less';
-@import './chat.less';
-@import './item.less';
-@import './application.less';
-@import './sheets/sheets.less';
-@import './dialog.less';
-@import './characterCreation.less';
-@import './levelup.less';
-@import './ownershipSelection.less';
-@import './damageReduction.less';
-@import './resources.less';
-@import './countdown.less';
-@import './settings.less';
+@import './less/sheets/index.less';
+@import './less/sheets-settings/index.less';
-// new styles imports
-@import './less/actors/character/header.less';
-@import './less/actors/character/sidebar.less';
-@import './less/actors/character/sheet.less';
-@import './less/actors/character/inventory.less';
-@import './less/actors/character/loadout.less';
-@import './less/actors/character/biography.less';
-@import './less/actors/character/features.less';
-
-@import './less/actors/adversary/header.less';
-@import './less/actors/adversary/sheet.less';
-@import './less/actors/adversary/sidebar.less';
-
-@import './less/actors/environment/header.less';
-@import './less/actors/environment/sheet.less';
-
-@import './less/applications/header.less';
-@import './less/applications/adversary-settings/sheet.less';
-@import './less/applications/adversary-settings/experiences.less';
-@import './less/applications/adversary-settings/features.less';
-
-@import './less/applications/environment-settings/features.less';
-@import './less/applications/environment-settings/adversaries.less';
-
-@import './less/applications//beastform.less';
-
-@import './less/actors/companion/header.less';
-@import './less/actors/companion/details.less';
-@import './less/actors/companion/sheet.less';
-
-@import './less/actors/adversary.less';
-@import './less/actors/environment.less';
-
-@import './less/items/feature.less';
-@import './less/items/domainCard.less';
-@import './less/items/class.less';
-
-@import './less/dialog/dice-roll/roll-selection.less';
+@import './less/dialog/index.less';
@import './less/utils/colors.less';
@import './less/utils/fonts.less';
-@import './less/global/sheet.less';
-@import './less/global/dialog.less';
-@import './less/global/elements.less';
-@import './less/global/tab-navigation.less';
-@import './less/global/tab-form-footer.less';
-@import './less/global/tab-actions.less';
-@import './less/global/tab-features.less';
-@import './less/global/tab-effects.less';
-@import './less/global/item-header.less';
-@import './less/global/feature-section.less';
-@import './less/global/inventory-item.less';
-@import './less/global/inventory-fieldset-items.less';
-@import './less/global/prose-mirror.less';
-@import './less/global/filter-menu.less';
+@import './less/global/index.less';
+
+@import './less/ui/index.less';
@import '../node_modules/@yaireo/tagify/dist/tagify.css';
-
-.daggerheart {
- .vertical-separator {
- border-left: 2px solid black;
- height: 56px;
- flex: 0;
- align-self: center;
- }
-
- /* Flex */
- .flex-centered {
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- .flex-col-centered {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
-
- .flex-spaced {
- display: flex;
- justify-content: space-between;
- align-items: center;
- width: 100%;
- }
-
- .flex-min {
- display: flex;
- flex: 0;
- }
-
- /****/
- img[data-edit='img'] {
- min-width: 64px;
- min-height: 64px;
- }
-
- .editor {
- height: 200px;
- }
-
- button {
- i {
- margin: 0;
- }
- }
-
- .icon-button {
- &.spaced {
- margin-left: @halfMargin;
- }
-
- &.disabled {
- opacity: 0.6;
- }
-
- &:hover:not(.disabled) {
- cursor: pointer;
- }
- }
-}
-
-#players {
- h3 {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: nowrap;
-
- .players-container {
- display: flex;
- align-items: center;
- }
-
- .fear-control {
- font-size: 10px;
-
- &.disabled {
- opacity: 0.4;
- }
-
- &:hover:not(.disabled) {
- cursor: pointer;
- filter: drop-shadow(0 0 3px @mainShadow);
- }
- }
- }
-}
-
-.unlist {
- list-style: none;
- padding-inline-start: 0;
-}
-
-.list-select {
- margin: 1rem;
- li {
- &:not(:last-child) {
- border-bottom: 1px solid #bbb;
- }
- label {
- padding: 4px 8px;
- display: flex;
- align-items: center;
- gap: 1rem;
- cursor: pointer;
- > span {
- flex: 1;
- font-weight: bold;
- font-size: var(--font-size-16);
- }
- }
- }
-}
-
-dh-icon,
-dh-icon > img {
- width: 32px;
- height: 32px;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: x-large;
-}
diff --git a/styles/dialog.less b/styles/dialog.less
deleted file mode 100644
index 0a9f31e3..00000000
--- a/styles/dialog.less
+++ /dev/null
@@ -1,12 +0,0 @@
-.item-button {
- &.checked {
- background: green;
- }
- .item-icon {
- opacity: 0;
- transition: opacity 0.2s;
- &.checked {
- opacity: 1;
- }
- }
-}
diff --git a/styles/item.less b/styles/item.less
deleted file mode 100755
index 964d69fc..00000000
--- a/styles/item.less
+++ /dev/null
@@ -1,59 +0,0 @@
-.daggerheart.sheet {
- &.feature {
- .editable {
- display: flex;
- flex-direction: column;
- }
-
- .sheet-body {
- flex: 1;
- display: flex;
- flex-direction: column;
- }
- .feature-description {
- flex: 1;
- display: flex;
- flex-direction: column;
- }
- }
-
- &.class {
- .class-feature {
- display: flex;
- img {
- width: 40px;
- }
- button {
- width: 40px;
- }
- }
- }
-
- .domain-card-description {
- .editor {
- height: 300px;
- }
- }
-
- .item-container {
- margin-top: @halfMargin;
- gap: @halfMargin;
- align-items: baseline;
- }
-
- .item-sidebar {
- // border-right: @thinBorder groove darkgray;
- min-width: 160px;
- flex: 0;
- padding: @fullPadding;
-
- label {
- margin-right: @fullMargin;
- font-weight: bold;
- }
-
- input[type='checkbox'] {
- margin: 0;
- }
- }
-}
diff --git a/styles/less/actors/adversary.less b/styles/less/actors/adversary.less
deleted file mode 100644
index 5b4feb26..00000000
--- a/styles/less/actors/adversary.less
+++ /dev/null
@@ -1,5 +0,0 @@
-.application.sheet.daggerheart.actor.dh-style.adversary {
- .window-content {
- overflow: auto;
- }
-}
diff --git a/styles/less/actors/character.less b/styles/less/actors/character.less
deleted file mode 100644
index e3833e3b..00000000
--- a/styles/less/actors/character.less
+++ /dev/null
@@ -1,11 +0,0 @@
-@import '../utils/colors.less';
-@import '../utils/fonts.less';
-
-.application.sheet.daggerheart.actor.dh-style.character {
- .window-content {
- display: flex;
- flex-direction: row;
- height: 100%;
- width: 100%;
- }
-}
diff --git a/styles/less/actors/environment.less b/styles/less/actors/environment.less
deleted file mode 100644
index d534de38..00000000
--- a/styles/less/actors/environment.less
+++ /dev/null
@@ -1,27 +0,0 @@
-.daggerheart.sheet.actor.environment {
- .potential-adversary-container {
- width: 100%;
- height: 50px;
-
- .adversary-placeholder {
- font-style: italic;
- text-align: center;
- opacity: 0.6;
- }
-
- .adversaries-container {
- display: flex;
- gap: 8px;
-
- .adversary-container {
- border: 1px solid var(--color-dark-5);
- border-radius: 6px;
- padding: 0 2px;
- font-weight: bold;
- cursor: pointer;
- background-image: url(../assets/parchments/dh-parchment-dark.png);
- color: var(--color-light-3);
- }
- }
- }
-}
diff --git a/styles/less/applications/beastform.less b/styles/less/dialog/beastform/beastform-container.less
similarity index 78%
rename from styles/less/applications/beastform.less
rename to styles/less/dialog/beastform/beastform-container.less
index 37069bdb..df930532 100644
--- a/styles/less/applications/beastform.less
+++ b/styles/less/dialog/beastform/beastform-container.less
@@ -1,59 +1,46 @@
-.theme-light .application.daggerheart.dh-style.views.beastform-selection {
- .beastforms-container .beastforms-tier .beastform-container .beastform-title {
- background-image: url('../assets/parchments/dh-parchment-dark.png');
- }
-}
-
-.application.daggerheart.dh-style.views.beastform-selection {
- .beastforms-container {
- display: flex;
- flex-direction: column;
- gap: 4px;
-
- .beastforms-tier {
- display: grid;
- grid-template-columns: 1fr 1fr 1fr 1fr;
- gap: 4px;
-
- .beastform-container {
- position: relative;
- display: flex;
- justify-content: center;
- border: 1px solid light-dark(@dark-blue, @golden);
- border-radius: 6px;
- cursor: pointer;
-
- &.inactive {
- opacity: 0.4;
- }
-
- img {
- width: 100%;
- border-radius: 6px;
- }
-
- .beastform-title {
- position: absolute;
- top: 4px;
- display: flex;
- flex-wrap: wrap;
- font-size: 16px;
- margin: 0 4px;
- border: 1px solid light-dark(@dark-blue, @golden);
- border-radius: 6px;
- color: light-dark(@beige, @dark);
- background-image: url('../assets/parchments/dh-parchment-light.png');
- }
- }
- }
- }
-
- footer {
- margin-top: 8px;
- display: flex;
-
- button {
- flex: 1;
- }
- }
-}
+@import '../../utils/colors.less';
+
+.application.daggerheart.dh-style.views.beastform-selection {
+ .beastforms-container {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+
+ .beastforms-tier {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ gap: 4px;
+
+ .beastform-container {
+ position: relative;
+ display: flex;
+ justify-content: center;
+ border: 1px solid light-dark(@dark-blue, @golden);
+ border-radius: 6px;
+ cursor: pointer;
+
+ &.inactive {
+ opacity: 0.4;
+ }
+
+ img {
+ width: 100%;
+ border-radius: 6px;
+ }
+
+ .beastform-title {
+ position: absolute;
+ top: 4px;
+ display: flex;
+ flex-wrap: wrap;
+ font-size: 16px;
+ margin: 0 4px;
+ border: 1px solid light-dark(@dark-blue, @golden);
+ border-radius: 6px;
+ color: light-dark(@beige, @dark);
+ background-image: url('../assets/parchments/dh-parchment-light.png');
+ }
+ }
+ }
+ }
+}
diff --git a/styles/less/dialog/beastform/sheet.less b/styles/less/dialog/beastform/sheet.less
new file mode 100644
index 00000000..dd1dff24
--- /dev/null
+++ b/styles/less/dialog/beastform/sheet.less
@@ -0,0 +1,21 @@
+@import '../../utils/colors.less';
+@import '../../utils/mixin.less';
+
+.appTheme({
+ &.beastform-selection {
+ .beastforms-container .beastforms-tier .beastform-container .beastform-title {
+ background-image: url('../assets/parchments/dh-parchment-dark.png');
+ }
+ }
+}, {});
+
+.application.daggerheart.dh-style.views.beastform-selection {
+ footer {
+ margin-top: 8px;
+ display: flex;
+
+ button {
+ flex: 1;
+ }
+ }
+}
diff --git a/styles/less/dialog/character-creation/creation-action-footer.less b/styles/less/dialog/character-creation/creation-action-footer.less
new file mode 100644
index 00000000..29e08440
--- /dev/null
+++ b/styles/less/dialog/character-creation/creation-action-footer.less
@@ -0,0 +1,13 @@
+.daggerheart.dh-style.dialog.character-creation {
+ .creation-action-footer {
+ display: flex;
+ align-items: center;
+ gap: 32px;
+
+ button {
+ flex: 1;
+ height: 100%;
+ white-space: nowrap;
+ }
+ }
+}
diff --git a/styles/characterCreation.less b/styles/less/dialog/character-creation/selections-container.less
similarity index 78%
rename from styles/characterCreation.less
rename to styles/less/dialog/character-creation/selections-container.less
index e6548d21..0a610435 100644
--- a/styles/characterCreation.less
+++ b/styles/less/dialog/character-creation/selections-container.less
@@ -1,417 +1,325 @@
-@import './less/utils/colors.less';
-
-.theme-light .daggerheart.dh-style.dialog.character-creation {
- .tab-navigation nav a .descriptor {
- background-image: url('../assets/parchments/dh-parchment-dark.png');
- }
- .main-selections-container {
- .traits-container .suggested-traits-container .suggested-trait-container,
- .creation-action-footer .footer-section nav a .descriptor,
- .equipment-selection .simple-equipment-container .simple-equipment label {
- background-image: url('../assets/parchments/dh-parchment-dark.png');
- }
- }
-}
-
-.daggerheart.dh-style.dialog.character-creation {
- .window-content {
- gap: 16px;
-
- .tab {
- overflow-y: auto;
- }
- }
-
- .tab-navigation {
- nav {
- flex: 1;
-
- a {
- flex: 1;
- text-align: center;
- display: flex;
- justify-content: center;
- position: relative;
-
- &.disabled {
- opacity: 0.4;
- }
-
- .nav-section-text {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .finish-marker {
- position: absolute;
- align-self: center;
- top: -8px;
- padding: 4px;
- border: 1px solid;
- border-radius: 50%;
- height: 16px;
- width: 16px;
- font-size: 12px;
- display: flex;
- align-items: center;
- justify-content: center;
- background-color: var(--color-cool-4);
- content: '';
-
- &.active {
- background-color: var(--color-warm-2);
- }
- }
-
- .descriptor {
- position: absolute;
- bottom: -8px;
- font-size: 12px;
- border-radius: 8px;
- width: 56px;
- text-align: center;
- line-height: 1;
- border: 1px solid light-dark(@dark-blue, @golden);
- border-radius: 6px;
- color: light-dark(@beige, @dark);
- background-image: url(../assets/parchments/dh-parchment-light.png);
- }
- }
- }
- }
-
- .main-selections-container {
- display: flex;
- flex-direction: column;
- gap: 4px;
-
- .selections-container {
- width: 140px;
- display: flex;
- flex-direction: column;
- text-align: center;
-
- .card-preview-container {
- border-color: light-dark(@dark-blue, @golden);
- }
- }
-
- .selections-outer-container {
- display: flex;
- justify-content: space-evenly;
- height: 210px;
- }
-
- .section-container {
- border-radius: 8px;
- border-color: light-dark(@dark-blue, @golden);
-
- legend {
- margin-left: auto;
- margin-right: auto;
- font-size: 28px;
- font-weight: bold;
- padding: 0 8px;
- }
-
- .section-inner-container {
- position: relative;
- border-radius: 8px;
- border-color: light-dark(@dark-blue, @golden);
- display: flex;
- justify-content: center;
-
- legend {
- font-size: 20px;
- }
-
- .action-button {
- position: absolute;
- bottom: -8px;
- height: 16px;
- width: 110px;
- min-height: unset;
- border: 1px solid light-dark(@dark-blue, @golden);
- color: light-dark(@beige, @beige);
- background-color: light-dark(var(--color-warm-3), var(--color-warm-3));
-
- &:hover {
- background-color: light-dark(var(--color-warm-2), var(--color-warm-2));
- filter: drop-shadow(0 0 3px light-dark(var(--color-warm-2), var(--color-warm-2)));
- }
- }
- }
- }
-
- .traits-container {
- text-align: center;
- display: flex;
- gap: 16px;
-
- .suggested-traits-container {
- display: flex;
- flex-wrap: wrap;
- width: 176px;
- gap: 4px;
- margin-bottom: 8px;
-
- .suggested-trait-container {
- width: 56px;
- white-space: nowrap;
- border: 1px solid light-dark(@dark-blue, @golden);
- border-radius: 6px;
- color: light-dark(@beige, @dark);
- background-image: url('../assets/parchments/dh-parchment-light.png');
- }
- }
-
- .traits-inner-container {
- display: flex;
- justify-content: space-evenly;
- gap: 8px;
-
- .trait-container {
- border: 1px solid light-dark(@dark-blue, @golden);
- padding: 0 4px;
- }
- }
- }
-
- .experiences-inner-container {
- display: flex;
- justify-content: space-evenly;
- text-align: center;
-
- .experience-container {
- position: relative;
- display: flex;
- align-items: center;
-
- .experience-description {
- border-color: light-dark(@dark-blue, @golden);
- padding-right: 24px;
- }
-
- .experience-value {
- position: absolute;
- right: 0;
- width: 22px;
- border-left: 1px solid light-dark(@dark-blue, @golden);
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- }
- }
-
- .creation-action-footer {
- display: flex;
- align-items: center;
- gap: 32px;
-
- .footer-section {
- display: flex;
- align-items: center;
- gap: 32px;
-
- nav {
- flex: 1;
- gap: 8px;
- border: 0;
-
- a {
- flex: 1;
- text-align: center;
- display: flex;
- justify-content: center;
- position: relative;
- border: 1px solid light-dark(@dark-blue, @golden);
- border-radius: 6px;
-
- .nav-section-text {
- position: relative;
- display: flex;
- align-items: center;
- }
-
- .finish-marker {
- position: absolute;
- align-self: center;
- top: -10px;
- padding: 4px;
- border: 1px solid;
- border-radius: 50%;
- height: 20px;
- width: 20px;
- font-size: 14px;
- display: flex;
- align-items: center;
- justify-content: center;
- background-color: var(--color-cool-4);
- content: '';
-
- &.finished {
- background-color: var(--color-warm-2);
- }
- }
-
- .descriptor {
- position: absolute;
- bottom: -8px;
- font-size: 12px;
- border-radius: 8px;
- width: 56px;
- text-align: center;
- line-height: 1;
- border: 1px solid light-dark(@dark-blue, @golden);
- border-radius: 6px;
- color: light-dark(@beige, @dark);
- background-image: url(../assets/parchments/dh-parchment-light.png);
- }
- }
- }
-
- button {
- flex: 1;
- height: 100%;
- white-space: nowrap;
- }
- }
- }
-
- .main-equipment-selection {
- display: grid;
- grid-template-columns: 1fr 2fr;
- gap: 16px;
-
- &.triple {
- grid-template-columns: 1fr 1fr 1fr;
- }
- }
-
- .equipment-selection {
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 8px;
- border: 2px solid light-dark(@dark-blue, @golden);
- border-radius: 8px;
-
- legend {
- margin-left: auto;
- margin-right: auto;
- font-size: 28px;
- font-weight: bold;
- padding: 0 8px;
- white-space: nowrap;
- }
-
- .equipment-subsection {
- display: flex;
- align-items: start;
- gap: 32px;
- }
-
- .equipment-wrapper {
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 8px;
- }
-
- .simple-equipment-container {
- display: flex;
- flex-direction: column;
- justify-content: space-evenly;
- gap: 8px;
- height: 100%;
-
- .simple-equipment {
- border: 1px solid light-dark(@dark-blue, @golden);
- border-radius: 8px;
- position: relative;
- display: flex;
- justify-content: center;
-
- &.selectable {
- cursor: pointer;
- }
-
- &.inactive {
- opacity: 0.4;
- }
-
- label {
- position: absolute;
- top: -8px;
- font-size: 12px;
- white-space: nowrap;
- border: 1px solid light-dark(@dark-blue, @golden);
- border-radius: 6px;
- color: light-dark(@beige, @dark);
- background-image: url('../assets/parchments/dh-parchment-light.png');
- padding: 0 2px;
- }
-
- img {
- width: 60px;
- height: 60px;
- border-radius: 8px;
- }
- }
- }
-
- .suggestion-container {
- position: relative;
- display: flex;
- justify-content: center;
- height: min-content;
- border: 2px solid light-dark(@dark-blue, @golden);
- border-radius: 8px;
-
- legend {
- margin-left: auto;
- margin-right: auto;
- font-size: 12px;
- }
-
- .suggestion-inner-container {
- position: relative;
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 6px;
- cursor: grab;
-
- &.taken {
- opacity: 0.4;
- }
-
- label {
- position: absolute;
- top: -2px;
- font-size: 12px;
- }
-
- img {
- width: 120px;
- }
- }
- }
- }
- }
-
- .creation-action-footer {
- display: flex;
- align-items: center;
- gap: 32px;
-
- button {
- flex: 1;
- height: 100%;
- white-space: nowrap;
- }
- }
-}
+@import '../../utils/colors.less';
+
+.daggerheart.dh-style.dialog.character-creation {
+ .main-selections-container {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+
+ .selections-container {
+ width: 140px;
+ display: flex;
+ flex-direction: column;
+ text-align: center;
+
+ .card-preview-container {
+ border-color: light-dark(@dark-blue, @golden);
+ }
+ }
+
+ .selections-outer-container {
+ display: flex;
+ justify-content: space-evenly;
+ height: 210px;
+ }
+
+ .section-container {
+ border-radius: 8px;
+ border-color: light-dark(@dark-blue, @golden);
+
+ legend {
+ margin-left: auto;
+ margin-right: auto;
+ font-size: 28px;
+ font-weight: bold;
+ padding: 0 8px;
+ }
+
+ .section-inner-container {
+ position: relative;
+ border-radius: 8px;
+ border-color: light-dark(@dark-blue, @golden);
+ display: flex;
+ justify-content: center;
+
+ legend {
+ font-size: 20px;
+ }
+
+ .action-button {
+ position: absolute;
+ bottom: -8px;
+ height: 16px;
+ width: 110px;
+ min-height: unset;
+ border: 1px solid light-dark(@dark-blue, @golden);
+ color: light-dark(@beige, @beige);
+ background-color: light-dark(var(--color-warm-3), var(--color-warm-3));
+
+ &:hover {
+ background-color: light-dark(var(--color-warm-2), var(--color-warm-2));
+ filter: drop-shadow(0 0 3px light-dark(var(--color-warm-2), var(--color-warm-2)));
+ }
+ }
+ }
+ }
+
+ .traits-container {
+ text-align: center;
+ display: flex;
+ gap: 16px;
+
+ .suggested-traits-container {
+ display: flex;
+ flex-wrap: wrap;
+ width: 176px;
+ gap: 4px;
+ margin-bottom: 8px;
+
+ .suggested-trait-container {
+ width: 56px;
+ white-space: nowrap;
+ border: 1px solid light-dark(@dark-blue, @golden);
+ border-radius: 6px;
+ color: light-dark(@beige, @dark);
+ background-image: url('../assets/parchments/dh-parchment-light.png');
+ }
+ }
+
+ .traits-inner-container {
+ display: flex;
+ justify-content: space-evenly;
+ gap: 8px;
+
+ .trait-container {
+ border: 1px solid light-dark(@dark-blue, @golden);
+ padding: 0 4px;
+ }
+ }
+ }
+
+ .experiences-inner-container {
+ display: flex;
+ justify-content: space-evenly;
+ text-align: center;
+
+ .experience-container {
+ position: relative;
+ display: flex;
+ align-items: center;
+
+ .experience-description {
+ border-color: light-dark(@dark-blue, @golden);
+ padding-right: 24px;
+ }
+
+ .experience-value {
+ position: absolute;
+ right: 0;
+ width: 22px;
+ border-left: 1px solid light-dark(@dark-blue, @golden);
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ }
+ }
+
+ .creation-action-footer {
+ display: flex;
+ align-items: center;
+ gap: 32px;
+
+ .footer-section {
+ display: flex;
+ align-items: center;
+ gap: 32px;
+
+ nav {
+ flex: 1;
+ gap: 8px;
+ border: 0;
+
+ a {
+ flex: 1;
+ text-align: center;
+ display: flex;
+ justify-content: center;
+ position: relative;
+ border: 1px solid light-dark(@dark-blue, @golden);
+ border-radius: 6px;
+
+ .nav-section-text {
+ position: relative;
+ display: flex;
+ align-items: center;
+ }
+
+ .finish-marker {
+ position: absolute;
+ align-self: center;
+ top: -10px;
+ padding: 4px;
+ border: 1px solid;
+ border-radius: 50%;
+ height: 20px;
+ width: 20px;
+ font-size: 14px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background-color: var(--color-cool-4);
+ content: '';
+
+ &.finished {
+ background-color: var(--color-warm-2);
+ }
+ }
+
+ .descriptor {
+ position: absolute;
+ bottom: -8px;
+ font-size: 12px;
+ border-radius: 8px;
+ width: 56px;
+ text-align: center;
+ line-height: 1;
+ border: 1px solid light-dark(@dark-blue, @golden);
+ border-radius: 6px;
+ color: light-dark(@beige, @dark);
+ background-image: url(../assets/parchments/dh-parchment-light.png);
+ }
+ }
+ }
+
+ button {
+ flex: 1;
+ height: 100%;
+ white-space: nowrap;
+ }
+ }
+ }
+
+ .main-equipment-selection {
+ display: grid;
+ grid-template-columns: 1fr 2fr;
+ gap: 16px;
+
+ &.triple {
+ grid-template-columns: 1fr 1fr 1fr;
+ }
+ }
+
+ .equipment-selection {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 8px;
+ border: 2px solid light-dark(@dark-blue, @golden);
+ border-radius: 8px;
+
+ legend {
+ margin-left: auto;
+ margin-right: auto;
+ font-size: 28px;
+ font-weight: bold;
+ padding: 0 8px;
+ white-space: nowrap;
+ }
+
+ .equipment-subsection {
+ display: flex;
+ align-items: start;
+ gap: 32px;
+ }
+
+ .equipment-wrapper {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 8px;
+ }
+
+ .simple-equipment-container {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-evenly;
+ gap: 8px;
+ height: 100%;
+
+ .simple-equipment {
+ border: 1px solid light-dark(@dark-blue, @golden);
+ border-radius: 8px;
+ position: relative;
+ display: flex;
+ justify-content: center;
+
+ &.selectable {
+ cursor: pointer;
+ }
+
+ &.inactive {
+ opacity: 0.4;
+ }
+
+ label {
+ position: absolute;
+ top: -8px;
+ font-size: 12px;
+ white-space: nowrap;
+ border: 1px solid light-dark(@dark-blue, @golden);
+ border-radius: 6px;
+ color: light-dark(@beige, @dark);
+ background-image: url('../assets/parchments/dh-parchment-light.png');
+ padding: 0 2px;
+ }
+
+ img {
+ width: 60px;
+ height: 60px;
+ border-radius: 8px;
+ }
+ }
+ }
+
+ .suggestion-container {
+ position: relative;
+ display: flex;
+ justify-content: center;
+ height: min-content;
+ border: 2px solid light-dark(@dark-blue, @golden);
+ border-radius: 8px;
+
+ legend {
+ margin-left: auto;
+ margin-right: auto;
+ font-size: 12px;
+ }
+
+ .suggestion-inner-container {
+ position: relative;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 6px;
+ cursor: grab;
+
+ &.taken {
+ opacity: 0.4;
+ }
+
+ label {
+ position: absolute;
+ top: -2px;
+ font-size: 12px;
+ }
+
+ img {
+ width: 120px;
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/styles/less/dialog/character-creation/sheet.less b/styles/less/dialog/character-creation/sheet.less
new file mode 100644
index 00000000..5ee3f9b2
--- /dev/null
+++ b/styles/less/dialog/character-creation/sheet.less
@@ -0,0 +1,27 @@
+@import '../../utils/colors.less';
+@import '../../utils/mixin.less';
+
+.appTheme({
+ .character-creation {
+ .tab-navigation nav a .descriptor {
+ background-image: url('../assets/parchments/dh-parchment-dark.png');
+ }
+ .main-selections-container {
+ .traits-container .suggested-traits-container .suggested-trait-container,
+ .creation-action-footer .footer-section nav a .descriptor,
+ .equipment-selection .simple-equipment-container .simple-equipment label {
+ background-image: url('../assets/parchments/dh-parchment-dark.png');
+ }
+ }
+}
+}, {});
+
+.daggerheart.dh-style.dialog.character-creation {
+ .window-content {
+ gap: 16px;
+
+ .tab {
+ overflow-y: auto;
+ }
+ }
+}
diff --git a/styles/less/dialog/character-creation/tab-navigation.less b/styles/less/dialog/character-creation/tab-navigation.less
new file mode 100644
index 00000000..d951a7b2
--- /dev/null
+++ b/styles/less/dialog/character-creation/tab-navigation.less
@@ -0,0 +1,62 @@
+@import '../../utils/colors.less';
+
+.daggerheart.dh-style.dialog.character-creation {
+ .tab-navigation {
+ nav {
+ flex: 1;
+
+ a {
+ flex: 1;
+ text-align: center;
+ display: flex;
+ justify-content: center;
+ position: relative;
+
+ &.disabled {
+ opacity: 0.4;
+ }
+
+ .nav-section-text {
+ position: relative;
+ display: flex;
+ align-items: center;
+ }
+
+ .finish-marker {
+ position: absolute;
+ align-self: center;
+ top: -8px;
+ padding: 4px;
+ border: 1px solid;
+ border-radius: 50%;
+ height: 16px;
+ width: 16px;
+ font-size: 12px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background-color: var(--color-cool-4);
+ content: '';
+
+ &.active {
+ background-color: var(--color-warm-2);
+ }
+ }
+
+ .descriptor {
+ position: absolute;
+ bottom: -8px;
+ font-size: 12px;
+ border-radius: 8px;
+ width: 56px;
+ text-align: center;
+ line-height: 1;
+ border: 1px solid light-dark(@dark-blue, @golden);
+ border-radius: 6px;
+ color: light-dark(@beige, @dark);
+ background-image: url(../assets/parchments/dh-parchment-light.png);
+ }
+ }
+ }
+ }
+}
diff --git a/styles/damageReduction.less b/styles/less/dialog/damage-reduction/damage-reduction-container.less
similarity index 98%
rename from styles/damageReduction.less
rename to styles/less/dialog/damage-reduction/damage-reduction-container.less
index e3ffc2e9..25ca5ff9 100644
--- a/styles/damageReduction.less
+++ b/styles/less/dialog/damage-reduction/damage-reduction-container.less
@@ -1,8 +1,6 @@
-.daggerheart.views.damage-reduction {
- .window-content {
- padding: 8px 0;
- }
+@import '../../utils/colors.less';
+.daggerheart.views.damage-reduction {
.damage-reduction-container {
display: flex;
flex-direction: column;
diff --git a/styles/less/dialog/damage-reduction/sheets.less b/styles/less/dialog/damage-reduction/sheets.less
new file mode 100644
index 00000000..836a2b2f
--- /dev/null
+++ b/styles/less/dialog/damage-reduction/sheets.less
@@ -0,0 +1,7 @@
+@import '../../utils/colors.less';
+
+.daggerheart.views.damage-reduction {
+ .window-content {
+ padding: 8px 0;
+ }
+}
diff --git a/styles/less/dialog/downtime/downtime-container.less b/styles/less/dialog/downtime/downtime-container.less
new file mode 100644
index 00000000..9b2c842c
--- /dev/null
+++ b/styles/less/dialog/downtime/downtime-container.less
@@ -0,0 +1,81 @@
+@import '../../utils/spacing.less';
+@import '../../utils/colors.less';
+
+.daggerheart.views {
+ .downtime-container {
+ .downtime-header {
+ margin: 0;
+ color: light-dark(@dark-blue, @golden);
+ text-align: center;
+ }
+
+ .activity-container {
+ display: flex;
+ align-items: center;
+ padding: 8px;
+
+ .activity-title {
+ flex: 1;
+ display: flex;
+ align-items: center;
+
+ .activity-title-text {
+ font-size: 24px;
+ font-weight: bold;
+ }
+
+ .activity-image {
+ width: 80px;
+ position: relative;
+ display: flex;
+ justify-content: center;
+ margin-right: 8px;
+ border: 2px solid black;
+ border-radius: 50%;
+ cursor: pointer;
+
+ .activity-select-label {
+ position: absolute;
+ top: -9px;
+ font-size: 14px;
+ border: 1px solid light-dark(@dark-blue, @golden);
+ border-radius: 6px;
+ color: light-dark(@beige, @dark);
+ background-image: url(../assets/parchments/dh-parchment-light.png);
+ padding: 0 8px;
+ line-height: 1;
+ font-weight: bold;
+ }
+
+ img {
+ border-radius: 50%;
+ }
+
+ &:hover,
+ &.selected {
+ filter: drop-shadow(0 0 6px gold);
+ }
+ }
+
+ .custom-name-input {
+ font-size: 24px;
+ font-weight: bold;
+ padding: 0;
+ background: transparent;
+ color: rgb(239, 230, 216);
+ }
+ }
+
+ .activity-body {
+ flex: 1;
+ font-style: italic;
+ }
+ }
+ }
+
+ &.downtime {
+ .activity-text-area {
+ resize: none;
+ }
+ }
+}
diff --git a/styles/less/dialog/index.less b/styles/less/dialog/index.less
new file mode 100644
index 00000000..ec3ef200
--- /dev/null
+++ b/styles/less/dialog/index.less
@@ -0,0 +1,19 @@
+@import './level-up/navigation-container.less';
+@import './level-up/selections-container.less';
+@import './level-up/sheet.less';
+@import './level-up/summary-container.less';
+@import './level-up/tiers-container.less';
+
+@import './downtime/downtime-container.less';
+
+@import './beastform/beastform-container.less';
+@import './beastform/sheet.less';
+
+@import './character-creation/creation-action-footer.less';
+@import './character-creation/selections-container.less';
+@import './character-creation/sheet.less';
+@import './character-creation/tab-navigation.less';
+
+@import './dice-roll/roll-selection.less';
+@import './damage-reduction/damage-reduction-container.less';
+@import './damage-reduction/sheets.less';
diff --git a/styles/less/dialog/level-up/navigation-container.less b/styles/less/dialog/level-up/navigation-container.less
new file mode 100644
index 00000000..b52abf20
--- /dev/null
+++ b/styles/less/dialog/level-up/navigation-container.less
@@ -0,0 +1,30 @@
+.daggerheart.levelup {
+ .levelup-navigation-container {
+ display: flex;
+ align-items: center;
+ gap: 22px;
+ height: 36px;
+
+ nav {
+ flex: 1;
+
+ .levelup-tab-container {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ }
+ }
+
+ .levelup-navigation-actions {
+ width: 306px;
+ display: flex;
+ justify-content: end;
+ gap: 16px;
+ margin-right: 4px;
+
+ * {
+ width: calc(50% - 8px);
+ }
+ }
+ }
+}
diff --git a/styles/less/dialog/level-up/selections-container.less b/styles/less/dialog/level-up/selections-container.less
new file mode 100644
index 00000000..b04a6182
--- /dev/null
+++ b/styles/less/dialog/level-up/selections-container.less
@@ -0,0 +1,108 @@
+.daggerheart.levelup {
+ .levelup-selections-container {
+ .achievement-experience-cards {
+ display: flex;
+ gap: 8px;
+
+ .achievement-experience-card {
+ border: 1px solid;
+ border-radius: 4px;
+ padding-right: 4px;
+ font-size: 18px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 4px;
+
+ .achievement-experience-marker {
+ border: 1px solid;
+ border-radius: 50%;
+ height: 18px;
+ width: 18px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 12px;
+ }
+ }
+ }
+
+ .levelup-card-selection {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 40px;
+
+ .card-preview-container {
+ width: calc(100% * (1 / 5));
+ }
+
+ .levelup-domains-selection-container {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+
+ .levelup-domain-selection-container {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ flex: 1;
+ position: relative;
+ cursor: pointer;
+
+ &.disabled {
+ pointer-events: none;
+ opacity: 0.4;
+ }
+
+ .levelup-domain-label {
+ position: absolute;
+ text-align: center;
+ top: 4px;
+ background: grey;
+ padding: 0 12px;
+ border-radius: 6px;
+ }
+
+ img {
+ height: 124px;
+ }
+
+ .levelup-domain-selected {
+ position: absolute;
+ height: 54px;
+ width: 54px;
+ border-radius: 50%;
+ border: 2px solid;
+ font-size: 48px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background-image: url(../assets/parchments/dh-parchment-light.png);
+ color: var(--color-dark-5);
+ top: calc(50% - 29px);
+
+ i {
+ position: relative;
+ right: 2px;
+ }
+ }
+ }
+ }
+ }
+
+ .levelup-selections-title {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ }
+
+ .levelup-radio-choices {
+ display: flex;
+ gap: 8px;
+
+ label {
+ flex: 0;
+ }
+ }
+ }
+}
diff --git a/styles/less/dialog/level-up/sheet.less b/styles/less/dialog/level-up/sheet.less
new file mode 100644
index 00000000..77e7244d
--- /dev/null
+++ b/styles/less/dialog/level-up/sheet.less
@@ -0,0 +1,37 @@
+@import '../../utils/mixin.less';
+
+.appTheme({}, {
+ &.levelup {
+ .tiers-container {
+ .tier-container {
+ background-image: url('../assets/parchments/dh-parchment-light.png');
+ }
+ }
+ }
+});
+
+.daggerheart.levelup {
+ .window-content {
+ max-height: 960px;
+ overflow: auto;
+ }
+
+ div[data-application-part='form'] {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ }
+
+ section {
+ .section-container {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ margin-top: 8px;
+ }
+ }
+
+ .levelup-footer {
+ display: flex;
+ }
+}
diff --git a/styles/less/dialog/level-up/summary-container.less b/styles/less/dialog/level-up/summary-container.less
new file mode 100644
index 00000000..fb221b07
--- /dev/null
+++ b/styles/less/dialog/level-up/summary-container.less
@@ -0,0 +1,37 @@
+.daggerheart.levelup {
+ .levelup-summary-container {
+ .level-achievements-container,
+ .level-advancements-container {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+
+ h2,
+ h3,
+ h4,
+ h5 {
+ margin: 0;
+ color: var(--color-text-secondary);
+ }
+ }
+
+ .increase-container {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ font-size: 20px;
+ }
+
+ .summary-selection-container {
+ display: flex;
+ gap: 8px;
+
+ .summary-selection {
+ border: 2px solid;
+ border-radius: 6px;
+ padding: 0 4px;
+ font-size: 18px;
+ }
+ }
+ }
+}
diff --git a/styles/less/dialog/level-up/tiers-container.less b/styles/less/dialog/level-up/tiers-container.less
new file mode 100644
index 00000000..e666b128
--- /dev/null
+++ b/styles/less/dialog/level-up/tiers-container.less
@@ -0,0 +1,65 @@
+.daggerheart.levelup {
+ .tiers-container {
+ display: flex;
+ gap: 16px;
+
+ .tier-container {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ background-image: url('../assets/parchments/dh-parchment-dark.png');
+
+ &.inactive {
+ opacity: 0.4;
+ pointer-events: none;
+ }
+
+ legend {
+ margin-left: auto;
+ margin-right: auto;
+ font-size: 22px;
+ font-weight: bold;
+ padding: 0 12px;
+ }
+
+ .checkbox-group-container {
+ display: grid;
+ grid-template-columns: 1fr 3fr;
+ gap: 4px;
+
+ .checkboxes-container {
+ display: flex;
+ justify-content: end;
+ gap: 4px;
+
+ .checkbox-grouping-coontainer {
+ display: flex;
+ height: min-content;
+
+ &.multi {
+ border: 2px solid grey;
+ padding: 2.4px 2.5px 0;
+ border-radius: 4px;
+ gap: 2px;
+
+ .selection-checkbox {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ }
+
+ .selection-checkbox {
+ margin: 0;
+ }
+ }
+ }
+
+ .checkbox-group-label {
+ font-size: 14px;
+ font-style: italic;
+ }
+ }
+ }
+ }
+}
diff --git a/styles/less/global/index.less b/styles/less/global/index.less
new file mode 100644
index 00000000..461813c1
--- /dev/null
+++ b/styles/less/global/index.less
@@ -0,0 +1,14 @@
+@import './sheet.less';
+@import './dialog.less';
+@import './elements.less';
+@import './tab-navigation.less';
+@import './tab-form-footer.less';
+@import './tab-actions.less';
+@import './tab-features.less';
+@import './tab-effects.less';
+@import './item-header.less';
+@import './feature-section.less';
+@import './inventory-item.less';
+@import './inventory-fieldset-items.less';
+@import './prose-mirror.less';
+@import './filter-menu.less';
diff --git a/styles/less/items/class.css b/styles/less/items/class.css
deleted file mode 100644
index 19f17576..00000000
--- a/styles/less/items/class.css
+++ /dev/null
@@ -1,132 +0,0 @@
-@font-face {
- font-family: 'Cinzel';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/cinzel/v23/8vIU7ww63mVu7gtR-kwKxNvkNOjw-tbnTYo.ttf) format('truetype');
-}
-@font-face {
- font-family: 'Cinzel';
- font-style: normal;
- font-weight: 700;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/cinzel/v23/8vIU7ww63mVu7gtR-kwKxNvkNOjw-jHgTYo.ttf) format('truetype');
-}
-@font-face {
- font-family: 'Cinzel Decorative';
- font-style: normal;
- font-weight: 700;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/cinzeldecorative/v17/daaHSScvJGqLYhG8nNt8KPPswUAPniZoaelD.ttf)
- format('truetype');
-}
-@font-face {
- font-family: 'Montserrat';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');
-}
-@font-face {
- font-family: 'Montserrat';
- font-style: normal;
- font-weight: 600;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');
-}
-.application.sheet.daggerheart.dh-style h1 {
- font-family: 'Cinzel Decorative', serif;
- margin: 0;
- border: none;
- font-weight: normal;
-}
-.application.sheet.daggerheart.dh-style h2,
-.application.sheet.daggerheart.dh-style h3 {
- font-family: 'Cinzel', serif;
- margin: 0;
- border: none;
- font-weight: normal;
-}
-.application.sheet.daggerheart.dh-style h4 {
- font-family: 'Montserrat', sans-serif;
- font-size: 14px;
- border: none;
- font-weight: 700;
- margin: 0;
- text-shadow: none;
- color: #f3c267;
- font-weight: normal;
-}
-.application.sheet.daggerheart.dh-style h5 {
- font-size: 14px;
- color: #f3c267;
- margin: 0;
- font-weight: normal;
-}
-.application.sheet.daggerheart.dh-style p,
-.application.sheet.daggerheart.dh-style span {
- font-family: 'Montserrat', sans-serif;
-}
-.application.sheet.daggerheart.dh-style small {
- font-family: 'Montserrat', sans-serif;
- opacity: 0.8;
-}
-.application.sheet.daggerheart.dh-style.class .tagify {
- background: light-dark(transparent, transparent);
- border: 1px solid light-dark(#222, #efe6d8);
- height: 34px;
- border-radius: 3px;
- margin-right: 1px;
-}
-.application.sheet.daggerheart.dh-style.class .tagify tag div {
- display: flex;
- justify-content: space-between;
- align-items: center;
- height: 22px;
-}
-.application.sheet.daggerheart.dh-style.class .tagify tag div span {
- font-weight: 400;
-}
-.application.sheet.daggerheart.dh-style.class .tagify tag div img {
- margin-left: 8px;
- height: 20px;
- width: 20px;
-}
-.application.sheet.daggerheart.dh-style.class .tab.settings .fieldsets-section {
- display: grid;
- gap: 10px;
- grid-template-columns: 1fr 1.5fr 1.5fr;
-}
-.application.sheet.daggerheart.dh-style.class .tab.settings .list-items {
- margin-bottom: 10px;
- width: 100%;
-}
-.application.sheet.daggerheart.dh-style.class .tab.settings .list-items:last-child {
- margin-bottom: 0px;
-}
-.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line {
- display: grid;
- align-items: center;
- gap: 10px;
- grid-template-columns: 1fr 3fr 1fr;
-}
-.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line h4 {
- font-family: 'Montserrat', sans-serif;
- font-weight: lighter;
- color: light-dark(#222, #efe6d8);
-}
-.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line .image {
- height: 40px;
- width: 40px;
- object-fit: cover;
- border-radius: 6px;
- border: none;
-}
-.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line .controls {
- display: flex;
- justify-content: center;
- gap: 10px;
-}
-.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line .controls a {
- text-shadow: none;
-}
diff --git a/styles/less/applications/adversary-settings/experiences.less b/styles/less/sheets-settings/adversary-settings/experiences.less
similarity index 100%
rename from styles/less/applications/adversary-settings/experiences.less
rename to styles/less/sheets-settings/adversary-settings/experiences.less
diff --git a/styles/less/applications/adversary-settings/features.less b/styles/less/sheets-settings/adversary-settings/features.less
similarity index 100%
rename from styles/less/applications/adversary-settings/features.less
rename to styles/less/sheets-settings/adversary-settings/features.less
diff --git a/styles/less/applications/adversary-settings/sheet.less b/styles/less/sheets-settings/adversary-settings/sheet.less
similarity index 100%
rename from styles/less/applications/adversary-settings/sheet.less
rename to styles/less/sheets-settings/adversary-settings/sheet.less
diff --git a/styles/less/applications/environment-settings/adversaries.less b/styles/less/sheets-settings/environment-settings/adversaries.less
similarity index 100%
rename from styles/less/applications/environment-settings/adversaries.less
rename to styles/less/sheets-settings/environment-settings/adversaries.less
diff --git a/styles/less/applications/environment-settings/features.less b/styles/less/sheets-settings/environment-settings/features.less
similarity index 100%
rename from styles/less/applications/environment-settings/features.less
rename to styles/less/sheets-settings/environment-settings/features.less
diff --git a/styles/less/applications/header.less b/styles/less/sheets-settings/header.less
similarity index 100%
rename from styles/less/applications/header.less
rename to styles/less/sheets-settings/header.less
diff --git a/styles/less/sheets-settings/index.less b/styles/less/sheets-settings/index.less
new file mode 100644
index 00000000..77fa6d94
--- /dev/null
+++ b/styles/less/sheets-settings/index.less
@@ -0,0 +1,7 @@
+@import './header.less';
+@import './adversary-settings/sheet.less';
+@import './adversary-settings/experiences.less';
+@import './adversary-settings/features.less';
+
+@import './environment-settings/features.less';
+@import './environment-settings/adversaries.less';
\ No newline at end of file
diff --git a/styles/less/actors/adversary/actions.less b/styles/less/sheets/actors/adversary/actions.less
similarity index 87%
rename from styles/less/actors/adversary/actions.less
rename to styles/less/sheets/actors/adversary/actions.less
index 6ca46e90..8370abc3 100644
--- a/styles/less/actors/adversary/actions.less
+++ b/styles/less/sheets/actors/adversary/actions.less
@@ -1,5 +1,5 @@
-@import '../../utils/colors.less';
-@import '../../utils/fonts.less';
+@import '../../../utils/colors.less';
+@import '../../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.adversary {
.tab.features {
diff --git a/styles/less/actors/adversary/header.less b/styles/less/sheets/actors/adversary/header.less
similarity index 92%
rename from styles/less/actors/adversary/header.less
rename to styles/less/sheets/actors/adversary/header.less
index 4b962466..9ba00355 100644
--- a/styles/less/actors/adversary/header.less
+++ b/styles/less/sheets/actors/adversary/header.less
@@ -1,5 +1,5 @@
-@import '../../utils/colors.less';
-@import '../../utils/fonts.less';
+@import '../../../utils/colors.less';
+@import '../../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.adversary {
.adversary-header-sheet {
diff --git a/styles/less/actors/adversary/sheet.less b/styles/less/sheets/actors/adversary/sheet.less
similarity index 84%
rename from styles/less/actors/adversary/sheet.less
rename to styles/less/sheets/actors/adversary/sheet.less
index f5507f36..baa80bb3 100644
--- a/styles/less/actors/adversary/sheet.less
+++ b/styles/less/sheets/actors/adversary/sheet.less
@@ -1,5 +1,5 @@
-@import '../../utils/colors.less';
-@import '../../utils/fonts.less';
+@import '../../../utils/colors.less';
+@import '../../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.adversary {
.window-content {
diff --git a/styles/less/actors/adversary/sidebar.less b/styles/less/sheets/actors/adversary/sidebar.less
similarity index 93%
rename from styles/less/actors/adversary/sidebar.less
rename to styles/less/sheets/actors/adversary/sidebar.less
index df2ca161..1dabf5ae 100644
--- a/styles/less/actors/adversary/sidebar.less
+++ b/styles/less/sheets/actors/adversary/sidebar.less
@@ -1,16 +1,26 @@
-@import '../../utils/colors.less';
-@import '../../utils/fonts.less';
+@import '../../../utils/colors.less';
+@import '../../../utils/fonts.less';
+@import '../../../utils/mixin.less';
+
+.appTheme({
+ &.adversary {
+ .adversary-sidebar-sheet {
+ background-image: url('../assets/parchments/dh-parchment-dark.png');
+ }
+ }
+}, {
+ &.adversary {
+ .adversary-sidebar-sheet {
+ background: transparent;
+ }
+ }
+});
.application.sheet.daggerheart.actor.dh-style.adversary {
.adversary-sidebar-sheet {
width: 275px;
min-width: 275px;
border-right: 1px solid light-dark(@dark-blue, @golden);
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-
- .theme-light & {
- background: transparent;
- }
.portrait {
position: relative;
diff --git a/styles/less/actors/character/biography.less b/styles/less/sheets/actors/character/biography.less
similarity index 87%
rename from styles/less/actors/character/biography.less
rename to styles/less/sheets/actors/character/biography.less
index 635cf8d5..e07d7080 100644
--- a/styles/less/actors/character/biography.less
+++ b/styles/less/sheets/actors/character/biography.less
@@ -1,5 +1,5 @@
-@import '../../utils/colors.less';
-@import '../../utils/fonts.less';
+@import '../../../utils/colors.less';
+@import '../../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.character {
.tab.biography {
diff --git a/styles/less/actors/character/features.less b/styles/less/sheets/actors/character/features.less
similarity index 87%
rename from styles/less/actors/character/features.less
rename to styles/less/sheets/actors/character/features.less
index 6fc86ac3..767544c1 100644
--- a/styles/less/actors/character/features.less
+++ b/styles/less/sheets/actors/character/features.less
@@ -1,5 +1,5 @@
-@import '../../utils/colors.less';
-@import '../../utils/fonts.less';
+@import '../../../utils/colors.less';
+@import '../../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.character {
.tab.features {
diff --git a/styles/less/actors/character/header.less b/styles/less/sheets/actors/character/header.less
similarity index 98%
rename from styles/less/actors/character/header.less
rename to styles/less/sheets/actors/character/header.less
index 300314da..6110fcc6 100644
--- a/styles/less/actors/character/header.less
+++ b/styles/less/sheets/actors/character/header.less
@@ -1,5 +1,6 @@
-@import '../../utils/colors.less';
-@import '../../utils/fonts.less';
+@import '../../../utils/colors.less';
+@import '../../../utils/fonts.less';
+@import '../../../utils/mixin.less';
// Theme header backgrounds
.appTheme({
diff --git a/styles/less/actors/character/inventory.less b/styles/less/sheets/actors/character/inventory.less
similarity index 96%
rename from styles/less/actors/character/inventory.less
rename to styles/less/sheets/actors/character/inventory.less
index 516b01b0..43669d7f 100644
--- a/styles/less/actors/character/inventory.less
+++ b/styles/less/sheets/actors/character/inventory.less
@@ -1,5 +1,5 @@
-@import '../../utils/colors.less';
-@import '../../utils/fonts.less';
+@import '../../../utils/colors.less';
+@import '../../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.character {
.tab.inventory {
diff --git a/styles/less/actors/character/loadout.less b/styles/less/sheets/actors/character/loadout.less
similarity index 97%
rename from styles/less/actors/character/loadout.less
rename to styles/less/sheets/actors/character/loadout.less
index 72393597..cdf0e2e4 100644
--- a/styles/less/actors/character/loadout.less
+++ b/styles/less/sheets/actors/character/loadout.less
@@ -1,5 +1,5 @@
-@import '../../utils/colors.less';
-@import '../../utils/fonts.less';
+@import '../../../utils/colors.less';
+@import '../../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.character {
.tab.loadout {
diff --git a/styles/less/actors/character/sheet.less b/styles/less/sheets/actors/character/sheet.less
similarity index 88%
rename from styles/less/actors/character/sheet.less
rename to styles/less/sheets/actors/character/sheet.less
index f3e0cd74..f2c9bb1a 100644
--- a/styles/less/actors/character/sheet.less
+++ b/styles/less/sheets/actors/character/sheet.less
@@ -1,5 +1,5 @@
-@import '../../utils/colors.less';
-@import '../../utils/fonts.less';
+@import '../../../utils/colors.less';
+@import '../../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.character {
.window-content {
diff --git a/styles/less/actors/character/sidebar.less b/styles/less/sheets/actors/character/sidebar.less
similarity index 98%
rename from styles/less/actors/character/sidebar.less
rename to styles/less/sheets/actors/character/sidebar.less
index 4c637839..d6ceab46 100644
--- a/styles/less/actors/character/sidebar.less
+++ b/styles/less/sheets/actors/character/sidebar.less
@@ -1,5 +1,6 @@
-@import '../../utils/colors.less';
-@import '../../utils/fonts.less';
+@import '../../../utils/colors.less';
+@import '../../../utils/fonts.less';
+@import '../../../utils/mixin.less';
// Theme sidebar backgrounds
.appTheme({
diff --git a/styles/less/actors/companion/details.less b/styles/less/sheets/actors/companion/details.less
similarity index 95%
rename from styles/less/actors/companion/details.less
rename to styles/less/sheets/actors/companion/details.less
index 4da8d126..4edf8aa9 100644
--- a/styles/less/actors/companion/details.less
+++ b/styles/less/sheets/actors/companion/details.less
@@ -1,5 +1,5 @@
-@import '../../utils/colors.less';
-@import '../../utils/fonts.less';
+@import '../../../utils/colors.less';
+@import '../../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.companion {
.partner-section,
diff --git a/styles/less/actors/companion/header.less b/styles/less/sheets/actors/companion/header.less
similarity index 98%
rename from styles/less/actors/companion/header.less
rename to styles/less/sheets/actors/companion/header.less
index daa20e93..fac32ea5 100644
--- a/styles/less/actors/companion/header.less
+++ b/styles/less/sheets/actors/companion/header.less
@@ -1,5 +1,5 @@
-@import '../../utils/colors.less';
-@import '../../utils/fonts.less';
+@import '../../../utils/colors.less';
+@import '../../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.companion {
.companion-header-sheet {
diff --git a/styles/less/actors/companion/sheet.less b/styles/less/sheets/actors/companion/sheet.less
similarity index 52%
rename from styles/less/actors/companion/sheet.less
rename to styles/less/sheets/actors/companion/sheet.less
index 22c5fc0b..f31679ba 100644
--- a/styles/less/actors/companion/sheet.less
+++ b/styles/less/sheets/actors/companion/sheet.less
@@ -1,3 +1,5 @@
+@import '../../../utils/mixin.less';
+
// Theme header backgrounds
.appTheme({
&.companion {
@@ -8,15 +10,3 @@
background: url('../assets/parchments/dh-parchment-light.png');
}
});
-
-.application.sheet.daggerheart.actor.dh-style.companion {
- // .profile {
- // height: 80px;
- // width: 80px;
- // }
-
- // .temp-container {
- // position: relative;
- // top: 32px;
- // }
-}
diff --git a/styles/less/actors/environment/header.less b/styles/less/sheets/actors/environment/header.less
similarity index 95%
rename from styles/less/actors/environment/header.less
rename to styles/less/sheets/actors/environment/header.less
index fce7943f..87be3314 100644
--- a/styles/less/actors/environment/header.less
+++ b/styles/less/sheets/actors/environment/header.less
@@ -1,5 +1,5 @@
-@import '../../utils/colors.less';
-@import '../../utils/fonts.less';
+@import '../../../utils/colors.less';
+@import '../../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.environment {
.environment-header-sheet {
diff --git a/styles/less/actors/environment/sheet.less b/styles/less/sheets/actors/environment/sheet.less
similarity index 80%
rename from styles/less/actors/environment/sheet.less
rename to styles/less/sheets/actors/environment/sheet.less
index 733f105e..74cec028 100644
--- a/styles/less/actors/environment/sheet.less
+++ b/styles/less/sheets/actors/environment/sheet.less
@@ -1,5 +1,6 @@
-@import '../../utils/colors.less';
-@import '../../utils/fonts.less';
+@import '../../../utils/colors.less';
+@import '../../../utils/fonts.less';
+@import '../../../utils/mixin.less';
.appTheme({
&.environment {
diff --git a/styles/less/sheets/index.less b/styles/less/sheets/index.less
new file mode 100644
index 00000000..cbee35ac
--- /dev/null
+++ b/styles/less/sheets/index.less
@@ -0,0 +1,23 @@
+@import './actors/adversary/actions.less';
+@import './actors/adversary/header.less';
+@import './actors/adversary/sheet.less';
+@import './actors/adversary/sidebar.less';
+
+@import './actors/character/biography.less';
+@import './actors/character/features.less';
+@import './actors/character/header.less';
+@import './actors/character/inventory.less';
+@import './actors/character/loadout.less';
+@import './actors/character/sheet.less';
+@import './actors/character/sidebar.less';
+
+@import './actors/companion/details.less';
+@import './actors/companion/header.less';
+@import './actors/companion/sheet.less';
+
+@import './actors/environment/header.less';
+@import './actors/environment/sheet.less';
+
+@import './items/class.less';
+@import './items/domain-card.less';
+@import './items/feature.less';
diff --git a/styles/less/items/class.less b/styles/less/sheets/items/class.less
similarity index 94%
rename from styles/less/items/class.less
rename to styles/less/sheets/items/class.less
index f8004d31..d32f60d6 100644
--- a/styles/less/items/class.less
+++ b/styles/less/sheets/items/class.less
@@ -1,5 +1,5 @@
-@import '../utils/colors.less';
-@import '../utils/fonts.less';
+@import '../../utils/colors.less';
+@import '../../utils/fonts.less';
.application.sheet.daggerheart.dh-style.class {
.tab.settings {
diff --git a/styles/less/items/domainCard.less b/styles/less/sheets/items/domain-card.less
similarity index 77%
rename from styles/less/items/domainCard.less
rename to styles/less/sheets/items/domain-card.less
index 93c00558..a784b3a2 100644
--- a/styles/less/items/domainCard.less
+++ b/styles/less/sheets/items/domain-card.less
@@ -1,5 +1,5 @@
-@import '../utils/colors.less';
-@import '../utils/fonts.less';
+@import '../../utils/colors.less';
+@import '../../utils/fonts.less';
.application.sheet.daggerheart.dh-style.domain-card {
section.tab {
diff --git a/styles/less/items/feature.less b/styles/less/sheets/items/feature.less
old mode 100755
new mode 100644
similarity index 84%
rename from styles/less/items/feature.less
rename to styles/less/sheets/items/feature.less
index c27cfb65..b7493f15
--- a/styles/less/items/feature.less
+++ b/styles/less/sheets/items/feature.less
@@ -1,5 +1,5 @@
-@import '../utils/colors.less';
-@import '../utils/fonts.less';
+@import '../../utils/colors.less';
+@import '../../utils/fonts.less';
.application.sheet.daggerheart.dh-style.feature {
.item-sheet-header {
diff --git a/styles/chat.less b/styles/less/ui/chat/chat.less
similarity index 60%
rename from styles/chat.less
rename to styles/less/ui/chat/chat.less
index f454bec7..945bda3f 100644
--- a/styles/chat.less
+++ b/styles/less/ui/chat/chat.less
@@ -1,36 +1,5 @@
-.chat-message {
- .duality-modifiers,
- .duality-result,
- .dice-title {
- display: none;
- }
-}
-
-fieldset.daggerheart.chat {
- padding: 0;
- border-left-width: 0;
- border-right-width: 0;
- border-bottom-width: 0;
- legend {
- display: flex;
- align-items: center;
- gap: 5px;
- &:before,
- &:after {
- content: '\f0d8';
- font-family: 'Font Awesome 6 Pro';
- }
- }
- &.expanded {
- legend:before,
- legend:after {
- content: '\f0d7';
- }
- }
- .daggerheart.chat {
- margin-top: 5px;
- }
-}
+@import '../../utils/colors.less';
+@import '../../utils/spacing.less';
.daggerheart.chat {
&.downtime {
@@ -408,194 +377,3 @@ fieldset.daggerheart.chat {
}
}
}
-
-.theme-colorful {
- .chat-message.duality {
- border-color: black;
- padding: 8px 0 0 0;
- fieldset.daggerheart.chat {
- border-top-width: 0;
- display: contents;
- legend {
- &:before,
- &:after {
- display: none;
- }
- }
- }
- .message-header {
- color: var(--color-light-3);
- padding: 0 8px;
- }
- &.hope {
- background: linear-gradient(0, rgba(165, 42, 42, 0.6) 40px, rgba(0, 0, 0, 0.6));
- }
- &.fear {
- background: linear-gradient(0, @fearBackgroundEnd, @fearBackgroundStart);
- }
- &.critical {
- background: linear-gradient(0, @criticalBackgroundEnd, @criticalBackgroundStart);
- }
- .chat-message header {
- color: var(--color-light-3);
- }
- > * {
- padding: 0 8px;
- }
- .message-content {
- .duality-modifiers,
- .duality-result,
- .dice-title {
- display: flex;
- }
- .duality-modifiers {
- display: flex;
- gap: 2px;
- margin-bottom: 4px;
- .duality-modifier {
- padding: 2px;
- border-radius: 6px;
- border: 1px solid;
- background: var(--color-dark-6);
- font-size: 12px;
- }
- }
- .dice-flavor {
- color: var(--color-light-1);
- text-shadow: 0 0 1px black;
- border-bottom: 1px solid;
- display: flex;
- align-items: end;
- justify-content: space-between;
- padding: 0 8px;
- margin: 0 -8px 2px;
- font-weight: unset;
- }
- .dice-result {
- .duality-modifiers {
- display: flex; // Default => display: none;
- gap: 2px;
- margin-bottom: 4px;
- .duality-modifier {
- padding: 2px;
- border-radius: 6px;
- border: 1px solid;
- background: var(--color-dark-6);
- font-size: 12px;
- }
- }
- .dice-formula,
- > .dice-total,
- .part-header {
- display: none;
- }
- .dice-tooltip {
- grid-template-rows: 1fr;
- .wrapper {
- .tooltip-part {
- display: flex;
- align-items: end;
- gap: 0.25rem;
- .dice {
- .dice-rolls {
- margin-bottom: 0;
- &.duality {
- li {
- display: flex;
- align-items: center;
- justify-content: center;
- position: relative;
- background: unset;
- line-height: unset;
- font-weight: unset;
- }
- }
- }
- }
- .duality-modifier {
- display: flex;
- margin-bottom: 6px;
- color: var(--color-light-1);
- text-shadow: 0 0 1px black;
- font-size: var(--font-size-16);
- }
- }
- }
- }
- .target-selection {
- label {
- color: var(--color-light-1);
- }
- }
- .target-section {
- margin: 4px 0;
- border: 2px solid;
- margin-top: 5px;
- .dice-total {
- box-shadow: unset;
- border: unset;
- border-radius: unset;
- font-size: var(--font-size-18);
- }
- }
- .dice-actions {
- justify-content: space-between;
- &.duality-alone {
- justify-content: end;
- margin-top: -20px;
- }
- > * {
- display: flex;
- color: var(--color-light-1);
- text-shadow: 0 0 1px black;
- font-weight: bold;
- background: var(--color-dark-1);
- padding: 4px;
- border-color: black;
- min-height: unset;
- height: 26px;
- flex: unset;
- margin: 0;
- }
- .duality-action {
- border-radius: 0 6px 0 0;
- margin-left: -8px;
- &.duality-action-effect {
- border-top-left-radius: 6px;
- margin-left: initial;
- }
- }
- .duality-result {
- border-radius: 6px 0 0 0;
- margin-right: -8px;
- }
- }
- .duality-result {
- display: flex;
- color: var(--color-light-1);
- text-shadow: 0 0 1px black;
- font-weight: bold;
- background: var(--color-dark-1);
- padding: 4px;
- border-color: black;
- min-height: unset;
- height: 26px;
- flex: unset;
- margin: 0;
- margin-left: auto;
- align-self: center;
- border-radius: 6px;
- }
- }
- }
- button {
- &.inner-button {
- color: var(--color-light-1);
- text-shadow: 0 0 1px black;
- font-weight: bold;
- background: var(--color-dark-1);
- border-color: black;
- }
- }
- }
-}
diff --git a/styles/less/ui/chat/sheet.less b/styles/less/ui/chat/sheet.less
new file mode 100644
index 00000000..683b91f1
--- /dev/null
+++ b/styles/less/ui/chat/sheet.less
@@ -0,0 +1,33 @@
+.chat-message {
+ .duality-modifiers,
+ .duality-result,
+ .dice-title {
+ display: none;
+ }
+}
+
+fieldset.daggerheart.chat {
+ padding: 0;
+ border-left-width: 0;
+ border-right-width: 0;
+ border-bottom-width: 0;
+ legend {
+ display: flex;
+ align-items: center;
+ gap: 5px;
+ &:before,
+ &:after {
+ content: '\f0d8';
+ font-family: 'Font Awesome 6 Pro';
+ }
+ }
+ &.expanded {
+ legend:before,
+ legend:after {
+ content: '\f0d7';
+ }
+ }
+ .daggerheart.chat {
+ margin-top: 5px;
+ }
+}
diff --git a/styles/less/ui/chat/theme-colorful.less b/styles/less/ui/chat/theme-colorful.less
new file mode 100644
index 00000000..adbbc5ca
--- /dev/null
+++ b/styles/less/ui/chat/theme-colorful.less
@@ -0,0 +1,193 @@
+@import '../../utils/colors.less';
+@import '../../utils/spacing.less';
+
+.theme-colorful {
+ .chat-message.duality {
+ border-color: black;
+ padding: 8px 0 0 0;
+ fieldset.daggerheart.chat {
+ border-top-width: 0;
+ display: contents;
+ legend {
+ &:before,
+ &:after {
+ display: none;
+ }
+ }
+ }
+ .message-header {
+ color: var(--color-light-3);
+ padding: 0 8px;
+ }
+ &.hope {
+ background: linear-gradient(0, rgba(165, 42, 42, 0.6) 40px, rgba(0, 0, 0, 0.6));
+ }
+ &.fear {
+ background: linear-gradient(0, @fearBackgroundEnd, @fearBackgroundStart);
+ }
+ &.critical {
+ background: linear-gradient(0, @criticalBackgroundEnd, @criticalBackgroundStart);
+ }
+ .chat-message header {
+ color: var(--color-light-3);
+ }
+ > * {
+ padding: 0 8px;
+ }
+ .message-content {
+ .duality-modifiers,
+ .duality-result,
+ .dice-title {
+ display: flex;
+ }
+ .duality-modifiers {
+ display: flex;
+ gap: 2px;
+ margin-bottom: 4px;
+ .duality-modifier {
+ padding: 2px;
+ border-radius: 6px;
+ border: 1px solid;
+ background: var(--color-dark-6);
+ font-size: 12px;
+ }
+ }
+ .dice-flavor {
+ color: var(--color-light-1);
+ text-shadow: 0 0 1px black;
+ border-bottom: 1px solid;
+ display: flex;
+ align-items: end;
+ justify-content: space-between;
+ padding: 0 8px;
+ margin: 0 -8px 2px;
+ font-weight: unset;
+ }
+ .dice-result {
+ .duality-modifiers {
+ display: flex; // Default => display: none;
+ gap: 2px;
+ margin-bottom: 4px;
+ .duality-modifier {
+ padding: 2px;
+ border-radius: 6px;
+ border: 1px solid;
+ background: var(--color-dark-6);
+ font-size: 12px;
+ }
+ }
+ .dice-formula,
+ > .dice-total,
+ .part-header {
+ display: none;
+ }
+ .dice-tooltip {
+ grid-template-rows: 1fr;
+ .wrapper {
+ .tooltip-part {
+ display: flex;
+ align-items: end;
+ gap: 0.25rem;
+ .dice {
+ .dice-rolls {
+ margin-bottom: 0;
+ &.duality {
+ li {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: relative;
+ background: unset;
+ line-height: unset;
+ font-weight: unset;
+ }
+ }
+ }
+ }
+ .duality-modifier {
+ display: flex;
+ margin-bottom: 6px;
+ color: var(--color-light-1);
+ text-shadow: 0 0 1px black;
+ font-size: var(--font-size-16);
+ }
+ }
+ }
+ }
+ .target-selection {
+ label {
+ color: var(--color-light-1);
+ }
+ }
+ .target-section {
+ margin: 4px 0;
+ border: 2px solid;
+ margin-top: 5px;
+ .dice-total {
+ box-shadow: unset;
+ border: unset;
+ border-radius: unset;
+ font-size: var(--font-size-18);
+ }
+ }
+ .dice-actions {
+ justify-content: space-between;
+ &.duality-alone {
+ justify-content: end;
+ margin-top: -20px;
+ }
+ > * {
+ display: flex;
+ color: var(--color-light-1);
+ text-shadow: 0 0 1px black;
+ font-weight: bold;
+ background: var(--color-dark-1);
+ padding: 4px;
+ border-color: black;
+ min-height: unset;
+ height: 26px;
+ flex: unset;
+ margin: 0;
+ }
+ .duality-action {
+ border-radius: 0 6px 0 0;
+ margin-left: -8px;
+ &.duality-action-effect {
+ border-top-left-radius: 6px;
+ margin-left: initial;
+ }
+ }
+ .duality-result {
+ border-radius: 6px 0 0 0;
+ margin-right: -8px;
+ }
+ }
+ .duality-result {
+ display: flex;
+ color: var(--color-light-1);
+ text-shadow: 0 0 1px black;
+ font-weight: bold;
+ background: var(--color-dark-1);
+ padding: 4px;
+ border-color: black;
+ min-height: unset;
+ height: 26px;
+ flex: unset;
+ margin: 0;
+ margin-left: auto;
+ align-self: center;
+ border-radius: 6px;
+ }
+ }
+ }
+ button {
+ &.inner-button {
+ color: var(--color-light-1);
+ text-shadow: 0 0 1px black;
+ font-weight: bold;
+ background: var(--color-dark-1);
+ border-color: black;
+ }
+ }
+ }
+}
diff --git a/styles/less/ui/combat-sidebar/combat-sidebar.less b/styles/less/ui/combat-sidebar/combat-sidebar.less
new file mode 100644
index 00000000..e247e5b4
--- /dev/null
+++ b/styles/less/ui/combat-sidebar/combat-sidebar.less
@@ -0,0 +1,6 @@
+.combat-sidebar {
+ h4 {
+ margin: 0;
+ text-align: center;
+ }
+}
diff --git a/styles/less/ui/combat-sidebar/combatant-controls.less b/styles/less/ui/combat-sidebar/combatant-controls.less
new file mode 100644
index 00000000..4a3329d6
--- /dev/null
+++ b/styles/less/ui/combat-sidebar/combatant-controls.less
@@ -0,0 +1,5 @@
+.combat-sidebar {
+ .combatant-controls {
+ flex: 0;
+ }
+}
diff --git a/styles/less/ui/combat-sidebar/encounter-controls.less b/styles/less/ui/combat-sidebar/encounter-controls.less
new file mode 100644
index 00000000..8a2981b5
--- /dev/null
+++ b/styles/less/ui/combat-sidebar/encounter-controls.less
@@ -0,0 +1,48 @@
+.combat-sidebar {
+ .encounter-controls.combat {
+ justify-content: space-between;
+
+ .encounter-fear-controls {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+
+ .encounter-fear-dice-container {
+ display: flex;
+ gap: 2px;
+
+ .encounter-control-fear-container {
+ display: flex;
+ position: relative;
+ align-items: center;
+ justify-content: center;
+ color: black;
+
+ .dice {
+ height: 22px;
+ width: 22px;
+ }
+
+ .encounter-control-fear {
+ position: absolute;
+ font-size: 16px;
+ }
+
+ .encounter-control-counter {
+ position: absolute;
+ right: -10px;
+ color: var(--color-text-secondary);
+ }
+ }
+ }
+
+ .encounter-countdowns {
+ color: var(--content-link-icon-color);
+ }
+ }
+
+ .control-buttons {
+ width: min-content;
+ }
+ }
+}
diff --git a/styles/less/ui/combat-sidebar/spotlight-control.less b/styles/less/ui/combat-sidebar/spotlight-control.less
new file mode 100644
index 00000000..2659cc90
--- /dev/null
+++ b/styles/less/ui/combat-sidebar/spotlight-control.less
@@ -0,0 +1,19 @@
+.combat-sidebar {
+ .spotlight-control {
+ font-size: 26px;
+
+ &:focus {
+ outline: none;
+ box-shadow: none;
+ }
+
+ &.discrete:hover {
+ background: inherit;
+ }
+
+ &.requesting {
+ filter: drop-shadow(0 0 3px gold);
+ color: var(--button-hover-text-color);
+ }
+ }
+}
diff --git a/styles/less/ui/combat-sidebar/token-actions.less b/styles/less/ui/combat-sidebar/token-actions.less
new file mode 100644
index 00000000..23be22e8
--- /dev/null
+++ b/styles/less/ui/combat-sidebar/token-actions.less
@@ -0,0 +1,48 @@
+.combat-sidebar {
+ .token-actions {
+ align-self: stretch;
+ display: flex;
+ align-items: top;
+ justify-content: center;
+ gap: 16px;
+
+ .action-tokens {
+ display: flex;
+ gap: 4px;
+
+ .action-token {
+ height: 22px;
+ width: 22px;
+ border: 1px solid;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 10px;
+ padding: 8px;
+ --button-size: 0;
+
+ &.used {
+ opacity: 0.5;
+ background: transparent;
+ }
+ }
+ }
+
+ button {
+ font-size: 22px;
+ height: 24px;
+ width: 24px;
+
+ &.main {
+ background: var(--button-hover-background-color);
+ color: var(--button-hover-text-color);
+ border-color: var(--button-hover-border-color);
+
+ &:hover {
+ filter: drop-shadow(0 0 3px var(--button-hover-text-color));
+ }
+ }
+ }
+ }
+}
diff --git a/styles/less/ui/countdown/countdown.less b/styles/less/ui/countdown/countdown.less
new file mode 100644
index 00000000..ecc9f1b8
--- /dev/null
+++ b/styles/less/ui/countdown/countdown.less
@@ -0,0 +1,61 @@
+@import '../../utils/colors.less';
+@import '../../utils/fonts.less';
+
+.daggerheart.dh-style.countdown {
+ fieldset {
+ align-items: center;
+ margin-top: 5px;
+ border-radius: 6px;
+ border-color: light-dark(@dark-blue, @golden);
+
+ legend {
+ font-family: @font-body;
+ font-weight: bold;
+ color: light-dark(@dark-blue, @golden);
+
+ a {
+ text-shadow: none;
+ }
+ }
+ }
+
+ .minimized-view {
+ display: flex;
+ gap: 8px;
+ flex-wrap: wrap;
+
+ .mini-countdown-container {
+ width: fit-content;
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ border: 2px solid light-dark(@dark-blue, @golden);
+ border-radius: 6px;
+ padding: 0 4px 0 0;
+ background-image: url('../assets/parchments/dh-parchment-light.png');
+ color: light-dark(@beige, @dark);
+ cursor: pointer;
+
+ &.disabled {
+ cursor: initial;
+ }
+
+ img {
+ width: 30px;
+ height: 30px;
+ border-radius: 6px 0 0 6px;
+ }
+
+ .mini-countdown-name {
+ white-space: nowrap;
+ }
+
+ .mini-countdown-value {
+ }
+ }
+ }
+
+ .hidden {
+ display: none;
+ }
+}
diff --git a/styles/countdown.less b/styles/less/ui/countdown/sheet.less
similarity index 64%
rename from styles/countdown.less
rename to styles/less/ui/countdown/sheet.less
index 336805a9..6a1d2394 100644
--- a/styles/countdown.less
+++ b/styles/less/ui/countdown/sheet.less
@@ -1,141 +1,88 @@
-.theme-light {
- .daggerheart.dh-style.countdown {
- .minimized-view .mini-countdown-container {
- background-image: url('../assets/parchments/dh-parchment-dark.png');
- }
- }
-}
-
-.daggerheart.dh-style.countdown {
- overflow: hidden;
-
- fieldset {
- align-items: center;
- margin-top: 5px;
- border-radius: 6px;
- border-color: light-dark(@dark-blue, @golden);
-
- legend {
- font-family: @font-body;
- font-weight: bold;
- color: light-dark(@dark-blue, @golden);
-
- a {
- text-shadow: none;
- }
- }
- }
-
- .minimized-view {
- display: flex;
- gap: 8px;
- flex-wrap: wrap;
-
- .mini-countdown-container {
- width: fit-content;
- display: flex;
- align-items: center;
- gap: 8px;
- border: 2px solid light-dark(@dark-blue, @golden);
- border-radius: 6px;
- padding: 0 4px 0 0;
- background-image: url('../assets/parchments/dh-parchment-light.png');
- color: light-dark(@beige, @dark);
- cursor: pointer;
-
- &.disabled {
- cursor: initial;
- }
-
- img {
- width: 30px;
- height: 30px;
- border-radius: 6px 0 0 6px;
- }
-
- .mini-countdown-name {
- white-space: nowrap;
- }
-
- .mini-countdown-value {
- }
- }
- }
-
- .hidden {
- display: none;
- }
-
- .window-content {
- > div {
- height: 100%;
-
- .expanded-view {
- height: 100%;
- display: flex;
- flex-direction: column;
-
- .countdowns-menu {
- display: flex;
- gap: 8px;
-
- .flex {
- flex: 1;
- }
- }
-
- .countdowns-container {
- display: flex;
- gap: 8px;
- flex-wrap: wrap;
- overflow: auto;
- max-height: 100%;
-
- .countdown-fieldset {
- width: 340px;
- height: min-content;
- position: relative;
-
- .ownership-button {
- position: absolute;
- top: 8px;
- right: 8px;
- font-size: 18px;
- }
-
- .countdown-container {
- display: flex;
- align-items: center;
- gap: 16px;
-
- img {
- width: 150px;
- height: 150px;
- cursor: pointer;
-
- &.disabled {
- cursor: initial;
- }
- }
-
- .countdown-inner-container {
- display: flex;
- flex-direction: column;
- gap: 4px;
-
- .countdown-value-container {
- display: flex;
- gap: 4px;
-
- input {
- max-width: 80px;
- }
- }
- }
- }
- }
- }
- }
- }
- }
-}
+@import '../../utils/colors.less';
+@import '../../utils/fonts.less';
+@import '../../utils/mixin.less';
+
+.appTheme({}, {
+ &.countdown {
+ .minimized-view .mini-countdown-container {
+ background-image: url('../assets/parchments/dh-parchment-dark.png');
+ }
+ }
+});
+
+.daggerheart.dh-style.countdown {
+ overflow: hidden;
+
+ .window-content {
+ > div {
+ height: 100%;
+
+ .expanded-view {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+
+ .countdowns-menu {
+ display: flex;
+ gap: 8px;
+
+ .flex {
+ flex: 1;
+ }
+ }
+
+ .countdowns-container {
+ display: flex;
+ gap: 8px;
+ flex-wrap: wrap;
+ overflow: auto;
+ max-height: 100%;
+
+ .countdown-fieldset {
+ width: 340px;
+ height: min-content;
+ position: relative;
+
+ .ownership-button {
+ position: absolute;
+ top: 8px;
+ right: 8px;
+ font-size: 18px;
+ }
+
+ .countdown-container {
+ display: flex;
+ align-items: center;
+ gap: 16px;
+
+ img {
+ width: 150px;
+ height: 150px;
+ cursor: pointer;
+
+ &.disabled {
+ cursor: initial;
+ }
+ }
+
+ .countdown-inner-container {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+
+ .countdown-value-container {
+ display: flex;
+ gap: 4px;
+
+ input {
+ max-width: 80px;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/styles/less/ui/index.less b/styles/less/ui/index.less
new file mode 100644
index 00000000..0227c26b
--- /dev/null
+++ b/styles/less/ui/index.less
@@ -0,0 +1,18 @@
+@import './chat/chat.less';
+@import './chat/sheet.less';
+@import './chat/theme-colorful.less';
+
+@import './combat-sidebar/combat-sidebar.less';
+@import './combat-sidebar/combatant-controls.less';
+@import './combat-sidebar/encounter-controls.less';
+@import './combat-sidebar/spotlight-control.less';
+@import './combat-sidebar/token-actions.less';
+
+@import './countdown/countdown.less';
+@import './countdown/sheet.less';
+
+@import './ownership-selection/ownership-selection.less';
+
+@import './resources/resources.less';
+
+@import './settings/settings.less';
diff --git a/styles/ownershipSelection.less b/styles/less/ui/ownership-selection/ownership-selection.less
similarity index 94%
rename from styles/ownershipSelection.less
rename to styles/less/ui/ownership-selection/ownership-selection.less
index f0b05937..56fddd4f 100644
--- a/styles/ownershipSelection.less
+++ b/styles/less/ui/ownership-selection/ownership-selection.less
@@ -1,3 +1,5 @@
+@import '../../utils/colors.less';
+
.daggerheart.views.ownership-selection {
.ownership-outer-container {
display: flex;
diff --git a/styles/resources.less b/styles/less/ui/resources/resources.less
similarity index 100%
rename from styles/resources.less
rename to styles/less/ui/resources/resources.less
diff --git a/styles/settings.less b/styles/less/ui/settings/settings.less
similarity index 98%
rename from styles/settings.less
rename to styles/less/ui/settings/settings.less
index d3e63a2d..3bd200a2 100644
--- a/styles/settings.less
+++ b/styles/less/ui/settings/settings.less
@@ -1,3 +1,5 @@
+@import '../../utils/colors.less';
+
.daggerheart.dh-style.setting {
fieldset {
display: flex;
diff --git a/styles/less/utils/colors.less b/styles/less/utils/colors.less
index 57a6b018..3e72b743 100755
--- a/styles/less/utils/colors.less
+++ b/styles/less/utils/colors.less
@@ -45,6 +45,21 @@
@gradient-hp: linear-gradient(15deg, rgb(70, 20, 10) 0%, rgb(190, 0, 0) 42%, rgb(252, 176, 69) 100%);
@gradient-stress: linear-gradient(15deg, rgb(130, 59, 1) 0%, rgb(252, 142, 69) 65%, rgb(190, 0, 0) 100%);
+// TODO: Remove this colors section once new chat layout is done
+@miss: rgb(255, 0, 0);
+@hit: rgb(0, 128, 0);
+@positive: #699969;
+@secondaryShadow: gold;
+@primaryAccent: #778899;
+@hope: #ffe760;
+@fear: #0032b1;
+@fearBackgroundStart: rgba(15, 15, 97, 0.6);
+@fearBackgroundEnd: rgba(0, 0, 255, 0.6);
+@critical: #430070;
+@criticalBackgroundStart: rgba(37, 8, 37, 0.6);
+@criticalBackgroundEnd: rgba(128, 0, 128, 0.6);
+@primary-color-fear: rgba(9, 71, 179, 0.75);
+
@keyframes glow {
0% {
box-shadow: 0 0 1px 1px @golden;
diff --git a/styles/variables/values.less b/styles/less/utils/spacing.less
similarity index 100%
rename from styles/variables/values.less
rename to styles/less/utils/spacing.less
diff --git a/styles/levelup.less b/styles/levelup.less
deleted file mode 100644
index 0f7949ba..00000000
--- a/styles/levelup.less
+++ /dev/null
@@ -1,271 +0,0 @@
-.theme-light {
- .daggerheart.levelup {
- .tiers-container {
- .tier-container {
- background-image: url('../assets/parchments/dh-parchment-light.png');
- }
- }
- }
-}
-
-.daggerheart.levelup {
- .window-content {
- max-height: 960px;
- overflow: auto;
- }
-
- div[data-application-part='form'] {
- display: flex;
- flex-direction: column;
- gap: 8px;
- }
-
- section {
- .section-container {
- display: flex;
- flex-direction: column;
- gap: 8px;
- margin-top: 8px;
- }
- }
-
- .levelup-navigation-container {
- display: flex;
- align-items: center;
- gap: 22px;
- height: 36px;
-
- nav {
- flex: 1;
-
- .levelup-tab-container {
- display: flex;
- align-items: center;
- gap: 4px;
- }
- }
-
- .levelup-navigation-actions {
- width: 306px;
- display: flex;
- justify-content: end;
- gap: 16px;
- margin-right: 4px;
-
- * {
- width: calc(50% - 8px);
- }
- }
- }
-
- .tiers-container {
- display: flex;
- gap: 16px;
-
- .tier-container {
- flex: 1;
- display: flex;
- flex-direction: column;
- gap: 8px;
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-
- &.inactive {
- opacity: 0.4;
- pointer-events: none;
- }
-
- legend {
- margin-left: auto;
- margin-right: auto;
- font-size: 22px;
- font-weight: bold;
- padding: 0 12px;
- }
-
- .checkbox-group-container {
- display: grid;
- grid-template-columns: 1fr 3fr;
- gap: 4px;
-
- .checkboxes-container {
- display: flex;
- justify-content: end;
- gap: 4px;
-
- .checkbox-grouping-coontainer {
- display: flex;
- height: min-content;
-
- &.multi {
- border: 2px solid grey;
- padding: 2.4px 2.5px 0;
- border-radius: 4px;
- gap: 2px;
-
- .selection-checkbox {
- margin-left: 0;
- margin-right: 0;
- }
- }
-
- .selection-checkbox {
- margin: 0;
- }
- }
- }
-
- .checkbox-group-label {
- font-size: 14px;
- font-style: italic;
- }
- }
- }
- }
-
- .levelup-selections-container {
- .achievement-experience-cards {
- display: flex;
- gap: 8px;
-
- .achievement-experience-card {
- border: 1px solid;
- border-radius: 4px;
- padding-right: 4px;
- font-size: 18px;
- display: flex;
- justify-content: space-between;
- align-items: center;
- gap: 4px;
-
- .achievement-experience-marker {
- border: 1px solid;
- border-radius: 50%;
- height: 18px;
- width: 18px;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 12px;
- }
- }
- }
-
- .levelup-card-selection {
- display: flex;
- flex-wrap: wrap;
- gap: 40px;
-
- .card-preview-container {
- width: calc(100% * (1 / 5));
- }
-
- .levelup-domains-selection-container {
- display: flex;
- flex-direction: column;
- gap: 8px;
-
- .levelup-domain-selection-container {
- display: flex;
- flex-direction: column;
- align-items: center;
- flex: 1;
- position: relative;
- cursor: pointer;
-
- &.disabled {
- pointer-events: none;
- opacity: 0.4;
- }
-
- .levelup-domain-label {
- position: absolute;
- text-align: center;
- top: 4px;
- background: grey;
- padding: 0 12px;
- border-radius: 6px;
- }
-
- img {
- height: 124px;
- }
-
- .levelup-domain-selected {
- position: absolute;
- height: 54px;
- width: 54px;
- border-radius: 50%;
- border: 2px solid;
- font-size: 48px;
- display: flex;
- align-items: center;
- justify-content: center;
- background-image: url(../assets/parchments/dh-parchment-light.png);
- color: var(--color-dark-5);
- top: calc(50% - 29px);
-
- i {
- position: relative;
- right: 2px;
- }
- }
- }
- }
- }
-
- .levelup-selections-title {
- display: flex;
- align-items: center;
- gap: 4px;
- }
-
- .levelup-radio-choices {
- display: flex;
- gap: 8px;
-
- label {
- flex: 0;
- }
- }
- }
-
- .levelup-summary-container {
- .level-achievements-container,
- .level-advancements-container {
- display: flex;
- flex-direction: column;
- gap: 8px;
-
- h2,
- h3,
- h4,
- h5 {
- margin: 0;
- color: var(--color-text-secondary);
- }
- }
-
- .increase-container {
- display: flex;
- align-items: center;
- gap: 4px;
- font-size: 20px;
- }
-
- .summary-selection-container {
- display: flex;
- gap: 8px;
-
- .summary-selection {
- border: 2px solid;
- border-radius: 6px;
- padding: 0 4px;
- font-size: 18px;
- }
- }
- }
-
- .levelup-footer {
- display: flex;
- }
-}
diff --git a/styles/pc.less b/styles/pc.less
deleted file mode 100644
index c9abd821..00000000
--- a/styles/pc.less
+++ /dev/null
@@ -1,1519 +0,0 @@
-@import 'variables/values.less';
-@import 'variables/colors.less';
-
-.daggerheart.sheet.pc {
- width: 810px !important; // Form won't apply height for some reason
-
- div[data-application-part] {
- display: flex;
- flex-direction: column;
-
- .pc-sheet-header {
- display: flex;
- gap: @halfMargin;
- height: 120px;
- margin-bottom: @halfMargin;
-
- .portrait {
- border: 0;
- border-right: @thinBorder solid var(--color-underline-header);
- }
-
- .class-info {
- flex: 1;
- background: @primaryAccent;
- // -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 55px) 100%, 0px 100%);
- // clip-path: polygon(0 0, 100% 0, calc(100% - 75px) 100%, 0px 100%);
-
- .portrait {
- max-width: 120px;
- }
-
- .class-title {
- text-align: center;
- display: flex;
- justify-content: space-between;
-
- span:hover {
- filter: drop-shadow(0px 0px 3px red);
- cursor: pointer;
- }
-
- .domain-container {
- margin-left: @halfMargin;
- }
- }
-
- .class-add-container {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
- flex: 0;
-
- button {
- height: 22px;
- width: 22px;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-left: @halfMargin;
- background: @primaryAccent;
- }
- }
-
- .domain-title {
- text-transform: uppercase;
- display: flex;
- flex-direction: column;
- align-items: center;
- line-height: 23px;
- font-weight: bold;
- font-style: italic;
- }
-
- .domain-image {
- height: 30px;
- flex: 0;
- }
- }
- .general-info {
- flex: 2;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
-
- .general-input {
- position: relative;
-
- .general-title {
- position: absolute;
- left: 4px;
- // height: 100%;
- text-align: center;
- font-weight: bold;
- text-transform: uppercase;
- }
- }
-
- .pc-tabs {
- flex: 1;
- margin: 0;
- }
-
- .rest-container {
- flex-wrap: nowrap;
- display: flex;
- height: var(--form-field-height);
- flex: 0;
-
- button {
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- width: var(--form-field-height);
-
- i {
- font-size: 13px;
- }
- }
- }
-
- .level-container {
- position: relative;
- bottom: 4px;
- flex: none;
- width: 40px;
- border: none;
- outline: none;
- margin-left: @fullMargin;
-
- &.levelup {
- filter: drop-shadow(0px 0px 3px gold);
- }
-
- img {
- height: 40px;
- width: 40px;
- border: none;
- }
-
- .level-value-container {
- width: 48px;
- position: absolute;
- top: calc(50% - 17px);
- left: calc(50% - 23px);
-
- .level-value {
- font-weight: bold;
- font-size: 20px;
- text-align: center;
- &:not(:hover),
- &:not(:focus) {
- border: none;
- }
- }
-
- .levelup-marker {
- position: absolute;
- top: 0;
- right: calc(50% - 12px);
- color: gold;
- filter: drop-shadow(0px 0px 3px black);
-
- &.double-digit {
- right: calc(50% - 20px);
- }
- }
- }
-
- .level-title {
- position: absolute;
- bottom: 2px;
- width: 42px;
- background-color: black;
- color: white;
- left: calc(50% - 21px);
- text-align: center;
- border-radius: 5px;
- font-size: 12px;
-
- &.levelup {
- color: gold;
- filter: drop-shadow(0px 0px 3px orange);
- font-weight: bold;
- cursor: pointer;
- &:hover {
- background-color: aliceblue;
- }
- }
- }
- }
- }
- }
-
- .sheet-body {
- display: flex;
- flex-direction: column;
- flex: 1;
-
- .tab-container {
- height: 100%;
- display: flex;
- flex-direction: column;
-
- .tab-inner-container {
- flex: 1;
-
- .body-section {
- display: flex;
- flex-direction: column;
-
- fieldset {
- flex: 0;
- }
- }
- }
- }
-
- .system-info {
- font-size: 12px;
- font-style: italic;
- font-weight: bold;
- margin-top: -@halfMargin;
- flex: 0;
- }
-
- .feature-sheet-body {
- gap: @halfMargin;
- }
-
- .abilities-container {
- position: relative;
- display: flex;
- flex-wrap: wrap;
- border-radius: 6px;
- padding-left: 0;
- // flex: 2.5;
-
- legend {
- margin-left: auto;
- margin-right: auto;
- font-weight: bold;
- text-transform: uppercase;
- padding: 0 @fullMargin;
- position: relative;
- }
-
- .attributes-menu {
- position: absolute;
- bottom: calc(50% - 12px);
- font-size: 24px;
- left: -8px;
- }
-
- .attribute {
- position: relative;
- padding: 0 0 @fullPadding;
- display: flex;
- flex-direction: column;
- align-items: center;
- flex-basis: 33.33%;
- // flex: 1;
-
- .attribute-banner {
- position: relative;
- top: 8px;
- z-index: 2;
- background: black;
- color: white;
- text-transform: uppercase;
- padding: @smallPadding;
- border-radius: 6px;
- display: flex;
- align-items: center;
- overflow: hidden;
- min-width: 96px;
-
- .attribute-roll {
- position: absolute;
- width: 16px;
- transition: transform 0.2s;
-
- &:hover {
- transform: rotate(30deg);
- filter: drop-shadow(0px 0px 3px red);
- cursor: pointer;
- }
- }
-
- .attribute-text {
- width: 100%;
- margin-left: @largeMargin;
- font-size: 12px;
- }
- }
-
- .attribute-mark {
- height: 23px;
- width: 23px;
- position: absolute;
- right: -5px;
- top: 6px;
- border: 2px solid black;
- border-radius: 50%;
- background: white;
- z-index: 2;
- display: flex;
- align-items: center;
- justify-content: center;
-
- &.selectable {
- border-color: gold;
- filter: drop-shadow(0 0 3px black);
-
- &:hover i {
- opacity: 0.3;
- }
- }
-
- & i.selected,
- &:hover i.selected {
- color: green;
- opacity: 1;
- }
-
- i {
- color: black;
- font-size: 17px;
- opacity: 0;
- }
- }
-
- .attribute-image {
- position: relative;
- width: fit-content;
- display: flex;
-
- img {
- height: 80px;
- width: 80px;
- border: none;
- }
-
- .attribute-value {
- width: 55px;
- padding-right: 10px;
- position: absolute;
- top: calc(50% - 18px);
- left: calc(50% - 24px);
- font-weight: bold;
- font-size: 30px;
- line-height: 30px;
- text-align: center;
- border: none;
- appearance: none;
- -moz-appearance: none;
- -webkit-appearance: none;
- &.negative {
- left: calc(50% - 29px);
- }
- &.unselected {
- filter: drop-shadow(0 0 3px @secondaryShadow);
- }
- }
-
- .attribute-text {
- width: 47px;
- position: absolute;
- top: calc(50% - 22px);
- left: calc(50% - 24px);
- font-weight: bold;
- font-size: 30px;
- text-align: center;
-
- &.negative {
- left: calc(50% - 29px);
- }
- }
- }
-
- .attribute-verb {
- font-variant: petite-caps;
- }
- }
- }
-
- .defense-row {
- height: 100%;
- width: 100%;
- display: flex;
- align-items: baseline;
- justify-content: space-evenly;
-
- .defense-section {
- display: flex;
- align-items: center;
- margin-right: @fullMargin;
-
- .defense-container {
- position: relative;
- padding: @fullPadding;
- max-width: 100px;
-
- img {
- border: none;
- max-width: 80px;
- }
-
- .defense-value {
- width: 47px;
- position: absolute;
- top: calc(50% - 22px);
- left: calc(50% - 24px);
- font-weight: bold;
- font-size: 30px;
- text-align: center;
- &:not(:hover),
- &:not(:focus) {
- border: none;
- }
- }
-
- .defense-banner {
- position: absolute;
- bottom: 20px;
- left: calc(50% - 42px);
- z-index: 2;
- background-color: black;
- color: white;
- width: 84px;
- text-align: center;
- }
- }
- }
-
- .armor-marks {
- max-width: 67px;
- padding: @fullPadding;
- align-self: end;
- margin-left: @halfMargin;
-
- .mark {
- width: 16px;
- height: 16px;
- margin: 0px;
- }
-
- .disabled-mark {
- opacity: 0.6;
- }
- }
- }
-
- .left-main-container {
- position: relative;
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- border-radius: @normalRadius;
-
- height: 100px;
- width: 100px;
-
- .legend {
- margin-left: auto;
- margin-right: auto;
- font-weight: bold;
- text-transform: uppercase;
- padding: 0 @fullPadding;
- position: relative;
- }
- }
-
- .weapon-section {
- padding-top: 8px;
- }
-
- .threshold-container {
- position: relative;
- display: flex;
- align-items: center;
- align-self: center;
-
- .threshold-box {
- position: relative;
- width: 30px;
- height: 30px;
- border: @normalBorder solid black;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 20px;
- font-weight: bold;
- }
-
- .threshold-spacer {
- position: relative;
- z-index: 2;
- width: 70px;
- height: 18px;
- background-color: darkgray;
- color: white;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- }
-
- .resource-label {
- text-transform: uppercase;
- font-weight: bold;
- }
-
- .death-save {
- position: absolute;
- right: -22px;
-
- &:hover:not(.disabled) {
- filter: drop-shadow(0 0 3px @mainShadow);
- cursor: pointer;
- }
-
- &.disabled {
- opacity: 0.4;
- }
- }
-
- .resource-box {
- width: 20px;
- height: 12px;
-
- &.stress:nth-child(even) {
- position: relative;
- right: 1px;
- }
-
- .disabled {
- opacity: 0.6;
- }
- }
-
- .hope-text {
- font-size: 11.7px;
- margin-right: 6px;
- }
-
- .hope-container {
- background: darkgray;
- border-radius: 6px;
- display: flex;
- padding: @smallPadding 0px;
-
- .vertical-separator {
- border-left: 2px solid white;
- height: auto;
- margin: @halfMargin 0;
- flex: 0;
- }
-
- .hope-inner-container {
- position: relative;
-
- .hope-value {
- width: 16px;
- height: 16px;
- }
-
- .hope-scar {
- position: absolute;
- top: calc(50% - 6px);
- left: calc(50% - 7px);
- opacity: 0.4;
- font-size: 12px;
- -webkit-transform: scaleX(-1);
- transform: scaleX(-1);
- }
- }
- }
-
- .experience-row {
- width: 100%;
- display: flex;
- align-items: flex-end;
-
- .experience-selector {
- font-size: 18px;
- cursor: pointer;
- margin-right: @halfMargin;
- opacity: 0.5;
-
- &:hover:not(.selected) {
- filter: drop-shadow(0 0 3px gold);
- }
-
- &.selected {
- filter: drop-shadow(0 0 3px gold);
- opacity: 1;
- }
- }
-
- .experience-value {
- margin-left: @fullMargin;
- width: 30px;
- border-bottom: @normalBorder solid black;
- border-radius: 4px;
- text-align: center;
- font-weight: bold;
-
- &.empty {
- border: 0;
- }
- }
-
- .disabled-experience {
- border: @thinBorder solid @borderTertiary;
- background: rgba(0, 0, 0, 0.2);
- }
- }
- .gold-section {
- width: calc(100% - 8px);
- display: flex;
- justify-content: space-between;
-
- fieldset.gold-fieldset {
- padding-right: 0;
- padding-left: 0;
- padding-bottom: @fullPadding;
-
- legend {
- margin-left: auto;
- margin-right: auto;
- font-size: 15px;
- font-variant: all-petite-caps;
- font-weight: bold;
- }
-
- .gold-column {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- height: 100%;
- gap: @halfMargin;
- }
-
- .gold-row {
- display: flex;
- align-items: center;
- justify-content: center;
- padding: 0 @fullPadding;
- gap: @tinyMargin;
- }
-
- .gold-row,
- .gold-column {
- img {
- min-width: 14px;
- min-height: 14px;
- height: 14px;
- border: 0;
- filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(17%) contrast(103%);
-
- &:hover {
- cursor: pointer;
- filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(17%)
- contrast(103%) drop-shadow(0 0 3px @mainShadow);
- }
- }
-
- i:hover {
- cursor: pointer;
- filter: drop-shadow(0 0 3px @mainShadow);
- }
-
- img:not(.owned),
- i:not(.owned) {
- opacity: 0.4;
- }
- }
- }
- }
-
- .health-category {
- text-transform: uppercase;
- }
-
- .class-feature-selectable {
- cursor: pointer;
-
- &:hover {
- filter: drop-shadow(0 0 3px @mainShadow);
- }
-
- &.inactive {
- opacity: 0.5;
- }
- }
-
- .features-container {
- width: 100%;
- min-height: 136px;
-
- .feature-container {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: @fullPadding;
- margin-bottom: 0;
-
- .feature-img {
- max-width: 42px;
- }
-
- .feature-label {
- font-weight: bold;
- font-size: 30px;
- }
-
- button {
- flex: 0;
- }
- }
-
- .feature-tick-container {
- flex: 0;
- min-width: 56px;
- display: flex;
- flex-wrap: wrap;
- gap: @fullMargin;
- margin: 0 @threeQuarterMargin;
-
- .feature-tick {
- position: relative;
- border: @normalBorder solid @borderTertiary;
- height: 24px;
- border-radius: 50%;
- width: 24px;
- background: rgba(0, 0, 0, 0.05);
- display: flex;
- justify-content: center;
-
- &:hover:not(.disabled):not(.used) {
- cursor: pointer;
- filter: drop-shadow(0 0 3px @mainShadow);
- }
-
- &.disabled {
- opacity: 0.3;
- }
-
- img {
- border: 0;
- width: 24px;
- height: 24px;
- filter: invert(17%) sepia(0%) saturate(0%) hue-rotate(19deg) brightness(102%) contrast(84%);
- }
-
- .feature-dice-value {
- font-size: 18px;
- align-self: center;
- }
-
- &.used::after {
- position: absolute;
- content: '/';
- color: @borderTertiary;
- font-weight: 700;
- font-size: 1.7em;
- left: 4px;
- top: -5px;
- transform: rotate(25deg);
- font-size: 24.5px;
- }
- }
- }
- }
-
- .feature-input {
- border: 0;
- border-bottom: @thinBorder solid @borderTertiary;
- text-align: center;
- height: min-content;
- background: inherit;
- font-size: 20px;
- position: relative;
- bottom: 3px;
- }
-
- .editor {
- height: 400px;
- width: 100%;
- }
-
- .weapons-title {
- position: relative;
- display: flex;
- flex-direction: column;
- align-items: center;
-
- .proficiency-container {
- width: 176px;
- height: 20px;
- position: absolute;
- bottom: -15px;
- left: calc(50% - 88px);
- text-transform: uppercase;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 1;
- clip-path: polygon(11% 100%, 89% 100%, 100% 0%, 0% 0%);
- font-size: 10px;
-
- span {
- margin-right: @tinyMargin;
- }
-
- .proficiency-dot {
- background: white;
- color: white;
- font-size: 10px;
- padding: 1px;
- border-radius: 50%;
-
- &.marked {
- color: black;
- }
-
- &:not(:last-of-type) {
- margin-right: @tinyMargin;
- }
- }
- }
- }
-
- .weapons-burden {
- position: absolute;
- top: -4px;
- right: -56px;
- display: flex;
- align-items: center;
-
- .weapons-burden-icon {
- color: white;
- font-size: 22px;
- -webkit-text-stroke-width: 1px;
- -webkit-text-stroke-color: black;
-
- &.active {
- -webkit-text-stroke-color: rgba(0, 0, 0, 0.05);
- color: black;
- }
-
- &.left {
- -webkit-transform: scaleX(-1) rotate(20deg);
- transform: scaleX(-1) rotate(20deg);
- margin-right: 4px;
- }
-
- &.right {
- transform: rotate(20deg);
- }
- }
- }
-
- .armor-container {
- display: flex;
- align-items: center;
-
- .active-item-label-chip {
- margin-left: @halfMargin;
- }
- }
-
- .item-section {
- .active-item-container {
- display: flex;
- flex-direction: column;
- width: 100%;
- padding: @smallPadding 0px;
-
- .weapons-label-row {
- display: flex;
- align-items: center;
-
- .damage-roll {
- width: 24px;
- border: none;
- margin-left: @halfMargin;
- transition: transform 0.2s;
-
- &:hover {
- transform: rotate(30deg);
- filter: drop-shadow(0px 0px 3px red);
- cursor: pointer;
- }
- }
- }
- }
-
- .active-item-label-chip {
- width: 62px;
- border: @normalBorder solid black;
- border-radius: 6px;
- background-color: @primaryAccent;
- display: flex;
- align-items: center;
- justify-content: space-around;
- margin-left: @fullPadding;
-
- img {
- height: 20px;
- }
-
- button {
- height: 17px;
- width: 17px;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- background: rgb(122, 121, 113);
- border-color: black;
- margin: 0;
-
- &:hover {
- background: red;
- }
-
- i {
- font-size: 10px;
- color: black;
- }
- }
- }
- }
-
- .inventory-armor-section,
- .inventory-weapon-section {
- width: 100%;
- margin-bottom: @fullMargin;
- text-transform: uppercase;
-
- h2 {
- width: 100%;
- display: flex;
- align-items: center;
- }
- }
-
- .inventory-legend {
- display: flex;
- align-items: center;
- margin-bottom: @halfMargin;
-
- .page-selector {
- margin-left: 4px;
- display: flex;
- align-items: center;
-
- i {
- &:hover:not(.disabled) {
- cursor: pointer;
- filter: drop-shadow(0px 0px 3px red);
- }
-
- &.disabled {
- opacity: 0.4;
- }
- }
- }
- }
-
- .inventory-add-button {
- position: absolute;
- border-radius: 50%;
- height: 15px;
- width: 15px;
- top: -20px;
- background: grey;
- border-color: black;
- right: 6px;
- display: flex;
- font-size: 13px;
- align-items: center;
- justify-content: center;
- }
-
- .inventory {
- width: 100%;
-
- .inventory-row {
- height: 26px;
- border-bottom: @thinBorder solid @borderTertiary;
- display: flex;
- margin-bottom: @fullMargin;
- border-radius: 8px;
-
- .item-container {
- flex-basis: 25%;
- margin: 0 @halfMargin @fullMargin;
- display: flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
-
- &:hover {
- filter: drop-shadow(0px 0px 3px red);
- }
-
- .inventory-item {
- background: @primaryAccent;
- padding: @fullPadding;
- border: @thinBorder solid black;
- border-radius: 6px;
- display: flex;
- align-items: center;
-
- .inventory-item-text {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- flex: 1;
- }
-
- button {
- height: 16px;
- width: 16px;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 0;
- background: @secondaryBackground;
- border-color: black;
- margin-left: @halfMargin;
-
- i {
- font-size: 12px;
- }
- }
- }
- }
- }
-
- .editor {
- height: 100px;
- }
- }
-
- .inventory-items {
- width: 100%;
- flex: 1;
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- }
-
- .domain-card-tab {
- flex: 1;
-
- .domain-card-body {
- height: 100%;
- width: 100%;
- padding: @largePadding;
- display: flex;
- flex-direction: column;
-
- .card-row {
- flex: 1;
- display: flex;
- }
-
- .domain-card {
- flex: 0;
- flex-basis: 33.33%;
- margin: @fullMargin;
- }
-
- .loadout-body {
- flex: 1;
-
- .loadout-container {
- height: 100%;
- display: flex;
- flex-direction: column;
- gap: @fullMargin;
-
- .top-card-row {
- flex: 1;
- display: flex;
- justify-content: space-around;
- }
-
- .domain-card.outlined {
- border: @normalBorder dotted black;
- padding: 0;
- margin: @fullMargin;
- height: calc(100% - 16px);
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: space-evenly;
- }
- }
- }
-
- .vault-container {
- display: flex;
- flex-wrap: wrap;
- overflow-y: auto;
- height: 100%;
-
- .vault-card {
- flex: 0;
- flex-basis: calc(33.33% - 16px);
- margin: 8px;
- height: calc(50% - 16px);
- min-height: calc(50% - 16px);
- }
- }
-
- .domain-card-menu {
- flex: 0;
- width: 120px;
- height: 100%;
- border-width: @normalBorder 0 @normalBorder @normalBorder;
- border-color: black;
- border-style: solid;
-
- button {
- margin-bottom: @tinyMargin;
- }
- }
- }
- }
-
- .loadout-tabs {
- border-top: @thinBorder solid @borderPrimary;
- border-bottom: @thinBorder solid @borderPrimary;
- }
-
- .abilities-card {
- position: relative;
- border: @thickBorder solid @secondaryAccent;
- border-radius: 6px;
- display: flex;
- flex-direction: column;
- height: 100%;
- font-size: 14px;
-
- .abilities-card-image-container {
- position: relative;
- // height: 50%;
- }
-
- .abilities-card-image {
- width: 100%;
- height: 100%;
- aspect-ratio: 2;
- }
-
- .abilities-text-container {
- flex: 1;
- position: relative;
- height: 50%;
- display: flex;
- flex-direction: column;
- overflow-y: auto;
- padding: 12px 4px 4px;
- }
-
- .abilities-card-level {
- position: absolute;
- top: 0;
- left: 12px;
- color: black;
- height: 60px;
- border: @normalBorder solid orange;
- border-top-width: 0;
- width: 30px;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: space-evenly;
- background: grey;
- font-size: 20px;
- font-weight: bold;
-
- img {
- border: 0;
- width: 20px;
- }
- }
- .abilities-card-refresh-cost {
- position: absolute;
- top: 12px;
- right: 12px;
- color: white;
- width: 30px;
- height: 30px;
- border: @normalBorder solid orange;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- background: black;
- font-size: 14px;
- i {
- font-size: 11px;
- }
- }
-
- .abilities-card-type {
- flex: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- font-weight: bold;
- position: absolute;
- left: 0;
- text-align: center;
- width: 100%;
- bottom: -9px;
- z-index: 1;
-
- .abilities-card-type-text {
- padding: 0px 4px;
- border: 1px solid black;
- border-radius: 6px;
- background: gold;
- }
- }
-
- .abilities-card-title {
- flex: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- font-weight: bold;
- font-size: 18px;
- }
-
- .abilities-card-sub-title {
- flex: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- font-style: italic;
- font-size: 12px;
- }
-
- .abilities-card-spellcast {
- flex: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- text-transform: uppercase;
- font-size: 12px;
-
- .title {
- font-weight: bold;
- }
- }
-
- .abilities-card-description {
- flex: 0;
- font-size: 12px;
- margin-bottom: 4px;
- }
-
- .abilities-card-effect {
- cursor: pointer;
-
- &:hover {
- background: rgb(47 79 79 / 25%);
- }
-
- > * {
- margin-top: 0;
- margin-bottom: 0;
- }
- }
-
- .abilities-card-abilities {
- flex: 1;
- display: flex;
- flex-direction: column;
- gap: 4px;
-
- .abilities-card-ability {
- font-size: 12px;
- cursor: pointer;
-
- &:hover {
- background: rgb(47 79 79 / 25%);
- }
-
- > * {
- margin: 0;
- }
- }
- }
-
- &:hover .abilities-card-menu {
- height: 40px;
- left: 0px;
- }
-
- .abilities-card-menu {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 0;
- transition: height 0.2s;
- overflow: hidden;
- position: absolute;
- bottom: 0;
- z-index: 2;
- width: 100%;
- background: grey;
-
- button {
- font-weight: bold;
- }
- }
- }
-
- .heritage-container {
- height: 100%;
- display: flex;
- flex-direction: column;
- gap: @fullMargin;
-
- .card-row {
- height: 50%;
- display: flex;
- justify-content: space-around;
- }
-
- .heritage-card {
- flex-basis: 33.33%;
- margin: @fullMargin;
- display: flex;
- align-items: center;
- justify-content: center;
-
- &.outlined {
- border: @normalBorder dotted black;
- font-size: 25px;
- }
- }
- }
-
- .empty-ability-container {
- height: 100%;
- display: flex;
- flex-direction: column;
- align-items: center;
- font-size: 25px;
- opacity: 0.7;
-
- .empty-ability-inner-container {
- flex: 1;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
-
- i {
- font-size: 48px;
- }
- }
- }
-
- .story-container {
- gap: @largeMargin;
-
- .story-fieldset {
- border-radius: 6px;
- }
-
- .story-legend {
- margin-left: auto;
- margin-right: auto;
- padding: 0 8px;
- font-size: 30px;
- font-weight: bold;
- }
-
- .scars-container {
- .editor {
- height: 240px;
- }
- }
- }
-
- .inventory-container {
- height: 100%;
- overflow: auto;
-
- .inventory-item-list {
- list-style-type: none;
- padding: 0 @largePadding;
- margin-top: 0;
-
- &.inventory-item-header {
- margin-bottom: 0;
- }
-
- .inventory-title-row-container {
- display: flex;
- align-items: center;
- width: 100%;
- border-bottom: @thickBorder ridge slategrey;
-
- .inventory-title-row {
- justify-content: space-between;
- flex: 1;
- }
-
- .inventory-item-title-container {
- flex: 1;
- display: flex;
- align-items: center;
- justify-content: flex-start;
- }
-
- .inventory-item-quantity {
- width: 48px;
- display: flex;
- align-items: center;
- margin-right: 96px; // Icon toolbar spacing
- }
- }
-
- .inventory-item {
- background: crimson;
-
- &:not(:last-of-type) {
- border-bottom: @normalBorder ridge slategrey;
- }
-
- .inventory-item-title-container {
- flex: 1;
- display: flex;
- align-items: center;
- justify-content: flex-start;
-
- .inventory-item-title {
- display: flex;
- align-items: center;
- cursor: pointer;
-
- &:hover {
- filter: drop-shadow(0 0 3px @secondaryShadow);
- }
- }
- }
-
- .inventory-item-quantity {
- width: 60px;
- display: flex;
- align-items: center;
-
- &.spaced {
- margin-right: 56px;
- }
-
- input {
- margin: 0 @tinyMargin;
- border: 0;
- border-bottom: 2px solid black;
- }
-
- i {
- font-size: 20px;
- }
- }
- }
-
- .inventory-title-row {
- font-size: 20px;
- font-weight: bold;
- display: flex;
- align-items: center;
- padding: 0 @fullPadding;
- }
-
- .inventory-row {
- display: flex;
- align-items: center;
- padding: @fullPadding;
- font-size: 24px;
-
- .row-icon {
- margin-left: @halfMargin;
- }
-
- .active-item {
- position: absolute;
- font-size: 16px;
- left: calc(50% - 8px);
- top: calc(50% - 8px);
- margin-left: @tinyMargin;
- color: crimson;
- }
-
- img {
- width: 32px;
- }
- }
- }
- }
- }
- }
-}
diff --git a/styles/sheets/activeEffect.less b/styles/sheets/activeEffect.less
deleted file mode 100644
index 86a29244..00000000
--- a/styles/sheets/activeEffect.less
+++ /dev/null
@@ -1,5 +0,0 @@
-.application.sheet.daggerheart.dh-style.active-effect-config {
- label {
- white-space: nowrap;
- }
-}
diff --git a/styles/sheets/class.less b/styles/sheets/class.less
deleted file mode 100644
index 09dafcff..00000000
--- a/styles/sheets/class.less
+++ /dev/null
@@ -1,65 +0,0 @@
-.daggerheart.sheet.class .guide .drop-section {
- width: 100%;
-}
-.daggerheart.sheet.class .guide .drop-section legend {
- margin-left: auto;
- margin-right: auto;
- font-size: 12px;
-}
-.daggerheart.sheet.class .guide .drop-section .drop-section-body {
- min-height: 40px;
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.daggerheart.sheet.class .guide .trait-input {
- text-align: center;
- min-width: 24px;
-}
-.daggerheart.sheet.class .guide .suggested-item {
- border-radius: 6px;
- display: flex;
- justify-content: space-between;
- align-items: center;
- width: 100%;
-}
-.daggerheart.sheet.class .guide .suggested-item img {
- width: 30px;
-}
-.daggerheart.sheet.class .guide .suggested-item div {
- text-align: center;
-}
-.daggerheart.sheet.class .guide .suggested-item i {
- border-radius: 50%;
- margin-right: 4px;
- font-size: 11px;
-}
-.daggerheart.sheet.class .guide .extra-section {
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.daggerheart.sheet.class .guide .extra-section .extra-title {
- font-size: 14px;
- font-weight: bold;
-}
-.daggerheart.sheet.class .guide-section-title-centered {
- font-weight: bold;
- font-size: 18px;
-}
-.daggerheart.sheet.class .inventory-section {
- width: 100%;
- border: 2px solid black;
- border-style: dotted;
- min-height: 80px;
-}
-.daggerheart.sheet.class .inventory-section .inventory-title {
- font-weight: bold;
- font-size: 14px;
- text-align: center;
-}
-.daggerheart.sheet.class .domain-section {
- display: flex;
- align-items: center;
- gap: 5px;
-}
diff --git a/styles/sheets/heritage.less b/styles/sheets/heritage.less
deleted file mode 100644
index 84af64bc..00000000
--- a/styles/sheets/heritage.less
+++ /dev/null
@@ -1,5 +0,0 @@
-.daggerheart.sheet.heritage {
- .editor {
- height: 200px;
- }
-}
diff --git a/styles/sheets/sheets.less b/styles/sheets/sheets.less
deleted file mode 100644
index 5c9b43a1..00000000
--- a/styles/sheets/sheets.less
+++ /dev/null
@@ -1,185 +0,0 @@
-@import './heritage.less';
-@import './class.less';
-@import './activeEffect.less';
-
-.daggerheart.sheet {
- .title-container {
- display: flex;
- gap: @fullMargin;
-
- div {
- flex: 1;
- align-items: baseline;
- }
- }
-
- .editor-form-group {
- display: flex;
- flex-direction: column;
-
- label {
- font-weight: bold;
- text-align: center;
- }
- }
-
- .option-select {
- position: absolute;
- top: calc(50% - 10px);
- right: 8px;
- height: 20px;
- width: 20px;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- padding: 8px;
-
- &.deeper {
- right: 32px;
- }
-
- &:hover:not(:disabled) {
- filter: drop-shadow(0px 0px 3px @mainShadow);
- cursor: pointer;
- }
-
- i {
- margin: 0;
- font-size: 11px;
- }
- }
-
- .ability-title {
- width: 100%;
- display: flex;
-
- h2 {
- flex: 1;
- }
-
- i {
- cursor: pointer;
-
- &:hover {
- filter: drop-shadow(0px 0px 3px @mainShadow);
- }
- }
- }
-
- .ability-choices {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
-
- .ability-chip {
- border: 2px solid @secondaryAccent;
- border-radius: 6px;
- display: flex;
- align-items: center;
- padding: 4px;
- margin-bottom: 6px;
- flex: calc(33% - 4px);
- max-width: calc(33% - 4px);
-
- &.selected {
- filter: drop-shadow(0px 0px 3px @mainShadow);
- }
-
- &:nth-of-type(3n-1) {
- margin-left: 6px;
- margin-right: 6px;
- }
-
- input {
- border: 0;
- }
-
- button {
- flex: 0;
- border-radius: 50%;
- height: 20px;
- width: 20px;
- display: flex;
- align-items: center;
- justify-content: center;
- margin: 2px 0 2px 4px;
- padding: 12px;
-
- i {
- margin: 0;
- }
- }
- }
-
- .object-select-display {
- position: relative;
- width: calc(100% - 2px);
- background: rgba(0, 0, 0, 0.05);
- height: var(--form-field-height);
- display: flex;
- border: 1px solid rgb(122, 121, 113);
- border-radius: 3px;
-
- .object-select-title {
- position: absolute;
- left: 4px;
- text-align: center;
- font-weight: bold;
- text-transform: uppercase;
- }
-
- .object-select-text {
- align-self: center;
- }
-
- .object-select-item {
- cursor: pointer;
- &:hover {
- filter: drop-shadow(0px 0px 3px red);
- }
- }
- }
-
- .feature-container {
- display: flex;
- align-items: center;
- justify-content: space-between;
- background: @primaryAccent;
- padding: 8px;
- border: 2px solid black;
- border-radius: 6px;
-
- &:not(:last-child) {
- margin-bottom: 8px;
- }
-
- .feature-inner-container {
- display: flex;
- align-items: center;
-
- img {
- height: 40px;
- width: 40px;
- margin-right: 8px;
- }
-
- .feature-title {
- font-size: 22px;
- font-weight: bold;
- font-style: italic;
- }
- }
-
- button {
- height: 40px;
- width: 40px;
- background: inherit;
- border: 0;
-
- i {
- }
- }
- }
-}
diff --git a/styles/ui.less b/styles/ui.less
deleted file mode 100644
index 09a3511f..00000000
--- a/styles/ui.less
+++ /dev/null
@@ -1,122 +0,0 @@
-.combat-sidebar {
- .encounter-controls.combat {
- justify-content: space-between;
-
- .encounter-fear-controls {
- display: flex;
- align-items: center;
- gap: 8px;
-
- .encounter-fear-dice-container {
- display: flex;
- gap: 2px;
-
- .encounter-control-fear-container {
- display: flex;
- position: relative;
- align-items: center;
- justify-content: center;
- color: black;
-
- .dice {
- height: 22px;
- width: 22px;
- }
-
- .encounter-control-fear {
- position: absolute;
- font-size: 16px;
- }
-
- .encounter-control-counter {
- position: absolute;
- right: -10px;
- color: var(--color-text-secondary);
- }
- }
- }
-
- .encounter-countdowns {
- color: var(--content-link-icon-color);
- }
- }
-
- .control-buttons {
- width: min-content;
- }
- }
-
- .combatant-controls {
- flex: 0;
- }
-
- .token-actions {
- align-self: stretch;
- display: flex;
- align-items: top;
- justify-content: center;
- gap: 16px;
-
- .action-tokens {
- display: flex;
- gap: 4px;
-
- .action-token {
- height: 22px;
- width: 22px;
- border: 1px solid;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 10px;
- padding: 8px;
- --button-size: 0;
-
- &.used {
- opacity: 0.5;
- background: transparent;
- }
- }
- }
-
- button {
- font-size: 22px;
- height: 24px;
- width: 24px;
-
- &.main {
- background: var(--button-hover-background-color);
- color: var(--button-hover-text-color);
- border-color: var(--button-hover-border-color);
-
- &:hover {
- filter: drop-shadow(0 0 3px var(--button-hover-text-color));
- }
- }
- }
- }
-
- .spotlight-control {
- font-size: 26px;
-
- &:focus {
- outline: none;
- box-shadow: none;
- }
-
- &.discrete:hover {
- background: inherit;
- }
-
- &.requesting {
- filter: drop-shadow(0 0 3px gold);
- color: var(--button-hover-text-color);
- }
- }
-
- h4 {
- margin: 0;
- text-align: center;
- }
-}
diff --git a/styles/variables/colors.less b/styles/variables/colors.less
deleted file mode 100644
index 0468c1e6..00000000
--- a/styles/variables/colors.less
+++ /dev/null
@@ -1,37 +0,0 @@
-/* General */
-@advantage: #008000;
-@disadvantage: #b30000;
-@miss: rgb(255, 0, 0);
-@hit: rgb(0, 128, 0);
-@positive: #699969;
-@negative: #ff7f7f;
-
-@borderPrimary: #b5b3a4;
-@borderTertiary: #7a7971;
-
-/* Drop Shadows */
-@mainShadow: red;
-@secondaryShadow: gold;
-
-/* Background */
-@secondaryBackground: #7a7971;
-@primaryAccent: #778899;
-@secondaryAccent: #708090;
-@formBackground: #782e22;
-@hoverBackground: #2f4f4f40;
-
-/* Duality */
-@hope: #ffe760;
-@hopeBackgroundStart: rgba(0, 0, 0, 0.6);
-@hopeBackgroundEnd: rgba(165, 42, 42, 0.6);
-@fear: #0032b1;
-@fearAccent: #2555cd;
-@fearBackgroundStart: rgba(15, 15, 97, 0.6);
-@fearBackgroundEnd: rgba(0, 0, 255, 0.6);
-@critical: #430070;
-@criticalAccent: #66159c;
-@criticalBackgroundStart: rgba(37, 8, 37, 0.6);
-@criticalBackgroundEnd: rgba(128, 0, 128, 0.6);
-
-/* Fear */
-@primary-color-fear: rgba(9, 71, 179, 0.75);
diff --git a/styles/variables/variables.less b/styles/variables/variables.less
deleted file mode 100644
index ef536475..00000000
--- a/styles/variables/variables.less
+++ /dev/null
@@ -1,2 +0,0 @@
-@import './colors.less';
-@import './values.less';
From 99e41ec6f76e4ba5547db58433227bd1a8e50562 Mon Sep 17 00:00:00 2001
From: WBHarry <89362246+WBHarry@users.noreply.github.com>
Date: Wed, 9 Jul 2025 02:14:43 +0200
Subject: [PATCH 2/4] Removed git index for daggerheart.css (#306)
---
styles/daggerheart.css | 4603 ----------------------------------------
1 file changed, 4603 deletions(-)
delete mode 100755 styles/daggerheart.css
diff --git a/styles/daggerheart.css b/styles/daggerheart.css
deleted file mode 100755
index 43d91e4f..00000000
--- a/styles/daggerheart.css
+++ /dev/null
@@ -1,4603 +0,0 @@
-@import '../node_modules/@yaireo/tagify/dist/tagify.css';
-.application.sheet.daggerheart.actor.dh-style.adversary .tab.features .feature-section {
- display: flex;
- flex-direction: column;
- gap: 10px;
- overflow-y: auto;
- mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
- padding: 20px 0;
- padding-top: 10px;
- height: 95%;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet {
- padding: 0 15px;
- padding-top: 36px;
- width: 100%;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .name-row {
- display: flex;
- gap: 5px;
- align-items: center;
- justify-content: space-between;
- padding: 0;
- padding-top: 5px;
- padding-bottom: 8px;
- flex: 1;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .name-row input[type='text'] {
- font-size: 32px;
- height: 42px;
- text-align: start;
- border: 1px solid transparent;
- outline: 2px solid transparent;
- transition: all 0.3s ease;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .name-row input[type='text']:hover {
- outline: 2px solid light-dark(#222, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .tags {
- display: flex;
- gap: 10px;
- padding-bottom: 16px;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .tags .tag {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- padding: 3px 5px;
- font-size: 12px;
- font: 'Montserrat', sans-serif;
- background: light-dark(#22222215, #efe6d815);
- border: 1px solid light-dark(#222, #efe6d8);
- border-radius: 3px;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .tags .label {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- font-size: 12px;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .adversary-info {
- display: flex;
- flex-direction: column;
- gap: 12px;
- padding: 16px 0;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .adversary-info .description,
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .adversary-info .motives-and-tatics {
- font-family: 'Montserrat', sans-serif;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-header-sheet .adversary-navigation {
- display: flex;
- gap: 8px;
- align-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .window-content {
- display: grid;
- grid-template-columns: 275px 1fr;
- grid-template-rows: auto 1fr;
- gap: 15px 0;
- height: 100%;
- width: 100%;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .window-content .adversary-sidebar-sheet {
- grid-row: 1 / span 2;
- grid-column: 1;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .window-content .adversary-header-sheet {
- grid-row: 1;
- grid-column: 2;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .window-content .tab {
- grid-row: 2;
- grid-column: 2;
-}
-/**
- * Applies theme-specific styles.
- * @param {Rules} @darkRules - Styles to apply when `.theme-dark` is present
- * @param {Rules} @lightRules - Styles to apply when `.theme-light` is present
- */
-.themed.theme-dark .application.daggerheart.sheet.dh-style.adversary .adversary-sidebar-sheet,
-.themed.theme-dark.application.daggerheart.sheet.dh-style.adversary .adversary-sidebar-sheet,
-body.theme-dark .application.daggerheart.adversary .adversary-sidebar-sheet,
-body.theme-dark.application.daggerheart.adversary .adversary-sidebar-sheet {
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-}
-.themed.theme-light .application.daggerheart.sheet.dh-style.adversary .adversary-sidebar-sheet,
-.themed.theme-light.application.daggerheart.sheet.dh-style.adversary .adversary-sidebar-sheet,
-body.theme-light .application.daggerheart.adversary .adversary-sidebar-sheet,
-body.theme-light.application.daggerheart.adversary .adversary-sidebar-sheet {
- background: transparent;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet {
- width: 275px;
- min-width: 275px;
- border-right: 1px solid light-dark(#18162e, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .portrait {
- position: relative;
- border-bottom: 1px solid light-dark(#18162e, #f3c267);
- cursor: pointer;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .portrait img {
- height: 235px;
- width: 275px;
- object-fit: cover;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .portrait .death-roll-btn {
- display: none;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .portrait.death-roll {
- filter: grayscale(1);
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .portrait.death-roll .death-roll-btn {
- display: flex;
- position: absolute;
- top: 30%;
- right: 30%;
- font-size: 6rem;
- color: #efe6d8;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .portrait.death-roll .death-roll-btn:hover {
- text-shadow: 0 0 8px #efe6d8;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .threshold-section {
- position: relative;
- display: flex;
- gap: 10px;
- background-color: light-dark(transparent, #18162e);
- color: light-dark(#18162e, #f3c267);
- padding: 5px 10px;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- align-items: center;
- width: fit-content;
- height: 30px;
- margin-top: 16px;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .threshold-section h4 {
- font-size: 14px;
- font-weight: bold;
- text-transform: uppercase;
- color: light-dark(#18162e, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .threshold-section h4.threshold-value {
- color: light-dark(#222, #efe6d8);
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .threshold-section .threshold-legend {
- position: absolute;
- bottom: -21px;
- color: light-dark(#f3c267, #18162e);
- background-color: light-dark(#18162e, #f3c267);
- padding: 3px;
- justify-self: anchor-center;
- border-radius: 0 0 3px 3px;
- text-transform: capitalize;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .threshold-section .hope-value {
- display: flex;
- cursor: pointer;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section {
- position: relative;
- display: flex;
- flex-direction: column;
- top: -20px;
- gap: 16px;
- margin-bottom: -10px;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .resources-section {
- display: flex;
- justify-content: space-evenly;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .resources-section .status-bar {
- position: relative;
- width: 100px;
- height: 40px;
- justify-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .resources-section .status-bar .status-label {
- position: relative;
- top: 40px;
- height: 22px;
- width: 79px;
- clip-path: path('M0 0H79L74 16.5L39 22L4 16.5L0 0Z');
- background: light-dark(#18162e, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .resources-section .status-bar .status-label h4 {
- font-weight: bold;
- text-align: center;
- line-height: 18px;
- color: light-dark(#efe6d8, #18162e);
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .resources-section .status-bar .status-value {
- position: absolute;
- display: flex;
- padding: 0 6px;
- font-size: 1.5rem;
- align-items: center;
- width: 100px;
- height: 40px;
- justify-content: center;
- text-align: center;
- z-index: 2;
- color: #efe6d8;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'] {
- background: transparent;
- font-size: 1.5rem;
- width: 40px;
- height: 30px;
- text-align: center;
- border: none;
- outline: 2px solid transparent;
- color: #efe6d8;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'].bar-input {
- padding: 0;
- color: #efe6d8;
- backdrop-filter: none;
- background: transparent;
- transition: all 0.3s ease;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'].bar-input:hover,
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'].bar-input:focus {
- background: rgba(24, 22, 46, 0.33);
- backdrop-filter: blur(9.5px);
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .resources-section .status-bar .status-value .bar-label {
- width: 40px;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .resources-section .status-bar .progress-bar {
- position: absolute;
- appearance: none;
- width: 100px;
- height: 40px;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- z-index: 1;
- background: #18162e;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .resources-section .status-bar .progress-bar::-webkit-progress-bar {
- border: none;
- background: #18162e;
- border-radius: 6px;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .resources-section .status-bar .progress-bar::-webkit-progress-value {
- background: linear-gradient(15deg, #46140a 0%, #be0000 42%, #fcb045 100%);
- border-radius: 6px;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .resources-section .status-bar .progress-bar.stress-color::-webkit-progress-value {
- background: linear-gradient(15deg, #823b01 0%, #fc8e45 65%, #be0000 100%);
- border-radius: 6px;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .resources-section .status-bar .progress-bar::-moz-progress-bar {
- background: linear-gradient(15deg, #46140a 0%, #be0000 42%, #fcb045 100%);
- border-radius: 6px;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .resources-section .status-bar .progress-bar.stress-color::-moz-progress-bar {
- background: linear-gradient(15deg, #823b01 0%, #fc8e45 65%, #be0000 100%);
- border-radius: 6px;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .status-section {
- display: flex;
- flex-wrap: wrap;
- gap: 10px;
- justify-content: center;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .status-section .status-number {
- justify-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .status-section .status-number .status-value {
- position: relative;
- display: flex;
- width: 50px;
- height: 30px;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-bottom: none;
- border-radius: 6px 6px 0 0;
- padding: 0 6px;
- font-size: 1.2rem;
- align-items: center;
- justify-content: center;
- background: light-dark(transparent, #18162e);
- z-index: 2;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .status-section .status-number .status-value.armor-slots {
- width: 80px;
- height: 30px;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .status-section .status-number .status-label {
- padding: 2px 10px;
- width: 100%;
- border-radius: 3px;
- background: light-dark(#18162e, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .info-section .status-section .status-number .status-label h4 {
- font-weight: bold;
- text-align: center;
- line-height: 18px;
- font-size: 12px;
- color: light-dark(#efe6d8, #18162e);
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .items-sidebar-list {
- display: flex;
- flex-direction: column;
- gap: 5px;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .items-sidebar-list .inventory-item {
- padding: 0 10px;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .attack-section .title {
- display: flex;
- gap: 15px;
- align-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .attack-section .title h3 {
- font-size: 20px;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .attack-section .items-list {
- display: flex;
- flex-direction: column;
- gap: 10px;
- align-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .experience-section {
- margin-bottom: 20px;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .experience-section .title {
- display: flex;
- gap: 15px;
- align-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .experience-section .title h3 {
- font-size: 20px;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .experience-section .experience-list {
- display: flex;
- flex-direction: column;
- gap: 5px;
- width: 100%;
- margin-top: 10px;
- align-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .experience-section .experience-list .experience-row {
- display: flex;
- gap: 5px;
- width: 250px;
- align-items: center;
- justify-content: space-between;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .experience-section .experience-list .experience-row .experience-name {
- width: 180px;
- text-align: start;
- font-size: 14px;
- font-family: 'Montserrat', sans-serif;
- color: light-dark(#222, #efe6d8);
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .experience-section .experience-list .experience-value {
- height: 25px;
- width: 35px;
- font-size: 14px;
- font-family: 'Montserrat', sans-serif;
- color: light-dark(#222, #efe6d8);
- align-content: center;
- text-align: center;
- background: url(../assets/svg/experience-shield.svg) no-repeat;
-}
-.theme-light .application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .experience-section .experience-list .experience-value {
- background: url('../assets/svg/experience-shield-light.svg') no-repeat;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .reaction-section {
- display: flex;
- padding: 0 10px;
- margin-top: 20px;
- width: 100%;
-}
-.application.sheet.daggerheart.actor.dh-style.adversary .adversary-sidebar-sheet .reaction-section button {
- width: 100%;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.biography .items-section {
- display: flex;
- flex-direction: column;
- gap: 10px;
- overflow-y: auto;
- mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 98%, transparent 100%);
- padding-bottom: 40px;
- height: 100%;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.features .features-sections {
- display: flex;
- flex-direction: column;
- gap: 10px;
- overflow-y: auto;
- mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
- padding: 20px 0;
- padding-top: 10px;
- height: 95%;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.themed.theme-dark .application.daggerheart.sheet.dh-style .character-header-sheet .trait,
-.themed.theme-dark.application.daggerheart.sheet.dh-style .character-header-sheet .trait,
-body.theme-dark .application.daggerheart .character-header-sheet .trait,
-body.theme-dark.application.daggerheart .character-header-sheet .trait {
- background: url(../assets/svg/trait-shield.svg) no-repeat;
-}
-.themed.theme-light .application.daggerheart.sheet.dh-style .character-header-sheet .trait,
-.themed.theme-light.application.daggerheart.sheet.dh-style .character-header-sheet .trait,
-body.theme-light .application.daggerheart .character-header-sheet .trait,
-body.theme-light.application.daggerheart .character-header-sheet .trait {
- background: url('../assets/svg/trait-shield-light.svg') no-repeat;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet {
- padding: 0 15px;
- padding-top: 36px;
- width: 100%;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row {
- display: flex;
- gap: 5px;
- align-items: center;
- justify-content: space-between;
- padding: 0;
- padding-top: 5px;
- flex: 1;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row input[type='text'] {
- font-size: 32px;
- height: 42px;
- text-align: start;
- border: 1px solid transparent;
- outline: 2px solid transparent;
- transition: all 0.3s ease;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row input[type='text']:hover {
- outline: 2px solid light-dark(#222, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div {
- white-space: nowrap;
- display: flex;
- justify-content: end;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div .label {
- display: flex;
- align-items: center;
- gap: 4px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div input {
- width: 40px;
- padding: 0;
- text-align: center;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div .level-button {
- color: light-dark(#222, #efe6d8);
- font-size: 18px;
- line-height: 1;
- min-height: unset;
- height: min-content;
- padding: 4px;
- font-family: 'Cinzel', serif;
- margin: 0;
- font-weight: normal;
- border-color: light-dark(#18162e, #f3c267);
- background-color: light-dark(transparent, #0e0d15);
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div .level-button:hover {
- background-image: none;
- background-color: var(--color-warm-2);
- filter: drop-shadow(0 0 3px lightgray);
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details {
- display: flex;
- justify-content: space-between;
- padding: 5px 0;
- margin-bottom: 10px;
- font-size: 12px;
- color: light-dark(#18162e, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details span {
- padding: 3px;
- border-radius: 3px;
- transition: all 0.3s ease;
- cursor: pointer;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details span:hover {
- background: light-dark(#18162e40, #f3c26740);
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details span.dot {
- background: transparent;
- cursor: default;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row {
- display: flex;
- gap: 20px;
- align-items: center;
- justify-content: space-between;
- padding: 0;
- margin-bottom: 15px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section,
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section {
- position: relative;
- display: flex;
- gap: 10px;
- background-color: light-dark(transparent, #18162e);
- color: light-dark(#18162e, #f3c267);
- padding: 5px 10px;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- align-items: center;
- width: fit-content;
- height: 30px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section h4,
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section h4 {
- font-size: 14px;
- font-weight: bold;
- text-transform: uppercase;
- color: light-dark(#18162e, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section h4.threshold-value,
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section h4.threshold-value {
- color: light-dark(#222, #efe6d8);
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section .threshold-legend,
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section .threshold-legend {
- position: absolute;
- bottom: -21px;
- color: light-dark(#f3c267, #18162e);
- background-color: light-dark(#18162e, #f3c267);
- padding: 3px;
- justify-self: anchor-center;
- border-radius: 0 0 3px 3px;
- text-transform: capitalize;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .hope-section .hope-value,
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-row .threshold-section .hope-value {
- display: flex;
- cursor: pointer;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits {
- display: flex;
- justify-content: space-between;
- padding: 0;
- margin-bottom: 15px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait {
- height: 60px;
- width: 60px;
- cursor: pointer;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait .trait-name {
- display: flex;
- padding-top: 5px;
- color: light-dark(#18162e, #f3c267);
- font-size: 14px;
- font-weight: 600;
- align-items: center;
- justify-content: center;
- gap: 3px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait .trait-name i {
- line-height: 17px;
- font-size: 10px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-traits .trait .trait-value {
- font-family: 'Montserrat', sans-serif;
- font-style: normal;
- font-weight: 400;
- font-size: 20px;
- text-align: center;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section {
- display: flex;
- gap: 10px;
- align-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar {
- position: relative;
- color: light-dark(#18162e50, #efe6d850);
- width: 100%;
- padding-top: 5px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input {
- border-radius: 50px;
- font-family: 'Montserrat', sans-serif;
- background: light-dark(#18162e10, #f3c26710);
- border: none;
- outline: 2px solid transparent;
- transition: all 0.3s ease;
- padding: 0 20px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input:hover {
- outline: 2px solid light-dark(#222, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input:placeholder {
- color: light-dark(#18162e50, #efe6d850);
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar input::-webkit-search-cancel-button {
- -webkit-appearance: none;
- display: none;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .search-section .search-bar .icon {
- align-content: center;
- height: 32px;
- position: absolute;
- right: 20px;
- font-size: 16px;
- z-index: 1;
- color: light-dark(#18162e50, #efe6d850);
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .items-section {
- display: flex;
- flex-direction: column;
- gap: 10px;
- overflow-y: auto;
- mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
- padding: 20px 0;
- height: 80%;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.inventory .currency-section {
- display: flex;
- gap: 10px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section {
- display: flex;
- align-items: center;
- justify-content: space-between;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar {
- position: relative;
- color: light-dark(#18162e50, #efe6d850);
- width: 80%;
- padding-top: 5px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input {
- border-radius: 50px;
- font-family: 'Montserrat', sans-serif;
- background: light-dark(#18162e10, #f3c26710);
- border: none;
- outline: 2px solid transparent;
- transition: all 0.3s ease;
- padding: 0 20px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input:hover {
- outline: 2px solid light-dark(#222, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input:placeholder {
- color: light-dark(#18162e50, #efe6d850);
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar input::-webkit-search-cancel-button {
- -webkit-appearance: none;
- display: none;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .search-bar .icon {
- align-content: center;
- height: 32px;
- position: absolute;
- right: 20px;
- font-size: 16px;
- z-index: 1;
- color: light-dark(#18162e50, #efe6d850);
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view {
- background: light-dark(#18162e10, #18162e);
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 15px;
- padding: 0;
- gap: 0;
- width: 62px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span {
- margin: 1px;
- width: 26px;
- color: light-dark(#18162e, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.list-icon i {
- margin-left: 3px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.grid-icon i {
- margin-right: 3px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.list-active {
- border-radius: 32px 3px 3px 32px;
- background-color: light-dark(#18162e, #f3c267);
- color: light-dark(#efe6d8, #18162e);
- padding: 2px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .search-section .btn-toggle-view span.grid-active {
- border-radius: 3px 32px 32px 3px;
- background-color: light-dark(#18162e, #f3c267);
- color: light-dark(#efe6d8, #18162e);
- padding: 2px;
-}
-.application.sheet.daggerheart.actor.dh-style.character .tab.loadout .items-section {
- display: flex;
- flex-direction: column;
- gap: 10px;
- height: 100%;
- overflow-y: auto;
- mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 98%, transparent 100%);
- padding: 20px 0;
- height: 90%;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.application.sheet.daggerheart.actor.dh-style.character .window-content {
- display: grid;
- grid-template-columns: 275px 1fr;
- grid-template-rows: auto 1fr;
- gap: 15px 0;
- height: 100%;
- width: 100%;
- overflow: auto;
-}
-.application.sheet.daggerheart.actor.dh-style.character .window-content .character-sidebar-sheet {
- grid-row: 1 / span 2;
- grid-column: 1;
-}
-.application.sheet.daggerheart.actor.dh-style.character .window-content .character-header-sheet {
- grid-row: 1;
- grid-column: 2;
-}
-.application.sheet.daggerheart.actor.dh-style.character .window-content .tab {
- grid-row: 2;
- grid-column: 2;
-}
-.themed.theme-dark .application.daggerheart.sheet.dh-style .character-sidebar-sheet,
-.themed.theme-dark.application.daggerheart.sheet.dh-style .character-sidebar-sheet,
-body.theme-dark .application.daggerheart .character-sidebar-sheet,
-body.theme-dark.application.daggerheart .character-sidebar-sheet {
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-}
-.themed.theme-dark .application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value,
-.themed.theme-dark.application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value,
-body.theme-dark .application.daggerheart .character-sidebar-sheet .experience-value,
-body.theme-dark.application.daggerheart .character-sidebar-sheet .experience-value {
- background: url(../assets/svg/experience-shield.svg) no-repeat;
-}
-.themed.theme-light .application.daggerheart.sheet.dh-style .character-sidebar-sheet,
-.themed.theme-light.application.daggerheart.sheet.dh-style .character-sidebar-sheet,
-body.theme-light .application.daggerheart .character-sidebar-sheet,
-body.theme-light.application.daggerheart .character-sidebar-sheet {
- background: transparent;
-}
-.themed.theme-light .application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value,
-.themed.theme-light.application.daggerheart.sheet.dh-style .character-sidebar-sheet .experience-value,
-body.theme-light .application.daggerheart .character-sidebar-sheet .experience-value,
-body.theme-light.application.daggerheart .character-sidebar-sheet .experience-value {
- background: url('../assets/svg/experience-shield-light.svg') no-repeat;
-}
-.application.sheet.dh-style .character-sidebar-sheet {
- width: 275px;
- min-width: 275px;
- border-right: 1px solid light-dark(#18162e, #f3c267);
-}
-.application.sheet.dh-style .character-sidebar-sheet .portrait {
- position: relative;
- border-bottom: 1px solid light-dark(#18162e, #f3c267);
- cursor: pointer;
-}
-.application.sheet.dh-style .character-sidebar-sheet .portrait img {
- height: 235px;
- width: 275px;
- object-fit: cover;
-}
-.application.sheet.dh-style .character-sidebar-sheet .portrait .death-roll-btn {
- display: none;
-}
-.application.sheet.dh-style .character-sidebar-sheet .portrait.death-roll {
- filter: grayscale(1);
-}
-.application.sheet.dh-style .character-sidebar-sheet .portrait.death-roll .death-roll-btn {
- display: flex;
- position: absolute;
- top: 30%;
- right: 30%;
- font-size: 6rem;
- color: #efe6d8;
-}
-.application.sheet.dh-style .character-sidebar-sheet .portrait.death-roll .death-roll-btn:hover {
- text-shadow: 0 0 8px #efe6d8;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section {
- position: relative;
- display: flex;
- flex-direction: column;
- top: -20px;
- gap: 30px;
- margin-bottom: -10px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section {
- display: flex;
- justify-content: space-evenly;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar {
- position: relative;
- width: 100px;
- height: 40px;
- justify-items: center;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-label {
- position: relative;
- top: 40px;
- height: 22px;
- width: 79px;
- clip-path: path('M0 0H79L74 16.5L39 22L4 16.5L0 0Z');
- background: light-dark(#18162e, #f3c267);
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-label h4 {
- font-weight: bold;
- text-align: center;
- line-height: 18px;
- color: light-dark(#efe6d8, #18162e);
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value {
- position: absolute;
- display: flex;
- padding: 0 6px;
- font-size: 1.5rem;
- align-items: center;
- width: 100px;
- height: 40px;
- justify-content: center;
- text-align: center;
- z-index: 2;
- color: #efe6d8;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'] {
- background: transparent;
- font-size: 1.5rem;
- width: 40px;
- height: 30px;
- text-align: center;
- border: none;
- outline: 2px solid transparent;
- color: #efe6d8;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'].bar-input {
- padding: 0;
- color: #efe6d8;
- backdrop-filter: none;
- background: transparent;
- transition: all 0.3s ease;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'].bar-input:hover,
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value input[type='number'].bar-input:focus {
- background: rgba(24, 22, 46, 0.33);
- backdrop-filter: blur(9.5px);
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .status-value .bar-label {
- width: 40px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar {
- position: absolute;
- appearance: none;
- width: 100px;
- height: 40px;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- z-index: 1;
- background: #18162e;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar::-webkit-progress-bar {
- border: none;
- background: #18162e;
- border-radius: 6px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar::-webkit-progress-value {
- background: linear-gradient(15deg, #46140a 0%, #be0000 42%, #fcb045 100%);
- border-radius: 6px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar.stress-color::-webkit-progress-value {
- background: linear-gradient(15deg, #823b01 0%, #fc8e45 65%, #be0000 100%);
- border-radius: 6px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar::-moz-progress-bar {
- background: linear-gradient(15deg, #46140a 0%, #be0000 42%, #fcb045 100%);
- border-radius: 6px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .resources-section .status-bar .progress-bar.stress-color::-moz-progress-bar {
- background: linear-gradient(15deg, #823b01 0%, #fc8e45 65%, #be0000 100%);
- border-radius: 6px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section {
- display: flex;
- flex-wrap: wrap;
- gap: 5px;
- justify-content: center;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number {
- justify-items: center;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-value {
- position: relative;
- display: flex;
- width: 50px;
- height: 30px;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-bottom: none;
- border-radius: 6px 6px 0 0;
- padding: 0 6px;
- font-size: 1.2rem;
- align-items: center;
- justify-content: center;
- background: light-dark(transparent, #18162e);
- z-index: 2;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-value.armor-slots {
- width: 80px;
- height: 30px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-label {
- padding: 2px 10px;
- width: 100%;
- border-radius: 3px;
- background: light-dark(#18162e, #f3c267);
-}
-.application.sheet.dh-style .character-sidebar-sheet .info-section .status-section .status-number .status-label h4 {
- font-weight: bold;
- text-align: center;
- line-height: 18px;
- font-size: 12px;
- color: light-dark(#efe6d8, #18162e);
-}
-.application.sheet.dh-style .character-sidebar-sheet .items-sidebar-list {
- display: flex;
- flex-direction: column;
- gap: 5px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .items-sidebar-list .inventory-item {
- padding: 0 10px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .equipment-section .title {
- display: flex;
- gap: 15px;
- align-items: center;
-}
-.application.sheet.dh-style .character-sidebar-sheet .equipment-section .title h3 {
- font-size: 20px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .equipment-section .items-list {
- display: flex;
- flex-direction: column;
- gap: 10px;
- align-items: center;
-}
-.application.sheet.dh-style .character-sidebar-sheet .loadout-section .title {
- display: flex;
- gap: 15px;
- align-items: center;
-}
-.application.sheet.dh-style .character-sidebar-sheet .loadout-section .title h3 {
- font-size: 20px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .experience-section .title {
- display: flex;
- gap: 15px;
- align-items: center;
-}
-.application.sheet.dh-style .character-sidebar-sheet .experience-section .title h3 {
- font-size: 20px;
-}
-.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list {
- display: flex;
- flex-direction: column;
- gap: 5px;
- width: 100%;
- margin-top: 10px;
- align-items: center;
-}
-.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-row {
- display: flex;
- gap: 5px;
- width: 250px;
- align-items: center;
- justify-content: space-between;
-}
-.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-row input[type='text'] {
- height: 32px;
- width: 180px;
- border: 1px solid transparent;
- outline: 2px solid transparent;
- font-size: 14px;
- font-family: 'Montserrat', sans-serif;
- transition: all 0.3s ease;
- color: light-dark(#222, #efe6d8);
-}
-.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-row input[type='text']:hover {
- outline: 2px solid light-dark(#222, #efe6d8);
-}
-.application.sheet.dh-style .character-sidebar-sheet .experience-section .experience-list .experience-value {
- height: 25px;
- width: 35px;
- font-size: 14px;
- font-family: 'Montserrat', sans-serif;
- color: light-dark(#222, #efe6d8);
- align-content: center;
- text-align: center;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .partner-section,
-.application.sheet.daggerheart.actor.dh-style.companion .attack-section {
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .partner-section .title,
-.application.sheet.daggerheart.actor.dh-style.companion .attack-section .title {
- display: flex;
- gap: 15px;
- align-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .partner-section .title h3,
-.application.sheet.daggerheart.actor.dh-style.companion .attack-section .title h3 {
- font-size: 20px;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .partner-section .items-list,
-.application.sheet.daggerheart.actor.dh-style.companion .attack-section .items-list {
- display: flex;
- flex-direction: column;
- gap: 10px;
- align-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .partner-placeholder {
- display: flex;
- opacity: 0.6;
- text-align: center;
- font-style: italic;
- justify-content: center;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .experience-list {
- display: flex;
- flex-direction: column;
- gap: 5px;
- width: 100%;
- margin-top: 10px;
- align-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-row {
- display: flex;
- gap: 5px;
- width: 250px;
- align-items: center;
- justify-content: space-between;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-row .experience-name {
- width: 180px;
- text-align: start;
- font-size: 14px;
- font-family: 'Montserrat', sans-serif;
- color: light-dark(#222, #efe6d8);
-}
-.application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-value {
- height: 25px;
- width: 35px;
- font-size: 14px;
- font-family: 'Montserrat', sans-serif;
- color: light-dark(#222, #efe6d8);
- align-content: center;
- text-align: center;
- background: url(../assets/svg/experience-shield.svg) no-repeat;
-}
-.theme-light .application.sheet.daggerheart.actor.dh-style.companion .experience-list .experience-value {
- background: url('../assets/svg/experience-shield-light.svg') no-repeat;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet {
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 8px;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .profile {
- height: 235px;
- width: 100%;
- object-fit: cover;
- cursor: pointer;
- mask-image: linear-gradient(0deg, transparent 0%, black 10%);
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .actor-name {
- display: flex;
- align-items: center;
- position: relative;
- top: -30px;
- gap: 20px;
- padding: 0 20px;
- margin-bottom: -30px;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .actor-name input[type='text'] {
- font-size: 24px;
- height: 32px;
- text-align: center;
- border: 1px solid transparent;
- outline: 2px solid transparent;
- transition: all 0.3s ease;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .actor-name input[type='text']:hover {
- outline: 2px solid light-dark(#222, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section {
- display: flex;
- gap: 5px;
- justify-content: center;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-number {
- justify-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-number .status-value {
- position: relative;
- display: flex;
- width: 50px;
- height: 40px;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-bottom: none;
- border-radius: 6px 6px 0 0;
- padding: 0 6px;
- font-size: 1.5rem;
- align-items: center;
- justify-content: center;
- background: light-dark(transparent, #18162e);
- z-index: 2;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-number .status-value.armor-slots {
- width: 80px;
- height: 30px;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-number .status-label {
- padding: 2px 10px;
- width: 100%;
- border-radius: 3px;
- background: light-dark(#18162e, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-number .status-label h4 {
- font-weight: bold;
- text-align: center;
- line-height: 18px;
- font-size: 12px;
- color: light-dark(#efe6d8, #18162e);
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-bar {
- position: relative;
- width: 100px;
- height: 40px;
- justify-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-bar .status-label {
- position: relative;
- top: 40px;
- height: 22px;
- width: 79px;
- clip-path: path('M0 0H79L74 16.5L39 22L4 16.5L0 0Z');
- background: light-dark(#18162e, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-bar .status-label h4 {
- font-weight: bold;
- text-align: center;
- line-height: 18px;
- color: light-dark(#efe6d8, #18162e);
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-bar .status-value {
- position: absolute;
- display: flex;
- padding: 0 6px;
- font-size: 1.5rem;
- align-items: center;
- width: 100px;
- height: 40px;
- justify-content: center;
- text-align: center;
- z-index: 2;
- color: #efe6d8;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-bar .status-value input[type='number'] {
- background: transparent;
- font-size: 1.5rem;
- width: 40px;
- height: 30px;
- text-align: center;
- border: none;
- outline: 2px solid transparent;
- color: #efe6d8;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-bar .status-value input[type='number'].bar-input {
- padding: 0;
- color: #efe6d8;
- backdrop-filter: none;
- background: transparent;
- transition: all 0.3s ease;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-bar .status-value input[type='number'].bar-input:hover,
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-bar .status-value input[type='number'].bar-input:focus {
- background: rgba(24, 22, 46, 0.33);
- backdrop-filter: blur(9.5px);
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-bar .status-value .bar-label {
- width: 40px;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-bar .progress-bar {
- position: absolute;
- appearance: none;
- width: 100px;
- height: 40px;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- z-index: 1;
- background: #18162e;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-bar .progress-bar::-webkit-progress-bar {
- border: none;
- background: #18162e;
- border-radius: 6px;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-bar .progress-bar::-webkit-progress-value {
- background: linear-gradient(15deg, #46140a 0%, #be0000 42%, #fcb045 100%);
- border-radius: 6px;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-bar .progress-bar.stress-color::-webkit-progress-value {
- background: linear-gradient(15deg, #823b01 0%, #fc8e45 65%, #be0000 100%);
- border-radius: 6px;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-bar .progress-bar::-moz-progress-bar {
- background: linear-gradient(15deg, #46140a 0%, #be0000 42%, #fcb045 100%);
- border-radius: 6px;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .status-bar .progress-bar.stress-color::-moz-progress-bar {
- background: linear-gradient(15deg, #823b01 0%, #fc8e45 65%, #be0000 100%);
- border-radius: 6px;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .status-section .level-up-label {
- font-size: 24px;
- padding-top: 8px;
-}
-.application.sheet.daggerheart.actor.dh-style.companion .companion-header-sheet .companion-navigation {
- display: flex;
- gap: 8px;
- align-items: center;
- width: 100%;
-}
-.themed.theme-dark .application.daggerheart.sheet.dh-style.companion,
-.themed.theme-dark.application.daggerheart.sheet.dh-style.companion,
-body.theme-dark .application.daggerheart.companion,
-body.theme-dark.application.daggerheart.companion {
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-}
-.themed.theme-light .application.daggerheart.sheet.dh-style.companion,
-.themed.theme-light.application.daggerheart.sheet.dh-style.companion,
-body.theme-light .application.daggerheart.companion,
-body.theme-light.application.daggerheart.companion {
- background: url('../assets/parchments/dh-parchment-light.png');
-}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet {
- display: flex;
- flex-direction: column;
- justify-content: start;
- text-align: center;
-}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .profile {
- width: 100%;
- height: 235px;
- object-fit: cover;
- mask-image: linear-gradient(0deg, transparent 0%, black 10%);
- cursor: pointer;
-}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container {
- display: flex;
- align-items: center;
- position: relative;
- top: -45px;
- gap: 20px;
- padding: 0 20px;
- margin-bottom: -30px;
-}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info {
- display: flex;
- flex-direction: column;
- gap: 8px;
-}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info .tags {
- display: flex;
- gap: 10px;
- padding-bottom: 0;
-}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info .tags .tag {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- padding: 3px 5px;
- font-size: 12px;
- font: 'Montserrat', sans-serif;
- background: light-dark(#22222215, #efe6d815);
- border: 1px solid light-dark(#222, #efe6d8);
- border-radius: 3px;
-}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-info .tags .label {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- font-size: 12px;
-}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number {
- justify-items: center;
-}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-value {
- position: relative;
- display: flex;
- width: 50px;
- height: 30px;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-bottom: none;
- border-radius: 6px 6px 0 0;
- padding: 0 6px;
- font-size: 1.2rem;
- align-items: center;
- justify-content: center;
- background: light-dark(transparent, #18162e);
- z-index: 2;
-}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-value.armor-slots {
- width: 80px;
- height: 30px;
-}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-label {
- padding: 2px 10px;
- width: 100%;
- border-radius: 3px;
- background: light-dark(#18162e, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .status-number .status-label h4 {
- font-weight: bold;
- text-align: center;
- line-height: 18px;
- font-size: 12px;
- color: light-dark(#efe6d8, #18162e);
-}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-name input[type='text'] {
- font-size: 32px;
- height: 42px;
- text-align: start;
- transition: all 0.3s ease;
- outline: 2px solid transparent;
- border: 1px solid transparent;
-}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-name input[type='text']:hover[type='text'],
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .item-container .item-name input[type='text']:focus[type='text'] {
- box-shadow: none;
- outline: 2px solid light-dark(#18162e, #f3c267);
-}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-info {
- display: flex;
- flex-direction: column;
- gap: 12px;
- padding: 10px 20px;
-}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-info .description,
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-info .impulses {
- text-align: start;
- font-family: 'Montserrat', sans-serif;
-}
-.application.sheet.daggerheart.actor.dh-style.environment .environment-header-sheet .environment-navigation {
- display: flex;
- gap: 20px;
- align-items: center;
- padding: 0 20px;
-}
-.themed.theme-dark .application.daggerheart.sheet.dh-style.environment,
-.themed.theme-dark.application.daggerheart.sheet.dh-style.environment,
-body.theme-dark .application.daggerheart.environment,
-body.theme-dark.application.daggerheart.environment {
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-}
-.themed.theme-light .application.daggerheart.sheet.dh-style.environment,
-.themed.theme-light.application.daggerheart.sheet.dh-style.environment,
-body.theme-light .application.daggerheart.environment,
-body.theme-light.application.daggerheart.environment {
- background: url('../assets/parchments/dh-parchment-light.png');
-}
-.application.sheet.daggerheart.actor.dh-style.environment .tab {
- max-height: 300px;
- overflow-y: auto;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.application.sheet.daggerheart.dh-style.class .tab.settings .fieldsets-section {
- display: grid;
- gap: 10px;
- grid-template-columns: 1fr 1.5fr 1.5fr;
-}
-.application.sheet.daggerheart.dh-style.class .tab.settings .fieldsets-section .drop-section {
- width: 100%;
-}
-.application.sheet.daggerheart.dh-style.class .tab.settings .list-items {
- margin-bottom: 10px;
- width: 100%;
-}
-.application.sheet.daggerheart.dh-style.class .tab.settings .list-items:last-child {
- margin-bottom: 0px;
-}
-.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line {
- display: grid;
- align-items: center;
- gap: 10px;
- grid-template-columns: 1fr 3fr 1fr;
-}
-.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line h4 {
- font-family: 'Montserrat', sans-serif;
- font-weight: lighter;
- color: light-dark(#222, #efe6d8);
-}
-.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line .image {
- height: 40px;
- width: 40px;
- object-fit: cover;
- border-radius: 6px;
- border: none;
-}
-.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line .controls {
- display: flex;
- justify-content: center;
- gap: 10px;
-}
-.application.sheet.daggerheart.dh-style.domain-card section.tab {
- height: 400px;
- overflow-y: auto;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.application.sheet.daggerheart.dh-style.feature .item-sheet-header {
- display: flex;
-}
-.application.sheet.daggerheart.dh-style.feature .item-sheet-header .profile {
- height: 130px;
- width: 130px;
-}
-.application.sheet.daggerheart.dh-style.feature section.tab {
- height: 400px;
- overflow-y: auto;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.application.daggerheart.dh-style.dialog .window-content .dialog-header {
- width: 100%;
- padding-bottom: 16px;
-}
-.application.daggerheart.dh-style.dialog .window-content .dialog-header h1 {
- font-family: 'Cinzel', serif;
- font-style: normal;
- font-weight: 700;
- font-size: 24px;
- margin: 0;
- text-align: center;
- color: light-dark(#18162e, #f3c267);
-}
-.application.daggerheart.dh-style.dialog .tab.details.active,
-.application.daggerheart.dh-style.dialog .tab.attack.active {
- display: flex;
- flex-direction: column;
- gap: 16px;
-}
-.application.daggerheart.dh-style.dialog .tab .fieldsets-section {
- display: flex;
- gap: 16px;
-}
-.application.daggerheart.dh-style.dialog .tab.experiences .add-experience-btn {
- width: 100%;
- margin-bottom: 12px;
-}
-.application.daggerheart.dh-style.dialog .tab.experiences .experience-list {
- display: flex;
- flex-direction: column;
- gap: 10px;
-}
-.application.daggerheart.dh-style.dialog .tab.experiences .experience-list .experience-item {
- display: grid;
- grid-template-columns: 3fr 1fr 30px;
- align-items: center;
- gap: 5px;
-}
-.application.daggerheart.dh-style.dialog .tab.experiences .experience-list .experience-item a {
- text-align: center;
-}
-.application.daggerheart.dh-style.dialog .tab.features {
- max-height: 450px;
- overflow-y: auto;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.application.daggerheart.dh-style.dialog .tab.features .add-feature-btn {
- width: 100%;
- margin-bottom: 12px;
-}
-.application.daggerheart.dh-style.dialog .tab.features .feature-list {
- display: flex;
- flex-direction: column;
- gap: 10px;
-}
-.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item {
- display: grid;
- grid-template-columns: 40px 1fr auto;
- align-items: center;
- gap: 5px;
- border-radius: 3px;
-}
-.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item img {
- height: 40px;
- width: 40px;
- object-fit: cover;
-}
-.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item .label {
- font-family: 'Montserrat', sans-serif;
-}
-.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item .controls {
- display: flex;
- gap: 5px;
-}
-.application.daggerheart.dh-style.dialog .tab.features .feature-list .feature-item .controls a {
- text-align: center;
-}
-.application.daggerheart.dh-style.dialog.environment-settings .tab.features {
- max-height: 450px;
- overflow-y: auto;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.application.daggerheart.dh-style.dialog.environment-settings .tab.features .add-feature-btn {
- width: 100%;
- margin-bottom: 12px;
-}
-.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list {
- display: flex;
- flex-direction: column;
- gap: 10px;
-}
-.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item {
- display: grid;
- grid-template-columns: 40px 1fr auto;
- align-items: center;
- gap: 5px;
-}
-.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item img {
- height: 40px;
- width: 40px;
- object-fit: cover;
- border-radius: 3px;
-}
-.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item .label {
- font-family: 'Montserrat', sans-serif;
-}
-.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item .controls {
- display: flex;
- gap: 5px;
-}
-.application.daggerheart.dh-style.dialog.environment-settings .tab.features .feature-list .feature-item .controls a {
- text-align: center;
-}
-.application.daggerheart.dh-style.dialog .tab.adversaries {
- max-height: 450px;
- overflow-y: auto;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.application.daggerheart.dh-style.dialog .tab.adversaries .add-action-btn {
- width: 100%;
- margin-bottom: 12px;
-}
-.application.daggerheart.dh-style.dialog .tab.adversaries .category-container {
- display: flex;
- flex-direction: column;
- align-items: start;
- gap: 8px;
-}
-.application.daggerheart.dh-style.dialog .tab.adversaries .category-container .category-name {
- display: flex;
- align-items: center;
- gap: 10px;
- width: 100%;
-}
-.application.daggerheart.dh-style.dialog .tab.adversaries .category-container .adversaries-container {
- display: flex;
- flex-direction: column;
- gap: 6px;
- width: 100%;
-}
-.application.daggerheart.dh-style.dialog .tab.adversaries .adversaries-dragger {
- display: flex;
- align-items: center;
- justify-content: center;
- box-sizing: border-box;
- width: 100%;
- height: 40px;
- border: 1px dashed light-dark(#18162e50, #efe6d850);
- border-radius: 3px;
- color: light-dark(#18162e50, #efe6d850);
- font-family: 'Montserrat', sans-serif;
-}
-.daggerheart.levelup .levelup-navigation-container {
- display: flex;
- align-items: center;
- gap: 22px;
- height: 36px;
-}
-.daggerheart.levelup .levelup-navigation-container nav {
- flex: 1;
-}
-.daggerheart.levelup .levelup-navigation-container nav .levelup-tab-container {
- display: flex;
- align-items: center;
- gap: 4px;
-}
-.daggerheart.levelup .levelup-navigation-container .levelup-navigation-actions {
- width: 306px;
- display: flex;
- justify-content: end;
- gap: 16px;
- margin-right: 4px;
-}
-.daggerheart.levelup .levelup-navigation-container .levelup-navigation-actions * {
- width: calc(50% - 8px);
-}
-.daggerheart.levelup .levelup-selections-container .achievement-experience-cards {
- display: flex;
- gap: 8px;
-}
-.daggerheart.levelup .levelup-selections-container .achievement-experience-cards .achievement-experience-card {
- border: 1px solid;
- border-radius: 4px;
- padding-right: 4px;
- font-size: 18px;
- display: flex;
- justify-content: space-between;
- align-items: center;
- gap: 4px;
-}
-.daggerheart.levelup .levelup-selections-container .achievement-experience-cards .achievement-experience-card .achievement-experience-marker {
- border: 1px solid;
- border-radius: 50%;
- height: 18px;
- width: 18px;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 12px;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-card-selection {
- display: flex;
- flex-wrap: wrap;
- gap: 40px;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-card-selection .card-preview-container {
- width: calc(100% * (1 / 5));
-}
-.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container {
- display: flex;
- flex-direction: column;
- gap: 8px;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container {
- display: flex;
- flex-direction: column;
- align-items: center;
- flex: 1;
- position: relative;
- cursor: pointer;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container.disabled {
- pointer-events: none;
- opacity: 0.4;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container .levelup-domain-label {
- position: absolute;
- text-align: center;
- top: 4px;
- background: grey;
- padding: 0 12px;
- border-radius: 6px;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container img {
- height: 124px;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container .levelup-domain-selected {
- position: absolute;
- height: 54px;
- width: 54px;
- border-radius: 50%;
- border: 2px solid;
- font-size: 48px;
- display: flex;
- align-items: center;
- justify-content: center;
- background-image: url(../assets/parchments/dh-parchment-light.png);
- color: var(--color-dark-5);
- top: calc(50% - 29px);
-}
-.daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container .levelup-domain-selected i {
- position: relative;
- right: 2px;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-selections-title {
- display: flex;
- align-items: center;
- gap: 4px;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-radio-choices {
- display: flex;
- gap: 8px;
-}
-.daggerheart.levelup .levelup-selections-container .levelup-radio-choices label {
- flex: 0;
-}
-.themed.theme-light .application.daggerheart.sheet.dh-style.levelup .tiers-container .tier-container,
-.themed.theme-light.application.daggerheart.sheet.dh-style.levelup .tiers-container .tier-container,
-body.theme-light .application.daggerheart.levelup .tiers-container .tier-container,
-body.theme-light.application.daggerheart.levelup .tiers-container .tier-container {
- background-image: url('../assets/parchments/dh-parchment-light.png');
-}
-.daggerheart.levelup .window-content {
- max-height: 960px;
- overflow: auto;
-}
-.daggerheart.levelup div[data-application-part='form'] {
- display: flex;
- flex-direction: column;
- gap: 8px;
-}
-.daggerheart.levelup section .section-container {
- display: flex;
- flex-direction: column;
- gap: 8px;
- margin-top: 8px;
-}
-.daggerheart.levelup .levelup-footer {
- display: flex;
-}
-.daggerheart.levelup .levelup-summary-container .level-achievements-container,
-.daggerheart.levelup .levelup-summary-container .level-advancements-container {
- display: flex;
- flex-direction: column;
- gap: 8px;
-}
-.daggerheart.levelup .levelup-summary-container .level-achievements-container h2,
-.daggerheart.levelup .levelup-summary-container .level-advancements-container h2,
-.daggerheart.levelup .levelup-summary-container .level-achievements-container h3,
-.daggerheart.levelup .levelup-summary-container .level-advancements-container h3,
-.daggerheart.levelup .levelup-summary-container .level-achievements-container h4,
-.daggerheart.levelup .levelup-summary-container .level-advancements-container h4,
-.daggerheart.levelup .levelup-summary-container .level-achievements-container h5,
-.daggerheart.levelup .levelup-summary-container .level-advancements-container h5 {
- margin: 0;
- color: var(--color-text-secondary);
-}
-.daggerheart.levelup .levelup-summary-container .increase-container {
- display: flex;
- align-items: center;
- gap: 4px;
- font-size: 20px;
-}
-.daggerheart.levelup .levelup-summary-container .summary-selection-container {
- display: flex;
- gap: 8px;
-}
-.daggerheart.levelup .levelup-summary-container .summary-selection-container .summary-selection {
- border: 2px solid;
- border-radius: 6px;
- padding: 0 4px;
- font-size: 18px;
-}
-.daggerheart.levelup .tiers-container {
- display: flex;
- gap: 16px;
-}
-.daggerheart.levelup .tiers-container .tier-container {
- flex: 1;
- display: flex;
- flex-direction: column;
- gap: 8px;
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-}
-.daggerheart.levelup .tiers-container .tier-container.inactive {
- opacity: 0.4;
- pointer-events: none;
-}
-.daggerheart.levelup .tiers-container .tier-container legend {
- margin-left: auto;
- margin-right: auto;
- font-size: 22px;
- font-weight: bold;
- padding: 0 12px;
-}
-.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container {
- display: grid;
- grid-template-columns: 1fr 3fr;
- gap: 4px;
-}
-.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container {
- display: flex;
- justify-content: end;
- gap: 4px;
-}
-.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer {
- display: flex;
- height: min-content;
-}
-.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer.multi {
- border: 2px solid grey;
- padding: 2.4px 2.5px 0;
- border-radius: 4px;
- gap: 2px;
-}
-.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer.multi .selection-checkbox {
- margin-left: 0;
- margin-right: 0;
-}
-.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer .selection-checkbox {
- margin: 0;
-}
-.daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkbox-group-label {
- font-size: 14px;
- font-style: italic;
-}
-/* Base Value */
-/* Margins */
-/* Borders */
-/* Padding */
-/* Inputs */
-.daggerheart.views .downtime-container .downtime-header {
- margin: 0;
- color: light-dark(#18162e, #f3c267);
- text-align: center;
-}
-.daggerheart.views .downtime-container .activity-container {
- display: flex;
- align-items: center;
- padding: 8px;
-}
-.daggerheart.views .downtime-container .activity-container .activity-title {
- flex: 1;
- display: flex;
- align-items: center;
-}
-.daggerheart.views .downtime-container .activity-container .activity-title .activity-title-text {
- font-size: 24px;
- font-weight: bold;
-}
-.daggerheart.views .downtime-container .activity-container .activity-title .activity-image {
- width: 80px;
- position: relative;
- display: flex;
- justify-content: center;
- margin-right: 8px;
- border: 2px solid black;
- border-radius: 50%;
- cursor: pointer;
-}
-.daggerheart.views .downtime-container .activity-container .activity-title .activity-image .activity-select-label {
- position: absolute;
- top: -9px;
- font-size: 14px;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- color: light-dark(#efe6d8, #222);
- background-image: url(../assets/parchments/dh-parchment-light.png);
- padding: 0 8px;
- line-height: 1;
- font-weight: bold;
-}
-.daggerheart.views .downtime-container .activity-container .activity-title .activity-image img {
- border-radius: 50%;
-}
-.daggerheart.views .downtime-container .activity-container .activity-title .activity-image:hover,
-.daggerheart.views .downtime-container .activity-container .activity-title .activity-image.selected {
- filter: drop-shadow(0 0 6px gold);
-}
-.daggerheart.views .downtime-container .activity-container .activity-title .custom-name-input {
- font-size: 24px;
- font-weight: bold;
- padding: 0;
- background: transparent;
- color: #efe6d8;
-}
-.daggerheart.views .downtime-container .activity-container .activity-body {
- flex: 1;
- font-style: italic;
-}
-.daggerheart.views.downtime .activity-text-area {
- resize: none;
-}
-.application.daggerheart.dh-style.views.beastform-selection .beastforms-container {
- display: flex;
- flex-direction: column;
- gap: 4px;
-}
-.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier {
- display: grid;
- grid-template-columns: 1fr 1fr 1fr 1fr;
- gap: 4px;
-}
-.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container {
- position: relative;
- display: flex;
- justify-content: center;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- cursor: pointer;
-}
-.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container.inactive {
- opacity: 0.4;
-}
-.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container img {
- width: 100%;
- border-radius: 6px;
-}
-.application.daggerheart.dh-style.views.beastform-selection .beastforms-container .beastforms-tier .beastform-container .beastform-title {
- position: absolute;
- top: 4px;
- display: flex;
- flex-wrap: wrap;
- font-size: 16px;
- margin: 0 4px;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- color: light-dark(#efe6d8, #222);
- background-image: url('../assets/parchments/dh-parchment-light.png');
-}
-.themed.theme-dark .application.daggerheart.sheet.dh-style.beastform-selection .beastforms-container .beastforms-tier .beastform-container .beastform-title,
-.themed.theme-dark.application.daggerheart.sheet.dh-style.beastform-selection .beastforms-container .beastforms-tier .beastform-container .beastform-title,
-body.theme-dark .application.daggerheart.beastform-selection .beastforms-container .beastforms-tier .beastform-container .beastform-title,
-body.theme-dark.application.daggerheart.beastform-selection .beastforms-container .beastforms-tier .beastform-container .beastform-title {
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-}
-.application.daggerheart.dh-style.views.beastform-selection footer {
- margin-top: 8px;
- display: flex;
-}
-.application.daggerheart.dh-style.views.beastform-selection footer button {
- flex: 1;
-}
-.daggerheart.dh-style.dialog.character-creation .creation-action-footer {
- display: flex;
- align-items: center;
- gap: 32px;
-}
-.daggerheart.dh-style.dialog.character-creation .creation-action-footer button {
- flex: 1;
- height: 100%;
- white-space: nowrap;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container {
- display: flex;
- flex-direction: column;
- gap: 4px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .selections-container {
- width: 140px;
- display: flex;
- flex-direction: column;
- text-align: center;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .selections-container .card-preview-container {
- border-color: light-dark(#18162e, #f3c267);
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .selections-outer-container {
- display: flex;
- justify-content: space-evenly;
- height: 210px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container {
- border-radius: 8px;
- border-color: light-dark(#18162e, #f3c267);
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container legend {
- margin-left: auto;
- margin-right: auto;
- font-size: 28px;
- font-weight: bold;
- padding: 0 8px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container {
- position: relative;
- border-radius: 8px;
- border-color: light-dark(#18162e, #f3c267);
- display: flex;
- justify-content: center;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container legend {
- font-size: 20px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container .action-button {
- position: absolute;
- bottom: -8px;
- height: 16px;
- width: 110px;
- min-height: unset;
- border: 1px solid light-dark(#18162e, #f3c267);
- color: light-dark(#efe6d8, #efe6d8);
- background-color: light-dark(var(--color-warm-3), var(--color-warm-3));
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .section-container .section-inner-container .action-button:hover {
- background-color: light-dark(var(--color-warm-2), var(--color-warm-2));
- filter: drop-shadow(0 0 3px light-dark(var(--color-warm-2), var(--color-warm-2)));
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container {
- text-align: center;
- display: flex;
- gap: 16px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .suggested-traits-container {
- display: flex;
- flex-wrap: wrap;
- width: 176px;
- gap: 4px;
- margin-bottom: 8px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container {
- width: 56px;
- white-space: nowrap;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- color: light-dark(#efe6d8, #222);
- background-image: url('../assets/parchments/dh-parchment-light.png');
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .traits-inner-container {
- display: flex;
- justify-content: space-evenly;
- gap: 8px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .traits-container .traits-inner-container .trait-container {
- border: 1px solid light-dark(#18162e, #f3c267);
- padding: 0 4px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container {
- display: flex;
- justify-content: space-evenly;
- text-align: center;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container .experience-container {
- position: relative;
- display: flex;
- align-items: center;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container .experience-container .experience-description {
- border-color: light-dark(#18162e, #f3c267);
- padding-right: 24px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .experiences-inner-container .experience-container .experience-value {
- position: absolute;
- right: 0;
- width: 22px;
- border-left: 1px solid light-dark(#18162e, #f3c267);
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer {
- display: flex;
- align-items: center;
- gap: 32px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section {
- display: flex;
- align-items: center;
- gap: 32px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav {
- flex: 1;
- gap: 8px;
- border: 0;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a {
- flex: 1;
- text-align: center;
- display: flex;
- justify-content: center;
- position: relative;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .nav-section-text {
- position: relative;
- display: flex;
- align-items: center;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .finish-marker {
- position: absolute;
- align-self: center;
- top: -10px;
- padding: 4px;
- border: 1px solid;
- border-radius: 50%;
- height: 20px;
- width: 20px;
- font-size: 14px;
- display: flex;
- align-items: center;
- justify-content: center;
- background-color: var(--color-cool-4);
- content: '';
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .finish-marker.finished {
- background-color: var(--color-warm-2);
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor {
- position: absolute;
- bottom: -8px;
- font-size: 12px;
- border-radius: 8px;
- width: 56px;
- text-align: center;
- line-height: 1;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- color: light-dark(#efe6d8, #222);
- background-image: url(../assets/parchments/dh-parchment-light.png);
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .creation-action-footer .footer-section button {
- flex: 1;
- height: 100%;
- white-space: nowrap;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .main-equipment-selection {
- display: grid;
- grid-template-columns: 1fr 2fr;
- gap: 16px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .main-equipment-selection.triple {
- grid-template-columns: 1fr 1fr 1fr;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection {
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 8px;
- border: 2px solid light-dark(#18162e, #f3c267);
- border-radius: 8px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection legend {
- margin-left: auto;
- margin-right: auto;
- font-size: 28px;
- font-weight: bold;
- padding: 0 8px;
- white-space: nowrap;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .equipment-subsection {
- display: flex;
- align-items: start;
- gap: 32px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .equipment-wrapper {
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 8px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container {
- display: flex;
- flex-direction: column;
- justify-content: space-evenly;
- gap: 8px;
- height: 100%;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment {
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 8px;
- position: relative;
- display: flex;
- justify-content: center;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment.selectable {
- cursor: pointer;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment.inactive {
- opacity: 0.4;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label {
- position: absolute;
- top: -8px;
- font-size: 12px;
- white-space: nowrap;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- color: light-dark(#efe6d8, #222);
- background-image: url('../assets/parchments/dh-parchment-light.png');
- padding: 0 2px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment img {
- width: 60px;
- height: 60px;
- border-radius: 8px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container {
- position: relative;
- display: flex;
- justify-content: center;
- height: min-content;
- border: 2px solid light-dark(#18162e, #f3c267);
- border-radius: 8px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container legend {
- margin-left: auto;
- margin-right: auto;
- font-size: 12px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container {
- position: relative;
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 6px;
- cursor: grab;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container.taken {
- opacity: 0.4;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container label {
- position: absolute;
- top: -2px;
- font-size: 12px;
-}
-.daggerheart.dh-style.dialog.character-creation .main-selections-container .equipment-selection .suggestion-container .suggestion-inner-container img {
- width: 120px;
-}
-.themed.theme-dark .application.daggerheart.sheet.dh-style .character-creation .tab-navigation nav a .descriptor,
-.themed.theme-dark.application.daggerheart.sheet.dh-style .character-creation .tab-navigation nav a .descriptor,
-body.theme-dark .application.daggerheart .character-creation .tab-navigation nav a .descriptor,
-body.theme-dark.application.daggerheart .character-creation .tab-navigation nav a .descriptor {
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-}
-.themed.theme-dark .application.daggerheart.sheet.dh-style .character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container,
-.themed.theme-dark.application.daggerheart.sheet.dh-style .character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container,
-body.theme-dark .application.daggerheart .character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container,
-body.theme-dark.application.daggerheart .character-creation .main-selections-container .traits-container .suggested-traits-container .suggested-trait-container,
-.themed.theme-dark .application.daggerheart.sheet.dh-style .character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor,
-.themed.theme-dark.application.daggerheart.sheet.dh-style .character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor,
-body.theme-dark .application.daggerheart .character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor,
-body.theme-dark.application.daggerheart .character-creation .main-selections-container .creation-action-footer .footer-section nav a .descriptor,
-.themed.theme-dark .application.daggerheart.sheet.dh-style .character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label,
-.themed.theme-dark.application.daggerheart.sheet.dh-style .character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label,
-body.theme-dark .application.daggerheart .character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label,
-body.theme-dark.application.daggerheart .character-creation .main-selections-container .equipment-selection .simple-equipment-container .simple-equipment label {
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-}
-.daggerheart.dh-style.dialog.character-creation .window-content {
- gap: 16px;
-}
-.daggerheart.dh-style.dialog.character-creation .window-content .tab {
- overflow-y: auto;
-}
-.daggerheart.dh-style.dialog.character-creation .tab-navigation nav {
- flex: 1;
-}
-.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a {
- flex: 1;
- text-align: center;
- display: flex;
- justify-content: center;
- position: relative;
-}
-.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a.disabled {
- opacity: 0.4;
-}
-.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .nav-section-text {
- position: relative;
- display: flex;
- align-items: center;
-}
-.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .finish-marker {
- position: absolute;
- align-self: center;
- top: -8px;
- padding: 4px;
- border: 1px solid;
- border-radius: 50%;
- height: 16px;
- width: 16px;
- font-size: 12px;
- display: flex;
- align-items: center;
- justify-content: center;
- background-color: var(--color-cool-4);
- content: '';
-}
-.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .finish-marker.active {
- background-color: var(--color-warm-2);
-}
-.daggerheart.dh-style.dialog.character-creation .tab-navigation nav a .descriptor {
- position: absolute;
- bottom: -8px;
- font-size: 12px;
- border-radius: 8px;
- width: 56px;
- text-align: center;
- line-height: 1;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- color: light-dark(#efe6d8, #222);
- background-image: url(../assets/parchments/dh-parchment-light.png);
-}
-.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container {
- display: flex;
- flex-direction: column;
- gap: 12px;
-}
-.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container .dices-section {
- display: flex;
- gap: 60px;
- justify-content: center;
-}
-.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container .dices-section .dice-option {
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 10px;
- width: 120px;
-}
-.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container .dices-section .dice-option .dice-icon {
- width: 70px;
- height: 70px;
- object-fit: contain;
-}
-.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container .dices-section .dice-option .dice-select {
- display: flex;
- align-items: center;
- gap: 10px;
- height: 32px;
-}
-.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container .dices-section .dice-option .dice-select .label {
- font-family: 'Cinzel', serif;
- font-style: normal;
- font-weight: 700;
- font-size: 16px;
- line-height: 19px;
- color: light-dark(#222, #efe6d8);
-}
-.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container .experience-container {
- display: flex;
- gap: 10px;
- flex-wrap: wrap;
-}
-.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container .experience-container .experience-chip {
- display: flex;
- align-items: center;
- border-radius: 5px;
- width: fit-content;
- gap: 5px;
- cursor: pointer;
- padding: 5px;
- background: light-dark(#18162e10, #f3c26710);
- color: light-dark(#18162e, #f3c267);
-}
-.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container .experience-container .experience-chip .label {
- font-family: 'Montserrat', sans-serif;
- font-style: normal;
- font-weight: 400;
- font-size: 14px;
- line-height: 17px;
-}
-.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container .experience-container .experience-chip.selected {
- background: light-dark(#18162e40, #f3c26740);
-}
-.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container .modifier-container .advantage-chip,
-.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container .modifier-container .disadvantage-chip {
- display: flex;
- align-items: center;
- border-radius: 5px;
- width: fit-content;
- gap: 5px;
- cursor: pointer;
- padding: 5px;
- transition: all 0.3s ease;
-}
-.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container .modifier-container .advantage-chip .label,
-.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container .modifier-container .disadvantage-chip .label {
- font-family: 'Montserrat', sans-serif;
- font-style: normal;
- font-weight: 400;
- font-size: 14px;
- line-height: 17px;
-}
-.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container .modifier-container .advantage-chip {
- background: #40a64010;
- color: #40a640;
-}
-.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container .modifier-container .advantage-chip.selected {
- color: #efe6d8;
- background: linear-gradient(151.21deg, #40a640 7.21%, #011b01 92.79%);
-}
-.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container .modifier-container .disadvantage-chip {
- background: #e54e4e10;
- color: #e54e4e;
-}
-.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container .modifier-container .disadvantage-chip.selected {
- color: #efe6d8;
- background: linear-gradient(151.21deg, #e54e4e 7.21%, #3c0000 92.79%);
-}
-.application.daggerheart.dialog.dh-style.views.roll-selection .roll-dialog-container .formula-label {
- font-family: 'Montserrat', sans-serif;
- font-style: normal;
- font-weight: 500;
- font-size: 14px;
- line-height: 17px;
- color: light-dark(#222, #efe6d8);
-}
-.daggerheart.views.damage-reduction .damage-reduction-container {
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 4px;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .section-container {
- display: flex;
- flex-direction: column;
- align-items: center;
- width: 100%;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .padded {
- padding: 0 8px;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .armor-title {
- margin: 0;
- white-space: nowrap;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .resources-container {
- display: flex;
- gap: 8px;
- width: 100%;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .resources-container .resource-container {
- flex: 1;
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection {
- display: flex;
- align-items: center;
- width: 100%;
- margin: 0;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner {
- display: flex;
- gap: 2px;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner:not(:last-child) {
- margin-right: 8px;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container {
- cursor: pointer;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- height: 26px;
- padding: 0 1px;
- font-size: 18px;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0.4;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container.selected {
- opacity: 1;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container.inactive {
- cursor: initial;
- opacity: 0.2;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container .fa-shield {
- position: relative;
- right: 0.5px;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container {
- margin: 0;
- width: 100%;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction {
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- height: 26px;
- padding: 0 4px;
- font-size: 18px;
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 4px;
- opacity: 0.4;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction.active {
- opacity: 1;
- cursor: pointer;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction.selected {
- opacity: 1;
- background: var(--color-warm-2);
- color: white;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction .stress-reduction-cost {
- display: flex;
- align-items: center;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .markers-subtitle {
- margin: -4px 0 0 0;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container .markers-subtitle.bold {
- font-variant: all-small-caps;
- font-weight: bold;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container footer {
- display: flex;
- width: 100%;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container footer button {
- flex: 1;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container footer button .damage-value {
- font-weight: bold;
-}
-.daggerheart.views.damage-reduction .damage-reduction-container footer button .damage-value.reduced-value {
- opacity: 0.4;
- text-decoration: line-through;
-}
-.daggerheart.views.damage-reduction .window-content {
- padding: 8px 0;
-}
-@keyframes glow {
- 0% {
- box-shadow: 0 0 1px 1px #f3c267;
- }
- 100% {
- box-shadow: 0 0 2px 2px #f3c267;
- }
-}
-@keyframes glow-dark {
- 0% {
- box-shadow: 0 0 1px 1px #18162e;
- }
- 100% {
- box-shadow: 0 0 2px 2px #18162e;
- }
-}
-@font-face {
- font-family: 'Cinzel';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/cinzel/v25/8vIU7ww63mVu7gtR-kwKxNvkNOjw-tbnTYo.ttf) format('truetype');
-}
-@font-face {
- font-family: 'Cinzel';
- font-style: normal;
- font-weight: 700;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/cinzel/v25/8vIU7ww63mVu7gtR-kwKxNvkNOjw-jHgTYo.ttf) format('truetype');
-}
-@font-face {
- font-family: 'Cinzel Decorative';
- font-style: normal;
- font-weight: 700;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/cinzeldecorative/v18/daaHSScvJGqLYhG8nNt8KPPswUAPniZoaelD.ttf) format('truetype');
-}
-@font-face {
- font-family: 'Montserrat';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');
-}
-@font-face {
- font-family: 'Montserrat';
- font-style: normal;
- font-weight: 600;
- font-display: swap;
- src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');
-}
-.application.sheet.daggerheart.dh-style h1 {
- font-family: 'Cinzel Decorative', serif;
- margin: 0;
- border: none;
- font-weight: normal;
-}
-.application.sheet.daggerheart.dh-style h2,
-.application.sheet.daggerheart.dh-style h3 {
- font-family: 'Cinzel', serif;
- margin: 0;
- border: none;
- font-weight: normal;
-}
-.application.sheet.daggerheart.dh-style h4 {
- font-family: 'Montserrat', sans-serif;
- font-size: 14px;
- border: none;
- font-weight: 700;
- margin: 0;
- text-shadow: none;
- color: #f3c267;
- font-weight: normal;
-}
-.application.sheet.daggerheart.dh-style h5 {
- font-size: 14px;
- color: #f3c267;
- margin: 0;
- font-weight: normal;
-}
-.application.sheet.daggerheart.dh-style p,
-.application.sheet.daggerheart.dh-style span {
- font-family: 'Montserrat', sans-serif;
-}
-.application.sheet.daggerheart.dh-style small {
- font-family: 'Montserrat', sans-serif;
- opacity: 0.8;
-}
-.themed.theme-dark .application.daggerheart.sheet.dh-style,
-.themed.theme-dark.application.daggerheart.sheet.dh-style,
-body.theme-dark .application.daggerheart,
-body.theme-dark.application.daggerheart {
- background: rgba(24, 22, 46, 0.33);
- backdrop-filter: blur(9px);
-}
-.themed.theme-light .application.daggerheart.sheet.dh-style,
-.themed.theme-light.application.daggerheart.sheet.dh-style,
-body.theme-light .application.daggerheart,
-body.theme-light.application.daggerheart {
- background: url('../assets/parchments/dh-parchment-light.png') no-repeat center;
-}
-.application.sheet.dh-style {
- border-radius: 10px;
-}
-.application.sheet.dh-style .window-header {
- background: transparent;
- border-bottom: none;
- justify-content: end;
-}
-.application.sheet.dh-style .window-header h1 {
- color: light-dark(#18162e, #efe6d8);
- font-family: 'Montserrat', sans-serif;
-}
-.application.sheet.dh-style .window-header button {
- background: light-dark(transparent, #0e0d15);
- color: light-dark(#18162e, #efe6d8);
- border: 1px solid light-dark(#18162e, transparent);
- padding: 0;
-}
-.application.sheet.dh-style .window-header button:hover {
- border-color: light-dark(#18162e, #f3c267);
- color: light-dark(#18162e, #f3c267);
-}
-.application.sheet.dh-style .window-content {
- padding: 0;
- position: relative;
- top: -36px;
- min-height: -webkit-fill-available;
- transition: opacity 0.3s ease;
-}
-.application.sheet.dh-style .window-content .tab {
- padding: 0 10px;
-}
-.application.sheet.dh-style.minimized .window-content {
- opacity: 0;
- transition-duration: 0.1s;
-}
-.application.sheet.dh-style:not(.minimized) .window-title,
-.application.sheet.dh-style:not(.minimized) .window-icon {
- display: none;
- opacity: 0;
- transition: opacity 0.3s ease;
-}
-.application.sheet.dh-style:not(.minimized) .window-content {
- opacity: 1;
-}
-.themed.theme-dark .application.daggerheart.sheet.dh-style.dialog,
-.themed.theme-dark.application.daggerheart.sheet.dh-style.dialog,
-body.theme-dark .application.daggerheart.dialog,
-body.theme-dark.application.daggerheart.dialog {
- background-image: url('../assets/parchments/dh-parchment-dark.png');
- background-repeat: no-repeat;
- background-position: center;
-}
-.themed.theme-light .application.daggerheart.sheet.dh-style.dialog,
-.themed.theme-light.application.daggerheart.sheet.dh-style.dialog,
-body.theme-light .application.daggerheart.dialog,
-body.theme-light.application.daggerheart.dialog {
- background-image: url('../assets/parchments/dh-parchment-light.png');
- background-repeat: no-repeat;
- background-position: center;
-}
-.application.dialog.dh-style {
- border: none;
-}
-.application.dialog.dh-style .window-header {
- background: transparent;
- border-bottom: none;
- color: light-dark(#18162e, #efe6d8);
-}
-.application.dialog.dh-style .window-header h1 {
- color: light-dark(#18162e, #efe6d8);
- font-family: 'Montserrat', sans-serif;
-}
-.application.dialog.dh-style .window-header button {
- color: light-dark(#18162e, #efe6d8);
- background: light-dark(transparent, #0e0d15);
- border: 1px solid light-dark(#18162e, transparent);
- padding: 0;
-}
-.application.dialog.dh-style .window-header button:hover {
- border: 1px solid light-dark(#18162e, #f3c267);
- color: light-dark(#18162e, #f3c267);
-}
-.application.dh-style {
- border: 1px solid light-dark(#18162e, #f3c267);
-}
-.application.dh-style input[type='text'],
-.application.dh-style input[type='number'] {
- background: light-dark(transparent, transparent);
- border-radius: 6px;
- box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
- backdrop-filter: blur(9.5px);
- -webkit-backdrop-filter: blur(9.5px);
- outline: none;
- color: light-dark(#18162e, #f3c267);
- border: 1px solid light-dark(#222, #efe6d8);
-}
-.application.dh-style input[type='text']:hover[type='text'],
-.application.dh-style input[type='number']:hover[type='text'],
-.application.dh-style input[type='text']:hover[type='number'],
-.application.dh-style input[type='number']:hover[type='number'],
-.application.dh-style input[type='text']:focus[type='text'],
-.application.dh-style input[type='number']:focus[type='text'],
-.application.dh-style input[type='text']:focus[type='number'],
-.application.dh-style input[type='number']:focus[type='number'] {
- background: light-dark(rgba(0, 0, 0, 0.05), rgba(24, 22, 46, 0.33));
- box-shadow: none;
- outline: 2px solid light-dark(#222, #efe6d8);
-}
-.application.dh-style input[type='text']:disabled[type='text'],
-.application.dh-style input[type='number']:disabled[type='text'],
-.application.dh-style input[type='text']:disabled[type='number'],
-.application.dh-style input[type='number']:disabled[type='number'] {
- outline: 2px solid transparent;
- cursor: not-allowed;
-}
-.application.dh-style input[type='text']:disabled[type='text']:hover,
-.application.dh-style input[type='number']:disabled[type='text']:hover,
-.application.dh-style input[type='text']:disabled[type='number']:hover,
-.application.dh-style input[type='number']:disabled[type='number']:hover {
- background: transparent;
-}
-.application.dh-style input[type='checkbox']:checked::after {
- color: light-dark(#222, #f3c267);
-}
-.application.dh-style input[type='checkbox']:checked::before {
- color: light-dark(transparent, #18162e);
-}
-.application.dh-style input[type='checkbox']::before {
- color: light-dark(#222, #efe6d8);
-}
-.application.dh-style button {
- background: light-dark(transparent, #f3c267);
- border: 1px solid light-dark(#18162e, #18162e);
- color: light-dark(#18162e, #18162e);
- outline: none;
- box-shadow: none;
-}
-.application.dh-style button:hover {
- background: light-dark(rgba(0, 0, 0, 0.3), #18162e);
- color: light-dark(#18162e, #f3c267);
-}
-.application.dh-style button.glow {
- animation: glow 0.75s infinite alternate;
-}
-.application.dh-style button:disabled {
- background: light-dark(transparent, #f3c267);
- color: light-dark(#18162e, #18162e);
- opacity: 0.6;
- cursor: not-allowed;
-}
-.application.dh-style button:disabled:hover {
- background: light-dark(transparent, #f3c267);
- color: light-dark(#18162e, #18162e);
-}
-.application.dh-style select {
- background: light-dark(transparent, transparent);
- color: light-dark(#222, #efe6d8);
- font-family: 'Montserrat', sans-serif;
- outline: 2px solid transparent;
- border: 1px solid light-dark(#222, #efe6d8);
-}
-.application.dh-style select:focus,
-.application.dh-style select:hover {
- outline: 2px solid light-dark(#222, #efe6d8);
- box-shadow: none;
-}
-.application.dh-style select option,
-.application.dh-style select optgroup {
- color: #efe6d8;
- background-color: #18162e;
- border-radius: 6px;
-}
-.application.dh-style select:disabled {
- opacity: 0.6;
- outline: 2px solid transparent;
- cursor: not-allowed;
-}
-.application.dh-style p {
- margin: 0;
-}
-.application.dh-style ul {
- margin: 0;
- padding: 0;
- list-style: none;
-}
-.application.dh-style li {
- margin: 0;
-}
-.application.dh-style a:hover,
-.application.dh-style a.active {
- font-weight: bold;
- text-shadow: 0 0 8px light-dark(#18162e, #f3c267);
-}
-.application.dh-style fieldset {
- align-items: center;
- margin-top: 5px;
- border-radius: 6px;
- border-color: light-dark(#18162e, #f3c267);
-}
-.application.dh-style fieldset.glassy {
- background-color: light-dark(#18162e10, #f3c26710);
- border-color: transparent;
-}
-.application.dh-style fieldset.glassy legend {
- padding: 2px 12px;
- border-radius: 3px;
- background-color: light-dark(#18162e, #f3c267);
- color: light-dark(#efe6d8, #18162e);
-}
-.application.dh-style fieldset.fit-height {
- height: 95%;
-}
-.application.dh-style fieldset.flex {
- display: flex;
- gap: 20px;
-}
-.application.dh-style fieldset.flex.wrap {
- flex-wrap: wrap;
- gap: 10px 20px;
-}
-.application.dh-style fieldset.flex .inline-child {
- flex: 1;
-}
-.application.dh-style fieldset .list-w-img {
- padding: 5px;
-}
-.application.dh-style fieldset .list-w-img label {
- flex: 1;
-}
-.application.dh-style fieldset .list-w-img img {
- width: 2rem;
- height: 2rem;
-}
-.application.dh-style fieldset.one-column {
- display: flex;
- flex-direction: column;
- align-items: start;
- gap: 10px;
- min-height: 64px;
- flex: 1;
-}
-.application.dh-style fieldset.one-column > .one-column {
- width: 100%;
-}
-.application.dh-style fieldset.two-columns {
- display: grid;
- grid-template-columns: 1fr 2fr;
- gap: 10px;
-}
-.application.dh-style fieldset.two-columns.even {
- grid-template-columns: 1fr 1fr;
-}
-.application.dh-style fieldset.two-columns .full-width {
- grid-column: span 2;
-}
-.application.dh-style fieldset legend {
- font-family: 'Montserrat', sans-serif;
- font-weight: bold;
- color: light-dark(#18162e, #f3c267);
-}
-.application.dh-style fieldset input[type='text'],
-.application.dh-style fieldset input[type='number'] {
- color: light-dark(#222, #efe6d8);
- font-family: 'Montserrat', sans-serif;
- transition: all 0.3s ease;
- outline: 2px solid transparent;
-}
-.application.dh-style fieldset input[type='text']:focus,
-.application.dh-style fieldset input[type='number']:focus,
-.application.dh-style fieldset input[type='text']:hover,
-.application.dh-style fieldset input[type='number']:hover {
- outline: 2px solid light-dark(#222, #efe6d8);
-}
-.application.dh-style fieldset[disabled],
-.application.dh-style fieldset.child-disabled .form-group,
-.application.dh-style fieldset select[disabled],
-.application.dh-style fieldset input[disabled] {
- opacity: 0.5;
-}
-.application.dh-style fieldset.child-disabled .form-group {
- pointer-events: none;
-}
-.application.dh-style fieldset .nest-inputs {
- display: flex;
- align-items: center;
- width: 100%;
- gap: 5px;
-}
-.application.dh-style fieldset .nest-inputs .btn {
- padding-top: 15px;
-}
-.application.dh-style fieldset .nest-inputs .image {
- height: 40px;
- width: 40px;
- object-fit: cover;
- border-radius: 6px;
- border: none;
-}
-.application.dh-style fieldset .nest-inputs > .checkbox {
- align-self: end;
-}
-.application.dh-style fieldset .form-group {
- width: 100%;
-}
-.application.dh-style fieldset .form-group label {
- font-family: 'Montserrat', sans-serif;
- font-weight: bold;
- font-size: smaller;
-}
-.application.dh-style fieldset .form-group.checkbox {
- width: fit-content;
- display: flex;
- align-items: center;
-}
-.application.dh-style fieldset .form-group.checkbox .form-fields {
- height: 32px;
- align-content: center;
-}
-.application.dh-style fieldset:has(.list-w-img) {
- gap: 0;
-}
-.application.dh-style .two-columns {
- display: grid;
- grid-template-columns: 1fr 2fr;
- gap: 10px;
-}
-.application.dh-style .two-columns.even {
- grid-template-columns: 1fr 1fr;
-}
-.application.dh-style line-div {
- display: block;
- height: 1px;
- width: 100%;
- border-bottom: 1px solid light-dark(#18162e, #f3c267);
- mask-image: linear-gradient(270deg, transparent 0%, black 50%, transparent 100%);
-}
-.application.dh-style side-line-div {
- display: block;
- height: 1px;
- width: 100%;
- border-bottom: 1px solid light-dark(#18162e, #f3c267);
- mask-image: linear-gradient(270deg, transparent 0%, black 100%);
-}
-.application.dh-style side-line-div.invert {
- mask-image: linear-gradient(270deg, black 0%, transparent 100%);
-}
-.application.dh-style .item-description {
- opacity: 1;
- transform: translateY(0);
- grid-column: 1/-1;
- transition: opacity 0.3s ease-out, transform 0.3s ease-out;
-}
-.application.dh-style .item-description.invisible {
- height: 0;
- opacity: 0;
- overflow: hidden;
- transform: translateY(-20px);
- transform-origin: top;
-}
-.application.setting.dh-style fieldset h2,
-.application.setting.dh-style fieldset h3,
-.application.setting.dh-style fieldset h4 {
- margin: 8px 0 4px;
- text-align: center;
-}
-.application.setting.dh-style fieldset .title-hint {
- font-size: 12px;
- font-variant: small-caps;
- text-align: center;
-}
-.application.setting.dh-style fieldset .field-section .split-section {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 10px;
-}
-.application.setting.dh-style fieldset .label-container {
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 10px;
-}
-.application.setting.dh-style fieldset .label-container label {
- align-self: center;
- text-align: center;
-}
-.application.setting.dh-style footer {
- margin-top: 8px;
- display: flex;
- gap: 8px;
-}
-.application.setting.dh-style footer button {
- flex: 1;
-}
-.application.setting.dh-style .form-group {
- display: flex;
- justify-content: space-between;
- align-items: center;
-}
-.application.setting.dh-style .form-group label {
- font-size: 16px;
-}
-.application.setting.dh-style .form-group .form-fields {
- display: flex;
- gap: 4px;
- align-items: center;
-}
-.system-daggerheart .tagify {
- background: light-dark(transparent, transparent);
- border: 1px solid light-dark(#222, #efe6d8);
- height: 34px;
- border-radius: 3px;
- margin-right: 1px;
-}
-.system-daggerheart .tagify tag div {
- display: flex;
- justify-content: space-between;
- align-items: center;
- height: 22px;
-}
-.system-daggerheart .tagify tag div span {
- font-weight: 400;
-}
-.system-daggerheart .tagify tag div img {
- margin-left: 8px;
- height: 20px;
- width: 20px;
-}
-.system-daggerheart .tagify__dropdown {
- border: 1px solid light-dark(#222, #efe6d8) !important;
-}
-.system-daggerheart .tagify__dropdown .tagify__dropdown__wrapper {
- background-image: url(../assets/parchments/dh-parchment-dark.png);
- background-color: transparent;
- border: 0;
-}
-.system-daggerheart .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__item--active {
- background-color: light-dark(#222, #efe6d8);
- color: var(--color-dark-3);
-}
-.system-daggerheart.theme-light .tagify__dropdown {
- color: black;
-}
-.system-daggerheart.theme-light .tagify__dropdown .tagify__dropdown__wrapper {
- background-image: url(../assets/parchments/dh-parchment-light.png);
-}
-.system-daggerheart.theme-light .tagify__dropdown .tagify__dropdown__item--active {
- color: #efe6d8;
-}
-.theme-light .application.sheet.dh-style button.glow {
- animation: glow-dark 0.75s infinite alternate;
-}
-.theme-light .application .component.dh-style.card-preview-container {
- background-image: url('../assets/parchments/dh-parchment-light.png');
-}
-.theme-light .application .component.dh-style.card-preview-container .preview-text-container {
- background-image: url(../assets/parchments/dh-parchment-dark.png);
-}
-.theme-light .application .component.dh-style.card-preview-container .preview-selected-icon-container {
- background-image: url(../assets/parchments/dh-parchment-dark.png);
- color: var(--color-light-5);
-}
-.application .component.dh-style.card-preview-container {
- position: relative;
- border-radius: 6px;
- border: 2px solid var(--color-tabs-border);
- display: flex;
- flex-direction: column;
- aspect-ratio: 0.75;
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-}
-.application .component.dh-style.card-preview-container.selectable {
- cursor: pointer;
-}
-.application .component.dh-style.card-preview-container.disabled {
- pointer-events: none;
- opacity: 0.4;
-}
-.application .component.dh-style.card-preview-container .preview-image-outer-container {
- position: relative;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.application .component.dh-style.card-preview-container .preview-image-container {
- flex: 1;
- border-radius: 4px 4px 0 0;
-}
-.application .component.dh-style.card-preview-container .preview-text-container {
- flex: 1;
- border-radius: 0 0 4px 4px;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- font-size: 18px;
- text-align: center;
- color: var(--color-text-selection-bg);
- background-image: url(../assets/parchments/dh-parchment-light.png);
-}
-.application .component.dh-style.card-preview-container .preview-empty-container {
- pointer-events: none;
- position: relative;
- display: flex;
- align-items: center;
- justify-content: center;
- flex: 1;
-}
-.application .component.dh-style.card-preview-container .preview-empty-container .preview-empty-inner-container {
- width: 100%;
- display: flex;
- justify-content: center;
-}
-.application .component.dh-style.card-preview-container .preview-empty-container .preview-empty-inner-container .preview-add-icon {
- font-size: 48px;
-}
-.application .component.dh-style.card-preview-container .preview-empty-container .preview-empty-inner-container .preview-empty-subtext {
- position: absolute;
- top: 10%;
- font-size: 18px;
- font-variant: small-caps;
- text-align: center;
-}
-.application .component.dh-style.card-preview-container .preview-selected-icon-container {
- position: absolute;
- height: 54px;
- width: 54px;
- border-radius: 50%;
- border: 2px solid;
- font-size: 48px;
- display: flex;
- align-items: center;
- justify-content: center;
- background-image: url(../assets/parchments/dh-parchment-light.png);
- color: var(--color-dark-5);
-}
-.application .component.dh-style.card-preview-container .preview-selected-icon-container i {
- position: relative;
- right: 2px;
-}
-.daggerheart.dh-style .tab-navigation {
- margin: 5px 0;
- height: 40px;
- width: 100%;
-}
-.daggerheart.dh-style .tab-navigation .feature-tab {
- border: none;
-}
-.daggerheart.dh-style .tab-navigation .feature-tab a {
- color: light-dark(#18162e, #f3c267);
- font-family: 'Montserrat', sans-serif;
-}
-.sheet.daggerheart.dh-style .tab-form-footer {
- display: flex;
- padding: 0 10px;
-}
-.sheet.daggerheart.dh-style .tab-form-footer button {
- flex: 1;
- border-width: 2px;
-}
-.sheet.daggerheart.dh-style .tab.actions .actions-list {
- display: flex;
- flex-direction: column;
- list-style: none;
- padding: 0;
- margin: 0;
- width: 100%;
- gap: 5px;
-}
-.sheet.daggerheart.dh-style .tab.actions .actions-list .action-item {
- display: grid;
- align-items: center;
- grid-template-columns: 1fr 4fr 1fr;
- cursor: pointer;
-}
-.sheet.daggerheart.dh-style .tab.actions .actions-list .action-item img {
- height: 40px;
- width: 40px;
- object-fit: cover;
- border-radius: 3px;
-}
-.sheet.daggerheart.dh-style .tab.actions .actions-list .action-item h4 {
- font-family: 'Montserrat', sans-serif;
- font-weight: lighter;
- color: #efe6d8;
-}
-.sheet.daggerheart.dh-style .tab.actions .actions-list .action-item .image {
- height: 40px;
- width: 40px;
- object-fit: cover;
- border-radius: 6px;
- border: none;
-}
-.sheet.daggerheart.dh-style .tab.actions .actions-list .action-item .controls {
- display: flex;
- justify-content: center;
- gap: 10px;
-}
-.sheet.daggerheart.dh-style .tab.features .features-list {
- display: flex;
- flex-direction: column;
- list-style: none;
- padding: 0;
- margin: 0;
- width: 100%;
- gap: 5px;
-}
-.sheet.daggerheart.dh-style .tab.features .features-list .feature-item {
- display: grid;
- align-items: center;
- grid-template-columns: 1fr 4fr 1fr;
- cursor: pointer;
-}
-.sheet.daggerheart.dh-style .tab.features .features-list .feature-item img {
- height: 40px;
- width: 40px;
- object-fit: cover;
- border-radius: 3px;
-}
-.sheet.daggerheart.dh-style .tab.features .features-list .feature-item h4 {
- font-family: 'Montserrat', sans-serif;
- font-weight: lighter;
- color: #efe6d8;
-}
-.sheet.daggerheart.dh-style .tab.features .features-list .feature-item .image {
- height: 40px;
- width: 40px;
- object-fit: cover;
- border-radius: 6px;
- border: none;
-}
-.sheet.daggerheart.dh-style .tab.features .features-list .feature-item .controls {
- display: flex;
- justify-content: center;
- gap: 10px;
-}
-.sheet.daggerheart.dh-style .tab.effects .effects-list {
- display: flex;
- flex-direction: column;
- list-style: none;
- padding: 0;
- margin: 0;
- width: 100%;
- gap: 5px;
-}
-.sheet.daggerheart.dh-style .tab.effects .effects-list .effect-item {
- display: grid;
- align-items: center;
- grid-template-columns: 1fr 4fr 1fr;
- cursor: pointer;
-}
-.sheet.daggerheart.dh-style .tab.effects .effects-list .effect-item h4 {
- font-family: 'Montserrat', sans-serif;
- font-weight: lighter;
- color: #efe6d8;
-}
-.sheet.daggerheart.dh-style .tab.effects .effects-list .effect-item .image {
- height: 40px;
- width: 40px;
- object-fit: cover;
- border-radius: 6px;
- border: none;
-}
-.sheet.daggerheart.dh-style .tab.effects .effects-list .effect-item .controls {
- display: flex;
- justify-content: center;
- gap: 10px;
-}
-.application.sheet.daggerheart.dh-style .item-sheet-header {
- display: flex;
-}
-.application.sheet.daggerheart.dh-style .item-sheet-header .profile {
- height: 150px;
- width: 150px;
- object-fit: cover;
- border-right: 1px solid light-dark(#18162e, #f3c267);
- border-bottom: 1px solid light-dark(#18162e, #f3c267);
- box-sizing: border-box;
- cursor: pointer;
-}
-.application.sheet.daggerheart.dh-style .item-sheet-header .item-info {
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 5px;
- margin-top: 36px;
- text-align: center;
- width: 80%;
-}
-.application.sheet.daggerheart.dh-style .item-sheet-header .item-info .item-name input[type='text'] {
- font-size: 32px;
- height: 42px;
- text-align: center;
- width: 90%;
- transition: all 0.3s ease;
- outline: 2px solid transparent;
- border: 1px solid transparent;
-}
-.application.sheet.daggerheart.dh-style .item-sheet-header .item-info .item-name input[type='text']:hover[type='text'],
-.application.sheet.daggerheart.dh-style .item-sheet-header .item-info .item-name input[type='text']:focus[type='text'] {
- box-shadow: none;
- outline: 2px solid light-dark(#18162e, #f3c267);
-}
-.application.sheet.daggerheart.dh-style .item-sheet-header .item-info .item-description {
- display: flex;
- flex-direction: column;
- gap: 10px;
-}
-.application.sheet.daggerheart.dh-style .item-sheet-header .item-info h3 {
- font-size: 1rem;
-}
-.application.sheet.daggerheart.dh-style .item-card-header {
- display: flex;
- flex-direction: column;
- justify-content: start;
- text-align: center;
-}
-.application.sheet.daggerheart.dh-style .item-card-header .profile {
- height: 300px;
- width: 100%;
- object-fit: cover;
- mask-image: linear-gradient(0deg, transparent 0%, black 10%);
- cursor: pointer;
-}
-.application.sheet.daggerheart.dh-style .item-card-header .item-icons-list {
- position: absolute;
- display: flex;
- align-items: center;
- justify-content: center;
- top: 50px;
- right: 10px;
-}
-.application.sheet.daggerheart.dh-style .item-card-header .item-icons-list .item-icon {
- display: flex;
- align-items: center;
- justify-content: end;
- text-align: center;
- padding-right: 8px;
- max-width: 50px;
- height: 50px;
- font-size: 1.2rem;
- background: light-dark(rgba(0, 0, 0, 0.3), rgba(24, 22, 46, 0.33));
- border: 4px double light-dark(#efe6d8, #f3c267);
- color: light-dark(#efe6d8, #f3c267);
- border-radius: 999px;
- transition: all 0.3s ease;
-}
-.application.sheet.daggerheart.dh-style .item-card-header .item-icons-list .item-icon .recall-label {
- font-size: 14px;
- opacity: 0;
- margin-right: 0.3rem;
- transition: all 0.3s ease;
-}
-.application.sheet.daggerheart.dh-style .item-card-header .item-icons-list .item-icon i {
- font-size: 0.8rem;
-}
-.application.sheet.daggerheart.dh-style .item-card-header .item-icons-list .item-icon:hover {
- max-width: 300px;
- padding: 0 10px;
- border-radius: 60px;
-}
-.application.sheet.daggerheart.dh-style .item-card-header .item-icons-list .item-icon:hover .recall-label {
- opacity: 1;
-}
-.application.sheet.daggerheart.dh-style .item-card-header .item-info {
- display: flex;
- flex-direction: column;
- align-items: center;
- position: relative;
- top: -25px;
- gap: 5px;
- margin-bottom: -20px;
-}
-.application.sheet.daggerheart.dh-style .item-card-header .item-info .item-name input[type='text'] {
- font-size: 32px;
- height: 42px;
- text-align: center;
- width: 90%;
- transition: all 0.3s ease;
- outline: 2px solid transparent;
- border: 1px solid transparent;
-}
-.application.sheet.daggerheart.dh-style .item-card-header .item-info .item-name input[type='text']:hover[type='text'],
-.application.sheet.daggerheart.dh-style .item-card-header .item-info .item-name input[type='text']:focus[type='text'] {
- box-shadow: none;
- outline: 2px solid light-dark(#18162e, #f3c267);
-}
-.application.sheet.daggerheart.dh-style .item-card-header .item-info .item-description {
- display: flex;
- flex-direction: column;
- gap: 10px;
-}
-.application.sheet.daggerheart.dh-style .item-card-header .item-info h3 {
- font-size: 1rem;
-}
-.sheet.daggerheart.dh-style.item .tab.features {
- padding: 0 10px;
- overflow-y: auto;
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.sheet.daggerheart.dh-style.item .tab.features .feature-list {
- display: flex;
- flex-direction: column;
- list-style: none;
- padding: 0;
- margin: 0;
- width: 100%;
-}
-.sheet.daggerheart.dh-style.item .tab.features .feature-list .feature-item {
- margin-bottom: 10px;
-}
-.sheet.daggerheart.dh-style.item .tab.features .feature-list .feature-item:last-child {
- margin-bottom: 0px;
-}
-.sheet.daggerheart.dh-style.item .tab.features .feature-list .feature-item .feature-line {
- display: grid;
- align-items: center;
- grid-template-columns: 1fr 4fr 1fr;
-}
-.sheet.daggerheart.dh-style.item .tab.features .feature-list .feature-item .feature-line h4 {
- font-family: 'Montserrat', sans-serif;
- font-weight: lighter;
- color: light-dark(#222, #efe6d8);
-}
-.sheet.daggerheart.dh-style.item .tab.features .feature-list .feature-item .feature-line .image {
- height: 40px;
- width: 40px;
- object-fit: cover;
- border-radius: 6px;
- border: none;
-}
-.sheet.daggerheart.dh-style.item .tab.features .feature-list .feature-item .feature-line .controls {
- display: flex;
- justify-content: center;
- gap: 10px;
-}
-.sheet.daggerheart.dh-style.item .tab.features .feature-list .feature-item .feature-line .controls a {
- text-shadow: none;
-}
-.application.daggerheart.dh-style .inventory-item {
- display: grid;
- grid-template-columns: 40px 1fr 60px;
- gap: 10px;
- width: 100%;
-}
-.application.daggerheart.dh-style .inventory-item .item-img {
- height: 40px;
- width: 40px;
- border-radius: 3px;
- border: none;
- cursor: pointer;
- object-fit: cover;
-}
-.application.daggerheart.dh-style .inventory-item .item-img.actor-img {
- border-radius: 50%;
-}
-.application.daggerheart.dh-style .inventory-item .item-label {
- font-family: 'Montserrat', sans-serif;
- align-self: center;
-}
-.application.daggerheart.dh-style .inventory-item .item-label .item-name {
- font-size: 14px;
-}
-.application.daggerheart.dh-style .inventory-item .item-label .item-tags,
-.application.daggerheart.dh-style .inventory-item .item-label .item-labels {
- display: flex;
- gap: 10px;
-}
-.application.daggerheart.dh-style .inventory-item .item-label .item-tags .tag,
-.application.daggerheart.dh-style .inventory-item .item-label .item-labels .tag {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- padding: 3px 5px;
- font-size: 12px;
- background: light-dark(#22222215, #efe6d815);
- border: 1px solid light-dark(#222, #efe6d8);
- border-radius: 3px;
-}
-.application.daggerheart.dh-style .inventory-item .item-label .item-tags .label,
-.application.daggerheart.dh-style .inventory-item .item-label .item-labels .label {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- font-size: 12px;
- gap: 4px;
-}
-.application.daggerheart.dh-style .inventory-item .controls {
- display: flex;
- align-items: center;
- justify-content: end;
- gap: 8px;
-}
-.application.daggerheart.dh-style .inventory-item .controls a {
- text-align: center;
-}
-.application.daggerheart.dh-style .inventory-item .controls a.unequipped {
- opacity: 0.4;
-}
-.application.daggerheart.dh-style .card-item {
- position: relative;
- height: 120px;
- width: 100px;
- border: 1px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- cursor: pointer;
-}
-.application.daggerheart.dh-style .card-item:hover .card-label {
- padding-top: 15px;
-}
-.application.daggerheart.dh-style .card-item:hover .card-label .controls {
- opacity: 1;
- visibility: visible;
- transition: all 0.3s ease;
- max-height: 16px;
-}
-.application.daggerheart.dh-style .card-item .card-img {
- height: 100%;
- width: 100%;
- object-fit: cover;
-}
-.application.daggerheart.dh-style .card-item .card-label {
- display: flex;
- flex-direction: column;
- height: fit-content;
- align-items: center;
- gap: 5px;
- padding-top: 5px;
- padding-bottom: 5px;
- width: 100%;
- position: absolute;
- background-color: #18162e;
- bottom: 0;
- mask-image: linear-gradient(180deg, transparent 0%, black 20%);
-}
-.application.daggerheart.dh-style .card-item .card-label .card-name {
- font-family: 'Montserrat', sans-serif;
- font-style: normal;
- font-weight: 400;
- font-size: 12px;
- line-height: 15px;
- color: #efe6d8;
-}
-.application.daggerheart.dh-style .card-item .card-label .controls {
- display: flex;
- gap: 15px;
- align-items: center;
- max-height: 0px;
- opacity: 0;
- visibility: collapse;
- transition: all 0.3s ease;
- color: #efe6d8;
-}
-.application.daggerheart.dh-style .items-list {
- display: flex;
- flex-direction: column;
- gap: 10px;
- align-items: center;
- width: 100%;
-}
-.application.daggerheart.dh-style .card-list {
- display: flex;
- flex-direction: row;
- gap: 10px;
- align-items: center;
-}
-.application prose-mirror {
- height: 100% !important;
-}
-.application prose-mirror .editor-menu {
- background-color: transparent;
-}
-.application prose-mirror .editor-content {
- scrollbar-width: thin;
- scrollbar-color: light-dark(#18162e, #f3c267) transparent;
-}
-.application prose-mirror .editor-content h1 {
- font-size: 36px;
-}
-.application prose-mirror .editor-content h2 {
- font-size: 32px;
-}
-.application prose-mirror .editor-content h3 {
- font-size: 24px;
-}
-.filter-menu {
- width: auto;
-}
-.filter-menu fieldset.filter-section {
- align-items: center;
- margin: 5px;
- border-radius: 6px;
- border-color: light-dark(#18162e, #f3c267);
- padding: 5px;
-}
-.filter-menu fieldset.filter-section legend {
- font-family: 'Montserrat', sans-serif;
- font-weight: bold;
- color: light-dark(#18162e, #f3c267);
- font-size: var(--font-size-12);
-}
-.filter-menu fieldset.filter-section .filter-buttons {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-evenly;
- gap: 5px;
-}
-.filter-menu fieldset.filter-section .filter-buttons button {
- background: light-dark(rgba(0, 0, 0, 0.3), #18162e);
- color: light-dark(#18162e, #f3c267);
- outline: none;
- box-shadow: none;
- border: 1px solid light-dark(#18162e, #18162e);
- padding: 0 0.2rem;
- font-size: var(--font-size-12);
-}
-.filter-menu fieldset.filter-section .filter-buttons button:hover {
- background: light-dark(transparent, #f3c267);
- color: light-dark(#18162e, #18162e);
-}
-.filter-menu fieldset.filter-section .filter-buttons button.active {
- animation: glow 0.75s infinite alternate;
-}
-.daggerheart.chat.downtime {
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.daggerheart.chat.downtime .downtime-title-container {
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.daggerheart.chat.downtime .downtime-title-container .downtime-subtitle {
- font-size: 17px;
-}
-.daggerheart.chat.downtime .downtime-image {
- width: 80px;
-}
-.daggerheart.chat.downtime .downtime-refresh-container {
- margin-top: 8px;
- width: 100%;
-}
-.daggerheart.chat.downtime .downtime-refresh-container .refresh-title {
- font-weight: bold;
-}
-.daggerheart.chat.roll .dice-flavor {
- text-align: center;
- font-weight: bold;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls.duality {
- display: flex;
- gap: 0.25rem;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll {
- display: flex;
- align-items: center;
- justify-content: center;
- gap: 4px;
- margin-bottom: 4px;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container {
- display: flex;
- flex-direction: column;
- gap: 2px;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-title {
- color: var(--color-light-1);
- text-shadow: 0 0 1px black;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container {
- display: flex;
- align-items: center;
- justify-content: center;
- position: relative;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-wrapper,
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-wrapper {
- clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container .dice-wrapper {
- height: 24px;
- width: 24px;
- position: relative;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container .dice-wrapper .dice {
- height: 26px;
- width: 26px;
- max-width: unset;
- position: absolute;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container .dice-value {
- position: absolute;
- font-weight: bold;
- font-size: 16px;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-wrapper {
- background: black;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-wrapper .dice {
- filter: brightness(0) saturate(100%) invert(79%) sepia(79%) saturate(333%) hue-rotate(352deg) brightness(102%) contrast(103%);
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.hope .dice-value {
- color: var(--color-dark-1);
- text-shadow: 0 0 4px white;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-wrapper {
- background: white;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-wrapper .dice {
- filter: brightness(0) saturate(100%) invert(12%) sepia(88%) saturate(4321%) hue-rotate(221deg) brightness(92%) contrast(110%);
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.fear .dice-value {
- color: var(--color-light-1);
- text-shadow: 0 0 4px black;
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.advantage .dice-wrapper .dice {
- filter: brightness(0) saturate(100%) invert(18%) sepia(92%) saturate(4133%) hue-rotate(96deg) brightness(104%) contrast(107%);
-}
-.daggerheart.chat.roll .dice-tooltip .dice-rolls > .roll .dice-container .dice-inner-container.disadvantage .dice-wrapper .dice {
- filter: brightness(0) saturate(100%) invert(9%) sepia(78%) saturate(6903%) hue-rotate(11deg) brightness(93%) contrast(117%);
-}
-.daggerheart.chat.roll .dice-total.duality.hope {
- border-color: #ffe760;
- border-width: 3px;
- background: rgba(255, 231, 96, 0.5);
-}
-.daggerheart.chat.roll .dice-total.duality.fear {
- border-color: #0032b1;
- border-width: 3px;
- background: rgba(0, 50, 177, 0.5);
-}
-.daggerheart.chat.roll .dice-total.duality.critical {
- border-color: #430070;
- border-width: 3px;
- background: rgba(67, 0, 112, 0.5);
-}
-.daggerheart.chat.roll .dice-total .dice-total-value .hope {
- color: #ffe760;
-}
-.daggerheart.chat.roll .dice-total .dice-total-value .fear {
- color: #0032b1;
-}
-.daggerheart.chat.roll .dice-total .dice-total-value .critical {
- color: #430070;
-}
-.daggerheart.chat.roll .dice-total-label {
- font-size: 12px;
- font-weight: bold;
- font-variant: all-small-caps;
- margin: -8px 0;
-}
-.daggerheart.chat.roll .target-selection {
- display: flex;
- justify-content: space-around;
-}
-.daggerheart.chat.roll .target-selection input[type='radio'] {
- display: none;
-}
-.daggerheart.chat.roll .target-selection input[type='radio']:checked + label {
- text-shadow: 0px 0px 4px #ce5937;
-}
-.daggerheart.chat.roll .target-selection input[type='radio']:not(:checked) + label {
- opacity: 0.75;
-}
-.daggerheart.chat.roll .target-selection label {
- cursor: pointer;
- opacity: 0.75;
-}
-.daggerheart.chat.roll .target-selection label.target-selected {
- text-shadow: 0px 0px 4px #ce5937;
- opacity: 1;
-}
-.daggerheart.chat.roll .target-section {
- margin-top: 5px;
-}
-.daggerheart.chat.roll .target-section .target-container {
- display: flex;
- transition: all 0.2s ease-in-out;
-}
-.daggerheart.chat.roll .target-section .target-container:hover {
- filter: drop-shadow(0 0 3px gold);
- border-color: gold;
-}
-.daggerheart.chat.roll .target-section .target-container.hidden {
- display: none;
- border: 0;
-}
-.daggerheart.chat.roll .target-section .target-container.hit {
- background: #008000;
-}
-.daggerheart.chat.roll .target-section .target-container.miss {
- background: #ff0000;
-}
-.daggerheart.chat.roll .target-section .target-container img,
-.daggerheart.chat.roll .target-section .target-container .target-save-container {
- width: 22px;
- height: 22px;
- align-self: center;
- border-color: transparent;
-}
-.daggerheart.chat.roll .target-section .target-container img {
- flex: 0;
- margin-left: 8px;
-}
-.daggerheart.chat.roll .target-section .target-container .target-save-container {
- margin-right: 8px;
- justify-content: center;
- display: flex;
- align-items: center;
- min-height: unset;
- border: 1px solid black;
-}
-.daggerheart.chat.roll .target-section .target-container .target-inner-container {
- flex: 1;
- display: flex;
- justify-content: center;
- font-size: var(--font-size-16);
-}
-.daggerheart.chat.roll .target-section .target-container:not(:has(.target-save-container)) .target-inner-container {
- margin-right: 32px;
-}
-.daggerheart.chat.roll .dice-actions {
- display: flex;
- gap: 4px;
-}
-.daggerheart.chat.roll .dice-actions button {
- flex: 1;
-}
-.daggerheart.chat.roll .dice-result .roll-damage-button,
-.daggerheart.chat.roll .dice-result .damage-button,
-.daggerheart.chat.roll .dice-result .duality-action {
- margin-top: 5px;
-}
-.daggerheart.chat.roll:not(.expanded) .dice-tooltip {
- grid-template-rows: 0fr;
-}
-.daggerheart.chat.domain-card {
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.daggerheart.chat.domain-card .domain-card-title {
- width: 100%;
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.daggerheart.chat.domain-card .domain-card-title div {
- font-size: 20px;
- font-variant: small-caps;
- font-weight: bold;
-}
-.daggerheart.chat.domain-card .domain-card-title h2 {
- width: 100%;
- text-align: center;
- margin: 0;
-}
-.daggerheart.chat.domain-card .ability-card-footer {
- display: flex;
- width: 100%;
- margin-top: 8px;
- flex-wrap: wrap;
-}
-.daggerheart.chat.domain-card .ability-card-footer button {
- border-radius: 6px;
- background: #699969;
- border-color: black;
- flex-basis: calc(50% - 2px);
-}
-.daggerheart.chat.domain-card .ability-card-footer button:nth-of-type(n + 3) {
- margin-top: 2px;
-}
-.daggerheart.chat.domain-card .ability-card-footer .ability-card-action-cost {
- margin: auto;
- font-size: 1.5em;
-}
-.daggerheart.chat.domain-card img {
- width: 80px;
-}
-.daggerheart.chat button.inner-button {
- --button-size: 1.25rem;
- --input-height: 1.25rem;
- padding: 0 0.25rem;
- margin: 5px 1px -4px auto;
-}
-.daggerheart.chat button.inner-button.inner-button-right {
- margin-left: auto;
-}
-.daggerheart.chat [data-use-perm='false'] {
- pointer-events: none;
- border-color: transparent;
-}
-.daggerheart.chat [data-view-perm='false'] > * {
- display: none;
-}
-.daggerheart.chat [data-view-perm='false']::after {
- content: '??';
-}
-.chat-message .duality-modifiers,
-.chat-message .duality-result,
-.chat-message .dice-title {
- display: none;
-}
-fieldset.daggerheart.chat {
- padding: 0;
- border-left-width: 0;
- border-right-width: 0;
- border-bottom-width: 0;
-}
-fieldset.daggerheart.chat legend {
- display: flex;
- align-items: center;
- gap: 5px;
-}
-fieldset.daggerheart.chat legend:before,
-fieldset.daggerheart.chat legend:after {
- content: '\f0d8';
- font-family: 'Font Awesome 6 Pro';
-}
-fieldset.daggerheart.chat.expanded legend:before,
-fieldset.daggerheart.chat.expanded legend:after {
- content: '\f0d7';
-}
-fieldset.daggerheart.chat .daggerheart.chat {
- margin-top: 5px;
-}
-.theme-colorful .chat-message.duality {
- border-color: black;
- padding: 8px 0 0 0;
-}
-.theme-colorful .chat-message.duality fieldset.daggerheart.chat {
- border-top-width: 0;
- display: contents;
-}
-.theme-colorful .chat-message.duality fieldset.daggerheart.chat legend:before,
-.theme-colorful .chat-message.duality fieldset.daggerheart.chat legend:after {
- display: none;
-}
-.theme-colorful .chat-message.duality .message-header {
- color: var(--color-light-3);
- padding: 0 8px;
-}
-.theme-colorful .chat-message.duality.hope {
- background: linear-gradient(0, rgba(165, 42, 42, 0.6) 40px, rgba(0, 0, 0, 0.6));
-}
-.theme-colorful .chat-message.duality.fear {
- background: linear-gradient(0, rgba(0, 0, 255, 0.6), rgba(15, 15, 97, 0.6));
-}
-.theme-colorful .chat-message.duality.critical {
- background: linear-gradient(0, rgba(128, 0, 128, 0.6), rgba(37, 8, 37, 0.6));
-}
-.theme-colorful .chat-message.duality .chat-message header {
- color: var(--color-light-3);
-}
-.theme-colorful .chat-message.duality > * {
- padding: 0 8px;
-}
-.theme-colorful .chat-message.duality .message-content .duality-modifiers,
-.theme-colorful .chat-message.duality .message-content .duality-result,
-.theme-colorful .chat-message.duality .message-content .dice-title {
- display: flex;
-}
-.theme-colorful .chat-message.duality .message-content .duality-modifiers {
- display: flex;
- gap: 2px;
- margin-bottom: 4px;
-}
-.theme-colorful .chat-message.duality .message-content .duality-modifiers .duality-modifier {
- padding: 2px;
- border-radius: 6px;
- border: 1px solid;
- background: var(--color-dark-6);
- font-size: 12px;
-}
-.theme-colorful .chat-message.duality .message-content .dice-flavor {
- color: var(--color-light-1);
- text-shadow: 0 0 1px black;
- border-bottom: 1px solid;
- display: flex;
- align-items: end;
- justify-content: space-between;
- padding: 0 8px;
- margin: 0 -8px 2px;
- font-weight: unset;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .duality-modifiers {
- display: flex;
- gap: 2px;
- margin-bottom: 4px;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .duality-modifiers .duality-modifier {
- padding: 2px;
- border-radius: 6px;
- border: 1px solid;
- background: var(--color-dark-6);
- font-size: 12px;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-formula,
-.theme-colorful .chat-message.duality .message-content .dice-result > .dice-total,
-.theme-colorful .chat-message.duality .message-content .dice-result .part-header {
- display: none;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip {
- grid-template-rows: 1fr;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part {
- display: flex;
- align-items: end;
- gap: 0.25rem;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part .dice .dice-rolls {
- margin-bottom: 0;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part .dice .dice-rolls.duality li {
- display: flex;
- align-items: center;
- justify-content: center;
- position: relative;
- background: unset;
- line-height: unset;
- font-weight: unset;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-tooltip .wrapper .tooltip-part .duality-modifier {
- display: flex;
- margin-bottom: 6px;
- color: var(--color-light-1);
- text-shadow: 0 0 1px black;
- font-size: var(--font-size-16);
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .target-selection label {
- color: var(--color-light-1);
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .target-section {
- margin: 4px 0;
- border: 2px solid;
- margin-top: 5px;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .target-section .dice-total {
- box-shadow: unset;
- border: unset;
- border-radius: unset;
- font-size: var(--font-size-18);
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions {
- justify-content: space-between;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions.duality-alone {
- justify-content: end;
- margin-top: -20px;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions > * {
- display: flex;
- color: var(--color-light-1);
- text-shadow: 0 0 1px black;
- font-weight: bold;
- background: var(--color-dark-1);
- padding: 4px;
- border-color: black;
- min-height: unset;
- height: 26px;
- flex: unset;
- margin: 0;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions .duality-action {
- border-radius: 0 6px 0 0;
- margin-left: -8px;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions .duality-action.duality-action-effect {
- border-top-left-radius: 6px;
- margin-left: initial;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .dice-actions .duality-result {
- border-radius: 6px 0 0 0;
- margin-right: -8px;
-}
-.theme-colorful .chat-message.duality .message-content .dice-result .duality-result {
- display: flex;
- color: var(--color-light-1);
- text-shadow: 0 0 1px black;
- font-weight: bold;
- background: var(--color-dark-1);
- padding: 4px;
- border-color: black;
- min-height: unset;
- height: 26px;
- flex: unset;
- margin: 0;
- margin-left: auto;
- align-self: center;
- border-radius: 6px;
-}
-.theme-colorful .chat-message.duality button.inner-button {
- color: var(--color-light-1);
- text-shadow: 0 0 1px black;
- font-weight: bold;
- background: var(--color-dark-1);
- border-color: black;
-}
-.combat-sidebar h4 {
- margin: 0;
- text-align: center;
-}
-.combat-sidebar .combatant-controls {
- flex: 0;
-}
-.combat-sidebar .encounter-controls.combat {
- justify-content: space-between;
-}
-.combat-sidebar .encounter-controls.combat .encounter-fear-controls {
- display: flex;
- align-items: center;
- gap: 8px;
-}
-.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container {
- display: flex;
- gap: 2px;
-}
-.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container {
- display: flex;
- position: relative;
- align-items: center;
- justify-content: center;
- color: black;
-}
-.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container .dice {
- height: 22px;
- width: 22px;
-}
-.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container .encounter-control-fear {
- position: absolute;
- font-size: 16px;
-}
-.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-fear-dice-container .encounter-control-fear-container .encounter-control-counter {
- position: absolute;
- right: -10px;
- color: var(--color-text-secondary);
-}
-.combat-sidebar .encounter-controls.combat .encounter-fear-controls .encounter-countdowns {
- color: var(--content-link-icon-color);
-}
-.combat-sidebar .encounter-controls.combat .control-buttons {
- width: min-content;
-}
-.combat-sidebar .spotlight-control {
- font-size: 26px;
-}
-.combat-sidebar .spotlight-control:focus {
- outline: none;
- box-shadow: none;
-}
-.combat-sidebar .spotlight-control.discrete:hover {
- background: inherit;
-}
-.combat-sidebar .spotlight-control.requesting {
- filter: drop-shadow(0 0 3px gold);
- color: var(--button-hover-text-color);
-}
-.combat-sidebar .token-actions {
- align-self: stretch;
- display: flex;
- align-items: top;
- justify-content: center;
- gap: 16px;
-}
-.combat-sidebar .token-actions .action-tokens {
- display: flex;
- gap: 4px;
-}
-.combat-sidebar .token-actions .action-tokens .action-token {
- height: 22px;
- width: 22px;
- border: 1px solid;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 10px;
- padding: 8px;
- --button-size: 0;
-}
-.combat-sidebar .token-actions .action-tokens .action-token.used {
- opacity: 0.5;
- background: transparent;
-}
-.combat-sidebar .token-actions button {
- font-size: 22px;
- height: 24px;
- width: 24px;
-}
-.combat-sidebar .token-actions button.main {
- background: var(--button-hover-background-color);
- color: var(--button-hover-text-color);
- border-color: var(--button-hover-border-color);
-}
-.combat-sidebar .token-actions button.main:hover {
- filter: drop-shadow(0 0 3px var(--button-hover-text-color));
-}
-.daggerheart.dh-style.countdown fieldset {
- align-items: center;
- margin-top: 5px;
- border-radius: 6px;
- border-color: light-dark(#18162e, #f3c267);
-}
-.daggerheart.dh-style.countdown fieldset legend {
- font-family: 'Montserrat', sans-serif;
- font-weight: bold;
- color: light-dark(#18162e, #f3c267);
-}
-.daggerheart.dh-style.countdown fieldset legend a {
- text-shadow: none;
-}
-.daggerheart.dh-style.countdown .minimized-view {
- display: flex;
- gap: 8px;
- flex-wrap: wrap;
-}
-.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container {
- width: fit-content;
- display: flex;
- align-items: center;
- gap: 8px;
- border: 2px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- padding: 0 4px 0 0;
- background-image: url('../assets/parchments/dh-parchment-light.png');
- color: light-dark(#efe6d8, #222);
- cursor: pointer;
-}
-.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container.disabled {
- cursor: initial;
-}
-.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container img {
- width: 30px;
- height: 30px;
- border-radius: 6px 0 0 6px;
-}
-.daggerheart.dh-style.countdown .minimized-view .mini-countdown-container .mini-countdown-name {
- white-space: nowrap;
-}
-.daggerheart.dh-style.countdown .hidden {
- display: none;
-}
-.themed.theme-light .application.daggerheart.sheet.dh-style.countdown .minimized-view .mini-countdown-container,
-.themed.theme-light.application.daggerheart.sheet.dh-style.countdown .minimized-view .mini-countdown-container,
-body.theme-light .application.daggerheart.countdown .minimized-view .mini-countdown-container,
-body.theme-light.application.daggerheart.countdown .minimized-view .mini-countdown-container {
- background-image: url('../assets/parchments/dh-parchment-dark.png');
-}
-.daggerheart.dh-style.countdown {
- overflow: hidden;
-}
-.daggerheart.dh-style.countdown .window-content > div {
- height: 100%;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view {
- height: 100%;
- display: flex;
- flex-direction: column;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-menu {
- display: flex;
- gap: 8px;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-menu .flex {
- flex: 1;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container {
- display: flex;
- gap: 8px;
- flex-wrap: wrap;
- overflow: auto;
- max-height: 100%;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset {
- width: 340px;
- height: min-content;
- position: relative;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .ownership-button {
- position: absolute;
- top: 8px;
- right: 8px;
- font-size: 18px;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container {
- display: flex;
- align-items: center;
- gap: 16px;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container img {
- width: 150px;
- height: 150px;
- cursor: pointer;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container img.disabled {
- cursor: initial;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container .countdown-inner-container {
- display: flex;
- flex-direction: column;
- gap: 4px;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container .countdown-inner-container .countdown-value-container {
- display: flex;
- gap: 4px;
-}
-.daggerheart.dh-style.countdown .window-content > div .expanded-view .countdowns-container .countdown-fieldset .countdown-container .countdown-inner-container .countdown-value-container input {
- max-width: 80px;
-}
-.daggerheart.views.ownership-selection .ownership-outer-container {
- display: flex;
- flex-direction: column;
- gap: 8px;
-}
-.daggerheart.views.ownership-selection .ownership-outer-container .ownership-container {
- display: flex;
- border: 2px solid light-dark(#18162e, #f3c267);
- border-radius: 6px;
- padding: 0 4px 0 0;
- align-items: center;
- gap: 8px;
-}
-.daggerheart.views.ownership-selection .ownership-outer-container .ownership-container img {
- height: 40px;
- width: 40px;
- border-radius: 6px 0 0 6px;
-}
-.daggerheart.views.ownership-selection .ownership-outer-container .ownership-container select {
- margin: 4px 0;
-}
-:root {
- --shadow-text-stroke: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
- --fear-animation: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
-}
-#resources {
- min-height: calc(var(--header-height) + 4rem);
- min-width: 4rem;
- color: #d3d3d3;
- transition: var(--fear-animation);
-}
-#resources header,
-#resources .controls,
-#resources .window-resize-handle {
- transition: var(--fear-animation);
-}
-#resources .window-content {
- padding: 0.5rem;
-}
-#resources .window-content #resource-fear {
- display: flex;
- flex-direction: row;
- gap: 0.5rem 0.25rem;
- flex-wrap: wrap;
-}
-#resources .window-content #resource-fear i {
- font-size: var(--font-size-18);
- border: 1px solid rgba(0, 0, 0, 0.5);
- border-radius: 50%;
- aspect-ratio: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- width: 3rem;
- background-color: rgba(9, 71, 179, 0.75);
- -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
- box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
- color: #d3d3d3;
- flex-grow: 0;
-}
-#resources .window-content #resource-fear i.inactive {
- filter: grayscale(1) !important;
- opacity: 0.5;
-}
-#resources .window-content #resource-fear .controls,
-#resources .window-content #resource-fear .resource-bar {
- border: 2px solid #997a4f;
- background-color: #18162e;
-}
-#resources .window-content #resource-fear .controls {
- display: flex;
- align-self: center;
- border-radius: 50%;
- align-items: center;
- justify-content: center;
- width: 30px;
- height: 30px;
- font-size: var(--font-size-20);
- cursor: pointer;
-}
-#resources .window-content #resource-fear .controls:hover {
- font-size: 1.5rem;
-}
-#resources .window-content #resource-fear .controls.disabled {
- opacity: 0.5;
-}
-#resources .window-content #resource-fear .resource-bar {
- display: flex;
- justify-content: center;
- border-radius: 6px;
- font-size: var(--font-size-20);
- overflow: hidden;
- position: relative;
- padding: 0.25rem 0.5rem;
- flex: 1;
- text-shadow: var(--shadow-text-stroke);
-}
-#resources .window-content #resource-fear .resource-bar:before {
- content: '';
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- width: var(--fear-percent);
- max-width: 100%;
- background: linear-gradient(90deg, #020026 0%, #c701fc 100%);
- z-index: 0;
- border-radius: 4px;
-}
-#resources .window-content #resource-fear .resource-bar span {
- position: inherit;
- z-index: 1;
-}
-#resources .window-content #resource-fear.isGM i {
- cursor: pointer;
-}
-#resources .window-content #resource-fear.isGM i:hover {
- font-size: var(--font-size-20);
-}
-#resources button[data-action='close'] {
- display: none;
-}
-#resources:not(:hover):not(.minimized) {
- background: transparent;
- box-shadow: unset;
- border-color: transparent;
-}
-#resources:not(:hover):not(.minimized) header,
-#resources:not(:hover):not(.minimized) .controls,
-#resources:not(:hover):not(.minimized) .window-resize-handle {
- opacity: 0;
-}
-#resources:has(.fear-bar) {
- min-width: 200px;
-}
-.daggerheart.dh-style.setting fieldset {
- display: flex;
- flex-direction: column;
- gap: 4px;
-}
-.daggerheart.dh-style.setting fieldset.two-columns {
- display: grid;
- grid-template-columns: 1fr 2fr;
- gap: 10px;
-}
-.daggerheart.dh-style.setting fieldset.two-columns.even {
- grid-template-columns: 1fr 1fr;
-}
-.daggerheart.dh-style.setting .setting-group-field {
- white-space: nowrap;
- display: flex;
- align-items: center;
- gap: 8px;
-}
-.daggerheart.dh-style.setting .settings-items {
- display: flex;
- flex-direction: column;
- gap: 8px;
-}
-.daggerheart.dh-style.setting .settings-items .settings-item {
- display: flex;
- align-items: center;
- justify-content: space-between;
- border: 1px solid;
- border-radius: 8px;
- padding: 0 8px 0 0;
-}
-.daggerheart.dh-style.setting .settings-items .settings-item .settings-sub-item {
- display: flex;
- align-items: center;
- gap: 8px;
-}
-.daggerheart.dh-style.setting .settings-items .settings-item .settings-sub-item img {
- width: 60px;
- border-radius: 8px 0 0 8px;
-}
-.daggerheart.dh-style.setting .settings-items .settings-item .settings-sub-item i {
- font-size: 18px;
-}
-.daggerheart.dh-style.setting .settings-item-header {
- display: flex;
- align-items: center;
-}
-.daggerheart.dh-style.setting .settings-item-header .profile {
- height: 100px;
- width: 100px;
- object-fit: cover;
- box-sizing: border-box;
- cursor: pointer;
-}
-.daggerheart.dh-style.setting .settings-item-header .item-info {
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: 5px;
- text-align: center;
- width: 80%;
-}
-.daggerheart.dh-style.setting .settings-item-header .item-info .item-name input[type='text'] {
- font-size: 32px;
- height: 42px;
- text-align: center;
- width: 90%;
- transition: all 0.3s ease;
- outline: 2px solid transparent;
- border: 1px solid transparent;
-}
-.daggerheart.dh-style.setting .settings-item-header .item-info .item-name input[type='text']:hover[type='text'],
-.daggerheart.dh-style.setting .settings-item-header .item-info .item-name input[type='text']:focus[type='text'] {
- box-shadow: none;
- outline: 2px solid light-dark(#18162e, #f3c267);
-}
-.daggerheart.dh-style.setting .settings-col {
- display: flex;
- flex-direction: column;
- gap: 4px;
-}
-.daggerheart.dh-style.setting .trait-array-container {
- display: flex;
- justify-content: space-evenly;
- gap: 8px;
- margin-bottom: 16px;
-}
-.daggerheart.dh-style.setting .trait-array-container .trait-array-item {
- position: relative;
- display: flex;
- justify-content: center;
-}
-.daggerheart.dh-style.setting .trait-array-container .trait-array-item label {
- position: absolute;
- top: -7px;
- font-size: 12px;
- font-variant: petite-caps;
-}
-.daggerheart.dh-style.setting .trait-array-container .trait-array-item input {
- text-align: center;
-}
From 9189a95ea3b150919e0a5e24e6cc291aa2d284c7 Mon Sep 17 00:00:00 2001
From: WBHarry <89362246+WBHarry@users.noreply.github.com>
Date: Wed, 9 Jul 2025 02:18:26 +0200
Subject: [PATCH 3/4] Bugfix - Companion Levelup Features (#303)
* Fixed so that features gained from companion levleup are granted properly to its partner
* Fixed localization error I noticed
---
lang/en.json | 3 +-
module/applications/levelup/levelup.mjs | 2 +-
.../applications/sheets/actors/character.mjs | 16 +--
module/data/levelData.mjs | 11 ++-
module/data/levelTier.mjs | 9 +-
module/dice/dhRoll.mjs | 1 +
module/documents/actor.mjs | 97 +++++++++++--------
7 files changed, 79 insertions(+), 60 deletions(-)
diff --git a/lang/en.json b/lang/en.json
index 797781d8..b5ed3b3f 100755
--- a/lang/en.json
+++ b/lang/en.json
@@ -107,7 +107,8 @@
"sendToChat": "Send To Chat",
"toLoadout": "Send to Loadout",
"toVault": "Send to Vault",
- "unequip": "Unequip"
+ "unequip": "Unequip",
+ "useItem": "Use Item"
},
"faith": "Faith",
"levelUp": "You can level up",
diff --git a/module/applications/levelup/levelup.mjs b/module/applications/levelup/levelup.mjs
index eb120ac5..93910fe7 100644
--- a/module/applications/levelup/levelup.mjs
+++ b/module/applications/levelup/levelup.mjs
@@ -128,7 +128,7 @@ export default class DhlevelUp extends HandlebarsApplicationMixin(ApplicationV2)
context.tabs.advancements.progress = { selected: selections, max: currentLevel.maxSelections };
context.showTabs = this.tabGroups.primary !== 'summary';
break;
- const { current: currentActorLevel, changed: changedActorLevel } = this.actor.system.levelData.level;
+
const actorArmor = this.actor.system.armor;
const levelKeys = Object.keys(this.levelup.levels);
let achivementProficiency = 0;
diff --git a/module/applications/sheets/actors/character.mjs b/module/applications/sheets/actors/character.mjs
index c24bcfec..e70774f5 100644
--- a/module/applications/sheets/actors/character.mjs
+++ b/module/applications/sheets/actors/character.mjs
@@ -202,7 +202,7 @@ export default class CharacterSheet extends DHBaseActorSheet {
return [
{
- name: 'DAGGERHEART.Sheets.PC.ContextMenu.UseItem',
+ name: 'DAGGERHEART.ACTORS.Character.contextMenu.useItem',
icon: '',
condition: el => {
const item = getItem(el);
@@ -211,7 +211,7 @@ export default class CharacterSheet extends DHBaseActorSheet {
callback: (button, event) => CharacterSheet.useItem.call(this, event, button)
},
{
- name: 'DAGGERHEART.Sheets.PC.ContextMenu.Equip',
+ name: 'DAGGERHEART.ACTORS.Character.contextMenu.equip',
icon: '',
condition: el => {
const item = getItem(el);
@@ -220,7 +220,7 @@ export default class CharacterSheet extends DHBaseActorSheet {
callback: CharacterSheet.#toggleEquipItem.bind(this)
},
{
- name: 'DAGGERHEART.Sheets.PC.ContextMenu.Unequip',
+ name: 'DAGGERHEART.ACTORS.Character.contextMenu.unequip',
icon: '',
condition: el => {
const item = getItem(el);
@@ -229,7 +229,7 @@ export default class CharacterSheet extends DHBaseActorSheet {
callback: CharacterSheet.#toggleEquipItem.bind(this)
},
{
- name: 'DAGGERHEART.Sheets.PC.ContextMenu.ToLoadout',
+ name: 'DAGGERHEART.ACTORS.Character.contextMenu.toLoadout',
icon: '',
condition: el => {
const item = getItem(el);
@@ -238,7 +238,7 @@ export default class CharacterSheet extends DHBaseActorSheet {
callback: target => getItem(target).update({ 'system.inVault': false })
},
{
- name: 'DAGGERHEART.Sheets.PC.ContextMenu.ToVault',
+ name: 'DAGGERHEART.ACTORS.Character.contextMenu.toVault',
icon: '',
condition: el => {
const item = getItem(el);
@@ -247,17 +247,17 @@ export default class CharacterSheet extends DHBaseActorSheet {
callback: target => getItem(target).update({ 'system.inVault': true })
},
{
- name: 'DAGGERHEART.Sheets.PC.ContextMenu.SendToChat',
+ name: 'DAGGERHEART.ACTORS.Character.contextMenu.sendToChat',
icon: '',
callback: CharacterSheet.toChat.bind(this)
},
{
- name: 'DAGGERHEART.Sheets.PC.ContextMenu.Edit',
+ name: 'CONTROLS.CommonEdit',
icon: '',
callback: target => getItem(target).sheet.render({ force: true })
},
{
- name: 'DAGGERHEART.Sheets.PC.ContextMenu.Delete',
+ name: 'CONTROLS.CommonDelete',
icon: '',
callback: async el => {
const item = getItem(el);
diff --git a/module/data/levelData.mjs b/module/data/levelData.mjs
index 2432a313..669077ee 100644
--- a/module/data/levelData.mjs
+++ b/module/data/levelData.mjs
@@ -43,7 +43,12 @@ export default class DhLevelData extends foundry.abstract.DataModel {
data: new fields.ArrayField(new fields.StringField({ required: true })),
secondaryData: new fields.TypedObjectField(new fields.StringField({ required: true })),
itemUuid: new fields.DocumentUUIDField({ required: true }),
- featureIds: new fields.ArrayField(new fields.StringField())
+ features: new fields.ArrayField(
+ new fields.SchemaField({
+ onPartner: new fields.BooleanField(),
+ id: new fields.StringField()
+ })
+ )
})
)
})
@@ -51,10 +56,6 @@ export default class DhLevelData extends foundry.abstract.DataModel {
};
}
- get actions() {
- return Object.values(this.levelups).flatMap(level => level.selections.flatMap(s => s.actions));
- }
-
get canLevelUp() {
return this.level.current < this.level.changed;
}
diff --git a/module/data/levelTier.mjs b/module/data/levelTier.mjs
index b037d921..e9e8d47b 100644
--- a/module/data/levelTier.mjs
+++ b/module/data/levelTier.mjs
@@ -70,7 +70,8 @@ export const CompanionLevelOptionType = {
{
name: 'DAGGERHEART.APPLICATIONS.Levelup.actions.creatureComfort.name',
img: 'icons/magic/life/heart-cross-purple-orange.webp',
- description: 'DAGGERHEART.APPLICATIONS.Levelup.actions.creatureComfort.description'
+ description: 'DAGGERHEART.APPLICATIONS.Levelup.actions.creatureComfort.description',
+ toPartner: true
}
]
},
@@ -81,7 +82,8 @@ export const CompanionLevelOptionType = {
{
name: 'DAGGERHEART.APPLICATIONS.Levelup.actions.armored.name',
img: 'icons/equipment/shield/kite-wooden-oak-glow.webp',
- description: 'DAGGERHEART.APPLICATIONS.Levelup.actions.armored.description'
+ description: 'DAGGERHEART.APPLICATIONS.Levelup.actions.armored.description',
+ toPartner: true
}
]
},
@@ -100,7 +102,8 @@ export const CompanionLevelOptionType = {
{
name: 'DAGGERHEART.APPLICATIONS.Levelup.actions.bonded.name',
img: 'icons/magic/life/heart-red-blue.webp',
- description: 'DAGGERHEART.APPLICATIONS.Levelup.actions.bonded.description'
+ description: 'DAGGERHEART.APPLICATIONS.Levelup.actions.bonded.description',
+ toPartner: true
}
]
},
diff --git a/module/dice/dhRoll.mjs b/module/dice/dhRoll.mjs
index c3918a13..13246ac9 100644
--- a/module/dice/dhRoll.mjs
+++ b/module/dice/dhRoll.mjs
@@ -139,6 +139,7 @@ export default class DHRoll extends Roll {
export const registerRollDiceHooks = () => {
Hooks.on(`${CONFIG.DH.id}.postRollDuality`, async (config, message) => {
if (
+ !config.source?.actor ||
!game.settings.get(CONFIG.DH.id, CONFIG.DH.SETTINGS.gameSettings.Automation).hope ||
config.roll.type === 'reaction'
)
diff --git a/module/documents/actor.mjs b/module/documents/actor.mjs
index 1fab0f71..cfe101fa 100644
--- a/module/documents/actor.mjs
+++ b/module/documents/actor.mjs
@@ -5,13 +5,13 @@ import { LevelOptionType } from '../data/levelTier.mjs';
import DHFeature from '../data/item/feature.mjs';
export default class DhpActor extends Actor {
-
/**
* Return the first Actor active owner.
*/
get owner() {
- const user = this.hasPlayerOwner && game.users.players.find(u => this.testUserPermission(u, "OWNER") && u.active);;
- if(!user) return game.user.isGM ? game.user : null;
+ const user =
+ this.hasPlayerOwner && game.users.players.find(u => this.testUserPermission(u, 'OWNER') && u.active);
+ if (!user) return game.user.isGM ? game.user : null;
return user;
}
@@ -61,7 +61,7 @@ export default class DhpActor extends Actor {
return acc;
}, {});
- const featureIds = [];
+ const features = [];
const domainCards = [];
const experiences = [];
const subclassFeatureState = { class: null, multiclass: null };
@@ -74,7 +74,7 @@ export default class DhpActor extends Actor {
const advancementCards = level.selections.filter(x => x.type === 'domainCard').map(x => x.itemUuid);
domainCards.push(...achievementCards, ...advancementCards);
experiences.push(...Object.keys(level.achievements.experiences));
- featureIds.push(...level.selections.flatMap(x => x.featureIds));
+ features.push(...level.selections.flatMap(x => x.features));
const subclass = level.selections.find(x => x.type === 'subclass');
if (subclass) {
@@ -88,8 +88,11 @@ export default class DhpActor extends Actor {
multiclass = level.selections.find(x => x.type === 'multiclass');
});
- for (let featureId of featureIds) {
- this.items.get(featureId).delete();
+ for (let feature of features) {
+ if (feature.onPartner && !this.system.partner) continue;
+
+ const document = feature.onPartner ? this.system.partner : this;
+ document.items.get(feature.id)?.delete();
}
if (experiences.length > 0) {
@@ -153,7 +156,6 @@ export default class DhpActor extends Actor {
}
async levelUp(levelupData) {
- const actions = [];
const levelups = {};
for (var levelKey of Object.keys(levelupData)) {
const level = levelupData[levelKey];
@@ -237,7 +239,9 @@ export default class DhpActor extends Actor {
...featureData,
description: game.i18n.localize(featureData.description)
});
- const embeddedItem = await this.createEmbeddedDocuments('Item', [
+
+ const document = featureData.toPartner && this.system.partner ? this.system.partner : this;
+ const embeddedItem = await document.createEmbeddedDocuments('Item', [
{
...featureData,
name: game.i18n.localize(featureData.name),
@@ -245,9 +249,13 @@ export default class DhpActor extends Actor {
system: feature
}
]);
- addition.checkbox.featureIds = !addition.checkbox.featureIds
- ? [embeddedItem[0].id]
- : [...addition.checkbox.featureIds, embeddedItem[0].id];
+ const newFeature = {
+ onPartner: Boolean(featureData.toPartner && this.system.partner),
+ id: embeddedItem[0].id
+ };
+ addition.checkbox.features = !addition.checkbox.features
+ ? [newFeature]
+ : [...addition.checkbox.features, newFeature];
}
selections.push(addition.checkbox);
@@ -317,7 +325,6 @@ export default class DhpActor extends Actor {
await this.update({
system: {
- actions: [...this.system.actions, ...actions],
levelData: {
level: {
current: this.system.levelData.level.changed
@@ -369,16 +376,16 @@ export default class DhpActor extends Actor {
const modifier = roll.modifier !== null ? Number.parseInt(roll.modifier) : null;
return modifier !== null
? [
- {
- value: modifier,
- label: roll.label
- ? modifier >= 0
- ? `${roll.label} +${modifier}`
- : `${roll.label} ${modifier}`
- : null,
- title: roll.label
- }
- ]
+ {
+ value: modifier,
+ label: roll.label
+ ? modifier >= 0
+ ? `${roll.label} +${modifier}`
+ : `${roll.label} ${modifier}`
+ : null,
+ title: roll.label
+ }
+ ]
: [];
}
@@ -460,7 +467,7 @@ export default class DhpActor extends Actor {
if (Hooks.call(`${CONFIG.DH.id}.postDamageTreshold`, this, hpDamage, damage, type) === false) return null;
- if(!hpDamage) return;
+ if (!hpDamage) return;
const updates = [{ value: hpDamage, type: 'hitPoints' }];
@@ -469,8 +476,8 @@ export default class DhpActor extends Actor {
this.system.armor &&
this.system.armor.system.marks.value < this.system.armorScore
) {
- const armorStackResult = await this.owner.query('armorStack', {actorId: this.uuid, damage: hpDamage});
- if(armorStackResult) {
+ const armorStackResult = await this.owner.query('armorStack', { actorId: this.uuid, damage: hpDamage });
+ if (armorStackResult) {
const { modifiedDamage, armorSpent, stressSpent } = armorStackResult;
updates.find(u => u.type === 'hitPoints').value = modifiedDamage;
updates.push(
@@ -479,7 +486,7 @@ export default class DhpActor extends Actor {
);
}
}
-
+
await this.modifyResource(updates);
if (Hooks.call(`${CONFIG.DH.id}.postTakeDamage`, this, damage, type) === false) return null;
@@ -493,7 +500,7 @@ export default class DhpActor extends Actor {
async modifyResource(resources) {
if (!resources.length) return;
- if(resources.find(r => r.type === 'stress')) this.convertStressDamageToHP(resources);
+ if (resources.find(r => r.type === 'stress')) this.convertStressDamageToHP(resources);
let updates = { actor: { target: this, resources: {} }, armor: { target: this.system.armor, resources: {} } };
resources.forEach(r => {
switch (r.type) {
@@ -521,7 +528,12 @@ export default class DhpActor extends Actor {
});
Object.values(updates).forEach(async u => {
if (Object.keys(u.resources).length > 0) {
- await emitAsGM(GMUpdateEvent.UpdateDocument, u.target.update.bind(u.target), u.resources, u.target.uuid);
+ await emitAsGM(
+ GMUpdateEvent.UpdateDocument,
+ u.target.update.bind(u.target),
+ u.resources,
+ u.target.uuid
+ );
/* if (game.user.isGM) {
await u.target.update(u.resources);
} else {
@@ -540,27 +552,28 @@ export default class DhpActor extends Actor {
convertDamageToThreshold(damage) {
return damage >= this.system.damageThresholds.severe
- ? 3
- : damage >= this.system.damageThresholds.major
- ? 2
- : damage >= this.system.damageThresholds.minor
- ? 1
- : 0;
+ ? 3
+ : damage >= this.system.damageThresholds.major
+ ? 2
+ : damage >= this.system.damageThresholds.minor
+ ? 1
+ : 0;
}
convertStressDamageToHP(resources) {
const stressDamage = resources.find(r => r.type === 'stress'),
newValue = this.system.resources.stress.value + stressDamage.value;
- if(newValue <= this.system.resources.stress.maxTotal) return;
+ if (newValue <= this.system.resources.stress.maxTotal) return;
const hpDamage = resources.find(r => r.type === 'hitPoints');
- if(hpDamage) hpDamage.value++;
- else resources.push({
- type: 'hitPoints',
- value: 1
- })
+ if (hpDamage) hpDamage.value++;
+ else
+ resources.push({
+ type: 'hitPoints',
+ value: 1
+ });
}
}
export const registerDHActorHooks = () => {
CONFIG.queries.armorStack = DamageReductionDialog.armorStackQuery;
-}
\ No newline at end of file
+};
From e6ec4860720b79f83507356874d85dc4d0ec6baa Mon Sep 17 00:00:00 2001
From: WBHarry <89362246+WBHarry@users.noreply.github.com>
Date: Wed, 9 Jul 2025 02:40:24 +0200
Subject: [PATCH 4/4] In Front Template (#299)
* Added confirm dialogs to delete
* Localization fix
* Changed Cone template to be 'In Front', acting as a 180 degree cone
* Changed to keep the original Cone function
---
daggerheart.mjs | 1 +
lang/en.json | 3 +
module/canvas/placeables/_module.mjs | 1 +
module/canvas/placeables/templateLayer.mjs | 116 +++++++++++++++++++++
module/data/actor/character.mjs | 3 +-
module/documents/tooltipManager.mjs | 2 +-
6 files changed, 123 insertions(+), 3 deletions(-)
create mode 100644 module/canvas/placeables/templateLayer.mjs
diff --git a/daggerheart.mjs b/daggerheart.mjs
index 153c2f84..4f411b0f 100644
--- a/daggerheart.mjs
+++ b/daggerheart.mjs
@@ -120,6 +120,7 @@ Hooks.once('init', () => {
CONFIG.ChatMessage.documentClass = documents.DhChatMessage;
CONFIG.Canvas.rulerClass = placeables.DhRuler;
+ CONFIG.Canvas.layers.templates.layerClass = placeables.DhTemplateLayer;
CONFIG.Combat.documentClass = documents.DhpCombat;
CONFIG.ui.combat = applications.ui.DhCombatTracker;
CONFIG.ui.chat = applications.ui.DhChatLog;
diff --git a/lang/en.json b/lang/en.json
index b5ed3b3f..b1441032 100755
--- a/lang/en.json
+++ b/lang/en.json
@@ -20,6 +20,9 @@
"environment": "Environment"
}
},
+ "CONTROLS": {
+ "inFront": "In Front"
+ },
"DAGGERHEART": {
"ACTIONS": {
"Config": {
diff --git a/module/canvas/placeables/_module.mjs b/module/canvas/placeables/_module.mjs
index 1da3a1e9..3610559c 100644
--- a/module/canvas/placeables/_module.mjs
+++ b/module/canvas/placeables/_module.mjs
@@ -1,3 +1,4 @@
export { default as DhMeasuredTemplate } from './measuredTemplate.mjs';
export { default as DhRuler } from './ruler.mjs';
+export { default as DhTemplateLayer } from './templateLayer.mjs';
export { default as DhTokenRuler } from './tokenRuler.mjs';
diff --git a/module/canvas/placeables/templateLayer.mjs b/module/canvas/placeables/templateLayer.mjs
new file mode 100644
index 00000000..551a06cc
--- /dev/null
+++ b/module/canvas/placeables/templateLayer.mjs
@@ -0,0 +1,116 @@
+export default class DhTemplateLayer extends foundry.canvas.layers.TemplateLayer {
+ static prepareSceneControls() {
+ const sc = foundry.applications.ui.SceneControls;
+ return {
+ name: 'templates',
+ order: 2,
+ title: 'CONTROLS.GroupMeasure',
+ icon: 'fa-solid fa-ruler-combined',
+ visible: game.user.can('TEMPLATE_CREATE'),
+ onChange: (event, active) => {
+ if (active) canvas.templates.activate();
+ },
+ onToolChange: () => canvas.templates.setAllRenderFlags({ refreshState: true }),
+ tools: {
+ circle: {
+ name: 'circle',
+ order: 1,
+ title: 'CONTROLS.MeasureCircle',
+ icon: 'fa-regular fa-circle',
+ toolclip: {
+ src: 'toolclips/tools/measure-circle.webm',
+ heading: 'CONTROLS.MeasureCircle',
+ items: sc.buildToolclipItems(['create', 'move', 'edit', 'hide', 'delete'])
+ }
+ },
+ cone: {
+ name: 'cone',
+ order: 2,
+ title: 'CONTROLS.MeasureCone',
+ icon: 'fa-solid fa-angle-left',
+ toolclip: {
+ src: 'toolclips/tools/measure-cone.webm',
+ heading: 'CONTROLS.MeasureCone',
+ items: sc.buildToolclipItems(['create', 'move', 'edit', 'hide', 'delete', 'rotate'])
+ }
+ },
+ inFront: {
+ name: 'inFront',
+ order: 3,
+ title: 'CONTROLS.inFront',
+ icon: 'fa-solid fa-eye',
+ toolclip: {
+ src: 'toolclips/tools/measure-cone.webm',
+ heading: 'CONTROLS.inFront',
+ items: sc.buildToolclipItems(['create', 'move', 'edit', 'hide', 'delete', 'rotate'])
+ }
+ },
+ rect: {
+ name: 'rect',
+ order: 4,
+ title: 'CONTROLS.MeasureRect',
+ icon: 'fa-regular fa-square',
+ toolclip: {
+ src: 'toolclips/tools/measure-rect.webm',
+ heading: 'CONTROLS.MeasureRect',
+ items: sc.buildToolclipItems(['create', 'move', 'edit', 'hide', 'delete', 'rotate'])
+ }
+ },
+ ray: {
+ name: 'ray',
+ order: 5,
+ title: 'CONTROLS.MeasureRay',
+ icon: 'fa-solid fa-up-down',
+ toolclip: {
+ src: 'toolclips/tools/measure-ray.webm',
+ heading: 'CONTROLS.MeasureRay',
+ items: sc.buildToolclipItems(['create', 'move', 'edit', 'hide', 'delete', 'rotate'])
+ }
+ },
+ clear: {
+ name: 'clear',
+ order: 6,
+ title: 'CONTROLS.MeasureClear',
+ icon: 'fa-solid fa-trash',
+ visible: game.user.isGM,
+ onChange: () => canvas.templates.deleteAll(),
+ button: true
+ }
+ },
+ activeTool: 'circle'
+ };
+ }
+
+ _onDragLeftStart(event) {
+ const interaction = event.interactionData;
+
+ // Snap the origin to the grid
+ if (!event.shiftKey) interaction.origin = this.getSnappedPoint(interaction.origin);
+
+ // Create a pending MeasuredTemplateDocument
+ const tool = game.activeTool === 'inFront' ? 'cone' : game.activeTool;
+ const previewData = {
+ user: game.user.id,
+ t: tool,
+ x: interaction.origin.x,
+ y: interaction.origin.y,
+ sort: Math.max(this.getMaxSort() + 1, 0),
+ distance: 1,
+ direction: 0,
+ fillColor: game.user.color || '#FF0000',
+ hidden: event.altKey
+ };
+ const defaults = CONFIG.MeasuredTemplate.defaults;
+ if (game.activeTool === 'cone') previewData.angle = defaults.angle;
+ else if (game.activeTool === 'inFront') previewData.angle = 180;
+ else if (game.activeTool === 'ray') previewData.width = defaults.width * canvas.dimensions.distance;
+ const cls = foundry.utils.getDocumentClass('MeasuredTemplate');
+ const doc = new cls(previewData, { parent: canvas.scene });
+
+ // Create a preview MeasuredTemplate object
+ const template = new this.constructor.placeableClass(doc);
+ doc._object = template;
+ interaction.preview = this.preview.addChild(template);
+ template.draw();
+ }
+}
diff --git a/module/data/actor/character.mjs b/module/data/actor/character.mjs
index 1dfbd015..daf63a79 100644
--- a/module/data/actor/character.mjs
+++ b/module/data/actor/character.mjs
@@ -1,5 +1,4 @@
import { burden } from '../../config/generalConfig.mjs';
-import ActionField from '../fields/actionField.mjs';
import ForeignDocumentUUIDField from '../fields/foreignDocumentUUIDField.mjs';
import DhLevelData from '../levelData.mjs';
import BaseDataActor from './base.mjs';
@@ -29,7 +28,7 @@ export default class DhCharacter extends BaseDataActor {
return foundry.utils.mergeObject(super.metadata, {
label: 'TYPES.Actor.character',
type: 'character',
- isNPC: false,
+ isNPC: false
});
}
diff --git a/module/documents/tooltipManager.mjs b/module/documents/tooltipManager.mjs
index b780dfa9..2e660cff 100644
--- a/module/documents/tooltipManager.mjs
+++ b/module/documents/tooltipManager.mjs
@@ -1,7 +1,7 @@
export default class DhTooltipManager extends foundry.helpers.interaction.TooltipManager {
async activate(element, options = {}) {
let html = options.html;
- if (element.dataset.tooltip.startsWith('#item#')) {
+ if (element.dataset.tooltip?.startsWith('#item#')) {
const item = await foundry.utils.fromUuid(element.dataset.tooltip.slice(6));
if (item) {
html = await foundry.applications.handlebars.renderTemplate(