@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); --checkedBackColor: var(--tapeDarkStripeColor); --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.section .repcontrol { right: calc(var(--truePadding) + var(--notchSize)); } body .ui-dialog .tab-content .charsheet .repeating-section-container:not(.section) .repcontrol { right: 0; } 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 { padding: 0; } 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 .collapse { z-index: 100000; } body .ui-dialog .tab-content .charsheet .item-head-container .section__content { 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 .item-head-container .section__content h3 { text-align: left; } body .ui-dialog .tab-content .charsheet .item-head-container .section__content .collapse { z-index: 100000; } body .ui-dialog .tab-content .charsheet .item-head { display: grid; grid-area: float; } body .ui-dialog .tab-content .charsheet .item-head .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 .item-head .border-control--invert:checked + * { --formRadius: 0.5rem; border-right: 2px solid var(--borderColor); } body .ui-dialog .tab-content .charsheet .item-head > :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 .item-head > :is(input, button):first-child { border-top-left-radius: 10rem; border-bottom-left-radius: 10rem; } body .ui-dialog .tab-content .charsheet .item-head > :is(input, button):not(:last-child) { border-right-width: 0; } body .ui-dialog .tab-content .charsheet .item-head > :is(input, button):last-child { border-top-right-radius: 10rem; border-bottom-right-radius: 10rem; } body .ui-dialog .tab-content .charsheet .item-head > input { min-width: 5rem; } body .ui-dialog .tab-content .charsheet .item-head > .roller + button + input + input, body .ui-dialog .tab-content .charsheet .item-head > .roller + button + input + input + input, body .ui-dialog .tab-content .charsheet .item-head > button + input, body .ui-dialog .tab-content .charsheet .item-head > button + input + input { border-left-width: 0; } body .ui-dialog .tab-content .charsheet .item-head .form-label:not(:last-child):not(:first-child) { --formRadius: 0; } body .ui-dialog .tab-content .charsheet .item-head .form-label:last-child .form-label__span { border-radius: 0; } body .ui-dialog .tab-content .charsheet .item-head .form-label:last-child .form-label__input { border-right: 2px solid var(--borderColor); } body .ui-dialog .tab-content .charsheet .item-head .form-label:first-child .form-label__input { border-radius: 0; } body .ui-dialog .tab-content .charsheet .item-head .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 .item-head ~ .section { grid-area: description; z-index: -1; 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 .item-head ~ .section .section__content { background-image: var(--concreteBackground); background-blend-mode: multiply; background-size: 700px; } body .ui-dialog .tab-content .charsheet .item-head ~ .section .section__content { --sectionBorderRadius: 50px; border-radius: 0 0 var(--sectionBorderRadius) var(--sectionBorderRadius); } body .ui-dialog .tab-content .charsheet .item-head ~ .collapsed span { white-space: pre-wrap; max-height: 10rem; display: block; overflow: auto; } 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 .expansive-section { display: flex; flex-wrap: wrap; gap: var(--normal-gap); margin-top: calc(-100px + var(--normal-gap)); padding: 0 var(--half-gap); align-items: start; } body .ui-dialog .tab-content .charsheet .expansive-content { background-color: var(--backColor); filter: var(--floatShadows); overflow: hidden; border-radius: 15px 10px 10px 15px; } body .ui-dialog .tab-content .charsheet .expansive-content:first-child { flex: 1 1 210px; } body .ui-dialog .tab-content .charsheet .expansive-content:last-child { flex: 1 1 360px; } body .ui-dialog .tab-content .charsheet .expansive-content .collapse { right: 0; } body .ui-dialog .tab-content .charsheet .expansive-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 .repcontainer[data-groupname=repeating_weapons] .float-effect { grid-template-columns: auto 1fr auto auto; } body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_weapons] .float-effect .input-label:last-child .input-label__input { max-width: 5rem; } body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_weapons] .repcontrol-button, body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_weapons] .repcontrol { position: absolute; top: 0; } body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_weapons] .repcontrol { right: calc(var(--truePadding) + var(--notchSize)); } body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_weapons] .itemcontrol { z-index: 10000; } body .ui-dialog .tab-content .charsheet .repcontainer[data-groupname=repeating_weapons] .collapse { z-index: 100000; } 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__pic :first-child[src] ~ * { display: none; } 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--armor .item-head { grid-template-columns: 1fr auto auto; } body .ui-dialog .tab-content .charsheet .section--armor .collapse { top: 24px; right: 6px; } 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; align-content: start; } 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 .heroID__info { display: grid; gap: var(--normal-gap); padding: 0; } 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) var(--half-gap) 100px; } 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; } body .ui-dialog .tab-content .charsheet .heroID--vehicle__contests { flex: 1 0 100%; } body .ui-dialog .tab-content .charsheet .tabs--everyday__container--vehicle .expansive-section > .float-effect { background-color: var(--backColor); } 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 .actions-container .repeating-section-container { break-inside: avoid; } body .ui-dialog .tab-content .charsheet .tabs--everyday__container--npc .actions-container .repeating-section-container:not(:last-child) { margin-bottom: var(--normal-gap); border-bottom: 2px solid var(--borderColor); } 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 .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 .flex-span-all { width: 100%; } 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); --checkedBackColor: var(--fontColor); 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); --checkedBackColor: var(--tapeDarkStripeColor); --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.section .repcontrol { right: calc(var(--truePadding) + var(--notchSize)); } .sheet-rolltemplate-everyday .sheet-template .repeating-section-container:not(.section) .repcontrol { right: 0; } .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 { padding: 0; } .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 .collapse { z-index: 100000; } .sheet-rolltemplate-everyday .sheet-template .item-head-container .section__content { 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 .item-head-container .section__content h3 { text-align: left; } .sheet-rolltemplate-everyday .sheet-template .item-head-container .section__content .collapse { z-index: 100000; } .sheet-rolltemplate-everyday .sheet-template .item-head { display: grid; grid-area: float; } .sheet-rolltemplate-everyday .sheet-template .item-head .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 .item-head .border-control--invert:checked + * { --formRadius: 0.5rem; border-right: 2px solid var(--borderColor); } .sheet-rolltemplate-everyday .sheet-template .item-head > :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 .item-head > :is(input, button):first-child { border-top-left-radius: 10rem; border-bottom-left-radius: 10rem; } .sheet-rolltemplate-everyday .sheet-template .item-head > :is(input, button):not(:last-child) { border-right-width: 0; } .sheet-rolltemplate-everyday .sheet-template .item-head > :is(input, button):last-child { border-top-right-radius: 10rem; border-bottom-right-radius: 10rem; } .sheet-rolltemplate-everyday .sheet-template .item-head > input { min-width: 5rem; } .sheet-rolltemplate-everyday .sheet-template .item-head > .roller + button + input + input, .sheet-rolltemplate-everyday .sheet-template .item-head > .roller + button + input + input + input, .sheet-rolltemplate-everyday .sheet-template .item-head > button + input, .sheet-rolltemplate-everyday .sheet-template .item-head > button + input + input { border-left-width: 0; } .sheet-rolltemplate-everyday .sheet-template .item-head .form-label:not(:last-child):not(:first-child) { --formRadius: 0; } .sheet-rolltemplate-everyday .sheet-template .item-head .form-label:last-child .form-label__span { border-radius: 0; } .sheet-rolltemplate-everyday .sheet-template .item-head .form-label:last-child .form-label__input { border-right: 2px solid var(--borderColor); } .sheet-rolltemplate-everyday .sheet-template .item-head .form-label:first-child .form-label__input { border-radius: 0; } .sheet-rolltemplate-everyday .sheet-template .item-head .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 .item-head ~ .section { grid-area: description; z-index: -1; 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 .item-head ~ .section .section__content { background-image: var(--concreteBackground); background-blend-mode: multiply; background-size: 700px; } .sheet-rolltemplate-everyday .sheet-template .item-head ~ .section .section__content { --sectionBorderRadius: 50px; border-radius: 0 0 var(--sectionBorderRadius) var(--sectionBorderRadius); } .sheet-rolltemplate-everyday .sheet-template .item-head ~ .collapsed span { white-space: pre-wrap; max-height: 10rem; display: block; overflow: auto; } .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 .expansive-section { display: flex; flex-wrap: wrap; gap: var(--normal-gap); margin-top: calc(-100px + var(--normal-gap)); padding: 0 var(--half-gap); align-items: start; } .sheet-rolltemplate-everyday .sheet-template .expansive-content { background-color: var(--backColor); filter: var(--floatShadows); overflow: hidden; border-radius: 15px 10px 10px 15px; } .sheet-rolltemplate-everyday .sheet-template .expansive-content:first-child { flex: 1 1 210px; } .sheet-rolltemplate-everyday .sheet-template .expansive-content:last-child { flex: 1 1 360px; } .sheet-rolltemplate-everyday .sheet-template .expansive-content .collapse { right: 0; } .sheet-rolltemplate-everyday .sheet-template .expansive-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 .repcontainer[data-groupname=repeating_weapons] .float-effect { grid-template-columns: auto 1fr auto auto; } .sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_weapons] .float-effect .input-label:last-child .input-label__input { max-width: 5rem; } .sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_weapons] .repcontrol-button, .sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_weapons] .repcontrol { position: absolute; top: 0; } .sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_weapons] .repcontrol { right: calc(var(--truePadding) + var(--notchSize)); } .sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_weapons] .itemcontrol { z-index: 10000; } .sheet-rolltemplate-everyday .sheet-template .repcontainer[data-groupname=repeating_weapons] .collapse { z-index: 100000; } .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__pic :first-child[src] ~ * { display: none; } .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--armor .item-head { grid-template-columns: 1fr auto auto; } .sheet-rolltemplate-everyday .sheet-template .section--armor .collapse { top: 24px; right: 6px; } .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; align-content: start; } .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 .heroID__info { display: grid; gap: var(--normal-gap); padding: 0; } .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) var(--half-gap) 100px; } .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; } .sheet-rolltemplate-everyday .sheet-template .heroID--vehicle__contests { flex: 1 0 100%; } .sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--vehicle .expansive-section > .float-effect { background-color: var(--backColor); } .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 .actions-container .repeating-section-container { break-inside: avoid; } .sheet-rolltemplate-everyday .sheet-template .tabs--everyday__container--npc .actions-container .repeating-section-container:not(:last-child) { margin-bottom: var(--normal-gap); border-bottom: 2px solid var(--borderColor); } .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 .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-wrap-text { white-space: pre-wrap; } .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-input-label > .sheet-input-label__span { padding-inline: var(--normal-gap); padding-block: var(--half-gap); } .sheet-rolltemplate-everyday .sheet-template .sheet-input-label > .sheet-input-label__span .sheet-input-label__span { background-color: transparent; } .sheet-rolltemplate-everyday .sheet-template .sheet-input-label .sheet-input-label__input { padding: var(--half-gap); min-width: 4rem; background-color: color-mix(in lch, var(--backColor) 30%, transparent); } .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 { 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); --checkedBackColor: var(--fontColor); 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); }