@import url("https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Symbols+Outlined|Germania+One|EB+Garamond:400&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; } #main { container: main/inline-size; } 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); --input-label-gap: var(--half-gap); --lm-fontColor:black; --dm-fontColor: beige; --checkedColor: var(--selectedColor); --checkColor: var(--selectedColor); --fontColor:var(--lm-fontColor); --dm-backColor:var(--dark-surface1); --lm-borderColor:#6c6c6c; --lm-sectionHeadBack:#c8c8c8; --dm--sectionHeadBack:#c8c8c8; --sectionHeadBack:var(--lm-sectionHeadBack); --lm-sectionSubheadBack: #575757; --dm-sectionSubheadBack:#575757; --lm-fillLeftUnselectedColor: var(--lm-backColor); --dm-fillLeftUnselectedColor: var(--dm-backColor); --fillLeftUnselectedColor: var(--lm-fillLeftUnselectedColor); --sectionSubheadBack: var(--lm-sectionSubheadBack); --topHeadFont:"Germania One", cursive; --midHeadFont:"Germania One", cursive; --contentHeadFont:"EB Garamond", serif; --size1: 200%; --size2: 166%; --size3: 150%; --size4: 132%; --size5: 116%; --size6: 100%; --size7: 85%; --lm-activeBack: var(--lm-fontColor); --dm-activeBack: var(--dm-fontColor); --activeBack: var(--lm-activeBack); --lm-activeColor: var(--dm-fontColor); --dm-activeColor: var(--lm-fontColor); --activeColor: var(--lm-activeColor); --dm-selectedColor: var(--dm-fontColor); color: var(--fontColor); font-family: var(--contentHeadFont); font-size: 1rem; } body .ui-dialog .nav-tabs { position: sticky; top: 0; z-index: 1000; background-color: var(--backColor); } body .ui-dialog .nav-tabs a { font-family: var(--font3); } body .ui-dialog .tab-content .sheetform { background-color: transparent; } body .ui-dialog .tab-content .charsheet { /* width */ /* Track */ /* Handle */ /* Handle on hover */ } 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 .material-symbol, body .ui-dialog .tab-content .charsheet .sheet-material-symbol { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; font-variation-settings: "FILL" 1; } 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-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-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-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-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-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-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 h1, body .ui-dialog .tab-content .charsheet [aria-level="1"], 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"], body .ui-dialog .tab-content .charsheet h3, body .ui-dialog .tab-content .charsheet [aria-level="3"], body .ui-dialog .tab-content .charsheet h4, body .ui-dialog .tab-content .charsheet [aria-level="4"], body .ui-dialog .tab-content .charsheet h5, body .ui-dialog .tab-content .charsheet [aria-level="5"] { color: inherit; text-transform: capitalize; } body .ui-dialog .tab-content .charsheet label { font-size: inherit; color: inherit; font-family: inherit; } body .ui-dialog .tab-content .charsheet .pointer { cursor: pointer; } body .ui-dialog .tab-content .charsheet .no-icon:before { content: ""; } body .ui-dialog .tab-content .charsheet [hidden] { display: none !important; } body .ui-dialog .tab-content .charsheet input:is([type=checkbox], [type=radio]) { cursor: pointer; } body .ui-dialog .tab-content .charsheet :placeholder-shown { text-transform: capitalize; } body .ui-dialog .tab-content .charsheet * { box-sizing: border-box; } body .ui-dialog .tab-content .charsheet .justify-space-evenly, body .ui-dialog .tab-content .charsheet .sheet-justify-space-evenly { justify-content: space-evenly; } body .ui-dialog .tab-content .charsheet .split-mod-section .headed-section__content { padding: 0; } body .ui-dialog .tab-content .charsheet .split-mod-section .headed-section__content .input-label { width: 100%; height: 100%; align-items: center; } body .ui-dialog .tab-content .charsheet .disabled { display: none !important; } body .ui-dialog .tab-content .charsheet .collapse:checked ~ .expanded-disable { --disabledColor: color-mix(in lch,currentcolor 30%,transparent); pointer-events: none; color: var(--disabledColor); } body .ui-dialog .tab-content .charsheet .d-6:before { font-family: "dicefontd6"; text-transform: none !important; content: "f"; } body .ui-dialog .tab-content .charsheet .d100:before { font-family: "dicefontd10"; text-transform: none !important; content: "t"; font-size: 140%; } body .ui-dialog .tab-content .charsheet .d-10:before { font-family: "dicefontd10"; text-transform: none !important; content: "j"; font-size: 140%; } body .ui-dialog .tab-content .charsheet .input-label .input-label__text { text-transform: capitalize; } body .ui-dialog .tab-content .charsheet .material-icons { text-transform: none !important; } body .ui-dialog .tab-content .charsheet select { color: inherit; } body .ui-dialog .tab-content .charsheet select option { background-color: var(--backColor); } body .ui-dialog .tab-content .charsheet .blackbird-label { --input-label-gap:0; } body .ui-dialog .tab-content .charsheet .overlay { width: auto !important; height: auto !important; z-index: 1; } body .ui-dialog .tab-content .charsheet .content-grid { display: grid; grid-template-areas: "content"; } body .ui-dialog .tab-content .charsheet .content-grid > * { grid-area: content !important; } body .ui-dialog .tab-content .charsheet .material-symbols { font-family: "Material Symbols Outlined"; font-size: 20px; font-weight: 200; line-height: 1; } body .ui-dialog .tab-content .charsheet .flip-box { --flipDuration:0.8s; --flipQuantity:1; --flipTiming:ease-in-out; display: grid; grid-template-areas: "content"; perspective: 1000px; } body .ui-dialog .tab-content .charsheet .flip-box > * { grid-area: content; } body .ui-dialog .tab-content .charsheet .flip-box__content { -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden; } body .ui-dialog .tab-content .charsheet .flip-box__inner { display: grid; grid-template-areas: "content"; transform-style: preserve-3d; } body .ui-dialog .tab-content .charsheet .flip-box__inner > * { grid-area: content; } body .ui-dialog .tab-content .charsheet .flip-box__back { transform: rotateY(180deg); } body .ui-dialog .tab-content .charsheet .flip-control:checked + .flip-box__inner { transform: rotateY(calc(180deg * var(--flipQuantity))); } @media (prefers-reduced-motion: no-preference) { body .ui-dialog .tab-content .charsheet .flip-box__inner { transition: transform var(--flipDuration) var(--flipTiming); } } 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 .repitem .itemcontrol { z-index: 100000; } 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 .repeating-section-container { display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "repcontainer repcontainer" "add edit"; } body .ui-dialog .tab-content .charsheet .repeating-section-container .repcontainer { grid-area: repcontainer; } body .ui-dialog .tab-content .charsheet .repeating-section-container .repcontrol-button--add { grid-area: add; } body .ui-dialog .tab-content .charsheet .repeating-section-container .repcontrol { grid-area: edit; } body .ui-dialog .tab-content .charsheet ::-webkit-scrollbar { width: 8px; } body .ui-dialog .tab-content .charsheet ::-webkit-scrollbar-track { background: #f1f1f1; } body .ui-dialog .tab-content .charsheet ::-webkit-scrollbar-thumb { background: #888; } body .ui-dialog .tab-content .charsheet ::-webkit-scrollbar-thumb:hover { background: var(--elementColor); } body .ui-dialog .tab-content .charsheet .headed-section, body .ui-dialog .tab-content .charsheet .sheet-headed-section { --separatorRadius: 100%; --separatorGap: var(--tiny-gap); } body .ui-dialog .tab-content .charsheet .headed-section > :first-child, body .ui-dialog .tab-content .charsheet .sheet-headed-section > :first-child { border-top: 1px solid var(--borderColor); } body .ui-dialog .tab-content .charsheet .headed-section__header, body .ui-dialog .tab-content .charsheet .sheet-headed-section__header { background-color: var(--sectionHeadBack); border-left: 1px solid var(--borderColor); border-right: 1px solid var(--borderColor); } body .ui-dialog .tab-content .charsheet .headed-section__subheader, body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader { font-size: var(--size7); background-color: var(--sectionSubheadBack); border-left: 1px solid var(--borderColor); border-right: 1px solid var(--borderColor); color: var(--dm-fontColor); flex: 1; } body .ui-dialog .tab-content .charsheet .headed-section__content-area--row, body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row, body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row { flex-direction: row; } body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .headed-section__content, body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .headed-section__subheader, body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .sheet-headed-section__content, body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .sheet-headed-section__subheader, body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .headed-section__content, body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .headed-section__subheader, body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .sheet-headed-section__content, body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .sheet-headed-section__subheader, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .headed-section__content, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .headed-section__subheader, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .sheet-headed-section__content, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .sheet-headed-section__subheader, body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .headed-section__content, body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .headed-section__subheader, body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .sheet-headed-section__content, body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader { flex: 1 1; border-bottom: 1px solid var(--borderColor); } body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .headed-section__content:first-child, body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .headed-section__subheader:first-child, body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .sheet-headed-section__content:first-child, body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .sheet-headed-section__subheader:first-child, body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .headed-section__content:first-child, body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .headed-section__subheader:first-child, body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .sheet-headed-section__content:first-child, body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .sheet-headed-section__subheader:first-child, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .headed-section__content:first-child, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .headed-section__subheader:first-child, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .sheet-headed-section__content:first-child, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .sheet-headed-section__subheader:first-child, body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .headed-section__content:first-child, body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .headed-section__subheader:first-child, body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .sheet-headed-section__content:first-child, body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:first-child { border-left: 1px solid var(--borderColor); } body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .headed-section__content:last-child, body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .headed-section__subheader:last-child, body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .sheet-headed-section__content:last-child, body .ui-dialog .tab-content .charsheet .headed-section__content-area--row > .sheet-headed-section__subheader:last-child, body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .headed-section__content:last-child, body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .headed-section__subheader:last-child, body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .sheet-headed-section__content:last-child, body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--row > .sheet-headed-section__subheader:last-child, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .headed-section__content:last-child, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .headed-section__subheader:last-child, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .sheet-headed-section__content:last-child, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--row > .sheet-headed-section__subheader:last-child, body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .headed-section__content:last-child, body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .headed-section__subheader:last-child, body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .sheet-headed-section__content:last-child, body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:last-child { border-right: 1px solid var(--borderColor); } body .ui-dialog .tab-content .charsheet .headed-section__content-area--column, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--column { flex-direction: column; } body .ui-dialog .tab-content .charsheet .headed-section__content-area--column > .headed-section__content, body .ui-dialog .tab-content .charsheet .headed-section__content-area--column > .sheet-headed-section__content, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--column > .headed-section__content, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--column > .sheet-headed-section__content { border-left: 1px solid var(--borderColor); border-right: 1px solid var(--borderColor); } body .ui-dialog .tab-content .charsheet .headed-section__content-area--column > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--column > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--column > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child) { border-bottom-width: 0px; } body .ui-dialog .tab-content .charsheet .headed-section__content-area--column > .headed-section__content:last-child, body .ui-dialog .tab-content .charsheet .headed-section__content-area--column > .sheet-headed-section__content:last-child, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--column > .headed-section__content:last-child, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--column > .sheet-headed-section__content:last-child { border-bottom: 1px solid var(--borderColor); } body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__content-area--column > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__content-area--column > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__content-area--column > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__subheader-area--column > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__subheader-area--column > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__content-area--column > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__content-area--column > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__subheader-area--column > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__subheader-area--column > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__content-area--column > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__content-area--column > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__content-area--column > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__subheader-area--column > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__subheader-area--column > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__content-area--column > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__content-area--column > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__content-area--column > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__content-area--column > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__content-area--column > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__subheader-area--column > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__subheader-area--column > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__content-area--column > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__content-area--column > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--column > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--column > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__content-area--column > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__content-area--column > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__content-area--column > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__subheader-area--column > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__subheader-area--column > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--column > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--column > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child) { border-bottom: 2px solid var(--borderColor); } body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__content-area--row > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__content-area--row > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__subheader-area--row > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__subheader-area--row > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__content-area--row > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__subheader-area--row > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__subheader-area--row > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__content-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__content-area--row > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__content-area--row > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__subheader-area--row > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__subheader-area--row > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__content-area--row > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__content-area--row > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__content-area--row > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__subheader-area--row > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__subheader-area--row > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__content-area--row > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--row > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--row > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__content-area--row > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__content-area--row > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__subheader-area--row > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__subheader-area--row > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--row > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .headed-section__subheader:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child) { border-right: 2px solid var(--borderColor); } body .ui-dialog .tab-content .charsheet .headed-section__content-area--partial > .headed-section__content:not(:last-child):after, body .ui-dialog .tab-content .charsheet .headed-section__content-area--partial > .sheet-headed-section__content:not(:last-child):after, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--partial > .headed-section__content:not(:last-child):after, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--partial > .sheet-headed-section__content:not(:last-child):after { content: ""; background-color: var(--borderColor); position: absolute; border-radius: var(--separatorRadius); } body .ui-dialog .tab-content .charsheet .headed-section__content-area--partial.headed-section__content-area--column > .headed-section__content > .sheet-headed-section__content:not(:last-child):after, body .ui-dialog .tab-content .charsheet .headed-section__content-area--partial.sheet-headed-section__content-area--column > .headed-section__content > .sheet-headed-section__content:not(:last-child):after, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--partial.headed-section__content-area--column > .headed-section__content > .sheet-headed-section__content:not(:last-child):after, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--partial.sheet-headed-section__content-area--column > .headed-section__content > .sheet-headed-section__content:not(:last-child):after { bottom: 0; top: auto; left: var(--separatorGap); right: var(--separatorGap); height: 2px; width: auto; } body .ui-dialog .tab-content .charsheet .headed-section__content-area--partial.headed-section__content-area--row > .headed-section__content:not(:last-child):after, body .ui-dialog .tab-content .charsheet .headed-section__content-area--partial.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child):after, body .ui-dialog .tab-content .charsheet .headed-section__content-area--partial.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child):after, body .ui-dialog .tab-content .charsheet .headed-section__content-area--partial.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child):after, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--partial.headed-section__content-area--row > .headed-section__content:not(:last-child):after, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--partial.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child):after, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--partial.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child):after, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content-area--partial.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child):after { top: var(--separatorGap); bottom: var(--separatorGap); right: 0; left: auto; width: 2px; height: auto; } body .ui-dialog .tab-content .charsheet .headed-section__content, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content { position: relative; padding: var(--half-gap); background-color: var(--backColor); } body .ui-dialog .tab-content .charsheet .headed-section__content.dark-content body .ui-dialog .tab-content .charsheet .headed-section__content.sheet-dark-content, body .ui-dialog .tab-content .charsheet .headed-section__content.dark-content body .ui-dialog .tab-content .charsheet .sheet-headed-section__content.sheet-dark-content, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content.dark-content body .ui-dialog .tab-content .charsheet .headed-section__content.sheet-dark-content, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content.dark-content body .ui-dialog .tab-content .charsheet .sheet-headed-section__content.sheet-dark-content { --selectedColor: var(--dm-selectedColor); background-color: var(--sectionSubheadBack); color: var(--dm-fontColor); } body .ui-dialog .tab-content .charsheet .headed-section__content.dark-content body .ui-dialog .tab-content .charsheet .headed-section__content.sheet-dark-content > *, body .ui-dialog .tab-content .charsheet .headed-section__content.dark-content body .ui-dialog .tab-content .charsheet .sheet-headed-section__content.sheet-dark-content > *, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content.dark-content body .ui-dialog .tab-content .charsheet .headed-section__content.sheet-dark-content > *, body .ui-dialog .tab-content .charsheet .sheet-headed-section__content.dark-content body .ui-dialog .tab-content .charsheet .sheet-headed-section__content.sheet-dark-content > * { --borderColor: var(--dm-borderColor); } body .ui-dialog .tab-content .charsheet .card { display: grid; grid-template-areas: "content"; perspective: 1000px; } body .ui-dialog .tab-content .charsheet .card > * { grid-area: content; } body .ui-dialog .tab-content .charsheet .card__content { border: 2px solid var(--borderColor); overflow: auto; width: 240px; aspect-ratio: 1/1.66; display: grid; gap: var(--tiny-gap); align-content: start; padding: var(--tiny-gap); isolation: isolate; } body .ui-dialog .tab-content .charsheet .card__content > input[type=text] { width: 100%; } body .ui-dialog .tab-content .charsheet .card__content > .input-label input[type=text] { width: 0; } body .ui-dialog .tab-content .charsheet .card__flip-box { display: grid; grid-template-areas: "content"; transform-style: preserve-3d; } body .ui-dialog .tab-content .charsheet .card__flip-box > * { grid-area: content; } body .ui-dialog .tab-content .charsheet .card__flip + .card__flip-box .card__view, body .ui-dialog .tab-content .charsheet .card__flip + .card__flip-box .card__edit { background-color: var(--backColor); inset: 0; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden; } body .ui-dialog .tab-content .charsheet .card__flip + .card__flip-box .card__view { transform: rotateY(180deg); } body .ui-dialog .tab-content .charsheet .card__flip:checked + .card__flip-box { transform: rotateY(180deg); } @media (prefers-reduced-motion: no-preference) { body .ui-dialog .tab-content .charsheet .card__flip-box { transition: transform 0.8s; } } body .ui-dialog .tab-content .charsheet .card-slot { width: min-content; grid-template-rows: auto auto 1fr; } body .ui-dialog .tab-content .charsheet .slot-select { z-index: 10; } body .ui-dialog .tab-content .charsheet .card-slot__header, body .ui-dialog .tab-content .charsheet .card-slot__subheader { --gutterSize: 1.5rem; display: grid; grid-template-columns: var(--gutterSize) 1fr var(--gutterSize); grid-template-areas: ". label eject"; padding: 0 var(--half-gap); place-items: center; } body .ui-dialog .tab-content .charsheet .card-slot__header *, body .ui-dialog .tab-content .charsheet .card-slot__subheader * { white-space: pre-wrap; } body .ui-dialog .tab-content .charsheet .card-slot__header button, body .ui-dialog .tab-content .charsheet .card-slot__subheader button { grid-area: eject; } body .ui-dialog .tab-content .charsheet .unslot-button { white-space: nowrap; } body .ui-dialog .tab-content .charsheet .card-slot__header h2, body .ui-dialog .tab-content .charsheet .card-slot__header .input-label:not(.stacked).large > [name] { grid-area: label; } body .ui-dialog .tab-content .charsheet .card-slot__subheader label { color: inherit; display: flex; grid-area: label; cursor: pointer; } body .ui-dialog .tab-content .charsheet .card-slot__selection .card__view { align-content: center; } body .ui-dialog .tab-content .charsheet .card-slot__selection label { --buttonSize: 60px; display: grid; grid-template-areas: "content"; background-color: var(--sectionHeadBack); overflow: hidden; width: var(--buttonSize); height: var(--buttonSize); place-self: center; cursor: pointer; position: relative; } body .ui-dialog .tab-content .charsheet .card-slot__selection label > * { grid-area: content; } body .ui-dialog .tab-content .charsheet .card-slot__selection label > span { font-size: 400%; place-self: center; translate: 0 -2px; line-height: 0; } body .ui-dialog .tab-content .charsheet .card-slot__selection label > select { position: absolute; inset: 0; cursor: pointer; } body .ui-dialog .tab-content .charsheet .deck-container { --deckRepeatButtonSize: 32px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; grid-template-areas: "add edit" "repcontainer repcontainer"; gap: var(--normal-gap); } body .ui-dialog .tab-content .charsheet .deck-container .repcontainer { display: flex; flex-wrap: wrap; gap: var(--half-gap); grid-area: repcontainer; justify-content: center; } body .ui-dialog .tab-content .charsheet .deck-container .repcontrol { grid-area: edit; justify-self: start; } body .ui-dialog .tab-content .charsheet .deck-container .repcontrol_edit:before, body .ui-dialog .tab-content .charsheet .deck-container .repcontrol-button--add:before { font-family: "Material Symbols Outlined"; font-size: 20px; font-weight: 200; line-height: 1; font-size: var(--size1); width: var(--deckRepeatButtonSize); height: var(--deckRepeatButtonSize); } body .ui-dialog .tab-content .charsheet .deck-container .repcontrol-button--add { grid-area: add; justify-self: end; width: var(--deckRepeatButtonSize); height: var(--deckRepeatButtonSize); font-size: inherit; } body .ui-dialog .tab-content .charsheet .deck-container .repcontrol-button--add:before { content: "add_card"; } body .ui-dialog .tab-content .charsheet .deck-container .repcontrol_edit:before { content: "playing_cards"; } body .ui-dialog .tab-content .charsheet .deck-container .collapse { right: 0; } body .ui-dialog .tab-content .charsheet .deck-container .collapsed, body .ui-dialog .tab-content .charsheet .deck-container .expanded { display: grid; gap: var(--tiny-gap); } body .ui-dialog .tab-content .charsheet .deck-container .collapsed > input[type=text], body .ui-dialog .tab-content .charsheet .deck-container .expanded > input[type=text] { width: 100%; } body .ui-dialog .tab-content .charsheet .deck-container .collapsed > .input-label input[type=text], body .ui-dialog .tab-content .charsheet .deck-container .expanded > .input-label input[type=text] { width: 0; } body .ui-dialog .tab-content .charsheet .threshold .headed-section__subheader:first-child, body .ui-dialog .tab-content .charsheet .threshold .headed-section__content:first-child { --width: 6rem; max-width: var(--width); display: flex; justify-content: center; } body .ui-dialog .tab-content .charsheet .egg, body .ui-dialog .tab-content .charsheet .sheet-egg { display: inline-grid; grid-template-rows: 1fr auto; place-items: center; border: 1px solid var(--borderColor); width: 50px; overflow: hidden; padding-block: var(--tiny-gap); aspect-ratio: 1/1.3; border-radius: 50% 50% 50% 50%/60% 60% 40% 40%; } body .ui-dialog .tab-content .charsheet .egg > input, body .ui-dialog .tab-content .charsheet .sheet-egg > input { align-self: end; color: var(--fontColor); } body .ui-dialog .tab-content .charsheet .egg span, body .ui-dialog .tab-content .charsheet .sheet-egg span { color: var(--fontColor); } body .ui-dialog .tab-content .charsheet .skill-head { --overflow:30px; margin-bottom: var(--overflow); } body .ui-dialog .tab-content .charsheet .skill-head__content { display: flex; justify-content: center; } body .ui-dialog .tab-content .charsheet .skill-head__content .egg { background-color: var(--backColor); margin-bottom: calc(var(--overflow) * -1); } body .ui-dialog .tab-content .charsheet .blackbird-radio { --checkboxBorderColor:var(--borderColor); display: flex; width: 10px; height: 10px; border: 1px solid var(--borderColor); background-color: var(--backColor); } body .ui-dialog .tab-content .charsheet .blackbird-radio:before { content: none !important; } body .ui-dialog .tab-content .charsheet .radio-circle.radio-circle { border-radius: 50%; } body .ui-dialog .tab-content .charsheet .radio-circle.radio-circle:hover { box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset; } body .ui-dialog .tab-content .charsheet .radio-circle.radio-circle:checked { background-color: var(--selectedColor) !important; } body .ui-dialog .tab-content .charsheet .radio-square.radio-square { border-radius: 15%; } body .ui-dialog .tab-content .charsheet .radio-square.radio-square:hover { box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset; } body .ui-dialog .tab-content .charsheet .radio-square.radio-square:checked { background-color: var(--selectedColor) !important; } body .ui-dialog .tab-content .charsheet .radio-egg.radio-egg { border-radius: 50% 50% 50% 50%/60% 60% 40% 40%; } body .ui-dialog .tab-content .charsheet .radio-egg.radio-egg:hover { box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset; } body .ui-dialog .tab-content .charsheet .radio-egg.radio-egg:checked { background-color: var(--selectedColor) !important; } body .ui-dialog .tab-content .charsheet .radio-shield.radio-shield { border-radius: 10% 10% 50% 50%/10% 10% 40% 40%; } body .ui-dialog .tab-content .charsheet .radio-shield.radio-shield:hover { box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset; } body .ui-dialog .tab-content .charsheet .radio-shield.radio-shield:checked { background-color: var(--selectedColor) !important; } body .ui-dialog .tab-content .charsheet .radio-diamond.radio-diamond { -webkit-transform: rotate(45deg) translate(10%, 20%); } body .ui-dialog .tab-content .charsheet .radio-diamond.radio-diamond:hover { box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset; } body .ui-dialog .tab-content .charsheet .radio-diamond.radio-diamond:checked { background-color: var(--selectedColor) !important; } body .ui-dialog .tab-content .charsheet .radio-triangle { border-style: solid; display: grid; grid-template-areas: "content"; place-items: center; place-content: center; background-color: transparent !important; border: 0px solid transparent; --triangleHeight:15px; width: var(--triangleHeight); height: var(--triangleHeight); } body .ui-dialog .tab-content .charsheet .radio-triangle:before, body .ui-dialog .tab-content .charsheet .radio-triangle:after { content: "" !important; grid-area: content; box-sizing: border-box; border-style: solid; } body .ui-dialog .tab-content .charsheet .radio-triangle:before { border-width: var(--triangleHeight) calc(var(--triangleHeight) / 2) 0 calc(var(--triangleHeight) / 2); border-color: var(--borderColor) transparent transparent transparent; } body .ui-dialog .tab-content .charsheet .radio-triangle:after { z-index: 1; border-width: calc(var(--triangleHeight) - 2px) calc(var(--triangleHeight) / 2 - 1px) 0 calc(var(--triangleHeight) / 2 - 1px); border-color: var(--backColor) transparent transparent transparent; } body .ui-dialog .tab-content .charsheet .radio-triangle:checked:after { --backColor:var(--selectedColor) ; } body .ui-dialog .tab-content .charsheet .attCard_egg_col { padding: 10px; } body .ui-dialog .tab-content .charsheet .bonus_radios { padding: 10px; display: inline-grid; } body .ui-dialog .tab-content .charsheet .row_div { padding-top: 6px; display: inline-flex; } body .ui-dialog .tab-content .charsheet .att_abil_mod { padding-top: -5px; display: inline-grid; } body .ui-dialog .tab-content .charsheet .unlocked { display: block !important; position: relative; left: 17px; align-self: center; } body .ui-dialog .tab-content .charsheet .att_ability_inputs { padding-left: 7px; } body .ui-dialog .tab-content .charsheet .ability_mod { border: 1px solid var(--borderColor); border-radius: 5%; height: 50px; } body .ui-dialog .tab-content .charsheet .collapse--nested-control:checked ~ div .expanded { display: none; } body .ui-dialog .tab-content .charsheet .collapse--nested-control:not(:checked) ~ div .collapsed { display: none; } body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--core { display: grid; grid-template-columns: repeat(auto-fit, minmax(285px, 1fr)); grid-template-rows: auto auto 1fr; grid-auto-flow: dense; gap: var(--half-gap); } body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--core header { grid-column: 1/-1; } body .ui-dialog .tab-content .charsheet .section--skills, body .ui-dialog .tab-content .charsheet .section--attributes { grid-row: span 2; } body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat { container: combat-container/inline-size; } body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container { display: grid; align-items: start; gap: var(--half-gap); grid-template-columns: [peril-thresh-start peril-track-start] 1fr [peril-track-end armor-start general-start] 2fr [peril-thresh-end damage-thresh-start] 2fr [armor-end general-end damage-track-start] 1fr [damage-track-end damage-thresh-end]; grid-template-rows: [peril-thresh-start damage-thresh-start] auto [peril-thresh-end damage-thresh-end peril-track-start damage-track-start general-start] auto [general-end armor-start] auto [armor-end peril-track-end damage-track-end]; } @container combat-container (max-width:760px) { body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container { grid-template-columns: auto; } body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container > *, body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .threshold, body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track { grid-area: initial; } body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area { flex-direction: row; } body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .headed-section__content, body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .headed-section__subheader, body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .sheet-headed-section__content, body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .sheet-headed-section__subheader { flex: 1 1; border-bottom: 1px solid var(--borderColor); } body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .headed-section__content:first-child, body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .headed-section__subheader:first-child, body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .sheet-headed-section__content:first-child, body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .sheet-headed-section__subheader:first-child { border-left: 1px solid var(--borderColor); } body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .headed-section__content:last-child, body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .headed-section__subheader:last-child, body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .sheet-headed-section__content:last-child, body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .track .headed-section__content-area > .sheet-headed-section__subheader:last-child { border-right: 1px solid var(--borderColor); } body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .section--peril, body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--combat .interior-container .section--damage { display: grid; } } body .ui-dialog .tab-content .charsheet .section--peril, body .ui-dialog .tab-content .charsheet .section--damage { display: contents; } body .ui-dialog .tab-content .charsheet .section--peril .threshold { grid-area: peril-thresh; } body .ui-dialog .tab-content .charsheet .section--peril .threshold-connect-line { grid-column: peril-track-start; grid-row: peril-thresh-start/peril-track-end; } body .ui-dialog .tab-content .charsheet .section--peril .track { grid-area: peril-track; } body .ui-dialog .tab-content .charsheet .section--damage .threshold { grid-area: damage-thresh; } body .ui-dialog .tab-content .charsheet .section--damage .threshold-connect-line { grid-column: damage-track-start; grid-row: damage-thresh-start/damage-track-end; } body .ui-dialog .tab-content .charsheet .section--damage .track { grid-area: damage-track; } body .ui-dialog .tab-content .charsheet .section--weapons, body .ui-dialog .tab-content .charsheet .section--wortcunnings { grid-column: 1/-1; } body .ui-dialog .tab-content .charsheet .section--combat-general { grid-area: general; } body .ui-dialog .tab-content .charsheet .tabs__header { font-family: var(--font2); font-size: var(--font3); display: flex; gap: var(--tiny-gap) var(--half-gap); flex-wrap: wrap; align-items: center; } body .ui-dialog .tab-content .charsheet .tabs__header ul { gap: var(--tiny-gap); align-items: center; margin: 0; } body .ui-dialog .tab-content .charsheet .tabs__header button { padding-inline: var(--tiny-gap); border: 1px solid transparent; text-transform: uppercase; } body .ui-dialog .tab-content .charsheet .tabs__header .tabs__nav-item { display: contents; } body .ui-dialog .tab-content .charsheet .tabs__header .k-active-tab { background-color: var(--activeBack); background-color: var(--activeColor); border-color: var(--borderColor); } body .ui-dialog .tab-content .charsheet .cardHolder { padding: 0px; } body .ui-dialog .tab-content .charsheet .armor { min-width: fit-content; } body .ui-dialog .tab-content .charsheet .armor .headed-section__content:not(:last-child) { border-bottom: 1px solid black !important; } body .ui-dialog .tab-content .charsheet .armor input:not([type=checkbox]) { width: 100%; } body .ui-dialog .tab-content .charsheet .armor .armor__labels, body .ui-dialog .tab-content .charsheet .armor .shield__labels { display: grid; grid-template-columns: repeat(2, 2fr) 1fr 2fr; row-gap: var(--half-gap); } body .ui-dialog .tab-content .charsheet .armor .section--label__name { padding-inline: var(--gap); } body .ui-dialog .tab-content .charsheet .armor .section--label__qualities, body .ui-dialog .tab-content .charsheet .armor .section--label__threshold, body .ui-dialog .tab-content .charsheet .armor .section--label__degredation { padding-inline: var(--half-gap); min-width: 85px; border-left: solid; border-radius: 0; border-width: 1px; } body .ui-dialog .tab-content .charsheet .armor .shield__labels { background-color: rgba(0, 0, 0, 0.1); } body .ui-dialog .tab-content .charsheet .fate-fortune-container { display: grid; gap: var(--half-gap); } body .ui-dialog .tab-content .charsheet .section--fate .headed-section__content { display: grid; align-items: end; } body .ui-dialog .tab-content .charsheet .section--fate__header { display: grid; grid-template-columns: auto 1fr auto; place-items: center; padding: var(--half-gap) var(--tiny-gap); } body .ui-dialog .tab-content .charsheet .section--fate__header .sizing-gutter { visibility: hidden; } body .ui-dialog .tab-content .charsheet .section--fate__header .sizing-gutter * { visibility: hidden; } body .ui-dialog .tab-content .charsheet .fate__content:last-child { z-index: -1; } body .ui-dialog .tab-content .charsheet .fate__flip-box { --flipDuration:.8s; --flipQuantity:3; --flipTiming:ease-in; } body .ui-dialog .tab-content .charsheet .fate__flip-box .content-grid { place-items: center; } body .ui-dialog .tab-content .charsheet .fate__flip-box .flip-box__inner { transform: translateX(0%) translateZ(-200px) rotateY(0deg); translate: 0 0 200px; } body .ui-dialog .tab-content .charsheet .fate__flip-box .flip-control:checked + .flip-box__inner { transform: translateX(115%) translateZ(-200px) rotateY(calc(180deg * var(--flipQuantity))); translate: 0 0 200px; } @media (prefers-reduced-motion: no-preference) { body .ui-dialog .tab-content .charsheet .fate__flip-box .flip-box__inner { transition-property: transform, translate; transition-duration: var(--flipDuration), calc(var(--flipDuration) / 2); transition-delay: 0, calc(var(--flipDuration) / 2); transition-timing-function: var(--flipTiming); } body .ui-dialog .tab-content .charsheet .fate__flip-box .flip-control:checked + .flip-box__inner { transition-property: transform, translate; transition-duration: var(--flipDuration), calc(var(--flipDuration) / 2); transition-delay: 0, 0; transition-timing-function: var(--flipTiming); } } body .ui-dialog .tab-content .charsheet .character_info { display: flex; flex-wrap: wrap; gap: var(--half-gap); } body .ui-dialog .tab-content .charsheet .section--fate { max-width: 270px; } body .ui-dialog .tab-content .charsheet .character_info__details { flex: 1 1; display: grid; grid-template-rows: auto 1fr; gap: var(--normal-gap); } body .ui-dialog .tab-content .charsheet .detail__inputs { display: grid; gap: var(--half-gap); grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); } body .ui-dialog .tab-content .charsheet .character-concept { display: grid; grid-template-rows: auto auto 1fr; } body .ui-dialog .tab-content .charsheet .section--skills { margin-left: 14px; } body .ui-dialog .tab-content .charsheet .section--skills__group { padding: 0; border: 0px solid transparent !important; display: grid; align-content: center; grid-template-areas: "content"; } body .ui-dialog .tab-content .charsheet .section--skills__group > * { grid-area: content; } body .ui-dialog .tab-content .charsheet .skill--block { display: contents; } body .ui-dialog .tab-content .charsheet .skill--block .headed-section__content-area { grid-area: content; } body .ui-dialog .tab-content .charsheet .section--skills__attribute-header { place-self: center start; position: relative; z-index: 1; rotate: 180deg; left: -14px; background-color: var(--backColor); writing-mode: vertical-lr; padding-inline: var(--half-gap); } body .ui-dialog .tab-content .charsheet .section--skills__normal { display: grid; grid-template-columns: 1fr repeat(3, 20px); grid-auto-rows: 25px; gap: var(--tiny-gap) var(--half-gap); place-items: center; padding-right: var(--half-gap); align-content: center; } body .ui-dialog .tab-content .charsheet .section--skills__normal button { justify-self: start; margin-left: var(--normal-gap); } body .ui-dialog .tab-content .charsheet .section--skills__unlocked { --width: 50px; display: grid; grid-auto-rows: 25px; gap: var(--tiny-gap) var(--half-gap); place-items: center; flex: 0 !important; min-width: var(--width); max-width: var(--width); align-content: center; } body .ui-dialog .tab-content .charsheet .special-skill { position: relative; } body .ui-dialog .tab-content .charsheet .special-skill:after { content: "*"; position: absolute; right: calc(var(--half-gap) * -1); } body .ui-dialog .tab-content .charsheet .section--alignment .headed-section__subheader { display: flex; justify-content: center; text-transform: capitalize; } body .ui-dialog .tab-content .charsheet .section--alignment__grid { --outlineSize:2px; --gridSize:30px; --checkSize:20px; --alignment-offset:calc(var(--checkSize) / 2 - 1px); display: grid; grid-template-columns: repeat(5, var(--gridSize)); grid-template-rows: repeat(9, var(--gridSize)); grid-template-areas: "harmony--2 harmony--1 alignment--0 discord--1 discord--2" "harmony--3 . revelation--3 . discord--3" "harmony--4 . . . discord--4" "harmony--5 . revelation--5 . discord--5" "harmony--6 . . . discord--6" "harmony--7 . revelation--7 . discord--7" "harmony--8 . . . discord--8" "harmony--9 . revelation--9 . discord--9" "harmony--10 . revelation--10 . discord--10"; place-items: center; isolation: isolate; } body .ui-dialog .tab-content .charsheet .section--alignment__line-connect { border-width: var(--outlineSize) var(--outlineSize) 0 var(--outlineSize); border-color: var(--borderColor); border-style: solid; grid-row: 1/-1; grid-column: 1/-1; margin: calc(var(--gridSize) / 2 - 1px); place-self: stretch; } body .ui-dialog .tab-content .charsheet .revelation { grid-column: 1/-1; padding-inline: var(--tiny-gap); background-color: var(--backColor); text-transform: capitalize; } body .ui-dialog .tab-content .charsheet .revelation:not(div) { place-self: center; } body .ui-dialog .tab-content .charsheet div.revelation { justify-self: stretch; margin-inline: calc(var(--gridSize) / 2); border-top: var(--outlineSize) solid var(--borderColor); } body .ui-dialog .tab-content .charsheet .alignment--radio { width: var(--checkSize); height: var(--checkSize); --triangleHeight: var(--checkSize); } body .ui-dialog .tab-content .charsheet .alignment--0 { grid-area: alignment--0; } body .ui-dialog .tab-content .charsheet .harmony--1 { grid-area: harmony--1; } body .ui-dialog .tab-content .charsheet .discord--1 { grid-area: discord--1; } body .ui-dialog .tab-content .charsheet .revelation--1 { grid-row-start: revelation--1; } body .ui-dialog .tab-content .charsheet .harmony--2 { grid-area: harmony--2; } body .ui-dialog .tab-content .charsheet .discord--2 { grid-area: discord--2; } body .ui-dialog .tab-content .charsheet .revelation--2 { grid-row-start: revelation--2; } body .ui-dialog .tab-content .charsheet .harmony--3 { grid-area: harmony--3; } body .ui-dialog .tab-content .charsheet .discord--3 { grid-area: discord--3; } body .ui-dialog .tab-content .charsheet .revelation--3 { grid-row-start: revelation--3; } body .ui-dialog .tab-content .charsheet .harmony--4 { grid-area: harmony--4; } body .ui-dialog .tab-content .charsheet .discord--4 { grid-area: discord--4; } body .ui-dialog .tab-content .charsheet .revelation--4 { grid-row-start: revelation--4; } body .ui-dialog .tab-content .charsheet .harmony--5 { grid-area: harmony--5; } body .ui-dialog .tab-content .charsheet .discord--5 { grid-area: discord--5; } body .ui-dialog .tab-content .charsheet .revelation--5 { grid-row-start: revelation--5; } body .ui-dialog .tab-content .charsheet .harmony--6 { grid-area: harmony--6; } body .ui-dialog .tab-content .charsheet .discord--6 { grid-area: discord--6; } body .ui-dialog .tab-content .charsheet .revelation--6 { grid-row-start: revelation--6; } body .ui-dialog .tab-content .charsheet .harmony--7 { grid-area: harmony--7; } body .ui-dialog .tab-content .charsheet .discord--7 { grid-area: discord--7; } body .ui-dialog .tab-content .charsheet .revelation--7 { grid-row-start: revelation--7; } body .ui-dialog .tab-content .charsheet .harmony--8 { grid-area: harmony--8; } body .ui-dialog .tab-content .charsheet .discord--8 { grid-area: discord--8; } body .ui-dialog .tab-content .charsheet .revelation--8 { grid-row-start: revelation--8; } body .ui-dialog .tab-content .charsheet .harmony--9 { grid-area: harmony--9; } body .ui-dialog .tab-content .charsheet .discord--9 { grid-area: discord--9; } body .ui-dialog .tab-content .charsheet .revelation--9 { grid-row-start: revelation--9; } body .ui-dialog .tab-content .charsheet .harmony--10 { grid-area: harmony--10; } body .ui-dialog .tab-content .charsheet .discord--10 { grid-area: discord--10; } body .ui-dialog .tab-content .charsheet .revelation--10 { grid-row-start: revelation--10; } body .ui-dialog .tab-content .charsheet .section--boon-bane .repitem .expanded { display: grid; gap: var(--tiny-gap); } body .ui-dialog .tab-content .charsheet .section--combat-general { container: combat-general/inline-size; max-width: 580px; } body .ui-dialog .tab-content .charsheet .section--combat-general > section { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: var(--half-gap); } body .ui-dialog .tab-content .charsheet .section--combat-general .injuries { grid-column: span 2; grid-row: span 2; } body .ui-dialog .tab-content .charsheet .section--combat-general .injuries .collapsed, body .ui-dialog .tab-content .charsheet .section--combat-general .injuries .expanded { display: grid; grid-template-columns: 1fr 1fr; gap: var(--tiny-gap) 0; } body .ui-dialog .tab-content .charsheet .section--combat-general .injuries .collapsed > :last-child { justify-self: center; } body .ui-dialog .tab-content .charsheet .section--combat-general .parry { justify-self: start; } body .ui-dialog .tab-content .charsheet .section--combat-general .dodge { justify-self: end; } @container combat-general (max-width:550px) { body .ui-dialog .tab-content .charsheet .section--combat-general > section { grid-template-columns: 1fr 1fr; } body .ui-dialog .tab-content .charsheet .section--combat-general .initiative { order: 1; } body .ui-dialog .tab-content .charsheet .section--combat-general .movement { order: 2; } body .ui-dialog .tab-content .charsheet .section--combat-general .injuries { order: 3; grid-row: span 1; } body .ui-dialog .tab-content .charsheet .section--combat-general .parry { order: 4; } body .ui-dialog .tab-content .charsheet .section--combat-general .dodge { order: 5; } } body .ui-dialog .tab-content .charsheet .section--weapons .repcontainer .expanded { align-items: start; } body .ui-dialog .tab-content .charsheet .section--weapons .repcontainer .collapsed { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--tiny-gap); justify-items: center; } body .ui-dialog .tab-content .charsheet .section--weapons .repcontainer .collapsed > :first-child { justify-self: start; } body .ui-dialog .tab-content .charsheet .section--weapons .repcontainer .adaptive { width: 100%; } body .ui-dialog .tab-content .charsheet .section--weapons .repcontainer .quality-display { white-space: pre-wrap; } body .ui-dialog .tab-content .charsheet .section--paths { container: paths/inline-size; flex: 1 1 600px; } body .ui-dialog .tab-content .charsheet .section--paths .headed-section__content-area { display: grid; grid-template-columns: repeat(5, 1fr); } body .ui-dialog .tab-content .charsheet .section--paths__content { display: flex; flex-direction: column; gap: var(--half-gap); justify-content: space-around; align-items: center; } body .ui-dialog .tab-content .charsheet .section--paths__content h4 { white-space: pre-wrap; margin-bottom: auto; } body .ui-dialog .tab-content .charsheet .section--paths__content img { width: 60px; } body .ui-dialog .tab-content .charsheet .path-radios { flex-direction: column; gap: var(--half-gap); } @container paths (max-width:580px) { body .ui-dialog .tab-content .charsheet .section--paths .headed-section__content-area--partial.headed-section__content-area { grid-template-columns: 1fr; flex-direction: column; } body .ui-dialog .tab-content .charsheet .section--paths .headed-section__content-area--partial.headed-section__content-area > .headed-section__content, body .ui-dialog .tab-content .charsheet .section--paths .headed-section__content-area--partial.headed-section__content-area > .sheet-headed-section__content { border-left: 1px solid var(--borderColor); border-right: 1px solid var(--borderColor); } body .ui-dialog .tab-content .charsheet .section--paths .headed-section__content-area--partial.headed-section__content-area > .headed-section__content:not(:last-child), body .ui-dialog .tab-content .charsheet .section--paths .headed-section__content-area--partial.headed-section__content-area > .sheet-headed-section__content:not(:last-child) { border-bottom-width: 0px; } body .ui-dialog .tab-content .charsheet .section--paths .headed-section__content-area--partial.headed-section__content-area > .headed-section__content:last-child, body .ui-dialog .tab-content .charsheet .section--paths .headed-section__content-area--partial.headed-section__content-area > .sheet-headed-section__content:last-child { border-bottom: 1px solid var(--borderColor); } body .ui-dialog .tab-content .charsheet .section--paths .headed-section__content-area--partial.headed-section__content-area > .headed-section__content > .sheet-headed-section__content:not(:last-child):after { bottom: 0; top: auto; left: var(--separatorGap); right: var(--separatorGap); height: 2px; width: auto; } body .ui-dialog .tab-content .charsheet .section--paths h4 { margin-right: auto; margin-bottom: 0; } body .ui-dialog .tab-content .charsheet .section--paths__content, body .ui-dialog .tab-content .charsheet .path-radios { flex-direction: row; } } body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--advances { display: flex; flex-wrap: wrap; gap: var(--normal-gap); } body .ui-dialog .tab-content .charsheet .tabs--talents-and-techniques__container { display: flex; flex-wrap: wrap; justify-content: space-around; gap: var(--normal-gap); } body .ui-dialog .tab-content .charsheet .tabs--talents-and-techniques { width: 100%; } body .ui-dialog .tab-content .charsheet .slot-talent .card__content { aspect-ratio: 1/1; } body .ui-dialog .tab-content .charsheet .card--talent-technique .card__view { display: grid; grid-template-areas: "content"; } body .ui-dialog .tab-content .charsheet .card--talent-technique .card__view > * { grid-area: content; } body .ui-dialog .tab-content .charsheet .card--talent-technique .card__view .card-icon { width: 50px; place-self: end center; z-index: 1; filter: invert(1) brightness(1) sepia(1) saturate(1); margin-bottom: var(--normal-gap); } body .ui-dialog .tab-content .charsheet .card--talent-technique .card__view .card-label { place-self: start center; z-index: 1; margin-top: var(--half-gap); } body .ui-dialog .tab-content .charsheet .card--talent-technique .card__view .card-label > * { color: var(--dm-fontColor); white-space: pre-wrap; } body .ui-dialog .tab-content .charsheet .card--technique, body .ui-dialog .tab-content .charsheet .card--talent { display: grid; grid-template-columns: 1fr auto; gap: var(--tiny-gap); } body .ui-dialog .tab-content .charsheet .card--technique ul { margin: 0 0 0 var(--half-gap); } body .ui-dialog .tab-content .charsheet .card--technique li { display: grid; grid-template-columns: auto 200px; margin-bottom: var(--half-gap); } body .ui-dialog .tab-content .charsheet .card--technique li .action-line { display: flex; gap: var(--tiny-gap); } body .ui-dialog .tab-content .charsheet .card--technique li .action-line > * { flex: 1; } body .ui-dialog .tab-content .charsheet .card--technique li .collapse:checked ~ .conditional-span-all { grid-column: 1/-1; } body .ui-dialog .tab-content .charsheet .section--tier { flex: 0; width: 200px; } body .ui-dialog .tab-content .charsheet .section--wortcunning .repcontainer .expanded { align-items: start; } body .ui-dialog .tab-content .charsheet .section--wortcunning .repcontainer .collapsed { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--tiny-gap); justify-items: center; } body .ui-dialog .tab-content .charsheet .section--wortcunning .repcontainer .collapsed > :first-child { justify-self: start; } body .ui-dialog .tab-content .charsheet .section--wortcunning .repcontainer .adaptive { width: 100%; } body .ui-dialog .tab-content .charsheet .section--wortcunning .repcontainer .quality-display { white-space: pre-wrap; } body .ui-dialog .tab-content .charsheet .section--manifestations .expanded { display: grid; grid-template-columns: auto 1fr 1fr; } body .ui-dialog .tab-content .charsheet .section--outsiders .expanded { display: grid; grid-template-columns: auto 1fr 1fr 1fr; } body .ui-dialog .tab-content .charsheet .section--outsiders .collapsed .flex-box > * { flex: 1 1; } body .ui-dialog .tab-content .charsheet .section--outsiders .headed-section__subheader { display: grid; place-items: center; } body .ui-dialog .tab-content .charsheet .section--vitiations .collapsed > * { flex: 1 1; width: 0; } body .ui-dialog .tab-content .charsheet .section--vitiations .collapsed > *:not(:first-child) { text-align: center; } body .ui-dialog .tab-content .charsheet .section--vitiations .expanded { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--half-gap); } body .ui-dialog .tab-content .charsheet .section--vitiations .name { gap: var(--half-gap); } body .ui-dialog .tab-content .charsheet .section--vitiations .name input { flex: 1 1; } body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--theurgy { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: var(--half-gap); container: theurgy/inline-size; } @container theurgy (min-width:420px) { body .ui-dialog .tab-content .charsheet .section--outsiders, body .ui-dialog .tab-content .charsheet .section--vitiations { grid-column: span 2; } } body .ui-dialog .tab-content .charsheet .patronage > :nth-child(n) { margin-bottom: var(--half-gap); } body .ui-dialog .tab-content .charsheet .patronage .row1 { display: flex; flex-direction: row; flex-wrap: wrap; } body .ui-dialog .tab-content .charsheet .patronage .spoils { width: 39%; flex-grow: 2; min-width: min-content; } body .ui-dialog .tab-content .charsheet .patronage .undertaking { flex-grow: 2; width: 39%; min-width: min-content; padding-right: var(--half-gap); padding-bottom: var(--half-gap); } body .ui-dialog .tab-content .charsheet .patronage .obligation { flex-grow: 0; width: 20%; max-height: fit-content; min-width: min-content; align-items: center; padding-right: var(--half-gap); } body .ui-dialog .tab-content .charsheet .undertaking { max-height: 250px; } body .ui-dialog .tab-content .charsheet .undertaking .undertaking_base { display: flex; justify-content: space-around; } body .ui-dialog .tab-content .charsheet .undertaking .section--undertaking__label { display: grid; grid-template-columns: 2fr 1fr 0.25fr; column-gap: var(--half-gap); margin: var(--tiny-gap); font-style: italic; } body .ui-dialog .tab-content .charsheet .undertaking .section--undertaking__label .undertaking--label__desc { border-right: 1px solid; } body .ui-dialog .tab-content .charsheet .undertaking .section--undertaking__label .undertaking--label__time { padding-left: var(--half-gap); } body .ui-dialog .tab-content .charsheet .undertaking .repitem { display: grid; grid-template-columns: 2fr 1fr 0.25fr; column-gap: var(--half-gap); } body .ui-dialog .tab-content .charsheet .undertaking .repcontainer { overflow-y: auto; row-gap: var(--tiny-gap); } body .ui-dialog .tab-content .charsheet .undertaking .repcontainer .section--undertaking__description { border-right: 1px solid; border-radius: 0; } body .ui-dialog .tab-content .charsheet .spoils .repitem { display: grid; grid-template-columns: 2fr 0.5fr 0.25fr; grid-template-rows: 1fr; column-gap: var(--half-gap); } body .ui-dialog .tab-content .charsheet .spoils .repcontainer { row-gap: var(--tiny-gap); overflow-y: auto; grid-area: 1/1/2/4; } body .ui-dialog .tab-content .charsheet .spoils .repcontainer .section--spoils__value { grid-area: 2/2/3/3; } body .ui-dialog .tab-content .charsheet .spoils .repcontainer .section--spoils__description { grid-area: 2/1/3/2; } body .ui-dialog .tab-content .charsheet .spoils .repcontainer .roller { grid-area: 2/3/3/4; } body .ui-dialog .tab-content .charsheet .spoils .spoils_labels { display: grid; grid-template-columns: 2fr 0.5fr 0.25fr; grid-template-rows: 1fr; column-gap: var(--half-gap); padding-inline: var(--half-gap); } body .ui-dialog .tab-content .charsheet .spoils .section--label__desc, body .ui-dialog .tab-content .charsheet .spoils .section--spoils__description { border-right: solid; border-width: 1px; border-radius: 0; } body .ui-dialog .tab-content .charsheet .obligation .obligation__title { padding-inline: var(--half-gap); } body .ui-dialog .tab-content .charsheet .obligation .obligation--amount { display: flex; flex-direction: column; font-style: italic; align-items: center; text-align: center; } body .ui-dialog .tab-content .charsheet .obligation .obligation--total { border-bottom: solid; border-width: 1px; border-radius: 0; } body .ui-dialog .tab-content .charsheet .obligation .obligation--rules { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; font-weight: bold; } body .ui-dialog .tab-content .charsheet .trappings .repitem { display: grid; grid-template-columns: 1fr 0.25fr; grid-template-rows: 1fr; border-bottom: 1px solid var(--borderColor); } body .ui-dialog .tab-content .charsheet .trappings .repitem .roller { align-items: flex-start; } body .ui-dialog .tab-content .charsheet .trappings .repcontainer { max-height: 100%; align-items: start; } body .ui-dialog .tab-content .charsheet .trappings .trappings_label { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; justify-items: center; } body .ui-dialog .tab-content .charsheet .trappings .headed-section__content-area { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; justify-items: space around; } body .ui-dialog .tab-content .charsheet .trappings .repeating-section-container { grid-template-rows: 1fr auto; } body .ui-dialog .tab-content .charsheet .trappings .headed-section__content:not(:last-child) { border: 1px solid var(--borderColor); } body .ui-dialog .tab-content .charsheet .patron__rules { display: flex; flex-wrap: wrap; justify-content: space-around; font-style: italic; } body .ui-dialog .tab-content .charsheet .patron__rules span { padding-inline: var(--half-gap); text-align: center; text-overflow: ellipsis; } body .ui-dialog .tab-content .charsheet .patrons .repcontainer { display: block; column-width: 300px; column-gap: var(--half-gap); } body .ui-dialog .tab-content .charsheet .patrons .repitem { break-inside: avoid; flex-grow: 1; border: 1px solid var(--borderColor); padding: var(--tiny-gap); display: grid; grid-template-columns: 1fr 1fr; gap: var(--tiny-gap); } body .ui-dialog .tab-content .charsheet .patrons .section--patron__name { padding-bottom: var(--tiny-gap); } body .ui-dialog .tab-content .charsheet .patrons .section--patron__traits { padding-bottom: var(--tiny-gap); } body .ui-dialog .tab-content .charsheet .patrons .section--patron__notes { padding-bottom: var(--tiny-gap); } body .ui-dialog .tab-content .charsheet .patrons .section--patron__label { text-transform: uppercase; font-weight: bold; text-align: center; padding-right: var(--half-gap); padding-top: var(--half-gap); padding-bottom: var(--half-gap); } body .ui-dialog .tab-content .charsheet .patrons .patron--score__numbers { padding-top: var(--half-gap); padding-bottom: var(--half-gap); display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: repeat(3, auto); align-content: center; justify-items: center; grid-template-areas: "main-label main-label main-label main-label main-label main-label main-label main-label main-label main-label" "basic-radi basic-radi basic-radi basic-radi basic-radi stewa-radi stewa-radi stewa-radi stewa-radi stewa-radi" ". . . . . stewa-numb stewa-numb stewa-numb stewa-numb stewa-numb"; } body .ui-dialog .tab-content .charsheet .patrons .patron--score__numbers span { text-align: center; padding-inline: var(--tiny-gap); } body .ui-dialog .tab-content .charsheet .patrons .patron--score__numbers span:nth-child(6) { border-left: 1px solid var(--borderColor); height: 280%; } body .ui-dialog .tab-content .charsheet .patrons .patron--score__numbers .section--patron__score { display: contents; } body .ui-dialog .tab-content .charsheet .patrons .patron--score__numbers .section--patron__score--stew > :nth-child(2) { position: relative; margin-left: var(--half-gap); } body .ui-dialog .tab-content .charsheet .patrons .patron--score__numbers .section--patron__score--stew > :nth-child(2):before { content: "" !important; position: absolute; width: 1px; height: calc(100% + 2px); } body .ui-dialog .tab-content .charsheet .patrons .patron--score__numbers .patron--score__alt { grid-area: stewa-numb; display: contents; } body .ui-dialog .tab-content .charsheet .patrons .patron--score__numbers .patron--score__alt > :first-child { grid-column: 6; padding-left: var(--half-gap); } body .ui-dialog .tab-content .charsheet .patrons .section--patron__stewardship { text-align: right; padding-right: var(--half-gap); } body .ui-dialog .tab-content .charsheet .section--npc .collapse { right: 0px; } body .ui-dialog .tab-content .charsheet .npc_attributes { display: grid; grid-template-columns: repeat(7, 1fr); place-items: center; } body .ui-dialog .tab-content .charsheet .npc_attributes.skill-display { place-items: start center; } body .ui-dialog .tab-content .charsheet .non-zero-only:is([value="0"], :not([value]), [value=""]) + .-display { display: none; } body .ui-dialog .tab-content .charsheet .non-zero-only-format:is([value="0"], :not([value]), [value=""]) ~ .controlled-display-format { display: none; } body .ui-dialog .tab-content .charsheet .weapon-content { display: grid; grid-template-columns: repeat(5, 1fr); place-items: start center; } body .ui-dialog .tab-content .charsheet .npc-traits-grid { display: grid; grid-template-columns: repeat(4, 1fr); } body .ui-dialog .tab-content .charsheet .custom-select { display: grid; grid-template-columns: 1fr 20px; grid-template-areas: "input ."; } body .ui-dialog .tab-content .charsheet .custom-select select { grid-column: 1/-1; grid-row: 1/2; appearance: auto; } body .ui-dialog .tab-content .charsheet .custom-select option { background-color: var(--backColor); color: inherit; } body .ui-dialog .tab-content .charsheet .custom-select input { grid-area: input; background-color: var(--backColor); color: inherit; opacity: 0; z-index: -1; width: 0; min-width: 100%; text-transform: initial !important; } body .ui-dialog .tab-content .charsheet .select-control:checked ~ input { z-index: 10; opacity: 100; } body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--flock { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--half-gap) var(--normal-gap); align-items: center; } body .ui-dialog .tab-content .charsheet .flock-members { display: grid; grid-template-columns: 1fr 1fr; } body .ui-dialog .tab-content .charsheet .flock-members .repcontainer { grid-column: 1/-1; order: 1; } body .ui-dialog .tab-content .charsheet .flock-members .repcontrol-button { order: 2; place-self: center start; } body .ui-dialog .tab-content .charsheet .flock-members .repcontrol { order: 3; place-self: center end; } body .ui-dialog .tab-content .charsheet .qualities-container { display: grid; grid-template-columns: 1fr 1fr; } body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--settings { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--settings .repcontainer { grid-column: 1/-1; } body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--settings .repcontrol-button { order: 2; place-self: center start; } body .ui-dialog .tab-content .charsheet .tabs--blackbirds__container--settings .repcontrol { order: 3; place-self: center end; } body .ui-dialog .tab-content .charsheet .link-output { font-family: var(--font3); font-size: var(--size5); text-transform: capitalize; place-self: center; } body .ui-dialog .tab-content .charsheet .link-output:before { content: ""; } body .ui-dialog .tab-content .charsheet .align-center { align-items: center; } body .ui-dialog .tab-content .charsheet .section--undertakings { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "desc-head time-head" "repcontainer repcontainer" "add edit"; } body .ui-dialog .tab-content .charsheet .section--undertakings .repcontainer { grid-area: repcontainer; display: grid; grid-template-columns: subgrid; } body .ui-dialog .tab-content .charsheet .section--undertakings .repitem { display: grid; grid-template-columns: subgrid; grid-column: 1/-1; } body .ui-dialog .tab-content .charsheet .section--undertakings .section--undertaking__time-limit { max-width: 25ch; } body .ui-dialog .tab-content .charsheet .weapon-display { display: grid; grid-template-columns: auto 1fr auto auto; align-items: start; } body .ui-dialog .tab-content .charsheet .weapon-display .repcontrol-button, body .ui-dialog .tab-content .charsheet .weapon-display .repcontrol { order: 2; } body .ui-dialog .tab-content .charsheet .weapon-display .repcontainer { display: flex; flex-wrap: wrap; gap: var(--half-gap); } body .ui-dialog .tab-content .charsheet .comma:after { content: ","; } body .ui-dialog .tab-content .charsheet .npc-traits-container { display: grid; grid-template-columns: 1fr 1fr; } body .ui-dialog .tab-content .charsheet .npc-traits-container .repcontrol-button { justify-self: start; order: 2; } body .ui-dialog .tab-content .charsheet .npc-traits-container .repcontrol { justify-self: end; order: 3; } body .ui-dialog .tab-content .charsheet .npc-traits-container .repcontainer { grid-column: 1/-1; } body.sheet-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); --sectionHeadBack:var(--dm--sectionHeadBack); --sectionSubheadBack: var(--dm-sectionSubheadBack); --selectedTextColor: var(--dm-selectedTextColor); --img-background-trunk: var(--img-background-trunk-dm); --img-underline: var(--img-underline-dm); --img-underline2: var(--img-underline2-dm); --img-underline3: var(--img-underline3-dm); --attributeGradientOuter: var(--dm-attributeGradientOuter); --nav-tab-active-background:var(--dm-nav-tab-active-background); --fillLeftSelectedColor:var(--dm-fillLeftSelectedColor); --fillLeftUnselectedColor: var(--dm-fillLeftUnselectedColor); --activeColor: var(--dm-activeColor); color: var(--fontColor); --collapseExpandedColor: var(--dm-collapseExpandedColor); } .sheet-rolltemplate-blackbirds { --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); --input-label-gap: var(--half-gap); --lm-fontColor:black; --dm-fontColor: beige; --checkedColor: var(--selectedColor); --checkColor: var(--selectedColor); --fontColor:var(--lm-fontColor); --dm-backColor:var(--dark-surface1); --lm-borderColor:#6c6c6c; --lm-sectionHeadBack:#c8c8c8; --dm--sectionHeadBack:#c8c8c8; --sectionHeadBack:var(--lm-sectionHeadBack); --lm-sectionSubheadBack: #575757; --dm-sectionSubheadBack:#575757; --lm-fillLeftUnselectedColor: var(--lm-backColor); --dm-fillLeftUnselectedColor: var(--dm-backColor); --fillLeftUnselectedColor: var(--lm-fillLeftUnselectedColor); --sectionSubheadBack: var(--lm-sectionSubheadBack); --topHeadFont:"Germania One", cursive; --midHeadFont:"Germania One", cursive; --contentHeadFont:"EB Garamond", serif; --size1: 200%; --size2: 166%; --size3: 150%; --size4: 132%; --size5: 116%; --size6: 100%; --size7: 85%; --lm-activeBack: var(--lm-fontColor); --dm-activeBack: var(--dm-fontColor); --activeBack: var(--lm-activeBack); --lm-activeColor: var(--dm-fontColor); --dm-activeColor: var(--lm-fontColor); --activeColor: var(--lm-activeColor); --dm-selectedColor: var(--dm-fontColor); /* width */ /* Track */ /* Handle */ /* Handle on hover */ margin-left: -10px; margin-right: 10px; } .sheet-rolltemplate-blackbirds select, .sheet-rolltemplate-blackbirds textarea, .sheet-rolltemplate-blackbirds input, .sheet-rolltemplate-blackbirds .uneditable-input, .sheet-rolltemplate-blackbirds label, .sheet-rolltemplate-blackbirds button { all: initial; } .sheet-rolltemplate-blackbirds .flex-box, .sheet-rolltemplate-blackbirds .sheet-flex-box { display: flex; } .sheet-rolltemplate-blackbirds .flex-wrap, .sheet-rolltemplate-blackbirds .sheet-flex-wrap { flex-wrap: wrap; } .sheet-rolltemplate-blackbirds .justify-space-around, .sheet-rolltemplate-blackbirds .sheet-justify-space-around { justify-content: space-around; } .sheet-rolltemplate-blackbirds .justify-space-between, .sheet-rolltemplate-blackbirds .sheet-justify-space-between { justify-content: space-between; } .sheet-rolltemplate-blackbirds .justify-center, .sheet-rolltemplate-blackbirds .sheet-justify-center { justify-content: center; } .sheet-rolltemplate-blackbirds .flex-min-content, .sheet-rolltemplate-blackbirds .sheet-flex-min-content { flex: 1 0 min-content; } .sheet-rolltemplate-blackbirds .stacked { flex-direction: column; } .sheet-rolltemplate-blackbirds .stacked.center > * { text-align: center; } .sheet-rolltemplate-blackbirds .stacked:not(.center) { align-items: start; } .sheet-rolltemplate-blackbirds .stacked > [name]:not([type=number]):not([type=checkbox]):not([type=radio]) { width: 100%; } .sheet-rolltemplate-blackbirds .flex-column, .sheet-rolltemplate-blackbirds .sheet-flex-column { flex-direction: column; } .sheet-rolltemplate-blackbirds .flex-row-reverse, .sheet-rolltemplate-blackbirds .sheet-flex-row-revers { flex-direction: row-reverse; } .sheet-rolltemplate-blackbirds .flex-column-reverse, .sheet-rolltemplate-blackbirds .sheet-flex-column-reverse { flex-direction: column-reverse; } .sheet-rolltemplate-blackbirds .normal-gap, .sheet-rolltemplate-blackbirds .sheet-normal-gap { gap: var(--normal-gap); } .sheet-rolltemplate-blackbirds .normal-gap-x, .sheet-rolltemplate-blackbirds .sheet-normal-gap-x { column-gap: var(--normal-gap-x); } .sheet-rolltemplate-blackbirds .normal-gap-y, .sheet-rolltemplate-blackbirds .sheet-normal-gap-y { row-gap: var(--normal-gap-y); } .sheet-rolltemplate-blackbirds .half-gap, .sheet-rolltemplate-blackbirds .sheet-half-gap { gap: var(--half-gap); } .sheet-rolltemplate-blackbirds .half-gap-x, .sheet-rolltemplate-blackbirds .sheet-half-gap-x { column-gap: var(--half-gap-x); } .sheet-rolltemplate-blackbirds .half-gap-y, .sheet-rolltemplate-blackbirds .sheet-half-gap-y { row-gap: var(--half-gap-y); } .sheet-rolltemplate-blackbirds .tiny-gap, .sheet-rolltemplate-blackbirds .sheet-tiny-gap { gap: var(--tiny-gap); } .sheet-rolltemplate-blackbirds .tiny-gap-x, .sheet-rolltemplate-blackbirds .sheet-tiny-gap-x { column-gap: var(--tiny-gap-x); } .sheet-rolltemplate-blackbirds .tiny-gap-y, .sheet-rolltemplate-blackbirds .sheet-tiny-gap-y { row-gap: var(--tiny-gap-y); } .sheet-rolltemplate-blackbirds .big-gap, .sheet-rolltemplate-blackbirds .sheet-big-gap { gap: var(--big-gap); } .sheet-rolltemplate-blackbirds .big-gap-x, .sheet-rolltemplate-blackbirds .sheet-big-gap-x { column-gap: var(--big-gap-x); } .sheet-rolltemplate-blackbirds .big-gap-y, .sheet-rolltemplate-blackbirds .sheet-big-gap-y { row-gap: var(--big-gap-y); } .sheet-rolltemplate-blackbirds .grid, .sheet-rolltemplate-blackbirds .sheet-grid { display: grid; } .sheet-rolltemplate-blackbirds .grid-span-2, .sheet-rolltemplate-blackbirds .sheet-grid-span-2 { grid-column: span 2; } .sheet-rolltemplate-blackbirds .grid-span-all, .sheet-rolltemplate-blackbirds .sheet-grid-span-all { grid-column: 1/-1; } .sheet-rolltemplate-blackbirds .grid-column, .sheet-rolltemplate-blackbirds .sheet-grid-column { grid-auto-flow: column; } .sheet-rolltemplate-blackbirds .grid-dense, .sheet-rolltemplate-blackbirds .sheet-grid-dense { grid-auto-flow: dense; } .sheet-rolltemplate-blackbirds .boxed, .sheet-rolltemplate-blackbirds .sheet-boxed { border: 2px solid var(--borderColor); border-radius: 0; box-sizing: border-box; } .sheet-rolltemplate-blackbirds .boxed.thick-left, .sheet-rolltemplate-blackbirds .sheet-boxed.thick-left { border-left-width: 5px; } .sheet-rolltemplate-blackbirds .boxed.thick-bottom, .sheet-rolltemplate-blackbirds .sheet-boxed.thick-bottom { border-bottom-width: 5px; } .sheet-rolltemplate-blackbirds .boxed.thick-right, .sheet-rolltemplate-blackbirds .sheet-boxed.thick-right { border-right-width: 5px; } .sheet-rolltemplate-blackbirds .boxed.thick-top, .sheet-rolltemplate-blackbirds .sheet-boxed.thick-top { border-top-width: 5px; } .sheet-rolltemplate-blackbirds .underlined, .sheet-rolltemplate-blackbirds .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-blackbirds :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-blackbirds :is(.underlined, .boxed):not([readonly]):not([type=checkbox]):not([type=radio]):is(:focus, :focus-within) { background-color: var(--disabledColor); } .sheet-rolltemplate-blackbirds .underlined--invisible { border-color: transparent !important; } .sheet-rolltemplate-blackbirds .ratio1-1, .sheet-rolltemplate-blackbirds .sheet-ratio1-1 { aspect-ratio: 1/1; } .sheet-rolltemplate-blackbirds span, .sheet-rolltemplate-blackbirds input, .sheet-rolltemplate-blackbirds textarea, .sheet-rolltemplate-blackbirds button, .sheet-rolltemplate-blackbirds select { line-height: normal; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; } .sheet-rolltemplate-blackbirds .text-1, .sheet-rolltemplate-blackbirds .sheet-text-1 { font-size: var(--size1); } .sheet-rolltemplate-blackbirds .text-2, .sheet-rolltemplate-blackbirds .sheet-text-2 { font-size: var(--size2); } .sheet-rolltemplate-blackbirds .text-3, .sheet-rolltemplate-blackbirds .sheet-text-3 { font-size: var(--size3); } .sheet-rolltemplate-blackbirds .text-4, .sheet-rolltemplate-blackbirds .sheet-text-4 { font-size: var(--size4); } .sheet-rolltemplate-blackbirds .text-5, .sheet-rolltemplate-blackbirds .sheet-text-5 { font-size: var(--size5); } .sheet-rolltemplate-blackbirds .text-6, .sheet-rolltemplate-blackbirds .sheet-text-6 { font-size: var(--size6); } .sheet-rolltemplate-blackbirds .text-7, .sheet-rolltemplate-blackbirds .sheet-text-7 { font-size: var(--size7); } .sheet-rolltemplate-blackbirds .capitalize, .sheet-rolltemplate-blackbirds .sheet-capitalize { text-transform: capitalize !important; } .sheet-rolltemplate-blackbirds .lowercase, .sheet-rolltemplate-blackbirds .sheet-lowercase { text-transform: lowercase !important; } .sheet-rolltemplate-blackbirds .uppercase, .sheet-rolltemplate-blackbirds .sheet-uppercase { text-transform: uppercase !important; } .sheet-rolltemplate-blackbirds .sheet-material-icons, .sheet-rolltemplate-blackbirds .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: var(--icon-size); /* Preferred icon size */ } .sheet-rolltemplate-blackbirds .material-symbol, .sheet-rolltemplate-blackbirds .sheet-material-symbol { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; font-variation-settings: "FILL" 1; } .sheet-rolltemplate-blackbirds .sheet-italics, .sheet-rolltemplate-blackbirds .italics { font-style: italic; } .sheet-rolltemplate-blackbirds h1, .sheet-rolltemplate-blackbirds *[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-size: var(--size1); font-family: var(--font1); } .sheet-rolltemplate-blackbirds h1:not(input), .sheet-rolltemplate-blackbirds *[aria-level="1"]:not(input) { text-align: center; } .sheet-rolltemplate-blackbirds h1 *, .sheet-rolltemplate-blackbirds *[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-size: var(--size1); font-family: var(--font1); } .sheet-rolltemplate-blackbirds h1 *:not(input), .sheet-rolltemplate-blackbirds *[aria-level="1"] *:not(input) { text-align: center; } .sheet-rolltemplate-blackbirds h2, .sheet-rolltemplate-blackbirds .input-label:not(.stacked).large > [name], .sheet-rolltemplate-blackbirds *[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-size: var(--size2); font-family: var(--font2); } .sheet-rolltemplate-blackbirds h2:not(input), .sheet-rolltemplate-blackbirds .input-label:not(.stacked).large > [name]:not(input), .sheet-rolltemplate-blackbirds *[aria-level="2"]:not(input) { text-align: center; } .sheet-rolltemplate-blackbirds h2 *, .sheet-rolltemplate-blackbirds .input-label:not(.stacked).large > [name] *, .sheet-rolltemplate-blackbirds *[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-size: var(--size2); font-family: var(--font2); } .sheet-rolltemplate-blackbirds h2 *:not(input), .sheet-rolltemplate-blackbirds .input-label:not(.stacked).large > [name] *:not(input), .sheet-rolltemplate-blackbirds *[aria-level="2"] *:not(input) { text-align: center; } .sheet-rolltemplate-blackbirds h3, .sheet-rolltemplate-blackbirds *[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-size: var(--size3); font-family: var(--font3); } .sheet-rolltemplate-blackbirds h3:not(input), .sheet-rolltemplate-blackbirds *[aria-level="3"]:not(input) { text-align: center; } .sheet-rolltemplate-blackbirds h3 *, .sheet-rolltemplate-blackbirds *[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-size: var(--size3); font-family: var(--font3); } .sheet-rolltemplate-blackbirds h3 *:not(input), .sheet-rolltemplate-blackbirds *[aria-level="3"] *:not(input) { text-align: center; } .sheet-rolltemplate-blackbirds h4, .sheet-rolltemplate-blackbirds *[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-blackbirds h4:not(:where(input)), .sheet-rolltemplate-blackbirds *[aria-level="4"]:not(:where(input)) { text-transform: capitalize; } .sheet-rolltemplate-blackbirds h4:not(input), .sheet-rolltemplate-blackbirds *[aria-level="4"]:not(input) { text-align: center; } .sheet-rolltemplate-blackbirds h4 *, .sheet-rolltemplate-blackbirds *[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-blackbirds h4 *:not(:where(input)), .sheet-rolltemplate-blackbirds *[aria-level="4"] *:not(:where(input)) { text-transform: capitalize; } .sheet-rolltemplate-blackbirds h4 *:not(input), .sheet-rolltemplate-blackbirds *[aria-level="4"] *:not(input) { text-align: center; } .sheet-rolltemplate-blackbirds h5, .sheet-rolltemplate-blackbirds *[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-blackbirds h5:not(:where(input)), .sheet-rolltemplate-blackbirds *[aria-level="5"]:not(:where(input)) { text-transform: capitalize; } .sheet-rolltemplate-blackbirds h5:not(input), .sheet-rolltemplate-blackbirds *[aria-level="5"]:not(input) { text-align: center; } .sheet-rolltemplate-blackbirds h5 *, .sheet-rolltemplate-blackbirds *[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-blackbirds h5 *:not(:where(input)), .sheet-rolltemplate-blackbirds *[aria-level="5"] *:not(:where(input)) { text-transform: capitalize; } .sheet-rolltemplate-blackbirds h5 *:not(input), .sheet-rolltemplate-blackbirds *[aria-level="5"] *:not(input) { text-align: center; } .sheet-rolltemplate-blackbirds h6, .sheet-rolltemplate-blackbirds *[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-blackbirds h6:not(:where(input)), .sheet-rolltemplate-blackbirds *[aria-level="6"]:not(:where(input)) { text-transform: capitalize; } .sheet-rolltemplate-blackbirds h6:not(input), .sheet-rolltemplate-blackbirds *[aria-level="6"]:not(input) { text-align: center; } .sheet-rolltemplate-blackbirds h6 *, .sheet-rolltemplate-blackbirds *[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-blackbirds h6 *:not(:where(input)), .sheet-rolltemplate-blackbirds *[aria-level="6"] *:not(:where(input)) { text-transform: capitalize; } .sheet-rolltemplate-blackbirds h6 *:not(input), .sheet-rolltemplate-blackbirds *[aria-level="6"] *:not(input) { text-align: center; } .sheet-rolltemplate-blackbirds .sheet-pictos, .sheet-rolltemplate-blackbirds .pictos { font-family: pictos; text-transform: none; } .sheet-rolltemplate-blackbirds .pictos3, .sheet-rolltemplate-blackbirds .sheet-pictos3 { font-family: pictos three; text-transform: none; } .sheet-rolltemplate-blackbirds .pictoscustom, .sheet-rolltemplate-blackbirds .sheet-pictoscustom { font-family: pictos custom; text-transform: none; } .sheet-rolltemplate-blackbirds .d4, .sheet-rolltemplate-blackbirds .sheet-d4 { font-family: dicefontd4 !important; text-transform: none !important; } .sheet-rolltemplate-blackbirds .d6, .sheet-rolltemplate-blackbirds .sheet-d6 { font-family: dicefontd6 !important; text-transform: none !important; } .sheet-rolltemplate-blackbirds .d8, .sheet-rolltemplate-blackbirds .sheet-d8 { font-family: dicefontd8 !important; text-transform: none !important; } .sheet-rolltemplate-blackbirds .d10, .sheet-rolltemplate-blackbirds .sheet-d10 { font-family: dicefontd10 !important; text-transform: none !important; } .sheet-rolltemplate-blackbirds .d12, .sheet-rolltemplate-blackbirds .sheet-d12 { font-family: dicefontd12 !important; text-transform: none !important; } .sheet-rolltemplate-blackbirds .d20, .sheet-rolltemplate-blackbirds .sheet-d20 { font-family: dicefontd20 !important; text-transform: none !important; } .sheet-rolltemplate-blackbirds .d30, .sheet-rolltemplate-blackbirds .sheet-d30 { font-family: dicefontd30 !important; text-transform: none !important; } .sheet-rolltemplate-blackbirds 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-blackbirds input[type=checkbox]:not(.collapse):not(.fill-left__radio):checked { background-color: var(--checkedBackColor); } .sheet-rolltemplate-blackbirds 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-blackbirds input[type=number] { width: 3rem; -moz-appearance: textfield !important; text-align: center; } .sheet-rolltemplate-blackbirds input[type=number]::-webkit-inner-spin-button, .sheet-rolltemplate-blackbirds input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .sheet-rolltemplate-blackbirds select, .sheet-rolltemplate-blackbirds .pseudo-select span, .sheet-rolltemplate-blackbirds .sheet-pseudo-select span, .sheet-rolltemplate-blackbirds textarea, .sheet-rolltemplate-blackbirds input:not(:is([type=radio], [type=checkbox])), .sheet-rolltemplate-blackbirds .uneditable-input { padding: var(--inputPadding); } .sheet-rolltemplate-blackbirds input:is([type=text], [type=number]), .sheet-rolltemplate-blackbirds textarea { cursor: auto; } .sheet-rolltemplate-blackbirds select, .sheet-rolltemplate-blackbirds .pseudo-select span, .sheet-rolltemplate-blackbirds .sheet-pseudo-select span, .sheet-rolltemplate-blackbirds input:not(:where([type=checkbox], [type=radio])), .sheet-rolltemplate-blackbirds .uneditable-input, .sheet-rolltemplate-blackbirds textarea { border-width: 1px 3px; border-style: solid; border-radius: 5px; border-color: transparent; box-sizing: border-box; } .sheet-rolltemplate-blackbirds select, .sheet-rolltemplate-blackbirds .sheet-pseudo-select span, .sheet-rolltemplate-blackbirds .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-blackbirds input { width: auto; } .sheet-rolltemplate-blackbirds input:placeholder { color: var(--placeholderColor); } .sheet-rolltemplate-blackbirds input.plus-control:not([value*="-"]) + span:before { content: "+"; } .sheet-rolltemplate-blackbirds textarea { resize: var(--textareaResize); white-space: pre-wrap; } .sheet-rolltemplate-blackbirds textarea.fixed { resize: none; overflow: auto; } .sheet-rolltemplate-blackbirds button { cursor: pointer; } .sheet-rolltemplate-blackbirds .roller { display: flex; align-items: center; gap: var(--half-gap); } .sheet-rolltemplate-blackbirds .roller:before { content: "T"; font-family: dicefontd20; } .sheet-rolltemplate-blackbirds .collapse-container { display: grid; position: relative; } .sheet-rolltemplate-blackbirds .text-collapse { cursor: pointer; display: flex; justify-content: flex-start; align-items: center; } .sheet-rolltemplate-blackbirds .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-blackbirds .text-collapse__text { display: inline; } .sheet-rolltemplate-blackbirds .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-blackbirds .text-collapse__check:checked + .text-collapse:before { content: var(--collapsedSymbol); } .sheet-rolltemplate-blackbirds .repitem:hover > .collapse, .sheet-rolltemplate-blackbirds .repitem:hover .roll-container, .sheet-rolltemplate-blackbirds .collapse-container:hover > .collapse, .sheet-rolltemplate-blackbirds .collapse-container:hover .roll-container { opacity: var(--collapseHoverOpacity); } .sheet-rolltemplate-blackbirds .repitem > .collapse, .sheet-rolltemplate-blackbirds .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-blackbirds .repitem > .collapse:before, .sheet-rolltemplate-blackbirds .collapse-container > .collapse:before { content: "y"; font-family: pictos; } .sheet-rolltemplate-blackbirds .repitem > .collapse:checked, .sheet-rolltemplate-blackbirds .collapse-container > .collapse:checked { color: var(--collapseCollapsedColor); background-color: transparent; } .sheet-rolltemplate-blackbirds .repitem > .collapse:checked ~ .expanded, .sheet-rolltemplate-blackbirds .repitem > .collapse:checked ~ .collapse-container .expanded, .sheet-rolltemplate-blackbirds .collapse-container > .collapse:checked ~ .expanded, .sheet-rolltemplate-blackbirds .collapse-container > .collapse:checked ~ .collapse-container .expanded { display: none !important; } .sheet-rolltemplate-blackbirds .repitem > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *, .sheet-rolltemplate-blackbirds .repitem > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + *, .sheet-rolltemplate-blackbirds .collapse-container > .collapse:checked ~ .expanded--empty:is(:not([value]), [value=""]) + *, .sheet-rolltemplate-blackbirds .collapse-container > .collapse:checked ~ .collapse-container ~ .expanded--empty:is(:not([value]), [value=""]) + * { display: none !important; } .sheet-rolltemplate-blackbirds .repitem > .collapse:not(:checked) ~ .collapsed, .sheet-rolltemplate-blackbirds .collapse-container > .collapse:not(:checked) ~ .collapsed { display: none !important; } .sheet-rolltemplate-blackbirds .repitem > .collapse:hover, .sheet-rolltemplate-blackbirds .collapse-container > .collapse:hover { color: var(--collapseExpandedColor); } .sheet-rolltemplate-blackbirds .repcontainer.editmode .collapse { display: none; } .sheet-rolltemplate-blackbirds .fill-left { display: var(--fillLeftDisplay); align-self: var(--fillLeftAlignment); box-sizing: border-box; } .sheet-rolltemplate-blackbirds .fill-left__radio { appearance: none; -webkit-appearance: none; background-color: var(--fillLeftSelectedColor); width: 100%; height: 100%; cursor: pointer; } .sheet-rolltemplate-blackbirds .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-blackbirds .fill-left__radio:checked ~ .fill-left__radio { background-color: var(--fillLeftUnselectedColor); } .sheet-rolltemplate-blackbirds .input-label { display: inline-flex; gap: var(--input-label-gap); align-items: center; } .sheet-rolltemplate-blackbirds .input-label:not(.stacked) > input[type=text] { flex: 1 1 0; } .sheet-rolltemplate-blackbirds .input-label:not(.stacked) > :not([name]) { flex: 0 0 auto; } .sheet-rolltemplate-blackbirds .input-label > :is(span, button) { text-transform: var(--input-label-text-transform); } .sheet-rolltemplate-blackbirds .input-label--dual { grid-template-columns: 1fr auto 1fr; grid-template-areas: "over over over" "under under under"; } .sheet-rolltemplate-blackbirds .input-label--dual > span:last-of-type { grid-column: 1/-1; } .sheet-rolltemplate-blackbirds .input-label--dual > input:not([type=number]):not([type=checkbox]):not([type=radio]) { width: 100%; } .sheet-rolltemplate-blackbirds .input-label--dual > .slash { line-height: 0rem; font-weight: normal; } .sheet-rolltemplate-blackbirds .headed-textarea { display: grid; grid-template-rows: auto 1fr; grid-template-columns: auto; grid-column: 1/-1; } .sheet-rolltemplate-blackbirds .headed-textarea :not(textarea):not(.adaptive) { justify-self: start; } .sheet-rolltemplate-blackbirds .headed-textarea .headed-textarea__header { grid-area: initial; } .sheet-rolltemplate-blackbirds .adaptive { display: grid; grid-template-columns: auto; grid-template-rows: auto; grid-template-areas: "content"; position: relative; } .sheet-rolltemplate-blackbirds .adaptive > * { grid-area: content; } .sheet-rolltemplate-blackbirds .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-blackbirds .adaptive--text { min-height: 4rem; } .sheet-rolltemplate-blackbirds .adaptive--text__span { white-space: pre-wrap; padding: 2px; } .sheet-rolltemplate-blackbirds .adaptive--text__textarea { width: 100%; height: 100%; resize: none; } .sheet-rolltemplate-blackbirds .adaptive--text__textarea, .sheet-rolltemplate-blackbirds .adaptive--input__input { position: absolute; } .sheet-rolltemplate-blackbirds .adaptive--input__input { width: 100%; } .sheet-rolltemplate-blackbirds .adaptive--input__span { padding: 2px; min-height: 1.5rem; } .sheet-rolltemplate-blackbirds .repitem > input:not([type=checkbox]) { width: 100%; } .sheet-rolltemplate-blackbirds .repitem .headed-textarea, .sheet-rolltemplate-blackbirds .repitem .description { grid-column: 1/-1; } .sheet-rolltemplate-blackbirds .repcontainer { display: grid; gap: var(--normal-gap); } .sheet-rolltemplate-blackbirds .repeating-container { display: grid; grid-template-areas: "header"; align-self: start; } .sheet-rolltemplate-blackbirds .repeating-container > .header { grid-area: header; } .sheet-rolltemplate-blackbirds .repeating-container :is(.repcontrol-button, .repcontrol_edit) { opacity: 0; transition: var(--revealTrans); } .sheet-rolltemplate-blackbirds .repeating-container:is(:hover, :focus-within, :focus) :is(.repcontrol-button, .repcontrol_edit) { opacity: 1; } .sheet-rolltemplate-blackbirds .repcontrol-button { align-self: start; } .sheet-rolltemplate-blackbirds .repcontrol-button ~ .repcontrol { justify-self: end; z-index: 100; } .sheet-rolltemplate-blackbirds .repcontrol-button ~ .repcontrol > .repcontrol_add { display: none !important; } .sheet-rolltemplate-blackbirds .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-blackbirds .repcontrol-button--add::before { inset: 0; place-self: center; font-family: var(--font-icon); font-size: 12px; content: "add"; } .sheet-rolltemplate-blackbirds .blackbird-label { --input-label-gap:0; } .sheet-rolltemplate-blackbirds .overlay { width: auto !important; height: auto !important; z-index: 1; } .sheet-rolltemplate-blackbirds .content-grid { display: grid; grid-template-areas: "content"; } .sheet-rolltemplate-blackbirds .content-grid > * { grid-area: content !important; } .sheet-rolltemplate-blackbirds .material-symbols { font-family: "Material Symbols Outlined"; font-size: 20px; font-weight: 200; line-height: 1; } .sheet-rolltemplate-blackbirds .flip-box { --flipDuration:0.8s; --flipQuantity:1; --flipTiming:ease-in-out; display: grid; grid-template-areas: "content"; perspective: 1000px; } .sheet-rolltemplate-blackbirds .flip-box > * { grid-area: content; } .sheet-rolltemplate-blackbirds .flip-box__content { -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden; } .sheet-rolltemplate-blackbirds .flip-box__inner { display: grid; grid-template-areas: "content"; transform-style: preserve-3d; } .sheet-rolltemplate-blackbirds .flip-box__inner > * { grid-area: content; } .sheet-rolltemplate-blackbirds .flip-box__back { transform: rotateY(180deg); } .sheet-rolltemplate-blackbirds .flip-control:checked + .flip-box__inner { transform: rotateY(calc(180deg * var(--flipQuantity))); } @media (prefers-reduced-motion: no-preference) { .sheet-rolltemplate-blackbirds .flip-box__inner { transition: transform var(--flipDuration) var(--flipTiming); } } .sheet-rolltemplate-blackbirds .inline-fieldset + fieldset + .repcontainer { display: flex; gap: var(tiny-gap) var(--half-gap); flex-wrap: wrap; } .sheet-rolltemplate-blackbirds .inline-fieldset + fieldset + .repcontainer .repitem:not(:last-child) { display: flex; } .sheet-rolltemplate-blackbirds .inline-fieldset + fieldset + .repcontainer .repitem:not(:last-child):after { content: ","; } .sheet-rolltemplate-blackbirds .repitem .itemcontrol { z-index: 100000; } .sheet-rolltemplate-blackbirds .locked-fieldset + fieldset + .repcontainer + .repcontrol { display: none; } .sheet-rolltemplate-blackbirds .repcontrol_edit { display: grid; grid-template-columns: auto 0; grid-template-areas: "icon text"; overflow: hidden; } .sheet-rolltemplate-blackbirds .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-blackbirds .repcontrol-button--add { padding: 0; } .sheet-rolltemplate-blackbirds .repcontrol-button--add:before { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: var(--icon-size); /* Preferred icon size */ } .sheet-rolltemplate-blackbirds .repeating-section-container { display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "repcontainer repcontainer" "add edit"; } .sheet-rolltemplate-blackbirds .repeating-section-container .repcontainer { grid-area: repcontainer; } .sheet-rolltemplate-blackbirds .repeating-section-container .repcontrol-button--add { grid-area: add; } .sheet-rolltemplate-blackbirds .repeating-section-container .repcontrol { grid-area: edit; } .sheet-rolltemplate-blackbirds ::-webkit-scrollbar { width: 8px; } .sheet-rolltemplate-blackbirds ::-webkit-scrollbar-track { background: #f1f1f1; } .sheet-rolltemplate-blackbirds ::-webkit-scrollbar-thumb { background: #888; } .sheet-rolltemplate-blackbirds ::-webkit-scrollbar-thumb:hover { background: var(--elementColor); } .sheet-rolltemplate-blackbirds .headed-section, .sheet-rolltemplate-blackbirds .sheet-headed-section { --separatorRadius: 100%; --separatorGap: var(--tiny-gap); } .sheet-rolltemplate-blackbirds .headed-section > :first-child, .sheet-rolltemplate-blackbirds .sheet-headed-section > :first-child { border-top: 1px solid var(--borderColor); } .sheet-rolltemplate-blackbirds .headed-section__header, .sheet-rolltemplate-blackbirds .sheet-headed-section__header { background-color: var(--sectionHeadBack); border-left: 1px solid var(--borderColor); border-right: 1px solid var(--borderColor); } .sheet-rolltemplate-blackbirds .headed-section__subheader, .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader { font-size: var(--size7); background-color: var(--sectionSubheadBack); border-left: 1px solid var(--borderColor); border-right: 1px solid var(--borderColor); color: var(--dm-fontColor); flex: 1; } .sheet-rolltemplate-blackbirds .headed-section__content-area--row, .sheet-rolltemplate-blackbirds .headed-section__subheader-area--row, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row, .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row { flex-direction: row; } .sheet-rolltemplate-blackbirds .headed-section__content-area--row > .headed-section__content, .sheet-rolltemplate-blackbirds .headed-section__content-area--row > .headed-section__subheader, .sheet-rolltemplate-blackbirds .headed-section__content-area--row > .sheet-headed-section__content, .sheet-rolltemplate-blackbirds .headed-section__content-area--row > .sheet-headed-section__subheader, .sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .headed-section__content, .sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .headed-section__subheader, .sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .sheet-headed-section__content, .sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .sheet-headed-section__subheader, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .headed-section__content, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .headed-section__subheader, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .sheet-headed-section__content, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .sheet-headed-section__subheader, .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .headed-section__content, .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .headed-section__subheader, .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .sheet-headed-section__content, .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader { flex: 1 1; border-bottom: 1px solid var(--borderColor); } .sheet-rolltemplate-blackbirds .headed-section__content-area--row > .headed-section__content:first-child, .sheet-rolltemplate-blackbirds .headed-section__content-area--row > .headed-section__subheader:first-child, .sheet-rolltemplate-blackbirds .headed-section__content-area--row > .sheet-headed-section__content:first-child, .sheet-rolltemplate-blackbirds .headed-section__content-area--row > .sheet-headed-section__subheader:first-child, .sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .headed-section__content:first-child, .sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .headed-section__subheader:first-child, .sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .sheet-headed-section__content:first-child, .sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .sheet-headed-section__subheader:first-child, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .headed-section__content:first-child, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .headed-section__subheader:first-child, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .sheet-headed-section__content:first-child, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .sheet-headed-section__subheader:first-child, .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .headed-section__content:first-child, .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .headed-section__subheader:first-child, .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .sheet-headed-section__content:first-child, .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:first-child { border-left: 1px solid var(--borderColor); } .sheet-rolltemplate-blackbirds .headed-section__content-area--row > .headed-section__content:last-child, .sheet-rolltemplate-blackbirds .headed-section__content-area--row > .headed-section__subheader:last-child, .sheet-rolltemplate-blackbirds .headed-section__content-area--row > .sheet-headed-section__content:last-child, .sheet-rolltemplate-blackbirds .headed-section__content-area--row > .sheet-headed-section__subheader:last-child, .sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .headed-section__content:last-child, .sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .headed-section__subheader:last-child, .sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .sheet-headed-section__content:last-child, .sheet-rolltemplate-blackbirds .headed-section__subheader-area--row > .sheet-headed-section__subheader:last-child, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .headed-section__content:last-child, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .headed-section__subheader:last-child, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .sheet-headed-section__content:last-child, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--row > .sheet-headed-section__subheader:last-child, .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .headed-section__content:last-child, .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .headed-section__subheader:last-child, .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .sheet-headed-section__content:last-child, .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:last-child { border-right: 1px solid var(--borderColor); } .sheet-rolltemplate-blackbirds .headed-section__content-area--column, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--column { flex-direction: column; } .sheet-rolltemplate-blackbirds .headed-section__content-area--column > .headed-section__content, .sheet-rolltemplate-blackbirds .headed-section__content-area--column > .sheet-headed-section__content, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--column > .headed-section__content, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--column > .sheet-headed-section__content { border-left: 1px solid var(--borderColor); border-right: 1px solid var(--borderColor); } .sheet-rolltemplate-blackbirds .headed-section__content-area--column > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--column > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--column > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child) { border-bottom-width: 0px; } .sheet-rolltemplate-blackbirds .headed-section__content-area--column > .headed-section__content:last-child, .sheet-rolltemplate-blackbirds .headed-section__content-area--column > .sheet-headed-section__content:last-child, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--column > .headed-section__content:last-child, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--column > .sheet-headed-section__content:last-child { border-bottom: 1px solid var(--borderColor); } .sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__content-area--column > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__content-area--column > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__content-area--column > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__subheader-area--column > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__subheader-area--column > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__content-area--column > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__content-area--column > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__subheader-area--column > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__subheader-area--column > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__content-area--column > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__content-area--column > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__content-area--column > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__subheader-area--column > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__subheader-area--column > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__content-area--column > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__content-area--column > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__content-area--column > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__content-area--column > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__content-area--column > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__subheader-area--column > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__subheader-area--column > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__content-area--column > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__content-area--column > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--column > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--column > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__content-area--column > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__content-area--column > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__content-area--column > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__subheader-area--column > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__subheader-area--column > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--column > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--column > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--column > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--column > .sheet-headed-section__subheader:not(:last-child) { border-bottom: 2px solid var(--borderColor); } .sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__content-area--row > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__content-area--row > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__subheader-area--row > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__subheader-area--row > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__content-area--row > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__subheader-area--row > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__subheader-area--row > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__content-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__content-area--row > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__content-area--row > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__subheader-area--row > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__subheader-area--row > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__content-area--row > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__content-area--row > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__content-area--row > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__subheader-area--row > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__subheader-area--row > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__content-area--row > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--row > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--row > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__content-area--row > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__content-area--row > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__subheader-area--row > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__subheader-area--row > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--row > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__content-area--row > .sheet-headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .headed-section__subheader:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__content:not(:last-child), .sheet-rolltemplate-blackbirds .sheet-headed-section__subheader-area--full.sheet-headed-section__subheader-area--row > .sheet-headed-section__subheader:not(:last-child) { border-right: 2px solid var(--borderColor); } .sheet-rolltemplate-blackbirds .headed-section__content-area--partial > .headed-section__content:not(:last-child):after, .sheet-rolltemplate-blackbirds .headed-section__content-area--partial > .sheet-headed-section__content:not(:last-child):after, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--partial > .headed-section__content:not(:last-child):after, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--partial > .sheet-headed-section__content:not(:last-child):after { content: ""; background-color: var(--borderColor); position: absolute; border-radius: var(--separatorRadius); } .sheet-rolltemplate-blackbirds .headed-section__content-area--partial.headed-section__content-area--column > .headed-section__content > .sheet-headed-section__content:not(:last-child):after, .sheet-rolltemplate-blackbirds .headed-section__content-area--partial.sheet-headed-section__content-area--column > .headed-section__content > .sheet-headed-section__content:not(:last-child):after, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--partial.headed-section__content-area--column > .headed-section__content > .sheet-headed-section__content:not(:last-child):after, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--partial.sheet-headed-section__content-area--column > .headed-section__content > .sheet-headed-section__content:not(:last-child):after { bottom: 0; top: auto; left: var(--separatorGap); right: var(--separatorGap); height: 2px; width: auto; } .sheet-rolltemplate-blackbirds .headed-section__content-area--partial.headed-section__content-area--row > .headed-section__content:not(:last-child):after, .sheet-rolltemplate-blackbirds .headed-section__content-area--partial.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child):after, .sheet-rolltemplate-blackbirds .headed-section__content-area--partial.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child):after, .sheet-rolltemplate-blackbirds .headed-section__content-area--partial.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child):after, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--partial.headed-section__content-area--row > .headed-section__content:not(:last-child):after, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--partial.headed-section__content-area--row > .sheet-headed-section__content:not(:last-child):after, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--partial.sheet-headed-section__content-area--row > .headed-section__content:not(:last-child):after, .sheet-rolltemplate-blackbirds .sheet-headed-section__content-area--partial.sheet-headed-section__content-area--row > .sheet-headed-section__content:not(:last-child):after { top: var(--separatorGap); bottom: var(--separatorGap); right: 0; left: auto; width: 2px; height: auto; } .sheet-rolltemplate-blackbirds .headed-section__content, .sheet-rolltemplate-blackbirds .sheet-headed-section__content { position: relative; padding: var(--half-gap); background-color: var(--backColor); } .sheet-rolltemplate-blackbirds .headed-section__content.dark-content .sheet-rolltemplate-blackbirds .headed-section__content.sheet-dark-content, .sheet-rolltemplate-blackbirds .headed-section__content.dark-content .sheet-rolltemplate-blackbirds .sheet-headed-section__content.sheet-dark-content, .sheet-rolltemplate-blackbirds .sheet-headed-section__content.dark-content .sheet-rolltemplate-blackbirds .headed-section__content.sheet-dark-content, .sheet-rolltemplate-blackbirds .sheet-headed-section__content.dark-content .sheet-rolltemplate-blackbirds .sheet-headed-section__content.sheet-dark-content { --selectedColor: var(--dm-selectedColor); background-color: var(--sectionSubheadBack); color: var(--dm-fontColor); } .sheet-rolltemplate-blackbirds .headed-section__content.dark-content .sheet-rolltemplate-blackbirds .headed-section__content.sheet-dark-content > *, .sheet-rolltemplate-blackbirds .headed-section__content.dark-content .sheet-rolltemplate-blackbirds .sheet-headed-section__content.sheet-dark-content > *, .sheet-rolltemplate-blackbirds .sheet-headed-section__content.dark-content .sheet-rolltemplate-blackbirds .headed-section__content.sheet-dark-content > *, .sheet-rolltemplate-blackbirds .sheet-headed-section__content.dark-content .sheet-rolltemplate-blackbirds .sheet-headed-section__content.sheet-dark-content > * { --borderColor: var(--dm-borderColor); } .sheet-rolltemplate-blackbirds .card { display: grid; grid-template-areas: "content"; perspective: 1000px; } .sheet-rolltemplate-blackbirds .card > * { grid-area: content; } .sheet-rolltemplate-blackbirds .card__content { border: 2px solid var(--borderColor); overflow: auto; width: 240px; aspect-ratio: 1/1.66; display: grid; gap: var(--tiny-gap); align-content: start; padding: var(--tiny-gap); isolation: isolate; } .sheet-rolltemplate-blackbirds .card__content > input[type=text] { width: 100%; } .sheet-rolltemplate-blackbirds .card__content > .input-label input[type=text] { width: 0; } .sheet-rolltemplate-blackbirds .card__flip-box { display: grid; grid-template-areas: "content"; transform-style: preserve-3d; } .sheet-rolltemplate-blackbirds .card__flip-box > * { grid-area: content; } .sheet-rolltemplate-blackbirds .card__flip + .card__flip-box .card__view, .sheet-rolltemplate-blackbirds .card__flip + .card__flip-box .card__edit { background-color: var(--backColor); inset: 0; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden; } .sheet-rolltemplate-blackbirds .card__flip + .card__flip-box .card__view { transform: rotateY(180deg); } .sheet-rolltemplate-blackbirds .card__flip:checked + .card__flip-box { transform: rotateY(180deg); } @media (prefers-reduced-motion: no-preference) { .sheet-rolltemplate-blackbirds .card__flip-box { transition: transform 0.8s; } } .sheet-rolltemplate-blackbirds .card-slot { width: min-content; grid-template-rows: auto auto 1fr; } .sheet-rolltemplate-blackbirds .slot-select { z-index: 10; } .sheet-rolltemplate-blackbirds .card-slot__header, .sheet-rolltemplate-blackbirds .card-slot__subheader { --gutterSize: 1.5rem; display: grid; grid-template-columns: var(--gutterSize) 1fr var(--gutterSize); grid-template-areas: ". label eject"; padding: 0 var(--half-gap); place-items: center; } .sheet-rolltemplate-blackbirds .card-slot__header *, .sheet-rolltemplate-blackbirds .card-slot__subheader * { white-space: pre-wrap; } .sheet-rolltemplate-blackbirds .card-slot__header button, .sheet-rolltemplate-blackbirds .card-slot__subheader button { grid-area: eject; } .sheet-rolltemplate-blackbirds .unslot-button { white-space: nowrap; } .sheet-rolltemplate-blackbirds .card-slot__header h2, .sheet-rolltemplate-blackbirds .card-slot__header .input-label:not(.stacked).large > [name] { grid-area: label; } .sheet-rolltemplate-blackbirds .card-slot__subheader label { color: inherit; display: flex; grid-area: label; cursor: pointer; } .sheet-rolltemplate-blackbirds .card-slot__selection .card__view { align-content: center; } .sheet-rolltemplate-blackbirds .card-slot__selection label { --buttonSize: 60px; display: grid; grid-template-areas: "content"; background-color: var(--sectionHeadBack); overflow: hidden; width: var(--buttonSize); height: var(--buttonSize); place-self: center; cursor: pointer; position: relative; } .sheet-rolltemplate-blackbirds .card-slot__selection label > * { grid-area: content; } .sheet-rolltemplate-blackbirds .card-slot__selection label > span { font-size: 400%; place-self: center; translate: 0 -2px; line-height: 0; } .sheet-rolltemplate-blackbirds .card-slot__selection label > select { position: absolute; inset: 0; cursor: pointer; } .sheet-rolltemplate-blackbirds .deck-container { --deckRepeatButtonSize: 32px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; grid-template-areas: "add edit" "repcontainer repcontainer"; gap: var(--normal-gap); } .sheet-rolltemplate-blackbirds .deck-container .repcontainer { display: flex; flex-wrap: wrap; gap: var(--half-gap); grid-area: repcontainer; justify-content: center; } .sheet-rolltemplate-blackbirds .deck-container .repcontrol { grid-area: edit; justify-self: start; } .sheet-rolltemplate-blackbirds .deck-container .repcontrol_edit:before, .sheet-rolltemplate-blackbirds .deck-container .repcontrol-button--add:before { font-family: "Material Symbols Outlined"; font-size: 20px; font-weight: 200; line-height: 1; font-size: var(--size1); width: var(--deckRepeatButtonSize); height: var(--deckRepeatButtonSize); } .sheet-rolltemplate-blackbirds .deck-container .repcontrol-button--add { grid-area: add; justify-self: end; width: var(--deckRepeatButtonSize); height: var(--deckRepeatButtonSize); font-size: inherit; } .sheet-rolltemplate-blackbirds .deck-container .repcontrol-button--add:before { content: "add_card"; } .sheet-rolltemplate-blackbirds .deck-container .repcontrol_edit:before { content: "playing_cards"; } .sheet-rolltemplate-blackbirds .deck-container .collapse { right: 0; } .sheet-rolltemplate-blackbirds .deck-container .collapsed, .sheet-rolltemplate-blackbirds .deck-container .expanded { display: grid; gap: var(--tiny-gap); } .sheet-rolltemplate-blackbirds .deck-container .collapsed > input[type=text], .sheet-rolltemplate-blackbirds .deck-container .expanded > input[type=text] { width: 100%; } .sheet-rolltemplate-blackbirds .deck-container .collapsed > .input-label input[type=text], .sheet-rolltemplate-blackbirds .deck-container .expanded > .input-label input[type=text] { width: 0; } .sheet-rolltemplate-blackbirds .threshold .headed-section__subheader:first-child, .sheet-rolltemplate-blackbirds .threshold .headed-section__content:first-child { --width: 6rem; max-width: var(--width); display: flex; justify-content: center; } .sheet-rolltemplate-blackbirds .egg, .sheet-rolltemplate-blackbirds .sheet-egg { display: inline-grid; grid-template-rows: 1fr auto; place-items: center; border: 1px solid var(--borderColor); width: 50px; overflow: hidden; padding-block: var(--tiny-gap); aspect-ratio: 1/1.3; border-radius: 50% 50% 50% 50%/60% 60% 40% 40%; } .sheet-rolltemplate-blackbirds .egg > input, .sheet-rolltemplate-blackbirds .sheet-egg > input { align-self: end; color: var(--fontColor); } .sheet-rolltemplate-blackbirds .egg span, .sheet-rolltemplate-blackbirds .sheet-egg span { color: var(--fontColor); } .sheet-rolltemplate-blackbirds .skill-head { --overflow:30px; margin-bottom: var(--overflow); } .sheet-rolltemplate-blackbirds .skill-head__content { display: flex; justify-content: center; } .sheet-rolltemplate-blackbirds .skill-head__content .egg { background-color: var(--backColor); margin-bottom: calc(var(--overflow) * -1); } .sheet-rolltemplate-blackbirds .blackbird-radio { --checkboxBorderColor:var(--borderColor); display: flex; width: 10px; height: 10px; border: 1px solid var(--borderColor); background-color: var(--backColor); } .sheet-rolltemplate-blackbirds .blackbird-radio:before { content: none !important; } .sheet-rolltemplate-blackbirds .radio-circle.radio-circle { border-radius: 50%; } .sheet-rolltemplate-blackbirds .radio-circle.radio-circle:hover { box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset; } .sheet-rolltemplate-blackbirds .radio-circle.radio-circle:checked { background-color: var(--selectedColor) !important; } .sheet-rolltemplate-blackbirds .radio-square.radio-square { border-radius: 15%; } .sheet-rolltemplate-blackbirds .radio-square.radio-square:hover { box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset; } .sheet-rolltemplate-blackbirds .radio-square.radio-square:checked { background-color: var(--selectedColor) !important; } .sheet-rolltemplate-blackbirds .radio-egg.radio-egg { border-radius: 50% 50% 50% 50%/60% 60% 40% 40%; } .sheet-rolltemplate-blackbirds .radio-egg.radio-egg:hover { box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset; } .sheet-rolltemplate-blackbirds .radio-egg.radio-egg:checked { background-color: var(--selectedColor) !important; } .sheet-rolltemplate-blackbirds .radio-shield.radio-shield { border-radius: 10% 10% 50% 50%/10% 10% 40% 40%; } .sheet-rolltemplate-blackbirds .radio-shield.radio-shield:hover { box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset; } .sheet-rolltemplate-blackbirds .radio-shield.radio-shield:checked { background-color: var(--selectedColor) !important; } .sheet-rolltemplate-blackbirds .radio-diamond.radio-diamond { -webkit-transform: rotate(45deg) translate(10%, 20%); } .sheet-rolltemplate-blackbirds .radio-diamond.radio-diamond:hover { box-shadow: 0 0 5px 0px var(--attributeGradientOuter) inset; } .sheet-rolltemplate-blackbirds .radio-diamond.radio-diamond:checked { background-color: var(--selectedColor) !important; } .sheet-rolltemplate-blackbirds .radio-triangle { border-style: solid; display: grid; grid-template-areas: "content"; place-items: center; place-content: center; background-color: transparent !important; border: 0px solid transparent; --triangleHeight:15px; width: var(--triangleHeight); height: var(--triangleHeight); } .sheet-rolltemplate-blackbirds .radio-triangle:before, .sheet-rolltemplate-blackbirds .radio-triangle:after { content: "" !important; grid-area: content; box-sizing: border-box; border-style: solid; } .sheet-rolltemplate-blackbirds .radio-triangle:before { border-width: var(--triangleHeight) calc(var(--triangleHeight) / 2) 0 calc(var(--triangleHeight) / 2); border-color: var(--borderColor) transparent transparent transparent; } .sheet-rolltemplate-blackbirds .radio-triangle:after { z-index: 1; border-width: calc(var(--triangleHeight) - 2px) calc(var(--triangleHeight) / 2 - 1px) 0 calc(var(--triangleHeight) / 2 - 1px); border-color: var(--backColor) transparent transparent transparent; } .sheet-rolltemplate-blackbirds .radio-triangle:checked:after { --backColor:var(--selectedColor) ; } .sheet-rolltemplate-blackbirds .attCard_egg_col { padding: 10px; } .sheet-rolltemplate-blackbirds .bonus_radios { padding: 10px; display: inline-grid; } .sheet-rolltemplate-blackbirds .row_div { padding-top: 6px; display: inline-flex; } .sheet-rolltemplate-blackbirds .att_abil_mod { padding-top: -5px; display: inline-grid; } .sheet-rolltemplate-blackbirds .unlocked { display: block !important; position: relative; left: 17px; align-self: center; } .sheet-rolltemplate-blackbirds .att_ability_inputs { padding-left: 7px; } .sheet-rolltemplate-blackbirds .ability_mod { border: 1px solid var(--borderColor); border-radius: 5%; height: 50px; } .sheet-rolltemplate-blackbirds .collapse--nested-control:checked ~ div .expanded { display: none; } .sheet-rolltemplate-blackbirds .collapse--nested-control:not(:checked) ~ div .collapsed { display: none; } .sheet-rolltemplate-blackbirds .sheet-material-icons { text-transform: none !important; } .sheet-rolltemplate-blackbirds:not(:first-child) { margin-top: var(--normal-gap); } .sheet-rolltemplate-blackbirds .sheet-template-container .sheet-row-head { display: inline; } .sheet-rolltemplate-blackbirds .sheet-template-container .inlinerollresult { border: 0px solid transparent; background-color: transparent; color: inherit; } .sheet-rolltemplate-blackbirds .sheet-template-container .inlinerollresult.fullcrit, .sheet-rolltemplate-blackbirds .sheet-template-container .inlinerollresult.fullfail, .sheet-rolltemplate-blackbirds .sheet-template-container .inlinerollresult.importantroll { border: 0px solid transparent; } .sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row { display: grid; align-items: center; gap: var(--normal-gap); } .sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row:not(.sheet-description) { grid-template-columns: 1fr auto; grid-template-areas: "header value"; } .sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row.sheet-has-egg:nth-child(odd) > :first-child { justify-self: end; } .sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row.sheet-has-egg:nth-child(odd) .sheet-egg { margin-right: -30px; } .sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row.sheet-has-egg:nth-child(even) { grid-template-columns: auto 1fr; grid-template-areas: "value header"; } .sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row.sheet-has-egg:nth-child(even) > :first-child { justify-self: start; } .sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row.sheet-has-egg:nth-child(even) .sheet-egg { margin-left: -30px; } .sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row.sheet-has-egg:last-child { margin-bottom: 20px; } .sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row.sheet-has-egg + :not(.sheet-has-egg) { padding-top: 20px; } .sheet-rolltemplate-blackbirds .sheet-template-container .sheet-template-row .sheet-egg { z-index: 1; margin-top: -20px; margin-bottom: -20px; } .sheet-rolltemplate-blackbirds .sheet-template-container .sheet-egg { background-color: var(--backColor); grid-area: value; } .sheet-rolltemplate-blackbirds.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); --sectionHeadBack:var(--dm--sectionHeadBack); --sectionSubheadBack: var(--dm-sectionSubheadBack); --selectedTextColor: var(--dm-selectedTextColor); --img-background-trunk: var(--img-background-trunk-dm); --img-underline: var(--img-underline-dm); --img-underline2: var(--img-underline2-dm); --img-underline3: var(--img-underline3-dm); --attributeGradientOuter: var(--dm-attributeGradientOuter); --nav-tab-active-background:var(--dm-nav-tab-active-background); --fillLeftSelectedColor:var(--dm-fillLeftSelectedColor); --fillLeftUnselectedColor: var(--dm-fillLeftUnselectedColor); --activeColor: var(--dm-activeColor); color: var(--fontColor); --collapseExpandedColor: var(--dm-collapseExpandedColor); }