@import url('https://fonts.googleapis.com/css2?family=Kurale&display=swap');
@import 'carousel.css';
@import "compatibility.css";
@import 'text-editor.css';
@import "systems/dnd5e.css";
@import "systems/blades-in-the-dark.css";
@import "systems/shadowdark.css";

:root {
    --main-text-light-color: #98968a;
    --main-text-very-light-color: #d4d1c3;
    --border-color: #372d25;
    --text-shadow: 0px 1px 2px black;
    --header-bg-color: #7e152375;
    --header-bg-color-light: #99999975;
    --header-text-color-light: #EEEFFF;
    --text-bg-color: #52525240;
    --attribute-dot-empty-color: #52525240;
    --attribute-dot-filled-color: #ff0000;
}

#pause img[src*="systems/dnd5e/ui/official/ampersand.svg"] {
    box-sizing: border-box;
    width: 128px;
    height: 128px;
    padding-left: 128px;

    background-image: url("../ui/other/paused.webp");
    animation: rotation 20s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

#logo {
    left: 22px;
}

body.compact-mode #logo {
    display: none;
}

.hide {
    visibility: hidden;
}

.new-logo {
    z-index: 6;
    position: relative;
    left: 22px;
    width: 80px;
    top: 10px;
    color: var(--main-text-light-color);
    font-family: 'Kurale', serif;
    font-weight: 800;
    font-size: 17px;
    text-align: center;
    margin-bottom: 10px;
}

.new-logo::before {
    position: absolute;
    content: " ";
    width: 128%;
    height: 130%;
    top: -15%;
    background: url(../ui/buttons/controls_btn.webp);
    background-size: 100% 100%;
    z-index: -1;
    left: -10%;
}


#sidebar {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    position: relative;
    right: 0px;
    top: 0px;
    overflow: visible;
    width: 350px;
    padding: 0px 15px;
    background: none;
    box-shadow: none;
    border: none;
}

#sidebar.collapsed #sidebar-tabs {
    padding: 3px 0px 0px 7px;
    margin-top: 0;
    margin-bottom: -20px;
}

#sidebar.app.collapsed {
    padding: 0;
    top: 5px;
}

#sidebar.app.collapsed::before {
    width: 40px !important;
    left: -4px !important;
    height: 110% !important;
}

#sidebar::before {
    position: absolute;
    z-index: -1;
    content: " ";
    height: calc(100% - 0px);
    width: 100%;
    left: 0;
    top: 0;
    background: url(../ui/frames/chat.webp);
    background-size: 100% 100%;
}

#sidebar section {
 margin-bottom: 20px;
}

#sidebar::after {
    position: absolute;
    z-index: -1;
    content: " ";
    width: 350px;
    height: 76px;
    left: 0;
    background: url(../ui/frames/header.webp);
    background-size: 350px 76px;
}

#sidebar a.entity-link,
#sidebar a.inline-roll {
    background: #61180e;
    padding: 0px 3px;
    border: 2px solid #9a2619;
    border-radius: 6px;
}

#sidebar-tabs {
    box-shadow: none;
    border-bottom: none;
    padding: 0 10px;
    margin-top: 25px;
}

#sidebar-tabs > .item.active {
    color: #FFF;
    border: none;
    box-shadow: none;
}

#sidebar-tabs > .item:before {
    position: absolute;
    content: ' ';
    background: url(../ui/frames/red_line.webp);
    width: 100%;
    height: 3px;
    bottom: -3px;
    left: 0;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.3s;
}

#sidebar-tabs > .item.active:before {
    opacity: 1;
}

#chat-form {
    margin: 0 6px 25px;
}

#chat-form textarea {
    color: #837360;
    background: #ffffff14;
}

#chat-form textarea:focus {
    box-shadow: none;
}

#chat-controls {
    color: #837360;
    margin: 0 6px 10px
}

#chat-controls::before {
    position: relative;
    content: ' ';
    background: url(../ui/frames/brown_line.webp);
    background-size: 350px 7px;
    left: -3px;
    width: 350px;
    height: 7px;
    bottom: 8px;
}

#chat-controls .roll-type-select {
    background: rgb(131 115 96);
}

#chat-log .message {
    position: relative;
    color: #837360;
    border: none !important;
    background: none !important;
    padding: 10px 20px 15px 20px;
    margin: 0px 0px;
}

#chat-log .message::before {
    content: " ";
    position: absolute;
    background-repeat: no-repeat;
    background: url(../ui/frames/chat-texture-light.webp) !important;
    background-size: 95% 110% !important;
    width: calc(100% + 35px);
    height: calc(100% + 15%);
    left: -10px;
    top: -15%;
    z-index: -1;

    filter: brightness(1.4);
}

#chat-log .message.whisper::before {
    filter: brightness(1.0);
}

#chat-log .message.blind::before {
    filter: brightness(1.0) hue-rotate(180deg);
}

/* DD5 v3 */

#chat-log .message .message-header .title {
    color: var(--main-text-light-color) !important; /*92887f*/
    text-shadow: var(--text-shadow);
    font-size: 16px;
    font-weight: 600;
}

#chat-log .message .message-header .subtitle,
#chat-log .message .message-header time,
#chat-log .message .message-header .message-metadata {
    color: var(--main-text-very-light-color);
    text-shadow: var(--text-shadow);
}
#chat-log .message .message-header .flavor-text,
#chat-log .message .message-header .whisper-to {
    color: var(--main-text-light-color) !important; /*8e8073*/
    text-shadow: var(--text-shadow);
}
#chat-log .message .message-header .message-sender img {
    box-shadow: var(--box-shadow);
}

.chat-message .message-content {
    color: var(--main-text-light-color) !important; /*8e8073*/
    text-shadow: var(--text-shadow);
}

.chat-message .message-content h3.nue {
    padding: 8px 0;
    border-top: 2px groove var(--color-underline-header);
    border-bottom: 2px groove var(--color-underline-header);
}

.chat-message .message-content footer.nue {
    border-top: 2px groove var(--color-underline-header);
}

/* DD5 v3 End */

.chat-message .table-draw .table-description {
    border-top: 1px solid var(--monks-border-color);
    color: var(--main-text-light-color)
}

.chat-message .table-draw .table-results .table-result img.result-image {
    filter: invert(75%);
}

#chat ::-webkit-scrollbar-thumb {
    outline: none;
    border-radius: 0px;
    border: none;
    background: #251f1d;
}

#chat ::-webkit-scrollbar-track {
    background: #181413;
}

.dice-roll .dice-formula, .dice-roll .dice-total {
    border: none;
    box-shadow: none;
}

/* CONTROLS */

#controls ol.main-controls {
    overflow: visible;
}

#controls ol .scene-control,
#controls ol .control-tool {
    background: none;
    box-shadow: none;
    border: none;
    color: #837360;
}

#controls ol .scene-control.active,
#controls ol .control-tool.active,
#controls ol .scene-control:hover,
#controls ol .control-tool:hover {
    border: none;
    box-shadow: none;
}

#controls ol .scene-control.active:before,
#controls ol .control-tool.active:before,
#controls ol .scene-control:hover:before,
#controls ol .control-tool:hover:before {
    background: url(../ui/buttons/controls_btn_accent.webp);
    background-size: 100% 100%;
}

#controls ol > li {
    position: relative;
}

#controls ol > li.scene-control:before,
#controls ol > li.control-tool:before {
    position: absolute;
    left: -9%;
    top: -15%;

    content: " ";
    width: 130%;
    height: 130%;

    background: url(../ui/buttons/controls_btn.webp);
    background-size: 100% 100%;
    z-index: -2;
    opacity: 0.88;
}

/*#controls {*/
/*    top: 70px;*/
/*}*/

/*body.compact-mode > ol.app.control-tools {*/
/*    top: -6px !important;*/
/*}*/

/*#controls .control-tools {*/
/*    left: 60px;*/
/*}*/

/*#controls .scene-control, #controls .control-tool {*/
/*    margin: 0 0 4px;*/
/*}*/

/*#controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover {*/
/*    color: #d6d3c1;*/
/*}*/

/*#controls .scene-control, #controls .control-tool {*/
/*    border: none;*/
/*    box-shadow: none;*/
/*    background: none;*/
/*    color: #837360;*/
/*    padding: 5px;*/
/*}*/

/*#controls .scene-control, #controls .control-tool {*/
/*    margin: 0 0 4px;*/
/*}*/

/*#controls .scene-control i {*/
/*    position: relative;*/
/*}*/

/*#controls .scene-control > i::after, #controls li[data-control="combat-carousel"]::after {*/
/*    position: absolute;*/
/*    content: " ";*/
/*    width: 53px;*/
/*    height: 53px;*/
/*    left: -12px;*/
/*    top: -12px;*/
/*    background: url(../ui/buttons/controls_btn.webp);*/
/*    background-size: 100% 100%;*/
/*    z-index: -2;*/
/*    opacity: 0.88;*/
/*}*/

/*#controls li[data-control="combat-carousel"] {*/
/*    position: relative;*/
/*}*/

/*#controls li[data-control="combat-carousel"]::after {*/
/*    left: 0px;*/
/*    top: 0px;*/
/*}*/

/*#controls .scene-control.active > i::after {*/
/*    background: url(../ui/buttons/controls_btn_accent.webp);*/
/*    background-size: 100% 100%;*/
/*}*/

/*body.compact-mode #controls .scene-control > i::after {*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    left: -11px;*/
/*    top: -12px;*/
/*}*/

/*#controls .control-tool {*/
/*    position: relative;*/
/*}*/

/*#controls .control-tool::after {*/
/*    position: absolute;*/
/*    content: " ";*/
/*    width: 53px;*/
/*    height: 53px;*/
/*    left: -3px;*/
/*    top: -2px;*/
/*    background: url(../ui/buttons/controls_btn.webp);*/
/*    background-size: 100% 100%;*/
/*    z-index: -2;*/
/*    opacity: 0.88;*/
/*}*/

/*#controls .control-tool.active::after {*/
/*    background: url(../ui/buttons/controls_btn_accent.webp);*/
/*    background-size: 100% 100%;*/
/*}*/

/*body.compact-mode #controls .control-tool::after {*/
/*    width: 50px;*/
/*    height: 50px;*/
/*    left: 0px;*/
/*    top: -3px;*/
/*}*/

/*#controls .scene-control i.fa-lightbulb::after {*/
/*    left: -16px;*/
/*}*/

/*body.compact-mode #controls .scene-control i.fa-lightbulb::after {*/
/*    left: -15px;*/
/*}*/

/*#controls .scene-control i.fa-bookmark::after {*/
/*    left: -14px;*/
/*}*/

/*body.compact-mode #controls .scene-control i.fa-bookmark::after {*/
/*    left: -13px;*/
/*}*/


/*#controls .scene-control.active, #controls .control-tool.active, #controls .scene-control:hover, #controls .control-tool:hover {*/
/*    box-shadow: none;*/
/*    border: none;*/
/*}*/

/* HOTBAR */

#fps {
    position: absolute;
    right: 350px;
    order: 2;
}

#ui-bottom > div {
    justify-content: center;
}

#hotbar {
    transition: 0.5s ease-out 0.5s;
}

#hotbar #action-bar {
    position: relative;
}

#action-bar:not(.collapsed)::before {
    position: absolute;
    z-index: -1;
    content: " ";
    width: 146%;
    top: -19px;
    left: -23%;
    height: 81px;
    background-image: url(../ui/frames/action_bar.webp);
    background-size: 100% 81px;
    background-repeat: no-repeat;
}

#hotbar #action-bar .macro {
    border-radius: 0;
    box-shadow: none;
    margin: 0 0;
}

#hotbar #action-bar .macro::before {
    background-image: url(../ui/frames/macro.webp);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    content: " ";
    width: 61px;
    height: 70px;
    top: -10px;
    left: -7px;
    z-index: 1;
}

#hotbar #action-bar .macro:hover::before {
    background-image: url(../ui/frames/macro_hover.webp);
}

#hotbar .macro .macro-key {
    top: initial;
    bottom: 2px;
    z-index: 3;
    color: #837360;
    background: none;
}

#hotbar .macro .macro-icon {
    position: relative;
    z-index: 2;
}

#hotbar #macro-list {
    grid-gap: 8px;
}

#hotbar .bar-controls {
    color: #837360;
    background: none;
    border: none;
    box-shadow: none;
}

/* DIALOG */

.app.window-app.dialog,
.app.window-app.folder-edit {
    background: rgba(6, 4, 3, 0.92);
    border-image-source: url(../ui/frames/input_border.webp);
    border-image-slice: 5 20 20 20 fill;
    border-image-repeat: repeat repeat;
    border-image-width: auto;
    border-image-outset: 2px 2px 2px 2px;
    border-radius: 0;
}

.window-app.dialog .window-content,
.window-app.folder-edit .window-content {
    color: #8f8a80;
    background: none;
}

.window-app.dialog .window-header,
.window-app.folder-edit .window-header {
    border: none;
    color: var(--main-text-light-color);
}

.window-app.dialog .window-header::after,
.window-app.folder-edit .window-header::after {
    position: absolute;
    z-index: -1;
    content: " ";
    width: 100%;
    height: 45px;
    left: 0;
    top: -7px;
    background: url(../ui/frames/header.webp);
    background-size: 100% 45px;
}

.dialog button,
.folder-edit button {
    font-family: 'Kurale', serif;
    font-weight: 600;
    color: #837360;
    border: none !important;
    position: relative;
    box-shadow: none;
}

.folder-edit form .form-group label,
.folder-edit form .form-group label {
    color: var(--main-text-light-color)
}

.dialog button::before,
.folder-edit button::before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 110%;
    top: 0%;
    background: url(../ui/buttons/btn-dnd5e-card.webp);
    background-size: 100% 100%;
    z-index: -1;
    left: 0;
}

.dialog button::after,
.folder-edit button::after {
    position: absolute;
    content: " ";
    width: 100%;
    height: 130%;
    top: -15%;
    background: url(../ui/buttons/btn-accept.webp);
    background-size: 100% 100%;
    z-index: -1;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.dialog .dialog-buttons {
    border: none;
}

.dialog button.default::before,
.folder-edit button.default::before {
    background: url(../ui/buttons/btn-dnd5e-card_hover.webp);
    background-size: 100% 100%;
}

.dialog button:hover::after,
.folder-edit button:hover::after {
    opacity: 1;
}

.dialog input,
.folder-edit input {
    border: none;
    color: #ddc5b9 !important;
    background: #ffffff14;
}

.dialog input:focus,
.folder-edit input:focus {
    box-shadow: none;
    outline: 2px solid #782e22;
}

.dialog select,
.folder-edit select {
    border: 0;
    background: rgba(131, 115, 96, 0.56);
}

.folder-edit input[type="color"][data-edit][data-edit] {
    border: none;
    color: #ddc5b9;
    background: #ffffff14;
}

/* ACTOR AND ITEM */
button#roll-hd {
    position: relative;
    color: var(--main-text-light-color);
    border: none;
}

button#roll-hd:hover, button#roll-hd:active {
    box-shadow: none;
}

button#roll-hd::before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 140%;
    top: -20%;
    left: 0%;
    background: url(../ui/buttons/btn-dnd5e-card.webp);
    background-size: 100% 100%;
    z-index: -1;
}

button#roll-hd:hover::before {
    background: url(../ui/buttons/btn-dnd5e-card_hover.webp);
    background-size: 100% 100%;
}

/* NAVIGATION */

#ui-top {
    width: calc(100% - 340px);
}

#navigation #nav-toggle {
    background: none;
    border: none;
}

#navigation .nav-item {
    margin: 0 14px 8px 0;
}

#navigation #scene-list.vertical .scene.nav-item {
    float: none;
    width: fit-content;
    display: table;
}

#navigation #scene-list .scene.nav-item {
    border: none;
    background: none;
    min-width: 80px;
    text-align: center;
}

#nav-toggle {
    width: 36px;
    height: 36px;
    color: var(--main-text-light-color);
}

#nav-toggle::after {
    position: absolute;
    content: " ";
    width: 50px;
    height: 50px;
    left: -8px;
    top: -9px;
    background: url(../ui/buttons/controls_btn.webp);
    background-size: 100% 100%;
    z-index: -2;
    opacity: 0.88;
}


#navigation #scene-list .scene.nav-item {
    position: relative;
    color: var(--main-text-light-color);
    font-weight: 600;
}

#navigation #scene-list .scene.nav-item::before {
    position: absolute;
    content: " ";
    width: 120%;
    height: 130%;
    top: -15%;
    background: url(../ui/buttons/controls_btn.webp);
    background-size: 100% 100%;
    z-index: -1;
    left: -10%;
    opacity: 0.88;
}

#navigation #scene-list .scene.view, #navigation #scene-list .scene.context {
    box-shadow: none;
}

/* PLAYERS */

#players {
    background: none;
    border: none;
    box-shadow: none;
    bottom: 25px;
    left: 25px;
}

#players h3 .players-mode {
    position: relative;
    float: right;
    top: 10px;
    right: -12px;
}

#players h3 .players-mode::after {
    position: absolute;
    content: " ";
    width: 34px;
    height: 32px;
    top: -7px;
    background: url(../ui/buttons/players_btn.webp);
    background-size: 100% 100%;
    z-index: -1;
    opacity: 0.6;
    left: -11px;
}

#players h3 {
    position: relative;
    color: #e9e9da;
    border-bottom: none;
    font-family: 'Kurale', serif;
    font-weight: 800;

    text-shadow: 2px 0 0 var(--border-color),
    -2px 0 0 var(--border-color),
    0 2px 0 var(--border-color),
    0 -2px 0 var(--border-color),
    1px 1px var(--border-color),
    -1px -1px 0 var(--border-color),
    1px -1px 0 var(--border-color),
    -1px 1px 0 var(--border-color);
}

#players h3::before {
    position: absolute;
    content: " ";
    width: 120%;
    height: 130%;
    top: -15%;
    background: url(../ui/frames/players_header.webp);
    background-size: 100% 100%;
    z-index: -1;
    left: -10%;
}

#players ol {
    position: relative;
    font-family: 'Kurale', serif;
    font-weight: 400;
}

#players ol::before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    background: url(../ui/frames/players_bg_dark.webp);
    background-size: 100% 100%;
    z-index: -1;
    left: -10%;
}

#players ol li.player {
    text-shadow: 2px 0 0 var(--border-color),
    -2px 0 0 var(--border-color),
    0 2px 0 var(--border-color),
    0 -2px 0 var(--border-color),
    1px 1px var(--border-color),
    -1px -1px 0 var(--border-color),
    1px -1px 0 var(--border-color),
    -1px 1px 0 var(--border-color);
}

/* ==== journal ==== */


/* ==== journal ==== */
.app.journal-sheet {
    font-family: 'Kurale', serif;
    padding: 10px 25px;

    box-shadow: none;
    border: none;
    background: none;
}

.app.journal-sheet::before {
    position: absolute;
    content: " ";
    width: 106%;
    height: 105%;
    top: -1%;
    left: -3%;
    background: url(../ui/other/paper_texture.webp);
    background-size: cover;
    z-index: -1;

    -webkit-mask-image: url(../ui/other/journal_mask.webp);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.app.journal-sheet::after {
    position: absolute;
    content: " ";
    width: 106%;
    height: 105%;
    top: -1%;
    left: -3%;
    background: url(../ui/other/journal_background.webp);
    background-size: 100% 100%;
    opacity: 0.90;
    z-index: -2;
}

.app.journal-sheet img {
    border: none;
}

.app.journal-sheet .window-app .window-header {
    border-bottom: none;
}

.app.journal-sheet .window-header {
    position: relative;
    top: 2%;
    flex: 0 0 40px;
    line-height: 40px;

    color: rgb(93, 24, 13);
    font-weight: 600;
}

.journal-sheet .window-content {
    background: none;
}

.journal-sheet .window-content::before {
    position: absolute;
    width: 512px;
    height: 298px;
    left: -6px;
    top: 12px;
    content: " ";
    background: url(../ui/other/journal_right_top_corner.webp);
    background-size: 100% 100%;
    opacity: 0.09;
    z-index: -1;
}

.app.journal-sheet .window-header .window-title {
    opacity: 0;
}

.app.journal-sheet .window-header {
    border: none;
}

.app:not(.monks-enhanced-journal).journal-sheet form input[name="name"] {
    position: relative;
    z-index: 10;
    padding: 10px 0px 20px 0px;
    margin-bottom: 10px;
    border: none;
    background: none;

    color: rgb(93, 24, 13);
    font-size: .705cm;
    font-weight: bold;
    border-image: url(../ui/frames/brown_line.webp) 25 25 round;
    border-bottom: 5px groove #eeede0;
}

.app:not(.monks-enhanced-journal).journal-sheet .window-resizable-handle {
    bottom: 5%;
    right: 5%;
}

.journal-sheet .header-button.close {
    position: relative;
    width: 36px;
    height: 33px;

    color: rgba(0, 0, 0, 0);
}

.journal-sheet .header-button.close::before {
    width: 36px;
    height: 33px;
    top: 4px;
    position: absolute;
    content: " ";
    background: url(../ui/buttons/close_icon.webp);
    background-size: 100% 100%;
}

.journal-sheet .header-button.close:hover {
    text-shadow: none;
}

.journal-sheet .header-button.close:hover::before {
    background: url(../ui/buttons/close_icon_hover.webp);
    background-size: 100% 100%;
}

.journal-sheet ::-webkit-scrollbar-thumb {
    outline: none;
    border-radius: 5px;
    border: none;
    background: #74645526;
}

.journal-sheet ::-webkit-scrollbar-track {
    background: transparent !important;
}

.journal-sheet .window-resizable-handle {
    background: transparent;
    border: none;
    border-radius: 0;
    color: var(--main-text-light-color)
}

.journal-sheet .window-resizable-handle::before {
    position: absolute;
    content: " ";
    background: url(../ui/buttons/players_btn.webp);
    background-size: 100% 100%;
    width: 120%;
    height: 120%;
    top: 0%;
    right: -10%;
}

.journal-sheet button:focus {
    box-shadow: none;
}

.journal-sheet button:hover {
    background: url(../ui/buttons/btn-dnd5e-card_hover.webp) center center no-repeat;
    background-size: 100% 100%;
    box-shadow: none;
}

.journal-sheet button:active {
    background: url(../ui/buttons/btn.webp) center center no-repeat;
    background-size: 100% 100%;
    box-shadow: none;
}

.journal-sheet.image-popout .window-content {
    margin-top: 30px;
    background: none;
}

.journal-sheet a.entity-link,
.journal-sheet a.inline-roll {
    color: #98968a;
    background: #40130c;
    padding: 0px 3px;
    border: 2px solid #671911;
    border-radius: 6px;
}

.journal-sheet.minimized {
    padding: 1px 0px;
}

.journal-sheet.minimized .window-header .window-title {
    opacity: 100;
    color: rgb(93, 24, 13);
    font-size: .505cm;
    font-weight: bold;
}

.app.journal-sheet.minimized::before {
    -webkit-mask-image: none;
    border-image-source: url(../ui/frames/input_border.webp);
    border-image-slice: 5 20 20 20 fill;
    border-image-repeat: repeat repeat;
    border-image-width: auto;
    border-image-outset: 1px 2px 2px 2px;
    border-radius: 0;
    box-shadow: rgb(0, 0, 0) 0px 0px 20px 0px
}

/*add v10*/
.sheet.journal-entry {
    --sidebar-width-expanded: 270px;
    --sidebar-width-collapsed: 30px;
}

.sheet.journal-entry .journal-sidebar .action-buttons {
    flex: 0.1;
}

.sheet.journal-entry .pages-list .page-heading .page-title,
.sheet.journal-entry .pages-list .page-heading .page-title:hover {
    color: #5d180d !important;
    font-weight: bold;
}

.sheet.journal-entry .pages-list .h2 .heading-link,
.sheet.journal-entry .pages-list .h2 .heading-link:hover {
    color: #5d180d;
    font-weight: bold;
}

.sheet.journal-entry .pages-list .h2 .heading-link:hover {
    color: red;
    --color-text-hyperlink: #ff6400;
    text-shadow: 0 0 8px var(--color-text-hyperlink)
}

.sheet.journal-entry .pages-list .page-heading {
    color: #5d180d;
    font-weight: bold;
}

.sheet.journal-entry .journal-sidebar .directory-header .view-mode {
    color: #5d180d;
}

.directory .directory-header .header-search input {
    background: none;
    color: var(--color-text-light-highlight);
}

.sheet.journal-entry .journal-sidebar .directory-header .collapse-toggle {
    color: #5d180d;
}

.sheet.journal-entry .journal-entry-content {
    flex: 1;
    height: 94%;
    margin-top: 15px;
    margin-right: 12px;
    background: none;
    border: none;
    border-radius: 6px 0 0 0;
}

.prosemirror menu {
    background: rgba(0, 0, 0, 0.5);
}

.journal-sheet button {
    position: relative;
    color: var(--main-text-light-color);
    font-weight: 600;
    background: url(../ui/buttons/btn.webp) center center no-repeat;
    background-size: 95% 95%;
    border: none;
}

.prosemirror menu .pm-dropdown > span {
    color: #5d180d;
}

.sheet.journal-entry-page .journal-header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.sheet.journal-entry-page .journal-header .heading-level {
    width: 100%;
    align-items: center;
}

.sheet.journal-entry .pages-list .directory-item {
    border: none;
}

.sheet.journal-entry .pages-list .directory-item.active:first-of-type {
    border-top: none;
    outline: none !important;
}

.sheet.journal-entry .pages-list .directory-item.active + :not(.active) {
    border: none;
}

.sheet.journal-entry .pages-list .directory-item:not(.active) + .active {
    border: none;
}

.directory .directory-item.context, .directory .directory-item.active {
    text-shadow: 0 0 8px var(--color-shadow-primary);
}

.sheet.journal-entry .pages-list .page-heading .page-number {
    color: #5d180d;
}

/*
  Adding css for compatibility is in a separate file. Please use compatibility.css.
*/