@import url('includes/breadcrumb.css');
@import url('includes/node.css');
@import url('includes/xentr.css');
@import url('includes/blocks.css');
@import url('includes/pairs.css');
@import url('includes/button.css');
@import url('includes/avatar.css');
@import url('includes/post-timeline.css');
@import url('includes/post.css?v=0.1221111');
@import url('includes/post-reply.css');
@import url('includes/spoiler.css');
@import url('includes/thred.css');


body {
    font: 15px/1.4 sans-serif;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif;
    font-weight: 400;
}
.menu-inner-item > a {
    text-decoration: none!important;
}
a:hover{
    color: inherit;
    text-decoration: underline;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}
.u-dt[title] {
    border: none;
    text-decoration: none;
    color: var(--none-color-description-mini);
    font-size: 13px;
    font-family: auto, serif;
}

.u-anchorTarget {
    display: block;
    height: 0;
    width: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute
}

.listInline {
    list-style: none;
    margin: 0;
    padding: 0
}

.listInline > li {
    display: inline;
    margin: 0;
    padding: 0
}

.listInline.listInline--bullet > li:before {
    content: "\00B7\20"
}

.listInline.listInline--bullet > li:first-child:before {
    content: "";
    display: none
}

:root {
    --input-border-heavy: #393939;
    --input-border-light: #373737;
    --border-color-main: rgba(189, 189, 189, 0.31);
    --border-color-hover: rgb(147, 147, 147);
}
.dark {
    --border-color: rgba(136, 132, 132, 0.09);
    --border-color-main: rgba(255, 255, 255, 0.17);
}

@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
}

.collapseTrigger:not(.button) {
    cursor: pointer
}

.collapseTrigger:not(.button):before {
    font-family: 'Font Awesome 5 Pro', serif;
    font-style: normal;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0da";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    font-size: 80%;
    margin-right: .2em
}

.collapseTrigger:not(.button).is-active:before {
    content: "\f0d7";
    width: 1.28571429em;
    display: inline-block;
    text-align: center
}

.collapseTrigger:not(.button).collapseTrigger--block {
    display: block
}

.collapseTrigger:not(.button).collapseTrigger--block:before {
    float: right;
    margin-right: 0;
    margin-left: 5px;
    font-size: 100%;
    line-height: inherit
}



.contentRow {
    display: flex
}

.contentRow-figure {
    vertical-align: top;
    white-space: nowrap;
    word-wrap: normal;
    text-align: center
}

.contentRow-main {
    flex: 1;
    min-width: 0;
    vertical-align: top;
    padding-left: 10px
}

.contentRow-main:before {
    content: '';
    display: block;
    margin-top: -.18em
}

.contentRow-main.contentRow-main--close {
    padding-left: 6px
}

.contentRow-minor {
    font-size: 13px;
}

.contentRow-minor.contentRow-minor--hideLinks a {
    color: inherit;
    text-decoration: none
}

.contentRow-minor.contentRow-minor--hideLinks a:hover {
    text-decoration: underline
}

.u-anchorTarget {
    height: 71px;
    margin-top: -71px
}

@supports (padding:max(0px)) {
}

@supports (scroll-padding-top:10px) {
    html:not(.has-browser-safari) {
        scroll-padding-top: 71px
    }

    html:not(.has-browser-safari) .u-anchorTarget {
        height: 0;
        margin-top: 0
    }
}

.p-body-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 10px 10px 0;
}
.layout-content{
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}
@supports (padding:max(0px)) {
    .p-body-inner {
        padding-left: max(10px, env(safe-area-inset-left));
        padding-right: max(10px, env(safe-area-inset-right))
    }
}

.p-body-inner:after, .p-body-inner:before {
    content: " ";
    display: table
}

.p-body-inner:after {
    clear: both
}

.p-body-main {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: auto;
    min-height: 1px;
    gap: 20px;
}

.p-body-content {
    display: table-cell;
    vertical-align: top
}

.p-body-main--withSidebar .p-body-content {
    /*padding-right: 20px*/
}

.p-body-sidebar {
    display: table-cell;
    vertical-align: top;
    width: 260px;
    background: var(--none-wrapper-background-color);
}

.p-body-content > :first-child, .p-body-pageContent > :first-child, .p-body-sidebar > :first-child {
    margin-top: 0
}

.p-body-content > :last-child, .p-body-pageContent > :last-child, .p-body-sidebar > :last-child {
    margin-bottom: 0
}

@media (max-width: 900px) {
    .p-body-content, .p-body-main {
        display: block
    }

    .p-body-sidebar {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        margin: 20px -5px -20px;
        width: auto
    }

    .p-body-sidebar > * {
        margin: 0 5px 20px;
        min-width: 260px;
        flex: 1 1 260px
    }

    .p-body-sidebar > :last-child {
        margin-bottom: 20px
    }

    .p-body-sidebar:after {
        display: block;
        content: '';
        height: 0;
        margin: 0 5px;
        min-width: 260px;
        flex: 1 1 260px
    }

    .p-body-sidebar .block-container {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .p-body-main--withSidebar .p-body-content {
        padding: 0
    }
}
.block-container{
    background: #fff;
}
.dark .block-container{
    background: transparent;
}
.block .box {
    box-shadow: 0 0 0 0!important;
}
@media (max-width: 650px) {
    .p-body-sidebar {
        display: block;
        margin-left: 0;
        margin-right: 0
    }

    .p-body-sidebar > * {
        margin-left: 0;
        margin-right: 0;
        min-width: 0
    }
}

.p-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    justify-content: end;
    margin-bottom: 5px;
}

.p-title-pageAction {
    margin-bottom: 5px
}

@supports (padding:max(0px)) {
}

::-webkit-resizer {
    background: #202020
}

::-webkit-scrollbar {
    width: 8px;
    height: auto
}

::-webkit-scrollbar-button {
    display: none
}

::-webkit-scrollbar-thumb {
    background: #858585;
    min-height: 80px;
    border-radius: 0
}

::-webkit-scrollbar-track {
    background: #202020;
    border-left: 1px solid var(--border-color-main);
}

@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
}

@media (min-width: 900px) {
    .p-body-main--withSidebar {
        display: flex;
        align-items: flex-start
    }

    .p-body-main--withSidebar .p-body-content {
        flex: 1 1 auto;
        display: block;
        width: calc(100% - 260px);
        /*padding-right: 20px*/
    }

    .p-body-main--withSidebar .p-body-sidebar {
        flex: 0 0 auto;
        width: 260px;
        display: block
    }
}

@media (min-width: 650px) {
    .p-body-sidebar {
        position: sticky;
        top: 70px
    }
}

.p-title-pageAction .collapseTrigger {
    margin-left: auto;
    display: inline-flex;
    font-family: 'Font Awesome 5 Pro', serif;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px
}

.p-title-pageAction .collapseTrigger:before {
    content: "\f053";
    width: 100%;
    margin-left: 0
}

.p-title-pageAction .collapseTrigger.is-active:before {
    content: "\f054"
}

@media (max-width: 900px) {
    .p-title-pageAction .collapseTrigger {
        display: none
    }
}

.p-body-sidebar .block-row:nth-child(n) {
    border-top: 1px solid var(--border-color-main)
}
.block-row {
    border-top: 1px solid var(--border-color-main)
}

.node + .node {
    border-top: 1px solid var(--border-color-main)
}

.tc-cni-icon--img {
    margin-bottom: -20%;
}