Files

6706 lines
238 KiB
CSS

@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Inknut+Antiqua|Inknut+Antiqua:700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Inknut+Antiqua|Inknut+Antiqua:700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Inknut+Antiqua|Inknut+Antiqua:700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Inknut+Antiqua|Inknut+Antiqua:700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Inknut+Antiqua|Inknut+Antiqua:700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Inknut+Antiqua|Inknut+Antiqua:700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Inknut+Antiqua|Inknut+Antiqua:700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Inknut+Antiqua|Inknut+Antiqua:700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Inknut+Antiqua|Inknut+Antiqua:700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Inknut+Antiqua|Inknut+Antiqua:700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Inknut+Antiqua|Inknut+Antiqua:700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Inknut+Antiqua|Inknut+Antiqua:700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Architects+Daughter|Inknut+Antiqua|Inknut+Antiqua:700&display=swap");
.nav {
margin-bottom: 0;
}
.charsheet {
padding: 4px 0 0 0 !important;
position: relative;
}
.sheet-container {
width: 100%;
}
.largedialog {
padding: 0 8px !important;
}
.ui-dialog .tab-content .charsheet .sheet-section-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: #3155a4;
font-size: 20px;
font-weight: 700;
font-variant: small-caps;
letter-spacing: -2px;
text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0;
background-image: linear-gradient(to right, rgba(216, 216, 216, 0.6), rgba(238, 222, 222, 0));
border-radius: 25px;
padding-left: 8px;
margin: 8px 0 4px;
}
.ui-dialog .tab-content .charsheet .sheet-header-2 {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
font-size: 16px;
color: rgba(150, 150, 150, 0.8);
font-family: "Inknut Antiqua";
letter-spacing: -1px;
padding-left: 8px;
height: 25px;
}
.ui-dialog .tab-content .charsheet .sheet-table-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 12px;
font-weight: bold;
}
.ui-dialog .tab-content .charsheet .sheet-table-row, .ui-dialog .tab-content .charsheet .sheet-table-header {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
padding: 4px 0;
}
.ui-dialog .tab-content .charsheet .sheet-handwritten, .ui-dialog .tab-content .charsheet .sheet-fate-input, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-button, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-exhausted, .ui-dialog .tab-content .charsheet .sheet-relationships-tab [class$=-display] {
font-family: "Architects Daughter";
color: #3155a4;
font-weight: bold;
text-transform: uppercase;
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: #3155a4;
letter-spacing: 1px;
word-wrap: break-word;
}
.ui-dialog .tab-content .charsheet .sheet-edit {
resize: vertical;
border: none;
}
.ui-dialog .tab-content .charsheet .sheet-checkbox {
transform: scale(1.2);
}
.ui-dialog .tab-content .charsheet .sheet-hidden {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-edit,
.ui-dialog .tab-content .charsheet .sheet-edit > select {
background-color: inherit;
padding: 0;
text-indent: 4px;
}
.ui-dialog .tab-content .charsheet input {
min-width: 0;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 16px;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header-small {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-pip {
cursor: pointer;
width: 9px;
height: 9px;
margin: 0;
padding: 0;
background-color: rgba(150, 150, 150, 0.8);
order: 1;
z-index: 1;
border: 1px solid black;
border-radius: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-pip.sheet-pip-zero {
order: 0;
background-color: white !important;
border: none;
padding-left: 2px;
font-size: 12px;
font-weight: normal;
font-family: "Architects Daughter";
position: relative;
top: -2px;
text-align: center;
cursor: pointer;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) {
z-index: 0;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) ~ .sheet-pip {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip input {
position: absolute;
opacity: 0;
width: 9px;
height: 9px;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-1 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="8"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-10 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-tabs {
overflow: auto;
width: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-tabs .sheet-tab-toggle-buttons {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
display: flex;
gap: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-tabs .sheet-tab-toggle-buttons button {
float: left;
border: 1px solid rgba(165, 165, 165, 0.8);
border-bottom: none;
border-radius: 5px 5px 0 0;
background-color: #ffffff;
color: rgba(150, 150, 150, 0.8);
text-align: center;
font-weight: bold;
}
.ui-dialog .tab-content .charsheet .sheet-tabs .sheet-tab-toggle-buttons button:checked {
background-color: #3155a4;
}
.ui-dialog .tab-content .charsheet .sheet-tabs .sheet-tab-toggle-buttons .sheet-play-edit-buttons {
display: flex;
gap: 4px;
margin-left: auto;
order: 2;
}
.ui-dialog .tab-content .charsheet .sheet-anatomy-tab,
.ui-dialog .tab-content .charsheet .sheet-kit-tab,
.ui-dialog .tab-content .charsheet .sheet-magic-tab,
.ui-dialog .tab-content .charsheet .sheet-relationships-tab,
.ui-dialog .tab-content .charsheet .sheet-levels-tab,
.ui-dialog .tab-content .charsheet .sheet-roll-tab {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-tab-toggle[value=anatomy] ~ .sheet-anatomy-tab,
.ui-dialog .tab-content .charsheet .sheet-tab-toggle[value=kit] ~ .sheet-kit-tab,
.ui-dialog .tab-content .charsheet .sheet-tab-toggle[value=magic] ~ .sheet-magic-tab,
.ui-dialog .tab-content .charsheet .sheet-tab-toggle[value=relationships] ~ .sheet-relationships-tab,
.ui-dialog .tab-content .charsheet .sheet-tab-toggle[value=levels] ~ .sheet-levels-tab,
.ui-dialog .tab-content .charsheet .sheet-tab-toggle[value=roll] ~ .sheet-roll-tab {
display: block;
}
.ui-dialog .tab-content .charsheet .sheet-tab-toggle[value=anatomy] ~ .sheet-tabs .sheet-tab-anatomy,
.ui-dialog .tab-content .charsheet .sheet-tab-toggle[value=kit] ~ .sheet-tabs .sheet-tab-kit,
.ui-dialog .tab-content .charsheet .sheet-tab-toggle[value=magic] ~ .sheet-tabs .sheet-tab-magic,
.ui-dialog .tab-content .charsheet .sheet-tab-toggle[value=relationships] ~ .sheet-tabs .sheet-tab-relationships,
.ui-dialog .tab-content .charsheet .sheet-tab-toggle[value=levels] ~ .sheet-tabs .sheet-tab-levels,
.ui-dialog .tab-content .charsheet .sheet-tab-toggle[value=roll] ~ .sheet-tabs .sheet-tab-roll,
.ui-dialog .tab-content .charsheet .sheet-edit-toggle[value=editing] ~ .sheet-tabs .sheet-tab-editing,
.ui-dialog .tab-content .charsheet .sheet-edit-toggle[value=playing] ~ .sheet-tabs .sheet-tab-playing {
color: rgb(64, 64, 64);
border-color: rgb(64, 64, 64);
background-color: rgba(165, 165, 165, 0.3);
}
.ui-dialog .tab-content .charsheet .sheet-edit-toggle[value=playing] ~ * .sheet-edit,
.ui-dialog .tab-content .charsheet .sheet-edit-toggle[value=editing] ~ * .sheet-play {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-edit-toggle[value=playing] ~ * .repcontrol {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-section-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: #3155a4;
font-size: 20px;
font-weight: 700;
font-variant: small-caps;
letter-spacing: -2px;
text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0;
background-image: linear-gradient(to right, rgba(216, 216, 216, 0.6), rgba(238, 222, 222, 0));
border-radius: 25px;
padding-left: 8px;
margin: 8px 0 4px;
}
.ui-dialog .tab-content .charsheet .sheet-header-2 {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
font-size: 16px;
color: rgba(150, 150, 150, 0.8);
font-family: "Inknut Antiqua";
letter-spacing: -1px;
padding-left: 8px;
height: 25px;
}
.ui-dialog .tab-content .charsheet .sheet-table-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 12px;
font-weight: bold;
}
.ui-dialog .tab-content .charsheet .sheet-table-row, .ui-dialog .tab-content .charsheet .sheet-table-header {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
padding: 4px 0;
}
.ui-dialog .tab-content .charsheet .sheet-handwritten, .ui-dialog .tab-content .charsheet .sheet-fate-input, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-button, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-exhausted, .ui-dialog .tab-content .charsheet .sheet-relationships-tab [class$=-display] {
font-family: "Architects Daughter";
color: #3155a4;
font-weight: bold;
text-transform: uppercase;
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: #3155a4;
letter-spacing: 1px;
word-wrap: break-word;
}
.ui-dialog .tab-content .charsheet .sheet-edit {
resize: vertical;
border: none;
}
.ui-dialog .tab-content .charsheet .sheet-checkbox {
transform: scale(1.2);
}
.ui-dialog .tab-content .charsheet .sheet-hidden {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-edit,
.ui-dialog .tab-content .charsheet .sheet-edit > select {
background-color: inherit;
padding: 0;
text-indent: 4px;
}
.ui-dialog .tab-content .charsheet input {
min-width: 0;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 16px;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header-small {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-pip {
cursor: pointer;
width: 9px;
height: 9px;
margin: 0;
padding: 0;
background-color: rgba(150, 150, 150, 0.8);
order: 1;
z-index: 1;
border: 1px solid black;
border-radius: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-pip.sheet-pip-zero {
order: 0;
background-color: white !important;
border: none;
padding-left: 2px;
font-size: 12px;
font-weight: normal;
font-family: "Architects Daughter";
position: relative;
top: -2px;
text-align: center;
cursor: pointer;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) {
z-index: 0;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) ~ .sheet-pip {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip input {
position: absolute;
opacity: 0;
width: 9px;
height: 9px;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-1 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="8"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-10 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.sheet-rolltemplate-luck,
.sheet-rolltemplate-deeperunderstanding,
.sheet-rolltemplate-ofcourse,
.sheet-rolltemplate-skillcheck {
padding: 8px;
border: 1px solid rgba(150, 150, 150, 0.8);
border-radius: 4px;
background-color: rgb(240, 240, 240);
}
.sheet-rolltemplate-luck .sheet-roll-header,
.sheet-rolltemplate-deeperunderstanding .sheet-roll-header,
.sheet-rolltemplate-ofcourse .sheet-roll-header,
.sheet-rolltemplate-skillcheck .sheet-roll-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: #3155a4;
font-size: 20px;
font-weight: 700;
font-variant: small-caps;
letter-spacing: -2px;
text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0, 0 0 2px #bac6e0;
text-transform: capitalize;
}
.sheet-rolltemplate-luck .sheet-roll-subheader,
.sheet-rolltemplate-deeperunderstanding .sheet-roll-subheader,
.sheet-rolltemplate-ofcourse .sheet-roll-subheader,
.sheet-rolltemplate-skillcheck .sheet-roll-subheader {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: normal;
font-size: 12px;
color: rgba(150, 150, 150, 0.8);
text-transform: none;
}
.sheet-rolltemplate-luck .sheet-roll-result,
.sheet-rolltemplate-deeperunderstanding .sheet-roll-result,
.sheet-rolltemplate-ofcourse .sheet-roll-result,
.sheet-rolltemplate-skillcheck .sheet-roll-result {
display: flex;
flex-direction: column;
align-items: center;
}
.sheet-rolltemplate-luck .sheet-roll-result-num,
.sheet-rolltemplate-deeperunderstanding .sheet-roll-result-num,
.sheet-rolltemplate-ofcourse .sheet-roll-result-num,
.sheet-rolltemplate-skillcheck .sheet-roll-result-num {
font-family: "Architects Daughter";
font-weight: bold;
font-size: 30px;
color: #3155a4;
background: none !important;
border: none !important;
}
.sheet-rolltemplate-luck .sheet-roll-result-num span,
.sheet-rolltemplate-deeperunderstanding .sheet-roll-result-num span,
.sheet-rolltemplate-ofcourse .sheet-roll-result-num span,
.sheet-rolltemplate-skillcheck .sheet-roll-result-num span {
background-color: transparent;
border: none !important;
}
.sheet-rolltemplate-luck .sheet-roll-ob-num span,
.sheet-rolltemplate-deeperunderstanding .sheet-roll-ob-num span,
.sheet-rolltemplate-ofcourse .sheet-roll-ob-num span,
.sheet-rolltemplate-skillcheck .sheet-roll-ob-num span {
background-color: transparent;
}
.sheet-rolltemplate-luck .sheet-roll-result-label,
.sheet-rolltemplate-deeperunderstanding .sheet-roll-result-label,
.sheet-rolltemplate-ofcourse .sheet-roll-result-label,
.sheet-rolltemplate-skillcheck .sheet-roll-result-label {
font-family: "Architects Daughter";
color: #3155a4;
}
.sheet-rolltemplate-skillcheck .sheet-roll-result {
margin: 8px 0;
}
.sheet-rolltemplate-skillcheck .sheet-row {
display: flex;
justify-content: space-between;
}
.sheet-rolltemplate-skillcheck .sheet-roll-result {
font-family: "Architects Daughter";
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.sheet-rolltemplate-skillcheck .sheet-roll-result-num {
display: flex;
justify-content: space-around;
}
.sheet-rolltemplate-skillcheck .sheet-roll-vs {
color: rgb(64, 64, 64);
font-size: 14px;
margin: 0 8px;
}
.sheet-rolltemplate-skillcheck .sheet-roll-ob {
display: flex;
flex-direction: column;
align-items: center;
font-size: 30px;
color: #a4110e;
}
.sheet-rolltemplate-skillcheck .sheet-roll-ob-label {
font-size: 14px;
}
.sheet-rolltemplate-skillcheck .sheet-roll-success-mod {
font-size: 16px;
}
.sheet-rolltemplate-skillcheck .sheet-opponent-dice {
display: flex;
flex-direction: column;
align-items: center;
font-family: "Architects Daughter";
font-weight: bold;
font-size: 30px;
color: #a4110e;
}
.sheet-rolltemplate-skillcheck .sheet-opponent-dice span {
border: none !important;
}
.sheet-rolltemplate-skillcheck .sheet-roll-disposition {
display: flex;
}
.sheet-rolltemplate-skillcheck .sheet-added-to {
color: rgb(64, 64, 64);
font-size: 14px;
margin: 0 8px;
}
.sheet-rolltemplate-skillcheck .sheet-attribute {
display: flex;
flex-direction: column;
align-items: center;
font-family: "Architects Daughter";
font-weight: bold;
font-size: 30px;
color: #3155a4;
}
.sheet-rolltemplate-skillcheck .sheet-attribute-label {
font-size: 14px;
}
.ui-dialog .tab-content .charsheet .sheet-section-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: #3155a4;
font-size: 20px;
font-weight: 700;
font-variant: small-caps;
letter-spacing: -2px;
text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0;
background-image: linear-gradient(to right, rgba(216, 216, 216, 0.6), rgba(238, 222, 222, 0));
border-radius: 25px;
padding-left: 8px;
margin: 8px 0 4px;
}
.ui-dialog .tab-content .charsheet .sheet-header-2 {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
font-size: 16px;
color: rgba(150, 150, 150, 0.8);
font-family: "Inknut Antiqua";
letter-spacing: -1px;
padding-left: 8px;
height: 25px;
}
.ui-dialog .tab-content .charsheet .sheet-table-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 12px;
font-weight: bold;
}
.ui-dialog .tab-content .charsheet .sheet-table-row, .ui-dialog .tab-content .charsheet .sheet-table-header {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
padding: 4px 0;
}
.ui-dialog .tab-content .charsheet .sheet-handwritten, .ui-dialog .tab-content .charsheet .sheet-fate-input, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-button, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-exhausted, .ui-dialog .tab-content .charsheet .sheet-relationships-tab [class$=-display] {
font-family: "Architects Daughter";
color: #3155a4;
font-weight: bold;
text-transform: uppercase;
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: #3155a4;
letter-spacing: 1px;
word-wrap: break-word;
}
.ui-dialog .tab-content .charsheet .sheet-edit {
resize: vertical;
border: none;
}
.ui-dialog .tab-content .charsheet .sheet-checkbox {
transform: scale(1.2);
}
.ui-dialog .tab-content .charsheet .sheet-hidden {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-edit,
.ui-dialog .tab-content .charsheet .sheet-edit > select {
background-color: inherit;
padding: 0;
text-indent: 4px;
}
.ui-dialog .tab-content .charsheet input {
min-width: 0;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 16px;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header-small {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-pip {
cursor: pointer;
width: 9px;
height: 9px;
margin: 0;
padding: 0;
background-color: rgba(150, 150, 150, 0.8);
order: 1;
z-index: 1;
border: 1px solid black;
border-radius: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-pip.sheet-pip-zero {
order: 0;
background-color: white !important;
border: none;
padding-left: 2px;
font-size: 12px;
font-weight: normal;
font-family: "Architects Daughter";
position: relative;
top: -2px;
text-align: center;
cursor: pointer;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) {
z-index: 0;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) ~ .sheet-pip {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip input {
position: absolute;
opacity: 0;
width: 9px;
height: 9px;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-1 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="8"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-10 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-kit-tab {
/* Display options for containers */
}
.ui-dialog .tab-content .charsheet .sheet-kit-tab .sheet-section-body {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
gap: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-kit-tab .repcontainer, .ui-dialog .tab-content .charsheet .sheet-kit-tab .sheet-kit-containers {
display: contents;
}
.ui-dialog .tab-content .charsheet .sheet-kit-tab .sheet-kit-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
font-size: 15px;
font-weight: bold;
margin-bottom: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-kit-tab .sheet-kit-group {
margin-bottom: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-kit-tab .sheet-kit-item {
display: flex;
gap: 6px;
}
.ui-dialog .tab-content .charsheet .sheet-kit-tab .sheet-kit-item-prefix {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: rgba(150, 150, 150, 0.8);
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-kit-tab .sheet-kit-status {
display: flex;
gap: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-kit-tab .sheet-kit-damaged {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: rgba(165, 165, 165, 0.8);
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-kit-tab .sheet-kit-status input[type=checkbox]:checked {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-kit-tab .sheet-kit-status input[type=checkbox]:checked ~ .sheet-kit-damaged {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-kit-tab .sheet-kit-subtext {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: rgba(165, 165, 165, 0.8);
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-kit-tab .sheet-bag-options {
display: flex;
gap: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-kit-tab .sheet-bag-option {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-kit-tab input.sheet-backpack-flag[value=none] ~ .sheet-none,
.ui-dialog .tab-content .charsheet .sheet-kit-tab input.sheet-backpack-flag[value=satchel] ~ .sheet-satchel,
.ui-dialog .tab-content .charsheet .sheet-kit-tab input.sheet-backpack-flag[value=backpack] ~ .sheet-backpack,
.ui-dialog .tab-content .charsheet .sheet-kit-tab input.sheet-container-flag[value=small] ~ .sheet-small,
.ui-dialog .tab-content .charsheet .sheet-kit-tab input.sheet-container-flag[value=large] ~ .sheet-large,
.ui-dialog .tab-content .charsheet .sheet-kit-tab input.sheet-container-flag[value=cache] ~ .sheet-cache {
display: block;
}
.ui-dialog .tab-content .charsheet .sheet-kit-tab .sheet-carried-options {
display: flex;
gap: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-kit-tab .sheet-carried-option {
display: flex;
gap: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-kit-tab .sheet-container-options {
display: flex;
gap: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-kit-tab .sheet-inventory-notes-display {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
}
.ui-dialog .tab-content .charsheet .sheet-section-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: #3155a4;
font-size: 20px;
font-weight: 700;
font-variant: small-caps;
letter-spacing: -2px;
text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0;
background-image: linear-gradient(to right, rgba(216, 216, 216, 0.6), rgba(238, 222, 222, 0));
border-radius: 25px;
padding-left: 8px;
margin: 8px 0 4px;
}
.ui-dialog .tab-content .charsheet .sheet-header-2 {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
font-size: 16px;
color: rgba(150, 150, 150, 0.8);
font-family: "Inknut Antiqua";
letter-spacing: -1px;
padding-left: 8px;
height: 25px;
}
.ui-dialog .tab-content .charsheet .sheet-table-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 12px;
font-weight: bold;
}
.ui-dialog .tab-content .charsheet .sheet-table-row, .ui-dialog .tab-content .charsheet .sheet-table-header {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
padding: 4px 0;
}
.ui-dialog .tab-content .charsheet .sheet-handwritten, .ui-dialog .tab-content .charsheet .sheet-fate-input, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-button, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-exhausted, .ui-dialog .tab-content .charsheet .sheet-relationships-tab [class$=-display] {
font-family: "Architects Daughter";
color: #3155a4;
font-weight: bold;
text-transform: uppercase;
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: #3155a4;
letter-spacing: 1px;
word-wrap: break-word;
}
.ui-dialog .tab-content .charsheet .sheet-edit {
resize: vertical;
border: none;
}
.ui-dialog .tab-content .charsheet .sheet-checkbox {
transform: scale(1.2);
}
.ui-dialog .tab-content .charsheet .sheet-hidden {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-edit,
.ui-dialog .tab-content .charsheet .sheet-edit > select {
background-color: inherit;
padding: 0;
text-indent: 4px;
}
.ui-dialog .tab-content .charsheet input {
min-width: 0;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 16px;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header-small {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-pip {
cursor: pointer;
width: 9px;
height: 9px;
margin: 0;
padding: 0;
background-color: rgba(150, 150, 150, 0.8);
order: 1;
z-index: 1;
border: 1px solid black;
border-radius: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-pip.sheet-pip-zero {
order: 0;
background-color: white !important;
border: none;
padding-left: 2px;
font-size: 12px;
font-weight: normal;
font-family: "Architects Daughter";
position: relative;
top: -2px;
text-align: center;
cursor: pointer;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) {
z-index: 0;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) ~ .sheet-pip {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip input {
position: absolute;
opacity: 0;
width: 9px;
height: 9px;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-1 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="8"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-10 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-relics .repitem:nth-child(2n) {
background-color: rgba(165, 165, 165, 0.3);
}
.ui-dialog .tab-content .charsheet .repcontainer {
margin-bottom: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-relics {
padding-bottom: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-relics .sheet-section-body,
.ui-dialog .tab-content .charsheet .sheet-relics .sheet-row {
display: flex;
gap: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-relics .sheet-row {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
}
.ui-dialog .tab-content .charsheet .sheet-relics .sheet-relic-list {
flex: 1.5;
}
.ui-dialog .tab-content .charsheet .sheet-relics .sheet-relic-name {
flex: 1;
}
.ui-dialog .tab-content .charsheet .sheet-relics .sheet-relic-inventory {
flex: 0.5;
}
.ui-dialog .tab-content .charsheet .sheet-relics .sheet-relic-invocation {
flex: 1.75;
}
.ui-dialog .tab-content .charsheet .sheet-relics .sheet-relic-notes {
flex: 1;
min-height: 20px;
height: auto;
}
.ui-dialog .tab-content .charsheet .sheet-relics .sheet-urdr-burden-section {
flex: 0 0 160px;
}
.ui-dialog .tab-content .charsheet .sheet-relics .sheet-urdr-boxes,
.ui-dialog .tab-content .charsheet .sheet-relics .sheet-burden-boxes {
display: flex;
gap: 8px;
padding: 8px;
flex-wrap: wrap;
}
.ui-dialog .tab-content .charsheet .sheet-relics .sheet-edit {
height: 20px;
width: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-relics .sheet-play {
font-size: 14px;
}
.ui-dialog .tab-content .charsheet .sheet-relics .sheet-handwritten, .ui-dialog .tab-content .charsheet .sheet-relics .sheet-fate-input, .ui-dialog .tab-content .charsheet .sheet-relics .sheet-roll-tab .sheet-roll-button, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-relics .sheet-roll-button, .ui-dialog .tab-content .charsheet .sheet-relics .sheet-roll-tab .sheet-roll-injured, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-relics .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-relics .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-relics .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-relics .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-relics .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-relics .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-relics .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-relics .sheet-roll-tab .sheet-roll-exhausted,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-relics .sheet-roll-exhausted, .ui-dialog .tab-content .charsheet .sheet-relics .sheet-relationships-tab [class$=-display], .ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-relics [class$=-display] {
margin-left: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-spells-title {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-section-header {
flex: 1;
height: 29px;
}
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-section-body,
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-row {
display: flex;
gap: 4px;
height: auto;
min-height: 20px;
}
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-memory-palace {
padding: 8px;
width: 150px;
}
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-spells-section {
width: calc(100% - 166px);
}
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-memory-palace-boxes {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-header-2 {
margin-bottom: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-spell-ob, .ui-dialog .tab-content .charsheet .sheet-spells .sheet-spell-known, .ui-dialog .tab-content .charsheet .sheet-spells .sheet-spell-book, .ui-dialog .tab-content .charsheet .sheet-spells .sheet-spell-mem, .ui-dialog .tab-content .charsheet .sheet-spells .sheet-spell-cast, .ui-dialog .tab-content .charsheet .sheet-spells .sheet-spell-scroll, .ui-dialog .tab-content .charsheet .sheet-spells .sheet-spell-supplies {
text-align: center;
}
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-spell-name {
flex: 4;
}
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-spell-ob, .ui-dialog .tab-content .charsheet .sheet-spells .sheet-spell-known, .ui-dialog .tab-content .charsheet .sheet-spells .sheet-spell-book, .ui-dialog .tab-content .charsheet .sheet-spells .sheet-spell-mem, .ui-dialog .tab-content .charsheet .sheet-spells .sheet-spell-cast, .ui-dialog .tab-content .charsheet .sheet-spells .sheet-spell-scroll, .ui-dialog .tab-content .charsheet .sheet-spells .sheet-spell-supplies {
flex: 1;
}
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-row .sheet-spell-ob,
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-row .sheet-spell-book,
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-row .sheet-spell-cast,
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-row .sheet-spell-supplies {
background-color: rgba(165, 165, 165, 0.3);
}
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-row .sheet-spell-name,
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-row .sheet-spell-ob,
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-row .sheet-spell-effect {
font-size: 14px;
}
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-row .sheet-spell-name .sheet-edit,
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-row .sheet-spell-ob .sheet-edit,
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-row .sheet-spell-effect .sheet-edit {
width: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-row .sheet-spell-ob .sheet-edit {
text-align: center;
}
.ui-dialog .tab-content .charsheet .sheet-spells .sheet-row .sheet-spell-effect {
width: 100%;
min-height: 20px;
height: auto;
}
.ui-dialog .tab-content .charsheet .sheet-magic-box {
width: 20px;
height: 20px;
margin: 0;
padding: 0;
background-color: rgba(150, 150, 150, 0.8);
order: 1;
z-index: 1;
border: 1px solid black;
}
.ui-dialog .tab-content .charsheet .sheet-magic-box.sheet-magic-box-zero {
order: 0;
background-color: white !important;
border: none;
padding-left: 2px;
font-size: 24px;
font-weight: normal;
font-family: "Architects Daughter";
position: relative;
top: 3px;
text-align: center;
cursor: pointer;
}
.ui-dialog .tab-content .charsheet .sheet-magic-box:has(input:checked) {
z-index: 0;
}
.ui-dialog .tab-content .charsheet .sheet-magic-box:has(input:checked) ~ .sheet-magic-box {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-magic-box input {
position: absolute;
opacity: 0;
width: 20px;
height: 20px;
}
.ui-dialog .tab-content .charsheet .sheet-section-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: #3155a4;
font-size: 20px;
font-weight: 700;
font-variant: small-caps;
letter-spacing: -2px;
text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0;
background-image: linear-gradient(to right, rgba(216, 216, 216, 0.6), rgba(238, 222, 222, 0));
border-radius: 25px;
padding-left: 8px;
margin: 8px 0 4px;
}
.ui-dialog .tab-content .charsheet .sheet-header-2 {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
font-size: 16px;
color: rgba(150, 150, 150, 0.8);
font-family: "Inknut Antiqua";
letter-spacing: -1px;
padding-left: 8px;
height: 25px;
}
.ui-dialog .tab-content .charsheet .sheet-table-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 12px;
font-weight: bold;
}
.ui-dialog .tab-content .charsheet .sheet-table-row, .ui-dialog .tab-content .charsheet .sheet-table-header {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
padding: 4px 0;
}
.ui-dialog .tab-content .charsheet .sheet-handwritten, .ui-dialog .tab-content .charsheet .sheet-fate-input, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-button, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-exhausted, .ui-dialog .tab-content .charsheet .sheet-relationships-tab [class$=-display] {
font-family: "Architects Daughter";
color: #3155a4;
font-weight: bold;
text-transform: uppercase;
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: #3155a4;
letter-spacing: 1px;
word-wrap: break-word;
}
.ui-dialog .tab-content .charsheet .sheet-edit {
resize: vertical;
border: none;
}
.ui-dialog .tab-content .charsheet .sheet-checkbox {
transform: scale(1.2);
}
.ui-dialog .tab-content .charsheet .sheet-hidden {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-edit,
.ui-dialog .tab-content .charsheet .sheet-edit > select {
background-color: inherit;
padding: 0;
text-indent: 4px;
}
.ui-dialog .tab-content .charsheet input {
min-width: 0;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 16px;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header-small {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-pip {
cursor: pointer;
width: 9px;
height: 9px;
margin: 0;
padding: 0;
background-color: rgba(150, 150, 150, 0.8);
order: 1;
z-index: 1;
border: 1px solid black;
border-radius: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-pip.sheet-pip-zero {
order: 0;
background-color: white !important;
border: none;
padding-left: 2px;
font-size: 12px;
font-weight: normal;
font-family: "Architects Daughter";
position: relative;
top: -2px;
text-align: center;
cursor: pointer;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) {
z-index: 0;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) ~ .sheet-pip {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip input {
position: absolute;
opacity: 0;
width: 9px;
height: 9px;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-1 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="8"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-10 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-relationship-name-header,
.ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-relationship-name-input,
.ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-relationship-name-display {
width: 0;
min-width: 150px;
flex-grow: 2;
}
.ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-relationship-location-header,
.ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-relationship-location-input,
.ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-relationship-location-display {
width: 0;
min-width: 150px;
flex-grow: 2;
}
.ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-relationship-status-header,
.ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-relationship-status-input,
.ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-relationship-status-display {
width: 0;
min-width: 100px;
flex-grow: 1;
}
.ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-relationship-notes-header,
.ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-relationship-notes-input,
.ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-relationship-notes-display {
width: 0;
min-width: 300px;
flex-grow: 8;
}
.ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-relationship-notes-input {
height: 34px;
}
/* LEVELS STYLING */
.ui-dialog .tab-content .charsheet .sheet-levels-tab .sheet-table-header, .ui-dialog .tab-content .charsheet .sheet-levels-tab .sheet-row {
display: flex;
text-align: center;
gap: 0;
align-items: stretch;
}
.ui-dialog .tab-content .charsheet .sheet-levels-tab .sheet-row {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
width: 100%;
border-bottom: 1px solid rgba(165, 165, 165, 0.8);
text-align: center;
font-weight: bold;
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-levels-tab .sheet-level-number {
flex: 0 0 50px;
}
.ui-dialog .tab-content .charsheet .sheet-levels-tab .sheet-level-f,
.ui-dialog .tab-content .charsheet .sheet-levels-tab .sheet-level-p {
flex: 0 0 30px;
}
.ui-dialog .tab-content .charsheet .sheet-levels-tab .sheet-level-benefits {
text-align: left;
flex: 1;
}
.ui-dialog .tab-content .charsheet .sheet-levels-tab .sheet-row {
min-height: 50px;
}
.ui-dialog .tab-content .charsheet .sheet-levels-tab .sheet-row > div {
display: flex;
align-items: center;
justify-content: center;
}
.ui-dialog .tab-content .charsheet .sheet-levels-tab .sheet-row .sheet-level-number, .ui-dialog .tab-content .charsheet .sheet-levels-tab .sheet-row .sheet-level-f, .ui-dialog .tab-content .charsheet .sheet-levels-tab .sheet-row .sheet-level-p {
border-right: 1px solid rgba(165, 165, 165, 0.8);
}
.ui-dialog .tab-content .charsheet .sheet-levels-tab .sheet-row:nth-child(2n) {
background-color: rgba(165, 165, 165, 0.3);
}
.ui-dialog .tab-content .charsheet .sheet-levels-tab .sheet-row .sheet-level-benefits {
padding: 4px 4px 0;
}
.ui-dialog .tab-content .charsheet .sheet-levels-tab .sheet-level-container {
width: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-levels-tab .sheet-edit {
height: 42px;
margin: 0;
border: none;
font-family: "Arial";
text-indent: 0;
}
.ui-dialog .tab-content .charsheet .sheet-section-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: #3155a4;
font-size: 20px;
font-weight: 700;
font-variant: small-caps;
letter-spacing: -2px;
text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0;
background-image: linear-gradient(to right, rgba(216, 216, 216, 0.6), rgba(238, 222, 222, 0));
border-radius: 25px;
padding-left: 8px;
margin: 8px 0 4px;
}
.ui-dialog .tab-content .charsheet .sheet-header-2 {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
font-size: 16px;
color: rgba(150, 150, 150, 0.8);
font-family: "Inknut Antiqua";
letter-spacing: -1px;
padding-left: 8px;
height: 25px;
}
.ui-dialog .tab-content .charsheet .sheet-table-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 12px;
font-weight: bold;
}
.ui-dialog .tab-content .charsheet .sheet-table-row, .ui-dialog .tab-content .charsheet .sheet-table-header {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
padding: 4px 0;
}
.ui-dialog .tab-content .charsheet .sheet-handwritten, .ui-dialog .tab-content .charsheet .sheet-fate-input, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-button, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-exhausted, .ui-dialog .tab-content .charsheet .sheet-relationships-tab [class$=-display] {
font-family: "Architects Daughter";
color: #3155a4;
font-weight: bold;
text-transform: uppercase;
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: #3155a4;
letter-spacing: 1px;
word-wrap: break-word;
}
.ui-dialog .tab-content .charsheet .sheet-edit {
resize: vertical;
border: none;
}
.ui-dialog .tab-content .charsheet .sheet-checkbox {
transform: scale(1.2);
}
.ui-dialog .tab-content .charsheet .sheet-hidden {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-edit,
.ui-dialog .tab-content .charsheet .sheet-edit > select {
background-color: inherit;
padding: 0;
text-indent: 4px;
}
.ui-dialog .tab-content .charsheet input {
min-width: 0;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 16px;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header-small {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-pip {
cursor: pointer;
width: 9px;
height: 9px;
margin: 0;
padding: 0;
background-color: rgba(150, 150, 150, 0.8);
order: 1;
z-index: 1;
border: 1px solid black;
border-radius: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-pip.sheet-pip-zero {
order: 0;
background-color: white !important;
border: none;
padding-left: 2px;
font-size: 12px;
font-weight: normal;
font-family: "Architects Daughter";
position: relative;
top: -2px;
text-align: center;
cursor: pointer;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) {
z-index: 0;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) ~ .sheet-pip {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip input {
position: absolute;
opacity: 0;
width: 9px;
height: 9px;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-1 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="8"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-10 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-section-body {
display: flex;
gap: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-section-body > div {
flex: 1;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-section-header {
display: flex;
text-transform: capitalize;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-header {
font-size: 14px;
font-weight: bold;
margin-top: 4px;
text-transform: capitalize;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-line {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-hidden-flag[value=true] ~ div {
display: block;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-within-or-without {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-hidden-flag[value=nature] ~ .sheet-within-or-without {
display: block;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-gear-or-supplies,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-grind-turns,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-other-dice,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-other-successes {
display: flex;
gap: 4px;
align-items: center;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab input {
background-color: transparent;
border: none;
width: 30px;
height: 25px;
padding: 0;
text-align: center;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab input[type=checkbox] {
width: 13px;
height: 13px;
margin: 0 16px 0 0;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-column-left > div {
height: auto;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab select {
padding: 0;
font-size: 12px;
border: none;
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
border-radius: 0;
width: 100%;
margin: 0;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-hidden-trait-flag[value="0"] ~ .sheet-trait-usage,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-hidden-trait-flag[value="No trait"] ~ .sheet-trait-usage {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-reference-text {
font-weight: normal;
font-size: 10px;
color: rgba(150, 150, 150, 0.8);
margin-left: 8px;
text-transform: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-type {
max-width: 150px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-help {
display: flex;
align-items: center;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-exhausted {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-condition-injured-flag[value=on] ~ .sheet-roll-injured {
display: block;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-condition-sick-flag[value=on] ~ .sheet-roll-sick {
display: block;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-condition-fresh-flag[value=on] ~ .sheet-roll-fresh {
display: block;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-rolling-type-flag[value=disposition] ~ .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-rolling-type-flag[value=disposition] ~ .sheet-roll-exhausted {
display: flex;
align-items: center;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-rolling-type-flag[value=disposition] ~ .sheet-roll-synergy {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-exhausted-warning,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-instinct-help-warning {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-condition-exhausted-flag[value=on] ~ .sheet-exhausted-warning {
display: block;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-grind-flag[value="0"] ~ .sheet-instinct-help-warning {
display: block;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-rolling-type-flag[value=disposition] ~ .sheet-pass-or-fail {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-obstacle {
display: flex;
gap: 8px;
align-items: center;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-independent,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-versus,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-disposition {
display: none;
align-items: center;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-independent .sheet-handwritten, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-independent .sheet-fate-input, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-independent .sheet-roll-button, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-independent .sheet-relationships-tab [class$=-display], .ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-roll-tab .sheet-independent [class$=-display], .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-independent .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-independent .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-independent .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-independent .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-independent .sheet-roll-exhausted,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-versus .sheet-handwritten,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-versus .sheet-fate-input,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-versus .sheet-roll-button,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-versus .sheet-relationships-tab [class$=-display],
.ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-roll-tab .sheet-versus [class$=-display],
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-versus .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-versus .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-versus .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-versus .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-versus .sheet-roll-exhausted,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-disposition .sheet-handwritten,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-disposition .sheet-fate-input,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-disposition .sheet-roll-button,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-disposition .sheet-relationships-tab [class$=-display],
.ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-roll-tab .sheet-disposition [class$=-display],
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-disposition .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-disposition .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-disposition .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-disposition .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-disposition .sheet-roll-exhausted {
font-size: 16px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-rolling-type-flag[value=independent] ~ .sheet-independent {
display: flex;
gap: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-rolling-type-flag[value=versus] ~ .sheet-versus {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-rolling-type-flag[value=disposition] ~ .sheet-disposition {
display: block;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-disposition {
min-width: 56px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-ob {
min-width: 66px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-traits .sheet-trait,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-table-header {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-hidden-trait-flag[value="1"] ~ .sheet-traits .sheet-table-header {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-hidden-trait-flag[value="1"] ~ .sheet-traits .sheet-trait-1 {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-hidden-trait-flag[value="2"] ~ .sheet-traits .sheet-table-header {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-hidden-trait-flag[value="2"] ~ .sheet-traits .sheet-trait-2 {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-hidden-trait-flag[value="3"] ~ .sheet-traits .sheet-table-header {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-hidden-trait-flag[value="3"] ~ .sheet-traits .sheet-trait-3 {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-hidden-trait-flag[value="4"] ~ .sheet-traits .sheet-table-header {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-hidden-trait-flag[value="4"] ~ .sheet-traits .sheet-trait-4 {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-channel-nature-option {
display: flex;
align-items: center;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-channel-nature,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-nature-rating {
display: flex;
align-items: center;
gap: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-nature-rating input {
font-size: 16px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-nature-within-without {
margin-bottom: 0;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-hidden-channel-nature-flag[value="0"] ~ .sheet-channel-nature {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-dice-total {
display: flex;
font-size: 16px;
align-items: center;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-button {
top: auto;
width: 170px;
height: 24px;
text-align: center;
border-radius: 5px;
border: 1.5px solid black;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-rolling-body {
display: flex;
flex-direction: column;
align-items: center;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-luck {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-header {
display: flex;
align-items: center;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-luck-flag[value=on] ~ .sheet-luck {
display: block;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-luck-sixes {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-du-wise-flag:not([value=on]) ~ .sheet-deeper-understanding {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-du-wise-selector {
margin-bottom: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-deeper-understanding .sheet-roll-button {
width: 100px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-deeper-understanding,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-luck,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-of-course {
border: 1.5px solid rgba(165, 165, 165, 0.3);
padding: 4px;
border-radius: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-wise-1 {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-du-wise-flag[value="1"] ~ .sheet-wise-1 {
display: flex;
align-items: center;
justify-content: space-between;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-oc-wise-flag[value="1"] ~ .sheet-wise-1 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-section {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-wise-2 {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-du-wise-flag[value="2"] ~ .sheet-wise-2 {
display: flex;
align-items: center;
justify-content: space-between;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-oc-wise-flag[value="2"] ~ .sheet-wise-2 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-section {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-wise-3 {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-du-wise-flag[value="3"] ~ .sheet-wise-3 {
display: flex;
align-items: center;
justify-content: space-between;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-oc-wise-flag[value="3"] ~ .sheet-wise-3 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-section {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-wise-4 {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-du-wise-flag[value="4"] ~ .sheet-wise-4 {
display: flex;
align-items: center;
justify-content: space-between;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-oc-wise-flag[value="4"] ~ .sheet-wise-4 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-section {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-wise-xp-section {
display: flex;
align-items: center;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-column-right .sheet-roll-header:not(:first-child) {
margin-top: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-fate {
border-bottom: none;
padding-top: 0;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-luck-sixes {
display: flex;
align-items: center;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-of-course-flag:not([value=on]) ~ .sheet-of-course {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-of-course .sheet-persona {
margin-bottom: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-failed-dice {
display: flex;
align-items: center;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-tax-nature {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-tax-nature-flag[value=outside] ~ .sheet-tax-nature {
display: list-item;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-bl-tax-nature-flag[value=outside] ~ .sheet-tax-nature {
display: list-item;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-synergy-flag[value="0"] ~ .sheet-synergy {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-aid-flag[value="0"] ~ .sheet-aid {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-gaining-wisdom-flag:not([value=true]) ~ .sheet-gaining-wisdom {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-hidden-angry-flag:not([value=on]) ~ .sheet-angry-warning {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-sick-warning {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-sick-flag[value=on] ~ .sheet-sick-warning {
display: block;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-grind-flag[value="0"] ~ .sheet-grind {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-persona {
margin-bottom: 0;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-skill {
justify-content: space-between;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-skills,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-abilities {
display: flex;
border-bottom: none;
align-items: center;
gap: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-skill {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=alchemist] ~ .sheet-skill-alchemist {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=arcanist] ~ .sheet-skill-arcanist {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=armorer] ~ .sheet-skill-armorer {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=cartographer] ~ .sheet-skill-cartographer {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=commander] ~ .sheet-skill-commander {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=cook] ~ .sheet-skill-cook {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=criminal] ~ .sheet-skill-criminal {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=dungeoneer] ~ .sheet-skill-dungeoneer {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=fighter] ~ .sheet-skill-fighter {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=haggler] ~ .sheet-skill-haggler {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=healer] ~ .sheet-skill-healer {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=hunter] ~ .sheet-skill-hunter {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=laborer] ~ .sheet-skill-laborer {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=lore_master] ~ .sheet-skill-lore_master {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=manipulator] ~ .sheet-skill-manipulator {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=mentor] ~ .sheet-skill-mentor {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=orator] ~ .sheet-skill-orator {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=pathfinder] ~ .sheet-skill-pathfinder {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=peasant] ~ .sheet-skill-peasant {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=persuader] ~ .sheet-skill-persuader {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=rider] ~ .sheet-skill-rider {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=ritualist] ~ .sheet-skill-ritualist {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=sapper] ~ .sheet-skill-sapper {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=scavenger] ~ .sheet-skill-scavenger {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=scholar] ~ .sheet-skill-scholar {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=scout] ~ .sheet-skill-scout {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=survivalist] ~ .sheet-skill-survivalist {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=theologian] ~ .sheet-skill-theologian {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=will] ~ .sheet-skill-will {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=health] ~ .sheet-skill-health {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=nature] ~ .sheet-skill-nature {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=resources] ~ .sheet-skill-resources {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=circles] ~ .sheet-skill-circles {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=skill1] ~ .sheet-skill-1 {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=skill2] ~ .sheet-skill-2 {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=skill3] ~ .sheet-skill-3 {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=skill4] ~ .sheet-skill-4 {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-skills .sheet-rolling-flag[value=skill5] ~ .sheet-skill-5 {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-bl-flag:not([value=true]) ~ .sheet-beginners-luck {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-bl-health,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-bl-will,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-bl-nature {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-bl-attribute-flag[value=health] ~ .sheet-bl-health {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-bl-attribute-flag[value=will] ~ .sheet-bl-will {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-bl-attribute-flag[value=nature] ~ .sheet-bl-nature {
display: block;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-afraid-flag:not([value=on]) ~ .sheet-afraid-warning {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-nature-rating .sheet-handwritten, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-nature-rating .sheet-fate-input, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-nature-rating .sheet-relationships-tab [class$=-display], .ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-roll-tab .sheet-nature-rating [class$=-display], .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-nature-rating .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-nature-rating .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-nature-rating .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-nature-rating .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-nature-rating .sheet-roll-exhausted, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-nature-rating .sheet-roll-button {
width: 36px !important;
border-bottom: none !important;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-skill-name {
font-weight: bold;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-wise-label,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-persona-label {
display: flex;
align-items: center;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-channel-natur-option {
margin-bottom: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-roll-tab button[type=roll]::before {
font-family: inherit;
content: none !important;
}
.ui-dialog .tab-content .charsheet .sheet-section-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: #3155a4;
font-size: 20px;
font-weight: 700;
font-variant: small-caps;
letter-spacing: -2px;
text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0;
background-image: linear-gradient(to right, rgba(216, 216, 216, 0.6), rgba(238, 222, 222, 0));
border-radius: 25px;
padding-left: 8px;
margin: 8px 0 4px;
}
.ui-dialog .tab-content .charsheet .sheet-header-2 {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
font-size: 16px;
color: rgba(150, 150, 150, 0.8);
font-family: "Inknut Antiqua";
letter-spacing: -1px;
padding-left: 8px;
height: 25px;
}
.ui-dialog .tab-content .charsheet .sheet-table-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 12px;
font-weight: bold;
}
.ui-dialog .tab-content .charsheet .sheet-table-row, .ui-dialog .tab-content .charsheet .sheet-table-header {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
padding: 4px 0;
}
.ui-dialog .tab-content .charsheet .sheet-handwritten, .ui-dialog .tab-content .charsheet .sheet-fate-input, .ui-dialog .tab-content .charsheet .sheet-relationships-tab [class$=-display], .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-exhausted, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-button {
font-family: "Architects Daughter";
color: #3155a4;
font-weight: bold;
text-transform: uppercase;
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: #3155a4;
letter-spacing: 1px;
word-wrap: break-word;
}
.ui-dialog .tab-content .charsheet .sheet-edit {
resize: vertical;
border: none;
}
.ui-dialog .tab-content .charsheet .sheet-checkbox {
transform: scale(1.2);
}
.ui-dialog .tab-content .charsheet .sheet-hidden {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-edit,
.ui-dialog .tab-content .charsheet .sheet-edit > select {
background-color: inherit;
padding: 0;
text-indent: 4px;
}
.ui-dialog .tab-content .charsheet input {
min-width: 0;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 16px;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header-small {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-pip {
cursor: pointer;
width: 9px;
height: 9px;
margin: 0;
padding: 0;
background-color: rgba(150, 150, 150, 0.8);
order: 1;
z-index: 1;
border: 1px solid black;
border-radius: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-pip.sheet-pip-zero {
order: 0;
background-color: white !important;
border: none;
padding-left: 2px;
font-size: 12px;
font-weight: normal;
font-family: "Architects Daughter";
position: relative;
top: -2px;
text-align: center;
cursor: pointer;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) {
z-index: 0;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) ~ .sheet-pip {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip input {
position: absolute;
opacity: 0;
width: 9px;
height: 9px;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-1 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="8"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-10 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-wises {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
padding: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-wises .sheet-wise {
flex: 1;
margin: 2px 4px;
}
.ui-dialog .tab-content .charsheet .sheet-wises .sheet-wises-body {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-wises .sheet-wise-xp {
display: flex;
gap: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-wises .sheet-wise-xp-section {
font-size: 12px;
display: flex;
gap: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-wises .sheet-wise-name {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
min-height: 20px;
}
.ui-dialog .tab-content .charsheet .sheet-section-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: #3155a4;
font-size: 20px;
font-weight: 700;
font-variant: small-caps;
letter-spacing: -2px;
text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0;
background-image: linear-gradient(to right, rgba(216, 216, 216, 0.6), rgba(238, 222, 222, 0));
border-radius: 25px;
padding-left: 8px;
margin: 8px 0 4px;
}
.ui-dialog .tab-content .charsheet .sheet-header-2 {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
font-size: 16px;
color: rgba(150, 150, 150, 0.8);
font-family: "Inknut Antiqua";
letter-spacing: -1px;
padding-left: 8px;
height: 25px;
}
.ui-dialog .tab-content .charsheet .sheet-table-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 12px;
font-weight: bold;
}
.ui-dialog .tab-content .charsheet .sheet-table-row, .ui-dialog .tab-content .charsheet .sheet-table-header {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
padding: 4px 0;
}
.ui-dialog .tab-content .charsheet .sheet-handwritten, .ui-dialog .tab-content .charsheet .sheet-fate-input, .ui-dialog .tab-content .charsheet .sheet-relationships-tab [class$=-display], .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-exhausted, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-button {
font-family: "Architects Daughter";
color: #3155a4;
font-weight: bold;
text-transform: uppercase;
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: #3155a4;
letter-spacing: 1px;
word-wrap: break-word;
}
.ui-dialog .tab-content .charsheet .sheet-edit {
resize: vertical;
border: none;
}
.ui-dialog .tab-content .charsheet .sheet-checkbox {
transform: scale(1.2);
}
.ui-dialog .tab-content .charsheet .sheet-hidden {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-edit,
.ui-dialog .tab-content .charsheet .sheet-edit > select {
background-color: inherit;
padding: 0;
text-indent: 4px;
}
.ui-dialog .tab-content .charsheet input {
min-width: 0;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 16px;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header-small {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-pip {
cursor: pointer;
width: 9px;
height: 9px;
margin: 0;
padding: 0;
background-color: rgba(150, 150, 150, 0.8);
order: 1;
z-index: 1;
border: 1px solid black;
border-radius: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-pip.sheet-pip-zero {
order: 0;
background-color: white !important;
border: none;
padding-left: 2px;
font-size: 12px;
font-weight: normal;
font-family: "Architects Daughter";
position: relative;
top: -2px;
text-align: center;
cursor: pointer;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) {
z-index: 0;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) ~ .sheet-pip {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip input {
position: absolute;
opacity: 0;
width: 9px;
height: 9px;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-1 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="8"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-10 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-abilities,
.ui-dialog .tab-content .charsheet .sheet-skills {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
padding: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-abilities-section,
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-skills-section,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-abilities-section,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-skills-section {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-raw-abilities,
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-town-abilities,
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-skills-column,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-raw-abilities,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-town-abilities,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-skills-column {
flex: 1;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-rollable,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-rollable {
opacity: 0;
position: absolute;
height: 14px;
width: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-table-header,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-table-header {
display: flex;
align-items: center;
flex: 1;
flex-wrap: nowrap;
border: none;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-table-body,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-table-body {
display: flex;
flex-direction: column;
flex: 1;
flex-wrap: nowrap;
border: none;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-table-row, .ui-dialog .tab-content .charsheet .sheet-abilities .sheet-table-header,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-table-row,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-table-header {
display: flex;
flex-wrap: nowrap;
border: none;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-skill-name,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-skill-name {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
min-width: 85px;
display: flex;
position: relative;
flex: 0.8;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-skill-name input,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-skill-name input {
width: 100%;
text-align: left;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-table-body .sheet-skill-name,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-table-body .sheet-skill-name {
font-size: 14px;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-rating,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-rating {
justify-content: center;
display: flex;
min-width: 50px;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-rating .sheet-handwritten, .ui-dialog .tab-content .charsheet .sheet-abilities .sheet-rating .sheet-fate-input, .ui-dialog .tab-content .charsheet .sheet-abilities .sheet-rating .sheet-relationships-tab [class$=-display], .ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-abilities .sheet-rating [class$=-display], .ui-dialog .tab-content .charsheet .sheet-abilities .sheet-rating .sheet-roll-tab .sheet-roll-injured, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-abilities .sheet-rating .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-rating .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-abilities .sheet-rating .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-rating .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-abilities .sheet-rating .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-rating .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-abilities .sheet-rating .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-rating .sheet-roll-tab .sheet-roll-exhausted,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-abilities .sheet-rating .sheet-roll-exhausted, .ui-dialog .tab-content .charsheet .sheet-abilities .sheet-rating .sheet-roll-tab .sheet-roll-button, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-abilities .sheet-rating .sheet-roll-button,
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-nature-rating .sheet-handwritten,
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-nature-rating .sheet-fate-input,
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-nature-rating .sheet-relationships-tab [class$=-display],
.ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-abilities .sheet-nature-rating [class$=-display],
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-nature-rating .sheet-roll-tab .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-abilities .sheet-nature-rating .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-nature-rating .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-abilities .sheet-nature-rating .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-nature-rating .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-abilities .sheet-nature-rating .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-nature-rating .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-abilities .sheet-nature-rating .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-nature-rating .sheet-roll-tab .sheet-roll-exhausted,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-abilities .sheet-nature-rating .sheet-roll-exhausted,
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-nature-rating .sheet-roll-tab .sheet-roll-button,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-abilities .sheet-nature-rating .sheet-roll-button,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-rating .sheet-handwritten,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-rating .sheet-fate-input,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-rating .sheet-relationships-tab [class$=-display],
.ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-skills .sheet-rating [class$=-display],
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-rating .sheet-roll-tab .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-skills .sheet-rating .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-rating .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-skills .sheet-rating .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-rating .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-skills .sheet-rating .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-rating .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-skills .sheet-rating .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-rating .sheet-roll-tab .sheet-roll-exhausted,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-skills .sheet-rating .sheet-roll-exhausted,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-rating .sheet-roll-tab .sheet-roll-button,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-skills .sheet-rating .sheet-roll-button,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-nature-rating .sheet-handwritten,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-nature-rating .sheet-fate-input,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-nature-rating .sheet-relationships-tab [class$=-display],
.ui-dialog .tab-content .charsheet .sheet-relationships-tab .sheet-skills .sheet-nature-rating [class$=-display],
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-nature-rating .sheet-roll-tab .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-skills .sheet-nature-rating .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-nature-rating .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-skills .sheet-nature-rating .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-nature-rating .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-skills .sheet-nature-rating .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-nature-rating .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-skills .sheet-nature-rating .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-nature-rating .sheet-roll-tab .sheet-roll-exhausted,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-skills .sheet-nature-rating .sheet-roll-exhausted,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-nature-rating .sheet-roll-tab .sheet-roll-button,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-skills .sheet-nature-rating .sheet-roll-button {
width: 16px;
padding-left: 8px;
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
font-size: 16px;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-nature-rating,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-nature-rating {
min-width: 60px;
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-nature-rating .sheet-slash,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-nature-rating .sheet-slash {
margin-top: 3px;
margin-left: 3px;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-nature-name,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-nature-name {
flex: 1;
min-width: 0;
}
.ui-dialog .tab-content .charsheet .sheet-abilities input,
.ui-dialog .tab-content .charsheet .sheet-skills input {
text-align: center;
width: 30px;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-nature-section,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-nature-section {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-nature-descriptor input,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-nature-descriptor input {
width: 70px;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-descriptors-label,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-descriptors-label {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: rgba(150, 150, 150, 0.8);
font-style: italic;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-descriptors,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-descriptors {
display: flex;
gap: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-skills-section,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-skills-section {
height: 575px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: rgba(165, 165, 165, 0.3) transparent;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-skills-footer,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-skills-footer {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
display: flex;
font-size: 10px;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-skills-footer .sheet-footer-left,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-skills-footer .sheet-footer-left {
flex: 1;
}
.ui-dialog .tab-content .charsheet .sheet-abilities .sheet-skills-footer .sheet-footer-right,
.ui-dialog .tab-content .charsheet .sheet-skills .sheet-skills-footer .sheet-footer-right {
flex: 3;
}
.ui-dialog .tab-content .charsheet .sheet-advancement {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
min-width: 90px;
}
.ui-dialog .tab-content .charsheet .sheet-pass,
.ui-dialog .tab-content .charsheet .sheet-fail,
.ui-dialog .tab-content .charsheet .sheet-bl {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 9px;
display: flex;
gap: 1px;
}
.ui-dialog .tab-content .charsheet .sheet-bl-root {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 12px;
width: 18px;
}
.ui-dialog .tab-content .charsheet .sheet-bl-root select {
min-width: 0;
width: 16px;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="1"] ~ .sheet-pass .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="2"] ~ .sheet-pass .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="2"] ~ .sheet-pass .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="3"] ~ .sheet-pass .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="3"] ~ .sheet-pass .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="3"] ~ .sheet-pass .sheet-3 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="4"] ~ .sheet-pass .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="4"] ~ .sheet-pass .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="4"] ~ .sheet-pass .sheet-3 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="4"] ~ .sheet-pass .sheet-4 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="5"] ~ .sheet-pass .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="5"] ~ .sheet-pass .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="5"] ~ .sheet-pass .sheet-3 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="5"] ~ .sheet-pass .sheet-4 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="5"] ~ .sheet-pass .sheet-5 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="6"] ~ .sheet-pass .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="6"] ~ .sheet-pass .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="6"] ~ .sheet-pass .sheet-3 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="6"] ~ .sheet-pass .sheet-4 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="6"] ~ .sheet-pass .sheet-5 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="6"] ~ .sheet-pass .sheet-6 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="7"] ~ .sheet-pass .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="7"] ~ .sheet-pass .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="7"] ~ .sheet-pass .sheet-3 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="7"] ~ .sheet-pass .sheet-4 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="7"] ~ .sheet-pass .sheet-5 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="7"] ~ .sheet-pass .sheet-6 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="7"] ~ .sheet-pass .sheet-7 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="8"] ~ .sheet-pass .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="8"] ~ .sheet-pass .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="8"] ~ .sheet-pass .sheet-3 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="8"] ~ .sheet-pass .sheet-4 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="8"] ~ .sheet-pass .sheet-5 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="8"] ~ .sheet-pass .sheet-6 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="8"] ~ .sheet-pass .sheet-7 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="8"] ~ .sheet-pass .sheet-8 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="9"] ~ .sheet-pass .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="9"] ~ .sheet-pass .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="9"] ~ .sheet-pass .sheet-3 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="9"] ~ .sheet-pass .sheet-4 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="9"] ~ .sheet-pass .sheet-5 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="9"] ~ .sheet-pass .sheet-6 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="9"] ~ .sheet-pass .sheet-7 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="9"] ~ .sheet-pass .sheet-8 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="9"] ~ .sheet-pass .sheet-9 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="10"] ~ .sheet-pass .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="10"] ~ .sheet-pass .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="10"] ~ .sheet-pass .sheet-3 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="10"] ~ .sheet-pass .sheet-4 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="10"] ~ .sheet-pass .sheet-5 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="10"] ~ .sheet-pass .sheet-6 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="10"] ~ .sheet-pass .sheet-7 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="10"] ~ .sheet-pass .sheet-8 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="10"] ~ .sheet-pass .sheet-9 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="10"] ~ .sheet-pass .sheet-10 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="2"] ~ .sheet-fail .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="3"] ~ .sheet-fail .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="3"] ~ .sheet-fail .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="4"] ~ .sheet-fail .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="4"] ~ .sheet-fail .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="4"] ~ .sheet-fail .sheet-3 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="5"] ~ .sheet-fail .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="5"] ~ .sheet-fail .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="5"] ~ .sheet-fail .sheet-3 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="5"] ~ .sheet-fail .sheet-4 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="6"] ~ .sheet-fail .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="6"] ~ .sheet-fail .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="6"] ~ .sheet-fail .sheet-3 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="6"] ~ .sheet-fail .sheet-4 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="6"] ~ .sheet-fail .sheet-5 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="7"] ~ .sheet-fail .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="7"] ~ .sheet-fail .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="7"] ~ .sheet-fail .sheet-3 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="7"] ~ .sheet-fail .sheet-4 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="7"] ~ .sheet-fail .sheet-5 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="7"] ~ .sheet-fail .sheet-6 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="8"] ~ .sheet-fail .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="8"] ~ .sheet-fail .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="8"] ~ .sheet-fail .sheet-3 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="8"] ~ .sheet-fail .sheet-4 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="8"] ~ .sheet-fail .sheet-5 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="8"] ~ .sheet-fail .sheet-6 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="8"] ~ .sheet-fail .sheet-7 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="9"] ~ .sheet-fail .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="9"] ~ .sheet-fail .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="9"] ~ .sheet-fail .sheet-3 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="9"] ~ .sheet-fail .sheet-4 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="9"] ~ .sheet-fail .sheet-5 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="9"] ~ .sheet-fail .sheet-6 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="9"] ~ .sheet-fail .sheet-7 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="9"] ~ .sheet-fail .sheet-8 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="10"] ~ .sheet-fail .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="10"] ~ .sheet-fail .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="10"] ~ .sheet-fail .sheet-3 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="10"] ~ .sheet-fail .sheet-4 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="10"] ~ .sheet-fail .sheet-5 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="10"] ~ .sheet-fail .sheet-6 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="10"] ~ .sheet-fail .sheet-7 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="10"] ~ .sheet-fail .sheet-8 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="10"] ~ .sheet-fail .sheet-9 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="1"] ~ .sheet-bl .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="2"] ~ .sheet-bl .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="2"] ~ .sheet-bl .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="3"] ~ .sheet-bl .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="3"] ~ .sheet-bl .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="3"] ~ .sheet-bl .sheet-3 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="4"] ~ .sheet-bl .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="4"] ~ .sheet-bl .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="4"] ~ .sheet-bl .sheet-3 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="4"] ~ .sheet-bl .sheet-4 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="5"] ~ .sheet-bl .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="5"] ~ .sheet-bl .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="5"] ~ .sheet-bl .sheet-3 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="5"] ~ .sheet-bl .sheet-4 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="5"] ~ .sheet-bl .sheet-5 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="6"] ~ .sheet-bl .sheet-1 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="6"] ~ .sheet-bl .sheet-2 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="6"] ~ .sheet-bl .sheet-3 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="6"] ~ .sheet-bl .sheet-4 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="6"] ~ .sheet-bl .sheet-5 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-nature-flag[value="6"] ~ .sheet-bl .sheet-6 {
display: inline-block;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="0"] ~ .sheet-pass,
.ui-dialog .tab-content .charsheet .sheet-advancement-flag:not([value]) ~ .sheet-pass,
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="0"] ~ .sheet-fail,
.ui-dialog .tab-content .charsheet .sheet-advancement-flag:not([value]) ~ .sheet-fail {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-bl {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-advancement-flag[value="0"] ~ .sheet-bl,
.ui-dialog .tab-content .charsheet .sheet-advancement-flag:not([value]) ~ .sheet-bl {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-section-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: #3155a4;
font-size: 20px;
font-weight: 700;
font-variant: small-caps;
letter-spacing: -2px;
text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0;
background-image: linear-gradient(to right, rgba(216, 216, 216, 0.6), rgba(238, 222, 222, 0));
border-radius: 25px;
padding-left: 8px;
margin: 8px 0 4px;
}
.ui-dialog .tab-content .charsheet .sheet-header-2 {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
font-size: 16px;
color: rgba(150, 150, 150, 0.8);
font-family: "Inknut Antiqua";
letter-spacing: -1px;
padding-left: 8px;
height: 25px;
}
.ui-dialog .tab-content .charsheet .sheet-table-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 12px;
font-weight: bold;
}
.ui-dialog .tab-content .charsheet .sheet-table-row, .ui-dialog .tab-content .charsheet .sheet-table-header {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
padding: 4px 0;
}
.ui-dialog .tab-content .charsheet .sheet-handwritten, .ui-dialog .tab-content .charsheet .sheet-fate-input, .ui-dialog .tab-content .charsheet .sheet-relationships-tab [class$=-display], .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-exhausted, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-button {
font-family: "Architects Daughter";
color: #3155a4;
font-weight: bold;
text-transform: uppercase;
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: #3155a4;
letter-spacing: 1px;
word-wrap: break-word;
}
.ui-dialog .tab-content .charsheet .sheet-edit {
resize: vertical;
border: none;
}
.ui-dialog .tab-content .charsheet .sheet-checkbox {
transform: scale(1.2);
}
.ui-dialog .tab-content .charsheet .sheet-hidden {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-edit,
.ui-dialog .tab-content .charsheet .sheet-edit > select {
background-color: inherit;
padding: 0;
text-indent: 4px;
}
.ui-dialog .tab-content .charsheet input {
min-width: 0;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 16px;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header-small {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-pip {
cursor: pointer;
width: 9px;
height: 9px;
margin: 0;
padding: 0;
background-color: rgba(150, 150, 150, 0.8);
order: 1;
z-index: 1;
border: 1px solid black;
border-radius: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-pip.sheet-pip-zero {
order: 0;
background-color: white !important;
border: none;
padding-left: 2px;
font-size: 12px;
font-weight: normal;
font-family: "Architects Daughter";
position: relative;
top: -2px;
text-align: center;
cursor: pointer;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) {
z-index: 0;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) ~ .sheet-pip {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip input {
position: absolute;
opacity: 0;
width: 9px;
height: 9px;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-1 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="8"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-10 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-checks {
padding: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-checks .sheet-sub-header {
font-style: italic;
font-size: 12px;
margin-bottom: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-checks .sheet-checks-content {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 10px;
}
.ui-dialog .tab-content .charsheet .sheet-checks .sheet-footer {
text-align: center;
margin: 36px auto 0;
font-size: 10px;
}
.ui-dialog .tab-content .charsheet .sheet-section-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: #3155a4;
font-size: 20px;
font-weight: 700;
font-variant: small-caps;
letter-spacing: -2px;
text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0;
background-image: linear-gradient(to right, rgba(216, 216, 216, 0.6), rgba(238, 222, 222, 0));
border-radius: 25px;
padding-left: 8px;
margin: 8px 0 4px;
}
.ui-dialog .tab-content .charsheet .sheet-header-2 {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
font-size: 16px;
color: rgba(150, 150, 150, 0.8);
font-family: "Inknut Antiqua";
letter-spacing: -1px;
padding-left: 8px;
height: 25px;
}
.ui-dialog .tab-content .charsheet .sheet-table-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 12px;
font-weight: bold;
}
.ui-dialog .tab-content .charsheet .sheet-table-row, .ui-dialog .tab-content .charsheet .sheet-table-header {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
padding: 4px 0;
}
.ui-dialog .tab-content .charsheet .sheet-handwritten, .ui-dialog .tab-content .charsheet .sheet-fate-input, .ui-dialog .tab-content .charsheet .sheet-relationships-tab [class$=-display], .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-exhausted, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-button {
font-family: "Architects Daughter";
color: #3155a4;
font-weight: bold;
text-transform: uppercase;
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: #3155a4;
letter-spacing: 1px;
word-wrap: break-word;
}
.ui-dialog .tab-content .charsheet .sheet-edit {
resize: vertical;
border: none;
}
.ui-dialog .tab-content .charsheet .sheet-checkbox {
transform: scale(1.2);
}
.ui-dialog .tab-content .charsheet .sheet-hidden {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-edit,
.ui-dialog .tab-content .charsheet .sheet-edit > select {
background-color: inherit;
padding: 0;
text-indent: 4px;
}
.ui-dialog .tab-content .charsheet input {
min-width: 0;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 16px;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header-small {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-pip {
cursor: pointer;
width: 9px;
height: 9px;
margin: 0;
padding: 0;
background-color: rgba(150, 150, 150, 0.8);
order: 1;
z-index: 1;
border: 1px solid black;
border-radius: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-pip.sheet-pip-zero {
order: 0;
background-color: white !important;
border: none;
padding-left: 2px;
font-size: 12px;
font-weight: normal;
font-family: "Architects Daughter";
position: relative;
top: -2px;
text-align: center;
cursor: pointer;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) {
z-index: 0;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) ~ .sheet-pip {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip input {
position: absolute;
opacity: 0;
width: 9px;
height: 9px;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-1 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="8"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-10 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-conditions {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
padding: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-conditions .sheet-conditions-labels {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 10px;
color: rgba(150, 150, 150, 0.8);
display: flex;
justify-content: space-between;
}
.ui-dialog .tab-content .charsheet .sheet-conditions .sheet-condition-row {
margin: 6px 0;
}
.ui-dialog .tab-content .charsheet .sheet-conditions .sheet-condition-row-top {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
display: flex;
align-items: center;
gap: 8px;
}
.ui-dialog .tab-content .charsheet .sheet-conditions .sheet-condition-recovery {
margin-left: auto;
order: 2;
font-weight: normal;
font-size: 10px;
}
.ui-dialog .tab-content .charsheet .sheet-conditions .sheet-condition-row-bottom {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
margin-top: 2px;
font-style: italic;
font-size: 10px;
}
.ui-dialog .tab-content .charsheet .sheet-section-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: #3155a4;
font-size: 20px;
font-weight: 700;
font-variant: small-caps;
letter-spacing: -2px;
text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0;
background-image: linear-gradient(to right, rgba(216, 216, 216, 0.6), rgba(238, 222, 222, 0));
border-radius: 25px;
padding-left: 8px;
margin: 8px 0 4px;
}
.ui-dialog .tab-content .charsheet .sheet-header-2 {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
font-size: 16px;
color: rgba(150, 150, 150, 0.8);
font-family: "Inknut Antiqua";
letter-spacing: -1px;
padding-left: 8px;
height: 25px;
}
.ui-dialog .tab-content .charsheet .sheet-table-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 12px;
font-weight: bold;
}
.ui-dialog .tab-content .charsheet .sheet-table-row, .ui-dialog .tab-content .charsheet .sheet-table-header {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
padding: 4px 0;
}
.ui-dialog .tab-content .charsheet .sheet-handwritten, .ui-dialog .tab-content .charsheet .sheet-fate-input, .ui-dialog .tab-content .charsheet .sheet-relationships-tab [class$=-display], .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-exhausted, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-button {
font-family: "Architects Daughter";
color: #3155a4;
font-weight: bold;
text-transform: uppercase;
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: #3155a4;
letter-spacing: 1px;
word-wrap: break-word;
}
.ui-dialog .tab-content .charsheet .sheet-edit {
resize: vertical;
border: none;
}
.ui-dialog .tab-content .charsheet .sheet-checkbox {
transform: scale(1.2);
}
.ui-dialog .tab-content .charsheet .sheet-hidden {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-edit,
.ui-dialog .tab-content .charsheet .sheet-edit > select {
background-color: inherit;
padding: 0;
text-indent: 4px;
}
.ui-dialog .tab-content .charsheet input {
min-width: 0;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 16px;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header-small {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-pip {
cursor: pointer;
width: 9px;
height: 9px;
margin: 0;
padding: 0;
background-color: rgba(150, 150, 150, 0.8);
order: 1;
z-index: 1;
border: 1px solid black;
border-radius: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-pip.sheet-pip-zero {
order: 0;
background-color: white !important;
border: none;
padding-left: 2px;
font-size: 12px;
font-weight: normal;
font-family: "Architects Daughter";
position: relative;
top: -2px;
text-align: center;
cursor: pointer;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) {
z-index: 0;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) ~ .sheet-pip {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip input {
position: absolute;
opacity: 0;
width: 9px;
height: 9px;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-1 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="8"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-10 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-fate {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
padding: 4px;
text-align: center;
min-width: 175px;
}
.ui-dialog .tab-content .charsheet .sheet-fate .sheet-logo {
width: 158px;
height: 53px;
background: url("https://i.imgur.com/5SuVIW0.png");
background-position: center;
background-size: 100% 100%;
margin: 0 auto;
}
.ui-dialog .tab-content .charsheet .sheet-fate .sheet-sub-header {
margin: 0 auto;
}
.ui-dialog .tab-content .charsheet .sheet-fate .sheet-fate-details {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-style: italic;
font-size: 10px;
margin: 4px 0 0;
}
.ui-dialog .tab-content .charsheet .sheet-fate-titles {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-style: italic;
font-size: 10px;
margin: 4px 0 0;
}
.ui-dialog .tab-content .charsheet .sheet-fate-titles {
display: flex;
justify-content: center;
gap: 8px;
padding-right: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-box {
padding: 4px;
padding-bottom: 6px;
outline: 2px solid rgba(150, 150, 150, 0.8);
width: 60px;
}
.ui-dialog .tab-content .charsheet .sheet-fate-totals {
display: flex;
justify-content: center;
gap: 1px;
}
.ui-dialog .tab-content .charsheet .sheet-fate-input {
font-size: 16px;
text-align: center;
background-color: transparent;
border: none;
border-bottom: 1px solid rgba(150, 150, 150, 0.8) !important;
border-radius: 0;
padding-left: 16px !important;
width: 100% !important;
}
.ui-dialog .tab-content .charsheet .sheet-section-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: #3155a4;
font-size: 20px;
font-weight: 700;
font-variant: small-caps;
letter-spacing: -2px;
text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0;
background-image: linear-gradient(to right, rgba(216, 216, 216, 0.6), rgba(238, 222, 222, 0));
border-radius: 25px;
padding-left: 8px;
margin: 8px 0 4px;
}
.ui-dialog .tab-content .charsheet .sheet-header-2 {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
font-size: 16px;
color: rgba(150, 150, 150, 0.8);
font-family: "Inknut Antiqua";
letter-spacing: -1px;
padding-left: 8px;
height: 25px;
}
.ui-dialog .tab-content .charsheet .sheet-table-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 12px;
font-weight: bold;
}
.ui-dialog .tab-content .charsheet .sheet-table-row, .ui-dialog .tab-content .charsheet .sheet-table-header {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
padding: 4px 0;
}
.ui-dialog .tab-content .charsheet .sheet-handwritten, .ui-dialog .tab-content .charsheet .sheet-relationships-tab [class$=-display], .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-exhausted, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-button, .ui-dialog .tab-content .charsheet .sheet-fate-input {
font-family: "Architects Daughter";
color: #3155a4;
font-weight: bold;
text-transform: uppercase;
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: #3155a4;
letter-spacing: 1px;
word-wrap: break-word;
}
.ui-dialog .tab-content .charsheet .sheet-edit {
resize: vertical;
border: none;
}
.ui-dialog .tab-content .charsheet .sheet-checkbox {
transform: scale(1.2);
}
.ui-dialog .tab-content .charsheet .sheet-hidden {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-edit,
.ui-dialog .tab-content .charsheet .sheet-edit > select {
background-color: inherit;
padding: 0;
text-indent: 4px;
}
.ui-dialog .tab-content .charsheet input {
min-width: 0;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 16px;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header-small {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-pip {
cursor: pointer;
width: 9px;
height: 9px;
margin: 0;
padding: 0;
background-color: rgba(150, 150, 150, 0.8);
order: 1;
z-index: 1;
border: 1px solid black;
border-radius: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-pip.sheet-pip-zero {
order: 0;
background-color: white !important;
border: none;
padding-left: 2px;
font-size: 12px;
font-weight: normal;
font-family: "Architects Daughter";
position: relative;
top: -2px;
text-align: center;
cursor: pointer;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) {
z-index: 0;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) ~ .sheet-pip {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip input {
position: absolute;
opacity: 0;
width: 9px;
height: 9px;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-1 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="8"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-10 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-anatomy-tab .sheet-anatomy-columns {
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-anatomy-tab .sheet-column-left {
flex: 1.5;
}
.ui-dialog .tab-content .charsheet .sheet-anatomy-tab .sheet-column-center {
flex: 1;
border-left: 1px solid rgba(150, 150, 150, 0.8);
border-right: 1px solid rgba(150, 150, 150, 0.8);
}
.ui-dialog .tab-content .charsheet .sheet-anatomy-tab .sheet-column-right {
flex: 3;
}
.ui-dialog .tab-content .charsheet .sheet-section-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: #3155a4;
font-size: 20px;
font-weight: 700;
font-variant: small-caps;
letter-spacing: -2px;
text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0;
background-image: linear-gradient(to right, rgba(216, 216, 216, 0.6), rgba(238, 222, 222, 0));
border-radius: 25px;
padding-left: 8px;
margin: 8px 0 4px;
}
.ui-dialog .tab-content .charsheet .sheet-header-2 {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
font-size: 16px;
color: rgba(150, 150, 150, 0.8);
font-family: "Inknut Antiqua";
letter-spacing: -1px;
padding-left: 8px;
height: 25px;
}
.ui-dialog .tab-content .charsheet .sheet-table-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 12px;
font-weight: bold;
}
.ui-dialog .tab-content .charsheet .sheet-table-row, .ui-dialog .tab-content .charsheet .sheet-table-header {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
padding: 4px 0;
}
.ui-dialog .tab-content .charsheet .sheet-handwritten, .ui-dialog .tab-content .charsheet .sheet-relationships-tab [class$=-display], .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-exhausted, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-button, .ui-dialog .tab-content .charsheet .sheet-fate-input {
font-family: "Architects Daughter";
color: #3155a4;
font-weight: bold;
text-transform: uppercase;
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: #3155a4;
letter-spacing: 1px;
word-wrap: break-word;
}
.ui-dialog .tab-content .charsheet .sheet-edit {
resize: vertical;
border: none;
}
.ui-dialog .tab-content .charsheet .sheet-checkbox {
transform: scale(1.2);
}
.ui-dialog .tab-content .charsheet .sheet-hidden {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-edit,
.ui-dialog .tab-content .charsheet .sheet-edit > select {
background-color: inherit;
padding: 0;
text-indent: 4px;
}
.ui-dialog .tab-content .charsheet input {
min-width: 0;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 16px;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header-small {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-pip {
cursor: pointer;
width: 9px;
height: 9px;
margin: 0;
padding: 0;
background-color: rgba(150, 150, 150, 0.8);
order: 1;
z-index: 1;
border: 1px solid black;
border-radius: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-pip.sheet-pip-zero {
order: 0;
background-color: white !important;
border: none;
padding-left: 2px;
font-size: 12px;
font-weight: normal;
font-family: "Architects Daughter";
position: relative;
top: -2px;
text-align: center;
cursor: pointer;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) {
z-index: 0;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) ~ .sheet-pip {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip input {
position: absolute;
opacity: 0;
width: 9px;
height: 9px;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-1 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="8"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-10 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-who-you-are {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
padding-right: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-who-you-are .sheet-section-body {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-who-you-are .sheet-section-column {
min-width: 150px;
}
.ui-dialog .tab-content .charsheet .sheet-who-you-are .sheet-field {
flex: 1;
display: flex;
flex-direction: row;
gap: 6px;
}
.ui-dialog .tab-content .charsheet .sheet-who-you-are .sheet-field > input {
flex: 1;
width: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-who-you-are .sheet-prefix {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 14px;
font-weight: bold;
}
.ui-dialog .tab-content .charsheet .sheet-section-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: #3155a4;
font-size: 20px;
font-weight: 700;
font-variant: small-caps;
letter-spacing: -2px;
text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0;
background-image: linear-gradient(to right, rgba(216, 216, 216, 0.6), rgba(238, 222, 222, 0));
border-radius: 25px;
padding-left: 8px;
margin: 8px 0 4px;
}
.ui-dialog .tab-content .charsheet .sheet-header-2 {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
font-size: 16px;
color: rgba(150, 150, 150, 0.8);
font-family: "Inknut Antiqua";
letter-spacing: -1px;
padding-left: 8px;
height: 25px;
}
.ui-dialog .tab-content .charsheet .sheet-table-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 12px;
font-weight: bold;
}
.ui-dialog .tab-content .charsheet .sheet-table-row, .ui-dialog .tab-content .charsheet .sheet-table-header {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
padding: 4px 0;
}
.ui-dialog .tab-content .charsheet .sheet-handwritten, .ui-dialog .tab-content .charsheet .sheet-relationships-tab [class$=-display], .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-exhausted, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-button, .ui-dialog .tab-content .charsheet .sheet-fate-input {
font-family: "Architects Daughter";
color: #3155a4;
font-weight: bold;
text-transform: uppercase;
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: #3155a4;
letter-spacing: 1px;
word-wrap: break-word;
}
.ui-dialog .tab-content .charsheet .sheet-edit {
resize: vertical;
border: none;
}
.ui-dialog .tab-content .charsheet .sheet-checkbox {
transform: scale(1.2);
}
.ui-dialog .tab-content .charsheet .sheet-hidden {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-edit,
.ui-dialog .tab-content .charsheet .sheet-edit > select {
background-color: inherit;
padding: 0;
text-indent: 4px;
}
.ui-dialog .tab-content .charsheet input {
min-width: 0;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 16px;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header-small {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-pip {
cursor: pointer;
width: 9px;
height: 9px;
margin: 0;
padding: 0;
background-color: rgba(150, 150, 150, 0.8);
order: 1;
z-index: 1;
border: 1px solid black;
border-radius: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-pip.sheet-pip-zero {
order: 0;
background-color: white !important;
border: none;
padding-left: 2px;
font-size: 12px;
font-weight: normal;
font-family: "Architects Daughter";
position: relative;
top: -2px;
text-align: center;
cursor: pointer;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) {
z-index: 0;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) ~ .sheet-pip {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip input {
position: absolute;
opacity: 0;
width: 9px;
height: 9px;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-1 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="8"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-10 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-what-you-fight-for {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
}
.ui-dialog .tab-content .charsheet .sheet-what-you-fight-for .sheet-subsection {
margin-bottom: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-what-you-fight-for .sheet-sub-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 14px;
}
.ui-dialog .tab-content .charsheet .sheet-what-you-fight-for .sheet-sub-text {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-style: italic;
font-size: 10px;
color: rgba(150, 150, 150, 0.8);
}
.ui-dialog .tab-content .charsheet .sheet-what-you-fight-for .sheet-edit {
height: 50px;
}
.ui-dialog .tab-content .charsheet .sheet-section-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
color: #3155a4;
font-size: 20px;
font-weight: 700;
font-variant: small-caps;
letter-spacing: -2px;
text-shadow: 0 0 2px #bac6e0, 0 0 2px #bac6e0;
background-image: linear-gradient(to right, rgba(216, 216, 216, 0.6), rgba(238, 222, 222, 0));
border-radius: 25px;
padding-left: 8px;
margin: 8px 0 4px;
}
.ui-dialog .tab-content .charsheet .sheet-header-2 {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
font-size: 16px;
color: rgba(150, 150, 150, 0.8);
font-family: "Inknut Antiqua";
letter-spacing: -1px;
padding-left: 8px;
height: 25px;
}
.ui-dialog .tab-content .charsheet .sheet-table-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-size: 12px;
font-weight: bold;
}
.ui-dialog .tab-content .charsheet .sheet-table-row, .ui-dialog .tab-content .charsheet .sheet-table-header {
border-bottom: 1px solid rgba(150, 150, 150, 0.8);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
padding: 4px 0;
}
.ui-dialog .tab-content .charsheet .sheet-handwritten, .ui-dialog .tab-content .charsheet .sheet-relationships-tab [class$=-display], .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-injured,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-sick,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-fresh,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-hungry-and-thirsty,
.ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-exhausted, .ui-dialog .tab-content .charsheet .sheet-roll-tab .sheet-roll-button, .ui-dialog .tab-content .charsheet .sheet-fate-input {
font-family: "Architects Daughter";
color: #3155a4;
font-weight: bold;
text-transform: uppercase;
-webkit-text-stroke-width: 0.3px;
-webkit-text-stroke-color: #3155a4;
letter-spacing: 1px;
word-wrap: break-word;
}
.ui-dialog .tab-content .charsheet .sheet-edit {
resize: vertical;
border: none;
}
.ui-dialog .tab-content .charsheet .sheet-checkbox {
transform: scale(1.2);
}
.ui-dialog .tab-content .charsheet .sheet-hidden {
display: none;
}
.ui-dialog .tab-content .charsheet .sheet-edit,
.ui-dialog .tab-content .charsheet .sheet-edit > select {
background-color: inherit;
padding: 0;
text-indent: 4px;
}
.ui-dialog .tab-content .charsheet input {
min-width: 0;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 16px;
}
.ui-dialog .tab-content .charsheet .sheet-sub-header-small {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
font-weight: bold;
font-size: 12px;
}
.ui-dialog .tab-content .charsheet .sheet-pip {
cursor: pointer;
width: 9px;
height: 9px;
margin: 0;
padding: 0;
background-color: rgba(150, 150, 150, 0.8);
order: 1;
z-index: 1;
border: 1px solid black;
border-radius: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-pip.sheet-pip-zero {
order: 0;
background-color: white !important;
border: none;
padding-left: 2px;
font-size: 12px;
font-weight: normal;
font-family: "Architects Daughter";
position: relative;
top: -2px;
text-align: center;
cursor: pointer;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) {
z-index: 0;
}
.ui-dialog .tab-content .charsheet .sheet-pip:has(input:checked) ~ .sheet-pip {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip input {
position: absolute;
opacity: 0;
width: 9px;
height: 9px;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-1 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="0"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-2 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="1"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-3 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="2"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-4 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="3"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-5 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="4"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-6 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="5"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-7 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="6"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-8 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="7"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="8"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-10 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-pip-container .sheet-pip-value-flag[value="9"] ~ .sheet-9 {
order: 3;
background-color: transparent;
}
.ui-dialog .tab-content .charsheet .sheet-traits {
margin-right: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-traits .sheet-table-header {
font-size: 10px;
border-bottom: none;
flex-wrap: wrap;
gap: 0;
}
.ui-dialog .tab-content .charsheet .sheet-traits .sheet-trait {
display: flex;
flex-wrap: wrap;
padding-bottom: 4px;
}
.ui-dialog .tab-content .charsheet .sheet-traits .sheet-trait-name-header,
.ui-dialog .tab-content .charsheet .sheet-traits .sheet-trait-name-body {
min-width: 100px;
flex: 1;
}
.ui-dialog .tab-content .charsheet .sheet-traits .sheet-trait-level-header,
.ui-dialog .tab-content .charsheet .sheet-traits .sheet-trait-level-body {
min-width: 100px;
flex: 1;
}
.ui-dialog .tab-content .charsheet .sheet-traits .sheet-trait-uses-and-checks {
min-width: 100px;
flex: 1;
display: flex;
}
.ui-dialog .tab-content .charsheet .sheet-traits .sheet-trait-uses-header,
.ui-dialog .tab-content .charsheet .sheet-traits .sheet-trait-uses-body {
min-width: 50px;
flex: 1;
}
.ui-dialog .tab-content .charsheet .sheet-traits .sheet-trait-check-header,
.ui-dialog .tab-content .charsheet .sheet-traits .sheet-trait-check-body {
min-width: 50px;
flex: 1;
}
.ui-dialog .tab-content .charsheet .sheet-traits .sheet-footer {
margin-top: 32px;
font-size: 10px;
}
.ui-dialog .tab-content .charsheet .sheet-traits :where(.sheet-traits-flag[value="0"] ~ .sheet-trait-level-0),
.ui-dialog .tab-content .charsheet .sheet-traits :where(.sheet-traits-flag[value="1"] ~ .sheet-trait-level-1),
.ui-dialog .tab-content .charsheet .sheet-traits :where(.sheet-traits-flag[value="2"] ~ .sheet-trait-level-2),
.ui-dialog .tab-content .charsheet .sheet-traits :where(.sheet-traits-flag[value="3"] ~ .sheet-trait-level-3) {
font-family: "Inknut Antiqua";
letter-spacing: -1px;
display: inline-block;
font-size: 10px;
}
.ui-dialog .tab-content .charsheet .sheet-traits select {
width: 100%;
text-overflow: ellipsis;
height: 18px;
margin: 0;
}
.ui-dialog .tab-content .charsheet .sheet-traits .sheet-trait-name-body input {
width: 100%;
}
.ui-dialog .tab-content .charsheet .sheet-traits .sheet-trait-uses-body,
.ui-dialog .tab-content .charsheet .sheet-traits .sheet-trait-check-body {
display: flex;
gap: 1px;
padding-top: 2px;
}