/* =Generic Styles reused over the sheet= */
/* Font Import */
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Merriweather:ital,wght@0,400;0,700;1,400;1,700&family=Sorts+Mill+Goudy&family=Source+Serif+Pro:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

/* Roll20 Overrides */
.repcontainer .itemcontrol { /* Make the repeating fieldset delete buttons appear above other elements */
    z-index: 9999;
}
div.repcontrol { /* Give repeating fieldset repcontrol a height so it doesn't overflow in edit_mode */
    display: block;
    height: 18px !important;
}

button.recontrol_edit { /* Prevent done button from overflowing */
    height: 18px !important;
    display: inline-block;
}

/* Defaults */
*, *::before, *::after {
    box-sizing: border-box;
}
.ui-dialog .charsheet textarea,
.ui-dialog .charsheet input,
.ui-dialog .charsheet .uneditable-input,
.ui-dialog .charsheet label,
.ui-dialog .charsheet select,
.ui-dialog .charsheet checkbox {
    font-family: 'Merriweather', serif;
    font-size: 12px;
    line-height: 18px;
    box-sizing: border-box;
    padding: 0;
}
.ui-dialog .charsheet {
    font-family: 'Merriweather', serif;
    font-size: 12px;
    line-height: 18px;
    box-sizing: border-box;
    background: white;
    color: black;
    border-color: black;
    padding: 0;
}
.ui-dialog .charsheet textarea {
    margin: 0;
    color: inherit;
    background: transparent;
}
body.sheet-darkmode option,
body.sheet-darkmode h1, body.sheet-darkmode h2, body.sheet-darkmode h3, body.sheet-darkmode h4, body.sheet-darkmode h5,
body.sheet-darkmode .charsheet {
    background: #1f1f1f;
    color: whitesmoke;
    border-color: whitesmoke;
}
ul, ol {
    margin: 0 0 0 25px;
}
li {
    text-align: left;
}
h1 {
    font-size: 20px;
    font-family: "Sorts Mill Goudy", serif;
    font-weight: normal;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    height: 24px;
    line-height: 24px;
    margin-bottom: 5px;
    color: black;
}
body.sheet-darkmode h1 {
    color: whitesmoke;
}
h2 {
    font-size: 18px;
    font-family: "Sorts Mill Goudy", serif;
    font-weight: normal;
    padding: 0;
    margin: 0;
    height: 21px;
    line-height: 21px;
    color: black;
}
h3 {
    font-size: 15px;
    font-family: "Sorts Mill Goudy", serif;
    font-weight: bold;
    padding: 0;
    margin: 5px 0 0;
    height: 21px;
    line-height: 21px;
    color: black;
}
body.sheet-darkmode h2 {
    color: whitesmoke;
}
summary {
    cursor: pointer;
}


/* Layout */
div.sheet-wrapper { /* Sets default size of the sheet */
    min-width: 660px;
    max-width: 860px;
}
div.sheet-inline {
    display: inline-block;
}
div.sheet-flex {
    display: flex;
}
div.sheet-inline-flex {
    display: inline-flex;
}
div.sheet-flex-wrap {
    flex-wrap: wrap;
}
div.sheet-flex-column {
    display: flex;
    flex-direction: column;
}
div.sheet-items-centered {
    align-items: center;
}
div.sheet-gap {
    gap: 5px;
}
div.sheet-space-between {
    display: flex;
    justify-content: space-between;
}
div.sheet-space-around {
    display: flex;
    justify-content: space-around;
}
.sheet-grow {
    flex-grow: 1;
}
.sheet-shrink {
    flex-shrink: 1;
}
.sheet-bpad {
    padding-bottom: 5px;
}
.sheet-tmargin {
    margin-top: 5px;
}
.sheet-bmargin {
    margin-bottom: 5px;
}
.sheet-rmargin {
    margin-right: 5px !important;
}
.sheet-lmargin {
    margin-left: 5px !important;
}
.sheet-lmargin-x3 {
    margin-left: 15px !important;
}
div.sheet-warnmsg {
    border: 1px solid darkred;
    color: darkred;
    padding: 5px;
    background: #f2dede;
    margin: 5px 0;
    border-radius: 5px;
}

/* Row highlighting */
div.sheet-hl:hover {
    background: #fcf8e3;
}
.repitem:hover {
    background: #fcf8e3;
}
body.sheet-darkmode div.sheet-hl:hover {
    background: darkgoldenrod;
}
body.sheet-darkmode .repitem:hover {
    background: darkgoldenrod;
}


/* Tables */
div.sheet-table {
    display: table;
    width: 100%;
}
div.sheet-tr {
    display: table-row;
}
div.sheet-tr:hover {
    background: #fcf8e3;
}
body.sheet-darkmode div.sheet-tr:hover {
    background: darkgoldenrod;
}
div.sheet-table .repcontainer {
    display: table-row-group;
}
div.sheet-th {
    display:table-cell;
    text-align: center;
    background: dimgray;
    color: whitesmoke;
    padding: 1px 2px;
    vertical-align: middle;
    font-weight: normal;
    white-space: nowrap;
    vertical-align: top;
}
div.sheet-td {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 1px 2px;
    white-space: nowrap;
    vertical-align: top;
}


/* Popups */
div.sheet-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}
body.sheet-darkmode div.sheet-overlay {
    background: rgba(128, 128, 128, 0.7);
}
div.sheet-overlay:target {
    visibility: visible;
    opacity: 1;
    min-width: 470px;
    max-width: 900px;
}
div.sheet-popup {
    margin: 110px auto 5px;
    padding: 5px;
    border-radius: 5px;
    width: 430px;
    overflow: auto;
    position: relative;
    background: white;
    transition: all 2s ease-in-out;
}
body.sheet-darkmode div.sheet-popup {
    background: #1f1f1f;
}
.sheet-number-width {
    width: 40px !important;
    flex-shrink: 0;
}
.sheet-number-width-sm {
    width: 25px !important;
    flex-shrink: 0;
}
.sheet-number-width-xs {
    width: 16px !important;
    flex-shrink: 0;
}
.sheet-anchor-adjust-x2 {
    scroll-margin-top: 41px;
}

/* Display */
.sheet-section {
    border-width: 1px;
    border-style: solid;
    margin-bottom: 5px;
    box-sizing: border-box;
    padding: 5px; /* was 2px sides */
    border-radius: 10px;
}
div.sheet-impval {
    display: flex;
    align-items: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    height: 18px;
    box-sizing: border-box;
}
/*.sheet-hidden {
    display: none;
}*/
.sheet-checkbox-width {
    width: 16px !important;
    flex-shrink: 0;
}
.sheet-button-width {
    width: 27px !important;
    flex-shrink: 0;
}
.sheet-full-width {
    width: 100% !important;
}
.sheet-half-width {
    width: 50% !important;
}
.sheet-third-width {
    width: 33.33% !important;
}
.sheet-two-thirds-width {
    width: 66.66% !important;
}
.sheet-auto-width {
    width: auto; /* check important */
}
.sheet-full-height {
    height: 100% !important;
}
/*.sheet-d6 {
    font-family: "dicefontd6" !important;
    font-size: 19px !important;
}*/
.sheet-d6 {
    font-family: "dicefontd6" !important;
    font-size: 19px !important;
}
.sheet-d8 {
    font-family: "dicefontd8" !important;
    font-size: 18px !important;
}
.sheet-d10 {
    font-family: "dicefontd10" !important;
    font-size: 22px !important;
}
.sheet-pictos {
    font-family: "Pictos" !important;
}
.sheet-pictos-three {
    font-family: "Pictos Three" !important;
}
.sheet-pictos-custom {
    font-family: "Pictos Custom" !important;
}
.sheet-text-center {
    text-align: center;
    text-align-last:center;
}
.sheet-text-left {
    text-align: left !important;
    text-align-last: left !important;
}
.sheet-text-right {
    text-align: right;
    text-align-last: right;
}
.sheet-help {
    cursor: help;
}
.sheet-bold {
    font-weight: bold;
}
.sheet-nowrap {
    white-space: nowrap;
}


/* Light and Dark Mode Toggles */
div.sheet-darkmode {
    display: none;
}
body.sheet-darkmode div.sheet-lightmode {
    display: none;
}
body.sheet-darkmode div.sheet-darkmode {
    display: initial;
}

/* Generic Display Toggles */
input.sheet-toggle:not([value="1"]) + .sheet-toggle,
input[type="checkbox"].sheet-toggle:not(:checked) + .sheet-toggle,
input.sheet-toggle[value="1"] + .sheet-anti-toggle,
input[type="checkbox"].sheet-toggle:checked + .sheet-anti-toggle {
    display: none !important;
}

input.sheet-wide-toggle:not([value="1"]) ~ .sheet-toggle,
input[type="checkbox"].sheet-wide-toggle:not(:checked) ~ .sheet-toggle,
input.sheet-wide-toggle[value="1"] ~ .sheet-anti-toggle,
input[type="checkbox"].sheet-wide-toggle:checked ~ .sheet-anti-toggle {
    display: none !important;
}

input.sheet-deep-toggle:not([value="1"]) ~ div .sheet-toggle,
input[type="checkbox"].sheet-deep-toggle:not(:checked) ~ div .sheet-toggle,
input.sheet-deep-toggle[value="1"] ~ div .sheet-anti-toggle,
input[type="checkbox"].sheet-deep-toggle:checked ~ div .sheet-anti-toggle {
    display: none !important;
}

input.sheet-details-toggle:not([value="1"]) ~ div .sheet-details-toggle,
input.sheet-details-toggle:not([value="1"]) ~ .sheet-details-toggle {
    display: none;
}


/* Labels */
.ui-dialog .charsheet label {
    margin: 0 ;
    padding: 0;
    color: inherit;
    background: inherit;
    text-align: center;
    vertical-align: middle;
}
.ui-dialog .charsheet label.sheet-left {
    display: inline;
    text-align: left;
}
.ui-dialog .charsheet label.sheet-left::after {
    content: ':';
    font-family: 'Merriweather', serif;
}
.ui-dialog .charsheet label.sheet-checkbox {
    display: inline;
    text-align: left;
    cursor: pointer;
    font-weight: normal;
}
/* Add some space between the stylized span and the label span*/
.ui-dialog .charsheet label.sheet-checkbox span:nth-of-type(2) {
    margin-left: 5px;
}
.ui-dialog .charsheet label.sheet-skill {
    text-align: left;
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-weight: normal;
}


/* Generic Data Entry */
.sheet-readonly {
    pointer-events: none;
    cursor: not-allowed;
}

/* As */
a.sheet-label-left {
    font-weight: bold;
    text-decoration: underline;
}
a.sheet-label-left:after {
    content: ':'
}
a.repcontrol_move {
    height: 18px;
    padding: 0 5px 0;
    border-color: gray;
    background: linear-gradient(to bottom, whitesmoke 16%, gainsboro 79%);
    color: black;
}
body.sheet-darkmode a.repcontrol_move {
    border-color: black;
    background: linear-gradient(to bottom, gray 16%, dimgray 79%);
    color: whitesmoke;
}

/* Inputs */
.ui-dialog .charsheet input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    height: 18px;
    background: none;
    border: none;
    text-align: center;
    color: inherit;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    border-radius: 0;
}
.ui-dialog .charsheet input.sheet-text-right {
    text-align: right;
    text-align-last: right;
}
.ui-dialog .charsheet input[type="number"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    text-align: center;
    align-items: center;

}
.ui-dialog .charsheet input.sheet-impval {
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    border-radius: 5px;
    font-weight: bold;
}
.ui-dialog .charsheet input.sheet-lval {
    border: none;
    flex-grow: 1;
    width: 14px;
}
.ui-dialog .charsheet input.sheet-rval {
    border: none;
    font-weight: bold;
    flex-grow: 1;
    width: 14px;
}
.ui-dialog .charsheet input[type="number"]:disabled::-webkit-inner-spin-button,
.ui-dialog .charsheet input[type="number"]:disabled::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.ui-dialog .charsheet input[type='number']:disabled {
    -moz-appearance: textfield;
}
.ui-dialog .charsheet input[type="number"]::-webkit-inner-spin-button,
.ui-dialog .charsheet input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.ui-dialog .charsheet input[type='number'] {
    -moz-appearance: textfield;
    text-align: center;
}
span.sheet-input-unit{
    margin-left: -25px;
}
span.sheet-multi-line {
    white-space: pre-wrap;
}
input.sheet-dullval {
    opacity: 60%;
}

/* Selects */
.ui-dialog .charsheet select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color: inherit;
    background-color: inherit;
    margin: 0;
    padding: 0;
    height: 18px;
    background: none;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    border-radius: 0;
}
.ui-dialog .charsheet select.sheet-no-border {
    border: none;
}
.ui-dialog .charsheet select.sheet-readonly {
    pointer-events: none;
    cursor: not-allowed;
}
.ui-dialog .charsheet select.sheet-inverted > option {
    color: black;
}
body.sheet-darkmode .ui-dialog .charsheet select.sheet-inverted > option {
    color: whitesmoke;
}
.ui-dialog .charsheet select.sheet-impval {
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    border-radius: 5px;
    font-weight: bold;
}
.ui-dialog .charsheet select.sheet-dullval {
    opacity: 60%;
}

/* Checkboxes and Radios */
.ui-dialog .charsheet input[type="checkbox"] {
    opacity: 0;
    width: 16px;
    height: 16px;
    position: relative;
    margin: 1px 0 1px;
    padding: 0;
    cursor: pointer;
    z-index: 1;
}

/* Stylized span to look like checkbox */
.ui-dialog .charsheet input[type="checkbox"] + span {
    border-width: 1px;
    border-style: solid;
    border-color: black;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    color: transparent;
    font-family: "Pictos";
    justify-content: center;
    align-items: center;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    width: 16px;
    height: 16px;
    box-sizing: border-box;
    margin: 1px 0 1px -16px;
    padding: 0;
    position: absolute;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
body.sheet-darkmode .ui-dialog .charsheet input[type="checkbox"] + span {
    border-color: whitesmoke;
}
.ui-dialog .charsheet input[type="checkbox"]:checked + span {
    border-color: inherit;
    color: inherit;
}

/* Override stylized span to be a checkico or radioico */
.ui-dialog .charsheet input[type="checkbox"] + span.sheet-checkico {
    border: none;
    opacity: 40% !important;
    color: inherit;
}
.ui-dialog .charsheet input[type="checkbox"]:checked + span.sheet-checkico {
    opacity: 100% !important;
    background-image: none;
    color: inherit;
}
.ui-dialog .charsheet input[type="checkbox"] + span.sheet-checkico-reverse {
    border: none;
    opacity: 40% !important;
    color: inherit;
}
.ui-dialog .charsheet input[type="checkbox"]:not(:checked) + span.sheet-checkico-reverse {
    opacity: 100% !important;
    background-image: none;
    color: inherit;
}

/* Buttons */
.ui-dialog .charsheet button {
    border-radius: 5px;
    overflow: hidden;
    line-height: 0;
    height: 18px;
    vertical-align: middle;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    box-sizing: border-box;
    border: solid 1px gray;
    background: linear-gradient(to bottom, whitesmoke 16%, gainsboro 79%);
    color: black;
    margin: 0;
    padding: 0 2px 0;
    text-shadow: none;
}
.ui-dialog .charsheet button[type=roll] {
    font-size: 12px;
    margin: 0;
    padding: 0 2px 0;
}
.ui-dialog .charsheet button:hover {
    border: solid 1px black;
    background: linear-gradient(to bottom, gray 16%, dimgray 79%);
    color: whitesmoke;
    text-shadow: none;
}
.ui-dialog .charsheet button:active {
    color: royalblue;
}
body.sheet-darkmode .ui-dialog .charsheet button {
    border-color: black;
    background: linear-gradient(to bottom, gray 16%, dimgray 79%);
    color: whitesmoke;
}
body.sheet-darkmode .ui-dialog .charsheet button:hover {
    background: linear-gradient(to bottom, whitesmoke 16%, gainsboro 79%);
    color: black;
}
.ui-dialog .charsheet button.repcontrol_del,
body.sheet-darkmode .ui-dialog .charsheet button.repcontrol_del {
    font-family: "Pictos";
    background: linear-gradient(rgb(238, 95, 91), rgb(189, 54, 47));
    color: whitesmoke;
    border-color: rgb(172, 41, 37);
    padding: 0 5px 0;
}
.ui-dialog .charsheet button[type=roll]:before {
    content: '';
}
.ui-dialog .charsheet button.sheet-label-left,
.ui-dialog .charsheet button.sheet-link {
    font-size: 12px;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    text-align: left;
    text-decoration: underline;
    padding: 0;
    margin: 0;
    color: inherit;
}
.ui-dialog .charsheet button.sheet-link.sheet-link-ico {
    font-family: 'Pictos';
    text-decoration: none;
}
.ui-dialog .charsheet button.sheet-no-underline {
    text-decoration: none !important;
}
.ui-dialog .charsheet button.sheet-label-left {
    font-weight: bold;
}
.ui-dialog .charsheet button.sheet-link:hover,
.ui-dialog .charsheet button.sheet-label-left:hover {
    color: royalblue;
}
.ui-dialog .charsheet button.sheet-label-left:after {
    content: ':'
}
.ui-dialog .charsheet button.sheet-compact-btn {
    margin: 0 3px 3px 0;
}
.ui-dialog .charsheet button.sheet-die {
    margin: 0;
    width: 27px;
    padding: 1px 2px;
    line-height: 0;
}
.ui-dialog .charsheet button.sheet-die:hover {
    text-decoration: underline;
}
div.sheet-hover-btn {
    position: relative;
}
div.sheet-hover-btn:hover button {
    display: inline;
}
button[type=roll].sheet-hover,
button[type=action].sheet-hover {
    font-size: 12px !important;
    background: transparent !important;
    border: none !important;
    text-align: left;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer;
    color: inherit;
    line-height: inherit;
    display: none;
    position: absolute;
    height: 18px;
}
.ui-dialog .charsheet button.sheet-hover:hover {
    color: #069;
    text-decoration: underline;
}
button[type=roll].sheet-id {
    font-family: "Pictos";
    right: 3px;
    top: 0;
}
button[type=action].sheet-augment {
    font-family: "Pictos";
    right: 31px;
    top: 1px;
}
button[type=action].sheet-penalty {
    font-family: "Pictos";
    right: 18px;
    top: 1px;
}

/*.ui-dialog .charsheet button[type=roll].sheet-d6::before {
    font-family: 'dicefontd6';
    content: 'f';
    font-size: 1.25em;
}
.ui-dialog .charsheet button[type="roll"].sheet-d6:hover {
    border: solid 1px black;
    background: linear-gradient(to bottom, gray 16%, dimgray 79%);
    color: whitesmoke;
    text-shadow: none;
}*/



/* Sheet Type Display Toggles */
.sheet-typetoggle:not([value="battle_unit"]) ~ div.sheet-wrapper div.sheet-battle-unit,
.sheet-typetoggle:not([value="pc"], [value="creature"], [value="spirit"]) ~ div.sheet-wrapper div.sheet-character,
.sheet-typetoggle:not([value="pc"]) ~ div.sheet-wrapper .sheet-major,
.sheet-typetoggle:not([value="creature"], [value="spirit"]) ~ div.sheet-wrapper .sheet-minor,
.sheet-typetoggle:not([value="spirit"]) ~ div.sheet-wrapper .sheet-spirit,
.sheet-typetoggle:not([value="pc"], [value="creature"]) ~ div.sheet-wrapper .sheet-creature,
.sheet-typetoggle:not([value="ship"]) ~ div.sheet-wrapper div.sheet-ship,
.sheet-typetoggle:not([value="star_system"]) ~ div.sheet-wrapper div.sheet-star-system,
.sheet-typetoggle:not([value="vehicle"]) ~ div.sheet-wrapper div.sheet-vehicle {
    display: none;
}

/* Setting Display Toggles */
.sheet-setting-option {
    display: none !important;
}
.sheet-setting-control[value="default"] ~ div.sheet-wrapper .sheet-default,
.sheet-setting-control[value="after_the_vampire_wars"] ~ div.sheet-wrapper .sheet-atvw,
.sheet-setting-control[value="classic_fantasy"] ~ div.sheet-wrapper .sheet-cf,
.sheet-setting-control[value="agony_and_ecstasy"] ~ div.sheet-wrapper .sheet-destined, /* keep for compatibility */
.sheet-setting-control[value="destined"] ~ div.sheet-wrapper .sheet-destined,
.sheet-setting-control[value="fioracitta"] ~ div.sheet-wrapper .sheet-fioracitta,
.sheet-setting-control[value="luther_arkwright"] ~ div.sheet-wrapper .sheet-la,
.sheet-setting-control[value="lyonesse"] ~ div.sheet-wrapper .sheet-lyonesse,
.sheet-setting-control[value="m-space"] ~ div.sheet-wrapper .sheet-ms,
.sheet-setting-control[value="monster_island"] ~ div.sheet-wrapper .sheet-mi,
.sheet-setting-control[value="mythic_babylon"] ~ div.sheet-wrapper .sheet-mba,
.sheet-setting-control[value="mythic_britain"] ~ div.sheet-wrapper .sheet-mb,
.sheet-setting-control[value="mythic_constantinople"] ~ div.sheet-wrapper .sheet-mc,
.sheet-setting-control[value="mythic_rome"] ~ div.sheet-wrapper .sheet-mr,
.sheet-setting-control[value="mythras_imperative"] ~ div.sheet-wrapper .sheet-imperative,
.sheet-setting-control[value="odd_soot"] ~ div.sheet-wrapper .sheet-os,
.sheet-setting-control[value="perceforest"] ~ div.sheet-wrapper .sheet-perceforest,
.sheet-setting-control[value="thennla"] ~ div.sheet-wrapper .sheet-thennla,
.sheet-setting-control[value="worlds_united"] ~ div.sheet-wrapper .sheet-wu,
.sheet-setting-control:not([value="classic_fantasy"]) ~ div.sheet-wrapper .sheet-not-cf {
    display: initial !important;
}

/* Compact Toggle */
.sheet-compact-control[value="1"] + div.sheet-wrapper .sheet-detailed,
.sheet-compact-control[value="0"] + div.sheet-wrapper .sheet-compact {
    display: none;
}
/* Disabled fieldset controls in compact mode */
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontrol {
    display: none;
}
/* Styling to collapse repeating items and compactable divs in compact mode */
.sheet-compact-control[value="1"] + div.sheet-wrapper div.sheet-compactable {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}
div.sheet-compactable-fieldset-control {
    display: none;
}
@media screen and (max-width: 700px) {
    .ui-dialog .charsheet .sheet-large-screen {
        display: none !important;
    }
}
@media screen and (min-width: 701px) {
    .ui-dialog .charsheet .sheet-small-screen {
        display: none !important;
    }
}

/* Common Segments CSS */
div.sheet-option-bar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    width: 100%;
    max-width: 860px;
    min-width: 560px;
    height: fit-content;
    background: #1f1f1f;
    color: whitesmoke;
    padding: 0 2px 0;
    margin-bottom: 5px;
}
body.sheet-darkmode div.sheet-option-bar {
    background: lightgray;
    color: black;
}
.sheet-set-toggle-reset {
    color: whitesmoke !important;
}
body.sheet-darkmode .sheet-set-toggle-reset {
    color: black !important;
}
.sheet-set-toggle-reset:hover,
body.sheet-darkmode .sheet-set-toggle-reset:hover {
    color: royalblue !important;
}

.sheet-set-toggle-control:not([value^="@{set_"]) ~ .sheet-set-toggle {
    display: none;
}

/* Sheet Type Specific CSS */
div.sheet-unit-label {
    width: 80px;
}
/* Attribute Toggles */
input.sheet-attr-toggle:not([value="physical"]) ~ div .sheet-physical,
input.sheet-attr-toggle:not([value="physical"]) ~ div.sheet-physical,
input.sheet-attr-toggle:not([value="social"]) ~ div .sheet-social,
input.sheet-attr-toggle:not([value="social"]) ~ div.sheet-social,
input.sheet-attr-toggle:not([value="spiritual"]) ~ div .sheet-spiritual,
input.sheet-attr-toggle:not([value="spiritual"]) ~ div.sheet-spiritual,
input.sheet-attr-toggle[value="social"] ~ div.sheet-not-social,
input.sheet-attr-toggle[value="social"] ~ div .sheet-not-social {
    display: none;
}
input.sheet-attr-toggle[value="spiritual"] ~ div.sheet-not-social input.sheet-hit-locations-spirit[value="spirit"] + div.sheet-hit-locations-toggle {
    display: none;
}
input.sheet-social-conflict-toggle:not([value="1"]) ~ div .sheet-social-conflict,
input.sheet-spirits-toggle:not([value="1"]) ~ div .sheet-spirits {
    display: none;
}

/* Character Header Styles */
div.sheet-info-age{
    width: 40px;
}
div.sheet-info-gender{
    width: 70px;
}
div.sheet-info-frame{
    width: 70px;
}
div.sheet-info-weight{
    width: 60px;
}
div.sheet-info-height{
    width: 60px;
}
div.sheet-info-rank {
    width: 50px;
}
div.sheet-info-the-soot {
    width: 70px;
}

div.sheet-logo {
    display: flex;
    flex-direction: column;
    width: 175px;
    justify-content: space-between;
    margin-bottom: 5px;
}

/* Characteristics */
div.sheet-char-label {
    background: black;
    color: lightgray;
    font-family: "Sorts Mill Goudy", serif;
    text-align: left;
}
body.sheet-darkmode div.sheet-char-label {
    background: lightgray;
    color: black;
}

/* Attributes */
div.sheet-custom-movement {
    width: 88px;
}

/* Hit Locations */
input.sheet-location-name {
    width: 145px;
}

/* SKills */
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_combatstyle"],
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_professionalskill"],
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_affiliation"],
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_passion"],
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_dependency"],
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_peculiarity"],
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_standardskill"]
 {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_combatstyle"] > .repitem,
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_professionalskill"] > .repitem,
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_affiliation"] > .repitem,
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_passion"] > .repitem,
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_dependency"] > .repitem,
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_peculiarity"] > .repitem,
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_standardskill"] > .repitem {
    display: inline-block;
}

input.sheet-opaque-toggle:not([value="1"]) ~ div.sheet-opaque {
    opacity: 50% !important;
}
/* completely hide opaque-hide in compact mode */
.sheet-compact-control[value="1"] + div.sheet-wrapper input.sheet-opaque-toggle:not([value="1"]) ~ div.sheet-opaque-hide {
    display: none;
}
textarea.sheet-skill-notes {
    height: 36px;
}
button[type=roll].sheet-improve {
    font-family: "Pictos";
    right: 29px;
    top: 0;
}

/* Abilities */
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_ability"],
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_skilledability"] {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_ability"] > .repitem,
.sheet-compact-control[value="1"] + div.sheet-wrapper fieldset ~ .repcontainer[data-groupname="repeating_skilledability"] > .repitem {
    display: inline-block;
}

.sheet-ability-option {
    display: none !important;
}
input.sheet-abilities-control[value="all"] + div .sheet-ability-option.sheet-all,
input.sheet-abilities-control[value="core"] + div .sheet-ability-option.sheet-core,
input.sheet-abilities-control[value="after_the_vampire_wars"] + div .sheet-ability-option.sheet-atvw,
input.sheet-abilities-control[value="classic_fantasy"] + div .sheet-ability-option.sheet-cf,
input.sheet-abilities-control[value="destined"] + div .sheet-ability-option.sheet-destined,
input.sheet-abilities-control[value="luther_arkwright"] + div .sheet-ability-option.sheet-la,
input.sheet-abilities-control[value="lyonesse"] + div .sheet-ability-option.sheet-lyonesse,
input.sheet-abilities-control[value="m-space"] + div .sheet-ability-option.sheet-ms,
input.sheet-abilities-control[value="mythic_babylon"] + div .sheet-ability-option.sheet-mba,
input.sheet-abilities-control[value="mythic_britain"] + div .sheet-ability-option.sheet-mb,
input.sheet-abilities-control[value="mythic_rome"] + div .sheet-ability-option.sheet-mr,
input.sheet-abilities-control[value="mythras_imperative"] + div .sheet-ability-option.sheet-imperative,
input.sheet-abilities-control[value="odd_soot"] + div .sheet-ability-option.sheet-os,
input.sheet-abilities-control[value="thennla"] + div .sheet-ability-option.sheet-thennla,
input.sheet-abilities-control[value="worlds_united"] + div .sheet-ability-option.sheet-wu {
    display: initial !important;
}

.sheet-components-options {
    overflow: auto;
    height: 90px;
}

.sheet-tradition-name {
    width: 200px;
}
input.sheet-pool-toggle[value="0"] ~ .sheet-pool-toggle-exist,
input.sheet-pool-toggle:not([value="0"]) + .sheet-pool-toggle-none {
    display: none !important;
}
textarea.sheet-tradition-notes {
    height: 36px;
}

.sheet-ability-name {
    width: 150px;
}
.sheet-ability-type {
    width: 100px;
}
textarea.sheet-ability-notes {
    height: 90px;
}

input.sheet-tenacity-toggle:not([value="1"]) ~ div .sheet-tenacity {
    display: none !important;
}

/* Equipment */
.sheet-weapon-name {
    width: 140px;
    text-align: center;
}
.sheet-weapon-damage {
    width: 64px;
    text-align: center;
}
.sheet-weapon-size {
    width: 38px;
    text-align: center;
}
.sheet-weapon-reach {
    width: 72px;
    text-align: center;
}
.sheet-equipment-location {
    width: 80px;
    text-align: center;
}
textarea.sheet-gear-note {
    height: 54px;
}
textarea.sheet-wealth-notes {
    height: 36px;
}

/* Background */
textarea.sheet-background-notes {
    width: 100%;
    height: 7.5em;
}

/* Notes */
textarea.sheet-character-notes {
    width: 100%;
    height: 30em;
}

input.sheet-vehicle-type-control:not([value="mythras"]) ~ .sheet-vehicle-mythras,
input.sheet-vehicle-type-control:not([value="mspace"]) ~ .sheet-vehicle-frostbyte {
    display: none;
}

/* Mythras Vehicle Styles */
.sheet-vehicle-label {
    width: 80px;
}

/* Frostbyte Vehicle Styles */
input.sheet-starship-toggle:not([value='1']) ~ div .sheet-starship,
input.sheet-starship-toggle[value='1'] ~ div .sheet-non-starship {
    display: none;
}

input.sheet-tr-type-control[value="engine"] + input.sheet-tr-type-show,
input.sheet-tr-type-control[value="maneuvering"] + input.sheet-tr-type-show {
    display: initial;
}
input.sheet-tr-type-show {
    display: none;
}

.sheet-fb-module-type {
    width: 100px;
}
textarea.sheet-system-desc {
    width: 100%;
    height: 54px;
}

/* Roll Templates */
/* Default Roll Template Styles */
.sheet-rolltemplate-default {
    background: white;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    line-height: 18px;
    color: black;
}
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode {
    background: #1f1f1f;
    color: whitesmoke;
}
.sheet-rolltemplate-default div.sheet-border {
    border: 2px solid #595959;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    line-height: 18px;
    border-radius: 5px;
}

.sheet-rolltemplate-default div.sheet-border.sheet-hit-location,
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-border.sheet-hit-location {
    border: 2px solid #992600;
}
.sheet-rolltemplate-default div.sheet-border.sheet-improve,
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-border.sheet-improve {
    border: 2px solid #572d6c;
}
.sheet-rolltemplate-default div.sheet-border.sheet-initiative,
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-border.sheet-initiative {
    border: 2px solid #29491d;
}
.sheet-rolltemplate-default div.sheet-border.sheet-damage,
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-border.sheet-damage {
    border: 2px solid #811818;
}
.sheet-rolltemplate-default div.sheet-border.sheet-effect,
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-border.sheet-effect {
    border: 2px solid #123e54;
}
.sheet-rolltemplate-default div.sheet-header {
    background: #595959;
    color: whitesmoke;
}
.sheet-rolltemplate-default div.sheet-header.sheet-hit-location,
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-header.sheet-hit-location {
    background: #992600;
    color: whitesmoke;
}
.sheet-rolltemplate-default div.sheet-header.sheet-improve,
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-header.sheet-improve {
    background: #572d6c;
    color: whitesmoke;
}
.sheet-rolltemplate-default div.sheet-header.sheet-initiative,
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-header.sheet-initiative {
    background: #29491d;
    color: whitesmoke;
}
.sheet-rolltemplate-default div.sheet-header.sheet-damage,
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-header.sheet-damage {
    background: #811818;
    color: whitesmoke;
}
.sheet-rolltemplate-default div.sheet-header.sheet-effect,
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-header.sheet-effect {
    background: #123e54;
    color: whitesmoke;
}

.sheet-rolltemplate-default div.sheet-character {
    font-size: 11px;
    text-align: center;
}
.sheet-rolltemplate-default div.sheet-name {
    font-family: "Sorts Mill Goudy", serif;
    text-align: center;
    font-size: 15px;
}

.sheet-rolltemplate-default div.sheet-listitem {
    display: flex;
    padding: 1px 2px;
}
.sheet-rolltemplate-default div.sheet-listitem:nth-child(odd) {
    background: gainsboro;
}
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode div.sheet-listitem:nth-child(odd) {
    background: #333333;
}
.sheet-rolltemplate-default div.sheet-key {
    font-weight: bold;
    text-align: left;
}
.sheet-rolltemplate-default div.sheet-key:after {
    content: ':';
}
.sheet-rolltemplate-default div.sheet-value {
    text-align: right;
    flex-grow: 1;
}

.sheet-rolltemplate-default .inlinerollresult,
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode .inlinerollresult {
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0;
    color: inherit;
    border: none !important;
    background: transparent !important;
    height: 18px;
    font-weight: inherit;
    font-size: 12px;
    font-family: 'Merriweather', serif;
}
.sheet-rolltemplate-default .inlinerollresult.fullcrit,
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode .inlinerollresult.fullcrit {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
.sheet-rolltemplate-default .inlinerollresult.fullfail,
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode .inlinerollresult.fullfail {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
.sheet-rolltemplate-default .inlinerollresult.importantroll,
.sheet-rolltemplate-default.sheet-rolltemplate-darkmode .inlinerollresult.importantroll {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
/* Default Roll Template Styles */
.sheet-rolltemplate-effect {
    background: white;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    line-height: 18px;
    color: black;
}
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode {
    background: #1f1f1f;
    color: whitesmoke;
}
.sheet-rolltemplate-effect div.sheet-border {
    border: 2px solid #123e54;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    line-height: 18px;
    border-radius: 5px;
}
.sheet-rolltemplate-effect div.sheet-header {
    background: #123e54;
    color: whitesmoke;
}
.sheet-rolltemplate-effect div.sheet-character {
    font-size: 11px;
    text-align: center;
}
.sheet-rolltemplate-effect div.sheet-name {
    font-family: "Sorts Mill Goudy", serif;
    text-align: center;
    font-size: 15px;
}
.sheet-rolltemplate-effect div.sheet-skills {
    display: flex;
    justify-content: space-between;
    gap: 2px;
    flex-wrap: wrap;
}
.sheet-rolltemplate-effect div.sheet-traits {
    background: repeating-linear-gradient(to bottom, transparent, transparent 18px, gainsboro 18px, gainsboro 36px);
}
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode div.sheet-traits {
    background: repeating-linear-gradient(to bottom, transparent, transparent 18px, #333333 18px, #333333 36px);
}

.sheet-rolltemplate-effect hr {
    margin: 0;
}

.sheet-rolltemplate-effect div.sheet-description {
    max-height: 72px;
    overflow: auto;
}

.sheet-rolltemplate-effect a {
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 12px !important;
    border: solid 1px black !important;
    background: linear-gradient(to bottom, whitesmoke 16%, gainsboro 79%);
    color: black !important;
    padding: 0 2px 0 !important;
    margin: 0 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
.sheet-rolltemplate-effect a:hover {
    border: solid 1px black !important;
    background: linear-gradient(to bottom, gray 16%, dimgray 79%);
    color: whitesmoke !important;
    text-shadow: none;
}
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode .sheet-skills a {
    border: solid 1px black !important;
    background: linear-gradient(to bottom, gray 16%, dimgray 79%);
    color: whitesmoke !important;
}
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode .sheet-skills a:hover {
    border: solid 1px black !important;
    background: linear-gradient(to bottom, whitesmoke 16%, gainsboro 79%);
    color: black !important;
}

.sheet-rolltemplate-effect .sheet-traits a {
    font-size: 12px !important;
    border: none !important;
    background: transparent !important;
    color: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    text-decoration: underline;
}
.sheet-rolltemplate-effect .sheet-traits a:hover {
    color: royalblue !important;
}

.sheet-rolltemplate-effect .inlinerollresult,
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode .inlinerollresult {
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0;
    color: inherit;
    border: none !important;
    background: transparent !important;
    height: 18px;
    font-weight: inherit;
    font-size: 12px;
    font-family: 'Merriweather', serif;
}
.sheet-rolltemplate-effect .inlinerollresult.fullcrit,
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode .inlinerollresult.fullcrit {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
.sheet-rolltemplate-effect .inlinerollresult.fullfail,
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode .inlinerollresult.fullfail {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
.sheet-rolltemplate-effect .inlinerollresult.importantroll,
.sheet-rolltemplate-effect.sheet-rolltemplate-darkmode .inlinerollresult.importantroll {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
/* Default Roll Template Styles */
.sheet-rolltemplate-hit-location {
    background: white;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    line-height: 18px;
    color: black;
}
.sheet-rolltemplate-hit-location.sheet-rolltemplate-darkmode {
    background: #1f1f1f;
    color: whitesmoke;
}
.sheet-rolltemplate-hit-location div.sheet-border {
    border: 2px solid #992600;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    line-height: 18px;
    border-radius: 5px;
}
.sheet-rolltemplate-hit-location div.sheet-header {
    background: #992600;
    color: whitesmoke;
}
.sheet-rolltemplate-hit-location div.sheet-character {
    font-size: 11px;
    text-align: center;
}
.sheet-rolltemplate-hit-location div.sheet-name {
    font-family: "Sorts Mill Goudy", serif;
    text-align: center;
    font-size: 15px;
}

.sheet-rolltemplate-hit-location div.sheet-table {
    display: table;
    width: 100%;
}
.sheet-rolltemplate-hit-location div.sheet-tr {
    display: table-row;
}
.sheet-rolltemplate-hit-location div.sheet-th {
    display:table-cell;
    text-align: center;
    background: dimgray;
    color: whitesmoke;
    padding: 1px 2px;
    vertical-align: middle;
    font-weight: normal;
    white-space: nowrap;
}
.sheet-rolltemplate-hit-location div.sheet-td {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 1px 2px;
    white-space: nowrap;
}
.sheet-rolltemplate-hit-location div.sheet-help {
    cursor: help;
}
.sheet-rolltemplate-hit-location div.sheet-pictos {
    font-family: "Pictos";
}
.sheet-rolltemplate-hit-location div.sheet-pictos-three {
    font-family: "Pictos Three";
}
.sheet-rolltemplate-hit-location div.sheet-full-width {
    width: 100%;
}
.sheet-rolltemplate-hit-location div.sheet-checkbox-width {
    width: 16px;
}
.sheet-rolltemplate-hit-location div.sheet-number-width-sm {
    width: 25px;
}

.sheet-rolltemplate-hit-location .inlinerollresult,
.sheet-rolltemplate-hit-location.sheet-rolltemplate-darkmode .inlinerollresult {
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0;
    color: inherit;
    border: none !important;
    background: transparent !important;
    height: 18px;
    font-weight: inherit;
    font-size: 12px;
    font-family: 'Merriweather', serif;
}
.sheet-rolltemplate-hit-location .inlinerollresult.fullcrit,
.sheet-rolltemplate-hit-location.sheet-rolltemplate-darkmode .inlinerollresult.fullcrit {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
.sheet-rolltemplate-hit-location .inlinerollresult.fullfail,
.sheet-rolltemplate-hit-location.sheet-rolltemplate-darkmode .inlinerollresult.fullfail {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
.sheet-rolltemplate-hit-location .inlinerollresult.importantroll,
.sheet-rolltemplate-hit-location.sheet-rolltemplate-darkmode .inlinerollresult.importantroll {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
/* Default Roll Template Styles */
.sheet-rolltemplate-improvement {
    background: white;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    line-height: 18px;
    color: black;
}
.sheet-rolltemplate-improvement.sheet-rolltemplate-darkmode {
    background: #1f1f1f;
    color: whitesmoke;
}
.sheet-rolltemplate-improvement div.sheet-border {
    border: 2px solid #572d6c;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    line-height: 18px;
    border-radius: 5px;
}
.sheet-rolltemplate-improvement div.sheet-header {
    background: #572d6c;
    color: whitesmoke;
}
.sheet-rolltemplate-improvement div.sheet-character {
    font-size: 11px;
    text-align: center;
}
.sheet-rolltemplate-improvement div.sheet-name {
    font-family: "Sorts Mill Goudy", serif;
    text-align: center;
    font-size: 15px;
}

.sheet-rolltemplate-improvement div.sheet-table {
    display: table;
    width: 100%;
}
.sheet-rolltemplate-improvement div.sheet-tr {
    display: table-row;
}
.sheet-rolltemplate-improvement div.sheet-td {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 1px 2px;
    white-space: nowrap;
    width: 33.33%;
}

.sheet-rolltemplate-improvement .inlinerollresult,
.sheet-rolltemplate-improvement.sheet-rolltemplate-darkmode .inlinerollresult {
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0;
    color: inherit;
    border: none !important;
    background: transparent !important;
    height: 18px;
    font-weight: inherit;
    font-size: 12px;
    font-family: 'Merriweather', serif;
}
.sheet-rolltemplate-improvement .inlinerollresult.fullcrit,
.sheet-rolltemplate-improvement.sheet-rolltemplate-darkmode .inlinerollresult.fullcrit {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
.sheet-rolltemplate-improvement .inlinerollresult.fullfail,
.sheet-rolltemplate-improvement.sheet-rolltemplate-darkmode .inlinerollresult.fullfail {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
.sheet-rolltemplate-improvement .inlinerollresult.importantroll,
.sheet-rolltemplate-improvement.sheet-rolltemplate-darkmode .inlinerollresult.importantroll {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
/* Default Roll Template Styles */
.sheet-rolltemplate-resolution_pool {
    background: white;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    line-height: 18px;
    color: black;
}
.sheet-rolltemplate-resolution_pool.sheet-rolltemplate-darkmode {
    background: #1f1f1f;
    color: whitesmoke;
}
.sheet-rolltemplate-resolution_pool div.sheet-border {
    border: 2px solid #992600;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    line-height: 18px;
    border-radius: 5px;
}
.sheet-rolltemplate-resolution_pool div.sheet-header {
    background: #992600;
    color: whitesmoke;
}
.sheet-rolltemplate-resolution_pool div.sheet-character {
    font-size: 11px;
    text-align: center;
}
.sheet-rolltemplate-resolution_pool div.sheet-name {
    font-family: "Sorts Mill Goudy", serif;
    text-align: center;
    font-size: 15px;
}

.sheet-rolltemplate-resolution_pool div.sheet-table {
    display: table;
    width: 100%;
}
.sheet-rolltemplate-resolution_pool div.sheet-tr {
    display: table-row;
}
.sheet-rolltemplate-resolution_pool div.sheet-th {
    display:table-cell;
    text-align: center;
    background: dimgray;
    color: whitesmoke;
    padding: 1px 2px;
    vertical-align: middle;
    font-weight: normal;
    white-space: nowrap;
}
.sheet-rolltemplate-resolution_pool div.sheet-td {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 1px 2px;
    white-space: nowrap;
}
.sheet-rolltemplate-resolution_pool div.sheet-help {
    cursor: help;
}
.sheet-rolltemplate-resolution_pool div.sheet-pictos {
    font-family: "Pictos";
}
.sheet-rolltemplate-resolution_pool div.sheet-pictos-three {
    font-family: "Pictos Three";
}
.sheet-rolltemplate-resolution_pool div.sheet-full-width {
    width: 100%;
}
.sheet-rolltemplate-resolution_pool div.sheet-checkbox-width {
    width: 16px;
}
.sheet-rolltemplate-resolution_pool div.sheet-number-width-sm {
    width: 25px;
}

.sheet-rolltemplate-resolution_pool .sheet-td.sheet-text-left {
    text-align: left;
}

.sheet-rolltemplate-resolution_pool .sheet-bold {
    font-weight: bold;
}

.sheet-rolltemplate-resolution_pool .inlinerollresult,
.sheet-rolltemplate-resolution_pool.sheet-rolltemplate-darkmode .inlinerollresult {
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0;
    color: inherit;
    border: none !important;
    background: transparent !important;
    height: 18px;
    font-weight: inherit;
    font-size: 12px;
    font-family: 'Merriweather', serif;
}
.sheet-rolltemplate-resolution_pool .inlinerollresult.fullcrit,
.sheet-rolltemplate-resolution_pool.sheet-rolltemplate-darkmode .inlinerollresult.fullcrit {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
.sheet-rolltemplate-resolution_pool .inlinerollresult.fullfail,
.sheet-rolltemplate-resolution_pool.sheet-rolltemplate-darkmode .inlinerollresult.fullfail {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
.sheet-rolltemplate-resolution_pool .inlinerollresult.importantroll,
.sheet-rolltemplate-resolution_pool.sheet-rolltemplate-darkmode .inlinerollresult.importantroll {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
/* Skill Roll Template Styles */
.sheet-rolltemplate-skill {
    background: white;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    line-height: 18px;
    color: black;
}
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode {
    background: #1f1f1f;
    color: whitesmoke;
}
.sheet-rolltemplate-skill div.sheet-border {
    border: 2px solid black;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    line-height: 18px;
    border-radius: 5px;
}
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode div.sheet-border {
    border: 2px solid gray;
}
.sheet-rolltemplate-skill div.sheet-header {
    background: black;
    color: whitesmoke;
}
.sheet-rolltemplate-skill div.sheet-character {
    font-size: 11px;
    text-align: center;
}
.sheet-rolltemplate-skill div.sheet-name {
    font-family: "Sorts Mill Goudy", serif;
    text-align: center;
    font-size: 15px;
}

.sheet-rolltemplate-skill div.sheet-hard-notice {
    padding: 2px 1px 0;
    background: yellow;
    color: black;
}
.sheet-rolltemplate-skill div.sheet-formidable-notice {
    padding: 2px 1px 0;
    background: orange;
    color: black;
}
.sheet-rolltemplate-skill div.sheet-herculean-notice {
    padding: 2px 1px 0;
    background: red;
    color: black;
}
.sheet-rolltemplate-skill div.sheet-hopeless-notice {
    padding: 2px 1px 0;
    background: black;
    color: lightgray;
}
.sheet-rolltemplate-skill span.sheet-result {
    font-family: "Pictos";
    cursor: help;
}

.sheet-rolltemplate-skill div.sheet-table {
    display: table;
    width: 100%;
}

.sheet-rolltemplate-skill div.sheet-tr {
    display: table-row;
    width: 100%;
}
.sheet-rolltemplate-skill div.sheet-th {
    display: table-cell;
    text-align: center;
    background: dimgray;
    color: whitesmoke;
    padding: 1px;
    vertical-align: middle;
    font-weight: normal;
}
.sheet-rolltemplate-skill div.sheet-td {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    white-space: nowrap;
}
.sheet-rolltemplate-skill div.sheet-special-header {
    background: dimgray;
    color: whitesmoke;
    text-align: center;
 }

.sheet-rolltemplate-skill div.sheet-space-between {
    display: flex;
    justify-content: space-between;
    padding: 1px;
}

.sheet-rolltemplate-skill .sheet-pictos {
    font-family: Pictos;
}

.sheet-rolltemplate-skill .sheet-help {
    cursor: help;
}

.sheet-rolltemplate-skill .sheet-flex {
    display: flex;
}
.sheet-rolltemplate-skill .sheet-grow {
    flex-grow: 1;
}
.sheet-rolltemplate-skill .sheet-bold {
    font-weight: bold;
}


.sheet-rolltemplate-skill div.sheet-listitem {
    display: flex;
    padding: 2px 1px 0;
}
.sheet-rolltemplate-skill div.sheet-listitem:nth-child(even) {
    background: gainsboro;
}
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode div.sheet-listitem:nth-child(even) {
    background: #1f1f1f;
}
.sheet-rolltemplate-skill div.sheet-very-easy {
    border: 1px solid black;
    border-radius: 10px;
    margin: 1px 2px 0;
    padding: 0 5px 0;
    background: #D9EDF7;
}
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode div.sheet-very-easy {
    border: 1px solid gray;
    background: #123e54;
    color: whitesmoke;
}
.sheet-rolltemplate-skill div.sheet-easy {
    border: 1px solid black;
    border-radius: 10px;
    margin: 1px 2px 0;
    padding: 0 5px 0;
    background: #DFF0D8;
}
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode div.sheet-easy {
    border: 1px solid gray;
    background: #29491d;
    color: whitesmoke;
}
.sheet-rolltemplate-skill div.sheet-standard {
    border: 1px solid black;
    border-radius: 10px;
    margin: 1px 2px 0;
    padding: 0 5px 0;
    background: gainsboro;
}
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode div.sheet-standard {
    border: 1px solid gray;
    background: #595959;
    color: whitesmoke;
}
.sheet-rolltemplate-skill div.sheet-hard {
    border: 1px solid black;
    border-radius: 10px;
    margin: 1px 2px 0;
    padding: 0 5px 0;
    background: #fcf8e3;
}
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode div.sheet-hard {
    border: 1px solid gray;
    background: #5c4f0a;
    color: whitesmoke;
}
.sheet-rolltemplate-skill div.sheet-formidable {
    border: 1px solid black;
    border-radius: 10px;
    margin: 1px 2px 0;
    padding: 0 5px 0;
    background: #FFEBCC;
}
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode div.sheet-formidable {
    border: 1px solid gray;
    background: #992600;
    color: whitesmoke;
}
.sheet-rolltemplate-skill div.sheet-herculean {
    border: 1px solid black;
    border-radius: 10px;
    margin: 1px 2px 0;
    padding: 0 5px 0;
    background: #f2dede;
}
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode div.sheet-herculean {
    border: 1px solid gray;
    background: #811818;
    color: whitesmoke;
}

.sheet-rolltemplate-skill div.sheet-key {
    font-weight: bold;
    text-align: left;
}
.sheet-rolltemplate-skill div.sheet-value {
    text-align: right;
    flex-grow: 1;
}

.sheet-rolltemplate-skill a {
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 1em !important;
    border: solid 1px black !important;
    background: linear-gradient(to bottom, whitesmoke 16%, gainsboro 79%);
    color: black !important;
    padding: 0 2px 0 !important;
    margin: 0 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
.sheet-rolltemplate-skill a:hover {
    border: solid 1px black !important;
    background: linear-gradient(to bottom, gray 16%, dimgray 79%);
    color: whitesmoke !important;
    text-shadow: none;
}
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode a {
    border: solid 1px black !important;
    background: linear-gradient(to bottom, gray 16%, dimgray 79%);
    color: whitesmoke !important;
}
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode a:hover {
    border: solid 1px black !important;
    background: linear-gradient(to bottom, whitesmoke 16%, gainsboro 79%);
    color: black !important;
}

.sheet-rolltemplate-skill .inlinerollresult,
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode .inlinerollresult {
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0;
    color: inherit;
    border: none !important;
    background: transparent !important;
    height: 18px;
    font-weight: inherit;
    font-size: 12px;
    font-family: 'Merriweather', serif;
}
.sheet-rolltemplate-skill .inlinerollresult.fullcrit,
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode .inlinerollresult.fullcrit {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
.sheet-rolltemplate-skill .inlinerollresult.fullfail,
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode .inlinerollresult.fullfail {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
.sheet-rolltemplate-skill .inlinerollresult.importantroll,
.sheet-rolltemplate-skill.sheet-rolltemplate-darkmode .inlinerollresult.importantroll {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
/* Default Roll Template Styles */
.sheet-rolltemplate-system {
    background: white;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    line-height: 18px;
    color: black;
}
.sheet-rolltemplate-system.sheet-rolltemplate-darkmode {
    background: #1f1f1f;
    color: whitesmoke;
}
.sheet-rolltemplate-system div.sheet-border {
    border: 2px solid #992600;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    line-height: 18px;
    border-radius: 5px;
}
.sheet-rolltemplate-system div.sheet-header {
    background: #992600;
    color: whitesmoke;
}
.sheet-rolltemplate-system div.sheet-character {
    font-size: 11px;
    text-align: center;
}
.sheet-rolltemplate-system div.sheet-name {
    font-family: "Sorts Mill Goudy", serif;
    text-align: center;
    font-size: 15px;
}

.sheet-rolltemplate-system div.sheet-table {
    display: table;
    width: 100%;
}
.sheet-rolltemplate-system div.sheet-tr {
    display: table-row;
}
.sheet-rolltemplate-system div.sheet-th {
    display:table-cell;
    text-align: center;
    background: dimgray;
    color: whitesmoke;
    padding: 1px 2px;
    vertical-align: middle;
    font-weight: normal;
    white-space: nowrap;
}
.sheet-rolltemplate-system div.sheet-td {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 1px 2px;
    white-space: nowrap;
}
.sheet-rolltemplate-system div.sheet-help {
    cursor: help;
}
.sheet-rolltemplate-system div.sheet-pictos {
    font-family: "Pictos";
}
.sheet-rolltemplate-system div.sheet-pictos-three {
    font-family: "Pictos Three";
}
.sheet-rolltemplate-system div.sheet-full-width {
    width: 100%;
}
.sheet-rolltemplate-system div.sheet-checkbox-width {
    width: 16px;
}
.sheet-rolltemplate-system div.sheet-number-width-sm {
    width: 25px;
}

.sheet-rolltemplate-system .inlinerollresult,
.sheet-rolltemplate-system.sheet-rolltemplate-darkmode .inlinerollresult {
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0;
    color: inherit;
    border: none !important;
    background: transparent !important;
    height: 18px;
    font-weight: inherit;
    font-size: 12px;
    font-family: 'Merriweather', serif;
}
.sheet-rolltemplate-system .inlinerollresult.fullcrit,
.sheet-rolltemplate-system.sheet-rolltemplate-darkmode .inlinerollresult.fullcrit {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
.sheet-rolltemplate-system .inlinerollresult.fullfail,
.sheet-rolltemplate-system.sheet-rolltemplate-darkmode .inlinerollresult.fullfail {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
.sheet-rolltemplate-system .inlinerollresult.importantroll,
.sheet-rolltemplate-system.sheet-rolltemplate-darkmode .inlinerollresult.importantroll {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
/* Default Roll Template Styles */
.sheet-rolltemplate-weapon {
    background: white;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    line-height: 18px;
    color: black;
}
.sheet-rolltemplate-weapon.sheet-rolltemplate-darkmode {
    background: #1f1f1f;
    color: whitesmoke;
}
.sheet-rolltemplate-weapon div.sheet-border {
    border: 2px solid #811818;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    line-height: 18px;
    border-radius: 5px;
}
.sheet-rolltemplate-weapon div.sheet-header {
    background: #811818;
    color: whitesmoke;
}
.sheet-rolltemplate-weapon div.sheet-character {
    font-size: 11px;
    text-align: center;
}
.sheet-rolltemplate-weapon div.sheet-name {
    font-family: "Sorts Mill Goudy", serif;
    text-align: center;
    font-size: 15px;
}

.sheet-rolltemplate-weapon div.sheet-table {
    display: table;
    width: 100%;
}
.sheet-rolltemplate-weapon div.sheet-tr {
    display: table-row;
}
.sheet-rolltemplate-weapon div.sheet-th {
    display:table-cell;
    text-align: center;
    background: dimgray;
    color: whitesmoke;
    padding: 1px 2px;
    vertical-align: middle;
    font-weight: normal;
    white-space: nowrap;
}
.sheet-rolltemplate-weapon div.sheet-td {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 1px 2px;
    white-space: nowrap;
}
.sheet-rolltemplate-weapon div.sheet-help {
    cursor: help;
}
.sheet-rolltemplate-weapon div.sheet-bold {
    font-weight: bold;
}

.sheet-rolltemplate-weapon .inlinerollresult,
.sheet-rolltemplate-weapon.sheet-rolltemplate-darkmode .inlinerollresult {
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0;
    color: inherit;
    border: none !important;
    background: transparent !important;
    height: 18px;
    font-weight: inherit;
    font-size: 12px;
    font-family: 'Merriweather', serif;
}
.sheet-rolltemplate-weapon .inlinerollresult.fullcrit,
.sheet-rolltemplate-weapon.sheet-rolltemplate-darkmode .inlinerollresult.fullcrit {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
.sheet-rolltemplate-weapon .inlinerollresult.fullfail,
.sheet-rolltemplate-weapon.sheet-rolltemplate-darkmode .inlinerollresult.fullfail {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}
.sheet-rolltemplate-weapon .inlinerollresult.importantroll,
.sheet-rolltemplate-weapon.sheet-rolltemplate-darkmode .inlinerollresult.importantroll {
    border: none !important;
    color: inherit;
    background: transparent !important;
    font-weight: inherit;
}