/* _content/Backpack/Components/ActionDialog.razor.rz.scp.css */
.dialog-container[b-c5qqcpl3xc] {
    background-color: white;
    margin: 24px 32px;
    border-radius: 8px;
}

.dialog-title[b-c5qqcpl3xc] {
    text-align: center;
    color: #461a4d;
    padding: 8px;
    font-size: 22px;
    font-family: 'Fraunces', serif;
}

.dialog-option[b-c5qqcpl3xc] {
    text-align: center;
    padding: 8px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}

.dialog-option-border[b-c5qqcpl3xc] {
    border-top: 1px solid #dddddd;
}

.dialog-container-cancel[b-c5qqcpl3xc] {
    margin-top: 8px;
}
/* _content/Backpack/Components/AlmanacPage.razor.rz.scp.css */

.detail-page[b-88fh2mlytc] {
    width: 100%;
    height: 0;
    position: absolute;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: white;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s linear 0s, visibility 0s linear 0.25s, height 0s 0.25s;
}

.detail-page-active[b-88fh2mlytc] {
    height: 100%;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.25s linear 0s;
}
/* _content/Backpack/Components/BottomBar.razor.rz.scp.css */
.bottom-bar[b-cy9jm65ggy] {
    background-color: white;
    height: 48px;
    border-top: 1px solid #dfb3e6;
    color: #461a4d;
    width: 100%;
    position: absolute;
    bottom: env(safe-area-inset-bottom, 0px);
    left: 0;
}
/* _content/Backpack/Components/BottomBarItem.razor.rz.scp.css */
.bottom-bar-item[b-tn3w366rom] {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    position: relative;
    height: 100%;
    align-items: center;
    cursor: pointer;
}

.bottom-bar-item-not-selected[b-tn3w366rom] {
    cursor: pointer;
}

.bottom-bar-item-selected[b-tn3w366rom] {
    
}

.bottom-bar-item-not-selected > .bottom-bar-icon[b-tn3w366rom] {
    filter: grayscale(1);
}

.bottom-bar-decoration[b-tn3w366rom] {
    width: 0;
    height: 4px;
    position: absolute;
    background-color: #461a4d;
    opacity: 0;
    left: 50%;
    top: 0;
    transition: opacity 0.25s linear 0s, width 0.25s ease-out 0s, left 0.25s ease-out 0s;
    border-radius: 0 0 2px 2px;
}

.bottom-bar-decoration-selected[b-tn3w366rom] {
    width: 80%;
    opacity: 1;
    left: 10%;
    transition: opacity 0.25s linear 0s, width 0.25s ease-in 0s, left 0.25s ease-in 0s;
    
}

.bottom-bar-icon[b-tn3w366rom] {
    width: 24px;
    height: 24px;
    margin-left: auto;
    margin-right: auto;
    flex-shrink: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* _content/Backpack/Components/CharacterListTile.razor.rz.scp.css */
.character-list-tile[b-oi4a74bp2m] {
    height: 48px;
    border-bottom: 1px solid #dddddd;
    padding: 8px 12px;
    align-items: center;
    display: flex;
    flex-direction: row;
    cursor: pointer;
}

.character-avatar[b-oi4a74bp2m] {
    width: 32px;
    height: 32px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    overflow: hidden;
}

.character-name[b-oi4a74bp2m] {
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Fraunces', serif;
    font-size: 20px;
    padding: 0 16px;
    flex-grow: 1;
}

.character-more[b-oi4a74bp2m] {
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/more_vert.png");
}

.character-more:hover[b-oi4a74bp2m] {
    cursor: pointer;
}
/* _content/Backpack/Components/CharacterRootPage.razor.rz.scp.css */
.detail-page[b-n44eetcegg] {
    width: 100%;
    height: 0;
    position: absolute;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: white;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s linear 0s, visibility 0s linear 0.25s, height 0s 0.25s;
}

.detail-page-active[b-n44eetcegg] {
    height: 100%;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.25s linear 0s;
}

/* _content/Backpack/Components/CompendiumEntryTile.razor.rz.scp.css */
.compendium-entry[b-91746ssyod] {
    width: 100%;
    height: 48px;
    cursor: pointer;
    padding: 8px 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dddddd;
}

.compendium-entry-title-subtitle[b-91746ssyod] {
    font-family: 'Fraunces', serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
}

.compendium-entry-no-subtitle .compendium-entry-title[b-91746ssyod] {
    font-size: 18px;
}

.compendium-entry-with-subtitle[b-91746ssyod] {
    line-height: 1.2;
}

.compendium-entry-with-subtitle .compendium-entry-title[b-91746ssyod] {
    font-size: 17px;
}

.compendium-entry-subtitle[b-91746ssyod] {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    color: #666666;
}

.compendium-entry-type[b-91746ssyod] {
    font-size: 14px;
    color: #666666;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 16px;
}
/* _content/Backpack/Components/CompendiumPage.razor.rz.scp.css */
input.search-box[b-vmfzel63x9] {
    width: 100%;
    height: 48px;
    padding: 8px 16px;
    background: white;
}

input.search-box[b-vmfzel63x9], input.search-box:focus[b-vmfzel63x9], input.search-box:focus-visible[b-vmfzel63x9] {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #461a4d;
    outline: none;

}
/* _content/Backpack/Components/DicePage.razor.rz.scp.css */
/* _content/Backpack/Components/Dm/CardStack.razor.rz.scp.css */
.card-stack-container[b-36rdlio9rq] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s linear 0s, visibility 0s ease 0.25s, height 0s ease 0.25s;
}

.card-stack-container-active[b-36rdlio9rq] {
    height: 100%;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.25s linear 0s;
}

.roll-log-container[b-36rdlio9rq] {
    position: absolute;
    bottom: 32px;
    right: 8px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.roll-result[b-36rdlio9rq] {
    margin-bottom: 8px;
    padding: 8px;
    background: white;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.roll-result-header[b-36rdlio9rq] {
    color: #444444;
    font-style: italic;
    font-size: 14px;
}

.roll-log-clear[b-36rdlio9rq] {
    margin-bottom: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.roll-log-clear-button[b-36rdlio9rq] {
    background: white;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #dddddd;
    font-size: 14px;
    cursor: pointer;
    color: #444444;
    width: 31px;
    text-align: center;
}

.roll-result-term[b-36rdlio9rq] {
    font-size: 14px;
    margin-left: auto;
}

.roll-result-total[b-36rdlio9rq] {
    font-weight: bold;
}

.roll-result-damage-type[b-36rdlio9rq] {
    font-weight: bold;
    font-style: italic;
}

.roll-result-value-max[b-36rdlio9rq] {
    color: green;
    font-weight: bold;
}

.roll-result-value-min[b-36rdlio9rq] {
    color: darkred;
    font-weight: bold;
}

.roll-input[b-36rdlio9rq] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 200px;
    background: white;
}
/* _content/Backpack/Components/Dm/CardStackItem.razor.rz.scp.css */
.card-stack-item[b-6bha07unc5] {
    background-color: white;
    border: 1px solid #dddddd;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 800px;
    height: 600px;
    margin: auto;
    position: absolute;
    top: 50%;
    --card-stack-item-depth: 0;
    --card-stack-item-scale: 1;
    --card-stack-item-offset: 0;
    transform-origin: top center;
    transform: translate(0, calc(-16px * var(--card-stack-item-offset)))  translate(0, -50%) scale(var(--card-stack-item-scale));
    transition: transform 0.5s ease 0s;
    animation: initial-card-stack-item-animation-b-6bha07unc5 0.25s ease-out forwards;
}

.card-stack-item-stack[b-6bha07unc5] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.card-stack-item-tab[b-6bha07unc5] {
    border-radius: 8px 0 8px 8px;
}

@keyframes initial-card-stack-item-animation-b-6bha07unc5 {
    0% { top: 150%; }
    100% { top: 50%; }
}

.card-stack-item-header[b-6bha07unc5] {
    font-family: 'Fraunces', serif;
    font-size: 20px;
    color: #461a4d;
}

.card-stack-item-bottom[b-6bha07unc5] {
    pointer-events: none;
}

.card-stack-item-top[b-6bha07unc5] {
    z-index: 1;
}

.card-stack-item-handle[b-6bha07unc5] {
    background: white;
    padding: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: absolute;
    left: 100%;
    height: 32px;
    width: 192px;
    overflow: hidden;
    text-overflow: ellipsis;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-left: 0;
    border-radius: 0 8px 8px 0;
    margin-top: -1px;
    cursor: pointer;
    pointer-events: initial;
    font-size: 12px;
}

.card-stack-item-handle span[b-6bha07unc5] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card-stack-item-handle-active[b-6bha07unc5] {
    font-weight: bold;
}

.share-menu[b-6bha07unc5] {
    position: absolute; 
    bottom: 64px; 
    background: white; 
    border: 1px solid #dddddd; 
    border-radius: 4px
}

.share-menu-item[b-6bha07unc5] {
    padding: 8px;
    border-bottom: 1px solid #dddddd;
    white-space: nowrap;
    cursor: pointer;
}
/* _content/Backpack/Components/Dm/CharactersPage.razor.rz.scp.css */
.party-header[b-55cc1qc1g6] {
    font-family: 'Fraunces', serif;
    font-size: 24px;
    padding: 16px;
    color: #461a4d;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.party-header-none[b-55cc1qc1g6] {
    font-style: italic;
    color: #666666;
}

.party-box[b-55cc1qc1g6] {
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 32px;
    padding-bottom: 8px;
    background: white;
}
/* _content/Backpack/Components/Dm/ClassFeatureEditor.razor.rz.scp.css */
[b-gziu6hs1uc] .lvl-toggle {
    width: 24px;
    text-align: center;
}
/* _content/Backpack/Components/Dm/CreatureEditor.razor.rz.scp.css */
/* _content/Backpack/Components/Dm/CreaturePresenter.razor.rz.scp.css */
.prop-header[b-iernnyyzys] {
    font-weight: bold;
}

.ability-score-header[b-iernnyyzys] {
    font-weight: bold;
}
/* _content/Backpack/Components/Dm/LibrarySection.razor.rz.scp.css */
.entry-group[b-oa8p8q07ox] {
    border: 1px solid #dddddd;
    border-radius: 8px;
    font-size: 12px;
}

.entry[b-oa8p8q07ox] {
    text-overflow: ellipsis; 
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    padding: 4px 8px;
}

.entry:hover[b-oa8p8q07ox] {
    background-color: #461a4d;
    color: white;
}
/* _content/Backpack/Components/Dm/MenuItem.razor.rz.scp.css */
.border[b-b2y2n5tmg8] {
    height: 48px;
    padding: 8px 16px;
    border-bottom: 1px solid #dddddd;
}

.border-inactive[b-b2y2n5tmg8] {
    cursor: pointer;
}

.title[b-b2y2n5tmg8] {
    font-size: 18px;
}

.title-active[b-b2y2n5tmg8] {
    font-weight: bold;
}
/* _content/Backpack/Components/Dm/UsersPage.razor.rz.scp.css */
.pr-button[b-l6oti69b6c] {
    visibility: hidden;
}

.user-tile:hover .pr-button[b-l6oti69b6c] {
    visibility: visible;
}
/* _content/Backpack/Components/InventoryPage.razor.rz.scp.css */
.inventory-info-container[b-gkf0yqvi3p] {
    width: 100%;
    height: 48px;
}

.inventory-info-tile[b-gkf0yqvi3p] {
    width: 50%;
    height: 48px;
    position: absolute;
    border-bottom: 1px solid #dddddd;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
}

.inventory-info-title[b-gkf0yqvi3p] {
    font-family: 'Fraunces', serif;
    font-size: 14px;
    font-variant: small-caps;
    color: #888888;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.inventory-info-value[b-gkf0yqvi3p] {
    margin-left: auto;
}

.inventory-info-unit[b-gkf0yqvi3p] {
    width: 20px;
    text-align: left;
    margin-left: 8px;
    color: #888888;

}

.items-container[b-gkf0yqvi3p] {
    height: calc(100% - 48px);
    overflow-x: hidden;
    overflow-y: auto;
}

.weight-cover[b-gkf0yqvi3p] {
    position: absolute;
    top: 0;
    width: 50%;
    height: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    pointer-events: none;
}

.weight-cover-active[b-gkf0yqvi3p] {
    visibility: visible;
    pointer-events: auto;
    height: 48px;
}

.coins-container[b-gkf0yqvi3p] {
    position: absolute;
    top: 48px;
    width: 100%;
    height: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    pointer-events: none;
}

.coins-container-active[b-gkf0yqvi3p] {
    visibility: visible;
    pointer-events: auto;
    height: calc(100% - 48px);
}


.coins-tile[b-gkf0yqvi3p] {
    width: 100%;
    height: 48px;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    background-color: white;
}

.coins-value[b-gkf0yqvi3p] {
    margin-left: auto;
}

.coins-unit[b-gkf0yqvi3p] {
    width: 20px;
    text-align: left;
    margin-left: 8px;
    color: #888888;
}

.coins-edit[b-gkf0yqvi3p] {
    margin-left: auto;
    max-width: 96px;
}

.coins-edit input[b-gkf0yqvi3p] {
    text-align: right;
}
/* _content/Backpack/Components/ListTile.razor.rz.scp.css */
.list-tile[b-4dtqt9nkgn] {
    border-bottom: 1px solid #dddddd;
    min-height: 48px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.list-tile-title[b-4dtqt9nkgn] {
    font-family: 'Fraunces', serif;
    font-size: 20px;
}
/* _content/Backpack/Components/MessageDialog.razor.rz.scp.css */
.dialog-container[b-56l9aq3y9v] {
    background-color: white;
    margin: 24px 32px;
    border-radius: 8px;
}

.dialog-title[b-56l9aq3y9v] {
    text-align: center;
    color: #461a4d;
    padding: 8px;
    font-size: 22px;
    font-family: 'Fraunces', serif;
}

.dialog-option[b-56l9aq3y9v] {
    text-align: center;
    padding: 8px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}

.dialog-option-border[b-56l9aq3y9v] {
    border-top: 1px solid #dddddd;
}

.dialog-container-cancel[b-56l9aq3y9v] {
    margin-top: 8px;
}

.dialog-message[b-56l9aq3y9v] {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    padding: 12px;
    text-align: center;
}
/* _content/Backpack/Components/OverviewPage.razor.rz.scp.css */
.character-avatar[b-g9x9udezgg] {
    width: 96px;
    height: 96px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 16px;
}

.character-name[b-g9x9udezgg] {
    font-family: 'Fraunces', serif;
    font-size: 22px;
    margin-top: 16px;
}
/* _content/Backpack/Components/PageTransitionBottom.razor.rz.scp.css */
.page-transition-bottom[b-1zvcu5vtc3] {
    position: fixed;
    left: 0;
    
}

.page-transition-bottom-invisible[b-1zvcu5vtc3] {
    top: calc(var(--vh, 1vh) * 100);
    transition: top 0.35s ease-in 0s, visibility 0s ease 0.35s;
    visibility: hidden;
}

.page-transition-bottom-visible[b-1zvcu5vtc3] {
    top: 0;
    visibility: visible;
    transition: top 0.35s ease-out 0s;
}
/* _content/Backpack/Components/PageTransitionRight.razor.rz.scp.css */
.page-transition-right[b-boi1xiiuq8] {
    position: fixed;
    top: 0;
}

.page-transition-right-invisible[b-boi1xiiuq8] {
    left: 100vw;
    transition: left 0.35s ease-in 0s, visibility 0s ease 0.35s;
    visibility: hidden;
}

.page-transition-right-visible[b-boi1xiiuq8] {
    left: 0;
    visibility: visible;
    transition: left 0.35s ease-out 0s;

}
/* _content/Backpack/Components/RichTextPresenter.razor.rz.scp.css */
li[b-c3kp2e2fjb] {
    margin-bottom: 0.5rem;
}
/* _content/Backpack/Components/Scaffold.razor.rz.scp.css */
.scaffold[b-a0udvimauy] {
    width: 100vw;
    height: calc(var(--vh, 1vh) * 100);
    position: relative;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
    padding-top: env(safe-area-inset-top, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
}

.scaffold-with-topbar[b-a0udvimauy] {
    padding-top: calc(48px + env(safe-area-inset-top, 0px));
}

.scaffold-with-bottom-bar[b-a0udvimauy] {
    padding-bottom: calc(48px + env(safe-area-inset-bottom, 0px));
}

.scaffold-modal-container[b-a0udvimauy] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 99;
}

.scaffold-modal-container.scaffold-modal-invisible[b-a0udvimauy] {
    visibility: hidden;
    height: 0;
    opacity: 0;
    transition: opacity 0.5s linear 0s, visibility 0s ease 0.5s, height 0s ease 0.5s;
}

.scaffold-modal-container.scaffold-modal-visible[b-a0udvimauy] {
    visibility: visible;
    height: 100%;
    opacity: 1;
    transition: opacity 0.5s linear 0s;
}
/* _content/Backpack/Components/ScaffoldCardStack.razor.rz.scp.css */
.card-stack-container[b-cth6sdy0b1] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s linear 0s, visibility 0s ease 0.25s, height 0s ease 0.25s;
}

.card-stack-container-active[b-cth6sdy0b1] {
    height: 100%;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.25s linear 0s;
}

/* _content/Backpack/Components/ScaffoldCardStackItem.razor.rz.scp.css */
.card-stack-item[b-ximx55acv2] {
    background-color: white;
    border: 1px solid #dddddd;
    border-radius: 8px 8px 0 0;
    padding: 16px 16px calc(16px + env(safe-area-inset-bottom, 0px)) 16px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    height: calc(100% - 72px);
    margin: auto;
    position: absolute;
    top: 72px;
    --card-stack-item-depth: 0;
    --card-stack-item-scale: 1;
    --card-stack-item-offset: 0;
    transform-origin: top center;
    transform: translate(0, calc(-8px * var(--card-stack-item-offset)))  scale(var(--card-stack-item-scale));
    transition: transform 0.5s ease 0s;
    animation: initial-card-stack-item-animation-b-ximx55acv2 0.25s ease-out forwards;
}

@keyframes initial-card-stack-item-animation-b-ximx55acv2 {
    0% { top: 100%; opacity: 0; }
    100% { top: 72px; opacity: 1; }
}

.card-stack-item-header[b-ximx55acv2] {
    font-family: 'Fraunces', serif;
    font-size: 20px;
    color: #461a4d;
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 32px;
}

.card-stack-item-close[b-ximx55acv2] {
    font-size: 16px;
    padding: 8px;
    margin: -8px;
    height: 32px;
    width: 32px;
}

.card-stack-item-bottom[b-ximx55acv2] {
    pointer-events: none;
}

.card-stack-item-top[b-ximx55acv2] {
    z-index: 1;
}

[b-ximx55acv2] .card-stack-tile {
    font-size: 16px;
    border-bottom: 1px solid #dddddd;
    margin-left: -16px;
    margin-right: -16px;
    padding: 8px 16px;
}

.card-action[b-ximx55acv2] {
    color: #333333;
    cursor: pointer;
}

.card-action-active[b-ximx55acv2] {
    color: #461a4d;
}

.card-bottom-bar[b-ximx55acv2] {
    margin: 8px -16px -16px;
    border-top: 1px solid #dddddd;
    height: 32px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: stretch;
}

.card-bottom-item[b-ximx55acv2] {
    text-align: center;
    font-family: 'Fraunces', serif;
    font-size: 18px;
    font-variant: small-caps;
    color: #461a4d;
    background: white;
    flex-basis: 0;
    flex-grow: 1;
}

.card-bottom-item-text[b-ximx55acv2] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.card-bottom-item-active[b-ximx55acv2] {
    background: #461a4d;
    color: white;
}

.card-bottom-item-1[b-ximx55acv2], .card-bottom-item-2[b-ximx55acv2] {
    border-right: 1px solid #dddddd;
}

.card-bottom-item-inventory[b-ximx55acv2] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

.item-inventory-button[b-ximx55acv2] {
    width: 32px;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    color: #444444;
}

.item-inventory-button-left[b-ximx55acv2] {
    border-right: 1px solid #dddddd;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.item-inventory-button-right[b-ximx55acv2] {
    border-left: 1px solid #dddddd;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.item-inventory-value[b-ximx55acv2] {
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* _content/Backpack/Components/SpellsPage.razor.rz.scp.css */
.page-menu[b-rlz0yxtwzn] {
    height: 32px;
    width: 100%;
    border-bottom: 1px solid #461a4d;
    position: relative;
}

.page-menu-item[b-rlz0yxtwzn] {
    position: absolute;
    width: 50%;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-family: 'Fraunces', serif;
    font-size: 18px;
    font-variant: small-caps;
    text-align: center;
    color: #461a4d;
}

.page-menu-item-active[b-rlz0yxtwzn] {
    background-color: #461a4d;
    color: white;
}

.page-content[b-rlz0yxtwzn] {
    height: calc(100% - 32px);
    overflow-x: hidden;
    overflow-y: auto;
}

.filter-general[b-rlz0yxtwzn] {
    font-style: italic;
    color: #666666;
}

.spell-filters[b-rlz0yxtwzn] {
    width: 100%;
    position: relative;
    height: 64px;
}

.spell-filter[b-rlz0yxtwzn] {
    width: 50%;
    position: absolute;
    height: 32px;
}

.spell-filter-right[b-rlz0yxtwzn] {
    left: 50%;
    border-left: 1px solid #dddddd;
}

.spell-filter-bottom[b-rlz0yxtwzn] {
    top: 32px;
}

.spell-filter-select[b-rlz0yxtwzn] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    color: #666666;
    border: none;
    border-bottom: 1px solid #dddddd;
    width: 100%;
    height: 32px;
    padding: 0 16px;
    outline: none;
}

.filtered-spell-list[b-rlz0yxtwzn] {
    height: calc(100% - 64px);
    overflow-x: hidden;
    overflow-y: auto;
}

/*
.spell-filter-select-inactive {
    font-style: italic;
}

.spell-filter-select-active {
    background-color: #461a4d;
    color: white;
}*/

.spell-level-header[b-rlz0yxtwzn] {
    font-family: 'Fraunces', serif;
    font-size: 22px;
    color: #461a4d;
    padding: 16px;
}

.my-spell-list[b-rlz0yxtwzn] {
    height: calc(100% - 48px);
    overflow-x: hidden;
    overflow-y: auto;
}

.my-spells-info-container[b-rlz0yxtwzn] {
    width: 100%;
    height: 48px;
}

.my-spells-info-tile[b-rlz0yxtwzn] {
    width: 50%;
    height: 48px;
    position: absolute;
    border-bottom: 1px solid #dddddd;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
}

.my-spells-info-title[b-rlz0yxtwzn] {
    font-family: 'Fraunces', serif;
    font-size: 14px;
    font-variant: small-caps;
    color: #888888;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.my-spells-info-value[b-rlz0yxtwzn] {
    margin-left: auto;
}
/* _content/Backpack/Components/TopBar.razor.rz.scp.css */
.topbar[b-jbhv2ijtjr] {
    background-color: white;
    height: 48px;
    border-bottom: 1px solid #dfb3e6;
    color: #461a4d;
    width: 100%;
    position: absolute;
    top: env(safe-area-inset-top, 0px);
    left: 0;
}

.topbar-title[b-jbhv2ijtjr] {
    font-family: 'Fraunces', serif;
    font-size: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topbar-icon[b-jbhv2ijtjr] {
    width: 24px;
    height: 24px;
    margin-left: 12px;
    margin-right: 12px;
    flex-shrink: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.topbar-clickable-icon:hover[b-jbhv2ijtjr] {
    cursor: pointer;
}

/* _content/Backpack/Pages/DM.razor.rz.scp.css */
.side-menu[b-ykxrj2uv1x] {
    width: 48px;
    height: 100vh;
    border-right: 1px solid #dddddd;
    
}

.main-content[b-ykxrj2uv1x] {
    flex-grow: 1;
    overflow: hidden;
    height: 100vh;
    position: relative;
}

.dm-page[b-ykxrj2uv1x] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.dm-page-inactive[b-ykxrj2uv1x] {
    visibility: hidden;
}

.dm-page-active[b-ykxrj2uv1x] {
    z-index: 1;
}
/* _content/Backpack/Shared/MainLayout.razor.rz.scp.css */
.page[b-1uspllbw5z] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-1uspllbw5z] {
    flex: 1;
}