/* Base Value */ /* Margins */ /* Borders */ /* Padding */ /* Inputs */ /* General */ /* Drop Shadows */ /* Background */ /* Duality */ /* Fear */ @import '../node_modules/@yaireo/tagify/dist/tagify.css'; .daggerheart.sheet.class .editor { height: 500px; } .daggerheart.sheet.pc { width: 810px !important; } .daggerheart.sheet.pc div[data-application-part] { display: flex; flex-direction: column; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header { display: flex; gap: 4px; height: 120px; margin-bottom: 4px; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .portrait { border: 0; border-right: 1px solid var(--color-underline-header); } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info { flex: 1; background: #778899; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .portrait { max-width: 120px; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .class-title { text-align: center; display: flex; justify-content: space-between; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .class-title span:hover { filter: drop-shadow(0px 0px 3px red); cursor: pointer; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .class-title .domain-container { margin-left: 4px; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .class-add-container { display: flex; align-items: center; justify-content: center; width: 100%; flex: 0; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .class-add-container button { height: 22px; width: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 4px; background: #778899; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .domain-title { text-transform: uppercase; display: flex; flex-direction: column; align-items: center; line-height: 23px; font-weight: bold; font-style: italic; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .class-info .domain-image { height: 30px; flex: 0; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info { flex: 2; display: flex; flex-direction: column; justify-content: space-between; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .general-input { position: relative; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .general-input .general-title { position: absolute; left: 4px; text-align: center; font-weight: bold; text-transform: uppercase; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .pc-tabs { flex: 1; margin: 0; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .rest-container { flex-wrap: nowrap; display: flex; height: var(--form-field-height); flex: 0; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .rest-container button { display: flex; align-items: center; justify-content: center; border-radius: 50%; width: var(--form-field-height); } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .rest-container button i { font-size: 13px; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container { position: relative; bottom: 4px; flex: none; width: 40px; border: none; outline: none; margin-left: 8px; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container.levelup { filter: drop-shadow(0px 0px 3px gold); } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container img { height: 40px; width: 40px; border: none; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-value-container { width: 48px; position: absolute; top: calc(50% - 17px); left: calc(50% - 23px); } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-value-container .level-value { font-weight: bold; font-size: 20px; text-align: center; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-value-container .level-value:not(:hover), .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-value-container .level-value:not(:focus) { border: none; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-value-container .levelup-marker { position: absolute; top: 0; right: calc(50% - 12px); color: gold; filter: drop-shadow(0px 0px 3px black); } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-value-container .levelup-marker.double-digit { right: calc(50% - 20px); } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-title { position: absolute; bottom: 2px; width: 42px; background-color: black; color: white; left: calc(50% - 21px); text-align: center; border-radius: 5px; font-size: 12px; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-title.levelup { color: gold; filter: drop-shadow(0px 0px 3px orange); font-weight: bold; cursor: pointer; } .daggerheart.sheet.pc div[data-application-part] .pc-sheet-header .general-info .level-container .level-title.levelup:hover { background-color: aliceblue; } .daggerheart.sheet.pc div[data-application-part] .sheet-body { display: flex; flex-direction: column; flex: 1; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .tab-container { height: 100%; display: flex; flex-direction: column; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .tab-container .tab-inner-container { flex: 1; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .tab-container .tab-inner-container .body-section { display: flex; flex-direction: column; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .tab-container .tab-inner-container .body-section fieldset { flex: 0; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .system-info { font-size: 12px; font-style: italic; font-weight: bold; margin-top: -4px; flex: 0; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .feature-sheet-body { gap: 4px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container { position: relative; display: flex; flex-wrap: wrap; border-radius: 6px; padding-left: 0; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container legend { margin-left: auto; margin-right: auto; font-weight: bold; text-transform: uppercase; padding: 0 8px; position: relative; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attributes-menu { position: absolute; bottom: calc(50% - 12px); font-size: 24px; left: -8px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute { position: relative; padding: 0 0 4px; display: flex; flex-direction: column; align-items: center; flex-basis: 33.33%; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-banner { position: relative; top: 8px; z-index: 2; background: black; color: white; text-transform: uppercase; padding: 2px; border-radius: 6px; display: flex; align-items: center; overflow: hidden; min-width: 96px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-banner .attribute-roll { position: absolute; width: 16px; transition: transform 0.2s; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-banner .attribute-roll:hover { transform: rotate(30deg); filter: drop-shadow(0px 0px 3px red); cursor: pointer; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-banner .attribute-text { width: 100%; margin-left: 16px; font-size: 12px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-mark { height: 23px; width: 23px; position: absolute; right: -5px; top: 6px; border: 2px solid black; border-radius: 50%; background: white; z-index: 2; display: flex; align-items: center; justify-content: center; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-mark.selectable { border-color: gold; filter: drop-shadow(0 0 3px black); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-mark.selectable:hover i { opacity: 0.3; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-mark i.selected, .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-mark:hover i.selected { color: green; opacity: 1; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-mark i { color: black; font-size: 17px; opacity: 0; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image { position: relative; width: fit-content; display: flex; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image img { height: 80px; width: 80px; border: none; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image .attribute-value { width: 55px; padding-right: 10px; position: absolute; top: calc(50% - 18px); left: calc(50% - 24px); font-weight: bold; font-size: 30px; line-height: 30px; text-align: center; border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image .attribute-value.negative { left: calc(50% - 29px); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image .attribute-value.unselected { filter: drop-shadow(0 0 3px gold); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image .attribute-text { width: 47px; position: absolute; top: calc(50% - 22px); left: calc(50% - 24px); font-weight: bold; font-size: 30px; text-align: center; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-image .attribute-text.negative { left: calc(50% - 29px); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-container .attribute .attribute-verb { font-variant: petite-caps; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row { height: 100%; width: 100%; display: flex; align-items: baseline; justify-content: space-evenly; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section { display: flex; align-items: center; margin-right: 8px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section .defense-container { position: relative; padding: 4px; max-width: 100px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section .defense-container img { border: none; max-width: 80px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section .defense-container .defense-value { width: 47px; position: absolute; top: calc(50% - 22px); left: calc(50% - 24px); font-weight: bold; font-size: 30px; text-align: center; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section .defense-container .defense-value:not(:hover), .daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section .defense-container .defense-value:not(:focus) { border: none; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .defense-section .defense-container .defense-banner { position: absolute; bottom: 20px; left: calc(50% - 42px); z-index: 2; background-color: black; color: white; width: 84px; text-align: center; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .armor-marks { max-width: 67px; padding: 4px; align-self: end; margin-left: 4px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .armor-marks .mark { width: 16px; height: 16px; margin: 0px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .defense-row .armor-marks .disabled-mark { opacity: 0.6; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .left-main-container { position: relative; display: flex; flex-direction: column; align-items: flex-start; border-radius: 6px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .left-main-container .legend { margin-left: auto; margin-right: auto; font-weight: bold; text-transform: uppercase; padding: 0 4px; position: relative; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .weapon-section { padding-top: 8px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .threshold-container { position: relative; display: flex; align-items: center; align-self: center; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .threshold-container .threshold-box { position: relative; width: 30px; height: 30px; border: 2px solid black; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: bold; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .threshold-container .threshold-spacer { position: relative; z-index: 2; width: 70px; height: 18px; background-color: darkgray; color: white; display: flex; justify-content: center; align-items: center; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .resource-label { text-transform: uppercase; font-weight: bold; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .death-save { position: absolute; right: -22px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .death-save:hover:not(.disabled) { filter: drop-shadow(0 0 3px red); cursor: pointer; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .death-save.disabled { opacity: 0.4; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .resource-box { width: 20px; height: 12px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .resource-box.stress:nth-child(even) { position: relative; right: 1px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .resource-box .disabled { opacity: 0.6; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .hope-text { font-size: 11.7px; margin-right: 6px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .hope-container { background: darkgray; border-radius: 6px; display: flex; padding: 2px 0px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .hope-container .vertical-separator { border-left: 2px solid white; height: auto; margin: 4px 0; flex: 0; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .hope-container .hope-inner-container { position: relative; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .hope-container .hope-inner-container .hope-value { width: 16px; height: 16px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .hope-container .hope-inner-container .hope-scar { position: absolute; top: calc(50% - 6px); left: calc(50% - 7px); opacity: 0.4; font-size: 12px; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row { width: 100%; display: flex; align-items: flex-end; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row .experience-selector { font-size: 18px; cursor: pointer; margin-right: 4px; opacity: 0.5; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row .experience-selector:hover:not(.selected) { filter: drop-shadow(0 0 3px gold); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row .experience-selector.selected { filter: drop-shadow(0 0 3px gold); opacity: 1; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row .experience-value { margin-left: 8px; width: 30px; border-bottom: 2px solid black; border-radius: 4px; text-align: center; font-weight: bold; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row .experience-value.empty { border: 0; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .experience-row .disabled-experience { border: 1px solid #7a7971; background: rgba(0, 0, 0, 0.2); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section { width: calc(100% - 8px); display: flex; justify-content: space-between; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset { padding-right: 0; padding-left: 0; padding-bottom: 4px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset legend { margin-left: auto; margin-right: auto; font-size: 15px; font-variant: all-petite-caps; font-weight: bold; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-column { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; gap: 4px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-row { display: flex; align-items: center; justify-content: center; padding: 0 4px; gap: 2px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-row img, .daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-column img { min-width: 14px; min-height: 14px; height: 14px; border: 0; filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(17%) contrast(103%); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-row img:hover, .daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-column img:hover { cursor: pointer; filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(17%) contrast(103%) drop-shadow(0 0 3px red); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-row i:hover, .daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-column i:hover { cursor: pointer; filter: drop-shadow(0 0 3px red); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-row img:not(.owned), .daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-column img:not(.owned), .daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-row i:not(.owned), .daggerheart.sheet.pc div[data-application-part] .sheet-body .gold-section fieldset.gold-fieldset .gold-column i:not(.owned) { opacity: 0.4; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .health-category { text-transform: uppercase; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .class-feature-selectable { cursor: pointer; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .class-feature-selectable:hover { filter: drop-shadow(0 0 3px red); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .class-feature-selectable.inactive { opacity: 0.5; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container { width: 100%; min-height: 136px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-container { display: flex; align-items: center; justify-content: space-between; padding: 4px; margin-bottom: 0; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-container .feature-img { max-width: 42px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-container .feature-label { font-weight: bold; font-size: 30px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-container button { flex: 0; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container { flex: 0; min-width: 56px; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 24px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container .feature-tick { position: relative; border: 2px solid #7a7971; height: 24px; border-radius: 50%; width: 24px; background: rgba(0, 0, 0, 0.05); display: flex; justify-content: center; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container .feature-tick:hover:not(.disabled):not(.used) { cursor: pointer; filter: drop-shadow(0 0 3px red); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container .feature-tick.disabled { opacity: 0.3; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container .feature-tick img { border: 0; width: 24px; height: 24px; filter: invert(17%) sepia(0%) saturate(0%) hue-rotate(19deg) brightness(102%) contrast(84%); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container .feature-tick .feature-dice-value { font-size: 18px; align-self: center; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .features-container .feature-tick-container .feature-tick.used::after { position: absolute; content: '/'; color: #7a7971; font-weight: 700; font-size: 1.7em; left: 4px; top: -5px; transform: rotate(25deg); font-size: 24.5px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .feature-input { border: 0; border-bottom: 1px solid #7a7971; text-align: center; height: min-content; background: inherit; font-size: 20px; position: relative; bottom: 3px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .editor { height: 400px; width: 100%; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-title { position: relative; display: flex; flex-direction: column; align-items: center; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-title .proficiency-container { width: 176px; height: 20px; position: absolute; bottom: -15px; left: calc(50% - 88px); text-transform: uppercase; display: flex; align-items: center; justify-content: center; z-index: 1; clip-path: polygon(11% 100%, 89% 100%, 100% 0%, 0% 0%); font-size: 10px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-title .proficiency-container span { margin-right: 2px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-title .proficiency-container .proficiency-dot { background: white; color: white; font-size: 10px; padding: 1px; border-radius: 50%; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-title .proficiency-container .proficiency-dot.marked { color: black; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-title .proficiency-container .proficiency-dot:not(:last-of-type) { margin-right: 2px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-burden { position: absolute; top: -4px; right: -56px; display: flex; align-items: center; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-burden .weapons-burden-icon { color: white; font-size: 22px; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-burden .weapons-burden-icon.active { -webkit-text-stroke-color: rgba(0, 0, 0, 0.05); color: black; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-burden .weapons-burden-icon.left { -webkit-transform: scaleX(-1) rotate(20deg); transform: scaleX(-1) rotate(20deg); margin-right: 4px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .weapons-burden .weapons-burden-icon.right { transform: rotate(20deg); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .armor-container { display: flex; align-items: center; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .armor-container .active-item-label-chip { margin-left: 4px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-container { display: flex; flex-direction: column; width: 100%; padding: 2px 0px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-container .weapons-label-row { display: flex; align-items: center; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-container .weapons-label-row .damage-roll { width: 24px; border: none; margin-left: 4px; transition: transform 0.2s; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-container .weapons-label-row .damage-roll:hover { transform: rotate(30deg); filter: drop-shadow(0px 0px 3px red); cursor: pointer; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-label-chip { width: 62px; border: 2px solid black; border-radius: 6px; background-color: #778899; display: flex; align-items: center; justify-content: space-around; margin-left: 4px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-label-chip img { height: 20px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-label-chip button { height: 17px; width: 17px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #7a7971; border-color: black; margin: 0; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-label-chip button:hover { background: red; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .item-section .active-item-label-chip button i { font-size: 10px; color: black; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-armor-section, .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-weapon-section { width: 100%; margin-bottom: 8px; text-transform: uppercase; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-armor-section h2, .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-weapon-section h2 { width: 100%; display: flex; align-items: center; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-legend { display: flex; align-items: center; margin-bottom: 4px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-legend .page-selector { margin-left: 4px; display: flex; align-items: center; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-legend .page-selector i:hover:not(.disabled) { cursor: pointer; filter: drop-shadow(0px 0px 3px red); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-legend .page-selector i.disabled { opacity: 0.4; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-add-button { position: absolute; border-radius: 50%; height: 15px; width: 15px; top: -20px; background: grey; border-color: black; right: 6px; display: flex; font-size: 13px; align-items: center; justify-content: center; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory { width: 100%; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row { height: 26px; border-bottom: 1px solid #7a7971; display: flex; margin-bottom: 8px; border-radius: 8px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row .item-container { flex-basis: 25%; margin: 0 4px 8px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row .item-container:hover { filter: drop-shadow(0px 0px 3px red); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row .item-container .inventory-item { background: #778899; padding: 4px; border: 1px solid black; border-radius: 6px; display: flex; align-items: center; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row .item-container .inventory-item .inventory-item-text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex: 1; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row .item-container .inventory-item button { height: 16px; width: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex: 0; background: #7a7971; border-color: black; margin-left: 4px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .inventory-row .item-container .inventory-item button i { font-size: 12px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory .editor { height: 100px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-items { width: 100%; flex: 1; display: flex; flex-direction: column; justify-content: space-between; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab { flex: 1; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body { height: 100%; width: 100%; padding: 8px; display: flex; flex-direction: column; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .card-row { flex: 1; display: flex; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .domain-card { flex: 0; flex-basis: 33.33%; margin: 8px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .loadout-body { flex: 1; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .loadout-body .loadout-container { height: 100%; display: flex; flex-direction: column; gap: 8px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .loadout-body .loadout-container .top-card-row { flex: 1; display: flex; justify-content: space-around; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .loadout-body .loadout-container .domain-card.outlined { border: 2px dotted black; padding: 0; margin: 8px; height: calc(100% - 16px); display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .vault-container { display: flex; flex-wrap: wrap; overflow-y: auto; height: 100%; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .vault-container .vault-card { flex: 0; flex-basis: calc(33.33% - 16px); margin: 8px; height: calc(50% - 16px); min-height: calc(50% - 16px); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .domain-card-menu { flex: 0; width: 120px; height: 100%; border-width: 2px 0 2px 2px; border-color: black; border-style: solid; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .domain-card-tab .domain-card-body .domain-card-menu button { margin-bottom: 2px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .loadout-tabs { border-top: 1px solid #b5b3a4; border-bottom: 1px solid #b5b3a4; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card { position: relative; border: 4px solid #708090; border-radius: 6px; display: flex; flex-direction: column; height: 100%; font-size: 14px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-image-container { position: relative; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-image { width: 100%; height: 100%; aspect-ratio: 2; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-text-container { flex: 1; position: relative; height: 50%; display: flex; flex-direction: column; overflow-y: auto; padding: 12px 4px 4px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-level { position: absolute; top: 0; left: 12px; color: black; height: 60px; border: 2px solid orange; border-top-width: 0; width: 30px; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; background: grey; font-size: 20px; font-weight: bold; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-level img { border: 0; width: 20px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-refresh-cost { position: absolute; top: 12px; right: 12px; color: white; width: 30px; height: 30px; border: 2px solid orange; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: black; font-size: 14px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-refresh-cost i { font-size: 11px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-type { flex: 0; display: flex; justify-content: center; align-items: center; font-weight: bold; position: absolute; left: 0; text-align: center; width: 100%; bottom: -9px; z-index: 1; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-type .abilities-card-type-text { padding: 0px 4px; border: 1px solid black; border-radius: 6px; background: gold; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-title { flex: 0; display: flex; justify-content: center; align-items: center; font-weight: bold; font-size: 18px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-sub-title { flex: 0; display: flex; justify-content: center; align-items: center; font-style: italic; font-size: 12px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-spellcast { flex: 0; display: flex; justify-content: center; align-items: center; text-transform: uppercase; font-size: 12px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-spellcast .title { font-weight: bold; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-description { flex: 0; font-size: 12px; margin-bottom: 4px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-effect { cursor: pointer; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-effect:hover { background: rgba(47, 79, 79, 0.25); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-effect > * { margin-top: 0; margin-bottom: 0; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-abilities { flex: 1; display: flex; flex-direction: column; gap: 4px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-abilities .abilities-card-ability { font-size: 12px; cursor: pointer; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-abilities .abilities-card-ability:hover { background: rgba(47, 79, 79, 0.25); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-abilities .abilities-card-ability > * { margin: 0; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card:hover .abilities-card-menu { height: 40px; left: 0px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-menu { display: flex; justify-content: center; align-items: center; height: 0; transition: height 0.2s; overflow: hidden; position: absolute; bottom: 0; z-index: 2; width: 100%; background: grey; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .abilities-card .abilities-card-menu button { font-weight: bold; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .heritage-container { height: 100%; display: flex; flex-direction: column; gap: 8px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .heritage-container .card-row { height: 50%; display: flex; justify-content: space-around; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .heritage-container .heritage-card { flex-basis: 33.33%; margin: 8px; display: flex; align-items: center; justify-content: center; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .heritage-container .heritage-card.outlined { border: 2px dotted black; font-size: 25px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .empty-ability-container { height: 100%; display: flex; flex-direction: column; align-items: center; font-size: 25px; opacity: 0.7; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .empty-ability-container .empty-ability-inner-container { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .empty-ability-container .empty-ability-inner-container i { font-size: 48px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .story-container { gap: 16px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .story-container .story-fieldset { border-radius: 6px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .story-container .story-legend { margin-left: auto; margin-right: auto; padding: 0 8px; font-size: 30px; font-weight: bold; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .story-container .scars-container .editor { height: 240px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container { height: 100%; overflow: auto; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list { list-style-type: none; padding: 0 8px; margin-top: 0; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list.inventory-item-header { margin-bottom: 0; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-title-row-container { display: flex; align-items: center; width: 100%; border-bottom: 4px ridge slategrey; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-title-row-container .inventory-title-row { justify-content: space-between; flex: 1; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-title-row-container .inventory-item-title-container { flex: 1; display: flex; align-items: center; justify-content: flex-start; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-title-row-container .inventory-item-quantity { width: 48px; display: flex; align-items: center; margin-right: 96px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item { background: crimson; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item:not(:last-of-type) { border-bottom: 2px ridge slategrey; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-title-container { flex: 1; display: flex; align-items: center; justify-content: flex-start; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-title-container .inventory-item-title { display: flex; align-items: center; cursor: pointer; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-title-container .inventory-item-title:hover { filter: drop-shadow(0 0 3px gold); } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-quantity { width: 60px; display: flex; align-items: center; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-quantity.spaced { margin-right: 56px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-quantity input { margin: 0 2px; border: 0; border-bottom: 2px solid black; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-item .inventory-item-quantity i { font-size: 20px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-title-row { font-size: 20px; font-weight: bold; display: flex; align-items: center; padding: 0 4px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-row { display: flex; align-items: center; padding: 4px; font-size: 24px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-row .row-icon { margin-left: 4px; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-row .active-item { position: absolute; font-size: 16px; left: calc(50% - 8px); top: calc(50% - 8px); margin-left: 2px; color: crimson; } .daggerheart.sheet.pc div[data-application-part] .sheet-body .inventory-container .inventory-item-list .inventory-row img { width: 32px; } .combat-sidebar .encounter-controls.combat { justify-content: space-between; } .combat-sidebar .encounter-controls.combat .encounter-control-fear-container { display: flex; position: relative; align-items: center; justify-content: center; color: black; } .combat-sidebar .encounter-controls.combat .encounter-control-fear-container .dice { height: 24px; } .combat-sidebar .encounter-controls.combat .encounter-control-fear-container .encounter-control-fear { position: absolute; font-size: 16px; } .combat-sidebar .encounter-controls.combat .encounter-control-fear-container .encounter-control-counter { position: absolute; right: -10px; color: var(--color-text-secondary); } .combat-sidebar .encounter-controls.combat .control-buttons { width: min-content; } .combat-sidebar .combatant-controls { flex: 0; } .combat-sidebar .token-actions { align-self: stretch; display: flex; align-items: top; justify-content: center; gap: 16px; } .combat-sidebar .token-actions .action-tokens { display: flex; gap: 4px; } .combat-sidebar .token-actions .action-tokens .action-token { height: 22px; width: 22px; border: 1px solid; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 10px; padding: 8px; --button-size: 0; } .combat-sidebar .token-actions .action-tokens .action-token.used { opacity: 0.5; background: transparent; } .combat-sidebar .token-actions button { font-size: 22px; height: 24px; width: 24px; } .combat-sidebar .token-actions button.main { background: var(--button-hover-background-color); color: var(--button-hover-text-color); border-color: var(--button-hover-border-color); } .combat-sidebar .token-actions button.main:hover { filter: drop-shadow(0 0 3px var(--button-hover-text-color)); } .combat-sidebar .spotlight-control { font-size: 26px; } .combat-sidebar .spotlight-control:focus { outline: none; box-shadow: none; } .combat-sidebar .spotlight-control.discrete:hover { background: inherit; } .combat-sidebar .spotlight-control.requesting { filter: drop-shadow(0 0 3px gold); color: var(--button-hover-text-color); } .combat-sidebar h4 { margin: 0; text-align: center; } .chat-message.duality { border-color: black; padding: 8px 0 0 0; } .chat-message.duality .message-header { color: var(--color-light-3); padding: 0 8px; } .chat-message.duality .duality-data { display: flex; flex-direction: column; } .chat-message.duality .duality-data .duality-title { color: var(--color-light-1); text-shadow: 0 0 1px black; border-bottom: 1px solid; margin-bottom: 2px; display: flex; align-items: end; justify-content: space-between; padding: 0 8px; } .chat-message.duality .duality-data .duality-modifiers { display: flex; gap: 2px; margin-bottom: 4px; padding: 0 8px; } .chat-message.duality .duality-data .duality-modifiers .duality-modifier { padding: 2px; border-radius: 6px; border: 1px solid; background: var(--color-dark-6); font-size: 12px; } .chat-message.duality .duality-data .duality-line { display: flex; align-items: end; justify-content: space-between; padding: 0 8px; } .chat-message.duality .duality-data .duality-line.simple { padding-right: 0; } .chat-message.duality .duality-data .duality-line .dice-outer-container { display: flex; align-items: center; gap: 4px; margin-bottom: 4px; } .chat-message.duality .duality-data .duality-line .dice-outer-container .dice-container { display: flex; flex-direction: column; gap: 2px; } .chat-message.duality .duality-data .duality-line .dice-outer-container .dice-container .dice-title { color: var(--color-light-1); text-shadow: 0 0 1px black; } .chat-message.duality .duality-data .duality-line .dice-outer-container .dice-container .dice-inner-container { display: flex; align-items: center; justify-content: center; position: relative; } .chat-message.duality .duality-data .duality-line .dice-outer-container .dice-container .dice-inner-container .dice-wrapper { height: 24px; width: 24px; position: relative; display: flex; align-items: center; justify-content: center; clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%); } .chat-message.duality .duality-data .duality-line .dice-outer-container .dice-container .dice-inner-container .dice-wrapper .dice { height: 26px; width: 26px; max-width: unset; position: absolute; } .chat-message.duality .duality-data .duality-line .dice-outer-container .dice-container .dice-inner-container .dice-value { position: absolute; font-weight: bold; font-size: 16px; } .chat-message.duality .duality-data .duality-line .dice-outer-container .dice-container .dice-inner-container.hope .dice-wrapper { background: black; } .chat-message.duality .duality-data .duality-line .dice-outer-container .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%); } .chat-message.duality .duality-data .duality-line .dice-outer-container .dice-container .dice-inner-container.hope .dice-value { color: var(--color-dark-1); text-shadow: 0 0 4px white; } .chat-message.duality .duality-data .duality-line .dice-outer-container .dice-container .dice-inner-container.fear .dice-wrapper { background: white; } .chat-message.duality .duality-data .duality-line .dice-outer-container .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%); } .chat-message.duality .duality-data .duality-line .dice-outer-container .dice-container .dice-inner-container.fear .dice-value { color: var(--color-light-1); text-shadow: 0 0 4px black; } .chat-message.duality .duality-data .duality-line .dice-outer-container .advantage-container { padding-top: 21px; } .chat-message.duality .duality-data .duality-line .dice-outer-container .advantage-container .dice-wrapper { height: 24px; width: 24px; position: relative; display: flex; align-items: center; justify-content: center; } .chat-message.duality .duality-data .duality-line .dice-outer-container .advantage-container .dice-wrapper .dice { height: 26px; width: 26px; max-width: unset; position: absolute; } .chat-message.duality .duality-data .duality-line .dice-outer-container .advantage-container .dice-wrapper .dice-value { position: absolute; font-weight: bold; font-size: 16px; } .chat-message.duality .duality-data .duality-line .dice-outer-container .advantage-container.advantage .dice-wrapper .dice { filter: brightness(0) saturate(100%) invert(18%) sepia(92%) saturate(4133%) hue-rotate(96deg) brightness(104%) contrast(107%); } .chat-message.duality .duality-data .duality-line .dice-outer-container .advantage-container.disadvantage .dice-wrapper .dice { filter: brightness(0) saturate(100%) invert(9%) sepia(78%) saturate(6903%) hue-rotate(11deg) brightness(93%) contrast(117%); } .chat-message.duality .duality-data .duality-line .dice-outer-container .duality-modifier { padding-top: 21px; color: var(--color-light-1); text-shadow: 0 0 1px black; font-size: 16px; } .chat-message.duality .duality-result { display: flex; flex-direction: column; align-items: end; justify-content: center; gap: 2px; color: var(--color-light-1); text-shadow: 0 0 1px black; font-weight: bold; background: var(--color-dark-1); padding: 4px 4px 0 4px; border-radius: 6px 0 0 0; } .chat-message.duality .duality-actions { display: flex; justify-content: space-between; } .chat-message.duality .duality-actions .duality-action { color: var(--color-light-1); text-shadow: 0 0 1px black; font-weight: bold; background: var(--color-dark-1); padding: 4px; border-radius: 0 6px 0 0; border-color: black; min-height: unset; height: 26px; } .chat-message.duality .duality-actions .duality-action:hover { background: var(--button-hover-background-color); } .chat-message.duality .target-section { margin: 4px 4px; border: 2px solid; } .chat-message.duality .target-section .target-container { display: flex; align-items: center; transition: all 0.2s ease-in-out; } .chat-message.duality .target-section .target-container:hover { filter: drop-shadow(0 0 3px gold); border-color: gold; } .chat-message.duality .target-section .target-container.hit { background: #008000; } .chat-message.duality .target-section .target-container.miss { background: #ff0000; } .chat-message.duality .target-section .target-container img { flex: 0; width: 22px; height: 22px; margin-left: 8px; align-self: center; border-color: transparent; } .chat-message.duality .target-section .target-container .target-inner-container { flex: 1; display: flex; justify-content: center; margin-right: 32px; font-weight: bold; font-size: 17px; } .chat-message.duality.hope { background: linear-gradient(0, rgba(165, 42, 42, 0.6) 40px, rgba(0, 0, 0, 0.6)); } .chat-message.duality.fear { background: linear-gradient(0, rgba(0, 0, 255, 0.6), rgba(15, 15, 97, 0.6)); } .chat-message.duality.critical { background: linear-gradient(0, rgba(128, 0, 128, 0.6), rgba(37, 8, 37, 0.6)); } .chat-message.duality .dice-roll { color: var(--color-dark-1); } .chat-message.duality .dice-roll .dice-flavor { color: var(--color-light-1); } .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; align-items: center; } .daggerheart.chat.roll .dice-tooltip .dice-rolls.duality .dice-hope-container { display: flex; } .daggerheart.chat.roll .dice-tooltip .dice-rolls.duality .dice-hope-container .roll.die:not(:last-of-type) { margin-right: 8px; } .daggerheart.chat.roll .dice-tooltip .dice-rolls.duality .modifiers-container { display: flex; } .daggerheart.chat.roll .dice-tooltip .dice-rolls.duality .modifiers-container .modifier-value:not(:last-of-type) { margin-right: 8px; } .daggerheart.chat.roll .dice-tooltip .dice-rolls.duality .roll.die.hope { color: white; -webkit-text-stroke-color: #ffe760; -webkit-text-stroke-width: 1.5px; font-weight: 400; } .daggerheart.chat.roll .dice-tooltip .dice-rolls.duality .roll.die.hope:not(.discarded) { filter: none; } .daggerheart.chat.roll .dice-tooltip .dice-rolls.duality .roll.die.fear { color: white; -webkit-text-stroke-color: #0032b1; -webkit-text-stroke-width: 1.5px; font-weight: 400; } .daggerheart.chat.roll .dice-tooltip .dice-rolls.duality .roll.die.fear:not(.discarded) { filter: none; } .daggerheart.chat.roll .dice-tooltip .dice-rolls.duality .roll.die.disadvantage { color: white; -webkit-text-stroke-color: #b30000; -webkit-text-stroke-width: 1.5px; font-weight: 400; } .daggerheart.chat.roll .dice-tooltip .dice-rolls.duality .roll.die.advantage { color: white; -webkit-text-stroke-color: #008000; -webkit-text-stroke-width: 1.5px; font-weight: 400; } .daggerheart.chat.roll .dice-tooltip .dice-rolls.duality .roll.die.unused { opacity: 0.3; } .daggerheart.chat.roll .dice-tooltip .dice-rolls.duality .modifier-value { text-align: center; font-weight: bold; font-size: 16px; } .daggerheart.chat.roll .dice-tooltip .attack-roll-advantage-container { text-align: end; font-weight: bold; } .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-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 { flex: 0; width: 22px; height: 22px; margin-left: 8px; align-self: center; border-color: transparent; } .daggerheart.chat.roll .target-section .target-container .target-inner-container { flex: 1; display: flex; justify-content: center; 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 { margin-top: 5px; } .daggerheart.chat.roll .dice-actions { margin-top: 5px; display: flex; } .daggerheart.chat.roll .dice-actions button { flex: 1; } .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; } .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.sheet.feature .editable { display: flex; flex-direction: column; } .daggerheart.sheet.feature .sheet-body { flex: 1; display: flex; flex-direction: column; } .daggerheart.sheet.feature .feature-description { flex: 1; display: flex; flex-direction: column; } .daggerheart.sheet.class .class-feature { display: flex; } .daggerheart.sheet.class .class-feature img { width: 40px; } .daggerheart.sheet.class .class-feature button { width: 40px; } .daggerheart.sheet .domain-card-description .editor { height: 300px; } .daggerheart.sheet .item-container { margin-top: 4px; gap: 4px; align-items: baseline; } .daggerheart.sheet .item-sidebar { min-width: 160px; flex: 0; padding: 4px; } .daggerheart.sheet .item-sidebar label { margin-right: 8px; font-weight: bold; } .daggerheart.sheet .item-sidebar input[type='checkbox'] { margin: 0; } form.daggerheart.views.downtime { height: auto !important; } div.daggerheart.views.death-move { height: auto !important; } div.daggerheart.views.multiclass { height: auto !important; } .daggerheart.views.levelup .levelup-title-container { display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 32px; margin-bottom: 4px; } .daggerheart.views.levelup .levelup-title-container .level-title { text-decoration: underline; } .daggerheart.views.levelup .levelup-title-container .level-display { display: flex; align-items: center; } .daggerheart.views.levelup .levelup-title-container .level-display i { margin: 0 4px; } .daggerheart.views.levelup .levelup-section { display: flex; align-items: flex-start; margin-bottom: 8px; font-size: 11px; } .daggerheart.views.levelup .levelup-section .levelup-container { flex: 1; } .daggerheart.views.levelup .levelup-section .levelup-container:nth-of-type(2) { padding: 0 4px; } .daggerheart.views.levelup .levelup-section .levelup-container.disabled { opacity: 0.2; } .daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container { height: 700px; padding: 24px 58px 0; display: flex; flex-direction: column; align-items: center; position: relative; } .daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-legend { margin-left: auto; margin-right: auto; font-weight: bold; z-index: 1; } .daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-info { background: #778899; width: 100%; text-align: center; position: absolute; top: -6px; padding: 8px 0; } .daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-pretext { padding: 8px 0; } .daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body { display: flex; flex-direction: column; } .daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body .levelup-choice-row { display: flex; align-items: center; padding: 4px; } .daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body .levelup-choice-row .levelup-choice-row-inner { display: flex; align-items: center; } .daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body .levelup-choice-row .levelup-choice-input-container { position: relative; display: flex; align-items: center; } .daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body .levelup-choice-row .levelup-choice-input-container input:disabled:checked::before { opacity: 0.4; color: var(--color-warm-1); } .daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body .levelup-choice-row .levelup-choice-input-container i.fa-link { transform: rotate(45deg); position: relative; top: 2px; margin: 0 -3px; } .daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-body .levelup-choice-row .levelup-choice-input-container i.fa-lock { position: absolute; top: 0; left: 0; font-size: 8px; } .daggerheart.views.levelup .levelup-section .levelup-container .levelup-inner-container .levelup-posttext { padding: 8px 0; } .daggerheart.views .downtime-container .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: 120px; border: 2px solid black; border-radius: 50%; margin-right: 8px; cursor: pointer; } .daggerheart.views .downtime-container .activity-container .activity-title .activity-image:hover, .daggerheart.views .downtime-container .activity-container .activity-title .activity-image.selected { filter: drop-shadow(0 0 6px gold); } .daggerheart.views .downtime-container .activity-container .activity-title .custom-name-input { font-size: 24px; font-weight: bold; padding: 0; background: transparent; color: #efe6d8; } .daggerheart.views .downtime-container .activity-container .activity-body { flex: 1; font-style: italic; } .daggerheart.views.downtime .activity-text-area { resize: none; } .daggerheart.views .range-reset { flex: 0; width: 21px; height: 21px; margin: 3px 4px; border: 1px solid black; display: flex; align-items: center; justify-content: center; } .daggerheart.views.roll-selection .roll-selection-container i { filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(17%) contrast(103%); } .daggerheart.views.roll-selection .roll-dialog-container .disadvantage, .daggerheart.views.roll-selection .roll-dialog-container .advantage { border: 2px solid #708090; border-radius: 6px; display: flex; align-items: center; padding: 4px; margin-bottom: 6px; } .daggerheart.views.roll-selection .roll-dialog-container .disadvantage.selected, .daggerheart.views.roll-selection .roll-dialog-container .advantage.selected { filter: drop-shadow(0px 0px 3px red); } .daggerheart.views.roll-selection .roll-dialog-container .disadvantage input, .daggerheart.views.roll-selection .roll-dialog-container .advantage input { border: 0; } .daggerheart.views.roll-selection .roll-dialog-container .disadvantage button, .daggerheart.views.roll-selection .roll-dialog-container .advantage button { flex: 0; border-radius: 50%; height: 20px; width: 20px; display: flex; align-items: center; justify-content: center; margin: 2px 0 2px 4px; padding: 12px; } .daggerheart.views.roll-selection .roll-dialog-container .disadvantage button i, .daggerheart.views.roll-selection .roll-dialog-container .advantage button i { margin: 0; } .daggerheart.views.roll-selection .roll-dialog-container .roll-dialog-experience-container { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; } .daggerheart.views.roll-selection .roll-dialog-container .roll-dialog-experience-container .roll-dialog-chip { border: 1px solid black; border-radius: 6px; min-width: calc(33% - 2px); flex: 1; display: flex; align-items: center; justify-content: center; gap: 4px; cursor: pointer; padding: 4px; background: grey; overflow: hidden; font-weight: bold; } .daggerheart.views.roll-selection .roll-dialog-container .roll-dialog-experience-container .roll-dialog-chip.hover { filter: drop-shadow(0 0 3px red); } .daggerheart.views.roll-selection .roll-dialog-container .roll-dialog-experience-container .roll-dialog-chip span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .daggerheart.views.roll-selection .roll-dialog-container .roll-dialog-experience-container .roll-dialog-chip.selected { background: green; } .daggerheart.views.roll-selection .roll-dialog-container .roll-dialog-experience-container .roll-dialog-chip.selected span { filter: drop-shadow(0 0 3px gold); } .daggerheart.views.roll-selection .roll-dialog-container .hope-container { display: flex; gap: 8px; align-items: center; font-size: 18px; } .daggerheart.views.npc-roll-selection .npc-roll-dialog-container { display: flex; flex-direction: column; } .daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container { display: flex; align-items: center; margin-bottom: 8px; gap: 16px; } .daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container { display: flex; align-items: center; flex: 1; } .daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .dice-inner-container { position: relative; display: flex; align-items: center; justify-content: center; } .daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .dice-inner-container i { font-size: 18px; } .daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .dice-inner-container img { border: 0; position: relative; left: 1px; } .daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .dice-inner-container .dice-number { position: absolute; font-size: 24px; font-weight: bold; } .daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .advantage-container { display: flex; flex-direction: column; gap: 2px; flex: 1; } .daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .advantage-container .advantage-button.active, .daggerheart.views.npc-roll-selection .npc-roll-dialog-container .selection-container .dice-container .advantage-container .advantage-button:hover { background: var(--button-hover-background-color); } .daggerheart.views.npc-roll-selection .npc-roll-dialog-container .roll-dialog-experience-container { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 4px; flex: 1; height: 100%; } .daggerheart.views.npc-roll-selection .npc-roll-dialog-container .roll-dialog-experience-container .experience-chip { opacity: 0.6; border-radius: 16px; width: calc(50% - 4px); white-space: nowrap; } .daggerheart.views.npc-roll-selection .npc-roll-dialog-container .roll-dialog-experience-container .experience-chip.active, .daggerheart.views.npc-roll-selection .npc-roll-dialog-container .roll-dialog-experience-container .experience-chip:hover { opacity: 1; background: var(--button-hover-background-color); } .daggerheart.views.multiclass .multiclass-container { margin-bottom: 16px; } .daggerheart.views.multiclass .multiclass-container .multiclass-category-title { margin-top: 16px; } .daggerheart.views.multiclass .multiclass-container .multiclass-class-choices { display: flex; width: 100%; height: 100%; flex-wrap: wrap; } .daggerheart.views.multiclass .multiclass-container .multiclass-spaced-choices { display: flex; justify-content: space-around; width: 100%; height: 100%; } .daggerheart.views.multiclass .multiclass-container .multiclass-class-choice { display: flex; align-items: center; flex-basis: 33.33%; font-weight: bold; font-size: 24px; cursor: pointer; } .daggerheart.views.multiclass .multiclass-container .multiclass-class-choice.selected:not(.disabled), .daggerheart.views.multiclass .multiclass-container .multiclass-class-choice:hover:not(.disabled) { filter: drop-shadow(0 0 3px gold); } .daggerheart.views.multiclass .multiclass-container .multiclass-class-choice.inactive, .daggerheart.views.multiclass .multiclass-container .multiclass-class-choice.disabled { cursor: initial; opacity: 0.4; } .daggerheart.views.multiclass .multiclass-container .multiclass-class-choice img { width: 80px; height: 80px; margin-right: 16px; } .daggerheart.views.damage-selection .hope-container { display: flex; gap: 8px; align-items: center; font-size: 18px; } .daggerheart.views.action .action-category { display: flex; flex-direction: column; } .daggerheart.views.action .action-category .action-category-label { display: flex; align-items: center; justify-content: space-between; border-radius: 6px; cursor: pointer; padding: 0 4px; margin: 0 auto 4px; } .daggerheart.views.action .action-category .action-category-label:hover { background-color: darkgray; } .daggerheart.views.action .action-category .action-category-data { max-height: 0; transition: max-height 0.2s ease-in-out; overflow: hidden; } .daggerheart.views.action .action-category .action-category-data.open { max-height: initial; } .daggerheart.views.action .action-category .action-category-data .multi-display { display: flex; gap: 1rem; align-items: center; } .daggerheart.views.action .action-category .action-category-data .multi-display .form-group { flex: 1; } .daggerheart.views.action .action-category .action-category-data .form-group { display: flex; align-items: center; margin-bottom: 0.5rem; } .daggerheart.views.action .action-category .action-category-data .form-group label { flex: 2; } .daggerheart.views.action .action-category .action-category-data .form-group .form-fields { flex: 3; } .daggerheart.views.action .action-category .action-category-data .form-group img { width: 1.5rem; height: 1.5rem; } .daggerheart.views.action .action-category .action-category-data .data-form-array { border: 1px solid var(--color-fieldset-border); padding: 0.5rem; margin-bottom: 0.5rem; } .daggerheart.views.ancestry-selection .ancestry-section { display: flex; flex-direction: column; align-items: center; margin-bottom: 8px; } .daggerheart.views.ancestry-selection .ancestry-section .ancestry-container { width: 100%; display: flex; flex-wrap: wrap; } .daggerheart.views.ancestry-selection .ancestry-section .ancestry-container .ancestry-inner-container { flex-basis: 25%; display: flex; flex-direction: column; align-items: center; } .daggerheart.views.ancestry-selection .ancestry-section .ancestry-container .ancestry-inner-container .image-container img { width: 120px; border: 4px solid black; border-radius: 50%; } .daggerheart.views.ancestry-selection .ancestry-section .ancestry-container .ancestry-inner-container .image-container img.selected { border-color: gold; } .daggerheart.views.ancestry-selection .ancestry-section .ancestry-container .ancestry-inner-container .image-container img:hover:not(.selected) { filter: drop-shadow(0 0 3px gold); } .daggerheart.views.ancestry-selection .ancestry-section .ancestry-container .ancestry-inner-container .image-container img.disabled { opacity: 0.3; } .daggerheart.views.ancestry-selection .ancestry-section .ancestry-container .ancestry-inner-container .name-container div { font-size: 18px; font-weight: bold; cursor: help; } .daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container { width: 100%; display: flex; gap: 8px; } .daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container > div { flex: 1; } .daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-name { text-align: center; } .daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-name div { font-size: 24px; } .daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images { display: flex; align-items: center; gap: 4px; } .daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images .mixed-ancestry-image { position: relative; max-width: 33%; } .daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images .mixed-ancestry-image:hover i { opacity: 1; } .daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images .mixed-ancestry-image i { position: absolute; font-size: 32px; top: calc(50% - 20px); left: calc(50% - 20px); padding: 4px; background-color: grey; opacity: 0; cursor: pointer; } .daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images .mixed-ancestry-image i:hover { filter: drop-shadow(0 0 3px gold); } .daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images .mixed-ancestry-image img { max-width: 100%; } .daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images img { max-width: 33%; border: 4px solid black; border-radius: 50%; } .daggerheart.views.ancestry-selection .ancestry-section .mixed-ancestry-container .mixed-ancestry-images img.selected { border-color: gold; } .daggerheart.sheet.heritage .editor { height: 200px; } .daggerheart.sheet.class .guide .drop-section { width: 100%; } .daggerheart.sheet.class .guide .drop-section legend { margin-left: auto; margin-right: auto; font-size: 12px; } .daggerheart.sheet.class .guide .drop-section .drop-section-body { min-height: 40px; display: flex; flex-direction: column; align-items: center; } .daggerheart.sheet.class .guide .trait-input { text-align: center; min-width: 24px; } .daggerheart.sheet.class .guide .suggested-item { border-radius: 6px; display: flex; justify-content: space-between; align-items: center; width: 100%; } .daggerheart.sheet.class .guide .suggested-item img { width: 30px; } .daggerheart.sheet.class .guide .suggested-item div { text-align: center; } .daggerheart.sheet.class .guide .suggested-item i { border-radius: 50%; margin-right: 4px; font-size: 11px; } .daggerheart.sheet.class .guide .extra-section { display: flex; flex-direction: column; align-items: center; } .daggerheart.sheet.class .guide .extra-section .extra-title { font-size: 14px; font-weight: bold; } .daggerheart.sheet.class .guide-section-title-centered { font-weight: bold; font-size: 18px; } .daggerheart.sheet.class .inventory-section { width: 100%; border: 2px solid black; border-style: dotted; min-height: 80px; } .daggerheart.sheet.class .inventory-section .inventory-title { font-weight: bold; font-size: 14px; text-align: center; } .daggerheart.sheet.class .domain-section { display: flex; align-items: center; gap: 5px; } .application.sheet.daggerheart.dh-style.active-effect-config label { white-space: nowrap; } .daggerheart.sheet .title-container { display: flex; gap: 8px; } .daggerheart.sheet .title-container div { flex: 1; align-items: baseline; } .daggerheart.sheet .editor-form-group { display: flex; flex-direction: column; } .daggerheart.sheet .editor-form-group label { font-weight: bold; text-align: center; } .daggerheart.sheet .option-select { position: absolute; top: calc(50% - 10px); right: 8px; height: 20px; width: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 8px; } .daggerheart.sheet .option-select.deeper { right: 32px; } .daggerheart.sheet .option-select:hover:not(:disabled) { filter: drop-shadow(0px 0px 3px red); cursor: pointer; } .daggerheart.sheet .option-select i { margin: 0; font-size: 11px; } .daggerheart.sheet .ability-title { width: 100%; display: flex; } .daggerheart.sheet .ability-title h2 { flex: 1; } .daggerheart.sheet .ability-title i { cursor: pointer; } .daggerheart.sheet .ability-title i:hover { filter: drop-shadow(0px 0px 3px red); } .daggerheart.sheet .ability-choices { display: flex; align-items: center; flex-wrap: wrap; } .daggerheart.sheet .ability-chip { border: 2px solid #708090; border-radius: 6px; display: flex; align-items: center; padding: 4px; margin-bottom: 6px; flex: calc(33% - 4px); max-width: calc(33% - 4px); } .daggerheart.sheet .ability-chip.selected { filter: drop-shadow(0px 0px 3px red); } .daggerheart.sheet .ability-chip:nth-of-type(3n-1) { margin-left: 6px; margin-right: 6px; } .daggerheart.sheet .ability-chip input { border: 0; } .daggerheart.sheet .ability-chip button { flex: 0; border-radius: 50%; height: 20px; width: 20px; display: flex; align-items: center; justify-content: center; margin: 2px 0 2px 4px; padding: 12px; } .daggerheart.sheet .ability-chip button i { margin: 0; } .daggerheart.sheet .object-select-display { position: relative; width: calc(100% - 2px); background: rgba(0, 0, 0, 0.05); height: var(--form-field-height); display: flex; border: 1px solid #7a7971; border-radius: 3px; } .daggerheart.sheet .object-select-display .object-select-title { position: absolute; left: 4px; text-align: center; font-weight: bold; text-transform: uppercase; } .daggerheart.sheet .object-select-display .object-select-text { align-self: center; } .daggerheart.sheet .object-select-display .object-select-item { cursor: pointer; } .daggerheart.sheet .object-select-display .object-select-item:hover { filter: drop-shadow(0px 0px 3px red); } .daggerheart.sheet .feature-container { display: flex; align-items: center; justify-content: space-between; background: #778899; padding: 8px; border: 2px solid black; border-radius: 6px; } .daggerheart.sheet .feature-container:not(:last-child) { margin-bottom: 8px; } .daggerheart.sheet .feature-container .feature-inner-container { display: flex; align-items: center; } .daggerheart.sheet .feature-container .feature-inner-container img { height: 40px; width: 40px; margin-right: 8px; } .daggerheart.sheet .feature-container .feature-inner-container .feature-title { font-size: 22px; font-weight: bold; font-style: italic; } .daggerheart.sheet .feature-container button { height: 40px; width: 40px; background: inherit; border: 0; } .item-button.checked { background: green; } .item-button .item-icon { opacity: 0; transition: opacity 0.2s; } .item-button .item-icon.checked { opacity: 1; } .theme-light .daggerheart.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; } .daggerheart.levelup .levelup-navigation-container { display: flex; align-items: center; gap: 22px; height: 36px; } .daggerheart.levelup .levelup-navigation-container nav { flex: 1; } .daggerheart.levelup .levelup-navigation-container nav .levelup-tab-container { display: flex; align-items: center; gap: 4px; } .daggerheart.levelup .levelup-navigation-container .levelup-navigation-actions { width: 306px; display: flex; justify-content: end; gap: 16px; margin-right: 4px; } .daggerheart.levelup .levelup-navigation-container .levelup-navigation-actions * { width: calc(50% - 8px); } .daggerheart.levelup .tiers-container { display: flex; gap: 16px; } .daggerheart.levelup .tiers-container .tier-container { flex: 1; display: flex; flex-direction: column; gap: 8px; background-image: url('../assets/parchments/dh-parchment-dark.png'); } .daggerheart.levelup .tiers-container .tier-container.inactive { opacity: 0.4; pointer-events: none; } .daggerheart.levelup .tiers-container .tier-container legend { margin-left: auto; margin-right: auto; font-size: 22px; font-weight: bold; padding: 0 12px; } .daggerheart.levelup .tiers-container .tier-container .checkbox-group-container { display: grid; grid-template-columns: 1fr 3fr; gap: 4px; } .daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container { display: flex; justify-content: end; gap: 4px; } .daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer { display: flex; height: min-content; } .daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer.multi { border: 2px solid grey; padding: 2.4px 2.5px 0; border-radius: 4px; gap: 2px; } .daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer.multi .selection-checkbox { margin-left: 0; margin-right: 0; } .daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkboxes-container .checkbox-grouping-coontainer .selection-checkbox { margin: 0; } .daggerheart.levelup .tiers-container .tier-container .checkbox-group-container .checkbox-group-label { font-size: 14px; font-style: italic; } .daggerheart.levelup .levelup-selections-container .achievement-experience-cards { display: flex; gap: 8px; } .daggerheart.levelup .levelup-selections-container .achievement-experience-cards .achievement-experience-card { border: 1px solid; border-radius: 4px; padding-right: 4px; font-size: 18px; display: flex; justify-content: space-between; align-items: center; gap: 4px; } .daggerheart.levelup .levelup-selections-container .achievement-experience-cards .achievement-experience-card .achievement-experience-marker { border: 1px solid; border-radius: 50%; height: 18px; width: 18px; display: flex; align-items: center; justify-content: center; font-size: 12px; } .daggerheart.levelup .levelup-selections-container .levelup-card-selection { display: flex; flex-wrap: wrap; gap: 40px; } .daggerheart.levelup .levelup-selections-container .levelup-card-selection .card-preview-container { width: calc(100% * (1 / 5)); } .daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container { display: flex; flex-direction: column; gap: 8px; } .daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container { display: flex; flex-direction: column; align-items: center; flex: 1; position: relative; cursor: pointer; } .daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container.disabled { pointer-events: none; opacity: 0.4; } .daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container .levelup-domain-label { position: absolute; text-align: center; top: 4px; background: grey; padding: 0 12px; border-radius: 6px; } .daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container img { height: 124px; } .daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container .levelup-domain-selected { position: absolute; height: 54px; width: 54px; border-radius: 50%; border: 2px solid; font-size: 48px; display: flex; align-items: center; justify-content: center; background-image: url(../assets/parchments/dh-parchment-light.png); color: var(--color-dark-5); top: calc(50% - 29px); } .daggerheart.levelup .levelup-selections-container .levelup-card-selection .levelup-domains-selection-container .levelup-domain-selection-container .levelup-domain-selected i { position: relative; right: 2px; } .daggerheart.levelup .levelup-selections-container .levelup-selections-title { display: flex; align-items: center; gap: 4px; } .daggerheart.levelup .levelup-summary-container .level-achievements-container, .daggerheart.levelup .levelup-summary-container .level-advancements-container { display: flex; flex-direction: column; gap: 8px; } .daggerheart.levelup .levelup-summary-container .level-achievements-container h2, .daggerheart.levelup .levelup-summary-container .level-advancements-container h2, .daggerheart.levelup .levelup-summary-container .level-achievements-container h3, .daggerheart.levelup .levelup-summary-container .level-advancements-container h3, .daggerheart.levelup .levelup-summary-container .level-achievements-container h4, .daggerheart.levelup .levelup-summary-container .level-advancements-container h4, .daggerheart.levelup .levelup-summary-container .level-achievements-container h5, .daggerheart.levelup .levelup-summary-container .level-advancements-container h5 { margin: 0; color: var(--color-text-secondary); } .daggerheart.levelup .levelup-summary-container .increase-container { display: flex; align-items: center; gap: 4px; font-size: 20px; } .daggerheart.levelup .levelup-summary-container .summary-selection-container { display: flex; gap: 8px; } .daggerheart.levelup .levelup-summary-container .summary-selection-container .summary-selection { border: 2px solid; border-radius: 6px; padding: 0 4px; font-size: 18px; } .daggerheart.levelup .levelup-footer { display: flex; } :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; } .application.sheet.daggerheart.actor.dh-style.adversary .window-content { overflow: auto; } .daggerheart.sheet.actor.environment .potential-adversary-container { width: 100%; height: 50px; } .daggerheart.sheet.actor.environment .potential-adversary-container .adversary-placeholder { font-style: italic; text-align: center; opacity: 0.6; } .daggerheart.sheet.actor.environment .potential-adversary-container .adversaries-container { display: flex; gap: 8px; } .daggerheart.sheet.actor.environment .potential-adversary-container .adversaries-container .adversary-container { border: 1px solid var(--color-dark-5); border-radius: 6px; padding: 0 2px; font-weight: bold; cursor: pointer; background-image: url(../assets/parchments/dh-parchment-dark.png); color: var(--color-light-3); } .application.sheet.daggerheart.dh-style.feature .item-sheet-header { 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.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.class .tab.settings .fieldsets-section { display: grid; gap: 10px; grid-template-columns: 1fr 1.5fr 1.5fr; } .application.sheet.daggerheart.dh-style.class .tab.settings .list-items { margin-bottom: 10px; width: 100%; } .application.sheet.daggerheart.dh-style.class .tab.settings .list-items:last-child { margin-bottom: 0px; } .application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line { display: grid; align-items: center; gap: 10px; grid-template-columns: 1fr 3fr 1fr; } .application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line h4 { font-family: 'Montserrat', sans-serif; font-weight: lighter; color: light-dark(#222, #efe6d8); } .application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line .image { height: 40px; width: 40px; object-fit: cover; border-radius: 6px; border: none; } .application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line .controls { display: flex; justify-content: center; gap: 10px; } .application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line .controls a { text-shadow: none; } @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; } .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: 1px solid light-dark(#18162e, #f3c267); color: light-dark(#18162e, #f3c267); } .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.minimized .window-content { display: none; opacity: 0; transition: opacity 0.1s ease; } .application.sheet.dh-style:not(.minimized) .window-content { opacity: 1; transition: opacity 0.3s ease; } .application.sheet.dh-style .window-content { overflow: initial; backdrop-filter: none; padding: 0; } .theme-dark .application.sheet.dh-style { backdrop-filter: blur(4px); } .theme-light .application.sheet.dh-style { background-image: url('../assets/parchments/dh-parchment-light.png'); background-repeat: no-repeat; background-position: center; } .application.sheet.daggerheart.dh-style .window-content { position: relative; top: -36px; } .application.sheet.daggerheart.dh-style .window-content .tab { padding: 0 10px; } .application.sheet.dh-style { border: 1px solid light-dark(#18162e, #f3c267); } .application.sheet.dh-style input[type='text'], .application.sheet.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.sheet.dh-style input[type='text']:hover[type='text'], .application.sheet.dh-style input[type='number']:hover[type='text'], .application.sheet.dh-style input[type='text']:hover[type='number'], .application.sheet.dh-style input[type='number']:hover[type='number'], .application.sheet.dh-style input[type='text']:focus[type='text'], .application.sheet.dh-style input[type='number']:focus[type='text'], .application.sheet.dh-style input[type='text']:focus[type='number'], .application.sheet.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.sheet.dh-style input[type='checkbox']:checked::after { color: light-dark(#222, #f3c267); } .application.sheet.dh-style input[type='checkbox']:checked::before { color: light-dark(transparent, #18162e); } .application.sheet.dh-style input[type='checkbox']::before { color: light-dark(#222, #efe6d8); } .application.sheet.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.sheet.dh-style button:hover { background: light-dark(rgba(0, 0, 0, 0.3), #18162e); color: light-dark(#18162e, #f3c267); } .application.sheet.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.sheet.dh-style select:focus, .application.sheet.dh-style select:hover { outline: 2px solid light-dark(#222, #efe6d8); box-shadow: none; } .application.sheet.dh-style select option { color: #efe6d8; background-color: #18162e; border-radius: 6px; } .application.sheet.dh-style p { margin: 0; } .application.sheet.dh-style ul { margin: 0; padding: 0; list-style: none; } .application.sheet.dh-style li { margin: 0; } .application.sheet.dh-style fieldset { align-items: center; margin-top: 5px; border-radius: 6px; border-color: light-dark(#18162e, #f3c267); } .application.sheet.dh-style fieldset.one-column { display: flex; flex-direction: column; align-items: start; gap: 10px; min-height: 64px; width: 100%; } .application.sheet.dh-style fieldset.two-columns { display: grid; grid-template-columns: 1fr 2fr; gap: 10px; } .application.sheet.dh-style fieldset.two-columns.even { grid-template-columns: 1fr 1fr; } .application.sheet.dh-style fieldset.two-columns .full-width { grid-column: span 2; } .application.sheet.dh-style fieldset legend { font-family: 'Montserrat', sans-serif; font-weight: bold; color: light-dark(#18162e, #f3c267); } .application.sheet.dh-style fieldset legend a { text-shadow: none; } .application.sheet.dh-style fieldset input[type='text'], .application.sheet.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.sheet.dh-style fieldset input[type='text']:focus, .application.sheet.dh-style fieldset input[type='number']:focus, .application.sheet.dh-style fieldset input[type='text']:hover, .application.sheet.dh-style fieldset input[type='number']:hover { outline: 2px solid light-dark(#222, #efe6d8); } .application.sheet.dh-style fieldset .nest-inputs { display: flex; align-items: center; gap: 5px; } .application.sheet.dh-style fieldset .form-group label { font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: smaller; } .application.sheet.dh-style .two-columns { display: grid; grid-template-columns: 1fr 2fr; gap: 10px; } .application.sheet.dh-style .two-columns.even { grid-template-columns: 1fr 1fr; } .application.sheet.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.sheet.dh-style .item-description { opacity: 1; transform: translateY(0); transition: opacity 0.3s ease-out, transform 0.3s ease-out; } .application.sheet.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 .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; 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; } .sheet.daggerheart.dh-style .tab-navigation { margin: 5px 0; height: 40px; } .sheet.daggerheart.dh-style .tab-navigation .feature-tab { border: none; gap: 5px; } .sheet.daggerheart.dh-style .tab-navigation .feature-tab a { color: light-dark(#18162e, #f3c267); text-shadow: none; font-family: 'Montserrat', sans-serif; } .sheet.daggerheart.dh-style .tab-form-footer { display: flex; padding: 0 10px; position: relative; bottom: -32px; } .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 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.actions .actions-list .action-item .controls a { text-shadow: none; } .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; max-height: 265px; 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; } #logo { content: url(../assets/DaggerheartLogo.webp); height: 50px; width: 50px; position: relative; left: 25px; } .daggerheart { /* Flex */ /****/ } .daggerheart .vertical-separator { border-left: 2px solid black; height: 56px; flex: 0; align-self: center; } .daggerheart .flex-centered { display: flex; align-items: center; justify-content: center; } .daggerheart .flex-col-centered { display: flex; flex-direction: column; align-items: center; } .daggerheart .flex-spaced { display: flex; justify-content: space-between; align-items: center; width: 100%; } .daggerheart .flex-min { display: flex; flex: 0; } .daggerheart img[data-edit='img'] { min-width: 64px; min-height: 64px; } .daggerheart .editor { height: 200px; } .daggerheart button i { margin: 0; } .daggerheart .icon-button.spaced { margin-left: 4px; } .daggerheart .icon-button.disabled { opacity: 0.6; } .daggerheart .icon-button:hover:not(.disabled) { cursor: pointer; } #players h3 { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; } #players h3 .players-container { display: flex; align-items: center; } #players h3 .fear-control { font-size: 10px; } #players h3 .fear-control.disabled { opacity: 0.4; } #players h3 .fear-control:hover:not(.disabled) { cursor: pointer; filter: drop-shadow(0 0 3px red); } .unlist { list-style: none; padding-inline-start: 0; } .list-select { margin: 1rem; } .list-select li:not(:last-child) { border-bottom: 1px solid #bbb; } .list-select li label { padding: 4px 8px; display: flex; align-items: center; gap: 1rem; cursor: pointer; } .list-select li label > span { flex: 1; font-weight: bold; font-size: var(--font-size-16); } dh-icon, dh-icon > img { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; font-size: x-large; }