diff --git a/style/_base.scss b/style/_base.scss index 6e54282..fffb877 100644 --- a/style/_base.scss +++ b/style/_base.scss @@ -433,7 +433,7 @@ $theme-dark: ( } } -// other globvars —————————————————————————— +// other global vars —————————————————————————— $border-rd-card: 20px; $border-rd-popover: 12px; diff --git a/style/layout/editor.scss b/style/layout/editor.scss index f50d214..5a024a9 100644 --- a/style/layout/editor.scss +++ b/style/layout/editor.scss @@ -621,6 +621,7 @@ border-radius: 4px; border-color: transparent; transition: border-color 0.2s; + color-scheme: auto; } &:hover { diff --git a/theme.css b/theme.css index 39cc1f1..3f4772a 100644 --- a/theme.css +++ b/theme.css @@ -1,5284 +1 @@ -@charset "UTF-8"; -.dock { - box-sizing: border-box; - background-color: transparent; -} -.dock .dock__item { - color: rgba(69, 69, 69, 0.6); -} -html[data-theme-mode=dark] .dock .dock__item { - color: rgba(220, 220, 220, 0.6); -} -.dock .dock__item:not(.dock__item--activefocus, .dock--active):hover { - color: var(--b3-theme-on-background); -} -.dock .dock__item--activefocus, .dock .dock__item--active { - color: var(--b3-theme-primary) !important; - background-color: transparent !important; -} -.dock#dockLeft { - border-right-width: 1px; -} -.dock#dockRight { - border-left-width: 1px; -} -.dock#dockBottom { - padding: 0; - border-top-width: 1px; -} -.dock#dockBottom .fn__flex:first-child .dock__item:not(:first-child), -.dock#dockBottom .fn__flex:last-child .dock__item:not(:first-child) { - margin-left: 0; -} -.dock.dock-layout-expanded { - background-color: #efefef; -} -html[data-theme-mode=dark] .dock.dock-layout-expanded { - background-color: #383838; -} -.dock.dock-layout-expanded#dockLeft { - border-right-color: transparent; -} -.dock.dock-layout-expanded#dockRight { - border-left-color: transparent; -} - -body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status { - position: fixed; - background-color: var(--b3-theme-surface); - right: 8px; - bottom: -4px; - border-radius: 20px; - height: 26px; - border: 0; - padding: 0 26px 0 0; - margin: 0 0 12px 0; - transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); - overflow: hidden; - border: none; -} -html[data-theme-mode=dark] body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status { - outline: 1px solid var(--b3-border-color); -} -#dockBottom:not(.fn__none) + body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status { - background-color: transparent; -} -body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status .toolbar__item { - height: 26px; -} -body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status .toolbar__item span { - margin: 3px; - font-size: 12px; -} -body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status .toolbar__item:not(.toolbar__item--close) { - margin: 3px !important; - padding: 3px; - background-color: rgba(0, 0, 0, 0); -} -body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status .toolbar__item svg { - padding: 3px 4px; - color: var(--b3-dockright-color); - width: 12px; -} -body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status > .fn__flex-1 { - position: relative !important; - width: 0px !important; - right: 0px; - flex: 0; -} -body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status #barDock { - position: absolute; - right: 0px; - z-index: 8; - color: var(--b3-theme-on-background); -} -body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status #barDock::before { - right: unset !important; - left: 0px; - transform: rotateY(180deg); -} -body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status #barDock::after { - left: unset !important; - right: 100%; -} -body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status #barDock svg { - color: var(--b3-theme-on-surface); -} -body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status #barDock svg:hover { - color: var(--b3-theme-on-background); -} -body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status .status__msg:not(:empty) { - max-width: 140px; - padding: 0px 8px; - border-radius: 5px; - margin: 0px; - transition: max-width 300ms; - transition-delay: 2000ms; - position: relative; - height: 26px; - line-height: 26px; -} -body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status .status__msg:not(:empty)::before { - content: ""; - font-size: 12px; - padding-right: 6px; -} -body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status .status__msg:not(:empty):hover { - max-width: 400px; - transition: max-width 300ms; -} -body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status .status__backgroundtask { - margin: 0px 0px 7px 0px; - padding: 0px 0px 0px 8px; - border-radius: 5px; - height: 26px; - line-height: 26px; -} -body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status .status__counter:not(:empty) { - border-radius: 5px; - padding: 0px 0px 0 8px; - margin: 0px 2px 0px 0px; - height: 26px; - line-height: 26px; -} -body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status #statusHelp { - position: relative; -} -body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status #statusHelp svg { - color: var(--b3-theme-on-surface); -} -body:not(.body--mobile) .fn__flex-1:not(.has-dockb) ~ #status #statusHelp svg:hover { - color: var(--b3-theme-on-background); -} - -.fn__flex-1.has-dockb ~ #status { - background-color: var(--b3-theme-background); - border-top-color: transparent; - padding: 0 32px 4px 6px; -} -.fn__flex-1.has-dockb ~ #status #barDock { - position: absolute; - right: 6px; - z-index: 8; - color: var(--b3-theme-on-background); -} -.fn__flex-1.has-dockb ~ #status #barDock::before { - right: unset !important; - left: 0px; - transform: rotateY(180deg); -} -.fn__flex-1.has-dockb ~ #status #barDock::after { - left: unset !important; - right: 100%; -} -.fn__flex-1.has-dockb ~ #status #barDock svg { - color: var(--b3-theme-on-surface); -} -.fn__flex-1.has-dockb ~ #status #barDock svg:hover { - color: var(--b3-theme-on-background); -} -.fn__flex-1.has-dockb ~ #status .status__counter, -.fn__flex-1.has-dockb ~ #status .status__msg, -.fn__flex-1.has-dockb ~ #status .status__backgroundtask { - align-self: center; -} - -body.body--window #status { - padding-right: 0 !important; -} - -#toolbar { - height: var(--toolbar-height); - background-color: var(--b3-theme-background); - border-bottom: 1px solid var(--b3-border-color); -} -#toolbar #barWorkspace { - background-color: transparent; - color: var(--b3-theme-on-primary); - font-weight: 600; - height: var(--toolbar-height); - position: relative; - transition: none; -} -#toolbar #barWorkspace::before { - content: ""; - display: block; - height: 28px; - width: 100%; - position: absolute; - background-color: var(--b3-theme-primary); - z-index: 0; - transform: translate(-5px, 5px); - border-radius: 6px; -} -#toolbar #barWorkspace .toolbar__text { - font-size: 14px; - align-self: center; - z-index: 1; -} -#toolbar #barWorkspace svg.toolbar__svg { - align-self: center; -} -#toolbar .toolbar__item { - height: var(--toolbar-height); -} -#toolbar .toolbar__item svg { - align-self: center; -} -#toolbar.toolbar--browser, body.body--win32 #toolbar { - padding-left: 8px; -} -#toolbar #closeWindow { - padding: 9px; - padding-right: 16px; -} -#toolbar #closeWindow:hover, body.body--win32 #toolbar #closeWindow:hover { - color: var(--b3-theme-error); - background-color: transparent; -} -#toolbar[style="padding-left: 0px;"] { - padding-left: 8px !important; -} - -.fn__flex-column[data-type=wnd] > .fn__flex:first-child { - height: 42px; -} - -.layout-tab-bar { - background-color: transparent; - height: 28px; - border-bottom: 0; - overflow-y: hidden; - border-radius: 6px; - margin: 8px 8px 6px; - transition: margin 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -} -.layout-tab-bar .item { - margin-right: 8px; - border-radius: 6px !important; - min-width: unset; - min-height: unset; - line-height: 24px; - overflow: visible; - background-color: var(--b3-list-hover); -} -.layout-tab-bar .item:last-child { - margin-right: 0; -} -.layout-tab-bar .item:not(.item--readonly, .item--full.item--focus):hover { - background-color: rgba(0, 0, 0, 0.12); -} -html[data-theme-mode=dark] .layout-tab-bar .item:not(.item--readonly, .item--full.item--focus):hover { - background-color: rgba(255, 255, 255, 0.15); -} -.layout-tab-bar .item__icon { - padding: 0 0 0 8px; - display: flex; - justify-content: center; - align-items: center; - line-height: 28px; - font-size: 14px; - vertical-align: -1px; -} -.layout-tab-bar .item__text { - padding: 2px 6px 2px 6px; - mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0, #000 8px); -} -.layout-tab-bar .item__close { - padding: 4px 6px 4px 2px; -} -.layout-tab-bar .item__close svg { - width: 10px; - height: 10px; -} -.layout-tab-bar .item--pin { - height: 24px; - padding: 2px; -} -.layout-tab-bar .item--pin .item__icon { - display: flex; - justify-content: center; - align-items: center; - padding: 2px 5px 0; -} -body.body--win32 .layout-tab-bar .item--pin .item__icon { - padding: 2px 5px; -} -.layout-tab-bar .item--pin + .item:not(.item--pin, .item--readonly) { - margin-left: 14px; -} -.layout-tab-bar .item--pin + .item:not(.item--pin, .item--readonly)::before { - content: ""; - position: absolute; - left: -12px; - display: block; - width: 2px; - background-color: var(--b3-border-color-trans); - height: 1.5em; - border-radius: 9px; - pointer-events: none; -} -.layout-tab-bar .item--focus { - max-width: 21rem; - transition: 0.2s; - background-color: rgba(0, 0, 0, 0.12); - animation: click 0.2s; -} -html[data-theme-mode=dark] .layout-tab-bar .item--focus { - background-color: rgba(255, 255, 255, 0.15); -} -.layout-tab-bar .item--focus::after { - display: none; -} - -.layout-tab-bar--readonly { - margin-left: 0; - min-width: 59px; -} -.layout-tab-bar--readonly .item { - background-color: transparent; - padding: 0; - height: 28px; - cursor: default; -} -.layout-tab-bar--readonly .item:hover { - background-color: transparent; -} -.layout-tab-bar--readonly .item .block__icon { - padding: 8px; -} -.layout-tab-bar--readonly .item .block__icon svg { - width: 12px; - height: 12px; -} -.layout-tab-bar--readonly .item span:nth-child(2) { - font-size: 0; -} - -body.body--blur .layout__wnd--active .layout-tab-bar .item--focus { - box-shadow: none; -} - -.layout-tab-container { - background-color: transparent; - transition: padding 0.2s; -} - -.protyle-background .protyle-icons .protyle-icon { - height: 30px; - padding: 8px 6px; -} -.protyle-background .protyle-icons .protyle-icon--first { - padding-left: 12px; -} -.protyle-background .protyle-icons .protyle-icon--last { - padding-right: 12px; -} -.protyle-background__icon:not(.fn__none) + .protyle-icons { - margin-top: 50px; -} -.protyle-background .b3-chips { - padding: 8px 16px; - justify-content: flex-end; - position: relative; -} -.protyle-background .b3-chips .b3-chip--pointer { - opacity: 1; -} -.protyle-background .b3-chips .b3-chip--middle { - padding: 4px 8px; -} -.protyle-background .b3-chips .b3-chip--middle::before { - content: ""; - width: 8px; - transition: var(--b3-transition); -} -.protyle-background .b3-chips .b3-chip--middle:hover::before { - width: 0px; -} -.protyle-background .b3-chips .b3-chip--middle .b3-chip__close { - width: 8px; - opacity: 0; - margin-right: -4px; -} -.protyle-background .b3-chips .b3-chip--middle:hover .b3-chip__close { - width: 16px; - opacity: 0.7; -} -.protyle-background .b3-chips .b3-chip--middle:hover .b3-chip__close:hover { - opacity: 1; -} -.protyle-background .b3-chips .b3-chip--middle.b3-chip--secondary { - background-color: #ff9500; - font-weight: 500; - mix-blend-mode: luminosity; - background-color: #efefef; - color: rgba(69, 69, 69, 0.8); -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--secondary { - background-color: #ff9f0a; -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--secondary { - background-color: #383838; -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--secondary { - color: gainsboro; -} -.protyle-background .b3-chips .b3-chip--middle.b3-chip--primary { - background-color: #ffcc00; - font-weight: 500; - mix-blend-mode: luminosity; - background-color: #efefef; - color: rgba(69, 69, 69, 0.8); -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--primary { - background-color: #ffd60a; -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--primary { - background-color: #383838; -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--primary { - color: gainsboro; -} -.protyle-background .b3-chips .b3-chip--middle.b3-chip--info { - background-color: #08b94e; - font-weight: 500; - mix-blend-mode: luminosity; - background-color: #efefef; - color: rgba(69, 69, 69, 0.8); -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--info { - background-color: #32d74b; -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--info { - background-color: #383838; -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--info { - color: gainsboro; -} -.protyle-background .b3-chips .b3-chip--middle.b3-chip--success { - background-color: #55bef0; - font-weight: 500; - mix-blend-mode: luminosity; - background-color: #efefef; - color: rgba(69, 69, 69, 0.8); -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--success { - background-color: #5ac8f5; -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--success { - background-color: #383838; -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--success { - color: gainsboro; -} -.protyle-background .b3-chips .b3-chip--middle.b3-chip--warning { - background-color: #007aff; - font-weight: 500; - mix-blend-mode: luminosity; - background-color: #efefef; - color: rgba(69, 69, 69, 0.8); -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--warning { - background-color: #0a84ff; -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--warning { - background-color: #383838; -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--warning { - color: gainsboro; -} -.protyle-background .b3-chips .b3-chip--middle.b3-chip--error { - background-color: #5856d6; - font-weight: 500; - mix-blend-mode: luminosity; - background-color: #efefef; - color: rgba(69, 69, 69, 0.8); -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--error { - background-color: #5e5ce6; -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--error { - background-color: #383838; -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--error { - color: gainsboro; -} -.protyle-background .b3-chips .b3-chip--middle.b3-chip--pink { - background-color: #ff2d55; - font-weight: 500; - mix-blend-mode: luminosity; - background-color: #efefef; - color: rgba(69, 69, 69, 0.8); -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--pink { - background-color: #ff375f; -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--pink { - background-color: #383838; -} -html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--pink { - color: gainsboro; -} -.protyle-icons { - border-radius: 99px; -} -.protyle-icons:hover { - transition: none; - opacity: 1 !important; -} -.protyle-icons .protyle-icon { - background-color: rgba(239, 239, 239, 0.8); - color: rgba(69, 69, 69, 0.6); - padding: 5px 6px; -} -html[data-theme-mode=dark] .protyle-icons .protyle-icon { - background-color: rgba(56, 56, 56, 0.8); -} -html[data-theme-mode=dark] .protyle-icons .protyle-icon { - color: rgba(220, 220, 220, 0.6); -} -.protyle-icons .protyle-icon:not(.protyle-icon--text, .protyle-icon--only):hover { - color: var(--b3-theme-on-background); -} -.protyle-icons .protyle-icon--first { - border-radius: 99px 0 0 99px; - padding-left: 10px; -} -.protyle-icons .protyle-icon--last { - border-radius: 0 99px 99px 0; - padding-right: 10px; -} -.protyle-icons .protyle-icon--text { - border-radius: 99px; - padding: 5px 8px; -} -.protyle-icons .protyle-icon--only { - border-radius: 99px; - padding: 5px; - transition: none; -} -.protyle-icons .protyle-icon--only:hover { - color: var(--b3-theme-on-background); - transition: none; -} -.protyle-action { - border-radius: 99px; -} -.protyle-action:hover { - transition: none; - opacity: 1 !important; -} -.protyle-action .protyle-icon { - background-color: rgba(239, 239, 239, 0.8); - color: rgba(69, 69, 69, 0.6); - padding: 5px 6px; -} -html[data-theme-mode=dark] .protyle-action .protyle-icon { - background-color: rgba(56, 56, 56, 0.8); -} -html[data-theme-mode=dark] .protyle-action .protyle-icon { - color: rgba(220, 220, 220, 0.6); -} -.protyle-action .protyle-icon:not(.protyle-icon--text, .protyle-icon--only):hover { - color: var(--b3-theme-on-background); -} -.protyle-action .protyle-icon--first { - border-radius: 99px 0 0 99px; - padding-left: 10px; -} -.protyle-action .protyle-icon--last { - border-radius: 0 99px 99px 0; - padding-right: 10px; -} -.protyle-action .protyle-icon--text { - border-radius: 99px; - padding: 5px 8px; -} -.protyle-action .protyle-icon--only { - border-radius: 99px; - padding: 5px; - transition: none; -} -.protyle-action .protyle-icon--only:hover { - color: var(--b3-theme-on-background); - transition: none; -} -.protyle-content { - background-color: var(--b3-theme-background); -} -.protyle-title__input { - font-weight: 600; - font-size: 2.4em; - line-height: 1.4; - padding-top: 8px; - padding-bottom: 8px; -} -.protyle-title__input:empty:after { - opacity: 0.6; -} -.protyle-wysiwyg [data-node-id] { - border-radius: 10px; -} -.protyle-wysiwyg .h1, -.protyle-wysiwyg h1 { - margin-top: 1.2em; -} -.protyle-wysiwyg .h1 + .h2, -.protyle-wysiwyg h1 + h2 { - margin-top: 0; -} -.protyle-wysiwyg .h1 + .h3, -.protyle-wysiwyg h1 + h3 { - margin-top: 0; -} -.protyle-wysiwyg .h1 + .h4, -.protyle-wysiwyg h1 + h4 { - margin-top: 0; -} -.protyle-wysiwyg .h1 + .h5, -.protyle-wysiwyg h1 + h5 { - margin-top: 0; -} -.protyle-wysiwyg .h1 + .h6, -.protyle-wysiwyg h1 + h6 { - margin-top: 0; -} -.protyle-wysiwyg .h2, -.protyle-wysiwyg h2 { - margin-top: 1.2em; -} -.protyle-wysiwyg .h2 + .h3, -.protyle-wysiwyg h2 + h3 { - margin-top: 0; -} -.protyle-wysiwyg .h2 + .h4, -.protyle-wysiwyg h2 + h4 { - margin-top: 0; -} -.protyle-wysiwyg .h2 + .h5, -.protyle-wysiwyg h2 + h5 { - margin-top: 0; -} -.protyle-wysiwyg .h2 + .h6, -.protyle-wysiwyg h2 + h6 { - margin-top: 0; -} -.protyle-wysiwyg .h3, -.protyle-wysiwyg h3 { - margin-top: 1.2em; -} -.protyle-wysiwyg .h3 + .h4, -.protyle-wysiwyg h3 + h4 { - margin-top: 0; -} -.protyle-wysiwyg .h3 + .h5, -.protyle-wysiwyg h3 + h5 { - margin-top: 0; -} -.protyle-wysiwyg .h3 + .h6, -.protyle-wysiwyg h3 + h6 { - margin-top: 0; -} -.protyle-wysiwyg .h4, -.protyle-wysiwyg h4 { - margin-top: 1.2em; -} -.protyle-wysiwyg .h4 + .h5, -.protyle-wysiwyg h4 + h5 { - margin-top: 0; -} -.protyle-wysiwyg .h4 + .h6, -.protyle-wysiwyg h4 + h6 { - margin-top: 0; -} -.protyle-wysiwyg .h5, -.protyle-wysiwyg h5 { - margin-top: 1.2em; -} -.protyle-wysiwyg .h5 + .h6, -.protyle-wysiwyg h5 + h6 { - margin-top: 0; -} -.protyle-wysiwyg .h6, -.protyle-wysiwyg h6 { - margin-top: 1.2em; -} -.protyle-wysiwyg [data-type=NodeSuperBlock] > [data-type=NodeHeading]:first-child, -.protyle-wysiwyg .protyle-wysiwyg__embed > [data-type=NodeHeading]:first-child, -.protyle-wysiwyg .protyle-wysiwyg__embed > .protyle-breadcrumb__bar + [data-type=NodeHeading] { - margin-top: 0; -} -.protyle-wysiwyg [data-node-id] span[data-type~=block-ref]:not(.av__celltext), -.protyle-wysiwyg [data-node-id] span[data-type~=file-annotation-ref] { - color: inherit; - text-decoration: underline dashed; - text-decoration-color: var(--b3-theme-primary); - text-decoration-thickness: 0.1em; - background: linear-gradient(90deg, var(--b3-theme-primary-lightest) 100%, transparent 0%) center right; - background-size: 0; - background-repeat: no-repeat; - opacity: 1; - transition: background-size 0.2s; -} -.protyle-wysiwyg [data-node-id] span[data-type~=block-ref]:not(.av__celltext):hover, -.protyle-wysiwyg [data-node-id] span[data-type~=file-annotation-ref]:hover { - background-position: center left; - text-decoration-style: solid !important; - background-size: 100% !important; -} -.protyle-wysiwyg [data-node-id] span[data-type=virtual-block-ref] { - border-bottom: none; - text-decoration: underline; - text-decoration-thickness: 0.1em; - text-decoration-color: var(--b3-theme-on-surface-light); - text-decoration-style: dashed; - background: linear-gradient(90deg, var(--b3-border-color) 100%, transparent 0%) center right; - background-size: 0; - background-repeat: no-repeat; - transition: background-size 0.2s; -} -.protyle-wysiwyg [data-node-id] span[data-type=virtual-block-ref]:hover { - background-position: center left; - border: none; - background-size: 100% !important; -} -.protyle-wysiwyg [data-node-id] span[data-type~=a], .protyle-wysiwyg a { - color: inherit; - text-decoration: underline solid; - text-decoration-thickness: 0.1em; - text-decoration-color: var(--b3-theme-primary); -} -.protyle-wysiwyg [data-node-id] span[data-type~=a]:hover, .protyle-wysiwyg a:hover { - color: var(--b3-theme-primary); - border-bottom: none; -} -.protyle-wysiwyg span[data-type~=strong], -.protyle-wysiwyg strong { - color: inherit; -} -.protyle-wysiwyg span[data-type~=em], -.protyle-wysiwyg em { - color: inherit; -} -.protyle-wysiwyg span[data-type~=u], -.protyle-wysiwyg u { - text-decoration: underline; - text-decoration-thickness: 0.1em; - border-bottom: none; -} -.protyle-wysiwyg span[data-type~=s], -.protyle-wysiwyg s { - color: inherit; -} -.protyle-wysiwyg span[data-type~=mark], -.protyle-wysiwyg mark { - background: transparent; - box-shadow: 0 -0.5em 0 0 inset var(--b3-protyle-inline-mark-background), 0 0.1em 0 0 var(--b3-protyle-inline-mark-background); - color: inherit; -} -.protyle-wysiwyg span[data-type~=kbd], -.protyle-wysiwyg kbd { - font: 80% SF Pro, Consolas, "Liberation Mono", Menlo, Courier, var(--b3-font-family); - padding: 0.15em 0.5em; - border-radius: 1em; - box-decoration-break: clone; - -webkit-box-decoration-break: clone; - vertical-align: baseline; -} -html[data-theme-mode=dark] .protyle-wysiwyg span[data-type~=kbd], -html[data-theme-mode=dark] .protyle-wysiwyg kbd { - box-shadow: inset 0 1px 0 var(--b3-theme-surface-lighter); -} -.protyle-wysiwyg [data-node-id] span[data-type~=tag] { - --tag-color: var(--b3-font-color4); - font-size: 90%; - border-radius: 1em; - padding: 0.1em 0.5em 0.15em; - border: none; - box-shadow: 0 0 0 0.065em inset var(--tag-color); - background-color: transparent; - color: var(--tag-color); - box-decoration-break: clone; - -webkit-box-decoration-break: clone; -} -.protyle-wysiwyg [data-node-id] span[data-type~=tag]:hover { - background-color: transparent; -} -html[data-theme-mode=dark] .protyle-wysiwyg [data-node-id] span[data-type~=tag] { - --tag-color: #cc7c00; -} -.protyle-wysiwyg span[data-type~=code], -.protyle-wysiwyg code:not(.hljs) { - box-decoration-break: clone; - -webkit-box-decoration-break: clone; - border-radius: 0.4em; - color: inherit; -} -.protyle-wysiwyg span[data-type~=inline-memo] { - background-color: transparent; - border-bottom: none; - text-decoration: underline; - text-decoration-color: var(--b3-font-color5); - transition: all 150ms; - box-decoration-break: clone; -} -.protyle-wysiwyg span[data-type~=inline-memo]:hover { - --memo-bg: #ffe680; - background-color: var(--memo-bg); - box-shadow: 0 0 0 8px var(--memo-bg); - transition: all 0.15s; - text-decoration-color: var(--memo-bg); - color: var(--b3-theme-on-background) !important; - border-radius: 1px; - z-index: 1; - position: relative; -} -html[data-theme-mode=dark] .protyle-wysiwyg span[data-type~=inline-memo]:hover { - --memo-bg: #ddba0d; - color: var(--b3-theme-background) !important; -} -.protyle-wysiwyg .bq, -.protyle-wysiwyg blockquote { - border-radius: 10px; - padding: 16px; - border: 1.5px solid var(--b3-border-color-trans); - margin: 1em 0; - background-color: var(--b3-theme-surface-light); -} -.protyle-wysiwyg .bq > [data-type=NodeHeading]:first-child, -.protyle-wysiwyg blockquote > [data-type=NodeHeading]:first-child { - margin-top: 0; -} -.protyle-wysiwyg .sb .bq, -.protyle-wysiwyg .sb blockquote { - border: none; -} -.protyle-wysiwyg .code-block { - margin: 0.4em 0; -} -.protyle-wysiwyg .code-block .protyle-action .protyle-action__language { - margin-top: 0; - padding-left: 12px; -} -.protyle-wysiwyg .code-block .protyle-linenumber__rows { - padding: 2em 4px; -} -.protyle-wysiwyg .code-block .hljs { - border-radius: 10px; - background-color: var(--b3-theme-surface-light); - padding: 2em 16px; -} -.protyle-wysiwyg .li .protyle-action { - opacity: 0.8; - color: inherit !important; -} -.protyle-wysiwyg .li .protyle-action--task { - color: inherit; -} -.protyle-wysiwyg .li .protyle-action--task:hover { - color: var(--b3-theme-primary) !important; - opacity: 1; -} -.protyle-wysiwyg [data-node-id].li::before { - border-left: 1px solid; - border-left-color: inherit; - mask-image: linear-gradient(to bottom, transparent 1px, black 1px); - opacity: 0.1; - transition: opacity 0.2s; -} -.protyle-wysiwyg [data-node-id].li:hover::before { - border-left-color: inherit; - opacity: 0.3; -} -.protyle-wysiwyg [data-node-id].li > :is(.bq, blockquote) { - padding-right: 16px; -} -.protyle-wysiwyg [data-node-id].li[fold="1"] > .protyle-action:after { - border-radius: 99px; - transform: scale(1.5); - background-color: rgba(69, 69, 69, 0.1); -} -html[data-theme-mode=dark] .protyle-wysiwyg [data-node-id].li[fold="1"] > .protyle-action:after { - background-color: rgba(220, 220, 220, 0.1); -} -.protyle-wysiwyg .protyle-task--done > div[data-node-id].p { - opacity: 0.45; - color: inherit; - text-decoration: none; -} -.protyle-wysiwyg .protyle-task--done > .protyle-action--task { - opacity: 0.45; -} -.protyle-wysiwyg [data-node-id] .img img { - border-radius: 6px; -} -.protyle-wysiwyg [data-node-id] .img--select { - filter: none; -} -.protyle-wysiwyg [data-node-id] .img--select img { - filter: brightness(0.8); -} -.protyle-wysiwyg [data-node-id] .img .protyle-action { - opacity: 0; -} -.protyle-wysiwyg [data-node-id] .img .protyle-action__drag { - top: 50%; - transform: translateY(-50%); -} -.protyle-wysiwyg [data-node-id] .img:hover .protyle-action__drag { - box-shadow: 0 0 0 1px var(--b3-theme-on-surface); -} -.protyle-wysiwyg [data-node-id] .img:hover .protyle-action__drag:hover { - transform: scale(1.2) translateY(-40%); -} -.protyle-wysiwyg table { - border-radius: 6px; - border: 1px solid var(--b3-border-color-trans); - width: auto; - display: inline-block !important; -} -.protyle-wysiwyg table td, -.protyle-wysiwyg table th { - border: 1px solid var(--b3-border-color-trans); - background-color: transparent; -} -.protyle-wysiwyg table thead tr th { - background-color: rgba(127, 127, 127, 0.05); - border-top: none; -} -html[data-theme-mode=dark] .protyle-wysiwyg table thead tr th { - background-color: rgba(127, 127, 127, 0.15); -} -.protyle-wysiwyg table thead tr th:first-child { - border-left: none; -} -.protyle-wysiwyg table thead tr th:last-child { - border-right: none; -} -.protyle-wysiwyg table tbody tr:nth-child(2n) td { - background-color: rgba(127, 127, 127, 0.05); -} -html[data-theme-mode=dark] .protyle-wysiwyg table tbody tr:nth-child(2n) td { - background-color: rgba(127, 127, 127, 0.15); -} -.protyle-wysiwyg table tbody tr:last-child td { - border-bottom: none; -} -.protyle-wysiwyg table tbody tr td:first-child { - border-left: none; -} -.protyle-wysiwyg table tbody tr td:last-child { - border-right: none; -} -.protyle-wysiwyg [data-node-id].table[custom-pinthead=true] thead { - position: sticky; - z-index: 1; - box-shadow: 0px -1px 0px var(--b3-border-color-trans) inset; -} -.protyle-wysiwyg .table[custom-pinthead=true] thead tr th { - background-color: var(--b3-theme-surface); -} -.protyle-wysiwyg [data-node-id].hr > div:after { - background-color: var(--b3-border-color-trans); - height: 2px; - border-radius: 2px; -} -.protyle-wysiwyg video { - border-radius: 4px; -} -.protyle-wysiwyg > .sb + .sb, -.protyle-wysiwyg [data-node-id].sb[data-sb-layout=row] > .sb:not(:first-child) { - margin-top: 24px; -} -.protyle-wysiwyg [data-node-id].sb[data-sb-layout=col] > div { - margin-right: 24px; -} -.protyle-wysiwyg [data-node-id].sb[data-sb-layout=col] > .sb { - margin-top: 0; -} -.protyle-wysiwyg .sb > .bq { - margin: 0; -} -.protyle-wysiwyg .sb > .code-block { - margin: 0.2em 0; -} -.protyle-wysiwyg .sb[data-sb-layout=row] > :where(.bq, .sb, blockquote) + :where(.bq, blockquote) { - margin-top: 24px; -} -.protyle-wysiwyg [data-node-id].render-node[data-type=NodeBlockQueryEmbed] { - border-left: none; - padding: 16px; - background-color: var(--b3-theme-surface-light); -} -.protyle-wysiwyg [data-node-id].render-node[data-type=NodeBlockQueryEmbed] > .protyle-wysiwyg__embed { - border-top: 1px solid var(--b3-border-color-trans); -} -.protyle-wysiwyg [data-node-id].iframe iframe { - border-radius: 4px; - border-color: transparent; - transition: border-color 0.2s; -} -.protyle-wysiwyg [data-node-id].iframe:hover iframe { - border-color: var(--b3-border-color-trans); -} -.protyle-wysiwyg [data-node-id].iframe:hover .protyle-action__drag { - opacity: 0.5; -} -.protyle-wysiwyg [data-node-id].iframe .protyle-action__drag { - height: 24px; - width: 24px; - background-color: var(--b3-theme-on-surface); - mask-image: url(img/iframeResizer.svg); - mask-size: contain; - mask-repeat: no-repeat; - box-shadow: none; - border-radius: 0; - right: -8px; - bottom: -8.5px; - filter: brightness(0.5); - display: inline-block; - opacity: 0; -} -html[data-theme-mode=dark] .protyle-wysiwyg [data-node-id].iframe .protyle-action__drag { - filter: none; -} -.protyle-wysiwyg [data-node-id].iframe .protyle-action__drag:hover { - box-shadow: none; - opacity: 0.8; - background-color: var(--b3-theme-on-background); - transform: scale(1.2); -} -.protyle-wysiwyg [data-node-id].iframe .protyle-action__drag::after { - display: none; -} -.protyle-wysiwyg > div[data-type=NodeHeading]:first-child, .protyle-wysiwyg > [data-node-id].sb:first-child .sb:first-child { - margin-top: 0; -} -.protyle-wysiwyg div[fold="1"][data-type=NodeHeading] { - background-color: var(--b3-theme-surface-lighter); - outline: 1.5px solid var(--b3-border-color-trans); - opacity: 0.6; -} -.protyle-wysiwyg div[fold="1"][data-type=NodeHeading]::before { - display: none; -} -.protyle-toolbar { - animation: toolbar 0.2s ease-in-out; - border: none; - border-radius: 40px; - padding: 4px 6px; - background-color: var(--b3-theme-surface); - box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.05), 0px 13px 25px -2px rgba(0, 0, 0, 0.1), 0px 0px 10px 0px rgba(0, 0, 0, 0.05); - border: none; -} -html[data-theme-mode=dark] .protyle-toolbar { - box-shadow: 0 0 0 1px black, 0px 13px 25px -2px rgba(0, 0, 0, 0.3), 0px 0px 10px 0px rgba(0, 0, 0, 0.15); -} -html[data-theme-mode=dark] .protyle-toolbar { - outline: 1px solid var(--b3-border-color); -} -.protyle-toolbar__item { - height: 30px; - width: 30px; - padding-top: 3px; - border-radius: 20px; -} -.protyle-toolbar__item:first-child, .protyle-toolbar__item:last-child { - border-radius: 20px; -} -.protyle-toolbar__item:hover { - background-color: rgba(69, 69, 69, 0.1); -} -html[data-theme-mode=dark] .protyle-toolbar__item:hover { - background-color: rgba(220, 220, 220, 0.1); -} -.protyle-toolbar__item:not(.protyle-toolbar__item--current) { - color: rgba(69, 69, 69, 0.8); -} -html[data-theme-mode=dark] .protyle-toolbar__item:not(.protyle-toolbar__item--current) { - color: rgba(220, 220, 220, 0.8); -} -.protyle-toolbar__item:not(.protyle-toolbar__item--current):hover { - color: #454545; -} -html[data-theme-mode=dark] .protyle-toolbar__item:not(.protyle-toolbar__item--current):hover { - color: gainsboro; -} -.protyle-toolbar__divider { - border-left: 1px solid var(--b3-border-color-trans); -} -.protyle-scroll { - opacity: 0; - transform: scale(0.95, 0.9); - transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1), transform 0.2s cubic-bezier(0, 0, 0.2, 1); - transition-delay: 0.5s; -} -.protyle-scroll:hover { - opacity: 1; - transform: none; - transition-delay: 0s; -} -.protyle-scroll > .protyle-scroll__bar { - overflow: visible; -} -.protyle-scroll__bar { - top: calc(50% - 12px); -} -.protyle-font .color__square { - width: 20px; - height: 20px; - box-shadow: none; - border-radius: 50%; - line-height: 20px; - font-size: 14px; -} -.protyle-font .color__square:hover { - box-shadow: 0 0 0 1px inset var(--b3-border-color-trans); - transform: scale(1.2); - font-weight: bold; -} -.protyle-font .protyle-font__style { - font-size: 14px; -} -.protyle-font .protyle-font__style:hover { - transform: scale(1.1); - box-shadow: none; - border-color: transparent; - background-color: var(--b3-list-hover); -} -.protyle-font .b3-button { - border-radius: 99px; - padding: 4px 12px; - color: var(--b3-theme-on-surface); -} -.protyle-font .b3-button:hover { - box-shadow: none; -} -.protyle-font .b3-button:active { - transform: scale(0.95); - opacity: 0.8; - box-shadow: none; -} -.protyle-font .b3-button:focus { - box-shadow: none; -} -.protyle-font .b3-button:hover { - background-color: var(--b3-list-hover); - color: var(--b3-theme-on-background); -} -.protyle-font .b3-button:active, .protyle-font .b3-button:focus { - background-color: rgba(0, 0, 0, 0.1); - color: var(--b3-theme-on-background); -} -html[data-theme-mode=dark] .protyle-font .b3-button:active, html[data-theme-mode=dark] .protyle-font .b3-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} -.protyle .protyle-preview__action { - background-color: var(--b3-theme-background); - border-bottom: 1px solid var(--b3-border-color-trans); -} -.protyle .protyle-preview__action button { - background-color: transparent; -} -.protyle .protyle-preview__action button.protyle-preview__action--current { - background-color: transparent; - font-weight: 600; -} -.protyle .protyle-preview__action button:not(.protyle-preview__action--current):hover { - background-color: transparent; - color: var(--b3-theme-on-background); -} - -.b3-typography > * { - border-radius: 10px; -} -.b3-typography .h1, -.b3-typography h1 { - margin-top: 1.2em; -} -.b3-typography .h1 + .h2, -.b3-typography h1 + h2 { - margin-top: 0; -} -.b3-typography .h1 + .h3, -.b3-typography h1 + h3 { - margin-top: 0; -} -.b3-typography .h1 + .h4, -.b3-typography h1 + h4 { - margin-top: 0; -} -.b3-typography .h1 + .h5, -.b3-typography h1 + h5 { - margin-top: 0; -} -.b3-typography .h1 + .h6, -.b3-typography h1 + h6 { - margin-top: 0; -} -.b3-typography .h2, -.b3-typography h2 { - margin-top: 1.2em; -} -.b3-typography .h2 + .h3, -.b3-typography h2 + h3 { - margin-top: 0; -} -.b3-typography .h2 + .h4, -.b3-typography h2 + h4 { - margin-top: 0; -} -.b3-typography .h2 + .h5, -.b3-typography h2 + h5 { - margin-top: 0; -} -.b3-typography .h2 + .h6, -.b3-typography h2 + h6 { - margin-top: 0; -} -.b3-typography .h3, -.b3-typography h3 { - margin-top: 1.2em; -} -.b3-typography .h3 + .h4, -.b3-typography h3 + h4 { - margin-top: 0; -} -.b3-typography .h3 + .h5, -.b3-typography h3 + h5 { - margin-top: 0; -} -.b3-typography .h3 + .h6, -.b3-typography h3 + h6 { - margin-top: 0; -} -.b3-typography .h4, -.b3-typography h4 { - margin-top: 1.2em; -} -.b3-typography .h4 + .h5, -.b3-typography h4 + h5 { - margin-top: 0; -} -.b3-typography .h4 + .h6, -.b3-typography h4 + h6 { - margin-top: 0; -} -.b3-typography .h5, -.b3-typography h5 { - margin-top: 1.2em; -} -.b3-typography .h5 + .h6, -.b3-typography h5 + h6 { - margin-top: 0; -} -.b3-typography .h6, -.b3-typography h6 { - margin-top: 1.2em; -} -.b3-typography a { - color: inherit; - text-decoration: underline solid; - text-decoration-thickness: 0.1em; - text-decoration-color: var(--b3-theme-primary); -} -.b3-typography a:hover { - color: var(--b3-theme-primary); - border-bottom: none; -} -.b3-typography span[data-type~=strong], -.b3-typography strong { - color: inherit; -} -.b3-typography span[data-type~=em], -.b3-typography em { - color: inherit; -} -.b3-typography span[data-type~=u], -.b3-typography u { - text-decoration: underline; - text-decoration-thickness: 0.1em; - border-bottom: none; -} -.b3-typography span[data-type~=s], -.b3-typography s { - color: inherit; -} -.b3-typography span[data-type~=mark], -.b3-typography mark { - background: transparent; - box-shadow: 0 -0.5em 0 0 inset var(--b3-protyle-inline-mark-background), 0 0.1em 0 0 var(--b3-protyle-inline-mark-background); - color: inherit; -} -.b3-typography span[data-type~=kbd], -.b3-typography kbd { - font: 80% SF Pro, Consolas, "Liberation Mono", Menlo, Courier, var(--b3-font-family); - padding: 0.15em 0.5em; - border-radius: 1em; - box-decoration-break: clone; - -webkit-box-decoration-break: clone; - vertical-align: baseline; -} -html[data-theme-mode=dark] .b3-typography span[data-type~=kbd], -html[data-theme-mode=dark] .b3-typography kbd { - box-shadow: inset 0 1px 0 var(--b3-theme-surface-lighter); -} -.b3-typography span[data-type~=code], -.b3-typography code:not(.hljs) { - box-decoration-break: clone; - -webkit-box-decoration-break: clone; - border-radius: 0.4em; - color: inherit; -} -.b3-typography .bq, -.b3-typography blockquote { - border-radius: 10px; - padding: 16px; - border: 1.5px solid var(--b3-border-color-trans); - margin: 1em 0; - background-color: var(--b3-theme-surface-light); -} -.b3-typography .bq > [data-type=NodeHeading]:first-child, -.b3-typography blockquote > [data-type=NodeHeading]:first-child { - margin-top: 0; -} -.b3-typography .hljs { - border-radius: 10px; - background-color: var(--b3-theme-surface-light); - padding: 2em 16px; -} -.b3-typography table { - border-radius: 6px; - border: 1px solid var(--b3-border-color-trans); - width: auto; - display: inline-block !important; -} -.b3-typography table td, -.b3-typography table th { - border: 1px solid var(--b3-border-color-trans); - background-color: transparent; -} -.b3-typography table thead tr th { - background-color: rgba(127, 127, 127, 0.05); - border-top: none; -} -html[data-theme-mode=dark] .b3-typography table thead tr th { - background-color: rgba(127, 127, 127, 0.15); -} -.b3-typography table thead tr th:first-child { - border-left: none; -} -.b3-typography table thead tr th:last-child { - border-right: none; -} -.b3-typography table tbody tr:nth-child(2n) td { - background-color: rgba(127, 127, 127, 0.05); -} -html[data-theme-mode=dark] .b3-typography table tbody tr:nth-child(2n) td { - background-color: rgba(127, 127, 127, 0.15); -} -.b3-typography table tbody tr:last-child td { - border-bottom: none; -} -.b3-typography table tbody tr td:first-child { - border-left: none; -} -.b3-typography table tbody tr td:last-child { - border-right: none; -} -.b3-typography table { - width: max-content; - border: none; - box-shadow: 0 0 0 1px var(--b3-border-color-trans); -} -.b3-typography img { - border-radius: 6px; -} -.b3-typography hr { - background-color: transparent; - border: 1px solid var(--b3-border-color-trans); -} -.b3-typography video, .b3-typography iframe { - border-radius: 4px; - border-color: transparent; -} - -.pdf__outer#outerContainer #sidebarContainer { - top: 42px; - z-index: 1; -} -.pdf__outer#outerContainer #sidebarContainer #sidebarResizer { - right: -3px; -} -.pdf__outer#outerContainer #sidebarContainer #sidebarResizer::after { - background-color: transparent; -} -.pdf__outer#outerContainer #sidebarContainer #sidebarResizer:hover::after { - background-color: var(--b3-theme-primary-light); -} -.pdf__outer#outerContainer #sidebarContainer #sidebarContent .treeItem > a { - line-height: 1.5; -} -.pdf__outer#outerContainer .pdf__toolbar #toolbarContainer #toolbarViewer { - height: 42px; - align-items: center; -} -.pdf__outer#outerContainer .pdf__toolbar #toolbarContainer #toolbarViewer .dropdownToolbarButton { - margin: 4px 8px 4px 0; -} -.pdf__outer#outerContainer .findbar { - padding: 4px 8px; - right: 8px; - overflow: visible !important; -} -.pdf__outer#outerContainer .findbar > :is(input, button, label.b3-button) { - margin-top: 4px; - margin-bottom: 4px; -} -.pdf__outer#outerContainer .findbar .b3-button { - transition: 0.2s; - border-radius: 99px; - padding: 4px 12px; - color: var(--b3-theme-primary); - font-weight: 600; - margin: 0; - background-color: transparent; -} -.pdf__outer#outerContainer .findbar .b3-button:hover { - box-shadow: none; -} -.pdf__outer#outerContainer .findbar .b3-button:active { - transform: scale(0.95); - opacity: 0.8; - box-shadow: none; -} -.pdf__outer#outerContainer .findbar .b3-button:focus { - box-shadow: none; -} -.pdf__outer#outerContainer .findbar .b3-button:hover { - background-color: var(--b3-theme-primary-lightest); -} -.pdf__outer#outerContainer .findbar .b3-button:active, .pdf__outer#outerContainer .findbar .b3-button:focus { - background-color: var(--b3-theme-primary); - color: var(--b3-theme-on-primary); -} -.pdf__outer#outerContainer .findbar .b3-button:hover { - box-shadow: none; -} -.pdf__outer#outerContainer .findbar .b3-button--outline { - border-radius: 99px; - padding: 4px 12px; - color: var(--b3-theme-on-surface); -} -.pdf__outer#outerContainer .findbar .b3-button--outline:hover { - box-shadow: none; -} -.pdf__outer#outerContainer .findbar .b3-button--outline:active { - transform: scale(0.95); - opacity: 0.8; - box-shadow: none; -} -.pdf__outer#outerContainer .findbar .b3-button--outline:focus { - box-shadow: none; -} -.pdf__outer#outerContainer .findbar .b3-button--outline:hover { - background-color: var(--b3-list-hover); - color: var(--b3-theme-on-background); -} -.pdf__outer#outerContainer .findbar .b3-button--outline:active, .pdf__outer#outerContainer .findbar .b3-button--outline:focus { - background-color: rgba(0, 0, 0, 0.1); - color: var(--b3-theme-on-background); -} -html[data-theme-mode=dark] .pdf__outer#outerContainer .findbar .b3-button--outline:active, html[data-theme-mode=dark] .pdf__outer#outerContainer .findbar .b3-button--outline:focus { - background-color: rgba(255, 255, 255, 0.1); -} -.pdf__outer#outerContainer .findbar #findResultsCount { - pointer-events: none; - font-weight: 400; -} -.pdf__outer#outerContainer #viewerContainer { - top: 42px; - transition: none; -} -body.body-status-shown .pdf__outer#outerContainer #viewerContainer { - padding-bottom: 42px; -} -.pdf__outer#outerContainer #dialogContainer .dialog { - padding: 16px; - box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 24px 40px 9px rgba(0, 0, 0, 0.1); - border: none; -} -html[data-theme-mode=dark] .pdf__outer#outerContainer #dialogContainer .dialog { - box-shadow: 0 0 0 1px #000, 0px 10px 15px -3px rgba(0, 0, 0, 0.3), 0px 24px 40px 9px rgba(0, 0, 0, 0.3); -} -html[data-theme-mode=dark] .pdf__outer#outerContainer #dialogContainer .dialog { - outline: 1px solid var(--b3-border-color); -} -.pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose { - border-radius: 99px; - padding: 4px 12px; - color: var(--b3-theme-primary); - font-weight: 600; - background-color: transparent; - transition: 0.2s; -} -.pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose:hover { - box-shadow: none; -} -.pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose:active { - transform: scale(0.95); - opacity: 0.8; - box-shadow: none; -} -.pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose:focus { - box-shadow: none; -} -.pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose:hover { - background-color: var(--b3-theme-primary-lightest); -} -.pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose:active, .pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose:focus { - background-color: var(--b3-theme-primary); - color: var(--b3-theme-on-primary); -} -.pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose:hover, .pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose:active, .pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose:focus { - box-shadow: none; -} -.pdf__outer#outerContainer .pdf__util { - padding: 6px; -} -.pdf__outer#outerContainer .pdf__util .color__square { - height: 14px; - width: 14px; - margin-right: 6px; - box-shadow: none; - border-radius: 50%; -} -.pdf__outer#outerContainer .pdf__util .color__square:hover { - box-shadow: 0 0 0 1px inset var(--b3-border-color-trans); - transform: scale(1.2); -} -.pdf__outer#outerContainer .pdf__util .color__square:last-child { - margin-right: 0; -} -.pdf__outer#outerContainer .pdf__util .b3-menu__item:not(:hover) { - background-color: transparent; -} - -.av__header .layout-tab-bar { - margin: 8px auto 8px; - border-radius: 8px !important; - background-color: var(--b3-list-hover); - padding: 2px; - height: 32px; -} -.av__header .layout-tab-bar .item { - border-radius: 6px !important; - background-color: transparent; - transition: none !important; - padding: 2px 12px; -} -.av__header .layout-tab-bar .item:hover:not(.item--focus) { - background-color: transparent !important; -} -.av__header .layout-tab-bar .item:hover:not(.item--focus) .item__text { - color: var(--b3-theme-on-background) !important; -} -.av__header .layout-tab-bar .item--focus { - max-width: unset; - box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2); - animation: none; - background-color: white; -} -html[data-theme-mode=dark] .av__header .layout-tab-bar .item--focus { - box-shadow: 0 1px 0 0 inset rgba(255, 255, 255, 0.1), 0 1px 4px -1px rgba(0, 0, 0, 0.2); -} -html[data-theme-mode=dark] .av__header .layout-tab-bar .item--focus { - background-color: rgba(224, 224, 224, 0.2); -} -.av__header .layout-tab-bar .item--focus .item__text { - color: var(--b3-theme-on-background); -} -.av__header .layout-tab-bar .item:not(.item--focus, .fn__none) + .item:not(.item--focus):not(:first-child)::before { - content: ""; - position: absolute; - display: block; - width: 2px; - height: 1.3em; - left: -4px; - border-radius: 9px; - background-color: rgba(0, 0, 0, 0.08); -} -html[data-theme-mode=dark] .av__header .layout-tab-bar .item:not(.item--focus, .fn__none) + .item:not(.item--focus):not(:first-child)::before { - background-color: rgba(255, 255, 255, 0.08); -} -.av__header .layout-tab-bar .item__graphic { - font-family: var(--b3-font-family-emoji); -} -.av__header .layout-tab-bar .item:not(.item--focus) .item__graphic { - color: var(--b3-theme-on-surface); -} -.av__header .layout-tab-bar .item:not(.item--focus):hover .item__graphic { - color: var(--b3-theme-on-background); -} -.av__header .layout-tab-bar .item--focus:hover { - background-color: white !important; -} -html[data-theme-mode=dark] .av__header .layout-tab-bar .item--focus:hover { - background-color: rgba(224, 224, 224, 0.2) !important; -} -.av__header .block__icon:hover { - background-color: transparent !important; -} -.av__header .block__icon--active { - color: var(--b3-theme-primary); - background-color: transparent; -} -.av__header .av__title { - font-size: 1.2em; - margin: 0 0 4px; -} -.av__header .av__counter { - display: inline-block; - width: 100%; - padding: 4px; -} -.av__scroll .av__row--header { - color: var(--b3-theme-on-surface); - font-weight: 500; -} -.av__scroll .av__row { - border-bottom-color: var(--b3-border-color-trans); -} -.av__scroll .av__row:hover .b3-chip[data-type=block-more] { - opacity: 1; -} -.av__scroll .av__row .av__cell { - border-right-color: var(--b3-border-color-trans); -} -.av__scroll .av__row .av__cell .b3-chip { - border-radius: 20px; - padding: 2px 6px; - color: var(--b3-theme-on-surface); - background-color: var(--b3-theme-surface); -} -.av__scroll .av__row .av__cell .b3-chip:hover { - color: var(--b3-theme-on-background); -} -.av__scroll .av__row .av__cell .popover__block { - color: var(--b3-theme-primary); - font-weight: 500; -} -.av__scroll .av__row .av__cell .popover__block:hover { - background-color: var(--b3-theme-primary); - color: var(--b3-theme-on-primary); -} -.av__scroll .av__row .av__cell .b3-chip[data-type=block-more] { - font-weight: 500; -} -.av__scroll .av__row .av__cell .av__celltext--url, -.av__scroll .av__row .av__cell .av__celltext--ref { - border-bottom: none; - text-decoration: underline var(--b3-border-color-trans); - text-decoration-thickness: 0.1em; -} -.av__scroll .av__row .av__cell .block__icon { - border-radius: 20px; -} -.av__scroll .av__row .av__cell:hover .block__icon { - background-color: var(--b3-theme-surface) !important; -} -.av__scroll .av__row--footer { - border-top-color: var(--b3-border-color-trans); -} -.av__scroll .av__cell--select { - box-shadow: none; - border-radius: 0; -} -.av__panel .b3-menu .b3-menu__items .b3-menu__item[data-type=nobg] { - cursor: default; - align-items: center; - height: 30px; -} -.av__panel .b3-menu .b3-menu__items .b3-menu__item[data-type=nobg] .b3-menu__label { - font-weight: 500; - color: var(--b3-theme-on-surface); -} -.av__panel .b3-menu .b3-menu__items .b3-menu__item[data-type=nobg]:first-child > .block__icon + .ft__center { - transform: translateX(-15px); - pointer-events: none; -} -.av__panel .b3-menu .b3-menu__items .b3-menu__item[data-type=goUpdateColType] { - height: 30px; - align-items: center; - margin-top: 4px; -} -.av__panel .b3-menu .b3-menu__items .b3-menu__item[draggable=true] { - mix-blend-mode: normal !important; -} -.av__panel .b3-menu .b3-menu__items .b3-menu__item[draggable=true] .b3-chip:not(.b3-chip--primary) { - background-color: var(--b3-theme-surface); -} -.av__panel .b3-menu .b3-menu__items .b3-menu__item[draggable=true]:hover .b3-menu__action { - opacity: 0.7; -} -.av__panel .b3-menu .b3-menu__items .b3-menu__item[draggable=true]:hover .b3-menu__action:hover { - opacity: 1; -} -.av__panel .b3-menu .b3-menu__items .b3-menu__item .b3-menu__label input[data-type=addOption]:focus { - background-color: var(--b3-menu-background); -} -.av__panel .b3-menu .b3-chips { - border-bottom: 1px solid var(--b3-border-color-trans); - margin-bottom: 4px; -} -.av__panel .b3-menu .b3-chips .b3-chip--middle::before { - content: ""; - display: inline-block; - width: 8px; - transition: var(--b3-transition); -} -.av__panel .b3-menu .b3-chips .b3-chip--middle .b3-chip__close { - opacity: 0; - width: 8px; -} -.av__panel .b3-menu .b3-chips .b3-chip--middle:hover::before { - width: 0; -} -.av__panel .b3-menu .b3-chips .b3-chip--middle:hover .b3-chip__close { - opacity: 1; - width: 16px; -} -.av__panel .b3-menu .b3-chips .b3-chip--middle, .av__panel .b3-menu .b3-chips ~ div [data-type=addColOptionOrCell] .b3-chip { - border-radius: 20px; -} -.av__panel .b3-menu .b3-chips input { - background-color: transparent; -} -.av__mask textarea { - resize: both; - background-color: var(--b3-theme-surface); -} -.av__mask .b3-text-field, -.av__mask select.b3-select { - background-color: var(--b3-theme-surface); -} - -.b3-menu[data-name=av-col-option] .b3-menu__item .color__square { - box-shadow: none; -} -.b3-menu[data-name*=set-filter] .b3-menu__item input:focus, .b3-menu[data-name=av-col-option] .b3-menu__item input:focus { - background-color: var(--b3-menu-background); -} -.b3-menu .b3-menu__label .b3-chip { - border-radius: 4px; -} -.b3-menu__item:not(.b3-menu__item--readonly) .b3-menu__accelerator svg { - height: 24px !important; -} -.b3-menu__item:not(.b3-menu__item--readonly):hover textarea:not([data-type=ocr]), -.b3-menu__item:not(.b3-menu__item--readonly) textarea:not([data-type=ocr]):focus { - background-color: var(--b3-menu-background); - transition: none; -} -.b3-menu__item:not(.b3-menu__item--readonly):hover select { - background-color: var(--b3-menu-background); - transition: none; -} -.b3-menu__item:not(.b3-menu__item--readonly) .b3-button { - background-color: var(--b3-menu-background); - border-radius: 99px; - color: var(--b3-theme-primary); - font-weight: 600; - transition: 0.1s all; - border: none; - box-shadow: none; -} -html[data-theme-mode=dark] .b3-menu__item:not(.b3-menu__item--readonly) .b3-button { - background-color: rgba(0, 0, 0, 0.2); -} -html[data-theme-mode=dark] .b3-menu__item:not(.b3-menu__item--readonly) .b3-button:hover { - background-color: var(--b3-theme-primary); -} -.b3-menu__item:not(.b3-menu__item--readonly) .b3-button:hover { - background-color: var(--b3-theme-primary); - color: var(--b3-theme-on-primary); - transition: 0.1s all; -} -.b3-menu__item:not(.b3-menu__item--readonly) .b3-button:active { - transform: scale(0.95); - opacity: 0.8; -} -.b3-menu__item:not(.b3-menu__item--readonly) .block__icon { - font-family: var(--b3-font-family-emoji); -} -.b3-menu .b3-chip { - border-radius: 4px; -} -.b3-menu .b3-chip[style*=background-color] { - padding: 4px 8px; -} -.b3-menu .b3-chip .icon { - font-family: var(--b3-font-family-emoji); -} - -.protyle-hint > input.b3-text-field { - margin: 0 !important; - background-color: var(--b3-menu-background); - padding: 8px; - box-sizing: content-box; - border-bottom: 1px solid var(--b3-border-color-trans); - border-radius: 0; -} -.protyle-hint > input.b3-text-field:focus { - background-color: var(--b3-menu-background); - outline: none; -} - -.layout__dockl .layout-tab-container, -.layout__dockr .layout-tab-container { - background-color: var(--b3-theme-surface); -} -.layout__dockl .layout-tab-container .block__icons .block__logo, -.layout__dockr .layout-tab-container .block__icons .block__logo { - font-weight: 600; - color: rgba(69, 69, 69, 0.5); -} -.layout__dockl .layout-tab-container .block__icons .block__logo svg, -.layout__dockr .layout-tab-container .block__icons .block__logo svg { - visibility: hidden; - width: 0px; -} -html[data-theme-mode=dark] .layout__dockl .layout-tab-container .block__icons .block__logo, -html[data-theme-mode=dark] .layout__dockr .layout-tab-container .block__icons .block__logo { - color: rgba(220, 220, 220, 0.5); -} -.layout__dockl .layout-tab-container .block__icons .block__icon:hover, -.layout__dockr .layout-tab-container .block__icons .block__icon:hover { - background-color: transparent; -} -.layout__dockl .layout-tab-container .block__icons .fn__space, -.layout__dockr .layout-tab-container .block__icons .fn__space { - width: 0; -} -.layout__dockl .layout-tab-container .block__icons ~ .fn__flex-1, -.layout__dockr .layout-tab-container .block__icons ~ .fn__flex-1 { - margin-bottom: 0 !important; -} -.layout__dockl .layout-tab-container .block__icons ~ .fn__flex-1:not(.graph__svg, .backlinkList, .backlinkMList), -.layout__dockr .layout-tab-container .block__icons ~ .fn__flex-1:not(.graph__svg, .backlinkList, .backlinkMList) { - padding: 0 2px; -} -.layout__dockl .layout-tab-container .b3-list-item, -.layout__dockr .layout-tab-container .b3-list-item { - margin: 4px 6px; -} -.layout__dockl .layout-tab-container .b3-list-item .b3-list-item__graphic, -.layout__dockl .layout-tab-container .b3-list-item .b3-list-item__text, -.layout__dockr .layout-tab-container .b3-list-item .b3-list-item__graphic, -.layout__dockr .layout-tab-container .b3-list-item .b3-list-item__text { - color: var(--b3-theme-on-surface); -} -.layout__dockl .layout-tab-container .b3-list-item .b3-list-item__toggle, -.layout__dockr .layout-tab-container .b3-list-item .b3-list-item__toggle { - color: rgba(69, 69, 69, 0.6); -} -html[data-theme-mode=dark] .layout__dockl .layout-tab-container .b3-list-item .b3-list-item__toggle, -html[data-theme-mode=dark] .layout__dockr .layout-tab-container .b3-list-item .b3-list-item__toggle { - color: rgba(220, 220, 220, 0.6); -} -.layout__dockl .layout-tab-container .b3-list-item .b3-list-item__toggle.fn__hidden::before, -.layout__dockr .layout-tab-container .b3-list-item .b3-list-item__toggle.fn__hidden::before { - visibility: visible; - content: ""; - position: absolute; - left: 12px; - clip-path: circle(45% at center); - width: 3px; - height: 3px; - background-color: rgba(69, 69, 69, 0.6); -} -html[data-theme-mode=dark] .layout__dockl .layout-tab-container .b3-list-item .b3-list-item__toggle.fn__hidden::before, -html[data-theme-mode=dark] .layout__dockr .layout-tab-container .b3-list-item .b3-list-item__toggle.fn__hidden::before { - background-color: rgba(220, 220, 220, 0.6); -} -.layout__dockl .layout-tab-container .b3-list-item .b3-list-item__toggle--hl:hover, -.layout__dockr .layout-tab-container .b3-list-item .b3-list-item__toggle--hl:hover { - color: var(--b3-theme-on-background) !important; - background-color: transparent; -} -.layout__dockl .layout-tab-container .b3-list-item:hover .b3-list-item__text, -.layout__dockr .layout-tab-container .b3-list-item:hover .b3-list-item__text { - color: var(--b3-theme-on-background); -} -.layout__dockl .layout-tab-container .b3-list-item--focus, -.layout__dockr .layout-tab-container .b3-list-item--focus { - background-color: var(--b3-list-hover); -} -.layout__dockl .layout-tab-container .b3-list-item--focus .b3-list-item__text, -.layout__dockr .layout-tab-container .b3-list-item--focus .b3-list-item__text { - color: var(--b3-theme-on-background); - font-weight: 600; -} -.layout__dockl .layout-tab-container .b3-list-item--focus:hover, -.layout__dockr .layout-tab-container .b3-list-item--focus:hover { - background-color: var(--b3-list-hover); -} -.layout__dockl .layout-tab-container .b3-list-item .b3-list-item__icon, -.layout__dockr .layout-tab-container .b3-list-item .b3-list-item__icon { - font-size: 14px; -} -.layout__dockl .layout-tab-container .b3-list-item .b3-list-item__action, -.layout__dockr .layout-tab-container .b3-list-item .b3-list-item__action { - color: var(--b3-theme-on-surface); -} -.layout__dockl .layout-tab-container .b3-list-item .b3-list-item__action:hover, -.layout__dockr .layout-tab-container .b3-list-item .b3-list-item__action:hover { - color: var(--b3-theme-on-background); - background-color: transparent; -} - -.layout__dockl.layout--float, -.layout__dockr.layout--float { - box-shadow: none; - height: calc(100% - var(--toolbar-height)); - bottom: 0; - top: unset; - border-radius: 0; - border-top: none; - border-bottom: none; - opacity: 1 !important; -} -.layout__dockl.layout--float .layout-tab-container, -.layout__dockr.layout--float .layout-tab-container { - background-color: var(--b3-theme-background); -} -.fn__flex-1.has-dockb .layout__dockl.layout--float, -.fn__flex-1.has-dockb .layout__dockr.layout--float { - height: calc(100% - var(--toolbar-height) - 42px - var(--status-height, 32px)); - top: var(--toolbar-height); -} - -.layout__dockb .layout-tab-container { - background-color: var(--b3-theme-surface); -} -.layout__dockb .layout-tab-container .block__icons .block__logo { - font-weight: 600; - color: rgba(69, 69, 69, 0.5); -} -.layout__dockb .layout-tab-container .block__icons .block__logo svg { - visibility: hidden; - width: 0px; -} -html[data-theme-mode=dark] .layout__dockb .layout-tab-container .block__icons .block__logo { - color: rgba(220, 220, 220, 0.5); -} -.layout__dockb .layout-tab-container .block__icons .block__icon:hover { - background-color: transparent; -} -.layout__dockb .layout-tab-container .block__icons .fn__space { - width: 0; -} -.layout__dockb .layout-tab-container .block__icons ~ .fn__flex-1 { - margin-bottom: 0 !important; -} -.layout__dockb .layout-tab-container .block__icons ~ .fn__flex-1:not(.graph__svg, .backlinkList, .backlinkMList) { - padding: 0 2px; -} -.layout__dockb .layout-tab-container .b3-list-item { - margin: 4px 6px; -} -.layout__dockb .layout-tab-container .b3-list-item .b3-list-item__graphic, -.layout__dockb .layout-tab-container .b3-list-item .b3-list-item__text { - color: var(--b3-theme-on-surface); -} -.layout__dockb .layout-tab-container .b3-list-item .b3-list-item__toggle { - color: rgba(69, 69, 69, 0.6); -} -html[data-theme-mode=dark] .layout__dockb .layout-tab-container .b3-list-item .b3-list-item__toggle { - color: rgba(220, 220, 220, 0.6); -} -.layout__dockb .layout-tab-container .b3-list-item .b3-list-item__toggle.fn__hidden::before { - visibility: visible; - content: ""; - position: absolute; - left: 12px; - clip-path: circle(45% at center); - width: 3px; - height: 3px; - background-color: rgba(69, 69, 69, 0.6); -} -html[data-theme-mode=dark] .layout__dockb .layout-tab-container .b3-list-item .b3-list-item__toggle.fn__hidden::before { - background-color: rgba(220, 220, 220, 0.6); -} -.layout__dockb .layout-tab-container .b3-list-item .b3-list-item__toggle--hl:hover { - color: var(--b3-theme-on-background) !important; - background-color: transparent; -} -.layout__dockb .layout-tab-container .b3-list-item:hover .b3-list-item__text { - color: var(--b3-theme-on-background); -} -.layout__dockb .layout-tab-container .b3-list-item--focus { - background-color: var(--b3-list-hover); -} -.layout__dockb .layout-tab-container .b3-list-item--focus .b3-list-item__text { - color: var(--b3-theme-on-background); - font-weight: 600; -} -.layout__dockb .layout-tab-container .b3-list-item--focus:hover { - background-color: var(--b3-list-hover); -} -.layout__dockb .layout-tab-container .b3-list-item .b3-list-item__icon { - font-size: 14px; -} -.layout__dockb .layout-tab-container .b3-list-item .b3-list-item__action { - color: var(--b3-theme-on-surface); -} -.layout__dockb .layout-tab-container .b3-list-item .b3-list-item__action:hover { - color: var(--b3-theme-on-background); - background-color: transparent; -} -.layout__dockb.layout--float { - box-shadow: none; - opacity: 1 !important; -} -.fn__flex-1.has-dockb .layout__dockb.layout--float:not([style*=transform]) { - bottom: calc(42px + var(--status-height, 32px) - 1px) !important; -} -.layout__dockb.layout--float[style*="bottom: 26px"] { - bottom: 0 !important; -} -.layout__dockb.layout--float .layout-tab-container { - background-color: var(--b3-theme-background); -} -.layout__dockl.layout--float { - border-right: 1px solid var(--b3-border-color); -} - -.layout__dockr.layout--float { - border-left: 1px solid var(--b3-border-color); -} - -.layout__dockb.layout--float { - border-top: 1px solid var(--b3-border-color); -} - -.sy__outline .b3-list-item[title] { - display: none; -} -.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h1] .b3-list-item__text::before { - content: "❶"; -} -.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h2] .b3-list-item__text::before { - content: "❷"; -} -.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h3] .b3-list-item__text::before { - content: "❸"; -} -.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h4] .b3-list-item__text::before { - content: "❹"; -} -.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h5] .b3-list-item__text::before { - content: "❺"; -} -.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h6] .b3-list-item__text::before { - content: "❻"; -} -.sy__outline .b3-list-item[data-type=NodeHeading] .b3-list-item__text::before { - position: absolute; - background-color: transparent; - left: 24px; - top: 0; - opacity: 0.5; - z-index: 0; - transition: 0.2s; - font-family: SF Pro; - font-size: 16px; -} -body.body--win32 .sy__outline .b3-list-item[data-type=NodeHeading] .b3-list-item__text::before { - font-family: "Segoe UI"; - font-size: 11px; -} -.sy__outline .b3-list-item[data-type=NodeHeading] > svg { - color: transparent !important; - z-index: 1; -} -.sy__outline .b3-list-item[data-type=NodeHeading] > svg:hover ~ .b3-list-item__text::before { - color: var(--b3-theme-primary); - opacity: 1; -} - -.sy__tag .b3-list-item__graphic { - display: none; -} - -.sy__backlink .block__icons .search__label:not(.fn__none) ~ .block__icon { - opacity: 0; -} -.sy__backlink .block__icons .block__logo + .counter { - line-height: 24px; -} -.sy__backlink .block__icons + .fn__flex-1 li { - z-index: 1; -} -.sy__backlink .block__icons + .fn__flex-1 li:not(.b3-list--empty) { - position: sticky; - top: 0; -} -.sy__backlink .block__icons + .fn__flex-1 li:not(.b3-list--empty) { - margin: 0; - padding: 2px 8px; - border-radius: 0; - background-color: #ededed !important; -} -html[data-theme-mode=dark] .sy__backlink .block__icons + .fn__flex-1 li:not(.b3-list--empty) { - background-color: #474747 !important; -} -.layout--float .sy__backlink .block__icons + .fn__flex-1 li:not(.b3-list--empty), .layout__center .sy__backlink .block__icons + .fn__flex-1 li:not(.b3-list--empty) { - background-color: var(--b3-theme-surface) !important; -} -.sy__backlink .protyle, .sy__backlink .protyle-content { - background-color: transparent; -} -.sy__backlink .protyle .protyle-breadcrumb__bar { - margin-bottom: -8px !important; - height: 36px; -} -.sy__backlink .protyle .protyle-breadcrumb__bar:not(:first-child) { - border-top: 1px solid var(--b3-border-color-trans); -} -.sy__backlink .protyle .protyle-breadcrumb__bar span.protyle-breadcrumb__item, .sy__backlink .protyle .protyle-breadcrumb__bar svg.protyle-breadcrumb__arrow { - display: none; -} -.sy__backlink .protyle .protyle-breadcrumb__bar span.protyle-breadcrumb__item:nth-last-of-type(1), -.sy__backlink .protyle .protyle-breadcrumb__bar span.protyle-breadcrumb__item:nth-last-of-type(2) { - display: flex; -} -.sy__backlink .protyle .protyle-breadcrumb__bar svg.protyle-breadcrumb__arrow:last-of-type { - display: block; -} -.sy__backlink .protyle .protyle-breadcrumb__bar span.protyle-breadcrumb__item:nth-last-of-type(1) { - opacity: 0; - transition: opacity 0.2s; -} -.sy__backlink .protyle .protyle-breadcrumb__bar:hover span.protyle-breadcrumb__item:nth-last-of-type(1) { - opacity: 1; -} -.sy__backlink .protyle .protyle-breadcrumb__bar span.protyle-breadcrumb__item:first-child { - opacity: 1; -} -.sy__backlink .protyle .protyle-breadcrumb__bar .protyle-breadcrumb__item--active svg { - background-color: var(--b3-theme-primary); - color: var(--b3-theme-on-primary); -} -.sy__backlink .protyle .protyle-wysiwyg { - padding-top: 0 !important; -} - -.sy__graph .graph__svg, .sy__globalGraph .graph__svg { - background-color: transparent; -} - -.graph:not(.fullscreen) { - background-color: transparent; -} - -.graph__panel .b3-button { - border-radius: 99px; - padding: 4px 12px; - color: var(--b3-theme-on-surface); - background-color: transparent; -} -.graph__panel .b3-button:hover { - box-shadow: none; -} -.graph__panel .b3-button:active { - transform: scale(0.95); - opacity: 0.8; - box-shadow: none; -} -.graph__panel .b3-button:focus { - box-shadow: none; -} -.graph__panel .b3-button:hover { - background-color: var(--b3-list-hover); - color: var(--b3-theme-on-background); -} -.graph__panel .b3-button:active, .graph__panel .b3-button:focus { - background-color: rgba(0, 0, 0, 0.1); - color: var(--b3-theme-on-background); -} -html[data-theme-mode=dark] .graph__panel .b3-button:active, html[data-theme-mode=dark] .graph__panel .b3-button:focus { - background-color: rgba(255, 255, 255, 0.1); -} - -.layout__center .block__icons .block__logo { - font-weight: 600; - color: rgba(69, 69, 69, 0.5); -} -.layout__center .block__icons .block__logo svg { - visibility: hidden; - width: 0px; -} -html[data-theme-mode=dark] .layout__center .block__icons .block__logo { - color: rgba(220, 220, 220, 0.5); -} -.layout__center .block__icons .block__icon:hover { - background-color: transparent; -} -.layout__center .block__icons .fn__space { - width: 0; -} -.layout__center .block__icons, .layout__center .block__icons ~ * { - background-color: var(--b3-theme-background); -} -.layout__center .block__icons ~ .fn__flex-1 { - margin-bottom: 0 !important; -} -.layout__center .block__icons ~ .fn__flex-1:not(.graph__svg, .backlinkList, .backlinkMList) { - padding: 0 2px; -} -.layout__center .b3-list-item { - margin: 4px 6px; -} -.layout__center .b3-list-item .b3-list-item__graphic, -.layout__center .b3-list-item .b3-list-item__text { - color: var(--b3-theme-on-surface); -} -.layout__center .b3-list-item .b3-list-item__toggle { - color: rgba(69, 69, 69, 0.6); -} -html[data-theme-mode=dark] .layout__center .b3-list-item .b3-list-item__toggle { - color: rgba(220, 220, 220, 0.6); -} -.layout__center .b3-list-item .b3-list-item__toggle.fn__hidden::before { - visibility: visible; - content: ""; - position: absolute; - left: 12px; - clip-path: circle(45% at center); - width: 3px; - height: 3px; - background-color: rgba(69, 69, 69, 0.6); -} -html[data-theme-mode=dark] .layout__center .b3-list-item .b3-list-item__toggle.fn__hidden::before { - background-color: rgba(220, 220, 220, 0.6); -} -.layout__center .b3-list-item .b3-list-item__toggle--hl:hover { - color: var(--b3-theme-on-background) !important; - background-color: transparent; -} -.layout__center .b3-list-item:hover .b3-list-item__text { - color: var(--b3-theme-on-background); -} -.layout__center .b3-list-item--focus { - background-color: var(--b3-list-hover); -} -.layout__center .b3-list-item--focus .b3-list-item__text { - color: var(--b3-theme-on-background); - font-weight: 600; -} -.layout__center .b3-list-item--focus:hover { - background-color: var(--b3-list-hover); -} -.layout__center .b3-list-item .b3-list-item__icon { - font-size: 14px; -} -.layout__center .b3-list-item .b3-list-item__action { - color: var(--b3-theme-on-surface); -} -.layout__center .b3-list-item .b3-list-item__action:hover { - color: var(--b3-theme-on-background); - background-color: transparent; -} - -.file-tree > .fn__flex-1 > ul > ul { - margin-left: 18px; - box-shadow: 1px 0 transparent inset; -} -.file-tree > .fn__flex-1 > ul > ul span.b3-list-item__toggle { - padding-left: 4px !important; -} -.file-tree > .fn__flex-1 > ul > ul > ul { - margin-left: 18px; - box-shadow: 1px 0 transparent inset; -} -.file-tree > .fn__flex-1 > ul > ul > ul span.b3-list-item__toggle { - padding-left: 4px !important; -} -.file-tree > .fn__flex-1 > ul > ul > ul > ul { - margin-left: 18px; - box-shadow: 1px 0 transparent inset; -} -.file-tree > .fn__flex-1 > ul > ul > ul > ul span.b3-list-item__toggle { - padding-left: 4px !important; -} -.file-tree > .fn__flex-1 > ul > ul > ul > ul > ul { - margin-left: 18px; - box-shadow: 1px 0 transparent inset; -} -.file-tree > .fn__flex-1 > ul > ul > ul > ul > ul span.b3-list-item__toggle { - padding-left: 4px !important; -} -.file-tree > .fn__flex-1 > ul > ul > ul > ul > ul > ul { - margin-left: 18px; - box-shadow: 1px 0 transparent inset; -} -.file-tree > .fn__flex-1 > ul > ul > ul > ul > ul > ul span.b3-list-item__toggle { - padding-left: 4px !important; -} -.file-tree > .fn__flex-1 > ul > ul > ul > ul > ul > ul > ul { - margin-left: 18px; - box-shadow: 1px 0 transparent inset; -} -.file-tree > .fn__flex-1 > ul > ul > ul > ul > ul > ul > ul span.b3-list-item__toggle { - padding-left: 4px !important; -} -.file-tree > .fn__flex-1 > ul > ul > ul > ul > ul > ul > ul > ul { - margin-left: 18px; - box-shadow: 1px 0 transparent inset; -} -.file-tree > .fn__flex-1 > ul > ul > ul > ul > ul > ul > ul > ul span.b3-list-item__toggle { - padding-left: 4px !important; -} -.file-tree > .fn__flex-1 > ul ul { - transition: 0.2s; -} -.file-tree > .fn__flex-1:hover > ul ul { - box-shadow: 1px 0 rgba(69, 69, 69, 0.15) inset; -} -html[data-theme-mode=dark] .file-tree > .fn__flex-1:hover > ul ul { - box-shadow: 1px 0 rgba(220, 220, 220, 0.15) inset; -} -.file-tree > .fn__flex-1 li.b3-list-item--focus + ul, -.file-tree > .fn__flex-1 ul.has-focus { - box-shadow: 1px 0 rgba(69, 69, 69, 0.15) inset; -} -html[data-theme-mode=dark] .file-tree > .fn__flex-1 li.b3-list-item--focus + ul, -html[data-theme-mode=dark] .file-tree > .fn__flex-1 ul.has-focus { - box-shadow: 1px 0 rgba(220, 220, 220, 0.15) inset; -} -.file-tree > .fn__flex-1:hover li.b3-list-item--focus + ul, .file-tree > .fn__flex-1:hover ul.has-focus { - box-shadow: 1px 0 rgba(69, 69, 69, 0.3) inset; -} -html[data-theme-mode=dark] .file-tree > .fn__flex-1:hover li.b3-list-item--focus + ul, html[data-theme-mode=dark] .file-tree > .fn__flex-1:hover ul.has-focus { - box-shadow: 1px 0 rgba(220, 220, 220, 0.3) inset; -} -.file-tree > .fn__flex-1 > ul { - box-shadow: none !important; -} - -.file-tree__sliderDown { - top: -4px !important; -} - -.fullscreen > .block__icons { - height: var(--toolbar-height); - padding-right: 10px; -} -.fullscreen > .block__icons > .fn__flex-1:hover { - background-color: transparent; -} -body.body--win32:not(.hadeeth-pin-toolbar) .fullscreen > .block__icons { - padding-right: 10px; -} - -.layout__resize::after { - height: 1px; - width: 100%; - transform: translateY(-1px); -} -.layout__resize--lr::after { - height: 100%; - width: 1px; -} -.layout__resize--lr:hover::after { - background-color: var(--b3-theme-primary-light) !important; -} -.layout__dockl + .layout__resize--lr::after, .layout__center + .layout__resize--lr::after { - background-color: transparent; -} - -.counter, .protyle-attr--refcount { - font-family: var(--b3-font-family-code); - margin-left: 0; - transition: 0.2s; - color: rgba(69, 69, 69, 0.5); -} -html[data-theme-mode=dark] .counter, html[data-theme-mode=dark] .protyle-attr--refcount { - color: rgba(220, 220, 220, 0.5); -} -.counter:hover, .protyle-attr--refcount:hover { - background-color: transparent !important; - font-weight: bold; -} -.block__icons .counter, .block__icons .protyle-attr--refcount { - background-color: transparent; - pointer-events: none; - padding-left: 0; -} - -.sy__outline .counter, .sy__outline .protyle-attr--refcount { - pointer-events: none; -} - -.protyle-attr--refcount { - background-color: transparent; -} -.protyle-attr--refcount:hover { - color: var(--b3-theme-primary); -} -html[data-theme-mode=dark] .protyle-attr--refcount:hover { - color: var(--b3-theme-primary); -} - -.b3-switch { - height: 20px; - width: 32px; - transition: all 0.3s; - box-sizing: border-box; - border: 1px solid transparent; - background-color: rgba(127, 127, 127, 0.5); -} -.b3-menu__item--current .b3-switch { - border: 1px solid rgba(255, 255, 255, 0.5647058824); -} -html[data-theme-mode=dark] .b3-switch { - border: 1px solid var(--b3-border-color-trans); -} -html[data-theme-mode=dark] .b3-switch { - background-color: rgba(127, 127, 127, 0.5); -} -.b3-switch::after { - top: 1px; - left: 1px; - background-color: white; - box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2); - border: none; -} -html[data-theme-mode=dark] .b3-switch::after { - background-color: #e0e0e0; -} -.b3-switch::before { - display: none !important; -} -.b3-switch:checked { - background-color: var(--b3-theme-primary) !important; -} -.b3-switch:checked::after { - transform: translateX(12px); - background-color: white; - box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2); -} -html[data-theme-mode=dark] .b3-switch:checked::after { - background-color: #e0e0e0; -} -.b3-switch:active { - filter: brightness(1.3); - transition: all 0.1s; -} - -.b3-switch--menu { - margin: 0; -} -html[data-theme-mode=light] .b3-menu__item:hover > .b3-switch--menu { - border: 1px solid rgba(255, 255, 255, 0.5647058824); -} - -.b3-button--outline { - background-color: var(--b3-menu-background); - border-radius: 99px; - color: var(--b3-theme-primary); - font-weight: 600; - transition: 0.1s all; - border: none; - box-shadow: none; -} -html[data-theme-mode=dark] .b3-button--outline { - background-color: rgba(0, 0, 0, 0.2); -} -html[data-theme-mode=dark] .b3-button--outline:hover { - background-color: var(--b3-theme-primary); -} -.b3-button--outline:hover { - background-color: var(--b3-theme-primary); - color: var(--b3-theme-on-primary); - transition: 0.1s all; -} -.b3-button--outline:active { - transform: scale(0.95); - opacity: 0.8; -} -.b3-button--outline:focus { - box-shadow: none; -} - -.b3-button { - transition: background-color 0.2s, color 0.2s; -} - -.b3-text-field, -select.b3-select { - box-shadow: none; - background-color: var(--b3-list-hover); - min-height: 28px; - transition: outline 0.2s, background-color 0.2s; - outline: 0px solid transparent; - color-scheme: inherit; -} -.b3-text-field:not(.b3-text-field--text):hover, -select.b3-select:not(.b3-text-field--text):hover { - box-shadow: none; -} -.b3-text-field:not(.b3-text-field--text):focus, -select.b3-select:not(.b3-text-field--text):focus { - outline: 3px solid var(--b3-theme-primary-light); - box-shadow: none; -} - -select.b3-select:hover, select.b3-select:focus { - background-color: var(--b3-menu-background); -} - -textarea { - resize: vertical; -} -textarea::placeholder { - color: var(--b3-empty-color); -} - -.b3-slider { - height: 24px; -} -.b3-slider::-webkit-slider-runnable-track { - height: 6px; - border-radius: 9px; - transition: all 0.1s ease-out; -} -.b3-slider::-webkit-slider-thumb { - background-color: white; - outline: 1px solid var(--b3-border-color-trans); - height: 16px; - width: 16px; - margin-top: -5px; - transition: all 0.1s ease-out; -} -html[data-theme-mode=dark] .b3-slider::-webkit-slider-thumb { - background-color: #e0e0e0; -} -.b3-slider:hover:not(.b3-slider:focus)::-webkit-slider-thumb { - transform: none; - outline: 2px solid #96b9fa; -} -html[data-theme-mode=dark] .b3-slider:hover:not(.b3-slider:focus)::-webkit-slider-thumb { - outline: 2px solid #0071dd; -} -.b3-slider:focus::-webkit-slider-thumb { - transform: scale(1.1); - outline: 3px solid var(--b3-theme-primary); - margin: -2px; - margin-left: 0.5px; -} -.b3-slider:focus::-webkit-slider-runnable-track { - height: 12px; -} - -.tooltip, .b3-tooltips:hover::after { - pointer-events: none; - box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.1), 0px 2px 6px 0px rgba(0, 0, 0, 0.1); - border: none; -} -html[data-theme-mode=dark] .tooltip, html[data-theme-mode=dark] .b3-tooltips:hover::after { - box-shadow: 0 0 0 1px #000, 0px 2px 6px 0px rgba(0, 0, 0, 0.3); -} -html[data-theme-mode=dark] .tooltip, html[data-theme-mode=dark] .b3-tooltips:hover::after { - outline: 1px solid var(--b3-border-color); -} - -.tooltip--memo#tooltip { - --property-percentage: 0%; - font-size: 14px; - padding: 8px; - margin: 0 -8px; - line-height: 1.5; - font-family: var(--b3-font-family-code); - background-color: #ffe680; - border-radius: 4px; - backdrop-filter: none; - color: rgba(69, 69, 69, 0.7); - box-shadow: none; - outline: none; - border: none; - transform-origin: 40px top; -} -html[data-theme-mode=dark] .tooltip--memo#tooltip { - background-color: #ddba0d; - color: rgba(30, 30, 30, 0.7); -} -body.body--win32 .tooltip--memo#tooltip { - font-family: var(--b3-font-family); -} - -.b3-tooltips:hover::before { - display: none; -} -.b3-tooltips:hover::after { - margin-top: 0; -} - -#message.b3-snackbars > .fn__flex-1 { - padding: 12px 18px 56px; - max-height: calc(100vh - 160px); -} -#message.b3-snackbars .b3-snackbar__content { - border-radius: 16px; - box-shadow: 0 0 0px 1px rgba(52, 120, 246, 0.05), 0px 13px 25px -2px rgba(52, 120, 246, 0.1), 0px 0px 10px 0px rgba(52, 120, 246, 0.05); -} -html[data-theme-mode=dark] #message.b3-snackbars .b3-snackbar__content { - box-shadow: 0 0 0 1px #118bff, 0px 13px 25px -2px rgba(17, 139, 255, 0.3), 0px 0px 10px 0px rgba(17, 139, 255, 0.15); -} -#message.b3-snackbars .b3-snackbar__content--close { - padding-right: 16px; -} -#message.b3-snackbars .b3-snackbar__content--close:hover ~ .b3-snackbar__close { - transform: scale(1); -} -#message.b3-snackbars .b3-snackbar__close { - transform: scale(0); - color: var(--b3-theme-on-error); - top: 8px; - right: 8px; - transition-duration: 0.2s; -} -#message.b3-snackbars .b3-snackbar__close:hover { - transform: scale(1); -} -#message.b3-snackbars .b3-snackbar--error .b3-snackbar__content { - box-shadow: 0 0 0px 1px rgba(234, 77, 60, 0.05), 0px 13px 25px -2px rgba(234, 77, 60, 0.1), 0px 0px 10px 0px rgba(234, 77, 60, 0.05); -} -html[data-theme-mode=dark] #message.b3-snackbars .b3-snackbar--error .b3-snackbar__content { - box-shadow: 0 0 0 1px #ff3b30, 0px 13px 25px -2px rgba(255, 59, 48, 0.3), 0px 0px 10px 0px rgba(255, 59, 48, 0.15); -} -#message.b3-snackbars .b3-snackbar--error .b3-snackbar__content::after { - content: ""; - display: block; - position: absolute; - width: 3px; - height: 100%; - color: var(--b3-theme-error); - left: -4px; - z-index: 1; -} -#message.b3-snackbars button:not(.b3-button--white) { - border-radius: 99px; - padding: 4px 12px; - background-color: var(--b3-theme-surface); - transition: transform 0.2s; - transform: translateY(-42px); - height: 28px; - border: none; -} -#message.b3-snackbars button:not(.b3-button--white):hover { - box-shadow: none; -} -#message.b3-snackbars button:not(.b3-button--white):active { - transform: scale(0.95); - opacity: 0.8; - box-shadow: none; -} -#message.b3-snackbars button:not(.b3-button--white):focus { - box-shadow: none; -} -#message.b3-snackbars button:not(.b3-button--white):hover { - color: var(--b3-theme-on-background); - transform: scale(1.2) translateY(-35px); -} -#message.b3-snackbars button:not(.b3-button--white):active { - transform: scale(0.95) translateY(-42px); -} -html[data-theme-mode=dark] #message.b3-snackbars button:not(.b3-button--white) { - outline: 1px solid var(--b3-border-color); -} -#message.b3-snackbars .b3-button--white { - border-radius: 99px; - padding: 4px 12px; - background-color: transparent; - transition: all 0.2s; - font-weight: 600; - color: var(--b3-theme-on-primary); - box-shadow: 0 0 1px inset var(--b3-theme-on-primary); -} -#message.b3-snackbars .b3-button--white:hover { - box-shadow: none; -} -#message.b3-snackbars .b3-button--white:active { - transform: scale(0.95); - opacity: 0.8; - box-shadow: none; -} -#message.b3-snackbars .b3-button--white:focus { - box-shadow: none; -} -#message.b3-snackbars .b3-button--white:hover { - transform: scale(1.1); -} -#message.b3-snackbars .b3-button--white:active { - color: var(--b3-theme-primary); - transform: scale(0.95); - background-color: var(--b3-theme-on-primary); -} - -.protyle-breadcrumb { - height: 42px; - color: var(--b3-theme-on-surface); -} -.fullscreen > .protyle-breadcrumb { - height: var(--toolbar-height); - padding-right: 10px; -} -.fullscreen > .protyle-breadcrumb > .protyle-breadcrumb__space:hover { - background-color: transparent; -} -body.body--win32:not(.hadeeth-pin-toolbar) .fullscreen > .protyle-breadcrumb { - padding-right: 10px; -} -.protyle-breadcrumb__item svg { - border-radius: 3px; - padding: 3px; - width: 12px; - height: 12px; -} -.protyle-breadcrumb__item:not(.protyle-breadcrumb__item--active):hover svg { - color: var(--b3-theme-on-background); -} -.protyle-breadcrumb__item--active { - background-color: transparent; -} -.protyle-breadcrumb__item--active:hover { - background-color: var(--b3-list-hover); -} -.protyle-breadcrumb__item--active:not(:first-child) svg { - background-color: var(--b3-theme-primary); - color: var(--b3-theme-on-primary); -} -.protyle-breadcrumb .protyle-breadcrumb__icon { - background-color: var(--b3-menu-background); - border-radius: 99px; - color: var(--b3-theme-primary); - font-weight: 600; - transition: 0.1s all; - border: none; - box-shadow: none; - padding: 0 8px; -} -html[data-theme-mode=dark] .protyle-breadcrumb .protyle-breadcrumb__icon { - background-color: rgba(0, 0, 0, 0.2); -} -html[data-theme-mode=dark] .protyle-breadcrumb .protyle-breadcrumb__icon:hover { - background-color: var(--b3-theme-primary); -} -.protyle-breadcrumb .protyle-breadcrumb__icon:hover { - background-color: var(--b3-theme-primary); - color: var(--b3-theme-on-primary); - transition: 0.1s all; -} -.protyle-breadcrumb .protyle-breadcrumb__icon:active { - transform: scale(0.95); - opacity: 0.8; -} - -.layout__center .layout-tab-container .fn__flex-column > .protyle-breadcrumb { - height: 42px; -} -.layout__center .layout-tab-container .fn__flex-column > .protyle-breadcrumb .address-field { - margin: 8px 4px; -} - -.b3-menu, -.b3-menu__submenu { - box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.05), 0px 13px 25px -2px rgba(0, 0, 0, 0.1), 0px 0px 10px 0px rgba(0, 0, 0, 0.05); - border: none; - border-radius: 10px; - padding: 0; -} -html[data-theme-mode=dark] .b3-menu, -html[data-theme-mode=dark] .b3-menu__submenu { - box-shadow: 0 0 0 1px black, 0px 13px 25px -2px rgba(0, 0, 0, 0.3), 0px 0px 10px 0px rgba(0, 0, 0, 0.15); -} -html[data-theme-mode=dark] .b3-menu, -html[data-theme-mode=dark] .b3-menu__submenu { - outline: 1px solid var(--b3-border-color); -} -.b3-menu .b3-menu__items, -.b3-menu__submenu .b3-menu__items { - padding: 5px; -} -.b3-menu .b3-menu__items .b3-menu__item, -.b3-menu__submenu .b3-menu__items .b3-menu__item { - padding: 0 8px; - background-color: transparent; - line-height: 24px; - border-radius: 5px; - align-items: center; -} -.b3-menu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg]), .b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]), -.b3-menu__submenu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg]), -.b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) { - background-color: var(--b3-menu-item-background-hover); - color: var(--b3-menu-item-background-hover-text); -} -.b3-menu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg]) > .b3-menu__icon, .b3-menu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator, .b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__icon, .b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator, -.b3-menu .b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator, -.b3-menu__submenu .b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator, -.b3-menu__submenu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg]) > .b3-menu__icon, -.b3-menu__submenu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator, -.b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__icon, -.b3-menu__submenu .b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator, -.b3-menu .b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator, -.b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator { - color: var(--b3-menu-item-background-hover-text) !important; -} -.b3-menu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator, .b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator, -.b3-menu__submenu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator, -.b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator { - opacity: 0.8; -} -.b3-menu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg]) > .b3-menu__label > .b3-tooltips .b3-slider::-webkit-slider-runnable-track, .b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__label > .b3-tooltips .b3-slider::-webkit-slider-runnable-track, -.b3-menu__submenu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg]) > .b3-menu__label > .b3-tooltips .b3-slider::-webkit-slider-runnable-track, -.b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__label > .b3-tooltips .b3-slider::-webkit-slider-runnable-track { - background-color: rgba(255, 255, 255, 0.2666666667); -} -.b3-menu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg]) > .b3-menu__action, .b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__action, -.b3-menu__submenu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg]) > .b3-menu__action, -.b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__action { - color: var(--b3-theme-on-primary); -} -.b3-menu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg]) > .b3-menu__action:hover, .b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__action:hover, -.b3-menu__submenu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg]) > .b3-menu__action:hover, -.b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__action:hover { - opacity: 1; -} -.b3-menu .b3-menu__items .b3-menu__item > .b3-menu__label > .fn__flex, -.b3-menu__submenu .b3-menu__items .b3-menu__item > .b3-menu__label > .fn__flex { - margin: 2px 0 !important; -} -.b3-menu .b3-menu__items .b3-menu__icon, .b3-menu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator, .b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator, -.b3-menu .b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator, -.b3-menu__submenu .b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator, -.b3-menu__submenu .b3-menu__items .b3-menu__icon, -.b3-menu__submenu .b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator, -.b3-menu .b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator, -.b3-menu__submenu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator, -.b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]) > .b3-menu__accelerator { - color: var(--b3-theme-on-surface); -} -.b3-menu .b3-menu__items .b3-menu__separator, -.b3-menu__submenu .b3-menu__items .b3-menu__separator { - background-color: var(--b3-border-color-trans); -} - -.b3-menu__submenu { - max-height: none; -} - -.b3-menu__accelerator { - font-family: var(--b3-font-family); -} - -.protyle-hint { - box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.05), 0px 13px 25px -2px rgba(0, 0, 0, 0.1), 0px 0px 10px 0px rgba(0, 0, 0, 0.05); - border: none; - padding: 0; - background-color: var(--b3-menu-background); -} -html[data-theme-mode=dark] .protyle-hint { - box-shadow: 0 0 0 1px black, 0px 13px 25px -2px rgba(0, 0, 0, 0.3), 0px 0px 10px 0px rgba(0, 0, 0, 0.15); -} -html[data-theme-mode=dark] .protyle-hint { - outline: 1px solid var(--b3-border-color); -} -.protyle-hint.hint--menu .b3-menu__separator { - background-color: var(--b3-border-color-trans); -} -@media screen and (min-width: 1292px) { - .protyle-hint.hint--menu { - width: auto !important; - max-height: 65vh; - } - .protyle-hint.hint--menu > div { - column-count: 5; - column-gap: 4px; - column-rule: 1px solid var(--b3-border-color-trans); - } - .protyle-hint.hint--menu > div .b3-list-item .b3-list-item__text { - width: max-content; - margin-right: 4px; - } - .protyle-hint.hint--menu > div .b3-menu__separator:not(:nth-of-type(2n + 4)) { - break-before: column; - margin-bottom: -5px; - background-color: transparent; - } -} -.protyle-hint > div { - padding: 4px 0; -} -.protyle-hint > div .b3-list-item { - width: calc(100% - 12px) !important; -} -.protyle-hint > div .b3-list-item--focus:not(:hover) { - background-color: var(--b3-theme-primary-lightest); -} -.protyle-hint .b3-list-item__graphic { - color: var(--b3-theme-on-surface); -} -.protyle-hint .b3-list-item:hover .b3-list-item__graphic { - color: var(--b3-theme-on-background); -} -.protyle-hint .b3-list-item--first .b3-list-item__text, -.protyle-hint .b3-list-item--two .b3-list-item__text { - font-weight: 500; -} -.protyle-hint .b3-list-item--two .b3-list-item__meta.b3-list-item__showall:not(:first-child) { - padding: 4px 4px 4px 22px; - width: fit-content; - border-radius: 4px; - word-break: normal; - opacity: 0.8; -} -.protyle-hint .emojis .fn__flex:last-child { - display: none; -} -.protyle-hint .emojis__panel { - padding-bottom: 8px; -} -.protyle-hint .color__square { - box-shadow: none; -} - -.protyle-util { - background-color: var(--b3-menu-background); - padding: 8px 0 0; - box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.05), 0px 13px 25px -2px rgba(0, 0, 0, 0.1), 0px 0px 10px 0px rgba(0, 0, 0, 0.05); - border: none; -} -html[data-theme-mode=dark] .protyle-util { - box-shadow: 0 0 0 1px black, 0px 13px 25px -2px rgba(0, 0, 0, 0.3), 0px 0px 10px 0px rgba(0, 0, 0, 0.15); -} -html[data-theme-mode=dark] .protyle-util { - outline: 1px solid var(--b3-border-color); -} -.protyle-util textarea { - resize: both; -} - -.b3-dialog--open .b3-dialog.emojis-container .b3-dialog__container { - background-color: var(--b3-menu-background); -} - -.emojis { - padding: 0; -} -.emojis .fn__flex:first-child { - padding: 8px 0; -} -.emojis .fn__flex:first-child span.fn__space + .b3-form__icon { - overflow: visible; -} -.emojis__panel { - padding: 0 8px; -} -.emojis__panel .emojis__content:not([style="min-height:28px"]) { - display: grid; - flex-wrap: wrap; - grid-template-columns: repeat(auto-fill, minmax(36px, 4fr)); - gap: 6px; -} -.emojis__panel .emojis__content:not([style="min-height:28px"]) .emojis__item { - padding: 0; - font-size: 28px; - height: 36px; -} -.emojis__panel .emojis__content:not([style="min-height:28px"]) .emojis__item:hover { - background: transparent; - transform: scale(1.3) translateY(-2px); - transition: transform 0.3s cubic-bezier(0.12, 0, 0.05, 2.5); -} -.emojis__panel + .fn__flex { - border-top: 1px solid var(--b3-border-color-trans); - font-family: var(--b3-font-family-emoji); -} -.emojis__panel + .fn__flex .emojis__type { - padding: 4px 0; - filter: saturate(0.1) opacity(0.6); -} -.emojis__panel + .fn__flex .emojis__type:hover { - filter: none; - background-color: transparent; -} - -#searchHistoryList { - background-color: var(--b3-menu-background); - overflow: auto; -} - -#commonMenu[data-name=search-history] .b3-menu__items { - max-height: calc(70vh - 10px); -} -#commonMenu[data-name=background-asset] .b3-menu__items { - padding: 0; -} -#commonMenu[data-name=background-asset] .b3-menu__items .b3-menu__item--custom { - margin: 0; - padding: 0; -} -#commonMenu[data-name=background-asset] .b3-menu__items .b3-menu__item--custom .b3-menu__label > .fn__flex { - margin: 0 !important; -} -#commonMenu[data-name=background-asset] .b3-menu__items .b3-menu__item--custom .b3-menu__label > .fn__flex .fn__flex-column > .fn__flex:first-child { - margin: 8px !important; -} -#commonMenu[data-name=background-asset] .b3-menu__items .b3-menu__item--custom .b3-menu__label > .fn__flex .fn__flex-column .b3-list { - padding-bottom: 8px; -} -#commonMenu[data-name=background-asset] #preview > * { - border-radius: 4px; -} - -.b3-dialog--open .b3-dialog.emojis-container .b3-dialog__scrim { - backdrop-filter: none; - transition: none; -} -html[data-theme-mode=dark] .b3-dialog--open .b3-dialog.emojis-container .b3-dialog__scrim { - backdrop-filter: none; - transition: none; -} -.b3-dialog--open .b3-dialog .b3-dialog__container { - background-color: var(--b3-theme-background); - border: none; - box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 24px 40px 9px rgba(0, 0, 0, 0.1); -} -html[data-theme-mode=dark] .b3-dialog--open .b3-dialog .b3-dialog__container { - outline: 1px solid var(--b3-border-color); -} -html[data-theme-mode=dark] .b3-dialog--open .b3-dialog .b3-dialog__container { - box-shadow: 0 0 0 1px #000, 0px 10px 15px -3px rgba(0, 0, 0, 0.3), 0px 24px 40px 9px rgba(0, 0, 0, 0.3); -} -.b3-dialog--open .b3-dialog .b3-dialog__container .b3-dialog__close { - visibility: hidden; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .b3-dialog__body { - border-radius: 12px; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .search__header[style*=border-top] > .b3-form__icon-icon { - left: 20px; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .search__header[style*=border-top] > .b3-text-field { - background-color: var(--b3-theme-background); - margin: 0 12px; -} -.b3-dialog--open .b3-dialog .b3-dialog__container #commands { - padding: 0 8px 8px; -} -.b3-dialog--open .b3-dialog .b3-dialog__container #commands ~ .fn__hr { - display: none; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar { - background-color: var(--b3-theme-surface); - padding: 16px 8px; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item { - height: 32px; - line-height: 30px; - margin: 4px 8px; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item:hover:not(.b3-list-item--focus) { - background-color: transparent; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item:hover:not(.b3-list-item--focus) .b3-list-item__graphic, -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item:hover:not(.b3-list-item--focus) .b3-list-item__text { - color: var(--b3-theme-on-background); -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item__graphic, .b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item__text { - color: var(--b3-theme-on-surface); -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item--focus .b3-list-item__graphic, -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item--focus .b3-list-item__text { - color: var(--b3-theme-on-background); - font-weight: 600; -} -@media (max-width: 750px) { - .b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .config__tab-title, - .b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item { - justify-content: center; - } - .b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item { - margin: 4px 6px !important; - } - .b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item__graphic { - padding: 0 4px; - } -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap { - padding: 0; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container { - padding: 8px 0; - background-color: var(--b3-theme-background); -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .layout-tab-bar + .fn__flex-1 { - background-color: var(--b3-theme-background); -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container--top { - margin-top: 0; - height: 100%; - padding: 8px 0 0; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .b3-label { - box-shadow: none; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .b3-label > .fn__flex-1 { - overflow: visible; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel { - padding-bottom: 8px; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel .fn__hr--b { - height: 4px; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel .fn__hr--b + .fn__flex:nth-child(2) { - position: sticky; - top: 4px; - z-index: 2; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel .fn__hr--b + .fn__flex:nth-child(2)::before { - content: ""; - background-color: var(--b3-theme-background); - width: 100%; - height: 40px; - display: block; - position: absolute; - top: -4px; - z-index: -1; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel .counter { - background-color: transparent !important; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button { - border-radius: 99px; - padding: 4px 12px; - padding: 4px; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button:hover { - box-shadow: none; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button:active { - transform: scale(0.95); - opacity: 0.8; - box-shadow: none; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button:focus { - box-shadow: none; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button:not(.b3-button--outline) { - background-color: transparent; - color: var(--b3-theme-primary); - font-weight: 600; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button:not(.b3-button--outline):hover, .b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button:not(.b3-button--outline):focus { - box-shadow: none; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button.b3-button--outline { - background-color: transparent; - color: var(--b3-theme-on-surface); - font-weight: normal; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button.b3-button--outline:hover { - color: var(--b3-theme-on-background); - box-shadow: none; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button + .fn__space + .b3-form__icon { - margin-left: 8px; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] [data-type=myPlugin]:not(.b3-button--outline) ~ .counter { - transform: translateX(-64px); -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] { - padding: 0; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account__avatar { - box-shadow: none; - border: none; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account__name { - bottom: -72px; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account__name > .fn__a { - display: block; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--text { - border-radius: 99px; - padding: 4px 12px; - color: var(--b3-theme-primary); - font-weight: 600; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--text:hover { - box-shadow: none; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--text:active { - transform: scale(0.95); - opacity: 0.8; - box-shadow: none; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--text:focus { - box-shadow: none; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--text:hover { - background-color: var(--b3-theme-primary-lightest); -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--text:active, .b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--text:focus { - background-color: var(--b3-theme-primary); - color: var(--b3-theme-on-primary); -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--cancel { - border-radius: 99px; - padding: 4px 12px; - color: var(--b3-theme-on-surface); -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--cancel:hover { - box-shadow: none; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--cancel:active { - transform: scale(0.95); - opacity: 0.8; - box-shadow: none; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--cancel:focus { - box-shadow: none; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--cancel:hover { - background-color: var(--b3-list-hover); - color: var(--b3-theme-on-background); -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--cancel:active, .b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--cancel:focus { - background-color: rgba(0, 0, 0, 0.1); - color: var(--b3-theme-on-background); -} -html[data-theme-mode=dark] .b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--cancel:active, html[data-theme-mode=dark] .b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--cancel:focus { - background-color: rgba(255, 255, 255, 0.1); -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap > .fn__hr--b { - display: none; -} -.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config-keymap__key { - font-family: SF Pro, Consolas, "Liberation Mono", Menlo, Courier, monospace, var(--b3-font-family); -} -.b3-dialog--open .b3-dialog .b3-dialog__container .history__panel > .b3-list, .b3-dialog--open .b3-dialog .b3-dialog__container .history__panel > .history__diff { - width: min(256px, 30%); - min-width: fit-content; - background-color: var(--b3-theme-surface); -} -.b3-dialog--open .b3-dialog__action { - padding: 8px 24px; -} -.b3-dialog--open .b3-dialog__action .b3-button--cancel { - border-radius: 99px; - padding: 4px 12px; - color: var(--b3-theme-on-surface); -} -.b3-dialog--open .b3-dialog__action .b3-button--cancel:hover { - box-shadow: none; -} -.b3-dialog--open .b3-dialog__action .b3-button--cancel:active { - transform: scale(0.95); - opacity: 0.8; - box-shadow: none; -} -.b3-dialog--open .b3-dialog__action .b3-button--cancel:focus { - box-shadow: none; -} -.b3-dialog--open .b3-dialog__action .b3-button--cancel:hover { - background-color: var(--b3-list-hover); - color: var(--b3-theme-on-background); -} -.b3-dialog--open .b3-dialog__action .b3-button--cancel:active, .b3-dialog--open .b3-dialog__action .b3-button--cancel:focus { - background-color: rgba(0, 0, 0, 0.1); - color: var(--b3-theme-on-background); -} -html[data-theme-mode=dark] .b3-dialog--open .b3-dialog__action .b3-button--cancel:active, html[data-theme-mode=dark] .b3-dialog--open .b3-dialog__action .b3-button--cancel:focus { - background-color: rgba(255, 255, 255, 0.1); -} -.b3-dialog--open .b3-dialog__action .b3-button--text { - border-radius: 99px; - padding: 4px 12px; - color: var(--b3-theme-primary); - font-weight: 600; -} -.b3-dialog--open .b3-dialog__action .b3-button--text:hover { - box-shadow: none; -} -.b3-dialog--open .b3-dialog__action .b3-button--text:active { - transform: scale(0.95); - opacity: 0.8; - box-shadow: none; -} -.b3-dialog--open .b3-dialog__action .b3-button--text:focus { - box-shadow: none; -} -.b3-dialog--open .b3-dialog__action .b3-button--text:hover { - background-color: var(--b3-theme-primary-lightest); -} -.b3-dialog--open .b3-dialog__action .b3-button--text:active, .b3-dialog--open .b3-dialog__action .b3-button--text:focus { - background-color: var(--b3-theme-primary); - color: var(--b3-theme-on-primary); -} -.b3-dialog--open .b3-dialog__action .b3-button--error { - border-radius: 99px; - padding: 4px 12px; - color: var(--b3-theme-error); - font-weight: 600; - background-color: transparent; -} -.b3-dialog--open .b3-dialog__action .b3-button--error:hover { - box-shadow: none; -} -.b3-dialog--open .b3-dialog__action .b3-button--error:active { - transform: scale(0.95); - opacity: 0.8; - box-shadow: none; -} -.b3-dialog--open .b3-dialog__action .b3-button--error:focus { - box-shadow: none; -} -.b3-dialog--open .b3-dialog__action .b3-button--error:hover { - background-color: rgba(234, 77, 60, 0.08); -} -html[data-theme-mode=dark] .b3-dialog--open .b3-dialog__action .b3-button--error:hover { - background-color: rgba(255, 59, 48, 0.08); -} -.b3-dialog--open .b3-dialog__action .b3-button--error:active, .b3-dialog--open .b3-dialog__action .b3-button--error:focus { - background-color: var(--b3-theme-error); - color: var(--b3-theme-on-error); -} -.b3-dialog--open[data-key=dialog-globalsearch] .b3-dialog__container .b3-dialog__body .search__layout #searchList, .b3-dialog--open[data-key=dialog-search] .b3-dialog__container .b3-dialog__body .search__layout #searchList, .b3-dialog--open[data-key=dialog-replace] .b3-dialog__container .b3-dialog__body .search__layout #searchList { - background-color: var(--b3-theme-surface); -} -.b3-dialog--open[data-key=dialog-globalsearch] .b3-dialog__container .b3-dialog__body .search__layout #searchList > .b3-list-item:not([data-type=search-item]), .b3-dialog--open[data-key=dialog-search] .b3-dialog__container .b3-dialog__body .search__layout #searchList > .b3-list-item:not([data-type=search-item]), .b3-dialog--open[data-key=dialog-replace] .b3-dialog__container .b3-dialog__body .search__layout #searchList > .b3-list-item:not([data-type=search-item]) { - background-color: #ededed; -} -html[data-theme-mode=dark] .b3-dialog--open[data-key=dialog-globalsearch] .b3-dialog__container .b3-dialog__body .search__layout #searchList > .b3-list-item:not([data-type=search-item]), html[data-theme-mode=dark] .b3-dialog--open[data-key=dialog-search] .b3-dialog__container .b3-dialog__body .search__layout #searchList > .b3-list-item:not([data-type=search-item]), html[data-theme-mode=dark] .b3-dialog--open[data-key=dialog-replace] .b3-dialog__container .b3-dialog__body .search__layout #searchList > .b3-list-item:not([data-type=search-item]) { - background-color: #474747; -} -.b3-dialog--open[data-key=dialog-globalsearch] .b3-dialog__container .b3-dialog__body .search__tip, .b3-dialog--open[data-key=dialog-search] .b3-dialog__container .b3-dialog__body .search__tip, .b3-dialog--open[data-key=dialog-replace] .b3-dialog__container .b3-dialog__body .search__tip { - padding: 4px 8px; - margin: 0; - color: var(--b3-theme-on-surface); -} -.b3-dialog--open[data-key=dialog-globalsearch] ~ .b3-dialog--open [onselectstart] + .b3-dialog__body > .b3-dialog__content, .b3-dialog--open[data-key=dialog-search] ~ .b3-dialog--open [onselectstart] + .b3-dialog__body > .b3-dialog__content, .b3-dialog--open[data-key=dialog-replace] ~ .b3-dialog--open [onselectstart] + .b3-dialog__body > .b3-dialog__content { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); - grid-template-rows: repeat(auto-fill, 28px); - gap: 20px 90px; -} -.b3-dialog--open[data-key=dialog-globalsearch] ~ .b3-dialog--open [onselectstart] + .b3-dialog__body > .b3-dialog__content .b3-label, .b3-dialog--open[data-key=dialog-search] ~ .b3-dialog--open [onselectstart] + .b3-dialog__body > .b3-dialog__content .b3-label, .b3-dialog--open[data-key=dialog-replace] ~ .b3-dialog--open [onselectstart] + .b3-dialog__body > .b3-dialog__content .b3-label { - border-bottom-color: transparent; - padding: 0; - height: 28px; -} -.b3-dialog--open .search__tip kbd { - font-family: SF Pro, Consolas, "Liberation Mono", Menlo, Courier, var(--b3-font-family); -} -.b3-dialog--open[data-key=dialog-recentdocs] .b3-form__icon.fn__size200 { - transform: translateX(16px); -} -.b3-dialog--open .layout-tab-bar { - margin: 8px auto 8px; - border-radius: 8px !important; - background-color: var(--b3-list-hover); - padding: 2px; - height: 32px; -} -.b3-dialog--open .layout-tab-bar .item { - border-radius: 6px !important; - background-color: transparent; - transition: none !important; - padding: 2px 12px; -} -.b3-dialog--open .layout-tab-bar .item:hover:not(.item--focus) { - background-color: transparent !important; -} -.b3-dialog--open .layout-tab-bar .item:hover:not(.item--focus) .item__text { - color: var(--b3-theme-on-background) !important; -} -.b3-dialog--open .layout-tab-bar .item--focus { - max-width: unset; - box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.2); - animation: none; - background-color: white; -} -html[data-theme-mode=dark] .b3-dialog--open .layout-tab-bar .item--focus { - box-shadow: 0 1px 0 0 inset rgba(255, 255, 255, 0.1), 0 1px 4px -1px rgba(0, 0, 0, 0.2); -} -html[data-theme-mode=dark] .b3-dialog--open .layout-tab-bar .item--focus { - background-color: rgba(224, 224, 224, 0.2); -} -.b3-dialog--open .layout-tab-bar .item--focus .item__text { - color: var(--b3-theme-on-background); -} -.b3-dialog--open .layout-tab-bar .item:not(.item--focus, .fn__none) + .item:not(.item--focus):not(:first-child)::before { - content: ""; - position: absolute; - display: block; - width: 2px; - height: 1.3em; - left: -4px; - border-radius: 9px; - background-color: rgba(0, 0, 0, 0.08); -} -html[data-theme-mode=dark] .b3-dialog--open .layout-tab-bar .item:not(.item--focus, .fn__none) + .item:not(.item--focus):not(:first-child)::before { - background-color: rgba(255, 255, 255, 0.08); -} -.b3-dialog--open .layout-tab-bar .item__graphic { - font-family: var(--b3-font-family-emoji); -} - -#configBazaarDownloaded { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(472px, 1fr)); - gap: 20px; - margin: 20px; - width: auto; -} -#configBazaarDownloaded > .fn__flex:first-child { - grid-column: 1/-1; -} -#configBazaarDownloaded > .fn__flex:first-child > input.b3-switch { - position: absolute; - top: 60px; - z-index: 2; - right: 4px; -} -#configBazaarDownloaded .b3-list--empty { - padding: 0; - position: absolute; - left: 240px; - top: 108px; -} - -div[id*=configBazaar] { - width: 100%; -} -div[id*=configBazaar] .b3-cards { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(342px, 1fr)); - gap: 20px; - margin: 20px; -} -div[id*=configBazaar] .b3-card { - transition-duration: 0.2s; - border-radius: 20px; - background-color: var(--b3-theme-background); - outline: 1.5px solid var(--b3-border-color-trans); - border: none; - box-shadow: none; - margin: 0; - overflow: visible; -} -div[id*=configBazaar] .b3-card::before { - content: ""; - width: 100%; - height: 100%; - box-shadow: 0 0 0px 1px rgba(52, 120, 246, 0.05), 0px 13px 25px -2px rgba(52, 120, 246, 0.1), 0px 0px 10px 0px rgba(52, 120, 246, 0.05); - position: absolute; - opacity: 0; - z-index: 0; - border-radius: inherit; - background-color: transparent; - pointer-events: none; - transition: opacity 0.2s; -} -html[data-theme-mode=dark] div[id*=configBazaar] .b3-card::before { - box-shadow: 0 0 0 1px #118bff, 0px 13px 25px -2px rgba(17, 139, 255, 0.3), 0px 0px 10px 0px rgba(17, 139, 255, 0.15); -} -div[id*=configBazaar] .b3-card--current { - outline: 3px solid var(--b3-theme-primary-lighter); -} -html[data-theme-mode=dark] div[id*=configBazaar] .b3-card--current { - outline-color: var(--b3-theme-primary-light); -} -div[id*=configBazaar] .b3-card__info { - font-weight: 500; -} -div[id*=configBazaar] .b3-card__info > * { - font-weight: normal; -} -div[id*=configBazaar] .b3-card__desc { - word-break: initial; -} -div[id*=configBazaar] .b3-card:hover { - transform: scale(1.01); - outline: 2px solid var(--b3-theme-primary-light); - z-index: 1; -} -html[data-theme-mode=dark] div[id*=configBazaar] .b3-card:hover { - outline: 2px solid var(--b3-theme-primary); -} -div[id*=configBazaar] .b3-card:hover::before { - opacity: 1; -} - -#configBazaarReadme { - transition: transform cubic-bezier(0.3, 0, 1, 1) 0.2s, filter linear 0.2s; - opacity: 1; - z-index: 2; - padding: 0; -} -#configBazaarReadme .item__side { - padding: 16px; - background-color: var(--b3-theme-surface); -} -#configBazaarReadme .item__side .item__title { - font-weight: 600; - word-break: normal; -} -#configBazaarReadme .item__side .b3-button { - background-color: var(--b3-menu-background); - border-radius: 99px; - color: var(--b3-theme-primary); - font-weight: 600; - transition: 0.1s all; - border: none; - box-shadow: none; - margin-top: 12px; -} -html[data-theme-mode=dark] #configBazaarReadme .item__side .b3-button { - background-color: rgba(0, 0, 0, 0.2); -} -html[data-theme-mode=dark] #configBazaarReadme .item__side .b3-button:hover { - background-color: var(--b3-theme-primary); -} -#configBazaarReadme .item__side .b3-button:hover { - background-color: var(--b3-theme-primary); - color: var(--b3-theme-on-primary); - transition: 0.1s all; -} -#configBazaarReadme .item__side .b3-button:active { - transform: scale(0.95); - opacity: 0.8; -} -#configBazaarReadme .item__side .b3-button--progress > span { - border-radius: 99px; -} -#configBazaarReadme .item__main { - margin-left: 0; - padding: 0; - background-color: var(--b3-theme-background); -} -#configBazaarReadme .item__main .item__preview { - border-radius: 0; -} -#configBazaarReadme .item__main .b3-typography { - padding: 0 32px; -} -#configBazaarReadme .item__main .b3-typography .bq { - border: none; - padding: 0; - background-color: transparent; - font-weight: 600; - margin: 0; - font-size: 120%; - opacity: 0.9; -} -#configBazaarReadme .item__main .b3-typography.item__readme { - padding-bottom: 32px; -} -#configBazaarReadme .item__main .b3-typography.item__readme > h1:first-child { - margin-top: 0; -} -#configBazaarReadme .item__main .b3-typography.item__readme > h2:first-child { - margin-top: 0; -} -#configBazaarReadme .item__main .b3-typography.item__readme > h3:first-child { - margin-top: 0; -} -#configBazaarReadme .item__main .b3-typography.item__readme > h4:first-child { - margin-top: 0; -} -#configBazaarReadme .item__main .b3-typography.item__readme > h5:first-child { - margin-top: 0; -} -#configBazaarReadme .item__main .b3-typography.item__readme > h6:first-child { - margin-top: 0; -} -#configBazaarReadme.config-bazaar__readme--show { - transition: transform cubic-bezier(0, 0, 0, 1) 0.3s, filter linear 0.3s 0.1s; -} - -#addCodeSnippetCSS, -#addCodeSnippetJS { - right: 93px; -} -#addCodeSnippetCSS ~ .b3-switch, -#addCodeSnippetJS ~ .b3-switch { - right: 24px; -} -#addCodeSnippetCSS, #addCodeSnippetCSS ~ .b3-switch, -#addCodeSnippetJS, -#addCodeSnippetJS ~ .b3-switch { - position: absolute; - top: 16px; -} - -.b3-dialog__scrim { - background-color: rgba(128, 128, 128, 0.5019607843); - backdrop-filter: saturate(0.5); - transition: opacity 250ms 0s, backdrop-filter 300ms 0s; -} -html[data-theme-mode=dark] .b3-dialog__scrim { - background-color: rgba(0, 0, 0, 0.5019607843); - backdrop-filter: saturate(0); -} - -.b3-dialog__container { - transform: translateY(-40px); - transition: opacity 150ms linear 0s, transform 300ms cubic-bezier(0, 0, 0, 1); -} - -#searchInput, -#searchAssetInput, -#replaceInput { - background-color: transparent; -} - -#criteria .b3-button { - border-radius: 99px; - padding: 4px 12px; - color: var(--b3-theme-primary); - font-weight: 600; - background-color: transparent; - padding: 2px 8px; - box-shadow: none; -} -#criteria .b3-button:hover { - box-shadow: none; -} -#criteria .b3-button:active { - transform: scale(0.95); - opacity: 0.8; - box-shadow: none; -} -#criteria .b3-button:focus { - box-shadow: none; -} -#criteria .b3-button:hover { - background-color: var(--b3-theme-primary-lightest); -} -#criteria .b3-button:active, #criteria .b3-button:focus { - background-color: var(--b3-theme-primary); - color: var(--b3-theme-on-primary); -} - -#replaceBtn, -#replaceAllBtn { - border-radius: 99px; - padding: 4px 12px; - color: var(--b3-theme-primary); - font-weight: 600; - background-color: transparent; - padding: 2px 8px; - box-shadow: none; -} -#replaceBtn:hover, -#replaceAllBtn:hover { - box-shadow: none; -} -#replaceBtn:active, -#replaceAllBtn:active { - transform: scale(0.95); - opacity: 0.8; - box-shadow: none; -} -#replaceBtn:focus, -#replaceAllBtn:focus { - box-shadow: none; -} -#replaceBtn:hover, -#replaceAllBtn:hover { - background-color: var(--b3-theme-primary-lightest); -} -#replaceBtn:active, #replaceBtn:focus, -#replaceAllBtn:active, -#replaceAllBtn:focus { - background-color: var(--b3-theme-primary); - color: var(--b3-theme-on-primary); -} - -#searchList [data-type=search-item] { - flex-wrap: wrap; - padding: 4px; - justify-content: flex-end; -} -#searchList [data-type=search-item] .b3-list-item__graphic { - align-self: flex-start; - transform: translateY(20%); - color: var(--b3-theme-on-surface); -} -#searchList [data-type=search-item] .b3-list-item__text { - color: rgba(69, 69, 69, 0.9); - line-height: 1.5; - flex-shrink: 0; - flex-basis: calc(100% - 44px); - -webkit-line-clamp: 2; -} -html[data-theme-mode=dark] #searchList [data-type=search-item] .b3-list-item__text { - color: rgba(220, 220, 220, 0.9); -} -#searchList [data-type=search-item] .b3-list-item__text mark { - background-color: transparent; - color: var(--b3-theme-primary); -} -#searchList [data-type=search-item] .b3-list-item__meta .b3-list-item__hinttext { - line-height: 1; - padding: 4px 0; -} -#searchList [data-type=search-item] .b3-list-item__meta--ellipsis { - max-width: calc(100% - 22px); - padding: 8px 0 8px 8px; - line-height: 1; -} -#searchList [data-type=search-item] .b3-list-item__meta mark { - background-color: transparent; - color: var(--b3-theme-primary); -} -#searchList > .b3-list-item:not([data-type=search-item]) { - margin: 0; - padding: 0 8px; - border-radius: 0; - position: sticky; - top: -8px; - background-color: var(--b3-theme-surface); - z-index: 1; -} -#searchList > .b3-list-item:not([data-type=search-item]) .b3-list-item__toggle--hl:hover { - background-color: transparent; -} -#searchList > .b3-list-item:not([data-type=search-item]):hover .b3-list-item__text { - color: var(--b3-theme-on-background) !important; -} -#searchList > .b3-list-item:not([data-type=search-item]) + div > .b3-list-item { - min-height: unset; - margin: 0; - border-radius: 0; - padding: 4px; -} -#searchList > .b3-list-item:not([data-type=search-item]) + div > .b3-list-item.b3-list-item--focus { - background-color: var(--b3-theme-primary-lightest); -} - -.search__layout:not(.search__layout--row) #searchList [data-type=search-item] .b3-list-item__graphic { - align-self: center; - transform: none; -} -.search__layout:not(.search__layout--row) #searchList [data-type=search-item] span.b3-list-item__graphic { - margin-right: 0; - font-size: 14px; -} -.search__layout:not(.search__layout--row) #searchList [data-type=search-item] .b3-list-item__text { - flex-shrink: 1; - flex-basis: 0; - -webkit-line-clamp: 1; -} -.search__layout:not(.search__layout--row) #searchList [data-type=search-item] .b3-list-item__meta--ellipsis { - max-width: 50%; -} - -.protyle-wysiwyg [data-node-id] span[data-type~=search-mark] { - border-radius: 4px; - padding: 2px; - margin: 0 -2px; - mix-blend-mode: multiply; - -webkit-box-decoration-break: clone; - background-color: var(--b3-protyle-inline-mark-background) !important; - color: var(--b3-theme-on-background) !important; -} -html[data-theme-mode=dark] .protyle-wysiwyg [data-node-id] span[data-type~=search-mark] { - mix-blend-mode: normal; -} -.file-tree .protyle-wysiwyg [data-node-id] span[data-type~=search-mark] { - border-radius: 0; - padding: 0; - margin: 0; - mix-blend-mode: normal; -} -.protyle-wysiwyg [data-node-id] span[data-type~=search-mark].search-mark--hl { - box-shadow: 0 0 0px 1px rgba(52, 120, 246, 0.075), 0px 13px 25px -2px rgba(52, 120, 246, 0.15), 0px 0px 10px 0px rgba(52, 120, 246, 0.075); - mix-blend-mode: normal; - background-color: var(--b3-theme-primary-lighter) !important; - color: var(--b3-theme-on-background) !important; -} -html[data-theme-mode=dark] .protyle-wysiwyg [data-node-id] span[data-type~=search-mark].search-mark--hl { - box-shadow: 0 0 0 1px #3478f6, 0px 13px 25px -2px rgba(52, 120, 246, 0.5), 0px 0px 10px 0px rgba(52, 120, 246, 0.25); -} - -.b3-dialog__body { - position: relative; - z-index: 0; -} -.b3-dialog__body > .b3-cards { - grid-template-columns: repeat(auto-fill, minmax(148px, 1fr)); - margin: 0; - padding: 32px; - gap: 32px; - display: grid; -} -.b3-dialog__body > .b3-cards .b3-card { - width: auto !important; - margin: 0; - border-radius: 20px; - padding: 0; - box-shadow: none; - top: 0; -} -.b3-dialog__body > .b3-cards .b3-card:hover { - transform: scale(1.05); - box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.05), 0px 13px 25px -2px rgba(0, 0, 0, 0.1), 0px 0px 10px 0px rgba(0, 0, 0, 0.05); -} -html[data-theme-mode=dark] .b3-dialog__body > .b3-cards .b3-card:hover { - box-shadow: 0 0 0 1px black, 0px 13px 25px -2px rgba(0, 0, 0, 0.3), 0px 0px 10px 0px rgba(0, 0, 0, 0.15); -} -html[data-theme-mode=dark] .b3-dialog__body > .b3-cards .b3-card:hover { - box-shadow: 0 8px 28px -8px rgba(0, 0, 0, 0.3843137255); -} - -.block__popover { - box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 24px 40px 9px rgba(0, 0, 0, 0.1); - border: none; -} -html[data-theme-mode=dark] .block__popover { - box-shadow: 0 0 0 1px #000, 0px 10px 15px -3px rgba(0, 0, 0, 0.3), 0px 24px 40px 9px rgba(0, 0, 0, 0.3); -} -html[data-theme-mode=dark] .block__popover { - outline: 1px solid var(--b3-border-color); -} -.block__popover .block__icons .block__icon:hover:not([disabled]):not(.ft__primary) { - background-color: transparent; -} -.block__popover .block__icons .block__icon--active { - color: var(--b3-theme-primary); - background-color: transparent; -} -.block__popover .block__icons .block__icon--active:hover:not([disabled]):not(.ft__primary) { - color: var(--b3-theme-primary); -} - -#aciton .b3-button--cancel { - border-radius: 99px; - padding: 4px 12px; - color: var(--b3-theme-on-surface); -} -#aciton .b3-button--cancel:hover { - box-shadow: none; -} -#aciton .b3-button--cancel:active { - transform: scale(0.95); - opacity: 0.8; - box-shadow: none; -} -#aciton .b3-button--cancel:focus { - box-shadow: none; -} -#aciton .b3-button--cancel:hover { - background-color: var(--b3-list-hover); - color: var(--b3-theme-on-background); -} -#aciton .b3-button--cancel:active, #aciton .b3-button--cancel:focus { - background-color: rgba(0, 0, 0, 0.1); - color: var(--b3-theme-on-background); -} -html[data-theme-mode=dark] #aciton .b3-button--cancel:active, html[data-theme-mode=dark] #aciton .b3-button--cancel:focus { - background-color: rgba(255, 255, 255, 0.1); -} -#aciton .b3-button--text { - border-radius: 99px; - padding: 4px 12px; - color: var(--b3-theme-primary); - font-weight: 600; -} -#aciton .b3-button--text:hover { - box-shadow: none; -} -#aciton .b3-button--text:active { - transform: scale(0.95); - opacity: 0.8; - box-shadow: none; -} -#aciton .b3-button--text:focus { - box-shadow: none; -} -#aciton .b3-button--text:hover { - background-color: var(--b3-theme-primary-lightest); -} -#aciton .b3-button--text:active, #aciton .b3-button--text:focus { - background-color: var(--b3-theme-primary); - color: var(--b3-theme-on-primary); -} - -body.body--window .toolbar__window .toolbar__item { - app-region: no-drag; - color: var(--b3-theme-on-surface); -} -body.body--window .toolbar__window .toolbar__item:hover { - color: var(--b3-theme-on-background); -} -body.body--window .toolbar__window .toolbar__item--active { - color: var(--b3-theme-primary); -} -body.body--window .toolbar__window .toolbar__item--active:hover { - color: var(--b3-theme-primary); -} -body.body--window #status { - right: 8px !important; - padding-right: 0; -} - -.viewer-backdrop { - animation: fadeIn 0.3s; - transform-origin: var(--mouseX) var(--mouseY); - background-color: #bbb; - animation-timing-function: cubic-bezier(0, 0, 0, 1); -} -html[data-theme-mode=dark] .viewer-backdrop { - background-color: var(--b3-theme-background); -} -@keyframes fadeIn { - from { - opacity: 0; - transform: scale(0.1); - } - to { - opacity: 1; - transform: none; - } -} - -.viewer-title { - padding: 4px 8px; - background-color: var(--b3-theme-surface); - border-radius: 99px; -} - -.viewer-toolbar > ul { - background-color: var(--b3-theme-surface); - padding: 8px; - border-radius: 99px; -} -.viewer-toolbar > ul > li { - background-color: transparent; -} -.viewer-toolbar > ul > li:hover { - background-color: var(--b3-list-hover); -} -.viewer-toolbar > ul > li:hover > svg { - color: var(--b3-theme-on-background); -} -.viewer-toolbar > ul > li:focus { - background-color: var(--b3-theme-on-background); - box-shadow: none; -} -.viewer-toolbar > ul > li:focus > svg { - color: var(--b3-menu-background); -} - -.card__main .card__action > div { - margin: 0 12px 8px; -} -.card__main .card__action .b3-button { - font-weight: 600; - border-radius: 20px; - transition: 0.2s; -} -.card__main .card__action .b3-button:hover { - transform: scale(1.05); -} -.card__main .card__action .b3-button:active { - transform: scale(0.95); - opacity: 0.8; - box-shadow: none; -} -.card__main .card__action .b3-button:focus { - box-shadow: none; -} -.card__main .card__action .b3-button[data-type="1"]:hover { - box-shadow: 0 0 0px 1px rgba(233, 49, 71, 0.05), 0px 13px 25px -2px rgba(233, 49, 71, 0.1), 0px 0px 10px 0px rgba(233, 49, 71, 0.05); -} -html[data-theme-mode=dark] .card__main .card__action .b3-button[data-type="1"]:hover { - box-shadow: 0 0 0 1px #e93147, 0px 13px 25px -2px rgba(233, 49, 71, 0.2), 0px 0px 10px 0px rgba(233, 49, 71, 0.1); -} -.card__main .card__action .b3-button[data-type="2"]:hover { - box-shadow: 0 0 0px 1px rgba(224, 172, 0, 0.05), 0px 13px 25px -2px rgba(224, 172, 0, 0.1), 0px 0px 10px 0px rgba(224, 172, 0, 0.05); -} -html[data-theme-mode=dark] .card__main .card__action .b3-button[data-type="2"]:hover { - box-shadow: 0 0 0 1px #e0ac00, 0px 13px 25px -2px rgba(224, 172, 0, 0.2), 0px 0px 10px 0px rgba(224, 172, 0, 0.1); -} -.card__main .card__action .b3-button[data-type="3"]:hover { - box-shadow: 0 0 0px 1px rgba(8, 109, 221, 0.05), 0px 13px 25px -2px rgba(8, 109, 221, 0.1), 0px 0px 10px 0px rgba(8, 109, 221, 0.05); -} -html[data-theme-mode=dark] .card__main .card__action .b3-button[data-type="3"]:hover { - box-shadow: 0 0 0 1px #086ddd, 0px 13px 25px -2px rgba(8, 109, 221, 0.2), 0px 0px 10px 0px rgba(8, 109, 221, 0.1); -} -.card__main .card__action .b3-button[data-type="4"]:hover { - box-shadow: 0 0 0px 1px rgba(8, 185, 78, 0.05), 0px 13px 25px -2px rgba(8, 185, 78, 0.1), 0px 0px 10px 0px rgba(8, 185, 78, 0.05); -} -html[data-theme-mode=dark] .card__main .card__action .b3-button[data-type="4"]:hover { - box-shadow: 0 0 0 1px #08b94e, 0px 13px 25px -2px rgba(8, 185, 78, 0.2), 0px 0px 10px 0px rgba(8, 185, 78, 0.1); -} -.card__main .card__action .b3-button[data-type="-1"]:hover, .card__main .card__action .b3-button[data-type="-2"]:hover { - transform: none; - box-shadow: none; -} -.card__main .card__action .b3-button[data-type="-1"]:active, .card__main .card__action .b3-button[data-type="-2"]:active { - transform: scale(0.9); -} -.card__main .card__action .b3-button[data-type="-3"]:hover { - background-color: var(--b3-list-hover); -} - -.custom-attr .block__logo.custom-attr__avheader { - color: var(--b3-theme-primary); - font-weight: 500; - margin-right: 0; - margin-bottom: 4px; - opacity: 1; - position: sticky; - top: 0; - background-color: var(--b3-theme-background); - z-index: 1; -} - -.custom-attr[data-type=NodeAttributeView] { - padding-bottom: 16px; -} -.custom-attr[data-type=NodeAttributeView] .block__icons { - height: auto; - min-height: unset; - padding: 4px 16px; -} -.custom-attr[data-type=NodeAttributeView] .av__row .block__logo { - font-weight: 500; -} -.custom-attr[data-type=NodeAttributeView] .av__row .block__logo ~ .fn__flex-1 { - overflow: visible; -} -.custom-attr[data-type=NodeAttributeView] .av__row .custom-attr__avvalue { - padding: 4px 0; -} -.custom-attr[data-type=NodeAttributeView] .av__row input, -.custom-attr[data-type=NodeAttributeView] .av__row select, -.custom-attr[data-type=NodeAttributeView] .av__row [data-type=text] .b3-text-field { - min-height: unset; - height: 28px; - padding: 4px; -} -.custom-attr[data-type=NodeAttributeView] .av__row input:hover, -.custom-attr[data-type=NodeAttributeView] .av__row select:hover, -.custom-attr[data-type=NodeAttributeView] .av__row [data-type=text] .b3-text-field:hover { - background-color: var(--b3-theme-surface); -} -.custom-attr[data-type=NodeAttributeView] .av__row input:focus, -.custom-attr[data-type=NodeAttributeView] .av__row select:focus, -.custom-attr[data-type=NodeAttributeView] .av__row [data-type=text] .b3-text-field:focus { - background-color: var(--b3-theme-surface); - outline: 3px solid var(--b3-theme-primary-light); -} -.custom-attr[data-type=NodeAttributeView] .av__row [data-type=text] { - align-self: flex-start; -} -.custom-attr[data-type=NodeAttributeView] .av__row .b3-chip { - border-radius: 20px; - padding: 2px 6px; -} -.custom-attr[data-type=NodeAttributeView] .av__row .av__celltext--url, -.custom-attr[data-type=NodeAttributeView] .av__row .av__celltext--ref { - border-bottom: none; - text-decoration: underline var(--b3-border-color-trans); - text-decoration-thickness: 0.1em; -} - -body:not(.hadeeth-pin-toolbar, .body--fullscreen) #toolbar.hadeeth-toolbar-tutorial, -body.body--window #toolbar.hadeeth-toolbar-tutorial { - overflow: visible; - animation: sway 1s 0s 1.5 alternate, hide 0.5s 1.5s, transparent-toolbar 0.8s 2s 6 alternate; - --offset: 4px; -} -@keyframes sway { - 0% { - transform: translateY(calc(var(--offset) * -1)); - opacity: 1; - } - 50% { - transform: translateY(calc(var(--offset))); - } - 100% { - transform: none; - opacity: 1; - } -} -@keyframes hide { - 0% { - transform: translateY(calc(var(--offset))); - opacity: 1; - } - 50% { - opacity: 1; - } - 100% { - transform: translateY(calc(var(--toolbar-height) * -1 + 10px)); - opacity: 0; - } -} -@keyframes transparent-toolbar { - 0% { - opacity: 1; - background-color: var(--b3-theme-background); - } - 100% { - opacity: 1; - background-color: var(--b3-theme-primary-light); - } -} -@keyframes glow { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen) #toolbar.hadeeth-toolbar-tutorial::before, body:not(.hadeeth-pin-toolbar, .body--fullscreen) #toolbar.hadeeth-toolbar-tutorial::after, -body.body--window #toolbar.hadeeth-toolbar-tutorial::before, -body.body--window #toolbar.hadeeth-toolbar-tutorial::after { - content: ""; - pointer-events: none; - height: 100%; - position: absolute; - top: 0; - background-color: var(--b3-theme-primary); - filter: blur(30px); - animation: glow 0.8s 2s 6 alternate; - opacity: 0; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen) #toolbar.hadeeth-toolbar-tutorial::before, -body.body--window #toolbar.hadeeth-toolbar-tutorial::before { - width: 30%; - left: -8%; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen) #toolbar.hadeeth-toolbar-tutorial::after, -body.body--window #toolbar.hadeeth-toolbar-tutorial::after { - width: 30%; - right: -8%; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen) #toolbar.hadeeth-toolbar-tutorial #drag, -body.body--window #toolbar.hadeeth-toolbar-tutorial #drag { - background-color: var(--b3-theme-background); -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .toolbar, -body.body--window:not(.body--mobile) .toolbar { - background-color: var(--b3-theme-background); - height: var(--toolbar-height); - position: fixed; - top: 0; - width: 100%; - transition: opacity 300ms, transform 300ms; - transition-delay: 0.3s; - z-index: 16; - opacity: 0; - transform: translateY(calc(var(--toolbar-height) * -1 + 10px)); -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .toolbar #drag, -body.body--window:not(.body--mobile) .toolbar #drag { - height: var(--toolbar-height); - line-height: var(--toolbar-height); -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .toolbar:hover, -body.body--window:not(.body--mobile) .toolbar:hover { - transition: opacity 100ms 100ms, transform 200ms 100ms; - opacity: 1; - transform: none; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .toolbar.no-hover, -body.body--window:not(.body--mobile) .toolbar.no-hover { - opacity: 0; - transform: translateY(calc(var(--toolbar-height) * -1 + 10px)); -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .toolbar.no-hover #drag, -body.body--window:not(.body--mobile) .toolbar.no-hover #drag { - height: var(--toolbar-height); - line-height: var(--toolbar-height); -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .toolbar.no-hover #drag, -body.body--window:not(.body--mobile) .toolbar.no-hover #drag { - app-region: drag; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .dock#dockLeft, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .dock#dockRight, -body.body--window:not(.body--mobile) .dock#dockLeft, -body.body--window:not(.body--mobile) .dock#dockRight { - padding-top: 4px; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockl::before, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockr::before, -body.body--window:not(.body--mobile) .layout__dockl::before, -body.body--window:not(.body--mobile) .layout__dockr::before { - content: ""; - height: 4px; - width: auto; - background-color: #efefef; -} -html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockl::before, -html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockr::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile) .layout__dockl::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile) .layout__dockr::before { - background-color: #383838; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockl.layout--float, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockr.layout--float, -body.body--window:not(.body--mobile) .layout__dockl.layout--float, -body.body--window:not(.body--mobile) .layout__dockr.layout--float { - height: 100%; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockl.layout--float::before, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockr.layout--float::before, -body.body--window:not(.body--mobile) .layout__dockl.layout--float::before, -body.body--window:not(.body--mobile) .layout__dockr.layout--float::before { - content: ""; - height: 4px; - width: auto; - background-color: white; -} -html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockl.layout--float::before, -html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockr.layout--float::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile) .layout__dockl.layout--float::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile) .layout__dockr.layout--float::before { - background-color: #1e1e1e; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .fn__flex-1.has-dockb .layout__dockl.layout--float, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .fn__flex-1.has-dockb .layout__dockr.layout--float, -body.body--window:not(.body--mobile) .fn__flex-1.has-dockb .layout__dockl.layout--float, -body.body--window:not(.body--mobile) .fn__flex-1.has-dockb .layout__dockr.layout--float { - height: calc(100% - 42px - var(--status-height, 32px)); - top: 0; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .dock#dockLeft, -body.body--window:not(.body--mobile) .dock#dockLeft { - padding-top: calc(var(--toolbar-height) - 6px - 10px + 10px); -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockl, -body.body--window:not(.body--mobile) .layout__dockl { - margin-top: 10px; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockl:not(.layout--float), -body.body--window:not(.body--mobile) .layout__dockl:not(.layout--float) { - min-height: calc(100% - 10px); -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockl::before, -body.body--window:not(.body--mobile) .layout__dockl::before { - height: calc(var(--toolbar-height) - 6px - 10px); -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockl.layout--float::before, -body.body--window:not(.body--mobile) .layout__dockl.layout--float::before { - height: calc(var(--toolbar-height) - 6px - 10px + 10px); -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockl > .fn__flex-1:first-child, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockl > .fn__flex-1.fn__none ~ .fn__flex-1, -body.body--window:not(.body--mobile) .layout__dockl > .fn__flex-1:first-child, -body.body--window:not(.body--mobile) .layout__dockl > .fn__flex-1.fn__none ~ .fn__flex-1 { - position: relative; - overflow: visible; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockl > .fn__flex-1:first-child::before, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockl > .fn__flex-1.fn__none ~ .fn__flex-1::before, -body.body--window:not(.body--mobile) .layout__dockl > .fn__flex-1:first-child::before, -body.body--window:not(.body--mobile) .layout__dockl > .fn__flex-1.fn__none ~ .fn__flex-1::before { - content: ""; - width: 100%; - height: 10px; - position: absolute; - top: calc(-1 * var(--toolbar-height) + 6px); - background-color: #efefef; -} -html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockl > .fn__flex-1:first-child::before, html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockl > .fn__flex-1.fn__none ~ .fn__flex-1::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile) .layout__dockl > .fn__flex-1:first-child::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile) .layout__dockl > .fn__flex-1.fn__none ~ .fn__flex-1::before { - background-color: #383838; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockl.layout--float > .fn__flex-1:first-child::before, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockl.layout--float > .fn__flex-1.fn__none ~ .fn__flex-1::before, -body.body--window:not(.body--mobile) .layout__dockl.layout--float > .fn__flex-1:first-child::before, -body.body--window:not(.body--mobile) .layout__dockl.layout--float > .fn__flex-1.fn__none ~ .fn__flex-1::before { - background-color: white; -} -html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockl.layout--float > .fn__flex-1:first-child::before, html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .layout__dockl.layout--float > .fn__flex-1.fn__none ~ .fn__flex-1::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile) .layout__dockl.layout--float > .fn__flex-1:first-child::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile) .layout__dockl.layout--float > .fn__flex-1.fn__none ~ .fn__flex-1::before { - background-color: #1e1e1e; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .dock#dockLeft, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .dock#dockRight, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--browser .dock#dockLeft, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--browser .dock#dockRight, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--fullscreen .dock#dockLeft, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--fullscreen .dock#dockRight, -body.body--window:not(.body--mobile).body--win32 .dock#dockLeft, -body.body--window:not(.body--mobile).body--win32 .dock#dockRight, -body.body--window:not(.body--mobile).body--browser .dock#dockLeft, -body.body--window:not(.body--mobile).body--browser .dock#dockRight, -body.body--window:not(.body--mobile).body--fullscreen .dock#dockLeft, -body.body--window:not(.body--mobile).body--fullscreen .dock#dockRight { - padding-top: 4px; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockl::before, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockr::before, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--browser .layout__dockl::before, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--browser .layout__dockr::before, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockl::before, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockr::before, -body.body--window:not(.body--mobile).body--win32 .layout__dockl::before, -body.body--window:not(.body--mobile).body--win32 .layout__dockr::before, -body.body--window:not(.body--mobile).body--browser .layout__dockl::before, -body.body--window:not(.body--mobile).body--browser .layout__dockr::before, -body.body--window:not(.body--mobile).body--fullscreen .layout__dockl::before, -body.body--window:not(.body--mobile).body--fullscreen .layout__dockr::before { - content: ""; - height: 4px; - width: auto; - background-color: #efefef; -} -html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockl::before, -html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockr::before, html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--browser .layout__dockl::before, -html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--browser .layout__dockr::before, html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockl::before, -html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockr::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--win32 .layout__dockl::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--win32 .layout__dockr::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--browser .layout__dockl::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--browser .layout__dockr::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--fullscreen .layout__dockl::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--fullscreen .layout__dockr::before { - background-color: #383838; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockl.layout--float, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockr.layout--float, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--browser .layout__dockl.layout--float, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--browser .layout__dockr.layout--float, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockl.layout--float, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockr.layout--float, -body.body--window:not(.body--mobile).body--win32 .layout__dockl.layout--float, -body.body--window:not(.body--mobile).body--win32 .layout__dockr.layout--float, -body.body--window:not(.body--mobile).body--browser .layout__dockl.layout--float, -body.body--window:not(.body--mobile).body--browser .layout__dockr.layout--float, -body.body--window:not(.body--mobile).body--fullscreen .layout__dockl.layout--float, -body.body--window:not(.body--mobile).body--fullscreen .layout__dockr.layout--float { - height: 100%; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockl.layout--float::before, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockr.layout--float::before, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--browser .layout__dockl.layout--float::before, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--browser .layout__dockr.layout--float::before, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockl.layout--float::before, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockr.layout--float::before, -body.body--window:not(.body--mobile).body--win32 .layout__dockl.layout--float::before, -body.body--window:not(.body--mobile).body--win32 .layout__dockr.layout--float::before, -body.body--window:not(.body--mobile).body--browser .layout__dockl.layout--float::before, -body.body--window:not(.body--mobile).body--browser .layout__dockr.layout--float::before, -body.body--window:not(.body--mobile).body--fullscreen .layout__dockl.layout--float::before, -body.body--window:not(.body--mobile).body--fullscreen .layout__dockr.layout--float::before { - content: ""; - height: 4px; - width: auto; - background-color: white; -} -html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockl.layout--float::before, -html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockr.layout--float::before, html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--browser .layout__dockl.layout--float::before, -html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--browser .layout__dockr.layout--float::before, html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockl.layout--float::before, -html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockr.layout--float::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--win32 .layout__dockl.layout--float::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--win32 .layout__dockr.layout--float::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--browser .layout__dockl.layout--float::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--browser .layout__dockr.layout--float::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--fullscreen .layout__dockl.layout--float::before, -html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--fullscreen .layout__dockr.layout--float::before { - background-color: #1e1e1e; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .fn__flex-1.has-dockb .layout__dockl.layout--float, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .fn__flex-1.has-dockb .layout__dockr.layout--float, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--browser .fn__flex-1.has-dockb .layout__dockl.layout--float, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--browser .fn__flex-1.has-dockb .layout__dockr.layout--float, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--fullscreen .fn__flex-1.has-dockb .layout__dockl.layout--float, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--fullscreen .fn__flex-1.has-dockb .layout__dockr.layout--float, -body.body--window:not(.body--mobile).body--win32 .fn__flex-1.has-dockb .layout__dockl.layout--float, -body.body--window:not(.body--mobile).body--win32 .fn__flex-1.has-dockb .layout__dockr.layout--float, -body.body--window:not(.body--mobile).body--browser .fn__flex-1.has-dockb .layout__dockl.layout--float, -body.body--window:not(.body--mobile).body--browser .fn__flex-1.has-dockb .layout__dockr.layout--float, -body.body--window:not(.body--mobile).body--fullscreen .fn__flex-1.has-dockb .layout__dockl.layout--float, -body.body--window:not(.body--mobile).body--fullscreen .fn__flex-1.has-dockb .layout__dockr.layout--float { - height: calc(100% - 42px - var(--status-height, 32px)); - top: 0; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockl, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--browser .layout__dockl, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockl, -body.body--window:not(.body--mobile).body--win32 .layout__dockl, -body.body--window:not(.body--mobile).body--browser .layout__dockl, -body.body--window:not(.body--mobile).body--fullscreen .layout__dockl { - margin-top: 0; - min-height: 100%; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile) .b3-snackbars, -body.body--window:not(.body--mobile) .b3-snackbars { - top: 0; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child, -body.body--window:not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child, -body.body--window:not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child { - app-region: drag; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__icon, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .b3-text-field, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__icon, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .b3-text-field, -body.body--window:not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__icon, -body.body--window:not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .b3-text-field, -body.body--window:not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__icon, -body.body--window:not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .b3-text-field { - app-region: no-drag; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__logo, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .fn__space, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__logo, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .fn__space, -body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__logo, -body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .fn__space, -body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__logo, -body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .fn__space { - app-region: drag; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .fn__space, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .fn__space, -body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .fn__space, -body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .fn__space { - height: 34px; - transform: translateY(4px); -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__icon, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .b3-text-field, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__icon, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .b3-text-field, -body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__icon, -body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .b3-text-field, -body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__icon, -body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .b3-text-field { - app-region: no-drag; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) #toolbar:hover + div #layouts .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) #toolbar:hover + div #layouts .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child, -body.body--window:not(.body--mobile):not(.body--win32) #toolbar:hover + div #layouts .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child, -body.body--window:not(.body--mobile):not(.body--win32) #toolbar:hover + div #layouts .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child { - app-region: unset; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) #toolbar:hover + div #layouts .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__logo, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) #toolbar:hover + div #layouts .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .fn__space, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) #toolbar:hover + div #layouts .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__logo, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile):not(.body--win32) #toolbar:hover + div #layouts .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .fn__space, -body.body--window:not(.body--mobile):not(.body--win32) #toolbar:hover + div #layouts .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__logo, -body.body--window:not(.body--mobile):not(.body--win32) #toolbar:hover + div #layouts .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .fn__space, -body.body--window:not(.body--mobile):not(.body--win32) #toolbar:hover + div #layouts .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__logo, -body.body--window:not(.body--mobile):not(.body--win32) #toolbar:hover + div #layouts .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .fn__space { - app-region: unset; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__logo, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .fn__space, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__logo, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .fn__space, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__logo, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .fn__space, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__logo, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .fn__space, -body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__logo, -body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .fn__space, -body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__logo, -body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .fn__space, -body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__logo, -body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .fn__space, -body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__logo, -body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .fn__space { - app-region: drag; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .fn__space, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .fn__space, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .fn__space, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .fn__space, -body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .fn__space, -body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .fn__space, -body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .fn__space, -body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .fn__space { - height: 34px; - transform: translateY(4px); -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__icon, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .b3-text-field, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__icon, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .b3-text-field, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__icon, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .b3-text-field, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__icon, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .b3-text-field, -body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__icon, -body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .b3-text-field, -body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__icon, -body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .b3-text-field, -body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__icon, -body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .b3-text-field, -body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__icon, -body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .b3-text-field { - app-region: no-drag; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 #toolbar:hover + div #layouts .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__logo, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 #toolbar:hover + div #layouts .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .fn__space, body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 #toolbar:hover + div #layouts .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__logo, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 #toolbar:hover + div #layouts .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .fn__space, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 #toolbar:hover + div #layouts .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__logo, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 #toolbar:hover + div #layouts .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .fn__space, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 #toolbar:hover + div #layouts .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__logo, -body:not(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--mobile).body--win32 #toolbar:hover + div #layouts .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .fn__space, -body.body--window:not(.body--mobile).body--win32 #toolbar:hover + div #layouts .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__logo, -body.body--window:not(.body--mobile).body--win32 #toolbar:hover + div #layouts .layout__dockl:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .fn__space, -body.body--window:not(.body--mobile).body--win32 #toolbar:hover + div #layouts .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__logo, -body.body--window:not(.body--mobile).body--win32 #toolbar:hover + div #layouts .layout__dockl:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .fn__space, -body.body--window:not(.body--mobile).body--win32 #toolbar:hover + div #layouts .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .block__logo, -body.body--window:not(.body--mobile).body--win32 #toolbar:hover + div #layouts .layout__dockr:not(.layout--float) > .fn__flex-1:first-child .block__icons:first-child .fn__space, -body.body--window:not(.body--mobile).body--win32 #toolbar:hover + div #layouts .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .block__logo, -body.body--window:not(.body--mobile).body--win32 #toolbar:hover + div #layouts .layout__dockr:not(.layout--float) > .fn__flex-1.fn__none ~ .fn__flex-1 .block__icons:first-child .fn__space { - app-region: unset; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen) #toolbar .toolbar__item, -body.body--window #toolbar .toolbar__item { - app-region: no-drag; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .fn__flex-column[data-type=wnd] > .fn__flex:first-child, -body.body--window .fn__flex-column[data-type=wnd] > .fn__flex:first-child { - app-region: drag; - margin-top: 10px; - height: calc(var(--toolbar-height) - 16px); -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .fn__flex-column[data-type=wnd] > .fn__flex:first-child .layout-tab-bar, -body.body--window .fn__flex-column[data-type=wnd] > .fn__flex:first-child .layout-tab-bar { - margin-top: 0; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .fn__flex-column[data-type=wnd] > .fn__flex:first-child .layout-tab-bar:not(.layout-tab-bar--readonly), -body.body--window .fn__flex-column[data-type=wnd] > .fn__flex:first-child .layout-tab-bar:not(.layout-tab-bar--readonly) { - app-region: no-drag; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .fn__flex-column[data-type=wnd] > .fn__flex:first-child .layout-tab-bar--readonly .block__icon, -body.body--window .fn__flex-column[data-type=wnd] > .fn__flex:first-child .layout-tab-bar--readonly .block__icon { - app-region: no-drag; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen) #toolbar:hover + div #layouts .fn__flex-column[data-type=wnd] > .fn__flex:first-child, -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .layout__dockl.layout--float:not([style*=transform]) ~ .layout__center .fn__flex-column[data-type=wnd] > .fn__flex:first-child, -body.body--window #toolbar:hover + div #layouts .fn__flex-column[data-type=wnd] > .fn__flex:first-child, -body.body--window .layout__dockl.layout--float:not([style*=transform]) ~ .layout__center .fn__flex-column[data-type=wnd] > .fn__flex:first-child { - app-region: unset; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .layout-tab-container *:not(.protyle.fullscreen) > .protyle-breadcrumb__space, -body.body--window .layout-tab-container *:not(.protyle.fullscreen) > .protyle-breadcrumb__space { - app-region: drag; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .layout__dockl.layout--float:not([style*=transform]) ~ .layout__center .protyle-breadcrumb__space, -body:not(.hadeeth-pin-toolbar, .body--fullscreen) #toolbar:hover + .fn__flex-1 #layouts .fullscreen .protyle-breadcrumb__space, -body.body--window .layout__dockl.layout--float:not([style*=transform]) ~ .layout__center .protyle-breadcrumb__space, -body.body--window #toolbar:hover + .fn__flex-1 #layouts .fullscreen .protyle-breadcrumb__space { - app-region: unset; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .layout__dockl:not(.layout--float)::before, -body.body--window .layout__dockl:not(.layout--float)::before { - app-region: drag; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen) #toolbar:hover + div #layouts .layout__dockl:not(.layout--float)::before, -body.body--window #toolbar:hover + div #layouts .layout__dockl:not(.layout--float)::before { - app-region: unset; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen) #toolbar:hover + .fn__flex-1 #layouts .fullscreen > .block__icons > .fn__flex-1, -body:not(.hadeeth-pin-toolbar, .body--fullscreen) #toolbar:hover ~ .b3-dialog--open .fullscreen > .block__icons > .fn__flex-1, -body.body--window #toolbar:hover + .fn__flex-1 #layouts .fullscreen > .block__icons > .fn__flex-1, -body.body--window #toolbar:hover ~ .b3-dialog--open .fullscreen > .block__icons > .fn__flex-1 { - app-region: unset; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .b3-menu, -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .b3-menu__submenu, -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .protyle-hint, -body.body--window .b3-menu, -body.body--window .b3-menu__submenu, -body.body--window .protyle-hint { - app-region: no-drag; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .block__popover, -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .b3-dialog__body, -body.body--window .block__popover, -body.body--window .b3-dialog__body { - app-region: no-drag; -} -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .block__icons > .block__icon, -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .block__icons > .search__label, -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .search__header, -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .layout--float, -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .protyle-breadcrumb .block__icon, -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .protyle-breadcrumb__item, -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .protyle-breadcrumb button, -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .b3-snackbar, -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .protyle-toolbar, -body:not(.hadeeth-pin-toolbar, .body--fullscreen) .protyle-util, -body.body--window .block__icons > .block__icon, -body.body--window .block__icons > .search__label, -body.body--window .search__header, -body.body--window .layout--float, -body.body--window .protyle-breadcrumb .block__icon, -body.body--window .protyle-breadcrumb__item, -body.body--window .protyle-breadcrumb button, -body.body--window .b3-snackbar, -body.body--window .protyle-toolbar, -body.body--window .protyle-util { - app-region: no-drag; -} - -body:where(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--window) { - --toolbar-height: 40px; - --b3-toolbar-left-mac: 72px; -} -body:where(.hadeeth-pin-toolbar, .body--fullscreen):not(.body--window) #toolbar #barWorkspace::before { - height: 24px; - transform: translate(-5px, 3px); -} - -body.body--win32.hadeeth-pin-toolbar #toolbar { - padding-left: 6px; -} - -.protyle-background__img::before { - content: ""; - display: inline-block; - width: -webkit-fill-available; - height: 90%; - position: absolute; - bottom: 0; - right: 0; - background: linear-gradient(to top, white 2%, rgba(255, 255, 255, 0.97) 10%, rgba(255, 255, 255, 0.9) 18%, rgba(255, 255, 255, 0.75) 33%, rgba(255, 255, 255, 0.05) 92%, transparent 99%); - pointer-events: none; -} -html[data-theme-mode=dark] .protyle-background__img::before { - background: linear-gradient(to top, #1e1e1e 2%, rgba(30, 30, 30, 0.97) 10%, rgba(30, 30, 30, 0.9) 18%, rgba(30, 30, 30, 0.75) 33%, rgba(30, 30, 30, 0.05) 92%, transparent 99%); -} - -.protyle-background[style="min-height: 30vh;"] { - margin-bottom: -48px; -} -.protyle-background[style="min-height: 30vh;"].without-icon { - margin-bottom: -120px; -} -.protyle-background[style="min-height: 30vh;"].without-icon .protyle-icons:not(:nth-of-type(2)) { - transform: translateY(-48px); - z-index: 1; -} -.protyle-background[style="min-height: 30vh;"].without-icon .protyle-background__iconw { - transform: translateY(-96px); - z-index: 1; -} -.protyle-background[style="min-height: 30vh;"] .protyle-background__iconw { - transform: translateY(-48px); -} - -body:not(.body--blur, .hadeeth-disable-backdrop-blur) [data-type=wnd] .pdf__outer#outerContainer #dialogContainer .dialog { - background-color: rgba(236, 236, 236, 0.85); - backdrop-filter: blur(40px) saturate(3) brightness(1.1); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) [data-type=wnd] .pdf__outer#outerContainer #dialogContainer .dialog { - background-color: rgba(50, 50, 50, 0.85); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) [data-type=wnd] .pdf__outer#outerContainer #dialogContainer .dialog { - backdrop-filter: blur(40px) saturate(3) brightness(0.95); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background__img::after { - content: ""; - display: inline-block; - width: -webkit-fill-available; - height: 13.5vh; - position: absolute; - bottom: 0; - right: 0; - backdrop-filter: blur(4px); - mask-image: linear-gradient(to top, black 50%, transparent); - transform: translateZ(0); - pointer-events: none; -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--secondary { - backdrop-filter: blur(40px) saturate(1) brightness(1); - background-color: rgba(239, 239, 239, 0.8); - color: rgba(69, 69, 69, 0.6); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--secondary { - backdrop-filter: blur(40px) saturate(1) brightness(1); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--secondary { - background-color: rgba(56, 56, 56, 0.6); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--secondary { - color: gainsboro; -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--primary { - backdrop-filter: blur(40px) saturate(1) brightness(1); - background-color: rgba(239, 239, 239, 0.8); - color: rgba(69, 69, 69, 0.6); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--primary { - backdrop-filter: blur(40px) saturate(1) brightness(1); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--primary { - background-color: rgba(56, 56, 56, 0.6); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--primary { - color: gainsboro; -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--info { - backdrop-filter: blur(40px) saturate(1) brightness(1); - background-color: rgba(239, 239, 239, 0.8); - color: rgba(69, 69, 69, 0.6); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--info { - backdrop-filter: blur(40px) saturate(1) brightness(1); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--info { - background-color: rgba(56, 56, 56, 0.6); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--info { - color: gainsboro; -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--success { - backdrop-filter: blur(40px) saturate(1) brightness(1); - background-color: rgba(239, 239, 239, 0.8); - color: rgba(69, 69, 69, 0.6); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--success { - backdrop-filter: blur(40px) saturate(1) brightness(1); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--success { - background-color: rgba(56, 56, 56, 0.6); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--success { - color: gainsboro; -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--warning { - backdrop-filter: blur(40px) saturate(1) brightness(1); - background-color: rgba(239, 239, 239, 0.8); - color: rgba(69, 69, 69, 0.6); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--warning { - backdrop-filter: blur(40px) saturate(1) brightness(1); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--warning { - background-color: rgba(56, 56, 56, 0.6); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--warning { - color: gainsboro; -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--error { - backdrop-filter: blur(40px) saturate(1) brightness(1); - background-color: rgba(239, 239, 239, 0.8); - color: rgba(69, 69, 69, 0.6); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--error { - backdrop-filter: blur(40px) saturate(1) brightness(1); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--error { - background-color: rgba(56, 56, 56, 0.6); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--error { - color: gainsboro; -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--pink { - backdrop-filter: blur(40px) saturate(1) brightness(1); - background-color: rgba(239, 239, 239, 0.8); - color: rgba(69, 69, 69, 0.6); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--pink { - backdrop-filter: blur(40px) saturate(1) brightness(1); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--pink { - background-color: rgba(56, 56, 56, 0.6); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--pink { - color: gainsboro; -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-toolbar { - background-color: rgba(239, 239, 239, 0.8); - backdrop-filter: blur(40px) saturate(3) brightness(1.1); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-toolbar { - background-color: rgba(56, 56, 56, 0.8); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-toolbar { - backdrop-filter: blur(40px) saturate(3) brightness(0.9); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle [data-node-id] .img:hover .protyle-action__drag { - background-color: transparent; - backdrop-filter: invert(1) blur(200px) saturate(0) contrast(0.5) brightness(1.15); - filter: contrast(10) invert(0.1) opacity(0.9); - box-shadow: none; - transition: transform 50ms; -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-icons { - mix-blend-mode: luminosity; -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-icons:hover { - backdrop-filter: blur(20px); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-icons .protyle-icon--only:hover { - backdrop-filter: blur(20px); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-action:hover { - backdrop-filter: blur(20px); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-action .protyle-icon--only:hover { - backdrop-filter: blur(20px); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .fn__flex-1:not(.has-dockb) ~ #status { - background-color: rgba(239, 239, 239, 0.8); - backdrop-filter: blur(40px) saturate(1) brightness(1.1); - mix-blend-mode: luminosity; -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .fn__flex-1:not(.has-dockb) ~ #status { - background-color: rgba(56, 56, 56, 0.8); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .fn__flex-1:not(.has-dockb) ~ #status { - backdrop-filter: blur(40px) saturate(1) brightness(0.9); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockl.layout--float, -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockr.layout--float { - margin-top: 0; -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockl.layout--float::before, body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockl.layout--float > .fn__flex-1:first-child::before, -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockr.layout--float::before, -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockr.layout--float > .fn__flex-1:first-child::before { - background-color: rgba(255, 255, 255, 0.85) !important; -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockl.layout--float::before, html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockl.layout--float > .fn__flex-1:first-child::before, -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockr.layout--float::before, -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockr.layout--float > .fn__flex-1:first-child::before { - background-color: rgba(30, 30, 30, 0.85) !important; -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockl.layout--float .layout-tab-container, -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockr.layout--float .layout-tab-container { - background-color: rgba(255, 255, 255, 0.85); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockl.layout--float .layout-tab-container, -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockr.layout--float .layout-tab-container { - background-color: rgba(30, 30, 30, 0.85); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockl.layout--float .layout-tab-container .graph, -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockr.layout--float .layout-tab-container .graph { - background-color: transparent; -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockl.layout--float .layout-tab-container .graph.fullscreen, -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockr.layout--float .layout-tab-container .graph.fullscreen { - backdrop-filter: blur(40px) saturate(3) brightness(1.1); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockl.layout--float .layout-tab-container .graph.fullscreen, -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockr.layout--float .layout-tab-container .graph.fullscreen { - backdrop-filter: blur(40px) saturate(3) brightness(0.9); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockl.layout--float::after, -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockr.layout--float::after { - content: ""; - width: inherit; - height: 100%; - position: absolute; - z-index: -1; - backdrop-filter: blur(40px) saturate(3) brightness(1.1); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockl.layout--float::after, -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockr.layout--float::after { - backdrop-filter: blur(40px) saturate(3) brightness(0.9); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockl.layout--float .sy__graph.fullscreen, -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockr.layout--float .sy__graph.fullscreen { - background-color: rgba(255, 255, 255, 0.8); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockl.layout--float .sy__graph.fullscreen, -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout__dockr.layout--float .sy__graph.fullscreen { - background-color: rgba(30, 30, 30, 0.8); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .layout--float .protyle-icons, -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-background__iconw .protyle-icons { - mix-blend-mode: normal; -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .graph__panel { - backdrop-filter: blur(20px) saturate(3) brightness(1.1); - opacity: 1; - background-color: rgba(255, 255, 255, 0.8); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .graph__panel { - backdrop-filter: blur(20px) saturate(3) brightness(0.9); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .graph__panel { - background-color: rgba(30, 30, 30, 0.8); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .b3-menu, -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .b3-menu__submenu { - background-color: transparent; - overflow: hidden; -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .b3-menu:not(#searchHistoryList)::before, -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .b3-menu__submenu:not(#searchHistoryList)::before { - content: ""; - position: absolute; - inset: 0; - z-index: -1; - border-radius: 8px; - backdrop-filter: blur(40px) saturate(3) brightness(1.1); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .b3-menu:not(#searchHistoryList)::before, -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .b3-menu__submenu:not(#searchHistoryList)::before { - backdrop-filter: blur(40px) saturate(3) brightness(0.9); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .b3-menu .b3-menu__items, -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .b3-menu__submenu .b3-menu__items { - background-color: rgba(236, 236, 236, 0.8); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .b3-menu .b3-menu__items, -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .b3-menu__submenu .b3-menu__items { - background-color: rgba(50, 50, 50, 0.8); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .b3-menu .protyle-icons, -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .b3-menu__submenu .protyle-icons { - mix-blend-mode: normal; -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-hint { - background-color: transparent; - backdrop-filter: blur(40px) saturate(3) brightness(1.1); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-hint { - backdrop-filter: blur(40px) saturate(3) brightness(0.9); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-hint > div:not(.emojis) { - background-color: rgba(236, 236, 236, 0.8); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-hint > div:not(.emojis) { - background-color: rgba(50, 50, 50, 0.8); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-hint > .emojis > .emojis__panel { - background-color: rgba(236, 236, 236, 0.8); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-hint > .emojis > .emojis__panel { - background-color: rgba(50, 50, 50, 0.8); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-util { - background-color: rgba(236, 236, 236, 0.8); - backdrop-filter: blur(40px) saturate(3) brightness(1.1); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-util { - background-color: rgba(50, 50, 50, 0.8); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-util { - backdrop-filter: blur(40px) saturate(3) brightness(0.9); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) #searchHistoryList { - background-color: rgba(236, 236, 236, 0.8); - backdrop-filter: blur(40px) saturate(3) brightness(1.1); - overflow: auto; -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) #searchHistoryList { - background-color: rgba(50, 50, 50, 0.8); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) #searchHistoryList { - backdrop-filter: blur(40px) saturate(3) brightness(0.9); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .b3-dialog.emojis-container .b3-dialog__container { - backdrop-filter: blur(40px) saturate(3) brightness(1.1); - background-color: transparent; -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .b3-dialog.emojis-container .b3-dialog__container { - backdrop-filter: blur(40px) saturate(3) brightness(0.9); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .b3-dialog.emojis-container .b3-dialog__container .emojis > * { - background-color: rgba(236, 236, 236, 0.8); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .b3-dialog.emojis-container .b3-dialog__container .emojis > * { - background-color: rgba(50, 50, 50, 0.8); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .emojis__panel .emojis__content:not([style="min-height:28px"]) .emojis__item:hover { - animation: lighten 0.3s ease-in-out; -} -@keyframes lighten { - 0% { - filter: brightness(1); - } - 50% { - filter: brightness(1.15); - } - 100% { - filter: brightness(1); - } -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .config-bazaar__readme { - filter: saturate(0); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .config-bazaar__readme--show { - filter: none; -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .tooltip { - background-color: rgba(236, 236, 236, 0.8); - backdrop-filter: blur(20px) saturate(3) brightness(1.1); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .tooltip { - background-color: rgba(50, 50, 50, 0.8); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .tooltip { - backdrop-filter: blur(20px) saturate(3) brightness(0.9); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-toolbar__item ::after, -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .protyle-icon ::after { - background-color: var(--b3-tooltips-background); - backdrop-filter: none; -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .viewer-backdrop { - backdrop-filter: blur(40px) saturate(1) brightness(1.1); - backdrop-filter: blur(40px); - background-color: rgba(128, 128, 128, 0.5019607843); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .viewer-backdrop { - backdrop-filter: blur(40px) saturate(1) brightness(0.9); -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .viewer-backdrop { - background-color: rgba(0, 0, 0, 0.5019607843); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .viewer-title { - backdrop-filter: blur(20px); - background-color: rgba(239, 239, 239, 0.6); - mix-blend-mode: luminosity; -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .viewer-title { - background-color: rgba(56, 56, 56, 0.6); -} -body:not(.body--blur, .hadeeth-disable-backdrop-blur) .viewer-toolbar > ul { - backdrop-filter: blur(20px); - background-color: rgba(239, 239, 239, 0.8); - mix-blend-mode: luminosity; -} -html[data-theme-mode=dark] body:not(.body--blur, .hadeeth-disable-backdrop-blur) .viewer-toolbar > ul { - background-color: rgba(56, 56, 56, 0.8); -} - -body.body--mobile #menu.b3-menu--fullscreen { - box-shadow: none; -} -body.body--mobile .b3-menu__separator { - height: 1px; - margin: 16px; - width: calc(100% - 32px); -} -body.body--mobile .status { - padding: 8px; -} -body.body--mobile [style="transform: translateX(0px);"] ~ .side-mask { - opacity: 0 !important; -} - -body.body--win32 ::-webkit-scrollbar { - background-color: transparent; -} -body.body--win32 ::-webkit-scrollbar-thumb { - -webkit-border-radius: 10px; - background-clip: padding-box; - border: 2px solid transparent; - background-color: var(--b3-scroll-color); -} -body.body--win32 ::-webkit-scrollbar-thumb:hover { - background-color: var(--b3-scroll-color-hover); -} - -body.body--linux { - border: 1px solid rgba(128, 128, 128, 0.5019607843); -} - -@property --property-percentage { - syntax: ""; - inherits: false; - initial-value: 0%; -} -@keyframes click { - 0% { - transform: scale(1); - opacity: 1; - } - 50% { - transform: scale(0.95); - opacity: 0.8; - } - 100% { - transform: scale(1); - opacity: 1; - } -} -@keyframes scroll-fadein { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -html[data-theme-mode=light]:root { - color-scheme: light; - --b3-theme-primary: rgb(52, 120, 246); - --b3-theme-primary-light: rgba(52, 120, 246, 0.56); - --b3-theme-primary-lighter: rgba(52, 120, 246, 0.38); - --b3-theme-primary-lightest: rgba(52, 120, 246, 0.2); - --b3-theme-secondary: rgb(241, 154, 55); - --b3-theme-background: #fff; - --b3-theme-background-light: rgba(255, 255, 255, 0.1); - --b3-theme-surface: rgb(239, 239, 239); - --b3-theme-surface-light: rgba(239, 239, 239, 0.5); - --b3-theme-error: rgb(234, 77, 60); - /* 文字颜色 */ - --b3-theme-on-primary: #fff; - --b3-theme-on-secondary: #fff; - --b3-theme-on-background: rgb(69, 69, 69); - --b3-theme-on-surface:rgba(69, 69, 69, 0.65); - --b3-theme-on-surface-light: rgba(127, 127, 127, 0.68); - --b3-theme-on-error: #fff; - /* 线条 */ - --b3-border-color: hsl(0, 0%, 90%); - --b3-border-color-trans:rgba(69, 69, 69, 0.15); - /* 滚动条 */ - --b3-scroll-color: rgba(0, 0, 0, 0.08); - --b3-scroll-color-hover: rgba(0, 0, 0, 0.16); - /* 列表 */ - --b3-list-hover: rgba(0, 0, 0, 0.05); - /* 菜单 */ - --b3-menu-background: rgb(236, 236, 236); - --b3-menu-item-background-hover: rgba(41, 98, 217, 0.8); - --b3-menu-item-background-hover-text:#fff; - /* 提示 */ - --b3-tooltips-color: var(--b3-theme-on-background); - --b3-tooltips-background: var(--b3-menu-background); - /* 遮罩 */ - --b3-mask-background: rgba(0, 0, 0, 0.78); - /* 卡片背景 */ - --b3-card-error-color: rgb(233, 49, 71); - --b3-card-error-background: rgba(233, 49, 71, 0.1); - --b3-card-warning-color: rgb(224, 172, 0); - --b3-card-warning-background:rgba(224, 172, 0, 0.1); - --b3-card-info-color: rgb(8, 109, 221); - --b3-card-info-background: rgba(8, 109, 221, 0.1); - --b3-card-success-color: rgb(8, 185, 78); - --b3-card-success-background: rgba(8, 185, 78, 0.1); - /* 自定义文字 */ - --b3-font-color1: #000; - --b3-font-background1:#dfdfdf; - --b3-font-color2: rgb(142, 142, 147); - --b3-font-background2:#f1f1f2; - --b3-font-color3: rgb(162, 132, 94); - --b3-font-background3:#f3f0eb; - --b3-font-color4: rgb(255, 149, 0); - --b3-font-background4:#fff2df; - --b3-font-color5: rgb(255, 204, 0); - --b3-font-background5:#fff9df; - --b3-font-color6: rgb(8, 185, 78); - --b3-font-background6:#e0f6e9; - --b3-font-color7: rgb(0, 199, 190); - --b3-font-background7:#dff8f7; - --b3-font-color8: rgb(85, 190, 240); - --b3-font-background8:#eaf7fd; - --b3-font-color9: rgb(0, 122, 255); - --b3-font-background9:#dfeeff; - --b3-font-color10: rgb(88, 86, 214); - --b3-font-background10:#eaeafa; - --b3-font-color11: rgb(175, 82, 222); - --b3-font-background11:#f5e9fb; - --b3-font-color12: rgb(255, 45, 85); - --b3-font-background12:#ffe5ea; - --b3-font-color13: rgb(255, 59, 48); - --b3-font-background13:#ffe7e5; - /* 所见即所得行内元素颜色 */ - --b3-protyle-inline-link-color: #4285f4; - --b3-protyle-inline-mark-background: rgb(168, 251, 172); - --b3-font-family: ui-sans-serif, -apple-system, system-ui, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "SF Pro Icons", Helvetica, "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "PingFang SC", "Segoe UI", "Microsoft Yahei", "Hiragino Sans GB", sans-serif, "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; - --b3-font-family-code: SF Mono, "JetBrains Mono", JetBrainsMono-Regular, Menlo, mononoki, Consolas, "Liberation Mono", Courier, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols", var(--b3-font-family), monospace; - --b3-toolbar-left-mac: 80px; - --toolbar-height: 48px; -} -html[data-theme-mode=light]:root body ::selection { - background-color: var(--b3-theme-primary-lightest); -} - -html[data-theme-mode=dark]:root { - color-scheme: dark; - --b3-theme-primary: rgb(17, 139, 255); - --b3-theme-primary-light: rgba(17, 139, 255, 0.56); - --b3-theme-primary-lighter: rgba(17, 139, 255, 0.38); - --b3-theme-primary-lightest: rgba(17, 139, 255, 0.2); - --b3-theme-secondary: rgb(198, 126, 44); - --b3-theme-background: rgb(30, 30, 30); - --b3-theme-background-light: rgba(30, 30, 30, 0.1); - --b3-theme-surface: rgb(56, 56, 56); - --b3-theme-surface-light: rgba(56, 56, 56, 0.5); - --b3-theme-error: rgb(255, 59, 48); - /* 文字颜色 */ - --b3-theme-on-primary: rgba(255, 255, 255, 0.8901960784); - --b3-theme-on-secondary: #fff; - --b3-theme-on-background: rgb(220, 220, 220); - --b3-theme-on-surface:rgba(220, 220, 220, 0.65); - --b3-theme-on-surface-light: rgba(127, 127, 127, 0.68); - --b3-theme-on-error: rgba(255, 255, 255, 0.8901960784); - /* 线条 */ - --b3-border-color: hsl(0, 0%, 26%); - --b3-border-color-trans:rgba(220, 220, 220, 0.15); - /* 滚动条 */ - --b3-scroll-color: rgba(255, 255, 255, 0.1); - --b3-scroll-color-hover: rgba(255, 255, 255, 0.2); - /* 列表 */ - --b3-list-hover: rgba(255, 255, 255, 0.06); - /* 菜单 */ - --b3-menu-background: rgb(50, 50, 50); - --b3-menu-item-background-hover: rgba(32, 80, 202, 0.8); - --b3-menu-item-background-hover-text:rgba(255, 255, 255, 0.8901960784); - /* 提示 */ - --b3-tooltips-color: var(--b3-theme-on-background); - --b3-tooltips-background: var(--b3-menu-background); - /* 遮罩 */ - --b3-mask-background: rgba(0, 0, 0, 0.78); - /* 卡片背景 */ - --b3-card-error-color: rgb(233, 49, 71); - --b3-card-error-background: rgba(233, 49, 71, 0.1); - --b3-card-warning-color: rgb(224, 172, 0); - --b3-card-warning-background:rgba(224, 172, 0, 0.1); - --b3-card-info-color: rgb(8, 109, 221); - --b3-card-info-background: rgba(8, 109, 221, 0.1); - --b3-card-success-color: rgb(8, 185, 78); - --b3-card-success-background: rgba(8, 185, 78, 0.1); - /* 自定义文字 */ - --b3-font-color1: #FFF; - --b3-font-background1:#3a3a3a; - --b3-font-color2: rgb(152, 152, 157); - --b3-font-background2:#2d2d2e; - --b3-font-color3: rgb(172, 142, 104); - --b3-font-background3:#302c27; - --b3-font-color4: rgb(255, 159, 10); - --b3-font-background4:#3a2e1c; - --b3-font-color5: rgb(255, 214, 10); - --b3-font-background5:#3a351c; - --b3-font-color6: rgb(50, 215, 75); - --b3-font-background6:#213524; - --b3-font-color7: rgb(102, 212, 207); - --b3-font-background7:#273534; - --b3-font-color8: rgb(90, 200, 245); - --b3-font-background8:#263339; - --b3-font-color9: rgb(10, 132, 255); - --b3-font-background9:#1c2b3a; - --b3-font-color10: rgb(94, 92, 230); - --b3-font-background10:#262637; - --b3-font-color11: rgb(191, 90, 242); - --b3-font-background11:#322639; - --b3-font-color12: rgb(255, 55, 95); - --b3-font-background12:#3a2126; - --b3-font-color13: rgb(255, 69, 58); - --b3-font-background13:#3a2322; - /* 所见即所得行内元素颜色 */ - --b3-protyle-inline-link-color: #8ab4f8; - --b3-protyle-inline-mark-background: rgba(0, 217, 89, 0.3921568627); - --b3-font-family: ui-sans-serif, -apple-system, system-ui, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "SF Pro Icons", Helvetica, "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "PingFang SC", "Segoe UI", "Microsoft Yahei", "Hiragino Sans GB", sans-serif, "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; - --b3-font-family-code: SF Mono, "JetBrains Mono", JetBrainsMono-Regular, Menlo, mononoki, Consolas, "Liberation Mono", Courier, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols", var(--b3-font-family), monospace; - --b3-toolbar-left-mac: 80px; - --toolbar-height: 48px; -} - -body { - -webkit-font-smoothing: auto; - text-underline-position: under; -} -html[data-theme-mode=dark] body { - -webkit-font-smoothing: antialiased; -} - -/*# sourceMappingURL=theme.css.map */ +.dock{box-sizing:border-box;background-color:rgba(0,0,0,0)}.dock .dock__item{color:rgba(69,69,69,.6)}html[data-theme-mode=dark] .dock .dock__item{color:rgba(220,220,220,.6)}.dock .dock__item:not(.dock__item--activefocus,.dock--active):hover{color:var(--b3-theme-on-background)}.dock .dock__item--activefocus,.dock .dock__item--active{color:var(--b3-theme-primary) !important;background-color:rgba(0,0,0,0) !important}.dock#dockLeft{border-right-width:1px}.dock#dockRight{border-left-width:1px}.dock#dockBottom{padding:0;border-top-width:1px}.dock#dockBottom .fn__flex:first-child .dock__item:not(:first-child),.dock#dockBottom .fn__flex:last-child .dock__item:not(:first-child){margin-left:0}.dock.dock-layout-expanded{background-color:#efefef}html[data-theme-mode=dark] .dock.dock-layout-expanded{background-color:#383838}.dock.dock-layout-expanded#dockLeft{border-right-color:rgba(0,0,0,0)}.dock.dock-layout-expanded#dockRight{border-left-color:rgba(0,0,0,0)}body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status{position:fixed;background-color:var(--b3-theme-surface);right:8px;bottom:-4px;border-radius:20px;height:26px;border:0;padding:0 26px 0 0;margin:0 0 12px 0;transition:transform .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);overflow:hidden;border:none}html[data-theme-mode=dark] body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status{outline:1px solid var(--b3-border-color)}#dockBottom:not(.fn__none)+body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status{background-color:rgba(0,0,0,0)}body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status .toolbar__item{height:26px}body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status .toolbar__item span{margin:3px;font-size:12px}body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status .toolbar__item:not(.toolbar__item--close){margin:3px !important;padding:3px;background-color:rgba(0,0,0,0)}body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status .toolbar__item svg{padding:3px 4px;color:var(--b3-dockright-color);width:12px}body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status>.fn__flex-1{position:relative !important;width:0px !important;right:0px;flex:0}body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status #barDock{position:absolute;right:0px;z-index:8;color:var(--b3-theme-on-background)}body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status #barDock::before{right:unset !important;left:0px;transform:rotateY(180deg)}body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status #barDock::after{left:unset !important;right:100%}body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status #barDock svg{color:var(--b3-theme-on-surface)}body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status #barDock svg:hover{color:var(--b3-theme-on-background)}body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status .status__msg:not(:empty){max-width:140px;padding:0px 8px;border-radius:5px;margin:0px;transition:max-width 300ms;transition-delay:2000ms;position:relative;height:26px;line-height:26px}body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status .status__msg:not(:empty)::before{content:"";font-size:12px;padding-right:6px}body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status .status__msg:not(:empty):hover{max-width:400px;transition:max-width 300ms}body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status .status__backgroundtask{margin:0px 0px 7px 0px;padding:0px 0px 0px 8px;border-radius:5px;height:26px;line-height:26px}body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status .status__counter:not(:empty){border-radius:5px;padding:0px 0px 0 8px;margin:0px 2px 0px 0px;height:26px;line-height:26px}body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status #statusHelp{position:relative}body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status #statusHelp svg{color:var(--b3-theme-on-surface)}body:not(.body--mobile) .fn__flex-1:not(.has-dockb)~#status #statusHelp svg:hover{color:var(--b3-theme-on-background)}.fn__flex-1.has-dockb~#status{background-color:var(--b3-theme-background);border-top-color:rgba(0,0,0,0);padding:0 32px 4px 6px}.fn__flex-1.has-dockb~#status #barDock{position:absolute;right:6px;z-index:8;color:var(--b3-theme-on-background)}.fn__flex-1.has-dockb~#status #barDock::before{right:unset !important;left:0px;transform:rotateY(180deg)}.fn__flex-1.has-dockb~#status #barDock::after{left:unset !important;right:100%}.fn__flex-1.has-dockb~#status #barDock svg{color:var(--b3-theme-on-surface)}.fn__flex-1.has-dockb~#status #barDock svg:hover{color:var(--b3-theme-on-background)}.fn__flex-1.has-dockb~#status .status__counter,.fn__flex-1.has-dockb~#status .status__msg,.fn__flex-1.has-dockb~#status .status__backgroundtask{align-self:center}body.body--window #status{padding-right:0 !important}#toolbar{height:var(--toolbar-height);background-color:var(--b3-theme-background);border-bottom:1px solid var(--b3-border-color)}#toolbar #barWorkspace{background-color:rgba(0,0,0,0);color:var(--b3-theme-on-primary);font-weight:600;height:var(--toolbar-height);position:relative;transition:none}#toolbar #barWorkspace::before{content:"";display:block;height:28px;width:100%;position:absolute;background-color:var(--b3-theme-primary);z-index:0;transform:translate(-5px, 5px);border-radius:6px}#toolbar #barWorkspace .toolbar__text{font-size:14px;align-self:center;z-index:1}#toolbar #barWorkspace svg.toolbar__svg{align-self:center}#toolbar .toolbar__item{height:var(--toolbar-height)}#toolbar .toolbar__item svg{align-self:center}#toolbar.toolbar--browser,body.body--win32 #toolbar{padding-left:8px}#toolbar #closeWindow{padding:9px;padding-right:16px}#toolbar #closeWindow:hover,body.body--win32 #toolbar #closeWindow:hover{color:var(--b3-theme-error);background-color:rgba(0,0,0,0)}#toolbar[style="padding-left: 0px;"]{padding-left:8px !important}.fn__flex-column[data-type=wnd]>.fn__flex:first-child{height:42px}.layout-tab-bar{background-color:rgba(0,0,0,0);height:28px;border-bottom:0;overflow-y:hidden;border-radius:6px;margin:8px 8px 6px;transition:margin .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.layout-tab-bar .item{margin-right:8px;border-radius:6px !important;min-width:unset;min-height:unset;line-height:24px;overflow:visible;background-color:var(--b3-list-hover)}.layout-tab-bar .item:last-child{margin-right:0}.layout-tab-bar .item:not(.item--readonly,.item--full.item--focus):hover{background-color:rgba(0,0,0,.12)}html[data-theme-mode=dark] .layout-tab-bar .item:not(.item--readonly,.item--full.item--focus):hover{background-color:rgba(255,255,255,.15)}.layout-tab-bar .item__icon{padding:0 0 0 8px;display:flex;justify-content:center;align-items:center;line-height:28px;font-size:14px;vertical-align:-1px}.layout-tab-bar .item__text{padding:2px 6px 2px 6px;-webkit-mask-image:linear-gradient(to left, rgba(0, 0, 0, 0) 0, #000 8px);mask-image:linear-gradient(to left, rgba(0, 0, 0, 0) 0, #000 8px)}.layout-tab-bar .item__close{padding:4px 6px 4px 2px}.layout-tab-bar .item__close svg{width:10px;height:10px}.layout-tab-bar .item--pin{height:24px;padding:2px}.layout-tab-bar .item--pin .item__icon{display:flex;justify-content:center;align-items:center;padding:2px 5px 0}body.body--win32 .layout-tab-bar .item--pin .item__icon{padding:2px 5px}.layout-tab-bar .item--pin+.item:not(.item--pin,.item--readonly){margin-left:14px}.layout-tab-bar .item--pin+.item:not(.item--pin,.item--readonly)::before{content:"";position:absolute;left:-12px;display:block;width:2px;background-color:var(--b3-border-color-trans);height:1.5em;border-radius:9px;pointer-events:none}.layout-tab-bar .item--focus{max-width:21rem;transition:.2s;background-color:rgba(0,0,0,.12);animation:click .2s}html[data-theme-mode=dark] .layout-tab-bar .item--focus{background-color:rgba(255,255,255,.15)}.layout-tab-bar .item--focus::after{display:none}.layout-tab-bar--readonly{margin-left:0;min-width:59px}.layout-tab-bar--readonly .item{background-color:rgba(0,0,0,0);padding:0;height:28px;cursor:default}.layout-tab-bar--readonly .item:hover{background-color:rgba(0,0,0,0)}.layout-tab-bar--readonly .item .block__icon{padding:8px}.layout-tab-bar--readonly .item .block__icon svg{width:12px;height:12px}.layout-tab-bar--readonly .item span:nth-child(2){font-size:0}body.body--blur .layout__wnd--active .layout-tab-bar .item--focus{box-shadow:none}.layout-tab-container{background-color:rgba(0,0,0,0);transition:padding .2s}.protyle-background .protyle-icons .protyle-icon{height:30px;padding:8px 6px}.protyle-background .protyle-icons .protyle-icon--first{padding-left:12px}.protyle-background .protyle-icons .protyle-icon--last{padding-right:12px}.protyle-background__icon:not(.fn__none)+.protyle-icons{margin-top:50px}.protyle-background .b3-chips{padding:8px 16px;justify-content:flex-end;position:relative}.protyle-background .b3-chips .b3-chip--pointer{opacity:1}.protyle-background .b3-chips .b3-chip--middle{padding:4px 8px}.protyle-background .b3-chips .b3-chip--middle::before{content:"";width:8px;transition:var(--b3-transition)}.protyle-background .b3-chips .b3-chip--middle:hover::before{width:0px}.protyle-background .b3-chips .b3-chip--middle .b3-chip__close{width:8px;opacity:0;margin-right:-4px}.protyle-background .b3-chips .b3-chip--middle:hover .b3-chip__close{width:16px;opacity:.7}.protyle-background .b3-chips .b3-chip--middle:hover .b3-chip__close:hover{opacity:1}.protyle-background .b3-chips .b3-chip--middle.b3-chip--secondary{background-color:#ff9500;font-weight:500;mix-blend-mode:luminosity;background-color:#efefef;color:rgba(69,69,69,.8)}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--secondary{background-color:#ff9f0a}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--secondary{background-color:#383838}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--secondary{color:#dcdcdc}.protyle-background .b3-chips .b3-chip--middle.b3-chip--primary{background-color:#fc0;font-weight:500;mix-blend-mode:luminosity;background-color:#efefef;color:rgba(69,69,69,.8)}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--primary{background-color:#ffd60a}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--primary{background-color:#383838}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--primary{color:#dcdcdc}.protyle-background .b3-chips .b3-chip--middle.b3-chip--info{background-color:#08b94e;font-weight:500;mix-blend-mode:luminosity;background-color:#efefef;color:rgba(69,69,69,.8)}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--info{background-color:#32d74b}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--info{background-color:#383838}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--info{color:#dcdcdc}.protyle-background .b3-chips .b3-chip--middle.b3-chip--success{background-color:#55bef0;font-weight:500;mix-blend-mode:luminosity;background-color:#efefef;color:rgba(69,69,69,.8)}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--success{background-color:#5ac8f5}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--success{background-color:#383838}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--success{color:#dcdcdc}.protyle-background .b3-chips .b3-chip--middle.b3-chip--warning{background-color:#007aff;font-weight:500;mix-blend-mode:luminosity;background-color:#efefef;color:rgba(69,69,69,.8)}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--warning{background-color:#0a84ff}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--warning{background-color:#383838}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--warning{color:#dcdcdc}.protyle-background .b3-chips .b3-chip--middle.b3-chip--error{background-color:#5856d6;font-weight:500;mix-blend-mode:luminosity;background-color:#efefef;color:rgba(69,69,69,.8)}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--error{background-color:#5e5ce6}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--error{background-color:#383838}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--error{color:#dcdcdc}.protyle-background .b3-chips .b3-chip--middle.b3-chip--pink{background-color:#ff2d55;font-weight:500;mix-blend-mode:luminosity;background-color:#efefef;color:rgba(69,69,69,.8)}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--pink{background-color:#ff375f}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--pink{background-color:#383838}html[data-theme-mode=dark] .protyle-background .b3-chips .b3-chip--middle.b3-chip--pink{color:#dcdcdc}.protyle-icons{border-radius:99px}.protyle-icons:hover{transition:none;opacity:1 !important}.protyle-icons .protyle-icon{background-color:rgba(239,239,239,.8);color:rgba(69,69,69,.6);padding:5px 6px}html[data-theme-mode=dark] .protyle-icons .protyle-icon{background-color:rgba(56,56,56,.8)}html[data-theme-mode=dark] .protyle-icons .protyle-icon{color:rgba(220,220,220,.6)}.protyle-icons .protyle-icon:not(.protyle-icon--text,.protyle-icon--only):hover{color:var(--b3-theme-on-background)}.protyle-icons .protyle-icon--first{border-radius:99px 0 0 99px;padding-left:10px}.protyle-icons .protyle-icon--last{border-radius:0 99px 99px 0;padding-right:10px}.protyle-icons .protyle-icon--text{border-radius:99px;padding:5px 8px}.protyle-icons .protyle-icon--only{border-radius:99px;padding:5px;transition:none}.protyle-icons .protyle-icon--only:hover{color:var(--b3-theme-on-background);transition:none}.protyle-action{border-radius:99px}.protyle-action:hover{transition:none;opacity:1 !important}.protyle-action .protyle-icon{background-color:rgba(239,239,239,.8);color:rgba(69,69,69,.6);padding:5px 6px}html[data-theme-mode=dark] .protyle-action .protyle-icon{background-color:rgba(56,56,56,.8)}html[data-theme-mode=dark] .protyle-action .protyle-icon{color:rgba(220,220,220,.6)}.protyle-action .protyle-icon:not(.protyle-icon--text,.protyle-icon--only):hover{color:var(--b3-theme-on-background)}.protyle-action .protyle-icon--first{border-radius:99px 0 0 99px;padding-left:10px}.protyle-action .protyle-icon--last{border-radius:0 99px 99px 0;padding-right:10px}.protyle-action .protyle-icon--text{border-radius:99px;padding:5px 8px}.protyle-action .protyle-icon--only{border-radius:99px;padding:5px;transition:none}.protyle-action .protyle-icon--only:hover{color:var(--b3-theme-on-background);transition:none}.protyle-content{background-color:var(--b3-theme-background)}.protyle-title__input{font-weight:600;font-size:2.4em;line-height:1.4;padding-top:8px;padding-bottom:8px}.protyle-title__input:empty:after{opacity:.6}.protyle-wysiwyg [data-node-id]{border-radius:10px}.protyle-wysiwyg .h1,.protyle-wysiwyg h1{margin-top:1.2em}.protyle-wysiwyg .h1+.h2,.protyle-wysiwyg h1+h2{margin-top:0}.protyle-wysiwyg .h1+.h3,.protyle-wysiwyg h1+h3{margin-top:0}.protyle-wysiwyg .h1+.h4,.protyle-wysiwyg h1+h4{margin-top:0}.protyle-wysiwyg .h1+.h5,.protyle-wysiwyg h1+h5{margin-top:0}.protyle-wysiwyg .h1+.h6,.protyle-wysiwyg h1+h6{margin-top:0}.protyle-wysiwyg .h2,.protyle-wysiwyg h2{margin-top:1.2em}.protyle-wysiwyg .h2+.h3,.protyle-wysiwyg h2+h3{margin-top:0}.protyle-wysiwyg .h2+.h4,.protyle-wysiwyg h2+h4{margin-top:0}.protyle-wysiwyg .h2+.h5,.protyle-wysiwyg h2+h5{margin-top:0}.protyle-wysiwyg .h2+.h6,.protyle-wysiwyg h2+h6{margin-top:0}.protyle-wysiwyg .h3,.protyle-wysiwyg h3{margin-top:1.2em}.protyle-wysiwyg .h3+.h4,.protyle-wysiwyg h3+h4{margin-top:0}.protyle-wysiwyg .h3+.h5,.protyle-wysiwyg h3+h5{margin-top:0}.protyle-wysiwyg .h3+.h6,.protyle-wysiwyg h3+h6{margin-top:0}.protyle-wysiwyg .h4,.protyle-wysiwyg h4{margin-top:1.2em}.protyle-wysiwyg .h4+.h5,.protyle-wysiwyg h4+h5{margin-top:0}.protyle-wysiwyg .h4+.h6,.protyle-wysiwyg h4+h6{margin-top:0}.protyle-wysiwyg .h5,.protyle-wysiwyg h5{margin-top:1.2em}.protyle-wysiwyg .h5+.h6,.protyle-wysiwyg h5+h6{margin-top:0}.protyle-wysiwyg .h6,.protyle-wysiwyg h6{margin-top:1.2em}.protyle-wysiwyg [data-type=NodeSuperBlock]>[data-type=NodeHeading]:first-child,.protyle-wysiwyg .protyle-wysiwyg__embed>[data-type=NodeHeading]:first-child,.protyle-wysiwyg .protyle-wysiwyg__embed>.protyle-breadcrumb__bar+[data-type=NodeHeading]{margin-top:0}.protyle-wysiwyg [data-node-id] span[data-type~=block-ref]:not(.av__celltext),.protyle-wysiwyg [data-node-id] span[data-type~=file-annotation-ref]{color:inherit;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;text-decoration-color:var(--b3-theme-primary);text-decoration-thickness:.1em;background:linear-gradient(90deg, var(--b3-theme-primary-lightest) 100%, transparent 0%) center right;background-size:0;background-repeat:no-repeat;opacity:1;transition:background-size .2s}.protyle-wysiwyg [data-node-id] span[data-type~=block-ref]:not(.av__celltext):hover,.protyle-wysiwyg [data-node-id] span[data-type~=file-annotation-ref]:hover{background-position:center left;text-decoration-style:solid !important;background-size:100% !important}.protyle-wysiwyg [data-node-id] span[data-type=virtual-block-ref]{border-bottom:none;text-decoration:underline;text-decoration-thickness:.1em;text-decoration-color:var(--b3-theme-on-surface-light);text-decoration-style:dashed;background:linear-gradient(90deg, var(--b3-border-color) 100%, transparent 0%) center right;background-size:0;background-repeat:no-repeat;transition:background-size .2s}.protyle-wysiwyg [data-node-id] span[data-type=virtual-block-ref]:hover{background-position:center left;border:none;background-size:100% !important}.protyle-wysiwyg [data-node-id] span[data-type~=a],.protyle-wysiwyg a{color:inherit;-webkit-text-decoration:underline solid;text-decoration:underline solid;text-decoration-thickness:.1em;text-decoration-color:var(--b3-theme-primary)}.protyle-wysiwyg [data-node-id] span[data-type~=a]:hover,.protyle-wysiwyg a:hover{color:var(--b3-theme-primary);border-bottom:none}.protyle-wysiwyg span[data-type~=strong],.protyle-wysiwyg strong{color:inherit}.protyle-wysiwyg span[data-type~=em],.protyle-wysiwyg em{color:inherit}.protyle-wysiwyg span[data-type~=u],.protyle-wysiwyg u{text-decoration:underline;text-decoration-thickness:.1em;border-bottom:none}.protyle-wysiwyg span[data-type~=s],.protyle-wysiwyg s{color:inherit}.protyle-wysiwyg span[data-type~=mark],.protyle-wysiwyg mark{background:rgba(0,0,0,0);box-shadow:0 -0.5em 0 0 inset var(--b3-protyle-inline-mark-background),0 .1em 0 0 var(--b3-protyle-inline-mark-background);color:inherit}.protyle-wysiwyg span[data-type~=kbd],.protyle-wysiwyg kbd{font:80% SF Pro,Consolas,"Liberation Mono",Menlo,Courier,var(--b3-font-family);padding:.15em .5em;border-radius:1em;box-decoration-break:clone;-webkit-box-decoration-break:clone;vertical-align:baseline}html[data-theme-mode=dark] .protyle-wysiwyg span[data-type~=kbd],html[data-theme-mode=dark] .protyle-wysiwyg kbd{box-shadow:inset 0 1px 0 var(--b3-theme-surface-lighter)}.protyle-wysiwyg [data-node-id] span[data-type~=tag]{--tag-color: var(--b3-font-color4);font-size:90%;border-radius:1em;padding:.1em .5em .15em;border:none;box-shadow:0 0 0 .065em inset var(--tag-color);background-color:rgba(0,0,0,0);color:var(--tag-color);box-decoration-break:clone;-webkit-box-decoration-break:clone}.protyle-wysiwyg [data-node-id] span[data-type~=tag]:hover{background-color:rgba(0,0,0,0)}html[data-theme-mode=dark] .protyle-wysiwyg [data-node-id] span[data-type~=tag]{--tag-color: #cc7c00}.protyle-wysiwyg span[data-type~=code],.protyle-wysiwyg code:not(.hljs){box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:.4em;color:inherit}.protyle-wysiwyg span[data-type~=inline-memo]{background-color:rgba(0,0,0,0);border-bottom:none;text-decoration:underline;text-decoration-color:var(--b3-font-color5);transition:all 150ms;-webkit-box-decoration-break:clone;box-decoration-break:clone}.protyle-wysiwyg span[data-type~=inline-memo]:hover{--memo-bg: #ffe680;background-color:var(--memo-bg);box-shadow:0 0 0 8px var(--memo-bg);transition:all .15s;text-decoration-color:var(--memo-bg);color:var(--b3-theme-on-background) !important;border-radius:1px;z-index:1;position:relative}html[data-theme-mode=dark] .protyle-wysiwyg span[data-type~=inline-memo]:hover{--memo-bg: #ddba0d;color:var(--b3-theme-background) !important}.protyle-wysiwyg .bq,.protyle-wysiwyg blockquote{border-radius:10px;padding:16px;border:1.5px solid var(--b3-border-color-trans);margin:1em 0;background-color:var(--b3-theme-surface-light)}.protyle-wysiwyg .bq>[data-type=NodeHeading]:first-child,.protyle-wysiwyg blockquote>[data-type=NodeHeading]:first-child{margin-top:0}.protyle-wysiwyg .sb .bq,.protyle-wysiwyg .sb blockquote{border:none}.protyle-wysiwyg .code-block{margin:.4em 0}.protyle-wysiwyg .code-block .protyle-action .protyle-action__language{margin-top:0;padding-left:12px}.protyle-wysiwyg .code-block .protyle-linenumber__rows{padding:2em 4px}.protyle-wysiwyg .code-block .hljs{border-radius:10px;background-color:var(--b3-theme-surface-light);padding:2em 16px}.protyle-wysiwyg .li .protyle-action{opacity:.8;color:inherit !important}.protyle-wysiwyg .li .protyle-action--task{color:inherit}.protyle-wysiwyg .li .protyle-action--task:hover{color:var(--b3-theme-primary) !important;opacity:1}.protyle-wysiwyg [data-node-id].li::before{border-left:1px solid;border-left-color:inherit;-webkit-mask-image:linear-gradient(to bottom, transparent 1px, black 1px);mask-image:linear-gradient(to bottom, transparent 1px, black 1px);opacity:.1;transition:opacity .2s}.protyle-wysiwyg [data-node-id].li:hover::before{border-left-color:inherit;opacity:.3}.protyle-wysiwyg [data-node-id].li>:is(.bq,blockquote){padding-right:16px}.protyle-wysiwyg [data-node-id].li[fold="1"]>.protyle-action:after{border-radius:99px;transform:scale(1.5);background-color:rgba(69,69,69,.1)}html[data-theme-mode=dark] .protyle-wysiwyg [data-node-id].li[fold="1"]>.protyle-action:after{background-color:rgba(220,220,220,.1)}.protyle-wysiwyg .protyle-task--done>div[data-node-id].p{opacity:.45;color:inherit;text-decoration:none}.protyle-wysiwyg .protyle-task--done>.protyle-action--task{opacity:.45}.protyle-wysiwyg [data-node-id] .img img{border-radius:6px}.protyle-wysiwyg [data-node-id] .img--select{filter:none}.protyle-wysiwyg [data-node-id] .img--select img{filter:brightness(0.8)}.protyle-wysiwyg [data-node-id] .img .protyle-action{opacity:0}.protyle-wysiwyg [data-node-id] .img .protyle-action__drag{top:50%;transform:translateY(-50%)}.protyle-wysiwyg [data-node-id] .img:hover .protyle-action__drag{box-shadow:0 0 0 1px var(--b3-theme-on-surface)}.protyle-wysiwyg [data-node-id] .img:hover .protyle-action__drag:hover{transform:scale(1.2) translateY(-40%)}.protyle-wysiwyg table{border-radius:6px;border:1px solid var(--b3-border-color-trans);width:auto;display:inline-block !important}.protyle-wysiwyg table td,.protyle-wysiwyg table th{border:1px solid var(--b3-border-color-trans);background-color:rgba(0,0,0,0)}.protyle-wysiwyg table thead tr th{background-color:rgba(127,127,127,.05);border-top:none}html[data-theme-mode=dark] .protyle-wysiwyg table thead tr th{background-color:rgba(127,127,127,.15)}.protyle-wysiwyg table thead tr th:first-child{border-left:none}.protyle-wysiwyg table thead tr th:last-child{border-right:none}.protyle-wysiwyg table tbody tr:nth-child(2n) td{background-color:rgba(127,127,127,.05)}html[data-theme-mode=dark] .protyle-wysiwyg table tbody tr:nth-child(2n) td{background-color:rgba(127,127,127,.15)}.protyle-wysiwyg table tbody tr:last-child td{border-bottom:none}.protyle-wysiwyg table tbody tr td:first-child{border-left:none}.protyle-wysiwyg table tbody tr td:last-child{border-right:none}.protyle-wysiwyg [data-node-id].table[custom-pinthead=true] thead{position:sticky;z-index:1;box-shadow:0px -1px 0px var(--b3-border-color-trans) inset}.protyle-wysiwyg .table[custom-pinthead=true] thead tr th{background-color:var(--b3-theme-surface)}.protyle-wysiwyg [data-node-id].hr>div:after{background-color:var(--b3-border-color-trans);height:2px;border-radius:2px}.protyle-wysiwyg video{border-radius:4px}.protyle-wysiwyg>.sb+.sb,.protyle-wysiwyg [data-node-id].sb[data-sb-layout=row]>.sb:not(:first-child){margin-top:24px}.protyle-wysiwyg [data-node-id].sb[data-sb-layout=col]>div{margin-right:24px}.protyle-wysiwyg [data-node-id].sb[data-sb-layout=col]>.sb{margin-top:0}.protyle-wysiwyg .sb>.bq{margin:0}.protyle-wysiwyg .sb>.code-block{margin:.2em 0}.protyle-wysiwyg .sb[data-sb-layout=row]>:where(.bq,.sb,blockquote)+:where(.bq,blockquote){margin-top:24px}.protyle-wysiwyg [data-node-id].render-node[data-type=NodeBlockQueryEmbed]{border-left:none;padding:16px;background-color:var(--b3-theme-surface-light)}.protyle-wysiwyg [data-node-id].render-node[data-type=NodeBlockQueryEmbed]>.protyle-wysiwyg__embed{border-top:1px solid var(--b3-border-color-trans)}.protyle-wysiwyg [data-node-id].iframe iframe{border-radius:4px;border-color:rgba(0,0,0,0);transition:border-color .2s;color-scheme:auto}.protyle-wysiwyg [data-node-id].iframe:hover iframe{border-color:var(--b3-border-color-trans)}.protyle-wysiwyg [data-node-id].iframe:hover .protyle-action__drag{opacity:.5}.protyle-wysiwyg [data-node-id].iframe .protyle-action__drag{height:24px;width:24px;background-color:var(--b3-theme-on-surface);-webkit-mask-image:url(img/iframeResizer.svg);mask-image:url(img/iframeResizer.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;box-shadow:none;border-radius:0;right:-8px;bottom:-8.5px;filter:brightness(0.5);display:inline-block;opacity:0}html[data-theme-mode=dark] .protyle-wysiwyg [data-node-id].iframe .protyle-action__drag{filter:none}.protyle-wysiwyg [data-node-id].iframe .protyle-action__drag:hover{box-shadow:none;opacity:.8;background-color:var(--b3-theme-on-background);transform:scale(1.2)}.protyle-wysiwyg [data-node-id].iframe .protyle-action__drag::after{display:none}.protyle-wysiwyg>div[data-type=NodeHeading]:first-child,.protyle-wysiwyg>[data-node-id].sb:first-child .sb:first-child{margin-top:0}.protyle-wysiwyg div[fold="1"][data-type=NodeHeading]{background-color:var(--b3-theme-surface-lighter);outline:1.5px solid var(--b3-border-color-trans);opacity:.6}.protyle-wysiwyg div[fold="1"][data-type=NodeHeading]::before{display:none}.protyle-toolbar{animation:toolbar .2s ease-in-out;border:none;border-radius:40px;padding:4px 6px;background-color:var(--b3-theme-surface);box-shadow:0 0 0px 1px rgba(0,0,0,.05),0px 13px 25px -2px rgba(0,0,0,.1),0px 0px 10px 0px rgba(0,0,0,.05);border:none}html[data-theme-mode=dark] .protyle-toolbar{box-shadow:0 0 0 1px #000,0px 13px 25px -2px rgba(0,0,0,.3),0px 0px 10px 0px rgba(0,0,0,.15)}html[data-theme-mode=dark] .protyle-toolbar{outline:1px solid var(--b3-border-color)}.protyle-toolbar__item{height:30px;width:30px;padding-top:3px;border-radius:20px}.protyle-toolbar__item:first-child,.protyle-toolbar__item:last-child{border-radius:20px}.protyle-toolbar__item:hover{background-color:rgba(69,69,69,.1)}html[data-theme-mode=dark] .protyle-toolbar__item:hover{background-color:rgba(220,220,220,.1)}.protyle-toolbar__item:not(.protyle-toolbar__item--current){color:rgba(69,69,69,.8)}html[data-theme-mode=dark] .protyle-toolbar__item:not(.protyle-toolbar__item--current){color:rgba(220,220,220,.8)}.protyle-toolbar__item:not(.protyle-toolbar__item--current):hover{color:#454545}html[data-theme-mode=dark] .protyle-toolbar__item:not(.protyle-toolbar__item--current):hover{color:#dcdcdc}.protyle-toolbar__divider{border-left:1px solid var(--b3-border-color-trans)}.protyle-scroll{opacity:0;transform:scale(0.95, 0.9);transition:opacity .2s cubic-bezier(0, 0, 0.2, 1),transform .2s cubic-bezier(0, 0, 0.2, 1);transition-delay:.5s}.protyle-scroll:hover{opacity:1;transform:none;transition-delay:0s}.protyle-scroll>.protyle-scroll__bar{overflow:visible}.protyle-scroll__bar{top:calc(50% - 12px)}.protyle-font .color__square{width:20px;height:20px;box-shadow:none;border-radius:50%;line-height:20px;font-size:14px}.protyle-font .color__square:hover{box-shadow:0 0 0 1px inset var(--b3-border-color-trans);transform:scale(1.2);font-weight:bold}.protyle-font .protyle-font__style{font-size:14px}.protyle-font .protyle-font__style:hover{transform:scale(1.1);box-shadow:none;border-color:rgba(0,0,0,0);background-color:var(--b3-list-hover)}.protyle-font .b3-button{border-radius:99px;padding:4px 12px;color:var(--b3-theme-on-surface)}.protyle-font .b3-button:hover{box-shadow:none}.protyle-font .b3-button:active{transform:scale(0.95);opacity:.8;box-shadow:none}.protyle-font .b3-button:focus{box-shadow:none}.protyle-font .b3-button:hover{background-color:var(--b3-list-hover);color:var(--b3-theme-on-background)}.protyle-font .b3-button:active,.protyle-font .b3-button:focus{background-color:rgba(0,0,0,.1);color:var(--b3-theme-on-background)}html[data-theme-mode=dark] .protyle-font .b3-button:active,html[data-theme-mode=dark] .protyle-font .b3-button:focus{background-color:rgba(255,255,255,.1)}.protyle .protyle-preview__action{background-color:var(--b3-theme-background);border-bottom:1px solid var(--b3-border-color-trans)}.protyle .protyle-preview__action button{background-color:rgba(0,0,0,0)}.protyle .protyle-preview__action button.protyle-preview__action--current{background-color:rgba(0,0,0,0);font-weight:600}.protyle .protyle-preview__action button:not(.protyle-preview__action--current):hover{background-color:rgba(0,0,0,0);color:var(--b3-theme-on-background)}.b3-typography>*{border-radius:10px}.b3-typography .h1,.b3-typography h1{margin-top:1.2em}.b3-typography .h1+.h2,.b3-typography h1+h2{margin-top:0}.b3-typography .h1+.h3,.b3-typography h1+h3{margin-top:0}.b3-typography .h1+.h4,.b3-typography h1+h4{margin-top:0}.b3-typography .h1+.h5,.b3-typography h1+h5{margin-top:0}.b3-typography .h1+.h6,.b3-typography h1+h6{margin-top:0}.b3-typography .h2,.b3-typography h2{margin-top:1.2em}.b3-typography .h2+.h3,.b3-typography h2+h3{margin-top:0}.b3-typography .h2+.h4,.b3-typography h2+h4{margin-top:0}.b3-typography .h2+.h5,.b3-typography h2+h5{margin-top:0}.b3-typography .h2+.h6,.b3-typography h2+h6{margin-top:0}.b3-typography .h3,.b3-typography h3{margin-top:1.2em}.b3-typography .h3+.h4,.b3-typography h3+h4{margin-top:0}.b3-typography .h3+.h5,.b3-typography h3+h5{margin-top:0}.b3-typography .h3+.h6,.b3-typography h3+h6{margin-top:0}.b3-typography .h4,.b3-typography h4{margin-top:1.2em}.b3-typography .h4+.h5,.b3-typography h4+h5{margin-top:0}.b3-typography .h4+.h6,.b3-typography h4+h6{margin-top:0}.b3-typography .h5,.b3-typography h5{margin-top:1.2em}.b3-typography .h5+.h6,.b3-typography h5+h6{margin-top:0}.b3-typography .h6,.b3-typography h6{margin-top:1.2em}.b3-typography a{color:inherit;-webkit-text-decoration:underline solid;text-decoration:underline solid;text-decoration-thickness:.1em;text-decoration-color:var(--b3-theme-primary)}.b3-typography a:hover{color:var(--b3-theme-primary);border-bottom:none}.b3-typography span[data-type~=strong],.b3-typography strong{color:inherit}.b3-typography span[data-type~=em],.b3-typography em{color:inherit}.b3-typography span[data-type~=u],.b3-typography u{text-decoration:underline;text-decoration-thickness:.1em;border-bottom:none}.b3-typography span[data-type~=s],.b3-typography s{color:inherit}.b3-typography span[data-type~=mark],.b3-typography mark{background:rgba(0,0,0,0);box-shadow:0 -0.5em 0 0 inset var(--b3-protyle-inline-mark-background),0 .1em 0 0 var(--b3-protyle-inline-mark-background);color:inherit}.b3-typography span[data-type~=kbd],.b3-typography kbd{font:80% SF Pro,Consolas,"Liberation Mono",Menlo,Courier,var(--b3-font-family);padding:.15em .5em;border-radius:1em;box-decoration-break:clone;-webkit-box-decoration-break:clone;vertical-align:baseline}html[data-theme-mode=dark] .b3-typography span[data-type~=kbd],html[data-theme-mode=dark] .b3-typography kbd{box-shadow:inset 0 1px 0 var(--b3-theme-surface-lighter)}.b3-typography span[data-type~=code],.b3-typography code:not(.hljs){box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:.4em;color:inherit}.b3-typography .bq,.b3-typography blockquote{border-radius:10px;padding:16px;border:1.5px solid var(--b3-border-color-trans);margin:1em 0;background-color:var(--b3-theme-surface-light)}.b3-typography .bq>[data-type=NodeHeading]:first-child,.b3-typography blockquote>[data-type=NodeHeading]:first-child{margin-top:0}.b3-typography .hljs{border-radius:10px;background-color:var(--b3-theme-surface-light);padding:2em 16px}.b3-typography table{border-radius:6px;border:1px solid var(--b3-border-color-trans);width:auto;display:inline-block !important}.b3-typography table td,.b3-typography table th{border:1px solid var(--b3-border-color-trans);background-color:rgba(0,0,0,0)}.b3-typography table thead tr th{background-color:rgba(127,127,127,.05);border-top:none}html[data-theme-mode=dark] .b3-typography table thead tr th{background-color:rgba(127,127,127,.15)}.b3-typography table thead tr th:first-child{border-left:none}.b3-typography table thead tr th:last-child{border-right:none}.b3-typography table tbody tr:nth-child(2n) td{background-color:rgba(127,127,127,.05)}html[data-theme-mode=dark] .b3-typography table tbody tr:nth-child(2n) td{background-color:rgba(127,127,127,.15)}.b3-typography table tbody tr:last-child td{border-bottom:none}.b3-typography table tbody tr td:first-child{border-left:none}.b3-typography table tbody tr td:last-child{border-right:none}.b3-typography table{width:-moz-max-content;width:max-content;border:none;box-shadow:0 0 0 1px var(--b3-border-color-trans)}.b3-typography img{border-radius:6px}.b3-typography hr{background-color:rgba(0,0,0,0);border:1px solid var(--b3-border-color-trans)}.b3-typography video,.b3-typography iframe{border-radius:4px;border-color:rgba(0,0,0,0)}.pdf__outer#outerContainer #sidebarContainer{top:42px;z-index:1}.pdf__outer#outerContainer #sidebarContainer #sidebarResizer{right:-3px}.pdf__outer#outerContainer #sidebarContainer #sidebarResizer::after{background-color:rgba(0,0,0,0)}.pdf__outer#outerContainer #sidebarContainer #sidebarResizer:hover::after{background-color:var(--b3-theme-primary-light)}.pdf__outer#outerContainer #sidebarContainer #sidebarContent .treeItem>a{line-height:1.5}.pdf__outer#outerContainer .pdf__toolbar #toolbarContainer #toolbarViewer{height:42px;align-items:center}.pdf__outer#outerContainer .pdf__toolbar #toolbarContainer #toolbarViewer .dropdownToolbarButton{margin:4px 8px 4px 0}.pdf__outer#outerContainer .findbar{padding:4px 8px;right:8px;overflow:visible !important}.pdf__outer#outerContainer .findbar>:is(input,button,label.b3-button){margin-top:4px;margin-bottom:4px}.pdf__outer#outerContainer .findbar .b3-button{transition:.2s;border-radius:99px;padding:4px 12px;color:var(--b3-theme-primary);font-weight:600;margin:0;background-color:rgba(0,0,0,0)}.pdf__outer#outerContainer .findbar .b3-button:hover{box-shadow:none}.pdf__outer#outerContainer .findbar .b3-button:active{transform:scale(0.95);opacity:.8;box-shadow:none}.pdf__outer#outerContainer .findbar .b3-button:focus{box-shadow:none}.pdf__outer#outerContainer .findbar .b3-button:hover{background-color:var(--b3-theme-primary-lightest)}.pdf__outer#outerContainer .findbar .b3-button:active,.pdf__outer#outerContainer .findbar .b3-button:focus{background-color:var(--b3-theme-primary);color:var(--b3-theme-on-primary)}.pdf__outer#outerContainer .findbar .b3-button:hover{box-shadow:none}.pdf__outer#outerContainer .findbar .b3-button--outline{border-radius:99px;padding:4px 12px;color:var(--b3-theme-on-surface)}.pdf__outer#outerContainer .findbar .b3-button--outline:hover{box-shadow:none}.pdf__outer#outerContainer .findbar .b3-button--outline:active{transform:scale(0.95);opacity:.8;box-shadow:none}.pdf__outer#outerContainer .findbar .b3-button--outline:focus{box-shadow:none}.pdf__outer#outerContainer .findbar .b3-button--outline:hover{background-color:var(--b3-list-hover);color:var(--b3-theme-on-background)}.pdf__outer#outerContainer .findbar .b3-button--outline:active,.pdf__outer#outerContainer .findbar .b3-button--outline:focus{background-color:rgba(0,0,0,.1);color:var(--b3-theme-on-background)}html[data-theme-mode=dark] .pdf__outer#outerContainer .findbar .b3-button--outline:active,html[data-theme-mode=dark] .pdf__outer#outerContainer .findbar .b3-button--outline:focus{background-color:rgba(255,255,255,.1)}.pdf__outer#outerContainer .findbar #findResultsCount{pointer-events:none;font-weight:400}.pdf__outer#outerContainer #viewerContainer{top:42px;transition:none}body.body-status-shown .pdf__outer#outerContainer #viewerContainer{padding-bottom:42px}.pdf__outer#outerContainer #dialogContainer .dialog{padding:16px;box-shadow:0px 10px 15px -3px rgba(0,0,0,.1),0px 24px 40px 9px rgba(0,0,0,.1);border:none}html[data-theme-mode=dark] .pdf__outer#outerContainer #dialogContainer .dialog{box-shadow:0 0 0 1px #000,0px 10px 15px -3px rgba(0,0,0,.3),0px 24px 40px 9px rgba(0,0,0,.3)}html[data-theme-mode=dark] .pdf__outer#outerContainer #dialogContainer .dialog{outline:1px solid var(--b3-border-color)}.pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose{border-radius:99px;padding:4px 12px;color:var(--b3-theme-primary);font-weight:600;background-color:rgba(0,0,0,0);transition:.2s}.pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose:hover{box-shadow:none}.pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose:active{transform:scale(0.95);opacity:.8;box-shadow:none}.pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose:focus{box-shadow:none}.pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose:hover{background-color:var(--b3-theme-primary-lightest)}.pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose:active,.pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose:focus{background-color:var(--b3-theme-primary);color:var(--b3-theme-on-primary)}.pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose:hover,.pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose:active,.pdf__outer#outerContainer #dialogContainer .dialog #documentPropertiesClose:focus{box-shadow:none}.pdf__outer#outerContainer .pdf__util{padding:6px}.pdf__outer#outerContainer .pdf__util .color__square{height:14px;width:14px;margin-right:6px;box-shadow:none;border-radius:50%}.pdf__outer#outerContainer .pdf__util .color__square:hover{box-shadow:0 0 0 1px inset var(--b3-border-color-trans);transform:scale(1.2)}.pdf__outer#outerContainer .pdf__util .color__square:last-child{margin-right:0}.pdf__outer#outerContainer .pdf__util .b3-menu__item:not(:hover){background-color:rgba(0,0,0,0)}.av__header .layout-tab-bar{margin:8px auto 8px;border-radius:8px !important;background-color:var(--b3-list-hover);padding:2px;height:32px}.av__header .layout-tab-bar .item{border-radius:6px !important;background-color:rgba(0,0,0,0);transition:none !important;padding:2px 12px}.av__header .layout-tab-bar .item:hover:not(.item--focus){background-color:rgba(0,0,0,0) !important}.av__header .layout-tab-bar .item:hover:not(.item--focus) .item__text{color:var(--b3-theme-on-background) !important}.av__header .layout-tab-bar .item--focus{max-width:unset;box-shadow:0 1px 4px -1px rgba(0,0,0,.2);animation:none;background-color:#fff}html[data-theme-mode=dark] .av__header .layout-tab-bar .item--focus{box-shadow:0 1px 0 0 inset rgba(255,255,255,.1),0 1px 4px -1px rgba(0,0,0,.2)}html[data-theme-mode=dark] .av__header .layout-tab-bar .item--focus{background-color:rgba(224,224,224,.2)}.av__header .layout-tab-bar .item--focus .item__text{color:var(--b3-theme-on-background)}.av__header .layout-tab-bar .item:not(.item--focus,.fn__none)+.item:not(.item--focus):not(:first-child)::before{content:"";position:absolute;display:block;width:2px;height:1.3em;left:-4px;border-radius:9px;background-color:rgba(0,0,0,.08)}html[data-theme-mode=dark] .av__header .layout-tab-bar .item:not(.item--focus,.fn__none)+.item:not(.item--focus):not(:first-child)::before{background-color:rgba(255,255,255,.08)}.av__header .layout-tab-bar .item__graphic{font-family:var(--b3-font-family-emoji)}.av__header .layout-tab-bar .item:not(.item--focus) .item__graphic{color:var(--b3-theme-on-surface)}.av__header .layout-tab-bar .item:not(.item--focus):hover .item__graphic{color:var(--b3-theme-on-background)}.av__header .layout-tab-bar .item--focus:hover{background-color:#fff !important}html[data-theme-mode=dark] .av__header .layout-tab-bar .item--focus:hover{background-color:rgba(224,224,224,.2) !important}.av__header .block__icon:hover{background-color:rgba(0,0,0,0) !important}.av__header .block__icon--active{color:var(--b3-theme-primary);background-color:rgba(0,0,0,0)}.av__header .av__title{font-size:1.2em;margin:0 0 4px}.av__header .av__counter{display:inline-block;width:100%;padding:4px}.av__scroll .av__row--header{color:var(--b3-theme-on-surface);font-weight:500}.av__scroll .av__row{border-bottom-color:var(--b3-border-color-trans)}.av__scroll .av__row:hover .b3-chip[data-type=block-more]{opacity:1}.av__scroll .av__row .av__cell{border-right-color:var(--b3-border-color-trans)}.av__scroll .av__row .av__cell .b3-chip{border-radius:20px;padding:2px 6px;color:var(--b3-theme-on-surface);background-color:var(--b3-theme-surface)}.av__scroll .av__row .av__cell .b3-chip:hover{color:var(--b3-theme-on-background)}.av__scroll .av__row .av__cell .popover__block{color:var(--b3-theme-primary);font-weight:500}.av__scroll .av__row .av__cell .popover__block:hover{background-color:var(--b3-theme-primary);color:var(--b3-theme-on-primary)}.av__scroll .av__row .av__cell .b3-chip[data-type=block-more]{font-weight:500}.av__scroll .av__row .av__cell .av__celltext--url,.av__scroll .av__row .av__cell .av__celltext--ref{border-bottom:none;-webkit-text-decoration:underline var(--b3-border-color-trans);text-decoration:underline var(--b3-border-color-trans);text-decoration-thickness:.1em}.av__scroll .av__row .av__cell .block__icon{border-radius:20px}.av__scroll .av__row .av__cell:hover .block__icon{background-color:var(--b3-theme-surface) !important}.av__scroll .av__row--footer{border-top-color:var(--b3-border-color-trans)}.av__scroll .av__cell--select{box-shadow:none;border-radius:0}.av__panel .b3-menu .b3-menu__items .b3-menu__item[data-type=nobg]{cursor:default;align-items:center;height:30px}.av__panel .b3-menu .b3-menu__items .b3-menu__item[data-type=nobg] .b3-menu__label{font-weight:500;color:var(--b3-theme-on-surface)}.av__panel .b3-menu .b3-menu__items .b3-menu__item[data-type=nobg]:first-child>.block__icon+.ft__center{transform:translateX(-15px);pointer-events:none}.av__panel .b3-menu .b3-menu__items .b3-menu__item[data-type=goUpdateColType]{height:30px;align-items:center;margin-top:4px}.av__panel .b3-menu .b3-menu__items .b3-menu__item[draggable=true]{mix-blend-mode:normal !important}.av__panel .b3-menu .b3-menu__items .b3-menu__item[draggable=true] .b3-chip:not(.b3-chip--primary){background-color:var(--b3-theme-surface)}.av__panel .b3-menu .b3-menu__items .b3-menu__item[draggable=true]:hover .b3-menu__action{opacity:.7}.av__panel .b3-menu .b3-menu__items .b3-menu__item[draggable=true]:hover .b3-menu__action:hover{opacity:1}.av__panel .b3-menu .b3-menu__items .b3-menu__item .b3-menu__label input[data-type=addOption]:focus{background-color:var(--b3-menu-background)}.av__panel .b3-menu .b3-chips{border-bottom:1px solid var(--b3-border-color-trans);margin-bottom:4px}.av__panel .b3-menu .b3-chips .b3-chip--middle::before{content:"";display:inline-block;width:8px;transition:var(--b3-transition)}.av__panel .b3-menu .b3-chips .b3-chip--middle .b3-chip__close{opacity:0;width:8px}.av__panel .b3-menu .b3-chips .b3-chip--middle:hover::before{width:0}.av__panel .b3-menu .b3-chips .b3-chip--middle:hover .b3-chip__close{opacity:1;width:16px}.av__panel .b3-menu .b3-chips .b3-chip--middle,.av__panel .b3-menu .b3-chips~div [data-type=addColOptionOrCell] .b3-chip{border-radius:20px}.av__panel .b3-menu .b3-chips input{background-color:rgba(0,0,0,0)}.av__mask textarea{resize:both;background-color:var(--b3-theme-surface)}.av__mask .b3-text-field,.av__mask select.b3-select{background-color:var(--b3-theme-surface)}.b3-menu[data-name=av-col-option] .b3-menu__item .color__square{box-shadow:none}.b3-menu[data-name*=set-filter] .b3-menu__item input:focus,.b3-menu[data-name=av-col-option] .b3-menu__item input:focus{background-color:var(--b3-menu-background)}.b3-menu .b3-menu__label .b3-chip{border-radius:4px}.b3-menu__item:not(.b3-menu__item--readonly) .b3-menu__accelerator svg{height:24px !important}.b3-menu__item:not(.b3-menu__item--readonly):hover textarea:not([data-type=ocr]),.b3-menu__item:not(.b3-menu__item--readonly) textarea:not([data-type=ocr]):focus{background-color:var(--b3-menu-background);transition:none}.b3-menu__item:not(.b3-menu__item--readonly):hover select{background-color:var(--b3-menu-background);transition:none}.b3-menu__item:not(.b3-menu__item--readonly) .b3-button{background-color:var(--b3-menu-background);border-radius:99px;color:var(--b3-theme-primary);font-weight:600;transition:.1s all;border:none;box-shadow:none}html[data-theme-mode=dark] .b3-menu__item:not(.b3-menu__item--readonly) .b3-button{background-color:rgba(0,0,0,.2)}html[data-theme-mode=dark] .b3-menu__item:not(.b3-menu__item--readonly) .b3-button:hover{background-color:var(--b3-theme-primary)}.b3-menu__item:not(.b3-menu__item--readonly) .b3-button:hover{background-color:var(--b3-theme-primary);color:var(--b3-theme-on-primary);transition:.1s all}.b3-menu__item:not(.b3-menu__item--readonly) .b3-button:active{transform:scale(0.95);opacity:.8}.b3-menu__item:not(.b3-menu__item--readonly) .block__icon{font-family:var(--b3-font-family-emoji)}.b3-menu .b3-chip{border-radius:4px}.b3-menu .b3-chip[style*=background-color]{padding:4px 8px}.b3-menu .b3-chip .icon{font-family:var(--b3-font-family-emoji)}.protyle-hint>input.b3-text-field{margin:0 !important;background-color:var(--b3-menu-background);padding:8px;box-sizing:content-box;border-bottom:1px solid var(--b3-border-color-trans);border-radius:0}.protyle-hint>input.b3-text-field:focus{background-color:var(--b3-menu-background);outline:none}.layout__dockl .layout-tab-container,.layout__dockr .layout-tab-container{background-color:var(--b3-theme-surface)}.layout__dockl .layout-tab-container .block__icons .block__logo,.layout__dockr .layout-tab-container .block__icons .block__logo{font-weight:600;color:rgba(69,69,69,.5)}.layout__dockl .layout-tab-container .block__icons .block__logo svg,.layout__dockr .layout-tab-container .block__icons .block__logo svg{visibility:hidden;width:0px}html[data-theme-mode=dark] .layout__dockl .layout-tab-container .block__icons .block__logo,html[data-theme-mode=dark] .layout__dockr .layout-tab-container .block__icons .block__logo{color:rgba(220,220,220,.5)}.layout__dockl .layout-tab-container .block__icons .block__icon:hover,.layout__dockr .layout-tab-container .block__icons .block__icon:hover{background-color:rgba(0,0,0,0)}.layout__dockl .layout-tab-container .block__icons .fn__space,.layout__dockr .layout-tab-container .block__icons .fn__space{width:0}.layout__dockl .layout-tab-container .block__icons~.fn__flex-1,.layout__dockr .layout-tab-container .block__icons~.fn__flex-1{margin-bottom:0 !important}.layout__dockl .layout-tab-container .block__icons~.fn__flex-1:not(.graph__svg,.backlinkList,.backlinkMList),.layout__dockr .layout-tab-container .block__icons~.fn__flex-1:not(.graph__svg,.backlinkList,.backlinkMList){padding:0 2px}.layout__dockl .layout-tab-container .b3-list-item,.layout__dockr .layout-tab-container .b3-list-item{margin:4px 6px}.layout__dockl .layout-tab-container .b3-list-item .b3-list-item__graphic,.layout__dockl .layout-tab-container .b3-list-item .b3-list-item__text,.layout__dockr .layout-tab-container .b3-list-item .b3-list-item__graphic,.layout__dockr .layout-tab-container .b3-list-item .b3-list-item__text{color:var(--b3-theme-on-surface)}.layout__dockl .layout-tab-container .b3-list-item .b3-list-item__toggle,.layout__dockr .layout-tab-container .b3-list-item .b3-list-item__toggle{color:rgba(69,69,69,.6)}html[data-theme-mode=dark] .layout__dockl .layout-tab-container .b3-list-item .b3-list-item__toggle,html[data-theme-mode=dark] .layout__dockr .layout-tab-container .b3-list-item .b3-list-item__toggle{color:rgba(220,220,220,.6)}.layout__dockl .layout-tab-container .b3-list-item .b3-list-item__toggle.fn__hidden::before,.layout__dockr .layout-tab-container .b3-list-item .b3-list-item__toggle.fn__hidden::before{visibility:visible;content:"";position:absolute;left:12px;-webkit-clip-path:circle(45% at center);clip-path:circle(45% at center);width:3px;height:3px;background-color:rgba(69,69,69,.6)}html[data-theme-mode=dark] .layout__dockl .layout-tab-container .b3-list-item .b3-list-item__toggle.fn__hidden::before,html[data-theme-mode=dark] .layout__dockr .layout-tab-container .b3-list-item .b3-list-item__toggle.fn__hidden::before{background-color:rgba(220,220,220,.6)}.layout__dockl .layout-tab-container .b3-list-item .b3-list-item__toggle--hl:hover,.layout__dockr .layout-tab-container .b3-list-item .b3-list-item__toggle--hl:hover{color:var(--b3-theme-on-background) !important;background-color:rgba(0,0,0,0)}.layout__dockl .layout-tab-container .b3-list-item:hover .b3-list-item__text,.layout__dockr .layout-tab-container .b3-list-item:hover .b3-list-item__text{color:var(--b3-theme-on-background)}.layout__dockl .layout-tab-container .b3-list-item--focus,.layout__dockr .layout-tab-container .b3-list-item--focus{background-color:var(--b3-list-hover)}.layout__dockl .layout-tab-container .b3-list-item--focus .b3-list-item__text,.layout__dockr .layout-tab-container .b3-list-item--focus .b3-list-item__text{color:var(--b3-theme-on-background);font-weight:600}.layout__dockl .layout-tab-container .b3-list-item--focus:hover,.layout__dockr .layout-tab-container .b3-list-item--focus:hover{background-color:var(--b3-list-hover)}.layout__dockl .layout-tab-container .b3-list-item .b3-list-item__icon,.layout__dockr .layout-tab-container .b3-list-item .b3-list-item__icon{font-size:14px}.layout__dockl .layout-tab-container .b3-list-item .b3-list-item__action,.layout__dockr .layout-tab-container .b3-list-item .b3-list-item__action{color:var(--b3-theme-on-surface)}.layout__dockl .layout-tab-container .b3-list-item .b3-list-item__action:hover,.layout__dockr .layout-tab-container .b3-list-item .b3-list-item__action:hover{color:var(--b3-theme-on-background);background-color:rgba(0,0,0,0)}.layout__dockl.layout--float,.layout__dockr.layout--float{box-shadow:none;height:calc(100% - var(--toolbar-height));bottom:0;top:unset;border-radius:0;border-top:none;border-bottom:none;opacity:1 !important}.layout__dockl.layout--float .layout-tab-container,.layout__dockr.layout--float .layout-tab-container{background-color:var(--b3-theme-background)}.fn__flex-1.has-dockb .layout__dockl.layout--float,.fn__flex-1.has-dockb .layout__dockr.layout--float{height:calc(100% - var(--toolbar-height) - 42px - var(--status-height, 32px));top:var(--toolbar-height)}.layout__dockb .layout-tab-container{background-color:var(--b3-theme-surface)}.layout__dockb .layout-tab-container .block__icons .block__logo{font-weight:600;color:rgba(69,69,69,.5)}.layout__dockb .layout-tab-container .block__icons .block__logo svg{visibility:hidden;width:0px}html[data-theme-mode=dark] .layout__dockb .layout-tab-container .block__icons .block__logo{color:rgba(220,220,220,.5)}.layout__dockb .layout-tab-container .block__icons .block__icon:hover{background-color:rgba(0,0,0,0)}.layout__dockb .layout-tab-container .block__icons .fn__space{width:0}.layout__dockb .layout-tab-container .block__icons~.fn__flex-1{margin-bottom:0 !important}.layout__dockb .layout-tab-container .block__icons~.fn__flex-1:not(.graph__svg,.backlinkList,.backlinkMList){padding:0 2px}.layout__dockb .layout-tab-container .b3-list-item{margin:4px 6px}.layout__dockb .layout-tab-container .b3-list-item .b3-list-item__graphic,.layout__dockb .layout-tab-container .b3-list-item .b3-list-item__text{color:var(--b3-theme-on-surface)}.layout__dockb .layout-tab-container .b3-list-item .b3-list-item__toggle{color:rgba(69,69,69,.6)}html[data-theme-mode=dark] .layout__dockb .layout-tab-container .b3-list-item .b3-list-item__toggle{color:rgba(220,220,220,.6)}.layout__dockb .layout-tab-container .b3-list-item .b3-list-item__toggle.fn__hidden::before{visibility:visible;content:"";position:absolute;left:12px;-webkit-clip-path:circle(45% at center);clip-path:circle(45% at center);width:3px;height:3px;background-color:rgba(69,69,69,.6)}html[data-theme-mode=dark] .layout__dockb .layout-tab-container .b3-list-item .b3-list-item__toggle.fn__hidden::before{background-color:rgba(220,220,220,.6)}.layout__dockb .layout-tab-container .b3-list-item .b3-list-item__toggle--hl:hover{color:var(--b3-theme-on-background) !important;background-color:rgba(0,0,0,0)}.layout__dockb .layout-tab-container .b3-list-item:hover .b3-list-item__text{color:var(--b3-theme-on-background)}.layout__dockb .layout-tab-container .b3-list-item--focus{background-color:var(--b3-list-hover)}.layout__dockb .layout-tab-container .b3-list-item--focus .b3-list-item__text{color:var(--b3-theme-on-background);font-weight:600}.layout__dockb .layout-tab-container .b3-list-item--focus:hover{background-color:var(--b3-list-hover)}.layout__dockb .layout-tab-container .b3-list-item .b3-list-item__icon{font-size:14px}.layout__dockb .layout-tab-container .b3-list-item .b3-list-item__action{color:var(--b3-theme-on-surface)}.layout__dockb .layout-tab-container .b3-list-item .b3-list-item__action:hover{color:var(--b3-theme-on-background);background-color:rgba(0,0,0,0)}.layout__dockb.layout--float{box-shadow:none;opacity:1 !important}.fn__flex-1.has-dockb .layout__dockb.layout--float:not([style*=transform]){bottom:calc(42px + var(--status-height, 32px) - 1px) !important}.layout__dockb.layout--float[style*="bottom: 26px"]{bottom:0 !important}.layout__dockb.layout--float .layout-tab-container{background-color:var(--b3-theme-background)}.layout__dockl.layout--float{border-right:1px solid var(--b3-border-color)}.layout__dockr.layout--float{border-left:1px solid var(--b3-border-color)}.layout__dockb.layout--float{border-top:1px solid var(--b3-border-color)}.sy__outline .b3-list-item[title]{display:none}.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h1] .b3-list-item__text::before{content:"❶"}.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h2] .b3-list-item__text::before{content:"❷"}.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h3] .b3-list-item__text::before{content:"❸"}.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h4] .b3-list-item__text::before{content:"❹"}.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h5] .b3-list-item__text::before{content:"❺"}.sy__outline .b3-list-item[data-type=NodeHeading][data-subtype=h6] .b3-list-item__text::before{content:"❻"}.sy__outline .b3-list-item[data-type=NodeHeading] .b3-list-item__text::before{position:absolute;background-color:rgba(0,0,0,0);left:24px;top:0;opacity:.5;z-index:0;transition:.2s;font-family:SF Pro;font-size:16px}body.body--win32 .sy__outline .b3-list-item[data-type=NodeHeading] .b3-list-item__text::before{font-family:"Segoe UI";font-size:11px}.sy__outline .b3-list-item[data-type=NodeHeading]>svg{color:rgba(0,0,0,0) !important;z-index:1}.sy__outline .b3-list-item[data-type=NodeHeading]>svg:hover~.b3-list-item__text::before{color:var(--b3-theme-primary);opacity:1}.sy__tag .b3-list-item__graphic{display:none}.sy__backlink .block__icons .search__label:not(.fn__none)~.block__icon{opacity:0}.sy__backlink .block__icons .block__logo+.counter{line-height:24px}.sy__backlink .block__icons+.fn__flex-1 li{z-index:1}.sy__backlink .block__icons+.fn__flex-1 li:not(.b3-list--empty){position:sticky;top:0}.sy__backlink .block__icons+.fn__flex-1 li:not(.b3-list--empty){margin:0;padding:2px 8px;border-radius:0;background-color:#ededed !important}html[data-theme-mode=dark] .sy__backlink .block__icons+.fn__flex-1 li:not(.b3-list--empty){background-color:#474747 !important}.layout--float .sy__backlink .block__icons+.fn__flex-1 li:not(.b3-list--empty),.layout__center .sy__backlink .block__icons+.fn__flex-1 li:not(.b3-list--empty){background-color:var(--b3-theme-surface) !important}.sy__backlink .protyle,.sy__backlink .protyle-content{background-color:rgba(0,0,0,0)}.sy__backlink .protyle .protyle-breadcrumb__bar{margin-bottom:-8px !important;height:36px}.sy__backlink .protyle .protyle-breadcrumb__bar:not(:first-child){border-top:1px solid var(--b3-border-color-trans)}.sy__backlink .protyle .protyle-breadcrumb__bar span.protyle-breadcrumb__item,.sy__backlink .protyle .protyle-breadcrumb__bar svg.protyle-breadcrumb__arrow{display:none}.sy__backlink .protyle .protyle-breadcrumb__bar span.protyle-breadcrumb__item:nth-last-of-type(1),.sy__backlink .protyle .protyle-breadcrumb__bar span.protyle-breadcrumb__item:nth-last-of-type(2){display:flex}.sy__backlink .protyle .protyle-breadcrumb__bar svg.protyle-breadcrumb__arrow:last-of-type{display:block}.sy__backlink .protyle .protyle-breadcrumb__bar span.protyle-breadcrumb__item:nth-last-of-type(1){opacity:0;transition:opacity .2s}.sy__backlink .protyle .protyle-breadcrumb__bar:hover span.protyle-breadcrumb__item:nth-last-of-type(1){opacity:1}.sy__backlink .protyle .protyle-breadcrumb__bar span.protyle-breadcrumb__item:first-child{opacity:1}.sy__backlink .protyle .protyle-breadcrumb__bar .protyle-breadcrumb__item--active svg{background-color:var(--b3-theme-primary);color:var(--b3-theme-on-primary)}.sy__backlink .protyle .protyle-wysiwyg{padding-top:0 !important}.sy__graph .graph__svg,.sy__globalGraph .graph__svg{background-color:rgba(0,0,0,0)}.graph:not(.fullscreen){background-color:rgba(0,0,0,0)}.graph__panel .b3-button{border-radius:99px;padding:4px 12px;color:var(--b3-theme-on-surface);background-color:rgba(0,0,0,0)}.graph__panel .b3-button:hover{box-shadow:none}.graph__panel .b3-button:active{transform:scale(0.95);opacity:.8;box-shadow:none}.graph__panel .b3-button:focus{box-shadow:none}.graph__panel .b3-button:hover{background-color:var(--b3-list-hover);color:var(--b3-theme-on-background)}.graph__panel .b3-button:active,.graph__panel .b3-button:focus{background-color:rgba(0,0,0,.1);color:var(--b3-theme-on-background)}html[data-theme-mode=dark] .graph__panel .b3-button:active,html[data-theme-mode=dark] .graph__panel .b3-button:focus{background-color:rgba(255,255,255,.1)}.layout__center .block__icons .block__logo{font-weight:600;color:rgba(69,69,69,.5)}.layout__center .block__icons .block__logo svg{visibility:hidden;width:0px}html[data-theme-mode=dark] .layout__center .block__icons .block__logo{color:rgba(220,220,220,.5)}.layout__center .block__icons .block__icon:hover{background-color:rgba(0,0,0,0)}.layout__center .block__icons .fn__space{width:0}.layout__center .block__icons,.layout__center .block__icons~*{background-color:var(--b3-theme-background)}.layout__center .block__icons~.fn__flex-1{margin-bottom:0 !important}.layout__center .block__icons~.fn__flex-1:not(.graph__svg,.backlinkList,.backlinkMList){padding:0 2px}.layout__center .b3-list-item{margin:4px 6px}.layout__center .b3-list-item .b3-list-item__graphic,.layout__center .b3-list-item .b3-list-item__text{color:var(--b3-theme-on-surface)}.layout__center .b3-list-item .b3-list-item__toggle{color:rgba(69,69,69,.6)}html[data-theme-mode=dark] .layout__center .b3-list-item .b3-list-item__toggle{color:rgba(220,220,220,.6)}.layout__center .b3-list-item .b3-list-item__toggle.fn__hidden::before{visibility:visible;content:"";position:absolute;left:12px;-webkit-clip-path:circle(45% at center);clip-path:circle(45% at center);width:3px;height:3px;background-color:rgba(69,69,69,.6)}html[data-theme-mode=dark] .layout__center .b3-list-item .b3-list-item__toggle.fn__hidden::before{background-color:rgba(220,220,220,.6)}.layout__center .b3-list-item .b3-list-item__toggle--hl:hover{color:var(--b3-theme-on-background) !important;background-color:rgba(0,0,0,0)}.layout__center .b3-list-item:hover .b3-list-item__text{color:var(--b3-theme-on-background)}.layout__center .b3-list-item--focus{background-color:var(--b3-list-hover)}.layout__center .b3-list-item--focus .b3-list-item__text{color:var(--b3-theme-on-background);font-weight:600}.layout__center .b3-list-item--focus:hover{background-color:var(--b3-list-hover)}.layout__center .b3-list-item .b3-list-item__icon{font-size:14px}.layout__center .b3-list-item .b3-list-item__action{color:var(--b3-theme-on-surface)}.layout__center .b3-list-item .b3-list-item__action:hover{color:var(--b3-theme-on-background);background-color:rgba(0,0,0,0)}.file-tree>.fn__flex-1>ul>ul{margin-left:18px;box-shadow:1px 0 rgba(0,0,0,0) inset}.file-tree>.fn__flex-1>ul>ul span.b3-list-item__toggle{padding-left:4px !important}.file-tree>.fn__flex-1>ul>ul>ul{margin-left:18px;box-shadow:1px 0 rgba(0,0,0,0) inset}.file-tree>.fn__flex-1>ul>ul>ul span.b3-list-item__toggle{padding-left:4px !important}.file-tree>.fn__flex-1>ul>ul>ul>ul{margin-left:18px;box-shadow:1px 0 rgba(0,0,0,0) inset}.file-tree>.fn__flex-1>ul>ul>ul>ul span.b3-list-item__toggle{padding-left:4px !important}.file-tree>.fn__flex-1>ul>ul>ul>ul>ul{margin-left:18px;box-shadow:1px 0 rgba(0,0,0,0) inset}.file-tree>.fn__flex-1>ul>ul>ul>ul>ul span.b3-list-item__toggle{padding-left:4px !important}.file-tree>.fn__flex-1>ul>ul>ul>ul>ul>ul{margin-left:18px;box-shadow:1px 0 rgba(0,0,0,0) inset}.file-tree>.fn__flex-1>ul>ul>ul>ul>ul>ul span.b3-list-item__toggle{padding-left:4px !important}.file-tree>.fn__flex-1>ul>ul>ul>ul>ul>ul>ul{margin-left:18px;box-shadow:1px 0 rgba(0,0,0,0) inset}.file-tree>.fn__flex-1>ul>ul>ul>ul>ul>ul>ul span.b3-list-item__toggle{padding-left:4px !important}.file-tree>.fn__flex-1>ul>ul>ul>ul>ul>ul>ul>ul{margin-left:18px;box-shadow:1px 0 rgba(0,0,0,0) inset}.file-tree>.fn__flex-1>ul>ul>ul>ul>ul>ul>ul>ul span.b3-list-item__toggle{padding-left:4px !important}.file-tree>.fn__flex-1>ul ul{transition:.2s}.file-tree>.fn__flex-1:hover>ul ul{box-shadow:1px 0 rgba(69,69,69,.15) inset}html[data-theme-mode=dark] .file-tree>.fn__flex-1:hover>ul ul{box-shadow:1px 0 rgba(220,220,220,.15) inset}.file-tree>.fn__flex-1 li.b3-list-item--focus+ul,.file-tree>.fn__flex-1 ul.has-focus{box-shadow:1px 0 rgba(69,69,69,.15) inset}html[data-theme-mode=dark] .file-tree>.fn__flex-1 li.b3-list-item--focus+ul,html[data-theme-mode=dark] .file-tree>.fn__flex-1 ul.has-focus{box-shadow:1px 0 rgba(220,220,220,.15) inset}.file-tree>.fn__flex-1:hover li.b3-list-item--focus+ul,.file-tree>.fn__flex-1:hover ul.has-focus{box-shadow:1px 0 rgba(69,69,69,.3) inset}html[data-theme-mode=dark] .file-tree>.fn__flex-1:hover li.b3-list-item--focus+ul,html[data-theme-mode=dark] .file-tree>.fn__flex-1:hover ul.has-focus{box-shadow:1px 0 rgba(220,220,220,.3) inset}.file-tree>.fn__flex-1>ul{box-shadow:none !important}.file-tree__sliderDown{top:-4px !important}.fullscreen>.block__icons{height:var(--toolbar-height);padding-right:10px}.fullscreen>.block__icons>.fn__flex-1:hover{background-color:rgba(0,0,0,0)}body.body--win32:not(.hadeeth-pin-toolbar) .fullscreen>.block__icons{padding-right:10px}.layout__resize::after{height:1px;width:100%;transform:translateY(-1px)}.layout__resize--lr::after{height:100%;width:1px}.layout__resize--lr:hover::after{background-color:var(--b3-theme-primary-light) !important}.layout__dockl+.layout__resize--lr::after,.layout__center+.layout__resize--lr::after{background-color:rgba(0,0,0,0)}.counter,.protyle-attr--refcount{font-family:var(--b3-font-family-code);margin-left:0;transition:.2s;color:rgba(69,69,69,.5)}html[data-theme-mode=dark] .counter,html[data-theme-mode=dark] .protyle-attr--refcount{color:rgba(220,220,220,.5)}.counter:hover,.protyle-attr--refcount:hover{background-color:rgba(0,0,0,0) !important;font-weight:bold}.block__icons .counter,.block__icons .protyle-attr--refcount{background-color:rgba(0,0,0,0);pointer-events:none;padding-left:0}.sy__outline .counter,.sy__outline .protyle-attr--refcount{pointer-events:none}.protyle-attr--refcount{background-color:rgba(0,0,0,0)}.protyle-attr--refcount:hover{color:var(--b3-theme-primary)}html[data-theme-mode=dark] .protyle-attr--refcount:hover{color:var(--b3-theme-primary)}.b3-switch{height:20px;width:32px;transition:all .3s;box-sizing:border-box;border:1px solid rgba(0,0,0,0);background-color:rgba(127,127,127,.5)}.b3-menu__item--current .b3-switch{border:1px solid rgba(255,255,255,.5647058824)}html[data-theme-mode=dark] .b3-switch{border:1px solid var(--b3-border-color-trans)}html[data-theme-mode=dark] .b3-switch{background-color:rgba(127,127,127,.5)}.b3-switch::after{top:1px;left:1px;background-color:#fff;box-shadow:0 1px 4px -1px rgba(0,0,0,.2);border:none}html[data-theme-mode=dark] .b3-switch::after{background-color:#e0e0e0}.b3-switch::before{display:none !important}.b3-switch:checked{background-color:var(--b3-theme-primary) !important}.b3-switch:checked::after{transform:translateX(12px);background-color:#fff;box-shadow:0 1px 4px -1px rgba(0,0,0,.2)}html[data-theme-mode=dark] .b3-switch:checked::after{background-color:#e0e0e0}.b3-switch:active{filter:brightness(1.3);transition:all .1s}.b3-switch--menu{margin:0}html[data-theme-mode=light] .b3-menu__item:hover>.b3-switch--menu{border:1px solid rgba(255,255,255,.5647058824)}.b3-button--outline{background-color:var(--b3-menu-background);border-radius:99px;color:var(--b3-theme-primary);font-weight:600;transition:.1s all;border:none;box-shadow:none}html[data-theme-mode=dark] .b3-button--outline{background-color:rgba(0,0,0,.2)}html[data-theme-mode=dark] .b3-button--outline:hover{background-color:var(--b3-theme-primary)}.b3-button--outline:hover{background-color:var(--b3-theme-primary);color:var(--b3-theme-on-primary);transition:.1s all}.b3-button--outline:active{transform:scale(0.95);opacity:.8}.b3-button--outline:focus{box-shadow:none}.b3-button{transition:background-color .2s,color .2s}.b3-text-field,select.b3-select{box-shadow:none;background-color:var(--b3-list-hover);min-height:28px;transition:outline .2s,background-color .2s;outline:0px solid rgba(0,0,0,0);color-scheme:inherit}.b3-text-field:not(.b3-text-field--text):hover,select.b3-select:not(.b3-text-field--text):hover{box-shadow:none}.b3-text-field:not(.b3-text-field--text):focus,select.b3-select:not(.b3-text-field--text):focus{outline:3px solid var(--b3-theme-primary-light);box-shadow:none}select.b3-select:hover,select.b3-select:focus{background-color:var(--b3-menu-background)}textarea{resize:vertical}textarea::-moz-placeholder{color:var(--b3-empty-color)}textarea::placeholder{color:var(--b3-empty-color)}.b3-slider{height:24px}.b3-slider::-webkit-slider-runnable-track{height:6px;border-radius:9px;-webkit-transition:all .1s ease-out;transition:all .1s ease-out}.b3-slider::-webkit-slider-thumb{background-color:#fff;outline:1px solid var(--b3-border-color-trans);height:16px;width:16px;margin-top:-5px;-webkit-transition:all .1s ease-out;transition:all .1s ease-out}html[data-theme-mode=dark] .b3-slider::-webkit-slider-thumb{background-color:#e0e0e0}.b3-slider:hover:not(.b3-slider:focus)::-webkit-slider-thumb{transform:none;outline:2px solid #96b9fa}html[data-theme-mode=dark] .b3-slider:hover:not(.b3-slider:focus)::-webkit-slider-thumb{outline:2px solid #0071dd}.b3-slider:focus::-webkit-slider-thumb{transform:scale(1.1);outline:3px solid var(--b3-theme-primary);margin:-2px;margin-left:.5px}.b3-slider:focus::-webkit-slider-runnable-track{height:12px}.tooltip,.b3-tooltips:hover::after{pointer-events:none;box-shadow:0 0 0px 1px rgba(0,0,0,.1),0px 2px 6px 0px rgba(0,0,0,.1);border:none}html[data-theme-mode=dark] .tooltip,html[data-theme-mode=dark] .b3-tooltips:hover::after{box-shadow:0 0 0 1px #000,0px 2px 6px 0px rgba(0,0,0,.3)}html[data-theme-mode=dark] .tooltip,html[data-theme-mode=dark] .b3-tooltips:hover::after{outline:1px solid var(--b3-border-color)}.tooltip--memo#tooltip{--property-percentage: 0%;font-size:14px;padding:8px;margin:0 -8px;line-height:1.5;font-family:var(--b3-font-family-code);background-color:#ffe680;border-radius:4px;-webkit-backdrop-filter:none;backdrop-filter:none;color:rgba(69,69,69,.7);box-shadow:none;outline:none;border:none;transform-origin:40px top}html[data-theme-mode=dark] .tooltip--memo#tooltip{background-color:#ddba0d;color:rgba(30,30,30,.7)}body.body--win32 .tooltip--memo#tooltip{font-family:var(--b3-font-family)}.b3-tooltips:hover::before{display:none}.b3-tooltips:hover::after{margin-top:0}#message.b3-snackbars>.fn__flex-1{padding:12px 18px 56px;max-height:calc(100vh - 160px)}#message.b3-snackbars .b3-snackbar__content{border-radius:16px;box-shadow:0 0 0px 1px rgba(52,120,246,.05),0px 13px 25px -2px rgba(52,120,246,.1),0px 0px 10px 0px rgba(52,120,246,.05)}html[data-theme-mode=dark] #message.b3-snackbars .b3-snackbar__content{box-shadow:0 0 0 1px #118bff,0px 13px 25px -2px rgba(17,139,255,.3),0px 0px 10px 0px rgba(17,139,255,.15)}#message.b3-snackbars .b3-snackbar__content--close{padding-right:16px}#message.b3-snackbars .b3-snackbar__content--close:hover~.b3-snackbar__close{transform:scale(1)}#message.b3-snackbars .b3-snackbar__close{transform:scale(0);color:var(--b3-theme-on-error);top:8px;right:8px;transition-duration:.2s}#message.b3-snackbars .b3-snackbar__close:hover{transform:scale(1)}#message.b3-snackbars .b3-snackbar--error .b3-snackbar__content{box-shadow:0 0 0px 1px rgba(234,77,60,.05),0px 13px 25px -2px rgba(234,77,60,.1),0px 0px 10px 0px rgba(234,77,60,.05)}html[data-theme-mode=dark] #message.b3-snackbars .b3-snackbar--error .b3-snackbar__content{box-shadow:0 0 0 1px #ff3b30,0px 13px 25px -2px rgba(255,59,48,.3),0px 0px 10px 0px rgba(255,59,48,.15)}#message.b3-snackbars .b3-snackbar--error .b3-snackbar__content::after{content:"";display:block;position:absolute;width:3px;height:100%;color:var(--b3-theme-error);left:-4px;z-index:1}#message.b3-snackbars button:not(.b3-button--white){border-radius:99px;padding:4px 12px;background-color:var(--b3-theme-surface);transition:transform .2s;transform:translateY(-42px);height:28px;border:none}#message.b3-snackbars button:not(.b3-button--white):hover{box-shadow:none}#message.b3-snackbars button:not(.b3-button--white):active{transform:scale(0.95);opacity:.8;box-shadow:none}#message.b3-snackbars button:not(.b3-button--white):focus{box-shadow:none}#message.b3-snackbars button:not(.b3-button--white):hover{color:var(--b3-theme-on-background);transform:scale(1.2) translateY(-35px)}#message.b3-snackbars button:not(.b3-button--white):active{transform:scale(0.95) translateY(-42px)}html[data-theme-mode=dark] #message.b3-snackbars button:not(.b3-button--white){outline:1px solid var(--b3-border-color)}#message.b3-snackbars .b3-button--white{border-radius:99px;padding:4px 12px;background-color:rgba(0,0,0,0);transition:all .2s;font-weight:600;color:var(--b3-theme-on-primary);box-shadow:0 0 1px inset var(--b3-theme-on-primary)}#message.b3-snackbars .b3-button--white:hover{box-shadow:none}#message.b3-snackbars .b3-button--white:active{transform:scale(0.95);opacity:.8;box-shadow:none}#message.b3-snackbars .b3-button--white:focus{box-shadow:none}#message.b3-snackbars .b3-button--white:hover{transform:scale(1.1)}#message.b3-snackbars .b3-button--white:active{color:var(--b3-theme-primary);transform:scale(0.95);background-color:var(--b3-theme-on-primary)}.protyle-breadcrumb{height:42px;color:var(--b3-theme-on-surface)}.fullscreen>.protyle-breadcrumb{height:var(--toolbar-height);padding-right:10px}.fullscreen>.protyle-breadcrumb>.protyle-breadcrumb__space:hover{background-color:rgba(0,0,0,0)}body.body--win32:not(.hadeeth-pin-toolbar) .fullscreen>.protyle-breadcrumb{padding-right:10px}.protyle-breadcrumb__item svg{border-radius:3px;padding:3px;width:12px;height:12px}.protyle-breadcrumb__item:not(.protyle-breadcrumb__item--active):hover svg{color:var(--b3-theme-on-background)}.protyle-breadcrumb__item--active{background-color:rgba(0,0,0,0)}.protyle-breadcrumb__item--active:hover{background-color:var(--b3-list-hover)}.protyle-breadcrumb__item--active:not(:first-child) svg{background-color:var(--b3-theme-primary);color:var(--b3-theme-on-primary)}.protyle-breadcrumb .protyle-breadcrumb__icon{background-color:var(--b3-menu-background);border-radius:99px;color:var(--b3-theme-primary);font-weight:600;transition:.1s all;border:none;box-shadow:none;padding:0 8px}html[data-theme-mode=dark] .protyle-breadcrumb .protyle-breadcrumb__icon{background-color:rgba(0,0,0,.2)}html[data-theme-mode=dark] .protyle-breadcrumb .protyle-breadcrumb__icon:hover{background-color:var(--b3-theme-primary)}.protyle-breadcrumb .protyle-breadcrumb__icon:hover{background-color:var(--b3-theme-primary);color:var(--b3-theme-on-primary);transition:.1s all}.protyle-breadcrumb .protyle-breadcrumb__icon:active{transform:scale(0.95);opacity:.8}.layout__center .layout-tab-container .fn__flex-column>.protyle-breadcrumb{height:42px}.layout__center .layout-tab-container .fn__flex-column>.protyle-breadcrumb .address-field{margin:8px 4px}.b3-menu,.b3-menu__submenu{box-shadow:0 0 0px 1px rgba(0,0,0,.05),0px 13px 25px -2px rgba(0,0,0,.1),0px 0px 10px 0px rgba(0,0,0,.05);border:none;border-radius:10px;padding:0}html[data-theme-mode=dark] .b3-menu,html[data-theme-mode=dark] .b3-menu__submenu{box-shadow:0 0 0 1px #000,0px 13px 25px -2px rgba(0,0,0,.3),0px 0px 10px 0px rgba(0,0,0,.15)}html[data-theme-mode=dark] .b3-menu,html[data-theme-mode=dark] .b3-menu__submenu{outline:1px solid var(--b3-border-color)}.b3-menu .b3-menu__items,.b3-menu__submenu .b3-menu__items{padding:5px}.b3-menu .b3-menu__items .b3-menu__item,.b3-menu__submenu .b3-menu__items .b3-menu__item{padding:0 8px;background-color:rgba(0,0,0,0);line-height:24px;border-radius:5px;align-items:center}.b3-menu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg]),.b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]),.b3-menu__submenu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg]),.b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg]){background-color:var(--b3-menu-item-background-hover);color:var(--b3-menu-item-background-hover-text)}.b3-menu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg])>.b3-menu__icon,.b3-menu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator,.b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__icon,.b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator,.b3-menu .b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator,.b3-menu__submenu .b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator,.b3-menu__submenu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg])>.b3-menu__icon,.b3-menu__submenu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator,.b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__icon,.b3-menu__submenu .b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator,.b3-menu .b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator,.b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator{color:var(--b3-menu-item-background-hover-text) !important}.b3-menu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator,.b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator,.b3-menu__submenu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator,.b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator{opacity:.8}.b3-menu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg])>.b3-menu__label>.b3-tooltips .b3-slider::-webkit-slider-runnable-track,.b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__label>.b3-tooltips .b3-slider::-webkit-slider-runnable-track,.b3-menu__submenu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg])>.b3-menu__label>.b3-tooltips .b3-slider::-webkit-slider-runnable-track,.b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__label>.b3-tooltips .b3-slider::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.2666666667)}.b3-menu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg])>.b3-menu__action,.b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__action,.b3-menu__submenu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg])>.b3-menu__action,.b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__action{color:var(--b3-theme-on-primary)}.b3-menu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg])>.b3-menu__action:hover,.b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__action:hover,.b3-menu__submenu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg])>.b3-menu__action:hover,.b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__action:hover{opacity:1}.b3-menu .b3-menu__items .b3-menu__item>.b3-menu__label>.fn__flex,.b3-menu__submenu .b3-menu__items .b3-menu__item>.b3-menu__label>.fn__flex{margin:2px 0 !important}.b3-menu .b3-menu__items .b3-menu__icon,.b3-menu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator,.b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator,.b3-menu .b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator,.b3-menu__submenu .b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator,.b3-menu__submenu .b3-menu__items .b3-menu__icon,.b3-menu__submenu .b3-menu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator,.b3-menu .b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator,.b3-menu__submenu .b3-menu__items .b3-menu__item:hover:not(.b3-menu__item--readonly):not(.b3-menu__item--custom):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator,.b3-menu__submenu .b3-menu__items .b3-menu__item--current:not(.b3-menu__item--readonly):not([disabled]):not([data-type=nobg])>.b3-menu__accelerator{color:var(--b3-theme-on-surface)}.b3-menu .b3-menu__items .b3-menu__separator,.b3-menu__submenu .b3-menu__items .b3-menu__separator{background-color:var(--b3-border-color-trans)}.b3-menu__submenu{max-height:none}.b3-menu__accelerator{font-family:var(--b3-font-family)}.protyle-hint{box-shadow:0 0 0px 1px rgba(0,0,0,.05),0px 13px 25px -2px rgba(0,0,0,.1),0px 0px 10px 0px rgba(0,0,0,.05);border:none;padding:0;background-color:var(--b3-menu-background)}html[data-theme-mode=dark] .protyle-hint{box-shadow:0 0 0 1px #000,0px 13px 25px -2px rgba(0,0,0,.3),0px 0px 10px 0px rgba(0,0,0,.15)}html[data-theme-mode=dark] .protyle-hint{outline:1px solid var(--b3-border-color)}.protyle-hint.hint--menu .b3-menu__separator{background-color:var(--b3-border-color-trans)}@media screen and (min-width: 1292px){.protyle-hint.hint--menu{width:auto !important;max-height:65vh}.protyle-hint.hint--menu>div{-moz-column-count:5;column-count:5;-moz-column-gap:4px;column-gap:4px;-moz-column-rule:1px solid var(--b3-border-color-trans);column-rule:1px solid var(--b3-border-color-trans)}.protyle-hint.hint--menu>div .b3-list-item .b3-list-item__text{width:-moz-max-content;width:max-content;margin-right:4px}.protyle-hint.hint--menu>div .b3-menu__separator:not(:nth-of-type(2n + 4)){-moz-column-break-before:column;break-before:column;margin-bottom:-5px;background-color:rgba(0,0,0,0)}}.protyle-hint>div{padding:4px 0}.protyle-hint>div .b3-list-item{width:calc(100% - 12px) !important}.protyle-hint>div .b3-list-item--focus:not(:hover){background-color:var(--b3-theme-primary-lightest)}.protyle-hint .b3-list-item__graphic{color:var(--b3-theme-on-surface)}.protyle-hint .b3-list-item:hover .b3-list-item__graphic{color:var(--b3-theme-on-background)}.protyle-hint .b3-list-item--first .b3-list-item__text,.protyle-hint .b3-list-item--two .b3-list-item__text{font-weight:500}.protyle-hint .b3-list-item--two .b3-list-item__meta.b3-list-item__showall:not(:first-child){padding:4px 4px 4px 22px;width:-moz-fit-content;width:fit-content;border-radius:4px;word-break:normal;opacity:.8}.protyle-hint .emojis .fn__flex:last-child{display:none}.protyle-hint .emojis__panel{padding-bottom:8px}.protyle-hint .color__square{box-shadow:none}.protyle-util{background-color:var(--b3-menu-background);padding:8px 0 0;box-shadow:0 0 0px 1px rgba(0,0,0,.05),0px 13px 25px -2px rgba(0,0,0,.1),0px 0px 10px 0px rgba(0,0,0,.05);border:none}html[data-theme-mode=dark] .protyle-util{box-shadow:0 0 0 1px #000,0px 13px 25px -2px rgba(0,0,0,.3),0px 0px 10px 0px rgba(0,0,0,.15)}html[data-theme-mode=dark] .protyle-util{outline:1px solid var(--b3-border-color)}.protyle-util textarea{resize:both}.b3-dialog--open .b3-dialog.emojis-container .b3-dialog__container{background-color:var(--b3-menu-background)}.emojis{padding:0}.emojis .fn__flex:first-child{padding:8px 0}.emojis .fn__flex:first-child span.fn__space+.b3-form__icon{overflow:visible}.emojis__panel{padding:0 8px}.emojis__panel .emojis__content:not([style="min-height:28px"]){display:grid;flex-wrap:wrap;grid-template-columns:repeat(auto-fill, minmax(36px, 4fr));gap:6px}.emojis__panel .emojis__content:not([style="min-height:28px"]) .emojis__item{padding:0;font-size:28px;height:36px}.emojis__panel .emojis__content:not([style="min-height:28px"]) .emojis__item:hover{background:rgba(0,0,0,0);transform:scale(1.3) translateY(-2px);transition:transform .3s cubic-bezier(0.12, 0, 0.05, 2.5)}.emojis__panel+.fn__flex{border-top:1px solid var(--b3-border-color-trans);font-family:var(--b3-font-family-emoji)}.emojis__panel+.fn__flex .emojis__type{padding:4px 0;filter:saturate(0.1) opacity(0.6)}.emojis__panel+.fn__flex .emojis__type:hover{filter:none;background-color:rgba(0,0,0,0)}#searchHistoryList{background-color:var(--b3-menu-background);overflow:auto}#commonMenu[data-name=search-history] .b3-menu__items{max-height:calc(70vh - 10px)}#commonMenu[data-name=background-asset] .b3-menu__items{padding:0}#commonMenu[data-name=background-asset] .b3-menu__items .b3-menu__item--custom{margin:0;padding:0}#commonMenu[data-name=background-asset] .b3-menu__items .b3-menu__item--custom .b3-menu__label>.fn__flex{margin:0 !important}#commonMenu[data-name=background-asset] .b3-menu__items .b3-menu__item--custom .b3-menu__label>.fn__flex .fn__flex-column>.fn__flex:first-child{margin:8px !important}#commonMenu[data-name=background-asset] .b3-menu__items .b3-menu__item--custom .b3-menu__label>.fn__flex .fn__flex-column .b3-list{padding-bottom:8px}#commonMenu[data-name=background-asset] #preview>*{border-radius:4px}.b3-dialog--open .b3-dialog.emojis-container .b3-dialog__scrim{-webkit-backdrop-filter:none;backdrop-filter:none;transition:none}html[data-theme-mode=dark] .b3-dialog--open .b3-dialog.emojis-container .b3-dialog__scrim{-webkit-backdrop-filter:none;backdrop-filter:none;transition:none}.b3-dialog--open .b3-dialog .b3-dialog__container{background-color:var(--b3-theme-background);border:none;box-shadow:0px 10px 15px -3px rgba(0,0,0,.1),0px 24px 40px 9px rgba(0,0,0,.1)}html[data-theme-mode=dark] .b3-dialog--open .b3-dialog .b3-dialog__container{outline:1px solid var(--b3-border-color)}html[data-theme-mode=dark] .b3-dialog--open .b3-dialog .b3-dialog__container{box-shadow:0 0 0 1px #000,0px 10px 15px -3px rgba(0,0,0,.3),0px 24px 40px 9px rgba(0,0,0,.3)}.b3-dialog--open .b3-dialog .b3-dialog__container .b3-dialog__close{visibility:hidden}.b3-dialog--open .b3-dialog .b3-dialog__container .b3-dialog__body{border-radius:12px}.b3-dialog--open .b3-dialog .b3-dialog__container .search__header[style*=border-top]>.b3-form__icon-icon{left:20px}.b3-dialog--open .b3-dialog .b3-dialog__container .search__header[style*=border-top]>.b3-text-field{background-color:var(--b3-theme-background);margin:0 12px}.b3-dialog--open .b3-dialog .b3-dialog__container #commands{padding:0 8px 8px}.b3-dialog--open .b3-dialog .b3-dialog__container #commands~.fn__hr{display:none}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar{background-color:var(--b3-theme-surface);padding:16px 8px}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item{height:32px;line-height:30px;margin:4px 8px}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item:hover:not(.b3-list-item--focus){background-color:rgba(0,0,0,0)}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item:hover:not(.b3-list-item--focus) .b3-list-item__graphic,.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item:hover:not(.b3-list-item--focus) .b3-list-item__text{color:var(--b3-theme-on-background)}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item__graphic,.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item__text{color:var(--b3-theme-on-surface)}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item--focus .b3-list-item__graphic,.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item--focus .b3-list-item__text{color:var(--b3-theme-on-background);font-weight:600}@media(max-width: 750px){.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .config__tab-title,.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item{justify-content:center}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item{margin:4px 6px !important}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .b3-tab-bar .b3-list-item__graphic{padding:0 4px}}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap{padding:0}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container{padding:8px 0;background-color:var(--b3-theme-background)}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .layout-tab-bar+.fn__flex-1{background-color:var(--b3-theme-background)}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container--top{margin-top:0;height:100%;padding:8px 0 0}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .b3-label{box-shadow:none}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .b3-label>.fn__flex-1{overflow:visible}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel{padding-bottom:8px}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel .fn__hr--b{height:4px}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel .fn__hr--b+.fn__flex:nth-child(2){position:sticky;top:4px;z-index:2}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel .fn__hr--b+.fn__flex:nth-child(2)::before{content:"";background-color:var(--b3-theme-background);width:100%;height:40px;display:block;position:absolute;top:-4px;z-index:-1}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel .counter{background-color:rgba(0,0,0,0) !important}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button{border-radius:99px;padding:4px 12px;padding:4px}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button:hover{box-shadow:none}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button:active{transform:scale(0.95);opacity:.8;box-shadow:none}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button:focus{box-shadow:none}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button:not(.b3-button--outline){background-color:rgba(0,0,0,0);color:var(--b3-theme-primary);font-weight:600}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button:not(.b3-button--outline):hover,.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button:not(.b3-button--outline):focus{box-shadow:none}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button.b3-button--outline{background-color:rgba(0,0,0,0);color:var(--b3-theme-on-surface);font-weight:normal}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button.b3-button--outline:hover{color:var(--b3-theme-on-background);box-shadow:none}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] .b3-button+.fn__space+.b3-form__icon{margin-left:8px}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container .bazaarPanel[data-type=downloaded] [data-type=myPlugin]:not(.b3-button--outline)~.counter{transform:translateX(-64px)}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account]{padding:0}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account__avatar{box-shadow:none;border:none}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account__name{bottom:-72px}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account__name>.fn__a{display:block}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--text{border-radius:99px;padding:4px 12px;color:var(--b3-theme-primary);font-weight:600}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--text:hover{box-shadow:none}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--text:active{transform:scale(0.95);opacity:.8;box-shadow:none}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--text:focus{box-shadow:none}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--text:hover{background-color:var(--b3-theme-primary-lightest)}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--text:active,.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--text:focus{background-color:var(--b3-theme-primary);color:var(--b3-theme-on-primary)}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--cancel{border-radius:99px;padding:4px 12px;color:var(--b3-theme-on-surface)}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--cancel:hover{box-shadow:none}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--cancel:active{transform:scale(0.95);opacity:.8;box-shadow:none}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--cancel:focus{box-shadow:none}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--cancel:hover{background-color:var(--b3-list-hover);color:var(--b3-theme-on-background)}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--cancel:active,.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--cancel:focus{background-color:rgba(0,0,0,.1);color:var(--b3-theme-on-background)}html[data-theme-mode=dark] .b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--cancel:active,html[data-theme-mode=dark] .b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap .config__tab-container[data-name=account] .config-account .b3-button--cancel:focus{background-color:rgba(255,255,255,.1)}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config__tab-wrap>.fn__hr--b{display:none}.b3-dialog--open .b3-dialog .b3-dialog__container .config__panel .config-keymap__key{font-family:SF Pro,Consolas,"Liberation Mono",Menlo,Courier,monospace,var(--b3-font-family)}.b3-dialog--open .b3-dialog .b3-dialog__container .history__panel>.b3-list,.b3-dialog--open .b3-dialog .b3-dialog__container .history__panel>.history__diff{width:min(256px,30%);min-width:-moz-fit-content;min-width:fit-content;background-color:var(--b3-theme-surface)}.b3-dialog--open .b3-dialog__action{padding:8px 24px}.b3-dialog--open .b3-dialog__action .b3-button--cancel{border-radius:99px;padding:4px 12px;color:var(--b3-theme-on-surface)}.b3-dialog--open .b3-dialog__action .b3-button--cancel:hover{box-shadow:none}.b3-dialog--open .b3-dialog__action .b3-button--cancel:active{transform:scale(0.95);opacity:.8;box-shadow:none}.b3-dialog--open .b3-dialog__action .b3-button--cancel:focus{box-shadow:none}.b3-dialog--open .b3-dialog__action .b3-button--cancel:hover{background-color:var(--b3-list-hover);color:var(--b3-theme-on-background)}.b3-dialog--open .b3-dialog__action .b3-button--cancel:active,.b3-dialog--open .b3-dialog__action .b3-button--cancel:focus{background-color:rgba(0,0,0,.1);color:var(--b3-theme-on-background)}html[data-theme-mode=dark] .b3-dialog--open .b3-dialog__action .b3-button--cancel:active,html[data-theme-mode=dark] .b3-dialog--open .b3-dialog__action .b3-button--cancel:focus{background-color:rgba(255,255,255,.1)}.b3-dialog--open .b3-dialog__action .b3-button--text{border-radius:99px;padding:4px 12px;color:var(--b3-theme-primary);font-weight:600}.b3-dialog--open .b3-dialog__action .b3-button--text:hover{box-shadow:none}.b3-dialog--open .b3-dialog__action .b3-button--text:active{transform:scale(0.95);opacity:.8;box-shadow:none}.b3-dialog--open .b3-dialog__action .b3-button--text:focus{box-shadow:none}.b3-dialog--open .b3-dialog__action .b3-button--text:hover{background-color:var(--b3-theme-primary-lightest)}.b3-dialog--open .b3-dialog__action .b3-button--text:active,.b3-dialog--open .b3-dialog__action .b3-button--text:focus{background-color:var(--b3-theme-primary);color:var(--b3-theme-on-primary)}.b3-dialog--open .b3-dialog__action .b3-button--error{border-radius:99px;padding:4px 12px;color:var(--b3-theme-error);font-weight:600;background-color:rgba(0,0,0,0)}.b3-dialog--open .b3-dialog__action .b3-button--error:hover{box-shadow:none}.b3-dialog--open .b3-dialog__action .b3-button--error:active{transform:scale(0.95);opacity:.8;box-shadow:none}.b3-dialog--open .b3-dialog__action .b3-button--error:focus{box-shadow:none}.b3-dialog--open .b3-dialog__action .b3-button--error:hover{background-color:rgba(234,77,60,.08)}html[data-theme-mode=dark] .b3-dialog--open .b3-dialog__action .b3-button--error:hover{background-color:rgba(255,59,48,.08)}.b3-dialog--open .b3-dialog__action .b3-button--error:active,.b3-dialog--open .b3-dialog__action .b3-button--error:focus{background-color:var(--b3-theme-error);color:var(--b3-theme-on-error)}.b3-dialog--open[data-key=dialog-globalsearch] .b3-dialog__container .b3-dialog__body .search__layout #searchList,.b3-dialog--open[data-key=dialog-search] .b3-dialog__container .b3-dialog__body .search__layout #searchList,.b3-dialog--open[data-key=dialog-replace] .b3-dialog__container .b3-dialog__body .search__layout #searchList{background-color:var(--b3-theme-surface)}.b3-dialog--open[data-key=dialog-globalsearch] .b3-dialog__container .b3-dialog__body .search__layout #searchList>.b3-list-item:not([data-type=search-item]),.b3-dialog--open[data-key=dialog-search] .b3-dialog__container .b3-dialog__body .search__layout #searchList>.b3-list-item:not([data-type=search-item]),.b3-dialog--open[data-key=dialog-replace] .b3-dialog__container .b3-dialog__body .search__layout #searchList>.b3-list-item:not([data-type=search-item]){background-color:#ededed}html[data-theme-mode=dark] .b3-dialog--open[data-key=dialog-globalsearch] .b3-dialog__container .b3-dialog__body .search__layout #searchList>.b3-list-item:not([data-type=search-item]),html[data-theme-mode=dark] .b3-dialog--open[data-key=dialog-search] .b3-dialog__container .b3-dialog__body .search__layout #searchList>.b3-list-item:not([data-type=search-item]),html[data-theme-mode=dark] .b3-dialog--open[data-key=dialog-replace] .b3-dialog__container .b3-dialog__body .search__layout #searchList>.b3-list-item:not([data-type=search-item]){background-color:#474747}.b3-dialog--open[data-key=dialog-globalsearch] .b3-dialog__container .b3-dialog__body .search__tip,.b3-dialog--open[data-key=dialog-search] .b3-dialog__container .b3-dialog__body .search__tip,.b3-dialog--open[data-key=dialog-replace] .b3-dialog__container .b3-dialog__body .search__tip{padding:4px 8px;margin:0;color:var(--b3-theme-on-surface)}.b3-dialog--open[data-key=dialog-globalsearch]~.b3-dialog--open [onselectstart]+.b3-dialog__body>.b3-dialog__content,.b3-dialog--open[data-key=dialog-search]~.b3-dialog--open [onselectstart]+.b3-dialog__body>.b3-dialog__content,.b3-dialog--open[data-key=dialog-replace]~.b3-dialog--open [onselectstart]+.b3-dialog__body>.b3-dialog__content{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));grid-template-rows:repeat(auto-fill, 28px);gap:20px 90px}.b3-dialog--open[data-key=dialog-globalsearch]~.b3-dialog--open [onselectstart]+.b3-dialog__body>.b3-dialog__content .b3-label,.b3-dialog--open[data-key=dialog-search]~.b3-dialog--open [onselectstart]+.b3-dialog__body>.b3-dialog__content .b3-label,.b3-dialog--open[data-key=dialog-replace]~.b3-dialog--open [onselectstart]+.b3-dialog__body>.b3-dialog__content .b3-label{border-bottom-color:rgba(0,0,0,0);padding:0;height:28px}.b3-dialog--open .search__tip kbd{font-family:SF Pro,Consolas,"Liberation Mono",Menlo,Courier,var(--b3-font-family)}.b3-dialog--open[data-key=dialog-recentdocs] .b3-form__icon.fn__size200{transform:translateX(16px)}.b3-dialog--open .layout-tab-bar{margin:8px auto 8px;border-radius:8px !important;background-color:var(--b3-list-hover);padding:2px;height:32px}.b3-dialog--open .layout-tab-bar .item{border-radius:6px !important;background-color:rgba(0,0,0,0);transition:none !important;padding:2px 12px}.b3-dialog--open .layout-tab-bar .item:hover:not(.item--focus){background-color:rgba(0,0,0,0) !important}.b3-dialog--open .layout-tab-bar .item:hover:not(.item--focus) .item__text{color:var(--b3-theme-on-background) !important}.b3-dialog--open .layout-tab-bar .item--focus{max-width:unset;box-shadow:0 1px 4px -1px rgba(0,0,0,.2);animation:none;background-color:#fff}html[data-theme-mode=dark] .b3-dialog--open .layout-tab-bar .item--focus{box-shadow:0 1px 0 0 inset rgba(255,255,255,.1),0 1px 4px -1px rgba(0,0,0,.2)}html[data-theme-mode=dark] .b3-dialog--open .layout-tab-bar .item--focus{background-color:rgba(224,224,224,.2)}.b3-dialog--open .layout-tab-bar .item--focus .item__text{color:var(--b3-theme-on-background)}.b3-dialog--open .layout-tab-bar .item:not(.item--focus,.fn__none)+.item:not(.item--focus):not(:first-child)::before{content:"";position:absolute;display:block;width:2px;height:1.3em;left:-4px;border-radius:9px;background-color:rgba(0,0,0,.08)}html[data-theme-mode=dark] .b3-dialog--open .layout-tab-bar .item:not(.item--focus,.fn__none)+.item:not(.item--focus):not(:first-child)::before{background-color:rgba(255,255,255,.08)}.b3-dialog--open .layout-tab-bar .item__graphic{font-family:var(--b3-font-family-emoji)}#configBazaarDownloaded{display:grid;grid-template-columns:repeat(auto-fill, minmax(472px, 1fr));gap:20px;margin:20px;width:auto}#configBazaarDownloaded>.fn__flex:first-child{grid-column:1/-1}#configBazaarDownloaded>.fn__flex:first-child>input.b3-switch{position:absolute;top:60px;z-index:2;right:4px}#configBazaarDownloaded .b3-list--empty{padding:0;position:absolute;left:240px;top:108px}div[id*=configBazaar]{width:100%}div[id*=configBazaar] .b3-cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(342px, 1fr));gap:20px;margin:20px}div[id*=configBazaar] .b3-card{transition-duration:.2s;border-radius:20px;background-color:var(--b3-theme-background);outline:1.5px solid var(--b3-border-color-trans);border:none;box-shadow:none;margin:0;overflow:visible}div[id*=configBazaar] .b3-card::before{content:"";width:100%;height:100%;box-shadow:0 0 0px 1px rgba(52,120,246,.05),0px 13px 25px -2px rgba(52,120,246,.1),0px 0px 10px 0px rgba(52,120,246,.05);position:absolute;opacity:0;z-index:0;border-radius:inherit;background-color:rgba(0,0,0,0);pointer-events:none;transition:opacity .2s}html[data-theme-mode=dark] div[id*=configBazaar] .b3-card::before{box-shadow:0 0 0 1px #118bff,0px 13px 25px -2px rgba(17,139,255,.3),0px 0px 10px 0px rgba(17,139,255,.15)}div[id*=configBazaar] .b3-card--current{outline:3px solid var(--b3-theme-primary-lighter)}html[data-theme-mode=dark] div[id*=configBazaar] .b3-card--current{outline-color:var(--b3-theme-primary-light)}div[id*=configBazaar] .b3-card__info{font-weight:500}div[id*=configBazaar] .b3-card__info>*{font-weight:normal}div[id*=configBazaar] .b3-card__desc{word-break:initial}div[id*=configBazaar] .b3-card:hover{transform:scale(1.01);outline:2px solid var(--b3-theme-primary-light);z-index:1}html[data-theme-mode=dark] div[id*=configBazaar] .b3-card:hover{outline:2px solid var(--b3-theme-primary)}div[id*=configBazaar] .b3-card:hover::before{opacity:1}#configBazaarReadme{transition:transform cubic-bezier(0.3, 0, 1, 1) .2s,filter linear .2s;opacity:1;z-index:2;padding:0}#configBazaarReadme .item__side{padding:16px;background-color:var(--b3-theme-surface)}#configBazaarReadme .item__side .item__title{font-weight:600;word-break:normal}#configBazaarReadme .item__side .b3-button{background-color:var(--b3-menu-background);border-radius:99px;color:var(--b3-theme-primary);font-weight:600;transition:.1s all;border:none;box-shadow:none;margin-top:12px}html[data-theme-mode=dark] #configBazaarReadme .item__side .b3-button{background-color:rgba(0,0,0,.2)}html[data-theme-mode=dark] #configBazaarReadme .item__side .b3-button:hover{background-color:var(--b3-theme-primary)}#configBazaarReadme .item__side .b3-button:hover{background-color:var(--b3-theme-primary);color:var(--b3-theme-on-primary);transition:.1s all}#configBazaarReadme .item__side .b3-button:active{transform:scale(0.95);opacity:.8}#configBazaarReadme .item__side .b3-button--progress>span{border-radius:99px}#configBazaarReadme .item__main{margin-left:0;padding:0;background-color:var(--b3-theme-background)}#configBazaarReadme .item__main .item__preview{border-radius:0}#configBazaarReadme .item__main .b3-typography{padding:0 32px}#configBazaarReadme .item__main .b3-typography .bq{border:none;padding:0;background-color:rgba(0,0,0,0);font-weight:600;margin:0;font-size:120%;opacity:.9}#configBazaarReadme .item__main .b3-typography.item__readme{padding-bottom:32px}#configBazaarReadme .item__main .b3-typography.item__readme>h1:first-child{margin-top:0}#configBazaarReadme .item__main .b3-typography.item__readme>h2:first-child{margin-top:0}#configBazaarReadme .item__main .b3-typography.item__readme>h3:first-child{margin-top:0}#configBazaarReadme .item__main .b3-typography.item__readme>h4:first-child{margin-top:0}#configBazaarReadme .item__main .b3-typography.item__readme>h5:first-child{margin-top:0}#configBazaarReadme .item__main .b3-typography.item__readme>h6:first-child{margin-top:0}#configBazaarReadme.config-bazaar__readme--show{transition:transform cubic-bezier(0, 0, 0, 1) .3s,filter linear .3s .1s}#addCodeSnippetCSS,#addCodeSnippetJS{right:93px}#addCodeSnippetCSS~.b3-switch,#addCodeSnippetJS~.b3-switch{right:24px}#addCodeSnippetCSS,#addCodeSnippetCSS~.b3-switch,#addCodeSnippetJS,#addCodeSnippetJS~.b3-switch{position:absolute;top:16px}.b3-dialog__scrim{background-color:rgba(128,128,128,.5019607843);-webkit-backdrop-filter:saturate(0.5);backdrop-filter:saturate(0.5);transition:opacity 250ms 0s,-webkit-backdrop-filter 300ms 0s;transition:opacity 250ms 0s,backdrop-filter 300ms 0s;transition:opacity 250ms 0s,backdrop-filter 300ms 0s,-webkit-backdrop-filter 300ms 0s}html[data-theme-mode=dark] .b3-dialog__scrim{background-color:rgba(0,0,0,.5019607843);-webkit-backdrop-filter:saturate(0);backdrop-filter:saturate(0)}.b3-dialog__container{transform:translateY(-40px);transition:opacity 150ms linear 0s,transform 300ms cubic-bezier(0, 0, 0, 1)}#searchInput,#searchAssetInput,#replaceInput{background-color:rgba(0,0,0,0)}#criteria .b3-button{border-radius:99px;padding:4px 12px;color:var(--b3-theme-primary);font-weight:600;background-color:rgba(0,0,0,0);padding:2px 8px;box-shadow:none}#criteria .b3-button:hover{box-shadow:none}#criteria .b3-button:active{transform:scale(0.95);opacity:.8;box-shadow:none}#criteria .b3-button:focus{box-shadow:none}#criteria .b3-button:hover{background-color:var(--b3-theme-primary-lightest)}#criteria .b3-button:active,#criteria .b3-button:focus{background-color:var(--b3-theme-primary);color:var(--b3-theme-on-primary)}#replaceBtn,#replaceAllBtn{border-radius:99px;padding:4px 12px;color:var(--b3-theme-primary);font-weight:600;background-color:rgba(0,0,0,0);padding:2px 8px;box-shadow:none}#replaceBtn:hover,#replaceAllBtn:hover{box-shadow:none}#replaceBtn:active,#replaceAllBtn:active{transform:scale(0.95);opacity:.8;box-shadow:none}#replaceBtn:focus,#replaceAllBtn:focus{box-shadow:none}#replaceBtn:hover,#replaceAllBtn:hover{background-color:var(--b3-theme-primary-lightest)}#replaceBtn:active,#replaceBtn:focus,#replaceAllBtn:active,#replaceAllBtn:focus{background-color:var(--b3-theme-primary);color:var(--b3-theme-on-primary)}#searchList [data-type=search-item]{flex-wrap:wrap;padding:4px;justify-content:flex-end}#searchList [data-type=search-item] .b3-list-item__graphic{align-self:flex-start;transform:translateY(20%);color:var(--b3-theme-on-surface)}#searchList [data-type=search-item] .b3-list-item__text{color:rgba(69,69,69,.9);line-height:1.5;flex-shrink:0;flex-basis:calc(100% - 44px);-webkit-line-clamp:2}html[data-theme-mode=dark] #searchList [data-type=search-item] .b3-list-item__text{color:rgba(220,220,220,.9)}#searchList [data-type=search-item] .b3-list-item__text mark{background-color:rgba(0,0,0,0);color:var(--b3-theme-primary)}#searchList [data-type=search-item] .b3-list-item__meta .b3-list-item__hinttext{line-height:1;padding:4px 0}#searchList [data-type=search-item] .b3-list-item__meta--ellipsis{max-width:calc(100% - 22px);padding:8px 0 8px 8px;line-height:1}#searchList [data-type=search-item] .b3-list-item__meta mark{background-color:rgba(0,0,0,0);color:var(--b3-theme-primary)}#searchList>.b3-list-item:not([data-type=search-item]){margin:0;padding:0 8px;border-radius:0;position:sticky;top:-8px;background-color:var(--b3-theme-surface);z-index:1}#searchList>.b3-list-item:not([data-type=search-item]) .b3-list-item__toggle--hl:hover{background-color:rgba(0,0,0,0)}#searchList>.b3-list-item:not([data-type=search-item]):hover .b3-list-item__text{color:var(--b3-theme-on-background) !important}#searchList>.b3-list-item:not([data-type=search-item])+div>.b3-list-item{min-height:unset;margin:0;border-radius:0;padding:4px}#searchList>.b3-list-item:not([data-type=search-item])+div>.b3-list-item.b3-list-item--focus{background-color:var(--b3-theme-primary-lightest)}.search__layout:not(.search__layout--row) #searchList [data-type=search-item] .b3-list-item__graphic{align-self:center;transform:none}.search__layout:not(.search__layout--row) #searchList [data-type=search-item] span.b3-list-item__graphic{margin-right:0;font-size:14px}.search__layout:not(.search__layout--row) #searchList [data-type=search-item] .b3-list-item__text{flex-shrink:1;flex-basis:0;-webkit-line-clamp:1}.search__layout:not(.search__layout--row) #searchList [data-type=search-item] .b3-list-item__meta--ellipsis{max-width:50%}.protyle-wysiwyg [data-node-id] span[data-type~=search-mark]{border-radius:4px;padding:2px;margin:0 -2px;mix-blend-mode:multiply;-webkit-box-decoration-break:clone;background-color:var(--b3-protyle-inline-mark-background) !important;color:var(--b3-theme-on-background) !important}html[data-theme-mode=dark] .protyle-wysiwyg [data-node-id] span[data-type~=search-mark]{mix-blend-mode:normal}.file-tree .protyle-wysiwyg [data-node-id] span[data-type~=search-mark]{border-radius:0;padding:0;margin:0;mix-blend-mode:normal}.protyle-wysiwyg [data-node-id] span[data-type~=search-mark].search-mark--hl{box-shadow:0 0 0px 1px rgba(52,120,246,.075),0px 13px 25px -2px rgba(52,120,246,.15),0px 0px 10px 0px rgba(52,120,246,.075);mix-blend-mode:normal;background-color:var(--b3-theme-primary-lighter) !important;color:var(--b3-theme-on-background) !important}html[data-theme-mode=dark] .protyle-wysiwyg [data-node-id] span[data-type~=search-mark].search-mark--hl{box-shadow:0 0 0 1px #3478f6,0px 13px 25px -2px rgba(52,120,246,.5),0px 0px 10px 0px rgba(52,120,246,.25)}.b3-dialog__body{position:relative;z-index:0}.b3-dialog__body>.b3-cards{grid-template-columns:repeat(auto-fill, minmax(148px, 1fr));margin:0;padding:32px;gap:32px;display:grid}.b3-dialog__body>.b3-cards .b3-card{width:auto !important;margin:0;border-radius:20px;padding:0;box-shadow:none;top:0}.b3-dialog__body>.b3-cards .b3-card:hover{transform:scale(1.05);box-shadow:0 0 0px 1px rgba(0,0,0,.05),0px 13px 25px -2px rgba(0,0,0,.1),0px 0px 10px 0px rgba(0,0,0,.05)}html[data-theme-mode=dark] .b3-dialog__body>.b3-cards .b3-card:hover{box-shadow:0 0 0 1px #000,0px 13px 25px -2px rgba(0,0,0,.3),0px 0px 10px 0px rgba(0,0,0,.15)}html[data-theme-mode=dark] .b3-dialog__body>.b3-cards .b3-card:hover{box-shadow:0 8px 28px -8px rgba(0,0,0,.3843137255)}.block__popover{box-shadow:0px 10px 15px -3px rgba(0,0,0,.1),0px 24px 40px 9px rgba(0,0,0,.1);border:none}html[data-theme-mode=dark] .block__popover{box-shadow:0 0 0 1px #000,0px 10px 15px -3px rgba(0,0,0,.3),0px 24px 40px 9px rgba(0,0,0,.3)}html[data-theme-mode=dark] .block__popover{outline:1px solid var(--b3-border-color)}.block__popover .block__icons .block__icon:hover:not([disabled]):not(.ft__primary){background-color:rgba(0,0,0,0)}.block__popover .block__icons .block__icon--active{color:var(--b3-theme-primary);background-color:rgba(0,0,0,0)}.block__popover .block__icons .block__icon--active:hover:not([disabled]):not(.ft__primary){color:var(--b3-theme-primary)}#aciton .b3-button--cancel{border-radius:99px;padding:4px 12px;color:var(--b3-theme-on-surface)}#aciton .b3-button--cancel:hover{box-shadow:none}#aciton .b3-button--cancel:active{transform:scale(0.95);opacity:.8;box-shadow:none}#aciton .b3-button--cancel:focus{box-shadow:none}#aciton .b3-button--cancel:hover{background-color:var(--b3-list-hover);color:var(--b3-theme-on-background)}#aciton .b3-button--cancel:active,#aciton .b3-button--cancel:focus{background-color:rgba(0,0,0,.1);color:var(--b3-theme-on-background)}html[data-theme-mode=dark] #aciton .b3-button--cancel:active,html[data-theme-mode=dark] #aciton .b3-button--cancel:focus{background-color:rgba(255,255,255,.1)}#aciton .b3-button--text{border-radius:99px;padding:4px 12px;color:var(--b3-theme-primary);font-weight:600}#aciton .b3-button--text:hover{box-shadow:none}#aciton .b3-button--text:active{transform:scale(0.95);opacity:.8;box-shadow:none}#aciton .b3-button--text:focus{box-shadow:none}#aciton .b3-button--text:hover{background-color:var(--b3-theme-primary-lightest)}#aciton .b3-button--text:active,#aciton .b3-button--text:focus{background-color:var(--b3-theme-primary);color:var(--b3-theme-on-primary)}body.body--window .toolbar__window .toolbar__item{app-region:no-drag;color:var(--b3-theme-on-surface)}body.body--window .toolbar__window .toolbar__item:hover{color:var(--b3-theme-on-background)}body.body--window .toolbar__window .toolbar__item--active{color:var(--b3-theme-primary)}body.body--window .toolbar__window .toolbar__item--active:hover{color:var(--b3-theme-primary)}body.body--window #status{right:8px !important;padding-right:0}.viewer-backdrop{animation:fadeIn .3s;transform-origin:var(--mouseX) var(--mouseY);background-color:#bbb;animation-timing-function:cubic-bezier(0, 0, 0, 1)}html[data-theme-mode=dark] .viewer-backdrop{background-color:var(--b3-theme-background)}@keyframes fadeIn{from{opacity:0;transform:scale(0.1)}to{opacity:1;transform:none}}.viewer-title{padding:4px 8px;background-color:var(--b3-theme-surface);border-radius:99px}.viewer-toolbar>ul{background-color:var(--b3-theme-surface);padding:8px;border-radius:99px}.viewer-toolbar>ul>li{background-color:rgba(0,0,0,0)}.viewer-toolbar>ul>li:hover{background-color:var(--b3-list-hover)}.viewer-toolbar>ul>li:hover>svg{color:var(--b3-theme-on-background)}.viewer-toolbar>ul>li:focus{background-color:var(--b3-theme-on-background);box-shadow:none}.viewer-toolbar>ul>li:focus>svg{color:var(--b3-menu-background)}.card__main .card__action>div{margin:0 12px 8px}.card__main .card__action .b3-button{font-weight:600;border-radius:20px;transition:.2s}.card__main .card__action .b3-button:hover{transform:scale(1.05)}.card__main .card__action .b3-button:active{transform:scale(0.95);opacity:.8;box-shadow:none}.card__main .card__action .b3-button:focus{box-shadow:none}.card__main .card__action .b3-button[data-type="1"]:hover{box-shadow:0 0 0px 1px rgba(233,49,71,.05),0px 13px 25px -2px rgba(233,49,71,.1),0px 0px 10px 0px rgba(233,49,71,.05)}html[data-theme-mode=dark] .card__main .card__action .b3-button[data-type="1"]:hover{box-shadow:0 0 0 1px #e93147,0px 13px 25px -2px rgba(233,49,71,.2),0px 0px 10px 0px rgba(233,49,71,.1)}.card__main .card__action .b3-button[data-type="2"]:hover{box-shadow:0 0 0px 1px rgba(224,172,0,.05),0px 13px 25px -2px rgba(224,172,0,.1),0px 0px 10px 0px rgba(224,172,0,.05)}html[data-theme-mode=dark] .card__main .card__action .b3-button[data-type="2"]:hover{box-shadow:0 0 0 1px #e0ac00,0px 13px 25px -2px rgba(224,172,0,.2),0px 0px 10px 0px rgba(224,172,0,.1)}.card__main .card__action .b3-button[data-type="3"]:hover{box-shadow:0 0 0px 1px rgba(8,109,221,.05),0px 13px 25px -2px rgba(8,109,221,.1),0px 0px 10px 0px rgba(8,109,221,.05)}html[data-theme-mode=dark] .card__main .card__action .b3-button[data-type="3"]:hover{box-shadow:0 0 0 1px #086ddd,0px 13px 25px -2px rgba(8,109,221,.2),0px 0px 10px 0px rgba(8,109,221,.1)}.card__main .card__action .b3-button[data-type="4"]:hover{box-shadow:0 0 0px 1px rgba(8,185,78,.05),0px 13px 25px -2px rgba(8,185,78,.1),0px 0px 10px 0px rgba(8,185,78,.05)}html[data-theme-mode=dark] .card__main .card__action .b3-button[data-type="4"]:hover{box-shadow:0 0 0 1px #08b94e,0px 13px 25px -2px rgba(8,185,78,.2),0px 0px 10px 0px rgba(8,185,78,.1)}.card__main .card__action .b3-button[data-type="-1"]:hover,.card__main .card__action .b3-button[data-type="-2"]:hover{transform:none;box-shadow:none}.card__main .card__action .b3-button[data-type="-1"]:active,.card__main .card__action .b3-button[data-type="-2"]:active{transform:scale(0.9)}.card__main .card__action .b3-button[data-type="-3"]:hover{background-color:var(--b3-list-hover)}.custom-attr .block__logo.custom-attr__avheader{color:var(--b3-theme-primary);font-weight:500;margin-right:0;margin-bottom:4px;opacity:1;position:sticky;top:0;background-color:var(--b3-theme-background);z-index:1}.custom-attr[data-type=NodeAttributeView]{padding-bottom:16px}.custom-attr[data-type=NodeAttributeView] .block__icons{height:auto;min-height:unset;padding:4px 16px}.custom-attr[data-type=NodeAttributeView] .av__row .block__logo{font-weight:500}.custom-attr[data-type=NodeAttributeView] .av__row .block__logo~.fn__flex-1{overflow:visible}.custom-attr[data-type=NodeAttributeView] .av__row .custom-attr__avvalue{padding:4px 0}.custom-attr[data-type=NodeAttributeView] .av__row input,.custom-attr[data-type=NodeAttributeView] .av__row select,.custom-attr[data-type=NodeAttributeView] .av__row [data-type=text] .b3-text-field{min-height:unset;height:28px;padding:4px}.custom-attr[data-type=NodeAttributeView] .av__row input:hover,.custom-attr[data-type=NodeAttributeView] .av__row select:hover,.custom-attr[data-type=NodeAttributeView] .av__row [data-type=text] .b3-text-field:hover{background-color:var(--b3-theme-surface)}.custom-attr[data-type=NodeAttributeView] .av__row input:focus,.custom-attr[data-type=NodeAttributeView] .av__row select:focus,.custom-attr[data-type=NodeAttributeView] .av__row [data-type=text] .b3-text-field:focus{background-color:var(--b3-theme-surface);outline:3px solid var(--b3-theme-primary-light)}.custom-attr[data-type=NodeAttributeView] .av__row [data-type=text]{align-self:flex-start}.custom-attr[data-type=NodeAttributeView] .av__row .b3-chip{border-radius:20px;padding:2px 6px}.custom-attr[data-type=NodeAttributeView] .av__row .av__celltext--url,.custom-attr[data-type=NodeAttributeView] .av__row .av__celltext--ref{border-bottom:none;-webkit-text-decoration:underline var(--b3-border-color-trans);text-decoration:underline var(--b3-border-color-trans);text-decoration-thickness:.1em}body:not(.hadeeth-pin-toolbar,.body--fullscreen) #toolbar.hadeeth-toolbar-tutorial,body.body--window #toolbar.hadeeth-toolbar-tutorial{overflow:visible;animation:sway 1s 0s 1.5 alternate,hide .5s 1.5s,transparent-toolbar .8s 2s 6 alternate;--offset: 4px}@keyframes sway{0%{transform:translateY(calc(var(--offset) * -1));opacity:1}50%{transform:translateY(calc(var(--offset)))}100%{transform:none;opacity:1}}@keyframes hide{0%{transform:translateY(calc(var(--offset)));opacity:1}50%{opacity:1}100%{transform:translateY(calc(var(--toolbar-height) * -1 + 10px));opacity:0}}@keyframes transparent-toolbar{0%{opacity:1;background-color:var(--b3-theme-background)}100%{opacity:1;background-color:var(--b3-theme-primary-light)}}@keyframes glow{0%{opacity:0}100%{opacity:1}}body:not(.hadeeth-pin-toolbar,.body--fullscreen) #toolbar.hadeeth-toolbar-tutorial::before,body:not(.hadeeth-pin-toolbar,.body--fullscreen) #toolbar.hadeeth-toolbar-tutorial::after,body.body--window #toolbar.hadeeth-toolbar-tutorial::before,body.body--window #toolbar.hadeeth-toolbar-tutorial::after{content:"";pointer-events:none;height:100%;position:absolute;top:0;background-color:var(--b3-theme-primary);filter:blur(30px);animation:glow .8s 2s 6 alternate;opacity:0}body:not(.hadeeth-pin-toolbar,.body--fullscreen) #toolbar.hadeeth-toolbar-tutorial::before,body.body--window #toolbar.hadeeth-toolbar-tutorial::before{width:30%;left:-8%}body:not(.hadeeth-pin-toolbar,.body--fullscreen) #toolbar.hadeeth-toolbar-tutorial::after,body.body--window #toolbar.hadeeth-toolbar-tutorial::after{width:30%;right:-8%}body:not(.hadeeth-pin-toolbar,.body--fullscreen) #toolbar.hadeeth-toolbar-tutorial #drag,body.body--window #toolbar.hadeeth-toolbar-tutorial #drag{background-color:var(--b3-theme-background)}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .toolbar,body.body--window:not(.body--mobile) .toolbar{background-color:var(--b3-theme-background);height:var(--toolbar-height);position:fixed;top:0;width:100%;transition:opacity 300ms,transform 300ms;transition-delay:.3s;z-index:16;opacity:0;transform:translateY(calc(var(--toolbar-height) * -1 + 10px))}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .toolbar #drag,body.body--window:not(.body--mobile) .toolbar #drag{height:var(--toolbar-height);line-height:var(--toolbar-height)}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .toolbar:hover,body.body--window:not(.body--mobile) .toolbar:hover{transition:opacity 100ms 100ms,transform 200ms 100ms;opacity:1;transform:none}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .toolbar.no-hover,body.body--window:not(.body--mobile) .toolbar.no-hover{opacity:0;transform:translateY(calc(var(--toolbar-height) * -1 + 10px))}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .toolbar.no-hover #drag,body.body--window:not(.body--mobile) .toolbar.no-hover #drag{height:var(--toolbar-height);line-height:var(--toolbar-height)}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .toolbar.no-hover #drag,body.body--window:not(.body--mobile) .toolbar.no-hover #drag{app-region:drag}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .dock#dockLeft,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .dock#dockRight,body.body--window:not(.body--mobile) .dock#dockLeft,body.body--window:not(.body--mobile) .dock#dockRight{padding-top:4px}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockl::before,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockr::before,body.body--window:not(.body--mobile) .layout__dockl::before,body.body--window:not(.body--mobile) .layout__dockr::before{content:"";height:4px;width:auto;background-color:#efefef}html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockl::before,html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockr::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile) .layout__dockl::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile) .layout__dockr::before{background-color:#383838}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockl.layout--float,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockr.layout--float,body.body--window:not(.body--mobile) .layout__dockl.layout--float,body.body--window:not(.body--mobile) .layout__dockr.layout--float{height:100%}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockl.layout--float::before,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockr.layout--float::before,body.body--window:not(.body--mobile) .layout__dockl.layout--float::before,body.body--window:not(.body--mobile) .layout__dockr.layout--float::before{content:"";height:4px;width:auto;background-color:#fff}html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockl.layout--float::before,html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockr.layout--float::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile) .layout__dockl.layout--float::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile) .layout__dockr.layout--float::before{background-color:#1e1e1e}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .fn__flex-1.has-dockb .layout__dockl.layout--float,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .fn__flex-1.has-dockb .layout__dockr.layout--float,body.body--window:not(.body--mobile) .fn__flex-1.has-dockb .layout__dockl.layout--float,body.body--window:not(.body--mobile) .fn__flex-1.has-dockb .layout__dockr.layout--float{height:calc(100% - 42px - var(--status-height, 32px));top:0}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .dock#dockLeft,body.body--window:not(.body--mobile) .dock#dockLeft{padding-top:calc(var(--toolbar-height) - 6px - 10px + 10px)}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockl,body.body--window:not(.body--mobile) .layout__dockl{margin-top:10px}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockl:not(.layout--float),body.body--window:not(.body--mobile) .layout__dockl:not(.layout--float){min-height:calc(100% - 10px)}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockl::before,body.body--window:not(.body--mobile) .layout__dockl::before{height:calc(var(--toolbar-height) - 6px - 10px)}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockl.layout--float::before,body.body--window:not(.body--mobile) .layout__dockl.layout--float::before{height:calc(var(--toolbar-height) - 6px - 10px + 10px)}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockl>.fn__flex-1:first-child,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockl>.fn__flex-1.fn__none~.fn__flex-1,body.body--window:not(.body--mobile) .layout__dockl>.fn__flex-1:first-child,body.body--window:not(.body--mobile) .layout__dockl>.fn__flex-1.fn__none~.fn__flex-1{position:relative;overflow:visible}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockl>.fn__flex-1:first-child::before,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockl>.fn__flex-1.fn__none~.fn__flex-1::before,body.body--window:not(.body--mobile) .layout__dockl>.fn__flex-1:first-child::before,body.body--window:not(.body--mobile) .layout__dockl>.fn__flex-1.fn__none~.fn__flex-1::before{content:"";width:100%;height:10px;position:absolute;top:calc(-1*var(--toolbar-height) + 6px);background-color:#efefef}html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockl>.fn__flex-1:first-child::before,html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockl>.fn__flex-1.fn__none~.fn__flex-1::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile) .layout__dockl>.fn__flex-1:first-child::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile) .layout__dockl>.fn__flex-1.fn__none~.fn__flex-1::before{background-color:#383838}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockl.layout--float>.fn__flex-1:first-child::before,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockl.layout--float>.fn__flex-1.fn__none~.fn__flex-1::before,body.body--window:not(.body--mobile) .layout__dockl.layout--float>.fn__flex-1:first-child::before,body.body--window:not(.body--mobile) .layout__dockl.layout--float>.fn__flex-1.fn__none~.fn__flex-1::before{background-color:#fff}html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockl.layout--float>.fn__flex-1:first-child::before,html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .layout__dockl.layout--float>.fn__flex-1.fn__none~.fn__flex-1::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile) .layout__dockl.layout--float>.fn__flex-1:first-child::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile) .layout__dockl.layout--float>.fn__flex-1.fn__none~.fn__flex-1::before{background-color:#1e1e1e}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .dock#dockLeft,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .dock#dockRight,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--browser .dock#dockLeft,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--browser .dock#dockRight,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--fullscreen .dock#dockLeft,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--fullscreen .dock#dockRight,body.body--window:not(.body--mobile).body--win32 .dock#dockLeft,body.body--window:not(.body--mobile).body--win32 .dock#dockRight,body.body--window:not(.body--mobile).body--browser .dock#dockLeft,body.body--window:not(.body--mobile).body--browser .dock#dockRight,body.body--window:not(.body--mobile).body--fullscreen .dock#dockLeft,body.body--window:not(.body--mobile).body--fullscreen .dock#dockRight{padding-top:4px}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockl::before,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockr::before,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--browser .layout__dockl::before,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--browser .layout__dockr::before,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockl::before,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockr::before,body.body--window:not(.body--mobile).body--win32 .layout__dockl::before,body.body--window:not(.body--mobile).body--win32 .layout__dockr::before,body.body--window:not(.body--mobile).body--browser .layout__dockl::before,body.body--window:not(.body--mobile).body--browser .layout__dockr::before,body.body--window:not(.body--mobile).body--fullscreen .layout__dockl::before,body.body--window:not(.body--mobile).body--fullscreen .layout__dockr::before{content:"";height:4px;width:auto;background-color:#efefef}html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockl::before,html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockr::before,html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--browser .layout__dockl::before,html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--browser .layout__dockr::before,html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockl::before,html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockr::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--win32 .layout__dockl::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--win32 .layout__dockr::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--browser .layout__dockl::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--browser .layout__dockr::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--fullscreen .layout__dockl::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--fullscreen .layout__dockr::before{background-color:#383838}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockl.layout--float,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockr.layout--float,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--browser .layout__dockl.layout--float,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--browser .layout__dockr.layout--float,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockl.layout--float,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockr.layout--float,body.body--window:not(.body--mobile).body--win32 .layout__dockl.layout--float,body.body--window:not(.body--mobile).body--win32 .layout__dockr.layout--float,body.body--window:not(.body--mobile).body--browser .layout__dockl.layout--float,body.body--window:not(.body--mobile).body--browser .layout__dockr.layout--float,body.body--window:not(.body--mobile).body--fullscreen .layout__dockl.layout--float,body.body--window:not(.body--mobile).body--fullscreen .layout__dockr.layout--float{height:100%}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockl.layout--float::before,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockr.layout--float::before,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--browser .layout__dockl.layout--float::before,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--browser .layout__dockr.layout--float::before,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockl.layout--float::before,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockr.layout--float::before,body.body--window:not(.body--mobile).body--win32 .layout__dockl.layout--float::before,body.body--window:not(.body--mobile).body--win32 .layout__dockr.layout--float::before,body.body--window:not(.body--mobile).body--browser .layout__dockl.layout--float::before,body.body--window:not(.body--mobile).body--browser .layout__dockr.layout--float::before,body.body--window:not(.body--mobile).body--fullscreen .layout__dockl.layout--float::before,body.body--window:not(.body--mobile).body--fullscreen .layout__dockr.layout--float::before{content:"";height:4px;width:auto;background-color:#fff}html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockl.layout--float::before,html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockr.layout--float::before,html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--browser .layout__dockl.layout--float::before,html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--browser .layout__dockr.layout--float::before,html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockl.layout--float::before,html[data-theme-mode=dark] body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockr.layout--float::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--win32 .layout__dockl.layout--float::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--win32 .layout__dockr.layout--float::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--browser .layout__dockl.layout--float::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--browser .layout__dockr.layout--float::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--fullscreen .layout__dockl.layout--float::before,html[data-theme-mode=dark] body.body--window:not(.body--mobile).body--fullscreen .layout__dockr.layout--float::before{background-color:#1e1e1e}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .fn__flex-1.has-dockb .layout__dockl.layout--float,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .fn__flex-1.has-dockb .layout__dockr.layout--float,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--browser .fn__flex-1.has-dockb .layout__dockl.layout--float,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--browser .fn__flex-1.has-dockb .layout__dockr.layout--float,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--fullscreen .fn__flex-1.has-dockb .layout__dockl.layout--float,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--fullscreen .fn__flex-1.has-dockb .layout__dockr.layout--float,body.body--window:not(.body--mobile).body--win32 .fn__flex-1.has-dockb .layout__dockl.layout--float,body.body--window:not(.body--mobile).body--win32 .fn__flex-1.has-dockb .layout__dockr.layout--float,body.body--window:not(.body--mobile).body--browser .fn__flex-1.has-dockb .layout__dockl.layout--float,body.body--window:not(.body--mobile).body--browser .fn__flex-1.has-dockb .layout__dockr.layout--float,body.body--window:not(.body--mobile).body--fullscreen .fn__flex-1.has-dockb .layout__dockl.layout--float,body.body--window:not(.body--mobile).body--fullscreen .fn__flex-1.has-dockb .layout__dockr.layout--float{height:calc(100% - 42px - var(--status-height, 32px));top:0}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockl,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--browser .layout__dockl,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--fullscreen .layout__dockl,body.body--window:not(.body--mobile).body--win32 .layout__dockl,body.body--window:not(.body--mobile).body--browser .layout__dockl,body.body--window:not(.body--mobile).body--fullscreen .layout__dockl{margin-top:0;min-height:100%}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile) .b3-snackbars,body.body--window:not(.body--mobile) .b3-snackbars{top:0}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child,body.body--window:not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child,body.body--window:not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child{app-region:drag}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__icon,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .b3-text-field,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__icon,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .b3-text-field,body.body--window:not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__icon,body.body--window:not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .b3-text-field,body.body--window:not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__icon,body.body--window:not(.body--mobile):not(.body--win32) .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .b3-text-field{app-region:no-drag}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__logo,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .fn__space,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__logo,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .fn__space,body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__logo,body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .fn__space,body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__logo,body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .fn__space{app-region:drag}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .fn__space,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .fn__space,body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .fn__space,body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .fn__space{height:34px;transform:translateY(4px)}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__icon,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .b3-text-field,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__icon,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .b3-text-field,body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__icon,body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .b3-text-field,body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__icon,body.body--window:not(.body--mobile):not(.body--win32) .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .b3-text-field{app-region:no-drag}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) #toolbar:hover+div #layouts .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) #toolbar:hover+div #layouts .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child,body.body--window:not(.body--mobile):not(.body--win32) #toolbar:hover+div #layouts .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child,body.body--window:not(.body--mobile):not(.body--win32) #toolbar:hover+div #layouts .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child{app-region:unset}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) #toolbar:hover+div #layouts .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__logo,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) #toolbar:hover+div #layouts .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .fn__space,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) #toolbar:hover+div #layouts .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__logo,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile):not(.body--win32) #toolbar:hover+div #layouts .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .fn__space,body.body--window:not(.body--mobile):not(.body--win32) #toolbar:hover+div #layouts .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__logo,body.body--window:not(.body--mobile):not(.body--win32) #toolbar:hover+div #layouts .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .fn__space,body.body--window:not(.body--mobile):not(.body--win32) #toolbar:hover+div #layouts .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__logo,body.body--window:not(.body--mobile):not(.body--win32) #toolbar:hover+div #layouts .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .fn__space{app-region:unset}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__logo,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .fn__space,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__logo,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .fn__space,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__logo,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .fn__space,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__logo,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .fn__space,body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__logo,body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .fn__space,body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__logo,body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .fn__space,body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__logo,body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .fn__space,body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__logo,body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .fn__space{app-region:drag}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .fn__space,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .fn__space,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .fn__space,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .fn__space,body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .fn__space,body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .fn__space,body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .fn__space,body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .fn__space{height:34px;transform:translateY(4px)}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__icon,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .b3-text-field,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__icon,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .b3-text-field,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__icon,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .b3-text-field,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__icon,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .b3-text-field,body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__icon,body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .b3-text-field,body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__icon,body.body--window:not(.body--mobile).body--win32 .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .b3-text-field,body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__icon,body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .b3-text-field,body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__icon,body.body--window:not(.body--mobile).body--win32 .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .b3-text-field{app-region:no-drag}body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 #toolbar:hover+div #layouts .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__logo,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 #toolbar:hover+div #layouts .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .fn__space,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 #toolbar:hover+div #layouts .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__logo,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 #toolbar:hover+div #layouts .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .fn__space,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 #toolbar:hover+div #layouts .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__logo,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 #toolbar:hover+div #layouts .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .fn__space,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 #toolbar:hover+div #layouts .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__logo,body:not(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--mobile).body--win32 #toolbar:hover+div #layouts .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .fn__space,body.body--window:not(.body--mobile).body--win32 #toolbar:hover+div #layouts .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__logo,body.body--window:not(.body--mobile).body--win32 #toolbar:hover+div #layouts .layout__dockl:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .fn__space,body.body--window:not(.body--mobile).body--win32 #toolbar:hover+div #layouts .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__logo,body.body--window:not(.body--mobile).body--win32 #toolbar:hover+div #layouts .layout__dockl:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .fn__space,body.body--window:not(.body--mobile).body--win32 #toolbar:hover+div #layouts .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .block__logo,body.body--window:not(.body--mobile).body--win32 #toolbar:hover+div #layouts .layout__dockr:not(.layout--float)>.fn__flex-1:first-child .block__icons:first-child .fn__space,body.body--window:not(.body--mobile).body--win32 #toolbar:hover+div #layouts .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .block__logo,body.body--window:not(.body--mobile).body--win32 #toolbar:hover+div #layouts .layout__dockr:not(.layout--float)>.fn__flex-1.fn__none~.fn__flex-1 .block__icons:first-child .fn__space{app-region:unset}body:not(.hadeeth-pin-toolbar,.body--fullscreen) #toolbar .toolbar__item,body.body--window #toolbar .toolbar__item{app-region:no-drag}body:not(.hadeeth-pin-toolbar,.body--fullscreen) .fn__flex-column[data-type=wnd]>.fn__flex:first-child,body.body--window .fn__flex-column[data-type=wnd]>.fn__flex:first-child{app-region:drag;margin-top:10px;height:calc(var(--toolbar-height) - 16px)}body:not(.hadeeth-pin-toolbar,.body--fullscreen) .fn__flex-column[data-type=wnd]>.fn__flex:first-child .layout-tab-bar,body.body--window .fn__flex-column[data-type=wnd]>.fn__flex:first-child .layout-tab-bar{margin-top:0}body:not(.hadeeth-pin-toolbar,.body--fullscreen) .fn__flex-column[data-type=wnd]>.fn__flex:first-child .layout-tab-bar:not(.layout-tab-bar--readonly),body.body--window .fn__flex-column[data-type=wnd]>.fn__flex:first-child .layout-tab-bar:not(.layout-tab-bar--readonly){app-region:no-drag}body:not(.hadeeth-pin-toolbar,.body--fullscreen) .fn__flex-column[data-type=wnd]>.fn__flex:first-child .layout-tab-bar--readonly .block__icon,body.body--window .fn__flex-column[data-type=wnd]>.fn__flex:first-child .layout-tab-bar--readonly .block__icon{app-region:no-drag}body:not(.hadeeth-pin-toolbar,.body--fullscreen) #toolbar:hover+div #layouts .fn__flex-column[data-type=wnd]>.fn__flex:first-child,body:not(.hadeeth-pin-toolbar,.body--fullscreen) .layout__dockl.layout--float:not([style*=transform])~.layout__center .fn__flex-column[data-type=wnd]>.fn__flex:first-child,body.body--window #toolbar:hover+div #layouts .fn__flex-column[data-type=wnd]>.fn__flex:first-child,body.body--window .layout__dockl.layout--float:not([style*=transform])~.layout__center .fn__flex-column[data-type=wnd]>.fn__flex:first-child{app-region:unset}body:not(.hadeeth-pin-toolbar,.body--fullscreen) .layout-tab-container *:not(.protyle.fullscreen)>.protyle-breadcrumb__space,body.body--window .layout-tab-container *:not(.protyle.fullscreen)>.protyle-breadcrumb__space{app-region:drag}body:not(.hadeeth-pin-toolbar,.body--fullscreen) .layout__dockl.layout--float:not([style*=transform])~.layout__center .protyle-breadcrumb__space,body:not(.hadeeth-pin-toolbar,.body--fullscreen) #toolbar:hover+.fn__flex-1 #layouts .fullscreen .protyle-breadcrumb__space,body.body--window .layout__dockl.layout--float:not([style*=transform])~.layout__center .protyle-breadcrumb__space,body.body--window #toolbar:hover+.fn__flex-1 #layouts .fullscreen .protyle-breadcrumb__space{app-region:unset}body:not(.hadeeth-pin-toolbar,.body--fullscreen) .layout__dockl:not(.layout--float)::before,body.body--window .layout__dockl:not(.layout--float)::before{app-region:drag}body:not(.hadeeth-pin-toolbar,.body--fullscreen) #toolbar:hover+div #layouts .layout__dockl:not(.layout--float)::before,body.body--window #toolbar:hover+div #layouts .layout__dockl:not(.layout--float)::before{app-region:unset}body:not(.hadeeth-pin-toolbar,.body--fullscreen) #toolbar:hover+.fn__flex-1 #layouts .fullscreen>.block__icons>.fn__flex-1,body:not(.hadeeth-pin-toolbar,.body--fullscreen) #toolbar:hover~.b3-dialog--open .fullscreen>.block__icons>.fn__flex-1,body.body--window #toolbar:hover+.fn__flex-1 #layouts .fullscreen>.block__icons>.fn__flex-1,body.body--window #toolbar:hover~.b3-dialog--open .fullscreen>.block__icons>.fn__flex-1{app-region:unset}body:not(.hadeeth-pin-toolbar,.body--fullscreen) .b3-menu,body:not(.hadeeth-pin-toolbar,.body--fullscreen) .b3-menu__submenu,body:not(.hadeeth-pin-toolbar,.body--fullscreen) .protyle-hint,body.body--window .b3-menu,body.body--window .b3-menu__submenu,body.body--window .protyle-hint{app-region:no-drag}body:not(.hadeeth-pin-toolbar,.body--fullscreen) .block__popover,body:not(.hadeeth-pin-toolbar,.body--fullscreen) .b3-dialog__body,body.body--window .block__popover,body.body--window .b3-dialog__body{app-region:no-drag}body:not(.hadeeth-pin-toolbar,.body--fullscreen) .block__icons>.block__icon,body:not(.hadeeth-pin-toolbar,.body--fullscreen) .block__icons>.search__label,body:not(.hadeeth-pin-toolbar,.body--fullscreen) .search__header,body:not(.hadeeth-pin-toolbar,.body--fullscreen) .layout--float,body:not(.hadeeth-pin-toolbar,.body--fullscreen) .protyle-breadcrumb .block__icon,body:not(.hadeeth-pin-toolbar,.body--fullscreen) .protyle-breadcrumb__item,body:not(.hadeeth-pin-toolbar,.body--fullscreen) .protyle-breadcrumb button,body:not(.hadeeth-pin-toolbar,.body--fullscreen) .b3-snackbar,body:not(.hadeeth-pin-toolbar,.body--fullscreen) .protyle-toolbar,body:not(.hadeeth-pin-toolbar,.body--fullscreen) .protyle-util,body.body--window .block__icons>.block__icon,body.body--window .block__icons>.search__label,body.body--window .search__header,body.body--window .layout--float,body.body--window .protyle-breadcrumb .block__icon,body.body--window .protyle-breadcrumb__item,body.body--window .protyle-breadcrumb button,body.body--window .b3-snackbar,body.body--window .protyle-toolbar,body.body--window .protyle-util{app-region:no-drag}body:where(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--window){--toolbar-height: 40px;--b3-toolbar-left-mac: 72px}body:where(.hadeeth-pin-toolbar,.body--fullscreen):not(.body--window) #toolbar #barWorkspace::before{height:24px;transform:translate(-5px, 3px)}body.body--win32.hadeeth-pin-toolbar #toolbar{padding-left:6px}.protyle-background__img::before{content:"";display:inline-block;width:-webkit-fill-available;height:90%;position:absolute;bottom:0;right:0;background:linear-gradient(to top, white 2%, rgba(255, 255, 255, 0.97) 10%, rgba(255, 255, 255, 0.9) 18%, rgba(255, 255, 255, 0.75) 33%, rgba(255, 255, 255, 0.05) 92%, transparent 99%);pointer-events:none}html[data-theme-mode=dark] .protyle-background__img::before{background:linear-gradient(to top, #1e1e1e 2%, rgba(30, 30, 30, 0.97) 10%, rgba(30, 30, 30, 0.9) 18%, rgba(30, 30, 30, 0.75) 33%, rgba(30, 30, 30, 0.05) 92%, transparent 99%)}.protyle-background[style="min-height: 30vh;"]{margin-bottom:-48px}.protyle-background[style="min-height: 30vh;"].without-icon{margin-bottom:-120px}.protyle-background[style="min-height: 30vh;"].without-icon .protyle-icons:not(:nth-of-type(2)){transform:translateY(-48px);z-index:1}.protyle-background[style="min-height: 30vh;"].without-icon .protyle-background__iconw{transform:translateY(-96px);z-index:1}.protyle-background[style="min-height: 30vh;"] .protyle-background__iconw{transform:translateY(-48px)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) [data-type=wnd] .pdf__outer#outerContainer #dialogContainer .dialog{background-color:rgba(236,236,236,.85);-webkit-backdrop-filter:blur(40px) saturate(3) brightness(1.1);backdrop-filter:blur(40px) saturate(3) brightness(1.1)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) [data-type=wnd] .pdf__outer#outerContainer #dialogContainer .dialog{background-color:rgba(50,50,50,.85)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) [data-type=wnd] .pdf__outer#outerContainer #dialogContainer .dialog{-webkit-backdrop-filter:blur(40px) saturate(3) brightness(0.95);backdrop-filter:blur(40px) saturate(3) brightness(0.95)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background__img::after{content:"";display:inline-block;width:-webkit-fill-available;height:13.5vh;position:absolute;bottom:0;right:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-mask-image:linear-gradient(to top, black 50%, transparent);mask-image:linear-gradient(to top, black 50%, transparent);transform:translateZ(0);pointer-events:none}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--secondary{-webkit-backdrop-filter:blur(40px) saturate(1) brightness(1);backdrop-filter:blur(40px) saturate(1) brightness(1);background-color:rgba(239,239,239,.8);color:rgba(69,69,69,.6)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--secondary{-webkit-backdrop-filter:blur(40px) saturate(1) brightness(1);backdrop-filter:blur(40px) saturate(1) brightness(1)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--secondary{background-color:rgba(56,56,56,.6)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--secondary{color:#dcdcdc}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--primary{-webkit-backdrop-filter:blur(40px) saturate(1) brightness(1);backdrop-filter:blur(40px) saturate(1) brightness(1);background-color:rgba(239,239,239,.8);color:rgba(69,69,69,.6)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--primary{-webkit-backdrop-filter:blur(40px) saturate(1) brightness(1);backdrop-filter:blur(40px) saturate(1) brightness(1)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--primary{background-color:rgba(56,56,56,.6)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--primary{color:#dcdcdc}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--info{-webkit-backdrop-filter:blur(40px) saturate(1) brightness(1);backdrop-filter:blur(40px) saturate(1) brightness(1);background-color:rgba(239,239,239,.8);color:rgba(69,69,69,.6)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--info{-webkit-backdrop-filter:blur(40px) saturate(1) brightness(1);backdrop-filter:blur(40px) saturate(1) brightness(1)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--info{background-color:rgba(56,56,56,.6)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--info{color:#dcdcdc}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--success{-webkit-backdrop-filter:blur(40px) saturate(1) brightness(1);backdrop-filter:blur(40px) saturate(1) brightness(1);background-color:rgba(239,239,239,.8);color:rgba(69,69,69,.6)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--success{-webkit-backdrop-filter:blur(40px) saturate(1) brightness(1);backdrop-filter:blur(40px) saturate(1) brightness(1)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--success{background-color:rgba(56,56,56,.6)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--success{color:#dcdcdc}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--warning{-webkit-backdrop-filter:blur(40px) saturate(1) brightness(1);backdrop-filter:blur(40px) saturate(1) brightness(1);background-color:rgba(239,239,239,.8);color:rgba(69,69,69,.6)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--warning{-webkit-backdrop-filter:blur(40px) saturate(1) brightness(1);backdrop-filter:blur(40px) saturate(1) brightness(1)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--warning{background-color:rgba(56,56,56,.6)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--warning{color:#dcdcdc}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--error{-webkit-backdrop-filter:blur(40px) saturate(1) brightness(1);backdrop-filter:blur(40px) saturate(1) brightness(1);background-color:rgba(239,239,239,.8);color:rgba(69,69,69,.6)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--error{-webkit-backdrop-filter:blur(40px) saturate(1) brightness(1);backdrop-filter:blur(40px) saturate(1) brightness(1)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--error{background-color:rgba(56,56,56,.6)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--error{color:#dcdcdc}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--pink{-webkit-backdrop-filter:blur(40px) saturate(1) brightness(1);backdrop-filter:blur(40px) saturate(1) brightness(1);background-color:rgba(239,239,239,.8);color:rgba(69,69,69,.6)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--pink{-webkit-backdrop-filter:blur(40px) saturate(1) brightness(1);backdrop-filter:blur(40px) saturate(1) brightness(1)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--pink{background-color:rgba(56,56,56,.6)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background .b3-chips .b3-chip--middle.b3-chip--pink{color:#dcdcdc}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-toolbar{background-color:rgba(239,239,239,.8);-webkit-backdrop-filter:blur(40px) saturate(3) brightness(1.1);backdrop-filter:blur(40px) saturate(3) brightness(1.1)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-toolbar{background-color:rgba(56,56,56,.8)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-toolbar{-webkit-backdrop-filter:blur(40px) saturate(3) brightness(0.9);backdrop-filter:blur(40px) saturate(3) brightness(0.9)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle [data-node-id] .img:hover .protyle-action__drag{background-color:rgba(0,0,0,0);-webkit-backdrop-filter:invert(1) blur(200px) saturate(0) contrast(0.5) brightness(1.15);backdrop-filter:invert(1) blur(200px) saturate(0) contrast(0.5) brightness(1.15);filter:contrast(10) invert(0.1) opacity(0.9);box-shadow:none;transition:transform 50ms}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-icons{mix-blend-mode:luminosity}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-icons:hover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-icons .protyle-icon--only:hover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-action:hover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-action .protyle-icon--only:hover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .fn__flex-1:not(.has-dockb)~#status{background-color:rgba(239,239,239,.8);-webkit-backdrop-filter:blur(40px) saturate(1) brightness(1.1);backdrop-filter:blur(40px) saturate(1) brightness(1.1);mix-blend-mode:luminosity}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .fn__flex-1:not(.has-dockb)~#status{background-color:rgba(56,56,56,.8)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .fn__flex-1:not(.has-dockb)~#status{-webkit-backdrop-filter:blur(40px) saturate(1) brightness(0.9);backdrop-filter:blur(40px) saturate(1) brightness(0.9)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockl.layout--float,body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockr.layout--float{margin-top:0}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockl.layout--float::before,body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockl.layout--float>.fn__flex-1:first-child::before,body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockr.layout--float::before,body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockr.layout--float>.fn__flex-1:first-child::before{background-color:rgba(255,255,255,.85) !important}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockl.layout--float::before,html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockl.layout--float>.fn__flex-1:first-child::before,html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockr.layout--float::before,html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockr.layout--float>.fn__flex-1:first-child::before{background-color:rgba(30,30,30,.85) !important}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockl.layout--float .layout-tab-container,body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockr.layout--float .layout-tab-container{background-color:rgba(255,255,255,.85)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockl.layout--float .layout-tab-container,html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockr.layout--float .layout-tab-container{background-color:rgba(30,30,30,.85)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockl.layout--float .layout-tab-container .graph,body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockr.layout--float .layout-tab-container .graph{background-color:rgba(0,0,0,0)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockl.layout--float .layout-tab-container .graph.fullscreen,body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockr.layout--float .layout-tab-container .graph.fullscreen{-webkit-backdrop-filter:blur(40px) saturate(3) brightness(1.1);backdrop-filter:blur(40px) saturate(3) brightness(1.1)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockl.layout--float .layout-tab-container .graph.fullscreen,html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockr.layout--float .layout-tab-container .graph.fullscreen{-webkit-backdrop-filter:blur(40px) saturate(3) brightness(0.9);backdrop-filter:blur(40px) saturate(3) brightness(0.9)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockl.layout--float::after,body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockr.layout--float::after{content:"";width:inherit;height:100%;position:absolute;z-index:-1;-webkit-backdrop-filter:blur(40px) saturate(3) brightness(1.1);backdrop-filter:blur(40px) saturate(3) brightness(1.1)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockl.layout--float::after,html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockr.layout--float::after{-webkit-backdrop-filter:blur(40px) saturate(3) brightness(0.9);backdrop-filter:blur(40px) saturate(3) brightness(0.9)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockl.layout--float .sy__graph.fullscreen,body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockr.layout--float .sy__graph.fullscreen{background-color:rgba(255,255,255,.8)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockl.layout--float .sy__graph.fullscreen,html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout__dockr.layout--float .sy__graph.fullscreen{background-color:rgba(30,30,30,.8)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .layout--float .protyle-icons,body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-background__iconw .protyle-icons{mix-blend-mode:normal}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .graph__panel{-webkit-backdrop-filter:blur(20px) saturate(3) brightness(1.1);backdrop-filter:blur(20px) saturate(3) brightness(1.1);opacity:1;background-color:rgba(255,255,255,.8)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .graph__panel{-webkit-backdrop-filter:blur(20px) saturate(3) brightness(0.9);backdrop-filter:blur(20px) saturate(3) brightness(0.9)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .graph__panel{background-color:rgba(30,30,30,.8)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .b3-menu,body:not(.body--blur,.hadeeth-disable-backdrop-blur) .b3-menu__submenu{background-color:rgba(0,0,0,0);overflow:hidden}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .b3-menu:not(#searchHistoryList)::before,body:not(.body--blur,.hadeeth-disable-backdrop-blur) .b3-menu__submenu:not(#searchHistoryList)::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:8px;-webkit-backdrop-filter:blur(40px) saturate(3) brightness(1.1);backdrop-filter:blur(40px) saturate(3) brightness(1.1)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .b3-menu:not(#searchHistoryList)::before,html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .b3-menu__submenu:not(#searchHistoryList)::before{-webkit-backdrop-filter:blur(40px) saturate(3) brightness(0.9);backdrop-filter:blur(40px) saturate(3) brightness(0.9)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .b3-menu .b3-menu__items,body:not(.body--blur,.hadeeth-disable-backdrop-blur) .b3-menu__submenu .b3-menu__items{background-color:rgba(236,236,236,.8)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .b3-menu .b3-menu__items,html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .b3-menu__submenu .b3-menu__items{background-color:rgba(50,50,50,.8)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .b3-menu .protyle-icons,body:not(.body--blur,.hadeeth-disable-backdrop-blur) .b3-menu__submenu .protyle-icons{mix-blend-mode:normal}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-hint{background-color:rgba(0,0,0,0);-webkit-backdrop-filter:blur(40px) saturate(3) brightness(1.1);backdrop-filter:blur(40px) saturate(3) brightness(1.1)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-hint{-webkit-backdrop-filter:blur(40px) saturate(3) brightness(0.9);backdrop-filter:blur(40px) saturate(3) brightness(0.9)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-hint>div:not(.emojis){background-color:rgba(236,236,236,.8)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-hint>div:not(.emojis){background-color:rgba(50,50,50,.8)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-hint>.emojis>.emojis__panel{background-color:rgba(236,236,236,.8)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-hint>.emojis>.emojis__panel{background-color:rgba(50,50,50,.8)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-util{background-color:rgba(236,236,236,.8);-webkit-backdrop-filter:blur(40px) saturate(3) brightness(1.1);backdrop-filter:blur(40px) saturate(3) brightness(1.1)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-util{background-color:rgba(50,50,50,.8)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-util{-webkit-backdrop-filter:blur(40px) saturate(3) brightness(0.9);backdrop-filter:blur(40px) saturate(3) brightness(0.9)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) #searchHistoryList{background-color:rgba(236,236,236,.8);-webkit-backdrop-filter:blur(40px) saturate(3) brightness(1.1);backdrop-filter:blur(40px) saturate(3) brightness(1.1);overflow:auto}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) #searchHistoryList{background-color:rgba(50,50,50,.8)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) #searchHistoryList{-webkit-backdrop-filter:blur(40px) saturate(3) brightness(0.9);backdrop-filter:blur(40px) saturate(3) brightness(0.9)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .b3-dialog.emojis-container .b3-dialog__container{-webkit-backdrop-filter:blur(40px) saturate(3) brightness(1.1);backdrop-filter:blur(40px) saturate(3) brightness(1.1);background-color:rgba(0,0,0,0)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .b3-dialog.emojis-container .b3-dialog__container{-webkit-backdrop-filter:blur(40px) saturate(3) brightness(0.9);backdrop-filter:blur(40px) saturate(3) brightness(0.9)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .b3-dialog.emojis-container .b3-dialog__container .emojis>*{background-color:rgba(236,236,236,.8)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .b3-dialog.emojis-container .b3-dialog__container .emojis>*{background-color:rgba(50,50,50,.8)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .emojis__panel .emojis__content:not([style="min-height:28px"]) .emojis__item:hover{animation:lighten .3s ease-in-out}@keyframes lighten{0%{filter:brightness(1)}50%{filter:brightness(1.15)}100%{filter:brightness(1)}}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .config-bazaar__readme{filter:saturate(0)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .config-bazaar__readme--show{filter:none}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .tooltip{background-color:rgba(236,236,236,.8);-webkit-backdrop-filter:blur(20px) saturate(3) brightness(1.1);backdrop-filter:blur(20px) saturate(3) brightness(1.1)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .tooltip{background-color:rgba(50,50,50,.8)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .tooltip{-webkit-backdrop-filter:blur(20px) saturate(3) brightness(0.9);backdrop-filter:blur(20px) saturate(3) brightness(0.9)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-toolbar__item ::after,body:not(.body--blur,.hadeeth-disable-backdrop-blur) .protyle-icon ::after{background-color:var(--b3-tooltips-background);-webkit-backdrop-filter:none;backdrop-filter:none}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .viewer-backdrop{-webkit-backdrop-filter:blur(40px) saturate(1) brightness(1.1);backdrop-filter:blur(40px) saturate(1) brightness(1.1);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-color:rgba(128,128,128,.5019607843)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .viewer-backdrop{-webkit-backdrop-filter:blur(40px) saturate(1) brightness(0.9);backdrop-filter:blur(40px) saturate(1) brightness(0.9)}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .viewer-backdrop{background-color:rgba(0,0,0,.5019607843)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .viewer-title{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:rgba(239,239,239,.6);mix-blend-mode:luminosity}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .viewer-title{background-color:rgba(56,56,56,.6)}body:not(.body--blur,.hadeeth-disable-backdrop-blur) .viewer-toolbar>ul{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:rgba(239,239,239,.8);mix-blend-mode:luminosity}html[data-theme-mode=dark] body:not(.body--blur,.hadeeth-disable-backdrop-blur) .viewer-toolbar>ul{background-color:rgba(56,56,56,.8)}body.body--mobile #menu.b3-menu--fullscreen{box-shadow:none}body.body--mobile .b3-menu__separator{height:1px;margin:16px;width:calc(100% - 32px)}body.body--mobile .status{padding:8px}body.body--mobile [style="transform: translateX(0px);"]~.side-mask{opacity:0 !important}body.body--win32 ::-webkit-scrollbar{background-color:rgba(0,0,0,0)}body.body--win32 ::-webkit-scrollbar-thumb{-webkit-border-radius:10px;background-clip:padding-box;border:2px solid rgba(0,0,0,0);background-color:var(--b3-scroll-color)}body.body--win32 ::-webkit-scrollbar-thumb:hover{background-color:var(--b3-scroll-color-hover)}body.body--linux{border:1px solid rgba(128,128,128,.5019607843)}@property --property-percentage{syntax:"";inherits:false;initial-value:0%}@keyframes click{0%{transform:scale(1);opacity:1}50%{transform:scale(0.95);opacity:.8}100%{transform:scale(1);opacity:1}}@keyframes scroll-fadein{0%{opacity:0}100%{opacity:1}}html[data-theme-mode=light]:root{color-scheme:light;--b3-theme-primary: rgb(52, 120, 246);--b3-theme-primary-light: rgba(52, 120, 246, 0.56);--b3-theme-primary-lighter: rgba(52, 120, 246, 0.38);--b3-theme-primary-lightest: rgba(52, 120, 246, 0.2);--b3-theme-secondary: rgb(241, 154, 55);--b3-theme-background: #fff;--b3-theme-background-light: rgba(255, 255, 255, 0.1);--b3-theme-surface: rgb(239, 239, 239);--b3-theme-surface-light: rgba(239, 239, 239, 0.5);--b3-theme-error: rgb(234, 77, 60);--b3-theme-on-primary: #fff;--b3-theme-on-secondary: #fff;--b3-theme-on-background: rgb(69, 69, 69);--b3-theme-on-surface:rgba(69, 69, 69, 0.65);--b3-theme-on-surface-light: rgba(127, 127, 127, 0.68);--b3-theme-on-error: #fff;--b3-border-color: hsl(0, 0%, 90%);--b3-border-color-trans:rgba(69, 69, 69, 0.15);--b3-scroll-color: rgba(0, 0, 0, 0.08);--b3-scroll-color-hover: rgba(0, 0, 0, 0.16);--b3-list-hover: rgba(0, 0, 0, 0.05);--b3-menu-background: rgb(236, 236, 236);--b3-menu-item-background-hover: rgba(41, 98, 217, 0.8);--b3-menu-item-background-hover-text:#fff;--b3-tooltips-color: var(--b3-theme-on-background);--b3-tooltips-background: var(--b3-menu-background);--b3-mask-background: rgba(0, 0, 0, 0.78);--b3-card-error-color: rgb(233, 49, 71);--b3-card-error-background: rgba(233, 49, 71, 0.1);--b3-card-warning-color: rgb(224, 172, 0);--b3-card-warning-background:rgba(224, 172, 0, 0.1);--b3-card-info-color: rgb(8, 109, 221);--b3-card-info-background: rgba(8, 109, 221, 0.1);--b3-card-success-color: rgb(8, 185, 78);--b3-card-success-background: rgba(8, 185, 78, 0.1);--b3-font-color1: #000;--b3-font-background1:#dfdfdf;--b3-font-color2: rgb(142, 142, 147);--b3-font-background2:#f1f1f2;--b3-font-color3: rgb(162, 132, 94);--b3-font-background3:#f3f0eb;--b3-font-color4: rgb(255, 149, 0);--b3-font-background4:#fff2df;--b3-font-color5: rgb(255, 204, 0);--b3-font-background5:#fff9df;--b3-font-color6: rgb(8, 185, 78);--b3-font-background6:#e0f6e9;--b3-font-color7: rgb(0, 199, 190);--b3-font-background7:#dff8f7;--b3-font-color8: rgb(85, 190, 240);--b3-font-background8:#eaf7fd;--b3-font-color9: rgb(0, 122, 255);--b3-font-background9:#dfeeff;--b3-font-color10: rgb(88, 86, 214);--b3-font-background10:#eaeafa;--b3-font-color11: rgb(175, 82, 222);--b3-font-background11:#f5e9fb;--b3-font-color12: rgb(255, 45, 85);--b3-font-background12:#ffe5ea;--b3-font-color13: rgb(255, 59, 48);--b3-font-background13:#ffe7e5;--b3-protyle-inline-link-color: #4285f4;--b3-protyle-inline-mark-background: rgb(168, 251, 172);--b3-font-family: ui-sans-serif, -apple-system, system-ui, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "SF Pro Icons", Helvetica, "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "PingFang SC", "Segoe UI", "Microsoft Yahei", "Hiragino Sans GB", sans-serif, "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";--b3-font-family-code: SF Mono, "JetBrains Mono", JetBrainsMono-Regular, Menlo, mononoki, Consolas, "Liberation Mono", Courier, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols", var(--b3-font-family), monospace;--b3-toolbar-left-mac: 80px;--toolbar-height: 48px}html[data-theme-mode=light]:root body ::-moz-selection{background-color:var(--b3-theme-primary-lightest)}html[data-theme-mode=light]:root body ::selection{background-color:var(--b3-theme-primary-lightest)}html[data-theme-mode=dark]:root{color-scheme:dark;--b3-theme-primary: rgb(17, 139, 255);--b3-theme-primary-light: rgba(17, 139, 255, 0.56);--b3-theme-primary-lighter: rgba(17, 139, 255, 0.38);--b3-theme-primary-lightest: rgba(17, 139, 255, 0.2);--b3-theme-secondary: rgb(198, 126, 44);--b3-theme-background: rgb(30, 30, 30);--b3-theme-background-light: rgba(30, 30, 30, 0.1);--b3-theme-surface: rgb(56, 56, 56);--b3-theme-surface-light: rgba(56, 56, 56, 0.5);--b3-theme-error: rgb(255, 59, 48);--b3-theme-on-primary: rgba(255, 255, 255, 0.8901960784);--b3-theme-on-secondary: #fff;--b3-theme-on-background: rgb(220, 220, 220);--b3-theme-on-surface:rgba(220, 220, 220, 0.65);--b3-theme-on-surface-light: rgba(127, 127, 127, 0.68);--b3-theme-on-error: rgba(255, 255, 255, 0.8901960784);--b3-border-color: hsl(0, 0%, 26%);--b3-border-color-trans:rgba(220, 220, 220, 0.15);--b3-scroll-color: rgba(255, 255, 255, 0.1);--b3-scroll-color-hover: rgba(255, 255, 255, 0.2);--b3-list-hover: rgba(255, 255, 255, 0.06);--b3-menu-background: rgb(50, 50, 50);--b3-menu-item-background-hover: rgba(32, 80, 202, 0.8);--b3-menu-item-background-hover-text:rgba(255, 255, 255, 0.8901960784);--b3-tooltips-color: var(--b3-theme-on-background);--b3-tooltips-background: var(--b3-menu-background);--b3-mask-background: rgba(0, 0, 0, 0.78);--b3-card-error-color: rgb(233, 49, 71);--b3-card-error-background: rgba(233, 49, 71, 0.1);--b3-card-warning-color: rgb(224, 172, 0);--b3-card-warning-background:rgba(224, 172, 0, 0.1);--b3-card-info-color: rgb(8, 109, 221);--b3-card-info-background: rgba(8, 109, 221, 0.1);--b3-card-success-color: rgb(8, 185, 78);--b3-card-success-background: rgba(8, 185, 78, 0.1);--b3-font-color1: #FFF;--b3-font-background1:#3a3a3a;--b3-font-color2: rgb(152, 152, 157);--b3-font-background2:#2d2d2e;--b3-font-color3: rgb(172, 142, 104);--b3-font-background3:#302c27;--b3-font-color4: rgb(255, 159, 10);--b3-font-background4:#3a2e1c;--b3-font-color5: rgb(255, 214, 10);--b3-font-background5:#3a351c;--b3-font-color6: rgb(50, 215, 75);--b3-font-background6:#213524;--b3-font-color7: rgb(102, 212, 207);--b3-font-background7:#273534;--b3-font-color8: rgb(90, 200, 245);--b3-font-background8:#263339;--b3-font-color9: rgb(10, 132, 255);--b3-font-background9:#1c2b3a;--b3-font-color10: rgb(94, 92, 230);--b3-font-background10:#262637;--b3-font-color11: rgb(191, 90, 242);--b3-font-background11:#322639;--b3-font-color12: rgb(255, 55, 95);--b3-font-background12:#3a2126;--b3-font-color13: rgb(255, 69, 58);--b3-font-background13:#3a2322;--b3-protyle-inline-link-color: #8ab4f8;--b3-protyle-inline-mark-background: rgba(0, 217, 89, 0.3921568627);--b3-font-family: ui-sans-serif, -apple-system, system-ui, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "SF Pro Icons", Helvetica, "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "PingFang SC", "Segoe UI", "Microsoft Yahei", "Hiragino Sans GB", sans-serif, "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";--b3-font-family-code: SF Mono, "JetBrains Mono", JetBrainsMono-Regular, Menlo, mononoki, Consolas, "Liberation Mono", Courier, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols", var(--b3-font-family), monospace;--b3-toolbar-left-mac: 80px;--toolbar-height: 48px}body{-webkit-font-smoothing:auto;text-underline-position:under}html[data-theme-mode=dark] body{-webkit-font-smoothing:antialiased} \ No newline at end of file diff --git a/theme.js b/theme.js index 6ed6479..f11cf8e 100644 --- a/theme.js +++ b/theme.js @@ -50,8 +50,8 @@ const doms = { // backlinkListItems: layouts.querySelectorAll('.sy__backlink .b3-list-item') } -const isMacOS = navigator.platform.indexOf("Mac") === 0 || navigator.userAgentData.platform === "macOS" || "darwin" === process.platform; -const isLinux = navigator.platform.indexOf("Linux") === 0 || navigator.userAgentData.platform === "Linux" || "linux" === process.platform; +const isMacOS = navigator.userAgentData.platform === "macOS"; +const isLinux = navigator.userAgentData.platform === "Linux"; const isMobile = document.getElementById('sidebar') && document.getElementById('editor'); const isInBrowser = doms.toolbar && doms.toolbar.classList.contains('toolbar--browser');