* {
    box-sizing: border-box
}
html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    position: relative;
    min-height: 100%;
    -webkit-tap-highlight-color: transparent;
    direction: rtl;
}
body {
    margin: 0;
    padding-top: 48px;
    line-height: 1.8;
    background: #111;
    color: #eee;
    --color-btnbg: #1e1e1e;
    --color-btnbgblur: #1e1e1eaa;
    --color-0000001a: #0000001a;
    --color-000a: #000a;
    --color-fff: #fff;
    --color-fff1: #fff1;
    --color-fff2: #fff2;
    --color-fff4: #fff4;
    --color-fffa: #fffa;
}
body.dm0 {
    background: linear-gradient(225deg, var(--color-3), var(--color-4), var(--color-5));
    background-attachment: fixed;
    color: #111;
    --color-btnbg: #fff;
    --color-btnbgblur: #ffffffaa;
    --color-0000001a: #ffffff1a;
    --color-000a: #fffa;
    --color-fff: #000;
    --color-fff1: #0001;
    --color-fff2: #0002;
    --color-fff4: #0004;
    --color-fffa: #000a;
}
body.ltr1 {
    direction: ltr;
}
#progressBar {
    background: var(--color-1);
    position: fixed;
    width: 100%;
    height: 3px;
    z-index: 100;
    transform-origin: 0 50%;
    animation: scaleProgress auto linear;
    animation-timeline: scroll(root);
}
@keyframes scaleProgress {
    0% {
        transform: scaleX(0);
    }
    100% {
        transform: scaleX(1);
    }
}
body.headersticky0 #progressBar {
    top: 0;
}
.bgpattern {
    position: fixed;
    inset: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
    image-rendering: crisp-edges;
}
body.dm1 .bgpattern {
    background: linear-gradient(225deg, var(--color-3-77), var(--color-4-77), var(--color-5-77));
}
body.dm0 .bgpattern {
    background: linear-gradient(225deg, var(--color-3), var(--color-4), var(--color-5));
    filter: contrast(1.5) brightness(var(--bgbrightness));
}
body, button, input, textarea {
    font-family: Vazir, sans-serif;
    font-size: var(--font-size);
}
#header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding: 6px 12px;
    z-index: 100;
    background: #222222;
    box-shadow: 0px 2px 4px var(--color-0000001a);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    height: 48px;
    display: flex;
}
body.dm0 #header {
    background: #eeeeee;
}
body.blur1 #header {
    background: #222222d6;
    backdrop-filter: blur(25px);
}
body.dm0.blur1 #header {
    background: #eeeeeed6;
}
body.headersticky0 {
    padding-top: 0;
}
body.headersticky0 #header {
    position: static;
}
a {
    text-decoration: none;
    color: inherit
}
figure {
    margin: 0;
    text-align: center;
}
.BlogImage {
    display: inline-block;
    vertical-align: top;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    margin-inline-end: 10px;
}
.TitleBox h1 {
    font-size: var(--font-size);
    font-weight: 500;
    line-height: 19px;
    margin: -1px 0 0;
}
.TitleBox h2 {
    font-size: calc(var(--font-size) - 2px);
    font-weight: 500;
    line-height: var(--font-size);
    margin-top: 3px;
    color: #7d7f81;
    cursor: default;
}
.navLabel {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    fill: currentColor;
    margin-inline-start: auto;
}
main {
    padding: 12px 6px 130px;
    display: flex;
    /* justify-content: space-around; */
    justify-content: center;
    gap: 24px;
}
article {
    max-width: 468px;
}
.PostDate {
    width: 100%;
    text-align: center;
    direction: rtl;
}
.PostDate span {
    display: inline-block;
    font-weight: 500;
    background: var(--color-btnbg);
    color: var(--color-fff);
    border-radius: 13px;
    /* margin: 0 0 12px; */
    padding: 3px 12px;
}
body:not(.PagePost):not(.PageHome) .PostDate {
    display: none;
}
body.blur1 .PostDate span {
    backdrop-filter: blur(5px);
    background: var(--color-btnbgblur);
}
.PostDate.sticky1 {
    position: sticky;
    top: 10px;
    /* z-index: 4; */
}
.PostDate.sticky1.dup {
    /* z-index: 2; */
    margin-top: -44px;
}
.PostDate.sticky0.dup {
    display: none;
}
.PostDate.sticky1 span {
    box-shadow: 0 1px 3px #5553;
}
body.headersticky1 .PostDate.sticky1 {
    top: 58px;
}
.PostMain {
    position: relative;
}
.PostBox {
    position: relative;
    width: 100%;
    overflow: auto;
    background-color: var(--color-btnbg);
    filter: drop-shadow(0px 2px 4px var(--color-0000001a));
    padding: 0 0 4px 0;
    border-radius: 15px;
    border-start-start-radius: 4px;
    margin: 12px 0;
}
body.dm0 .PostBox {
    background-color: #ffffff;
}
.PostList header {
    max-width: 468px;
}
.PostList header > h1 a, .PostList header > h2 {
    font-size: var(--font-size);
    color: var(--color-1);
}
.PostBox header > h1, .PostBox header > h2 {
    font-size: calc(var(--font-size) + 1px);
    margin: 5px 0 0 0;
    line-height: 20px;
    padding: 0 9px;
    overflow-wrap: break-word;
}
.PostBox header > h1 a, .PostBox header > h2 a {
    font-size: var(--font-size);
    font-weight: 500;
    color: var(--color-1);
}
.PostBox header > h1 a:hover, .PostBox header > h2 a:hover {
    filter: brightness(1.2);
}
.BlogPostPhoto {
    margin-inline-end: 6px;
}
.BlogPostPhoto.d0 {
    display: none;
}
.BlogPostPhoto img {
    display: inline-block;
    vertical-align: top;
    width: 36px;
    height: 36px;
    border-radius: 18px;
}
.BlogPostPhoto.sticky1 img {
    position: sticky;
    top: 54px;
    margin-bottom: 12px;
}
body:not(.PagePost):not(.PageHome) .BlogPostPhoto {
    display: none;
}
.PostCover {
    display: flex;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    max-height: 450px;
    aspect-ratio: 16 / 9;
    margin-bottom: 10px;
}
.PostCover img {
    width: 100%;
    max-height: 450px;
    border-radius: 15px;
    border-start-start-radius: 4px;
    object-fit: cover;
    background-color: #fff3;
}
.PostContent {
    padding: 0 9px;
    overflow: auto;
    overflow-wrap: break-word;
}
.PostContent::before {
    content: "";
    display: block;
    width: 100vw;
    max-width: stretch;
}
.PostContent pre {
    padding: 10px;
    border-radius: 15px;
    overflow: auto;
}




/* Post Content */

.PostContent {
    line-height: 2;
}
.PostContent p {
    overflow-wrap: break-word;
}
.PostContent p:last-child {
    margin-block-end: 0;
}
.PostContent a, .PostCommentsBlock a {
    color: var(--color-2);
    font-weight: 600;
}
.PostContent a:hover, .PostCommentsBlock a:hover {
    color: var(--color-1);
}
.PostContent {
    overflow-x: auto;
}
.PostContent .swiper {
    min-height: 360px;
}
.PostContent img {
    height: auto !important;
    max-width: 100%;
    display: block;
    margin: auto;
    border-radius: 15px;
}
.PostContent video {
    width: 100%;
    max-width: 100%;
    border-radius: 15px;
}
.PostContent iframe {
    border-radius: 15px;
}
.PostContent ul, .PostContent ol {
    padding: 0;
    margin: 10px 0 0;
    border-radius: 15px;
}
.PostContent ul>li, .PostContent ol>li {
    list-style: none;
    /* background-color: #004fab11; */
    background-color: var(--color-fff1);
    margin-bottom: 5px;
    padding: 6px 12px;
    transition: 0.2s;
    overflow-wrap: break-word;
}
#post0 {
    background-color: #0000;
}
#post0 .PostBody {
    padding: 0;
}
#post0 .PostContent {
    direction: rtl;
    margin-top: 10px;
}
#post0 .PostContent>ul, #post0 .PostContent>ol {
    margin: 0;
}
#post0 .PostContent>ul>li, #post0 .PostContent>ol>li {
    font-weight: 500;
    transition: 0.2s;
    background-color: #fff1;
}
#post0 .PostContent>ul>li:hover, #post0 .PostContent>ol>li:hover {
    margin-right: 5px;
}

/* .PagePost .PostContent ul>li, .PagePost .PostContent ol>li {
    border-bottom: 3px solid #000000;
} */
.PostContent ul>li, .PostContent ol>li {
    /* border-top-left-radius: 15px;
    border-top-right-radius: 15px; */
    border-radius: 3px;
}
.PostContent ul>li:first-child, .PostContent ol>li:first-child {
    /* border-top-left-radius: 15px;
    border-top-right-radius: 15px; */
    border-radius: 15px 15px 3px 3px;
}
.PostContent ul>li:last-child, .PostContent ol>li:last-child {
    /* border: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px; */
    border-radius: 3px 3px 15px 15px;
}
.PostContent ul>li:first-child:last-child, .PostContent ol>li:first-child:last-child {
    border-radius: 15px;
}
/* .PostContent ul>li:not(first-child), .PostContent ol>li:last-child {
    border-radius: 3px 3px 15px 15px;
} */
.PostContent blockquote {
    font-style: italic;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding-left: 1em;
    padding-right: 1em;
    border-right: 5px solid var(--color-fffa);
}
.PostContent blockquote p {
    display: inline;
}
.PostContent blockquote:before, .PostContent blockquote:after {
    font-style: normal;
    opacity: 0.6;
    font-size: 42px;
    line-height: 0;
    position: relative;
    margin: 5px;
    color: var(--color-fff);
}
.PostContent blockquote:before {
    content: '❝';
    top: 20px;
}
.PostContent blockquote:after {
    content: '❞';
    bottom: -20px;
}
table, td, th {
    border: 1px solid;
    padding: 5px;
}
table {
    width: calc(100% - 2px);
    border-collapse: collapse;
    border-radius: 15px;
    border-style: hidden;
    box-shadow: 0 0 0 1px var(--color-fffa);
    margin: 10px auto;
    text-align: center;
}
.PostContent pre {
    background-color: var(--color-fff4);
    border: solid 1px var(--color-fffa);
    padding: 10px;
    border-radius: 15px;
    overflow: auto;
}




.PostTag {
    display: flex;
    margin-top: 10px;
    padding: 0 9px;
    gap: 4px 8px;

}
.PostTag a {
    color: var(--color-1);
    font-weight: 500;
}
.PostTag a::before {
    content: "#";
    font-weight: bold;
    position: relative;
    top: 2px;
    margin-inline-end: 1px;
}
.PostTag a:hover {
    filter: brightness(1.2);
}
.PostInfo {
    padding: 0 9px;
    display: flex;
    justify-content: space-between;
    align-items: end;
    flex-wrap: wrap;
}
body:not(.PagePost):not(.PageHome) .PostInfo {
    display: none;
}
.PostInfoBox {
    display: flex;
    gap: 0 2px;
}
.PostInfoBtn {
    padding: 3px;
    padding-inline-start: 6px;
    padding-inline-end: 8px;
    line-height: normal;
    margin: 10px 1px 1px;
    background: var(--color-1-1f);
    color: var(--color-1);
    border-radius: 400px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    font-size: var(--font-size);
    height: 26px;
    box-sizing: border-box;
}
.PostInfoBtn:hover {
    filter: brightness(1.2);
}
.PostInfoBtn img {
    width: 17.5px;
    height: 17.5px;
    margin-inline-end: 5px;
}
.PostInfoBtn svg {
    width: 17.5px;
    height: 17.5px;
    margin-inline-end: 5px;
    fill: currentColor;
}
.PostInfoBtn.More, .PostInfoBtn.Share {
    padding-inline-start: 8px;
}
body.PageHome .PostInfoBtn.Share {
    display: none;
}
.PostInfoBtn.More svg {
    margin-inline-start: 2px;
    margin-inline-end: 0;
}
.ltr1 .PostInfoBtn.More svg {
    transform: rotate(180deg);
}
.likeBtn.liked {
    background: var(--color-1-66);
    /* background: #fe3e304f; */
}
.PostInfoMore {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 0 6px;
    font-size: calc(var(--font-size) - 2px);
    color: #7d7f81;
    float: inline-end;
    margin-inline-start: auto;
    line-height: 1.4;
    margin-top: 4px;
}
.view-0 {
    display: none;
}
.PostInfoMore .view::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 10px;
    background: url(data:image/svg+xml,%3Csvg%20height%3D%2210%22%20viewBox%3D%220%200%2016%2010%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m8%200c2.8897625%200%205.2230958%201.66666667%207%205-1.7769042%203.33333333-4.1102375%205-7%205-2.88976248%200-5.22309581-1.66666667-7-5%201.77690419-3.33333333%204.11023752-5%207-5zm0%201.48148148c-1.98523978%200-3.59459459%201.5752944-3.59459459%203.51851852s1.60935481%203.51851852%203.59459459%203.51851852%203.5945946-1.5752944%203.5945946-3.51851852-1.60935482-3.51851852-3.5945946-3.51851852zm0%201.85185185c.94037674%200%201.7027027.74619209%201.7027027%201.66666667s-.76232596%201.66666667-1.7027027%201.66666667-1.7027027-.74619209-1.7027027-1.66666667.76232596-1.66666667%201.7027027-1.66666667z%22%20fill%3D%22%237d7f81%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) no-repeat 0 0;
    position: relative;
    top: 1px;
    margin-inline-start: 2px;
}

.PostCommentsForm {
    border-color: #ffffff55 !important;
    margin-top: 20px;
}
.PostCommentsFormSubmit input {
    background-color: var(--color-2) !important;
}
.PostCommentsFormFiled input:focus, .PostCommentsFormFiled textarea:focus {
    border-color: var(--color-2) !important;
    box-shadow: 0 0 0 0.25rem var(--color-1-66) !important;
}


/* Pagination */

.Pagination a {
    height: 50px;
    padding: 10px 15px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background-color: var(--color-btnbg);
    color: var(--color-fff);
    fill: var(--color-fff);
    margin-bottom: 20px;
    transition: 0.2s ease;
}
body.blur1 .Pagination a {
    backdrop-filter: blur(5px);
    background-color: var(--color-btnbgblur);
}
.Pagination a:hover {
    border-radius: 25px;
}
.Pagination .Prevoius {
    float: right;
    margin-bottom: 20px;
}
.Pagination .Prevoius svg {
    margin-left: 5px;
}
.Pagination .Next {
    float: left;
}
.Pagination .Next svg {
    margin-right: 5px;
}

aside {
    max-width: 320px;
    margin-inline-start: 6px;
}
.SidebarBox {
    padding: 6px;
    border-radius: 20px;
    overflow-wrap: break-word;
    width: 100%;
    overflow: auto;
    background-color: var(--color-btnbg);
    filter: drop-shadow(0px 2px 4px var(--color-0000001a));
    margin: 0 0 10px;
}
body.dm0 .SidebarBox {
    background-color: #ffffff;
}
.followBtn {
    display: flex;
    justify-content: center;
    font-size: var(--font-size);
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    border-radius: 8px 8px 15px 15px;
    padding: 8px 15px;
    margin-top: 6px;
    background: var(--color-2);
    color: #fff;
}
.SidebarBox:not(:last-child) {
    margin-bottom: 20px
}
.SidebarBox h6 {
    /* margin: 0 0 20px 0; */
    margin: 2px 0 10px 0;
    padding: 0;
    font-size: var(--font-size);
    display: flex;
    /* flex-direction: row-reverse; */
    /* justify-content: space-between; */
    justify-content: center;
    font-weight: bold;
    color: var(--color-1);
    cursor: default;
}
.SidebarBox h6 svg {
    /* display: block; */
    display: none;
    fill: currentColor;
    stroke-width: 2
}
.SidebarBox ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-x: auto;
}
.SidebarBox.linkList .info {
    display: inline-block;
    line-height: 1.6;
    /* color: var(--color-7-bb); */
    /* border: 1px solid var(--color-7-bb); */
    /* border: 1px solid #fff3; */
    background-color: var(--color-fff1);
    border-radius: 50rem;
    /* border-radius: 4px; */
    padding: 1px 6px;
    cursor: default;
}
.nickname0 {
    display: none !important;
}
.linkList ul li {
    transition: 0.2s;
    padding: 5px 0;
    padding-inline-start: 30px;
}
.linkList ul li:hover {
    margin-right: 3px;
}
.linkList ul li::before {
    content: "";
    position: absolute;
    margin-inline-start: -25px;
    margin-top: 6px;
    width: 15px;
    height: 15px;
    border-radius: 5px;
}
.SidebarBox .info {
    /* color: var(--color-7-bb); */
    font-size: 80%;
    opacity: 75%;
}
.SidebarBox .info.count {
    display: none;
}
.SidebarBox.info, .SidebarBox.js {
    text-align: center;
    overflow-x: auto;
}
.SidebarBox.info img, .SidebarBox.info video, .SidebarBox.js img, .SidebarBox.js video {
    max-width: 100%;
    height: auto;
    border-radius: 15px;
}
.SidebarBox.info p {
    overflow-x: auto;
    font-weight: 300;
}
.SidebarBox.info .links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    font-size: calc(var(--font-size) + 1px);
    font-weight: 500;
    margin: 10px 0 15px;
    color: var(--color-1);
}
.SidebarBox.info .links a:hover {
    filter: brightness(1.2);
}
.SidebarBox .CoverList li {
    display: block;
    height: 70px;
}
.SidebarBox.profileList ul {
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    padding: 5px 8px;
}
.SidebarBox.profileList li {
    z-index: 1;
}
.SidebarBox.profileList li:hover {
    z-index: 2;
}
.SidebarBox.profileList img {
    transition: 0.2s ease;
    width: 48px;
    height: 48px;
    border-radius: 50rem;
    margin: 0 -8px;
    box-shadow: 0 1px 3px #0004;
}
.SidebarBox.profileList img:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 6px #0004;
}
.SidebarBox .followBtn {
    /* display: flex; */
    /* color: var(--color-5); */
    fill: currentColor;
}
.SidebarBox .followBtn:hover {
    /* color: var(--color-8);
    fill: var(--color-8); */
    filter: brightness(1.1);
}
.SidebarBox .followBtn svg {
    margin-inline-start: 10px;
}
.SidebarBox.linkList ul li::before {
    /* background-color: var(--color-4-55); */
    background-color: #7d7f81;
}

/* Sidebar CoverList */

.SidebarBox .CoverList {
    overflow-x: hidden;
}
.SidebarBox .CoverList li {
    display: block;
    height: auto;
    margin-bottom: 8px;
    transition: 0.2s;
}
.SidebarBox .CoverList li:last-child {
    margin-bottom: 0;
}
.SidebarBox .CoverList li:last-child .PostCover {
    border-radius: 8px 8px 15px 15px;
}
.SidebarBox .PostCover {
    display: block;
    width: 24%;
    max-height: 100%;
    border-radius: 8px;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    /* mix-blend-mode: soft-light; */
    opacity: 20%;
    transition: .2s;
}
.SidebarBox .CoverList .title {
    line-height: 1.6;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    z-index: 1;
    text-shadow: 0 0 5px var(--color-000a);
}
.SidebarBox .CoverList .info {
    text-shadow: 0 0 5px var(--color-000a);
}
.SidebarBox .PostCover[src=""] {
    padding: 0 50%;
}
.SidebarBox .CoverList a {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4px 6px;
}
.SidebarBox .CoverList a .PostCover {
    background-color: var(--color-fff2);
}
.SidebarBox .CoverList a:hover .PostCover {
    opacity: 40%;
}


/* Sidebar OtherList */

.SidebarBox.tagList ul, .SidebarBox.authorsList ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 6px;
}
.tagList li, .authorsList li {
    display: inline-flex;
    align-items: center;
    /* justify-content: center; */
    gap: 4px;
    border: 1px solid var(--color-fff1);
    /* padding: 0 2px; */
    border-radius: 16px;
    margin-bottom: 6px;
    /* transition: ease .2s; */
}
.tagList li:hover, .authorsList li:hover {
    border: 1px solid var(--color-fff4);
}
/* .tagList li:last-child, .authorsList li:last-child {
    margin-bottom: 6px;
} */
.tagList li a, .authorsList li a {
    display: flex;
    align-items: center;
    line-height: 1.4;
    gap: 6px;
}
.authorsList li img {
    width: 28px;
    height: 28px;
    border-radius: 10px;
}
.tagList li svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-color: #fff1;
    line-height: 1.6;
    border-radius: 0 10px 10px 0;
}
.tagList a::before {
    content: "#";
    font-weight: bold;
    font-size: calc(var(--font-size) + 4px);
    margin-inline: 10px 2px;
    position: relative;
    top: 3px;
}
.tagList .info, .authorsList .info {
    display: inline-block;
    line-height: 2.4;
    background-color: var(--color-fff1);
    padding: 1px 6px;
    border-start-end-radius: 16px;
    border-end-end-radius: 16px;
}
.authorsList .info.nickname {
    display: inline-block;
    line-height: normal;
    background-color: var(--color-fff1);
    border-radius: 50rem;
    /* margin-inline: 6px; */
    padding: 1px 6px;
}
.SidebarBox .li\/authors, .SidebarBox .li\/tags, .SidebarBox .li\/links, .SidebarBox .li\/archive {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    font-size: var(--font-size);
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    border-radius: 8px 8px 15px 15px;
    padding: 8px 15px;
    margin-top: 4px;
    margin-bottom: 0 !important;
    background: var(--color-fff1);
    border: none;
    transition: none;
}
.SidebarBox .li\/authors:hover, .SidebarBox .li\/tags:hover, .SidebarBox .li\/links:hover, .SidebarBox .li\/archive:hover {
    border: none;
    background: var(--color-fff2);
}
.SidebarBox .li\/authors::before, .SidebarBox .li\/tags a::before, .SidebarBox .li\/links::before, .SidebarBox .li\/archive::before {
    content: none;
}
.SidebarBox .li\/authors img {
    display: none;
}
.SidebarBox .li\/authors a, .SidebarBox .li\/tags a, .SidebarBox .li\/links a, .SidebarBox .li\/archive a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
}
.SidebarBox .li\/authors .info, .SidebarBox .li\/tags .info, .SidebarBox .li\/archive .info {
    border-radius: 10px;
    line-height: 18px;
    /* margin-inline-start: 4px; */
    padding: 2px 6px;
    cursor: pointer;
}
.SidebarBox .li\/archive .info {
    margin-inline-start: 6px;
}
.SidebarBox .li\/authors:hover, .SidebarBox .li\/links:hover, .SidebarBox .li\/archive:hover {
    margin-right: 0;
}

/* Footer */

footer {
    background: #222222;
    position: absolute;
    bottom: 0;
    height: 120px;
    width: 100%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
body.dm0 footer {
    background: #eeeeee;
}
body.blur1 footer {
    background: #222222d6;
    backdrop-filter: blur(25px);
}
body.dm0.blur1 footer {
    background: #eeeeeed6;
}
footer .links {
    padding: 12px 0 13px;
    display: flex;
    border-bottom: 1px solid var(--color-7-bb);
    font-size: var(--font-size);
    font-weight: 500;
}
footer .links a {
    color: var(--color-7);
    margin: 0 8px;
    height: 24px;
}
footer .links a[href=""] {
    display: none;
}
footer .links a svg {
    fill: currentColor;
}
footer .copyright {
    font-size: var(--font-size);
    font-weight: 500;
    margin: 0;
    padding: 12px 0;
}
footer .copyright a {
    color: var(--color-1);
    font-weight: bold;
}
footer .copyright a:hover {
    filter: brightness(1.2);
}


.grecaptcha-badge {
    z-index: 10;
    border-radius: 10px !important;
    bottom: 67px !important;
}
::selection {
    color: #fff;
    background-color: var(--color-2);
}
.oneline {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


/* SearchBar */

.searchBar {
    opacity: 0%;
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100vw;
    max-width: 100%;
    height: 64px;
    margin-top: -64px;
    transition: 0.3s;
    z-index: 100;
}
.searchBar.open {
    opacity: 100%;
    height: 64px;
    margin-top: 0px;
    background-color: var(--color-btnbg);
    box-shadow: 0 5px 15px #00000055;
}
.searchBar .overlay {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 0vh;
    background-color: #00000077;
    opacity: 0%;
    transition: top 0.3s, opacity 0.3s;
}
.searchBar.open .overlay {
    top: 64px;
    opacity: 100%;
    height: 100vh;
}
.searchBar form {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.searchBar .close, .searchBar .submit {
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    border: none;
    background-color: var(--color-btnbg);
    transition: 0s;
}
.searchBar .close svg, .searchBar .submit svg {
    width: 24px;
    height: 24px;
    fill: var(--color-fffa);
    cursor: pointer;
}
.searchBar input {
    background-color: var(--color-btnbg);
    color: var(--color-fff);
    width: 100%;
    font-weight: 500;
    height: 64px;
    border: 0;
    outline: none;
    padding: 10px;
    font-size: calc(var(--font-size) + 2px);
}


@media screen and (max-width: 799.9px) {
    main {
        flex-direction: column;
    }
    aside {
        max-width: 100% !important;
    }
    .PagePost gofteman {
        display: none;
    }
    .grecaptcha-badge {
        visibility: hidden;
    }
    article {
        max-width: 100% !important;
    }
}

@media screen and (min-width: 800px) {
}


/* Dark Mode */