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