@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

:root {
    --rgb-font: #333;
    --rgb-font--muted: #777;
    --rgb-name: #822000;
    --rgb-bg: #fff;
    --rgb-bg--alt: #f5f5f5;
    --rgb-border--statblock: #e69a28
}

:root.night-mode {
    --rgb-font: #bbb;
    --rgb-name: #d29a38;
    --rgb-bg: #222;
    --rgb-bg--alt: #383838;
    --rgb-border--statblock: #565656
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

:root {
    --safe-area-inset-top: 0;
    --safe-area-inset-right: 0;
    --safe-area-inset-bottom: 0;
    --safe-area-inset-left: 0
}

.glyphicon-send {
    top: 2px;
    right: 1px
}

.glyphicon--top-2p {
    top: 2px
}

.roller {
    color: #337ab7;
    cursor: pointer
}

.text-muted a {
    color: #7096b7
}

.font-ui {
    font-family: Arial, sans-serif
}

@media screen and (width <=768px) {
    .help--hover {
        cursor: default !important;
        text-decoration: none !important
    }
}

body {
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
    padding: var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)
}

body.is-fullscreen .page__header {
    display: none
}

body.is-fullscreen .page__nav {
    display: none
}

input {
    min-width: 0
}

input[type=checkbox],
input[type=radio] {
    margin: 0
}

main {
    padding: 10px 15px
}

footer {
    padding: 20px 15px;
    font-size: 90%
}

pre,
textarea {
    tab-size: 2
}

hr {
    flex-shrink: 0
}

@-moz-document url-prefix() {
    * {
        scrollbar-width: thin
    }
}

::-webkit-scrollbar {
    width: 9px;
    height: 9px
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0)
}

::-webkit-scrollbar-thumb {
    background: #cbcbcb
}

body {
    scrollbar-width: auto
}

body::-webkit-scrollbar {
    width: 15px
}

.container {
    position: relative
}

.input-xs {
    height: 22px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-control--minimal {
    border-radius: 0;
    padding: 0 2px
}

.ve-flex-label {
    display: inline-flex;
    align-items: center
}

.ve-flex-label>input[type=checkbox],
.ve-flex-label>input[type=radio] {
    margin: 0 0 0 5px
}

.btn-xxs {
    padding: 0 2px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-primary--half {
    background: repeating-linear-gradient(135deg, #337ab7, #337ab7 16px, #b8b8b8 16px, #b8b8b8 32px)
}

.ve-dropdown-menu--side {
    top: -10px;
    left: 100%;
    max-height: calc(100vh - 130px);
    overflow-y: auto
}

.nav>li>a {
    padding: 5px 14px 6px
}

@media screen and (width > 991px) {
    .nav>li>a {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

@media screen and (width <=991px) {
    .nav>li {
        margin-top: 2px;
        margin-bottom: 2px
    }
}

.page__nav-inner>li.active>a,
.page__nav-inner>li.active>a:focus,
.page__nav-inner>li.active>a:hover {
    background-color: #006bc4;
    border-top: 0
}

@media screen and (width > 991px) {

    .page__nav-inner>li.active>a,
    .page__nav-inner>li.active>a:focus,
    .page__nav-inner>li.active>a:hover {
        border-left: 1px solid rgba(0, 0, 0, 0);
        border-right: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid #999
    }
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: rgba(0, 0, 0, .1)
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: rgba(0, 0, 0, .1)
}

.row {
    margin-right: 0;
    margin-left: 0
}

.ve-dropdown-menu>li>a.ve-dropdown-ext-link {
    display: flex;
    justify-content: space-between
}

.ve-dropdown-menu>li>a.ve-dropdown-ext-link:hover {
    padding-right: 10px
}

.ve-dropdown-menu>li>span {
    cursor: pointer;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.4286;
    color: #333;
    white-space: nowrap
}

.ve-dropdown-menu>li>span:focus,
.ve-dropdown-menu>li>span:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.ve-dropdown-menu>.disabled>span {
    pointer-events: none;
    color: #777
}

.ve-dropdown-menu>.disabled>span:focus,
.ve-dropdown-menu>.disabled>span:hover {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: rgba(0, 0, 0, 0);
    background-image: none
}

.ve-dropdown-menu>.ctx-danger>span {
    background: #d9534f;
    color: #fff
}

.ve-dropdown-menu>.ctx-danger>span:focus,
.ve-dropdown-menu>.ctx-danger>span:hover {
    color: #fff;
    text-decoration: none;
    background-color: #ac2925
}

.ve-dropdown-ext-link>.glyphicon {
    top: 3px;
    display: none
}

.ve-dropdown-ext-link:hover>.glyphicon {
    display: inline-block
}

.caret--right {
    transform: rotate(270deg)
}

.input-group>input.form-control,
.input-group>label,
.input-group>button,
.input-group>a.btn {
    border-radius: 0;
    border-right: 0
}

.input-group>input.form-control:first-child,
.input-group>label:first-child,
.input-group>button:first-child,
.input-group>a.btn:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.input-group>input.form-control:last-child,
.input-group>label:last-child,
.input-group>button:last-child,
.input-group>a.btn:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: 1px solid #ccc
}

.input-group--top input.form-control:first-child,
.input-group--top label:first-child,
.input-group--top button:first-child,
.input-group--top a.btn:first-child {
    border-bottom-left-radius: 0
}

.input-group--top input.form-control:last-child,
.input-group--top label:last-child,
.input-group--top button:last-child,
.input-group--top a.btn:last-child {
    border-bottom-right-radius: 0
}

.input-group--middle input.form-control,
.input-group--middle label,
.input-group--middle button,
.input-group--middle a.btn {
    border-top: 0
}

.input-group--middle input.form-control:first-child,
.input-group--middle label:first-child,
.input-group--middle button:first-child,
.input-group--middle a.btn:first-child {
    border-radius: 0
}

.input-group--middle input.form-control:last-child,
.input-group--middle label:last-child,
.input-group--middle button:last-child,
.input-group--middle a.btn:last-child {
    border-radius: 0
}

.input-group--bottom input.form-control,
.input-group--bottom label,
.input-group--bottom button,
.input-group--bottom a.btn {
    border-top: 0
}

.input-group--bottom input.form-control:first-child,
.input-group--bottom label:first-child,
.input-group--bottom button:first-child,
.input-group--bottom a.btn:first-child {
    border-top-left-radius: 0
}

.input-group--bottom input.form-control:last-child,
.input-group--bottom label:last-child,
.input-group--bottom button:last-child,
.input-group--bottom a.btn:last-child {
    border-top-right-radius: 0
}

.night-mode .input-group>input.form-control:last-child,
.night-mode .input-group>label:last-child,
.night-mode .input-group>button:last-child,
.night-mode .input-group>a.btn:last-child {
    border-right-color: #555
}

.ve-col-0-1,
.ve-col-0-2,
.ve-col-0-3,
.ve-col-0-4,
.ve-col-0-5,
.ve-col-0-6,
.ve-col-0-7,
.ve-col-0-8,
.ve-col-0-9,
.ve-col-1-1,
.ve-col-1-2,
.ve-col-1-3,
.ve-col-1-4,
.ve-col-1-5,
.ve-col-1-6,
.ve-col-1-7,
.ve-col-1-8,
.ve-col-1-9,
.ve-col-1,
.ve-col-2-1,
.ve-col-2-2,
.ve-col-2-3,
.ve-col-2-4,
.ve-col-2-5,
.ve-col-2-6,
.ve-col-2-7,
.ve-col-2-8,
.ve-col-2-9,
.ve-col-2,
.ve-col-3-1,
.ve-col-3-2,
.ve-col-3-3,
.ve-col-3-4,
.ve-col-3-5,
.ve-col-3-6,
.ve-col-3-7,
.ve-col-3-8,
.ve-col-3-9,
.ve-col-3,
.ve-col-4-1,
.ve-col-4-2,
.ve-col-4-3,
.ve-col-4-4,
.ve-col-4-5,
.ve-col-4-6,
.ve-col-4-7,
.ve-col-4-8,
.ve-col-4-9,
.ve-col-4,
.ve-col-5-1,
.ve-col-5-2,
.ve-col-5-3,
.ve-col-5-4,
.ve-col-5-5,
.ve-col-5-6,
.ve-col-5-7,
.ve-col-5-8,
.ve-col-5-9,
.ve-col-5,
.ve-col-6-1,
.ve-col-6-2,
.ve-col-6-3,
.ve-col-6-4,
.ve-col-6-5,
.ve-col-6-6,
.ve-col-6-7,
.ve-col-6-8,
.ve-col-6-9,
.ve-col-6,
.ve-col-7-1,
.ve-col-7-2,
.ve-col-7-3,
.ve-col-7-4,
.ve-col-7-5,
.ve-col-7-6,
.ve-col-7-7,
.ve-col-7-8,
.ve-col-7-9,
.ve-col-7,
.ve-col-8-1,
.ve-col-8-2,
.ve-col-8-3,
.ve-col-8-4,
.ve-col-8-5,
.ve-col-8-6,
.ve-col-8-7,
.ve-col-8-8,
.ve-col-8-9,
.ve-col-8,
.ve-col-9-1,
.ve-col-9-2,
.ve-col-9-3,
.ve-col-9-4,
.ve-col-9-5,
.ve-col-9-6,
.ve-col-9-7,
.ve-col-9-8,
.ve-col-9-9,
.ve-col-9,
.ve-col-10-1,
.ve-col-10-2,
.ve-col-10-3,
.ve-col-10-4,
.ve-col-10-5,
.ve-col-10-6,
.ve-col-10-7,
.ve-col-10-8,
.ve-col-10-9,
.ve-col-10,
.ve-col-11-1,
.ve-col-11-2,
.ve-col-11-3,
.ve-col-11-4,
.ve-col-11-5,
.ve-col-11-6,
.ve-col-11-7,
.ve-col-11-8,
.ve-col-11-9,
.ve-col-11,
.ve-col-12 {
    position: relative;
    min-height: 1px
}

.ve-col-12 {
    width: 100% !important
}

.ve-col-11 {
    width: 91.6667% !important
}

.ve-col-11-9 {
    width: 99.1667% !important
}

.ve-col-11-8 {
    width: 98.3333% !important
}

.ve-col-11-7 {
    width: 97.5% !important
}

.ve-col-11-6 {
    width: 96.6667% !important
}

.ve-col-11-5 {
    width: 95.8333% !important
}

.ve-col-11-4 {
    width: 95% !important
}

.ve-col-11-3 {
    width: 94.1667% !important
}

.ve-col-11-2 {
    width: 93.3333% !important
}

.ve-col-11-1 {
    width: 92.5% !important
}

.ve-col-10 {
    width: 83.3333% !important
}

.ve-col-10-9 {
    width: 90.8333% !important
}

.ve-col-10-8 {
    width: 90% !important
}

.ve-col-10-7 {
    width: 89.1667% !important
}

.ve-col-10-6 {
    width: 88.3333% !important
}

.ve-col-10-5 {
    width: 87.5% !important
}

.ve-col-10-4 {
    width: 86.6667% !important
}

.ve-col-10-3 {
    width: 85.8333% !important
}

.ve-col-10-2 {
    width: 85% !important
}

.ve-col-10-1 {
    width: 84.1667% !important
}

.ve-col-9 {
    width: 75% !important
}

.ve-col-9-9 {
    width: 82.5% !important
}

.ve-col-9-8 {
    width: 81.6667% !important
}

.ve-col-9-7 {
    width: 80.8333% !important
}

.ve-col-9-6 {
    width: 80% !important
}

.ve-col-9-5 {
    width: 79.1667% !important
}

.ve-col-9-4 {
    width: 78.3333% !important
}

.ve-col-9-3 {
    width: 77.5% !important
}

.ve-col-9-2 {
    width: 76.6667% !important
}

.ve-col-9-1 {
    width: 75.8333% !important
}

.ve-col-8 {
    width: 66.6667% !important
}

.ve-col-8-9 {
    width: 74.1667% !important
}

.ve-col-8-8 {
    width: 73.3333% !important
}

.ve-col-8-7 {
    width: 72.5% !important
}

.ve-col-8-6 {
    width: 71.6667% !important
}

.ve-col-8-5 {
    width: 70.8333% !important
}

.ve-col-8-4 {
    width: 70% !important
}

.ve-col-8-3 {
    width: 69.1667% !important
}

.ve-col-8-2 {
    width: 68.3333% !important
}

.ve-col-8-1 {
    width: 67.5% !important
}

.ve-col-7 {
    width: 58.3333% !important
}

.ve-col-7-9 {
    width: 65.8333% !important
}

.ve-col-7-8 {
    width: 65% !important
}

.ve-col-7-7 {
    width: 64.1667% !important
}

.ve-col-7-6 {
    width: 63.3333% !important
}

.ve-col-7-5 {
    width: 62.5% !important
}

.ve-col-7-4 {
    width: 61.6667% !important
}

.ve-col-7-3 {
    width: 60.8333% !important
}

.ve-col-7-2 {
    width: 60% !important
}

.ve-col-7-1 {
    width: 59.1667% !important
}

.ve-col-6 {
    width: 50% !important
}

.ve-col-6-9 {
    width: 57.5% !important
}

.ve-col-6-8 {
    width: 56.6667% !important
}

.ve-col-6-7 {
    width: 55.8333% !important
}

.ve-col-6-6 {
    width: 55% !important
}

.ve-col-6-5 {
    width: 54.1667% !important
}

.ve-col-6-4 {
    width: 53.3333% !important
}

.ve-col-6-3 {
    width: 52.5% !important
}

.ve-col-6-2 {
    width: 51.6667% !important
}

.ve-col-6-1 {
    width: 50.8333% !important
}

.ve-col-5 {
    width: 41.6667% !important
}

.ve-col-5-9 {
    width: 49.1667% !important
}

.ve-col-5-8 {
    width: 48.3333% !important
}

.ve-col-5-7 {
    width: 47.5% !important
}

.ve-col-5-6 {
    width: 46.6667% !important
}

.ve-col-5-5 {
    width: 45.8333% !important
}

.ve-col-5-4 {
    width: 45% !important
}

.ve-col-5-3 {
    width: 44.1667% !important
}

.ve-col-5-2 {
    width: 43.3333% !important
}

.ve-col-5-1 {
    width: 42.5% !important
}

.ve-col-4 {
    width: 33.3333% !important
}

.ve-col-4-9 {
    width: 40.8333% !important
}

.ve-col-4-8 {
    width: 40% !important
}

.ve-col-4-7 {
    width: 39.1667% !important
}

.ve-col-4-6 {
    width: 38.3333% !important
}

.ve-col-4-5 {
    width: 37.5% !important
}

.ve-col-4-4 {
    width: 36.6667% !important
}

.ve-col-4-3 {
    width: 35.8333% !important
}

.ve-col-4-2 {
    width: 35% !important
}

.ve-col-4-1 {
    width: 34.1667% !important
}

.ve-col-3 {
    width: 25% !important
}

.ve-col-3-9 {
    width: 32.5% !important
}

.ve-col-3-8 {
    width: 31.6667% !important
}

.ve-col-3-7 {
    width: 30.8333% !important
}

.ve-col-3-6 {
    width: 30% !important
}

.ve-col-3-5 {
    width: 29.1667% !important
}

.ve-col-3-4 {
    width: 28.3333% !important
}

.ve-col-3-3 {
    width: 27.5% !important
}

.ve-col-3-2 {
    width: 26.6667% !important
}

.ve-col-3-1 {
    width: 25.8333% !important
}

.ve-col-2 {
    width: 16.6667% !important
}

.ve-col-2-9 {
    width: 24.1667% !important
}

.ve-col-2-8 {
    width: 23.3333% !important
}

.ve-col-2-7 {
    width: 22.5% !important
}

.ve-col-2-6 {
    width: 21.6667% !important
}

.ve-col-2-5 {
    width: 20.8333% !important
}

.ve-col-2-4 {
    width: 20% !important
}

.ve-col-2-3 {
    width: 19.1667% !important
}

.ve-col-2-2 {
    width: 18.3333% !important
}

.ve-col-2-1 {
    width: 17.5% !important
}

.ve-col-1 {
    width: 8.3333% !important
}

.ve-col-1-9 {
    width: 15.8333% !important
}

.ve-col-1-8 {
    width: 15% !important
}

.ve-col-1-7 {
    width: 14.1667% !important
}

.ve-col-1-6 {
    width: 13.3333% !important
}

.ve-col-1-5 {
    width: 12.5% !important
}

.ve-col-1-4 {
    width: 11.6667% !important
}

.ve-col-1-3 {
    width: 10.8333% !important
}

.ve-col-1-2 {
    width: 10% !important
}

.ve-col-1-1 {
    width: 9.1667% !important
}

.ve-col-0-9 {
    width: 7.5% !important
}

.ve-col-0-8 {
    width: 6.6667% !important
}

.ve-col-0-7 {
    width: 5.8333% !important
}

.ve-col-0-6 {
    width: 5% !important
}

.ve-col-0-5 {
    width: 4.1667% !important
}

.ve-col-0-4 {
    width: 3.3333% !important
}

.ve-col-0-3 {
    width: 2.5% !important
}

.ve-col-0-2 {
    width: 1.6667% !important
}

.ve-col-0-1 {
    width: .8333% !important
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

.b-0 {
    border: 0 !important
}

.b-1 {
    border-width: .25rem !important
}

.b-2 {
    border-width: .5rem !important
}

.b-3 {
    border-width: 1rem !important
}

.b-4 {
    border-width: 1.5rem !important
}

.b-5 {
    border-width: 3rem !important
}

.b-1p {
    border: 1px solid #ccc !important
}

.bt-0 {
    border-top-width: 0 !important
}

.bt-1 {
    border-top-width: .25rem !important
}

.bt-2 {
    border-top-width: .5rem !important
}

.bt-3 {
    border-top-width: 1rem !important
}

.bt-4 {
    border-top-width: 1.5rem !important
}

.bt-5 {
    border-top-width: 3rem !important
}

.bt-1p {
    border-top: 1px solid #ccc !important
}

.br-0 {
    border-right-width: 0 !important
}

.br-1 {
    border-right-width: .25rem !important
}

.br-2 {
    border-right-width: .5rem !important
}

.br-3 {
    border-right-width: 1rem !important
}

.br-4 {
    border-right-width: 1.5rem !important
}

.br-5 {
    border-right-width: 3rem !important
}

.br-1p {
    border-right: 1px solid #ccc !important
}

.bb-0 {
    border-bottom-width: 0 !important
}

.bb-1 {
    border-bottom-width: .25rem !important
}

.bb-2 {
    border-bottom-width: .5rem !important
}

.bb-3 {
    border-bottom-width: 1rem !important
}

.bb-4 {
    border-bottom-width: 1.5rem !important
}

.bb-5 {
    border-bottom-width: 3rem !important
}

.bb-1p {
    border-bottom: 1px solid #ccc !important
}

.bb-1p-trans {
    border-bottom: 1px solid rgba(204, 204, 204, .6274509804) !important
}

.bl-0 {
    border-left-width: 0 !important
}

.bl-1 {
    border-left-width: .25rem !important
}

.bl-2 {
    border-left-width: .5rem !important
}

.bl-3 {
    border-left-width: 1rem !important
}

.bl-4 {
    border-left-width: 1.5rem !important
}

.bl-5 {
    border-left-width: 3rem !important
}

.bl-1p {
    border-left: 1px solid #ccc !important
}

.by-0 {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important
}

.by-1 {
    border-top-width: .25rem !important;
    border-bottom-width: .25rem !important
}

.by-2 {
    border-top-width: .5rem !important;
    border-bottom-width: .5rem !important
}

.by-3 {
    border-top-width: 1rem !important;
    border-bottom-width: 1rem !important
}

.by-4 {
    border-top-width: 1.5rem !important;
    border-bottom-width: 1.5rem !important
}

.by-5 {
    border-top-width: 3rem !important;
    border-bottom-width: 3rem !important
}

.bx-0 {
    border-right-width: 0 !important;
    border-left-width: 0 !important
}

.bx-1 {
    border-right-width: .25rem !important;
    border-left-width: .25rem !important
}

.bx-2 {
    border-right-width: .5rem !important;
    border-left-width: .5rem !important
}

.bx-3 {
    border-right-width: 1rem !important;
    border-left-width: 1rem !important
}

.bx-4 {
    border-right-width: 1.5rem !important;
    border-left-width: 1.5rem !important
}

.bx-5 {
    border-right-width: 3rem !important;
    border-left-width: 3rem !important
}

.btl-0 {
    border-top-left-radius: 0 !important
}

.btl-5p {
    border-top-left-radius: 5px !important
}

.btr-0 {
    border-top-right-radius: 0 !important
}

.btr-5p {
    border-top-right-radius: 5px !important
}

.bbr-0 {
    border-bottom-right-radius: 0 !important
}

.bbr-5p {
    border-bottom-right-radius: 5px !important
}

.bbl-0 {
    border-bottom-left-radius: 0 !important
}

.bbl-5p {
    border-bottom-left-radius: 5px !important
}

.hr-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    width: 100%
}

.hr-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
    width: 100%
}

.hr-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
    width: 100%
}

.hr-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100%
}

.hr-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    width: 100%
}

.hr-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
    width: 100%
}

.vr-0 {
    width: 1px;
    height: 100%;
    border-left: 1px solid #ccc;
    margin-right: 0 !important;
    margin-left: 0 !important
}

.vr-1 {
    width: 1px;
    height: 100%;
    border-left: 1px solid #ccc;
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.vr-2 {
    width: 1px;
    height: 100%;
    border-left: 1px solid #ccc;
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.vr-3 {
    width: 1px;
    height: 100%;
    border-left: 1px solid #ccc;
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.vr-4 {
    width: 1px;
    height: 100%;
    border-left: 1px solid #ccc;
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.vr-5 {
    width: 1px;
    height: 100%;
    border-left: 1px solid #ccc;
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.m-auto {
    margin: auto !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.my-1p {
    margin-top: 1px;
    margin-bottom: 1px
}

.mx-2p {
    margin-right: 2px !important;
    margin-left: 2px !important
}

.mt-auto {
    margin-top: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-n1 {
    margin-top: -0.25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-n2 {
    margin-top: -0.5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-1p {
    margin-top: 1px !important
}

.mr-auto {
    margin-right: auto !important
}

.mr-0 {
    margin-right: 0 !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mr-n1 {
    margin-right: -0.25rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mr-n2 {
    margin-right: -0.5rem !important
}

.mr-3 {
    margin-right: 1rem !important
}

.mr-4 {
    margin-right: 1.5rem !important
}

.mr-5 {
    margin-right: 3rem !important
}

.mr-3p {
    margin-right: 3px !important
}

.mb-auto {
    margin-bottom: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-n1 {
    margin-bottom: -0.25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-n2 {
    margin-bottom: -0.5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.ml-auto {
    margin-left: auto !important
}

.ml-0 {
    margin-left: 0 !important
}

.ml-1 {
    margin-left: .25rem !important
}

.ml-n1 {
    margin-left: -0.25rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.ml-n2 {
    margin-left: -0.5rem !important
}

.ml-3 {
    margin-left: 1rem !important
}

.ml-4 {
    margin-left: 1.5rem !important
}

.ml-5 {
    margin-left: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.p-1p {
    padding: 1px !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-1p {
    padding-top: 1px !important;
    padding-bottom: 1px !important
}

.py-2p {
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.px-1p {
    padding-right: 1px !important;
    padding-left: 1px !important
}

.px-2p {
    padding-right: 2px !important;
    padding-left: 2px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pt-1p {
    padding-top: 1px !important
}

.pr-0 {
    padding-right: 0 !important
}

.pr-1 {
    padding-right: .25rem !important
}

.pr-2 {
    padding-right: .5rem !important
}

.pr-3 {
    padding-right: 1rem !important
}

.pr-4 {
    padding-right: 1.5rem !important
}

.pr-5 {
    padding-right: 3rem !important
}

.pr-1p {
    padding-right: 1px !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.pb-1p {
    padding-bottom: 1px !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-1 {
    padding-left: .25rem !important
}

.pl-2 {
    padding-left: .5rem !important
}

.pl-3 {
    padding-left: 1rem !important
}

.pl-4 {
    padding-left: 1.5rem !important
}

.pl-5 {
    padding-left: 3rem !important
}

.pl-1p {
    padding-left: 1px !important
}

.z-index-1 {
    z-index: 1 !important
}

.top-n1p {
    top: -1px
}

.right-0 {
    right: 0 !important
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

input[type=checkbox]:checked {
    filter: grayscale(100%)
}

input[type=radio]:checked {
    filter: grayscale(100%)
}

.code {
    font-family: monospace !important
}

.dnd-font {
    font-family: "Times New Roman", serif;
    font-variant: small-caps;
    font-weight: 500
}

.ve-small {
    font-size: 85% !important
}

.font-size-24p {
    font-size: 24px !important
}

.ve-muted {
    color: #777 !important
}

.bold {
    font-weight: bold !important
}

.ve-bolder {
    font-weight: bolder !important
}

.italic {
    font-style: italic !important
}

i>i {
    font-style: initial
}

.underline {
    text-decoration: underline !important
}

.no-underline {
    text-decoration: none !important
}

.help {
    cursor: help !important;
    text-decoration: underline !important;
    text-decoration-style: dotted !important
}

.help:hover,
.help:active,
.help:focus {
    text-decoration: underline !important;
    text-decoration-style: dotted !important
}

.help-subtle {
    cursor: help !important
}

.no-wrap {
    white-space: nowrap !important
}

.text-clip-ellipsis {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important
}

.whitespace-normal {
    white-space: normal
}

.whitespace-pre {
    white-space: pre
}

.word-break-all {
    word-break: break-all
}

.small-caps {
    font-variant: small-caps
}

.capitalize {
    text-transform: capitalize
}

.no-breaks {
    break-before: auto;
    break-after: auto;
    break-inside: avoid
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.ve-text-center {
    text-align: center !important
}

.text-rtl {
    direction: rtl
}

.trans-x-flip {
    transform: scaleX(-1) !important
}

.clickable {
    cursor: pointer !important
}

.not-clickable {
    cursor: default !important
}

.copyable {
    cursor: copy !important
}

.ve-draggable {
    cursor: grab
}

.no-events {
    pointer-events: none !important
}

.events-initial {
    pointer-events: initial !important
}

.no-select {
    user-select: none !important
}

.user-select-text {
    user-select: text !important
}

.user-select-all {
    user-select: all !important
}

.smooth-scroll {
    transform: translateZ(0) !important
}

.scrollbar-stable {
    scrollbar-gutter: stable
}

.overflow-auto {
    overflow: auto auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-y-scroll {
    overflow-y: scroll
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-hidden {
    overflow: hidden
}

.overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.overflow-overlay {
    overflow: auto;
    overflow: overlay
}

.resize-vertical {
    resize: vertical
}

.resize-none {
    resize: none
}

.w-10 {
    width: 10% !important
}

.w-15 {
    width: 15% !important
}

.w-20 {
    width: 20% !important
}

.w-25 {
    width: 25% !important
}

.w-30 {
    width: 30% !important
}

.w-33 {
    width: 33.3333% !important
}

.w-40 {
    width: 40% !important
}

.w-50 {
    width: 50% !important
}

.w-50--mr-2 {
    width: calc(50% - 0.5rem) !important
}

.w-60 {
    width: 60% !important
}

.w-66 {
    width: 66.6666% !important
}

.w-70 {
    width: 70% !important
}

.w-75 {
    width: 75% !important
}

.w-80 {
    width: 80% !important
}

.w-90 {
    width: 90% !important
}

.w-100 {
    width: 100% !important
}

.w-100w {
    width: 100vw !important
}

.w-initial {
    width: initial !important
}

.w-20p {
    width: 20px !important
}

.w-24p {
    width: 24px !important
}

.w-30p {
    width: 30px !important
}

.w-40p {
    width: 40px !important
}

.w-48p {
    width: 48px !important
}

.w-50p {
    width: 50px !important
}

.w-70p {
    width: 70px !important
}

.w-80p {
    width: 80px !important
}

.w-90p {
    width: 90px !important
}

.w-100p {
    width: 100px !important
}

.w-140p {
    width: 140px !important
}

.w-200p {
    width: 200px !important
}

.w-640p {
    width: 640px !important
}

.min-w-0 {
    min-width: 0 !important
}

.min-w-80 {
    min-width: 80% !important
}

.min-w-100 {
    min-width: 100% !important
}

.min-w-20p {
    min-width: 20px !important
}

.min-w-100p {
    min-width: 100px !important
}

.min-w-200p {
    min-width: 200px !important
}

.max-w-25 {
    max-width: 25% !important
}

.max-w-33 {
    max-width: 33.3333% !important
}

.max-w-80 {
    max-width: 80% !important
}

.max-w-100 {
    max-width: 100% !important
}

.max-w-80p {
    max-width: 80px !important
}

.max-w-100p {
    max-width: 100px !important
}

.max-w-200p {
    max-width: 200px !important
}

.max-w-300p {
    max-width: 300px !important
}

.max-w-640p {
    max-width: 640px !important
}

.h-initial {
    height: initial !important
}

.h-50 {
    height: 50% !important
}

.h-100 {
    height: 100% !important
}

.h-100h {
    height: 100vh !important
}

.h-20p {
    height: 20px !important
}

.h-21p {
    height: 21px !important
}

.h-25p {
    height: 25px !important
}

.h-27p {
    height: 27px !important
}

.h-30p {
    height: 30px !important
}

.h-100p {
    height: 100px !important
}

.h-120p {
    height: 120px !important
}

.h-ipt-xs {
    height: 22px
}

.min-h-0 {
    min-height: 0 !important
}

.min-h-100 {
    min-height: 100% !important
}

.min-h-24p {
    min-height: 24px !important
}

.min-h-100p {
    min-height: 100px !important
}

.max-h-40 {
    max-height: 40% !important
}

.max-h-unset {
    max-height: unset !important
}

.relative {
    position: relative !important
}

.absolute {
    position: absolute !important
}

.sticky {
    position: sticky !important
}

.ve-grid {
    display: grid !important
}

.block {
    display: block !important
}

.ve-block {
    display: block !important
}

.inline-block {
    display: inline-block !important
}

.ve-inline-block {
    display: inline-block !important
}

.inline {
    display: inline !important
}

.ve-inline-flex {
    display: inline-flex !important
}

.ve-flex {
    display: flex !important
}

.ve-flex-col {
    display: flex !important;
    flex-direction: column !important
}

.ve-flex-v-center {
    display: flex !important;
    align-items: center !important
}

.ve-inline-flex-v-center {
    display: inline-flex !important;
    align-items: center !important
}

.ve-flex-v-top {
    display: flex;
    align-items: flex-start
}

.ve-flex-v-baseline {
    display: flex !important;
    align-items: baseline !important
}

.ve-flex-v-end {
    display: flex !important;
    align-items: flex-end !important
}

.ve-flex-v-stretch {
    display: flex !important;
    align-items: stretch !important
}

.ve-flex-h-center {
    display: flex !important;
    justify-content: center !important
}

.ve-flex-h-right {
    display: flex !important;
    justify-content: flex-end !important
}

.ve-flex-vh-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important
}

.ve-flex-vh-center-around {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.ve-flex-inline-col {
    display: inline-flex !important;
    flex-direction: column !important
}

.ve-flex-inline-v-center {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important
}

.ve-self-flex-start {
    align-self: flex-start !important
}

.ve-self-flex-center {
    align-self: center !important
}

.ve-self-flex-end {
    align-self: flex-end !important
}

.ve-self-flex-stretch {
    align-self: stretch !important
}

.ve-flex-fill {
    flex-basis: 100%
}

.ve-grow {
    flex-grow: 1 !important
}

.no-shrink {
    flex-shrink: 0 !important
}

.no-grow {
    flex-grow: 0 !important
}

.ve-flex-1 {
    flex: 1 !important
}

.ve-flex-2 {
    flex: 2 !important
}

.ve-flex-3 {
    flex: 3 !important
}

.ve-flex-4 {
    flex: 4 !important
}

.ve-flex-5 {
    flex: 5 !important
}

.ve-flex-6 {
    flex: 6 !important
}

.ve-flex-7 {
    flex: 7 !important
}

.ve-shrink-10 {
    flex-shrink: 10 !important
}

.ve-flex-wrap {
    display: flex !important;
    flex-wrap: wrap !important
}

.split {
    display: flex !important;
    justify-content: space-between !important
}

.split-v-center {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important
}

.inline-split-v-center {
    display: inline-flex !important;
    justify-content: space-between;
    align-items: center
}

.split-v-end {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important
}

.split-child {
    width: 50%;
    flex-shrink: 0;
    flex-grow: 0
}

.split-column {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.split-column--inline {
    display: inline-flex
}

.columns-2 {
    column-count: 2;
    break-inside: avoid-column;
    column-gap: 1.75rem
}

.columns-2>* {
    break-inside: avoid-column
}

@media screen and (width <=768px) {
    .columns-2 {
        column-count: 1
    }
}

.columns-3 {
    column-count: 3;
    break-inside: avoid-column;
    column-gap: 1.75rem
}

.columns-3>* {
    break-inside: avoid-column
}

@media screen and (width <=768px) {
    .columns-3 {
        column-count: 2
    }
}

@media screen and (width <=480px) {
    .columns-3 {
        column-count: 1
    }
}

.columns-4 {
    column-count: 4;
    break-inside: avoid-column;
    column-gap: 1.75rem
}

.columns-4>* {
    break-inside: avoid-column
}

@media screen and (width <=768px) {
    .columns-4 {
        column-count: 3
    }
}

@media screen and (width <=480px) {
    .columns-4 {
        column-count: 2
    }
}

.columns-5 {
    column-count: 5;
    break-inside: avoid-column;
    column-gap: 1.75rem
}

.columns-5>* {
    break-inside: avoid-column
}

@media screen and (width <=768px) {
    .columns-5 {
        column-count: 3
    }
}

@media screen and (width <=480px) {
    .columns-5 {
        column-count: 2
    }
}

.columns-6 {
    column-count: 6;
    break-inside: avoid-column;
    column-gap: 1.75rem
}

.columns-6>* {
    break-inside: avoid-column
}

@media screen and (width <=768px) {
    .columns-6 {
        column-count: 3
    }
}

@media screen and (width <=480px) {
    .columns-6 {
        column-count: 2
    }
}

.table-layout-fixed {
    table-layout: fixed !important
}

.hr--dotted {
    border-style: dashed;
    border-left: 0;
    border-right: 0
}

.hr--heavy {
    border-bottom-width: 2px;
    border-top-width: 3px;
    border-style: outset
}

.border-dotted {
    border-style: dotted !important
}

.opacity-50 {
    opacity: .5 !important
}

.ve-hidden {
    display: none !important
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

.clickable--link {
    color: #337ab7 !important
}

.plain {
    font-weight: initial !important;
    font-style: initial !important;
    text-decoration: none !important
}

.fade {
    transition: opacity 51ms linear
}

.float-clear {
    clear: both
}

.stripe-even:nth-child(even) {
    background: rgba(136, 136, 136, .0941176471)
}

.stripe-even--faint:nth-child(even) {
    background: rgba(187, 187, 187, .0941176471)
}

.stripe-odd:nth-child(odd) {
    background: rgba(136, 136, 136, .0941176471)
}

.stripe-odd--faint:nth-child(odd) {
    background: rgba(187, 187, 187, .0941176471)
}

.stripe-child-even-first:nth-child(even)>:first-child {
    background: rgba(136, 136, 136, .0941176471)
}

.veapp__ele-hoverable:hover {
    background: #f5f5f5
}

.last-mr-0:last-child {
    margin-right: 0 !important
}

.hidden {
    display: none !important
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

.night-mode .stripe-even:nth-child(even) {
    background: rgba(170, 170, 170, .1333333333)
}

.night-mode .stripe-odd:nth-child(odd) {
    background: rgba(170, 170, 170, .1333333333)
}

.night-mode .stripe-child-even-first:nth-child(even)>:first-child {
    background: rgba(170, 170, 170, .1333333333)
}

.night-mode .veapp__ele-hoverable:hover {
    background: #383838
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

@media screen and (width > 1200px) {
    .mobile-lg__visible {
        display: none !important
    }
}

@media screen and (width <=1200px) {
    .mobile-lg__hidden {
        display: none !important
    }

    .mobile-lg__text-center {
        text-align: center !important
    }

    .mobile-lg__text-clip-ellipsis {
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        overflow: hidden !important
    }

    .mobile-lg__ve-flex-col {
        display: flex !important;
        flex-direction: column !important
    }

    .mobile-lg__ve-flex-row {
        display: flex !important;
        flex-direction: row !important
    }

    .mobile-lg__ve-flex-col-reverse {
        display: flex !important;
        flex-direction: column-reverse !important
    }

    .mobile-lg__ve-flex-ai-start {
        align-items: flex-start !important
    }

    .mobile-lg__w-100 {
        width: 100% !important
    }

    .mobile-lg__max-w-100 {
        max-width: 100% !important
    }

    .mobile-lg__h-initial {
        height: initial !important
    }

    .mobile-lg__m-auto {
        margin: auto !important
    }

    .mobile-lg__m-0 {
        margin: 0 !important
    }

    .mobile-lg__m-1 {
        margin: .25rem !important
    }

    .mobile-lg__m-2 {
        margin: .5rem !important
    }

    .mobile-lg__m-3 {
        margin: 1rem !important
    }

    .mobile-lg__m-4 {
        margin: 1.5rem !important
    }

    .mobile-lg__m-5 {
        margin: 3rem !important
    }

    .mobile-lg__mt-auto {
        margin-top: auto !important
    }

    .mobile-lg__mt-0 {
        margin-top: 0 !important
    }

    .mobile-lg__mt-1 {
        margin-top: .25rem !important
    }

    .mobile-lg__mt-2 {
        margin-top: .5rem !important
    }

    .mobile-lg__mt-3 {
        margin-top: 1rem !important
    }

    .mobile-lg__mt-4 {
        margin-top: 1.5rem !important
    }

    .mobile-lg__mt-5 {
        margin-top: 3rem !important
    }

    .mobile-lg__mr-auto {
        margin-right: auto !important
    }

    .mobile-lg__mr-0 {
        margin-right: 0 !important
    }

    .mobile-lg__mr-1 {
        margin-right: .25rem !important
    }

    .mobile-lg__mr-2 {
        margin-right: .5rem !important
    }

    .mobile-lg__mr-3 {
        margin-right: 1rem !important
    }

    .mobile-lg__mr-4 {
        margin-right: 1.5rem !important
    }

    .mobile-lg__mr-5 {
        margin-right: 3rem !important
    }

    .mobile-lg__mb-auto {
        margin-bottom: auto !important
    }

    .mobile-lg__mb-0 {
        margin-bottom: 0 !important
    }

    .mobile-lg__mb-1 {
        margin-bottom: .25rem !important
    }

    .mobile-lg__mb-2 {
        margin-bottom: .5rem !important
    }

    .mobile-lg__mb-3 {
        margin-bottom: 1rem !important
    }

    .mobile-lg__mb-4 {
        margin-bottom: 1.5rem !important
    }

    .mobile-lg__mb-5 {
        margin-bottom: 3rem !important
    }

    .mobile-lg__ml-auto {
        margin-left: auto !important
    }

    .mobile-lg__ml-0 {
        margin-left: 0 !important
    }

    .mobile-lg__ml-1 {
        margin-left: .25rem !important
    }

    .mobile-lg__ml-2 {
        margin-left: .5rem !important
    }

    .mobile-lg__ml-3 {
        margin-left: 1rem !important
    }

    .mobile-lg__ml-4 {
        margin-left: 1.5rem !important
    }

    .mobile-lg__ml-5 {
        margin-left: 3rem !important
    }

    .mobile-lg__my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mobile-lg__my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-lg__my-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .mobile-lg__my-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .mobile-lg__my-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .mobile-lg__my-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .mobile-lg__my-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .mobile-lg__mx-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .mobile-lg__mx-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mobile-lg__mx-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mobile-lg__mx-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mobile-lg__mx-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mobile-lg__mx-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mobile-lg__mx-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mobile-lg__p-0 {
        padding: 0 !important
    }

    .mobile-lg__p-1 {
        padding: .25rem !important
    }

    .mobile-lg__p-2 {
        padding: .5rem !important
    }

    .mobile-lg__p-3 {
        padding: 1rem !important
    }

    .mobile-lg__p-4 {
        padding: 1.5rem !important
    }

    .mobile-lg__p-5 {
        padding: 3rem !important
    }

    .mobile-lg__p-1p {
        padding: 1px !important
    }

    .mobile-lg__pt-0 {
        padding-top: 0 !important
    }

    .mobile-lg__pt-1 {
        padding-top: .25rem !important
    }

    .mobile-lg__pt-2 {
        padding-top: .5rem !important
    }

    .mobile-lg__pt-3 {
        padding-top: 1rem !important
    }

    .mobile-lg__pt-4 {
        padding-top: 1.5rem !important
    }

    .mobile-lg__pt-5 {
        padding-top: 3rem !important
    }

    .mobile-lg__pt-1p {
        padding-top: 1px !important
    }

    .mobile-lg__pr-0 {
        padding-right: 0 !important
    }

    .mobile-lg__pr-1 {
        padding-right: .25rem !important
    }

    .mobile-lg__pr-2 {
        padding-right: .5rem !important
    }

    .mobile-lg__pr-3 {
        padding-right: 1rem !important
    }

    .mobile-lg__pr-4 {
        padding-right: 1.5rem !important
    }

    .mobile-lg__pr-5 {
        padding-right: 3rem !important
    }

    .mobile-lg__pr-1p {
        padding-right: 1px !important
    }

    .mobile-lg__pb-0 {
        padding-bottom: 0 !important
    }

    .mobile-lg__pb-1 {
        padding-bottom: .25rem !important
    }

    .mobile-lg__pb-2 {
        padding-bottom: .5rem !important
    }

    .mobile-lg__pb-3 {
        padding-bottom: 1rem !important
    }

    .mobile-lg__pb-4 {
        padding-bottom: 1.5rem !important
    }

    .mobile-lg__pb-5 {
        padding-bottom: 3rem !important
    }

    .mobile-lg__pb-1p {
        padding-bottom: 1px !important
    }

    .mobile-lg__pl-0 {
        padding-left: 0 !important
    }

    .mobile-lg__pl-1 {
        padding-left: .25rem !important
    }

    .mobile-lg__pl-2 {
        padding-left: .5rem !important
    }

    .mobile-lg__pl-3 {
        padding-left: 1rem !important
    }

    .mobile-lg__pl-4 {
        padding-left: 1.5rem !important
    }

    .mobile-lg__pl-5 {
        padding-left: 3rem !important
    }

    .mobile-lg__pl-1p {
        padding-left: 1px !important
    }

    .mobile-lg__py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .mobile-lg__py-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .mobile-lg__py-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .mobile-lg__py-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .mobile-lg__py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .mobile-lg__py-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .mobile-lg__px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .mobile-lg__px-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .mobile-lg__px-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .mobile-lg__px-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .mobile-lg__px-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .mobile-lg__px-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .mobile-lg__py-1p {
        padding-top: 1px !important;
        padding-bottom: 1px !important
    }
}

@media screen and (width > 991px) {
    .mobile-md__visible {
        display: none !important
    }
}

@media screen and (width <=991px) {
    .mobile-md__hidden {
        display: none !important
    }

    .mobile-md__text-center {
        text-align: center !important
    }

    .mobile-md__text-clip-ellipsis {
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        overflow: hidden !important
    }

    .mobile-md__ve-flex-col {
        display: flex !important;
        flex-direction: column !important
    }

    .mobile-md__ve-flex-row {
        display: flex !important;
        flex-direction: row !important
    }

    .mobile-md__ve-flex-col-reverse {
        display: flex !important;
        flex-direction: column-reverse !important
    }

    .mobile-md__ve-flex-ai-start {
        align-items: flex-start !important
    }

    .mobile-md__w-100 {
        width: 100% !important
    }

    .mobile-md__max-w-100 {
        max-width: 100% !important
    }

    .mobile-md__h-initial {
        height: initial !important
    }

    .mobile-md__m-auto {
        margin: auto !important
    }

    .mobile-md__m-0 {
        margin: 0 !important
    }

    .mobile-md__m-1 {
        margin: .25rem !important
    }

    .mobile-md__m-2 {
        margin: .5rem !important
    }

    .mobile-md__m-3 {
        margin: 1rem !important
    }

    .mobile-md__m-4 {
        margin: 1.5rem !important
    }

    .mobile-md__m-5 {
        margin: 3rem !important
    }

    .mobile-md__mt-auto {
        margin-top: auto !important
    }

    .mobile-md__mt-0 {
        margin-top: 0 !important
    }

    .mobile-md__mt-1 {
        margin-top: .25rem !important
    }

    .mobile-md__mt-2 {
        margin-top: .5rem !important
    }

    .mobile-md__mt-3 {
        margin-top: 1rem !important
    }

    .mobile-md__mt-4 {
        margin-top: 1.5rem !important
    }

    .mobile-md__mt-5 {
        margin-top: 3rem !important
    }

    .mobile-md__mr-auto {
        margin-right: auto !important
    }

    .mobile-md__mr-0 {
        margin-right: 0 !important
    }

    .mobile-md__mr-1 {
        margin-right: .25rem !important
    }

    .mobile-md__mr-2 {
        margin-right: .5rem !important
    }

    .mobile-md__mr-3 {
        margin-right: 1rem !important
    }

    .mobile-md__mr-4 {
        margin-right: 1.5rem !important
    }

    .mobile-md__mr-5 {
        margin-right: 3rem !important
    }

    .mobile-md__mb-auto {
        margin-bottom: auto !important
    }

    .mobile-md__mb-0 {
        margin-bottom: 0 !important
    }

    .mobile-md__mb-1 {
        margin-bottom: .25rem !important
    }

    .mobile-md__mb-2 {
        margin-bottom: .5rem !important
    }

    .mobile-md__mb-3 {
        margin-bottom: 1rem !important
    }

    .mobile-md__mb-4 {
        margin-bottom: 1.5rem !important
    }

    .mobile-md__mb-5 {
        margin-bottom: 3rem !important
    }

    .mobile-md__ml-auto {
        margin-left: auto !important
    }

    .mobile-md__ml-0 {
        margin-left: 0 !important
    }

    .mobile-md__ml-1 {
        margin-left: .25rem !important
    }

    .mobile-md__ml-2 {
        margin-left: .5rem !important
    }

    .mobile-md__ml-3 {
        margin-left: 1rem !important
    }

    .mobile-md__ml-4 {
        margin-left: 1.5rem !important
    }

    .mobile-md__ml-5 {
        margin-left: 3rem !important
    }

    .mobile-md__my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mobile-md__my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile-md__my-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .mobile-md__my-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .mobile-md__my-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .mobile-md__my-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .mobile-md__my-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .mobile-md__mx-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .mobile-md__mx-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mobile-md__mx-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mobile-md__mx-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mobile-md__mx-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mobile-md__mx-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mobile-md__mx-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mobile-md__p-0 {
        padding: 0 !important
    }

    .mobile-md__p-1 {
        padding: .25rem !important
    }

    .mobile-md__p-2 {
        padding: .5rem !important
    }

    .mobile-md__p-3 {
        padding: 1rem !important
    }

    .mobile-md__p-4 {
        padding: 1.5rem !important
    }

    .mobile-md__p-5 {
        padding: 3rem !important
    }

    .mobile-md__p-1p {
        padding: 1px !important
    }

    .mobile-md__pt-0 {
        padding-top: 0 !important
    }

    .mobile-md__pt-1 {
        padding-top: .25rem !important
    }

    .mobile-md__pt-2 {
        padding-top: .5rem !important
    }

    .mobile-md__pt-3 {
        padding-top: 1rem !important
    }

    .mobile-md__pt-4 {
        padding-top: 1.5rem !important
    }

    .mobile-md__pt-5 {
        padding-top: 3rem !important
    }

    .mobile-md__pt-1p {
        padding-top: 1px !important
    }

    .mobile-md__pr-0 {
        padding-right: 0 !important
    }

    .mobile-md__pr-1 {
        padding-right: .25rem !important
    }

    .mobile-md__pr-2 {
        padding-right: .5rem !important
    }

    .mobile-md__pr-3 {
        padding-right: 1rem !important
    }

    .mobile-md__pr-4 {
        padding-right: 1.5rem !important
    }

    .mobile-md__pr-5 {
        padding-right: 3rem !important
    }

    .mobile-md__pr-1p {
        padding-right: 1px !important
    }

    .mobile-md__pb-0 {
        padding-bottom: 0 !important
    }

    .mobile-md__pb-1 {
        padding-bottom: .25rem !important
    }

    .mobile-md__pb-2 {
        padding-bottom: .5rem !important
    }

    .mobile-md__pb-3 {
        padding-bottom: 1rem !important
    }

    .mobile-md__pb-4 {
        padding-bottom: 1.5rem !important
    }

    .mobile-md__pb-5 {
        padding-bottom: 3rem !important
    }

    .mobile-md__pb-1p {
        padding-bottom: 1px !important
    }

    .mobile-md__pl-0 {
        padding-left: 0 !important
    }

    .mobile-md__pl-1 {
        padding-left: .25rem !important
    }

    .mobile-md__pl-2 {
        padding-left: .5rem !important
    }

    .mobile-md__pl-3 {
        padding-left: 1rem !important
    }

    .mobile-md__pl-4 {
        padding-left: 1.5rem !important
    }

    .mobile-md__pl-5 {
        padding-left: 3rem !important
    }

    .mobile-md__pl-1p {
        padding-left: 1px !important
    }

    .mobile-md__py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .mobile-md__py-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .mobile-md__py-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .mobile-md__py-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .mobile-md__py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .mobile-md__py-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .mobile-md__px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .mobile-md__px-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .mobile-md__px-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .mobile-md__px-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .mobile-md__px-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .mobile-md__px-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .mobile-md__py-1p {
        padding-top: 1px !important;
        padding-bottom: 1px !important
    }
}

@media screen and (width > 768px) {
    .mobile__visible {
        display: none !important
    }
}

@media screen and (width <=768px) {
    .mobile__hidden {
        display: none !important
    }

    .mobile__text-center {
        text-align: center !important
    }

    .mobile__text-clip-ellipsis {
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        overflow: hidden !important
    }

    .mobile__ve-flex-col {
        display: flex !important;
        flex-direction: column !important
    }

    .mobile__ve-flex-row {
        display: flex !important;
        flex-direction: row !important
    }

    .mobile__ve-flex-col-reverse {
        display: flex !important;
        flex-direction: column-reverse !important
    }

    .mobile__ve-flex-ai-start {
        align-items: flex-start !important
    }

    .mobile__w-100 {
        width: 100% !important
    }

    .mobile__max-w-100 {
        max-width: 100% !important
    }

    .mobile__h-initial {
        height: initial !important
    }

    .mobile__m-auto {
        margin: auto !important
    }

    .mobile__m-0 {
        margin: 0 !important
    }

    .mobile__m-1 {
        margin: .25rem !important
    }

    .mobile__m-2 {
        margin: .5rem !important
    }

    .mobile__m-3 {
        margin: 1rem !important
    }

    .mobile__m-4 {
        margin: 1.5rem !important
    }

    .mobile__m-5 {
        margin: 3rem !important
    }

    .mobile__mt-auto {
        margin-top: auto !important
    }

    .mobile__mt-0 {
        margin-top: 0 !important
    }

    .mobile__mt-1 {
        margin-top: .25rem !important
    }

    .mobile__mt-2 {
        margin-top: .5rem !important
    }

    .mobile__mt-3 {
        margin-top: 1rem !important
    }

    .mobile__mt-4 {
        margin-top: 1.5rem !important
    }

    .mobile__mt-5 {
        margin-top: 3rem !important
    }

    .mobile__mr-auto {
        margin-right: auto !important
    }

    .mobile__mr-0 {
        margin-right: 0 !important
    }

    .mobile__mr-1 {
        margin-right: .25rem !important
    }

    .mobile__mr-2 {
        margin-right: .5rem !important
    }

    .mobile__mr-3 {
        margin-right: 1rem !important
    }

    .mobile__mr-4 {
        margin-right: 1.5rem !important
    }

    .mobile__mr-5 {
        margin-right: 3rem !important
    }

    .mobile__mb-auto {
        margin-bottom: auto !important
    }

    .mobile__mb-0 {
        margin-bottom: 0 !important
    }

    .mobile__mb-1 {
        margin-bottom: .25rem !important
    }

    .mobile__mb-2 {
        margin-bottom: .5rem !important
    }

    .mobile__mb-3 {
        margin-bottom: 1rem !important
    }

    .mobile__mb-4 {
        margin-bottom: 1.5rem !important
    }

    .mobile__mb-5 {
        margin-bottom: 3rem !important
    }

    .mobile__ml-auto {
        margin-left: auto !important
    }

    .mobile__ml-0 {
        margin-left: 0 !important
    }

    .mobile__ml-1 {
        margin-left: .25rem !important
    }

    .mobile__ml-2 {
        margin-left: .5rem !important
    }

    .mobile__ml-3 {
        margin-left: 1rem !important
    }

    .mobile__ml-4 {
        margin-left: 1.5rem !important
    }

    .mobile__ml-5 {
        margin-left: 3rem !important
    }

    .mobile__my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mobile__my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .mobile__my-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .mobile__my-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .mobile__my-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .mobile__my-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .mobile__my-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .mobile__mx-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .mobile__mx-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mobile__mx-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mobile__mx-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mobile__mx-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mobile__mx-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mobile__mx-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mobile__p-0 {
        padding: 0 !important
    }

    .mobile__p-1 {
        padding: .25rem !important
    }

    .mobile__p-2 {
        padding: .5rem !important
    }

    .mobile__p-3 {
        padding: 1rem !important
    }

    .mobile__p-4 {
        padding: 1.5rem !important
    }

    .mobile__p-5 {
        padding: 3rem !important
    }

    .mobile__p-1p {
        padding: 1px !important
    }

    .mobile__pt-0 {
        padding-top: 0 !important
    }

    .mobile__pt-1 {
        padding-top: .25rem !important
    }

    .mobile__pt-2 {
        padding-top: .5rem !important
    }

    .mobile__pt-3 {
        padding-top: 1rem !important
    }

    .mobile__pt-4 {
        padding-top: 1.5rem !important
    }

    .mobile__pt-5 {
        padding-top: 3rem !important
    }

    .mobile__pt-1p {
        padding-top: 1px !important
    }

    .mobile__pr-0 {
        padding-right: 0 !important
    }

    .mobile__pr-1 {
        padding-right: .25rem !important
    }

    .mobile__pr-2 {
        padding-right: .5rem !important
    }

    .mobile__pr-3 {
        padding-right: 1rem !important
    }

    .mobile__pr-4 {
        padding-right: 1.5rem !important
    }

    .mobile__pr-5 {
        padding-right: 3rem !important
    }

    .mobile__pr-1p {
        padding-right: 1px !important
    }

    .mobile__pb-0 {
        padding-bottom: 0 !important
    }

    .mobile__pb-1 {
        padding-bottom: .25rem !important
    }

    .mobile__pb-2 {
        padding-bottom: .5rem !important
    }

    .mobile__pb-3 {
        padding-bottom: 1rem !important
    }

    .mobile__pb-4 {
        padding-bottom: 1.5rem !important
    }

    .mobile__pb-5 {
        padding-bottom: 3rem !important
    }

    .mobile__pb-1p {
        padding-bottom: 1px !important
    }

    .mobile__pl-0 {
        padding-left: 0 !important
    }

    .mobile__pl-1 {
        padding-left: .25rem !important
    }

    .mobile__pl-2 {
        padding-left: .5rem !important
    }

    .mobile__pl-3 {
        padding-left: 1rem !important
    }

    .mobile__pl-4 {
        padding-left: 1.5rem !important
    }

    .mobile__pl-5 {
        padding-left: 3rem !important
    }

    .mobile__pl-1p {
        padding-left: 1px !important
    }

    .mobile__py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .mobile__py-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .mobile__py-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .mobile__py-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .mobile__py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .mobile__py-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .mobile__px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .mobile__px-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .mobile__px-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .mobile__px-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .mobile__px-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .mobile__px-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .mobile__py-1p {
        padding-top: 1px !important;
        padding-bottom: 1px !important
    }
}

.ve-popwindow .ve-popwindow__hidden {
    display: none !important
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

:root {
    --sz-font-h0: 1.8em;
    --sz-font-h1: 1.5em;
    --sz-font-h2: 1.35em;
    --h-mb-p: 5px;
    --h-mb-p-inline: 0;
    --h-mb-quote-line: 5px;
    --h-mb-quote-line-last: 5px;
    --h-mb-li: 3px;
    --w-text-indent-inline-p: 0.7em;
    --w-pl-list: 24px;
    --w-pl-list-no-bullets: 10px
}

@keyframes rd__spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.rd__b p {
    margin-bottom: var(--h-mb-p)
}

.rd__b--0,
.rd__b--1,
.rd__b--2,
.rd__b--3,
.rd__b--4 {
    margin-bottom: var(--h-mb-p)
}

.rd__b--0:last-child,
.rd__b--1:last-child,
.rd__b--2:last-child,
.rd__b--3:last-child,
.rd__b--4:last-child {
    margin-bottom: 0
}

.rd__b--0>*:last-child,
.rd__b--1>*:last-child,
.rd__b--2>*:last-child,
.rd__b--3>*:last-child,
.rd__b--4>*:last-child {
    margin-bottom: 0
}

.rd__hr {
    border-color: rgba(170, 170, 170, .4);
    margin: 17px 0 5px
}

.rd__hr--section {
    margin: 30px 0 5px
}

.rd__list {
    margin-top: 0;
    margin-bottom: var(--h-mb-p);
    padding-left: var(--w-pl-list)
}

.rd__list>.rd__list:last-child {
    margin-bottom: 0
}

.rd__list>.rd__list-name {
    margin-left: calc(-1*var(--w-pl-list))
}

.rd__list-name {
    margin: 0 0 var(--h-mb-li);
    font-weight: bold;
    list-style-type: none
}

.rd__li {
    margin-bottom: var(--h-mb-p)
}

.rd__compact-stats {
    display: flex;
    flex-wrap: wrap;
    place-content: flex-start space-between;
    align-items: flex-start
}

.rd__title-link {
    opacity: .3;
    font-size: 12px;
    font-weight: normal
}

.rd__title-link--inset {
    font-size: 12px
}

.rd__wrp-image {
    margin: 5px auto 0;
    text-align: center
}

.rd__image {
    max-width: 100%;
    max-height: 60vh;
    cursor: zoom-in
}

.rd__wrp-map {
    max-width: 33%;
    margin: 0 auto
}

.rd__wrp-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end
}

.rd__wrp-gallery-image {
    padding: 0 10px 10px;
    max-width: 33%
}

.rd__gallery-name {
    font-style: italic;
    text-decoration: underline
}

.rd__quote-line {
    margin-bottom: var(--h-mb-quote-line)
}

.rd__quote-line--last {
    margin-bottom: var(--h-mb-quote-line-last)
}

.rd__quote-by {
    width: 100%;
    text-align: right;
    display: block
}

.rd__p-list-item {
    font-style: initial
}

.rd__p-cont-indent {
    display: block;
    text-indent: 1em
}

.rd__tab-indent {
    width: 1em;
    display: inline-block
}

.rd__image-title {
    width: 100%;
    text-align: center;
    font-style: italic;
    margin-top: 3px
}

.rd__image-title-inner {
    display: inline-block;
    text-decoration: underline;
    margin: 2px 0
}

.rd__image-btn-viewer {
    font-style: initial;
    white-space: normal;
    font-size: inherit;
    line-height: 1.7
}

.rd__image-credit {
    font-size: 80%
}

.rd__scroller-viewer {
    scrollbar-width: auto
}

.rd__scroller-viewer::-webkit-scrollbar {
    width: 15px;
    height: 15px
}

.rd__prerequisite {
    font-style: italic;
    display: block
}

.rd__li-spell {
    margin: 0
}

.rd__list-hang-notitle {
    padding: 0;
    list-style: none
}

.rd__list-hang-notitle>.rd__li {
    margin-bottom: var(--h-mb-li);
    text-indent: -1.1em;
    margin-left: 1.1em
}

.rd__list-hang-notitle>.rd__li a,
.rd__list-hang-notitle>.rd__li span {
    text-indent: initial
}

.rd__list-hang-notitle>.rd__li>* {
    margin: 0 0 var(--h-mb-li)
}

.rd__list-hang-notitle>.rd__li>ul {
    text-indent: 0
}

.rd__list-hang {
    list-style: none
}

.rd__list-hang>.rd__list-name {
    margin-left: calc(-1*var(--w-pl-list))
}

.rd__list-hang>li>*:not(::marker) {
    text-indent: -1.1em;
    margin-left: 1.1em
}

.rd__list-decimal {
    list-style: decimal
}

.rd__list-lower-roman {
    list-style: lower-roman
}

.rd__list-upper-roman {
    list-style: upper-roman
}

.rd__list-no-bullets {
    list-style: none;
    padding: 0 0 0 var(--w-pl-list-no-bullets)
}

.rd__list-no-bullets>.rd__list-name {
    margin-left: calc(-1*var(--w-pl-list-no-bullets))
}

.rd__list-italic {
    font-style: italic
}

.rd__quote-pull {
    padding: 10px 15px;
    text-align: center;
    font-size: 125%
}

.rd__h {
    margin: 0;
    line-height: inherit
}

.rd__h--0 {
    color: #822000;
    font-family: "Times New Roman", serif;
    font-variant: small-caps;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--sz-font-h0)
}

.rd__h--1 {
    color: #822000;
    font-family: "Times New Roman", serif;
    font-variant: small-caps;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--sz-font-h1);
    border-bottom: 1px solid #822000;
    margin: 0 0 .2em
}

.rd__h--2 {
    color: #822000;
    font-family: "Times New Roman", serif;
    font-variant: small-caps;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--sz-font-h2)
}

.rd__h--2-inset {
    font-variant: small-caps;
    font-weight: bolder;
    font-size: 1.1em;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.rd__h--2-inset-no-name {
    justify-content: flex-end;
    float: right
}

.rd__h--2-flow-block {
    display: block;
    font-variant: small-caps;
    font-weight: bolder;
    font-size: 1.1em;
    text-align: center
}

.rd__h--2-inset>h4,
.rd__h--2-flow-block>h4 {
    font-size: inherit;
    font-weight: inherit;
    line-height: 1.4286;
    margin: 0
}

.rd__h--3 {
    font-weight: bold;
    font-style: italic
}

.rd__h--4 {
    font-style: italic
}

.rd__h-toggle {
    font-family: Arial, sans-serif;
    font-size: 12px;
    opacity: .3;
    font-weight: normal
}

.rd__ele-toggled-hidden {
    display: none !important
}

.rd__b--3>p,
.rd__b--4>p {
    text-indent: var(--w-text-indent-inline-p);
    margin-bottom: var(--h-mb-p-inline)
}

.rd__b--3>p:first-of-type,
.rd__b--4>p:first-of-type {
    display: inline
}

.rd__b-inset>p {
    text-indent: var(--w-text-indent-inline-p);
    margin-bottom: 0
}

.rd__b-inset>p:first-of-type {
    text-indent: 0
}

.rd__b-inset {
    margin: 7px 15px;
    padding: 5px 10px;
    box-shadow: 0 0 4px 0 #988e7c;
    border: 1px solid #656565;
    border-top: 2px solid #656565;
    border-bottom: 2px solid #656565;
    background-color: #e9ecda
}

.rd__b-inset>*:last-of-type {
    margin-bottom: 0
}

.rd__b-inset--readaloud {
    box-shadow: 0 0 4px 0 #988e7c;
    border: 1px solid #656565;
    border-left: 2px solid #656565;
    border-right: 2px solid #656565;
    background-color: #eef0f3
}

.rd__b-inset-inner {
    margin-top: 10px
}

.rd__b-data {
    border: 3px solid #e69a28;
    border-left-width: 1px;
    border-right-width: 1px;
    margin: 5px;
    width: calc(100% - 12px);
    table-layout: fixed
}

.rd__b-data--inset {
    box-shadow: 0 0 4px 0 #988e7c;
    border: 1px solid #656565;
    background-color: rgba(156, 150, 120, .1)
}

.rd__li>.rd__b-data {
    margin: 0
}

.rd__data-embed-header {
    cursor: pointer;
    font-family: "Times New Roman", serif;
    font-variant: small-caps;
    text-transform: uppercase;
    font-weight: bold
}

.rd__data-embed-header:hover {
    background: rgba(100, 100, 100, .08)
}

.rd__data-embed-toggle {
    font-family: Arial, sans-serif;
    float: right
}

.rd__wrp-loadbrew--ready {
    cursor: pointer;
    text-decoration: underline
}

.rd__loadbrew-icon {
    text-indent: 0;
    margin-left: 2px;
    transition-property: transform;
    transition-duration: 1s
}

.rd__loadbrew-icon--active {
    animation-name: rd__spin;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.rd__table {
    width: 100%;
    margin-bottom: var(--h-mb-p)
}

.rd__table>caption {
    text-align: left
}

.rd__comic {
    font-family: "Blambot Casual", sans-serif;
    color: #1942be
}

.rd__comic--h1 {
    font-size: 140%;
    font-variant: small-caps
}

.rd__comic--h2 {
    font-size: 130%
}

.rd__comic--h3 {
    font-size: 120%
}

.rd__comic--h4 {
    font-size: 110%
}

.rd__comic--note {
    opacity: .7
}

.rd__comic-img-speaker {
    margin-top: -5px;
    margin-bottom: -5px
}

.rd__comic-img-speaker--left {
    float: left;
    margin-right: 0;
    margin-left: -20px
}

.rd__comic-img-speaker--right {
    float: right;
    margin-right: -20px;
    margin-left: 0
}

.rd__comic-img-speaker::after {
    content: "";
    clear: both;
    display: block
}

.rd__img-small {
    max-width: 25vw;
    max-height: 25vh
}

.rd__s-v-flow {
    height: 15px;
    width: 0;
    border-left: 1px solid #656565;
    border-right: 1px solid #656565;
    margin: 0 auto
}

.rd__b-flow {
    margin: 0 15px;
    padding: 5px 10px;
    box-shadow: 0 0 4px 0 #988e7c;
    border: 1px solid #656565;
    border-top: 2px solid #656565;
    border-bottom: 2px solid #656565;
    background-color: #ece4da
}

.rd__b-flow>*:last-of-type {
    margin-bottom: 0
}

.rd__stats-name-page {
    font-family: Convergence, Arial, sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: 100
}

.rd__stats-name-brew-link {
    font-size: 13px;
    font-weight: initial
}

.rd__pre-wrap {
    white-space: pre-wrap
}

.rd__highlight {
    background-color: #ff0
}

.rd__color a {
    color: inherit !important
}

.rd-item__type-rarity-attunement {
    color: #333
}

.rd-spell__level-school-ritual {
    font-style: italic;
    color: #333
}

.rd-ability-icon {
    max-width: 100px
}

.rd-ability-icon__fill-primary {
    fill: #333
}

.rd-ability-icon__fill-bg {
    fill: #fff
}

.rd-ability-icon__stroke-bg {
    stroke: #fff
}

.rd-homebrew__b {
    background-color: rgba(255, 0, 0, .1019607843);
    clear: both
}

.rd-homebrew__wrp-notice {
    float: right;
    border: 1px dotted;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-right: 2px;
    padding-left: 2px;
    text-indent: 0
}

.rd-homebrew__disp-notice::before {
    content: "Homebrew"
}

.rd-homebrew__disp-old-content {
    color: #a00;
    margin-left: 5px
}

.rd-homebrew__disp-inline {
    background-color: rgba(255, 0, 0, .1019607843);
    text-decoration: underline dotted
}

td>.rd__b:last-child {
    margin-bottom: 0
}

.rd-recipes__wrp-recipe .rd__b--3>p,
.rd-recipes__wrp-recipe .rd__b--4>p {
    text-indent: 0
}

.rd-recipes__wrp-instructions .rd__h--3 {
    font-style: initial;
    font-variant: small-caps
}

.rd-recipes__wrp-instructions .rd__b--3>p,
.rd-recipes__wrp-instructions .rd__b--4>p {
    margin-bottom: 10px
}

.rd-recipes__wrp-instructions .rd__b--3>p:nth-of-type(2),
.rd-recipes__wrp-instructions .rd__b--4>p:nth-of-type(2) {
    margin-top: 10px
}

.rd-recipes__wrp-ingredients .rd__h--2 {
    font-size: 1em;
    font-family: Roboto, Helvetica, sans-serif;
    color: inherit;
    font-weight: bold
}

.rd-recipes__wrp-ingredients .rd__b p {
    margin-bottom: 0
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

.night-mode .rd__h--0,
.night-mode .rd__h--1,
.night-mode .rd__h--2 {
    color: #d29a38
}

.night-mode .rd__h--1 {
    border-bottom-color: #d29a38
}

.night-mode .rd__h--4 {
    color: #c2c2c2
}

.night-mode .rd__h--3 {
    color: #c2c2c2
}

.night-mode .rd__-image-title-inner {
    border-color: #555
}

.night-mode .rd__b-inset {
    background-color: #323431
}

.night-mode .rd__b-inset--readaloud {
    background-color: #28303a
}

.night-mode .rd__b-data {
    border-color: #565656
}

.night-mode .rd__b-flow {
    background-color: #38352f
}

.night-mode .rd__comic {
    color: #95aaea
}

.night-mode .rd__stats-name-page {
    color: #bbb
}

.night-mode .rd__highlight {
    background-color: #cc0;
    color: #222
}

.night-mode .rd-item__type-rarity-attunement {
    color: #bbb
}

.night-mode .rd-spell__level-school-ritual {
    color: #bbb
}

.night-mode .rd-ability-icon__fill-primary {
    fill: #bbb
}

.night-mode .rd-ability-icon__fill-bg {
    fill: #222
}

.night-mode .rd-ability-icon__stroke-bg {
    stroke: #222
}

.night-mode .rd-homebrew__b {
    background-color: rgba(255, 0, 0, .15)
}

.night-mode .rd-homebrew__disp-old-content {
    color: #f99
}

.night-mode .rd-homebrew__disp-inline {
    background-color: rgba(255, 0, 0, .15)
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

@keyframes kf-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.hwin {
    position: fixed;
    width: 600px;
    max-width: 92vw;
    min-width: 150px;
    z-index: 200;
    box-shadow: 0 0 12px 0 #000;
    animation-name: kf-fade-in;
    animation-duration: 150ms;
    display: flex;
    flex-direction: column;
    background: #f5f5f5
}

.hwin--minified .hoverborder__resize-n,
.hwin--minified .hoverborder__resize-ne,
.hwin--minified .hoverborder__resize-e,
.hwin--minified .hoverborder__resize-se,
.hwin--minified .hoverborder__resize-s,
.hwin--minified .hoverborder__resize-sw,
.hwin--minified .hoverborder__resize-w,
.hwin--minified .hoverborder__resize-nw {
    display: none
}

.hwin--popout {
    box-shadow: initial;
    width: 100%;
    animation-duration: initial;
    overflow-y: scroll;
    height: 100%;
    max-width: initial;
    max-height: initial
}

@media screen and (width <=991px) {
    .hwin {
        max-width: 95vw
    }
}

.hwin::-webkit-scrollbar-track {
    background: #a0a0a0
}

.hwin::-webkit-scrollbar {
    width: 4px
}

.hwin__wrp-table {
    max-height: 92vh;
    min-height: 20px;
    overflow-y: auto;
    background: #f5f5f5;
    transform: translateZ(0)
}

.hwin p {
    margin-bottom: 5px
}

.hwin .rnd-name {
    font-size: 22.4px
}

.hwin td div.border {
    height: 2px;
    background-color: #822000;
    margin: 0 3px;
    padding: 0;
    border-right: 5px rgba(0, 0, 0, 0)
}

.hoverborder {
    position: relative;
    min-height: 3px;
    max-height: 16px;
    text-align: right
}

.hoverborder--btm {
    cursor: ns-resize
}

.hoverborder--top {
    cursor: move;
    user-select: none;
    display: flex;
    justify-content: space-between
}

.hoverborder .hwin__top-border-icon {
    display: none
}

.hoverborder[data-perm=true] .hwin__top-border-icon {
    display: block
}

.hoverborder .window-title {
    max-width: calc(100% - 45px);
    text-align: left;
    margin-left: 4px;
    padding: 1px 0;
    font-size: 12px;
    display: none;
    font-family: "Times New Roman", serif;
    font-variant: small-caps;
    text-transform: uppercase;
    font-weight: bold
}

.hoverborder[data-perm=true] .window-title {
    display: block
}

.hoverborder__resize-n {
    position: absolute;
    top: -4px;
    right: 4px;
    left: 4px;
    height: 4px;
    cursor: ns-resize
}

.hoverborder__resize-ne {
    position: absolute;
    top: -6px;
    right: -6px;
    height: 10px;
    width: 10px;
    cursor: ne-resize
}

.hoverborder__resize-e {
    position: absolute;
    top: 4px;
    right: -4px;
    bottom: 4px;
    width: 4px;
    cursor: ew-resize
}

.hoverborder__resize-se {
    position: absolute;
    right: -6px;
    bottom: -6px;
    height: 10px;
    width: 10px;
    cursor: se-resize
}

.hoverborder__resize-s {
    position: absolute;
    top: 3px;
    right: 4px;
    left: 4px;
    height: 2px
}

.hoverborder__resize-sw {
    position: absolute;
    bottom: -6px;
    left: -6px;
    height: 10px;
    width: 10px;
    cursor: sw-resize
}

.hoverborder__resize-w {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: -4px;
    width: 4px;
    cursor: ew-resize
}

.hoverborder__resize-nw {
    position: absolute;
    top: -6px;
    left: -6px;
    height: 10px;
    width: 10px;
    cursor: nw-resize
}

.hoverborder[data-display-title=true]~.hwin__wrp-table,
.hoverborder[data-display-title=true]~.hoverborder {
    display: none
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

.night-mode .hwin {
    background: #222
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

.source-category-site {
    color: #e50711 !important;
    border-color: #e50711 !important;
    text-decoration-color: #e50711 !important
}

.source-category-extras {
    color: #9d4c4f !important;
    border-color: #9d4c4f !important;
    text-decoration-color: #9d4c4f !important
}

.source-category-homebrew {
    color: #8c3b96 !important;
    border-color: #8c3b96 !important;
    text-decoration-color: #8c3b96 !important
}

.source-category-homebrew--local {
    color: #4b40ed !important;
    border-color: #4b40ed !important;
    text-decoration-color: #4b40ed !important
}

.source-category-spicy {
    color: #1d965d !important;
    border-color: #1d965d !important;
    text-decoration-color: #1d965d !important
}

.source-category-spicy--local {
    color: #54ce19 !important;
    border-color: #54ce19 !important;
    text-decoration-color: #54ce19 !important
}

.source__PHB {
    color: #4a6898 !important;
    border-color: #4a6898 !important;
    text-decoration-color: #4a6898 !important
}

.source__DMG {
    color: purple !important;
    border-color: purple !important;
    text-decoration-color: purple !important
}

.source__MM {
    color: green !important;
    border-color: green !important;
    text-decoration-color: green !important
}

.source__SCAG {
    color: #76af76 !important;
    border-color: #76af76 !important;
    text-decoration-color: #76af76 !important
}

.source__VGM {
    color: gray !important;
    border-color: gray !important;
    text-decoration-color: gray !important
}

.source__OGA {
    color: #933d0f !important;
    border-color: #933d0f !important;
    text-decoration-color: #933d0f !important
}

.source__XGE,
.source__TTP {
    color: #ba7c00 !important;
    border-color: #ba7c00 !important;
    text-decoration-color: #ba7c00 !important
}

.source__XMtS {
    color: #830051 !important;
    border-color: #830051 !important;
    text-decoration-color: #830051 !important
}

.source__HotDQ {
    color: #ad8eba !important;
    border-color: #ad8eba !important;
    text-decoration-color: #ad8eba !important
}

.source__RoT {
    color: #ff2900 !important;
    border-color: #ff2900 !important;
    text-decoration-color: #ff2900 !important
}

.source__CoS {
    color: purple !important;
    border-color: purple !important;
    text-decoration-color: purple !important
}

.source__OotA {
    color: gray !important;
    border-color: gray !important;
    text-decoration-color: gray !important
}

.source__SKT {
    color: #008b8b !important;
    border-color: #008b8b !important;
    text-decoration-color: #008b8b !important
}

.source__PotA,
.source__EEPC {
    color: #57b6c6 !important;
    border-color: #57b6c6 !important;
    text-decoration-color: #57b6c6 !important
}

.source__LMoP {
    color: #8da851 !important;
    border-color: #8da851 !important;
    text-decoration-color: #8da851 !important
}

.source__TftYP {
    color: #c94029 !important;
    border-color: #c94029 !important;
    text-decoration-color: #c94029 !important
}

.source__ToA {
    color: #666f30 !important;
    border-color: #666f30 !important;
    text-decoration-color: #666f30 !important
}

.source__MTF {
    color: #1f6e7b !important;
    border-color: #1f6e7b !important;
    text-decoration-color: #1f6e7b !important
}

.source__WDH {
    color: #d4af37 !important;
    border-color: #d4af37 !important;
    text-decoration-color: #d4af37 !important
}

.source__GGR,
.source__KKW {
    color: #bfa76c !important;
    border-color: #bfa76c !important;
    text-decoration-color: #bfa76c !important
}

.source__WDMM {
    color: #a2201f !important;
    border-color: #a2201f !important;
    text-decoration-color: #a2201f !important
}

.source__LLK {
    color: #6e7a71 !important;
    border-color: #6e7a71 !important;
    text-decoration-color: #6e7a71 !important
}

.source__AZfyT {
    color: #4667a7 !important;
    border-color: #4667a7 !important;
    text-decoration-color: #4667a7 !important
}

.source__GoS {
    color: #3d695a !important;
    border-color: #3d695a !important;
    text-decoration-color: #3d695a !important
}

.source__AI,
.source__OoW {
    color: #5baf04 !important;
    border-color: #5baf04 !important;
    text-decoration-color: #5baf04 !important
}

.source__ESK,
.source__DIP,
.source__DC,
.source__SDW,
.source__SLW {
    color: #6b909a !important;
    border-color: #6b909a !important;
    text-decoration-color: #6b909a !important
}

.source__BGDIA {
    color: #752418 !important;
    border-color: #752418 !important;
    text-decoration-color: #752418 !important
}

.source__ERLW,
.source__EFR {
    color: #983426 !important;
    border-color: #983426 !important;
    text-decoration-color: #983426 !important
}

.source__RMR,
.source__RMBRE {
    color: #5c7c27 !important;
    border-color: #5c7c27 !important;
    text-decoration-color: #5c7c27 !important
}

.source__MFF {
    color: #92817f !important;
    border-color: #92817f !important;
    text-decoration-color: #92817f !important
}

.source__LR {
    color: #78613c !important;
    border-color: #78613c !important;
    text-decoration-color: #78613c !important
}

.source__IMR {
    color: #a19364 !important;
    border-color: #a19364 !important;
    text-decoration-color: #a19364 !important
}

.source__SADS {
    color: #333bab !important;
    border-color: #333bab !important;
    text-decoration-color: #333bab !important
}

.source__EGW,
.source__FS,
.source__DD,
.source__US,
.source__ToR {
    color: #855a6e !important;
    border-color: #855a6e !important;
    text-decoration-color: #855a6e !important
}

.source__MOT {
    color: #556b2e !important;
    border-color: #556b2e !important;
    text-decoration-color: #556b2e !important
}

.source__IDRotF {
    color: #8fb8c0 !important;
    border-color: #8fb8c0 !important;
    text-decoration-color: #8fb8c0 !important
}

.source__TCE {
    color: #a24d08 !important;
    border-color: #a24d08 !important;
    text-decoration-color: #a24d08 !important
}

.source__AL {
    color: #e50711 !important;
    border-color: #e50711 !important;
    text-decoration-color: #e50711 !important
}

.source__HF {
    color: #ac9544 !important;
    border-color: #ac9544 !important;
    text-decoration-color: #ac9544 !important
}

.source__CM {
    color: #e6585e !important;
    border-color: #e6585e !important;
    text-decoration-color: #e6585e !important
}

.source__VRGR,
.source__HoL {
    color: #bd000f !important;
    border-color: #bd000f !important;
    text-decoration-color: #bd000f !important
}

.source__RtG {
    color: #8a536a !important;
    border-color: #8a536a !important;
    text-decoration-color: #8a536a !important
}

.source__AitFR {
    color: #6e5ab9 !important;
    border-color: #6e5ab9 !important;
    text-decoration-color: #6e5ab9 !important
}

.source__AitFR-ISF,
.source__AitFR-THP,
.source__AitFR-AVT,
.source__AitFR-DN,
.source__AitFR-FCD {
    color: #6e5ab9 !important;
    border-color: #6e5ab9 !important;
    text-decoration-color: #6e5ab9 !important
}

.source__WBtW {
    color: #7151b6 !important;
    border-color: #7151b6 !important;
    text-decoration-color: #7151b6 !important
}

.source__DoD {
    color: #fe4935 !important;
    border-color: #fe4935 !important;
    text-decoration-color: #fe4935 !important
}

.source__MaBJoV {
    color: #7a2854 !important;
    border-color: #7a2854 !important;
    text-decoration-color: #7a2854 !important
}

.source__FTD {
    color: #b82a15 !important;
    border-color: #b82a15 !important;
    text-decoration-color: #b82a15 !important
}

.source__NRH {
    color: #bd335b !important;
    border-color: #bd335b !important;
    text-decoration-color: #bd335b !important
}

.source__NRH-TCMC,
.source__NRH-AVitW,
.source__NRH-ASS,
.source__NRH-CoI,
.source__NRH-TLT,
.source__NRH-AWoL,
.source__NRH-AT {
    color: #bd335b !important;
    border-color: #bd335b !important;
    text-decoration-color: #bd335b !important
}

.source__SCC {
    color: #be9c56 !important;
    border-color: #be9c56 !important;
    text-decoration-color: #be9c56 !important
}

.source__SCC-CK,
.source__SCC-HfMT,
.source__SCC-TMM,
.source__SCC-ARiR {
    color: #be9c56 !important;
    border-color: #be9c56 !important;
    text-decoration-color: #be9c56 !important
}

.source__MPMM {
    color: #5c758d !important;
    border-color: #5c758d !important;
    text-decoration-color: #5c758d !important
}

.source__CRCotN {
    color: #ac4a70 !important;
    border-color: #ac4a70 !important;
    text-decoration-color: #ac4a70 !important
}

.source__JttRC {
    color: #cf48e2 !important;
    border-color: #cf48e2 !important;
    text-decoration-color: #cf48e2 !important
}

.source__SjA,
.source__SAiS,
.source__AAG,
.source__BAM,
.source__LoX {
    color: #056b97 !important;
    border-color: #056b97 !important;
    text-decoration-color: #056b97 !important
}

.source__DoSI {
    color: #478bb8 !important;
    border-color: #478bb8 !important;
    text-decoration-color: #478bb8 !important
}

.source__DSotDQ {
    color: #851e20 !important;
    border-color: #851e20 !important;
    text-decoration-color: #851e20 !important
}

.source__PSA {
    color: #d76404 !important;
    border-color: #d76404 !important;
    text-decoration-color: #d76404 !important
}

.source__PSD {
    color: #5db7da !important;
    border-color: #5db7da !important;
    text-decoration-color: #5db7da !important
}

.source__PSI {
    color: #5d4696 !important;
    border-color: #5d4696 !important;
    text-decoration-color: #5d4696 !important
}

.source__PSK {
    color: #a27135 !important;
    border-color: #a27135 !important;
    text-decoration-color: #a27135 !important
}

.source__PSX {
    color: #bb2722 !important;
    border-color: #bb2722 !important;
    text-decoration-color: #bb2722 !important
}

.source__PSZ {
    color: #6f8a2d !important;
    border-color: #6f8a2d !important;
    text-decoration-color: #6f8a2d !important
}

.source__KftGV {
    color: #876e38 !important;
    border-color: #876e38 !important;
    text-decoration-color: #876e38 !important
}

.source__HAT-TG,
.source__HAT-LMI {
    color: #a24545 !important;
    border-color: #a24545 !important;
    text-decoration-color: #a24545 !important
}

.source__BGG {
    color: #469cb7 !important;
    border-color: #469cb7 !important;
    text-decoration-color: #469cb7 !important
}

.source__TDCSR {
    color: #642e4b !important;
    border-color: #642e4b !important;
    text-decoration-color: #642e4b !important
}

.source__PaBTSO {
    color: #b2b34e !important;
    border-color: #b2b34e !important;
    text-decoration-color: #b2b34e !important
}

.source__PAitM,
.source__SatO,
.source__ToFW,
.source__MPP {
    color: #a23087 !important;
    border-color: #a23087 !important;
    text-decoration-color: #a23087 !important
}

.source__CoA {
    color: #a13a0f !important;
    border-color: #a13a0f !important;
    text-decoration-color: #a13a0f !important
}

.source__HFFotM {
    color: #7b702c !important;
    border-color: #7b702c !important;
    text-decoration-color: #7b702c !important
}

.source__BMT,
.source__DMTCRG {
    color: #694165 !important;
    border-color: #694165 !important;
    text-decoration-color: #694165 !important
}

.source__QftIS,
.source__DitLCoT {
    color: #6191ae !important;
    border-color: #6191ae !important;
    text-decoration-color: #6191ae !important
}

.source__GHLoE {
    color: #c07e4e !important;
    border-color: #c07e4e !important;
    text-decoration-color: #c07e4e !important
}

.source__DoDk {
    color: #825494 !important;
    border-color: #825494 !important;
    text-decoration-color: #825494 !important
}

.source__HWCS,
.source__HWAitW {
    color: #d0914b !important;
    border-color: #d0914b !important;
    text-decoration-color: #d0914b !important
}

.source__ToB1-2023 {
    color: #917792 !important;
    border-color: #917792 !important;
    text-decoration-color: #917792 !important
}

.source__TD {
    color: #bb9528 !important;
    border-color: #bb9528 !important;
    text-decoration-color: #bb9528 !important
}

.sp__school-A {
    color: #00b921
}

.sp__school-V {
    color: #bb0100
}

.sp__school-E {
    color: #b30083
}

.sp__school-I {
    color: #006dbd
}

.sp__school-D {
    color: #00adb3
}

.sp__school-N {
    color: #6c00cc
}

.sp__school-T {
    color: #ccbe00
}

.sp__school-C {
    color: #bd0044
}

.ve-source-marker {
    position: relative;
    font-size: 80%;
    display: inline-block;
    margin-left: 1px;
    align-self: start
}

.ve-source-marker--list {
    left: 1px;
    margin-top: 1px;
    margin-left: -20px;
    padding-left: 20px;
    line-height: 8px;
    height: 8px;
    width: 8px
}

.ve-source-marker--partnered {
    color: #00c797
}

.ve-source-marker--legacy {
    color: #777
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

.night-mode .source__PHB {
    color: #337ab7 !important;
    border-color: #337ab7 !important;
    text-decoration-color: #337ab7 !important
}

.night-mode .source__SADS {
    color: #4f63f5 !important;
    border-color: #4f63f5 !important;
    text-decoration-color: #4f63f5 !important
}

.night-mode .source__PSA {
    color: #eec276 !important;
    border-color: #eec276 !important;
    text-decoration-color: #eec276 !important
}

.night-mode .ve-source-marker--partnered {
    color: #27ac8c
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

.lst__wrp-search-glass {
    position: absolute;
    top: 0;
    bottom: 2px;
    left: 6px;
    opacity: .5
}

.lst__wrp-search-visible {
    position: absolute;
    top: 0;
    right: 6px;
    bottom: 0;
    opacity: .5
}

.lst__caret--active {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-left: 4px solid rgba(0, 0, 0, 0);
    margin-left: 2px
}

.lst__caret--reverse {
    transform: rotate(180deg)
}

input.lst__search {
    padding-left: 23px
}

input.lst__search--no-border-h {
    border-radius: 0;
    border-right: 0
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

.nav .ve-dropdown-menu--top {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media screen and (width <=768px) {
    .nav>li>a {
        border: 1px solid #ccc
    }

    .night-mode .nav>li>a {
        border-color: #555
    }
}

.night-mode .nav>li:not(.active)>a {
    color: #bbb;
    background-color: #222;
    border: 1px solid rgba(85, 85, 85, .6274509804);
    border-top: 0
}

.night-mode .nav>li:not(.active)>a:focus,
.night-mode .nav>li:not(.active)>a:hover {
    background-color: #272727;
    color: #fff
}

.night-mode .nav>li.active>a:focus,
.night-mode .nav>li.active>a:hover {
    color: #fff
}

.night-mode .nav li.open>a,
.night-mode .nav li.open>a:focus,
.night-mode .nav li.open>a:hover {
    background-color: #272727;
    border-left: 1px solid #337ab7;
    border-right: 1px solid #337ab7;
    border-color: #337ab7
}

.night-mode .nav li.active.open>a,
.night-mode .nav li.active.open>a:focus,
.night-mode .nav li.active.open>a:hover {
    background-color: #333
}

@media screen and (width <=1200px) {
    .nav .caret--right {
        transform: none
    }

    .nav .ve-dropdown-menu--side {
        top: 100%;
        left: 0
    }
}

.nav2-list__label {
    padding: 0 20px
}

.nav2-list__disp-source {
    display: inline-block;
    height: 15px;
    border-left: 1px solid;
    position: relative;
    border-right: 1px solid;
    top: 2px;
    margin-right: 7px;
    margin-left: 4px
}

.nav2-accord__head {
    padding: 3px 7px 3px 20px
}

.nav2-accord__head:focus,
.nav2-accord__head:hover {
    background-color: #f5f5f5
}

.nav2-accord__head--active {
    background: #337ab7;
    color: #fff
}

.nav2-accord__head--active:focus,
.nav2-accord__head--active:hover {
    background: #7398b7
}

.nav2-accord__body {
    padding: 3px 0 3px 35px;
    display: flex;
    flex-direction: column
}

.nav2-accord__lnk-item {
    padding: 3px 20px;
    color: #333
}

.nav2-accord__lnk-item:focus,
.nav2-accord__lnk-item:hover {
    background-color: #f5f5f5;
    text-decoration: none
}

.nav2-accord__lnk-item--active {
    background: #337ab7;
    color: #fff
}

.nav2-accord__lnk-item--active:focus,
.nav2-accord__lnk-item--active:hover {
    background: #7398b7;
    color: #fff
}

.night-mode .nav2-accord__head:focus,
.night-mode .nav2-accord__head:hover {
    background-color: #383838;
    color: #fff
}

.night-mode .nav2-accord__head--active {
    color: #fff
}

.night-mode .nav2-accord__head--active:focus,
.night-mode .nav2-accord__head--active:hover {
    background: #7398b7
}

.night-mode .nav2-accord__lnk-item {
    color: #bbb
}

.night-mode .nav2-accord__lnk-item:focus,
.night-mode .nav2-accord__lnk-item:hover {
    background-color: #383838;
    color: #fff
}

.night-mode .nav2-accord__lnk-item--active {
    color: #fff
}

.night-mode .nav2-accord__lnk-item--active:focus,
.night-mode .nav2-accord__lnk-item--active:hover {
    background: #7398b7
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

.page__header {
    padding: 0 15px 1px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .475);
    color: #fff;
    background-color: #006bc4;
    min-height: 0;
    flex-shrink: 0
}

.page__title {
    margin-right: 10px;
    display: inline
}

.page__title::after {
    color: #e0e0e0;
    content: "."
}

.page__title--home span {
    color: #e0e0e0
}

.page__subtitle {
    display: inline;
    font-style: italic;
    color: #d0d0d0
}

.page__btn-toggle-nav {
    margin-top: 5px;
    text-align: center;
    width: 6em;
    flex-shrink: 0;
    height: 32px;
    line-height: 1;
    margin-right: 2px
}

@media screen and (width > 768px) {
    .page__btn-toggle-nav {
        display: none
    }
}

.page__nav {
    position: relative;
    min-height: 33px;
    flex-shrink: 0
}

@media screen and (width <=768px) {
    .page__nav {
        width: 100%;
        display: flex
    }
}

@media screen and (width <=768px) {
    .page__nav-inner {
        display: flex;
        margin-top: 3px;
        flex-direction: column;
        width: calc(100% - 6em);
        flex-shrink: 0
    }
}

.page__nav-date {
    margin-left: -16px;
    width: 27px;
    color: #777
}

.page__wrp-download {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    position: fixed;
    z-index: 2000;
    top: 5px;
    min-height: 40px;
    min-width: 100px;
    max-width: 850px;
    display: flex;
    width: 90vw;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding: 5px;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    background: #fff
}

.page__wrp-download-bar {
    border: 1px solid #2a6496;
    height: 34px;
    border-radius: 4px
}

.page__wrp-download-bar--error {
    border-color: #711617
}

.page__disp-download-progress-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #337ab7
}

.page__disp-download-progress-bar--error {
    background: #8a1a1b
}

.page__disp-download-progress-text {
    position: absolute;
    inset: 0 calc(50% - 30px) 0 calc(50% - 30px);
    width: 90px;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 3px 5px #000
}

.active>.nav__link>.page__nav-date {
    color: #fff
}

.night-mode .page__wrp-download {
    background: #222
}

.night-mode .page__disp-download-progress-text {
    color: #333
}

@media screen and (width <=768px) {
    #navigation .page__nav-hidden-mobile {
        display: none;
        margin-left: 0
    }
}

#legal-notice {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    position: fixed;
    z-index: 10000;
    bottom: 0;
    width: 100vw;
    height: 10em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    font-weight: bold;
    padding: 3rem;
    border: 1px solid rgba(0, 0, 0, .15);
    background: #f8f8f8
}

.viewport-wrapper {
    position: absolute;
    inset: 0;
    display: flex;
    flex-flow: column nowrap;
    overflow: auto;
    height: 100vh;
    width: 100vw
}

@media screen and (width <=991px) {
    .viewport-wrapper {
        bottom: auto;
        height: initial;
        min-height: 100vh
    }
}

.view-col-group{
    display:flex;
    flex-direction:column;
    position:relative;
    overflow-y:auto}

.view-col-wrapper {
    display: flex;
    flex-direction: row;
    max-height: 100%;
    height: 100%;
    min-height: 0
}

@media screen and (width <=991px) {
    .view-col-wrapper {
        flex-direction: column;
        max-height: none;
        height: initial;
        display: block
    }
}

.sidemenu {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background: #fff;
    border: 1px solid #ccc;
    position: fixed;
    z-index: 60;
    top: 0;
    bottom: 0;
    left: -260px;
    width: 250px;
    transition: left 51ms;
    cursor: default;
    display: flex;
    flex-direction: column;
    padding: 4px 7px;
    overflow-y: auto
}

.sidemenu>* {
    flex-shrink: 0
}

.sidemenu__toggle {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background: #d3d3d3;
    position: absolute;
    z-index: 60;
    top: 46px;
    left: -7px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    transition: left 51ms;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 3px 4px
}

.sidemenu__hotzone {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px
}

.sidemenu__burger {
    background: #fff;
    height: 3px;
    box-shadow: inset 0 0 1px 0 #888
}

.sidemenu__toggle:hover .sidemenu {
    left: 0;
    transition: left 51ms
}

.sidemenu__toggle:hover .sidemenu--offset {
    left: -12px
}

.sidemenu__row__divider {
    background: rgba(204, 204, 204, .6274509804)
}

.sidemenu__row__divider--heavy {
    background: #aaa
}

.sidemenu__row__label {
    min-width: 46px;
    flex-shrink: 0
}

.sidemenu__row__label--cb-label {
    font-weight: initial;
    display: flex;
    margin-bottom: 0;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

input[type=checkbox].sidemenu__row__label__cb {
    margin-right: 3px;
    margin-left: 7px
}

.night-mode .sidemenu {
    border-color: #555
}

.omni__wrp-output {
    width: 100%;
    justify-content: flex-end
}

.omni__output {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    position: absolute;
    z-index: 100;
    padding: .2em .7em;
    border-radius: .2em;
    border: 1px solid rgba(0, 0, 0, .15);
    background: #fff
}

.omni__output--scrolled {
    position: fixed;
    top: 42px;
    right: 10px
}

@media screen and (width > 320px) {
    .omni__output {
        max-width: 300px;
        min-width: 270px
    }
}

@media screen and (width > 480px) {
    .omni__output {
        max-width: 460px;
        min-width: 430px
    }
}

@media screen and (width > 768px) {
    .omni__output {
        max-width: 740px;
        min-width: 500px
    }
}

@media screen and (width <=768px) {
    .omni__output {
        top: 40px
    }
}

.omni__wrp-input {
    position: relative
}

@media screen and (width <=768px) {
    .omni__wrp-input {
        margin-top: 2px;
        margin-left: 0
    }
}

.omni__wrp-input--scrolled {
    position: fixed;
    z-index: 100;
    top: 5px;
    right: 10px;
    width: 85px;
    padding: 2px 0;
    border-left: 40px solid rgba(0, 0, 0, 0)
}

.omni__wrp-input--scrolled .omni__input {
    min-width: initial;
    border-top-left-radius: 4px;
    border-top-color: #ccc
}

.omni__wrp-input--scrolled .omni__submit {
    border-top-right-radius: 4px;
    border-top-color: #ccc
}

.omni__wrp-input--scrolled input {
    padding: 0;
    color: rgba(0, 0, 0, 0)
}

.omni__wrp-input--scrolled:focus,
.omni__wrp-input--scrolled:focus-within,
.omni__wrp-input--scrolled:active,
.omni__wrp-input--scrolled:hover {
    width: 250px;
    border-left: 0
}

.omni__wrp-input--scrolled:focus input,
.omni__wrp-input--scrolled:focus-within input,
.omni__wrp-input--scrolled:active input,
.omni__wrp-input--scrolled:hover input {
    padding: 6px 12px;
    color: inherit
}

.omni__input {
    height: 32px;
    min-width: 100px
}

@media screen and (width > 991px) {
    .omni__input {
        border-top-left-radius: 0;
        border-top-color: rgba(0, 0, 0, 0)
    }
}

.omni__btn-clear {
    top: 9px;
    right: 37px;
    opacity: .5
}

.omni__submit {
    height: 32px;
    padding: 3px 7px
}

@media screen and (width > 991px) {
    .omni__submit {
        border-top-right-radius: 0;
        border-top-color: rgba(0, 0, 0, 0)
    }
}

.omni__wrp-paginate {
    display: flex;
    justify-content: space-between
}

.omni__wrp-paginate>span {
    display: inline-block;
    user-select: none;
    padding: 2px;
    font-size: 1.1em;
    min-width: 20px
}

.omni__paginate-ctrl {
    cursor: pointer
}

.omni__paginate-ctrl:hover {
    color: #337ab7
}

.omni__paginate-left {
    margin-right: auto
}

.omni__paginate-count {
    margin: 0 auto
}

.omni__paginate-right {
    margin-left: auto
}

.omni__disp-srd {
    font-size: 8.5px;
    align-self: start;
    top: 2px;
    margin-right: 1px;
    margin-left: 2px
}

.omni__disp-source-marker {
    margin-left: 2px
}

.omni__wrp-page {
    margin-left: 4px;
    font-family: Convergence, Arial, sans-serif;
    font-weight: 100;
    font-size: 94%
}

.omni__input:placeholder-shown+.omni__btn-clear {
    display: none
}

.omni__input:not(:focus, :focus-within, .omni__wrp-input--scrolled:active, :hover)+.omni__btn-clear {
    display: none
}

.btn-name-pronounce,
.btn-stats-name {
    vertical-align: top;
    height: 24px;
    width: 24px
}

.name-pronounce-icon {
    line-height: 16px
}

.name-pronounce {
    display: none
}

.hwin__top-border-icon {
    top: 0;
    margin-left: auto;
    padding: 2px;
    color: #f5f5f5;
    cursor: pointer;
    font-size: 12px;
    width: 18px;
    text-align: center
}

.hwin__top-border-icon--text {
    line-height: 11px;
    font-weight: bolder;
    font-family: monospace
}

.hwin__top-border-icon:hover,
.hwin__top-border-icon:active,
.hwin__top-border-icon:visited {
    color: #e8e8e8;
    text-decoration: none
}

#tabs-right {
    margin-left: auto;
    display: flex
}

.rollbox-min {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    position: fixed;
    z-index: 100;
    right: 7px;
    bottom: 0;
    color: rgba(255, 255, 255, .7);
    width: 24px;
    height: calc(24px + env(safe-area-inset-bottom, 0)/2);
    cursor: pointer;
    user-select: none;
    border: 0
}

.rollbox-min .glyphicon {
    position: absolute;
    top: 5px;
    left: 6px
}

.rollbox {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    position: fixed;
    width: 260px;
    height: 335px;
    z-index: 110;
    border: 1px solid rgba(0, 0, 0, .15);
    right: 1em;
    bottom: 0;
    flex-direction: column
}

.rollbox .ipt-roll {
    flex-shrink: 0;
    overflow-x: auto;
    height: 30px;
    width: 100%
}

.rollbox .out-roll {
    overflow-y: auto;
    height: 100%;
    display: flex;
    flex-direction: column-reverse;
    transform: translateZ(0)
}

.rollbox .head-roll {
    height: 24px;
    flex-shrink: 0;
    width: 100%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .25);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    user-select: none;
    cursor: pointer
}

.rollbox .head-roll .hdr-roll {
    line-height: 24px;
    padding: 0 6px
}

.rollbox .out-roll .out-roll-wrp .out-roll-item:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.rollbox .out-roll .out-roll-wrp .out-roll-item:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.rollbox .out-roll .out-roll-item {
    position: relative;
    margin: 1px 3px;
    padding: 1px 3px;
    width: calc(100% - 6px);
    word-wrap: break-word;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.rollbox .out-roll .out-roll-item--message {
    display: block
}

.rollbox .out-roll-item-button-wrp {
    display: none;
    position: absolute
}

.rollbox .out-roll-item:hover .out-roll-item-button-wrp {
    display: flex;
    right: 3px
}

.rollbox .btn-copy-roll {
    padding: 0 2px;
    line-height: 1.4
}

.rollbox .out-roll .out-roll-item .roll-label {
    font-style: italic
}

.rollbox .out-roll .out-roll-item .roll {
    font-weight: bold
}

.rollbox .out-roll .out-roll-item .roll-min {
    color: #ff3100
}

.rollbox .out-roll .out-roll-item .roll-max {
    color: #00b400
}

.rollbox .out-roll .out-roll-id {
    width: 100%;
    font-size: 70%;
    padding: 1px 3px
}

.rll__prompt-header {
    font-size: 32px
}

.rll__dropped {
    text-decoration: red line-through
}

.rll__list {
    margin-bottom: 0;
    padding-left: 24px
}

.rll__exploded {
    color: #6f99b8
}

.rll__success {
    text-decoration: #209520 underline
}

.rll__min--muted {
    color: #d24c2d
}

.rll__max--muted {
    color: #209520
}

.rll__exploded {
    color: #6f99b8
}

.rll__min--muted {
    color: #d24c2d
}

.rll__max--muted {
    color: #209520
}

.wrp-stat-tab {
    width: 100%;
    display: flex
}

.view-col {
    position: relative;
    margin: 7px 7px 12px;
    flex: 1;
    display: flex;
    flex-direction: column;
    height: calc(100% - 19px)
}

.view-col--wrp-book-contents {
    height: initial;
    position: relative;
    flex: 1
}

#listcontainer.view-col {
    display: flex;
    flex-flow: column nowrap
}

#contentwrapper.view-col {
    overflow-x: hidden;
    margin-bottom: 5px
}

#contentwrapper.view-col>*:not(.wrp-stats-table) {
    flex-shrink: 0
}

.wrp-stats-table {
    overflow: hidden auto;
    border-top: 1px solid #e69a28;
    border-bottom: 1px solid #e69a28;
    transform: translateZ(0);
    flex-shrink: 1
}

.wrp-stats-table--book {
    border-top-color: silver;
    border-bottom-color: silver
}

@media screen and (width <=991px) {
    .wrp-stats-table {
        overflow-y: initial
    }
}

.filtertools,
#filtertools {
    font-size: .8em
}

.filtertools select,
#filtertools select {
    margin: 1px
}

.filtertools small:hover,
#filtertools small:hover {
    cursor: pointer
}

#pointbuy input {
    margin: 2px;
    text-align: right;
    width: 3em
}

#pointbuy input[type=number] {
    appearance: textfield
}

#pointbuy input[type=checkbox] {
    width: initial;
    margin: initial
}

.list,
.list-display-only {
    transform: translateZ(0);
    position: relative;
    padding-left: 0;
    height: 100%;
    overflow: hidden auto;
    clear: both;
    font-size: .8em
}

@media screen and (width > 991px) {

    .list--stats,
    .list-display-only--stats {
        overflow-y: scroll;
        margin-right: -9px
    }
}

@media screen and (width <=991px) {

    .list,
    .list-display-only {
        max-height: 40vh
    }
}

.list.rules,
.list-display-only.rules {
    overflow-y: auto !important;
    padding-top: 0
}

.lst--border {
    border-bottom: 1px solid #ddd
}

.list-multi-selected {
    box-shadow: inset 0 0 0 5000px rgba(0, 107, 196, .3)
}

.list-multi-selected .lst--border {
    border-color: #6fa4d0
}

.list-multi-selected.lst__row--sublist {
    box-shadow: inset 0 0 0 5000px rgba(148, 148, 148, .2)
}

.list-multi-selected.lst__row--sublist .lst--border {
    border-color: #ccc
}

.row--blocklisted {
    display: none !important
}

.manbrew__source {
    overflow: hidden
}

.manbrew__search {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.manbrew__filtertools button {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.manbrew__filtertools .wrp-cb-all {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    line-height: 14px;
    border-bottom-right-radius: 3px;
    text-align: center;
    vertical-align: middle
}

.manbrew__wrp_btn_del_selected {
    text-align: right;
    padding-bottom: 5px
}

.manbrew__current_brew {
    margin-bottom: 5px
}

.manbrew__row {
    margin-right: 0;
    margin-left: 0;
    padding: 4px 0
}

.manbrew__col--tall {
    line-height: 30px
}

.manbrew__list {
    position: absolute;
    inset: 0;
    height: initial;
    overflow-y: initial;
    width: 100%
}

.manbrew-row__icn-btn {
    top: 2px
}

.manbrew-row__icn-btn--text {
    top: -1px
}

.night-mode .manbrew__filtertools .wrp-cb-all {
    border-color: #555
}

.rnd-name {
    position: relative;
    font-size: 1.8em;
    font-family: "Times New Roman", serif;
    font-variant: small-caps;
    font-weight: 500;
    padding-left: .2em !important
}

.rnd-name div.name-inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.stats {
    font-family: Convergence, Arial, sans-serif;
    width: 100%;
    font-size: 12.6px;
    table-layout: fixed;
    overflow-wrap: break-word
}

.stats:last-child {
    margin-bottom: 0
}

td,
th {
    padding: 1px .3em
}

.stats-name {
    font-size: unset;
    line-height: unset;
    color: #822000
}

.stats table {
    margin-bottom: 5px;
    white-space: initial
}

.stats table.statsDataInset {
    margin: 10px;
    width: calc(100% - 20px);
    border: 1px solid rgba(0, 0, 0, .4);
    box-shadow: 0 0 4px 0 #988d7c
}

.stats table caption {
    margin-left: 5px;
    padding: 0;
    font-weight: bold;
    font-size: 1.1em
}

th.border {
    height: 4px
}

.wrp-stats-table th.border {
    height: 3px
}

th.border-thin {
    height: 1px
}

td.divider div {
    background: #822000;
    height: 2px;
    margin: 6px 0
}

.stats span.name {
    font-weight: bold
}

.stats span.name {
    font-weight: bold
}

tr.text>td {
    padding-bottom: .7em
}

tr.text.compact>td {
    padding-bottom: 0
}

tr.text.compact>td p:last-child {
    margin-bottom: 0
}

.mon__btn-reset-cr,
.mon__btn-scale-cr {
    padding: 0 5px;
    font-size: 10px
}

.mon__cr_slider_wrp {
    position: absolute;
    top: 23px;
    left: 0;
    background: #fff;
    border: 1px solid #ccc;
    width: calc(100% - 30px);
    margin: 0 10px;
    padding: 5px 7px 0;
    border-radius: 4px;
    box-shadow: 0 0 3px 0 #000
}

.mon__cr_slider_wrp--compact {
    top: 41px
}

.mon__sect-header-inner {
    display: block;
    margin-top: -0.3rem;
    margin-bottom: -0.3rem;
    font-weight: 100;
    color: #822000;
    font-size: 18px;
    line-height: 23px;
    font-family: "Times New Roman", serif;
    font-variant: small-caps
}

.mon__sect-row-inner {
    padding-top: .5rem !important
}

.mon__sect-row-inner>*:last-of-type {
    margin-bottom: .5rem !important
}

.mon__stat-header-underline {
    border-bottom: 1px solid #822000;
    vertical-align: bottom !important;
    padding-left: .2rem
}

.night-mode .mon__cr_slider_wrp {
    border-color: #555
}

tr th.mon__name--token {
    padding-right: 12rem
}

#crcalc input[type=number],
#crcalc input[type=checkbox],
#crcalc .inputwrap {
    text-align: right;
    width: 6em
}

#crcalc input[type=checkbox] {
    width: auto
}

#crcalc input#hd {
    float: none;
    width: 4em
}

#crcalc span#hdval {
    width: 2.1em;
    text-align: center;
    display: inline-block
}

#crcalc input[type=number]#hd::-webkit-inner-spin-button,
#crcalc input[type=number]#hd::-webkit-outer-spin-button {
    margin: 0
}

#crcalc .explanation {
    font-weight: normal;
    width: 26em
}

#crcalc input#hd:focus {
    border: 1px solid initial
}

#msbcr {
    text-align: center;
    font-size: .8em;
    margin: 0 auto
}

#msbcr th {
    text-align: center;
    padding: 0 .5em;
    cursor: initial !important
}

#msbcr tr {
    cursor: pointer
}

#croutput {
    padding: .2em .7em;
    border-radius: 7px
}

#instructions p {
    font-size: small
}

#expectedcr {
    text-align: center
}

img.token {
    position: absolute;
    z-index: 10;
    top: 0;
    right: .5rem;
    float: right;
    width: auto;
    max-width: 11rem;
    height: auto;
    transition: opacity 34ms, max-width 34ms, right 34ms
}

img.token:hover {
    max-width: 100%;
    right: 0;
    opacity: 1 !important;
    transition: opacity 34ms, max-width 34ms, right 34ms
}

.classes .stats {
    font-family: inherit
}

.stats p.subtrait {
    padding: 0 1em;
    font-size: .9em
}

.init__wrp_conds {
    display: flex
}

.init__cond {
    width: 7px;
    margin-right: 3px;
    display: grid;
    grid-gap: 3px;
    cursor: pointer
}

.init__cond:hover {
    box-shadow: 0 0 5px 0 gray
}

.init__cond_bar {
    width: 7px;
    height: 100%
}

.initp__content {
    overflow: hidden auto;
    height: 100%;
    width: 100%
}

.initp__wrp_active {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.initp__meta {
    font-size: 1.6rem
}

.initp__header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 3px;
    font-variant: small-caps;
    border-bottom: 1px solid #ccc
}

.initp__h_name--compact {
    text-align: center
}

.initp__r_name {
    display: flex;
    justify-content: space-between
}

.initp__h_hp--compact {
    text-align: center
}

.initp__h_stat,
.initp__r_stat {
    width: 40px;
    text-align: center;
    flex-shrink: 0;
    flex-grow: 0
}

.initp__r_hp_pill {
    padding: 2px 4px;
    border-radius: 3px;
    color: #fff;
    text-align: center
}

.initp__h_score,
.initp__r_score {
    flex: none;
    width: 80px;
    text-align: center
}

.initp__h_score--compact,
.initp__r_score--compact {
    width: 40px
}

.initp__r_score {
    line-height: 24px
}

.initp__r {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 2px 3px;
    border-bottom: 1px solid rgba(204, 204, 204, .6274509804)
}

.initp__r:last-of-type {
    border-bottom: 0
}

.initp__r:hover {
    background: rgba(0, 0, 0, .062745098)
}

.initp__r--active {
    background: rgba(207, 229, 255, .4705882353)
}

.initp__r--active:hover {
    background: rgba(191, 213, 239, .4705882353)
}

.night-mode .initp__header {
    border-color: #555
}

.night-mode .initp__r {
    border-color: rgba(85, 85, 85, .6274509804)
}

.night-mode .initp__r:hover {
    background: rgba(255, 255, 255, .0941176471)
}

.night-mode .initp__r--active:hover {
    background: rgba(147, 186, 232, .2196078431)
}

.lst__form-top {
    display: flex;
    flex-shrink: 0
}

.lst__form-top>* {
    min-width: 0
}

.lst__form-top>button {
    flex-shrink: 0
}

.lst__form-top>*:first-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0
}

.lst__form-top>*:last-child {
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.lst__form-top>*:not(:first-child, :last-child) {
    border-radius: 0;
    border-right: 0
}

.lst__search {
    padding-left: 23px
}

.lst__list {
    margin-bottom: 10px
}

.lst__row:hover {
    background: #f5f5f5
}

.lst__row--blocklisted {
    display: none !important
}

.lst__row-inner {
    line-height: 14px;
    color: inherit;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 0 2px 1px;
    text-decoration: none
}

.lst__row-inner:hover,
.lst__row-inner:focus {
    text-decoration: none
}

.lst__wrp-preview {
    font-size: 12.6px;
    background: #fff
}

.lst__wrp-preview-inner {
    border-bottom: 1px solid #ddd
}

.lst__vr-preview {
    top: 7px;
    left: 8px;
    height: calc(100% - 14px)
}

.lst__btn-toggle-expand {
    margin-bottom: -1px;
    line-height: 15px
}

.lst__btn-toggle-expand:hover {
    background: rgba(0, 0, 0, .1254901961)
}

.lst__btn-collapse-all-previews {
    font-size: 11.2px
}

*:first-child>input.lst__search--no-border-h {
    border-top-left-radius: 4px
}

.stats-sub-header {
    font-style: italic;
    font-weight: bold
}

.stats-list-sub-header {
    font-style: italic;
    font-weight: bold;
    margin-left: 5px
}

.list-entry-none {
    font-style: italic
}

.filter-sublist-item-wrapper {
    display: flex
}

.filter-sublist-item-text {
    margin-right: 20px
}

input[type=checkbox].filter-checkbox {
    margin-left: auto;
    padding: 0 10px
}

input[type=checkbox].readonly {
    pointer-events: none
}

.lst__wrp-cells {
    color: inherit;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 0 2px 1px;
    text-decoration: none
}

.lst__wrp-cells.bk__contents_header_link {
    padding: 0
}

.lst__wrp-cells.bk__contents_show_all {
    height: 16px
}

.lst__row--focusable:focus {
    box-shadow: inset 0 0 0 5000px rgba(0, 107, 196, .3)
}

.sublist {
    display: none;
    position: relative;
    padding: 0 0 2px;
    flex-direction: column;
    flex-shrink: 0;
    height: 130px
}

.sublist .list {
    margin-bottom: 3px;
    padding-top: 3px
}

.sublist--visible {
    display: flex
}

.sublist--resizable {
    margin-bottom: 3px;
    min-height: 75px;
    max-height: 80%
}

@media screen and (width <=991px) {
    .sublist--resizable {
        max-height: 40vh;
        height: initial
    }
}

.sublist__wrp-cols {
    display: flex
}

.sublist__wrp-cols>*:last-child {
    flex-grow: 1
}

.sublist__ele-resize {
    background-color: rgba(170, 170, 170, .2666666667);
    border: 1px solid rgba(204, 204, 204, .4);
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    cursor: ns-resize;
    user-select: none;
    line-height: 1px;
    font-size: 10px;
    text-align: center
}

.tview__row>td {
    min-width: 100px
}

.stats--book-large {
    --sz-font-h0: 2.5em;
    --sz-font-h1: 1.9em;
    --sz-font-h2: 1.6em;
    --h-mb-p: 15px;
    --h-mb-p-inline: var(--h-mb-p);
    --h-mb-quote-line: 10px;
    --h-mb-li: 5px;
    --w-text-indent-inline-p: 0;
    border-radius: 0;
    line-height: 1.7;
    font-size: 1em
}

.stats--book-large .rd__spc-inline-post {
    width: 100%;
    height: var(--h-mb-p)
}

.stats--book-large .rd__spc-inline-post:last-child {
    height: 0
}

.stats--book-large .rd__list-hang-notitle>.rd__li>.rd__p-list-item {
    text-indent: -1.1em
}

.stats--book-large .rd__p-cont-indent {
    text-indent: 0;
    margin-top: 5px
}

.book-view.view-col {
    flex: 5
}

.bk-contents__sub_spacer--1 {
    color: gray;
    display: inline-block;
    margin: 0 4px
}

.book-contents .contents {
    height: initial;
    position: sticky;
    top: 0;
    max-height: 100vh
}

@media screen and (width > 1600px) {
    #listcontainer.book-contents {
        position: fixed;
        top: 0;
        left: 0;
        max-width: calc((100vw - 1170px)/2);
        margin: 0;
        min-height: 100vh
    }

    .book-contents .contents {
        position: relative
    }
}

.initial-message {
    color: #822000;
    font-family: "Times New Roman", serif;
    font-variant: small-caps;
    font-weight: 500;
    text-align: center;
    line-height: 2.3em
}

.initial-message--large {
    font-size: 4vmin;
    color: initial
}

.book-view .initial-message {
    font-size: 1.8em
}

.stats .initial-message,
.bkmv .initial-message {
    font-size: 1.4em
}

.f-all-wrapper {
    position: fixed;
    z-index: 100;
    right: calc(50vw - 585px + 1.5em);
    bottom: 10px;
    left: calc((100vw - 780px)/2 + 1.5em);
    padding: 0 20px
}

@media screen and (width <=1200px) {
    .f-all-wrapper {
        right: calc(50vw - 485px + 1.5em);
        left: calc((100vw - 646.6666666667px)/2 + 1.5em)
    }
}

@media screen and (width <=991px) {
    .f-all-wrapper {
        right: calc((100vw - 750px)/2 + 1.5em);
        left: calc((100vw - 750px)/2 + 1.5em)
    }
}

@media screen and (width <=768px) {
    .f-all-wrapper {
        right: calc((100vw - 750px)/2 + 1.5em);
        left: calc((100vw - 750px)/2 + 1.5em)
    }
}

@media screen and (width <=480px) {
    .f-all-wrapper {
        right: 3.5em;
        left: 3.5em
    }
}

.f-all-wrapper>input {
    width: 100%
}

.f-all-out {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    overflow-y: auto;
    max-height: 400px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .15);
    padding: .2em .7em;
    border-radius: .2em;
    display: none
}

.f-result {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 5px 0
}

.f-result>span {
    display: inline-block
}

.highlight {
    background-color: #ff0
}

header p.lead {
    color: #d3d3d3
}

.stats {
    background: #fdf1dc
}

@media screen and (width > 1600px) {
    #listcontainer.book-contents {
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        background: #fff
    }
}

.shadow-big {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.night-mode .night__shadow-big {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.stats--book {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    font-family: Roboto, Helvetica, sans-serif;
    background: #fff
}

.stats--book ::selection {
    background: #242527;
    color: #fff;
    text-shadow: none
}

.bkmv {
    position: fixed;
    z-index: 100;
    inset: 0;
    width: 100vw;
    height: 100vh;
    background: #fff
}

.bkmv__spacer-name {
    font-family: "Times New Roman", serif;
    font-variant: small-caps;
    text-transform: uppercase;
    font-weight: bold;
    height: 20px;
    background: silver;
    font-size: 12px;
    break-before: auto;
    break-after: auto;
    break-inside: avoid
}

.bkmv__wrp {
    column-count: 6;
    column-gap: 7px;
    break-inside: avoid-column
}

@media screen and (width <=2160px) {
    .bkmv__wrp {
        column-count: 5
    }
}

@media screen and (width <=1800px) {
    .bkmv__wrp {
        column-count: 4
    }
}

@media screen and (width <=1440px) {
    .bkmv__wrp {
        column-count: 3
    }
}

@media screen and (width <=1080px) {
    .bkmv__wrp {
        column-count: 2
    }
}

@media screen and (width <=720px) {
    .bkmv__wrp {
        column-count: 1
    }
}

.bkmv__wrp-item {
    margin: 0;
    width: 100%;
    display: inline-block;
    border-radius: .2em;
    border: #ccc 1px solid
}

.bkmv__no-breaks {
    break-before: auto;
    break-after: auto;
    break-inside: avoid
}

.night-mode .bkmv__wrp-item {
    border-color: #555
}

.mode div.pnl-menu {
    background: #d3d3d3
}

.stripe-odd:nth-child(odd),
.stripe-even:nth-child(even),
.stripe-odd-table>tbody>tr:nth-child(odd),
.stripe-even-table>tbody>tr:nth-child(even) {
    background: rgba(192, 192, 192, .5019607843)
}

.stats .stripe-odd-table>tbody>tr:nth-child(odd),
.stats .stripe-even-table>tbody>tr:nth-child(even) {
    background: rgba(203, 191, 170, .5019607843)
}

.hwin .hoverborder,
th.border {
    background: #e69a28
}

.hwin .hoverborder.hoverborder-book,
.stats--book th.border {
    background: silver
}

.bklist__wrp-rows-inner {
    margin-left: 6px
}

.bklist__row-chapter {
    margin-left: 3rem
}

.bklist__row-section {
    margin-left: 6rem
}

.bklist__vr-contents {
    left: 6px;
    border-color: #ddd
}

.bk__stats--narrow {
    max-width: 640px;
    margin: 0 auto
}

.bk__contents-header {
    color: inherit;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-top: -1px;
    padding: 1px 0 1px 5px;
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    justify-content: space-between
}

.bk__nav-head-foot-item {
    min-width: 75px
}

.bk__to-top {
    display: none
}

.bk__to-top--scrolled {
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 99;
    top: 42px;
    right: 10px;
    padding: 2px 0
}

@media screen and (width <=768px) {
    .bk__to-top--scrolled {
        display: none
    }
}

.bk__overlay-loading {
    position: absolute;
    inset: 4px 0;
    background: #fff;
    border-bottom: 4px solid silver
}

.bk__wrp-btns-open-find {
    position: fixed;
    bottom: 0;
    left: 7px
}

.bk__head-chapter--active,
.bk__head-section--active {
    background: #f5f5f5
}

.night-mode .bk__contents-header {
    border-color: #555
}

.night-mode .bk__overlay-loading {
    background: #222;
    border-bottom-color: #565656
}

.bks__wrp-bookshelf {
    align-items: stretch
}

.bks__wrp-bookshelf-item,
.bks__wrp-bookshelf-item:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border: 2px solid #ccc;
    color: #333;
    text-decoration-color: #333
}

.bks__wrp-bookshelf-item--blocklisted {
    display: none !important
}

.bks__bookshelf-item-name {
    min-height: 40px;
    max-width: 220px;
    font-weight: bold;
    flex-grow: 1
}

.bks__bookshelf-image {
    width: 300px;
    height: 300px;
    object-fit: none
}

.night-mode .bks__wrp-bookshelf-item,
.night-mode .bks__wrp-bookshelf-item:hover {
    background: #222;
    border-color: #555;
    color: #bbb;
    text-decoration-color: #bbb
}

.f-all-out {
    background: #fff
}

.life__output {
    background: #d3d3d3
}

.f-all-out>p:nth-child(odd) {
    background: #f4f4f4
}

#msbcr tr:nth-child(even) {
    background: #d3d3d3
}

#croutput {
    background: #d3d3d3
}

.hwin .hoverborder .window-title {
    color: #822000
}

.rollbox {
    background: #fff
}

.rollbox .ipt-roll {
    background: #fff;
    border-radius: 0
}

.rollbox-min,
.rollbox .head-roll {
    background: #d3d3d3
}

.rollbox-min:hover,
.rollbox .head-roll:hover {
    background: #e3e3e3
}

.rollbox .out-roll .out-roll-item {
    background: rgba(176, 176, 176, .2078431373)
}

.rollbox .out-roll .out-roll-item .out-roll-item-code {
    font-family: "Courier New", monospace;
    background: #fff;
    border-radius: 3px;
    padding: 0 2px;
    cursor: pointer
}

.life__output-wrp-border {
    border: 1px solid rgba(0, 0, 0, .15)
}

.toast {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    z-index: 2000;
    right: 0;
    bottom: 200px;
    left: 0;
    padding: 5px 15px;
    min-height: 40px;
    max-width: 850px;
    display: flex;
    width: 90vw;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    opacity: 1;
    transition: bottom 84ms
}

.toast--animate {
    bottom: 0;
    margin-bottom: .5rem;
    transition: bottom 84ms
}

.toast--deleted {
    z-index: 1999
}

.toast__container {
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 0;
    left: 0;
    height: 200px
}

.toast__wrp-control {
    margin: -5px -15px -5px 0;
    flex: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch
}

.toast__btn-close {
    margin: 0;
    height: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 1px solid rgba(128, 128, 128, .2509803922);
    background: rgba(0, 0, 0, 0)
}

.toast__btn-close:hover,
.toast__btn-close:focus {
    background: rgba(128, 128, 128, .1254901961)
}

.toast--type-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.toast--type-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.toast--type-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.toast--type-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.night-mode .toast--type-info {
    color: #fff;
    background-color: rgba(32, 52, 74, .95);
    border-color: #5080b3
}

.night-mode .toast--type-danger {
    color: #fff;
    background-color: rgba(76, 16, 14, .95);
    border-color: #ce2a26
}

.night-mode .toast--type-warning {
    color: #fff;
    background-color: rgba(135, 88, 13, .95);
    border-color: #ecaa41
}

.night-mode .toast--type-success {
    color: #fff;
    background-color: rgba(0, 82, 44, .95);
    border-color: #00eb80
}

.cards__btn-choose-icon {
    width: 26px;
    height: 26px;
    padding: 0
}

.cards__disp-btn-icon {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    filter: invert(1)
}

.cards__disp-typeahead-icon {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    display: inline-block
}

.cards-cfg__ipt-color {
    width: 40px
}

.night-mode .cards__disp-btn-icon {
    filter: initial
}

.night-mode .cards__disp-typeahead-img {
    filter: invert(1)
}

.recipes__wrp-fluff .rd__wrp-image {
    margin-top: 0
}

.recipes__wrp-fluff .rd__image {
    max-height: 50vh
}

.form-control--error,
.form-control--error[readonly],
.form-control--error[disabled] {
    background-color: rgba(255, 0, 0, .0941176471) !important;
    border: 1px solid #843534 !important
}

.form-control--error:focus,
.form-control--error[readonly]:focus,
.form-control--error[disabled]:focus {
    border-color: #843534 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #ce8483 !important
}

.form-control--warning,
.form-control--warning[readonly],
.form-control--warning[disabled] {
    background-color: rgba(255, 170, 0, .0941176471);
    border: 1px solid #846334
}

.form-control--warning:focus,
.form-control--warning[readonly]:focus,
.form-control--warning[disabled]:focus {
    border-color: #846334;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #ceaa83
}

.night-mode body {
    color: #bbb;
    background: #222 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGBAMAAACDAP+3AAAAGFBMVEUfHx8eHh4dHR0bGxshISEiIiIlJSUjIyM9IpsJAAAFjUlEQVR4AT3UuZLcOBaF4QuI2XJxboIhF/eQFe1WovoBAAqccpkaZpc5+4yrXa8/RGpx/lrIXPjFCYjTp9z8REqF4VYNWB3Av3zQJ6b6xBwlKB/9kRkCjXVwGH3ziK5UcjFHVkmgY6osiBsGDFfseqq2ZbTz7E00qBDpzOxnD7ToABeros1vM6MX0rBQaG1ith1A/HJkvkHxsPGJ82dP8vVCyWmbyPTaAfGzg40bgIdrv2f3pBVPycUcufx+BSUUWDuCZi6zBqdM50ElKYPODqtLDjc31rBb9CZ59lbN/JScuMxHLUBcGiy6QRH9zpwgZGhRj8qSydPVgNNVgbWqYX3HbM9K2rqTnKVmsmwKWzc1ffEd20+Zq3Ji65kl6TSjALNvzmJt4Pi2f1etytGJmy5erLAgbNY4bjykC3YCLIS3nSZMKgwRsBarWgjdeVzIEDzpTkoOUArTF4WFXYHwxY585sT0nmTYMxmXfs8fzwswfnam8TMU49bvqSRnyRPnqlno4tVQQiH2A9Za8tNTfXQ0lxbSxUaZna0uLlj9Q0XzD96CpsOZUftolINKBWJpAOoAJC0T6QqZnOtfvcfJFcDrD4Cuy5Hng316XrqzJ204HynyHwWed6i+XGF40Uw2T7Lc71HyssngEOrgONfBY7wvW0UZdVAma5xmSNjRp3xkvKJkW6aSg7PK4K0+mbKqYB0WYBgWwxCXiS74zBCVlEFpYQDEwjcA1qccb5yO6ZL8ozt/h3wHSCdWzLuqxU2ZZ9ev9MvRMbMvV9BQgN0qrFjlkzPQanI9nuaGCokVK2LV1Y2egyY1aFQGxjM9I7RBBAgyGEJtpKHP0lUySSeWCpyKHMT2pmM/vyP55u2Rw5lcSeabAfgiG5TPDX3uP3QvcoSipJXQByUCjS4C8VXqxEEZOJxzmJoyogFNJBRsCJs2XmoWWrWFqTsnbwtSn43gNFTTob9/SEpaPJNhUBKDGoZGCMINxvBv8vuKbb//lg/sK0wfPgBica/QsSk5F3KK4Ui6Yw+uv4+DWEOFbhdPOnbY5PLFpzrZMhakeqomY0Vz0TO+elQGTWdCk1IYFAOaoZg0IJQhT+YreXF+yia+O1cgtGufjXxQw28f85RPXfd15zv13ABoD15kB7FKJ/7pbHKP6+9TgNgkVj68NeV8Tp24f7OOndCgJzR3RNJBPNFReCmstMVqvjjzBoeK4GOFoBN32CPxu+4TwwBDa4DJTe/OU9c9ku7EGyfOVxh+fw9g/AATxPqKTEXJKEdCIBkB4iBUlO6MjUrWi6M5Kz31YAqFsYaCeB0KJC5d1+foo3LQWSfRaDrwdAQrMEC27yDZXJf7TlOJ2Bczr1di3OWvZB6XrvvqPuWJPDk9dAHgm7LvuZJTEdKqO3J3XgostArEnvkqgUznx3PX7cSzz1FXZyvakTA4XVVMbCPFPK1cFj66S0WoqQI1XG2uoU7CMPquO2VaUDJFQMdVgXKD2bpz6ufzzxXbxszHQ9fGO/F7A998yBQG6cShE+P+Pk7t1FwfF1QHN1Eui1VapRxCdj8tCtI1bog1Fo011Sx9u3o6c9bufI6wAT26Av9xJ+WWpTKbbBPp3K/1LbC4Vuhv396RCbJw4untjxVPndj+dIB9dVD8z2dylZ+6vMeJwbYChHJkvHV2J3fdHsJPASeHhrXq6QheXu1nBhUr5u6ryT0I13BFKD01ViZ/n3oaziRG7c6Ayg7g1LPeztNdT36ueMqcN4XGv3finjfv+7I/kMJ4d046MUanOA1QtMH1kLlfFasm99NiutSw63yNDeH4zeL1Uu8XKHNfcThPSSNwchGMbgUETScwkCcK77pH2jsgrAssvVyB8FLJ7GrmwyD8eVqsHoY/FwIv9T7lPu9+Yf8/9+w4nS1ma78AAAAASUVORK5CYII=") repeat scroll left top
}

.night-mode .bg-solid {
    background: #222
}

.night-mode .vr-0,
.night-mode .vr-1,
.night-mode .vr-2,
.night-mode .vr-3,
.night-mode .vr-4,
.night-mode .vr-5 {
    border-color: #555
}

.night-mode .vr-r {
    border-right-color: #555 !important
}

.night-mode .page__header {
    color: #bbb;
    background: #333
}

.night-mode .page__title--home span {
    color: #909090
}

.night-mode .page__title--home::after {
    color: #909090
}

.night-mode .page__title {
    color: #d0d0d0
}

.night-mode .page__nav-inner>li.active>a,
.night-mode .page__nav-inner>li.active>a:focus,
.night-mode .page__nav-inner>li.active>a:hover {
    background-color: #333;
    border-top: 0;
    border-color: #555;
    border-left-color: rgba(0, 0, 0, 0);
    border-right-color: rgba(0, 0, 0, 0);
    color: #d0d0d0
}

.night-mode .text-muted {
    color: #959595 !important
}

.night-mode h1,
.night-mode h2,
.night-mode h3,
.night-mode h4,
.night-mode h5,
.night-mode h6 {
    color: #bbb
}

.night-mode .b-1p {
    border-color: #555 !important
}

.night-mode .bt-1p {
    border-top-color: #555 !important
}

.night-mode .br-1p {
    border-right-color: #555 !important
}

.night-mode .bb-1p {
    border-bottom-color: #555 !important
}

.night-mode .bb-1p-trans {
    border-bottom-color: rgba(85, 85, 85, .6274509804) !important
}

.night-mode .bl-1p {
    border-left-color: #555 !important
}

.night-mode pre {
    color: #bbb;
    background: #222;
    border-color: #555
}

.night-mode hr {
    border-color: #555
}

.night-mode #legal-notice {
    background: #222;
    color: #999
}

.night-mode a,
.night-mode .roller {
    color: #7db6e8
}

.night-mode .hwin__top-border-icon {
    color: #bbb
}

.night-mode .hwin__top-border-icon:hover {
    color: #c8c8c8
}

.night-mode .text-muted a,
.night-mode .text-muted .roller {
    color: #6e8eab
}

.night-mode .btn:hover {
    box-shadow: 0 0 1px 1px #888
}

.night-mode .btn[disabled]:hover {
    box-shadow: initial
}

.night-mode .btn-default,
.night-mode .btn-default:hover,
.night-mode .btn-default:focus,
.night-mode .btn-default:active {
    background-color: #222;
    color: #bbb;
    border-color: #555
}

.night-mode .btn-primary,
.night-mode .btn-primary:hover,
.night-mode .btn-primary:focus,
.night-mode .btn-primary:active {
    background-color: #2a4e6c;
    color: #bbb
}

.night-mode .btn-danger,
.night-mode .btn-danger:hover,
.night-mode .btn-danger:focus,
.night-mode .btn-danger:active {
    background-color: #7e3a38;
    color: #bbb
}

.night-mode .btn-danger:hover {
    box-shadow: 0 0 1px 1px #d43f3a
}

.night-mode .btn-warning,
.night-mode .btn-warning:hover,
.night-mode .btn-warning:focus,
.night-mode .btn-warning:active {
    background-color: #896838;
    color: #bbb
}

.night-mode .btn-info,
.night-mode .btn-info:hover,
.night-mode .btn-info:focus,
.night-mode .btn-info:active {
    background-color: #2a697c;
    color: #bbb
}

.night-mode .btn-success,
.night-mode .btn-success:hover,
.night-mode .btn-success:focus,
.night-mode .btn-success:active {
    background-color: #427442;
    color: #bbb
}

.night-mode .btn-default.active {
    background-color: #888;
    box-shadow: inset 0 3px 7px rgba(17, 17, 17, .9333333333);
    color: #222
}

.night-mode .btn-primary.active,
.night-mode .btn-danger.active,
.night-mode .btn-warning.active,
.night-mode .btn-info.active,
.night-mode .btn-success.active {
    box-shadow: inset 0 3px 7px rgba(17, 17, 17, .9333333333)
}

.night-mode .btn-nowrap {
    word-wrap: break-word;
    overflow-wrap: break-word
}

.night-mode dialog.dialog-modal,
.night-mode .ve-dropdown-menu {
    background: #222;
    color: #bbb;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .56)
}

.night-mode .ve-dropdown-menu>li>a,
.night-mode .ve-dropdown-menu>li>span {
    color: #bbb
}

.night-mode .ve-dropdown-menu>li>a:focus,
.night-mode .ve-dropdown-menu>li>a:hover,
.night-mode .ve-dropdown-menu>li>span:focus,
.night-mode .ve-dropdown-menu>li>span:hover {
    background-color: #383838;
    color: #fff
}

.night-mode .ve-dropdown-menu>li.ctx-danger>a,
.night-mode .ve-dropdown-menu>li.ctx-danger>span {
    color: #fff;
    background-color: #7e3a38
}

.night-mode .ve-dropdown-menu>li.ctx-danger>a:focus,
.night-mode .ve-dropdown-menu>li.ctx-danger>a:hover,
.night-mode .ve-dropdown-menu>li.ctx-danger>span:focus,
.night-mode .ve-dropdown-menu>li.ctx-danger>span:hover {
    color: #fff;
    background-color: #ac2925
}

.night-mode .ve-dropdown-menu>li.active>a,
.night-mode .ve-dropdown-menu>li.active>span {
    color: #fff
}

.night-mode .ve-dropdown-menu>li.disabled>a,
.night-mode .ve-dropdown-menu>li.disabled>span {
    color: #777
}

.night-mode .ve-dropdown-menu>li.disabled>a:focus,
.night-mode .ve-dropdown-menu>li.disabled>a:hover,
.night-mode .ve-dropdown-menu>li.disabled>span:focus,
.night-mode .ve-dropdown-menu>li.disabled>span:hover {
    color: #777;
    background: rgba(0, 0, 0, 0)
}

.night-mode .ve-dropdown-menu .divider {
    background-color: #555
}

.night-mode select,
.night-mode input {
    background-color: #222;
    color: #bbb
}

.night-mode select option {
    color: #bbb;
    background: #222
}

.night-mode .list .row {
    background: #222
}

.night-mode .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #444
}

.night-mode .alert-info {
    color: #fff;
    background-color: rgba(55, 90, 127, .5);
    border-color: #5080b3
}

.night-mode .alert-info .alert-link {
    color: #5080b3
}

.night-mode .alert-danger {
    color: #fff;
    background-color: rgba(141, 29, 26, .5);
    border-color: #ce2a26
}

.night-mode .alert-danger .alert-link {
    color: #ce2a26
}

.night-mode .alert-warning {
    color: #fff;
    background-color: rgba(205, 133, 20, .5);
    border-color: #ecaa41
}

.night-mode .alert-warning .alert-link {
    color: #ecaa41
}

.night-mode .alert-success {
    color: #fff;
    background-color: rgba(0, 158, 86, .5);
    border-color: #00eb80
}

.night-mode .alert-success .alert-link {
    color: #00eb80
}

.night-mode .input-group-addon,
.night-mode .form-control {
    background: #222;
    color: #bbb;
    border-color: #555
}

.night-mode .form-control[disabled] {
    background: rgba(14, 14, 14, .5333333333)
}

.night-mode .form-control--error,
.night-mode .form-control--error[readonly],
.night-mode .form-control--error[disabled] {
    background-color: #3e0000 !important;
    border: 1px solid #843534 !important
}

.night-mode .form-control--error:focus,
.night-mode .form-control--error[readonly]:focus,
.night-mode .form-control--error[disabled]:focus {
    border-color: #843534 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #ce8483 !important
}

.night-mode .form-control--warning,
.night-mode .form-control--warning[readonly],
.night-mode .form-control--warning[disabled] {
    background-color: #483700;
    border-color: #846334
}

.night-mode .form-control--warning:focus,
.night-mode .form-control--warning[readonly]:focus,
.night-mode .form-control--warning[disabled]:focus {
    border-color: #846334;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #ceaa83
}

.night-mode .omni__wrp-input--scrolled .omni__input {
    border-color: #555;
    background-color: #222;
    color: rgba(0, 0, 0, 0)
}

.night-mode .omni__wrp-input--scrolled .omni__input:focus,
.night-mode .omni__wrp-input--scrolled .omni__input:focus-within,
.night-mode .omni__wrp-input--scrolled .omni__input:active,
.night-mode .omni__wrp-input--scrolled .omni__input:hover {
    color: #bbb
}

.night-mode .omni__wrp-input--scrolled .omni__submit {
    border-color: #555
}

@media screen and (width > 991px) {
    .night-mode .omni__input {
        border-top-color: rgba(0, 0, 0, 0)
    }
}

.night-mode .omni__input:focus {
    border-color: #66afe9
}

.night-mode .omni__submit {
    border-top-color: #555
}

@media screen and (width > 991px) {
    .night-mode .omni__submit {
        border-top-color: rgba(0, 0, 0, 0)
    }
}

.night-mode .omni__submit.btn-default:active:focus,
.night-mode .omni__submit.btn-default:active:hover,
.night-mode .omni__submit.btn-default {
    background-color: #222;
    color: #bbb
}

.night-mode #pointbuy input[type=number] {
    border: 1px solid #555;
    outline-offset: 0;
    outline: none
}

.night-mode #pointbuy input.form-control--error[type=number] {
    border: 1px solid red
}

.night-mode .stats {
    background: #222
}

.night-mode .lst__row {
    background: #222
}

.night-mode .lst__row:hover {
    background: #333
}

.night-mode .lst__row-inner {
    color: inherit
}

.night-mode .lst__wrp-preview {
    background: #222
}

.night-mode .lst__wrp-preview-inner {
    border-color: #444
}

.night-mode .lst__btn-toggle-expand:hover {
    background: rgba(255, 255, 255, .1882352941)
}

@media screen and (width > 1600px) {
    .night-mode #listcontainer.book-contents {
        background: #222;
        border-right: 1px solid #404040
    }
}

.night-mode .bk__head-chapter--active,
.night-mode .bk__head-section--active {
    background: #383838
}

.night-mode .bklist__wrp-rows-inner {
    background: #222
}

.night-mode .bklist__vr-contents {
    border-color: #444
}

.night-mode .hwin .hoverborder,
.night-mode th.border,
.night-mode .stats--book th.border {
    background: #565656
}

.night-mode .hwin__wrp-table {
    background: #222
}

.night-mode .wrp-stats-table {
    border-top: 1px solid #565656;
    border-bottom: 1px solid #565656
}

.night-mode .stats--book ::selection {
    color: #242527;
    background: #fff
}

.night-mode tr.text td {
    color: #bbb !important
}

.night-mode tr.text td {
    color: #bbb !important
}

.night-mode .mon__btn-token-cycle {
    color: #ddd;
    background: rgba(255, 255, 255, .15)
}

.night-mode .mon__btn-token-cycle:hover {
    color: #bbb
}

.night-mode .mon__token-footer {
    color: #ddd;
    background: #222
}

.night-mode tr.trait td,
.night-mode tr.action td,
.night-mode tr.reaction td,
.night-mode tr.legendary td {
    color: #bbb !important
}

.night-mode .life__output {
    background: #222
}

.night-mode .f-all-wrapper>input,
.night-mode .f-all-out,
.night-mode .omni__output {
    background: #303030
}

.night-mode .f-all-out>p:nth-child(odd) {
    background: #202020
}

.night-mode .omni__paginate-ctrl:hover {
    color: #999
}

.night-mode #msbcr tr:nth-child(even) {
    background: rgba(0, 0, 0, .31)
}

.night-mode #croutput {
    background: rgba(0, 0, 0, .31)
}

.night-mode .stats-name {
    color: #d29a38
}

.night-mode .stats .divider div {
    background-color: #d29a38
}

.night-mode .stripe-odd-table>tbody>tr:nth-child(odd),
.night-mode .stripe-even-table>tbody>tr:nth-child(even) {
    background-color: rgba(170, 170, 170, .1333333333)
}

.night-mode #please-select-message.showing>td {
    color: #d29a38
}

.night-mode #actions td,
.night-mode #reactions td,
.night-mode #legendaries td,
.night-mode #lairactions td,
.night-mode #regionaleffects td {
    border-bottom-color: #d29a38;
    color: #d29a38
}

.night-mode .mon__stat-header-underline {
    border-bottom-color: #d29a38
}

.night-mode .mon__sect-header-inner {
    color: #d29a38
}

.night-mode .bkmv {
    background: #272727
}

.night-mode .bkmv__spacer-name {
    background-color: #565656
}

.night-mode .lst--border {
    border-color: #444
}

.night-mode .list-multi-selected .lst--border {
    border-color: #416482
}

.night-mode .list-multi-selected.lst__row--sublist .lst--border {
    border-color: #555
}

.night-mode #rulescontent caption {
    color: #bbb
}

.night-mode tr.trait td {
    color: #bbb !important
}

.night-mode ::-webkit-scrollbar-thumb {
    background: #475b6b
}

.night-mode .mon__cr_slider_wrp {
    background: #222;
    color: #bbb
}

.night-mode .hwin table.summary-noback th,
.night-mode .hwin table.summary th {
    color: #bbb
}

.night-mode .hwin .hoverborder .window-title {
    color: #bbb
}

.night-mode .rollbox {
    background: #272727
}

.night-mode .rollbox .ipt-roll {
    background: #272727
}

.night-mode .rollbox-min,
.night-mode .rollbox .head-roll {
    background: #101010
}

.night-mode .rollbox-min:hover,
.night-mode .rollbox .head-roll:hover {
    background: #161616
}

.night-mode .rollbox .out-roll .out-roll-item {
    background: rgba(80, 80, 80, .4)
}

.night-mode .rollbox .out-roll .out-roll-item .out-roll-item-code {
    background: #555
}

.night-mode .life__output-wrp-border {
    border: 1px solid rgba(255, 255, 255, .15)
}

.night-mode .hwin td div.border {
    background-color: #d29a38
}

.night-mode .initial-message {
    color: #d29a38
}

.night-mode .panel-content-textarea {
    background: #222
}

.night-mode .content-tab-bar {
    background: #222
}

.night-mode .highlight {
    color: #222;
    background-color: #cc0
}

.night-mode .sidemenu__row__divider {
    background: rgba(153, 153, 153, .5333333333)
}

.night-mode .sidemenu {
    background: #222
}

.night-mode .sidemenu__toggle {
    background: #444
}

.night-mode .sidemenu__burger {
    background: #222
}

.night-mode .initp__r--active {
    background: rgba(141, 193, 255, .1254901961)
}

.night-mode--alt body {
    background: #1c1c1c
}

.edge__body {
    overflow: hidden !important
}

.edge__overlay {
    background: darkred;
    position: fixed;
    z-index: 99999;
    inset: 0;
    width: 100vw;
    height: 100vh;
    color: #fff;
    font-family: monospace
}

.edge__title {
    font-size: 72px
}

.edge__btn-close {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 16px
}

.edge__link {
    color: #fff !important;
    text-decoration: underline
}

.TEST_LEADER {
    background: #f0f;
    user-select: none;
    color: #fff;
    width: 728px;
    height: 90px
}

.TEST_RHS_TOP {
    background: #f0f;
    user-select: none;
    color: #fff;
    width: 300px;
    height: 600px
}

.TEST_RHS_BOTTOM {
    background: lime;
    user-select: none;
    color: #fff;
    width: 300px;
    height: 250px
}

@media print {
    @page {
        margin: 10mm 15mm
    }

    body {
        color: #000 !important;
        overflow: visible !important;
        background: none !important;
        font-size: 10px !important
    }

    header,
    nav {
        display: none !important
    }

    strong,
    .bold {
        font-weight: 600
    }

    a[href]::after {
        content: none !important
    }

    .help,
    .help--hover {
        text-decoration: none !important
    }

    .btn-reroll,
    .rollbox-min,
    .rollbox,
    .spacer-name {
        display: none !important
    }

    a,
    .roller {
        color: #000 !important
    }

    .stats .stats-source,
    .stats-source-abbreviation,
    .stats th {
        color: #000 !important
    }

    th.border,
    .wrp-stats-table th.border {
        background: #000 !important;
        height: 1px !important
    }

    td.divider div {
        height: 1px !important;
        background: #000 !important;
        margin: 0 !important
    }

    .stats td,
    .stats th {
        padding: 1px 2px !important
    }

    .stats--book-large .rd__b--3,
    .stats--book-large table,
    .stats--book-large p {
        margin: 0 0 3px !important
    }

    .stats--book {
        box-shadow: none !important
    }

    #listcontainer,
    #stat-tabs,
    #float-token,
    .btn-name-pronounce,
    .btn-stats-name {
        display: none !important
    }

    .wrp-stats-table {
        border-top: 0 !important;
        border-bottom: 0 !important
    }

    #sticky-nav {
        display: none !important
    }

    #classtable table tr:nth-child(odd) td {
        background: #d3d3d3 !important
    }

    .cls-bkmv__wrp-tabs {
        display: none !important
    }

    .mon__btn-scale-cr,
    .mon__btn-reset-cr {
        display: none !important
    }

    .mon__name--token {
        padding-right: 0 !important
    }

    .mon__stat-header-underline {
        border-bottom: 1px solid #000 !important;
        color: #000 !important
    }

    .rd__b-inset {
        background: none !important;
        box-shadow: none !important;
        border-color: #000 !important
    }

    .rd__h-toggle {
        display: none !important
    }

    .rd__b-special,
    .rd__li {
        break-inside: avoid;
        page-break-inside: avoid
    }

    .bk__to-top,
    .bk__nav-head-foot-item {
        display: none !important
    }

    .bkmv-active>*:not(.bkmv) {
        display: none !important
    }

    .bkmv-active .bkmv {
        position: relative;
        top: unset;
        right: unset;
        bottom: unset;
        left: unset;
        width: calc(100vw - 20px)
    }

    .bkmv-active .bkmv__no-breaks {
        break-before: unset !important;
        break-after: unset !important;
        break-inside: unset !important
    }

    .bkmv-active .bkmv__wrp--columns-1 {
        column-count: 1
    }

    .bkmv-active .bkmv__wrp--columns-2 {
        column-count: 2
    }

    .bkmv-active .bkmv th.border {
        border: 0 !important;
        padding: 0 !important
    }

    .bkmv-active .bkmv .pnl-menu {
        display: none
    }

    .stats--bkmv {
        break-before: auto !important;
        break-after: auto !important;
        break-inside: avoid !important
    }

    .stats--bkmv tr {
        break-inside: auto !important
    }

    .toast {
        display: none !important
    }
}

@page {
    html.is-faux-print {
        margin: 10mm 15mm
    }
}

html.is-faux-print body {
    color: #000 !important;
    overflow: visible !important;
    background: none !important;
    font-size: 10px !important
}

html.is-faux-print header,
html.is-faux-print nav {
    display: none !important
}

html.is-faux-print strong,
html.is-faux-print .bold {
    font-weight: 600
}

html.is-faux-print a[href]::after {
    content: none !important
}

html.is-faux-print .help,
html.is-faux-print .help--hover {
    text-decoration: none !important
}

html.is-faux-print .btn-reroll,
html.is-faux-print .rollbox-min,
html.is-faux-print .rollbox,
html.is-faux-print .spacer-name {
    display: none !important
}

html.is-faux-print a,
html.is-faux-print .roller {
    color: #000 !important
}

html.is-faux-print .stats .stats-source,
html.is-faux-print .stats-source-abbreviation,
html.is-faux-print .stats th {
    color: #000 !important
}

html.is-faux-print th.border,
html.is-faux-print .wrp-stats-table th.border {
    background: #000 !important;
    height: 1px !important
}

html.is-faux-print td.divider div {
    height: 1px !important;
    background: #000 !important;
    margin: 0 !important
}

html.is-faux-print .stats td,
html.is-faux-print .stats th {
    padding: 1px 2px !important
}

html.is-faux-print .stats--book-large .rd__b--3,
html.is-faux-print .stats--book-large table,
html.is-faux-print .stats--book-large p {
    margin: 0 0 3px !important
}

html.is-faux-print .stats--book {
    box-shadow: none !important
}

html.is-faux-print #listcontainer,
html.is-faux-print #stat-tabs,
html.is-faux-print #float-token,
html.is-faux-print .btn-name-pronounce,
html.is-faux-print .btn-stats-name {
    display: none !important
}

html.is-faux-print .wrp-stats-table {
    border-top: 0 !important;
    border-bottom: 0 !important
}

html.is-faux-print #sticky-nav {
    display: none !important
}

html.is-faux-print #classtable table tr:nth-child(odd) td {
    background: #d3d3d3 !important
}

html.is-faux-print .cls-bkmv__wrp-tabs {
    display: none !important
}

html.is-faux-print .mon__btn-scale-cr,
html.is-faux-print .mon__btn-reset-cr {
    display: none !important
}

html.is-faux-print .mon__name--token {
    padding-right: 0 !important
}

html.is-faux-print .mon__stat-header-underline {
    border-bottom: 1px solid #000 !important;
    color: #000 !important
}

html.is-faux-print .rd__b-inset {
    background: none !important;
    box-shadow: none !important;
    border-color: #000 !important
}

html.is-faux-print .rd__h-toggle {
    display: none !important
}

html.is-faux-print .rd__b-special,
html.is-faux-print .rd__li {
    break-inside: avoid;
    page-break-inside: avoid
}

html.is-faux-print .bk__to-top,
html.is-faux-print .bk__nav-head-foot-item {
    display: none !important
}

html.is-faux-print .bkmv-active>*:not(.bkmv) {
    display: none !important
}

html.is-faux-print .bkmv-active .bkmv {
    position: relative;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
    width: calc(100vw - 20px)
}

html.is-faux-print .bkmv-active .bkmv__no-breaks {
    break-before: unset !important;
    break-after: unset !important;
    break-inside: unset !important
}

html.is-faux-print .bkmv-active .bkmv__wrp--columns-1 {
    column-count: 1
}

html.is-faux-print .bkmv-active .bkmv__wrp--columns-2 {
    column-count: 2
}

html.is-faux-print .bkmv-active .bkmv th.border {
    border: 0 !important;
    padding: 0 !important
}

html.is-faux-print .bkmv-active .bkmv .pnl-menu {
    display: none
}

html.is-faux-print .stats--bkmv {
    break-before: auto !important;
    break-after: auto !important;
    break-inside: avoid !important
}

html.is-faux-print .stats--bkmv tr {
    break-inside: auto !important
}

html.is-faux-print .toast {
    display: none !important
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

@media screen and (width <=991px) {
    .ve-dropdown-menu-filter {
        max-height: 525px
    }
}

.fltr__btn-close {
    min-width: 100px
}

.fltr__minimal-hide {
    display: none
}

.fltr__no-items {
    display: none !important
}

.fltr__h {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    align-items: center
}

@media screen and (width <=768px) {
    .fltr__h {
        flex-direction: column
    }

    .fltr__h--multi {
        flex-direction: initial
    }
}

@media screen and (width <=768px) {
    .fltr__h-text {
        align-self: flex-start
    }
}

@media screen and (width <=768px) {
    .fltr__h-wrp-btns-outer {
        width: 100%;
        flex-direction: column;
        align-items: initial !important
    }

    .fltr__h-wrp-btns-outer>* {
        width: 100%;
        margin: .25rem !important
    }
}

@media screen and (width <=768px) {
    .fltr__h-wrp-state-btns-outer {
        flex-direction: column
    }

    .fltr__h-wrp-state-btns-outer>* {
        width: 100%
    }
}

.fltr__h-btn-mobile-settings {
    min-width: 30px
}

.fltr__h-btn-logic {
    min-width: 46px;
    font-weight: bold
}

.fltr__h-btn-logic.btn-xxs {
    min-width: 34px
}

.fltr__h-btn-logic--blue {
    color: #337ab7
}

.fltr__h-btn-logic--blue:hover {
    color: #2a6496
}

.fltr__h-btn-logic--red {
    color: #8a1a1b
}

.fltr__h-btn-logic--red:hover {
    color: #711617
}

.fltr__h-btn--all,
.fltr__h-btn--all:focus,
.fltr__h-btn--all:hover {
    text-decoration: underline;
    text-decoration-color: #337ab7
}

.fltr__h-btn--clear,
.fltr__h-btn--clear:focus,
.fltr__h-btn--clear:hover {
    text-decoration: underline;
    text-decoration-color: #c3c3c3
}

.fltr__h-btn--none,
.fltr__h-btn--none:focus,
.fltr__h-btn--none:hover {
    text-decoration: underline;
    text-decoration-color: #8a1a1b
}

.fltr__summary_item {
    cursor: help;
    margin: 0 3px;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px
}

.fltr__summary_nest {
    display: flex;
    padding: 2px 0;
    font-size: 12px;
    align-items: center
}

.fltr__summary_item--include {
    color: #337ab7;
    text-shadow: 0 0 1px #337ab7
}

.fltr__summary_item--exclude {
    color: #8a1a1b;
    text-shadow: 0 0 1px #8a1a1b
}

.fltr__summary_item_spacer {
    margin: 0 3px;
    padding-left: 1px;
    cursor: default;
    background: rgba(204, 204, 204, .6274509804);
    min-height: 12px
}

.fltr__btn_nest {
    margin: 2px;
    padding: 2px 6px;
    white-space: nowrap;
    text-align: center;
    font-size: 10.5px;
    cursor: pointer;
    user-select: none;
    background: #f0f0f0;
    border: 1px solid #ccc
}

.fltr__btn_nest:hover {
    background-color: #e6e6e6
}

.fltr__btn_nest--include {
    background: repeating-linear-gradient(135deg, #337ab7, #337ab7 11px, transparent 11px, transparent 22px)
}

.fltr__btn_nest--include:hover {
    background: repeating-linear-gradient(135deg, #2d6da3, #2d6da3 11px, transparent 11px, transparent 22px)
}

.fltr__btn_nest--include span {
    background: #fff;
    padding: 1px 0
}

.fltr__btn_nest--include-all {
    background: #337ab7;
    color: #fff
}

.fltr__btn_nest--include-all:hover {
    background: #2d6da3
}

.fltr__btn_nest--exclude {
    background: repeating-linear-gradient(135deg, transparent, transparent 11px, #8a1a1b 11px, #8a1a1b 22px)
}

.fltr__btn_nest--exclude:hover {
    background: repeating-linear-gradient(135deg, transparent, transparent 11px, #751617 11px, #751617 22px)
}

.fltr__btn_nest--exclude span {
    background: #fff;
    padding: 1px 0
}

.fltr__btn_nest--exclude-all {
    background: #8a1a1b;
    color: #fff
}

.fltr__btn_nest--exclude-all:hover {
    background: #751617
}

.fltr__btn_nest--both {
    background: repeating-linear-gradient(135deg, #337ab7, #337ab7 11px, #8a1a1b 11px, #8a1a1b 22px);
    color: #fff
}

.fltr__btn_nest--both:hover {
    background: repeating-linear-gradient(135deg, #2d6da3, #2d6da3 11px, #751617 11px, #751617 22px)
}

.fltr__container-pills {
    margin-right: -2px;
    margin-left: -2px
}

.fltr__dropdown-divider {
    border-bottom: #ccc 1px dotted;
    width: 100%
}

@media screen and (width <=768px) {
    .fltr__dropdown-divider {
        box-shadow: inset 0 0 2px 2px #eee;
        height: 7px;
        flex-shrink: 0;
        border: 0;
        background: #ccc;
        margin-top: .5rem;
        margin-bottom: .75rem !important
    }
}

.fltr__dropdown-divider--indented {
    opacity: .4;
    width: calc(100% - 80px);
    margin: 0 auto
}

.fltr__dropdown-divider--sub {
    border-style: dashed;
    width: calc(100% - 2rem);
    border-color: rgba(204, 204, 204, .6274509804)
}

.fltr__pill {
    margin: 2px;
    padding: 2px 6px;
    background: #f0f0f0;
    white-space: nowrap;
    text-align: center;
    font-size: 10.5px;
    cursor: pointer;
    user-select: none;
    border: 1px solid #ccc;
    float: left
}

.fltr__pill:hover {
    background-color: #e6e6e6
}

.fltr__pill[state=yes] {
    background: #337ab7;
    color: #fff;
    border-color: #22527b
}

.fltr__pill[state=yes]:hover {
    background: #2d6da3
}

.fltr__pill[state=no] {
    background: #8a1a1b;
    color: #fff;
    border-color: #4a0e0e
}

.fltr__pill[state=no]:hover {
    background: #751617
}

.fltr__pill--ability-bonus {
    min-width: 26px;
    border-right-width: 0;
    margin: 0;
    flex: 1
}

.fltr__pill--ability-bonus:last-of-type {
    border-right-width: 1px
}

.fltr__pill--muted {
    background-color: #dedede;
    color: #898989
}

.fltr__pill--muted[state=yes],
.fltr__pill--muted[state=no] {
    color: #fff
}

.fltr__wrp-pills,
.fltr__wrp-pills--sub {
    flex-wrap: wrap;
    margin-bottom: 7px
}

.fltr__wrp-pills {
    display: block
}

.fltr__wrp-pills::after {
    content: "";
    clear: both;
    display: block
}

.fltr__wrp-pills--flex,
.fltr__wrp-pills--sub {
    display: flex
}

.fltr__wrp-subs {
    display: block
}

.fltr__mini-view {
    border-left: #ccc 1px solid;
    border-right: #ccc 1px solid;
    background: linear-gradient(to top, #ccc, #f5f5f5 1px);
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0
}

.fltr__mini-view--no-sort-buttons {
    border-bottom: 1px solid #ccc;
    background: #f5f5f5;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    min-height: 3px
}

.fltr__mini-pill {
    margin: 1px 2px;
    padding: 1px 2px;
    white-space: nowrap;
    text-align: center;
    font-size: 9.4px;
    border-radius: 3px;
    cursor: pointer;
    user-select: none;
    display: none
}

.fltr__mini-pill:hover {
    text-decoration: red line-through
}

.fltr__mini-pill[state=yes] {
    background: #337ab7;
    color: #fff;
    display: block
}

.fltr__mini-pill--default-sel[state=yes] {
    background: #48637a
}

.fltr__mini-pill[state=no] {
    background: #822000;
    color: #fff;
    display: block
}

.fltr__mini-pill--default-desel[state=no] {
    background: #7a564f
}

.fltr__h-summary {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 11px;
    line-height: 22px;
    margin-left: auto
}

.fltr__h-summary-filtering {
    color: #333;
    text-shadow: 0 0 1px #333
}

.fltr__h-btn-toggle-display {
    min-width: 43px
}

.fltr__slider {
    width: 100%
}

.fltr__range-inline-label {
    margin-left: 15px;
    flex-shrink: 0;
    min-width: 75px;
    text-align: right;
    font-style: italic
}

.fltr__group-comb-toggle {
    font-style: italic;
    cursor: pointer;
    letter-spacing: -1px;
    user-select: none
}

.fltr__label-ability-score {
    width: 80px
}

.fltr__hidden--inactive {
    display: none !important
}

.fltr__hidden--search {
    display: none !important
}

.fltr-search__wrp-search:focus .fltr-search__wrp-values,
.fltr-search__wrp-search:focus-within .fltr-search__wrp-values,
.fltr-search__wrp-search:focus-visible .fltr-search__wrp-values,
.fltr-search__wrp-search:active .fltr-search__wrp-values {
    display: flex
}

.fltr-search__wrp-row:focus,
.fltr-search__wrp-row:hover {
    background-color: #f5f5f5
}

.fltr-search__wrp-values {
    max-height: 200px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 1;
    top: 22px;
    right: 0;
    left: 0;
    display: none;
    flex-direction: column
}

.fltr-search__disp-name {
    font-size: 10.5px
}

.fltr-search__btn-activate {
    width: 16px;
    height: 16px;
    border-radius: 3px
}

.fltr-search__btn-activate--yes {
    background: #337ab7;
    color: #fff;
    border: 1px solid #63a0d4
}

.fltr-search__btn-activate--yes:hover {
    background: #2d6da3
}

.fltr-search__btn-activate--no {
    background: #8a1a1b;
    color: #fff;
    border: 1px solid #ca2628
}

.fltr-search__btn-activate--no:hover {
    background: #751617
}

.fltr-src__spc-pill {
    color: #777
}

.fltr-src__wrp-slider {
    background: #f0f0f0;
    border-radius: 4px
}

.fltr-cls__tgl {
    width: 16px;
    height: 16px;
    padding: 0;
    flex-shrink: 0;
    flex-grow: 0;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    user-select: none;
    border-radius: 7px
}

.fltr-cls__tgl:active {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .7333333333)
}

.fltr-cls__tgl.active {
    background: #666;
    border-color: #8c8c8c
}

.fltr-cls__tgl.active.disabled {
    background-color: #a6a6a6
}

.fltr-cls__tgl.disabled {
    cursor: default;
    box-shadow: none
}

.fltr__pill[state=yes]>.fltr-src__spc-pill {
    color: rgba(255, 255, 255, .6)
}

.fltr__pill[state=no]>.fltr-src__spc-pill {
    color: rgba(255, 255, 255, .6666666667)
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

.night-mode .fltr__btn_nest {
    background: #222;
    border-color: #555
}

.night-mode .fltr__btn_nest:hover {
    background: #323232
}

.night-mode .fltr__btn_nest--include {
    background: repeating-linear-gradient(135deg, #337ab7, #337ab7 11px, transparent 11px, transparent 22px)
}

.night-mode .fltr__btn_nest--include:hover {
    background: repeating-linear-gradient(135deg, #2d6da3, #2d6da3 11px, transparent 11px, transparent 22px)
}

.night-mode .fltr__btn_nest--include span {
    background: #222
}

.night-mode .fltr__btn_nest--include-all {
    background: #337ab7
}

.night-mode .fltr__btn_nest--include-all:hover {
    background: #2d6da3
}

.night-mode .fltr__btn_nest--exclude {
    background: repeating-linear-gradient(135deg, transparent, transparent 11px, #8a1a1b 11px, #8a1a1b 22px)
}

.night-mode .fltr__btn_nest--exclude:hover {
    background: repeating-linear-gradient(135deg, transparent, transparent 11px, #751617 11px, #751617 22px)
}

.night-mode .fltr__btn_nest--exclude span {
    background: #222
}

.night-mode .fltr__btn_nest--exclude-all {
    background: #8a1a1b
}

.night-mode .fltr__btn_nest--exclude-all:hover {
    background: #751617
}

.night-mode .fltr__btn_nest--both {
    background: repeating-linear-gradient(135deg, #337ab7, #337ab7 11px, #8a1a1b 11px, #8a1a1b 22px)
}

.night-mode .fltr__btn_nest--both:hover {
    background: repeating-linear-gradient(135deg, #2d6da3, #2d6da3 11px, #751617 11px, #751617 22px)
}

.night-mode .fltr__dropdown-divider {
    border-color: #555
}

@media screen and (width <=768px) {
    .night-mode .fltr__dropdown-divider {
        box-shadow: inset 0 0 2px 2px #333;
        background: #555
    }
}

.night-mode .fltr__dropdown-divider--sub {
    border-color: rgba(85, 85, 85, .6274509804)
}

.night-mode .fltr__pill {
    border-color: #555
}

.night-mode .fltr__pill[state=ignore] {
    background: #222
}

.night-mode .fltr__pill[state=ignore]:hover {
    background: #323232
}

.night-mode .fltr__pill[state=yes] {
    border-color: #22527b
}

.night-mode .fltr__pill[state=no] {
    border-color: #4a0e0e
}

.night-mode .fltr__pill--muted {
    color: #656565
}

.night-mode .fltr__pill--muted[state=yes],
.night-mode .fltr__pill--muted[state=no] {
    color: #fff
}

.night-mode .fltr__mini-view {
    border-color: #555;
    background: linear-gradient(to top, #555, #343434 1px)
}

.night-mode .fltr__h-btn-logic--blue {
    color: #337ab7
}

.night-mode .fltr__h-btn-logic--blue:hover {
    color: #7398b7
}

.night-mode .fltr__h-btn-logic--red {
    color: #8a1a1b
}

.night-mode .fltr__h-btn-logic--red:hover {
    color: #8a4b4b
}

.night-mode .fltr-search__wrp-row:focus,
.night-mode .fltr-search__wrp-row:hover {
    background-color: #272727
}

.night-mode .fltr-search__wrp-values {
    background-color: #222;
    border-color: #555
}

.night-mode .fltr-src__wrp-slider {
    background: rgba(51, 51, 51, .6666666667)
}

.night-mode .fltr-cls__tgl {
    background: #222;
    border-color: #555
}

.night-mode .fltr-cls__tgl:active {
    box-shadow: 0 0 3px 0 rgba(255, 255, 255, .7333333333)
}

.night-mode .fltr-cls__tgl.active {
    background: #555;
    border-color: #6f6f6f
}

.night-mode .fltr-cls__tgl.active.disabled {
    background-color: #888
}

.night-mode .fltr-cls__tgl.disabled {
    box-shadow: none
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

.ui__btn-xxl-square {
    width: 110px;
    height: 110px
}

.ui__ipt-color {
    width: 40px;
    padding: 0
}

.ui__ipt-color::-webkit-color-swatch-wrapper {
    padding: 3px
}

.ui__ipt-color::-webkit-color-swatch {
    border: 1px solid #ccc
}

.ui-list__wrp {
    transform: translateZ(0);
    font-size: 11.2px
}

.ui-list__wrp-preview {
    background: #fdf1dc;
    font-size: 90%;
    border-top-left-radius: 5px;
    margin-top: 1px;
    margin-bottom: 4px
}

.ui-list__btn-inline {
    cursor: pointer;
    color: #777
}

.ui-list__btn-inline:hover {
    background: rgba(0, 0, 0, .175);
    color: #373737
}

.ui-source__row {
    margin-left: calc(-96px - .5rem)
}

.ui-source__name {
    min-width: 96px;
    white-space: nowrap;
    text-align: right
}

.ui-source__divider {
    height: 1px;
    width: 30px;
    background: #ccc;
    display: inline-block;
    margin: 0 3px
}

.ui-modal__body-active {
    overflow-y: hidden !important
}

.ui-modal__row {
    margin-bottom: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: initial;
    min-height: 30px
}

.ui-modal__row:first-of-type {
    margin-top: -1px
}

.ui-modal__row--cb {
    padding: 0 3px;
    border-radius: 3px
}

.ui-modal__row--cb:hover {
    background: #f5f5f5
}

.ui-modal__row--sel {
    padding: 0 3px
}

.ui-modal__row>* {
    margin-right: 5px
}

.ui-modal__row>*:last-child {
    margin-right: 0
}

.ui-modal__header--border {
    border-bottom: 1px solid rgba(204, 204, 204, .6274509804)
}

.ui-modal__header--fullscreen {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .175)
}

.ui-modal__footer {
    border-top: 1px solid rgba(204, 204, 204, .6274509804)
}

.ui-modal__footer--fullscreen {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .175)
}

.ui-modal__overlay {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(69, 69, 69, .5333333333)
}

.ui-modal__overlay-blind {
    background-color: #fff
}

.ui-modal__inner {
    position: relative;
    z-index: 1001;
    top: initial;
    left: initial;
    margin: 60px auto;
    padding: 5px 10px;
    height: 400px;
    float: none;
    min-width: 600px;
    max-height: 400px;
    min-height: 400px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

@media screen and (width <=768px) {
    .ui-modal__inner {
        min-width: 0
    }
}

@media screen and (width > 768px) {
    .ui-modal__inner {
        max-width: 750px
    }
}

@media screen and (width > 991px) {
    .ui-modal__inner {
        max-width: 970px
    }
}

@media screen and (width > 1200px) {
    .ui-modal__inner {
        max-width: 1170px
    }
}

.ui-modal__inner--no-min-height {
    min-height: 0;
    height: initial
}

.ui-modal__inner--no-min-height {
    min-width: 0;
    width: initial
}

.ui-modal__inner--uncap-height {
    max-height: calc(100% - 120px);
    height: initial
}

.ui-modal__inner--uncap-width {
    max-width: calc(100% - 180px);
    width: initial
}

.ui-modal__inner--max-width-640p {
    max-width: 640px
}

.ui-modal__inner--mode-fullscreen {
    max-height: 0;
    height: 100vh;
    flex-shrink: 0;
    min-height: 100vh;
    border-radius: 0;
    box-shadow: none;
    border: 0
}

.ui-modal__scroller {
    height: 100%;
    width: 100%;
    min-height: 0;
    overflow-y: auto
}

.ui-search__wrp-output {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column
}

.ui-search__wrp-controls {
    width: 100%;
    display: flex;
    z-index: 900
}

.ui-search__wrp-controls--in-tabs {
    margin-top: -1px
}

.ui-search__wrp-results {
    position: relative;
    padding: 3px;
    transform: translateZ(0);
    height: 100%;
    overflow: hidden auto;
    font-size: 11.2px
}

.ui-search__row {
    cursor: pointer;
    font-weight: bold;
    padding: 1px 2px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ccc
}

.ui-search__row:hover {
    background: #d3d3d3
}

.ui-search__row:focus {
    box-shadow: inset 0 0 0 5000px rgba(0, 107, 196, .3)
}

.ui-search__sel-category {
    border-radius: 0;
    max-width: 180px;
    flex-shrink: 0;
    border-right: 0
}

.ui-search__ipt-search {
    border-radius: 0;
    width: 100%
}

.ui-search__ipt-search-sub-ipt[type=radio] {
    display: inline-block;
    margin: 0 3px 0 0
}

.ui-search__ipt-search-sub-ipt-custom {
    max-width: 30px;
    border-radius: 0;
    border-left: 0;
    margin-right: -1px;
    border-right-color: #e0e0e0;
    border-left-color: #e0e0e0;
    padding-left: 0
}

.ui-search__ipt-search-sub-ipt-custom[type=number]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.ui-search__ipt-search-sub-wrp {
    flex-shrink: 0;
    margin-bottom: 0;
    padding: 5px;
    font-weight: normal;
    border: 1px solid #ccc;
    height: 34px;
    border-left: 0
}

.ui-search__ipt-search-sub-lbl {
    display: flex;
    align-items: center;
    height: 100%
}

.ui-search__ipt-search-sub-lbl:not(:last-child) {
    margin-right: 7px
}

.ui-search__message {
    font-size: 1.4rem;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Times New Roman", serif;
    font-variant: small-caps;
    font-weight: 500
}

.ui-tab__btn-tab-head {
    display: inline-block;
    padding: 2px 4px 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    cursor: pointer;
    user-select: none;
    border-bottom: 0
}

.ui-tab__btn-tab-head.active {
    background-color: #e6e6e6;
    border-color: #adadad
}

.ui-tab__wrp-tab-body {
    width: 100%;
    height: 100%;
    overflow: hidden auto
}

.ui-tab__wrp-tab-body--border {
    padding: 3px 0
}

.ui-tab__wrp-tab-body--background {
    background: #fff;
    border: 1px solid rgba(204, 204, 204, .6274509804);
    border-top: 0;
    border-bottom-color: rgba(204, 204, 204, .4)
}

.ui-tab__wrp-tab-heads--border {
    border-bottom: 1px solid #ccc
}

.ui-tab-side__disp-active-tab-name {
    margin-left: 126px;
    font-size: 28px
}

@media screen and (width <=1200px) {
    .ui-tab-side__disp-active-tab-name {
        margin-left: 39px
    }
}

.ui-tab-side__btn-tab {
    width: 120px
}

@media screen and (width <=1200px) {
    .ui-tab-side__btn-tab {
        width: 33px;
        height: 30px
    }
}

.ui-tab-side__icon-tab {
    min-width: 15px;
    min-height: 12px
}

.ui-tab-side__wrp-tab {
    background: #fff;
    border: 1px solid rgba(204, 204, 204, .6274509804);
    border-bottom: 0
}

.ui-tab-side__wrp-tab--single {
    border: 0
}

.ui-prof__btn-cycle {
    width: 16px;
    height: 16px;
    padding: 0;
    flex-shrink: 0;
    flex-grow: 0;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    user-select: none
}

.ui-prof__btn-cycle:active {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .7333333333)
}

.ui-prof__btn-cycle.active {
    background: #666;
    border-color: #8c8c8c
}

.ui-prof__btn-cycle.active.disabled {
    background-color: #a6a6a6
}

.ui-prof__btn-cycle.disabled {
    cursor: default;
    box-shadow: none
}

.ui-prof__btn-cycle[data-state="0"] {
    background: #fff
}

.ui-prof__btn-cycle[data-state="1"] {
    background: #666;
    border-color: #8c8c8c
}

.ui-prof__btn-cycle[data-state="2"] {
    background: #666;
    border-color: #8c8c8c;
    display: flex;
    line-height: 14px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: "Font Awesome 5 Pro", monospace;
    font-weight: 900;
    color: #fff;
    font-size: 12px
}

.ui-prof__btn-cycle[data-state="2"]::before {
    content: ""
}

.ui-prof__btn-cycle[data-state="3"] {
    background: repeating-linear-gradient(135deg, #fff, #fff 10px, #666 10px, #666 20px);
    border-color: #8c8c8c
}

.ui-dir__face {
    position: relative;
    width: 92px;
    height: 92px;
    border-radius: 46px;
    background: #f0f0f0;
    border: 1px solid #ccc;
    user-select: none;
    cursor: grab
}

.ui-dir__arm {
    width: 1px;
    height: 40px;
    background: #333;
    position: absolute;
    top: 46px;
    left: 46px;
    transform: rotate(180deg);
    transform-origin: top;
    pointer-events: none;
    user-select: none;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .75)
}

.ui-icn__wrp-icon {
    font-size: 24px
}

.ui-drag__wrp-drag-block {
    position: absolute;
    inset: 0
}

.ui-drag__wrp-drag-dummy--highlight {
    background: rgba(207, 229, 255, .4705882353)
}

.ui-drag__wrp-drag-dummy--lowlight {
    background: rgba(0, 0, 0, 0)
}

.ui-drag__patch {
    cursor: move;
    user-select: none;
    display: flex;
    flex-shrink: 0;
    padding: 5px 3px;
    width: 14px;
    font-size: 14px
}

.ui-drag__dummy-patch {
    width: 14px
}

.ui-drag__patch-col {
    display: flex;
    flex-direction: column;
    flex-shrink: 0
}

.ui-drag__patch-col>div {
    line-height: 4px;
    text-align: center
}

.ui-tip__parent {
    cursor: help;
    position: relative
}

.ui-tip__child {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    display: none;
    position: absolute;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 3px;
    z-index: 1;
    top: calc(100% + 5px);
    padding: 5px;
    opacity: 0;
    transition: opacity 84ms ease-in-out;
    pointer-events: none
}

.ui-tip__parent:hover .ui-tip__child {
    display: flex;
    opacity: 1
}

.ui-ctx__wrp {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .475);
    z-index: 1100;
    font-size: 14px;
    background: #fff;
    border: 1px solid rgba(204, 204, 204, .6274509804);
    border-top-color: #ccc
}

.ui-ctx__divider {
    height: 1px;
    width: 100%;
    background: #ccc
}

.ui-ctx__row {
    min-width: 160px
}

.ui-ctx__btn {
    cursor: pointer
}

.ui-ctx__btn:hover {
    background: #f5f5f5
}

.ui-ctx__btn.disabled,
.ui-ctx__btn.disabled:hover {
    cursor: default;
    background: #fff
}

.ui-pick__btn-add {
    font-weight: bold;
    padding: 1px 2px;
    line-height: 8px;
    font-size: 18px;
    display: flex;
    height: 16px
}

.ui-pick__btn-add--sub {
    line-height: 11px;
    height: 14px;
    font-size: 16px;
    border-radius: 0;
    padding: 0 1px;
    font-weight: bold
}

.ui-pick__btn-remove {
    width: 10px;
    line-height: 20px;
    padding: 0;
    border-radius: 0;
    font-size: 12px;
    flex-shrink: 0;
    flex-grow: 0;
    cursor: pointer;
    font-style: initial
}

.ui-pick__btn-remove--sub {
    height: 18px;
    line-height: 16px
}

.ui-pick__pill {
    align-items: stretch
}

.ui-pick__disp-text {
    border: 1px solid #ccc;
    border-right: 0
}

.fa--btn-sm {
    position: relative;
    top: 1px;
    font-size: 15px
}

.fa--btn-xs {
    position: relative;
    font-size: 12px
}

.fa--btn-xs::before {
    width: 12px;
    height: 14px;
    display: inline-block;
    text-align: center
}

.fa--btn-xs.fa-dice {
    left: -2px
}

.clp__wrp-temp {
    position: fixed;
    top: -10000px;
    left: -10000px;
    width: 1px;
    height: 1px
}

.clp__disp-copied {
    position: fixed;
    white-space: nowrap;
    width: auto;
    transform: translateX(-50%);
    pointer-events: none;
    user-select: none;
    height: 24px;
    font-size: 12px;
    z-index: 2000;
    background: radial-gradient(ellipse at center, #fff 0%, #fff 35%, transparent 75%, transparent 100%)
}

.ui-ideco__ipt--left {
    padding-left: 22px !important
}

.ui-ideco__ipt--right {
    padding-right: 22px !important
}

.ui-ideco__wrp {
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: .5;
    justify-content: center
}

.ui-ideco__wrp>.glyphicon {
    top: 0
}

.ui-ideco__wrp--left {
    left: 5px
}

.ui-ideco__wrp--right {
    right: 5px
}

.ui-ideco__btn-ticker {
    transition: opacity 34ms;
    opacity: 0;
    padding: 0;
    width: 14px;
    height: 10px;
    border: 0;
    font-size: 14px;
    line-height: 10px;
    border-radius: 0;
    background: rgba(0, 0, 0, .2);
    color: #333
}

.ui-ideco__btn-ticker:hover,
.ui-ideco__btn-ticker:active,
.ui-ideco__btn-ticker:focus,
.ui-ideco__btn-ticker:active:focus {
    box-shadow: none;
    outline: none
}

.ui-ideco__btn-ticker:hover {
    background: rgba(0, 0, 0, .3333333333);
    color: #333
}

.ui-ideco__btn-ticker:active,
.ui-ideco__btn-ticker:focus,
.ui-ideco__btn-ticker:active:focus {
    background: rgba(0, 0, 0, .4666666667);
    color: #333
}

.ui-ideco__ipt:hover+.ui-ideco__wrp .ui-ideco__btn-ticker,
.ui-ideco__wrp:hover .ui-ideco__btn-ticker {
    transition: opacity 34ms;
    opacity: 1
}

.ui-sel2__ipt-search {
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0)
}

.ui-sel2__ipt-display {
    padding-right: 20px
}

.ui-sel2__wrp:focus>.ui-sel2__ipt-search,
.ui-sel2__wrp:focus-within>.ui-sel2__ipt-search {
    opacity: 1
}

.ui-sel2__wrp:focus>.ui-sel2__ipt-display,
.ui-sel2__wrp:focus-within>.ui-sel2__ipt-display {
    text-align: right;
    color: #777;
    font-weight: bold
}

.ui-sel2__wrp:focus>.ui-sel2__wrp-options,
.ui-sel2__wrp:focus-within>.ui-sel2__wrp-options {
    display: flex
}

.ui-sel2__wrp-options {
    z-index: 1;
    top: 22px;
    right: 0;
    left: 0;
    display: none;
    flex-direction: column;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    max-height: 200px
}

.ui-sel2__wrp-options:hover,
.ui-sel2__wrp-options:active,
.ui-sel2__wrp-options:focus,
.ui-sel2__wrp-options:focus-within {
    display: flex
}

.ui-sel2__disp-option.active,
.ui-sel2__disp-option:focus,
.ui-sel2__disp-option:hover {
    background: #f5f5f5
}

.ui-sel2__disp-option:focus.active,
.ui-sel2__disp-option:hover.active {
    background: #dcdcdc
}

.ui-sel2__disp-arrow {
    top: 4px;
    right: 4px;
    bottom: 0;
    font-size: 12px
}

.ui-slidr__wrp {
    font-size: 14px
}

.ui-slidr__thumb {
    width: 14px;
    height: 18px;
    top: -5px;
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 2px
}

.ui-slidr__thumb--hover,
.ui-slidr__thumb:hover {
    background: #dcdcdc;
    border-color: #b3b3b3
}

.ui-slidr__wrp-track {
    padding-top: 6px;
    padding-bottom: 7px
}

.ui-slidr__track-outer {
    border: 1px solid #ccc;
    height: 10px;
    border-radius: 3px
}

.ui-slidr__track-inner {
    background: #eee
}

.ui-slidr__disp-value {
    width: 80px;
    height: 26px;
    border-radius: 4px
}

.ui-slidr__disp-value--visible {
    border: 1px solid #ccc;
    background: #fff
}

.ui-slidr__disp-value--left {
    margin-right: 15px
}

.ui-slidr__disp-value--right {
    margin-left: 15px
}

.ui-slidr__wrp-bottom {
    height: 3em
}

.ui-slidr__wrp-pips {
    padding-top: 6px
}

.ui-slidr__pip {
    width: 1px;
    height: 4px;
    background: #ccc
}

.ui-slidr__pip--major {
    height: 6px;
    background: #a6a6a6
}

.ui-slidr__pip-label {
    top: 0;
    width: 24px;
    height: 20px;
    padding-top: 20px
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

.night-mode .ui__ipt-color::-webkit-color-swatch {
    border: 0
}

.night-mode .ui-list__wrp-preview {
    background: #222
}

.night-mode .ui-list__btn-inline {
    color: #bbb
}

.night-mode .ui-list__btn-inline:hover {
    color: #d5d5d5;
    background: rgba(255, 255, 255, .1882352941)
}

.night-mode .ui-source__divider {
    background: #555
}

.night-mode .ui-modal__header--border {
    border-color: rgba(85, 85, 85, .6274509804)
}

.night-mode .ui-modal__footer {
    border-color: rgba(85, 85, 85, .6274509804)
}

.night-mode .ui-modal__overlay-blind {
    background-color: #222
}

.night-mode .ui-modal__inner {
    background: #222;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .56);
    border-color: rgba(85, 85, 85, .6274509804)
}

.night-mode .ui-modal__inner--mode-fullscreen {
    box-shadow: none
}

.night-mode .ui-modal__row--cb:hover {
    background: #383838
}

.night-mode .ui-search__row {
    border-color: #555
}

.night-mode .ui-search__row:hover {
    background: #333
}

.night-mode .ui-search__ipt-search-sub-wrp {
    border-color: #555
}

.night-mode .ui-tab__btn-tab-head--active,
.night-mode .ui-tab__btn-tab-head--active:focus,
.night-mode .ui-tab__btn-tab-head--active:hover,
.night-mode .ui-tab__btn-tab-head--active:active {
    background-color: rgba(255, 255, 255, .2509803922)
}

.night-mode .ui-tab__wrp-tab-body--background {
    background: #222;
    border-color: rgba(85, 85, 85, .6274509804);
    border-bottom-color: rgba(47, 47, 47, .6274509804)
}

.night-mode .ui-tab__wrp-tab-heads--border {
    border-color: #555;
    border-width: 2px
}

.night-mode .ui-tab-side__wrp-tab {
    background: #222;
    border-color: rgba(85, 85, 85, .6274509804)
}

.night-mode .ui-prof__btn-cycle {
    border-color: #555
}

.night-mode .ui-prof__btn-cycle:active {
    box-shadow: 0 0 3px 0 rgba(255, 255, 255, .7333333333)
}

.night-mode .ui-prof__btn-cycle[data-state="0"] {
    background: #222
}

.night-mode .ui-prof__btn-cycle[data-state="1"] {
    background: #555;
    border-color: #6f6f6f
}

.night-mode .ui-prof__btn-cycle[data-state="2"] {
    background: #555;
    border-color: #6f6f6f
}

.night-mode .ui-prof__btn-cycle[data-state="2"]::before {
    color: #222
}

.night-mode .ui-prof__btn-cycle[data-state="3"] {
    background: repeating-linear-gradient(135deg, #222, #222 10px, #555 10px, #555 20px);
    border-color: #6f6f6f
}

.night-mode .ui-dir__face {
    background: #222;
    border-color: #555
}

.night-mode .ui-dir__arm {
    background: #bbb;
    box-shadow: none
}

.night-mode .ui-tip__child {
    border-color: #555;
    background: #222
}

.night-mode .ui-ctx__wrp {
    background: #222;
    border: 1px solid rgba(85, 85, 85, .6274509804);
    border-top-color: #555
}

.night-mode .ui-ctx__divider {
    background: #555
}

.night-mode .ui-ctx__btn:hover {
    background: #383838;
    color: #fff
}

.night-mode .ui-ctx__btn.disabled,
.night-mode .ui-ctx__btn.disabled:hover {
    background: #222;
    color: #bbb
}

.night-mode .ui-pick__disp-text {
    border-color: #555
}

.night-mode .clp__disp-copied {
    background: radial-gradient(ellipse at center, #222 0%, #222 35%, transparent 75%, transparent 100%)
}

.night-mode .ui-ideco__btn-ticker {
    background: #555;
    color: #fff
}

.night-mode .ui-ideco__btn-ticker:hover,
.night-mode .ui-ideco__btn-ticker:active,
.night-mode .ui-ideco__btn-ticker:focus,
.night-mode .ui-ideco__btn-ticker:active:focus {
    box-shadow: none;
    outline: none
}

.night-mode .ui-ideco__btn-ticker:hover {
    background: #484848;
    color: #fff
}

.night-mode .ui-ideco__btn-ticker:active,
.night-mode .ui-ideco__btn-ticker:focus,
.night-mode .ui-ideco__btn-ticker:active:focus {
    background: #3c3c3c;
    color: #fff
}

.night-mode .ui-sel2__ipt-search {
    background: rgba(0, 0, 0, 0)
}

.night-mode .ui-sel2__wrp-options {
    background-color: #222;
    border-color: #555
}

.night-mode .ui-sel2__disp-option.active,
.night-mode .ui-sel2__disp-option:focus,
.night-mode .ui-sel2__disp-option:hover {
    background: #383838
}

.night-mode .ui-sel2__disp-option:focus.active,
.night-mode .ui-sel2__disp-option:hover.active {
    background: #525252
}

.night-mode .ui-slidr__thumb {
    background: rgba(204, 204, 204, .6274509804);
    border-color: #bbb
}

.night-mode .ui-slidr__thumb--hover,
.night-mode .ui-slidr__thumb:hover {
    background: rgba(230, 230, 230, .6274509804);
    border-color: #bbb
}

.night-mode .ui-slidr__track-outer {
    border-color: #555
}

.night-mode .ui-slidr__track-inner {
    background: rgba(85, 85, 85, .6274509804)
}

.night-mode .ui-slidr__disp-value--visible {
    border-color: #555;
    background: #222
}

.night-mode .ui-slidr__pip {
    background: #bbb
}

@font-face {
    font-family: Convergence;
    font-style: normal;
    font-weight: 400;
    src: local("Convergence-Regular"), url("../fonts/Convergence-Regular.woff2") format("woff2")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), url("../fonts/Roboto-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    src: local("glyphicons-halflings-regular"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2")
}

@font-face {
    font-family: "Blambot Casual";
    src: local("Blambot-Casual"), url("../fonts/Blambot-Casual-Regular.woff2") format("woff2")
}

@font-face {
    font-family: HPPHumblescratch;
    src: local("HPPHumblescratch"), url("../fonts/hpphumblescratch-webfont.woff2") format("woff2")
}

@keyframes kf-fade-out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.linked-titles .rd__h--0 .entry-title-inner:hover::before {
    font-size: 50%
}

.linked-titles .rd__h--1 .entry-title-inner:hover::before {
    font-size: 55%
}

.linked-titles .rd__h--2 .entry-title-inner:hover::before {
    font-size: 60%
}

.linked-titles .rd__h .entry-title-inner {
    cursor: copy
}

.linked-titles .rd__h .entry-title-inner:hover::before {
    content: " 🔗";
    color: rgba(0, 0, 0, .2);
    position: relative;
    float: left;
    width: 14px;
    height: 14px;
    right: 20px;
    margin-right: -30px;
    font-size: 85%
}

@media print {
    .no-print {
        display: none !important
    }

    .print__ve-block {
        display: block !important
    }

    .print__h-initial {
        height: initial !important
    }

    .print__overflow-visible {
        overflow: visible !important
    }

    .print__my-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }
}

html.is-faux-print .no-print {
    display: none !important
}

html.is-faux-print .print__ve-block {
    display: block !important
}

html.is-faux-print .print__h-initial {
    height: initial !important
}

html.is-faux-print .print__overflow-visible {
    overflow: visible !important
}

html.is-faux-print .print__my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

/*# sourceMappingURL=main.css.map */