/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {*/
/* margin: 0;*/
/* padding: 0;*/
/* border: 0;*/
/* font-size: 100%;*/
/* font: inherit;*/
/* vertical-align: baseline*/
/*}*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
/*body {*/
/* line-height: 1*/
/*}*/
/*ol, ul {*/
/* list-style: none*/
/*}*/
blockquote, q {
quotes: none
}
blockquote:before, blockquote:after {
content: "";
content: none
}
q:before, q:after {
content: "";
content: none
}
/*table {*/
/* border-collapse: collapse;*/
/* border-spacing: 0*/
/*}*/
/*:root {*/
/* --color-primary: #206ea7;*/
/* --color-primary-light: rgba(32, 110, 167, 0.15);*/
/* --color-page: #206ea7;*/
/* --color-page-draft: #7e50b1;*/
/* --color-chapter: #af4d0d;*/
/* --color-book: #077b70;*/
/* --color-bookshelf: #a94747*/
/*}*/
.bokkiepedia .m-none {
margin: 0 !important
}
.bokkiepedia .mx-none {
margin-inline-start: 0 !important;
margin-inline-end: 0 !important
}
.bokkiepedia .my-none {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.bokkiepedia .mt-none {
margin-top: 0 !important
}
.bokkiepedia .mr-none {
margin-inline-end: 0 !important
}
.bokkiepedia .mb-none {
margin-bottom: 0 !important
}
.bokkiepedia .ml-none {
margin-inline-start: 0 !important
}
.bokkiepedia .m-xxs {
margin: 3px !important
}
.bokkiepedia .mx-xxs {
margin-inline-start: 3px !important;
margin-inline-end: 3px !important
}
.bokkiepedia .my-xxs {
margin-top: 3px !important;
margin-bottom: 3px !important
}
.bokkiepedia .mt-xxs {
margin-top: 3px !important
}
.bokkiepedia .mr-xxs {
margin-inline-end: 3px !important
}
.bokkiepedia .mb-xxs {
margin-bottom: 3px !important
}
.bokkiepedia .ml-xxs {
margin-inline-start: 3px !important
}
.bokkiepedia .m-xs {
margin: 6px !important
}
.bokkiepedia .mx-xs {
margin-inline-start: 6px !important;
margin-inline-end: 6px !important
}
.bokkiepedia .my-xs {
margin-top: 6px !important;
margin-bottom: 6px !important
}
.bokkiepedia .mt-xs {
margin-top: 6px !important
}
.bokkiepedia .mr-xs {
margin-inline-end: 6px !important
}
.bokkiepedia .mb-xs {
margin-bottom: 6px !important
}
.bokkiepedia .ml-xs {
margin-inline-start: 6px !important
}
.bokkiepedia .m-s {
margin: 12px !important
}
.bokkiepedia .mx-s {
margin-inline-start: 12px !important;
margin-inline-end: 12px !important
}
.bokkiepedia .my-s {
margin-top: 12px !important;
margin-bottom: 12px !important
}
.bokkiepedia .mt-s {
margin-top: 12px !important
}
.bokkiepedia .mr-s {
margin-inline-end: 12px !important
}
.bokkiepedia .mb-s {
margin-bottom: 12px !important
}
.bokkiepedia .ml-s {
margin-inline-start: 12px !important
}
.bokkiepedia .m-m {
margin: 16px !important
}
.bokkiepedia .mx-m {
margin-inline-start: 16px !important;
margin-inline-end: 16px !important
}
.bokkiepedia .my-m {
margin-top: 16px !important;
margin-bottom: 16px !important
}
.bokkiepedia .mt-m {
margin-top: 16px !important
}
.bokkiepedia .mr-m {
margin-inline-end: 16px !important
}
.bokkiepedia .mb-m {
margin-bottom: 16px !important
}
.bokkiepedia .ml-m {
margin-inline-start: 16px !important
}
.bokkiepedia .m-l {
margin: 24px !important
}
.bokkiepedia .mx-l {
margin-inline-start: 24px !important;
margin-inline-end: 24px !important
}
.bokkiepedia .my-l {
margin-top: 24px !important;
margin-bottom: 24px !important
}
.bokkiepedia .mt-l {
margin-top: 24px !important
}
.bokkiepedia .mr-l {
margin-inline-end: 24px !important
}
.bokkiepedia .mb-l {
margin-bottom: 24px !important
}
.bokkiepedia .ml-l {
margin-inline-start: 24px !important
}
.bokkiepedia .m-xl {
margin: 32px !important
}
.bokkiepedia .mx-xl {
margin-inline-start: 32px !important;
margin-inline-end: 32px !important
}
.bokkiepedia .my-xl {
margin-top: 32px !important;
margin-bottom: 32px !important
}
.bokkiepedia .mt-xl {
margin-top: 32px !important
}
.bokkiepedia .mr-xl {
margin-inline-end: 32px !important
}
.bokkiepedia .mb-xl {
margin-bottom: 32px !important
}
.bokkiepedia .ml-xl {
margin-inline-start: 32px !important
}
.bokkiepedia .m-xxl {
margin: 48px !important
}
.bokkiepedia .mx-xxl {
margin-inline-start: 48px !important;
margin-inline-end: 48px !important
}
.bokkiepedia .my-xxl {
margin-top: 48px !important;
margin-bottom: 48px !important
}
.bokkiepedia .mt-xxl {
margin-top: 48px !important
}
.bokkiepedia .mr-xxl {
margin-inline-end: 48px !important
}
.bokkiepedia .mb-xxl {
margin-bottom: 48px !important
}
.bokkiepedia .ml-xxl {
margin-inline-start: 48px !important
}
.bokkiepedia .m-auto {
margin: auto !important
}
.bokkiepedia .mx-auto {
margin-inline-start: auto !important;
margin-inline-end: auto !important
}
.bokkiepedia .my-auto {
margin-top: auto !important;
margin-bottom: auto !important
}
.bokkiepedia .mt-auto {
margin-top: auto !important
}
.bokkiepedia .mr-auto {
margin-inline-end: auto !important
}
.bokkiepedia .mb-auto {
margin-bottom: auto !important
}
.bokkiepedia .ml-auto {
margin-inline-start: auto !important
}
.bokkiepedia .p-none {
padding: 0 !important
}
.bokkiepedia .px-none {
padding-inline-start: 0 !important;
padding-inline-end: 0 !important
}
.bokkiepedia .py-none {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.bokkiepedia .pt-none {
padding-top: 0 !important
}
.bokkiepedia .pr-none {
padding-inline-end: 0 !important
}
.bokkiepedia .pb-none {
padding-bottom: 0 !important
}
.bokkiepedia .pl-none {
padding-inline-start: 0 !important
}
.bokkiepedia .p-xxs {
padding: 3px !important
}
.bokkiepedia .px-xxs {
padding-inline-start: 3px !important;
padding-inline-end: 3px !important
}
.bokkiepedia .py-xxs {
padding-top: 3px !important;
padding-bottom: 3px !important
}
.bokkiepedia .pt-xxs {
padding-top: 3px !important
}
.bokkiepedia .pr-xxs {
padding-inline-end: 3px !important
}
.bokkiepedia .pb-xxs {
padding-bottom: 3px !important
}
.bokkiepedia .pl-xxs {
padding-inline-start: 3px !important
}
.bokkiepedia .p-xs {
padding: 6px !important
}
.bokkiepedia .px-xs {
padding-inline-start: 6px !important;
padding-inline-end: 6px !important
}
.bokkiepedia .py-xs {
padding-top: 6px !important;
padding-bottom: 6px !important
}
.bokkiepedia .pt-xs {
padding-top: 6px !important
}
.bokkiepedia .pr-xs {
padding-inline-end: 6px !important
}
.bokkiepedia .pb-xs {
padding-bottom: 6px !important
}
.bokkiepedia .pl-xs {
padding-inline-start: 6px !important
}
.bokkiepedia .p-s {
padding: 12px !important
}
.bokkiepedia .px-s {
padding-inline-start: 12px !important;
padding-inline-end: 12px !important
}
.bokkiepedia .py-s {
padding-top: 12px !important;
padding-bottom: 12px !important
}
.bokkiepedia .pt-s {
padding-top: 12px !important
}
.bokkiepedia .pr-s {
padding-inline-end: 12px !important
}
.bokkiepedia .pb-s {
padding-bottom: 12px !important
}
.bokkiepedia .pl-s {
padding-inline-start: 12px !important
}
.bokkiepedia .p-m {
padding: 16px !important
}
.bokkiepedia .px-m {
padding-inline-start: 16px !important;
padding-inline-end: 16px !important
}
.bokkiepedia .py-m {
padding-top: 16px !important;
padding-bottom: 16px !important
}
.bokkiepedia .pt-m {
padding-top: 16px !important
}
.bokkiepedia .pr-m {
padding-inline-end: 16px !important
}
.bokkiepedia .pb-m {
padding-bottom: 16px !important
}
.bokkiepedia .pl-m {
padding-inline-start: 16px !important
}
.bokkiepedia .p-l {
padding: 24px !important
}
.bokkiepedia .px-l {
padding-inline-start: 24px !important;
padding-inline-end: 24px !important
}
.bokkiepedia .py-l {
padding-top: 24px !important;
padding-bottom: 24px !important
}
.bokkiepedia .pt-l {
padding-top: 24px !important
}
.bokkiepedia .pr-l {
padding-inline-end: 24px !important
}
.bokkiepedia .pb-l {
padding-bottom: 24px !important
}
.bokkiepedia .pl-l {
padding-inline-start: 24px !important
}
.bokkiepedia .p-xl {
padding: 32px !important
}
.bokkiepedia .px-xl {
padding-inline-start: 32px !important;
padding-inline-end: 32px !important
}
.bokkiepedia .py-xl {
padding-top: 32px !important;
padding-bottom: 32px !important
}
.bokkiepedia .pt-xl {
padding-top: 32px !important
}
.bokkiepedia .pr-xl {
padding-inline-end: 32px !important
}
.bokkiepedia .pb-xl {
padding-bottom: 32px !important
}
.bokkiepedia .pl-xl {
padding-inline-start: 32px !important
}
.bokkiepedia .p-xxl {
padding: 48px !important
}
.bokkiepedia .px-xxl {
padding-inline-start: 48px !important;
padding-inline-end: 48px !important
}
.bokkiepedia .py-xxl {
padding-top: 48px !important;
padding-bottom: 48px !important
}
.bokkiepedia .pt-xxl {
padding-top: 48px !important
}
.bokkiepedia .pr-xxl {
padding-inline-end: 48px !important
}
.bokkiepedia .pb-xxl {
padding-bottom: 48px !important
}
.bokkiepedia .pl-xxl {
padding-inline-start: 48px !important
}
.bokkiepedia .p-auto {
padding: auto !important
}
.bokkiepedia .px-auto {
padding-inline-start: auto !important;
padding-inline-end: auto !important
}
.bokkiepedia .py-auto {
padding-top: auto !important;
padding-bottom: auto !important
}
.bokkiepedia .pt-auto {
padding-top: auto !important
}
.bokkiepedia .pr-auto {
padding-inline-end: auto !important
}
.bokkiepedia .pb-auto {
padding-bottom: auto !important
}
.bokkiepedia .pl-auto {
padding-inline-start: auto !important
}
/** {*/
/* box-sizing: border-box;*/
/* outline-color: var(--color-primary);*/
/* outline-width: 1px*/
/*}*/
/**:focus {*/
/* outline-style: dotted*/
/*}*/
/*html {*/
/* height: 100%;*/
/* overflow-y: scroll;*/
/* background-color: #f2f2f2*/
/*}*/
/*html.flexbox {*/
/* overflow-y: hidden*/
/*}*/
/*html.dark-mode {*/
/* background-color: #111*/
/*}*/
/*body {*/
/* font-size: 14px;*/
/* line-height: 1.6;*/
/* color: #444;*/
/* -webkit-font-smoothing: antialiased;*/
/* height: 100%;*/
/* display: flex;*/
/* flex-direction: column*/
/*}*/
/*html.dark-mode body {*/
/* color: #aaa*/
/*}*/
/*body, button, input, select, label, textarea {*/
/* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Roboto", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif*/
/*}*/
/*.Codemirror, pre, #markdown-editor-input, .editor-toolbar, .code-base, span.code, code {*/
/* font-family: "Lucida Console", "DejaVu Sans Mono", "Ubuntu Mono", Monaco, monospace*/
/*}*/
/*h1 {*/
/* font-size: 3.425em;*/
/* line-height: 1.22222222em;*/
/* margin-top: .48888889em;*/
/* margin-bottom: .48888889em*/
/*}*/
/*h2 {*/
/* font-size: 2.8275em;*/
/* line-height: 1.294117647em;*/
/* margin-top: .8627451em;*/
/* margin-bottom: .43137255em*/
/*}*/
/*h3 {*/
/* font-size: 2.333em;*/
/* line-height: 1.221428572em;*/
/* margin-top: .78571429em;*/
/* margin-bottom: .43137255em*/
/*}*/
/*h4 {*/
/* font-size: 1.666em;*/
/* line-height: 1.375em;*/
/* margin-top: .78571429em;*/
/* margin-bottom: .43137255em*/
/*}*/
/*h1, h2, h3, h4, h5, h6 {*/
/* font-weight: 400;*/
/* position: relative;*/
/* display: block;*/
/* color: #222*/
/*}*/
/*html.dark-mode h1, html.dark-mode h2, html.dark-mode h3, html.dark-mode h4, html.dark-mode h5, html.dark-mode h6 {*/
/* color: #bbb*/
/*}*/
/*h1 .subheader, h2 .subheader, h3 .subheader, h4 .subheader, h5 .subheader, h6 .subheader {*/
/* font-size: .5em;*/
/* line-height: 1em;*/
/* color: #969696*/
/*}*/
/*h5 {*/
/* font-size: 1.4em*/
/*}*/
/*h5, h6 {*/
/* line-height: 1.2em;*/
/* margin-top: .78571429em;*/
/* margin-bottom: .66em*/
/*}*/
@media screen and (max-width: 600px) {
h1 {
font-size: 2.8275em
}
h2 {
font-size: 2.333em
}
h3 {
font-size: 1.666em
}
h4 {
font-size: 1.333em
}
h5 {
font-size: 1.161616em
}
}
.bokkiepedia .list-heading {
font-size: 2rem
}
h2.list-heading {
font-size: 1.333rem
}
.bokkiepedia a {
color: var(--color-primary);
fill: currentColor;
cursor: pointer;
text-decoration: none;
transition: filter ease-in-out 80ms;
line-height: 1.6
}
a:hover {
text-decoration: underline
}
a.icon {
display: inline-block
}
a svg {
position: relative;
display: inline-block
}
a:focus img:only-child {
outline: 2px dashed var(--color-primary);
outline-offset: 2px
}
a.no-link-style {
color: inherit
}
a.no-link-style:hover {
text-decoration: none
}
.bokkiepedia .blended-links a {
color: inherit
}
.bokkiepedia .blended-links a svg {
fill: currentColor
}
.bokkiepedia p, .bokkiepedia ul, .bokkiepedia ol, .bokkiepedia pre, .bokkiepedia table, .bokkiepedia blockquote {
margin-top: .3em;
margin-bottom: 1.375em
}
hr {
border: 0;
height: 1px;
background: #eaeaea;
margin-bottom: 24px
}
html.dark-mode hr {
background: #555
}
hr.faded {
background-image: linear-gradient(to right, #FFF, #e3e0e0 20%, #e3e0e0 80%, #FFF)
}
hr.darker {
background: #ddd
}
html.dark-mode hr.darker {
background: #666
}
hr.margin-top, hr.even {
margin-top: 24px
}
strong, b, .bold, .strong {
font-weight: bold
}
strong > strong, strong > b, strong > .bold, strong > .strong, b > strong, b > b, b > .bold, b > .strong, .bold > strong, .bold > b, .bold > .bold, .bold > .strong, .strong > strong, .strong > b, .strong > .bold, .strong > .strong {
font-weight: bolder
}
em, i, .italic {
font-style: italic
}
small, p.small, span.small, .text-small {
font-size: .75rem;
color: #5e5e5e
}
html.dark-mode small, html.dark-mode p.small, html.dark-mode span.small, html.dark-mode .text-small {
color: #999
}
sup, .superscript {
vertical-align: super;
font-size: .8em
}
sub, .subscript {
vertical-align: sub;
font-size: .8em
}
pre {
font-size: 12px;
border: 1px solid #ddd;
background-color: #f5f5f5;
border-color: #ddd;
padding-left: 31px;
position: relative;
padding-top: 3px;
padding-bottom: 3px
}
html.dark-mode pre {
background-color: #2b2b2b
}
html.dark-mode pre {
border-color: #111
}
pre:after {
content: "";
display: block;
position: absolute;
top: 0;
width: 29px;
left: 0;
height: 100%;
background-color: #f5f5f5;
border-right: 1px solid #ddd
}
html.dark-mode pre:after {
background-color: #313335
}
html.dark-mode pre:after {
border-right: none
}
@media print {
pre {
padding-left: 12px
}
pre:after {
display: none
}
}
blockquote {
display: block;
position: relative;
border-left: 4px solid var(--color-primary);
background-color: #f8f8f8;
padding: 12px 16px 12px 32px;
overflow: auto
}
html.dark-mode blockquote {
background-color: #333
}
blockquote:before {
content: "“";
font-size: 2em;
font-weight: bold;
position: absolute;
top: 12px;
left: 12px;
color: #777
}
.bokkiepedia .text-mono {
font-family: "Lucida Console", "DejaVu Sans Mono", "Ubuntu Mono", Monaco, monospace
}
.bokkiepedia .text-uppercase {
text-transform: uppercase
}
.bokkiepedia .text-capitals {
text-transform: capitalize
}
.bokkiepedia .code-base, span.code, code {
font-size: .84em;
border: 1px solid #ddd;
border-radius: 3px;
background-color: #f8f8f8;
border-color: #ddd
}
html.dark-mode .code-base, html.dark-mode span.code, html.dark-mode code {
background-color: #2b2b2b
}
html.dark-mode .code-base, html.dark-mode span.code, html.dark-mode code {
border-color: #444
}
code {
display: inline;
padding: 1px 3px;
white-space: pre-wrap;
line-height: 1.2em
}
span.code {
padding: 1px 6px
}
pre code {
background-color: transparent;
border: 0;
font-size: 1em;
display: block;
line-height: 1.6
}
span.highlight {
font-weight: bold;
padding: 2px 4px
}
ul p, ol p {
margin: 0
}
ul {
list-style: disc
}
ul ul {
list-style: circle
}
ul label {
margin: 0
}
ol {
list-style: decimal
}
ol, ul {
padding-left: 32px;
padding-right: 32px
}
li > ol, li > ul {
margin-top: 0;
margin-bottom: 0;
margin-block-end: 0;
margin-block-start: 0;
padding-block-end: 0;
padding-block-start: 0;
padding-left: 19.2px;
padding-right: 19.2px
}
li.checkbox-item, li.task-list-item {
list-style: none;
margin-left: -19.2px
}
li.checkbox-item input[type=checkbox], li.task-list-item input[type=checkbox] {
margin-right: 6px
}
li.checkbox-item li.checkbox-item, li.checkbox-item li.task-list-item, li.task-list-item li.checkbox-item, li.task-list-item li.task-list-item {
margin-left: 6px
}
.bokkiepedia .underlined {
text-decoration: underline
}
.bokkiepedia .text-center {
text-align: center
}
.bokkiepedia .text-left {
text-align: start
}
.bokkiepedia .text-right {
text-align: end
}
@media screen and (min-width: 360px) {
.text-xxs-center {
text-align: center
}
.text-xxs-left {
text-align: start
}
.text-xxs-right {
text-align: end
}
}
@media screen and (min-width: 400px) {
.text-xs-center {
text-align: center
}
.text-xs-left {
text-align: start
}
.text-xs-right {
text-align: end
}
}
@media screen and (min-width: 600px) {
.text-s-center {
text-align: center
}
.text-s-left {
text-align: start
}
.text-s-right {
text-align: end
}
}
@media screen and (min-width: 880px) {
.text-m-center {
text-align: center
}
.text-m-left {
text-align: start
}
.text-m-right {
text-align: end
}
}
@media screen and (min-width: 1000px) {
.text-l-center {
text-align: center
}
.text-l-left {
text-align: start
}
.text-l-right {
text-align: end
}
}
@media screen and (min-width: 1100px) {
.text-xl-center {
text-align: center
}
.text-xl-left {
text-align: start
}
.text-xl-right {
text-align: end
}
}
.bokkiepedia .text-bigger {
font-size: 1.1em
}
.bokkiepedia .text-large {
font-size: 1.6666em
}
.bokkiepedia .no-color {
color: inherit
}
.bokkiepedia .break-text {
word-wrap: break-word;
overflow-wrap: break-word
}
.bokkiepedia .text-limit-lines-1 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.bokkiepedia .text-limit-lines-2 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden
}
.bokkiepedia .header-group {
margin: 16px 0
}
.bokkiepedia .header-group h1, .header-group h2, .header-group h3, .header-group h4, .header-group h5, .header-group h6 {
margin: 0
}
span.sep {
color: #bbb;
padding: 0 6px
}
.bokkiepedia .list > * {
display: block
}
.bokkiepedia .svg-icon {
width: 1em;
height: 1em;
display: inline-block;
position: relative;
bottom: -0.105em;
margin-inline-end: 6px;
pointer-events: none;
fill: currentColor
}
.bokkiepedia .primary-background {
background-color: var(--color-primary) !important
}
.bokkiepedia .primary-background-light {
background-color: var(--color-primary-light)
}
html.dark-mode .primary-background-light {
background: #000
}
html.dark-mode .primary-background-light .text-primary {
color: #aaa !important
}
.bokkiepedia .text-pos, .text-pos:hover, .text-pos-hover:hover {
color: #0f7d15 !important;
fill: #0f7d15 !important
}
.bokkiepedia .text-warn, .text-warn:hover, .text-warn-hover:hover {
color: #cf4d03 !important;
fill: #cf4d03 !important
}
.bokkiepedia .text-neg, .text-neg:hover, .text-neg-hover:hover {
color: #ab0f0e !important;
fill: #ab0f0e !important
}
.bokkiepedia .text-primary, .text-primary:hover, .text-primary-hover:hover {
color: var(--color-primary) !important;
fill: var(--color-primary) !important
}
.bokkiepedia .text-muted {
color: #575757 !important;
fill: currentColor !important
}
html.dark-mode .text-muted {
color: #888 !important
}
.bokkiepedia .text-dark {
color: #222 !important;
fill: currentColor !important
}
html.dark-mode .text-dark {
color: #ccc !important
}
.bokkiepedia .text-white {
color: #fff;
fill: currentColor !important
}
.bokkiepedia .text-bookshelf, .text-bookshelf:hover {
color: var(--color-bookshelf);
fill: var(--color-bookshelf)
}
.bokkiepedia .text-book, .text-book:hover {
color: var(--color-book);
fill: var(--color-book)
}
.bokkiepedia .text-page, .text-page:hover {
color: var(--color-page);
fill: var(--color-page)
}
.bokkiepedia .text-page.draft, .text-page.draft:hover {
color: var(--color-page-draft);
fill: var(--color-page-draft)
}
.bokkiepedia .text-chapter, .text-chapter:hover {
color: var(--color-chapter);
fill: var(--color-chapter)
}
.bokkiepedia .bg-white {
background-color: #fff
}
.bokkiepedia .bg-book {
background-color: var(--color-book)
}
.bokkiepedia .bg-chapter {
background-color: var(--color-chapter)
}
.bokkiepedia .bg-bookshelf {
background-color: var(--color-bookshelf)
}
.bokkiepedia .container {
max-width: 1400px;
margin-inline-start: auto;
margin-inline-end: auto;
padding-inline-start: 16px;
padding-inline-end: 16px
}
.bokkiepedia .container.small {
max-width: 840px
}
.bokkiepedia .container.very-small {
max-width: 480px
}
.bokkiepedia .grid {
display: grid;
grid-column-gap: 24px;
grid-row-gap: 24px
}
.bokkiepedia .grid.half {
grid-template-columns:1fr 1fr
}
.bokkiepedia .grid.third {
grid-template-columns:1fr 1fr 1fr
}
.bokkiepedia .grid.left-focus {
grid-template-columns:2fr 1fr
}
.bokkiepedia .grid.right-focus {
grid-template-columns:1fr 3fr
}
.bokkiepedia .grid.gap-y-xs {
grid-row-gap: 6px
}
.bokkiepedia .grid.gap-xl {
grid-column-gap: 32px;
grid-row-gap: 32px
}
.bokkiepedia .grid.gap-xxl {
grid-column-gap: 48px;
grid-row-gap: 48px
}
.bokkiepedia .grid.v-center {
align-items: center
}
.bokkiepedia .grid.v-end {
align-items: end
}
.bokkiepedia .grid.no-gap {
grid-row-gap: 0;
grid-column-gap: 0
}
.bokkiepedia .grid.no-row-gap {
grid-row-gap: 0
}
@media screen and (max-width: 880px) {
.grid.third:not(.no-break) {
grid-template-columns:1fr 1fr
}
.grid.half:not(.no-break), .grid.left-focus:not(.no-break), .grid.right-focus:not(.no-break) {
grid-template-columns:1fr
}
.grid.half.collapse-xs {
grid-template-columns:1fr 1fr
}
.grid.gap-xl {
grid-column-gap: 16px;
grid-row-gap: 16px
}
.grid.right-focus.reverse-collapse > *:nth-child(2) {
order: 0
}
.grid.right-focus.reverse-collapse > *:nth-child(1) {
order: 1
}
}
@media screen and (max-width: 600px) {
.grid.third:not(.no-break) {
grid-template-columns:1fr
}
}
@media screen and (max-width: 400px) {
.grid.half.collapse-xs {
grid-template-columns:1fr
}
}
#content {
flex: 1 0 auto
}
body.flexbox {
display: flex;
flex-direction: column;
align-items: stretch;
height: 100%;
min-height: 100%;
max-height: 100%;
overflow: hidden
}
body.flexbox #content {
flex: 1;
display: flex;
min-height: 0
}
.bokkiepedia .flex-fill {
display: flex;
align-items: stretch;
min-height: 0;
max-width: 100%;
position: relative
}
.bokkiepedia .flex-container-row {
display: flex;
flex-direction: row
}
.bokkiepedia .flex-container-row.v-center {
align-items: center
}
.bokkiepedia .flex-container-column {
display: flex;
flex-direction: column
}
.bokkiepedia .flex-container-column.wrap, .flex-container-row.wrap {
flex-wrap: wrap
}
.bokkiepedia .flex {
min-height: 0;
flex: 1;
max-width: 100%
}
.bokkiepedia .flex.fit-content {
flex-basis: auto;
flex-grow: 0
}
.bokkiepedia .justify-flex-end {
justify-content: flex-end
}
.bokkiepedia .justify-center {
justify-content: center
}
.bokkiepedia .justify-space-between {
justify-content: space-between
}
.bokkiepedia .items-center {
align-items: center
}
.bokkiepedia .block {
display: block !important;
position: relative
}
.bokkiepedia .inline {
display: inline !important
}
.bokkiepedia .block.inline {
display: inline-block !important
}
.bokkiepedia .relative {
position: relative
}
.bokkiepedia .hidden {
display: none !important
}
.bokkiepedia .fill-height {
height: 100%
}
.bokkiepedia .float {
float: left
}
.bokkiepedia .float.right {
float: right
}
@media screen and (max-width: 360px) {
.hide-under-xxs {
display: none !important
}
}
@media screen and (min-width: 360px) {
.hide-over-xxs {
display: none !important
}
}
@media screen and (max-width: 400px) {
.hide-under-xs {
display: none !important
}
}
@media screen and (min-width: 400px) {
.hide-over-xs {
display: none !important
}
}
@media screen and (max-width: 600px) {
.hide-under-s {
display: none !important
}
}
@media screen and (min-width: 600px) {
.hide-over-s {
display: none !important
}
}
@media screen and (max-width: 880px) {
.hide-under-m {
display: none !important
}
}
@media screen and (min-width: 880px) {
.hide-over-m {
display: none !important
}
}
@media screen and (max-width: 1000px) {
.hide-under-l {
display: none !important
}
}
@media screen and (min-width: 1000px) {
.hide-over-l {
display: none !important
}
}
@media screen and (max-width: 1100px) {
.hide-under-xl {
display: none !important
}
}
@media screen and (min-width: 1100px) {
.hide-over-xl {
display: none !important
}
}
.bokkiepedia .rounded {
border-radius: 4px
}
.bokkiepedia .dual-column-content {
columns: 2
}
@media screen and (max-width: 880px) {
.dual-column-content {
columns: 1
}
}
.bokkiepedia .clearfix::before, .clearfix::after {
content: " ";
display: table
}
.bokkiepedia .clearfix::after {
clear: both
}
.bokkiepedia .tri-layout-container {
display: grid;
margin-inline-start: 32px;
margin-inline-end: 32px;
grid-template-columns:1fr 4fr 1fr;
grid-template-areas:"a b c";
grid-column-gap: 48px
}
.bokkiepedia .tri-layout-container .tri-layout-right {
grid-area: c;
min-width: 0
}
.bokkiepedia .tri-layout-container .tri-layout-left {
grid-area: a;
min-width: 0
}
.bokkiepedia .tri-layout-container .tri-layout-middle {
grid-area: b;
padding-top: 16px;
min-width: 0
}
@media screen and (max-width: 1400px) {
.tri-layout-container {
grid-template-areas:"c b b" "a b b" ". b b";
grid-template-columns:1fr 3fr;
grid-template-rows:min-content min-content 1fr;
padding-inline-end: 24px
}
}
@media screen and (min-width: 1000px)and (max-width: 1400px) {
.tri-layout-left {
position: sticky;
top: 16px
}
}
@media screen and (min-width: 1400px) {
.tri-layout-left-contents, .tri-layout-right-contents {
padding: 16px;
position: sticky;
top: 16px;
max-height: 100vh;
min-height: 50vh;
overflow-y: scroll;
overflow-x: hidden;
height: 100%;
scrollbar-width: none;
-ms-overflow-style: none
}
.tri-layout-left-contents::-webkit-scrollbar, .tri-layout-right-contents::-webkit-scrollbar {
display: none
}
.tri-layout-middle-contents {
max-width: 940px;
margin: 0 auto
}
}
@media screen and (max-width: 1000px) {
.tri-layout-container {
grid-template-areas:none;
grid-template-columns:1fr;
grid-column-gap: 0;
padding-inline-end: 6px;
padding-inline-start: 6px
}
.tri-layout-container .tri-layout-left-contents, .tri-layout-container .tri-layout-right-contents {
padding-inline-start: 16px;
padding-inline-end: 16px
}
.tri-layout-container .tri-layout-left > *, .tri-layout-container .tri-layout-right > * {
display: none;
pointer-events: none
}
.tri-layout-container .tri-layout-left, .tri-layout-container .tri-layout-right {
grid-area: none;
grid-column: 1/1;
grid-row: 1;
padding-top: 0 !important
}
.tri-layout-container .tri-layout-middle {
grid-area: none;
grid-row: 3;
grid-column: 1/1;
z-index: 1;
overflow: hidden;
transition: transform ease-in-out 240ms
}
.tri-layout-container .tri-layout-left {
grid-row: 2
}
.tri-layout-container.show-info {
overflow: hidden
}
.tri-layout-container.show-info .tri-layout-middle {
display: none
}
.tri-layout-container.show-info .tri-layout-right > *, .tri-layout-container.show-info .tri-layout-left > * {
display: block;
pointer-events: auto
}
}
@media screen and (min-width: 1000px) {
.tri-layout-mobile-tabs {
display: none
}
.tri-layout-left-contents > *, .tri-layout-right-contents > * {
opacity: .6;
transition: opacity ease-in-out 120ms
}
.tri-layout-left-contents > *:hover, .tri-layout-right-contents > *:hover {
opacity: 1
}
.tri-layout-left-contents > *:focus-within, .tri-layout-right-contents > *:focus-within {
opacity: 1
}
}
@media screen and (min-width: 1000px)and (prefers-contrast: more) {
.tri-layout-left-contents > *, .tri-layout-right-contents > * {
opacity: 1
}
}
@media screen and (max-width: 880px) {
.tri-layout-container {
margin-inline-start: 0;
margin-inline-end: 0
}
}
.bokkiepedia .callout {
border-inline-start: 3px solid #bbb;
background-color: #eee;
padding: 12px 12px 12px 32px;
display: block;
position: relative;
overflow: auto
}
.bokkiepedia .callout:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiMwMTUzODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4gICAgPHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTEgMTVoLTJ2LTZoMnY2em0wLThoLTJWN2gydjJ6Ii8+PC9zdmc+");
background-repeat: no-repeat;
content: "";
width: 1.2em;
height: 1.2em;
left: 8px;
top: 50%;
margin-top: -9px;
display: inline-block;
position: absolute;
line-height: 1;
opacity: .8
}
.bokkiepedia .callout.success {
border-left-color: #0f7d15;
background-color: #eafdeb;
color: #063409
}
html.dark-mode .callout.success {
background-color: #031904
}
html.dark-mode .callout.success {
color: #129419
}
.bokkiepedia .callout.success:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiMzNzZjMzkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4gICAgPHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bS0yIDE1bC01LTUgMS40MS0xLjQxTDEwIDE0LjE3bDcuNTktNy41OUwxOSA4bC05IDl6Ii8+PC9zdmc+")
}
.bokkiepedia .callout.danger {
border-left-color: #ab0f0e;
background-color: #fcdbdb;
color: #4d0706
}
html.dark-mode .callout.danger {
background-color: #1e0302
}
html.dark-mode .callout.danger {
color: #c31110
}
.bokkiepedia .callout.danger:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNiOTE4MTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwYXRoIGQ9Ik0xNS43MyAzSDguMjdMMyA4LjI3djcuNDZMOC4yNyAyMWg3LjQ2TDIxIDE1LjczVjguMjdMMTUuNzMgM3pNMTIgMTcuM2MtLjcyIDAtMS4zLS41OC0xLjMtMS4zIDAtLjcyLjU4LTEuMyAxLjMtMS4zLjcyIDAgMS4zLjU4IDEuMyAxLjMgMCAuNzItLjU4IDEuMy0xLjMgMS4zem0xLTQuM2gtMlY3aDJ2NnoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==")
}
.bokkiepedia .callout.info {
border-left-color: #0288d1;
color: #01466c;
background-color: #d3efff
}
html.dark-mode .callout.info {
color: #09a7fd
}
html.dark-mode .callout.info {
background-color: #001520
}
.bokkiepedia .callout.warning {
border-left-color: #cf4d03;
background-color: #fee3d3;
color: #6a2802
}
html.dark-mode .callout.warning {
background-color: #1a0a00
}
html.dark-mode .callout.warning {
color: #cf4d03
}
.bokkiepedia .callout.warning:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNiNjUzMWMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4gICAgPHBhdGggZD0iTTEgMjFoMjJMMTIgMiAxIDIxem0xMi0zaC0ydi0yaDJ2MnptMC00aC0ydi00aDJ2NHoiLz48L3N2Zz4=")
}
.bokkiepedia .callout a {
color: inherit;
text-decoration: underline
}
.bokkiepedia .card {
background-color: #fff;
box-shadow: 0 1px 6px -1px rgba(0, 0, 0, .1);
border-radius: 3px;
border: 1px solid transparent
}
html.dark-mode .card {
background-color: #222
}
.bokkiepedia .card .body, .card p.empty-text {
padding: 16px
}
.bokkiepedia .card a, .card p {
word-wrap: break-word;
word-break: break-word
}
.bokkiepedia .card-title {
padding: 16px 16px 6px;
margin: 0;
font-size: 14px;
color: #222;
fill: #222;
font-weight: 400
}
.bokkiepedia .card-title a {
line-height: 1
}
.bokkiepedia .card-footer-link {
display: block;
padding: 12px 16px;
line-height: 1;
border-top: 1px solid;
border-color: #ddd;
border-radius: 0 0 3px 3px;
font-size: .9em;
margin-top: 6px
}
html.dark-mode .card-footer-link {
border-color: #555
}
.bokkiepedia .card-footer-link:hover {
text-decoration: none;
background-color: #f2f2f2
}
html.dark-mode .card-footer-link:hover {
background-color: #2d2d2d
}
.bokkiepedia .card.border-card {
border: 1px solid #ddd
}
.bokkiepedia .card.drag-card {
border: 1px solid #ddd;
border-color: #ddd;
background-color: #fff;
border-radius: 4px;
display: flex;
padding: 0 0 0 40px;
margin: 12px 0;
position: relative
}
html.dark-mode .card.drag-card {
border-color: #000
}
html.dark-mode .card.drag-card {
background-color: #333
}
.bokkiepedia .card.drag-card .drag-card-action {
cursor: pointer
}
.bokkiepedia .card.drag-card .handle, .card.drag-card .drag-card-action {
display: flex;
align-items: center;
text-align: center;
justify-content: center;
width: 28px;
flex-grow: 0;
padding: 0 6px
}
.bokkiepedia .card.drag-card .handle:hover, .card.drag-card .drag-card-action:hover {
background-color: #eee
}
.bokkiepedia .card.drag-card .handle .svg-icon, .card.drag-card .drag-card-action .svg-icon {
margin-inline-end: 0px
}
.bokkiepedia .card.drag-card .outline input {
margin: 12px 0;
width: 100%
}
.bokkiepedia .card.drag-card .outline {
position: relative
}
.bokkiepedia .card.drag-card .handle {
background-color: #eee;
left: 0;
position: absolute;
top: 0;
bottom: 0
}
html.dark-mode .card.drag-card .handle {
background-color: #2d2d2d
}
.bokkiepedia .card.drag-card > div {
padding: 0 12px;
max-width: 80%;
flex: 1
}
.bokkiepedia .grid-card {
display: flex;
flex-direction: column;
border: 1px solid #ddd;
border-color: #ddd;
margin-bottom: 24px;
border-radius: 4px;
overflow: hidden;
min-width: 100px;
color: #444;
transition: border-color ease-in-out 120ms, box-shadow ease-in-out 120ms
}
html.dark-mode .grid-card {
border-color: #000
}
.bokkiepedia .grid-card:hover {
color: #444;
text-decoration: none;
box-shadow: 0 1px 6px -1px rgba(0, 0, 0, .1)
}
html.dark-mode .grid-card:hover {
box-shadow: 0 1px 6px -1px rgba(0, 0, 0, .5)
}
.bokkiepedia .grid-card h2 {
width: 100%;
font-size: 1.5em;
margin: 0 0 10px
}
.bokkiepedia .grid-card p {
font-size: .7rem;
margin: 0;
line-height: 1.6em
}
.bokkiepedia .grid-card .grid-card-content {
flex: 1;
border-top: 0;
border-bottom-width: 2px
}
.bokkiepedia .grid-card .grid-card-content, .grid-card .grid-card-footer {
padding: 24px
}
.bokkiepedia .grid-card .grid-card-content + .grid-card-footer {
padding-top: 0
}
.bokkiepedia .book-grid-item .grid-card-footer p.small {
font-size: .8em;
margin: 0
}
.bokkiepedia .content-wrap.card {
padding: 16px 48px;
margin-inline-start: auto;
margin-inline-end: auto;
margin-bottom: 24px;
overflow: initial;
min-height: 60vh
}
.bokkiepedia .content-wrap.card.auto-height {
min-height: 0
}
.bokkiepedia .content-wrap.card.fill-width {
width: 100%
}
@media screen and (max-width: 1400px) {
.content-wrap.card {
padding: 16px 32px
}
}
@media screen and (max-width: 880px) {
.content-wrap.card {
padding: 16px 24px
}
}
@media screen and (max-width: 600px) {
.content-wrap.card {
padding: 16px 16px
}
}
.bokkiepedia .outline-hover {
border: 1px solid transparent !important
}
.bokkiepedia .outline-hover:hover {
border: 1px solid rgba(0, 0, 0, .1) !important
}
.bokkiepedia .fade-in-when-active {
opacity: .6;
transition: opacity ease-in-out 120ms
}
.bokkiepedia .fade-in-when-active:hover, .fade-in-when-active:focus-within {
opacity: 1
}
@media (prefers-contrast: more) {
.fade-in-when-active {
opacity: 1
}
}
.bokkiepedia .tag-item {
display: inline-flex;
margin-bottom: 6px;
margin-inline-end: 6px;
border-radius: 4px;
border: 1px solid;
overflow: hidden;
font-size: .85em;
border-color: #ccc
}
html.dark-mode .tag-item {
border-color: #666
}
.bokkiepedia .tag-item a, .tag-item span, .tag-item a:hover, .tag-item a:active {
padding: 4px 8px;
color: rgba(0, 0, 0, .7);
transition: background-color ease-in-out 80ms;
text-decoration: none
}
html.dark-mode .tag-item a, html.dark-mode .tag-item span, html.dark-mode .tag-item a:hover, html.dark-mode .tag-item a:active {
color: rgba(255, 255, 255, .8)
}
.bokkiepedia .tag-item a:hover {
background-color: rgba(255, 255, 255, .7)
}
html.dark-mode .tag-item a:hover {
background-color: rgba(255, 255, 255, .3)
}
.bokkiepedia .tag-item svg {
fill: rgba(0, 0, 0, .5)
}
html.dark-mode .tag-item svg {
fill: rgba(255, 255, 255, .5)
}
.bokkiepedia .tag-item .tag-value {
border-inline-start: 1px solid;
border-color: #ddd;
background-color: rgba(255, 255, 255, .5)
}
html.dark-mode .tag-item .tag-value {
border-color: #666
}
html.dark-mode .tag-item .tag-value {
background-color: rgba(255, 255, 255, .2)
}
.bokkiepedia .tag-name.highlight, .tag-value.highlight {
font-weight: bold
}
.bokkiepedia .tag-list div:last-child .tag-item {
margin-bottom: 0
}
td .tag-item {
margin-bottom: 0
}
.bokkiepedia .pill {
display: inline-block;
border: 1px solid currentColor;
padding: .2em .8em;
font-size: .8em;
border-radius: 1rem;
position: relative;
overflow: hidden;
line-height: 1.4
}
.bokkiepedia .pill:before {
content: "";
background-color: currentColor;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .1
}
.bokkiepedia .api-method {
font-size: .75rem;
background-color: #888;
padding: 6px;
line-height: 1.3;
opacity: .7;
vertical-align: top;
border-radius: 3px;
color: #fff;
display: inline-block;
min-width: 60px;
text-align: center;
font-weight: bold
}
.bokkiepedia .api-method[data-method=GET] {
background-color: #077b70
}
.bokkiepedia .api-method[data-method=POST] {
background-color: #cf4d03
}
.bokkiepedia .api-method[data-method=PUT] {
background-color: #0288d1
}
.bokkiepedia .api-method[data-method=DELETE] {
background-color: #ab0f0e
}
.bokkiepedia .sticky-sidebar {
position: sticky;
top: 16px;
max-height: calc(100vh - 16px);
overflow-y: auto
}
button {
background-color: transparent;
border: 0;
font-size: 100%
}
.bokkiepedia .button {
text-decoration: none;
font-size: .85rem;
line-height: 1.4em;
padding: 7.8px 16px;
margin-top: 6px;
margin-bottom: 6px;
display: inline-block;
font-weight: 400;
outline: 0;
border-radius: 2px;
cursor: pointer;
transition: background-color ease-in-out 120ms, filter ease-in-out 120ms, box-shadow ease-in-out 120ms;
box-shadow: none;
background-color: var(--color-primary);
color: #fff;
text-transform: uppercase;
border: 1px solid var(--color-primary);
vertical-align: top;
filter: none
}
html.dark-mode .button {
filter: saturate(0.8) brightness(0.8)
}
.bokkiepedia .button:hover, .button:focus, .button:active {
background-color: var(--color-primary);
text-decoration: none;
color: #fff
}
.bokkiepedia .button:hover {
box-shadow: 0 0 4px 1px #ccc;
filter: brightness(110%)
}
html.dark-mode .button:hover {
box-shadow: 0 0 4px 1px rgba(0, 0, 0, .5)
}
.bokkiepedia .button:focus {
outline: 1px dotted currentColor;
outline-offset: -6px;
box-shadow: none;
filter: brightness(90%)
}
.bokkiepedia .button:active {
outline: 0
}
.bokkiepedia .button.outline {
background-color: transparent;
color: #666;
fill: currentColor;
border: 1px solid #ccc
}
html.dark-mode .button.outline {
color: #aaa
}
.bokkiepedia .button.outline:hover, .button.outline:focus, .button.outline:active {
border: 1px solid #ccc;
box-shadow: none;
background-color: #f2f2f2;
background-color: #f2f2f2;
filter: none
}
html.dark-mode .button.outline:hover, html.dark-mode .button.outline:focus, html.dark-mode .button.outline:active {
background-color: #555
}
.bokkiepedia .button.outline:active {
border-color: #bbb;
background-color: #ddd;
color: #666;
box-shadow: inset 0 0 2px rgba(0, 0, 0, .1)
}
.bokkiepedia .button + .button {
margin-inline-start: 12px
}
.bokkiepedia .button.small {
font-size: .75rem;
padding: 7.2px 12px
}
.bokkiepedia .text-button {
cursor: pointer;
background-color: transparent;
padding: 0;
margin: 0;
border: none;
user-select: none;
font-size: .75rem;
line-height: 1.4em;
color: var(--color-primary)
}
html.dark-mode .text-button {
color: #aaa
}
.bokkiepedia .text-button:active {
outline: 0
}
.bokkiepedia .text-button:hover {
text-decoration: none
}
.bokkiepedia .text-button:hover, .text-button:focus {
color: var(--color-primary);
fill: var(--color-primary)
}
.bokkiepedia .button.block {
width: 100%;
text-align: start;
display: block
}
.bokkiepedia .button.icon .svg-icon {
margin-inline-end: 0
}
.bokkiepedia .button.svg {
display: flex;
align-items: center;
padding: 12px 16px;
padding-bottom: 10px;
width: 100%
}
.bokkiepedia .button.svg svg {
display: inline-block;
width: 24px;
height: 24px;
bottom: auto;
margin-inline-end: 16px
}
.bokkiepedia .button[disabled] {
background-color: #bbb;
cursor: default;
border-color: #ccc
}
.bokkiepedia .button[disabled]:hover {
background-color: #bbb;
cursor: default;
box-shadow: none
}
table {
min-width: 100px;
max-width: 100%
}
table thead {
background-color: #f8f8f8;
font-weight: 500
}
html.dark-mode table thead {
background-color: #333
}
.bokkiepedia table td, .bokkiepedia table th {
min-width: 10px;
padding: 6px 8px;
border: 1px solid #ddd;
overflow: auto;
line-height: 1.2;
word-break: break-word
}
.bokkiepedia table td p, .bokkiepedia table th p {
margin: 0
}
.bokkiepedia table.table {
width: 100%
}
.bokkiepedia table.table tr td, .bokkiepedia table.table tr th {
border-bottom: 1px solid rgba(0, 0, 0, .05)
}
.bokkiepedia table.table th, .bokkiepedia table.table td {
text-align: start;
border: none;
padding: 12px 12px;
vertical-align: middle;
margin: 0;
overflow: visible
}
.bokkiepedia table.table th {
font-weight: bold
}
.bokkiepedia table.table tr:hover {
background-color: #f2f2f2
}
html.dark-mode table.table tr:hover {
background-color: #333
}
.bokkiepedia table.table .text-right {
text-align: end
}
.bokkiepedia table.table .text-center {
text-align: center
}
table.table td.actions {
overflow: visible
}
/*table.table a {*/
/* display: inline-block*/
/*}*/
table.table.expand-to-padding {
margin-left: -12px;
margin-right: -12px;
width: calc(100% + (2 * 12px));
max-width: calc(100% + (2 * 12px))
}
table.no-style td {
border: 0;
padding: 0
}
table.list-table {
margin: -6px
}
table.list-table td {
border: 0;
vertical-align: middle;
padding: 6px
}
.bokkiepedia .input-base, .bokkiepedia input[type=text], .bokkiepedia input[type=number], .bokkiepedia input[type=email], .bokkiepedia input[type=date], .bokkiepedia input[type=search], .bokkiepedia input[type=url], .bokkiepedia input[type=color], .bokkiepedia input[type=password], select, textarea, .fake-input {
border-radius: 3px;
border: 1px solid #d4d4d4;
background-color: #fff;
border-color: #d4d4d4;
color: #666;
display: inline-block;
font-size: 14px;
padding: 9px;
width: 250px;
max-width: 100%
}
html.dark-mode .input-base, html.dark-mode .bokkiepedia input[type=text], html.dark-mode .bokkiepedia input[type=number], html.dark-mode .bokkiepedia input[type=email], html.dark-mode .bokkiepedia input[type=date], html.dark-mode .bokkiepedia input[type=search], html.dark-mode .bokkiepedia input[type=url], html.dark-mode .bokkiepedia input[type=color], html.dark-mode .bokkiepedia input[type=password], html.dark-mode select, html.dark-mode textarea, html.dark-mode .fake-input {
background-color: #333
}
html.dark-mode .input-base, html.dark-mode .bokkiepedia input[type=text], html.dark-mode .bokkiepedia input[type=number], html.dark-mode .bokkiepedia input[type=email], html.dark-mode .bokkiepedia input[type=date], html.dark-mode .bokkiepedia input[type=search], html.dark-mode .bokkiepedia input[type=url], html.dark-mode .bokkiepedia input[type=color], html.dark-mode .bokkiepedia input[type=password], html.dark-mode select, html.dark-mode textarea, html.dark-mode .fake-input {
border-color: #111
}
html.dark-mode .input-base, html.dark-mode .bokkiepedia input[type=text], html.dark-mode .bokkiepedia input[type=number], html.dark-mode .bokkiepedia input[type=email], html.dark-mode .bokkiepedia input[type=date], html.dark-mode .bokkiepedia input[type=search], html.dark-mode .bokkiepedia input[type=url], html.dark-mode .bokkiepedia input[type=color], html.dark-mode .bokkiepedia input[type=password], html.dark-mode select, html.dark-mode textarea, html.dark-mode .fake-input {
color: #aaa
}
.bokkiepedia .input-base.neg, .bokkiepedia input. neg[type=text], .bokkiepedia input. neg[type=number], .bokkiepedia input. neg[type=email], .bokkiepedia input. neg[type=date], .bokkiepedia input. neg[type=search], .bokkiepedia input. neg[type=url], .bokkiepedia input. neg[type=color], .bokkiepedia input. neg[type=password], select.neg, textarea.neg, .neg.fake-input, .input-base.invalid, .bokkiepedia input. invalid[type=text], .bokkiepedia input. invalid[type=number], .bokkiepedia input. invalid[type=email], .bokkiepedia input. invalid[type=date], .bokkiepedia input. invalid[type=search], .bokkiepedia input. invalid[type=url], .bokkiepedia input. invalid[type=color], .bokkiepedia input. invalid[type=password], select.invalid, textarea.invalid, .invalid.fake-input {
border: 1px solid #ab0f0e
}
.bokkiepedia .input-base.pos, .bokkiepedia input. pos[type=text], .bokkiepedia input. pos[type=number], .bokkiepedia input. pos[type=email], .bokkiepedia input. pos[type=date], .bokkiepedia input. pos[type=search], .bokkiepedia input. pos[type=url], .bokkiepedia input. pos[type=color], .bokkiepedia input. pos[type=password], select.pos, textarea.pos, .pos.fake-input, .input-base.valid, .bokkiepedia input. valid[type=text], .bokkiepedia input. valid[type=number], .bokkiepedia input. valid[type=email], .bokkiepedia input. valid[type=date], .bokkiepedia input. valid[type=search], .bokkiepedia input. valid[type=url], .bokkiepedia input. valid[type=color], .bokkiepedia input. valid[type=password], select.valid, textarea.valid, .valid.fake-input {
border: 1px solid #0f7d15
}
.bokkiepedia .input-base.disabled, .bokkiepedia input. disabled[type=text], .bokkiepedia input. disabled[type=number], .bokkiepedia input. disabled[type=email], .bokkiepedia input. disabled[type=date], .bokkiepedia input. disabled[type=search], .bokkiepedia input. disabled[type=url], .bokkiepedia input. disabled[type=color], .bokkiepedia input. disabled[type=password], select.disabled, textarea.disabled, .disabled.fake-input, .input-base[disabled], .bokkiepedia input[disabled][type=text], .bokkiepedia input[disabled][type=number], .bokkiepedia input[disabled][type=email], .bokkiepedia input[disabled][type=date], .bokkiepedia input[disabled][type=search], .bokkiepedia input[disabled][type=url], .bokkiepedia input[disabled][type=color], .bokkiepedia input[disabled][type=password], select[disabled], textarea[disabled], [disabled].fake-input {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMUlEQVQIW2NkwAGuXbv2nxGbHEhCS0uLEUMSJgHShCKJLIEiiS4Bl8QmAZbEJQGSBAC62BuJ+tt7zgAAAABJRU5ErkJggg==)
}
.bokkiepedia .input-base[readonly], .bokkiepedia input[readonly][type=text], .bokkiepedia input[readonly][type=number], .bokkiepedia input[readonly][type=email], .bokkiepedia input[readonly][type=date], .bokkiepedia input[readonly][type=search], .bokkiepedia input[readonly][type=url], .bokkiepedia input[readonly][type=color], .bokkiepedia input[readonly][type=password], select[readonly], textarea[readonly], [readonly].fake-input {
background-color: #f8f8f8
}
.bokkiepedia .input-base:focus, .bokkiepedia input[type=text]:focus, .bokkiepedia input[type=number]:focus, .bokkiepedia input[type=email]:focus, .bokkiepedia input[type=date]:focus, .bokkiepedia input[type=search]:focus, .bokkiepedia input[type=url]:focus, .bokkiepedia input[type=color]:focus, .bokkiepedia input[type=password]:focus, select:focus, textarea:focus, .fake-input:focus {
border-color: var(--color-primary);
outline: 1px solid var(--color-primary)
}
.bokkiepedia .input-fill-width {
width: 100% !important
}
.bokkiepedia .fake-input {
overflow: auto
}
#html-editor {
display: none
}
#markdown-editor {
position: relative;
z-index: 5
}
#markdown-editor #markdown-editor-input {
font-style: normal;
font-weight: 400;
padding: 6px 16px;
color: #444;
border-radius: 0;
max-height: 100%;
flex: 1;
border: 0;
width: 100%
}
#markdown-editor #markdown-editor-input:focus {
outline: 0
}
#markdown-editor .markdown-display, #markdown-editor .markdown-editor-wrap {
flex: 1;
position: relative
}
#markdown-editor .markdown-editor-wrap {
display: flex;
flex-direction: column;
border: 1px solid #ddd;
border-color: #ddd;
width: 50%;
max-width: 50%
}
html.dark-mode #markdown-editor .markdown-editor-wrap {
border-color: #000
}
#markdown-editor.fullscreen {
position: fixed;
top: 0;
left: 0;
height: 100%;
z-index: 2
}
@media screen and (max-width: 880px) {
#markdown-editor {
flex-direction: column
}
#markdown-editor .markdown-editor-wrap {
width: 100%;
max-width: 100%;
flex-grow: 1
}
#markdown-editor .editor-toolbar {
padding: 0
}
#markdown-editor .editor-toolbar > * {
padding: 6px 12px
}
.editor-toolbar-label {
float: none !important;
border-bottom: 1px solid #ddd;
display: block
}
.markdown-editor-wrap:not(.active) .editor-toolbar + div, .markdown-editor-wrap:not(.active) .editor-toolbar .buttons, .markdown-editor-wrap:not(.active) .markdown-display {
display: none
}
#markdown-editor .markdown-editor-wrap:not(.active) {
flex-grow: 0;
flex: none;
min-height: 0
}
}
.bokkiepedia .markdown-display {
margin-inline-start: -1px
}
.bokkiepedia .markdown-editor-display {
background-color: #fff
}
.bokkiepedia .markdown-editor-display body {
display: block;
background-color: #fff;
padding-inline-start: 16px;
padding-inline-end: 16px
}
.bokkiepedia .markdown-editor-display [drawio-diagram]:hover {
outline: 2px solid var(--color-primary)
}
html.markdown-editor-display.dark-mode {
background-color: #222
}
html.markdown-editor-display.dark-mode body {
background-color: #222
}
.bokkiepedia .editor-toolbar {
width: 100%;
padding: 6px 16px;
font-size: 11px;
line-height: 1.6;
border-bottom: 1px solid #ddd;
background-color: #eee;
background-color: #eee;
border-color: #ddd;
flex: none
}
html.dark-mode .editor-toolbar {
background-color: #111
}
html.dark-mode .editor-toolbar {
border-color: #000
}
.bokkiepedia .editor-toolbar:after {
content: "";
display: block;
clear: both
}
html.dark-mode .editor-toolbar button {
color: #aaa
}
.bokkiepedia label {
color: #666;
display: block;
line-height: 1.4em;
font-size: .94em;
font-weight: 400;
padding-bottom: 2px;
margin-bottom: .2em
}
html.dark-mode .bokkiepedia label {
color: #ddd
}
.bokkiepedia label.inline {
display: inline-block
}
.bokkiepedia label.radio, .bokkiepedia label.checkbox {
font-weight: 400;
user-select: none
}
.bokkiepedia label.radio input[type=radio], .bokkiepedia label.radio input[type=checkbox], .bokkiepedia label.checkbox input[type=radio], .bokkiepedia label.checkbox input[type=checkbox] {
margin-inline-end: 6px
}
.bokkiepedia label.inline.checkbox {
margin-inline-end: 16px
}
.bokkiepedia label + p.small {
margin-bottom: .8em
}
table.form-table {
max-width: 100%
}
table.form-table td {
overflow: hidden;
padding: 1.5px 0
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,");
background-size: 12px;
background-position: calc(100% - 20px) 70%;
background-repeat: no-repeat
}
input[type=date] {
width: 190px
}
input[type=color] {
height: 60px
}
input[type=color].small {
height: 42px;
width: 60px;
padding: 2px
}
.bokkiepedia .toggle-switch {
user-select: none;
display: inline-grid;
grid-template-columns:28px 1fr;
align-items: center;
margin: 16px 0
}
.bokkiepedia .toggle-switch .custom-checkbox {
width: 16px;
height: 16px;
border-radius: 2px;
display: inline-block;
border: 2px solid currentColor;
opacity: .6;
overflow: hidden;
fill: currentColor
}
.bokkiepedia .toggle-switch .custom-checkbox .svg-icon {
width: 100%;
height: 100%;
margin: 0;
bottom: auto;
top: -1.5px;
left: 0;
transition: transform ease-in-out 120ms;
transform: scale(0);
transform-origin: center center
}
.bokkiepedia .toggle-switch input[type=checkbox] {
display: none
}
.bokkiepedia .toggle-switch input[type=checkbox]:checked + .custom-checkbox .svg-icon {
transform: scale(1)
}
.bokkiepedia .toggle-switch .custom-checkbox:hover {
background-color: rgba(0, 0, 0, .05);
opacity: .8
}
.bokkiepedia .toggle-switch-list .toggle-switch {
margin: 6px 0
}
.bokkiepedia .toggle-switch-list.compact .toggle-switch {
margin: 1px 0
}
.bokkiepedia .form-group {
margin-bottom: 12px
}
.bokkiepedia .setting-list > div {
border-bottom: 1px solid #ddd;
padding: 32px 0
}
.bokkiepedia .setting-list > div:last-child {
border-bottom: none
}
.bokkiepedia .setting-list-label {
color: #222;
font-size: 1rem
}
.bokkiepedia .setting-list-label + p.small {
margin-bottom: 0
}
.bokkiepedia .setting-list-label + .grid {
margin-top: 16px
}
.bokkiepedia .setting-list .grid input[type=text], .setting-list .grid input[type=email], .setting-list .grid input[type=password], .setting-list .grid select, .stretch-inputs input[type=text], .stretch-inputs input[type=email], .stretch-inputs input[type=password], .stretch-inputs select {
width: 100%
}
.bokkiepedia .simple-code-input {
background-color: #f8f8f8;
font-family: monospace;
font-size: 12px;
min-height: 100px;
display: block;
width: 100%
}
.bokkiepedia .form-group div.text-pos, .form-group div.text-neg, .form-group p.text-post, .form-group p.text-neg {
padding: 6px 0
}
.bokkiepedia .form-group[collapsible] {
padding: 0 16px;
border: 1px solid #ddd;
border-radius: 4px
}
.bokkiepedia .form-group[collapsible] .collapse-title {
margin-inline-start: -16px;
margin-inline-end: -16px;
padding: 12px 16px;
display: block;
width: calc(100% + 32px);
text-align: start
}
.bokkiepedia .form-group[collapsible] .collapse-title, .form-group[collapsible] .collapse-title label {
cursor: pointer
}
.bokkiepedia .form-group[collapsible] .collapse-title label {
padding-bottom: 0;
margin-bottom: 0;
color: inherit
}
.bokkiepedia .form-group[collapsible] .collapse-title label:before {
display: inline-block;
content: "▸";
margin-inline-end: 16px;
transition: all ease-in-out 400ms;
transform: rotate(0)
}
.bokkiepedia .form-group[collapsible] .collapse-content {
display: none;
padding-bottom: 16px
}
.bokkiepedia .form-group[collapsible].open .collapse-title label:before {
transform: rotate(90deg)
}
.bokkiepedia .inline-input-style, .description-input textarea, .title-input input[type=text] {
display: block;
width: 100%;
padding: 12px
}
.bokkiepedia .title-input input[type=text] {
margin-top: 0;
font-size: 2em
}
.bokkiepedia .title-input.page-title {
font-size: .8em;
background-color: #fff
}
html.dark-mode .title-input.page-title {
background-color: #333
}
.bokkiepedia .title-input.page-title .input {
border: 0;
margin-bottom: -1px
}
.bokkiepedia .title-input.page-title input[type=text] {
max-width: 840px;
margin: 0 auto;
border: none
}
.bokkiepedia .page-title input {
display: block;
width: 100%;
font-size: 1.4em
}
.bokkiepedia .description-input textarea {
font-size: 14px;
color: #666;
width: 100%
}
div[editor-type=markdown] .title-input.page-title input[type=text] {
max-width: 100%;
border-radius: 0
}
.bokkiepedia .search-box {
max-width: 100%;
position: relative
}
.bokkiepedia .search-box button {
background-color: transparent;
border: none;
color: #666;
padding: 0;
cursor: pointer;
position: absolute;
left: 8px;
top: 9px
}
html.dark-mode .search-box button {
color: #aaa
}
html[dir=rtl] .search-box button {
right: 8px;
left: auto
}
.bokkiepedia .search-box input {
display: block;
padding-inline-start: 28px;
width: 300px;
max-width: 100%
}
.bokkiepedia .search-box.flexible input {
width: 100%
}
.bokkiepedia .search-box .search-box-cancel {
left: auto;
right: 0
}
.bokkiepedia .outline > input {
border: 0;
border-bottom: 2px solid #ddd;
border-radius: 0
}
.bokkiepedia .outline > input:focus, .outline > input:active {
border: 0;
border-bottom: 2px solid #aaa;
outline: 0
}
.bokkiepedia .image-picker img {
background-color: #bbb;
max-width: 100%
}
.bokkiepedia .custom-file-input {
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
height: 1px;
border: 0;
clip: rect(0, 0, 0, 0)
}
.bokkiepedia .custom-file-input:focus + label {
border-color: var(--color-primary);
outline: 1px solid var(--color-primary)
}
.bokkiepedia .anim.fadeIn {
opacity: 0;
animation-name: fadeIn;
animation-duration: 180ms;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.bokkiepedia .anim.searchResult {
opacity: 0;
transform: translate3d(580px, 0, 0);
animation-name: searchResult;
animation-duration: 220ms;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.62, 0.28, 0.23, 0.99)
}
@keyframes searchResult {
0% {
opacity: 0;
transform: translate3d(400px, 0, 0)
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0)
}
}
@keyframes loadingBob {
0% {
transform: translate3d(0, 0, 0)
}
30% {
transform: translate3d(0, 0, 0)
}
50% {
transform: translate3d(0, -10px, 0)
}
70% {
transform: translate3d(0, 0, 0)
}
100% {
transform: translate3d(0, 0, 0)
}
}
@keyframes pointer {
0% {
transform: translate3d(0, 20px, 0) scale3d(0, 0, 0)
}
100% {
transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
}
}
.bokkiepedia .anim.pointer {
transform-origin: 50% 100%;
animation-name: pointer;
animation-duration: 180ms;
animation-delay: 0s;
animation-timing-function: cubic-bezier(0.62, 0.28, 0.23, 0.99)
}
.bokkiepedia .mce-tinymce.mce-container.mce-fullscreen {
position: fixed;
top: 0;
height: 100%;
width: 100%;
max-width: 100%;
z-index: 100
}
.bokkiepedia .mce-tinymce .mce-panel {
background-color: #fff
}
html.dark-mode .mce-tinymce .mce-panel {
background-color: #333
}
.bokkiepedia .mce-tinymce .mce-btn {
background-color: #fff
}
html.dark-mode .mce-tinymce .mce-btn {
background-color: #333
}
.bokkiepedia .mce-container-body.mce-flow-layout {
text-align: center
}
@media screen and (max-width: 1000px) {
.mce-container-body.mce-flow-layout {
overflow-x: scroll;
white-space: nowrap
}
}
.bokkiepedia .edit-area.flex > div > .mce-tinymce.mce-container.mce-panel {
flex: 1 1 auto;
display: flex !important;
flex-direction: column;
align-items: stretch;
margin: 0 -1px
}
.bokkiepedia .edit-area.flex > div > .mce-tinymce.mce-container.mce-panel > .mce-container-body {
flex: 1 1 auto;
display: flex !important;
flex-direction: column;
align-items: stretch
}
.bokkiepedia .edit-area.flex > div > .mce-tinymce.mce-container.mce-panel > .mce-container-body > .mce-toolbar-grp {
flex: 0 1 auto
}
.bokkiepedia .edit-area.flex > div > .mce-tinymce.mce-container.mce-panel > .mce-container-body > .mce-edit-area {
flex: 1 1 auto;
display: flex !important;
flex-direction: column;
align-items: stretch;
-webkit-overflow-scrolling: touch;
overflow: auto
}
.bokkiepedia .edit-area.flex > div > .mce-tinymce.mce-container.mce-panel > .mce-container-body > .mce-edit-area iframe {
flex: 1;
will-change: transform
}
.bokkiepedia .page-content.mce-content-body p {
line-height: 1.6
}
.bokkiepedia .page-content.mce-content-body {
padding-block-start: 1rem;
padding-block-end: 1rem;
outline: none;
display: block
}
.bokkiepedia .page-content.mce-content-body > :last-child {
margin-bottom: 3rem
}
.bokkiepedia .mce-colorbtn-trans {
overflow: hidden
}
.bokkiepedia .mce-content-body .CodeMirrorContainer > .CodeMirror {
pointer-events: none
}
.bokkiepedia .CodeMirror {
font-family: monospace;
height: 300px;
color: #000;
direction: ltr
}
.bokkiepedia .CodeMirror-lines {
padding: 4px 0
}
.bokkiepedia .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
padding: 0 4px
}
.bokkiepedia .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
background-color: #fff
}
.bokkiepedia .CodeMirror-gutters {
border-right: 1px solid #ddd;
background-color: #f7f7f7;
white-space: nowrap
}
.bokkiepedia .CodeMirror-linenumber {
padding: 0 3px 0 5px;
min-width: 20px;
text-align: right;
color: #999;
white-space: nowrap
}
.bokkiepedia .CodeMirror-guttermarker {
color: #000
}
.bokkiepedia .CodeMirror-guttermarker-subtle {
color: #999
}
.bokkiepedia .CodeMirror-cursor {
border-left: 1px solid #000;
border-right: none;
width: 0
}
.bokkiepedia .CodeMirror div.CodeMirror-secondarycursor {
border-left: 1px solid silver
}
.bokkiepedia .cm-fat-cursor .CodeMirror-cursor {
width: auto;
border: 0 !important;
background: #7e7
}
.bokkiepedia .cm-fat-cursor div.CodeMirror-cursors {
z-index: 1
}
.bokkiepedia .cm-fat-cursor-mark {
background-color: rgba(20, 255, 20, .5);
-webkit-animation: blink 1.06s steps(1) infinite;
-moz-animation: blink 1.06s steps(1) infinite;
animation: blink 1.06s steps(1) infinite
}
.bokkiepedia .cm-animate-fat-cursor {
width: auto;
border: 0;
-webkit-animation: blink 1.06s steps(1) infinite;
-moz-animation: blink 1.06s steps(1) infinite;
animation: blink 1.06s steps(1) infinite;
background-color: #7e7
}
@-moz-keyframes blink {
50% {
background-color: transparent
}
}
@-webkit-keyframes blink {
50% {
background-color: transparent
}
}
@keyframes blink {
50% {
background-color: transparent
}
}
.bokkiepedia .cm-tab {
display: inline-block;
text-decoration: inherit
}
.bokkiepedia .CodeMirror-rulers {
position: absolute;
left: 0;
right: 0;
top: -50px;
bottom: 0;
overflow: hidden
}
.bokkiepedia .CodeMirror-ruler {
border-left: 1px solid #ccc;
top: 0;
bottom: 0;
position: absolute
}
.bokkiepedia .cm-s-default .cm-header {
color: blue
}
.bokkiepedia .cm-s-default .cm-quote {
color: #090
}
.bokkiepedia .cm-negative {
color: #d44
}
.bokkiepedia .cm-positive {
color: #292
}
.bokkiepedia .cm-header, .cm-strong {
font-weight: bold
}
.bokkiepedia .cm-em {
font-style: italic
}
.bokkiepedia .cm-link {
text-decoration: underline
}
.bokkiepedia .cm-strikethrough {
text-decoration: line-through
}
.bokkiepedia .cm-s-default .cm-keyword {
color: #708
}
.bokkiepedia .cm-s-default .cm-atom {
color: #219
}
.bokkiepedia .cm-s-default .cm-number {
color: #164
}
.bokkiepedia .cm-s-default .cm-def {
color: blue
}
.bokkiepedia .cm-s-default .cm-variable-2 {
color: #05a
}
.bokkiepedia .cm-s-default .cm-variable-3, .cm-s-default .cm-type {
color: #085
}
.bokkiepedia .cm-s-default .cm-comment {
color: #a50
}
.bokkiepedia .cm-s-default .cm-string {
color: #a11
}
.bokkiepedia .cm-s-default .cm-string-2 {
color: #f50
}
.bokkiepedia .cm-s-default .cm-meta {
color: #555
}
.bokkiepedia .cm-s-default .cm-qualifier {
color: #555
}
.bokkiepedia .cm-s-default .cm-builtin {
color: #30a
}
.bokkiepedia .cm-s-default .cm-bracket {
color: #997
}
.bokkiepedia .cm-s-default .cm-tag {
color: #170
}
.bokkiepedia .cm-s-default .cm-attribute {
color: #00c
}
.bokkiepedia .cm-s-default .cm-hr {
color: #999
}
.bokkiepedia .cm-s-default .cm-link {
color: #00c
}
.bokkiepedia .cm-s-default .cm-error {
color: red
}
.bokkiepedia .cm-invalidchar {
color: red
}
.bokkiepedia .CodeMirror-composing {
border-bottom: 2px solid
}
div.CodeMirror span.CodeMirror-matchingbracket {
color: #0b0
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
color: #a22
}
.bokkiepedia .CodeMirror-matchingtag {
background: rgba(255, 150, 0, .3)
}
.bokkiepedia .CodeMirror-activeline-background {
background: #e8f2ff
}
.bokkiepedia .CodeMirror {
position: relative;
overflow: hidden;
background: #fff
}
.bokkiepedia .CodeMirror-scroll {
overflow: scroll !important;
margin-bottom: -50px;
margin-right: -50px;
padding-bottom: 50px;
height: 100%;
outline: none;
position: relative
}
.bokkiepedia .CodeMirror-sizer {
position: relative;
border-right: 50px solid transparent
}
.bokkiepedia .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
position: absolute;
z-index: 6;
display: none;
outline: none
}
.bokkiepedia .CodeMirror-vscrollbar {
right: 0;
top: 0;
overflow-x: hidden;
overflow-y: scroll
}
.bokkiepedia .CodeMirror-hscrollbar {
bottom: 0;
left: 0;
overflow-y: hidden;
overflow-x: scroll
}
.bokkiepedia .CodeMirror-scrollbar-filler {
right: 0;
bottom: 0
}
.bokkiepedia .CodeMirror-gutter-filler {
left: 0;
bottom: 0
}
.bokkiepedia .CodeMirror-gutters {
position: absolute;
left: 0;
top: 0;
min-height: 100%;
z-index: 3
}
.bokkiepedia .CodeMirror-gutter {
white-space: normal;
height: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: -50px
}
.bokkiepedia .CodeMirror-gutter-wrapper {
position: absolute;
z-index: 4;
background: none !important;
border: none !important
}
.bokkiepedia .CodeMirror-gutter-background {
position: absolute;
top: 0;
bottom: 0;
z-index: 4
}
.bokkiepedia .CodeMirror-gutter-elt {
position: absolute;
cursor: default;
z-index: 4
}
.bokkiepedia .CodeMirror-gutter-wrapper ::selection {
background-color: transparent
}
.bokkiepedia .CodeMirror-gutter-wrapper ::-moz-selection {
background-color: transparent
}
.bokkiepedia .CodeMirror-lines {
cursor: text;
min-height: 1px
}
.bokkiepedia .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border-width: 0;
background: transparent;
font-family: inherit;
font-size: inherit;
margin: 0;
white-space: pre;
word-wrap: normal;
line-height: inherit;
color: inherit;
z-index: 2;
position: relative;
overflow: visible;
-webkit-tap-highlight-color: transparent;
-webkit-font-variant-ligatures: contextual;
font-variant-ligatures: contextual
}
.bokkiepedia .CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like {
word-wrap: break-word;
white-space: pre-wrap;
word-break: normal
}
.bokkiepedia .CodeMirror-linebackground {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0
}
.bokkiepedia .CodeMirror-linewidget {
position: relative;
z-index: 2;
padding: .1px
}
.bokkiepedia .CodeMirror-rtl pre {
direction: rtl
}
.bokkiepedia .CodeMirror-code {
outline: none
}
.bokkiepedia .CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber {
-moz-box-sizing: content-box;
box-sizing: content-box
}
.bokkiepedia .CodeMirror-measure {
position: absolute;
width: 100%;
height: 0;
overflow: hidden;
visibility: hidden
}
.bokkiepedia .CodeMirror-cursor {
position: absolute;
pointer-events: none
}
.bokkiepedia .CodeMirror-measure pre {
position: static
}
div.CodeMirror-cursors {
visibility: hidden;
position: relative;
z-index: 3
}
div.CodeMirror-dragcursors {
visibility: visible
}
.bokkiepedia .CodeMirror-focused div.CodeMirror-cursors {
visibility: visible
}
.bokkiepedia .CodeMirror-selected {
background: #d9d9d9
}
.bokkiepedia .CodeMirror-focused .CodeMirror-selected {
background: #d7d4f0
}
.bokkiepedia .CodeMirror-crosshair {
cursor: crosshair
}
.bokkiepedia .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
background: #d7d4f0
}
.bokkiepedia .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
background: #d7d4f0
}
.bokkiepedia .cm-searching {
background-color: #ffa;
background-color: rgba(255, 255, 0, .4)
}
.bokkiepedia .cm-force-border {
padding-right: .1px
}
@media print {
.CodeMirror div.CodeMirror-cursors {
visibility: hidden
}
}
.bokkiepedia .cm-tab-wrap-hack:after {
content: ""
}
span.CodeMirror-selectedtext {
background: none
}
.bokkiepedia .cm-s-darcula {
font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, serif
}
.bokkiepedia .cm-s-darcula.CodeMirror {
background: #2b2b2b;
color: #a9b7c6
}
.bokkiepedia .cm-s-darcula span.cm-meta {
color: #bbb529
}
.bokkiepedia .cm-s-darcula span.cm-number {
color: #6897bb
}
.bokkiepedia .cm-s-darcula span.cm-keyword {
color: #cc7832;
line-height: 1em;
font-weight: bold
}
.bokkiepedia .cm-s-darcula span.cm-def {
color: #a9b7c6;
font-style: italic
}
.bokkiepedia .cm-s-darcula span.cm-variable {
color: #a9b7c6
}
.bokkiepedia .cm-s-darcula span.cm-variable-2 {
color: #a9b7c6
}
.bokkiepedia .cm-s-darcula span.cm-variable-3 {
color: #9876aa
}
.bokkiepedia .cm-s-darcula span.cm-type {
color: #abc;
font-weight: bold
}
.bokkiepedia .cm-s-darcula span.cm-property {
color: #ffc66d
}
.bokkiepedia .cm-s-darcula span.cm-operator {
color: #a9b7c6
}
.bokkiepedia .cm-s-darcula span.cm-string {
color: #6a8759
}
.bokkiepedia .cm-s-darcula span.cm-string-2 {
color: #6a8759
}
.bokkiepedia .cm-s-darcula span.cm-comment {
color: #61a151;
font-style: italic
}
.bokkiepedia .cm-s-darcula span.cm-link {
color: #cc7832
}
.bokkiepedia .cm-s-darcula span.cm-atom {
color: #cc7832
}
.bokkiepedia .cm-s-darcula span.cm-error {
color: #bc3f3c
}
.bokkiepedia .cm-s-darcula span.cm-tag {
color: #629755;
font-weight: bold;
font-style: italic;
text-decoration: underline
}
.bokkiepedia .cm-s-darcula span.cm-attribute {
color: #6897bb
}
.bokkiepedia .cm-s-darcula span.cm-qualifier {
color: #6a8759
}
.bokkiepedia .cm-s-darcula span.cm-bracket {
color: #a9b7c6
}
.bokkiepedia .cm-s-darcula span.cm-builtin {
color: #ff9e59
}
.bokkiepedia .cm-s-darcula span.cm-special {
color: #ff9e59
}
.bokkiepedia .cm-s-darcula span.cm-matchhighlight {
color: #fff;
background-color: rgba(50, 89, 48, .7);
font-weight: normal
}
.bokkiepedia .cm-s-darcula span.cm-searching {
color: #fff;
background-color: rgba(61, 115, 59, .7);
font-weight: normal
}
.bokkiepedia .cm-s-darcula .CodeMirror-cursor {
border-left: 1px solid #a9b7c6
}
.bokkiepedia .cm-s-darcula .CodeMirror-activeline-background {
background: #323232
}
.bokkiepedia .cm-s-darcula .CodeMirror-gutters {
background: #313335;
border-right: 1px solid #313335
}
.bokkiepedia .cm-s-darcula .CodeMirror-guttermarker {
color: #ffee80
}
.bokkiepedia .cm-s-darcula .CodeMirror-guttermarker-subtle {
color: #d0d0d0
}
.bokkiepedia .cm-s-darcula .CodeMirrir-linenumber {
color: #606366
}
.bokkiepedia .cm-s-darcula .CodeMirror-matchingbracket {
background-color: #3b514d;
color: #ffef28 !important;
font-weight: bold
}
.bokkiepedia .cm-s-darcula div.CodeMirror-selected {
background: #214283
}
.bokkiepedia .CodeMirror-hints.darcula {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
color: #9c9e9e;
background-color: #3b3e3f !important
}
.bokkiepedia .CodeMirror-hints.darcula .CodeMirror-hint-active {
background-color: #494d4e !important;
color: #9c9e9e !important
}
.bokkiepedia .CodeMirror, .CodeMirror pre {
font-size: 12px
}
.bokkiepedia .CodeMirror {
font-size: 12px;
height: auto;
margin-bottom: 24px;
border: 1px solid;
border-color: #ddd
}
html.dark-mode .CodeMirror {
border-color: #111
}
.bokkiepedia .CodeMirror pre::after {
display: none
}
html.dark-mode .CodeMirror pre {
background-color: transparent
}
.bokkiepedia .cm-s-mdn-like .CodeMirror-gutters {
background: #f8f8f8;
border-left: 0;
color: #333
}
.bokkiepedia .code-fill .CodeMirror {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
margin-bottom: 0;
border: 0
}
.bokkiepedia .CodeMirror-copy {
position: absolute;
top: -1px;
right: -1px;
background-color: #eee;
border: 1px solid #ddd;
background-color: #eee;
border-color: #ddd;
fill: #444;
padding: 6px;
line-height: 0;
cursor: pointer;
z-index: 5;
user-select: none;
opacity: 0;
pointer-events: none
}
html.dark-mode .CodeMirror-copy {
background-color: #333
}
html.dark-mode .CodeMirror-copy {
border-color: #444
}
html.dark-mode .CodeMirror-copy {
fill: #888
}
.bokkiepedia .CodeMirror-copy svg {
transition: all ease-in 240ms;
transform: translateY(0)
}
.bokkiepedia .CodeMirror-copy.success {
background-color: #14ab1d
}
.bokkiepedia .CodeMirror-copy.success svg {
fill: #fff;
transform: translateY(-3px)
}
.bokkiepedia .CodeMirror:hover .CodeMirror-copy {
user-select: all;
opacity: 1;
pointer-events: all
}
[notification] {
position: fixed;
top: 0;
right: 0;
margin: 32px;
padding: 16px 24px;
background-color: #fff;
background-color: #fff;
border-radius: 4px;
border-inline-start: 6px solid currentColor;
box-shadow: 0 1px 6px 1px rgba(22, 22, 22, .2);
z-index: 999999;
cursor: pointer;
max-width: 360px;
transition: transform ease-in-out 280ms;
transform: translateX(580px);
display: grid;
grid-template-columns:42px 1fr 12px;
color: #444;
font-weight: 700
}
html.dark-mode [notification] {
background-color: #444
}
[notification] span, [notification] svg {
vertical-align: middle;
justify-self: center;
align-self: center
}
[notification] svg {
width: 2.8rem;
height: 2.8rem;
padding-inline-end: 12px;
fill: currentColor
}
[notification] .dismiss {
margin-top: -8px
}
[notification] .dismiss svg {
height: 1rem;
color: #444
}
html.dark-mode [notification] .dismiss svg {
color: #888
}
[notification] span {
vertical-align: middle;
line-height: 1.3
}
html.dark-mode [notification] span {
color: #bbb
}
[notification].pos {
color: #0f7d15
}
[notification].neg {
color: #ab0f0e
}
[notification].warning {
color: #cf4d03
}
[notification].showing {
transform: translateX(0)
}
[notification].showing:hover {
transform: translate3d(0, -2px, 0)
}
[chapter-toggle] {
cursor: pointer;
margin: 0;
transition: all ease-in-out 180ms;
user-select: none
}
[chapter-toggle] svg[data-icon=caret-right] {
margin-inline-end: 0;
font-size: 1rem;
transition: all ease-in-out 180ms;
transform: rotate(0deg);
transform-origin: 50% 50%
}
[chapter-toggle].open svg[data-icon=caret-right] {
transform: rotate(90deg)
}
[chapter-toggle] svg[data-icon=caret-right] + * {
margin-inline-start: 6px
}
[overlay], .popup-background {
background-color: rgba(0, 0, 0, .333);
position: fixed;
z-index: 95536;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
align-items: center;
justify-content: center;
display: none
}
html.dark-mode [overlay], html.dark-mode .popup-background {
background-color: rgba(0, 0, 0, .6)
}
.bokkiepedia .popup-body-wrap {
display: flex
}
.bokkiepedia .popup-body {
background-color: #fff;
max-height: 90%;
max-width: 1200px;
width: 90%;
height: auto;
margin: 2% auto;
border-radius: 4px;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, .3);
overflow: hidden;
z-index: 999;
display: flex;
flex-direction: column
}
html.dark-mode .popup-body {
background-color: #333
}
.bokkiepedia .popup-body.small {
margin: 2% auto;
width: 800px;
max-width: 90%
}
.bokkiepedia .popup-body:before {
display: flex;
align-self: flex-start
}
.bokkiepedia .popup-body .popup-content {
overflow-y: auto
}
.bokkiepedia .popup-body:focus {
outline: 0
}
.bokkiepedia .popup-footer button, .popup-header-close {
position: absolute;
top: 0;
right: 0;
margin: 0;
height: 40px;
border-radius: 0;
box-shadow: none
}
.bokkiepedia .popup-footer button:active, .popup-header-close:active {
outline: 0
}
.bokkiepedia .popup-header-close {
background-color: transparent;
border: 0;
color: #fff;
font-size: 16px;
padding: 0 16px
}
.bokkiepedia .popup-header, .popup-footer {
display: block !important;
position: relative;
height: 40px;
flex: none !important
}
.bokkiepedia .popup-header .popup-title, .popup-footer .popup-title {
color: #fff;
padding: 8px 16px
}
body.flexbox-support #entity-selector-wrap .popup-body .form-group {
height: 444px;
min-height: 444px
}
#entity-selector-wrap .popup-body .form-group {
margin: 0
}
.bokkiepedia .popup-body .entity-selector-container {
flex: 1
}
.bokkiepedia .image-manager-body {
min-height: 70vh
}
.bokkiepedia .dropzone-container {
position: relative;
background-color: #eee;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23a9a9a9' fill-opacity='0.52' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E")
}
html.dark-mode .dropzone-container {
background-color: #222
}
.bokkiepedia .image-manager-list .image {
display: block;
position: relative;
border-radius: 0;
float: left;
margin: 0;
cursor: pointer;
width: 16.6666666667%;
height: auto;
border-color: #ddd;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
transition: all cubic-bezier(0.4, 0, 1, 1) 160ms;
overflow: hidden
}
html.dark-mode .image-manager-list .image {
border-color: #000
}
.bokkiepedia .image-manager-list .image.selected {
transform: scale3d(0.92, 0.92, 0.92);
outline: currentColor 2px solid
}
.bokkiepedia .image-manager-list .image img {
width: 100%;
max-width: 100%;
display: block
}
.bokkiepedia .image-manager-list .image .image-meta {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
color: #eee;
background-color: rgba(0, 0, 0, .4);
font-size: 10px;
padding: 3px 4px
}
.bokkiepedia .image-manager-list .image .image-meta span {
display: block
}
@media screen and (max-width: 1100px) {
.image-manager-list .image {
width: 25%
}
}
@media screen and (max-width: 880px) {
.image-manager-list .image .image-meta {
display: none
}
}
.bokkiepedia .image-manager .load-more {
display: block;
text-align: center;
background-color: #eee;
padding: 12px 16px;
color: #aaa;
clear: both;
font-size: 20px;
cursor: pointer;
font-style: italic
}
html.dark-mode .image-manager .load-more {
background-color: #444
}
.bokkiepedia .image-manager .loading-container {
text-align: center
}
.bokkiepedia .image-manager-sidebar {
width: 300px;
overflow-y: auto;
overflow-x: hidden;
border-inline-start: 1px solid #ddd;
border-color: #ddd
}
html.dark-mode .image-manager-sidebar {
border-color: #000
}
.bokkiepedia .image-manager-sidebar .inner {
min-height: auto;
padding: 16px
}
.bokkiepedia .image-manager-sidebar img {
max-width: 100%;
max-height: 180px;
display: block;
margin: 0 auto 16px auto;
box-shadow: 0 1px 21px 1px rgba(76, 76, 76, .3)
}
.bokkiepedia .image-manager-sidebar .image-manager-viewer {
height: 196px;
display: flex;
align-items: center;
justify-content: center
}
.bokkiepedia .image-manager-sidebar .image-manager-viewer a {
display: inline-block
}
.bokkiepedia .image-manager-sidebar .dropzone-container {
border-bottom: 1px solid #ddd;
border-color: #ddd
}
html.dark-mode .image-manager-sidebar .dropzone-container {
border-color: #000
}
.bokkiepedia .image-manager-list {
overflow-y: scroll;
flex: 1
}
.bokkiepedia .image-manager-content {
display: flex;
flex-direction: column;
flex: 1
}
.bokkiepedia .image-manager-content .container {
width: 100%
}
.bokkiepedia .image-manager-content .full-tab {
text-align: center
}
.bokkiepedia .image-manager .corner-button {
margin: 0;
border-radius: 0;
padding: 16px
}
.bokkiepedia .dz-message {
font-size: 1em;
line-height: 2.85;
font-style: italic;
color: #888;
text-align: center;
cursor: pointer;
padding: 24px 16px;
transition: all ease-in-out 120ms
}
.bokkiepedia .dz-drag-hover .dz-message {
background-color: #107ed2;
color: #eee
}
@keyframes passing-through {
0% {
opacity: 0;
transform: translateY(40px)
}
30%, 70% {
opacity: 1;
transform: translateY(0px)
}
100% {
opacity: 0;
transform: translateY(-40px)
}
}
@keyframes slide-in {
0% {
opacity: 0;
transform: translateY(40px)
}
30% {
opacity: 1;
transform: translateY(0px)
}
}
@keyframes pulse {
0% {
transform: scale(1)
}
10% {
transform: scale(1.1)
}
20% {
transform: scale(1)
}
}
.bokkiepedia .dropzone, .dropzone * {
box-sizing: border-box
}
.bokkiepedia .dz-preview {
position: relative;
display: inline-block;
vertical-align: top;
margin: 12px;
min-height: 80px
}
.bokkiepedia .dz-preview:hover {
z-index: 1000
}
.bokkiepedia .dz-preview:hover .dz-details {
opacity: 1
}
.bokkiepedia .dz-preview.dz-file-preview .dz-image {
border-radius: 4px;
background: #e9e9e9
}
.bokkiepedia .dz-preview.dz-file-preview .dz-details {
opacity: 1
}
.bokkiepedia .dz-preview.dz-image-preview {
background: #fff
}
.bokkiepedia .dz-preview.dz-image-preview .dz-details {
transition: opacity .2s linear
}
.bokkiepedia .dz-preview .dz-remove {
font-size: 13px;
text-align: center;
display: block;
cursor: pointer;
border: none;
margin-top: 3px
}
.bokkiepedia .dz-preview .dz-remove:hover {
text-decoration: underline
}
.bokkiepedia .dz-preview:hover .dz-details {
opacity: 1
}
.bokkiepedia .dz-preview .dz-details {
z-index: 20;
position: absolute;
top: 0;
left: 0;
opacity: 0;
font-size: 10px;
min-width: 100%;
max-width: 100%;
padding: 6px 3px;
text-align: center;
color: rgba(0, 0, 0, .9);
line-height: 150%
}
.bokkiepedia .dz-preview .dz-details .dz-size {
margin-bottom: .5em;
font-size: 12px
}
.bokkiepedia .dz-preview .dz-details .dz-filename {
white-space: nowrap
}
.bokkiepedia .dz-preview .dz-details .dz-filename:hover span {
border: 1px solid rgba(200, 200, 200, .8);
background-color: rgba(255, 255, 255, .8)
}
.bokkiepedia .dz-preview .dz-details .dz-filename:not(:hover) {
overflow: hidden;
text-overflow: ellipsis
}
.bokkiepedia .dz-preview .dz-details .dz-filename:not(:hover) span {
border: 1px solid transparent
}
.bokkiepedia .dz-preview .dz-details .dz-filename span {
background-color: rgba(255, 255, 255, .4);
padding: 0 .4em;
border-radius: 3px
}
.bokkiepedia .dz-preview:hover .dz-image img {
filter: blur(8px)
}
.bokkiepedia .dz-preview .dz-image {
border-radius: 4px;
overflow: hidden;
width: 80px;
height: 80px;
position: relative;
display: block;
z-index: 10
}
.bokkiepedia .dz-preview .dz-image img {
display: block
}
.bokkiepedia .dz-preview.dz-success .dz-success-mark {
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)
}
.bokkiepedia .dz-preview.dz-error .dz-error-mark {
opacity: 1;
animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)
}
.bokkiepedia .dz-preview .dz-success-mark, .dz-preview .dz-error-mark {
pointer-events: none;
opacity: 0;
z-index: 1001;
position: absolute;
display: block;
top: 50%;
left: 50%;
margin-inline-start: -27px;
margin-top: -35px
}
.bokkiepedia .dz-preview .dz-success-mark svg, .dz-preview .dz-error-mark svg {
display: block;
width: 54px;
height: 54px
}
.bokkiepedia .dz-preview.dz-processing .dz-progress {
opacity: 1;
transition: all .2s linear
}
.bokkiepedia .dz-preview.dz-complete .dz-progress {
opacity: 0;
transition: opacity .4s ease-in
}
.bokkiepedia .dz-preview:not(.dz-processing) .dz-progress {
animation: pulse 6s ease infinite
}
.bokkiepedia .dz-preview .dz-progress {
opacity: 1;
z-index: 1000;
pointer-events: none;
position: absolute;
height: 16px;
left: 50%;
top: 50%;
margin-top: -8px;
width: 80px;
margin-inline-start: -40px;
background: rgba(255, 255, 255, .9);
transform: scale(1);
border-radius: 8px;
overflow: hidden
}
.bokkiepedia .dz-preview .dz-progress .dz-upload {
background: #333;
background: linear-gradient(to bottom, #666, #444);
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
transition: width 300ms ease-in-out
}
.bokkiepedia .dz-preview.dz-error .dz-error-message {
display: block
}
.bokkiepedia .dz-preview.dz-error .dz-image:hover ~ .dz-error-message, .dz-preview.dz-error .dz-details:hover ~ .dz-error-message {
opacity: 1;
pointer-events: auto
}
.bokkiepedia .dz-preview .dz-error-message {
pointer-events: none;
z-index: 1000;
position: absolute;
display: block;
display: none;
opacity: 0;
transition: opacity .3s ease;
border-radius: 4px;
font-size: 12px;
line-height: 1.2;
top: 88px;
left: -12px;
width: 160px;
background: #ab0f0e;
padding: 6px;
color: #fff
}
.bokkiepedia .dz-preview .dz-error-message:after {
content: "";
position: absolute;
top: -6px;
left: 44px;
width: 0;
height: 0;
border-inline-start: 6px solid transparent;
border-inline-end: 6px solid transparent;
border-bottom: 6px solid #ab0f0e
}
.bokkiepedia .tab-container .nav-tabs {
text-align: start;
border-bottom: 1px solid #ddd;
border-color: #ddd;
margin-bottom: 16px
}
html.dark-mode .tab-container .nav-tabs {
border-color: #444
}
.bokkiepedia .tab-container .nav-tabs .tab-item {
padding: 12px;
color: #666
}
html.dark-mode .tab-container .nav-tabs .tab-item {
color: #999
}
.bokkiepedia .tab-container .nav-tabs .tab-item.selected {
border-bottom-width: 3px
}
.bokkiepedia .nav-tabs {
text-align: center
}
.bokkiepedia .nav-tabs a, .nav-tabs .tab-item {
padding: 16px;
display: inline-block;
color: #666;
cursor: pointer;
border-right: 1px solid rgba(0, 0, 0, .1);
border-bottom: 2px solid transparent
}
html.dark-mode .nav-tabs a, html.dark-mode .nav-tabs .tab-item {
color: #999
}
.bokkiepedia .nav-tabs a.selected, .nav-tabs .tab-item.selected {
border-bottom: 2px solid var(--color-primary)
}
/*.nav-tabs a:last-child, .nav-tabs .tab-item:last-child {*/
/* border-right: 0*/
/*}*/
.bokkiepedia .image-picker .none {
display: none
}
.bokkiepedia .code-editor .CodeMirror {
height: 400px
}
.bokkiepedia .code-editor .lang-options {
max-width: 540px;
margin-bottom: 12px
}
.bokkiepedia .code-editor .lang-options a {
margin-inline-end: 6px;
text-decoration: underline
}
@media screen and (max-width: 880px) {
.code-editor .lang-options {
max-width: 100%
}
.code-editor .CodeMirror {
height: 200px
}
}
.bokkiepedia .comment-box {
border-radius: 4px;
border: 1px solid #ddd;
border-color: #ddd;
background-color: #fff
}
html.dark-mode .comment-box {
border-color: #000
}
html.dark-mode .comment-box {
background-color: #222
}
.bokkiepedia .comment-box .content {
font-size: .666em
}
.bokkiepedia .comment-box .content p, .comment-box .content ul, .comment-box .content ol {
font-size: 14px;
margin: .5em 0
}
.bokkiepedia .comment-box .actions {
opacity: 0;
transition: opacity ease-in-out 120ms
}
.bokkiepedia .comment-box:hover .actions, .comment-box:focus-within .actions {
opacity: 1
}
.bokkiepedia .comment-box .header .meta img, .comment-box .header .meta a, .comment-box .header .meta span {
display: inline-block;
vertical-align: top
}
.bokkiepedia .comment-box .header .meta a, .comment-box .header .meta span {
padding: 3px 0 3px 0;
line-height: 1.6
}
.bokkiepedia .comment-box .header .meta a {
color: #666
}
.bokkiepedia .comment-box .header .meta span {
padding-inline-start: 3px
}
.bokkiepedia .comment-box .header .text-muted {
color: #999
}
#tag-manager .drag-card {
max-width: 500px
}
.bokkiepedia .permissions-table [permissions-table-toggle-all-in-row] {
display: none
}
.bokkiepedia .permissions-table tr:hover [permissions-table-toggle-all-in-row] {
display: inline
}
.bokkiepedia .template-item {
cursor: pointer;
position: relative
}
.bokkiepedia .template-item:hover, .template-item .template-item-actions button:hover {
background-color: #f2f2f2
}
.bokkiepedia .template-item .template-item-actions {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
display: flex;
flex-direction: column;
border-inline-start: 1px solid #ddd
}
.bokkiepedia .template-item .template-item-actions button {
cursor: pointer;
flex: 1;
background: #fff;
border: 0;
border-top: 1px solid #ddd
}
.bokkiepedia .template-item .template-item-actions button:first-child {
border-top: 0
}
.bokkiepedia .dropdown-search-dropdown {
box-shadow: 0 1px 3px 1px rgba(76, 76, 76, .26);
overflow: hidden;
min-height: 100px;
width: 240px;
display: none;
position: absolute;
z-index: 80;
right: -16px
}
html[dir=rtl] .dropdown-search-dropdown {
right: auto;
left: -16px
}
.bokkiepedia .dropdown-search-dropdown .dropdown-search-search .svg-icon {
position: absolute;
left: 12px;
top: 11px;
fill: #888;
pointer-events: none
}
html[dir=rtl] .dropdown-search-dropdown .dropdown-search-search .svg-icon {
right: 12px;
left: auto
}
.bokkiepedia .dropdown-search-dropdown .dropdown-search-list {
max-height: 400px;
overflow-y: scroll;
text-align: start
}
.bokkiepedia .dropdown-search-dropdown .dropdown-search-item {
padding: 12px 16px
}
.bokkiepedia .dropdown-search-dropdown .dropdown-search-item:hover, .dropdown-search-dropdown .dropdown-search-item:focus {
background-color: #f2f2f2;
text-decoration: none
}
.bokkiepedia .dropdown-search-dropdown input {
padding-inline-start: 32px;
border-radius: 0;
border: 0;
border-bottom: 1px solid #ddd
}
@media screen and (max-width: 880px) {
.dropdown-search-dropdown {
position: fixed;
right: auto;
left: 16px
}
.dropdown-search-dropdown .dropdown-search-list {
max-height: 240px
}
}
.bokkiepedia .custom-select-input {
max-width: 280px;
border: 1px solid #d4d4d4;
border-radius: 3px
}
header .grid {
grid-template-columns:minmax(max-content, 2fr) 1fr minmax(max-content, 2fr)
}
@media screen and (max-width: 1000px) {
header .grid {
grid-template-columns:1fr;
grid-row-gap: 0
}
}
header {
position: relative;
display: block;
z-index: 11;
top: 0;
color: #fafafa;
border-bottom: 1px solid #ddd;
box-shadow: 0 1px 6px -1px rgba(0, 0, 0, .1);
padding: 3px 0;
border-bottom-color: #ddd
}
html.dark-mode header {
border-bottom-color: #000
}
html.dark-mode header {
filter: saturate(0.8) brightness(0.8)
}
header .links {
display: inline-block;
vertical-align: top
}
header .links a {
display: inline-block;
padding: 16px;
color: #fff
}
header .dropdown-container {
padding-inline-start: 16px;
padding-inline-end: 0
}
header .avatar, header .user-name {
display: inline-block
}
header .avatar {
width: 30px;
height: 30px
}
header .user-name {
vertical-align: top;
position: relative;
display: inline-block;
cursor: pointer
}
header .user-name > * {
vertical-align: top
}
header .user-name > span {
padding-inline-start: 6px;
display: inline-block;
padding-top: 3px
}
header .user-name > svg {
padding-top: 4px;
font-size: 18px
}
@media screen and (min-width: 1000px)and (max-width: 1100px) {
header .user-name {
padding-inline-start: 6px
}
header .user-name .name {
display: none
}
}
.bokkiepedia .header *, .primary-background * {
outline-color: #fff
}
header .search-box {
display: inline-block;
margin-top: 10px
}
header .search-box input {
background-color: rgba(0, 0, 0, .2);
border: 1px solid rgba(255, 255, 255, .2);
border-radius: 40px;
color: #eee;
z-index: 2;
padding-inline-start: 40px
}
header .search-box input:focus {
outline: none;
border: 1px solid rgba(255, 255, 255, .6)
}
header .search-box button {
z-index: 1;
left: 16px;
color: rgba(255, 255, 255, .8)
}
html.dark-mode header .search-box button {
color: #aaa
}
html[dir=rtl] header .search-box button {
left: auto;
right: 16px
}
header .search-box button svg {
margin-block-end: 0
}
header .search-box ::-webkit-input-placeholder {
color: #ddd
}
header .search-box ::-moz-placeholder {
color: #ddd
}
@media screen and (min-width: 1000px)and (max-width: 1100px) {
header .search-box {
max-width: 200px
}
}
.bokkiepedia .logo {
display: inline-block
}
.bokkiepedia .logo:hover {
color: #fff;
text-decoration: none
}
.bokkiepedia .logo-text {
display: inline-block;
font-size: 1.8em;
color: #fff;
font-weight: 400;
padding-block-start: 14px;
padding-block-end: 14px;
padding-inline-start: 0;
padding-inline-end: 24px;
vertical-align: top;
line-height: 1
}
.bokkiepedia .logo-image {
margin-block-start: 6px;
margin-block-end: 6px;
margin-inline-start: 0;
margin-inline-end: 12px;
vertical-align: top;
height: 43px
}
.bokkiepedia .mobile-menu-toggle {
color: #fff;
fill: #fff;
font-size: 2em;
border: 2px solid rgba(255, 255, 255, .8);
border-radius: 4px;
padding: 0 6px;
position: absolute;
right: 16px;
top: 13px;
line-height: 1;
cursor: pointer;
user-select: none
}
.bokkiepedia .mobile-menu-toggle svg {
margin: 0;
bottom: -2px
}
html[dir=rtl] .mobile-menu-toggle {
left: 16px;
right: auto
}
@media screen and (max-width: 1000px) {
header .header-links {
background-color: #fff;
display: none;
z-index: 10;
right: 16px;
border-radius: 4px;
overflow: hidden;
position: absolute;
box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .13);
margin-top: -6px
}
html.dark-mode header .header-links {
background-color: #333
}
header .header-links.show {
display: block
}
header .links a, header .dropdown-container ul li a, header .dropdown-container ul li button {
text-align: start;
display: block;
padding: 12px 16px;
color: #444;
color: #444
}
html.dark-mode header .links a, html.dark-mode header .dropdown-container ul li a, html.dark-mode header .dropdown-container ul li button {
color: #eee
}
header .links a svg, header .dropdown-container ul li a svg, header .dropdown-container ul li button svg {
margin-inline-end: 12px
}
header .links a:hover, header .dropdown-container ul li a:hover, header .dropdown-container ul li button:hover {
background-color: #eee;
color: #000;
text-decoration: none
}
html.dark-mode header .links a:hover, html.dark-mode header .dropdown-container ul li a:hover, html.dark-mode header .dropdown-container ul li button:hover {
background-color: #333
}
html.dark-mode header .links a:hover, html.dark-mode header .dropdown-container ul li a:hover, html.dark-mode header .dropdown-container ul li button:hover {
color: #fff
}
header .links a:focus, header .dropdown-container ul li a:focus, header .dropdown-container ul li button:focus {
background-color: #eee;
outline-color: var(--color-primary);
color: var(--color-primary)
}
html.dark-mode header .links a:focus, html.dark-mode header .dropdown-container ul li a:focus, html.dark-mode header .dropdown-container ul li button:focus {
background-color: #333
}
header .dropdown-container {
display: block;
padding-inline-start: 0
}
header .links {
display: block
}
header .dropdown-container ul {
display: block !important;
position: relative;
background-color: transparent;
border: 0;
padding: 0;
margin: 0;
box-shadow: none
}
}
.bokkiepedia .tri-layout-mobile-tabs {
position: sticky;
top: 0;
z-index: 5;
background-color: #fff;
border-bottom: 1px solid #ddd;
border-bottom-color: #ddd;
box-shadow: 0 1px 6px -1px rgba(0, 0, 0, .1)
}
html.dark-mode .tri-layout-mobile-tabs {
border-bottom-color: #333
}
.bokkiepedia .tri-layout-mobile-tab {
text-align: center;
border-bottom: 3px solid #bbb;
cursor: pointer;
margin: 0;
background-color: #fff;
border-bottom-color: #bbb
}
html.dark-mode .tri-layout-mobile-tab {
background-color: #222
}
html.dark-mode .tri-layout-mobile-tab {
border-bottom-color: #333
}
.bokkiepedia .tri-layout-mobile-tab:first-child {
border-inline-end: 1px solid #ddd;
border-inline-end-color: #ddd
}
html.dark-mode .tri-layout-mobile-tab:first-child {
border-inline-end-color: #000
}
.bokkiepedia .tri-layout-mobile-tab[aria-selected=true] {
border-bottom-color: currentColor !important
}
.bokkiepedia .breadcrumbs {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
opacity: .7
}
.bokkiepedia .breadcrumbs .icon-list-item {
width: auto;
padding-top: 6px;
padding-bottom: 6px
}
.bokkiepedia .breadcrumbs .separator {
display: inline-block;
fill: #aaa;
font-size: 1.6em;
line-height: .8;
margin: -2px 0 0
}
.bokkiepedia .breadcrumbs:hover, .breadcrumbs:focus-within {
opacity: 1
}
@media (prefers-contrast: more) {
.breadcrumbs {
opacity: 1
}
}
@media screen and (max-width: 1000px) {
.breadcrumbs .icon-list-item {
padding: 6px
}
.breadcrumbs .icon-list-item > span + span {
display: none
}
.breadcrumbs .icon-list-item > span:first-child {
margin-inline-end: 0
}
}
.bokkiepedia .dropdown-search {
position: relative
}
.bokkiepedia .dropdown-search .dropdown-search-toggle {
padding: 6px;
border: 1px solid transparent;
border-radius: 4px
}
.bokkiepedia .dropdown-search .dropdown-search-toggle:hover {
border-color: #ddd
}
.bokkiepedia .dropdown-search .svg-icon {
margin-inline-end: 0
}
.bokkiepedia .dropdown-search-toggle.compact {
padding: 3px 6px
}
.bokkiepedia .dropdown-search-toggle.compact .avatar {
height: 22px;
width: 22px
}
.bokkiepedia .faded a, .faded button, .faded span, .faded span > div {
color: #666;
fill: #666
}
.bokkiepedia .faded .text-button {
opacity: .5;
transition: all ease-in-out 120ms
}
.bokkiepedia .faded .text-button:hover {
opacity: 1;
text-decoration: none
}
.bokkiepedia .faded span.faded-text {
display: inline-block;
padding: 12px
}
.bokkiepedia .action-buttons .text-button {
display: inline-block;
padding: 6px 12px
}
.bokkiepedia .action-buttons .text-button:last-child {
padding-inline-end: 0
}
.bokkiepedia .action-buttons .text-button:first-child {
padding-inline-start: 0
}
.bokkiepedia .action-buttons .dropdown-container:last-child a {
padding-inline-end: 0;
padding-inline-start: 12px
}
.bokkiepedia .action-buttons {
text-align: end
}
.bokkiepedia .action-buttons.text-left {
text-align: start
}
.bokkiepedia .action-buttons.text-left .text-button {
padding-inline-end: 16px;
padding-inline-start: 0
}
.bokkiepedia .action-buttons.text-center {
text-align: center
}
@media screen and (max-width: 880px) {
.action-buttons .text-button {
padding: 6px 6px
}
.action-buttons .dropdown-container:last-child a {
padding-inline-start: 6px
}
}
footer {
flex-shrink: 0;
padding: 1rem 1rem 2rem 1rem;
text-align: center
}
footer a {
margin: 0 .5em
}
body.flexbox footer {
display: none
}
.bokkiepedia .book-contents .entity-list-item .icon {
width: 4px;
border-radius: 1px;
justify-self: stretch;
align-self: stretch;
height: auto;
margin-inline-end: 24px
}
.bokkiepedia .book-contents .entity-list-item .icon:after {
opacity: .5
}
.bokkiepedia .book-contents .entity-list-item .icon svg {
display: none
}
.bokkiepedia .book-contents .entity-list-item p {
margin-bottom: 0
}
.bokkiepedia .book-contents .entity-list-item .inner-page {
padding-top: 0;
padding-bottom: 0
}
.bokkiepedia .entity-list-item + .chapter-expansion {
display: flex;
padding: 0 16px 16px 16px;
align-items: center;
border: 0;
width: 100%;
position: relative
}
.bokkiepedia .entity-list-item + .chapter-expansion > .icon {
width: 4px;
height: auto;
border-radius: 0 0 1px 1px;
align-self: stretch;
flex-shrink: 0
}
.bokkiepedia .entity-list-item + .chapter-expansion > .icon:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background-color: currentColor;
content: "";
opacity: .5
}
.bokkiepedia .entity-list-item + .chapter-expansion > .icon:after {
opacity: .5
}
.bokkiepedia .entity-list-item + .chapter-expansion .icon svg {
display: none
}
.bokkiepedia .entity-list-item + .chapter-expansion > .content {
flex: 1
}
.bokkiepedia .entity-list-item + .chapter-expansion .chapter-expansion-toggle {
border-radius: 0 4px 4px 0;
padding: 6px 16px;
width: 100%;
text-align: start
}
.bokkiepedia .entity-list-item + .chapter-expansion .chapter-expansion-toggle:hover {
background-color: rgba(0, 0, 0, .06)
}
.bokkiepedia .entity-list-item.has-children {
padding-bottom: 0
}
.bokkiepedia .entity-list-item.has-children > .icon {
border-radius: 4px 4px 0 0
}
.bokkiepedia .inset-list {
display: none
}
.bokkiepedia .inset-list .entity-list-item-name {
font-size: 1rem
}
.bokkiepedia .inset-list .entity-list-item-children {
padding-top: 0;
padding-bottom: 0
}
.bokkiepedia .sidebar-page-nav {
list-style: none;
margin-block-start: 12px;
margin-block-end: 16px;
margin-inline-start: 6px;
margin-inline-end: 0;
position: relative
}
.bokkiepedia .sidebar-page-nav:after {
content: "";
display: block;
position: absolute;
left: 0;
background-color: rgba(0, 0, 0, .2);
width: 2px;
top: 5px;
bottom: 5px;
z-index: 0
}
html[dir=rtl] .sidebar-page-nav:after {
left: auto;
right: 0
}
html.dark-mode .sidebar-page-nav:after {
background-color: rgba(255, 255, 255, .2)
}
.bokkiepedia .sidebar-page-nav li {
margin-bottom: 4px;
font-size: .95em;
position: relative
}
.bokkiepedia .sidebar-page-nav .h1 {
padding-inline-start: 16px
}
.bokkiepedia .sidebar-page-nav .h2 {
padding-inline-start: 24px
}
.bokkiepedia .sidebar-page-nav .h3 {
padding-inline-start: 32px
}
.bokkiepedia .sidebar-page-nav .h4 {
padding-inline-start: 40px
}
.bokkiepedia .sidebar-page-nav .h5 {
padding-inline-start: 48px
}
.bokkiepedia .sidebar-page-nav .h6 {
padding-inline-start: 56px
}
.bokkiepedia .sidebar-page-nav .current-heading {
font-weight: bold
}
.bokkiepedia .sidebar-page-nav li:not(.current-heading) .sidebar-page-nav-bullet {
background-color: #bbb !important
}
html.dark-mode .sidebar-page-nav li:not(.current-heading) .sidebar-page-nav-bullet {
background-color: #666 !important
}
.bokkiepedia .sidebar-page-nav .sidebar-page-nav-bullet {
width: 6px;
height: 6px;
position: absolute;
left: -2px;
top: 30%;
border-radius: 50%;
box-shadow: 0 0 0 6px #f2f2f2;
box-shadow: 0 0 0 6px #f2f2f2;
z-index: 1
}
html.dark-mode .sidebar-page-nav .sidebar-page-nav-bullet {
box-shadow: 0 0 0 6px #111
}
html[dir=rtl] .sidebar-page-nav .sidebar-page-nav-bullet {
left: auto;
right: -2px
}
.bokkiepedia .book-tree .sidebar-page-list {
list-style: none;
margin-block-start: 6px;
margin-block-end: 0;
margin-inline-start: -12px;
margin-inline-end: -12px;
padding-inline-start: 0;
padding-inline-end: 0;
position: relative
}
.bokkiepedia .book-tree .sidebar-page-list:after, .book-tree .sidebar-page-list .sub-menu:after {
content: "";
display: block;
position: absolute;
left: 16px;
top: 1rem;
bottom: 1rem;
border-inline-start: 4px solid rgba(0, 0, 0, .1);
z-index: 0
}
html[dir=rtl] .book-tree .sidebar-page-list:after, html[dir=rtl] .book-tree .sidebar-page-list .sub-menu:after {
left: auto;
right: 16px
}
.bokkiepedia .book-tree .sidebar-page-list ul {
list-style: none;
padding-inline-start: 1rem;
padding-inline-end: 0
}
.bokkiepedia .book-tree .sidebar-page-list .entity-list-item {
padding-top: 3px;
padding-bottom: 3px;
background-clip: content-box;
border-radius: 0 3px 3px 0;
padding-inline-end: 0
}
.bokkiepedia .book-tree .sidebar-page-list .entity-list-item .content {
padding-top: 6px;
padding-bottom: 6px;
max-width: calc(100% - 20px)
}
.bokkiepedia .book-tree .sidebar-page-list .entity-list-item.selected {
background-color: rgba(0, 0, 0, .08)
}
.bokkiepedia .book-tree .sidebar-page-list .entity-list-item.no-hover {
margin-top: -6px;
padding-inline-end: 0
}
.bokkiepedia .book-tree .sidebar-page-list .entity-list-item-name {
font-size: 1em;
margin: 0;
margin-inline-end: 16px
}
.bokkiepedia .book-tree .sidebar-page-list .chapter-child-menu {
font-size: .8rem;
margin-top: -0.2rem;
margin-inline-start: -1rem
}
.bokkiepedia .book-tree .sidebar-page-list [chapter-toggle] {
padding-inline-start: .7rem;
padding-bottom: .2rem
}
.bokkiepedia .book-tree .sidebar-page-list .entity-list-item .icon {
z-index: 2;
width: 4px;
height: auto;
align-self: stretch;
flex-shrink: 0;
border-radius: 1px;
opacity: .6
}
.bokkiepedia .book-tree .sidebar-page-list .entity-list-item .icon:after {
opacity: 1
}
.bokkiepedia .book-tree .sidebar-page-list .entity-list-item .icon svg {
display: none
}
.bokkiepedia .chapter-child-menu ul.sub-menu {
display: none;
padding-inline-start: 0;
position: relative
}
.bokkiepedia .chapter-child-menu [chapter-toggle].open + .sub-menu {
display: block
}
.bokkiepedia .sortable-page-list, .sortable-page-list ul {
list-style: none
}
.bokkiepedia .sort-box {
margin-bottom: 16px;
padding: 16px 32px;
position: relative
}
.bokkiepedia .sort-box::before {
pointer-events: none;
content: "";
border-radius: 4px;
opacity: .5;
border: 2px solid var(--color-book);
display: block;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute
}
.bokkiepedia .sort-box-options {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.bokkiepedia .sort-box-options .button {
margin-inline-start: 0
}
.bokkiepedia .sortable-page-list {
margin-inline-start: 0;
padding: 0
}
.bokkiepedia .sortable-page-list .entity-list-item > span:first-child {
align-self: flex-start
}
.bokkiepedia .sortable-page-list .sortable-selected .entity-list-item, .sortable-page-list .sortable-selected .entity-list-item:hover {
outline: 1px dotted var(--color-primary);
background-color: var(--color-primary-light) !important
}
.bokkiepedia .sortable-page-list .entity-list-item > div {
display: block;
flex: 1
}
.bokkiepedia .sortable-page-list > ul {
margin-inline-start: 0
}
.bokkiepedia .sortable-page-list ul {
margin-bottom: 16px;
margin-top: 0;
padding-inline-start: 16px
}
.bokkiepedia .sortable-page-list li {
border: 1px solid #ddd;
margin-top: -1px;
min-height: 38px
}
.bokkiepedia .sortable-page-list li.text-page, .sortable-page-list li.text-chapter {
border-inline-start: 2px solid currentColor
}
.bokkiepedia .sortable-page-list li:first-child {
margin-top: 6px
}
.bokkiepedia .sortable-page-list li.placeholder {
position: relative
}
.bokkiepedia .sortable-page-list li.placeholder:before {
position: absolute
}
.bokkiepedia .activity-list-item {
padding: 12px 0;
display: grid;
grid-template-columns:min-content 1fr;
grid-column-gap: 16px;
font-size: .9em
}
.bokkiepedia .card .activity-list-item {
padding: 12px 16px
}
.bokkiepedia .user-list-item {
display: inline-grid;
padding: 12px;
grid-template-columns:min-content 1fr;
grid-column-gap: 16px;
font-size: .9em;
align-items: center
}
.bokkiepedia .user-list-item > div:first-child {
line-height: 0
}
.bokkiepedia ul.pagination {
display: inline-block;
list-style: none;
margin: 16px 0;
padding-inline-start: 1px
}
.bokkiepedia ul.pagination li {
float: left
}
.bokkiepedia ul.pagination li:first-child a, .bokkiepedia ul.pagination li:first-child span {
border-radius: 3px 0 0 3px
}
.bokkiepedia ul.pagination li:last-child a, .bokkiepedia ul.pagination li:last-child span {
border-radius: 0 3px 3px 0
}
.bokkiepedia ul.pagination a, .bokkiepedia ul.pagination span {
display: block;
padding: 3px 12px;
border: 1px solid #ccc;
margin-inline-start: -1px;
user-select: none;
color: #555;
border-color: #ccc
}
html.dark-mode .bokkiepedia ul.pagination a, html.dark-mode .bokkiepedia ul.pagination span {
color: #eee
}
html.dark-mode .bokkiepedia ul.pagination a, html.dark-mode .bokkiepedia ul.pagination span {
border-color: #666
}
.bokkiepedia ul.pagination li.disabled {
cursor: not-allowed
}
.bokkiepedia ul.pagination li.active span {
color: #111;
background-color: rgba(0, 0, 0, .05)
}
html.dark-mode .bokkiepedia ul.pagination li.active span {
color: #eee
}
html.dark-mode .bokkiepedia ul.pagination li.active span {
background-color: rgba(0, 0, 0, .5)
}
.bokkiepedia .compact .bokkiepedia ul.pagination {
margin: 0
}
.bokkiepedia .entity-list, .icon-list {
margin: 0 -16px
}
.bokkiepedia .entity-list h4, .icon-list h4 {
margin: 0
}
.bokkiepedia .entity-list hr, .icon-list hr {
margin: 0
}
.bokkiepedia .entity-list .text-small.text-muted, .icon-list .text-small.text-muted {
color: #aaa;
font-size: .75em;
margin-top: 6px
}
.bokkiepedia .entity-list .text-muted p.text-muted, .icon-list .text-muted p.text-muted {
margin-top: 0
}
.bokkiepedia .entity-list .page.draft .text-page, .icon-list .page.draft .text-page {
color: var(--color-page-draft);
fill: var(--color-page-draft)
}
.bokkiepedia .entity-list > .dropdown-container, .icon-list > .dropdown-container {
display: block
}
.bokkiepedia .icon-list hr {
margin: 12px 16px;
max-width: 140px;
opacity: .25;
height: 1.1px
}
.bokkiepedia .icon-list hr + hr, .icon-list hr:first-child, .icon-list hr:last-child {
display: none
}
.bokkiepedia .entity-list-item, .icon-list-item {
padding: 12px 16px;
display: flex;
align-items: center;
background-color: transparent;
border: 0;
width: 100%;
position: relative;
word-break: break-word
}
.bokkiepedia .entity-list-item h4 a, .icon-list-item h4 a {
color: #666
}
.bokkiepedia .entity-list-item > span:first-child, .icon-list-item > span:first-child {
margin-inline-end: 16px;
flex-basis: 1.88em;
flex: none
}
.bokkiepedia .entity-list-item > span:last-child, .icon-list-item > span:last-child {
flex: 1;
text-align: start
}
.bokkiepedia .entity-list-item > .content, .icon-list-item > .content {
min-width: 0
}
.bokkiepedia .entity-list-item:not(.no-hover), .icon-list-item:not(.no-hover) {
cursor: pointer
}
.bokkiepedia .entity-list-item:not(.no-hover):hover, .icon-list-item:not(.no-hover):hover {
text-decoration: none;
background-color: rgba(0, 0, 0, .1);
border-radius: 4px
}
.bokkiepedia .entity-list-item.outline-hover:hover, .icon-list-item.outline-hover:hover {
background-color: transparent
}
.bokkiepedia .entity-list-item:focus, .icon-list-item:focus {
background-color: #eee;
outline: 1px dotted #666;
outline-offset: -2px
}
html.dark-mode .entity-list-item:focus, html.dark-mode .icon-list-item:focus {
background-color: #222
}
.bokkiepedia .entity-list-item-path-sep {
display: inline-block;
vertical-align: top;
position: relative;
top: 1px
}
.bokkiepedia .entity-list-item-path-sep svg {
margin-inline-end: 0
}
.bokkiepedia .card .entity-list-item:not(.no-hover):hover {
background-color: #f2f2f2
}
html.dark-mode .card .entity-list-item:not(.no-hover):hover {
background-color: #2d2d2d
}
.bokkiepedia .card .entity-list-item .entity-list-item:hover {
background-color: #eee
}
.bokkiepedia .entity-list-item-children {
padding: 16px
}
.bokkiepedia .entity-list-item-children > div {
overflow: hidden;
padding: 6px 0;
margin-top: -6px
}
.bokkiepedia .entity-list-item-children .entity-chip {
text-overflow: ellipsis;
height: 2.5em;
overflow: hidden;
text-align: start;
display: block;
white-space: nowrap
}
.bokkiepedia .entity-list-item-image {
align-self: stretch;
width: 140px;
flex: none;
background-size: cover;
background-position: 50% 50%;
border-radius: 3px;
position: relative;
margin-inline-end: 24px
}
.bokkiepedia .entity-list-item-image.entity-list-item-image-wide {
width: 220px
}
.bokkiepedia .entity-list-item-image .svg-icon {
color: #fff;
font-size: 1.66rem;
margin-inline-end: 0;
position: absolute;
bottom: 6px;
left: 6px
}
html.dark-mode .entity-list-item-image .svg-icon {
color: rgba(255, 255, 255, .6)
}
@media screen and (max-width: 880px) {
.entity-list-item-image {
width: 80px
}
}
.bokkiepedia .chapter > .entity-list-item-image {
width: 60px
}
.bokkiepedia .entity-list.compact {
font-size: 8.4px
}
.bokkiepedia .entity-list.compact h4, .entity-list.compact a {
line-height: 1.2
}
.bokkiepedia .entity-list.compact .entity-item-snippet {
display: none
}
.bokkiepedia .entity-list.compact .entity-list-item p {
font-size: 11.2px;
padding-top: 6px
}
.bokkiepedia .entity-list.compact p {
margin: 0
}
.bokkiepedia .entity-list.compact > p.empty-text {
display: block;
font-size: 14px
}
.bokkiepedia .entity-list.compact hr {
margin: 0
}
@media screen and (max-width: 880px) {
.entity-list.compact h4 {
font-size: 1.666em
}
}
.bokkiepedia .entity-item-tags {
font-size: .75rem;
opacity: 1
}
.bokkiepedia .entity-item-tags .primary-background-light {
background: transparent
}
.bokkiepedia .entity-item-tags .tag-name {
background-color: rgba(0, 0, 0, .05)
}
.bokkiepedia .dropdown-container {
display: inline-block;
vertical-align: top;
position: relative
}
.bokkiepedia .dropdown-menu {
display: none;
position: absolute;
z-index: 999;
top: 0;
list-style: none;
right: 0;
margin: 16px 0;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, .18);
border-radius: 1px;
min-width: 180px;
padding: 6px 0;
color: #555;
fill: currentColor;
text-align: start !important;
max-height: 500px;
overflow-y: auto
}
html.dark-mode .dropdown-menu {
background-color: #333
}
html.dark-mode .dropdown-menu {
color: #eee
}
.bokkiepedia .dropdown-menu.wide {
min-width: 220px
}
.bokkiepedia .dropdown-menu .text-muted {
color: #999;
fill: #999
}
.bokkiepedia .dropdown-menu li.active a {
font-weight: 600
}
.bokkiepedia .dropdown-menu a, .dropdown-menu button {
display: block;
padding: 6px 16px;
color: #555;
fill: currentColor;
white-space: nowrap;
line-height: 1.6;
cursor: pointer
}
html.dark-mode .dropdown-menu a, html.dark-mode .dropdown-menu button {
color: #eee
}
.bokkiepedia .dropdown-menu a:hover, .dropdown-menu a:focus, .dropdown-menu button:hover, .dropdown-menu button:focus {
text-decoration: none;
background-color: var(--color-primary-light);
color: var(--color-primary)
}
.bokkiepedia .dropdown-menu a:focus, .dropdown-menu button:focus {
outline: 1px solid var(--color-primary);
outline-offset: -2px
}
.bokkiepedia .dropdown-menu a svg, .dropdown-menu button svg {
margin-inline-end: 12px;
display: inline-block;
width: 16px
}
.bokkiepedia .dropdown-menu button {
width: 100%;
text-align: start
}
.bokkiepedia .dropdown-menu li.border-bottom {
border-bottom: 1px solid #ddd
}
.bokkiepedia .dropdown-menu li hr {
margin: 6px 0
}
.bokkiepedia .featured-image-container {
position: relative;
overflow: hidden;
min-height: 140px;
background-size: cover;
background-position: 50% 50%;
transition: opacity ease-in-out 240ms
}
.bokkiepedia .featured-image-container a {
display: block
}
.bokkiepedia .featured-image-container img {
display: block;
width: 100%;
max-width: 100%;
height: auto
}
.bokkiepedia .featured-image-container-wrap {
position: relative
}
.bokkiepedia .featured-image-container-wrap .svg-icon {
color: #fff;
font-size: 2rem;
margin-inline-end: 0;
position: absolute;
bottom: 10px;
left: 6px
}
html.dark-mode .featured-image-container-wrap .svg-icon {
color: rgba(255, 255, 255, .6)
}
.bokkiepedia .grid-card:hover .featured-image-container {
opacity: .5
}
.bokkiepedia .action-link {
background: transparent;
border: none;
color: currentColor;
padding: 16px 0
}
.bokkiepedia .active-link-list a {
display: inline-block;
padding: 12px
}
.bokkiepedia .active-link-list a:not(.active) {
color: #444
}
html.dark-mode .active-link-list a:not(.active) {
color: #666
}
.bokkiepedia .active-link-list a:hover {
background-color: rgba(0, 0, 0, .05);
border-radius: 3px;
text-decoration: none
}
html.dark-mode .active-link-list a:hover {
background-color: rgba(255, 255, 255, .05)
}
.bokkiepedia .page-editor {
display: flex;
flex-direction: column;
align-items: stretch;
overflow: hidden
}
.bokkiepedia .page-editor .edit-area {
flex: 1;
flex-direction: column;
z-index: 10
}
.bokkiepedia .page-editor .mce-tinymce {
box-shadow: none
}
.bokkiepedia .page-editor .mce-top-part::before {
box-shadow: none
}
body.mce-fullscreen .page-editor .edit-area, body.markdown-fullscreen .page-editor .edit-area {
z-index: 12
}
body.mce-fullscreen .page-editor, body.mce-fullscreen .flex-fill, body.markdown-fullscreen .page-editor, body.markdown-fullscreen .flex-fill {
overflow: visible
}
@media screen and (max-width: 600px) {
.page-edit-toolbar {
overflow-x: scroll;
overflow-y: visible
}
.page-edit-toolbar .grid.third {
display: block;
white-space: nowrap
}
.page-edit-toolbar .grid.third > div {
display: inline-block
}
}
.bokkiepedia .page-save-mobile-button {
position: fixed;
z-index: 30;
border-radius: 50%;
width: 56px;
height: 56px;
font-size: 24px;
right: 16px;
bottom: 12px;
box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .13);
background-color: currentColor;
text-align: center
}
.bokkiepedia .page-save-mobile-button svg {
fill: #fff;
margin-inline-end: 0
}
.bokkiepedia .draft-notification {
pointer-events: none;
transform: scale(0);
transition: transform ease-in-out 120ms;
transform-origin: 50% 50%
}
.bokkiepedia .draft-notification.visible {
transform: scale(1)
}
.bokkiepedia .page-style.editor {
padding: 0 !important
}
.bokkiepedia .page-content {
width: 100%;
max-width: 840px;
margin: 0 auto;
overflow-wrap: break-word
}
.bokkiepedia .page-content .align-left {
text-align: left
}
.bokkiepedia .page-content img.align-left, .page-content table.align-left {
float: left !important;
margin: 6px 16px 16px 0
}
.bokkiepedia .page-content .align-right {
text-align: right !important
}
.bokkiepedia .page-content img.align-right, .page-content table.align-right {
float: right !important;
margin: 6px 0 6px 12px
}
.bokkiepedia .page-content .align-center {
text-align: center
}
.bokkiepedia .page-content img.align-center {
display: block
}
.bokkiepedia .page-content img.align-center, .page-content table.align-center {
margin-left: auto;
margin-right: auto
}
.bokkiepedia .page-content img {
max-width: 100%;
height: auto
}
.bokkiepedia .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .page-content pre {
clear: left
}
.bokkiepedia .page-content hr {
clear: both;
margin: 16px 0
}
.bokkiepedia .page-content table {
hyphens: auto;
table-layout: fixed;
max-width: 100%;
height: auto !important
}
.bokkiepedia .page-content ins, .page-content del {
text-decoration: none
}
.bokkiepedia .page-content ins {
background: #dbffdb
}
.bokkiepedia .page-content del {
background: #ffecec
}
.bokkiepedia .page-content.page-revision pre code {
white-space: pre-wrap
}
.bokkiepedia .pointer-container {
position: relative;
display: none;
left: 0;
z-index: 10
}
.bokkiepedia .pointer {
border: 1px solid #ccc;
border-color: #ccc;
display: flex;
align-items: center;
justify-items: center;
padding: 12px 12px;
border-radius: 4px;
box-shadow: 0 0 12px 1px rgba(0, 0, 0, .1);
position: absolute;
top: -60px;
background-color: #fff;
width: 275px;
z-index: 55
}
html.dark-mode .bokkiepedia .pointer {
border-color: #000
}
html.dark-mode .bokkiepedia .pointer {
background-color: #333
}
.bokkiepedia .pointer.is-page-editable {
width: 328px
}
.bokkiepedia .pointer:before {
position: absolute;
left: 50%;
bottom: -9px;
width: 16px;
height: 16px;
margin-inline-start: -8px;
content: "";
display: block;
transform: rotate(45deg);
transform-origin: 50% 50%;
border-block-end: 1px solid #ccc;
border-inline-end: 1px solid #ccc;
z-index: 56;
background-color: #fff;
border-color: #ccc
}
html.dark-mode .pointer:before {
background-color: #333
}
html.dark-mode .pointer:before {
border-color: #000
}
.bokkiepedia .pointer input, .bokkiepedia .pointer button, .bokkiepedia .pointer a {
position: relative;
border-radius: 0;
height: 28px;
font-size: 12px;
vertical-align: top;
padding: 5px 16px
}
.bokkiepedia .pointer input {
background-color: #fff;
border: 1px solid #ddd;
border-color: #ddd;
color: #666;
width: 172px;
z-index: 40;
padding: 5px 10px
}
html.dark-mode .bokkiepedia .pointer input {
border-color: #000
}
.bokkiepedia .pointer span.icon {
fill: #444;
cursor: pointer;
user-select: none;
display: inline-block;
line-height: 1
}
.bokkiepedia .pointer .input-group .button {
line-height: 1;
margin: 0 0 0 -4px;
box-shadow: none
}
.bokkiepedia .pointer a.button {
margin: 0
}
.bokkiepedia .pointer .svg-icon {
width: 1.2em;
height: 1.2em
}
.bokkiepedia .pointer .button {
border-color: #ddd
}
html.dark-mode .bokkiepedia .pointer .button {
border-color: #000
}
.bokkiepedia .floating-toolbox {
border: 1px solid #ddd;
background-color: #fff;
border-color: #ddd;
right: 64px;
width: 48px;
overflow: hidden;
align-items: stretch;
flex-direction: row;
display: flex;
transition: width ease-in-out 180ms;
margin-top: -1px;
min-height: 0
}
html.dark-mode .floating-toolbox {
background-color: #222
}
html.dark-mode .floating-toolbox {
border-color: #000
}
.bokkiepedia .floating-toolbox.open {
width: 480px
}
.bokkiepedia .floating-toolbox [toolbox-toggle] svg {
transition: transform ease-in-out 180ms
}
.bokkiepedia .floating-toolbox [toolbox-toggle] {
transition: background-color ease-in-out 180ms
}
.bokkiepedia .floating-toolbox.open [toolbox-toggle] {
background-color: rgba(255, 0, 0, .29)
}
.bokkiepedia .floating-toolbox.open [toolbox-toggle] svg {
transform: rotate(180deg)
}
.bokkiepedia .floating-toolbox > div {
flex: 1;
position: relative
}
.bokkiepedia .floating-toolbox .tabs {
display: block;
border-inline-end: 1px solid #ddd;
border-color: #ddd;
width: 48px;
flex: 0 1 auto
}
html.dark-mode .floating-toolbox .tabs {
border-color: #000
}
.bokkiepedia .floating-toolbox .tabs svg {
padding: 0;
margin: 0
}
.bokkiepedia .floating-toolbox .tabs > button {
color: rgba(0, 0, 0, .5);
display: block;
cursor: pointer;
padding: 12px 16px;
font-size: 16px;
line-height: 1.6;
border-bottom: 1px solid rgba(255, 255, 255, .3)
}
html.dark-mode .floating-toolbox .tabs > button {
color: rgba(255, 255, 255, .5)
}
.bokkiepedia .floating-toolbox.open .tabs > button.active {
color: #444;
background-color: rgba(0, 0, 0, .1)
}
html.dark-mode .floating-toolbox.open .tabs > button.active {
color: #eee
}
.bokkiepedia .floating-toolbox div[toolbox-tab-content] {
padding-bottom: 45px;
display: flex;
flex: 1;
flex-direction: column;
min-height: 0;
overflow-y: scroll
}
.bokkiepedia .floating-toolbox h4 {
font-size: 24px;
margin: 16px 0 0 0;
padding: 0 24px 12px 24px
}
.bokkiepedia .floating-toolbox .tags input {
max-width: 100%;
width: 100%;
min-width: 50px
}
.bokkiepedia .floating-toolbox .tags td, .floating-toolbox .inline-start-table > div > div > div {
padding-inline-end: 12px;
padding-top: 12px;
position: relative
}
.bokkiepedia .floating-toolbox .handle {
user-select: none;
cursor: move;
fill: #999
}
.bokkiepedia .floating-toolbox form {
display: flex;
flex: 1;
flex-direction: column;
overflow-y: scroll
}
.bokkiepedia .floating-toolbox table td, .floating-toolbox table th {
overflow: visible
}
[toolbox-tab-content] {
display: none
}
.bokkiepedia .suggestion-box {
top: auto;
margin: -4px 0 0;
right: auto;
left: 0;
padding: 0
}
.bokkiepedia .suggestion-box li {
display: block;
border-bottom: 1px solid #ddd
}
.bokkiepedia .suggestion-box li:last-child {
border-bottom: 0
}
.bokkiepedia .comments-container h5 {
color: #888;
font-weight: normal;
margin-top: .5em
}
.bokkiepedia .comment-editor .CodeMirror, .comment-editor .CodeMirror-scroll {
min-height: 175px
}
.bokkiepedia .mce-floatpanel[aria-label="Insert/edit media"] .mce-open {
display: none
}
.bokkiepedia .entity-list-item > span:first-child, .icon-list-item > span:first-child, .chapter-expansion > .icon {
font-size: .8rem;
width: 1.88em;
height: 1.88em;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 1em;
position: relative;
overflow: hidden
}
.bokkiepedia .entity-list-item > span:first-child svg, .icon-list-item > span:first-child svg, .chapter-expansion > .icon svg {
margin: 0;
bottom: 0
}
.bokkiepedia .entity-list-item > span:first-child:after, .icon-list-item > span:first-child:after, .chapter-expansion > .icon:after {
content: "";
position: absolute;
background-color: currentColor;
opacity: .2;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.bokkiepedia .entity-chip {
display: inline-block;
align-items: center;
justify-content: center;
text-align: center;
font-size: .9em;
border-radius: 3px;
position: relative;
overflow: hidden;
padding: 6px 12px;
fill: currentColor;
opacity: .85;
transition: opacity ease-in-out 120ms
}
.bokkiepedia .entity-chip:after {
content: "";
position: absolute;
background-color: currentColor;
opacity: .15;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.bokkiepedia .entity-chip:hover {
text-decoration: none;
opacity: 1
}
@media (prefers-contrast: more) {
.entity-chip {
opacity: 1
}
}
.bokkiepedia .dragged {
position: absolute;
opacity: .5;
z-index: 2000
}
body.dragging, body.dragging * {
cursor: move !important
}
.bokkiepedia .avatar {
border-radius: 100%;
background-color: #eee;
width: 30px;
height: 30px
}
html.dark-mode .avatar {
background-color: #000
}
.bokkiepedia .avatar.med {
width: 40px;
height: 40px
}
.bokkiepedia .avatar.large {
width: 80px;
height: 80px
}
.bokkiepedia .avatar.huge {
width: 120px;
height: 120px
}
.bokkiepedia .avatar.square {
border-radius: 3px
}
html.dark-mode .avatar[src$="user_avatar.png"] {
filter: invert(1)
}
.bokkiepedia .loading-container {
position: relative;
display: block;
margin: 32px auto
}
.bokkiepedia .loading-container > div {
width: 10px;
height: 10px;
border-radius: 10px;
display: inline-block;
vertical-align: top;
transform: translate3d(-10px, 0, 0);
margin-top: 6px;
animation-name: loadingBob;
animation-duration: 1.4s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0.62, 0.28, 0.23, 0.99);
margin-inline-end: 4px;
background-color: var(--color-page);
animation-delay: .3s
}
.bokkiepedia .loading-container > div:first-child {
left: -16px;
background-color: var(--color-book);
animation-delay: 0s
}
.bokkiepedia .loading-container > div:last-of-type {
left: 16px;
background-color: var(--color-chapter);
animation-delay: .6s
}
.bokkiepedia .loading-container > span {
margin-inline-start: 12px;
font-style: italic;
color: #888;
vertical-align: top
}
[back-to-top] {
background-color: var(--color-primary);
position: fixed;
bottom: 16px;
right: 24px;
padding: 5px 7px;
cursor: pointer;
color: #fff;
fill: #fff;
width: 40px;
height: 40px;
border-radius: 40px;
transition: all ease-in-out 180ms;
opacity: 0;
z-index: 999;
overflow: hidden
}
[back-to-top] svg {
width: 26.6666666667px;
height: 26.6666666667px;
margin-inline-end: 4px
}
[back-to-top]:hover {
width: 136px;
opacity: 1 !important
}
[back-to-top] .inner {
width: 136px
}
[back-to-top] span {
position: relative;
vertical-align: top;
line-height: 2
}
.bokkiepedia .skip-to-content-link {
position: fixed;
top: -48px;
left: 0;
background-color: #fff;
z-index: 15;
border-radius: 0 4px 4px 0;
display: block;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, .5);
font-weight: bold
}
.bokkiepedia .skip-to-content-link:focus {
top: 32px;
outline-offset: -10px;
outline: 2px dotted var(--color-primary)
}
.bokkiepedia .contained-search-box {
display: flex;
height: 38px
}
.bokkiepedia .contained-search-box input, .contained-search-box button {
border-radius: 0;
border: 1px solid #ddd;
border-color: #ddd;
margin-inline-start: -1px
}
html.dark-mode .contained-search-box input, html.dark-mode .contained-search-box button {
border-color: #000
}
.bokkiepedia .contained-search-box input {
flex: 5;
padding: 6px 12px
}
.bokkiepedia .contained-search-box input:focus, .contained-search-box input:active {
outline: 0
}
.bokkiepedia .contained-search-box button {
width: 60px
}
.bokkiepedia .contained-search-box button i {
padding: 0
}
.bokkiepedia .contained-search-box button.cancel.active {
background-color: #ab0f0e;
color: #eee
}
.bokkiepedia .contained-search-box svg {
margin: 0
}
.bokkiepedia .entity-selector {
border: 1px solid #ddd;
border-color: #ddd;
border-radius: 3px;
overflow: hidden;
font-size: .8em
}
html.dark-mode .entity-selector {
border-color: #111
}
.bokkiepedia .entity-selector input[type=text] {
width: 100%;
display: block;
border-radius: 0;
border: 0;
border-bottom: 1px solid #ddd;
font-size: 16px;
padding: 12px 16px
}
.bokkiepedia .entity-selector .entity-list {
overflow-y: scroll;
height: 400px;
background-color: #eee;
margin-inline-end: 0;
margin-inline-start: 0
}
html.dark-mode .entity-selector .entity-list {
background-color: #222
}
.bokkiepedia .entity-selector .entity-list-item {
background-color: #fff
}
html.dark-mode .entity-selector .entity-list-item {
background-color: #222
}
.bokkiepedia .entity-selector .entity-list-item p {
margin-bottom: 0
}
.bokkiepedia .entity-selector .entity-list-item:focus {
outline: 2px dotted var(--color-primary);
outline-offset: -4px
}
.bokkiepedia .entity-selector .entity-list-item.selected {
background-color: rgba(0, 0, 0, .05)
}
html.dark-mode .entity-selector .entity-list-item.selected {
background-color: rgba(255, 255, 255, .05)
}
.bokkiepedia .entity-selector .loading {
height: 400px;
padding-top: 24px
}
.bokkiepedia .entity-selector .entity-selector-add button {
margin: 0;
display: block;
width: 100%;
border: 0;
border-top: 1px solid #ddd
}
.bokkiepedia .entity-selector.compact {
font-size: 10px
}
.bokkiepedia .entity-selector.compact .entity-item-snippet {
display: none
}
.bokkiepedia .scroll-box {
max-height: 250px;
overflow-y: scroll;
border: 1px solid #ddd;
border-radius: 3px
}
.bokkiepedia .scroll-box .scroll-box-item {
padding: 6px 16px;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
margin-top: -1px
}
.bokkiepedia .scroll-box .scroll-box-item:last-child {
border-bottom: 0
}
.bokkiepedia .scroll-box[data-instruction]:before {
content: attr(data-instruction);
padding: 6px 16px;
border-bottom: 1px solid #ddd;
display: block;
font-size: .75rem;
color: #666
}
.bokkiepedia .fullscreen {
border: 0;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 150
}
.bokkiepedia .list-sort-container {
display: inline-block
}
.bokkiepedia .list-sort-container form {
display: inline-block
}
.bokkiepedia .list-sort-container .list-sort {
display: inline-grid;
margin-inline-start: 12px;
grid-template-columns:minmax(120px, max-content) 40px;
font-size: .9rem;
border: 2px solid #ddd;
border-color: #ddd;
border-radius: 4px
}
html.dark-mode .list-sort-container .list-sort {
border-color: #444
}
.bokkiepedia .list-sort-container .list-sort-label {
font-weight: bold;
display: inline-block;
color: #555
}
html.dark-mode .list-sort-container .list-sort-label {
color: #888
}
.bokkiepedia .list-sort-container .list-sort-type {
text-align: start
}
.bokkiepedia .list-sort-container .list-sort-type, .list-sort-container .list-sort-dir {
padding: 6px 12px;
cursor: pointer
}
.bokkiepedia .list-sort-container .list-sort-dir {
border-inline-start: 2px solid #ddd;
color: #888;
border-color: #ddd
}
html.dark-mode .list-sort-container .list-sort-dir {
border-color: #444
}
.bokkiepedia .list-sort-container .list-sort-dir .svg-icon {
transition: transform ease-in-out 120ms
}
.bokkiepedia .list-sort-container .list-sort-dir:hover .svg-icon {
transform: rotate(180deg)
}
table.table .table-user-item {
display: grid;
grid-template-columns:42px 1fr;
align-items: center
}
table.table .table-entity-item {
display: grid;
grid-template-columns:36px 1fr;
align-items: center
}
/*# sourceMappingURL=styles.css.map */
/*.logo-image {
border: 5px solid white;
border-radius: 3px;
}
*/