@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
    --color-light: #fff;
    --color-black: 0, 0, 0;
    --color-white: 255, 255, 255;
    --color-primary: #0593ff;
    --font-roboto: 'Roboto', sans-serif;
    --font-montserrat: 'Inter', sans-serif;
    --font-inter: 'Inter', sans-serif;
    --spacer: 15px;
    --spacer-20: 20px;
    --transition: .2s ease-in-out;
}


body {
    background-color: var(--color-light);
    font-family: var(--font-roboto), system-ui, -apple-system, "Segoe UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    height: 100%;
}

h2,h3,h4,h5,h6 {font-size: 1rem;line-height:1.5;}

.bg__transparent {
    background: transparent;
}

::-webkit-scrollbar {
    width: 8px;
    height: 10px;

}

::-webkit-scrollbar-thumb {
    background: #c7c7c7;
    border-radius: 30px;
}

::-webkit-scrollbar-track {
    background: var(--color-light);

}

.btn__link {
    padding: 0;
    outline: none;
    display: flex;
    border:none;
    background:transparent;
}

.btn__link:hover {
    text-decoration: underline;
}

.btn__clear {
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
}
/* Grid layout */

.main__container {
    display: grid;
    grid-template-columns: 50px minmax(200px, auto) 320px;
    grid-template-areas: "cat content sidebar";
    grid-template-rows: auto;
    grid-gap: var(--spacer-20);
    align-items: start;
    padding: var(--spacer-20) 12px;
    min-height: 100%;
}

.cat {
    grid-area: cat;
    animation: displayNone .2s ease-in-out;
}

.content {
    grid-area: content;
    display: grid;
    grid-template-columns: minmax(100px, 710px);
    grid-gap: var(--spacer-20);
    padding-bottom: var(--spacer-20);
    overflow: auto;
}

.sidebar {
    grid-area: sidebar;
    min-height: 100%;
}


.grid__container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
        "wrapper wrapper wrapper"
        "content content sidebar";
    grid-template-rows: auto;
    grid-gap: var(--spacer-20);
    align-items: start;
    min-height: 100%;
    padding-bottom: var(--spacer-20);
}

.wrapper {
    grid-area: wrapper;
    padding-top: var(--spacer-20);
}


.aside__sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    z-index: 1020;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-inter);
}

.h1__title {
    font-size: 35px;
    font-weight: 600;
}

.h2__title {
    font-size: 22px;
    font-weight: 600;
}
.h3__title {
    font-size: 28px;
    font-weight: 600;
}
/* Header */
header {
    background-color: var(--color-light);
    z-index: 1030 !important;
}

.header {
    height: 80px;

    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.header .logo a {
    font-family: var(--font-montserrat);
    font-weight: 600;
    font-size: 18px;
    color: rgb(var(--color-black));
    transition: var(--transition);
    will-change: transform;
}

.header .logo a:active {
    transform: scale(0.95);
}

.header .tab {
    display: flex;
    border-radius: 20px;
    padding: 5px;
    background-color: rgba(19, 19, 20, 0.04);
    font-family: var(--font-inter);
}

.header .tab a {
    padding: 5px 20px;
    color: #919191;
    font-weight: 700;
    text-align: center;
    font-size: 15px;
    border-radius: 20px;
    transition: var(--transition);
    min-width: 86px;
}

.header .tab .active {
    background-color: rgb(var(--color-white));
    color: rgb(var(--color-black));
}

.header .tab a:not(.active):hover {
    color: rgb(var(--color-black));
}

.header__login .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    position: relative;
    z-index: 1200;
}

.header__login {
    display: flex;
    align-items: center;
    gap: var(--spacer);
}

.btn_profile {
    z-index: 1200;
    position: relative;
}

.btn_addnews {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--color-white));
}

.header__dropdown-menu {
    width: 260px;
}

.header__dropdown-menu img {
    width: 35px;
    height: 35px;
    object-fit: cover;
    border-radius: 50%;
    flex-shrink: 0;
}

.header__dropdown-menu h6 {
    font-size: 15px;
    font-weight: 600;
}

.header__dropdown-menu .dropdown-item {
    font-weight: 400;
    font-size: 16px;
    font-family: var(--font-roboto);
    gap: 15px;
    color: #212529;
}

.header__profile .login {
    font-size: 17px;
    font-weight: 600;

}

.header__profile .text {
    margin-bottom: 0;
    color: #a5a5a5;
    font-size: 13px;
    font-weight: 400;
}

.dropdown-arrow::before {
    content: '';
    position: absolute;
    top: -16px;
    right: 73px;
    border: 8px solid transparent;
    border-bottom: 8px solid white;
    z-index: 0;
}


.search__form {
    position: relative;
    background-color: rgb(var(--color-white));
    border-radius: 10px;

}

.search__form input {
    border: none;
    outline: none;
    width: 100%;
    padding: 15px 10px 15px 45px;
    border-radius: 6px;
}

.search__form input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    height: 10px;
    width: 10px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjEyMy4wNXB4IiBoZWlnaHQ9IjEyMy4wNXB4IiB2aWV3Qm94PSIwIDAgMTIzLjA1IDEyMy4wNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTIzLjA1IDEyMy4wNTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMS4zMjUsMTAuOTI1bC04LjUtOC4zOTljLTIuMy0yLjMtNi4xLTIuMy04LjUsMGwtNDIuNCw0Mi4zOTlMMTguNzI2LDEuNzI2Yy0yLjMwMS0yLjMwMS02LjEwMS0yLjMwMS04LjUsMGwtOC41LDguNQ0KCQljLTIuMzAxLDIuMy0yLjMwMSw2LjEsMCw4LjVsNDMuMSw0My4xbC00Mi4zLDQyLjVjLTIuMywyLjMtMi4zLDYuMSwwLDguNWw4LjUsOC41YzIuMywyLjMsNi4xLDIuMyw4LjUsMGw0Mi4zOTktNDIuNGw0Mi40LDQyLjQNCgkJYzIuMywyLjMsNi4xLDIuMyw4LjUsMGw4LjUtOC41YzIuMy0yLjMsMi4zLTYuMSwwLTguNWwtNDIuNS00Mi40bDQyLjQtNDIuMzk5QzEyMy42MjUsMTcuMTI1LDEyMy42MjUsMTMuMzI1LDEyMS4zMjUsMTAuOTI1eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
    background-size: 10px 10px;
    opacity: .5;
    transition: var(--transition);
    cursor: pointer;
}

.search__form input::-webkit-search-cancel-button:hover {
    opacity: .7;
}

.search__form::before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='none' width='20' height='20' stroke='currentColor' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z'%3e%3c/path%3e%3c/svg%3e");
    position: absolute;
    left: 16px;
    top: 16px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    opacity: .5;
}

.search__hints {
    background: rgb(var(--color-white));
    border-radius: 6px;

}

.hints__nav {
    display: flex;
    align-items: center;
    gap: 15px;
}

.hints__nav a {
    transition: var(--transition);
}

.hints__nav a:hover {
    opacity: .8;
}

.hints__authors {
    display: flex;
    gap: 10px;
    overflow-x: auto;
}

.hints__authors::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.hints__authors {
    -ms-overflow-style: none;
}

.hints__authors {
    overflow: -moz-scrollbars-none;
}

.hints__authors a img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.hints__authors a {
    transition: var(--transition);
    flex-shrink: 0;
}

.hints__authors a:hover {
    opacity: .7;
}

#searchsuggestions {
    z-index: 2200;
    width: 100%;
    max-width: 500px;
    border-radius: 0 0 6px 6px;
    background: #fff;
    background-clip: padding-box;
    font-size: .9em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 75px !important;
}

#searchsuggestions a,
#searchsuggestions span.notfound {
    padding: 15px 25px;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #e5e5e5;
}

#searchsuggestions a {
    color: inherit;
}

#searchsuggestions a:hover {
    background-color: #f7f7f7;
}

#searchsuggestions a span {
    display: block;
    cursor: pointer;
}

#searchsuggestions span.searchheading {
    display: block;
    font-weight: bold;
    margin-bottom: .2em;
}

#searchsuggestions span.seperator {
    display: block;
}

#searchsuggestions span.seperator a {
    padding: 10px 0;
    text-align: center;
    border: 0 none;
    background-color: transparent;
    color: #919191;
}

#searchsuggestions span.notfound {
    padding: 15px 25px;
    display: block;
}

#searchsuggestions .break {
    display: none;
}


/* Feed */
.feed {
    grid-area: feed;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: var(--spacer-20);
    padding-bottom: 50px;
    align-self: self-start;
}

.feed__content {
    display: flex;
    gap: var(--spacer-20);
    flex-direction: column;
    max-width: fit-content;
}

/* Sidebar */

.sidebar__sticky {
    position: sticky;
    top: 100px;
    animation: displayNone .2s ease-in-out;
}

.aside__comments {
    height: calc(100vh - 190px);
}

.aside__title__big {
    display: flex;
    align-items: center;
    gap: 10px;
}

.aside__title__big p {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}

.aside__comments__container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    overflow-y: auto;
}

.aside__comments__container::-webkit-scrollbar {
    width: 10px;
}

.aside__comments__container::-webkit-scrollbar-track {
    background: #fff;/
}

.aside__comments__container::-webkit-scrollbar-thumb {
    background-color: #eee;
    border-radius: 20px;
    border: 4px solid #fff;
}


.item__comments .avatar img {
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 50%;
}

.item__comments .author a {
    font-size: 13px;
    font-weight: 500;
    color: rgb(var(--color-black));
}

.item__comments .date {
    font-size: 13px;
    color: #8d8d8d;
    text-transform: lowercase;
}

.item__comments .text {
    background-color: #f7f7f7;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 5px;

}

.item__comments .text span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.item__comments .comment__news {
    display: flex;
    align-items: center;
    gap: 5px;
    color: rgb(var(--color-black));
    font-size: 13px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: var(--transition);
}

.item__comments .comment__news:hover {
    opacity: .7;
}

.pulse {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: red;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
    animation: pulse 2s infinite;
}

.pulse:hover {
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.2);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.2);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.2);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}


.author__week {
    display: flex;
    flex-direction: column;
}

.author__week a img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.author__week a {
    padding: 10px;
    border-radius: 10px;
    transition: var(--transition);
}

.author__week a:hover {
    background-color: rgb(var(--color-black), .03);
}

.item__author {
    display: flex;
    align-items: center;
    gap: 10px;

}

.item__author .name {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: rgb(var(--color-black), .8)
}

.item__author .count__post {
    font-size: 13px;
    color: rgb(var(--color-black), .7);
    font-weight: 400;
    display: block;
}

.tags__main {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tags__main span a {
    background-color: rgba(0, 0, 0, 0.05);
    ;
    padding: 4px 9px;
    border-radius: 30px;
    font-size: 14px;
    text-transform: lowercase;
    transition: var(--transition);
    color: rgba(var(--color-black), .7);
    position: relative;
}

.tags__main span a::before {
    content: '#';
}

.tags__main span a:hover {
    background-color: rgb(5 147 255 / 16%);
    color: var(--color-primary);
}
.tags__main .tags_more  {
display: none;
}

.discussed__post {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.discussed__item .title {
    display: flex;
    gap: 10px;
}

.discussed__item .title a {
    font-size: 15px;
    color: rgb(var(--color-black));
    font-weight: 500;
}

.discussed__item .title span {
    font-size: 13px;
    color: #bdbdbd;
}

.discussed__item .detalic {
    display: flex;
    gap: 5px;
    align-items: center;
    margin-top: 6px;
}

.discussed__item .author a {
    display: flex;
    align-items: center;
    gap: 7px;
}

.discussed__item .author img {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.discussed__item .author a,
.discussed__item .category {
    color: #595959;
    font-size: 13px;
    line-height: 18px;
    transition: var(--transition);
}

.discussed__item .date {
    color: #595959;
    font-size: 13px;
    line-height: 18px;
    transition: var(--transition);
}

.related__news {
    display: flex;
    flex-direction: column;
}

.related__news .item {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #000;
    padding: 10px;
    border-radius: 10px;
    transition: var(--transition);
}

.related__news .item:hover {
    background-color: rgb(var(--color-black), .03);
}

.related__news .item .cover {
    width: 40px;
    height: 40px;
    border-radius: 7px;
    object-fit: cover;
}

.related__news .item .title {
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.related__news .item .category,
.related__news .item .date {
    color: #939393;
    font-size: 13px;
    line-height: 18px;

}

.btn__next__post,
.nav__link a {
    display: flex;
    gap: var(--spacer);
    align-items: center;
    padding: 12px 20px;
    border-radius: 20px;
    background-color: rgb(var(--color-white));
    color: rgb(var(--color-black));
    font-size: 14px;
    font-family: var(--font-inter);
    font-weight: 600;
    transition: var(--transition);
    box-shadow: 0 2px 13px rgb(0 0 0/2%);
    will-change: transform;
}

.btn__next__post:hover,
.nav__link a:hover {
    background-color: #fbfbfb;
}

.btn__next__post:active,
.nav__link a:active {
    transform: scale(0.95);
}

.nav__link span {
    display: none;
}

@keyframes rotateCircle {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.rotate__circle {
    animation: rotateCircle 2s linear infinite;
}

/* Footer */
footer .menu {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

footer .menu .link {
    color: #919191;
    font-size: 13px;
    transition: var(--transition);
}

footer .menu .link:hover {
    color: rgb(var(--color-black));
}

footer .copyright {
    font-size: 12px;
    color: #838383;
}

.footer__main .copyright {
    margin-top: 10px;
}

.btn__footer {
    width: 20px;
    height: 20px;
    color: rgba(var(--color-black), .4);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);

}

.btn__footer:hover {
    background: rgba(var(--color-black), .05);
}

/* Footer fullpage */
.footer__fullpage {
    grid-area: footer;
    display: flex;
    justify-content: space-between;
}

.footer__fullpage .copyright {
    display: flex;
    order: 1;
}

.footer__fullpage .menu {
    order: 2;
}

/* Post */
.post__fixed {
    border:1px solid var(--color-primary);
}
#dropmenudiv a:first-child {
    display: none;
} 
.post .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.post .head .info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.post .head .info .catpost {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
}

.post .head .info img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post .head .info .items {
    display: flex;
    flex-direction: column;
}

.post .head .category,
.author__notcat a {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: -2px;
    color: rgb(var(--color-black));
    transition: var(--transition);
    width: max-content;
    display: block;
}

.post .head .author {
    color: #595959;
    font-size: 13px;
    line-height: 18px;
    transition: var(--transition);
    display: block;
    margin-top: 2px;
}

.post .head .date a {
    text-transform: lowercase;
    color: #595959;
    font-size: 13px;
    line-height: 18px;
    transition: var(--transition);
    display: block;
    margin-top: 2px;
}

.post .head .category:hover,
.post .head .author:hover,
.post .title:hover,
.author__notcat a:hover,
.post .head .date a:hover {
    opacity: .7;
}

.authorfoto__notcat {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
}

.post .title {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    color: rgb(var(--color-black));
    transition: var(--transition);
    width: max-content;
    word-break: break-word;
}

.post .shortstory {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 15px;
    color: #212529;
}

.btn_postedit a {
    transition: var(--transition);
    color: rgba(var(--color-black), .4);
}

.btn_postedit a:hover {
    opacity: .8;
}

.post .cover {
    width: 100%;
    height: auto;
    max-height: 420px;
    border-radius: 14px;
    overflow: hidden;

}
.post .cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.post .city {
    display: flex;
    align-items: center;
    gap: var(--spacer);
    position: relative;
    transition: .1s;
}

.post .city:hover {
    opacity: .8;
}

.post .city:hover::after,
.user__city:hover::after {
    transform: translateX(3px);
}

.post .city::after {
    content: '';
    position: absolute;
    right: 0px;
    top: 10px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M9 18l6-6-6-6'/%3e%3c/svg%3e");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    opacity: .3;
    transition: var(--transition);
}

.user__city::after {
    content: '';
    position: absolute;
    right: 8px;
    top: 16px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M9 18l6-6-6-6'/%3e%3c/svg%3e");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    opacity: .3;
    transition: var(--transition);
}


.post .city .city__icon,
.user__city .icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background-color: var(--color-light);
    display: flex;
    align-items: center;
    justify-content: center;
}

.post .city .city__icon svg,
.user__city .icon svg {
    fill: #afafaf;
}

.post .city_info span a,
.user__city span {
    font-weight: 500;
    font-size: 16px;
    color: rgb(var(--color-black));
    display: flex;
    margin-bottom: -1px;
}

.post .city_info span a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 44px;
    left: 0;
    top: 0;
}

.post .city_info p,
.user__city p {
    margin-bottom: 0;
    color: #9b9b9b;
    font-size: 13px;
}

.post .stats,
.post .stats a {
    font-size: 13px;
    color: #8b8b8b;
}

.post .like,
.post .comments,
.post .share,
.post .save,
.post .dislike {
    color: rgba(var(--color-black), .4);
    padding: 7px;
    transition: var(--transition);
    border-radius: 15px;
    width: max-content;
    display: flex;
    flex-shrink: 0;
    background: transparent;
    border: none;
    outline: none;
}

.post .like:hover {
    background-color: rgba(255, 0, 0, 0.09);
    color: rgba(255, 0, 0, 0.7);
}

.post .comments:hover,
.post .share:hover,
.post .save:hover,
.post .dislike:hover {
    opacity: .7;
}

.post .option {
    display: flex;
    gap: 10px;
    padding: 0 13px;
}

.post .tags {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.post .tags a::before {
    content: '#';
}

.post .tags a:hover {
    text-decoration: underline;
}
.post__author-avatar a, .post__author-avatar  {
   width: 15px;
   height: 15px;
   position: absolute;
   bottom:1px;
   right:0; 
   display: block;

}
.post__author-avatar::before {
   content: '';
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    right: -3px;
    bottom: -6px;
}
                 .post .head .info .catpost {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
}
#dropmenudiv {
    padding: 8px;
    min-width: 140px;
    width: auto !important;
    opacity: 1 !important;
    display: none;

    box-shadow: 0 0 2px rgb(0 0 0 / 8%), 0 2px 24px rgb(0 0 0 / 8%);
    background-color: #fff;
    z-index: 1050px !important;
    background-clip: padding-box;
    border-radius: 14px;
    margin-left: -200px;
}

.post .sponsored {
    color: #a7a7a7;
}

.post__stats {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.post__stats .index {
    font-size: 23px;
    font-weight: 600;
    width: max-content;
    cursor: help;
}

.post__stats .label__stats {
    font-size: 11px;
    color: #8d8d8d;
}

.modal-title-post {
    font-size: 20px;
    font-weight: 600;
}


.comments-tree-list {
    list-style: none;
    padding-left: 0;
}

.thisauthor {
    font-size: 13px;
    line-height: 18px;
    color: var(--color-primary);
    display: block;
}

.post__carusel {
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
}

.post__video,
.post__video .dleplyrplayer {
    width: 100% !important;
    max-width: 715px !important;
    border-radius: 10px;
    overflow: hidden;
}

.anon__post__ava {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    flex-shrink: 0;
    background-color: var(--color-light);
    align-items: center;
    justify-content: center;
    stroke: #959595;
}

.anon__post__title {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: -2px;
    color: rgb(var(--color-black));
    transition: var(--transition);
}

.anon__post__title2 {
    color: #595959;
    font-size: 13px;
    line-height: 18px;
}

.post__source {
    background: transparent;
    border: none;
    outline: none;
    width: 100%;
    padding: 8px 0;
}

.full__video .detalic {
    justify-content: space-between;
}

.post__author {
    display: flex;
    align-items: center;
    gap: 15px;

}

.post__author .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

.post__author .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post__author .info a {
    font-size: 15px;
    font-weight: 500;
    color: rgb(var(--color-black));
    transition: var(--transition);
}

.post__author .info a:hover {
    opacity: .7;
}

.post__author .status {
    font-size: 13px;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.post__author .btn__author a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    gap: 8px;
    padding: 0 20px;
    color: rgb(var(--color-black));
    font-weight: 600;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .08), inset 0 0 0 1px rgba(0, 0, 0, .06), inset 0 -1px 0 rgba(0, 0, 0, .12), inset 1px 0 0 rgba(0, 0, 0, .06), inset -1px 0 0 rgba(0, 0, 0, .06);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08), inset 0 0 0 1px rgba(0, 0, 0, .06), inset 0 -1px 0 rgba(0, 0, 0, .12), inset 1px 0 0 rgba(0, 0, 0, .06), inset -1px 0 0 rgba(0, 0, 0, .06);
    transition: var(--transition);

    will-change: transform;
}

.post__author .btn__author a:hover {
    background-color: #fbfbfb;
}

.post__author .btn__author a:active {
    transform: scale(0.95);
}

.post__author .info .link__partner {
    font-size: 14px;
    color: var(--color-primary);
    font-weight: 400;
    width: max-content;
}

.post__author .info .link__partner:hover {
    opacity: 1;
    text-decoration: underline;
}

.attachment__btn {
    display: flex;
    align-items: center;
    gap: 15px;
    height: 40px;
    border-radius: 13px;
    width: max-content;
    background-color: #343739;
    padding: 0 5px 0 15px;
    color: #fff;
    font-size: 13px;
    transition: var(--transition);
    will-change: transform;
}

.attachment__btn:hover {
    background-color: #474747;
}

.attachment__btn:active {
    transform: scale(.98);
}

.attachment span {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 10px;
    background-color: rgb(var(--color-white));
    color: #343739;
    border-radius: 8px;
}

.poll {
    background-color: #f9f9f9;
    border-radius: 10px;
}

.poll .question {
    font-size: 17px;
    font-weight: 600;
    display: block;
    font-family: var(--font-inter);
}
.btn__commlogin {
color:var(--color-primary);
    display:inline-block;
}
.vote_more {
    font-size: .9em;
    margin: -.7em 0 1em 0;
}

.vote_list {
    margin: 8% 0;
}

.vote_list .vote,
.vote_list .pollanswer {
    margin: .6em 0 .2em 0;
    font-size: 14px;
}

.vote_list .vote>input,
.vote_list .pollanswer>input {
    display: none;
}

.vote_list .vote>input+label:before,
.vote_list .pollanswer>input+label:before {
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 4px solid #3b3b3b;
    background-color: #fff;
    margin: -3px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    content: "";
    border-radius: 2px;

}

.vote_list .vote>input[type="radio"]+label:before,
.vote_list .pollanswer>input[type="radio"]+label:before {
    border-radius: 50%;
}

.vote_list .vote>input+label:hover:before,
.vote_list .pollanswer>input+label:hover:before {
    border-color: #3394e6;
}

.vote_list .vote>input:checked+label:before,
.vote_list .pollanswer>input:checked+label:before {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.vote_list .vote>input+label:before,
.vote_list .vote>input:checked+label:before,
.vote_list .pollanswer>input+label:before,
.vote_list .pollanswer>input:checked+label:before {
    -webkit-transition: border-color ease .2s;
    transition: border-color ease .2s;
}


.vote_votes,
.pollallvotes {
    font-size: 13px;
    margin-top: 10px;
    color: #959595;
}

.pollprogress span {
    background-color: var(--color-primary);
    border-radius: 10px;
    color: #fff;
    padding: 3px 10px;
    font-size: 0px;
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 10px;

}

.pollprogress {
    position: relative;
    margin-bottom: 10px;
}

.pollprogress::before {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0;
    height: 6px;
    background-color: #eee;
    z-index: 0;
    border-radius: 10px;
}

.modal-share {
    max-width: 400px;
}
.social__share {
    display: flex;
    justify-content: space-between;
    gap:10px;
}
.social__share .sharer {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--sharer-bg);
    border:none;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    outline: none;
    transition: var(--transition);
    will-change: transform;
}
.social__share .sharer:hover {
    opacity: .8;
}
.social__share .sharer:active {
    transform: scale(.95);
}
.social__share .sharer.vk {
--sharer-bg:#0077ff;
}
.social__share .sharer.ok {
    --sharer-bg:#ff7700;
    }
    .social__share .sharer.tg {
        --sharer-bg:#2AABEE;
        }
        .social__share .sharer.vb {
            --sharer-bg:#7360F2;
            }
            .social__share .sharer.fb {
                --sharer-bg:#1877F2;
                }
.social__share .sharer.vk::before {
    content:'';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23ffffff' height='25px' width='25px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 304.36 304.36' xml:space='preserve' stroke='%23ffffff'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cg id='XMLID_1_'%3e%3cpath id='XMLID_807_' style='fill-rule:evenodd;clip-rule:evenodd;' d='M261.945,175.576c10.096,9.857,20.752,19.131,29.807,29.982 c4,4.822,7.787,9.798,10.684,15.394c4.105,7.955,0.387,16.709-6.746,17.184l-44.34-0.02c-11.436,0.949-20.559-3.655-28.23-11.474 c-6.139-6.253-11.824-12.908-17.727-19.372c-2.42-2.642-4.953-5.128-7.979-7.093c-6.053-3.929-11.307-2.726-14.766,3.587 c-3.523,6.421-4.322,13.531-4.668,20.687c-0.475,10.441-3.631,13.186-14.119,13.664c-22.414,1.057-43.686-2.334-63.447-13.641 c-17.422-9.968-30.932-24.04-42.691-39.971C34.828,153.482,17.295,119.395,1.537,84.353C-2.01,76.458,0.584,72.22,9.295,72.07 c14.465-0.281,28.928-0.261,43.41-0.02c5.879,0.086,9.771,3.458,12.041,9.012c7.826,19.243,17.402,37.551,29.422,54.521 c3.201,4.518,6.465,9.036,11.113,12.216c5.142,3.521,9.057,2.354,11.476-3.374c1.535-3.632,2.207-7.544,2.553-11.434 c1.146-13.383,1.297-26.743-0.713-40.079c-1.234-8.323-5.922-13.711-14.227-15.286c-4.238-0.803-3.607-2.38-1.555-4.799 c3.564-4.172,6.916-6.769,13.598-6.769h50.111c7.889,1.557,9.641,5.101,10.721,13.039l0.043,55.663 c-0.086,3.073,1.535,12.192,7.07,14.226c4.43,1.448,7.35-2.096,10.008-4.905c11.998-12.734,20.561-27.783,28.211-43.366 c3.395-6.852,6.314-13.968,9.143-21.078c2.096-5.276,5.385-7.872,11.328-7.757l48.229,0.043c1.43,0,2.877,0.021,4.262,0.258 c8.127,1.385,10.354,4.881,7.844,12.817c-3.955,12.451-11.65,22.827-19.174,33.251c-8.043,11.129-16.645,21.877-24.621,33.072 C252.26,161.544,252.842,166.697,261.945,175.576L261.945,175.576z M261.945,175.576'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
width: 25px;
height: 25px;
}
.social__share .sharer.ok::before {
    content:'';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23ffffff' width='28px' height='28px' viewBox='-6 -2 24 24' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMin' class='jam jam-odnoklassniki' stroke='%23ffffff'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath d='M4.974 14.011c-1.531-.16-2.912-.54-4.094-1.471-.147-.116-.299-.228-.432-.357-.518-.5-.57-1.074-.16-1.664.35-.506.938-.641 1.549-.35.118.055.23.126.339.201 2.203 1.524 5.23 1.566 7.441.069.22-.17.454-.308.725-.378.528-.136 1.02.059 1.303.524.324.53.32 1.05-.079 1.461-.611.633-1.347 1.09-2.164 1.409-.773.302-1.62.454-2.457.554.126.139.186.207.265.287 1.137 1.15 2.28 2.297 3.414 3.451.386.394.467.881.254 1.339-.233.5-.753.829-1.264.794-.323-.023-.575-.185-.8-.412-.858-.87-1.732-1.724-2.573-2.61-.245-.258-.363-.209-.579.015-.863.895-1.74 1.776-2.624 2.653-.396.393-.868.464-1.328.24-.488-.24-.8-.741-.775-1.246.016-.342.183-.602.416-.836 1.126-1.132 2.248-2.267 3.371-3.4.074-.076.144-.156.252-.273z'%3e%3c/path%3e%3cpath d='M5.907 10.069C3.175 10.059.935 7.779.95 5.023.966 2.237 3.208-.007 5.967 0c2.764.007 4.983 2.285 4.97 5.1-.015 2.75-2.27 4.978-5.03 4.969zm2.483-5.04a2.444 2.444 0 0 0-2.443-2.458A2.447 2.447 0 0 0 3.498 5.06 2.443 2.443 0 0 0 5.96 7.5a2.439 2.439 0 0 0 2.43-2.47z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
width: 28px;
height: 28px;
}
.social__share .sharer.tg::before {
    content:'';
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25px' height='25px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23000000'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3ctitle%3etelegram_fill%3c/title%3e%3cg id='页面-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg id='Brand' transform='translate(-672.000000, -48.000000)'%3e%3cg id='telegram_fill' transform='translate(672.000000, 48.000000)'%3e%3cpath d='M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5934901,23.257841 L12.5819402,23.2595131 L12.5108777,23.2950439 L12.4918791,23.2987469 L12.4918791,23.2987469 L12.4767152,23.2950439 L12.4056548,23.2595131 C12.3958229,23.2563662 12.3870493,23.2590235 12.3821421,23.2649074 L12.3780323,23.275831 L12.360941,23.7031097 L12.3658947,23.7234994 L12.3769048,23.7357139 L12.4804777,23.8096931 L12.4953491,23.8136134 L12.4953491,23.8136134 L12.5071152,23.8096931 L12.6106902,23.7357139 L12.6232938,23.7196733 L12.6232938,23.7196733 L12.6266527,23.7031097 L12.609561,23.275831 C12.6075724,23.2657013 12.6010112,23.2592993 12.5934901,23.257841 L12.5934901,23.257841 Z M12.8583906,23.1452862 L12.8445485,23.1473072 L12.6598443,23.2396597 L12.6498822,23.2499052 L12.6498822,23.2499052 L12.6471943,23.2611114 L12.6650943,23.6906389 L12.6699349,23.7034178 L12.6699349,23.7034178 L12.678386,23.7104931 L12.8793402,23.8032389 C12.8914285,23.8068999 12.9022333,23.8029875 12.9078286,23.7952264 L12.9118235,23.7811639 L12.8776777,23.1665331 C12.8752882,23.1545897 12.8674102,23.1470016 12.8583906,23.1452862 L12.8583906,23.1452862 Z M12.1430473,23.1473072 C12.1332178,23.1423925 12.1221763,23.1452606 12.1156365,23.1525954 L12.1099173,23.1665331 L12.0757714,23.7811639 C12.0751323,23.7926639 12.0828099,23.8018602 12.0926481,23.8045676 L12.108256,23.8032389 L12.3092106,23.7104931 L12.3186497,23.7024347 L12.3186497,23.7024347 L12.3225043,23.6906389 L12.340401,23.2611114 L12.337245,23.2485176 L12.337245,23.2485176 L12.3277531,23.2396597 L12.1430473,23.1473072 Z' id='MingCute' fill-rule='nonzero'%3e%3c/path%3e%3cpath d='M19.7773,4.42984 C20.8652,3.97177 22.0315,4.8917 21.8394,6.05639 L19.5705,19.8131 C19.3517,21.1395 17.8949,21.9006 16.678,21.2396 C15.6597,20.6865 14.1489,19.8352 12.7873,18.9455 C12.1074,18.5012 10.0255,17.0766 10.2814,16.0625 C10.5002,15.1954 14.0001,11.9375 16.0001,10 C16.7857,9.23893 16.4279,8.79926 15.5001,9.5 C13.1985,11.2383 9.50332,13.8812 8.28136,14.625 C7.20323,15.2812 6.64031,15.3932 5.96886,15.2812 C4.74273,15.0769 3.60596,14.7605 2.67788,14.3758 C1.42351,13.8558 1.48461,12.132 2.67703,11.63 L19.7773,4.42984 Z' id='路径' fill='%23ffffff'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
width: 25px;
height: 25px;
}
.social__share .sharer.vb::before {
    content:'';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23ffffff' height='25px' width='25px' version='1.1' id='Icons' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' xml:space='preserve' stroke='%23ffffff'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath d='M16,0C8.1,0,0,1.7,0,14c0,6.6,2.3,10.7,7,12.6v3.7c0,0.7,0.4,1.3,1,1.6C8.2,32,8.5,32,8.7,32c0.4,0,0.9-0.2,1.2-0.5l3.6-3.6 c0.8,0,1.6,0.1,2.5,0.1c7.9,0,16-1.7,16-14S23.9,0,16,0z M15.5,10.2c1.8,0,3.3,1.5,3.3,3.3c0,0.6-0.4,1-1,1s-1-0.4-1-1 c0-0.7-0.6-1.3-1.3-1.3c-0.6,0-1-0.4-1-1S14.9,10.2,15.5,10.2z M14.5,8.1c0-0.6,0.4-1,1-1c3.5,0,6.4,2.9,6.4,6.4c0,0.6-0.4,1-1,1 s-1-0.4-1-1c0-2.4-2-4.4-4.4-4.4C14.9,9.1,14.5,8.6,14.5,8.1z M22.7,20.5c-0.4,1.2-1.9,2.2-3.2,2.4C19.2,23,18.9,23,18.5,23 c-0.8,0-2-0.2-4.1-1.1c-2.4-1-4.8-3.1-6.7-5.8L7.7,16C7.1,15.1,6,13.4,6,11.6c0-2.2,1.1-3.3,1.5-3.8C8.1,7.3,8.8,7,9.6,7 c0.2,0,0.3,0,0.5,0c0.7,0,1.2,0.2,1.7,1.2l0.4,0.8c0.3,0.8,0.7,1.7,0.8,1.8c0.3,0.6,0.3,1.1,0,1.6c-0.1,0.3-0.3,0.5-0.5,0.7 c-0.1,0.2-0.2,0.3-0.3,0.3c-0.1,0.1-0.1,0.1-0.2,0.2c0.3,0.5,0.9,1.4,1.7,2.1c1.2,1.1,2.1,1.4,2.6,1.6l0,0c0.2-0.2,0.4-0.6,0.7-0.9 l0.1-0.2c0.5-0.7,1.3-0.9,2.1-0.6c0.4,0.2,2.6,1.2,2.6,1.2l0.2,0.1c0.3,0.2,0.7,0.3,0.9,0.7C23.2,18.5,22.9,19.8,22.7,20.5z M24,14.5c-0.6,0-1-0.4-1-1C23,9.4,19.6,6,15.5,6c-0.6,0-1-0.4-1-1s0.4-1,1-1c5.2,0,9.5,4.3,9.5,9.5C25,14.1,24.6,14.5,24,14.5z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
    width: 25px;
height: 25px;
}
.social__share .sharer.fb::before {
    content:'';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23ffffff' width='30px' height='30px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3cpath d='M21.95 5.005l-3.306-.004c-3.206 0-5.277 2.124-5.277 5.415v2.495H10.05v4.515h3.317l-.004 9.575h4.641l.004-9.575h3.806l-.003-4.514h-3.803v-2.117c0-1.018.241-1.533 1.566-1.533l2.366-.001.01-4.256z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");

    width: 30px;
height: 30px;
}


.modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.modal__header h5 {
    font-size: 21px;
    font-weight: 700;
    font-family: var(--font-inter);
    margin-bottom: 0;
}
.share__copy {
    position: absolute;
    right:7px;
    top:7px;
}

.share__copied::before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' width='20' height='20' stroke-width='2' stroke='%23fff' %3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z' /%3e%3c/svg%3e ");
    width: 20px;
height: 20px;
}


.f-carousel {
    max-width: max-content;

}

.fullpost #gallery {
    --f-carousel-slide-width: 500px;
}

.fullpost .f-carousel__slide img {

    height: 281px;
}

.f-carousel__slide img {
    width: 100%;
    height: 225px;
    border-radius: 14px;
    object-fit: cover;
}

#gallery {
    --f-carousel-slide-width: 400px;
    --f-carousel-spacing: 10px;
    --f-button-width: 30px;
    --f-button-height: 30px;
    --f-button-svg-width: 13px;
    --f-button-svg-height: 13px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-color: rgb(71 85 105);
    --f-button-border-radius: 50%;
    --f-button-shadow: 0 6px 12px -2px rgb(50 50 93 / 25%), 0 3px 7px -3px rgb(0 0 0 / 30%);
    --f-button-bg: #fff;
    --f-button-hover-bg: #f9f9f9;
    --f-button-active-bg: #f0f0f0;
}

#video {
    --f-carousel-slide-width: 630px;
    --f-carousel-spacing: 10px;
    --f-button-width: 30px;
    --f-button-height: 30px;
    --f-button-svg-width: 13px;
    --f-button-svg-height: 13px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-color: rgb(71 85 105);
    --f-button-border-radius: 50%;
    --f-button-shadow: 0 6px 12px -2px rgb(50 50 93 / 25%), 0 3px 7px -3px rgb(0 0 0 / 30%);
    --f-button-bg: #fff;
    --f-button-hover-bg: #f9f9f9;
    --f-button-active-bg: #f0f0f0;
}



.quote {
    background: #f7f7f7;
    padding: 50px 20px 20px;
    border-radius: 10px;
    position:relative;
}
.quote::before {
content:'';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23000000' width='30px' height='30px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'%3e%3c/g%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3e%3c/g%3e%3cg id='SVGRepo_iconCarrier'%3e%3ctitle%3equote%3c/title%3e%3cpath d='M9.563 8.469l-0.813-1.25c-5.625 3.781-8.75 8.375-8.75 12.156 0 3.656 2.688 5.375 4.969 5.375 2.875 0 4.906-2.438 4.906-5 0-2.156-1.375-4-3.219-4.688-0.531-0.188-1.031-0.344-1.031-1.25 0-1.156 0.844-2.875 3.938-5.344zM21.969 8.469l-0.813-1.25c-5.563 3.781-8.75 8.375-8.75 12.156 0 3.656 2.75 5.375 5.031 5.375 2.906 0 4.969-2.438 4.969-5 0-2.156-1.406-4-3.313-4.688-0.531-0.188-1-0.344-1-1.25 0-1.156 0.875-2.875 3.875-5.344z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");
   background-repeat:no-repeat;
    width:30px;
    height:30px;
    position:absolute;
        top:15px;
    left:20px;
}
/* сommunity */

.community__feed {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-20);
}

.сommunity .cover {
    width: 100px;
    height: 100px;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    flex-shrink: 0;
}

.сommunity .cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.сommunity .title {
    font-size: 36px;
    line-height: 1.46em;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.сommunity .count {
    font-size: 17px;
}

.aside__community .headline .title {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 500;

}

.list_authors {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
}

.list_authors a {
    transition: var(--transition);
}

.list_authors a img {
    max-width: 100%;
    height: 43px;
    border-radius: 7px;
    object-fit: cover;
}

.list_authors a:hover {
    opacity: .7;
}
   .partners__list {
    display:flex;
        flex-direction:column;
    }
    .partners__list .item {
    display:flex;
        gap:10px;
        padding:10px;
        border-radius:10px;
        transition: var(--transition);
    }
    .partners__list .item:hover {
        background-color: rgb(var(--color-black),.03);
    }
    .partners__list .item img {
    width:45px;
        height:45px;
        border-radius:10px;
        object-fit:cover;
    }
    .partners__list .item .title {
   display: block;
    font-size: 15px;
    font-weight: 600;
    color: rgb(var(--color-black),.8);
    }
    .partners__list .subscribe {
    font-size: 13px;
    color: rgb(var(--color-black),.7);
    font-weight: 400;
    display: block;
    }
/* Sort */
.btn-sort {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
}

.sort {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.sort a {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 6px 15px;
    clear: both;
    font-weight: 400;
    font-size: 15px;
    color: #000;
    font-family: var(--font-roboto);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: 10px;
}

.sort a:hover {
    background-color: #f5f5f5;
}

/* Top-10 */
.top-10 {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-20);
    padding-left: 0;
    position: relative;
    list-style-type: none;
    counter-reset: num;
}

.top-10 li {
    position: relative;
    margin: 0;
    padding: 0;
}

.top-10 li::after {
    content: '#';
    position: absolute;
    top: 17px;
    left: 15px;
    font-weight: 500;
    font-size: 22px;
}

.top-10 li::before {
    content: counter(num);
    counter-increment: num;
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 12px;
    width: 50px;
    color: #000000;
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    z-index: 10;
}

.top-10 .title__top {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    color: rgb(var(--color-black));
    transition: var(--transition);
    display: block;
    margin-left: 33px;
}

.top-10 .title__top:hover {
    opacity: .7;
}

.top-10 .short__text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.views__top {
    color: #8b8b8b;
    font-size: 12px;
    line-height: 18px;
}

.info__top {
    display: flex;
    align-items: center;
    gap: var(--spacer);
}

.author__top {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #595959;
    font-size: 13px;
    line-height: 18px;
    transition: var(--transition);
}

.author__top:hover span {
    opacity: .7;
}

.author__top img {
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 50%;
}

.date__top {
    color: #595959;
    font-size: 13px;
}

/* Fullstory */
.fullpost {
    padding-bottom: var(--spacer-20);
}

.fullpost .title {
    font-size: 28px;
    font-weight: 600;
}

.comments__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
}

.fullpost .text {
    font-size: 15px;
    line-height: 1.5;
}

.fullpost .text img {
    max-width: 100%;
}

.fullpost .text iframe {
    width: 100%;
}


.fullpost__content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "feed feed sidebarfull";
    grid-gap: var(--spacer);
}

.fullpost__content .feed {
    padding-top: var(--spacer-20);

}


/* Addcomments */
.form-comment {
    min-height: 100px !important;
    resize: none;
    padding-right: 60px;
}

.comment__container {
    position: relative;
}

.upload_image {
    position: absolute;
    top: 0;
    right: 0;
    margin: 13px;
    color: rgba(var(--color-black), .6);
    padding: 5px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload_image:hover {
    background: #e9e9e9;
}

.comments-edit-area textarea,
.bb-editor textarea {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.475rem 0.95rem;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #f7f7f7;
    border: 1px solid rgba(0, 0, 0, 0.08);
    outline: none;
    border-radius: 14px;
    transition: all 0.15s ease-in-out;
    height: 100px !important;
    margin-top: 10px;
}

.comments-edit-area textarea:hover,
.bb-editor textarea:hover {
    border-color: rgba(0, 0, 0, 0.1);
}

.comments-edit-area textarea:focus,
.bb-editor textarea:focus {
    color: #000;
    background-color: #fff;
    border-color: #0593ff;
    outline: 0;
    box-shadow: 0 0 0 4px rgba(7, 155, 249, 0.08);
}

.save-buttons {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.save-buttons .applychanges {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    height: 40px;
    background-color: #0593ff;
    border: none;
    outline: none;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.9rem;
    color: #fff;
    padding: 0 15px;
    will-change: transform;
    transition: var(--transition);
    font-family: var(--font-inter);
}

.save-buttons .applychanges:hover {
    background-color: #33a7ff;
}

.save-buttons .applychanges:active {
    transform: scale(0.98);
}


.save-buttons .cancelchanges {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    height: 40px;
    background-color: #f3f3f3;
    border: none;
    outline: none;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.9rem;
    color: #000;
    padding: 0 15px;
    will-change: transform;
    transition: var(--transition);
    font-family: var(--font-inter);
}


.save-buttons .cancelchanges:hover {
    background-color: #e5e5e5;
}

.save-buttons .cancelchanges:active {
    transform: scale(0.98);
}

.favorite {
    color: #ff8f0085 !important;
}

.edit__reason {
    display: flex;
    border-radius: 15px;
    gap: 10px;
}

.edit__reason h6 {
    font-weight: 600;
    font-size: 14px;
}

.edit__reason span {
    font-size: 12px;
    color: #8f8f8f;
}

.edit__reason p {
    margin-top: 7px;
}

.edit__reason svg {
    color: #979797;
}

/* Comment */
.comment .head {
    display: flex;
    gap: 10px;
    align-items: center;
}

.comment .online {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #24bb24;
    z-index: 2;
}

.comment .head .comment__avatar {
    display: flex;
    flex-shrink: 0;
    width: 37px;
    height: 37px;

    position: relative;
}

.comment .head .comment__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.comment .head .comment__avatar a {
    transition: var(--transition);
}

.comment .head .comment__avatar a:hover,
.comment .head .info a:hover {
    opacity: .8;
}

.comment .head .info a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    color: rgb(var(--color-black));
    transition: var(--transition);
}

.comment .head .info .date {
    font-size: 13px;
    line-height: 18px;
    color: #595959;
    display: block;
}

.mass_comments_action {
    display: none;
}

.comment .text {
    font-size: 16px;
    line-height: 26px;
}

.edit__comment {
    color: rgba(var(--color-black), .4)
}

.dropdown-item-engine a,
#dropmenudiv a {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 6px 15px;
    clear: both;
    font-weight: 400;
    font-size: 15px;
    color: var(--bs-dropdown-link-color);
    font-family: var(--font-roboto);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: 10px;
}

.dropdown-item-engine a:hover,
.dropdown-item-engine a:focus,
#dropmenudiv a:focus,
#dropmenudiv a:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: #f5f5f5;
}

.comments-image-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding-left: 0;
}

.comments-image-gallery img {
    width: 100px;
    height: 90px;
    object-fit: cover;
    border-radius: 10px;
}

.comment .options {
    display: flex;
    gap: var(--spacer);
    align-items: center;
}

.comment .like {
    display: flex;
    gap: 7px;
    color: rgba(var(--color-black), .6);
    align-items: center;
    font-size: 15px;
    transition: var(--transition);
}

.comment .like:hover {
    color: red;
}

.comment .reply {
    color: rgba(var(--color-black), .7);
    transition: var(--transition);
}

.comment .reply:hover {
    color: rgb(var(--color-black));
}

.comment__newslink {
    color: rgb(var(--color-black));
    font-weight: 500;
    transition: var(--transition);
}

.comment__newslink:hover {
    color: var(--color-primary);
}

.blacklist {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.blacklist span {
    background-color: var(--color-light);
    padding: 5px 15px;
    border-radius: 14px;
    transition: var(--transition);
    display: flex;
    gap: 5px;
    align-items: center;
}

.blacklist span:hover {
    background-color: #e5e5e5;
}

.blacklist span a {
    color: rgba(var(--color-black), .6);

}

.blacklist span a img {
    width: 14px;
    height: 14px;
}


.replythree {
    background: #f7f7f7;
    padding: 15px 20px;
    border-radius: 10px;
}

.reply__badge {
    display: flex;
    font-size: 13px;
    color: #9b9b9b;
    margin-bottom: 10px;
    align-items: center;
    gap: 5px;
}


/* Engine */
#loading-layer, .withouttext {
    display: none !important;    
}
#modal-overlay {
    z-index: 1045 !important;
}

.ui-dialog {
    text-align: left;
    overflow: hidden;
    padding: 20px;
    position: absolute;
    width: 370px;
    border-radius: 2px;
    box-shadow: 0 8px 40px -10px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    background-color: #fff;
    background-clip: padding-box;
    outline: none;
    border-radius: 14px;
    z-index: 2000;
}

.ui-dialog-titlebar {
    position: relative;
    background-color: #fff;
    color: rgb(var(--color-black));

}

.ui-dialog-title {
    font-family: var(--font-inter);
    float: left;
    font-size: 20px;
    font-weight: 600;
}

.ui-dialog-titlebar-close {
    position: absolute;
    right: 0;
    top: 5px;
    height: 15px !important;
    width: 15px;
    border: none !important;
    background-color: inherit !important;
    box-shadow: none !important;
    padding: 0px !important;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    opacity: .4;
    transition: .2s;
}

.ui-dialog-titlebar-close:hover {
    opacity: .6;
}

.ui-dialog-titlebar-close span.ui-button-text {
    display: block;
    margin: 9px auto 0 auto;
    width: 12px;
    height: 12px;
    background-size: 10px auto;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    text-indent: -9999px;
    opacity: .6;
    transition: var(--transition);
}

.ui-dialog-titlebar-close span.ui-button-text:hover {
    opacity: 1;
}

.ui-dialog-buttonset {
    display: flex;
    gap: 7px;
    margin-top: 10px;
}

.ui-dialog-buttonset button {
    width: max-content;
    height: 35px;
    background-color: var(--color-primary);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border: none;
    color: #fff;
    transition: var(--transition);
}

.ui-dialog-buttonset button:hover {
    background-color: #33a7ff;
}

.ui-dialog-titlebar-close:hover .ui-icon {
    opacity: 1;
}

.ui-dialog label {
    color: #575757;
}

.ui-dialog-content {
    min-height: 50px !important;
    position: relative;
    margin-top: 10px;
}

.loginbox.ui-dialog,
.loginbox .ui-dialog-content {
    overflow: visible !important;
}

.ui-dialog-content h2 {
    display: inline;
    font-size: 1em;
    font-weight: bold
}



.ui-dialog .ui-resizable-se {
    bottom: 3px;
    height: 14px;
    right: 3px;
    width: 14px;
}


.ui-button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-weight: 500;
    color: rgb(var(--color-white));
    background: #0593ff;
    transition: var(--transition);
    border: none;
    outline: none;
    height: 35px;
    padding: 0 20px;
    will-change: transform;
}

.ui-button:hover {
    background: #33a7ff;
}

.ui-button:active {
    transform: scale(0.95);
}
.c-captcha img {
    border-radius:10px;
    border:1px solid rgba(0, 0, 0, 0.08);
    max-height:54px;
}

.DLEPush {
	z-index: 2001;
	position: fixed;
	right: 20px;
	top: 20px
}

@keyframes DLEPush-show {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.DLEPush-notification.wrapper {
	animation-name: DLEPush-show;
	animation-duration: 1s;
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
	max-width: 400px;
	box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
	background-color: #fff;
	border-radius: 10px;
    padding-top:0;
}

.DLEPush-notification .DLEPush-icon {
	grid-column: 1;
	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 45px;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align: center;
}

.DLEPush-notification .DLEPush-icon svg {
	scale: .8;
}

.DLEPush-notification .DLEPush-header {
	font-weight: 500;
	grid-column: 2;
	grid-row: 1;
	font-size: 1rem;
	margin-left: 1rem;
	margin-top: .5rem;
}
.DLEPush-notification .DLEPush-header:empty {
	margin-top: 0;
}

.DLEPush-notification .DLEPush-message {
	grid-column: 2;
	grid-row: 2;
	font-size: .875rem;
	margin: 1rem;
}

.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
	list-style-type: none;
	padding-left: 0;
}

.DLEPush-notification .DLEPush-close {
	position: absolute;
	top: 8px;
	right: 10px;
	font-weight: 300;
	background: none;
	border: 0;
	font-size: 1.15rem;
	cursor: pointer;
	line-height: 1;
	padding: 0;
	color: inherit;
	outline: 0;
	opacity: 0.75;
}

@media only screen and (min-width: 601px) {
	.DLEPush-notification.wrapper {
		min-width: 400px;
	}
}

.DLEPush-notification .DLEPush-close:hover {
	opacity: 1;
}

.DLEPush-notification.wrapper.push-success {
	background-color: #e0f2f1;
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
	background-color: #00897b;
}

.DLEPush-notification.wrapper.push-warning {
	background-color: #FFF3E0;
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
	background-color: #FF9800;
}

.DLEPush-notification.wrapper.push-error {
	background-color: #FBE9E7;
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
	background-color: #FF5722;
}

input[type="text"].comments_author_field {
	width: 100%;
	margin-bottom: 10px;
}


/* Login */
.login__title {
    font-family: var(--font-inter);
}

.login__about {
    font-size: 14px;
    color: #8d8d8d;
    padding: 0 15px;
}

.login__footer {
    font-size: 13px;
    color: #8d8d8d;
    padding: 0 20px;
}

.login__footer a {
    color: rgba(var(--color-black), .7);
    text-decoration: underline;
    transition: var(--transition);
}

.login__footer a:hover {
    color: rgba(var(--color-black), 1);
}

.pm__notify {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: red;
    display: block;
    position: absolute;
    top: -1px;
    right: -3px;
    border: 2px solid var(--color-light);
}

.pm__0 {
    display: none;
}

.btn_modal_close {
    background: transparent;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    color: #b5b5b5;
    margin: 20px;
    transition: var(--transition);
}

.btn_modal_close:hover,
.btn_modal_back:hover {
    background: #f5f5f5;
}

.icon__login {
    position: absolute;
    left: 15px;
    top: 15px;
}

.login__fogoutpass {
    padding: 15px 20px;
    text-align: center;
    border-top: 1px solid #eee;
}

.btn_modal_back {
    background: transparent;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    color: #b5b5b5;
    margin: 20px;
    transition: var(--transition);
}

.view__password {
    position: absolute;
    right: 20px;
    display: block;
    top: 17px;
    width: 20px;
    height: 20px;
    background: transparent;
    border: none;
    outline: none;
    opacity: .3;
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg fill='none' stroke='currentColor' width='20' height='20' stroke-width='1.5' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z'%3e%3c/path%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z'%3e%3c/path%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center center;
    transition: var(--transition);
}

.view__password:hover {
    opacity: .6;
}

.view__password.hide__password {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='none' stroke='currentColor' stroke-width='1.5' width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88'%3e%3c/path%3e%3c/svg%3e");
    opacity: .6;
}
.addpost__options {
    align-items: center;
}
@media screen and (max-width: 675px) {
    .addpost__options {
         flex-direction: column-reverse;
         align-items: start;
    }
}
.addpost__btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--color-white));
    background-color: rgb(var(--color-black));
    border: none;
    outline: none;
    padding: 0;
    will-change: transform;
    transition: var(--transition);
}

.addpost__btn:hover {
    opacity: .8;
}

.addpost__btn:active {
    transform: scale(0.95);
}

.full__display {
    background: transparent;
    border: none;
    outline: none;
    position: fixed;
    right: 10px;
    top: 10px;
    opacity: .5;

    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg fill='none' stroke='currentColor' width='20' height='20' stroke-width='1.5' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15'%3e%3c/path%3e%3c/svg%3e");
}

.not__full {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='none' stroke='currentColor' width='20' height='20' stroke-width='1.5' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M9 9V4.5M9 9H4.5M9 9L3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5l5.25 5.25'%3e%3c/path%3e%3c/svg%3e");
}

.addpost__close {
    position: fixed;
    left: 10px;
    top: 10px;
    color: rgba(var(--color-black), .5);
    transition: var(--transition);
}

.addpost__close:hover {

    color: rgba(var(--color-black), 1);

}

.options__addpost {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--color-light);
    border-radius: 50%;
    z-index: 200;
}


.tox-tinymce,
#short_story {
    height: 100% !important;
}

.addpost__author {
    display: flex;
    gap: var(--spacer);
    align-items: center;
}

.addpost__author img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    object-fit: cover;
}

.addpost__author .name {
    font-weight: 500;
    font-size: 15px;
    color: rgb(var(--color-black));
}

/* Tagger */
.category {
    display: none;
}

#category {
    width: 200px;
}

.flex {
    display: flex;
    align-items: center;
}

.flex img {
    max-width: 30px;
}


/* Стиль для прелоадера */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-light);
    z-index: 9999;
}

/* Стиль для анимации прелоадера */
.preloader-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 3px solid #eee;
    border-top-color: var(--color-primary);
    animation: spin 1s linear infinite;
}

/* Ключевые кадры для анимации прелоадера */
@keyframes spin {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.addpost__rules {
    position: fixed;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #eee;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    outline: none;
    border: none;
}

/* Video */
.video__container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: var(--spacer-20);
}


.addvideo {
    padding-top: 50px;
    max-width: 900px;
    margin: 0 auto;
}

.addvideo h1 {
    font-size: 30px;
    font-weight: 600;
    font-family: var(--font-inter);
}

#upload_button_video:disabled,
#upload_button_video[disabled] {
    display: none !important;
}

.addvideo__btn #upload_button_video,
.addvideo__btn #upload_button_cover {
    background-color: #f7f7f7;
    padding: 30px 0px;
    font-size: 14px;
    margin-bottom: 15px;
}

.addvideo__btn .qq-uploader .file-preview-card {
    width: 100%;
}

.addvideo #short_story {
    height: 150px !important;
}

.addpost__setting {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 1rem 0.75rem;
}

.custom__video {
    height: 315px;
}

.custom__video .cover {
    display: block;
    width: 100%;
    height: 190px;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}

.custom__video .cover img {
    width: 100%;
    height: 100%;
    transition: var(--transition);
    will-change: transform;
}

.custom__video .cover:hover img {
    transform: scale(1.03);
}

.custom__video .title {
    display: flex;
    color: rgb(var(--color-black));
    font-weight: 500;
}


.custom__video .author a {
    display: block;
    color: #696969;
    font-size: 14px;
    margin-top: 3px;

}

.short__video .counts {
    color: #696969;
    font-size: 14px;
    margin-top: 3px;
}

.custom__video .cenz__video,
.short__video .cenz__video {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 10px;
    background-color: rgb(var(--color-black), .8);
    font-size: 11px;
    color: rgb(var(--color-white));
    padding: 2px 5px;
    display: block;
    z-index: 1;
    border-radius: 5px;
}

.short__video .cover {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.short__video .cover img {
    width: 100%;
    height: 100%;
    transition: var(--transition);
}

.short__video .cover:hover img {
    transform: scale(1.03);
}

.short__video .title {
    color: rgb(var(--color-black));
    font-weight: 500;
    font-size: 16px;
    transition: var(--transition);
}

.short__video .title:hover {
    opacity: .7;
}


.short__video .author a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #5a5a5a;
    font-size: 13px;
    margin: 3px 0;
    width: max-content;
}

.short__video .about {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.short__video-none {
position: relative;
background: rgba(19, 19, 20, 0.04);
border-radius: 10px;
width: 100%;
height: 200px;
margin-bottom:10px;
}
.short__video-none::before {
     content: '';
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23000000' width='35px' height='35px' viewBox='0 0 32 32' id='icon' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'/%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3e%3cg id='SVGRepo_iconCarrier'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:none;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eno-image%3c/title%3e%3cpath d='M30,3.4141,28.5859,2,2,28.5859,3.4141,30l2-2H26a2.0027,2.0027,0,0,0,2-2V5.4141ZM26,26H7.4141l7.7929-7.793,2.3788,2.3787a2,2,0,0,0,2.8284,0L22,19l4,3.9973Zm0-5.8318-2.5858-2.5859a2,2,0,0,0-2.8284,0L19,19.1682l-2.377-2.3771L26,7.4141Z'/%3e%3cpath d='M6,22V19l5-4.9966,1.3733,1.3733,1.4159-1.416-1.375-1.375a2,2,0,0,0-2.8284,0L6,16.1716V6H22V4H6A2.002,2.002,0,0,0,4,6V22Z'/%3e%3crect id='_Transparent_Rectangle_' data-name='<Transparent Rectangle>' class='cls-1' width='32' height='32'/%3e%3c/g%3e%3c/svg%3e");
        height: 35px;
        position: absolute;
        background-position: center;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-repeat: no-repeat;
        opacity: .2;
    
}

.full__video .author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.full__video .author img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    object-fit: cover;
}

.full__video .title {
    font-size: 20px;
    font-weight: 500;
    font-family: var(--font-roboto);
}

.full__video .name {
    display: block;
    color: rgb(var(--color-black));
    font-weight: 500;
}

.full__video .posts {
    color: rgb(var(--color-black), .8);
    font-size: 12px;
    display: block;
}

.video__about {
    background-color: var(--color-light);
    border-radius: 15px;
}

.video__about .counts {
    font-weight: 600;
    font-size: 14px;
}

.video__about .date {
    text-transform: lowercase;
}

.video__text {
    height: 40px;
    overflow: hidden;
}

.video__text__more {
    padding: 0;
    background-color: transparent;
    outline: none;
    border: none;
    margin-top: 10px;
    color: #959595;
    font-size: 13px;
    display: none
}

.video__rec {
    display: flex;
    gap: 10px;
    padding: 10px;
    border-radius: 10px;
    transition: var(--transition);
    color: rgb(var(--color-black));
}

.video__rec:hover {
    background-color: rgb(var(--color-black), .03);
}

.video__rec .cover {
    width: 100px;
    height: 60px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-shrink: 0;
}

.video__rec .cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video__rec .title {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
}

.video__rec .views {
    color: #8b8b8b;
    font-size: 13px;
}
.video__rec-none {
    position: relative;
    height: 60px;
    width: 100%;
    max-width: 100px;
    border-radius: 10px;
    flex-shrink: 0;
    background: rgba(19, 19, 20, 0.04);
}
.video__rec-none::before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23000000' width='25px' height='25px' viewBox='0 0 32 32' id='icon' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'/%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3e%3cg id='SVGRepo_iconCarrier'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:none;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eno-image%3c/title%3e%3cpath d='M30,3.4141,28.5859,2,2,28.5859,3.4141,30l2-2H26a2.0027,2.0027,0,0,0,2-2V5.4141ZM26,26H7.4141l7.7929-7.793,2.3788,2.3787a2,2,0,0,0,2.8284,0L22,19l4,3.9973Zm0-5.8318-2.5858-2.5859a2,2,0,0,0-2.8284,0L19,19.1682l-2.377-2.3771L26,7.4141Z'/%3e%3cpath d='M6,22V19l5-4.9966,1.3733,1.3733,1.4159-1.416-1.375-1.375a2,2,0,0,0-2.8284,0L6,16.1716V6H22V4H6A2.002,2.002,0,0,0,4,6V22Z'/%3e%3crect id='_Transparent_Rectangle_' data-name='<Transparent Rectangle>' class='cls-1' width='32' height='32'/%3e%3c/g%3e%3c/svg%3e");
    height: 25px;
    position: absolute;
    background-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    opacity: .2;
}

/* Lostpassword */
.lostpassword {
    margin: 50px auto;
    max-width: 500px;
}

.lostpassword .text,
.registration .text {
    text-align: center;
}

.lostpassword .text a,
.registration .text a {
    color: rgba(var(--color-black), .7);
    text-decoration: underline;
    transition: var(--transition);
}

.lostpassword .text a:hover,
.registration .text a:hover {
    color: rgba(var(--color-black), 1);
}

/* Registration */
.registration {
    margin: 50px auto;
    max-width: 500px;
}

.btn__loginscan {
    position: absolute;
    right: 15px;
    top: 14px;
    background: transparent;
    border: none;
    outline: none;
    opacity: .3;
    transition: var(--transition);
}

.btn__loginscan:hover {
    opacity: .7;
}

#result-registration {
    list-style: none;
    padding-left: 0;

}

.validation {
    display: flex;
    gap: var(--spacer);
}

.avatar input {
    visibility: hidden;
    display: none;
}

.avatar label {
    width: 115px;
    height: 115px;
    border-radius: 14px;
    background: #f7f7f7;
    display: flex;
    flex-shrink: 0;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.08);
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.avatar label::before {
    content: '';
    width: 48px;
    height: 48px;
    position: absolute;
    top: 20px;
    left: 34px;
    opacity: .4;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M24 38V24M19.664 28l4.334-4.334L28.332 28' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3cpath d='M32.003 38h5.12c3.856 0 7-3.144 7-7s-3.144-7-7-7h-.87v-2c0-6.62-5.38-12-12-12-5.954 0-10.89 4.356-11.826 10.046-4.754.242-8.544 4.14-8.544 8.954a9 9 0 0 0 9 9h3.12' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e");
    background-repeat: no-repeat;
    transition: var(--transition);
}

.avatar label:hover::before,
.avatar label:hover::after {
    opacity: .6;
}

.avatar label::after {
    content: 'Загрузить аватар';
    position: absolute;
    bottom: 20px;
    left: 13px;
    font-size: 11px;
    opacity: .4;
    transition: var(--transition);
}

/* Info */
.info__allert {
    height: max-content;
}

/* Widgets */
.cloudstag__page {
    display: flex;
    height: max-content;
}

.cloudstag__page h1::before {
    content: '#';
}

/* Static */
.static {
    margin: 50px auto;
    max-width: 700px;
    width: 100%;
}

.btn_static__edit {
    background-color: transparent;
    border: none;
    outline: none;
}

.static__views {
    color: rgba(var(--color-black), .5);
    font-size: 13px;
}


/* Modules */
.censored {
    z-index: 10;
    position: relative;
}

.censored_box::before {
    content: '';
    background-color: rgba(var(--color-white), .1);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
}

.censored_box {
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
}

.censored_box .info {
    display: block;
    color: rgb(var(--color-white));
    position: relative;
}

/* Catmenu */

.catmain {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: sticky;
    top: 100px;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}
.catmain::-webkit-scrollbar {
    width: 0;               
  }
.catmain .item {
    display: flex;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    transition: var(--transition);
 

}

.catmain .item:hover {
    opacity: .8;
}

.catmain .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.catmain .not-caticon,
.post .head .catpost.not-caticon,
.сommunity .cover.not-caticon,
.channels__item .cover.not-caticon {
    background: rgba(19, 19, 20, 0.04);
    position: relative;
}
.catselect__item .not-caticon {
    position: relative;
    border-radius:50%;
}
.catmain .not-caticon::before, .catselect__item .not-caticon::before,
.post .head .catpost.not-caticon::before,
.сommunity .cover.not-caticon::before,
.channels__item .cover.not-caticon::before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%23000000' width='20px' height='20px' viewBox='0 0 32 32' id='icon' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='SVGRepo_bgCarrier' stroke-width='0'/%3e%3cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3e%3cg id='SVGRepo_iconCarrier'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:none;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eno-image%3c/title%3e%3cpath d='M30,3.4141,28.5859,2,2,28.5859,3.4141,30l2-2H26a2.0027,2.0027,0,0,0,2-2V5.4141ZM26,26H7.4141l7.7929-7.793,2.3788,2.3787a2,2,0,0,0,2.8284,0L22,19l4,3.9973Zm0-5.8318-2.5858-2.5859a2,2,0,0,0-2.8284,0L19,19.1682l-2.377-2.3771L26,7.4141Z'/%3e%3cpath d='M6,22V19l5-4.9966,1.3733,1.3733,1.4159-1.416-1.375-1.375a2,2,0,0,0-2.8284,0L6,16.1716V6H22V4H6A2.002,2.002,0,0,0,4,6V22Z'/%3e%3crect id='_Transparent_Rectangle_' data-name='<Transparent Rectangle>' class='cls-1' width='32' height='32'/%3e%3c/g%3e%3c/svg%3e");
    height: 20px;
    position: absolute;
    background-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    opacity: .2;
}

/* Error */
.error {
    display: flex;
    gap: var(--spacer-20);
    align-items: center;
    padding: 20px 0;
}

.error .title {
    font-size: 22px;
    font-weight: 600;
}

.error p {
    margin-bottom: 0;
    margin-top: 5px;
}

/* Userinfo */
.user__badge {
    outline: none;
    display: flex;
}

.user__feedlist {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-20);
}

.user .avatar {
    width: 120px;
    height: 120px;
    border-radius: 14px;
    overflow: hidden;
    background: rgb(var(--color-white));
    padding: 5px;
}

.user .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
}

.user .login {
    font-size: 26px;
    font-weight: 600;
    display: flex;
    gap: 5px;
    align-items: center;
}

.main__user {
    display: flex;
    justify-content: space-between;
    gap: var(--spacer-20);
}

.user .status {
    position: relative;
}

.btn_status {
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
}

.dropdown-status {
    width: 400px;

}

.status__sumbol {
    font-size: 13px;
    color: rgba(var(--color-black), .4);
    font-weight: 600;
}

.aside__title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    display: flex;
}

.btn__setting svg {
    color: #bfbfbf;
}


.user__city {
    display: flex;
    gap: 10px;
    align-items: center;
    position: relative;
}

.user__city span:first-letter {
    text-transform: uppercase
}

.setting__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.setting__header h2 {
    font-size: 25px;
    font-weight: 600;
}

.nav-link-v {
    border: none;
    outline: none;
    background: transparent;
    width: 100%;
    padding: 8px 10px;
    font-size: 17px;
    border-radius: 10px;
    text-align: left;
    transition: var(--transition);
    display: flex;
    align-items: center;
    gap: 10px;
}

.nav-link-v.active {
    background: #f5f5f5;
}

.nav-link-v:hover {
    background: #f5f5f5;
}

.text-small {
    font-size: 13px;
}

#avatar {
    background-color: antiquewhite;
    height: 110px;
    width: 110px;
    border-radius: 14px;
    transition: background ease-out 200ms;
    background-repeat: no-repeat;
    background-size: cover;
}

#preview {
    position: relative;
}

#avatar input[type="file"] {
    display: none;
}

.button__avatar {
    text-align: left;
    border: none;
    cursor: pointer;
    background-color: transparent;

    transition: background-color ease-out 120ms;
}

.button__avatar h4 {
    font-size: 20px;
    font-size: 18px;
    font-weight: 600;
}

.button__avatar p {
    font-size: 14px;
    color: #878787;
}

.button__avatar span {
    font-size: 14px;
    color: #878787;
}

#preview {
    display: flex;
    gap: var(--spacer);
}

.count__about {
    color: #9f9f9f;
    font-size: 14px;
}

.rate_count {
    font-size: 20px;
    font-weight: 600;
    font-family: var(--font-inter);
    display: flex;
    align-items: center;
    gap: 5px;
}

.rate p {
    font-size: 11px;
    font-weight: 400;
    color: #7b7b85;
    margin-bottom: 0;
}

.rate .item {
    background-color: rgba(24, 24, 26, .04);
    padding: 5px 10px;
    border-radius: 10px;
}

.social {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.social a {
    padding: 8px 12px;
    background-color: rgba(24, 24, 26, .04);
    color: rgb(var(--color-black));
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    gap: 6px;
    align-items: center;
    font-family: var(--font-inter);
    transition: var(--transition);
    will-change: transform;
}

.social a:hover {
    background-color: rgba(24, 24, 26, .06);
}

.social a:active {
    transform: scale(.98);
}

.avatar__box input[type=file] {
    display: none;
}

.btn-pm a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:10px;
    background: #0593ff;
    transition: var(--transition);
    padding: 0.375rem 0.95rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #fff;
    border-radius: 13px;
    height: 40px;
    font-family: var(--font-inter);

}
.btn-pm a::before {
    content:'';
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg fill='none' stroke='%23fff' width='20' height='20' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5'%3e%3c/path%3e%3c/svg%3e");
    width: 20px;
    height: 20px;
    background-repeat:no-repeat;
}
.btn-pm a:hover {
    background: #33a7ff;
}

.btn-pm a:active {
    transform: scale(.98);
}

.user__option {
    position: absolute;
    right: 20px;
    top: 10px;
}

.btn__option {
    background: transparent;
    border: none;
    outline: 0;
    padding: 10px;
    opacity: .5;
    transition: var(--transition);
}

.btn__option:hover {
    opacity: .8;
}

.user__city {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.475rem 0.95rem;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.5;
}


.user__city__select select {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.475rem 0.95rem;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: #f7f7f7;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 14px;
    transition: all 0.15s ease-in-out;
    outline: none;
    height: 40px;
}

.user__city__select select:focus {
    color: rgb(var(--color-black));
    background-color: rgb(var(--color-white));
    border-color: #0593ff;
    outline: 0;
    box-shadow: 0 0 0 4px rgba(7, 155, 249, 0.08);
}

.user__delete a {
    border: none;
    outline: none;
    background: transparent;
    width: 100%;
    padding: 8px 10px;
    font-size: 17px;
    border-radius: 10px;
    text-align: left;
    transition: var(--transition);
    display: flex;
    align-items: center;
    gap: 10px;
    color: red;
}

.user__delete a:hover {
    background: #f5f5f5;
}


.user__addpost .ava {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
}

.user__addpost .link {
    color: rgb(var(--color-black), .7);
    width: 100%;
}

.post__types a {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 30px;
    padding: 0 15px;
    background-color: var(--color-light);
    border-radius: 15px;
    color: #595959;
    font-size: 14px;
    transition: var(--transition);
    will-change: transform;
}

.post__types a:hover {
    background-color: #ebebeb;
}

.post__types a:active {
    transform: scale(0.98);
}


/* Addpost */
.addpost {
    margin: 0 auto;
    max-width: 1100px;
    margin-top: 60px;
}

.addpost__footer {
    position: fixed;
    bottom: 0;
    background-color: var(--color-light);
    width: 100%;
    display: flex;
    gap: var(--spacer);
    z-index: 1050;
}
.addnews__info {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.addnews__info ul {
    list-style: none;
    padding-left: 0;
}
.addnews__info__notbtn a {
    display: none;
}
.addpost__title__edit {
    border: none;
    outline: none;
    width: 100%;
    height: 50px;
    font-size: 30px;
    font-weight: 500;
    line-height: 37px;
}
.addpost__title {
    border: none;
    outline: none;
    width: 100%;
    height: 50px;
    font-size: 30px;
    font-weight: 500;
    resize: none;
    line-height: 37px;
}

.addpost__title::placeholder {
    color: #c5c5c5;
}


.addpost__editor .tox-editor-header,
.addpost__editor .tox-statusbar {
    display: none !important;
}

.addpost__editor .tox-tinymce {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;

}

.addpost__editor textarea {
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
}

.addpost__editor .tox-tinymce {
    font-size: 30px;
    height: 1000px !important;

}

.addpost__header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.addpost .btn__category {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 15px;
    font-weight: 500;
}

.dropdown-category {
    width: 250px;
    height: 300px;
}

.dropdown-category select {
    height: 100%;
}

.dropdown-setting {
    width: 270px;
}

.dropdown-setting .checkbox {
    margin-bottom: 6px;
}

.form__tags {
    background-color: transparent;
    width: 100%;
    border: none;
    outline: none;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.xfield_holder_location {
    display: none !important;
    height: 0px !important;
    visibility: hidden !important;
}

.map p,
.addpost__censored p {
    font-size: 13px;
    color: #757575;
}

.ui-helper-hidden-accessible div {
    display: none;
}

.addpost__map {
    height: 200px;
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
}

.coordinates input {
    border: none;
    outline: none;
    width: 100%;
    font-size: 11px;
    color: #999;
    padding-left: 10px;
    background: transparent;
}

.addpost__city select {
    width: 100%;
    border: none;
    outline: none;
    padding: 0;
    margin-left: -5px;
    color: #757575;
    cursor: pointer;
    background: transparent;
}

.ui-menu {
    display: none !important;
}

.addpost__gallery .file-preview-card {
    margin-bottom: 15px;
}

.addpost__cover .qq-uploader {
    border: 1px dashed rgba(0, 0, 0, .2);
    border-radius: 10px;
    overflow: hidden;
}

.addpost__cover .qq-uploader div,
.addpost__cover .qq-uploader input {
    cursor: pointer !important;
}


.addpost__cover .file-footer-caption {
    display: none;
}

.addpost__cover .qq-uploader .file-preview-card {
    width: 100%;
}

.addpost__cover .file-preview-card,
.folder-preview-card {
    box-shadow: none;
}

.file-preview-card .file-content .file-preview-image,
.folder-preview-card .file-content .file-preview-image {
    width: 100% !important;
    height: 180px;
    object-fit: cover !important;
}


.upload_button_cover {
    color: red;
    cursor: pointer;
}

.catselect__item {
    display: flex;
    gap: 10px;
}

.catselect__item img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    display: flex;
    flex-shrink: 0;
}

.catselect__item__info span {
    font-size: 15px;
    font-weight: 600;
}

.catselect__item__info p {
    font-size: 13px;
    color: #5f5f5f;
    margin-bottom: 0;
}

/* Top user */
.top__author .author a {
    color:rgb(var(--color-black));
    font-weight: 500;
    font-size: 17px;
}
.top__author .count {
    font-size: 14px;
    color:#8d8d8d;
}
.toplist a {
    padding: 7px 15px 7px 42px;
    border-radius:10px;
    transition: var(--transition);
    display: flex;
    gap:10px;
    align-items:center;
}
.toplist .counts {
    margin-left: auto;
    color: #7f7f7f;
    font-size: 14px;
}
.toplist .el {
    opacity: 0;
    visibility: hidden;
    padding:0;
}
.toplist a:hover {
    background-color: rgb(var(--color-black), .03);
}
.toplist .author {
    color:rgb(var(--color-black));
    font-size: 15px;
    font-weight: 500;
    
}
.topuser__list {
    list-style-type: none; 
	counter-reset: num;
    margin: 0;
	padding: 0;
}

.topuser__list li {
    position: relative;	
	margin: 0;
	padding: 0;
}

.topuser__list li:before {
    content: counter(num);
    counter-increment: num;
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 5px;
    width: 20px;
    color: #9f9f9f;
    text-align: right;
    font-size: 14px;
}
/* About */
.about__top {
    margin:50px auto 20px;
    max-width: 750px;
}
.about__top h1 {
    font-size: 50px;
}
.about__top .decor::before {
    content:'';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 109 138' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect width='109' height='138' fill='url(%23pattern0)'/%3e%3cdefs%3e%3cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3e%3cuse xlink:href='%23image0_18_2' transform='scale(0.00917431 0.00724638)'/%3e%3c/pattern%3e%3cimage id='image0_18_2' width='109' height='138' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG0AAACKCAYAAACgucRsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAIPklEQVR4nO2d3ZXbNhCF7+b4PXAFZCqwOjBdQdYVhK7ATAVmKohSwToVrF2BlAokVyC6gqUrYB4gWlotf2YADEGQ+M7BWVuCgCGvBhgOAequaRpEwuIX3wZE+ETRAiSKFiBRtBBpmqazAEgAPAA4ANj6tHHNdGozINoJQHNVth5tXy1c0ZqOkvkzf51wRXvCS9EOHu1fJV3aDAUi+47XNgAKCeMidIZE+9bz+icAyr0pESpDoh17XleI3uaXgTlNoTsYaaDnO+XH4nXBDUSAl2F/vASYGBPRHtEvWoPobeJwo0cA+G/k/cKRbREOI552j2FPi3ObMCaeNnYxrRC9bXpGPA3ozozceltECBNPA/qv11oUYk5yUiii9WVGrvlka0iEDkW0ilAnQwxIJoMi2p7YVmFuRoQFIRBRGA5E2nKa1PCVYJIRaRmLIONNUiFMo0eANq8BUbRJoIp2JNb7w9COCAOqaJSwHwBS6FVcEUGootWMNt8b2BFh4Hp4BIDfDeyIcCBGjwq06DFm/h1jEz3WoA+RCnrVVkQIzlr+ilE345kR4SAl2lumHREGHNG+M+pumHZEGEh5mkK8XhODI1rNbPsds36EiJSnAXGIFIMjGvfWSxwehXjFqPuD2faGWd8FCvpmbALgK4AvHmyQh5gR+VmdWZSw+bfcLmPPJu7fOTYZkZaKWT9l1rch7+hvkbeKpJ9usBFu/5pFCtSFtKcpZn1TMixgKKTCFa1m1k+Z9U1ZjZcB8qL9yqxvQgI9n60G6TktFW4fAMoJ+pgVXNE4SWNAXrQEejtWH9xryyAI/dlY7zAc7NTTmDEtoQ+PYxs/auH+vSAd8kuSY/xLUYlb4YEphkcl1C5le1Ut1LdXphBNIuzPQBt6F7kpJNRAhLqJkRvtBkGIoiWgpayOsmb4I0TRSmK9WtAGr4QmGidlRd00EhyhiVYy6u6FbPBOSKKNpaxuqWTM8M8UormK4D6Afs1XIwYis4Bzz+woZcQckBatdtRODl4e86ujfmdJKKJxnwh0dNTvLOGKppj1K2b9LnLwvKzGgiNHQF40F3C9bC9hxJyQHh4ry8/n4N+TW/R8Bsh7mm24b7LKamfZ5+zhisa9zVIx61+Tgb+WcY+FZvavmXMg8tHgM/9a9BcOzA0YO0yzASNh9tOWxW2vcrEBg0MN8+u00uAze6xgaATA9rTbrURDxTQgMPWy3LC/WePC0xSjbs1su6U0+EyNpW4g7EJwU2FhYI6plz0Y9BUENk9WBfgnNDOw8YHZx2IDkBZb0TaQjRxNvcx07gwC2zlNMeoewZ/TSmb9lnVcm13D8LQccnOMqZedmP0Eh62npYy6Yz/hdcufzPotfxl+LmwYnraFTGCQgHf9txovA+w97Q2xXgVeZuIDzLZErdPLAJanHeB+PoteNsJUcxrnJmT0MhMEHjxNJXoZARtPS4n1vjDsec9o9xrTSHM5ED3tHjQvyBldm3gZ9/oveGzSWAVoJ1URbcmJ7dlcSiwCG9G2GD+hjwxbTLysNDjm4LERbYfxk3pPtCMntLXq4OMaG9HGPINzUk28bHXDYoupaAruAoSc0FYcFq8wFW0Dd57A9bLVDostptdp6cj7e9ByjTmhrVsyZv11QPC0EsPekBG74npZYXNcS8F0eHyE/fCVD7RhM0cuHlPRDug/uTmxb46XnRB/NO8nXdrc9dyGwd3d3c/P9bRXAfiN0G8OuudU0MOt5EphBT23bvD8h2fT83vqpn6Ny3qXCtq26lyOEH7ITKc+I56Wwc7LEvC8LDM6sn7Uuc0CepjnzquU8gSdfCgF7DcaHvMeQ6lzWdnz+a5SOjhGQJ+4EvzNIi7LDvrctV5sjIlo2x6jckJ/HC8rLY8tO7ch4UmuBDTCRLSub+uO2F9JPKit4fEo6GHPp0dxygl6bmd5n4loXd9cSqdUL3vgHMAZBf2FeCK0P9dCFs9EtOKms5LSEWhexhVMIXyxbkuJEfFMr9Ny6BOcj55WTYJxL+MIprA8sa7LCQPn1lQ0LuWIkRzBCixXrK7zktyegClES0YMKxnt7JgHvYRyws3Pl00hWjlgUEFso8B6vKuvlO3JmEK0bYcBT6BlChKs07sGhTPNPXLYQJ94df7/EXrtyFguMYNOM6nhas6pcXmgZ42LndXN+12k578Klx9jT3HJbSoH9v3TNE1x+6Jr0QBt/Afog/2M8YRqAeBv086IVNDCfD//PZ5fqwX7VNBf4vbvW2gxU0YbddM0r1+8KhA9ctjC/bDyhEsC9x7zu82jQM+PnqYK+ak8jBjMFalAuL9in6FbxPu5iKY6jOOWA7SXZpKGekJBH5cCuvXxIdoBZkK13qQkjZsbcxBtiygUC9+iKUSh2PgWDejPdBygJ2Il1XGozEG0As+jvi2WGUw4Y4qMCIUEwGvIX9wugi59fIhmisLLZyj/wMKF79LnlQc7xthAD5lvcEkDpSOfqXHJH36D3l/Q/n95eE5jtWTQGZK+QMXmIvwBAc+bcwhErlGYdhnBEwIUcC6iKfhf83FCIM88noNoGea1oHT24vkWrYR/kYbE20gctC0+RcvgXxhK2WJmWZkubab6ecl0on5s+QgdcSa+DRlkIk9TCGuF1RNmEmX6ntMS6MU7O4QjYC5xIjjMJffYonBZ6NKWN7gshJkL7+Dx1w9Dyz0m0NuDN7hss03hbnkalc/Qq8u8EEruseX7uew73lN4vjxN4eKlKdyK+sNhW06Ys6fZoPB84Wj77wSXxaXta0NUkN+4P0how+OUtCH+9dMaaszgnh9LtMh8meriOuKQKFqA/A9dIdTWbApEqAAAAABJRU5ErkJggg=='/%3e%3c/defs%3e%3c/svg%3e ");
   background-repeat:no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    top:-10px;
    right:-40px;
}
.btn__about {
    margin-bottom:-30px;
position: relative;
}
.btn__about::before {
    content: '';
    border-radius: 0 0 32px 32px;
    width: 205px;
    height: 50px;
    background-color: var(--color-light);
    position: absolute;
    bottom: -8px;
    left: -10px;
}
.about__counts {
    display:grid;
    grid-template-columns: repeat(4,1fr);
    text-align: center;
}
.about__counts .number {
    font-size: 35px;
    font-weight: 600;
    display: block;
    line-height: 36px;
}
.about__news .cover {
    width: 100%;
    height: 200px;
overflow: hidden;
border-radius:10px;
}
.about__news .cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
   
    transition: var(--transition);
    will-change: transform;
}
.about__news .cover:hover img {
transform: scale(1.03);
}
.about__news .title {
    font-size: 20px;
    font-weight: 500;
    color:rgb(var(--color-black));
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.about__news .date {
    font-size: 13px;
    color:rgb(var(--color-black));
}
/* PM */
.pm__nav {
    display: flex;
    gap:10px;
}
.pm__nav a, .pm .bbcodes, #pmlist_doaction {
    display: flex;
    align-items:center;
    justify-content: center;
    height: 40px;
    border-radius:13px;
    color:#212529;
    padding:0 15px;
   font-size: 0.9rem;
   font-weight: 600;
   line-height: 1.5;
   transition: all .2s ease-in-out;
   will-change: transform;
   background-color:transparent;
   border:1px solid #d8d8da;
}
.pm__nav a:hover, .pm .bbcodes:hover {
border-color:#b1b0b5;
}
.pm__nav a:active, .pm .bbcodes:active {
    transform: scale(0.98);
}
.pm_status {
    background-color:#f5f5f5;
    border-radius:10px;
    position: relative;
    display: flex;
    align-items:center;
    justify-content: space-between;
    height: 25px;
    padding:0 20px;
    font-size: 13px;
}
.pm_progress_bar span {
    position: absolute;
    left:0px;
    top:0;
    height: 100%;
    background-color:var(--color-primary);
    border-radius:10px;
    color:rgb(var(--color-white));
    display: flex;
    justify-content: center;
    padding:3px 20px;
    max-width: 70%;
}
.pm tr {
 
 height: 35px;
}
.pm .pm_head {
    font-weight: 600;
}

.pm .bbcodes {
 width: 100%;
   margin-top:-15px;
    max-width: 260px;
}
#pmlist_doaction {
width: 100%;
max-width: 260px;

}
.message {
    display: block;
    margin-bottom: 15px;
}
.message .head {
    display: flex;
    align-items:center;
    gap:10px;
}
.message .head .info {
    display: flex;
    flex-direction: column;
    gap:1px;
}
.message .head .author a {
    color:rgb(var(--color-black));
    font-weight: 500;
    display: flex;
    transition: var(--transition);
}
.message .head .date {
    color: #595959;
    font-size: 13px;
    display: flex;
}
.message .title {
    font-size: 18px;
    font-weight: 600;
}
.message .options a {
color:rgb(var(--color-black), .6);
font-size: 13px;
}
.message .options a:hover {
    color:rgb(var(--color-black), 1);
}

/* Channels */
.channels h1 {
    font-size: 30px;
    font-weight: 600;
}

.channels__item {
    transition: var(--transition);
    border: 1px solid transparent;

}

.channels__item:hover {
    border-color: #ddd;
}

.channels__item .cover {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.channels__item .cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.channels__item .title {
    font-size: 18px;
    font-weight: 500;
}

.channels__item p {
    margin-bottom: 0;
}


/* Mobile menu */

.mobile__menu {
    position: fixed;
    width: 100%;
    left: 0px;
    right: 0px;
    bottom: 15px;
    padding: 0 12px;
    z-index: 1000;
}

.mobile__menu__container {
    display: flex;
    gap: 20px;
    align-items: center;
    height: 60px;
}

.mobile__menu__container .links {
    background-color: rgb(var(--color-white));
    border-radius: 30px;
    width: 100%;
    -webkit-box-shadow: -1px 4px 39px 9px rgba(34, 60, 80, 0.14);
    -moz-box-shadow: -1px 4px 39px 9px rgba(34, 60, 80, 0.14);
    box-shadow: -1px 4px 39px 9px rgba(34, 60, 80, 0.14);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 45px;
    height: 60px;
}

.mobile__menu__container .links a {
    color: #797979;
    position: relative;
}

.mobile__menu__container .links .active::before {
    content: '';
    background-color: var(--color-primary);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    bottom: -10px;
    left: 10px;
}

.mobile__menu__container .links .active {
    color: rgb(var(--color-black));
}

.btn__addpost__mobile {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--color-primary);
    border: none;
    outline: none;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    color: rgb(var(--color-white));
    -webkit-box-shadow: -1px 4px 39px 9px rgba(34, 60, 80, 0.14);
    -moz-box-shadow: -1px 4px 39px 9px rgba(34, 60, 80, 0.14);
    box-shadow: -1px 4px 39px 9px rgba(34, 60, 80, 0.14);
}

.notify__allert::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: -4px;
    right: -10px;
    background-color: red;
}

/* Engine */

.twofactorselect,
.timezoneselect {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 1rem;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.5;
    height: 40px;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f7f7f7;
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid rgba(0, 0, 0, 0.08);
    border-radius: 14px;
    transition: all .2s ease-in-out;
}

.twofactorselect:hover,
.timezoneselect:hover {
    border-color: rgba(0, 0, 0, 0.1);
}

.twofactorselect:focus,
.timezoneselect:focus {
    color: #212529;
    background-color: #fff;
    border-color: #0593ff;
    outline: 0;
    box-shadow: 0 0 0 4px rgba(7, 155, 249, 0.08);
}

.engine__checkbox {
    display: flex;
    gap: 7px;
}

.engine__checkbox input,
.addpost__checkbox input {
    --bs-form-check-bg: #f7f7f7;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-top: 0.25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid rgba(0, 0, 0, 0.08);   
    float: left;
    border-radius: 0.39em;
    cursor: pointer;
}

.addpost__checkbox input {
    margin-right: 10px;
}

.engine__checkbox label,
.addpost__checkbox label {
    font-size: 14px;
    cursor: pointer;
    padding-left: 6px;
    padding-top: 3px;
    color: #737373;
}


.engine__checkbox input:checked[type=checkbox],
.addpost__checkbox input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");

}

.engine__checkbox input:checked,
.addpost__checkbox input:checked[type=checkbox] {
    background-color: #0593ff;
    border-color: #0593ff;
}

#searchinput, .quick-edit-text {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.575rem 0.95rem;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f7f7f7;
    background-clip: padding-box;
    border: var(--bs-border-width) solid rgba(0, 0, 0, 0.08);
    border-radius: 14px;
    transition: all 0.15s ease-in-out;
    outline: none;
}

#searchinput:hover, .quick-edit-text:hover {
    border-color: rgba(0, 0, 0, 0.1);
}

#searchinput:focus, .quick-edit-text:focus {
    color: #000;
    background-color: #fff;
    border-color: #0593ff;
    outline: 0;
    box-shadow: 0 0 0 4px rgba(7, 155, 249, 0.08);
}
#dlecomplaint {
    height:100px !important;
    overflow: visible !important;
}
#dlepopup {
    height: 100% !important;
}
#dlecomplaint textarea{
    height:60px !important;
    margin-top:5px;
}
.textin, #dlecomplaint textarea, #dlepopup textarea {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.475rem 0.95rem;
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f7f7f7;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 14px;
    transition: all 0.15s ease-in-out;
    outline: none;
}

.textin:hover, #dlecomplaint textarea:hover, #dlepopup textarea:hover {
    border-color: rgba(0, 0, 0, 0.1);
}

.textin:focus, #dlecomplaint textarea:focus, #dlepopup textarea:focus {
    color: rgb(var(--color-black));
    background-color: rgb(var(--color-white));
    border-color: #0593ff;
    outline: 0;
    box-shadow: 0 0 0 4px rgba(7, 155, 249, 0.08);
}

.error .bbcodes {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0.375rem 0.95rem;
    font-family: var(--font-inter);
    font-size: 0.9rem;
    color: rgb(var(--color-white));
    font-weight: 600;
    line-height: 1.5;
    border-radius: 13px;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    transition: all .2s ease-in-out;
    will-change: transform;
}

.error .bbcodes:hover,
.error .bbcodes:focus {
    border-color: #33a7ff;
    background: #33a7ff;
    outline: 0;
}

.error .bbcodes:active {
    transform: scale(0.98);
}

/* Checkbox */
.checkbox-swich {
    display: inline-block;
    height: 24px;
    line-height: 28px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    font-size: 14px;
    user-select: none;
}

.checkbox-swich .checkbox-swich-span {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 55px;
    height: 28px;
    border-radius: 25%/50%;
    vertical-align: top;
    background: #dfdfdf;
    transition: .2s;
}

.checkbox-swich .checkbox-swich-span:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: white;
    transition: .15s;
}

.checkbox-swich input[type=checkbox] {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.checkbox-swich input[type=checkbox]:not(:disabled):active+.checkbox-swich-span:before {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
}

.checkbox-swich input[type=checkbox]:checked+.checkbox-swich-span {
    background: var(--color-primary);
}

.checkbox-swich input[type=checkbox]:checked+.checkbox-swich-span:before {
    transform: translateX(28px);
}

.checkbox-swich input[type="checkbox"]:not(:disabled)+.checkbox-swich-span {
    cursor: pointer;
    border-color: rgba(0, 0, 0, .2);
}

.checkbox-swich input[type=checkbox]:disabled+.checkbox-swich-span {
    filter: grayscale(70%);
    border-color: rgba(0, 0, 0, .1);
}

.checkbox-swich input[type=checkbox]:disabled+.checkbox-swich-span:before {
    background: #eee;
}

.checkbox-swich.focused .checkbox-swich-span:before {
    box-shadow: inset 0px 0px 4px #ff5623;
}

/* Stats */
.stats__container {
    width: 350px;
    margin: 0 auto;
}
.stats p {
    font-size: 13px;
    color: #8f8f8f;
}

.stats_tab {
    border: 1px solid #eee;
    border-radius: 7px;
    display: flex;
    align-items: center;
    height: 33px;
    overflow: hidden;
}

.stats_tab .nav_link {
    font-size: 14px;
    display: flex;
    align-items: center;
    border: none;
    outline: none;
    background-color: transparent;
    padding: 0 12px;
    height: 100%;
    color: #737373;
}

.stats_tab .nav_link:not(:first-child) {
    border-left: 1px solid #eee;
}

.stats_tab .nav_link.active {
    background-color: #f1f1f1;
    color: #000;
}
.stats__header .card {
    height: 130px;
}
.stats__header .item-1 {
    background-color: var(--color-primary);
    color: #fff;
    display: flex;
    justify-content: center;
}
.stats__header .count {
    font-size: 16px;
    font-weight: 500;
}

.stats__header .item-1 p {
    margin-bottom: 3px;
    font-size: 13px;
    color: rgba(var(--color-white), 0.8);
}
.stats__header .line__posts {
    width: 100%;
    height: 5px;
    border-radius: 10px;
    background-color: rgba(var(--color-white), 0.1);
    position: relative;
    overflow: hidden;
}
.stats__header .line__posts span {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 10px;
    background-color: rgb(var(--color-white));
}
.stats__header .item-2 {
    position: relative;
    display: flex;
    justify-content: center;
}
.stats__header .item-2::after {
    content: "";
    background-image: url("../img/stats__bg.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 109px;
    height: 70px;
    position: absolute;
    right: 20px;
    top: 30px;
}

.stats__header .item-2 p {
    font-size: 13px;
    color: rgb(var(--color-black), 0.7);
}

.stats__header .addiks {
    font-weight: 500;
    color: #00bd00;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.stats__header .addiks::before {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2300bd00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M18 15l-6-6-6 6'/%3e%3c/svg%3e");

    width: 16px;
    height: 16px;
}
.stats__header .item-3 {
    display: flex;
    justify-content: center;
}
.stats__header .item-3 .num__users {
    position: relative;
    color: var(--color-primary);
}
.stats__header .item-3 .num__users::after {
    content: "";
    background-color: #eee;
    width: 1px;
    height: 100%;
    position: absolute;
    right: -13px;
    top: 0;
}
/* Support */
.content__small {
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
}

.icon__support img {
    width: 80px;
    height: 80px;

}

.content__lg {
    margin: 0 auto;
    max-width: 800px;
    width: 100%;
}

.support__menu {
    display: flex;
    flex-direction: column;
}

.support__menu a {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    font-family: var(--font-inter);
    width: 100%;
    height: 48px;
    padding: 0 16px 0 45px;
    border-radius: 14px;
    color: rgb(var(--color-black));
    position: relative;
    will-change: transform;
    transition: var(--transition);
}

.support__menu a:hover {
    background-color: rgba(19, 19, 20, .04)
}

.support__menu a:active {
    transform: scale(0.98);
}

.support__menu a::before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: 10px;
    top: 12px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.428 3.93c-.103-.024-.222-.03-.754-.03H10.1c-.995 0-1.687 0-2.226.045-.528.043-.828.123-1.055.239A2.6 2.6 0 0 0 5.683 5.32c-.115.226-.196.527-.239 1.055C5.4 6.913 5.4 7.605 5.4 8.6v6.8c0 .995 0 1.687.044 2.226.043.528.124.828.239 1.055a2.6 2.6 0 0 0 1.136 1.136c.227.115.527.195 1.055.238.539.044 1.23.045 2.226.045h3.8c.995 0 1.687 0 2.225-.045.528-.043.829-.123 1.055-.238a2.6 2.6 0 0 0 1.136-1.136c.116-.227.196-.527.239-1.055.044-.539.045-1.23.045-2.226V9.826c0-.532-.006-.652-.03-.754a1.099 1.099 0 0 0-.133-.318c-.055-.09-.135-.178-.511-.555l-3.625-3.625c-.377-.376-.465-.457-.555-.512a1.1 1.1 0 0 0-.318-.131zm-.674-1.83c.41 0 .758 0 1.094.08.296.071.579.189.838.348.295.18.54.426.831.717l.056.056L19.2 6.927l.056.056c.29.29.537.535.717.83.16.26.276.543.348.839.08.336.08.683.08 1.094V15.44c0 .947 0 1.713-.051 2.333-.052.64-.163 1.203-.429 1.726a4.4 4.4 0 0 1-1.923 1.923c-.522.266-1.086.376-1.725.428-.62.051-1.386.051-2.334.051h-3.877c-.947 0-1.713 0-2.333-.05-.64-.053-1.204-.163-1.726-.43a4.4 4.4 0 0 1-1.923-1.922c-.266-.523-.376-1.086-.429-1.726-.05-.62-.05-1.386-.05-2.333V8.562c0-.948 0-1.713.05-2.334.053-.64.163-1.203.43-1.725A4.4 4.4 0 0 1 6.001 2.58c.522-.266 1.086-.377 1.726-.43.62-.05 1.386-.05 2.333-.05h2.693zM8.1 10.5a.9.9 0 0 1 .9-.9h6a.9.9 0 1 1 0 1.8H9a.9.9 0 0 1-.9-.9zm0 3.5a.9.9 0 0 1 .9-.9h6a.9.9 0 1 1 0 1.8H9a.9.9 0 0 1-.9-.9z' fill='%23A9A9B2'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
}

.support__item img {
    width: 50px;
    height: 50px;
    margin: 15px auto;

}

/* Sidebar mobile */
.sidebar__mobile__list::before {
    content: '';
    width: 70px;
    height: 4px;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    background-color: rgb(var(--color-black), .1);
    left: calc(50% - 35px);
}

@media screen and (max-width:600px) {
    .channels__item {
        border: 1px solid #eee;
        padding: 5px !important;

    }

    .channels__item .title {

        font-size: 14px;

    }

    .channels__item p {
        font-size: 13px;
        color: #939393;
    }

    .channels__item .cover {
        width: 40px;
        height: 40px;
    }
}


/* Animation */
@keyframes displayNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

/* Mobile */
@media screen and (max-width:992px) {

    .cat {
        display: none;
    }

    .main__container {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: "content content sidebar";
    }

    .video__container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: var(--spacer-20);
    }


}

@media screen and (max-width:768px) {
    .main__container {
        grid-template-columns: 1fr;
        grid-template-areas: "content";
        padding-top: 12px;
    }

    .sidebar,
    .header .tab {
        display: none;
    }

    .content {
        gap: 12px;
    }

    .wrapper {
        padding-top: 12px;
    }

    .header {
        height: 70px;
    }

    .post .head .category,
    .author__notcat a,
    .post .stats,
    .post .stats a,
    .post .head .date a {
        font-size: 13px;
    }

    .authorfoto__notcat {
        width: 30px;
        height: 30px;
    }

    .post .title, .fullpost .title {
        font-size: 18px;
        line-height: 23px;
    }

    .post .shortstory,
    .post .tags {
        font-size: 14px;
    }

    .card-body {
        padding: 12px;
    }

    .grid__container {
        grid-template-columns: 1fr;
        grid-template-areas:
            "wrapper"
            "content";
        gap: 12px;
    }

    .сommunity {
        padding: 12px 12px 0 !important;
    }

    .сommunity .cover {
        width: 70px;
        height: 70px;
        border-radius: 8px;
    }

    .сommunity .title {
        font-size: 22px;
    }

    .community__feed {
        gap: 12px;
    }

    .nav-link {
        padding: 0 0.5rem 0.5rem;
        font-size: 15px;
    }

    .сommunity .count {
        font-size: 14px;
    }

    .card {
        border-radius: 8px;
    }

    .user .avatar {
        width: 80px;
        height: 80px;
        margin: 40px auto 0;
    }

    .main__user {
        flex-direction: column;
        text-align: center;

    }

    .user .login {
        justify-content: center;
        font-size: 18px;
        margin-right: -23px;
    }

    .user__btnset,
    .nav-pills-user {
        justify-content: center;
    }

    .status__position {
        position: relative !important;
    }

    .user .login svg {
        width: 18px;
        height: 18px;
        margin-right: -10px;
    }

    #avatar {
        height: 60px;
        width: 79px;
    }

    .addpost__aside {
        z-index: 0;
        position: relative;
    }
}

@media screen and (max-width:576px) {
    .wrap-mobile {
    flex-wrap:wrap;
    }
    .post__author {
        flex-direction: column;
        align-items: flex-start;
    }

    .post__author .btn__author {
        margin-left: 0 !important;
        justify-content: center;
        width: 100%;
    }

    .post__author .btn__author a {
        width: 100%;
    }

    .content, .about {
        padding-bottom: 100px;
    }

    .btn__addpost {
        display: none;
    }

    .mobile__menu__container .links {
        padding: 0 27px;
    }


    .footer__fullpage {
        flex-direction: column;
    }

    .h1__title {
        font-size: 25px;
    }

    .author__notcat a {
        margin-bottom: -2px !important;
    }

    .addpost__aside {
        padding-bottom: 150px;
    }

    .fullpost .text iframe {
        height: 225px;
    }

    .video__container {
        grid-template-columns: 1fr;

    }

    .wrapper.video {
        padding-bottom: 100px;
    }

    .full__video .detalic {
        flex-direction: column;
        gap: var(--spacer);
    }

    .full__video .detalic a {
        width: 100%;
    }
    .about__top h1 {
        font-size: 28px;
    }
    .about__counts {
        grid-gap:var(--spacer-20);
        grid-template-columns: repeat(2,1fr);
    }
}

@media screen and (min-width:576px) {
    .mobile__menu {
        display: none;
    }
}




/* Dynamic feed */
.dynamic-feed {
    display: flex;
    flex-direction: column;
    gap:20px;
}
.loading {
    position: fixed;
    z-index: 30000;
    top: 20px;
    left: 20px;
  }
  .loading__spinner {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
    animation: rotateLoad 0.8s linear infinite;
  }
  .loading__spinner::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 2px solid rgb(var(--color-black));
    animation: spinnerProgress 1s linear infinite;
  }
  @keyframes spinnerProgress {
    0% {
      clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
    }
    25% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
    }
    50% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
    }
    75% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
    }
    100% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    }
  }
  .bottom-nav {
    clear: both;
    opacity: 0;
}
.logoblock {margin-top: -7px;}
.logotext {margin-top:2px;margin-left:10px;}
.logomintext {margin-left: 10px;font-size: 11px;margin-top:-5px;}

.bfull {max-width: 100%; width: 100%; display: block; margin: 0 auto;}
.bw500 {max-width: 500px;}