Files
roll20-character-sheets-tester/Tiny Supers (hbCyber)/sheet.css
T

1330 lines
42 KiB
CSS

/* -- tailwind utilities ---------------------------------------------------- */
.sheet-border-gray-400 {
border-color: #cbd5e0 !important;
}
.sheet-rounded-none {
border-radius: 0 !important;
}
.sheet-border-solid {
border-style: solid !important;
}
.sheet-border-0 {
border-width: 0 !important;
}
.sheet-border-b-0 {
border-bottom-width: 0 !important;
}
.sheet-border-t {
border-top-width: 1px !important;
}
.sheet-flex {
display: flex !important;
}
.sheet-flex-row {
flex-direction: row !important;
}
.sheet-flex-no-wrap {
flex-wrap: nowrap !important;
}
.sheet-items-start {
align-items: flex-start !important;
}
.sheet-items-end {
align-items: flex-end !important;
}
.sheet-items-center {
align-items: center !important;
}
.sheet-justify-end {
justify-content: flex-end !important;
}
.sheet-justify-between {
justify-content: space-between !important;
}
.sheet-flex-1 {
flex: 1 1 0% !important;
}
.sheet-flex-initial {
flex: 0 1 auto !important;
}
.sheet-flex-none {
flex: none !important;
}
.sheet-font-mono {
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.sheet-font-bold {
font-weight: 700 !important;
}
.sheet-h-20 {
height: 5rem !important;
}
.sheet-h-full {
height: 100% !important;
}
.sheet-my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.sheet-mx-2 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.sheet-mb-0 {
margin-bottom: 0 !important;
}
.sheet-ml-1 {
margin-left: 0.25rem !important;
}
.sheet-mt-2 {
margin-top: 0.5rem !important;
}
.sheet-mb-2 {
margin-bottom: 0.5rem !important;
}
.sheet-ml-2 {
margin-left: 0.5rem !important;
}
.sheet-mt-4 {
margin-top: 1rem !important;
}
.sheet-mt-6 {
margin-top: 1.5rem !important;
}
.sheet-mt-8 {
margin-top: 2rem !important;
}
.sheet-text-center {
text-align: center !important;
}
.sheet-text-right {
text-align: right !important;
}
.sheet-text-red-800 {
color: #9b2c2c !important;
}
.sheet-text-green-600 {
color: #38a169 !important;
}
.sheet-text-sm {
font-size: 1.125rem !important;
}
.sheet-w-12 {
width: 3rem !important;
}
.sheet-w-20 {
width: 5rem !important;
}
.sheet-w-24 {
width: 6rem !important;
}
.sheet-w-full {
width: 100% !important;
}
.sheet-col-span-1 {
grid-column: span 1 / span 1 !important;
}
.sheet-col-span-2 {
grid-column: span 2 / span 2 !important;
}
.sheet-col-span-3 {
grid-column: span 3 / span 3 !important;
}
.sheet-col-span-4 {
grid-column: span 4 / span 4 !important;
}
.sheet-col-span-5 {
grid-column: span 5 / span 5 !important;
}
.sheet-col-span-6 {
grid-column: span 6 / span 6 !important;
}
.sheet-row-span-3 {
grid-row: span 3 / span 3 !important;
}
.sheet-self-y-start {
align-self: start !important;
}
/* -- styling --------------------------------------------------------------- */
/* -- sheet wrapper --------------------------------------------------------- */
.sheet-wrapper { width: 100%; box-sizing: border-box; padding-right: 2.5rem;
}
/* -- tab ------------------------------------------------------------------- */
.sheet-tab {
border-style: solid;
border-width: 1px;
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
padding: 0.7rem 1.25rem !important;
background: transparent;
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: #ddd;
}
.sheet-tab:focus { outline: 0;
}
.sheet-tab:hover { background: #eee;
}
.sheet-tab-spacer {
border-style: solid;
border-width: 0;
border-bottom-width: 1px;
min-width: 0.15rem;
border-bottom-color: #ddd;
}
/* -- button ---------------------------------------------------------------- */
.sheet-button {
border-width: 1px !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 1.9rem;
height: 2.1rem;
padding: 2px 3px;
font-size: 1.3em;
}
/* When the button is hidden for purposes of spacing, we set its height to 0
to avoid increasing the container's height. */
.sheet-button.sheet-button--hidden {
visibility: hidden !important;
height: 0 !important;
}
.sheet-button.sheet-button--advantage {
color: #38a169;
background: #f0fff4;
}
.sheet-button.sheet-button--advantage:hover { background: #c6f6d5;
}
.sheet-button.sheet-button--disadvantage {
color: #9b2c2c;
background: #fff5f5;
}
.sheet-button.sheet-button--disadvantage:hover { background: #fed7d7;
}
/* Icons */
.sheet-button.sheet-button--chat::before {
font-family: 'Pictos' !important;
content: "w" !important;
}
.sheet-button.sheet-button--plus::before {
font-family: 'Pictos' !important;
content: "+" !important;
}
.sheet-button.sheet-button--minus::before {
font-family: 'Pictos' !important;
content: "-" !important;
}
/* -- textarea -------------------------------------------------------------- */
.sheet-textarea { height: 8rem; box-sizing: border-box;
}
/* -- checkbox -------------------------------------------------------------- */
.sheet-checkbox-small { width: 1.5rem !important; height: 1.5rem !important;
}
/* -- radio ----------------------------------------------------------------- */
/* -- label ----------------------------------------------------------------- */
.sheet-label {
width: auto !important;
padding-right: 0 !important;
margin-bottom: 0 !important;
font-weight: 400;
cursor: pointer;
}
/* Sheet wrapper */
.sheet-wrapper {
min-width: 780px;
max-width: 1280px;
}
/* Panel classes */
.sheet-panel-container {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.sheet-panel-container.sheet-panel-container--center { align-items: center;
}
.sheet-panel {
width: 100%;
grid-column: 1 / 1;
grid-row: 1 / 1;
}
/* View navigation */
.sheet-id-attr-curr-view:not([value="view_player"]) ~ .sheet-id-header-player,
.sheet-id-attr-curr-view:not([value="view_player"]) ~ .sheet-id-view-player,
.sheet-id-attr-curr-view:not([value="view_gm"]) ~ .sheet-id-header-gm,
.sheet-id-attr-curr-view:not([value="view_gm"]) ~ .sheet-id-view-gm {
visibility: hidden;
z-index: -1;
}
/* View: player */
/* Tab navigation */
.sheet-id-view-player .sheet-id-attr-curr-tab[value="tab_bio"] ~ .sheet-id-tab-button-bio,
.sheet-id-view-player .sheet-id-attr-curr-tab[value="tab_traits"] ~ .sheet-id-tab-button-traits,
.sheet-id-view-player .sheet-id-attr-curr-tab[value="tab_gear"] ~ .sheet-id-tab-button-gear {
cursor: default;
border-top-color: #ddd;
border-left-color: #ddd;
border-right-color: #ddd;
border-bottom-color: transparent;
}
.sheet-id-view-player .sheet-id-attr-curr-tab[value="tab_bio"] ~ .sheet-id-tab-button-bio:hover, .sheet-id-view-player .sheet-id-attr-curr-tab[value="tab_traits"] ~ .sheet-id-tab-button-traits:hover, .sheet-id-view-player .sheet-id-attr-curr-tab[value="tab_gear"] ~ .sheet-id-tab-button-gear:hover { background: transparent;
}
/* Tab panel display */
.sheet-id-view-player .sheet-id-attr-curr-tab:not([value="tab_bio"]) ~ .sheet-id-tab-bio,
.sheet-id-view-player .sheet-id-attr-curr-tab:not([value="tab_traits"]) ~ .sheet-id-tab-traits,
.sheet-id-view-player .sheet-id-attr-curr-tab:not([value="tab_gear"]) ~ .sheet-id-tab-gear {
visibility: hidden;
z-index: -1;
}
/* Panel: top fields */
.sheet-id-view-player .sheet-container-top-fields {
display: grid;
grid-gap: 0.5rem;
grid-gap: 0.5rem;
gap: 0.5rem;
align-items: center;
grid-template-columns: auto 1fr auto 4rem auto 1fr auto;
}
/* Panel: gear */
.sheet-id-view-player .sheet-id-tab-gear .sheet-container-headers,
.sheet-id-view-player .sheet-id-tab-gear .sheet-container-item {
display: grid;
grid-gap: 0.5rem;
grid-gap: 0.5rem;
gap: 0.5rem;
align-items: center;
grid-template-columns: 1fr 2fr auto;
}
.sheet-id-view-player .sheet-id-tab-gear .sheet-container-headers { padding-left: 1rem; padding-right: 1rem;
}
.sheet-id-view-player .sheet-id-tab-gear .sheet-container-item { background-color: #f7fafc; padding: 1rem;
}
/* Container: trait */
.sheet-id-view-player .sheet-container-trait {
display: grid;
grid-gap: 0.5rem;
grid-gap: 0.5rem;
gap: 0.5rem;
align-items: start;
background-color: #f7fafc;
padding: 1rem;
grid-template-columns: 1fr 2fr auto;
}
.sheet-id-view-player .sheet-container-trait.sheet-container-trait--archetype { background-color: #fffff0;
}
/* View: GM */
.sheet-id-view-gm .sheet-container-npc {
display: grid;
grid-gap: 0.5rem;
grid-gap: 0.5rem;
gap: 0.5rem;
align-items: center;
background-color: #f7fafc;
padding: 1rem;
grid-template-columns: 2fr 3fr 6rem auto 3rem auto;
}
/* Traits */
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-1 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-2 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-3 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-4 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-5 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-6 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-7 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-8 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-9 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-10 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-11 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-12 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-13 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-14 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-15 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-16 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-17 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-18 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-19 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="0"] ~ .sheet-npc-trait-20 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="1"] ~ .sheet-npc-trait-2 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="1"] ~ .sheet-npc-trait-3 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="1"] ~ .sheet-npc-trait-4 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="1"] ~ .sheet-npc-trait-5 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="1"] ~ .sheet-npc-trait-6 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="1"] ~ .sheet-npc-trait-7 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="1"] ~ .sheet-npc-trait-8 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="1"] ~ .sheet-npc-trait-9 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="1"] ~ .sheet-npc-trait-10 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="1"] ~ .sheet-npc-trait-11 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="1"] ~ .sheet-npc-trait-12 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="1"] ~ .sheet-npc-trait-13 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="1"] ~ .sheet-npc-trait-14 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="1"] ~ .sheet-npc-trait-15 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="1"] ~ .sheet-npc-trait-16 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="1"] ~ .sheet-npc-trait-17 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="1"] ~ .sheet-npc-trait-18 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="1"] ~ .sheet-npc-trait-19 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="1"] ~ .sheet-npc-trait-20 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="2"] ~ .sheet-npc-trait-3 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="2"] ~ .sheet-npc-trait-4 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="2"] ~ .sheet-npc-trait-5 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="2"] ~ .sheet-npc-trait-6 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="2"] ~ .sheet-npc-trait-7 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="2"] ~ .sheet-npc-trait-8 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="2"] ~ .sheet-npc-trait-9 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="2"] ~ .sheet-npc-trait-10 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="2"] ~ .sheet-npc-trait-11 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="2"] ~ .sheet-npc-trait-12 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="2"] ~ .sheet-npc-trait-13 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="2"] ~ .sheet-npc-trait-14 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="2"] ~ .sheet-npc-trait-15 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="2"] ~ .sheet-npc-trait-16 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="2"] ~ .sheet-npc-trait-17 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="2"] ~ .sheet-npc-trait-18 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="2"] ~ .sheet-npc-trait-19 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="2"] ~ .sheet-npc-trait-20 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="3"] ~ .sheet-npc-trait-4 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="3"] ~ .sheet-npc-trait-5 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="3"] ~ .sheet-npc-trait-6 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="3"] ~ .sheet-npc-trait-7 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="3"] ~ .sheet-npc-trait-8 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="3"] ~ .sheet-npc-trait-9 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="3"] ~ .sheet-npc-trait-10 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="3"] ~ .sheet-npc-trait-11 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="3"] ~ .sheet-npc-trait-12 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="3"] ~ .sheet-npc-trait-13 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="3"] ~ .sheet-npc-trait-14 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="3"] ~ .sheet-npc-trait-15 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="3"] ~ .sheet-npc-trait-16 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="3"] ~ .sheet-npc-trait-17 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="3"] ~ .sheet-npc-trait-18 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="3"] ~ .sheet-npc-trait-19 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="3"] ~ .sheet-npc-trait-20 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="4"] ~ .sheet-npc-trait-5 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="4"] ~ .sheet-npc-trait-6 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="4"] ~ .sheet-npc-trait-7 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="4"] ~ .sheet-npc-trait-8 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="4"] ~ .sheet-npc-trait-9 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="4"] ~ .sheet-npc-trait-10 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="4"] ~ .sheet-npc-trait-11 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="4"] ~ .sheet-npc-trait-12 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="4"] ~ .sheet-npc-trait-13 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="4"] ~ .sheet-npc-trait-14 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="4"] ~ .sheet-npc-trait-15 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="4"] ~ .sheet-npc-trait-16 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="4"] ~ .sheet-npc-trait-17 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="4"] ~ .sheet-npc-trait-18 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="4"] ~ .sheet-npc-trait-19 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="4"] ~ .sheet-npc-trait-20 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="5"] ~ .sheet-npc-trait-6 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="5"] ~ .sheet-npc-trait-7 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="5"] ~ .sheet-npc-trait-8 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="5"] ~ .sheet-npc-trait-9 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="5"] ~ .sheet-npc-trait-10 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="5"] ~ .sheet-npc-trait-11 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="5"] ~ .sheet-npc-trait-12 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="5"] ~ .sheet-npc-trait-13 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="5"] ~ .sheet-npc-trait-14 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="5"] ~ .sheet-npc-trait-15 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="5"] ~ .sheet-npc-trait-16 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="5"] ~ .sheet-npc-trait-17 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="5"] ~ .sheet-npc-trait-18 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="5"] ~ .sheet-npc-trait-19 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="5"] ~ .sheet-npc-trait-20 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="6"] ~ .sheet-npc-trait-7 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="6"] ~ .sheet-npc-trait-8 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="6"] ~ .sheet-npc-trait-9 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="6"] ~ .sheet-npc-trait-10 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="6"] ~ .sheet-npc-trait-11 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="6"] ~ .sheet-npc-trait-12 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="6"] ~ .sheet-npc-trait-13 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="6"] ~ .sheet-npc-trait-14 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="6"] ~ .sheet-npc-trait-15 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="6"] ~ .sheet-npc-trait-16 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="6"] ~ .sheet-npc-trait-17 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="6"] ~ .sheet-npc-trait-18 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="6"] ~ .sheet-npc-trait-19 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="6"] ~ .sheet-npc-trait-20 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="7"] ~ .sheet-npc-trait-8 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="7"] ~ .sheet-npc-trait-9 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="7"] ~ .sheet-npc-trait-10 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="7"] ~ .sheet-npc-trait-11 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="7"] ~ .sheet-npc-trait-12 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="7"] ~ .sheet-npc-trait-13 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="7"] ~ .sheet-npc-trait-14 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="7"] ~ .sheet-npc-trait-15 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="7"] ~ .sheet-npc-trait-16 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="7"] ~ .sheet-npc-trait-17 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="7"] ~ .sheet-npc-trait-18 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="7"] ~ .sheet-npc-trait-19 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="7"] ~ .sheet-npc-trait-20 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="8"] ~ .sheet-npc-trait-9 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="8"] ~ .sheet-npc-trait-10 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="8"] ~ .sheet-npc-trait-11 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="8"] ~ .sheet-npc-trait-12 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="8"] ~ .sheet-npc-trait-13 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="8"] ~ .sheet-npc-trait-14 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="8"] ~ .sheet-npc-trait-15 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="8"] ~ .sheet-npc-trait-16 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="8"] ~ .sheet-npc-trait-17 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="8"] ~ .sheet-npc-trait-18 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="8"] ~ .sheet-npc-trait-19 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="8"] ~ .sheet-npc-trait-20 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="9"] ~ .sheet-npc-trait-10 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="9"] ~ .sheet-npc-trait-11 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="9"] ~ .sheet-npc-trait-12 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="9"] ~ .sheet-npc-trait-13 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="9"] ~ .sheet-npc-trait-14 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="9"] ~ .sheet-npc-trait-15 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="9"] ~ .sheet-npc-trait-16 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="9"] ~ .sheet-npc-trait-17 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="9"] ~ .sheet-npc-trait-18 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="9"] ~ .sheet-npc-trait-19 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="9"] ~ .sheet-npc-trait-20 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="10"] ~ .sheet-npc-trait-11 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="10"] ~ .sheet-npc-trait-12 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="10"] ~ .sheet-npc-trait-13 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="10"] ~ .sheet-npc-trait-14 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="10"] ~ .sheet-npc-trait-15 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="10"] ~ .sheet-npc-trait-16 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="10"] ~ .sheet-npc-trait-17 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="10"] ~ .sheet-npc-trait-18 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="10"] ~ .sheet-npc-trait-19 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="10"] ~ .sheet-npc-trait-20 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="11"] ~ .sheet-npc-trait-12 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="11"] ~ .sheet-npc-trait-13 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="11"] ~ .sheet-npc-trait-14 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="11"] ~ .sheet-npc-trait-15 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="11"] ~ .sheet-npc-trait-16 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="11"] ~ .sheet-npc-trait-17 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="11"] ~ .sheet-npc-trait-18 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="11"] ~ .sheet-npc-trait-19 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="11"] ~ .sheet-npc-trait-20 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="12"] ~ .sheet-npc-trait-13 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="12"] ~ .sheet-npc-trait-14 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="12"] ~ .sheet-npc-trait-15 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="12"] ~ .sheet-npc-trait-16 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="12"] ~ .sheet-npc-trait-17 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="12"] ~ .sheet-npc-trait-18 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="12"] ~ .sheet-npc-trait-19 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="12"] ~ .sheet-npc-trait-20 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="13"] ~ .sheet-npc-trait-14 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="13"] ~ .sheet-npc-trait-15 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="13"] ~ .sheet-npc-trait-16 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="13"] ~ .sheet-npc-trait-17 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="13"] ~ .sheet-npc-trait-18 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="13"] ~ .sheet-npc-trait-19 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="13"] ~ .sheet-npc-trait-20 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="14"] ~ .sheet-npc-trait-15 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="14"] ~ .sheet-npc-trait-16 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="14"] ~ .sheet-npc-trait-17 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="14"] ~ .sheet-npc-trait-18 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="14"] ~ .sheet-npc-trait-19 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="14"] ~ .sheet-npc-trait-20 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="15"] ~ .sheet-npc-trait-16 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="15"] ~ .sheet-npc-trait-17 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="15"] ~ .sheet-npc-trait-18 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="15"] ~ .sheet-npc-trait-19 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="15"] ~ .sheet-npc-trait-20 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="16"] ~ .sheet-npc-trait-17 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="16"] ~ .sheet-npc-trait-18 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="16"] ~ .sheet-npc-trait-19 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="16"] ~ .sheet-npc-trait-20 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="17"] ~ .sheet-npc-trait-18 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="17"] ~ .sheet-npc-trait-19 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="17"] ~ .sheet-npc-trait-20 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="18"] ~ .sheet-npc-trait-19 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="18"] ~ .sheet-npc-trait-20 { display: none;
}
.sheet-id-view-gm .sheet-container-npc .sheet-id-num-traits[value="19"] ~ .sheet-npc-trait-20 { display: none;
}
/* Container: roller */
.sheet-container-roller {
display: grid;
grid-gap: 0.5rem;
grid-gap: 0.5rem;
gap: 0.5rem;
align-items: center;
background-color: #f7fafc;
padding: 1rem;
position: -webkit-sticky;
position: sticky;
top: 0.5rem;
grid-template-columns: 1fr auto auto auto;
}
/* Color the dropdown based on weapon mastery */
/* Color the roll buttons based on weapon mastery */
/* Roll templates */
.sheet-rolltemplate-text,
.sheet-rolltemplate-roll {
/* -- styling ----------------------------------------------------------- */
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
background-color: #fff;
}
/* -- tailwind utilities ------------------------------------------------ */
.sheet-rolltemplate-text .sheet-border-gray-400, .sheet-rolltemplate-roll .sheet-border-gray-400 {
border-color: #cbd5e0 !important;
}
.sheet-rolltemplate-text .sheet-rounded-none, .sheet-rolltemplate-roll .sheet-rounded-none {
border-radius: 0 !important;
}
.sheet-rolltemplate-text .sheet-border-solid, .sheet-rolltemplate-roll .sheet-border-solid {
border-style: solid !important;
}
.sheet-rolltemplate-text .sheet-border-0, .sheet-rolltemplate-roll .sheet-border-0 {
border-width: 0 !important;
}
.sheet-rolltemplate-text .sheet-border-b-0, .sheet-rolltemplate-roll .sheet-border-b-0 {
border-bottom-width: 0 !important;
}
.sheet-rolltemplate-text .sheet-border-t, .sheet-rolltemplate-roll .sheet-border-t {
border-top-width: 1px !important;
}
.sheet-rolltemplate-text .sheet-flex, .sheet-rolltemplate-roll .sheet-flex {
display: flex !important;
}
.sheet-rolltemplate-text .sheet-flex-row, .sheet-rolltemplate-roll .sheet-flex-row {
flex-direction: row !important;
}
.sheet-rolltemplate-text .sheet-flex-no-wrap, .sheet-rolltemplate-roll .sheet-flex-no-wrap {
flex-wrap: nowrap !important;
}
.sheet-rolltemplate-text .sheet-items-start, .sheet-rolltemplate-roll .sheet-items-start {
align-items: flex-start !important;
}
.sheet-rolltemplate-text .sheet-items-end, .sheet-rolltemplate-roll .sheet-items-end {
align-items: flex-end !important;
}
.sheet-rolltemplate-text .sheet-items-center, .sheet-rolltemplate-roll .sheet-items-center {
align-items: center !important;
}
.sheet-rolltemplate-text .sheet-justify-end, .sheet-rolltemplate-roll .sheet-justify-end {
justify-content: flex-end !important;
}
.sheet-rolltemplate-text .sheet-justify-between, .sheet-rolltemplate-roll .sheet-justify-between {
justify-content: space-between !important;
}
.sheet-rolltemplate-text .sheet-flex-1, .sheet-rolltemplate-roll .sheet-flex-1 {
flex: 1 1 0% !important;
}
.sheet-rolltemplate-text .sheet-flex-initial, .sheet-rolltemplate-roll .sheet-flex-initial {
flex: 0 1 auto !important;
}
.sheet-rolltemplate-text .sheet-flex-none, .sheet-rolltemplate-roll .sheet-flex-none {
flex: none !important;
}
.sheet-rolltemplate-text .sheet-font-mono, .sheet-rolltemplate-roll .sheet-font-mono {
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.sheet-rolltemplate-text .sheet-font-bold, .sheet-rolltemplate-roll .sheet-font-bold {
font-weight: 700 !important;
}
.sheet-rolltemplate-text .sheet-h-20, .sheet-rolltemplate-roll .sheet-h-20 {
height: 5rem !important;
}
.sheet-rolltemplate-text .sheet-h-full, .sheet-rolltemplate-roll .sheet-h-full {
height: 100% !important;
}
.sheet-rolltemplate-text .sheet-my-2, .sheet-rolltemplate-roll .sheet-my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.sheet-rolltemplate-text .sheet-mx-2, .sheet-rolltemplate-roll .sheet-mx-2 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.sheet-rolltemplate-text .sheet-mb-0, .sheet-rolltemplate-roll .sheet-mb-0 {
margin-bottom: 0 !important;
}
.sheet-rolltemplate-text .sheet-ml-1, .sheet-rolltemplate-roll .sheet-ml-1 {
margin-left: 0.25rem !important;
}
.sheet-rolltemplate-text .sheet-mt-2, .sheet-rolltemplate-roll .sheet-mt-2 {
margin-top: 0.5rem !important;
}
.sheet-rolltemplate-text .sheet-mb-2, .sheet-rolltemplate-roll .sheet-mb-2 {
margin-bottom: 0.5rem !important;
}
.sheet-rolltemplate-text .sheet-ml-2, .sheet-rolltemplate-roll .sheet-ml-2 {
margin-left: 0.5rem !important;
}
.sheet-rolltemplate-text .sheet-mt-4, .sheet-rolltemplate-roll .sheet-mt-4 {
margin-top: 1rem !important;
}
.sheet-rolltemplate-text .sheet-mt-6, .sheet-rolltemplate-roll .sheet-mt-6 {
margin-top: 1.5rem !important;
}
.sheet-rolltemplate-text .sheet-mt-8, .sheet-rolltemplate-roll .sheet-mt-8 {
margin-top: 2rem !important;
}
.sheet-rolltemplate-text .sheet-text-center, .sheet-rolltemplate-roll .sheet-text-center {
text-align: center !important;
}
.sheet-rolltemplate-text .sheet-text-right, .sheet-rolltemplate-roll .sheet-text-right {
text-align: right !important;
}
.sheet-rolltemplate-text .sheet-text-red-800, .sheet-rolltemplate-roll .sheet-text-red-800 {
color: #9b2c2c !important;
}
.sheet-rolltemplate-text .sheet-text-green-600, .sheet-rolltemplate-roll .sheet-text-green-600 {
color: #38a169 !important;
}
.sheet-rolltemplate-text .sheet-text-sm, .sheet-rolltemplate-roll .sheet-text-sm {
font-size: 1.125rem !important;
}
.sheet-rolltemplate-text .sheet-w-12, .sheet-rolltemplate-roll .sheet-w-12 {
width: 3rem !important;
}
.sheet-rolltemplate-text .sheet-w-20, .sheet-rolltemplate-roll .sheet-w-20 {
width: 5rem !important;
}
.sheet-rolltemplate-text .sheet-w-24, .sheet-rolltemplate-roll .sheet-w-24 {
width: 6rem !important;
}
.sheet-rolltemplate-text .sheet-w-full, .sheet-rolltemplate-roll .sheet-w-full {
width: 100% !important;
}
.sheet-rolltemplate-text .sheet-col-span-1, .sheet-rolltemplate-roll .sheet-col-span-1 {
grid-column: span 1 / span 1 !important;
}
.sheet-rolltemplate-text .sheet-col-span-2, .sheet-rolltemplate-roll .sheet-col-span-2 {
grid-column: span 2 / span 2 !important;
}
.sheet-rolltemplate-text .sheet-col-span-3, .sheet-rolltemplate-roll .sheet-col-span-3 {
grid-column: span 3 / span 3 !important;
}
.sheet-rolltemplate-text .sheet-col-span-4, .sheet-rolltemplate-roll .sheet-col-span-4 {
grid-column: span 4 / span 4 !important;
}
.sheet-rolltemplate-text .sheet-col-span-5, .sheet-rolltemplate-roll .sheet-col-span-5 {
grid-column: span 5 / span 5 !important;
}
.sheet-rolltemplate-text .sheet-col-span-6, .sheet-rolltemplate-roll .sheet-col-span-6 {
grid-column: span 6 / span 6 !important;
}
.sheet-rolltemplate-text .sheet-row-span-3, .sheet-rolltemplate-roll .sheet-row-span-3 {
grid-row: span 3 / span 3 !important;
}
.sheet-rolltemplate-text .sheet-self-y-start, .sheet-rolltemplate-roll .sheet-self-y-start {
align-self: start !important;
}
.sheet-rolltemplate-text .sheet-rt-header, .sheet-rolltemplate-roll .sheet-rt-header {
flex: none;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
background-color: #000;
}
.sheet-rolltemplate-text .sheet-rt-header .sheet-rt-header__title, .sheet-rolltemplate-roll .sheet-rt-header .sheet-rt-header__title { flex: 1 1 0%; font-size: 1.125rem; color: #fff; font-weight: 700;
}
.sheet-rolltemplate-text .sheet-rt-header .sheet-rt-header__subtitle, .sheet-rolltemplate-roll .sheet-rt-header .sheet-rt-header__subtitle { flex: none; font-size: 1.125rem; color: #e2e8f0; font-style: italic; margin-left: 1rem;
}
.sheet-rolltemplate-text .sheet-rt-grid, .sheet-rolltemplate-roll .sheet-rt-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-column-gap: 1rem;
grid-column-gap: 1rem;
-moz-column-gap: 1rem;
column-gap: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
.sheet-rolltemplate-text .sheet-rt-grid .sheet-rt-grid__item, .sheet-rolltemplate-roll .sheet-rt-grid .sheet-rt-grid__item {
grid-column: span 1 / span 1;
font-size: 1.125rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.sheet-rolltemplate-text .sheet-rt-grid .sheet-rt-grid__item.sheet-rt-grid__item--3\/4, .sheet-rolltemplate-roll .sheet-rt-grid .sheet-rt-grid__item.sheet-rt-grid__item--3\/4 { grid-column: span 3 / span 3;
}
.sheet-rolltemplate-text .sheet-rt-separator, .sheet-rolltemplate-roll .sheet-rt-separator { flex: none; border-style: solid; border-width: 0; border-bottom-width: 1px; border-color: #cbd5e0;
}
.sheet-rolltemplate-text .sheet-rt-text, .sheet-rolltemplate-roll .sheet-rt-text { flex: none; font-size: 1.125rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem;
}