* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Verdana, Arial, sans-serif;
}

body.easy-to-read {
    transform: scale(1.5);
    transform-origin: 0 0;
}

@media screen {
    body {
        background-color: lightgrey;
    }
}

.javascript-off {
    background-color: orange;
}

.javascript-on {
    display: none;
}

@media print {
    .ui-dialog, .ui-widget {
        display: none;
    }
}

.control-panel-theme .ui-dialog-content {
    background-color: khaki;
}

.control-panel-table th {
    padding-right: 5px;
    text-align: right;
}

.hero-lab-option {
    color: blue;
    padding-left: 5px;
}

.info-panel-theme .ui-dialog-content {
    background-color: linen;
}

.info-link:hover {
    color: red;
    cursor: help;
    text-decoration: underline;
}

.info-source {
    display: none;
}

#info-panel ul {
    margin-left: 15px;
    margin-top: 10px;
}

#info-panel p {
    text-indent: 0.2in;
}

#redrawing-message-panel {
    background-color: #f6a828;
    border-radius: 7px;
    box-shadow: 10px 10px 10px #888;
    display: none;
    position: fixed;
    z-index: 100;
}

.portrait-page, .landscape-page {
    background-color: white;
    page-break-inside: avoid;
    position: relative;
    -webkit-print-color-adjust: exact;
}

.portrait-continuous, .landscape-continuous {
    background-color: white;
    position: relative;
    -webkit-print-color-adjust: exact;
}

.portrait-page {
    width: 7.5in;
}

.landscape-page {
    width: 10in;
}

.portrait-continuous {
    width: 7.5in;
}

.landscape-continuous {
    width: 10in;
}

.legal-text {
    font-size: 4pt;
    margin-top: 3px;
    text-align: center;
    width: 100%;
}

@media screen {
    .portrait-page, .landscape-page, .portrait-continuous, .landscape-continuous {
        margin: 5px 5px 10px 5px;
        box-shadow: 3px 3px 7px #555;
    }
    .text-editing-enabled {
        background-color: palegoldenrod;
    }
}

@media print {
    .page-break {
        page-break-before: always;
    }
}

.x-tinytext {
    font-size: 4pt;
}

.tinytext {
    font-size: 5pt;
}

.x-smalltext {
    font-size: 6pt;
}

.smalltext {
    font-size: 7pt;
}

.mediumtext {
    font-size: 8pt;
}

.standardtext {
    font-size: 10pt;
}

.largetext {
    font-size: 16pt;
}

.text-part-header {
    font-weight: bold;
}

.text-part-subheader {
    text-decoration: underline;
}

.value-field-block {
    display: inline-block;
    margin-left: 2px;
}

.value-field {
    border-bottom: 1px solid black;
}

.value-field-label {
    vertical-align: top;
}

.col-header {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
}

.row-header {
    display: table-cell;
    background-color: black;
    color: white;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    -webkit-print-color-adjust: exact;
}

.cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
}

.cell-label {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.cell-block {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border: 1px solid black;
}

.label-block {
    background-color: black;
    border: 1px solid black;
    color: white;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    -webkit-print-color-adjust: exact;
}

.value-block, .inline-value-block {
    border: 1px solid black;
    text-align: center;
    vertical-align: top;
}

.inline-value-block {
    display: inline-block;
}

.value-block-part {
    display: inline-block;
    margin-top: 5px;
    text-align: center;
    vertical-align: text-bottom;
}

.on-sheet-control-toolbar {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
}

.on-sheet-control-toolbar .ui-button {
    border-radius: 20px !important;
}

.on-sheet-control-toolbar .ui-button .ui-button-text {
    padding: 1px !important;
    font-size: smaller !important;
}

.on-sheet-control-toolbar .ui-button .ui-button-text:hover {
    color: red;
}

.hide-item-button {
    background-color: #FFCECE;
    border: 1px solid red;
    border-radius: 4px;
    color: red;
    cursor: pointer;
    display: none;
    font-weight: bold;
    height: 10px;
    line-height: 10px;
    position: absolute;
    text-align: center;
    right: 1px;
    vertical-align: middle;
    width: 10px;
    z-index: 10;
}

.hide-item-button:hover {
    background-color: red;
    color: white;
}

.panel-header {
    background-color: black;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
    -webkit-print-color-adjust: exact;
}

.standard-panel-header {
    margin: 0px auto;
    position: relative;
    width: 98%;
}

.standard-panel-header svg {
    display: block;
}

.standard-panel-header path {
    fill: black;
}

.standard-panel-header text {
    font-size: 10pt;
    font-weight: bold;
    fill: white;
}

#text-size-finder {
    font-size: 10pt;
    font-weight: bold;
}

.item-header {
    background-color: #DDDDDD;
    color: black;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    -webkit-print-color-adjust: exact;
}

.attack-color {
    background-color: #FF8A8A;
    -webkit-print-color-adjust: exact;
}

.saving-throw-color {
    background-color: #FFFF66;
    -webkit-print-color-adjust: exact;
}

.initiative-color {
    background-color: #99FFFF;
    -webkit-print-color-adjust: exact;
}

.armor-class-color {
    background-color: #8FFF6F;
    -webkit-print-color-adjust: exact;
}

.page1-header-panel-portrait {
    margin-bottom: 5px;
    width: 100%;
}

.page1-header-panel-landscape {
    display: inline-block;
    width: 7.5in;
}

.page1-left-column-portrait, .page1-left-column-landscape {
    display: inline-block;
    margin-right: 0.1in;
    overflow: hidden;
    vertical-align: top;
    width: 3.6in;
}

.page1-right-column-portrait, .page1-middle-column-landscape {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    width: 3.7in;
}

.page1-right-column-landscape {
    display: inline-block;
    vertical-align: top;
    width: 2.45in;
}

.identity-panel {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    width: 2.75in;
}

.description-panel {
    display: inline-block;
    vertical-align: top;
    width: 4.68in;
}

.abilities-panel {
    display: inline-block;
    margin-right: 3px;
    position: relative;
    vertical-align: top;
    width: 1.90in;
}

.ability-table {
    display: table;
    width: 100%;
}

.ability-row {
    display: table-row;
}

.abilities-panel table {
    border-collapse: separate;
}

.abilities-panel td {
    border: 1px solid black;
    text-align: center;
}

.health-panel {
    margin-bottom: 5px;
    position: relative;
    width: 1.61in;
}

.health-panel-dr-block {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 28%;
}

.initiative-panel {
    display: inline-block;
    width: 1.15in;
}

.standard-initiative-panel {
    display: inline-block;
    width: 1.61in;
}

.standard-initiative-panel td {
    text-align: center;
}

.standard-initiative-panel .populated {
    border: 1px solid black;
}

.hero-point-panel {
    display: inline-block;
    height: 0.34in;
    width: 0.4in;
}

.armorclass-panel {
    display: table;
    margin-bottom: 5px;
    width: 100%;
}

.armorclass-panel-row {
    display: table-row;
}

.standard-armorclass-panel {
    margin-bottom: 5px;
    width: 100%;
}

.standard-armorclass-panel td {
    text-align: center;
}

.standard-armorclass-panel .populated {
    border: 1px solid black;
    width: 0.21in;
}

.savingthrow-panel {
    display: table;
    margin-bottom: 5px;
    width: 100%;
}

.savingthrow-panel-row {
    display: table-row;
}

.base-attack-panel {
    display: inline-block;
    height: 0.15in;
    vertical-align: top;
    width: 1.8in;
}

.standard-base-attack-panel {
    display: inline-block;
    height: 0.2in;
    vertical-align: top;
    width: 2.5in;
}

.standard-base-attack-panel .standard-header-wrapper {
    display: inline-block;
    height: 100%;
    width: 2.1in;
}

.spell-resistance-panel {
    display: inline-block;
    height: 0.15in;
    vertical-align: top;
    width: 1.7in;
}

.standard-spell-resistance-panel {
    display: inline-block;
    height: 0.2in;
    margin-left: 0.1in;
    vertical-align: top;
}

.combat-maneuver-summary-panel {
    display: table;
    margin-bottom: 5px;
    width: 100%;
}

.combat-maneuver-summary-panel-row {
    display: table-row;
}

.weapon-panel {
    margin-bottom: 5px;
    position: relative;
    width: 100%;
}

.weapon-panel-entry {
    margin-top: 5px;
}

.two-weapon-attack-detail-panel {
    border-right: 1px dotted grey;
    border-bottom: 1px dotted grey;
    border-left: 1px dotted grey;
}

.two-weapon-attack-detail-panel th {
    text-align: right;
}

.page2-left-column-portrait, .page2-left-column-landscape {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    width: 3.6in;
}

.page2-right-column-portrait, .page2-middle-column-landscape {
    display: inline-block;
    margin-left: 0.1in;
    overflow: hidden;
    vertical-align: top;
    width: 3.6in;
}

.page2-right-column-landscape {
    display: inline-block;
    vertical-align: top;
    width: 2.45in;
}

.standard-page2-left-column {
    display: inline-block;
    vertical-align: top;
    width: 5.0in;
}

.standard-page2-left-column-A {
    display: inline-block;
    margin-right: 0.1in;
    vertical-align: top;
    width: 1.75in;
}

.standard-page2-left-column-B {
    display: inline-block;
    vertical-align: top;
    width: 3.1in;
}

.standard-page2-right-column {
    display: inline-block;
    vertical-align: top;
    width: 2.4in;
}

.portrait-panel {
    height: 2.5in;
    overflow: hidden;
    margin-bottom: 5px;
    position: relative;
    width: 99%;
}

.chosen-portrait {
    display: block;
}

.not-chosen-portrait {
    display: none;
}

.portrait-panel .ui-draggable:not(.ui-draggable-disabled) {
    cursor: move;
}

.portrait-panel-top-toolbar, .portrait-panel-bottom-toolbar {
    display: none;
    opacity: 0.75;
    position: absolute;
    z-index: 10;
}

.portrait-panel-top-toolbar {
    top: 0px;
}

.portrait-panel-bottom-toolbar {
    bottom: 0px;
    width: 99%;
}

.portrait-panel-toolbar .ui-button .ui-button-text {
    padding: 1px !important;
    font-size: smaller !important;
}

.portrait-panel-toolbar .ui-button .ui-button-text:hover {
    color: red;
}

.portrait-panel-top-toolbar-first-group {
    display: inline-block;
}

.portrait-panel-top-toolbar-middle-group {
    display: inline-block;
    text-align: center;
}

.portrait-panel-top-toolbar-last-group {
    display: inline-block;
}

.portrait-default-position-button {
    position: absolute;
    right: 0px;
}

.movement-panel {
    position: relative;
}

.traditional-movement-panel-portrait {
    margin-bottom: 12px;
    width: 100%;
}

.traditional-movement-panel-landscape {
    margin-bottom: 5px;
    width: 100%;
}

.compact-movement-panel {
    margin-bottom: 5px;
    width: 100%;
}

.simple-movement-panel {
    width: 100%;
}

.simple-movement-table {
    width: 100%;
}

.simple-movement-table th {
    text-align: right;
}

.skills-panel {
    position: relative;
    width: 100%;
}

.skills-panel-landscape {}

.skills-panel-portrait {
    margin-bottom: 5px;
}

.skills-panel table {
    border-collapse: collapse;
    empty-cells: show;
    width: 100%;
}

.skill-series-entry:not(:last-child):after {
    content: " \2022 ";
}

.class-skill-checkmark {
    display: inline-block;
}

.class-skill-checkmark:before {
    content: "\2713";
}

.skill-trained-only {
    display: inline-block;
    width: 0;
    height: 8px;
    border-left: 4px solid #4C787E;
    border-right: 4px solid #4C787E;
    border-bottom: 2px solid transparent;
}

.skill-armor-penalty {
    display: inline-block;
    width: 6px;
    height: 0;
    border-top: 8px solid #C58917;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}

.languages-panel {
    margin-bottom: 5px;
    position: relative;
    width: 100%;
}

.language-series-entry:not(:last-child):after {
    content: " \2022 ";
}

.logo-panel {
    text-align: center;
}

.logo-hero-lab {
    display: inline-block;
    width: 161px;
    height: 45px;
    vertical-align: middle;
}

.logo-pathfinder {
    display: inline-block;
    width: 174px;
    height: 45px;
    vertical-align: middle;
}

.logo-pathfinder-society {
    display: inline-block;
    width: 174px;
    height: 71px;
    vertical-align: middle;
}

.ac-items-panel {
    margin-bottom: 5px;
    position: relative;
}

.ac-items-panel table {
    border: 1px solid black;
    border-collapse: collapse;
    width: 100%;
}

.ac-items-panel th {
    background-color: black;
    color: white;
    -webkit-print-color-adjust: exact;
}

.ac-items-panel tbody tr {
    border-bottom: 1px solid grey;
}

.ac-items-panel td:not(:last-child) {
    border-right: 1px solid grey;
}

.ac-items-panel .value {
    text-align: center;
}

.combat-maneuver-detail-panel {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
    width: 2.0in;
    vertical-align: top;
}

.combat-maneuver-detail-panel table {
    border-collapse: collapse;
    width: 100%;
}

.combat-maneuver-detail-panel td {
    border-bottom: 1px dotted grey;
}

.money-panel {
    margin-bottom: 5px;
    width: 1.5in;
}

.money-panel table {
    border-collapse: collapse;
    width: 100%;
}

.money-panel th {
    padding-right: 3px;
    text-align: right;
    width: 0.7in;
}

.standard-money-panel {
    border: 1px solid black;
    margin-bottom: 5px;
    margin-top: 10px;
    width: 100%;
}

.encumbrance-panel {
    margin-bottom: 5px;
    width: 1.5in;
}

.encumbrance-panel table {
    border-collapse: collapse;
    width: 100%;
}

.encumbrance-panel th {
    padding-right: 3px;
    text-align: right;
    width: 0.7in;
}

.standard-encumbrance-panel {
    margin-bottom: 5px;
    width: 100%;
}

.standard-encumbrance-panel td {
    border: 1px solid black;
    text-align: center;
}

.experience-panel {
    width: 1.5in;
}

.experience-panel table {
    border-collapse: collapse;
    width: 100%;
}

.experience-panel th {
    padding-right: 3px;
    text-align: right;
    width: 0.7in;
}

.standard-experience-panel {
    margin-top: 5px;
    width: 100%;
}

.standard-experience-panel table {
    border-collapse: collapse;
    width: 100%;
}

.standard-experience-panel th {
    background-color: black;
    color: white;
    -webkit-print-color-adjust: exact;
}

.standard-experience-panel tr:nth-child(2) td {
    border: 1px solid black;
}

.standard-experience-panel td {
    text-align: center;
}

.traits-summary-panel {
    position: relative;
    width: 100%;
}

.trait-summary-name {
    position: relative;
    width: 100%;
}

.traits-series-entry:not(:last-child):after {
    content: " \2022 ";
}

.special-abilities-panel {
    margin-top: 5px;
    position: relative;
    width: 100%;
}

.special-ability-summary-name {
    position: relative;
    width: 100%;
}

.special-abilities-series-entry:not(:last-child):after {
    content: " \2022 ";
}

.standard-special-abilities-panel {
    position: relative;
    width: 100%;
}

.standard-special-abilities-panel .special-ability-summary-name {
    border-bottom: 1px solid black;
}

.feats-panel {
    margin-top: 5px;
    position: relative;
    width: 100%;
}

.feat-summary-name {
    position: relative;
    width: 100%;
}

.feats-series-entry:not(:last-child):after {
    content: " \2022 ";
}

.standard-feats-panel {
    margin-bottom: 5px;
    position: relative;
    width: 100%;
}

.standard-feats-panel .feat-summary-name, .standard-feats-panel .trait-summary-name {
    border-bottom: 1px solid black;
}

.tracking-box {
    border: 1px solid black;
    display: inline-block;
    margin-right: 1px;
    height: 5px;
    width: 5px;
}

.tracked-resources-panel {
    padding-bottom: 5px;
    position: relative;
    width: 100%;
}

.tracked-resources-panel table {
    border-collapse: collapse;
    width: 100%;
}

.tracked-resources-panel .resource-name {
    border-bottom: 1px dotted grey;
}

.tracked-resources-panel .resource-max {
    border-bottom: 1px solid grey;
    text-align: center;
}

.tracked-resources-panel .resource-used {
    border-bottom: 1px solid grey;
    border-left: 1px dotted grey;
    text-align: center;
}

.gear-panel {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.gear-panel table {
    border-collapse: collapse;
    margin-bottom: 5px;
    width: 100%;
}

.gear-panel td {
    border-bottom: 1px dotted grey;
}

.gear-container {
    background-color: #DDDDDD;
    font-weight: bold;
    -webkit-print-color-adjust: exact;
}

.gear-magic-item {
    color: blue;
}

.gear-quantity-column {
    text-align: center;
    width: 7%;
}

.gear-name-column {
    text-align: left;
    width: 63%;
}

.gear-weight-column {
    text-align: center;
    width: 15%;
}

.gear-cost-column {
    text-align: right;
    width: 15%;
}

.gear-empty-container-indicator-row td {
    border-bottom: none;
}

.gear-series-entry:not(:last-child):after {
    content: " \2022 ";
}

.standard-gear-panel {
    border: 1px solid black;
    margin-top: 12px;
    position: relative;
    width: 100%;
}

.standard-gear-panel table {
    border-collapse: collapse;
    width: 100%;
}

.standard-gear-panel thead th {
    border-bottom: 1px solid black;
}

.standard-gear-panel thead th:first-child {
    border-right: 1px solid black;
}

.standard-gear-panel tbody td {
    border-bottom: 1px solid grey;
}

.standard-gear-panel tbody td:first-child {
    border-right: 1px solid grey;
}

.standard-gear-panel tbody td:last-child {
    text-align: center;
}

.standard-gear-panel tfoot th {
    background-color: black;
    color: white;
    text-align: right;
    -webkit-print-color-adjust: exact;
}

.standard-gear-panel tfoot td {
    text-align: center;
}

.notes-panel {
    width: 100%;
}

.notes-panel table {
    border-collapse: collapse;
    width: 100%;
}

.notes-panel td {
    border-bottom: 1px solid grey;
}

.background-details-panel {
    margin-bottom: 5px;
    width: 100%;
}

.full-text-entry {
    position: relative;
    page-break-inside: avoid;
}

.full-text-header {
    font-weight: bold;
    text-decoration: underline;
}

.full-text-body {
    margin-bottom: 10px;
}

.trait-details-panel {
    margin-bottom: 5px;
    width: 100%;
}

.trait-details-panel p {
    text-indent: 0.2in;
}

.special-ability-details-panel {
    margin-bottom: 5px;
    width: 100%;
}

.special-ability-details-panel p {
    text-indent: 0.2in;
}

.feat-details-panel {
    margin-bottom: 5px;
    width: 100%;
}

.feat-details-panel p {
    text-indent: 0.2in;
}

.magic-item-details-panel {
    width: 100%;
}

.magic-item-details-panel p {
    text-indent: 0.2in;
}

.spell-text-entry {
    margin-bottom: 10px;
}

.spell-text-entry .spell-name {
    font-weight: bold;
    text-decoration: underline;
}

.spell-text-entry .spell-text-body p:not(:first-child) {
    text-indent: 0.2in;
}

.spell-summary-panel {
    position: relative;
    text-align: left;
}

.spell-summary-panel table {
    border-collapse: collapse;
}

.spell-summary-for-class-table td {
    border-bottom: 1px dotted grey;
}

.spell-summary-for-class, .spell-summary-for-class-table {
    margin-bottom: 10px;
    width: 100%;
}

.spell-series-level .spell-name:not(:last-child):after {
    content: " \2022 ";
}

.spells-per-day-table {
    margin-bottom: 10px;
}

.spells-per-day-table th {
    padding-right: 5px;
    text-align: right;
}

.spells-per-day-table td {
    text-align: center;
    width: 0.2in;
}

.spells-per-day-table .spell-level-row td {
    border-bottom: 1px solid grey;
    border-right: 1px solid grey;
}

.spells-per-day-table .casts-per-day-row td {
    border-right: 1px solid grey;
}

.spellbook-summary-panel {
    position: relative;
    width: 100%;
}

.spellbook-summary-panel table {
    border-collapse: collapse;
    width: 100%;
}

.spellbook-summary-panel tbody td {
    border-bottom: 1px dotted grey;
}

.statblock-title {
    background-color: black;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    width: 100%;
    -webkit-print-color-adjust: exact;
}

.statblock-section {
    background-color: #DDDDDD;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    font-weight: bold;
    width: 100%;
    -webkit-print-color-adjust: exact;
}

.ac-breakdown-item:not(:last-child):after {
    content: ", ";
}

.statblock-series-entry:not(:last-child):after {
    content: " \2022 ";
}

.statblock-panel {
    margin-bottom: 0.1in;
    page-break-inside: avoid;
}

.statblock-panel p {
    margin-left: 0.1in;
    text-indent: -0.1in;
}

.statblock-panel .cr {
    margin-left: 1in;
}

.statblock-panel .npc-description {
    font-style: italic;
}

.standard-logo-panel {
    display: inline-block;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    width: 2.75in;
}

.standard-spells-summary-panel {
    width: 100%;
}

.standard-spells-summary-panel table {
    width: 100%;
}

.standard-spells-summary-panel td {
    text-align: center;
}

.standard-spells-summary-panel td:not(:nth-child(3)) {
    border: 1px solid black;
}

.standard-spells-summary-panel .conditional-modifiers-box {
    border: 1px solid black;
    height: 0.3in;
    margin-bottom: 5px;
    width: 100%;
}

.standard-spells-summary-panel .standard-spell-level-list {
    position: relative;
    width: 100%;
}

.standard-spells-summary-panel .standard-spell-level-list .level-text {
    display: inline-block;
    width: 0.3in;
}

.standard-spells-summary-panel .standard-spell-level-list .spell-line {
    border-bottom: 1px solid black;
    position: relative;
    width: 100%;
}

.blank-line {
    border-bottom: 1px solid black;
    height: 7pt;
    width: 100%;
}

#outer-box {
    max-height: 100vh;
    height: 100vh;
    overflow-y: scroll;
}

a.talespire-roll {
    text-decoration: initial;
    color: inherit;
    cursor: inherit;
}

a.talespire-roll.icon {
    cursor: pointer;
}

.icon::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: xx-small;
    padding-left: 2px;
    vertical-align: middle;
}

.smalltext .weapon-panel-entry .icon::after, initiative-panel .icon::after {
    vertical-align: text-top;
}

.icon.d20::after, .icon.d30::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f6cf";
}

/* .d12::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f6ce";
}

.d10::after, .d100::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f6cd";
}

.d8::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f6d2";
}

.d4::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f6d0";
} */

.icon.d100::after, .icon.d12::after, .icon.d10::after, .icon.d8::after, .icon.d4::after, .icon.d6::after, .icon.d3::after, .icon.d2::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f6d1";
}