diff --git a/everyday_heroes/assets/concrete-char.png b/everyday_heroes/assets/concrete-char.png new file mode 100644 index 0000000000..0de1bb56ff Binary files /dev/null and b/everyday_heroes/assets/concrete-char.png differ diff --git a/everyday_heroes/assets/concrete-medieve.png b/everyday_heroes/assets/concrete-medieve.png new file mode 100644 index 0000000000..6975747063 Binary files /dev/null and b/everyday_heroes/assets/concrete-medieve.png differ diff --git a/everyday_heroes/assets/focus.webp b/everyday_heroes/assets/focus.webp new file mode 100644 index 0000000000..1691f38a8d Binary files /dev/null and b/everyday_heroes/assets/focus.webp differ diff --git a/everyday_heroes/assets/genius.webp b/everyday_heroes/assets/genius.webp new file mode 100644 index 0000000000..f6026a6bbb Binary files /dev/null and b/everyday_heroes/assets/genius.webp differ diff --git a/everyday_heroes/assets/inspiration.webp b/everyday_heroes/assets/inspiration.webp new file mode 100644 index 0000000000..4aa8609b1f Binary files /dev/null and b/everyday_heroes/assets/inspiration.webp differ diff --git a/everyday_heroes/assets/intelligence.webp b/everyday_heroes/assets/intelligence.webp new file mode 100644 index 0000000000..c0e529e639 Binary files /dev/null and b/everyday_heroes/assets/intelligence.webp differ diff --git a/everyday_heroes/everyday.css b/everyday_heroes/everyday.css new file mode 100644 index 0000000000..ec6be822fc --- /dev/null +++ b/everyday_heroes/everyday.css @@ -0,0 +1,5376 @@ +@import url("https://fonts.googleapis.com/css?family=Material+Icons|Comme:400;700|Black+Ops+One&display=swap"); +@import url("https://fonts.googleapis.com/css?family=Material+Icons&display=swap"); +.tabs__container:not(.k-active-tab) { + display: none !important; +} + +.tabs__nav-item { + list-style: none; +} + +.tabs__nav-list { + display: flex; +} + +.ui-dialog .tab-content .charsheet { + position: relative; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +.ui-dialog .tab-content .charsheet .kmodal__button { + all: initial; + display: flex; + margin: 0; + padding: 0; + cursor: pointer; +} +.ui-dialog .tab-content .charsheet .kmodal__checkbox { + display: none; +} +.ui-dialog .tab-content .charsheet .kmodal__outer { + opacity: 0; + visibility: hidden; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + text-align: left; + background: var(--kmodal-overlay-background); + transition: opacity 0.25s ease; + z-index: 999; +} +.ui-dialog .tab-content .charsheet .kmodal__background { + all: initial; + margin: 0; + padding: 0; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + cursor: pointer; +} +.ui-dialog .tab-content .charsheet .kmodal__inner { + position: fixed; + width: var(--kmodal-width); + height: var(--kmodal-height); + inset: 0; + margin: auto; + overflow: auto; + background: var(--kmodal-dialog-background); + border-radius: 5px; + padding: var(--kmodal-close-height) calc(var(--kmodal-close-width) * 3) var(--kmodal-close-height) calc(var(--kmodal-close-width) * 2); + max-width: var(--kmodal-max-width); + max-height: var(--kmodal-max-height); + transition: opacity 0.25s ease; + box-shadow: var(--kmodal-box-shadow); +} +.ui-dialog .tab-content .charsheet .kmodal__close { + position: absolute; + right: var(--kmodal-close-width); + top: var(--kmodal-close-height); + width: var(--kmodal-close-width); + height: var(--kmodal-close-height); + cursor: pointer; +} +.ui-dialog .tab-content .charsheet .kmodal__close:after, +.ui-dialog .tab-content .charsheet .kmodal__close:before { + content: ""; + position: absolute; + width: var(--kmodal-close-line-thickness); + height: var(--kmodal-close-line-length); + background: var(--kmodal-close-color); + display: block; + transform: rotate(45deg); + left: 50%; + margin: -3px 0 0 -1px; + top: 0; +} +.ui-dialog .tab-content .charsheet .kmodal__close:hover:after, +.ui-dialog .tab-content .charsheet .kmodal__close:hover:before { + background: var(--kmodal-close-hover-color); +} +.ui-dialog .tab-content .charsheet .kmodal__close:before { + transform: rotate(-45deg); +} +.ui-dialog .tab-content .charsheet .kmodal__checkbox:not(:checked) + .kmodal__outer { + display: none; +} +.ui-dialog .tab-content .charsheet .kmodal__checkbox:checked + .kmodal__outer { + opacity: 1; + visibility: visible; +} +.ui-dialog .tab-content .charsheet .kmodal__checkbox:checked + .kmodal__outer .kmodal__inner { + top: 0; +} + +html { + font-size: 16px; +} + +body { + --font1:var(--topHeadFont); + --font2:var(--topHeadFont); + --font3:var(--midHeadFont); + --font4:var(--midHeadFont); + --font5:var(--midHeadFont); + --font6:var(--contentHeadFont); + --font7:var(--contentHeadFont); + --baseFontSize: 16px; + --size1:300%; + --size2:250%; + --size3:200%; + --size4:150%; + --size5:125%; + --size6:100%; + --size7:87.5%; + --icon-size:24px; + --font-icon: "Material Icons"; + --normal-gap-x:1rem; + --normal-gap-y:1rem; + --normal-gap: var(--normal-gap-x); + --half-gap-x:calc(var(--normal-gap-x) / 2); + --half-gap-y:calc(var(--normal-gap-y) / 2); + --half-gap: var(--half-gap-x); + --tiny-gap-x:calc(var(--half-gap-x) / 2); + --tiny-gap-y:calc(var(--half-gap-y) / 2); + --tiny-gap: var(--tiny-gap-x); + --big-gap-x:calc(var(--normal-gap-x) * 2); + --big-gap-y:calc(var(--normal-gap-y) * 2); + --big-gap: var(--big-gap-x); + --lm-backColor:#fff; + --dm-backColor:var(--dark-surface1); + --backColor:var(--lm-backColor); + --lm-selectedColor:#000; + --dm-selectedColor:#007476; + --selectedColor:var(--lm-selectedColor); + --lm-unselectedColor1:lightgrey; + --dm-unselectedColor1:#0e0e0e; + --unselectedColor1:var(--lm-unselectedColor1); + --lm-unselectedColor2:transparent; + --dm-unselectedColor2:transparent; + --unselectedColor1:var(--lm-unselectedColor2); + --lm-checkColor:#000; + --dm-checkColor:#ff0000; + --checkColor:var(--lm-checkColor); + --lm-checkedBackColor:transparent; + --dm-checkedBackColor:transparent; + --checkedBackColor:var(--lm-checkedBackColor); + --lm-borderColor:#000; + --dm-borderColor:lightgrey; + --borderColor:var(--lm-borderColor); + --lm-fontColor:#0f0f0f; + --dm-fontColor:var(--dark-primarytext); + --fontColor:var(--lm-fontColor); + --lm-disabledColor:var(--lm-unselectedColor1); + --dm-disabledColor:var(--dm-unselectedColor1); + --disabledColor:var(--lm-disabledColor); + --checkContent: "✓"; + --checkWeight: bold; + --checkSize: 150%; + --checkLineHeight: calc(var(--checkSize) / 3); + --checkboxBorderWidth: var(--borderWidth); + --checkboxBorderStyle: var(--borderStyle); + --lm-checkboxBorderColor: var(--lm-borderColor); + --dm-checkboxBorderColor: var(--dm-borderColor); + --checkboxBorderColor: var(--lm-checkBorderColor); + --checkboxWidth: 14px; + --checkboxHeight: 14px; + --inputTopPadding: 2px; + --inputRightPadding: 2px; + --inputBottomPadding: 2px; + --inputLeftPadding: 2px; + --inputPadding: + var(--inputTopPadding) + var(--inputRightPadding) + var(--inputBottomPadding) + var(--inputLeftPadding); + --lm-placeholderColor:#ededed80; + --dm-placeholderColor:#3f3f3f80; + --placeholderColor: var(--lm-placeholderColor); + --textareaResize: vertical; + --borderWidth:1px; + --borderStyle:solid; + --expandedSymbol:"unfold_less"; + --collapsedSymbol: "unfold_more"; + --collapseHoverOpacity: 1; + --collapseBaseOpacity: 0; + --lm-collapseExpandedColor:var(--lm-selectedColor); + --dm-collapseExpandedColor:var(--dm-selectedColor); + --collapseExpandedColor: var(--lm-collapseExpandedColor); + --lm-collapseCollapsedColor:var(--lm-unselectedColor); + --dm-collapseCollapsedColor:var(--dm-unselectedColor); + --collapseCollapsedColor: var(--lm-collapseCollapsedColor); + --fillLeftDisplay: flex; + --fillLeftAlignment: center; + --fillLeftDataTransform: uppercase; + --fillLeftDataSize: var(--size6); + --lm-fillLeftSelectedColor: var(--lm-selectedColor); + --dm-fillLeftSelectedColor: var(--dm-selectedColor); + --fillLeftSelectedColor: var(--lm-fillLeftSelectedColor); + --lm-fillLeftUnselectedColor: var(--lm-unselectedColor); + --dm-fillLeftUnselectedColor: var(--dm-unselectedColor); + --fillLeftUnselectedColor: var(--lm-fillLeftUnselectedColor); + --lm-fillLeftDataColor: var(--lm-backColor); + --dm-fillLeftDataColor: var(--dm-backColor); + --fillLeftDataColor: var(--lm-fillLeftDataColor); + --lm-selectColor: var(--lm-fontColor); + --dm-selectColor: var(--dm-fontColor); + --selectColor: var(--lm-fontColor); + --selectTextOverflow: var(--textOverflow); + --selectTextAlign: center; + --selectTextTransform: capitalize; + --revealTime:500ms; + --revealFunction: ease-in-out; + --revealTrans: var(--revealTime) var(--revealFunction); + --kmodal-width:fit-content; + --kmodal-height:fit-content; + --kmodal-max-width:90vw; + --kmodal-max-height:90vh; + --lm-kmodal-overlay-background:rgba(0,0,0,.9); + --dm-kmodal-overlay-background:rgba(0,0,0,.9); + --kmodal-overlay-background: var(--lm-kmodal-overlay-background); + --lm-kmodal-dialog-background:var(--lm-backColor); + --dm-kmodal-dialog-background:var(--dm-backColor); + --kmodal-dialog-background: var(--lm-kmodal-dialog-background); + --kmodal-border-width:0px; + --kmodal-border-color:transparent; + --lm-kmodal-box-shadow-color1:rgba(0, 0, 0, 0.25); + --dm-kmodal-box-shadow-color1:rgba(0, 0, 0, 0.25); + --kmodal-box-shadow-color1:var(--lm-kmodal-box-shadow-color1); + --kmodal-box-shadow-blur1:28px; + --kmodal-box-shadow-x1:0px; + --kmodal-box-shadow-y1:14px; + --kmodal-box-shadow-spread1:0px; + --lm-kmodal-box-shadow-color2:rgba(0, 0, 0, 0.22); + --dm-kmodal-box-shadow-color2:rgba(0, 0, 0, 0.22); + --kmodal-box-shadow-color2:var(--lm-kmodal-box-shadow-color2); + --kmodal-box-shadow-blur2:10px; + --kmodal-box-shadow-x2:0px; + --kmodal-box-shadow-y2:10px; + --kmodal-box-shadow-spread2:0px; + --kmodal-box-shadow: + var(--kmodal-box-shadow-x1) var(--kmodal-box-shadow-y1) var(--kmodal-box-shadow-blur1) var(--kmodal-box-shadow-spread1) var(--kmodal-box-shadow-color1), + var(--kmodal-box-shadow-x2) var(--kmodal-box-shadow-y2) var(--kmodal-box-shadow-blur2) var(--kmodal-box-shadow-spread2) var(--kmodal-box-shadow-color2); + --kmodal-close-width:1rem; + --kmodal-close-height:1rem; + --lm-kmodal-close-color:#ccc; + --dm-kmodal-close-color:#aaa; + --kmodal-close-color:var(--lm-kmodal-close-color); + --lm-kmodal-close-hover-color:#aaa; + --dm-kmodal-close-hover-color:#aaa; + --kmodal-close-hover-color:var(--lm-kmodal-close-hover-color); + --kmodal-close-line-thickness:2px; + --kmodal-close-line-length:calc(var(--kmodal-close-width) * 1.5); + --contentFont:"Comme", sans-serif; + --headerFont: "Black Ops One", cursive; + --midHeaderFont: "Comme", sans-serif; + --lm-collapseColor:black; + --dm-collapseColor:var(--dm-fontColor); + --collapseExpandedColor:var(--lm-collapseColor); + --collapseCollapsedColor:var(--lm-collapseColor); + --lm-checkedBackColor: black; + --dm-checkedBackColor: var(--tapeLightStripeColor); + --lm-selectedTextColor: beige; + --dm-selectedTextColor: black; + --selectedTextColor: var(--lm-selectedTextColor); + --lm-fontColor: black; + --dm-fontColor: beige; + --fontColor: var(--lm-fontColor); + --selectColor: var(--lm-fontColor); + --lm-template-blendMode: none; + --dm-template-blendMode:soft-light; + --template-blendMode:var(--lm-template-blendMode); + --lm-sectionBackgroundColor: lightgrey; + --dm-sectionBackgroundColor: #353535; + --sectionBackgroundColor: var(--lm-sectionBackgroundColor); + --input-label-gap: var(--half-gap); + --lm-darkSectionBackgroundColor: rgba(0, 0, 0, 0.948); + --dm-darkSectionBackgroundColor: rgba(0, 0, 0, 0.948); + --darkSectionBackgroundColor: var(--lm-darkSectionBackgroundColor); + --lm-sectionBorderColor: black; + --dm-sectionBorderColor: var(--dm-tapeLightStripeColor); + --sectionBorderColor: var(--lm-sectionBorderColor); + --sectionBorderWidth: 2px; + --lm-sectionHeaderColor: var(--lm-fontColor); + --dm-sectionHeaderColor: var(--dm-tapeLightStripeColor); + --sectionHeaderColor: var(--lm-sectionHeaderColor); + --lm-sectionFontColor: rgb(24, 24, 27); + --dm-sectionFontColor: beige; + --sectionFontColor: var(--lm-sectionFontColor); + --sidebarContainerWidth: 25%; + --sidebarContainerBorderWidth: 0.4rem; + --sidebarContainerBorderColor: #353535; + --sidebarContainerBorderRadius: 2rem; + --sidebarGradientColorFirst: #ffda62; + --sidebarGradientColorSecond: #ffff60; + --sidebarGradientColorThird: #fffddd; + --sidebarOddRowColor: #ffda62; + --sidebarTablePadding: 3rem; + --sidebarTableMargin: 2.5rem; + --sidebarTableWidth: 100%; + --sidebarCellBorderWidth: 0.3rem; + --sidebarCellBorderColor: #353535; + --sidebarCellBoderStyle: double; + --formRadius: 0.5rem; + --lm-formColor: black; + --dm-formColor: beige; + --formColor: var(--lm-formColor); + --formBackColor: var(--backColor); + --lm-formShadowColor1: rgba(50, 50, 93, 0.25); + --lm-formShadowColor2: rgba(0, 0, 0, 0.3); + --dm-formShadowColor1: rgba(30, 30, 64, 0.25); + --dm-formShadowColor2: rgba(0, 0, 0, 0.556); + --formShadowColor1: var(--lm-formShadowColor1); + --formShadowColor2: var(--lm-formShadowColor2); + --lm-formSpanBack: var(--tapeDarkStripeColor); + --dm-formSpanBack: var(--dm-tapeLightStripeColor); + --formSpanBack: var(--lm-formSpanBack); + --lm-formSpanColor: rgb(205, 218, 226); + --dm-formSpanColor: #17191a; + --formSpanColor: var(--lm-formSpanColor); + --tapeContainerHeight: 100%; + --lm-tapeLightStripeColor: #ffff60; + --dm-tapeLightStripeColor: #f5c454; + --tapeLightStripeColor: var(--lm-tapeLightStripeColor); + --lm-tapeDarkStripeColor: #353535; + --dm-tapeDarkStripeColor: #101010; + --tapeDarkStripeColor: var(--lm-tapeDarkStripeColor); + --tapeBorderColor: #353535; + --tapeBorderWidth: 0.1rem; + --tapeStripeSize: 1.5rem; + --lm-cautionTape: repeating-linear-gradient( + -45deg, + var(--lm-tapeLightStripeColor) 0 var(--tapeStripeSize), + var(--lm-tapeDarkStripeColor) var(--tapeStripeSize) + calc(var(--tapeStripeSize) * 2) + ); + --dm-cautionTape: repeating-linear-gradient( + -45deg, + var(--dm-tapeLightStripeColor) 0 var(--tapeStripeSize), + var(--dm-tapeDarkStripeColor) var(--tapeStripeSize) + calc(var(--tapeStripeSize) * 2) + ); + --cautionTape:var(--lm-cautionTape); + --lineSpacer: 0.3rem; + --lm-dieWatermark: #e9e9e9; + --dm-dieWatermark: black; + --dieWatermark: var(--lm-dieWatermark); + --lm-borderColor: #353535; + --dm-borderColor: var(--dm-tapeLightStripeColor); + --lm-imageInvert: 0; + --dm-imageInvert: 0.6; + --imageInvert:var(--lm-imageInvert); + --geniusBack: url("https://s3.amazonaws.com/files.d20.io/images/340451606/ge9DgfDNVv6Sz1ERcgD-TQ/original.webp"); + --focusBack: url("https://s3.amazonaws.com/files.d20.io/images/340451603/5uETo9bzyRPsdl5FjuaRVg/original.webp"); + --influenceBack: url("https://s3.amazonaws.com/files.d20.io/images/340451605/UZBb9ALC_vQrZ9w0j8xh-A/original.webp"); + --inspirationBack: url("https://s3.amazonaws.com/files.d20.io/images/340451604/S8tWTbNmUU3gREzFavy0lA/original.webp"); + --floatShadows: drop-shadow(var(--formShadowColor1) 0px 4px 8px) drop-shadow(var(--formShadowColor2) 0px 6px 12px); + --notchSize: 0.5rem; + --truePadding: var(--notchSize); + --notch: calc(100% - var(--notchSize)); + --cornerSize: min(5rem,min(20cqw,20cqh)); + --slopeSize:calc(var(--notchSize) * 0.6666); + --cornerSlopeSize: calc(var(--cornerSize) + var(--slopeSize)); + --sectionHeadFontSize: 1.5rem; + --sectionContentPath: + polygon( + 0 0, var(--cornerSize) 0, var(--cornerSlopeSize) var(--notchSize), calc(100% - var(--cornerSlopeSize)) var(--notchSize), calc(100% - var(--cornerSize)) 0 , + 100% 0, 100% var(--cornerSize), var(--notch) var(--cornerSlopeSize), var(--notch) calc(100% - var(--cornerSlopeSize)), 100% calc(100% - var(--cornerSize)), + 100% 100%, calc(100% - var(--cornerSize)) 100%, calc(100% - var(--cornerSize)) 100%, calc(100% - var(--cornerSlopeSize)) var(--notch), var(--cornerSlopeSize) var(--notch), var(--cornerSize) 100%, + 0 100%, 0 calc(100% - var(--cornerSize)), var(--notchSize) calc(100% - var(--cornerSlopeSize)), var(--notchSize) var(--cornerSlopeSize), 0 var(--cornerSize) + ); + --sectionHeadPath: polygon(var(--sectionHeadFontSize) 0,calc(100% - var(--sectionHeadFontSize)) 0,100% 100%,0 100%); + --size1: 200%; + --size2: 150%; + --size3: 100%; + --size4: 100%; + --size5: 100%; + --size6: 100%; + --font1: var(--headerFont); + --font2: var(--headerFont); + --font3: var(--headerFont); + --font4: var(--midHeaderFont); + --font5: var(--midHeaderFont); + --font6: var(--contentFont); + --lm-statblockColor1:#ed2238; + --dm-statblockColor1:#ed2238; + --statblockColor1:var(--lm-statblockColor1); + --lm-statblockColor2:#132262; + --dm-statblockColor2:#00b1f0; + --statblockColor2:var(--lm-statblockColor2); + --concreteBackground: url("https://files.d20.io/images/338459767/JULvl8XV4Vxz2tV7I67edA/original.png"); + --concreteBackground2: url("https://files.d20.io/images/338460570/GaALpY1919eyaTl6QgBt1A/original.png"); + font-family: var(--contentFont); + font-weight: 400; + color: var(--fontColor); + font-size: 1rem; +} +body .ui-dialog .nav-tabs { + position: sticky; + top: 0; + margin-bottom: 0; + background-color: var(--backColor); + z-index: 1000; +} +body .ui-dialog .tab-content .sheetform { + background-color: transparent; +} +body .ui-dialog .tab-content .charsheet { + padding: 0; +} +body .ui-dialog .tab-content .charsheet select, +body .ui-dialog .tab-content .charsheet textarea, +body .ui-dialog .tab-content .charsheet input, +body .ui-dialog .tab-content .charsheet .uneditable-input, +body .ui-dialog .tab-content .charsheet label, +body .ui-dialog .tab-content .charsheet button { + all: initial; +} +body .ui-dialog .tab-content .charsheet .flex-box, +body .ui-dialog .tab-content .charsheet .sheet-flex-box { + display: flex; +} +body .ui-dialog .tab-content .charsheet .flex-wrap, +body .ui-dialog .tab-content .charsheet .sheet-flex-wrap { + flex-wrap: wrap; +} +body .ui-dialog .tab-content .charsheet .justify-space-around, +body .ui-dialog .tab-content .charsheet .sheet-justify-space-around { + justify-content: space-around; +} +body .ui-dialog .tab-content .charsheet .justify-space-between, +body .ui-dialog .tab-content .charsheet .sheet-justify-space-between { + justify-content: space-between; +} +body .ui-dialog .tab-content .charsheet .justify-center, +body .ui-dialog .tab-content .charsheet .sheet-justify-center { + justify-content: center; +} +body .ui-dialog .tab-content .charsheet .flex-min-content, +body .ui-dialog .tab-content .charsheet .sheet-flex-min-content { + flex: 1 0 min-content; +} +body .ui-dialog .tab-content .charsheet .stacked { + flex-direction: column; +} +body .ui-dialog .tab-content .charsheet .stacked.center > * { + text-align: center; +} +body .ui-dialog .tab-content .charsheet .stacked:not(.center) { + align-items: start; +} +body .ui-dialog .tab-content .charsheet .stacked > [name]:not([type=number]):not([type=checkbox]):not([type=radio]) { + width: 100%; +} +body .ui-dialog .tab-content .charsheet .flex-column, +body .ui-dialog .tab-content .charsheet .sheet-flex-column { + flex-direction: column; +} +body .ui-dialog .tab-content .charsheet .flex-row-reverse, +body .ui-dialog .tab-content .charsheet .sheet-flex-row-revers { + flex-direction: row-reverse; +} +body .ui-dialog .tab-content .charsheet .flex-column-reverse, +body .ui-dialog .tab-content .charsheet .sheet-flex-column-reverse { + flex-direction: column-reverse; +} +body .ui-dialog .tab-content .charsheet .normal-gap, +body .ui-dialog .tab-content .charsheet .sheet-normal-gap { + gap: var(--normal-gap); +} +body .ui-dialog .tab-content .charsheet .normal-gap-x, +body .ui-dialog .tab-content .charsheet .sheet-normal-gap-x { + column-gap: var(--normal-gap-x); +} +body .ui-dialog .tab-content .charsheet .normal-gap-y, +body .ui-dialog .tab-content .charsheet .sheet-normal-gap-y { + row-gap: var(--normal-gap-y); +} +body .ui-dialog .tab-content .charsheet .half-gap, +body .ui-dialog .tab-content .charsheet .sheet-half-gap { + gap: var(--half-gap); +} +body .ui-dialog .tab-content .charsheet .half-gap-x, +body .ui-dialog .tab-content .charsheet .sheet-half-gap-x { + column-gap: var(--half-gap-x); +} +body .ui-dialog .tab-content .charsheet .half-gap-y, +body .ui-dialog .tab-content .charsheet .sheet-half-gap-y { + row-gap: var(--half-gap-y); +} +body .ui-dialog .tab-content .charsheet .tiny-gap, +body .ui-dialog .tab-content .charsheet .sheet-tiny-gap { + gap: var(--tiny-gap); +} +body .ui-dialog .tab-content .charsheet .tiny-gap-x, +body .ui-dialog .tab-content .charsheet .sheet-tiny-gap-x { + column-gap: var(--tiny-gap-x); +} +body .ui-dialog .tab-content .charsheet .tiny-gap-y, +body .ui-dialog .tab-content .charsheet .sheet-tiny-gap-y { + row-gap: var(--tiny-gap-y); +} +body .ui-dialog .tab-content .charsheet .big-gap, +body .ui-dialog .tab-content .charsheet .sheet-big-gap { + gap: var(--big-gap); +} +body .ui-dialog .tab-content .charsheet .big-gap-x, +body .ui-dialog .tab-content .charsheet .sheet-big-gap-x { + column-gap: var(--big-gap-x); +} +body .ui-dialog .tab-content .charsheet .big-gap-y, +body .ui-dialog .tab-content .charsheet .sheet-big-gap-y { + row-gap: var(--big-gap-y); +} +body .ui-dialog .tab-content .charsheet .grid, +body .ui-dialog .tab-content .charsheet .sheet-grid { + display: grid; +} +body .ui-dialog .tab-content .charsheet .grid-span-2, +body .ui-dialog .tab-content .charsheet .sheet-grid-span-2 { + grid-column: span 2; +} +body .ui-dialog .tab-content .charsheet .grid-span-all, +body .ui-dialog .tab-content .charsheet .sheet-grid-span-all { + grid-column: 1/-1; +} +body .ui-dialog .tab-content .charsheet .grid-column, +body .ui-dialog .tab-content .charsheet .sheet-grid-column { + grid-auto-flow: column; +} +body .ui-dialog .tab-content .charsheet .grid-dense, +body .ui-dialog .tab-content .charsheet .sheet-grid-dense { + grid-auto-flow: dense; +} +body .ui-dialog .tab-content .charsheet .boxed, +body .ui-dialog .tab-content .charsheet .sheet-boxed { + border: 2px solid var(--borderColor); + border-radius: 0; + box-sizing: border-box; +} +body .ui-dialog .tab-content .charsheet .boxed.thick-left, +body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-left { + border-left-width: 5px; +} +body .ui-dialog .tab-content .charsheet .boxed.thick-bottom, +body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-bottom { + border-bottom-width: 5px; +} +body .ui-dialog .tab-content .charsheet .boxed.thick-right, +body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-right { + border-right-width: 5px; +} +body .ui-dialog .tab-content .charsheet .boxed.thick-top, +body .ui-dialog .tab-content .charsheet .sheet-boxed.thick-top { + border-top-width: 5px; +} +body .ui-dialog .tab-content .charsheet .underlined, +body .ui-dialog .tab-content .charsheet .sheet-underlined { + border-width: 1px 3px; + border-style: solid; + border-radius: 5px; + border-color: transparent; + box-sizing: border-box; + border-radius: 0; + border-bottom: 1px solid var(--borderColor); + transition: border-radius border var(--revealTrans); +} +body .ui-dialog .tab-content .charsheet :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:hover, :focus, :focus-within) { + border-width: 1px 3px; + border-style: solid; + border-color: var(--borderColor); + border-radius: 5px; + box-sizing: border-box; +} +body .ui-dialog .tab-content .charsheet :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:focus, :focus-within) { + background-color: var(--disabledColor); +} +body .ui-dialog .tab-content .charsheet .underlined--invisible { + border-color: transparent !important; +} +body .ui-dialog .tab-content .charsheet .ratio1-1, +body .ui-dialog .tab-content .charsheet .sheet-ratio1-1 { + aspect-ratio: 1/1; +} +body .ui-dialog .tab-content .charsheet span, +body .ui-dialog .tab-content .charsheet input, +body .ui-dialog .tab-content .charsheet textarea, +body .ui-dialog .tab-content .charsheet button, +body .ui-dialog .tab-content .charsheet select { + line-height: normal; + color: inherit; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +body .ui-dialog .tab-content .charsheet .text-1, +body .ui-dialog .tab-content .charsheet .sheet-text-1 { + font-size: var(--size1); +} +body .ui-dialog .tab-content .charsheet .text-2, +body .ui-dialog .tab-content .charsheet .sheet-text-2 { + font-size: var(--size2); +} +body .ui-dialog .tab-content .charsheet .text-3, +body .ui-dialog .tab-content .charsheet .sheet-text-3 { + font-size: var(--size3); +} +body .ui-dialog .tab-content .charsheet .text-4, +body .ui-dialog .tab-content .charsheet .sheet-text-4 { + font-size: var(--size4); +} +body .ui-dialog .tab-content .charsheet .text-5, +body .ui-dialog .tab-content .charsheet .sheet-text-5 { + font-size: var(--size5); +} +body .ui-dialog .tab-content .charsheet .text-6, +body .ui-dialog .tab-content .charsheet .sheet-text-6 { + font-size: var(--size6); +} +body .ui-dialog .tab-content .charsheet .text-7, +body .ui-dialog .tab-content .charsheet .sheet-text-7 { + font-size: var(--size7); +} +body .ui-dialog .tab-content .charsheet .capitalize, +body .ui-dialog .tab-content .charsheet .sheet-capitalize { + text-transform: capitalize !important; +} +body .ui-dialog .tab-content .charsheet .lowercase, +body .ui-dialog .tab-content .charsheet .sheet-lowercase { + text-transform: lowercase !important; +} +body .ui-dialog .tab-content .charsheet .uppercase, +body .ui-dialog .tab-content .charsheet .sheet-uppercase { + text-transform: uppercase !important; +} +body .ui-dialog .tab-content .charsheet .sheet-material-icons, +body .ui-dialog .tab-content .charsheet .material-icons { + font-family: "Material Icons"; + font-weight: normal; + font-style: normal; + font-size: var(--icon-size); /* Preferred icon size */ +} +body .ui-dialog .tab-content .charsheet .sheet-italics, +body .ui-dialog .tab-content .charsheet .italics { + font-style: italic; +} +body .ui-dialog .tab-content .charsheet h1, +body .ui-dialog .tab-content .charsheet *[aria-level="1"] { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + text-transform: uppercase; + font-weight: normal; + font-size: var(--size1); + font-family: var(--font1); +} +body .ui-dialog .tab-content .charsheet h1:not(input), +body .ui-dialog .tab-content .charsheet *[aria-level="1"]:not(input) { + text-align: center; +} +body .ui-dialog .tab-content .charsheet h1 *, +body .ui-dialog .tab-content .charsheet *[aria-level="1"] * { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + text-transform: uppercase; + font-weight: normal; + font-size: var(--size1); + font-family: var(--font1); +} +body .ui-dialog .tab-content .charsheet h1 *:not(input), +body .ui-dialog .tab-content .charsheet *[aria-level="1"] *:not(input) { + text-align: center; +} +body .ui-dialog .tab-content .charsheet h2, body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name], +body .ui-dialog .tab-content .charsheet *[aria-level="2"] { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + text-transform: uppercase; + font-weight: normal; + font-size: var(--size2); + font-family: var(--font2); +} +body .ui-dialog .tab-content .charsheet h2:not(input), body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name]:not(input), +body .ui-dialog .tab-content .charsheet *[aria-level="2"]:not(input) { + text-align: center; +} +body .ui-dialog .tab-content .charsheet h2 *, body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *, +body .ui-dialog .tab-content .charsheet *[aria-level="2"] * { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + text-transform: uppercase; + font-weight: normal; + font-size: var(--size2); + font-family: var(--font2); +} +body .ui-dialog .tab-content .charsheet h2 *:not(input), body .ui-dialog .tab-content .charsheet .input-label:not(.stacked).large > [name] *:not(input), +body .ui-dialog .tab-content .charsheet *[aria-level="2"] *:not(input) { + text-align: center; +} +body .ui-dialog .tab-content .charsheet h3, +body .ui-dialog .tab-content .charsheet *[aria-level="3"] { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + text-transform: uppercase; + font-weight: normal; + font-size: var(--size3); + font-family: var(--font3); +} +body .ui-dialog .tab-content .charsheet h3:not(input), +body .ui-dialog .tab-content .charsheet *[aria-level="3"]:not(input) { + text-align: center; +} +body .ui-dialog .tab-content .charsheet h3 *, +body .ui-dialog .tab-content .charsheet *[aria-level="3"] * { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + text-transform: uppercase; + font-weight: normal; + font-size: var(--size3); + font-family: var(--font3); +} +body .ui-dialog .tab-content .charsheet h3 *:not(input), +body .ui-dialog .tab-content .charsheet *[aria-level="3"] *:not(input) { + text-align: center; +} +body .ui-dialog .tab-content .charsheet h4, +body .ui-dialog .tab-content .charsheet *[aria-level="4"] { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + font-size: var(--size4); + font-family: var(--font4); +} +body .ui-dialog .tab-content .charsheet h4:not(:where(input)), +body .ui-dialog .tab-content .charsheet *[aria-level="4"]:not(:where(input)) { + text-transform: capitalize; +} +body .ui-dialog .tab-content .charsheet h4:not(input), +body .ui-dialog .tab-content .charsheet *[aria-level="4"]:not(input) { + text-align: center; +} +body .ui-dialog .tab-content .charsheet h4 *, +body .ui-dialog .tab-content .charsheet *[aria-level="4"] * { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + font-size: var(--size4); + font-family: var(--font4); +} +body .ui-dialog .tab-content .charsheet h4 *:not(:where(input)), +body .ui-dialog .tab-content .charsheet *[aria-level="4"] *:not(:where(input)) { + text-transform: capitalize; +} +body .ui-dialog .tab-content .charsheet h4 *:not(input), +body .ui-dialog .tab-content .charsheet *[aria-level="4"] *:not(input) { + text-align: center; +} +body .ui-dialog .tab-content .charsheet h5, +body .ui-dialog .tab-content .charsheet *[aria-level="5"] { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + font-size: var(--size5); + font-style: normal; + font-family: var(--font5); +} +body .ui-dialog .tab-content .charsheet h5:not(:where(input)), +body .ui-dialog .tab-content .charsheet *[aria-level="5"]:not(:where(input)) { + text-transform: capitalize; +} +body .ui-dialog .tab-content .charsheet h5:not(input), +body .ui-dialog .tab-content .charsheet *[aria-level="5"]:not(input) { + text-align: center; +} +body .ui-dialog .tab-content .charsheet h5 *, +body .ui-dialog .tab-content .charsheet *[aria-level="5"] * { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + font-size: var(--size5); + font-style: normal; + font-family: var(--font5); +} +body .ui-dialog .tab-content .charsheet h5 *:not(:where(input)), +body .ui-dialog .tab-content .charsheet *[aria-level="5"] *:not(:where(input)) { + text-transform: capitalize; +} +body .ui-dialog .tab-content .charsheet h5 *:not(input), +body .ui-dialog .tab-content .charsheet *[aria-level="5"] *:not(input) { + text-align: center; +} +body .ui-dialog .tab-content .charsheet h6, +body .ui-dialog .tab-content .charsheet *[aria-level="6"] { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + font-size: var(--size5); + font-style: normal; + font-family: var(--font5); +} +body .ui-dialog .tab-content .charsheet h6:not(:where(input)), +body .ui-dialog .tab-content .charsheet *[aria-level="6"]:not(:where(input)) { + text-transform: capitalize; +} +body .ui-dialog .tab-content .charsheet h6:not(input), +body .ui-dialog .tab-content .charsheet *[aria-level="6"]:not(input) { + text-align: center; +} +body .ui-dialog .tab-content .charsheet h6 *, +body .ui-dialog .tab-content .charsheet *[aria-level="6"] * { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + font-size: var(--size5); + font-style: normal; + font-family: var(--font5); +} +body .ui-dialog .tab-content .charsheet h6 *:not(:where(input)), +body .ui-dialog .tab-content .charsheet *[aria-level="6"] *:not(:where(input)) { + text-transform: capitalize; +} +body .ui-dialog .tab-content .charsheet h6 *:not(input), +body .ui-dialog .tab-content .charsheet *[aria-level="6"] *:not(input) { + text-align: center; +} +body .ui-dialog .tab-content .charsheet .sheet-pictos, +body .ui-dialog .tab-content .charsheet .pictos { + font-family: pictos; + text-transform: none; +} +body .ui-dialog .tab-content .charsheet .pictos3, +body .ui-dialog .tab-content .charsheet .sheet-pictos3 { + font-family: pictos three; + text-transform: none; +} +body .ui-dialog .tab-content .charsheet .pictoscustom, +body .ui-dialog .tab-content .charsheet .sheet-pictoscustom { + font-family: pictos custom; + text-transform: none; +} +body .ui-dialog .tab-content .charsheet .d4, +body .ui-dialog .tab-content .charsheet .sheet-d4 { + font-family: dicefontd4 !important; + text-transform: none !important; +} +body .ui-dialog .tab-content .charsheet .d6, +body .ui-dialog .tab-content .charsheet .sheet-d6 { + font-family: dicefontd6 !important; + text-transform: none !important; +} +body .ui-dialog .tab-content .charsheet .d8, +body .ui-dialog .tab-content .charsheet .sheet-d8 { + font-family: dicefontd8 !important; + text-transform: none !important; +} +body .ui-dialog .tab-content .charsheet .d10, +body .ui-dialog .tab-content .charsheet .sheet-d10 { + font-family: dicefontd10 !important; + text-transform: none !important; +} +body .ui-dialog .tab-content .charsheet .d12, +body .ui-dialog .tab-content .charsheet .sheet-d12 { + font-family: dicefontd12 !important; + text-transform: none !important; +} +body .ui-dialog .tab-content .charsheet .d20, +body .ui-dialog .tab-content .charsheet .sheet-d20 { + font-family: dicefontd20 !important; + text-transform: none !important; +} +body .ui-dialog .tab-content .charsheet .d30, +body .ui-dialog .tab-content .charsheet .sheet-d30 { + font-family: dicefontd30 !important; + text-transform: none !important; +} +body .ui-dialog .tab-content .charsheet input[type=checkbox] { + border: 1px solid var(--checkboxBorderColor); + cursor: pointer; + -webkit-appearance: none; + appearance: none; + width: var(--checkboxWidth); + min-width: var(--checkboxWidth); + height: var(--checkboxHeight); + min-height: var(--checkboxHeight); + display: grid; + grid-template-columns: 1fr; + grid-template-areas: "content"; +} +body .ui-dialog .tab-content .charsheet input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked { + background-color: var(--checkedBackColor); +} +body .ui-dialog .tab-content .charsheet input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked:before { + content: var(--checkContent); + grid-area: content; + font-weight: var(--checkWeight); + place-self: start center; + color: var(--checkColor); + font-size: var(--checkSize); + line-height: var(--checkLineHeight); +} +body .ui-dialog .tab-content .charsheet input[type=number] { + width: 3rem; + -moz-appearance: textfield !important; + text-align: center; +} +body .ui-dialog .tab-content .charsheet input[type=number]::-webkit-inner-spin-button, body .ui-dialog .tab-content .charsheet input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +body .ui-dialog .tab-content .charsheet select, +body .ui-dialog .tab-content .charsheet .pseudo-select span, +body .ui-dialog .tab-content .charsheet .sheet-pseudo-select span, +body .ui-dialog .tab-content .charsheet textarea, +body .ui-dialog .tab-content .charsheet input:not(:is([type=radio], [type=checkbox])), +body .ui-dialog .tab-content .charsheet .uneditable-input { + padding: var(--inputPadding); +} +body .ui-dialog .tab-content .charsheet input:is([type=text], [type=number]), body .ui-dialog .tab-content .charsheet textarea { + cursor: auto; +} +body .ui-dialog .tab-content .charsheet select, +body .ui-dialog .tab-content .charsheet .pseudo-select span, +body .ui-dialog .tab-content .charsheet .sheet-pseudo-select span, +body .ui-dialog .tab-content .charsheet input:not(:where([type=checkbox], [type=radio])), +body .ui-dialog .tab-content .charsheet .uneditable-input, +body .ui-dialog .tab-content .charsheet textarea { + border-width: 1px 3px; + border-style: solid; + border-radius: 5px; + border-color: transparent; + box-sizing: border-box; +} +body .ui-dialog .tab-content .charsheet select, +body .ui-dialog .tab-content .charsheet .sheet-pseudo-select span, +body .ui-dialog .tab-content .charsheet .pseudo-select span { + -webkit-apperance: none; + appearance: none; + text-transform: var(--selectTextTransform); + overflow: hidden !important; + white-space: nowrap; + text-overflow: var(--selectTextOverflow); + text-align: var(--selectTextAlign); + color: var(--selectColor); +} +body .ui-dialog .tab-content .charsheet input { + width: auto; +} +body .ui-dialog .tab-content .charsheet input:placeholder { + color: var(--placeholderColor); +} +body .ui-dialog .tab-content .charsheet input.plus-control:not([value*="-"]) + span:before { + content: "+"; +} +body .ui-dialog .tab-content .charsheet textarea { + resize: var(--textareaResize); + white-space: pre-wrap; +} +body .ui-dialog .tab-content .charsheet textarea.fixed { + resize: none; + overflow: auto; +} +body .ui-dialog .tab-content .charsheet button { + cursor: pointer; +} +body .ui-dialog .tab-content .charsheet .roller { + display: flex; + align-items: center; + gap: var(--half-gap); +} +body .ui-dialog .tab-content .charsheet .roller:before { + content: "T"; + font-family: dicefontd20; +} +body .ui-dialog .tab-content .charsheet .collapse-container { + display: grid; + position: relative; +} +body .ui-dialog .tab-content .charsheet .text-collapse { + cursor: pointer; + display: flex; + justify-content: flex-start; + align-items: center; +} +body .ui-dialog .tab-content .charsheet .text-collapse:before { + content: var(--expandedSymbol); + font-family: "Material Icons"; + font-weight: normal; + font-style: normal; + font-size: var(--icon-size); /* Preferred icon size */ +} +body .ui-dialog .tab-content .charsheet .text-collapse__text { + display: inline; +} +body .ui-dialog .tab-content .charsheet .text-collapse__check:not(:checked) + .text-collapse { + border-width: 1px 3px; + border-style: solid; + border-color: var(--borderColor); + border-radius: 5px; + box-sizing: border-box; +} +body .ui-dialog .tab-content .charsheet .text-collapse__check:checked + .text-collapse:before { + content: var(--collapsedSymbol); +} +body .ui-dialog .tab-content .charsheet .repitem:hover .collapse, body .ui-dialog .tab-content .charsheet .repitem:hover .roll-container, +body .ui-dialog .tab-content .charsheet .collapse-container:hover .collapse, +body .ui-dialog .tab-content .charsheet .collapse-container:hover .roll-container { + opacity: var(--collapseHoverOpacity); +} +body .ui-dialog .tab-content .charsheet .repitem .collapse, +body .ui-dialog .tab-content .charsheet .collapse-container .collapse { + opacity: var(--collapseBaseOpacity); + position: absolute; + right: -10px; + top: 0px; + border: 0px solid black; + border-radius: 0; + color: var(--collapseExpandedColor); + text-transform: none; + background-color: transparent; +} +body .ui-dialog .tab-content .charsheet .repitem .collapse:before, +body .ui-dialog .tab-content .charsheet .collapse-container .collapse:before { + content: "y"; + font-family: pictos; +} +body .ui-dialog .tab-content .charsheet .repitem .collapse:checked, +body .ui-dialog .tab-content .charsheet .collapse-container .collapse:checked { + color: var(--collapseCollapsedColor); + background-color: transparent; +} +body .ui-dialog .tab-content .charsheet .repitem .collapse:checked ~ .expanded, +body .ui-dialog .tab-content .charsheet .repitem .collapse:checked ~ .collapse-container .expanded, +body .ui-dialog .tab-content .charsheet .collapse-container .collapse:checked ~ .expanded, +body .ui-dialog .tab-content .charsheet .collapse-container .collapse:checked ~ .collapse-container .expanded { + display: none !important; +} +body .ui-dialog .tab-content .charsheet .repitem .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *, +body .ui-dialog .tab-content .charsheet .repitem .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + *, +body .ui-dialog .tab-content .charsheet .collapse-container .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *, +body .ui-dialog .tab-content .charsheet .collapse-container .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + * { + display: none !important; +} +body .ui-dialog .tab-content .charsheet .repitem .collapse:not(:checked) ~ .collapsed, +body .ui-dialog .tab-content .charsheet .collapse-container .collapse:not(:checked) ~ .collapsed { + display: none !important; +} +body .ui-dialog .tab-content .charsheet .repitem .collapse:hover, +body .ui-dialog .tab-content .charsheet .collapse-container .collapse:hover { + color: var(--collapseExpandedColor); +} +body .ui-dialog .tab-content .charsheet .repcontainer.editmode .collapse { + display: none; +} +body .ui-dialog .tab-content .charsheet .fill-left { + display: var(--fillLeftDisplay); + align-self: var(--fillLeftAlignment); + box-sizing: border-box; +} +body .ui-dialog .tab-content .charsheet .fill-left__radio { + appearance: none; + -webkit-appearance: none; + background-color: var(--fillLeftSelectedColor); + width: 100%; + height: 100%; + cursor: pointer; +} +body .ui-dialog .tab-content .charsheet .fill-left__radio[data-value]:checked:before { + content: attr(data-value); + color: var(--fillLeftDataColor); + font-size: var(--fillLeftDataSize); + place-self: center; + text-transform: var(--fillLeftDataTransform); +} +body .ui-dialog .tab-content .charsheet .fill-left__radio:checked ~ .fill-left__radio { + background-color: var(--fillLeftUnselectedColor); +} +body .ui-dialog .tab-content .charsheet .input-label { + display: inline-flex; + gap: var(--input-label-gap); + align-items: center; +} +body .ui-dialog .tab-content .charsheet .input-label:not(.stacked) > input[type=text] { + flex: 1 1 0; +} +body .ui-dialog .tab-content .charsheet .input-label:not(.stacked) > :not([name]) { + flex: 0 0 auto; +} +body .ui-dialog .tab-content .charsheet .input-label > :is(span, button) { + text-transform: var(--input-label-text-transform); +} +body .ui-dialog .tab-content .charsheet .input-label--dual { + grid-template-columns: 1fr auto 1fr; + grid-template-areas: "over over over" "under under under"; +} +body .ui-dialog .tab-content .charsheet .input-label--dual > span:last-of-type { + grid-column: 1/-1; +} +body .ui-dialog .tab-content .charsheet .input-label--dual > input:not([type=number]):not([type=checkbox]):not([type=radio]) { + width: 100%; +} +body .ui-dialog .tab-content .charsheet .input-label--dual > .slash { + line-height: 0rem; + font-weight: normal; +} +body .ui-dialog .tab-content .charsheet .headed-textarea { + display: grid; + grid-template-rows: auto 1fr; + grid-template-columns: auto; + grid-column: 1/-1; +} +body .ui-dialog .tab-content .charsheet .headed-textarea :not(textarea):not(.adaptive) { + justify-self: start; +} +body .ui-dialog .tab-content .charsheet .headed-textarea .headed-textarea__header { + grid-area: initial; +} +body .ui-dialog .tab-content .charsheet .adaptive { + display: grid; + grid-template-columns: auto; + grid-template-rows: auto; + grid-template-areas: "content"; + position: relative; +} +body .ui-dialog .tab-content .charsheet .adaptive > * { + grid-area: content; +} +body .ui-dialog .tab-content .charsheet .adaptive > span { + opacity: 0; + z-index: -10; + border-width: 1px 3px; + border-style: solid; + border-radius: 5px; + border-color: transparent; + box-sizing: border-box; + text-transform: initial; + border-radius: 0px; +} +body .ui-dialog .tab-content .charsheet .adaptive--text { + min-height: 4rem; +} +body .ui-dialog .tab-content .charsheet .adaptive--text__span { + white-space: pre-wrap; + padding: 2px; +} +body .ui-dialog .tab-content .charsheet .adaptive--text__textarea { + width: 100%; + height: 100%; + resize: none; +} +body .ui-dialog .tab-content .charsheet .adaptive--text__textarea, +body .ui-dialog .tab-content .charsheet .adaptive--input__input { + position: absolute; +} +body .ui-dialog .tab-content .charsheet .adaptive--input__input { + width: 100%; +} +body .ui-dialog .tab-content .charsheet .adaptive--input__span { + padding: 2px; + min-height: 1.5rem; +} +body .ui-dialog .tab-content .charsheet .repitem > input:not([type=checkbox]) { + width: 100%; +} +body .ui-dialog .tab-content .charsheet .repitem .headed-textarea, +body .ui-dialog .tab-content .charsheet .repitem .description { + grid-column: 1/-1; +} +body .ui-dialog .tab-content .charsheet .repcontainer { + display: grid; + gap: var(--normal-gap); +} +body .ui-dialog .tab-content .charsheet .repeating-container { + display: grid; + grid-template-areas: "header"; + align-self: start; +} +body .ui-dialog .tab-content .charsheet .repeating-container > .header { + grid-area: header; +} +body .ui-dialog .tab-content .charsheet .repeating-container :is(.repcontrol-button, .repcontrol_edit) { + opacity: 0; + transition: var(--revealTrans); +} +body .ui-dialog .tab-content .charsheet .repeating-container:is(:hover, :focus-within, :focus) :is(.repcontrol-button, .repcontrol_edit) { + opacity: 1; +} +body .ui-dialog .tab-content .charsheet .repcontrol-button { + align-self: start; +} +body .ui-dialog .tab-content .charsheet .repcontrol-button ~ .repcontrol { + justify-self: end; + z-index: 100; +} +body .ui-dialog .tab-content .charsheet .repcontrol-button ~ .repcontrol > .repcontrol_add { + display: none !important; +} +body .ui-dialog .tab-content .charsheet .repcontrol-button--add { + justify-self: start; + width: 15px; + height: 15px; + padding: 4px; + font-size: 0; + color: var(--col-alt); + border: 1px solid var(--col-alt); +} +body .ui-dialog .tab-content .charsheet .repcontrol-button--add::before { + inset: 0; + place-self: center; + font-family: var(--font-icon); + font-size: 12px; + content: "add"; +} +body .ui-dialog .tab-content .charsheet .section:not(.section--fill) { + margin: calc(var(--sectionBorderWidth) * 2); +} +body .ui-dialog .tab-content .charsheet .section:not(.section--fill) > .section--layout > .section__content, +body .ui-dialog .tab-content .charsheet .section:not(.section--fill) > .section--layout > .section__header { + background-color: var(--backColor); +} +body .ui-dialog .tab-content .charsheet .section.section--has-header { + margin-top: calc(var(--sectionHeadFontSize) / 2 + var(--sectionBorderWidth) * 2); +} +body .ui-dialog .tab-content .charsheet .section .section__header { + grid-area: head; + place-self: start center; + transform: translateY(calc(var(--sectionHeadFontSize) / -2)); + z-index: 1; + background-color: var(--sectionBackgroundColor); + padding-inline: var(--sectionHeadFontSize); + clip-path: var(--sectionHeadPath); + color: var(--sectionHeaderColor); +} +body .ui-dialog .tab-content .charsheet .section--fill { + color: var(--sectionFontColor); +} +body .ui-dialog .tab-content .charsheet .section--layout { + display: grid; + grid-template-rows: [content-start head-start] auto [head-end] 1fr [content-end]; + grid-template-columns: [content-start head-start] auto [head-end content-end]; +} +body .ui-dialog .tab-content .charsheet .section__header { + font-size: var(--sectionHeadFontSize); +} +body .ui-dialog .tab-content .charsheet .section__header + .section__content { + padding-top: calc(var(--truePadding) + var(--notchSize) * 2); +} +body .ui-dialog .tab-content .charsheet .section__shadow { + filter: drop-shadow(var(--sectionBorderWidth) var(--sectionBorderWidth) 0px var(--sectionBorderColor)) drop-shadow(calc(var(--sectionBorderWidth) * -1 + 1px) var(--sectionBorderWidth) 0px var(--sectionBorderColor)) drop-shadow(var(--sectionBorderWidth) calc(var(--sectionBorderWidth) * -1 + 1px) 0px var(--sectionBorderColor)) drop-shadow(calc(var(--sectionBorderWidth) * -1 + 1px) calc(var(--sectionBorderWidth) * -1 + 1px) 0px var(--sectionBorderColor)); +} +body .ui-dialog .tab-content .charsheet .section > .section__shadow, +body .ui-dialog .tab-content .charsheet .section > .section__content { + grid-area: content; +} +body .ui-dialog .tab-content .charsheet .section__content { + grid-area: content; + background-color: var(--sectionBackgroundColor); + padding: calc(var(--truePadding) + var(--notchSize)); + clip-path: var(--sectionContentPath); + border-radius: 20px; +} +body .ui-dialog .tab-content .charsheet .repeating-section-container { + position: relative; +} +body .ui-dialog .tab-content .charsheet .repeating-section-container .repcontrol-button, +body .ui-dialog .tab-content .charsheet .repeating-section-container .repcontrol { + position: absolute; + top: 0; +} +body .ui-dialog .tab-content .charsheet .repeating-section-container .repcontrol { + right: calc(var(--truePadding) + var(--notchSize)); +} +body .ui-dialog .tab-content .charsheet .caution-tape, +body .ui-dialog .tab-content .charsheet .sheet-caution-tape { + background: var(--cautionTape); + display: flex; + flex-wrap: wrap; + height: var(--tapeContainerHeight); + border: var(--tapeBorderWidth) solid var(--tapeBorderColor); + align-items: stretch; + justify-content: center; +} +body .ui-dialog .tab-content .charsheet .caution-tape__clip, +body .ui-dialog .tab-content .charsheet .sheet-caution-tape__clip { + transform: skew(45deg); +} +body .ui-dialog .tab-content .charsheet .k-active-button, +body .ui-dialog .tab-content .charsheet .caution-tape__content, +body .ui-dialog .tab-content .charsheet .sheet-caution-tape__content { + position: relative; + isolation: isolate; +} +body .ui-dialog .tab-content .charsheet .k-active-button:before, +body .ui-dialog .tab-content .charsheet .caution-tape__content:before, +body .ui-dialog .tab-content .charsheet .sheet-caution-tape__content:before { + content: ""; + z-index: -1; + position: absolute; + inset: -3px 0; + background-color: var(--tapeLightStripeColor); + border-inline: 1rem solid var(--tapeDarkStripeColor); + border-block: 4px solid var(--tapeDarkStripeColor); + transform: skewX(-45deg); +} +body .ui-dialog .tab-content .charsheet .k-active-button *, +body .ui-dialog .tab-content .charsheet .caution-tape__content *, +body .ui-dialog .tab-content .charsheet .sheet-caution-tape__content * { + color: var(--lm-fontColor); +} +body .ui-dialog .tab-content .charsheet .caution-tape__content--solid, +body .ui-dialog .tab-content .charsheet .sheet-caution-tape__content--solid { + background-color: var(--tapeDarkStripeColor); +} +body .ui-dialog .tab-content .charsheet .caution-tape__content--solid *, +body .ui-dialog .tab-content .charsheet .sheet-caution-tape__content--solid * { + color: var(--dm-fontColor); +} +body .ui-dialog .tab-content .charsheet .caution-tape__content input, +body .ui-dialog .tab-content .charsheet .sheet-caution-tape__content input { + text-align: center; +} +body .ui-dialog .tab-content .charsheet .sidebar__container { + width: var(--sidebarContainerWidth); + border: var(--sidebarContainerBorderWidth) solid var(--sidebarContainerBorderColor); + border-radius: var(--sidebarContainerBorderRadius); + background: linear-gradient(var(--sidebarGradientColorFirst), 20%, var(--sidebarGradientColorSecond), 80%, var(--sidebarGradientColorThird)); +} +body .ui-dialog .tab-content .charsheet .sidebar { + display: flex; + justify-content: center; + align-items: center; +} +body .ui-dialog .tab-content .charsheet .sidebar table { + padding: var(--sidebarTablePadding); +} +body .ui-dialog .tab-content .charsheet .sidebar table { + margin: var(--sidebarTableMargin); +} +body .ui-dialog .tab-content .charsheet .sidebar table, +body .ui-dialog .tab-content .charsheet .sidebar tr { + width: var(--sidebarTableWidth); + text-align: center; + border-collapse: collapse; +} +body .ui-dialog .tab-content .charsheet .sidebar tbody tr:nth-child(odd) { + background-color: var(--sidebarOddRowColor); +} +body .ui-dialog .tab-content .charsheet .sidebar tbody td:first-child, +body .ui-dialog .tab-content .charsheet .sidebar thead th:first-child { + border-right: var(--sidebarCellBorderWidth) var(--sidebarCellBoderStyle) var(--sidebarCellBorderColor); +} +body .ui-dialog .tab-content .charsheet .fill-left__radio { + border: 1px solid var(--fontColor) !important; +} +body .ui-dialog .tab-content .charsheet .fill-left__radio, +body .ui-dialog .tab-content .charsheet .fill-left__radio:checked { + background-color: var(--fontColor); +} +body .ui-dialog .tab-content .charsheet .form-label, +body .ui-dialog .tab-content .charsheet .sheet-form-label { + --input-label-gap: 0; + align-items: stretch; + isolation: isolate; +} +body .ui-dialog .tab-content .charsheet .form-label .form-label__span, +body .ui-dialog .tab-content .charsheet .form-label .sheet-form-label__span, +body .ui-dialog .tab-content .charsheet .sheet-form-label .form-label__span, +body .ui-dialog .tab-content .charsheet .sheet-form-label .sheet-form-label__span { + padding: var(--tiny-gap) var(--half-gap); + background-color: var(--formSpanBack); + color: var(--formSpanColor); + text-transform: capitalize; + font-weight: bold; +} +body .ui-dialog .tab-content .charsheet .form-label .form-label__input, +body .ui-dialog .tab-content .charsheet .form-label .sheet-form-label__input, +body .ui-dialog .tab-content .charsheet .sheet-form-label .form-label__input, +body .ui-dialog .tab-content .charsheet .sheet-form-label .sheet-form-label__input { + border: none; + padding: var(--tiny-gap); + border-radius: 0; +} +body .ui-dialog .tab-content .charsheet .form-label :first-child:empty + *, +body .ui-dialog .tab-content .charsheet .form-label :first-child, +body .ui-dialog .tab-content .charsheet .sheet-form-label :first-child:empty + *, +body .ui-dialog .tab-content .charsheet .sheet-form-label :first-child { + border-top-left-radius: var(--formRadius); + border-bottom-left-radius: var(--formRadius); +} +body .ui-dialog .tab-content .charsheet .form-label :last-child, +body .ui-dialog .tab-content .charsheet .sheet-form-label :last-child { + border-top-right-radius: var(--formRadius); + border-bottom-right-radius: var(--formRadius); +} +body .ui-dialog .tab-content .charsheet .form-label .form-label__slide-out, +body .ui-dialog .tab-content .charsheet .form-label .sheet-form-label__slide-out, +body .ui-dialog .tab-content .charsheet .sheet-form-label .form-label__slide-out, +body .ui-dialog .tab-content .charsheet .sheet-form-label .sheet-form-label__slide-out { + padding-left: var(--normal-gap); + transform: translateX(calc(var(--normal-gap) * -1 + var(--tiny-gap))); + z-index: -1; +} +body .ui-dialog .tab-content .charsheet .form-label--textarea, +body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea { + gap: 0; +} +body .ui-dialog .tab-content .charsheet .form-label--textarea .form-label--textarea__span, +body .ui-dialog .tab-content .charsheet .form-label--textarea .sheet-form-label--textarea__span, +body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea .form-label--textarea__span, +body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea .sheet-form-label--textarea__span { + align-self: stretch; +} +body .ui-dialog .tab-content .charsheet .form-label--textarea .form-label--textarea__span:first-child, +body .ui-dialog .tab-content .charsheet .form-label--textarea .sheet-form-label--textarea__span:first-child, +body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea .form-label--textarea__span:first-child, +body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea .sheet-form-label--textarea__span:first-child { + border-radius: var(--formRadius) var(--formRadius) 0 0; +} +body .ui-dialog .tab-content .charsheet .form-label--textarea .form-label--textarea__input, +body .ui-dialog .tab-content .charsheet .form-label--textarea .sheet-form-label--textarea__input, +body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea .form-label--textarea__input, +body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea .sheet-form-label--textarea__input { + align-self: stretch; + border-radius: 0; +} +body .ui-dialog .tab-content .charsheet .form-label--textarea .form-label--textarea__input:last-child, +body .ui-dialog .tab-content .charsheet .form-label--textarea .sheet-form-label--textarea__input:last-child, +body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea .form-label--textarea__input:last-child, +body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea .sheet-form-label--textarea__input:last-child { + border-radius: 0 0 var(--formRadius) var(--formRadius); +} +body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line, +body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line { + flex-direction: row; +} +body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line .adaptive--text, +body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line .adaptive--text { + min-height: 0; + flex: 1; +} +body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line .form-label--textarea__span, +body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line .sheet-form-label--textarea__span, +body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line .form-label--textarea__span, +body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line .sheet-form-label--textarea__span { + align-self: stretch; +} +body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line .form-label--textarea__span:first-child, +body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line .sheet-form-label--textarea__span:first-child, +body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line .form-label--textarea__span:first-child, +body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line .sheet-form-label--textarea__span:first-child { + border-radius: var(--formRadius) 0 0 var(--formRadius); +} +body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line .form-label--textarea__input, +body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line .sheet-form-label--textarea__input, +body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line .form-label--textarea__input, +body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line .sheet-form-label--textarea__input { + align-self: stretch; + border-radius: 0; +} +body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line .form-label--textarea__input:last-child, +body .ui-dialog .tab-content .charsheet .form-label--textarea--one-line .sheet-form-label--textarea__input:last-child, +body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line .form-label--textarea__input:last-child, +body .ui-dialog .tab-content .charsheet .sheet-form-label--textarea--one-line .sheet-form-label--textarea__input:last-child { + border-radius: 0 var(--formRadius) var(--formRadius) 0; +} +body .ui-dialog .tab-content .charsheet .form-label__no-label, +body .ui-dialog .tab-content .charsheet .sheet-form-label__no-label { + border-radius: var(--formRadius) !important; +} +body .ui-dialog .tab-content .charsheet .prof-display { + isolation: isolate; +} +body .ui-dialog .tab-content .charsheet .prof-display :nth-child(2) ~ * { + z-index: -1; + position: relative; + left: calc(var(--tiny-gap) * -1); +} +body .ui-dialog .tab-content .charsheet .prof-display .fill-left__radio { + border: 1px solid var(--borderColor); +} +body .ui-dialog .tab-content .charsheet .prof-display .fill-left__radio[type=hidden][value="0"] ~ .fill-left__radio, +body .ui-dialog .tab-content .charsheet .prof-display .fill-left__radio:checked ~ .fill-left__radio { + background-color: var(--backColor); +} +body .ui-dialog .tab-content .charsheet [hidden], +body .ui-dialog .tab-content .charsheet .disabled, +body .ui-dialog .tab-content .charsheet .disabled--row { + display: none !important; +} +body .ui-dialog .tab-content .charsheet .display-control:not(:checked) + .controlled-display { + display: none !important; +} +body .ui-dialog .tab-content .charsheet .display-control--invert:checked + .controlled-display { + display: none !important; +} +body .ui-dialog .tab-content .charsheet .display-value-control:is(:not([value]), [value=""]) + .controlled-display { + display: none !important; +} +body .ui-dialog .tab-content .charsheet .recess-effect, +body .ui-dialog .tab-content .charsheet .sheet-recess-effect { + box-shadow: var(--formShadowColor1) 0px 4px 8px -1px inset, var(--formShadowColor2) 0px 6px 12px -1.5px inset; + background-color: var(--backColor); + color: var(--formColor); +} +body .ui-dialog .tab-content .charsheet .float-effect, +body .ui-dialog .tab-content .charsheet .sheet-float-effect { + filter: var(--floatShadows); +} +body .ui-dialog .tab-content .charsheet .rounded-container, +body .ui-dialog .tab-content .charsheet .sheet-rounded-container { + background-color: var(--backColor); + border-radius: var(--formRadius); +} +body .ui-dialog .tab-content .charsheet .inline-fieldset + fieldset + .repcontainer { + display: flex; + gap: var(tiny-gap) var(--half-gap); + flex-wrap: wrap; +} +body .ui-dialog .tab-content .charsheet .inline-fieldset + fieldset + .repcontainer .repitem:not(:last-child) { + display: flex; +} +body .ui-dialog .tab-content .charsheet .inline-fieldset + fieldset + .repcontainer .repitem:not(:last-child):after { + content: ","; +} +body .ui-dialog .tab-content .charsheet .locked-fieldset + fieldset + .repcontainer + .repcontrol { + display: none; +} +body .ui-dialog .tab-content .charsheet .repcontrol_edit { + display: grid; + grid-template-columns: auto 0; + grid-template-areas: "icon text"; + overflow: hidden; +} +body .ui-dialog .tab-content .charsheet .repcontrol_edit:before { + font-family: "Material Icons"; + font-weight: normal; + font-style: normal; + font-size: var(--icon-size); /* Preferred icon size */ + content: "edit"; +} +body .ui-dialog .tab-content .charsheet .repcontrol-button--add:before { + font-family: "Material Icons"; + font-weight: normal; + font-style: normal; + font-size: var(--icon-size); /* Preferred icon size */ +} +body .ui-dialog .tab-content .charsheet .repcontainer:nth-child(3) { + margin-top: var(--normal-gap); +} +body .ui-dialog .tab-content .charsheet .repcontainer:nth-last-child(2) { + margin-bottom: var(--normal-gap); +} +body .ui-dialog .tab-content .charsheet .repeating-section-container--button-margin { + padding-top: var(--big-gap); +} +body .ui-dialog .tab-content .charsheet .repitem { + display: grid; + grid-template-columns: [float-start description-start] 1fr [float-end description-end]; + grid-template-rows: [float-start] auto [description-start] auto [float-end] 1fr [description-end]; + isolation: isolate; +} +body .ui-dialog .tab-content .charsheet .repitem h3 { + text-align: left; +} +body .ui-dialog .tab-content .charsheet .repitem .section { + padding: var(--notchSize); + --sectionContentPath: polygon( + 0 0, 100% 0, + 100% var(--notch), 75% var(--notch), calc(75% - var(--slopeSize)) 100%, calc(25% + var(--slopeSize)) 100%, 25% var(--notch), 0 var(--notch) + ); +} +body .ui-dialog .tab-content .charsheet .repitem .section__content { + background-image: var(--concreteBackground); + background-blend-mode: multiply; + background-size: 700px; +} +body .ui-dialog .tab-content .charsheet .repitem .section__content { + --sectionBorderRadius: 50px; + border-radius: 0 0 var(--sectionBorderRadius) var(--sectionBorderRadius); +} +body .ui-dialog .tab-content .charsheet .repitem .float-effect { + display: grid; + grid-area: float; +} +body .ui-dialog .tab-content .charsheet .repitem .float-effect .border-value--control:is(:not([value]), [value=""]) + * { + border-top-right-radius: 10rem; + border-bottom-right-radius: 10rem; + border-right: 2px solid var(--borderColor); +} +body .ui-dialog .tab-content .charsheet .repitem .float-effect .border-control--invert:checked + * { + --formRadius: 0.5rem; + border-right: 2px solid var(--borderColor); +} +body .ui-dialog .tab-content .charsheet .repitem .float-effect > :is(input, button) { + padding-inline: var(--half-gap); + border: 2px solid var(--borderColor); + background-color: var(--backColor); + border-radius: 0; +} +body .ui-dialog .tab-content .charsheet .repitem .float-effect > :is(input, button):first-child { + border-top-left-radius: 10rem; + border-bottom-left-radius: 10rem; +} +body .ui-dialog .tab-content .charsheet .repitem .float-effect > :is(input, button):not(:last-child) { + border-right-width: 0; +} +body .ui-dialog .tab-content .charsheet .repitem .float-effect > :is(input, button):last-child { + border-top-right-radius: 10rem; + border-bottom-right-radius: 10rem; +} +body .ui-dialog .tab-content .charsheet .repitem .float-effect > input { + min-width: 5rem; +} +body .ui-dialog .tab-content .charsheet .repitem .float-effect > .roller + button + input + input, +body .ui-dialog .tab-content .charsheet .repitem .float-effect > .roller + button + input + input + input, +body .ui-dialog .tab-content .charsheet .repitem .float-effect > button + input, +body .ui-dialog .tab-content .charsheet .repitem .float-effect > button + input + input { + border-left-width: 0; +} +body .ui-dialog .tab-content .charsheet .repitem .float-effect .form-label:not(:last-child):not(:first-child) { + --formRadius: 0; +} +body .ui-dialog .tab-content .charsheet .repitem .float-effect .form-label:last-child .form-label__span { + border-radius: 0; +} +body .ui-dialog .tab-content .charsheet .repitem .float-effect .form-label:last-child .form-label__input { + border-right: 2px solid var(--borderColor); +} +body .ui-dialog .tab-content .charsheet .repitem .float-effect .form-label:first-child .form-label__input { + border-radius: 0; +} +body .ui-dialog .tab-content .charsheet .repitem .float-effect .form-label .form-label__input { + border-block: 2px solid var(--borderColor); + min-width: 2rem; + text-align: center; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} +body .ui-dialog .tab-content .charsheet .repitem .float-effect + .expanded { + grid-area: description; + z-index: -1; +} +body .ui-dialog .tab-content .charsheet .repitem .collapse { + z-index: 100000; +} +body .ui-dialog .tab-content .charsheet .collapse-arrow.collapse-arrow { + top: calc(var(--half-gap) * -1); + width: 100%; + text-align: right; + height: auto; +} +body .ui-dialog .tab-content .charsheet .collapse-arrow.collapse-arrow:before { + line-height: normal; + content: "expand_less"; + font-family: "Material Icons"; + font-weight: normal; + font-style: normal; + font-size: var(--icon-size); /* Preferred icon size */ +} +body .ui-dialog .tab-content .charsheet .collapse-arrow.collapse-arrow:checked:before { + content: "expand_more"; +} +body .ui-dialog .tab-content .charsheet .overflow-container { + position: relative; +} +body .ui-dialog .tab-content .charsheet .overflow-content { + position: absolute; + width: 100%; + background-color: var(--backColor); + filter: var(--floatShadows); + overflow: hidden; + border-radius: 15px 10px 10px 15px; +} +body .ui-dialog .tab-content .charsheet .overflow-content .collapse { + right: 0; +} +body .ui-dialog .tab-content .charsheet .overflow-content .repcontainer { + margin: 0; +} +body .ui-dialog .tab-content .charsheet .character-avatar[src]:not([src=""]) + .character-token:not([src]), body .ui-dialog .tab-content .charsheet .character-avatar[src]:not([src=""]) + .character-token[src=""], +body .ui-dialog .tab-content .charsheet .character-avatar:not([src]), +body .ui-dialog .tab-content .charsheet .character-avatar[src=""], +body .ui-dialog .tab-content .charsheet .character-token:not([src]), +body .ui-dialog .tab-content .charsheet .character-token[src=""] { + display: none; +} +body .ui-dialog .tab-content .charsheet .adaptive--input { + display: inline-grid; + min-width: 6rem; +} +body .ui-dialog .tab-content .charsheet .roller--mod-display { + display: grid; + grid-template-areas: "content"; + place-items: center; +} +body .ui-dialog .tab-content .charsheet .roller--mod-display:before { + font-size: 2rem; + position: absolute; + color: var(--dieWatermark); + z-index: -1; +} +body .ui-dialog .tab-content .charsheet .roller--mod-display:before, +body .ui-dialog .tab-content .charsheet .roller--mod-display > * { + grid-area: content; +} +body .ui-dialog .tab-content .charsheet .parentheses--surround--full:not(:empty):before { + content: "("; +} +body .ui-dialog .tab-content .charsheet .parentheses--surround--full:not(:empty):after { + content: ")"; +} +body .ui-dialog .tab-content .charsheet .tabs__nav-list { + margin: 0; + background-color: var(--tapeDarkStripeColor); + transform: skewX(-45deg); +} +body .ui-dialog .tab-content .charsheet .tabs__nav-item { + display: grid; + transform: skewX(45deg); +} +body .ui-dialog .tab-content .charsheet .tabs--everyday__header { + position: sticky; + top: 43.4px; + background: var(--cautionTape); + display: flex; + align-items: stretch; + justify-content: center; + --selectedColor: var(--tapeLightStripeColor); + --selectedTextColor: var(--tapeDarkStripeColor); + z-index: 1000; + margin-bottom: var(--normal-gap); +} +body .ui-dialog .tab-content .charsheet .tabs--everyday__header .tabs__button { + color: var(--tapeLightStripeColor); + padding-block: var(--tiny-gap); + padding-inline: var(--half-gap); + transition-property: color, background-color, padding; + transition-duration: var(--revealTime); + transition-timing-function: var(--revealFunction); +} +body .ui-dialog .tab-content .charsheet .tabs--everyday__header .tabs__button:not(.tabs--everyday__button--settings) { + text-transform: capitalize; + font-family: var(--headerFont); +} +body .ui-dialog .tab-content .charsheet .tabs--everyday__header .k-active-button { + background-color: transparent; + color: var(--selectedTextColor); + padding-inline: var(--big-gap); +} +body .ui-dialog .tab-content .charsheet .section--ability-skill { + --sectionBackgroundColor: var(--darkSectionBackgroundColor); + --borderColor:var(--sectionBackgroundColor); + color: var(--dm-fontColor); + grid-row: span 3; +} +body .ui-dialog .tab-content .charsheet .section--ability-skill .section__content { + display: grid; + grid-template-columns: 1fr auto; + gap: var(--half-gap); +} +body .ui-dialog .tab-content .charsheet .ability-display { + --modSize: 53px; + display: grid; + grid-template-columns: [mod-start] calc(var(--modSize) / 2) [score-start] calc(var(--modSize) / 2) [mod-end] 1fr [score-end] 3rem; + grid-template-rows: auto [mod-start score-start] auto [mod-end score-end]; + grid-template-areas: "name name name save-label" ". . . save"; +} +body .ui-dialog .tab-content .charsheet .ability-display > .roller, body .ui-dialog .tab-content .charsheet .ability-display .ability-display__save-label { + text-transform: capitalize; +} +body .ui-dialog .tab-content .charsheet .ability-display input[type=number] { + width: 100%; + height: 100%; + border-radius: 0; + padding-left: var(--normal-gap); +} +body .ui-dialog .tab-content .charsheet .ability-display__name { + grid-area: name; +} +body .ui-dialog .tab-content .charsheet .ability-display__save-label { + grid-area: save-label; + place-self: center; +} +body .ui-dialog .tab-content .charsheet .ability-display__mod { + position: relative; + grid-area: mod; + background-color: var(--backColor); + z-index: 1; + display: flex; + justify-content: center; + align-items: center; + font-size: 1.4rem; + color: var(--formColor); +} +body .ui-dialog .tab-content .charsheet .ability-display__score { + grid-area: score; + font-size: 2rem; +} +body .ui-dialog .tab-content .charsheet .ability-display__save { + grid-area: save; + isolation: isolate; + display: grid; + grid-template-rows: auto 2rem; + gap: var(--tiny-gap); +} +body .ui-dialog .tab-content .charsheet .ability-display__save .prof-display { + place-self: center; +} +body .ui-dialog .tab-content .charsheet .section--ability-skill__abilities { + align-self: center; + display: grid; + gap: var(--half-gap); +} +body .ui-dialog .tab-content .charsheet .section--ability-skill__skills { + padding: var(--half-gap); + background-color: var(--backColor); + border-radius: 5px; + display: grid; + grid-template-columns: 1fr auto auto; + column-gap: var(--tiny-gap); +} +body .ui-dialog .tab-content .charsheet .heroID { + display: grid; + height: auto; + border: 2px solid #353535; + border-radius: 2rem; + padding-top: 1.8rem; + background-image: var(--concreteBackground); + background-size: 700px; + background-color: var(--backColor); + background-blend-mode: var(--template-blendMode); +} +@container master (min-width: 600px) { + body .ui-dialog .tab-content .charsheet .heroID--front { + margin-left: 5rem; + } +} +body .ui-dialog .tab-content .charsheet .heroID--front { + grid-template-columns: repeat(3, 1fr); + grid-template-rows: auto 5fr; + grid-column: 1/-1; + margin-bottom: -2.5rem; + z-index: 1; +} +body .ui-dialog .tab-content .charsheet .heroID--front .heroID__avatar { + max-width: 80px; +} +body .ui-dialog .tab-content .charsheet .heroID--front .heroID__pic { + border-right: 0.2rem solid #353535; + border-top: 0.1rem solid #353535; + border-bottom: 0.1rem solid #353535; + border-left: 0.1rem solid #353535; + border-radius: 0 0 0 1.8rem; +} +body .ui-dialog .tab-content .charsheet .heroID--front .heroID__info { + grid-column: 2/-1; +} +body .ui-dialog .tab-content .charsheet .heroID--back { + grid-template-rows: repeat(3, auto); +} +body .ui-dialog .tab-content .charsheet .heroID--back .heroID__avatar { + min-height: 200px; +} +body .ui-dialog .tab-content .charsheet .heroID__header { + grid-column: 1/-1; +} +body .ui-dialog .tab-content .charsheet .heroID__title { + display: flex; + justify-content: center; + align-items: center; + text-align: center; + padding-inline: var(--big-gap); +} +body .ui-dialog .tab-content .charsheet .heroID__pic { + display: flex; + justify-content: center; + align-items: center; + background-color: var(--backColor); +} +body .ui-dialog .tab-content .charsheet .heroID__info { + padding: var(--half-gap) var(--normal-gap) var(--normal-gap) var(--half-gap); + display: flex; + flex-wrap: wrap; + gap: var(--half-gap); + justify-content: center; +} +body .ui-dialog .tab-content .charsheet .heroID__info .text { + --width: 15rem; + flex: 1 0 var(--width); + width: var(--width); +} +body .ui-dialog .tab-content .charsheet .heroID__info .text input { + width: 0; + flex: 1 0 0; +} +body .ui-dialog .tab-content .charsheet .heroID__info .number { + flex: 1 0 auto; +} +body .ui-dialog .tab-content .charsheet .heroID__info .number input { + flex: 1 0 auto; +} +body .ui-dialog .tab-content .charsheet .heroID__info .form-label--textarea { + width: 100%; + flex: 0 0 100%; +} +body .ui-dialog .tab-content .charsheet .section--defense { + --sectionRadius: 1rem; + grid-row: span 2; +} +body .ui-dialog .tab-content .charsheet .section--defense span, body .ui-dialog .tab-content .charsheet .section--defense button { + text-align: center; + text-transform: capitalize; +} +body .ui-dialog .tab-content .charsheet .section--defense .section__content { + display: grid; + gap: var(--half-gap); +} +body .ui-dialog .tab-content .charsheet .section--defense button { + justify-content: center; +} +body .ui-dialog .tab-content .charsheet .section--defense .stacked { + align-items: center; +} +body .ui-dialog .tab-content .charsheet .section--defense .stacked .input-label__input { + width: 100%; + flex: 1 0 0; +} +body .ui-dialog .tab-content .charsheet .section--defense .health { + background-color: black; + padding: var(--tiny-gap); + border-radius: var(--sectionRadius) 0 0 var(--sectionRadius); + display: flex; +} +body .ui-dialog .tab-content .charsheet .section--defense .health--hp { + background-color: black; + border-radius: calc(var(--sectionRadius) - var(--tiny-gap)); + display: grid; + gap: 1px; + grid-template-columns: 1fr 1fr 1fr; + grid-template-rows: auto auto; + grid-template-areas: "max temp current" "dice dice dice"; + overflow: hidden; +} +body .ui-dialog .tab-content .charsheet .section--defense .health--hp > * { + background-color: var(--backColor); +} +body .ui-dialog .tab-content .charsheet .section--defense .health--death { + color: var(--dm-formColor); + display: flex; + flex-direction: column; + gap: var(--half-gap); + justify-content: space-around; + align-items: center; + padding: var(--half-gap); +} +body .ui-dialog .tab-content .charsheet .section--defense .health--death .input-label { + width: 100%; + gap: var(--half-gap); + justify-content: space-between; +} +body .ui-dialog .tab-content .charsheet .section--defense .health--death .fill-left { + padding: var(--tiny-gap); + background-color: var(--backColor); + border-radius: 100px; + gap: var(--half-gap); +} +body .ui-dialog .tab-content .charsheet .section--defense .health--death .fill-left .fill-left__radio { + border-radius: 100%; + border: 1px solid black; +} +body .ui-dialog .tab-content .charsheet .section--defense .health-hp__max { + grid-area: max; +} +body .ui-dialog .tab-content .charsheet .section--defense .health-hp__current { + grid-area: current; +} +body .ui-dialog .tab-content .charsheet .section--defense .health-hp__temp { + grid-area: temp; +} +body .ui-dialog .tab-content .charsheet .section--defense .health-hp__dice { + grid-area: dice; +} +body .ui-dialog .tab-content .charsheet .section--defense .health-hp__dice input[type=number] { + min-width: 1rem; + flex: 1 1 auto; + align-self: stretch; +} +body .ui-dialog .tab-content .charsheet .section--defense .health-hp__current input { + font-size: var(--size3); +} +body .ui-dialog .tab-content .charsheet .section--defense .bonuses .input-label, +body .ui-dialog .tab-content .charsheet .section--defense .points .input-label { + display: grid; + grid-template-areas: "label" "input"; + isolation: isolate; + place-items: center; +} +body .ui-dialog .tab-content .charsheet .section--defense .bonuses .input-label:before, +body .ui-dialog .tab-content .charsheet .section--defense .bonuses .input-label__input, +body .ui-dialog .tab-content .charsheet .section--defense .points .input-label:before, +body .ui-dialog .tab-content .charsheet .section--defense .points .input-label__input { + grid-area: input; + font-size: var(--size2); + font-weight: 700; +} +body .ui-dialog .tab-content .charsheet .section--defense .bonuses .input-label:before:is(span), +body .ui-dialog .tab-content .charsheet .section--defense .bonuses .input-label__input:is(span), +body .ui-dialog .tab-content .charsheet .section--defense .points .input-label:before:is(span), +body .ui-dialog .tab-content .charsheet .section--defense .points .input-label__input:is(span) { + width: auto; +} +body .ui-dialog .tab-content .charsheet .section--defense .bonuses .input-label:before, +body .ui-dialog .tab-content .charsheet .section--defense .bonuses input.input-label__input, +body .ui-dialog .tab-content .charsheet .section--defense .points .input-label:before, +body .ui-dialog .tab-content .charsheet .section--defense .points input.input-label__input { + height: 100%; + width: 100%; +} +body .ui-dialog .tab-content .charsheet .section--defense .bonuses .input-label:before, +body .ui-dialog .tab-content .charsheet .section--defense .points .input-label:before { + z-index: -1; + position: relative; + content: ""; + filter: invert(var(--imageInvert)); + background-repeat: no-repeat; + background-size: 5rem; + background-position: center; +} +body .ui-dialog .tab-content .charsheet .section--defense .bonuses { + padding: var(--tiny-gap); + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: var(--tiny-gap); + background-color: black; +} +body .ui-dialog .tab-content .charsheet .section--defense .bonuses .input-label { + grid-template-rows: auto 1fr; + background-color: var(--backColor); +} +body .ui-dialog .tab-content .charsheet .section--defense .bonuses .defense { + --pipPos: 1.7rem; +} +body .ui-dialog .tab-content .charsheet .section--defense .bonuses .defense:before, body .ui-dialog .tab-content .charsheet .section--defense .bonuses .defense:after { + content: ""; + background-color: black; + width: 1rem; + height: 1rem; + border-radius: 0 50% 50% 0; + position: relative; + grid-area: input; +} +body .ui-dialog .tab-content .charsheet .section--defense .bonuses .defense:before { + left: calc(var(--pipPos) * -1); +} +body .ui-dialog .tab-content .charsheet .section--defense .bonuses .defense:after { + left: var(--pipPos); + rotate: 180deg; +} +body .ui-dialog .tab-content .charsheet .section--defense .bonuses .defense input { + width: 4rem; + border: 5px solid black; + height: 3rem; + aspect-ratio: 1/1; + border-radius: 0; +} +body .ui-dialog .tab-content .charsheet .section--defense .bonuses .initiative:before { + content: ""; + width: 1rem; + background-image: conic-gradient(from 145deg at 50% 30%, black, black 70deg, transparent 70deg); + background-repeat: repeat-y; + background-position: 0 0.8rem; + background-size: 1rem 1rem; + margin-left: var(--tiny-gap); + justify-self: start; +} +body .ui-dialog .tab-content .charsheet .section--defense .points { + display: grid; + gap: var(--half-gap); + grid-template-columns: 3fr 1fr; +} +body .ui-dialog .tab-content .charsheet .section--defense .points .input-label { + grid-template-rows: auto 4rem; +} +body .ui-dialog .tab-content .charsheet .section--defense .points > * { + border-radius: var(--sectionRadius); + background-color: black; + padding: var(--tiny-gap); + display: flex; + gap: var(--tiny-gap); +} +body .ui-dialog .tab-content .charsheet .section--defense .points > * > :first-child { + border-top-left-radius: calc(var(--sectionRadius) - var(--tiny-gap)); + border-bottom-left-radius: calc(var(--sectionRadius) - var(--tiny-gap)); +} +body .ui-dialog .tab-content .charsheet .section--defense .points > * > :last-child { + border-top-right-radius: calc(var(--sectionRadius) - var(--tiny-gap)); + border-bottom-right-radius: calc(var(--sectionRadius) - var(--tiny-gap)); +} +body .ui-dialog .tab-content .charsheet .section--defense .points > * .input-label { + background-color: var(--backColor); +} +body .ui-dialog .tab-content .charsheet .section--defense .points .genius:before { + background-image: var(--geniusBack); +} +body .ui-dialog .tab-content .charsheet .section--defense .points .focus:before { + background-image: var(--focusBack); +} +body .ui-dialog .tab-content .charsheet .section--defense .points .influence:before { + background-image: var(--influenceBack); +} +body .ui-dialog .tab-content .charsheet .section--defense .points .inspiration:before { + background-image: var(--inspirationBack); +} +body .ui-dialog .tab-content .charsheet .equipment-prof__container { + display: flex; + flex-direction: column; + position: relative; + border: 0.3em solid var(--borderColor); + grid-row: span 2; + padding-inline: var(--normal-gap); +} +body .ui-dialog .tab-content .charsheet .equipment-prof__container .input-label { + margin-block: 0.75rem; +} +body .ui-dialog .tab-content .charsheet .equipment-prof__container input[type=checkbox] { + border-radius: 100%; + border: 0.1rem solid var(--fontColor); + width: 0.75rem; + height: 0.75rem; +} +body .ui-dialog .tab-content .charsheet .equipment-prof__container input[type=checkbox]:before { + content: none !important; +} +body .ui-dialog .tab-content .charsheet .equipment-prof__container .input-label h5 { + font-size: 1rem; +} +body .ui-dialog .tab-content .charsheet .equipment-prof__radioInput { + display: grid; + grid-template-columns: repeat(3, 1fr); + padding: 1rem 0 10px 0; + width: 100%; +} +body .ui-dialog .tab-content .charsheet .equipment-prof__basic, body .ui-dialog .tab-content .charsheet .equipment-prof__misc { + grid-column: 1/-1; +} +body .ui-dialog .tab-content .charsheet .equipment-prof__tier1Line { + border-bottom: 3px solid var(--borderColor); + margin-left: 15%; + margin-right: 20%; +} +body .ui-dialog .tab-content .charsheet .equipment-prof__tier2Line { + border-left: 3px solid var(--borderColor); + height: 1rem; + margin-left: 15%; +} +body .ui-dialog .tab-content .charsheet .equipment-prof__tiers { + display: block; + text-align: center; +} +body .ui-dialog .tab-content .charsheet .equipment-prof__alignLeft { + text-align: left; +} +body .ui-dialog .tab-content .charsheet .equipment-prof__header { + font-size: 1.5rem; + padding-inline: var(--tiny-gap); + text-align: center; + position: absolute; + top: -1rem; + margin-inline: auto; + background: linear-gradient(transparent calc(50% - 0.3em), var(--backColor) calc(50% - 0.3em)); + align-self: center; + color: var(--sectionHeaderColor); +} +body .ui-dialog .tab-content .charsheet .tickmark { + position: relative; +} +body .ui-dialog .tab-content .charsheet .tickmark::before { + position: absolute; + inset: -0.8rem auto 0; + margin-inline: auto; + content: ""; + background-color: var(--borderColor); + width: 0.2rem; + height: 1.5rem; +} +body .ui-dialog .tab-content .charsheet .prof__visibility { + display: none; +} +body .ui-dialog .tab-content .charsheet .equipment-prof__miscInput { + border: none; + padding: var(--tiny-gap); + border-radius: var(--formRadius); + background-color: var(--backColor); + color: var(--formColor); + box-shadow: var(--formShadowColor1) 0px 4px 8px -1px inset, var(--formShadowColor2) 0px 6px 12px -1.5px inset; +} +body .ui-dialog .tab-content .charsheet .equipment-prof__miscFormat { + padding: 1rem; + background: var(--backgroundGradient); +} +body .ui-dialog .tab-content .charsheet .equipment-prof__miscFormat h3 { + white-space: pre-wrap; +} +body .ui-dialog .tab-content .charsheet .section--equipment .section__content { + display: grid; + gap: var(--half-gap); +} +body .ui-dialog .tab-content .charsheet .section--equipment .bulk-display { + justify-self: center; +} +body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_equipment] .repitem .float-effect { + grid-template-columns: 1fr auto auto; + grid-template-areas: "name qty bulk"; +} +body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_equipment] .repitem .name { + grid-area: name; +} +body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_equipment] .repitem .qty { + grid-area: qty; +} +body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_equipment] .repitem .bulk { + grid-area: bulk; +} +body .ui-dialog .tab-content .charsheet .section--weapons .float-effect { + grid-template-columns: auto 1fr auto auto; +} +body .ui-dialog .tab-content .charsheet .section--weapons .float-effect .input-label:last-child .input-label__input { + max-width: 5rem; +} +body .ui-dialog .tab-content .charsheet .section--weapons .repcontrol-button, +body .ui-dialog .tab-content .charsheet .section--weapons .repcontrol { + position: absolute; + top: 0; +} +body .ui-dialog .tab-content .charsheet .section--weapons .repcontrol { + right: calc(var(--truePadding) + var(--notchSize)); +} +body .ui-dialog .tab-content .charsheet .section--weapons .itemcontrol { + z-index: 10000; +} +body .ui-dialog .tab-content .charsheet .section--weapons .collapse { + z-index: 100000; +} +body .ui-dialog .tab-content .charsheet .section-collapsible { + display: flex; + flex-wrap: wrap; + gap: var(--half-gap); + justify-content: center; + width: 100%; + margin-top: 1rem; +} +body .ui-dialog .tab-content .charsheet .section-select { + text-align: center; +} +body .ui-dialog .tab-content .charsheet select[class=input-label__input] { + border: none; + padding: var(--tiny-gap); + background-color: var(--backColor); + color: var(--formColor); + box-shadow: var(--formShadowColor1) 0px 4px 8px -1px inset, var(--formShadowColor2) 0px 6px 12px -1.5px inset; + border-radius: 0; +} +body .ui-dialog .tab-content .charsheet select[class=input-label__input]:last-child { + border-radius: 0 var(--formRadius) var(--formRadius) 0; +} +body .ui-dialog .tab-content .charsheet .talents .feat-info { + display: flex; + flex-wrap: wrap; + gap: var(--half-gap); + justify-content: space-around; +} +body .ui-dialog .tab-content .charsheet .talents .float-effect { + grid-auto-flow: column; + grid-template-columns: 1fr auto auto; +} +body .ui-dialog .tab-content .charsheet .tabs--everyday__container--persona { + display: grid; + gap: var(--normal-gap); + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + container: persona/inline-size; + align-items: start; + grid-auto-flow: dense; +} +body .ui-dialog .tab-content .charsheet .section--notes .float-effect { + display: flex; +} +body .ui-dialog .tab-content .charsheet .section--notes input[type=text] { + width: 0; + flex: 1 1 0; +} +body .ui-dialog .tab-content .charsheet .section--persona { + grid-row: span 2; +} +body .ui-dialog .tab-content .charsheet .section--persona .section__content { + display: grid; + gap: var(--half-gap); +} +body .ui-dialog .tab-content .charsheet .tabs--everyday__container--plans-tricks { + display: grid; + gap: var(--normal-gap); + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); +} +body .ui-dialog .tab-content .charsheet .tabs--everyday__container--plans-tricks h3, +body .ui-dialog .tab-content .charsheet .tabs--everyday__container--plans-tricks [aria-level="3"] { + font-size: 100%; +} +body .ui-dialog .tab-content .charsheet .tabs--everyday__container--plans-tricks > .section > .section--layout { + min-height: 10rem; +} +body .ui-dialog .tab-content .charsheet .repcontainer:is([data-groupname$=plans], [data-groupname$=tricks]) .form-label input[type=text] { + flex: 1 1 0; + width: 0; + min-width: 4rem; +} +body .ui-dialog .tab-content .charsheet .repcontainer:is([data-groupname$=plans], [data-groupname$=tricks]) .float-effect { + grid-template-columns: auto 1fr auto; +} +body .ui-dialog .tab-content .charsheet .repcontainer:is([data-groupname$=plans], [data-groupname$=tricks]) .float-effect + .expanded .section__content { + display: grid; + gap: var(--half-gap); +} +body .ui-dialog .tab-content .charsheet .heroID--place .repcontainer { + margin: var(--half-gap) 0 0 0; +} +body .ui-dialog .tab-content .charsheet .heroID--place h2, body .ui-dialog .tab-content .charsheet .heroID--place .input-label:not(.stacked).large > [name] { + background-color: transparent; +} +body .ui-dialog .tab-content .charsheet .heroID--place .heroID__pic { + border: 2px solid var(--borderColor); +} +body .ui-dialog .tab-content .charsheet .heroID--place .heroID--place__details { + display: grid; +} +body .ui-dialog .tab-content .charsheet .heroID--place .heroID--place__details .form-label__span { + border-radius: 0; +} +body .ui-dialog .tab-content .charsheet .heroID--place .heroID__info { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); + gap: var(--normal-gap); + padding-top: 2px; +} +body .ui-dialog .tab-content .charsheet .heroID--place .heroID--place__inputs { + padding-top: var(--half-gap); + grid-template-rows: auto auto 1fr; +} +body .ui-dialog .tab-content .charsheet .heroID--place .overflow-container { + min-height: 110px; +} +body .ui-dialog .tab-content .charsheet .heroID--place .adaptive--text { + flex: 1 0 auto; +} +body .ui-dialog .tab-content .charsheet .heroID--place .collapse { + right: 0; +} +body .ui-dialog .tab-content .charsheet .heroID--place .overflow-content { + overflow: hidden; + border-radius: 15px 10px 10px 15px; + background-color: var(--backColor); + filter: var(--floatShadows); +} +body .ui-dialog .tab-content .charsheet .heroID--vehicle { + container: vehicle/inline-size; +} +body .ui-dialog .tab-content .charsheet .heroID--vehicle .heroID__info { + display: grid; + gap: var(--normal-gap); + padding: 0; +} +body .ui-dialog .tab-content .charsheet .heroID--vehicle .overflow-container { + min-height: 50px; +} +body .ui-dialog .tab-content .charsheet .heroID--vehicle .weapons-container { + flex: 1 0 400px; +} +body .ui-dialog .tab-content .charsheet .heroID--vehicle .crew-container { + flex: 1 0 250px; +} +body .ui-dialog .tab-content .charsheet .heroID--vehicle .crew-container .overflow-content { + border-bottom-right-radius: 15px; +} +body .ui-dialog .tab-content .charsheet .heroID--vehicle .heroID--vehicle__damage { + background-color: var(--sectionBackgroundColor); + border-radius: 0 0 2rem 2rem; + align-items: start; + padding: var(--half-gap); +} +body .ui-dialog .tab-content .charsheet .heroID--vehicle .damage-content { + display: contents; + color: var(--dm-fontColor); +} +body .ui-dialog .tab-content .charsheet .heroID--vehicle .damage-content > .flex-box { + align-items: center; +} +@container vehicle (max-width:681px) { + body .ui-dialog .tab-content .charsheet .heroID--vehicle .overflow-content.wide-only { + position: static; + } +} +body .ui-dialog .tab-content .charsheet .heroID--vehicle__contests { + flex: 1 0 100%; +} +body .ui-dialog .tab-content .charsheet .statblock-edit-control { + position: sticky; + z-index: 100000; + top: 48px; + padding-inline: var(--half-gap); + border-radius: 5px; + background-color: var(--backColor); + margin-left: var(--half-gap); +} +body .ui-dialog .tab-content .charsheet .tabs--everyday__container--npc { + display: flex; + flex-wrap: wrap; + gap: var(--half-gap) var(--normal-gap); +} +body .ui-dialog .tab-content .charsheet .tabs--everyday__container--npc > * { + flex: 1 0 auto; + width: 400px; +} +body .ui-dialog .tab-content .charsheet .tabs--everyday__container--npc > .repeating-section-container { + break-inside: avoid; +} +body .ui-dialog .tab-content .charsheet .statblock { + break-inside: avoid; +} +body .ui-dialog .tab-content .charsheet .statblock__subrow.collapse-container.flex-box { + display: flex; +} +body .ui-dialog .tab-content .charsheet .statblock__row:not(.statblock__header) { + display: grid; + gap: var(--tiny-gap); +} +body .ui-dialog .tab-content .charsheet .statblock__row { + border-bottom: 1px solid var(--borderColor); + padding: var(--tiny-gap); +} +body .ui-dialog .tab-content .charsheet .statblock__row input { + text-align: center; +} +body .ui-dialog .tab-content .charsheet .statblock__row > .collapse { + right: auto; + left: calc(var(--half-gap) * -1); +} +body .ui-dialog .tab-content .charsheet .statblock__row .flex-box > input[type=text] { + width: 3rem; + flex: 1 auto; +} +body .ui-dialog .tab-content .charsheet .statblock__row__header { + color: var(--statblockColor2); + font-weight: bold; + text-transform: capitalize !important; +} +body .ui-dialog .tab-content .charsheet .statblock__edit .statblock__subrow > .repcontainer { + margin-top: var(--big-gap); + margin-bottom: var(--half-gap); + display: block; + column-width: 400px; + column-gap: var(--half-gap); +} +body .ui-dialog .tab-content .charsheet .statblock__edit .statblock__subrow > .repcontainer .repitem { + break-inside: avoid; + margin-bottom: var(--half-gap); +} +body .ui-dialog .tab-content .charsheet .statblock__ability-scores { + border: 3px double var(--borderColor); + padding: var(--half-gap) var(--tiny-gap); +} +body .ui-dialog .tab-content .charsheet .statblock__ability-scores .score { + display: grid; + grid-template-columns: auto auto; + grid-template-rows: auto auto; + grid-template-areas: "button button" "score mod"; + column-gap: var(--half-gap); +} +body .ui-dialog .tab-content .charsheet .statblock__ability-scores input { + width: 2rem; +} +body .ui-dialog .tab-content .charsheet .statblock__ability-scores .statblock__row__header { + grid-area: button; +} +body .ui-dialog .tab-content .charsheet .statblock__header { + border-bottom: 2px solid var(--borderColor); +} +body .ui-dialog .tab-content .charsheet .statblock__header * { + color: var(--statblockColor1); +} +body .ui-dialog .tab-content .charsheet .statblock__header > :first-child { + text-align: left; + flex: 1 1 0; + width: 0; +} +body .ui-dialog .tab-content .charsheet .statblock__header .input-label .input-label__input { + width: 3rem; + text-align: center; + flex: 0 0 !important; +} +body .ui-dialog .tab-content .charsheet .section--npc-traits .repcontainer { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); + gap: var(--half-gap) var(--normal-gap); +} +body .ui-dialog .tab-content .charsheet .section--npc-traits .repitem { + break-inside: avoid; +} +body .ui-dialog .tab-content .charsheet .section--npc-traits .float-effect { + grid-template-columns: auto 1fr; +} +body .ui-dialog .tab-content .charsheet .section--npc-actions .float-effect { + grid-template-columns: auto 1fr auto auto; +} +body .ui-dialog .tab-content .charsheet .tabs__body { + container: master/inline-size; +} +body .ui-dialog .tab-content .charsheet .tabs--everyday__container--core { + display: grid; + flex-wrap: wrap; + grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); + grid-template-rows: repeat(3, auto) 1fr; + grid-auto-flow: dense; + gap: var(--big-gap); + align-items: start; +} +body .ui-dialog .tab-content .charsheet .section--npc-actions .float-effect { + grid-template-columns: auto 1fr auto auto; +} +body .ui-dialog .tab-content .charsheet .section--npc-actions .repcontrol-button, +body .ui-dialog .tab-content .charsheet .section--npc-actions .repcontrol { + position: absolute; + top: 0; +} +body .ui-dialog .tab-content .charsheet .section--npc-actions .repcontrol { + right: calc(var(--truePadding) + var(--notchSize)); +} +body .ui-dialog .tab-content .charsheet .section--npc-actions .itemcontrol { + z-index: 10000; +} +body .ui-dialog .tab-content .charsheet .section--npc-actions .collapse { + z-index: 100000; +} +body .ui-dialog .tab-content .charsheet .content-row-gap { + margin-bottom: 0.5rem; +} +body .ui-dialog .tab-content .charsheet .tabs--everyday__container--settings .section__content { + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; + gap: var(--normal-gap) var(--half-gap); +} +body .ui-dialog .tab-content .charsheet .tabs--everyday__container--settings .section__content .mods { + column-width: 225px; + gap: var(--normal-gap); + width: 100%; +} +body .ui-dialog .tab-content .charsheet .tabs--everyday__container--settings .section__content .mods h3 { + column-span: all; +} +body .ui-dialog .tab-content .charsheet .tabs--everyday__container--settings .section__content .mods > * { + margin-bottom: var(--half-gap); +} +body .ui-dialog .tab-content .charsheet .tabs--everyday__container--settings .section__content .mods .input-label, +body .ui-dialog .tab-content .charsheet .tabs--everyday__container--settings .section__content .mods span { + flex: 1 0 auto; +} +body .ui-dialog .tab-content .charsheet input:placeholder-shown { + text-transform: capitalize; +} +body .ui-dialog .tab-content .charsheet .roller { + gap: var(--tiny-gap); +} +body .ui-dialog .tab-content .charsheet select { + border: none; +} +body .ui-dialog .tab-content .charsheet label { + color: inherit; + font-family: inherit; +} +body .ui-dialog .tab-content .charsheet .itemcontrol { + z-index: 10000; +} +body .ui-dialog .tab-content .charsheet [hidden] { + display: none; +} +body .ui-dialog .tab-content .charsheet .fill-left__radio[type=hidden][value="0"] ~ .fill-left__radio { + background-color: transparent; +} +body .ui-dialog .tab-content .charsheet .thin-border { + border-width: 1px; + border-style: solid; + border-color: var(--borderColor); +} +body .ui-dialog .tab-content .charsheet .thick-border { + border-width: var(--tiny-gap); + border-style: solid; + border-color: var(--borderColor); +} +body .ui-dialog .tab-content .charsheet .circle { + border-radius: 100%; + aspect-ratio: 1/1; +} +body.sheet-darkmode .ui-dialog { + --backColor:var(--dm-backColor); + --selectedColor:var(--dm-selectedColor); + --unselectedColor1:var(--dm-unselectedColor1); + --unselectedColor1:var(--dm-unselectedColor2); + --checkColor:var(--dm-checkColor); + --borderColor:var(--dm-borderColor); + --fontColor:var(--dm-fontColor); + --disabledColor:var(--dm-disabledColor); + --fontColor: var(--dm-fontColor); + --selectColor: var(--dm-fontColor); + --selectedTextColor: var(--dm-selectedTextColor); + --sectionBorderColor: var(--dm-sectionBorderColor); + --sectionBackgroundColor: var(--dm-sectionBackgroundColor); + --darkSectionBackgroundColor: var(--dm-darkSectionBackgroundColor); + --sectionFontColor: var(--dm-sectionFontColor); + --sectionHeaderColor: var(--dm-sectionHeaderColor); + --formSpanBack: var(--dm-formSpanBack); + --formSpanColor: var(--dm-formSpanColor); + --formColor: var(--dm-formColor); + --formShadowColor1: var(--dm-formShadowColor1); + --formShadowColor2: var(--dm-formShadowColor2); + --dieWatermark: var(--dm-dieWatermark); + --borderColor: var(--dm-borderColor); + --statblockColor1:var(--dm-statblockColor1); + --statblockColor2:var(--dm-statblockColor2); + --tapeLightStripeColor: var(--dm-tapeLightStripeColor); + --tapeDarkStripeColor: var(--dm-tapeDarkStripeColor); + --cautionTape:var(--dm-cautionTape); + --collapseExpandedColor:var(--dm-collapseColor); + --collapseCollapsedColor:var(--dm-collapseColor); + --template-blendMode:var(--dm-template-blendMode); + color: var(--fontColor); +} + +.sheet-rolltemplate-everyday { + --font1:var(--topHeadFont); + --font2:var(--topHeadFont); + --font3:var(--midHeadFont); + --font4:var(--midHeadFont); + --font5:var(--midHeadFont); + --font6:var(--contentHeadFont); + --font7:var(--contentHeadFont); + --baseFontSize: 16px; + --size1:300%; + --size2:250%; + --size3:200%; + --size4:150%; + --size5:125%; + --size6:100%; + --size7:87.5%; + --icon-size:24px; + --font-icon: "Material Icons"; + --normal-gap-x:1rem; + --normal-gap-y:1rem; + --normal-gap: var(--normal-gap-x); + --half-gap-x:calc(var(--normal-gap-x) / 2); + --half-gap-y:calc(var(--normal-gap-y) / 2); + --half-gap: var(--half-gap-x); + --tiny-gap-x:calc(var(--half-gap-x) / 2); + --tiny-gap-y:calc(var(--half-gap-y) / 2); + --tiny-gap: var(--tiny-gap-x); + --big-gap-x:calc(var(--normal-gap-x) * 2); + --big-gap-y:calc(var(--normal-gap-y) * 2); + --big-gap: var(--big-gap-x); + --lm-backColor:#fff; + --dm-backColor:var(--dark-surface1); + --backColor:var(--lm-backColor); + --lm-selectedColor:#000; + --dm-selectedColor:#007476; + --selectedColor:var(--lm-selectedColor); + --lm-unselectedColor1:lightgrey; + --dm-unselectedColor1:#0e0e0e; + --unselectedColor1:var(--lm-unselectedColor1); + --lm-unselectedColor2:transparent; + --dm-unselectedColor2:transparent; + --unselectedColor1:var(--lm-unselectedColor2); + --lm-checkColor:#000; + --dm-checkColor:#ff0000; + --checkColor:var(--lm-checkColor); + --lm-checkedBackColor:transparent; + --dm-checkedBackColor:transparent; + --checkedBackColor:var(--lm-checkedBackColor); + --lm-borderColor:#000; + --dm-borderColor:lightgrey; + --borderColor:var(--lm-borderColor); + --lm-fontColor:#0f0f0f; + --dm-fontColor:var(--dark-primarytext); + --fontColor:var(--lm-fontColor); + --lm-disabledColor:var(--lm-unselectedColor1); + --dm-disabledColor:var(--dm-unselectedColor1); + --disabledColor:var(--lm-disabledColor); + --checkContent: "✓"; + --checkWeight: bold; + --checkSize: 150%; + --checkLineHeight: calc(var(--checkSize) / 3); + --checkboxBorderWidth: var(--borderWidth); + --checkboxBorderStyle: var(--borderStyle); + --lm-checkboxBorderColor: var(--lm-borderColor); + --dm-checkboxBorderColor: var(--dm-borderColor); + --checkboxBorderColor: var(--lm-checkBorderColor); + --checkboxWidth: 14px; + --checkboxHeight: 14px; + --inputTopPadding: 2px; + --inputRightPadding: 2px; + --inputBottomPadding: 2px; + --inputLeftPadding: 2px; + --inputPadding: + var(--inputTopPadding) + var(--inputRightPadding) + var(--inputBottomPadding) + var(--inputLeftPadding); + --lm-placeholderColor:#ededed80; + --dm-placeholderColor:#3f3f3f80; + --placeholderColor: var(--lm-placeholderColor); + --textareaResize: vertical; + --borderWidth:1px; + --borderStyle:solid; + --expandedSymbol:"unfold_less"; + --collapsedSymbol: "unfold_more"; + --collapseHoverOpacity: 1; + --collapseBaseOpacity: 0; + --lm-collapseExpandedColor:var(--lm-selectedColor); + --dm-collapseExpandedColor:var(--dm-selectedColor); + --collapseExpandedColor: var(--lm-collapseExpandedColor); + --lm-collapseCollapsedColor:var(--lm-unselectedColor); + --dm-collapseCollapsedColor:var(--dm-unselectedColor); + --collapseCollapsedColor: var(--lm-collapseCollapsedColor); + --fillLeftDisplay: flex; + --fillLeftAlignment: center; + --fillLeftDataTransform: uppercase; + --fillLeftDataSize: var(--size6); + --lm-fillLeftSelectedColor: var(--lm-selectedColor); + --dm-fillLeftSelectedColor: var(--dm-selectedColor); + --fillLeftSelectedColor: var(--lm-fillLeftSelectedColor); + --lm-fillLeftUnselectedColor: var(--lm-unselectedColor); + --dm-fillLeftUnselectedColor: var(--dm-unselectedColor); + --fillLeftUnselectedColor: var(--lm-fillLeftUnselectedColor); + --lm-fillLeftDataColor: var(--lm-backColor); + --dm-fillLeftDataColor: var(--dm-backColor); + --fillLeftDataColor: var(--lm-fillLeftDataColor); + --lm-selectColor: var(--lm-fontColor); + --dm-selectColor: var(--dm-fontColor); + --selectColor: var(--lm-fontColor); + --selectTextOverflow: var(--textOverflow); + --selectTextAlign: center; + --selectTextTransform: capitalize; + --revealTime:500ms; + --revealFunction: ease-in-out; + --revealTrans: var(--revealTime) var(--revealFunction); + --kmodal-width:fit-content; + --kmodal-height:fit-content; + --kmodal-max-width:90vw; + --kmodal-max-height:90vh; + --lm-kmodal-overlay-background:rgba(0,0,0,.9); + --dm-kmodal-overlay-background:rgba(0,0,0,.9); + --kmodal-overlay-background: var(--lm-kmodal-overlay-background); + --lm-kmodal-dialog-background:var(--lm-backColor); + --dm-kmodal-dialog-background:var(--dm-backColor); + --kmodal-dialog-background: var(--lm-kmodal-dialog-background); + --kmodal-border-width:0px; + --kmodal-border-color:transparent; + --lm-kmodal-box-shadow-color1:rgba(0, 0, 0, 0.25); + --dm-kmodal-box-shadow-color1:rgba(0, 0, 0, 0.25); + --kmodal-box-shadow-color1:var(--lm-kmodal-box-shadow-color1); + --kmodal-box-shadow-blur1:28px; + --kmodal-box-shadow-x1:0px; + --kmodal-box-shadow-y1:14px; + --kmodal-box-shadow-spread1:0px; + --lm-kmodal-box-shadow-color2:rgba(0, 0, 0, 0.22); + --dm-kmodal-box-shadow-color2:rgba(0, 0, 0, 0.22); + --kmodal-box-shadow-color2:var(--lm-kmodal-box-shadow-color2); + --kmodal-box-shadow-blur2:10px; + --kmodal-box-shadow-x2:0px; + --kmodal-box-shadow-y2:10px; + --kmodal-box-shadow-spread2:0px; + --kmodal-box-shadow: + var(--kmodal-box-shadow-x1) var(--kmodal-box-shadow-y1) var(--kmodal-box-shadow-blur1) var(--kmodal-box-shadow-spread1) var(--kmodal-box-shadow-color1), + var(--kmodal-box-shadow-x2) var(--kmodal-box-shadow-y2) var(--kmodal-box-shadow-blur2) var(--kmodal-box-shadow-spread2) var(--kmodal-box-shadow-color2); + --kmodal-close-width:1rem; + --kmodal-close-height:1rem; + --lm-kmodal-close-color:#ccc; + --dm-kmodal-close-color:#aaa; + --kmodal-close-color:var(--lm-kmodal-close-color); + --lm-kmodal-close-hover-color:#aaa; + --dm-kmodal-close-hover-color:#aaa; + --kmodal-close-hover-color:var(--lm-kmodal-close-hover-color); + --kmodal-close-line-thickness:2px; + --kmodal-close-line-length:calc(var(--kmodal-close-width) * 1.5); + --contentFont:"Comme", sans-serif; + --headerFont: "Black Ops One", cursive; + --midHeaderFont: "Comme", sans-serif; + --lm-collapseColor:black; + --dm-collapseColor:var(--dm-fontColor); + --collapseExpandedColor:var(--lm-collapseColor); + --collapseCollapsedColor:var(--lm-collapseColor); + --lm-checkedBackColor: black; + --dm-checkedBackColor: var(--tapeLightStripeColor); + --lm-selectedTextColor: beige; + --dm-selectedTextColor: black; + --selectedTextColor: var(--lm-selectedTextColor); + --lm-fontColor: black; + --dm-fontColor: beige; + --fontColor: var(--lm-fontColor); + --selectColor: var(--lm-fontColor); + --lm-template-blendMode: none; + --dm-template-blendMode:soft-light; + --template-blendMode:var(--lm-template-blendMode); + --lm-sectionBackgroundColor: lightgrey; + --dm-sectionBackgroundColor: #353535; + --sectionBackgroundColor: var(--lm-sectionBackgroundColor); + --input-label-gap: var(--half-gap); + --lm-darkSectionBackgroundColor: rgba(0, 0, 0, 0.948); + --dm-darkSectionBackgroundColor: rgba(0, 0, 0, 0.948); + --darkSectionBackgroundColor: var(--lm-darkSectionBackgroundColor); + --lm-sectionBorderColor: black; + --dm-sectionBorderColor: var(--dm-tapeLightStripeColor); + --sectionBorderColor: var(--lm-sectionBorderColor); + --sectionBorderWidth: 2px; + --lm-sectionHeaderColor: var(--lm-fontColor); + --dm-sectionHeaderColor: var(--dm-tapeLightStripeColor); + --sectionHeaderColor: var(--lm-sectionHeaderColor); + --lm-sectionFontColor: rgb(24, 24, 27); + --dm-sectionFontColor: beige; + --sectionFontColor: var(--lm-sectionFontColor); + --sidebarContainerWidth: 25%; + --sidebarContainerBorderWidth: 0.4rem; + --sidebarContainerBorderColor: #353535; + --sidebarContainerBorderRadius: 2rem; + --sidebarGradientColorFirst: #ffda62; + --sidebarGradientColorSecond: #ffff60; + --sidebarGradientColorThird: #fffddd; + --sidebarOddRowColor: #ffda62; + --sidebarTablePadding: 3rem; + --sidebarTableMargin: 2.5rem; + --sidebarTableWidth: 100%; + --sidebarCellBorderWidth: 0.3rem; + --sidebarCellBorderColor: #353535; + --sidebarCellBoderStyle: double; + --formRadius: 0.5rem; + --lm-formColor: black; + --dm-formColor: beige; + --formColor: var(--lm-formColor); + --formBackColor: var(--backColor); + --lm-formShadowColor1: rgba(50, 50, 93, 0.25); + --lm-formShadowColor2: rgba(0, 0, 0, 0.3); + --dm-formShadowColor1: rgba(30, 30, 64, 0.25); + --dm-formShadowColor2: rgba(0, 0, 0, 0.556); + --formShadowColor1: var(--lm-formShadowColor1); + --formShadowColor2: var(--lm-formShadowColor2); + --lm-formSpanBack: var(--tapeDarkStripeColor); + --dm-formSpanBack: var(--dm-tapeLightStripeColor); + --formSpanBack: var(--lm-formSpanBack); + --lm-formSpanColor: rgb(205, 218, 226); + --dm-formSpanColor: #17191a; + --formSpanColor: var(--lm-formSpanColor); + --tapeContainerHeight: 100%; + --lm-tapeLightStripeColor: #ffff60; + --dm-tapeLightStripeColor: #f5c454; + --tapeLightStripeColor: var(--lm-tapeLightStripeColor); + --lm-tapeDarkStripeColor: #353535; + --dm-tapeDarkStripeColor: #101010; + --tapeDarkStripeColor: var(--lm-tapeDarkStripeColor); + --tapeBorderColor: #353535; + --tapeBorderWidth: 0.1rem; + --tapeStripeSize: 1.5rem; + --lm-cautionTape: repeating-linear-gradient( + -45deg, + var(--lm-tapeLightStripeColor) 0 var(--tapeStripeSize), + var(--lm-tapeDarkStripeColor) var(--tapeStripeSize) + calc(var(--tapeStripeSize) * 2) + ); + --dm-cautionTape: repeating-linear-gradient( + -45deg, + var(--dm-tapeLightStripeColor) 0 var(--tapeStripeSize), + var(--dm-tapeDarkStripeColor) var(--tapeStripeSize) + calc(var(--tapeStripeSize) * 2) + ); + --cautionTape:var(--lm-cautionTape); + --lineSpacer: 0.3rem; + --lm-dieWatermark: #e9e9e9; + --dm-dieWatermark: black; + --dieWatermark: var(--lm-dieWatermark); + --lm-borderColor: #353535; + --dm-borderColor: var(--dm-tapeLightStripeColor); + --lm-imageInvert: 0; + --dm-imageInvert: 0.6; + --imageInvert:var(--lm-imageInvert); + --geniusBack: url("https://s3.amazonaws.com/files.d20.io/images/340451606/ge9DgfDNVv6Sz1ERcgD-TQ/original.webp"); + --focusBack: url("https://s3.amazonaws.com/files.d20.io/images/340451603/5uETo9bzyRPsdl5FjuaRVg/original.webp"); + --influenceBack: url("https://s3.amazonaws.com/files.d20.io/images/340451605/UZBb9ALC_vQrZ9w0j8xh-A/original.webp"); + --inspirationBack: url("https://s3.amazonaws.com/files.d20.io/images/340451604/S8tWTbNmUU3gREzFavy0lA/original.webp"); + --floatShadows: drop-shadow(var(--formShadowColor1) 0px 4px 8px) drop-shadow(var(--formShadowColor2) 0px 6px 12px); + --notchSize: 0.5rem; + --truePadding: var(--notchSize); + --notch: calc(100% - var(--notchSize)); + --cornerSize: min(5rem,min(20cqw,20cqh)); + --slopeSize:calc(var(--notchSize) * 0.6666); + --cornerSlopeSize: calc(var(--cornerSize) + var(--slopeSize)); + --sectionHeadFontSize: 1.5rem; + --sectionContentPath: + polygon( + 0 0, var(--cornerSize) 0, var(--cornerSlopeSize) var(--notchSize), calc(100% - var(--cornerSlopeSize)) var(--notchSize), calc(100% - var(--cornerSize)) 0 , + 100% 0, 100% var(--cornerSize), var(--notch) var(--cornerSlopeSize), var(--notch) calc(100% - var(--cornerSlopeSize)), 100% calc(100% - var(--cornerSize)), + 100% 100%, calc(100% - var(--cornerSize)) 100%, calc(100% - var(--cornerSize)) 100%, calc(100% - var(--cornerSlopeSize)) var(--notch), var(--cornerSlopeSize) var(--notch), var(--cornerSize) 100%, + 0 100%, 0 calc(100% - var(--cornerSize)), var(--notchSize) calc(100% - var(--cornerSlopeSize)), var(--notchSize) var(--cornerSlopeSize), 0 var(--cornerSize) + ); + --sectionHeadPath: polygon(var(--sectionHeadFontSize) 0,calc(100% - var(--sectionHeadFontSize)) 0,100% 100%,0 100%); + --size1: 200%; + --size2: 150%; + --size3: 100%; + --size4: 100%; + --size5: 100%; + --size6: 100%; + --font1: var(--headerFont); + --font2: var(--headerFont); + --font3: var(--headerFont); + --font4: var(--midHeaderFont); + --font5: var(--midHeaderFont); + --font6: var(--contentFont); + --lm-statblockColor1:#ed2238; + --dm-statblockColor1:#ed2238; + --statblockColor1:var(--lm-statblockColor1); + --lm-statblockColor2:#132262; + --dm-statblockColor2:#00b1f0; + --statblockColor2:var(--lm-statblockColor2); + --concreteBackground: url("https://files.d20.io/images/338459767/JULvl8XV4Vxz2tV7I67edA/original.png"); + --concreteBackground2: url("https://files.d20.io/images/338460570/GaALpY1919eyaTl6QgBt1A/original.png"); + font-family: var(--contentFont); + font-weight: 400; + --lm-fullcritColor:#4bb150; + --dm-fullcritColor:#4bb150; + --fullcritColor:var(--lm-fullcritColor); + --lm-fullfailColor:#b83232; + --dm-fullfailColor:#ff0f0f; + --fullfailColor:var(--lm-fullfailColor); + --lm-importantrollColor:#0091c5; + --dm-importantrollColor:#00b1f0; + --importantrollColor:var(--lm-importantrollColor); + --lm-rollColor:black; + --dm-rollColor:white; + --rollColor:var(--lm-rollColor); + --templateBorder:calc(var(--borderWidth) * 3) solid var(--tapeDarkStripeColor); + --lm-description-backColor: var(--lm-backColor); + --dm-description-backColor:transparent; + --description-backColor:var(--lm-description-backColor); + margin-left: -40px; + margin-right: -10px; + margin-bottom: var(--big-gap); + filter: var(--floatShadows); +} +.sheet-rolltemplate-everyday:not(:first-child) { + padding-top: 10px; +} +.sheet-rolltemplate-everyday .sheet-template { + background-image: var(--concreteBackground); + background-size: 700px; + background-color: var(--backColor); + background-blend-mode: var(--template-blendMode); + border-radius: 2rem; + border: var(--templateBorder); +} +.sheet-rolltemplate-everyday .sheet-template select, +.sheet-rolltemplate-everyday .sheet-template textarea, +.sheet-rolltemplate-everyday .sheet-template input, +.sheet-rolltemplate-everyday .sheet-template .uneditable-input, +.sheet-rolltemplate-everyday .sheet-template label, +.sheet-rolltemplate-everyday .sheet-template button { + all: initial; +} +.sheet-rolltemplate-everyday .sheet-template .flex-box, +.sheet-rolltemplate-everyday .sheet-template .sheet-flex-box { + display: flex; +} +.sheet-rolltemplate-everyday .sheet-template .flex-wrap, +.sheet-rolltemplate-everyday .sheet-template .sheet-flex-wrap { + flex-wrap: wrap; +} +.sheet-rolltemplate-everyday .sheet-template .justify-space-around, +.sheet-rolltemplate-everyday .sheet-template .sheet-justify-space-around { + justify-content: space-around; +} +.sheet-rolltemplate-everyday .sheet-template .justify-space-between, +.sheet-rolltemplate-everyday .sheet-template .sheet-justify-space-between { + justify-content: space-between; +} +.sheet-rolltemplate-everyday .sheet-template .justify-center, +.sheet-rolltemplate-everyday .sheet-template .sheet-justify-center { + justify-content: center; +} +.sheet-rolltemplate-everyday .sheet-template .flex-min-content, +.sheet-rolltemplate-everyday .sheet-template .sheet-flex-min-content { + flex: 1 0 min-content; +} +.sheet-rolltemplate-everyday .sheet-template .stacked { + flex-direction: column; +} +.sheet-rolltemplate-everyday .sheet-template .stacked.center > * { + text-align: center; +} +.sheet-rolltemplate-everyday .sheet-template .stacked:not(.center) { + align-items: start; +} +.sheet-rolltemplate-everyday .sheet-template .stacked > [name]:not([type=number]):not([type=checkbox]):not([type=radio]) { + width: 100%; +} +.sheet-rolltemplate-everyday .sheet-template .flex-column, +.sheet-rolltemplate-everyday .sheet-template .sheet-flex-column { + flex-direction: column; +} +.sheet-rolltemplate-everyday .sheet-template .flex-row-reverse, +.sheet-rolltemplate-everyday .sheet-template .sheet-flex-row-revers { + flex-direction: row-reverse; +} +.sheet-rolltemplate-everyday .sheet-template .flex-column-reverse, +.sheet-rolltemplate-everyday .sheet-template .sheet-flex-column-reverse { + flex-direction: column-reverse; +} +.sheet-rolltemplate-everyday .sheet-template .normal-gap, +.sheet-rolltemplate-everyday .sheet-template .sheet-normal-gap { + gap: var(--normal-gap); +} +.sheet-rolltemplate-everyday .sheet-template .normal-gap-x, +.sheet-rolltemplate-everyday .sheet-template .sheet-normal-gap-x { + column-gap: var(--normal-gap-x); +} +.sheet-rolltemplate-everyday .sheet-template .normal-gap-y, +.sheet-rolltemplate-everyday .sheet-template .sheet-normal-gap-y { + row-gap: var(--normal-gap-y); +} +.sheet-rolltemplate-everyday .sheet-template .half-gap, +.sheet-rolltemplate-everyday .sheet-template .sheet-half-gap { + gap: var(--half-gap); +} +.sheet-rolltemplate-everyday .sheet-template .half-gap-x, +.sheet-rolltemplate-everyday .sheet-template .sheet-half-gap-x { + column-gap: var(--half-gap-x); +} +.sheet-rolltemplate-everyday .sheet-template .half-gap-y, +.sheet-rolltemplate-everyday .sheet-template .sheet-half-gap-y { + row-gap: var(--half-gap-y); +} +.sheet-rolltemplate-everyday .sheet-template .tiny-gap, +.sheet-rolltemplate-everyday .sheet-template .sheet-tiny-gap { + gap: var(--tiny-gap); +} +.sheet-rolltemplate-everyday .sheet-template .tiny-gap-x, +.sheet-rolltemplate-everyday .sheet-template .sheet-tiny-gap-x { + column-gap: var(--tiny-gap-x); +} +.sheet-rolltemplate-everyday .sheet-template .tiny-gap-y, +.sheet-rolltemplate-everyday .sheet-template .sheet-tiny-gap-y { + row-gap: var(--tiny-gap-y); +} +.sheet-rolltemplate-everyday .sheet-template .big-gap, +.sheet-rolltemplate-everyday .sheet-template .sheet-big-gap { + gap: var(--big-gap); +} +.sheet-rolltemplate-everyday .sheet-template .big-gap-x, +.sheet-rolltemplate-everyday .sheet-template .sheet-big-gap-x { + column-gap: var(--big-gap-x); +} +.sheet-rolltemplate-everyday .sheet-template .big-gap-y, +.sheet-rolltemplate-everyday .sheet-template .sheet-big-gap-y { + row-gap: var(--big-gap-y); +} +.sheet-rolltemplate-everyday .sheet-template .grid, +.sheet-rolltemplate-everyday .sheet-template .sheet-grid { + display: grid; +} +.sheet-rolltemplate-everyday .sheet-template .grid-span-2, +.sheet-rolltemplate-everyday .sheet-template .sheet-grid-span-2 { + grid-column: span 2; +} +.sheet-rolltemplate-everyday .sheet-template .grid-span-all, +.sheet-rolltemplate-everyday .sheet-template .sheet-grid-span-all { + grid-column: 1/-1; +} +.sheet-rolltemplate-everyday .sheet-template .grid-column, +.sheet-rolltemplate-everyday .sheet-template .sheet-grid-column { + grid-auto-flow: column; +} +.sheet-rolltemplate-everyday .sheet-template .grid-dense, +.sheet-rolltemplate-everyday .sheet-template .sheet-grid-dense { + grid-auto-flow: dense; +} +.sheet-rolltemplate-everyday .sheet-template .boxed, +.sheet-rolltemplate-everyday .sheet-template .sheet-boxed { + border: 2px solid var(--borderColor); + border-radius: 0; + box-sizing: border-box; +} +.sheet-rolltemplate-everyday .sheet-template .boxed.thick-left, +.sheet-rolltemplate-everyday .sheet-template .sheet-boxed.thick-left { + border-left-width: 5px; +} +.sheet-rolltemplate-everyday .sheet-template .boxed.thick-bottom, +.sheet-rolltemplate-everyday .sheet-template .sheet-boxed.thick-bottom { + border-bottom-width: 5px; +} +.sheet-rolltemplate-everyday .sheet-template .boxed.thick-right, +.sheet-rolltemplate-everyday .sheet-template .sheet-boxed.thick-right { + border-right-width: 5px; +} +.sheet-rolltemplate-everyday .sheet-template .boxed.thick-top, +.sheet-rolltemplate-everyday .sheet-template .sheet-boxed.thick-top { + border-top-width: 5px; +} +.sheet-rolltemplate-everyday .sheet-template .underlined, +.sheet-rolltemplate-everyday .sheet-template .sheet-underlined { + border-width: 1px 3px; + border-style: solid; + border-radius: 5px; + border-color: transparent; + box-sizing: border-box; + border-radius: 0; + border-bottom: 1px solid var(--borderColor); + transition: border-radius border var(--revealTrans); +} +.sheet-rolltemplate-everyday .sheet-template :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:hover, :focus, :focus-within) { + border-width: 1px 3px; + border-style: solid; + border-color: var(--borderColor); + border-radius: 5px; + box-sizing: border-box; +} +.sheet-rolltemplate-everyday .sheet-template :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:focus, :focus-within) { + background-color: var(--disabledColor); +} +.sheet-rolltemplate-everyday .sheet-template .underlined--invisible { + border-color: transparent !important; +} +.sheet-rolltemplate-everyday .sheet-template .ratio1-1, +.sheet-rolltemplate-everyday .sheet-template .sheet-ratio1-1 { + aspect-ratio: 1/1; +} +.sheet-rolltemplate-everyday .sheet-template span, +.sheet-rolltemplate-everyday .sheet-template input, +.sheet-rolltemplate-everyday .sheet-template textarea, +.sheet-rolltemplate-everyday .sheet-template button, +.sheet-rolltemplate-everyday .sheet-template select { + line-height: normal; + color: inherit; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +.sheet-rolltemplate-everyday .sheet-template .text-1, +.sheet-rolltemplate-everyday .sheet-template .sheet-text-1 { + font-size: var(--size1); +} +.sheet-rolltemplate-everyday .sheet-template .text-2, +.sheet-rolltemplate-everyday .sheet-template .sheet-text-2 { + font-size: var(--size2); +} +.sheet-rolltemplate-everyday .sheet-template .text-3, +.sheet-rolltemplate-everyday .sheet-template .sheet-text-3 { + font-size: var(--size3); +} +.sheet-rolltemplate-everyday .sheet-template .text-4, +.sheet-rolltemplate-everyday .sheet-template .sheet-text-4 { + font-size: var(--size4); +} +.sheet-rolltemplate-everyday .sheet-template .text-5, +.sheet-rolltemplate-everyday .sheet-template .sheet-text-5 { + font-size: var(--size5); +} +.sheet-rolltemplate-everyday .sheet-template .text-6, +.sheet-rolltemplate-everyday .sheet-template .sheet-text-6 { + font-size: var(--size6); +} +.sheet-rolltemplate-everyday .sheet-template .text-7, +.sheet-rolltemplate-everyday .sheet-template .sheet-text-7 { + font-size: var(--size7); +} +.sheet-rolltemplate-everyday .sheet-template .capitalize, +.sheet-rolltemplate-everyday .sheet-template .sheet-capitalize { + text-transform: capitalize !important; +} +.sheet-rolltemplate-everyday .sheet-template .lowercase, +.sheet-rolltemplate-everyday .sheet-template .sheet-lowercase { + text-transform: lowercase !important; +} +.sheet-rolltemplate-everyday .sheet-template .uppercase, +.sheet-rolltemplate-everyday .sheet-template .sheet-uppercase { + text-transform: uppercase !important; +} +.sheet-rolltemplate-everyday .sheet-template .sheet-material-icons, +.sheet-rolltemplate-everyday .sheet-template .material-icons { + font-family: "Material Icons"; + font-weight: normal; + font-style: normal; + font-size: var(--icon-size); /* Preferred icon size */ +} +.sheet-rolltemplate-everyday .sheet-template .sheet-italics, +.sheet-rolltemplate-everyday .sheet-template .italics { + font-style: italic; +} +.sheet-rolltemplate-everyday .sheet-template h1, +.sheet-rolltemplate-everyday .sheet-template *[aria-level="1"] { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + text-transform: uppercase; + font-weight: normal; + font-size: var(--size1); + font-family: var(--font1); +} +.sheet-rolltemplate-everyday .sheet-template h1:not(input), +.sheet-rolltemplate-everyday .sheet-template *[aria-level="1"]:not(input) { + text-align: center; +} +.sheet-rolltemplate-everyday .sheet-template h1 *, +.sheet-rolltemplate-everyday .sheet-template *[aria-level="1"] * { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + text-transform: uppercase; + font-weight: normal; + font-size: var(--size1); + font-family: var(--font1); +} +.sheet-rolltemplate-everyday .sheet-template h1 *:not(input), +.sheet-rolltemplate-everyday .sheet-template *[aria-level="1"] *:not(input) { + text-align: center; +} +.sheet-rolltemplate-everyday .sheet-template h2, .sheet-rolltemplate-everyday .sheet-template .input-label:not(.stacked).large > [name], +.sheet-rolltemplate-everyday .sheet-template *[aria-level="2"] { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + text-transform: uppercase; + font-weight: normal; + font-size: var(--size2); + font-family: var(--font2); +} +.sheet-rolltemplate-everyday .sheet-template h2:not(input), .sheet-rolltemplate-everyday .sheet-template .input-label:not(.stacked).large > [name]:not(input), +.sheet-rolltemplate-everyday .sheet-template *[aria-level="2"]:not(input) { + text-align: center; +} +.sheet-rolltemplate-everyday .sheet-template h2 *, .sheet-rolltemplate-everyday .sheet-template .input-label:not(.stacked).large > [name] *, +.sheet-rolltemplate-everyday .sheet-template *[aria-level="2"] * { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + text-transform: uppercase; + font-weight: normal; + font-size: var(--size2); + font-family: var(--font2); +} +.sheet-rolltemplate-everyday .sheet-template h2 *:not(input), .sheet-rolltemplate-everyday .sheet-template .input-label:not(.stacked).large > [name] *:not(input), +.sheet-rolltemplate-everyday .sheet-template *[aria-level="2"] *:not(input) { + text-align: center; +} +.sheet-rolltemplate-everyday .sheet-template h3, +.sheet-rolltemplate-everyday .sheet-template *[aria-level="3"] { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + text-transform: uppercase; + font-weight: normal; + font-size: var(--size3); + font-family: var(--font3); +} +.sheet-rolltemplate-everyday .sheet-template h3:not(input), +.sheet-rolltemplate-everyday .sheet-template *[aria-level="3"]:not(input) { + text-align: center; +} +.sheet-rolltemplate-everyday .sheet-template h3 *, +.sheet-rolltemplate-everyday .sheet-template *[aria-level="3"] * { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + text-transform: uppercase; + font-weight: normal; + font-size: var(--size3); + font-family: var(--font3); +} +.sheet-rolltemplate-everyday .sheet-template h3 *:not(input), +.sheet-rolltemplate-everyday .sheet-template *[aria-level="3"] *:not(input) { + text-align: center; +} +.sheet-rolltemplate-everyday .sheet-template h4, +.sheet-rolltemplate-everyday .sheet-template *[aria-level="4"] { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + font-size: var(--size4); + font-family: var(--font4); +} +.sheet-rolltemplate-everyday .sheet-template h4:not(:where(input)), +.sheet-rolltemplate-everyday .sheet-template *[aria-level="4"]:not(:where(input)) { + text-transform: capitalize; +} +.sheet-rolltemplate-everyday .sheet-template h4:not(input), +.sheet-rolltemplate-everyday .sheet-template *[aria-level="4"]:not(input) { + text-align: center; +} +.sheet-rolltemplate-everyday .sheet-template h4 *, +.sheet-rolltemplate-everyday .sheet-template *[aria-level="4"] * { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + font-size: var(--size4); + font-family: var(--font4); +} +.sheet-rolltemplate-everyday .sheet-template h4 *:not(:where(input)), +.sheet-rolltemplate-everyday .sheet-template *[aria-level="4"] *:not(:where(input)) { + text-transform: capitalize; +} +.sheet-rolltemplate-everyday .sheet-template h4 *:not(input), +.sheet-rolltemplate-everyday .sheet-template *[aria-level="4"] *:not(input) { + text-align: center; +} +.sheet-rolltemplate-everyday .sheet-template h5, +.sheet-rolltemplate-everyday .sheet-template *[aria-level="5"] { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + font-size: var(--size5); + font-style: normal; + font-family: var(--font5); +} +.sheet-rolltemplate-everyday .sheet-template h5:not(:where(input)), +.sheet-rolltemplate-everyday .sheet-template *[aria-level="5"]:not(:where(input)) { + text-transform: capitalize; +} +.sheet-rolltemplate-everyday .sheet-template h5:not(input), +.sheet-rolltemplate-everyday .sheet-template *[aria-level="5"]:not(input) { + text-align: center; +} +.sheet-rolltemplate-everyday .sheet-template h5 *, +.sheet-rolltemplate-everyday .sheet-template *[aria-level="5"] * { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + font-size: var(--size5); + font-style: normal; + font-family: var(--font5); +} +.sheet-rolltemplate-everyday .sheet-template h5 *:not(:where(input)), +.sheet-rolltemplate-everyday .sheet-template *[aria-level="5"] *:not(:where(input)) { + text-transform: capitalize; +} +.sheet-rolltemplate-everyday .sheet-template h5 *:not(input), +.sheet-rolltemplate-everyday .sheet-template *[aria-level="5"] *:not(input) { + text-align: center; +} +.sheet-rolltemplate-everyday .sheet-template h6, +.sheet-rolltemplate-everyday .sheet-template *[aria-level="6"] { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + font-size: var(--size5); + font-style: normal; + font-family: var(--font5); +} +.sheet-rolltemplate-everyday .sheet-template h6:not(:where(input)), +.sheet-rolltemplate-everyday .sheet-template *[aria-level="6"]:not(:where(input)) { + text-transform: capitalize; +} +.sheet-rolltemplate-everyday .sheet-template h6:not(input), +.sheet-rolltemplate-everyday .sheet-template *[aria-level="6"]:not(input) { + text-align: center; +} +.sheet-rolltemplate-everyday .sheet-template h6 *, +.sheet-rolltemplate-everyday .sheet-template *[aria-level="6"] * { + line-height: normal; + color: var(--fontColor); + display: block; + white-space: nowrap; + margin-top: 0px; + margin-bottom: 0px; + font-weight: normal; + font-size: var(--size5); + font-style: normal; + font-family: var(--font5); +} +.sheet-rolltemplate-everyday .sheet-template h6 *:not(:where(input)), +.sheet-rolltemplate-everyday .sheet-template *[aria-level="6"] *:not(:where(input)) { + text-transform: capitalize; +} +.sheet-rolltemplate-everyday .sheet-template h6 *:not(input), +.sheet-rolltemplate-everyday .sheet-template *[aria-level="6"] *:not(input) { + text-align: center; +} +.sheet-rolltemplate-everyday .sheet-template .sheet-pictos, +.sheet-rolltemplate-everyday .sheet-template .pictos { + font-family: pictos; + text-transform: none; +} +.sheet-rolltemplate-everyday .sheet-template .pictos3, +.sheet-rolltemplate-everyday .sheet-template .sheet-pictos3 { + font-family: pictos three; + text-transform: none; +} +.sheet-rolltemplate-everyday .sheet-template .pictoscustom, +.sheet-rolltemplate-everyday .sheet-template .sheet-pictoscustom { + font-family: pictos custom; + text-transform: none; +} +.sheet-rolltemplate-everyday .sheet-template .d4, +.sheet-rolltemplate-everyday .sheet-template .sheet-d4 { + font-family: dicefontd4 !important; + text-transform: none !important; +} +.sheet-rolltemplate-everyday .sheet-template .d6, +.sheet-rolltemplate-everyday .sheet-template .sheet-d6 { + font-family: dicefontd6 !important; + text-transform: none !important; +} +.sheet-rolltemplate-everyday .sheet-template .d8, +.sheet-rolltemplate-everyday .sheet-template .sheet-d8 { + font-family: dicefontd8 !important; + text-transform: none !important; +} +.sheet-rolltemplate-everyday .sheet-template .d10, +.sheet-rolltemplate-everyday .sheet-template .sheet-d10 { + font-family: dicefontd10 !important; + text-transform: none !important; +} +.sheet-rolltemplate-everyday .sheet-template .d12, +.sheet-rolltemplate-everyday .sheet-template .sheet-d12 { + font-family: dicefontd12 !important; + text-transform: none !important; +} +.sheet-rolltemplate-everyday .sheet-template .d20, +.sheet-rolltemplate-everyday .sheet-template .sheet-d20 { + font-family: dicefontd20 !important; + text-transform: none !important; +} +.sheet-rolltemplate-everyday .sheet-template .d30, +.sheet-rolltemplate-everyday .sheet-template .sheet-d30 { + font-family: dicefontd30 !important; + text-transform: none !important; +} +.sheet-rolltemplate-everyday .sheet-template input[type=checkbox] { + border: 1px solid var(--checkboxBorderColor); + cursor: pointer; + -webkit-appearance: none; + appearance: none; + width: var(--checkboxWidth); + min-width: var(--checkboxWidth); + height: var(--checkboxHeight); + min-height: var(--checkboxHeight); + display: grid; + grid-template-columns: 1fr; + grid-template-areas: "content"; +} +.sheet-rolltemplate-everyday .sheet-template input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked { + background-color: var(--checkedBackColor); +} +.sheet-rolltemplate-everyday .sheet-template input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked:before { + content: var(--checkContent); + grid-area: content; + font-weight: var(--checkWeight); + place-self: start center; + color: var(--checkColor); + font-size: var(--checkSize); + line-height: var(--checkLineHeight); +} +.sheet-rolltemplate-everyday .sheet-template input[type=number] { + width: 3rem; + -moz-appearance: textfield !important; + text-align: center; +} +.sheet-rolltemplate-everyday .sheet-template input[type=number]::-webkit-inner-spin-button, .sheet-rolltemplate-everyday .sheet-template input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; + margin: 0; +} +.sheet-rolltemplate-everyday .sheet-template select, +.sheet-rolltemplate-everyday .sheet-template .pseudo-select span, +.sheet-rolltemplate-everyday .sheet-template .sheet-pseudo-select span, +.sheet-rolltemplate-everyday .sheet-template textarea, +.sheet-rolltemplate-everyday .sheet-template input:not(:is([type=radio], [type=checkbox])), +.sheet-rolltemplate-everyday .sheet-template .uneditable-input { + padding: var(--inputPadding); +} +.sheet-rolltemplate-everyday .sheet-template input:is([type=text], [type=number]), .sheet-rolltemplate-everyday .sheet-template textarea { + cursor: auto; +} +.sheet-rolltemplate-everyday .sheet-template select, +.sheet-rolltemplate-everyday .sheet-template .pseudo-select span, +.sheet-rolltemplate-everyday .sheet-template .sheet-pseudo-select span, +.sheet-rolltemplate-everyday .sheet-template input:not(:where([type=checkbox], [type=radio])), +.sheet-rolltemplate-everyday .sheet-template .uneditable-input, +.sheet-rolltemplate-everyday .sheet-template textarea { + border-width: 1px 3px; + border-style: solid; + border-radius: 5px; + border-color: transparent; + box-sizing: border-box; +} +.sheet-rolltemplate-everyday .sheet-template select, +.sheet-rolltemplate-everyday .sheet-template .sheet-pseudo-select span, +.sheet-rolltemplate-everyday .sheet-template .pseudo-select span { + -webkit-apperance: none; + appearance: none; + text-transform: var(--selectTextTransform); + overflow: hidden !important; + white-space: nowrap; + text-overflow: var(--selectTextOverflow); + text-align: var(--selectTextAlign); + color: var(--selectColor); +} +.sheet-rolltemplate-everyday .sheet-template input { + width: auto; +} +.sheet-rolltemplate-everyday .sheet-template input:placeholder { + color: var(--placeholderColor); +} +.sheet-rolltemplate-everyday .sheet-template input.plus-control:not([value*="-"]) + span:before { + content: "+"; +} +.sheet-rolltemplate-everyday .sheet-template textarea { + resize: var(--textareaResize); + white-space: pre-wrap; +} +.sheet-rolltemplate-everyday .sheet-template textarea.fixed { + resize: none; + overflow: auto; +} +.sheet-rolltemplate-everyday .sheet-template button { + cursor: pointer; +} +.sheet-rolltemplate-everyday .sheet-template .roller { + display: flex; + align-items: center; + gap: var(--half-gap); +} +.sheet-rolltemplate-everyday .sheet-template .roller:before { + content: "T"; + font-family: dicefontd20; +} +.sheet-rolltemplate-everyday .sheet-template .collapse-container { + display: grid; + position: relative; +} +.sheet-rolltemplate-everyday .sheet-template .text-collapse { + cursor: pointer; + display: flex; + justify-content: flex-start; + align-items: center; +} +.sheet-rolltemplate-everyday .sheet-template .text-collapse:before { + content: var(--expandedSymbol); + font-family: "Material Icons"; + font-weight: normal; + font-style: normal; + font-size: var(--icon-size); /* Preferred icon size */ +} +.sheet-rolltemplate-everyday .sheet-template .text-collapse__text { + display: inline; +} +.sheet-rolltemplate-everyday .sheet-template .text-collapse__check:not(:checked) + .text-collapse { + border-width: 1px 3px; + border-style: solid; + border-color: var(--borderColor); + border-radius: 5px; + box-sizing: border-box; +} +.sheet-rolltemplate-everyday .sheet-template .text-collapse__check:checked + .text-collapse:before { + content: var(--collapsedSymbol); +} +.sheet-rolltemplate-everyday .sheet-template .repitem:hover .collapse, .sheet-rolltemplate-everyday .sheet-template .repitem:hover .roll-container, +.sheet-rolltemplate-everyday .sheet-template .collapse-container:hover .collapse, +.sheet-rolltemplate-everyday .sheet-template .collapse-container:hover .roll-container { + opacity: var(--collapseHoverOpacity); +} +.sheet-rolltemplate-everyday .sheet-template .repitem .collapse, +.sheet-rolltemplate-everyday .sheet-template .collapse-container .collapse { + opacity: var(--collapseBaseOpacity); + position: absolute; + right: -10px; + top: 0px; + border: 0px solid black; + border-radius: 0; + color: var(--collapseExpandedColor); + text-transform: none; + background-color: transparent; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .collapse:before, +.sheet-rolltemplate-everyday .sheet-template .collapse-container .collapse:before { + content: "y"; + font-family: pictos; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .collapse:checked, +.sheet-rolltemplate-everyday .sheet-template .collapse-container .collapse:checked { + color: var(--collapseCollapsedColor); + background-color: transparent; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .collapse:checked ~ .expanded, +.sheet-rolltemplate-everyday .sheet-template .repitem .collapse:checked ~ .collapse-container .expanded, +.sheet-rolltemplate-everyday .sheet-template .collapse-container .collapse:checked ~ .expanded, +.sheet-rolltemplate-everyday .sheet-template .collapse-container .collapse:checked ~ .collapse-container .expanded { + display: none !important; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *, +.sheet-rolltemplate-everyday .sheet-template .repitem .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + *, +.sheet-rolltemplate-everyday .sheet-template .collapse-container .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *, +.sheet-rolltemplate-everyday .sheet-template .collapse-container .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + * { + display: none !important; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .collapse:not(:checked) ~ .collapsed, +.sheet-rolltemplate-everyday .sheet-template .collapse-container .collapse:not(:checked) ~ .collapsed { + display: none !important; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .collapse:hover, +.sheet-rolltemplate-everyday .sheet-template .collapse-container .collapse:hover { + color: var(--collapseExpandedColor); +} +.sheet-rolltemplate-everyday .sheet-template .repcontainer.editmode .collapse { + display: none; +} +.sheet-rolltemplate-everyday .sheet-template .fill-left { + display: var(--fillLeftDisplay); + align-self: var(--fillLeftAlignment); + box-sizing: border-box; +} +.sheet-rolltemplate-everyday .sheet-template .fill-left__radio { + appearance: none; + -webkit-appearance: none; + background-color: var(--fillLeftSelectedColor); + width: 100%; + height: 100%; + cursor: pointer; +} +.sheet-rolltemplate-everyday .sheet-template .fill-left__radio[data-value]:checked:before { + content: attr(data-value); + color: var(--fillLeftDataColor); + font-size: var(--fillLeftDataSize); + place-self: center; + text-transform: var(--fillLeftDataTransform); +} +.sheet-rolltemplate-everyday .sheet-template .fill-left__radio:checked ~ .fill-left__radio { + background-color: var(--fillLeftUnselectedColor); +} +.sheet-rolltemplate-everyday .sheet-template .input-label { + display: inline-flex; + gap: var(--input-label-gap); + align-items: center; +} +.sheet-rolltemplate-everyday .sheet-template .input-label:not(.stacked) > input[type=text] { + flex: 1 1 0; +} +.sheet-rolltemplate-everyday .sheet-template .input-label:not(.stacked) > :not([name]) { + flex: 0 0 auto; +} +.sheet-rolltemplate-everyday .sheet-template .input-label > :is(span, button) { + text-transform: var(--input-label-text-transform); +} +.sheet-rolltemplate-everyday .sheet-template .input-label--dual { + grid-template-columns: 1fr auto 1fr; + grid-template-areas: "over over over" "under under under"; +} +.sheet-rolltemplate-everyday .sheet-template .input-label--dual > span:last-of-type { + grid-column: 1/-1; +} +.sheet-rolltemplate-everyday .sheet-template .input-label--dual > input:not([type=number]):not([type=checkbox]):not([type=radio]) { + width: 100%; +} +.sheet-rolltemplate-everyday .sheet-template .input-label--dual > .slash { + line-height: 0rem; + font-weight: normal; +} +.sheet-rolltemplate-everyday .sheet-template .headed-textarea { + display: grid; + grid-template-rows: auto 1fr; + grid-template-columns: auto; + grid-column: 1/-1; +} +.sheet-rolltemplate-everyday .sheet-template .headed-textarea :not(textarea):not(.adaptive) { + justify-self: start; +} +.sheet-rolltemplate-everyday .sheet-template .headed-textarea .headed-textarea__header { + grid-area: initial; +} +.sheet-rolltemplate-everyday .sheet-template .adaptive { + display: grid; + grid-template-columns: auto; + grid-template-rows: auto; + grid-template-areas: "content"; + position: relative; +} +.sheet-rolltemplate-everyday .sheet-template .adaptive > * { + grid-area: content; +} +.sheet-rolltemplate-everyday .sheet-template .adaptive > span { + opacity: 0; + z-index: -10; + border-width: 1px 3px; + border-style: solid; + border-radius: 5px; + border-color: transparent; + box-sizing: border-box; + text-transform: initial; + border-radius: 0px; +} +.sheet-rolltemplate-everyday .sheet-template .adaptive--text { + min-height: 4rem; +} +.sheet-rolltemplate-everyday .sheet-template .adaptive--text__span { + white-space: pre-wrap; + padding: 2px; +} +.sheet-rolltemplate-everyday .sheet-template .adaptive--text__textarea { + width: 100%; + height: 100%; + resize: none; +} +.sheet-rolltemplate-everyday .sheet-template .adaptive--text__textarea, +.sheet-rolltemplate-everyday .sheet-template .adaptive--input__input { + position: absolute; +} +.sheet-rolltemplate-everyday .sheet-template .adaptive--input__input { + width: 100%; +} +.sheet-rolltemplate-everyday .sheet-template .adaptive--input__span { + padding: 2px; + min-height: 1.5rem; +} +.sheet-rolltemplate-everyday .sheet-template .repitem > input:not([type=checkbox]) { + width: 100%; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .headed-textarea, +.sheet-rolltemplate-everyday .sheet-template .repitem .description { + grid-column: 1/-1; +} +.sheet-rolltemplate-everyday .sheet-template .repcontainer { + display: grid; + gap: var(--normal-gap); +} +.sheet-rolltemplate-everyday .sheet-template .repeating-container { + display: grid; + grid-template-areas: "header"; + align-self: start; +} +.sheet-rolltemplate-everyday .sheet-template .repeating-container > .header { + grid-area: header; +} +.sheet-rolltemplate-everyday .sheet-template .repeating-container :is(.repcontrol-button, .repcontrol_edit) { + opacity: 0; + transition: var(--revealTrans); +} +.sheet-rolltemplate-everyday .sheet-template .repeating-container:is(:hover, :focus-within, :focus) :is(.repcontrol-button, .repcontrol_edit) { + opacity: 1; +} +.sheet-rolltemplate-everyday .sheet-template .repcontrol-button { + align-self: start; +} +.sheet-rolltemplate-everyday .sheet-template .repcontrol-button ~ .repcontrol { + justify-self: end; + z-index: 100; +} +.sheet-rolltemplate-everyday .sheet-template .repcontrol-button ~ .repcontrol > .repcontrol_add { + display: none !important; +} +.sheet-rolltemplate-everyday .sheet-template .repcontrol-button--add { + justify-self: start; + width: 15px; + height: 15px; + padding: 4px; + font-size: 0; + color: var(--col-alt); + border: 1px solid var(--col-alt); +} +.sheet-rolltemplate-everyday .sheet-template .repcontrol-button--add::before { + inset: 0; + place-self: center; + font-family: var(--font-icon); + font-size: 12px; + content: "add"; +} +.sheet-rolltemplate-everyday .sheet-template .section:not(.section--fill) { + margin: calc(var(--sectionBorderWidth) * 2); +} +.sheet-rolltemplate-everyday .sheet-template .section:not(.section--fill) > .section--layout > .section__content, +.sheet-rolltemplate-everyday .sheet-template .section:not(.section--fill) > .section--layout > .section__header { + background-color: var(--backColor); +} +.sheet-rolltemplate-everyday .sheet-template .section.section--has-header { + margin-top: calc(var(--sectionHeadFontSize) / 2 + var(--sectionBorderWidth) * 2); +} +.sheet-rolltemplate-everyday .sheet-template .section .section__header { + grid-area: head; + place-self: start center; + transform: translateY(calc(var(--sectionHeadFontSize) / -2)); + z-index: 1; + background-color: var(--sectionBackgroundColor); + padding-inline: var(--sectionHeadFontSize); + clip-path: var(--sectionHeadPath); + color: var(--sectionHeaderColor); +} +.sheet-rolltemplate-everyday .sheet-template .section--fill { + color: var(--sectionFontColor); +} +.sheet-rolltemplate-everyday .sheet-template .section--layout { + display: grid; + grid-template-rows: [content-start head-start] auto [head-end] 1fr [content-end]; + grid-template-columns: [content-start head-start] auto [head-end content-end]; +} +.sheet-rolltemplate-everyday .sheet-template .section__header { + font-size: var(--sectionHeadFontSize); +} +.sheet-rolltemplate-everyday .sheet-template .section__header + .section__content { + padding-top: calc(var(--truePadding) + var(--notchSize) * 2); +} +.sheet-rolltemplate-everyday .sheet-template .section__shadow { + filter: drop-shadow(var(--sectionBorderWidth) var(--sectionBorderWidth) 0px var(--sectionBorderColor)) drop-shadow(calc(var(--sectionBorderWidth) * -1 + 1px) var(--sectionBorderWidth) 0px var(--sectionBorderColor)) drop-shadow(var(--sectionBorderWidth) calc(var(--sectionBorderWidth) * -1 + 1px) 0px var(--sectionBorderColor)) drop-shadow(calc(var(--sectionBorderWidth) * -1 + 1px) calc(var(--sectionBorderWidth) * -1 + 1px) 0px var(--sectionBorderColor)); +} +.sheet-rolltemplate-everyday .sheet-template .section > .section__shadow, +.sheet-rolltemplate-everyday .sheet-template .section > .section__content { + grid-area: content; +} +.sheet-rolltemplate-everyday .sheet-template .section__content { + grid-area: content; + background-color: var(--sectionBackgroundColor); + padding: calc(var(--truePadding) + var(--notchSize)); + clip-path: var(--sectionContentPath); + border-radius: 20px; +} +.sheet-rolltemplate-everyday .sheet-template .repeating-section-container { + position: relative; +} +.sheet-rolltemplate-everyday .sheet-template .repeating-section-container .repcontrol-button, +.sheet-rolltemplate-everyday .sheet-template .repeating-section-container .repcontrol { + position: absolute; + top: 0; +} +.sheet-rolltemplate-everyday .sheet-template .repeating-section-container .repcontrol { + right: calc(var(--truePadding) + var(--notchSize)); +} +.sheet-rolltemplate-everyday .sheet-template .caution-tape, +.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape { + background: var(--cautionTape); + display: flex; + flex-wrap: wrap; + height: var(--tapeContainerHeight); + border: var(--tapeBorderWidth) solid var(--tapeBorderColor); + align-items: stretch; + justify-content: center; +} +.sheet-rolltemplate-everyday .sheet-template .caution-tape__clip, +.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__clip { + transform: skew(45deg); +} +.sheet-rolltemplate-everyday .sheet-template .k-active-button, +.sheet-rolltemplate-everyday .sheet-template .caution-tape__content, +.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content { + position: relative; + isolation: isolate; +} +.sheet-rolltemplate-everyday .sheet-template .k-active-button:before, +.sheet-rolltemplate-everyday .sheet-template .caution-tape__content:before, +.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content:before { + content: ""; + z-index: -1; + position: absolute; + inset: -3px 0; + background-color: var(--tapeLightStripeColor); + border-inline: 1rem solid var(--tapeDarkStripeColor); + border-block: 4px solid var(--tapeDarkStripeColor); + transform: skewX(-45deg); +} +.sheet-rolltemplate-everyday .sheet-template .k-active-button *, +.sheet-rolltemplate-everyday .sheet-template .caution-tape__content *, +.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content * { + color: var(--lm-fontColor); +} +.sheet-rolltemplate-everyday .sheet-template .caution-tape__content--solid, +.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content--solid { + background-color: var(--tapeDarkStripeColor); +} +.sheet-rolltemplate-everyday .sheet-template .caution-tape__content--solid *, +.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content--solid * { + color: var(--dm-fontColor); +} +.sheet-rolltemplate-everyday .sheet-template .caution-tape__content input, +.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content input { + text-align: center; +} +.sheet-rolltemplate-everyday .sheet-template .sidebar__container { + width: var(--sidebarContainerWidth); + border: var(--sidebarContainerBorderWidth) solid var(--sidebarContainerBorderColor); + border-radius: var(--sidebarContainerBorderRadius); + background: linear-gradient(var(--sidebarGradientColorFirst), 20%, var(--sidebarGradientColorSecond), 80%, var(--sidebarGradientColorThird)); +} +.sheet-rolltemplate-everyday .sheet-template .sidebar { + display: flex; + justify-content: center; + align-items: center; +} +.sheet-rolltemplate-everyday .sheet-template .sidebar table { + padding: var(--sidebarTablePadding); +} +.sheet-rolltemplate-everyday .sheet-template .sidebar table { + margin: var(--sidebarTableMargin); +} +.sheet-rolltemplate-everyday .sheet-template .sidebar table, +.sheet-rolltemplate-everyday .sheet-template .sidebar tr { + width: var(--sidebarTableWidth); + text-align: center; + border-collapse: collapse; +} +.sheet-rolltemplate-everyday .sheet-template .sidebar tbody tr:nth-child(odd) { + background-color: var(--sidebarOddRowColor); +} +.sheet-rolltemplate-everyday .sheet-template .sidebar tbody td:first-child, +.sheet-rolltemplate-everyday .sheet-template .sidebar thead th:first-child { + border-right: var(--sidebarCellBorderWidth) var(--sidebarCellBoderStyle) var(--sidebarCellBorderColor); +} +.sheet-rolltemplate-everyday .sheet-template .fill-left__radio { + border: 1px solid var(--fontColor) !important; +} +.sheet-rolltemplate-everyday .sheet-template .fill-left__radio, +.sheet-rolltemplate-everyday .sheet-template .fill-left__radio:checked { + background-color: var(--fontColor); +} +.sheet-rolltemplate-everyday .sheet-template .form-label, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label { + --input-label-gap: 0; + align-items: stretch; + isolation: isolate; +} +.sheet-rolltemplate-everyday .sheet-template .form-label .form-label__span, +.sheet-rolltemplate-everyday .sheet-template .form-label .sheet-form-label__span, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label .form-label__span, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label .sheet-form-label__span { + padding: var(--tiny-gap) var(--half-gap); + background-color: var(--formSpanBack); + color: var(--formSpanColor); + text-transform: capitalize; + font-weight: bold; +} +.sheet-rolltemplate-everyday .sheet-template .form-label .form-label__input, +.sheet-rolltemplate-everyday .sheet-template .form-label .sheet-form-label__input, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label .form-label__input, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label .sheet-form-label__input { + border: none; + padding: var(--tiny-gap); + border-radius: 0; +} +.sheet-rolltemplate-everyday .sheet-template .form-label :first-child:empty + *, +.sheet-rolltemplate-everyday .sheet-template .form-label :first-child, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label :first-child:empty + *, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label :first-child { + border-top-left-radius: var(--formRadius); + border-bottom-left-radius: var(--formRadius); +} +.sheet-rolltemplate-everyday .sheet-template .form-label :last-child, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label :last-child { + border-top-right-radius: var(--formRadius); + border-bottom-right-radius: var(--formRadius); +} +.sheet-rolltemplate-everyday .sheet-template .form-label .form-label__slide-out, +.sheet-rolltemplate-everyday .sheet-template .form-label .sheet-form-label__slide-out, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label .form-label__slide-out, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label .sheet-form-label__slide-out { + padding-left: var(--normal-gap); + transform: translateX(calc(var(--normal-gap) * -1 + var(--tiny-gap))); + z-index: -1; +} +.sheet-rolltemplate-everyday .sheet-template .form-label--textarea, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea { + gap: 0; +} +.sheet-rolltemplate-everyday .sheet-template .form-label--textarea .form-label--textarea__span, +.sheet-rolltemplate-everyday .sheet-template .form-label--textarea .sheet-form-label--textarea__span, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea .form-label--textarea__span, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea .sheet-form-label--textarea__span { + align-self: stretch; +} +.sheet-rolltemplate-everyday .sheet-template .form-label--textarea .form-label--textarea__span:first-child, +.sheet-rolltemplate-everyday .sheet-template .form-label--textarea .sheet-form-label--textarea__span:first-child, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea .form-label--textarea__span:first-child, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea .sheet-form-label--textarea__span:first-child { + border-radius: var(--formRadius) var(--formRadius) 0 0; +} +.sheet-rolltemplate-everyday .sheet-template .form-label--textarea .form-label--textarea__input, +.sheet-rolltemplate-everyday .sheet-template .form-label--textarea .sheet-form-label--textarea__input, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea .form-label--textarea__input, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea .sheet-form-label--textarea__input { + align-self: stretch; + border-radius: 0; +} +.sheet-rolltemplate-everyday .sheet-template .form-label--textarea .form-label--textarea__input:last-child, +.sheet-rolltemplate-everyday .sheet-template .form-label--textarea .sheet-form-label--textarea__input:last-child, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea .form-label--textarea__input:last-child, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea .sheet-form-label--textarea__input:last-child { + border-radius: 0 0 var(--formRadius) var(--formRadius); +} +.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line { + flex-direction: row; +} +.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line .adaptive--text, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line .adaptive--text { + min-height: 0; + flex: 1; +} +.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line .form-label--textarea__span, +.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line .sheet-form-label--textarea__span, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line .form-label--textarea__span, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line .sheet-form-label--textarea__span { + align-self: stretch; +} +.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line .form-label--textarea__span:first-child, +.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line .sheet-form-label--textarea__span:first-child, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line .form-label--textarea__span:first-child, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line .sheet-form-label--textarea__span:first-child { + border-radius: var(--formRadius) 0 0 var(--formRadius); +} +.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line .form-label--textarea__input, +.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line .sheet-form-label--textarea__input, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line .form-label--textarea__input, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line .sheet-form-label--textarea__input { + align-self: stretch; + border-radius: 0; +} +.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line .form-label--textarea__input:last-child, +.sheet-rolltemplate-everyday .sheet-template .form-label--textarea--one-line .sheet-form-label--textarea__input:last-child, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line .form-label--textarea__input:last-child, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label--textarea--one-line .sheet-form-label--textarea__input:last-child { + border-radius: 0 var(--formRadius) var(--formRadius) 0; +} +.sheet-rolltemplate-everyday .sheet-template .form-label__no-label, +.sheet-rolltemplate-everyday .sheet-template .sheet-form-label__no-label { + border-radius: var(--formRadius) !important; +} +.sheet-rolltemplate-everyday .sheet-template .prof-display { + isolation: isolate; +} +.sheet-rolltemplate-everyday .sheet-template .prof-display :nth-child(2) ~ * { + z-index: -1; + position: relative; + left: calc(var(--tiny-gap) * -1); +} +.sheet-rolltemplate-everyday .sheet-template .prof-display .fill-left__radio { + border: 1px solid var(--borderColor); +} +.sheet-rolltemplate-everyday .sheet-template .prof-display .fill-left__radio[type=hidden][value="0"] ~ .fill-left__radio, +.sheet-rolltemplate-everyday .sheet-template .prof-display .fill-left__radio:checked ~ .fill-left__radio { + background-color: var(--backColor); +} +.sheet-rolltemplate-everyday .sheet-template [hidden], +.sheet-rolltemplate-everyday .sheet-template .disabled, +.sheet-rolltemplate-everyday .sheet-template .disabled--row { + display: none !important; +} +.sheet-rolltemplate-everyday .sheet-template .display-control:not(:checked) + .controlled-display { + display: none !important; +} +.sheet-rolltemplate-everyday .sheet-template .display-control--invert:checked + .controlled-display { + display: none !important; +} +.sheet-rolltemplate-everyday .sheet-template .display-value-control:is(:not([value]), [value=""]) + .controlled-display { + display: none !important; +} +.sheet-rolltemplate-everyday .sheet-template .recess-effect, +.sheet-rolltemplate-everyday .sheet-template .sheet-recess-effect { + box-shadow: var(--formShadowColor1) 0px 4px 8px -1px inset, var(--formShadowColor2) 0px 6px 12px -1.5px inset; + background-color: var(--backColor); + color: var(--formColor); +} +.sheet-rolltemplate-everyday .sheet-template .float-effect, +.sheet-rolltemplate-everyday .sheet-template .sheet-float-effect { + filter: var(--floatShadows); +} +.sheet-rolltemplate-everyday .sheet-template .rounded-container, +.sheet-rolltemplate-everyday .sheet-template .sheet-rounded-container { + background-color: var(--backColor); + border-radius: var(--formRadius); +} +.sheet-rolltemplate-everyday .sheet-template .inline-fieldset + fieldset + .repcontainer { + display: flex; + gap: var(tiny-gap) var(--half-gap); + flex-wrap: wrap; +} +.sheet-rolltemplate-everyday .sheet-template .inline-fieldset + fieldset + .repcontainer .repitem:not(:last-child) { + display: flex; +} +.sheet-rolltemplate-everyday .sheet-template .inline-fieldset + fieldset + .repcontainer .repitem:not(:last-child):after { + content: ","; +} +.sheet-rolltemplate-everyday .sheet-template .locked-fieldset + fieldset + .repcontainer + .repcontrol { + display: none; +} +.sheet-rolltemplate-everyday .sheet-template .repcontrol_edit { + display: grid; + grid-template-columns: auto 0; + grid-template-areas: "icon text"; + overflow: hidden; +} +.sheet-rolltemplate-everyday .sheet-template .repcontrol_edit:before { + font-family: "Material Icons"; + font-weight: normal; + font-style: normal; + font-size: var(--icon-size); /* Preferred icon size */ + content: "edit"; +} +.sheet-rolltemplate-everyday .sheet-template .repcontrol-button--add:before { + font-family: "Material Icons"; + font-weight: normal; + font-style: normal; + font-size: var(--icon-size); /* Preferred icon size */ +} +.sheet-rolltemplate-everyday .sheet-template .repcontainer:nth-child(3) { + margin-top: var(--normal-gap); +} +.sheet-rolltemplate-everyday .sheet-template .repcontainer:nth-last-child(2) { + margin-bottom: var(--normal-gap); +} +.sheet-rolltemplate-everyday .sheet-template .repeating-section-container--button-margin { + padding-top: var(--big-gap); +} +.sheet-rolltemplate-everyday .sheet-template .repitem { + display: grid; + grid-template-columns: [float-start description-start] 1fr [float-end description-end]; + grid-template-rows: [float-start] auto [description-start] auto [float-end] 1fr [description-end]; + isolation: isolate; +} +.sheet-rolltemplate-everyday .sheet-template .repitem h3 { + text-align: left; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .section { + padding: var(--notchSize); + --sectionContentPath: polygon( + 0 0, 100% 0, + 100% var(--notch), 75% var(--notch), calc(75% - var(--slopeSize)) 100%, calc(25% + var(--slopeSize)) 100%, 25% var(--notch), 0 var(--notch) + ); +} +.sheet-rolltemplate-everyday .sheet-template .repitem .section__content { + background-image: var(--concreteBackground); + background-blend-mode: multiply; + background-size: 700px; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .section__content { + --sectionBorderRadius: 50px; + border-radius: 0 0 var(--sectionBorderRadius) var(--sectionBorderRadius); +} +.sheet-rolltemplate-everyday .sheet-template .repitem .float-effect { + display: grid; + grid-area: float; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .float-effect .border-value--control:is(:not([value]), [value=""]) + * { + border-top-right-radius: 10rem; + border-bottom-right-radius: 10rem; + border-right: 2px solid var(--borderColor); +} +.sheet-rolltemplate-everyday .sheet-template .repitem .float-effect .border-control--invert:checked + * { + --formRadius: 0.5rem; + border-right: 2px solid var(--borderColor); +} +.sheet-rolltemplate-everyday .sheet-template .repitem .float-effect > :is(input, button) { + padding-inline: var(--half-gap); + border: 2px solid var(--borderColor); + background-color: var(--backColor); + border-radius: 0; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .float-effect > :is(input, button):first-child { + border-top-left-radius: 10rem; + border-bottom-left-radius: 10rem; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .float-effect > :is(input, button):not(:last-child) { + border-right-width: 0; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .float-effect > :is(input, button):last-child { + border-top-right-radius: 10rem; + border-bottom-right-radius: 10rem; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .float-effect > input { + min-width: 5rem; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .float-effect > .roller + button + input + input, +.sheet-rolltemplate-everyday .sheet-template .repitem .float-effect > .roller + button + input + input + input, +.sheet-rolltemplate-everyday .sheet-template .repitem .float-effect > button + input, +.sheet-rolltemplate-everyday .sheet-template .repitem .float-effect > button + input + input { + border-left-width: 0; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .float-effect .form-label:not(:last-child):not(:first-child) { + --formRadius: 0; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .float-effect .form-label:last-child .form-label__span { + border-radius: 0; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .float-effect .form-label:last-child .form-label__input { + border-right: 2px solid var(--borderColor); +} +.sheet-rolltemplate-everyday .sheet-template .repitem .float-effect .form-label:first-child .form-label__input { + border-radius: 0; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .float-effect .form-label .form-label__input { + border-block: 2px solid var(--borderColor); + min-width: 2rem; + text-align: center; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .float-effect + .expanded { + grid-area: description; + z-index: -1; +} +.sheet-rolltemplate-everyday .sheet-template .repitem .collapse { + z-index: 100000; +} +.sheet-rolltemplate-everyday .sheet-template .collapse-arrow.collapse-arrow { + top: calc(var(--half-gap) * -1); + width: 100%; + text-align: right; + height: auto; +} +.sheet-rolltemplate-everyday .sheet-template .collapse-arrow.collapse-arrow:before { + line-height: normal; + content: "expand_less"; + font-family: "Material Icons"; + font-weight: normal; + font-style: normal; + font-size: var(--icon-size); /* Preferred icon size */ +} +.sheet-rolltemplate-everyday .sheet-template .collapse-arrow.collapse-arrow:checked:before { + content: "expand_more"; +} +.sheet-rolltemplate-everyday .sheet-template .overflow-container { + position: relative; +} +.sheet-rolltemplate-everyday .sheet-template .overflow-content { + position: absolute; + width: 100%; + background-color: var(--backColor); + filter: var(--floatShadows); + overflow: hidden; + border-radius: 15px 10px 10px 15px; +} +.sheet-rolltemplate-everyday .sheet-template .overflow-content .collapse { + right: 0; +} +.sheet-rolltemplate-everyday .sheet-template .overflow-content .repcontainer { + margin: 0; +} +.sheet-rolltemplate-everyday .sheet-template .character-avatar[src]:not([src=""]) + .character-token:not([src]), .sheet-rolltemplate-everyday .sheet-template .character-avatar[src]:not([src=""]) + .character-token[src=""], +.sheet-rolltemplate-everyday .sheet-template .character-avatar:not([src]), +.sheet-rolltemplate-everyday .sheet-template .character-avatar[src=""], +.sheet-rolltemplate-everyday .sheet-template .character-token:not([src]), +.sheet-rolltemplate-everyday .sheet-template .character-token[src=""] { + display: none; +} +.sheet-rolltemplate-everyday .sheet-template .adaptive--input { + display: inline-grid; + min-width: 6rem; +} +.sheet-rolltemplate-everyday .sheet-template .roller--mod-display { + display: grid; + grid-template-areas: "content"; + place-items: center; +} +.sheet-rolltemplate-everyday .sheet-template .roller--mod-display:before { + font-size: 2rem; + position: absolute; + color: var(--dieWatermark); + z-index: -1; +} +.sheet-rolltemplate-everyday .sheet-template .roller--mod-display:before, +.sheet-rolltemplate-everyday .sheet-template .roller--mod-display > * { + grid-area: content; +} +.sheet-rolltemplate-everyday .sheet-template .parentheses--surround--full:not(:empty):before { + content: "("; +} +.sheet-rolltemplate-everyday .sheet-template .parentheses--surround--full:not(:empty):after { + content: ")"; +} +.sheet-rolltemplate-everyday .sheet-template .tabs__nav-list { + margin: 0; + background-color: var(--tapeDarkStripeColor); + transform: skewX(-45deg); +} +.sheet-rolltemplate-everyday .sheet-template .tabs__nav-item { + display: grid; + transform: skewX(45deg); +} +.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__header { + position: sticky; + top: 43.4px; + background: var(--cautionTape); + display: flex; + align-items: stretch; + justify-content: center; + --selectedColor: var(--tapeLightStripeColor); + --selectedTextColor: var(--tapeDarkStripeColor); + z-index: 1000; + margin-bottom: var(--normal-gap); +} +.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__header .tabs__button { + color: var(--tapeLightStripeColor); + padding-block: var(--tiny-gap); + padding-inline: var(--half-gap); + transition-property: color, background-color, padding; + transition-duration: var(--revealTime); + transition-timing-function: var(--revealFunction); +} +.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__header .tabs__button:not(.tabs--everyday__button--settings) { + text-transform: capitalize; + font-family: var(--headerFont); +} +.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__header .k-active-button { + background-color: transparent; + color: var(--selectedTextColor); + padding-inline: var(--big-gap); +} +.sheet-rolltemplate-everyday .sheet-template .section--ability-skill { + --sectionBackgroundColor: var(--darkSectionBackgroundColor); + --borderColor:var(--sectionBackgroundColor); + color: var(--dm-fontColor); + grid-row: span 3; +} +.sheet-rolltemplate-everyday .sheet-template .section--ability-skill .section__content { + display: grid; + grid-template-columns: 1fr auto; + gap: var(--half-gap); +} +.sheet-rolltemplate-everyday .sheet-template .ability-display { + --modSize: 53px; + display: grid; + grid-template-columns: [mod-start] calc(var(--modSize) / 2) [score-start] calc(var(--modSize) / 2) [mod-end] 1fr [score-end] 3rem; + grid-template-rows: auto [mod-start score-start] auto [mod-end score-end]; + grid-template-areas: "name name name save-label" ". . . save"; +} +.sheet-rolltemplate-everyday .sheet-template .ability-display > .roller, .sheet-rolltemplate-everyday .sheet-template .ability-display .ability-display__save-label { + text-transform: capitalize; +} +.sheet-rolltemplate-everyday .sheet-template .ability-display input[type=number] { + width: 100%; + height: 100%; + border-radius: 0; + padding-left: var(--normal-gap); +} +.sheet-rolltemplate-everyday .sheet-template .ability-display__name { + grid-area: name; +} +.sheet-rolltemplate-everyday .sheet-template .ability-display__save-label { + grid-area: save-label; + place-self: center; +} +.sheet-rolltemplate-everyday .sheet-template .ability-display__mod { + position: relative; + grid-area: mod; + background-color: var(--backColor); + z-index: 1; + display: flex; + justify-content: center; + align-items: center; + font-size: 1.4rem; + color: var(--formColor); +} +.sheet-rolltemplate-everyday .sheet-template .ability-display__score { + grid-area: score; + font-size: 2rem; +} +.sheet-rolltemplate-everyday .sheet-template .ability-display__save { + grid-area: save; + isolation: isolate; + display: grid; + grid-template-rows: auto 2rem; + gap: var(--tiny-gap); +} +.sheet-rolltemplate-everyday .sheet-template .ability-display__save .prof-display { + place-self: center; +} +.sheet-rolltemplate-everyday .sheet-template .section--ability-skill__abilities { + align-self: center; + display: grid; + gap: var(--half-gap); +} +.sheet-rolltemplate-everyday .sheet-template .section--ability-skill__skills { + padding: var(--half-gap); + background-color: var(--backColor); + border-radius: 5px; + display: grid; + grid-template-columns: 1fr auto auto; + column-gap: var(--tiny-gap); +} +.sheet-rolltemplate-everyday .sheet-template .heroID { + display: grid; + height: auto; + border: 2px solid #353535; + border-radius: 2rem; + padding-top: 1.8rem; + background-image: var(--concreteBackground); + background-size: 700px; + background-color: var(--backColor); + background-blend-mode: var(--template-blendMode); +} +@container master (min-width: 600px) { + .sheet-rolltemplate-everyday .sheet-template .heroID--front { + margin-left: 5rem; + } +} +.sheet-rolltemplate-everyday .sheet-template .heroID--front { + grid-template-columns: repeat(3, 1fr); + grid-template-rows: auto 5fr; + grid-column: 1/-1; + margin-bottom: -2.5rem; + z-index: 1; +} +.sheet-rolltemplate-everyday .sheet-template .heroID--front .heroID__avatar { + max-width: 80px; +} +.sheet-rolltemplate-everyday .sheet-template .heroID--front .heroID__pic { + border-right: 0.2rem solid #353535; + border-top: 0.1rem solid #353535; + border-bottom: 0.1rem solid #353535; + border-left: 0.1rem solid #353535; + border-radius: 0 0 0 1.8rem; +} +.sheet-rolltemplate-everyday .sheet-template .heroID--front .heroID__info { + grid-column: 2/-1; +} +.sheet-rolltemplate-everyday .sheet-template .heroID--back { + grid-template-rows: repeat(3, auto); +} +.sheet-rolltemplate-everyday .sheet-template .heroID--back .heroID__avatar { + min-height: 200px; +} +.sheet-rolltemplate-everyday .sheet-template .heroID__header { + grid-column: 1/-1; +} +.sheet-rolltemplate-everyday .sheet-template .heroID__title { + display: flex; + justify-content: center; + align-items: center; + text-align: center; + padding-inline: var(--big-gap); +} +.sheet-rolltemplate-everyday .sheet-template .heroID__pic { + display: flex; + justify-content: center; + align-items: center; + background-color: var(--backColor); +} +.sheet-rolltemplate-everyday .sheet-template .heroID__info { + padding: var(--half-gap) var(--normal-gap) var(--normal-gap) var(--half-gap); + display: flex; + flex-wrap: wrap; + gap: var(--half-gap); + justify-content: center; +} +.sheet-rolltemplate-everyday .sheet-template .heroID__info .text { + --width: 15rem; + flex: 1 0 var(--width); + width: var(--width); +} +.sheet-rolltemplate-everyday .sheet-template .heroID__info .text input { + width: 0; + flex: 1 0 0; +} +.sheet-rolltemplate-everyday .sheet-template .heroID__info .number { + flex: 1 0 auto; +} +.sheet-rolltemplate-everyday .sheet-template .heroID__info .number input { + flex: 1 0 auto; +} +.sheet-rolltemplate-everyday .sheet-template .heroID__info .form-label--textarea { + width: 100%; + flex: 0 0 100%; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense { + --sectionRadius: 1rem; + grid-row: span 2; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense span, .sheet-rolltemplate-everyday .sheet-template .section--defense button { + text-align: center; + text-transform: capitalize; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .section__content { + display: grid; + gap: var(--half-gap); +} +.sheet-rolltemplate-everyday .sheet-template .section--defense button { + justify-content: center; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .stacked { + align-items: center; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .stacked .input-label__input { + width: 100%; + flex: 1 0 0; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .health { + background-color: black; + padding: var(--tiny-gap); + border-radius: var(--sectionRadius) 0 0 var(--sectionRadius); + display: flex; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .health--hp { + background-color: black; + border-radius: calc(var(--sectionRadius) - var(--tiny-gap)); + display: grid; + gap: 1px; + grid-template-columns: 1fr 1fr 1fr; + grid-template-rows: auto auto; + grid-template-areas: "max temp current" "dice dice dice"; + overflow: hidden; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .health--hp > * { + background-color: var(--backColor); +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .health--death { + color: var(--dm-formColor); + display: flex; + flex-direction: column; + gap: var(--half-gap); + justify-content: space-around; + align-items: center; + padding: var(--half-gap); +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .health--death .input-label { + width: 100%; + gap: var(--half-gap); + justify-content: space-between; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .health--death .fill-left { + padding: var(--tiny-gap); + background-color: var(--backColor); + border-radius: 100px; + gap: var(--half-gap); +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .health--death .fill-left .fill-left__radio { + border-radius: 100%; + border: 1px solid black; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .health-hp__max { + grid-area: max; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .health-hp__current { + grid-area: current; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .health-hp__temp { + grid-area: temp; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .health-hp__dice { + grid-area: dice; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .health-hp__dice input[type=number] { + min-width: 1rem; + flex: 1 1 auto; + align-self: stretch; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .health-hp__current input { + font-size: var(--size3); +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .input-label, +.sheet-rolltemplate-everyday .sheet-template .section--defense .points .input-label { + display: grid; + grid-template-areas: "label" "input"; + isolation: isolate; + place-items: center; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .input-label:before, +.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .input-label__input, +.sheet-rolltemplate-everyday .sheet-template .section--defense .points .input-label:before, +.sheet-rolltemplate-everyday .sheet-template .section--defense .points .input-label__input { + grid-area: input; + font-size: var(--size2); + font-weight: 700; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .input-label:before:is(span), +.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .input-label__input:is(span), +.sheet-rolltemplate-everyday .sheet-template .section--defense .points .input-label:before:is(span), +.sheet-rolltemplate-everyday .sheet-template .section--defense .points .input-label__input:is(span) { + width: auto; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .input-label:before, +.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses input.input-label__input, +.sheet-rolltemplate-everyday .sheet-template .section--defense .points .input-label:before, +.sheet-rolltemplate-everyday .sheet-template .section--defense .points input.input-label__input { + height: 100%; + width: 100%; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .input-label:before, +.sheet-rolltemplate-everyday .sheet-template .section--defense .points .input-label:before { + z-index: -1; + position: relative; + content: ""; + filter: invert(var(--imageInvert)); + background-repeat: no-repeat; + background-size: 5rem; + background-position: center; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses { + padding: var(--tiny-gap); + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: var(--tiny-gap); + background-color: black; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .input-label { + grid-template-rows: auto 1fr; + background-color: var(--backColor); +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .defense { + --pipPos: 1.7rem; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .defense:before, .sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .defense:after { + content: ""; + background-color: black; + width: 1rem; + height: 1rem; + border-radius: 0 50% 50% 0; + position: relative; + grid-area: input; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .defense:before { + left: calc(var(--pipPos) * -1); +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .defense:after { + left: var(--pipPos); + rotate: 180deg; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .defense input { + width: 4rem; + border: 5px solid black; + height: 3rem; + aspect-ratio: 1/1; + border-radius: 0; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .bonuses .initiative:before { + content: ""; + width: 1rem; + background-image: conic-gradient(from 145deg at 50% 30%, black, black 70deg, transparent 70deg); + background-repeat: repeat-y; + background-position: 0 0.8rem; + background-size: 1rem 1rem; + margin-left: var(--tiny-gap); + justify-self: start; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .points { + display: grid; + gap: var(--half-gap); + grid-template-columns: 3fr 1fr; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .points .input-label { + grid-template-rows: auto 4rem; +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .points > * { + border-radius: var(--sectionRadius); + background-color: black; + padding: var(--tiny-gap); + display: flex; + gap: var(--tiny-gap); +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .points > * > :first-child { + border-top-left-radius: calc(var(--sectionRadius) - var(--tiny-gap)); + border-bottom-left-radius: calc(var(--sectionRadius) - var(--tiny-gap)); +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .points > * > :last-child { + border-top-right-radius: calc(var(--sectionRadius) - var(--tiny-gap)); + border-bottom-right-radius: calc(var(--sectionRadius) - var(--tiny-gap)); +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .points > * .input-label { + background-color: var(--backColor); +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .points .genius:before { + background-image: var(--geniusBack); +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .points .focus:before { + background-image: var(--focusBack); +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .points .influence:before { + background-image: var(--influenceBack); +} +.sheet-rolltemplate-everyday .sheet-template .section--defense .points .inspiration:before { + background-image: var(--inspirationBack); +} +.sheet-rolltemplate-everyday .sheet-template .equipment-prof__container { + display: flex; + flex-direction: column; + position: relative; + border: 0.3em solid var(--borderColor); + grid-row: span 2; + padding-inline: var(--normal-gap); +} +.sheet-rolltemplate-everyday .sheet-template .equipment-prof__container .input-label { + margin-block: 0.75rem; +} +.sheet-rolltemplate-everyday .sheet-template .equipment-prof__container input[type=checkbox] { + border-radius: 100%; + border: 0.1rem solid var(--fontColor); + width: 0.75rem; + height: 0.75rem; +} +.sheet-rolltemplate-everyday .sheet-template .equipment-prof__container input[type=checkbox]:before { + content: none !important; +} +.sheet-rolltemplate-everyday .sheet-template .equipment-prof__container .input-label h5 { + font-size: 1rem; +} +.sheet-rolltemplate-everyday .sheet-template .equipment-prof__radioInput { + display: grid; + grid-template-columns: repeat(3, 1fr); + padding: 1rem 0 10px 0; + width: 100%; +} +.sheet-rolltemplate-everyday .sheet-template .equipment-prof__basic, .sheet-rolltemplate-everyday .sheet-template .equipment-prof__misc { + grid-column: 1/-1; +} +.sheet-rolltemplate-everyday .sheet-template .equipment-prof__tier1Line { + border-bottom: 3px solid var(--borderColor); + margin-left: 15%; + margin-right: 20%; +} +.sheet-rolltemplate-everyday .sheet-template .equipment-prof__tier2Line { + border-left: 3px solid var(--borderColor); + height: 1rem; + margin-left: 15%; +} +.sheet-rolltemplate-everyday .sheet-template .equipment-prof__tiers { + display: block; + text-align: center; +} +.sheet-rolltemplate-everyday .sheet-template .equipment-prof__alignLeft { + text-align: left; +} +.sheet-rolltemplate-everyday .sheet-template .equipment-prof__header { + font-size: 1.5rem; + padding-inline: var(--tiny-gap); + text-align: center; + position: absolute; + top: -1rem; + margin-inline: auto; + background: linear-gradient(transparent calc(50% - 0.3em), var(--backColor) calc(50% - 0.3em)); + align-self: center; + color: var(--sectionHeaderColor); +} +.sheet-rolltemplate-everyday .sheet-template .tickmark { + position: relative; +} +.sheet-rolltemplate-everyday .sheet-template .tickmark::before { + position: absolute; + inset: -0.8rem auto 0; + margin-inline: auto; + content: ""; + background-color: var(--borderColor); + width: 0.2rem; + height: 1.5rem; +} +.sheet-rolltemplate-everyday .sheet-template .prof__visibility { + display: none; +} +.sheet-rolltemplate-everyday .sheet-template .equipment-prof__miscInput { + border: none; + padding: var(--tiny-gap); + border-radius: var(--formRadius); + background-color: var(--backColor); + color: var(--formColor); + box-shadow: var(--formShadowColor1) 0px 4px 8px -1px inset, var(--formShadowColor2) 0px 6px 12px -1.5px inset; +} +.sheet-rolltemplate-everyday .sheet-template .equipment-prof__miscFormat { + padding: 1rem; + background: var(--backgroundGradient); +} +.sheet-rolltemplate-everyday .sheet-template .equipment-prof__miscFormat h3 { + white-space: pre-wrap; +} +.sheet-rolltemplate-everyday .sheet-template .section--equipment .section__content { + display: grid; + gap: var(--half-gap); +} +.sheet-rolltemplate-everyday .sheet-template .section--equipment .bulk-display { + justify-self: center; +} +.sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_equipment] .repitem .float-effect { + grid-template-columns: 1fr auto auto; + grid-template-areas: "name qty bulk"; +} +.sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_equipment] .repitem .name { + grid-area: name; +} +.sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_equipment] .repitem .qty { + grid-area: qty; +} +.sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_equipment] .repitem .bulk { + grid-area: bulk; +} +.sheet-rolltemplate-everyday .sheet-template .section--weapons .float-effect { + grid-template-columns: auto 1fr auto auto; +} +.sheet-rolltemplate-everyday .sheet-template .section--weapons .float-effect .input-label:last-child .input-label__input { + max-width: 5rem; +} +.sheet-rolltemplate-everyday .sheet-template .section--weapons .repcontrol-button, +.sheet-rolltemplate-everyday .sheet-template .section--weapons .repcontrol { + position: absolute; + top: 0; +} +.sheet-rolltemplate-everyday .sheet-template .section--weapons .repcontrol { + right: calc(var(--truePadding) + var(--notchSize)); +} +.sheet-rolltemplate-everyday .sheet-template .section--weapons .itemcontrol { + z-index: 10000; +} +.sheet-rolltemplate-everyday .sheet-template .section--weapons .collapse { + z-index: 100000; +} +.sheet-rolltemplate-everyday .sheet-template .section-collapsible { + display: flex; + flex-wrap: wrap; + gap: var(--half-gap); + justify-content: center; + width: 100%; + margin-top: 1rem; +} +.sheet-rolltemplate-everyday .sheet-template .section-select { + text-align: center; +} +.sheet-rolltemplate-everyday .sheet-template select[class=input-label__input] { + border: none; + padding: var(--tiny-gap); + background-color: var(--backColor); + color: var(--formColor); + box-shadow: var(--formShadowColor1) 0px 4px 8px -1px inset, var(--formShadowColor2) 0px 6px 12px -1.5px inset; + border-radius: 0; +} +.sheet-rolltemplate-everyday .sheet-template select[class=input-label__input]:last-child { + border-radius: 0 var(--formRadius) var(--formRadius) 0; +} +.sheet-rolltemplate-everyday .sheet-template .talents .feat-info { + display: flex; + flex-wrap: wrap; + gap: var(--half-gap); + justify-content: space-around; +} +.sheet-rolltemplate-everyday .sheet-template .talents .float-effect { + grid-auto-flow: column; + grid-template-columns: 1fr auto auto; +} +.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--persona { + display: grid; + gap: var(--normal-gap); + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + container: persona/inline-size; + align-items: start; + grid-auto-flow: dense; +} +.sheet-rolltemplate-everyday .sheet-template .section--notes .float-effect { + display: flex; +} +.sheet-rolltemplate-everyday .sheet-template .section--notes input[type=text] { + width: 0; + flex: 1 1 0; +} +.sheet-rolltemplate-everyday .sheet-template .section--persona { + grid-row: span 2; +} +.sheet-rolltemplate-everyday .sheet-template .section--persona .section__content { + display: grid; + gap: var(--half-gap); +} +.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--plans-tricks { + display: grid; + gap: var(--normal-gap); + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); +} +.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--plans-tricks h3, +.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--plans-tricks [aria-level="3"] { + font-size: 100%; +} +.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--plans-tricks > .section > .section--layout { + min-height: 10rem; +} +.sheet-rolltemplate-everyday .sheet-template .repcontainer:is([data-groupname$=plans], [data-groupname$=tricks]) .form-label input[type=text] { + flex: 1 1 0; + width: 0; + min-width: 4rem; +} +.sheet-rolltemplate-everyday .sheet-template .repcontainer:is([data-groupname$=plans], [data-groupname$=tricks]) .float-effect { + grid-template-columns: auto 1fr auto; +} +.sheet-rolltemplate-everyday .sheet-template .repcontainer:is([data-groupname$=plans], [data-groupname$=tricks]) .float-effect + .expanded .section__content { + display: grid; + gap: var(--half-gap); +} +.sheet-rolltemplate-everyday .sheet-template .heroID--place .repcontainer { + margin: var(--half-gap) 0 0 0; +} +.sheet-rolltemplate-everyday .sheet-template .heroID--place h2, .sheet-rolltemplate-everyday .sheet-template .heroID--place .input-label:not(.stacked).large > [name] { + background-color: transparent; +} +.sheet-rolltemplate-everyday .sheet-template .heroID--place .heroID__pic { + border: 2px solid var(--borderColor); +} +.sheet-rolltemplate-everyday .sheet-template .heroID--place .heroID--place__details { + display: grid; +} +.sheet-rolltemplate-everyday .sheet-template .heroID--place .heroID--place__details .form-label__span { + border-radius: 0; +} +.sheet-rolltemplate-everyday .sheet-template .heroID--place .heroID__info { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); + gap: var(--normal-gap); + padding-top: 2px; +} +.sheet-rolltemplate-everyday .sheet-template .heroID--place .heroID--place__inputs { + padding-top: var(--half-gap); + grid-template-rows: auto auto 1fr; +} +.sheet-rolltemplate-everyday .sheet-template .heroID--place .overflow-container { + min-height: 110px; +} +.sheet-rolltemplate-everyday .sheet-template .heroID--place .adaptive--text { + flex: 1 0 auto; +} +.sheet-rolltemplate-everyday .sheet-template .heroID--place .collapse { + right: 0; +} +.sheet-rolltemplate-everyday .sheet-template .heroID--place .overflow-content { + overflow: hidden; + border-radius: 15px 10px 10px 15px; + background-color: var(--backColor); + filter: var(--floatShadows); +} +.sheet-rolltemplate-everyday .sheet-template .heroID--vehicle { + container: vehicle/inline-size; +} +.sheet-rolltemplate-everyday .sheet-template .heroID--vehicle .heroID__info { + display: grid; + gap: var(--normal-gap); + padding: 0; +} +.sheet-rolltemplate-everyday .sheet-template .heroID--vehicle .overflow-container { + min-height: 50px; +} +.sheet-rolltemplate-everyday .sheet-template .heroID--vehicle .weapons-container { + flex: 1 0 400px; +} +.sheet-rolltemplate-everyday .sheet-template .heroID--vehicle .crew-container { + flex: 1 0 250px; +} +.sheet-rolltemplate-everyday .sheet-template .heroID--vehicle .crew-container .overflow-content { + border-bottom-right-radius: 15px; +} +.sheet-rolltemplate-everyday .sheet-template .heroID--vehicle .heroID--vehicle__damage { + background-color: var(--sectionBackgroundColor); + border-radius: 0 0 2rem 2rem; + align-items: start; + padding: var(--half-gap); +} +.sheet-rolltemplate-everyday .sheet-template .heroID--vehicle .damage-content { + display: contents; + color: var(--dm-fontColor); +} +.sheet-rolltemplate-everyday .sheet-template .heroID--vehicle .damage-content > .flex-box { + align-items: center; +} +@container vehicle (max-width:681px) { + .sheet-rolltemplate-everyday .sheet-template .heroID--vehicle .overflow-content.wide-only { + position: static; + } +} +.sheet-rolltemplate-everyday .sheet-template .heroID--vehicle__contests { + flex: 1 0 100%; +} +.sheet-rolltemplate-everyday .sheet-template .statblock-edit-control { + position: sticky; + z-index: 100000; + top: 48px; + padding-inline: var(--half-gap); + border-radius: 5px; + background-color: var(--backColor); + margin-left: var(--half-gap); +} +.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--npc { + display: flex; + flex-wrap: wrap; + gap: var(--half-gap) var(--normal-gap); +} +.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--npc > * { + flex: 1 0 auto; + width: 400px; +} +.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--npc > .repeating-section-container { + break-inside: avoid; +} +.sheet-rolltemplate-everyday .sheet-template .statblock { + break-inside: avoid; +} +.sheet-rolltemplate-everyday .sheet-template .statblock__subrow.collapse-container.flex-box { + display: flex; +} +.sheet-rolltemplate-everyday .sheet-template .statblock__row:not(.statblock__header) { + display: grid; + gap: var(--tiny-gap); +} +.sheet-rolltemplate-everyday .sheet-template .statblock__row { + border-bottom: 1px solid var(--borderColor); + padding: var(--tiny-gap); +} +.sheet-rolltemplate-everyday .sheet-template .statblock__row input { + text-align: center; +} +.sheet-rolltemplate-everyday .sheet-template .statblock__row > .collapse { + right: auto; + left: calc(var(--half-gap) * -1); +} +.sheet-rolltemplate-everyday .sheet-template .statblock__row .flex-box > input[type=text] { + width: 3rem; + flex: 1 auto; +} +.sheet-rolltemplate-everyday .sheet-template .statblock__row__header { + color: var(--statblockColor2); + font-weight: bold; + text-transform: capitalize !important; +} +.sheet-rolltemplate-everyday .sheet-template .statblock__edit .statblock__subrow > .repcontainer { + margin-top: var(--big-gap); + margin-bottom: var(--half-gap); + display: block; + column-width: 400px; + column-gap: var(--half-gap); +} +.sheet-rolltemplate-everyday .sheet-template .statblock__edit .statblock__subrow > .repcontainer .repitem { + break-inside: avoid; + margin-bottom: var(--half-gap); +} +.sheet-rolltemplate-everyday .sheet-template .statblock__ability-scores { + border: 3px double var(--borderColor); + padding: var(--half-gap) var(--tiny-gap); +} +.sheet-rolltemplate-everyday .sheet-template .statblock__ability-scores .score { + display: grid; + grid-template-columns: auto auto; + grid-template-rows: auto auto; + grid-template-areas: "button button" "score mod"; + column-gap: var(--half-gap); +} +.sheet-rolltemplate-everyday .sheet-template .statblock__ability-scores input { + width: 2rem; +} +.sheet-rolltemplate-everyday .sheet-template .statblock__ability-scores .statblock__row__header { + grid-area: button; +} +.sheet-rolltemplate-everyday .sheet-template .statblock__header { + border-bottom: 2px solid var(--borderColor); +} +.sheet-rolltemplate-everyday .sheet-template .statblock__header * { + color: var(--statblockColor1); +} +.sheet-rolltemplate-everyday .sheet-template .statblock__header > :first-child { + text-align: left; + flex: 1 1 0; + width: 0; +} +.sheet-rolltemplate-everyday .sheet-template .statblock__header .input-label .input-label__input { + width: 3rem; + text-align: center; + flex: 0 0 !important; +} +.sheet-rolltemplate-everyday .sheet-template .section--npc-traits .repcontainer { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); + gap: var(--half-gap) var(--normal-gap); +} +.sheet-rolltemplate-everyday .sheet-template .section--npc-traits .repitem { + break-inside: avoid; +} +.sheet-rolltemplate-everyday .sheet-template .section--npc-traits .float-effect { + grid-template-columns: auto 1fr; +} +.sheet-rolltemplate-everyday .sheet-template .section--npc-actions .float-effect { + grid-template-columns: auto 1fr auto auto; +} +.sheet-rolltemplate-everyday .sheet-template .tabs__body { + container: master/inline-size; +} +.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--core { + display: grid; + flex-wrap: wrap; + grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); + grid-template-rows: repeat(3, auto) 1fr; + grid-auto-flow: dense; + gap: var(--big-gap); + align-items: start; +} +.sheet-rolltemplate-everyday .sheet-template .section--npc-actions .float-effect { + grid-template-columns: auto 1fr auto auto; +} +.sheet-rolltemplate-everyday .sheet-template .section--npc-actions .repcontrol-button, +.sheet-rolltemplate-everyday .sheet-template .section--npc-actions .repcontrol { + position: absolute; + top: 0; +} +.sheet-rolltemplate-everyday .sheet-template .section--npc-actions .repcontrol { + right: calc(var(--truePadding) + var(--notchSize)); +} +.sheet-rolltemplate-everyday .sheet-template .section--npc-actions .itemcontrol { + z-index: 10000; +} +.sheet-rolltemplate-everyday .sheet-template .section--npc-actions .collapse { + z-index: 100000; +} +.sheet-rolltemplate-everyday .sheet-template .content-row-gap { + margin-bottom: 0.5rem; +} +.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--settings .section__content { + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; + gap: var(--normal-gap) var(--half-gap); +} +.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--settings .section__content .mods { + column-width: 225px; + gap: var(--normal-gap); + width: 100%; +} +.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--settings .section__content .mods h3 { + column-span: all; +} +.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--settings .section__content .mods > * { + margin-bottom: var(--half-gap); +} +.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--settings .section__content .mods .input-label, +.sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--settings .section__content .mods span { + flex: 1 0 auto; +} +.sheet-rolltemplate-everyday .sheet-template .sheet-header { + margin-top: var(--big-gap); + border-block: var(--templateBorder); +} +.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content { + padding-inline: 3rem; +} +.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content--solid { + padding-inline: var(--normal-gap); + padding-block: var(--half-gap); +} +.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content, +.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content--solid { + margin-right: auto; + display: grid; +} +.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content > h2, .sheet-rolltemplate-everyday .sheet-template .input-label.sheet-caution-tape__content:not(.stacked).large > [name], +.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content--solid > h2, +.sheet-rolltemplate-everyday .sheet-template .input-label.sheet-caution-tape__content--solid:not(.stacked).large > [name] { + justify-self: start; + white-space: pre-wrap; +} +.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content > :not(h2), +.sheet-rolltemplate-everyday .sheet-template .sheet-caution-tape__content--solid > :not(h2) { + justify-self: end; +} +.sheet-rolltemplate-everyday .sheet-template .sheet-content { + border-radius: 0 0 1.7rem 1.7rem; + padding: var(--normal-gap); + display: grid; + gap: var(--half-gap); + overflow: hidden; +} +.sheet-rolltemplate-everyday .sheet-template .sheet-template-row { + display: flex; + flex-wrap: wrap; + gap: var(--half-gap); + justify-content: space-between; +} +.sheet-rolltemplate-everyday .sheet-template .sheet-template-row .sheet-input-label__span { + flex: 1 0 auto; + text-align: left; +} +.sheet-rolltemplate-everyday .sheet-template .sheet-template-row > .sheet-input-label > .sheet-input-label__span { + padding-inline: var(--normal-gap); + padding-block: var(--half-gap); +} +.sheet-rolltemplate-everyday .sheet-template .sheet-template-row > .sheet-input-label > .sheet-input-label__span .sheet-input-label__span { + background-color: transparent; +} +.sheet-rolltemplate-everyday .sheet-template .sheet-template-row > .sheet-input-label .sheet-input-label__input { + padding: var(--half-gap); + min-width: 4rem; + background-color: color-mix(in lch, var(--backColor) 10%, transparent); +} +.sheet-rolltemplate-everyday .sheet-template .sheet-template-row .sheet-input-label { + flex: 1 0 auto; +} +.sheet-rolltemplate-everyday .sheet-template .sheet-template-description { + padding: var(--normal-gap); + background-color: var(--description-backColor); + margin: 0; + font-weight: 700; + margin-inline: -1rem; + margin-bottom: -1rem; + mix-blend-mode: difference; +} +.sheet-rolltemplate-everyday .sheet-template .inlinerollresult { + background-color: transparent; + border: 0px solid transparent; + color: var(--rollColor); + font-size: 2rem; + font-family: var(--font2); + font-weight: normal; +} +.sheet-rolltemplate-everyday .sheet-template .inlinerollresult.importantroll { + color: var(--importantrollColor); +} +.sheet-rolltemplate-everyday .sheet-template .inlinerollresult.fullcrit { + color: var(--fullcritColor); +} +.sheet-rolltemplate-everyday .sheet-template .inlinerollresult.fullfail { + color: var(--fullfailColor); +} +.sheet-rolltemplate-everyday .sheet-template .inlinerollresult.fullcrit { + transform: skewX(-15deg); +} +.sheet-rolltemplate-everyday .sheet-template .inlinerollresult.fullfail { + transform: skewX(15deg); +} +.sheet-rolltemplate-everyday .sheet-template a { + font-weight: 700; +} +.sheet-rolltemplate-everyday .sheet-template a:is([href^="~"], [href^="!"]) { + color: inherit; + padding: 0; + border: none; + background-color: transparent; + font-family: var(--font2); + font-weight: 400; +} +.sheet-rolltemplate-everyday.sheet-rolltemplate-darkmode { + --backColor:var(--dm-backColor); + --selectedColor:var(--dm-selectedColor); + --unselectedColor1:var(--dm-unselectedColor1); + --unselectedColor1:var(--dm-unselectedColor2); + --checkColor:var(--dm-checkColor); + --borderColor:var(--dm-borderColor); + --fontColor:var(--dm-fontColor); + --disabledColor:var(--dm-disabledColor); + --fontColor: var(--dm-fontColor); + --selectColor: var(--dm-fontColor); + --selectedTextColor: var(--dm-selectedTextColor); + --sectionBorderColor: var(--dm-sectionBorderColor); + --sectionBackgroundColor: var(--dm-sectionBackgroundColor); + --darkSectionBackgroundColor: var(--dm-darkSectionBackgroundColor); + --sectionFontColor: var(--dm-sectionFontColor); + --sectionHeaderColor: var(--dm-sectionHeaderColor); + --formSpanBack: var(--dm-formSpanBack); + --formSpanColor: var(--dm-formSpanColor); + --formColor: var(--dm-formColor); + --formShadowColor1: var(--dm-formShadowColor1); + --formShadowColor2: var(--dm-formShadowColor2); + --dieWatermark: var(--dm-dieWatermark); + --borderColor: var(--dm-borderColor); + --statblockColor1:var(--dm-statblockColor1); + --statblockColor2:var(--dm-statblockColor2); + --tapeLightStripeColor: var(--dm-tapeLightStripeColor); + --tapeDarkStripeColor: var(--dm-tapeDarkStripeColor); + --cautionTape:var(--dm-cautionTape); + --collapseExpandedColor:var(--dm-collapseColor); + --collapseCollapsedColor:var(--dm-collapseColor); + --template-blendMode:var(--dm-template-blendMode); + color: var(--fontColor); + --fullcritColor:var(--dm-fullcritColor); + --fullfailColor:var(--dm-fullfailColor); + --importantrollColor:var(--dm-importantrollColor); + --rollColor:var(--dm-rollColor); + --description-backColor:var(--dm-description-backColor); +} \ No newline at end of file diff --git a/everyday_heroes/everyday.html b/everyday_heroes/everyday.html new file mode 100644 index 0000000000..4d4f4542b8 --- /dev/null +++ b/everyday_heroes/everyday.html @@ -0,0 +1,5056 @@ + + + + +
+ +
+ +
+
+
+
+
+ +
+
+
+
+
+ + + + + + + + +
+
+ +
+
+
+
+ + + + + +
+
+ + +
+ + + +
+
+
+ + + + + +
+
+ + +
+ + + +
+
+
+ + + + + +
+
+ + +
+ + + +
+
+
+ + + + + +
+
+ + +
+ + + +
+
+
+ + + + + +
+
+ + +
+ + + +
+
+
+ + + + + +
+
+ + +
+ + + +
+
+
+
+ + + + +
+ + + +
+ + + + +
+ + + +
+ + + + +
+ + + +
+ + + + +
+ + + +
+ + + + +
+ + + +
+ + + + +
+ + + +
+ + + + +
+ + + +
+ + + + +
+ + + +
+ + + + +
+ + + +
+ + + + +
+ + + +
+ + + + +
+ + + +
+ + + + +
+ + + +
+ + + + +
+ + + +
+ + + + +
+ + + +
+ + + + +
+ + + +
+ + + + +
+ + + +
+ + + + +
+ + + +
+ + + + +
+ + + +
+ + + + +
+ + + +
+ + + + +
+ + + +
+ + + + +
+ + + +
+
+
+
+
+
+
+
+ + + +
+ + + + / + + +
+
+
+ + + +
+
+ + + + +
+
+
+
+ + + + +
+
+
+
+
+
+ +
+ +
+ + + + +
+ +
+
+
+ + + +
+
+ +
+
+
+
+
+

Equipment Proficiencies

+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+

Miscellaneous Proficiencies

+ +
+
+ +
+
+
+
+
+
+

+

+
+ +
+ +
+ + + + + + +
+ + +
+ +
+
+
+
+
+
+ + + +
+ +

+
+ + + + +
+
+
+ +

+
+ + + + +
+
+
+ +

+
+ + + + +
+
+
+ +

+
+ + + +
+
+
+ + + + + + +
+
+ +
+
+
+
+
+
+
+
+
+
+

+

+
+ +
+ +
+ + + + +
+
+
+ +
+ + +
+
+ +
+
+
+
+
+
+
+
+
+

+

+
+
+ / + +
+ +
+ +
+ + + +
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+

+

+
+ +
+ +
+ + + + + +
+
+
+
+ + +
+
+ +

+
+ + + +
+
+
+ +

+
+ + + + +
+
+
+ +

+
+ + + + +
+
+
+ +

+
+ + + +
+
+
+

+
+ +
+
+
+ +

+
+ +
+
+
+ +

+
+ +
+
+
+ +

+
+ +
+
+
+ +

+
+ +
+
+
+
+
+
+
+
+
+
+

+

+
+ +
+ +
+ + + + + +
+
+
+
+ + +
+
+ +

+
+ + + +
+
+
+ +

+
+ + + + +
+
+
+ +

+
+ + + + +
+
+
+ +

+
+ + + +
+
+
+

+
+ +
+
+
+ +

+
+ +
+
+
+ +

+
+ +
+
+
+ +

+
+ +
+
+
+ +

+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+ + + + + + + + +
+
+
+

+

+
+ + + + + + + + +
+
+
+
+

+

+
+ +
+ +
+ + +
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+ + +
+ + +
+
+ +
+
+
+
+
+ + +
+
+
+ + +
+ + +
+
+ +
+
+ + +
+
+ + + +
+
+ +
+
+
+

+ + + + +
+
+

+ + + + +
+
+

+ + + + +
+
+

+ + + + +
+
+

+ + + + +
+
+

+ + + + +
+
+
+

+
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
+

+
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
+ + +
+
+
+ +
+
+
+
+ +
+
+
+
+
medium +
+
+
+ + + + +
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+

+ + + +
+
+

+ + + +
+
+

+ + + +
+
+

+ + + +
+
+

+ + + +
+
+

+ + + +
+
+
+

+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+
+
+

+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+ +
+ + + + +
+
+
+ +
+
+
+ +
+
+ +
+
+
+
+ +
+
+ + + +
+
+ +
+ +
+ + + + + +
+
+
+
+ + +
+
+ +

+
+ + + +
+
+
+ +

+
+ + + + +
+
+
+ +

+
+ + + + +
+
+
+ +

+
+ + + +
+
+
+

+
+ +
+
+
+ +

+
+ +
+
+
+ +

+
+ +
+
+
+ +

+
+ +
+
+
+ +

+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+ +
+
+ + + +
+
+ +
+ +
+ + + + + +
+
+
+
+ + +
+
+ +

+
+ + + +
+
+
+ +

+
+ + + + +
+
+
+ +

+
+ + + + +
+
+
+ +

+
+ + + +
+
+
+

+
+ +
+
+
+ +

+
+ +
+
+
+ +

+
+ +
+
+
+ +

+
+ +
+
+
+ +

+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+ +
+
+ + + +
+
+ +
+ +
+ + + + + +
+
+
+
+ + +
+
+ +

+
+ + + +
+
+
+ +

+
+ + + + +
+
+
+ +

+
+ + + + +
+
+
+ +

+
+ + + +
+
+
+

+
+ +
+
+
+ +

+
+ +
+
+
+ +

+
+ +
+
+
+ +

+
+ +
+
+
+ +

+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+

+ +
+ +
+ + +
+
+
+
+ +
+
+
+
+
+
+

+ +
+ +
+ + + + + +
+
+
+
+
+
+
+
+ +

+
+ + + +
+
+
+ +

+
+ + + +
+
+
+ +

+
+ + + +
+
+
+ +

+
+ + +
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+
+
+ + + + +
+
+
+
+
+
+
+
+ + +
+ + + +
+
+
+ + +
+ + + +
+
+
+ + +
+ + + +
+ + + + +
+
+
+

+ + + + + + +
+
+ + + + + + +
+

+ +
+
+
+
+
+

+ +
+ +
+ +
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+

+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+ + +
+ +
+
+

+ +
+ +
+ + + +
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ + + +
+

+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+
+ +
+ + + +
+
+ +
+
+
+
+
+
+
+ + +
+
+
+
{{#title}} +

{{title}}

{{/title}} +
+
+
{{#character_name}}{{#character_id}} +

[{{character_name}}](http://journal.roll20.net/character/{{character_id}})

{{/character_id}}{{^character_id}} +

{{character_name}}

{{/character_id}}{{/character_name}} +
+
+
{{#roll}} +
+
+
{{#roll_name}} +

{{roll_name}}

{{/roll_name}}{{^roll_name}} +

{{/roll_name}} +
+
{{roll}}
+
+
{{/roll}}{{#dc}} +
+
+
{{#save_type}} +

{{save_type}}

{{/save_type}}{{^save_type}} +

{{/save_type}} +
{{dc}}
+
+
+
{{/dc}}{{#damage_1}} +
+
+
{{#damage_1_type}} +

{{damage_1_type}}

{{/damage_1_type}}{{^damage_1_type}} +

{{/damage_1_type}} +
+
{{damage_1}}{{#rollWasCrit() roll}}{{#critical_damage_1}}+ {{critical_damage_1}}{{/critical_damage_1}}{{/rollWasCrit() roll}} +
+
+
{{/damage_1}}{{#damage_2}} +
+
+
{{#damage_2_type}} +

{{damage_2_type}}

{{/damage_2_type}}{{^damage_2_type}} +

{{/damage_2_type}} +
+
{{damage_2}}{{#rollWasCrit() roll}}{{#critical_damage_2}}+ {{critical_damage_2}}{{/critical_damage_2}}{{/rollWasCrit() roll}} +
+
+
{{/damage_2}}{{#type}} +
+
+
+

{{type}} +
+
+
{{/type}}{{#penetration}} +
+
+
+

{{penetration}} +
+
+
{{/penetration}}{{#range}} +
+
+
+

{{range}} +
+
+
{{/range}}{{#reload}} +
+
+
+

{{reload}} +
+
+
{{/reload}}{{#rounds}} +
+
+
+

{{rounds}} +
+
+
{{/rounds}}{{#properties}} +
+
+
+

{{properties}} +
+
+
{{/properties}}{{#description}} +

{{description}}

{{/description}} +
+
+ + \ No newline at end of file diff --git a/everyday_heroes/preview.jpg b/everyday_heroes/preview.jpg new file mode 100644 index 0000000000..ddda168503 Binary files /dev/null and b/everyday_heroes/preview.jpg differ diff --git a/everyday_heroes/sheet.json b/everyday_heroes/sheet.json new file mode 100644 index 0000000000..098eb389ba --- /dev/null +++ b/everyday_heroes/sheet.json @@ -0,0 +1,9 @@ +{ + "html": "everyday.html", + "css": "everyday.css", + "authors": "Sigil Services, Scott Casey, Medieve, Jesherin", + "preview": "preview.jpg", + "instructions": "This is the official sheet for the Everyday Heroes game system by [Evil Genius Games](https://www.evilgeniusgames.com/).", + "legacy": false, + "compendium":"everyday" +} \ No newline at end of file diff --git a/everyday_heroes/translation.json b/everyday_heroes/translation.json new file mode 100644 index 0000000000..7599cd2211 --- /dev/null +++ b/everyday_heroes/translation.json @@ -0,0 +1,213 @@ +{ + "tabs-everyday-core": "core", + "tabs-everyday-plans-tricks": "plans & tricks", + "tabs-everyday-persona": "persona", + "tabs-everyday-npc": "npc", + "tabs-everyday-vehicle": "vehicle", + "tabs-everyday-place": "place", + " class": " class", + " archetype": " archetype", + "background": "background", + "profession": "profession", + " level": " level", + "wealth": "wealth", + " speed": " speed", + "languages": "languages", + "strength": "strength", + "save": "save", + "dexterity": "dexterity", + "constitution": "constitution", + "intelligence": "intelligence", + "wisdom": "wisdom", + "charisma": "charisma", + "acrobatics": "acrobatics", + "arts and crafts": "arts and crafts", + "athletics": "athletics", + "computers": "computers", + "deception": "deception", + "vehicles": "vehicles", + "endurance": "endurance", + "insight": "insight", + "intimidation": "intimidation", + "investigation": "investigation", + "mechanics": "mechanics", + "medicine": "medicine", + "natural science": "natural science", + "perception": "perception", + "performance": "performance", + "persuasion": "persuasion", + "security": "security", + "sleight of hand": "sleight of hand", + "stealth": "stealth", + "streetwise": "streetwise", + "survival": "survival", + "max": "max", + "temp": "temp", + "current": "current", + "hit dice": "hit dice", + "d6": "d6", + "d8": "d8", + "d10": "d10", + "d12": "d12", + "death saves": "death saves", + "success": "success", + "fail": "fail", + "proficiency bonus": "proficiency bonus", + "defense": "defense", + "initiative": "initiative", + "passive perception": "passive perception", + "genius": "genius", + "focus": "focus", + "influence": "influence", + "inspiration": "inspiration", + "basic": "basic", + "advanced": "advanced", + "historical": "historical", + "improvised": "improvised", + "military": "military", + "weapons": "weapons", + "Damage": "Damage", + "attack": "attack", + "ability": "ability", + "strength abbreviation": "str", + "dexterity abbreviation": "dex", + "constitution abbreviation": "con", + "intelligence abbreviation": "int", + "wisdom abbreviation": "wis", + "charisma abbreviation": "cha", + "crit on": "crit on", + "bonus": "bonus", + "pv": "pv", + "damage 1": "damage 1", + "custom crit": "custom crit", + "type": "type", + "damage 2": "damage 2", + "save type": "save type", + "based on": "based on", + "static": "static", + "weapon type": "weapon type", + "not proficient": "not proficient", + "misc proficiency": "misc proficiency", + "misc expertise": "misc expertise", + "range": "range", + "reload": "reload", + "rounds": "rounds", + "properties": "properties", + "item bulk": "item bulk", + "talents and feats": "talents and feats", + "level": "level", + "feat": "feat", + "talent": "talent", + "other": "other", + "prerequisitie": "prerequisitie", + "feat type": "feat type", + "minor": "minor", + "major": "major", + "multiclass": "multiclass", + "equipment": "equipment", + "bulk": "bulk", + "quantity abbreviation": "qty", + "plans": "plans", + "level abbreviation": "lvl", + "action": "action", + "duration": "duration", + "description": "description", + "level 3": "level 3", + "level 5": "level 5", + "level 7": "level 7", + "level 9": "level 9", + "tricks": "tricks", + "weight": "weight", + "skin": "skin", + "height": "height", + "eyes": "eyes", + "hair": "hair", + "age": "age", + "marital status": "marital status", + "preferred pronouns": "preferred pronouns", + "persona": "persona", + "motivations": "motivations", + "attachments": "attachments", + "beliefs": "beliefs", + "ancestry": "ancestry", + "quirks": "quirks", + "virtues": "virtues", + "flaws": "flaws", + "role": "role", + "notes": "notes", + "cr": "cr", + "hit points": "hit points", + "armor": "armor", + "av": "av", + "speed": "speed", + "saves": "saves", + "skills": "skills", + "senses": "senses", + "roles": "roles", + "strength save": "strength save", + "dexterity save": "dexterity save", + "constitution save": "constitution save", + "intelligence save": "intelligence save", + "wisdom save": "wisdom save", + "charisma save": "charisma save", + "points": "points", + "dc": "dc", + "traits": "traits", + "actions": "actions", + "action name": "action name", + "crash!": "crash!", + "top speed": "top speed", + "pax": "pax", + "price level": "price level", + "contests": "contests", + "maneuverability": "maneuverability", + "damage levels": "damage levels", + "body": "body", + "control": "control", + "power": "power", + "blown tires": "blown tires", + "crew": "crew", + "position": "position", + "passenger": "passenger", + "driver": "driver", + "gunner": "gunner", + "location": "location", + "place level": "place level", + "stored equipment": "stored equipment", + "sheet type": "sheet type", + "pc": "pc", + "npc": "npc", + "vehicle": "vehicle", + "place": "place", + "whisper rolls": "whisper rolls", + "never": "never", + "ask": "ask", + "always": "always", + "roll": "roll", + "with advantage": "with advantage", + "normally": "normally", + "with disadvantage": "with disadvantage", + "query": "query", + "skill modifiers": "skill modifiers", + "death save": "death save", + "damage": "damage", + "penetration": "penetration", + "weapon name": "weapon name", + "ability name": "ability name", + "item name": "item name", + "item description": "item description", + "plan name": "plan name", + "trick name": "trick name", + "note name": "note name", + "date": "date", + "event description": "event description", + "size": "size", + "type (subtype)": "type (subtype)", + "xdy + z": "xdy + z", + "influence trick name": "influence trick name", + "trait name": "trait name", + "crew member name": "crew member name", + "character avatar": "character avatar", + "character token": "character token", + "": "" +} \ No newline at end of file