/* 
Dev: HideDev
Ver: 2.1
Theme: Repost
*/



@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,
[data-theme="light"] {
    --color-body: #fbfbfb;
    --color-light: #f5f5f7;
    --card-bg: #fff;
    --color-gray: #eee;
    --color-title: #000;
    --color-black: 0, 0, 0;
    --color-text: #212529;
    --color-white: 255, 255, 255;
    --color-primary: #0d6efd;
    --color-red: red;
    --color-dark: #000;
    --scrolbar-bg: #dddddd;
    --option-btn: #000;
    --tab-bg: rgba(19, 19, 20, 0.04);
    --tab-item-bg: #fff;
    --not-bg: rgba(19, 19, 20, 0.04);
    --not-color-icon: #b1b1b1;
    --f-btn-bg: #fff;
    --f-btn-color: rgb(71 85 105);
    --drops-item-border:#00000014;
    --box-bg: #f7f7f7;
    --btn-light-bg: #f7f7f7;
    --btn-light-bg-hover:#ededed;
    --form-bg: #fff;
--form-color: #212529;
--form-hover-border: #bfbfbf;
    --font-roboto: "Roboto", sans-serif;
    --font-montserrat: "Montserrat", sans-serif;
    --font-inter: "Inter", sans-serif;
    --icon-filter: ;
    --spacer: 15px;
    --spacer-20: 20px;
    --transition: 0.2s ease-in-out;
    --card-border-radius: 12px;
    --card-box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px 0px;
    --drops-box-shadow: 0px 3px 24px -8px rgba(34, 60, 80, 0.2);
    --plyr-video-control-background-hover: var(--color-primary);
    --plyr-range-fill-background: var(--color-primary);
}

[data-theme="dark"] {
    --color-white: 0, 0, 0;
    --color-body: #161617;
    --card-bg: #232324;
    --card-box-shadow: none;
    --color-text: #c9cccf;
    --color-title: #c9cccf;
    --scrolbar-bg: #505050;
    --color-gray: #2d2d2d;
    --color-dark: #c9cccf;
    --color-black: 255, 255, 255;
    --tab-bg: #232324;
    --tab-item-bg: #2f2f2f;
    --option-btn: #2f2f2f;
    --not-bg: #2c2c2c;
    --not-color-icon: #6b6b6b;
        --f-btn-bg: #3f3f3f;
    --f-btn-color: #b1b1b1;
    --box-bg:#2c2c2c;
     --btn-light-bg: #2c2c2c;
    --btn-light-bg-hover:#373737;
    --icon-filter: invert(1);
    --form-bg: #2c2c2c;
--form-color: rgba(var(--color-black),.8);
--form-hover-border: #595959;
--drops-item-border: #353535;
--bs-border-color:#535353;
}
a {
    text-decoration: none;
}

/* Выделение текста */
::selection {
    background: var(--color-primary);
    color: #ffffff;
}

::-moz-selection {
    background: var(--color-primary);
    color: #ffffff;
}

::-webkit-selection {
    background: var(--color-primary);
    color: #ffffff;
}
.card {
    border: 1px solid #00000014;
    --bs-body-color: var(--color-text);
}
.card-body {
    flex: none;
}
body {
    background-color: var(--color-body);
    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%;
    color: var(--color-text);
}

.bg__transparent {
    background: transparent;
}

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

::-webkit-scrollbar-thumb {
    background: var(--scrolbar-bg);
    border-radius: 30px;
}

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

.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;
    opacity: 0.6;
    transition: var(--transition);
}
.btn__clear:hover {
    opacity: 1;
}
/* Grid layout */
.layout {
    margin-top: var(--spacer-20);
}
/* Grid main page */
.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) 40px;
    align-items: start;
    min-height: 100%;
}
/* Grid category page */
.cat__container {
    display: grid;
    grid-template-columns: minmax(auto, 1fr) minmax(auto, 1fr) minmax(auto, 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);
}
/* Global site */
.global__container {
    display: grid;
    grid-template-columns: minmax(auto, 710px) 350px;
    grid-template-areas: "content sidebar";
    grid-template-rows: auto;
    grid-gap: var(--spacer-20);
    align-items: start;
    min-height: 100%;
}

.cat {
    grid-area: cat;
    animation: displayNone 0.2s ease-in-out;
}
.cat__title {
    font-size: 11px;
    color: #6f6f6f;
}
.cat__inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    height: calc(100vh - 100px);
    padding-bottom: 20px;
}
.cat__inner::-webkit-scrollbar {
    display: none;
}

.content {
    grid-area: content;
    display: flex;
    flex-direction: column;
    gap: var(--spacer-20);
    padding-bottom: var(--spacer-20);
}

.sidebar {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-20);
    grid-area: sidebar;
    height: 100%;
}

.wrapper {
    grid-area: wrapper;
}

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

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

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

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

.header {
    height: 80px;
    border-bottom: 1px solid var(--color-gray);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header .logo a, .offcanvas-header .logo a {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: var(--font-montserrat);
    font-weight: 700;
    font-size: 24px;
    color: var(--color-title);
    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: var(--tab-bg);
    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: var(--tab-item-bg);
    color: rgb(var(--color-black));
}

.header .tab a:not(.active):hover {
    color: rgb(var(--color-black));
}
.header__btn {
    color: rgba(var(--color-black), 0.5);
}
.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: 240px;
}

.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;
}

.header__profile .login {
    display: flex;
    align-items: center;
    gap: 2px;
}
.header__profile .login__name {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    max-width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
color: var(--color-title);
}

.header__profile .text {
    margin-bottom: 0;
    color: #a5a5a5;
    font-size: 12px;
    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;
    background-color: var(--card-bg);
    color: var(--color-dark);
}

.search__form input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    height: 15px;
    width: 15px;  
  
      background-color: rgba(var(--color-black),.6); 
  -webkit-mask:  url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 1024 1024'%3e%3cpath fill='currentColor' fill-rule='evenodd' d='M799.855 166.312c.023.007.043.018.084.059l57.69 57.69c.041.041.052.06.059.084a.118.118 0 0 1 0 .069c-.007.023-.018.042-.059.083L569.926 512l287.703 287.703c.041.04.052.06.059.083a.118.118 0 0 1 0 .07c-.007.022-.018.042-.059.083l-57.69 57.69c-.041.041-.06.052-.084.059a.118.118 0 0 1-.069 0c-.023-.007-.042-.018-.083-.059L512 569.926L224.297 857.629c-.04.041-.06.052-.083.059a.118.118 0 0 1-.07 0c-.022-.007-.042-.018-.083-.059l-57.69-57.69c-.041-.041-.052-.06-.059-.084a.118.118 0 0 1 0-.069c.007-.023.018-.042.059-.083L454.073 512L166.371 224.297c-.041-.04-.052-.06-.059-.083a.118.118 0 0 1 0-.07c.007-.022.018-.042.059-.083l57.69-57.69c.041-.041.06-.052.084-.059a.118.118 0 0 1 .069 0c.023.007.042.018.083.059L512 454.073l287.703-287.702c.04-.041.06-.052.083-.059a.118.118 0 0 1 .07 0Z'/%3e%3c/svg%3e");
  mask:  url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 1024 1024'%3e%3cpath fill='currentColor' fill-rule='evenodd' d='M799.855 166.312c.023.007.043.018.084.059l57.69 57.69c.041.041.052.06.059.084a.118.118 0 0 1 0 .069c-.007.023-.018.042-.059.083L569.926 512l287.703 287.703c.041.04.052.06.059.083a.118.118 0 0 1 0 .07c-.007.022-.018.042-.059.083l-57.69 57.69c-.041.041-.06.052-.084.059a.118.118 0 0 1-.069 0c-.023-.007-.042-.018-.083-.059L512 569.926L224.297 857.629c-.04.041-.06.052-.083.059a.118.118 0 0 1-.07 0c-.022-.007-.042-.018-.083-.059l-57.69-57.69c-.041-.041-.052-.06-.059-.084a.118.118 0 0 1 0-.069c.007-.023.018-.042.059-.083L454.073 512L166.371 224.297c-.041-.04-.052-.06-.059-.083a.118.118 0 0 1 0-.07c.007-.022.018-.042.059-.083l57.69-57.69c.041-.041.06-.052.084-.059a.118.118 0 0 1 .069 0c.023.007.042.018.083.059L512 454.073l287.703-287.702c.04-.041.06-.052.083-.059a.118.118 0 0 1 .07 0Z'/%3e%3c/svg%3e");

  
  
  
    opacity: 0.5;
    transition: var(--transition);
    cursor: pointer;
}

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

.search__form::before {
    content: ""; 
   
       background-color: rgba(var(--color-black),.5); 
  -webkit-mask: 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");
  mask: 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: 0.5;
}

.search__hints {
    background: var(--card-bg);
    border-radius: 6px;
}

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

.hints__nav-link {
    color: var(--color-dark);
    opacity: 0.4;
    transition: var(--transition);
}

.hints__nav a:hover {
    opacity: 0.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: 0.7;
}

#searchsuggestions {
    z-index: 2200;
    width: 100%;
    max-width: 460px;
    border-radius: 0 0 6px 6px;
    background: var(--card-bg);
    background-clip: padding-box;
    font-size: 0.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 rgba(var(--color-black), .2);
}

#searchsuggestions a {
    color: inherit;
}

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

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

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



#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, .seperator {
    display: none;
}
@media screen and (max-width: 450px) {
    .feedback-guest {
        flex-wrap: wrap;
    }
}
/* 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__title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}
.sidebar__title h6,
.sidebar__title a {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-title);
    font-family: var(--font-inter);
}

.sidebar__sticky {
    position: sticky;
    top: 100px;
    animation: displayNone 0.2s ease-in-out;
}
.sidebar__video li {
    list-style: none;
}

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

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

.video__rec .cover {
    width: 100px;
    height: 60px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-shrink: 0;
    position: relative;
}
.video__rec .cover::after {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 16 16'%3e%3cpath fill='%23fff' d='m11.596 8.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393'/%3e%3c/svg%3e");
    position: absolute;
    width: 18px;
    height: 18px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0);
    transition: var(--transition);
    z-index: 2;
}
.video__rec:hover .cover::after {
    transform: translateX(-50%) translateY(-50%) scale(1);
}
.video__rec .cover::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0);
    backdrop-filter: blur(0px);
    transition: var(--transition);
    z-index: 1;
}
.video__rec:hover .cover::before {
    background-color: rgba(0,0,0, 0.4);
    backdrop-filter: blur(1px);
}
.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;
    color: var(--color-title);
}

.video__rec .views {
    color: rgb(var(--color-black), 0.5);
    font-size: 13px;
}
.video__rec-none {
    position: relative;
    height: 60px;
    width: 100%;
    max-width: 100px;
    border-radius: 10px;
    flex-shrink: 0;
    background: var(--not-bg);
}


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

.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: var(--card-bg);
}

.aside__comments__container::-webkit-scrollbar-thumb {
    background-color: var(--scrolbar-bg);
    border-radius: 20px;
    border: 4px solid var(--card-bg);
}

.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: var(--color-title);
}

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

.item__comments .text {
    background-color: var(--box-bg);
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
    color: var(--color-text);
}

.item__comments .text span {
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.item__comments .text span p:last-child {
    margin-bottom: 0;
}
.item__comments .comment__news {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--color-title);
    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: 0.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 {
    list-style: none;
    counter-reset: week-counter;
}

.author__week-item {
    position: relative;
    padding: 10px 10px 10px 30px;
    border-radius: 10px;
    counter-increment: week-counter;
    transition: var(--transition);
}

.author__week-item:hover {
    background-color: rgb(var(--color-black), 0.03);
}
.author__week-item::before {
  content: counter(week-counter);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%); 
  color: rgb(var(--color-black), 0.8); 
  font-size: 13px;  
}
.author__week-item .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}
.author__week-item .name {    
    font-size: 15px;
    line-height: 1.1;
    font-weight: 600;
    color: rgb(var(--color-black), 0.8);
}

.author__week-item .count {
    font-size: 13px;
    color: rgb(var(--color-black), 0.5);
    font-weight: 400;  
}
.author__week-more {
    font-size: 14px;
}
/* Последние записи в блоге */
.blogs__popular {
    list-style: none;
}

.blogs__popular-item .info {
    display: flex;
    flex-direction: column;
    gap:7px;
}
.blogs__popular-item .title {
    color: var(--color-title);
    font-size: 14px;
      display: -webkit-box;       
  -webkit-line-clamp: 2;         
  -webkit-box-orient: vertical; 
  overflow: hidden;              
  text-overflow: ellipsis;
transition: .2s;
}
.blogs__popular-item .avatar {
    width: 18px;
    height: 18px;
    overflow: hidden;
    border-radius: 50%;
}
.blogs__popular-item .name {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-title);
}
.blogs__popular-item .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blogs__popular-item .cover {
    cursor:pointer;
    width: 90px;
    height: 70px;
    border-radius:10px;
    overflow: hidden;
    margin-left:auto;
    flex-shrink: 0;
    transition: .2s;
}
.blogs__popular-item .cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blogs__popular-item .views, .blogs__popular-item .comments {
    display: flex;
    align-items:center;
    gap:3px;
    color: rgba(var(--color-black),.5);
    font-size: 13px; 
    line-height: 1;   
}

 .blogs__popular-item .comments span {
    display: flex;
    align-items:center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius:50%;    
}
.blogs__popular-item:hover .title, .blogs__popular-item:hover .cover {
    opacity: .8;
}
.blogs__popular-item .comments:hover {
    color: var(--color-primary);
}
.blogs__popular-item .comments:hover span {
        background-color: #0d6efd14;
}
.tags__main {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tags__main span a {
    background-color: rgba(var(--color-black), 0.05);
    padding: 4px 9px;
    border-radius: 30px;
    font-size: 14px;
    text-transform: lowercase;
    transition: var(--transition);
    color: rgba(var(--color-black), 0.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: var(--color-title);
    font-weight: 500;
    transition: var(--transition);
}
.discussed__item .title a:hover {
    opacity: 0.7;
}

.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 .category {
    display: flex;
    align-items: center;
    gap: 7px;
}
.discussed__item .category svg {
    color: #bdbdbd;
}
.discussed__item .category a {
    font-size: 13px;
    color: #bdbdbd;
}
.discussed__item .author img {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

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

.discussed__item .date {
    display: flex;
    align-items: center;
    gap: 2px;
    color: rgb(var(--color-black), 0.5);
    font-size: 13px;
    line-height: 18px;
    transition: var(--transition);
}

.discussed__item .date::before {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none'%3e%3cpath d='M10 8.5C10 9.32843 9.32843 10 8.5 10C7.67157 10 7 9.32843 7 8.5C7 7.67157 7.67157 7 8.5 7C9.32843 7 10 7.67157 10 8.5Z' fill='%23D9D9D9' /%3e%3c/svg%3e");
    width: 14px;
    height: 14px;
}

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

.related__news .item {
    display: grid;
    grid-template-columns: 1fr 40px;
    grid-gap: 10px;
    align-items: center;
    color: var(--color-dark);
    padding: 10px;
    border-radius: 10px;
    transition: var(--transition);
}
.related__news .item svg {
    color: #d1d1d1;
}
.related__news .item:hover {
    background-color: rgb(var(--color-black), 0.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;
}

.nav__link a {
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 10px 25px;
    border-radius: 20px;
    background-color: var(--card-bg);
    color: rgb(var(--color-black));
    font-size: 14px;
    font-family: var(--font-inter);
    font-weight: 600;
    transition: var(--transition);
    box-shadow: var(--card-box-shadow);
    will-change: transform;
}

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

.nav__link a:active {
    transform: scale(0.95);
}
.nav__link span {
    display: none;
}
.rotate__circle {
    animation: rotateCircle 2s linear infinite;
}

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

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

/* 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), 0.4);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

.btn__footer:hover {
    background: rgba(var(--color-black), 0.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 {
    position: relative;
    border: 1px solid #0d6efd6e;
}
.post__fixed::before {
    content: "Закреплено";
    position: absolute;
    z-index: 20;
    top: -10px;
    left: 20px;
    font-size: 10px;
    padding: 2px 10px;
    border-radius: 10px;
    background-color: var(--color-primary);
    color: #fff;
}
.post__footer {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}
#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: var(--color-title);
    transition: var(--transition);
    width: max-content;
    display: block;
}

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

.post .head .date a {
    text-transform: lowercase;
    color: rgba(var(--color-black), 0.5);
    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: 0.7;
}

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

.post .title {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    color: var(--color-title);
    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: var(--color-text);
}

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

.btn_postedit a:hover {
    opacity: 0.8;
}

.post .cover {
    width: 100%;
    height: auto;
    max-height: 500px;
    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: 0.1s;
}

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

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

.post .city::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 10px;
    background-color: rgba(var(--color-black),.3); 
  -webkit-mask: 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");
  mask: 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;    
    transition: var(--transition);
}

.post .city .city__icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background-color: var(--box-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #878787;
}

.post .city_info span a {
    font-weight: 600;
    font-size: 16px;
    font-family: var(--font-inter);
    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 {
    margin-bottom: 0;
    color: #9b9b9b;
    font-size: 13px;
}
.post .city_info span {
    color: var(--color-title);
}
.post .city__route {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 40px;
    top: 7px;
    background-color: var(--box-bg);
    color: #878787;
    border-radius: 5px;
    z-index: 5;
}

.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), 0.4);
    padding: 7px;
    transition: var(--transition);
    border-radius: 15px;
    width: max-content;
    display: flex;
    flex-shrink: 0;
    background: transparent;
    border: none;
    outline: none;
}
.post .comments {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
}
.post .save {
   color:rgba(var(--color-black), 0.4);
}
.post .save.favorite {
  color:#ffb24f;
}

.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: 0.7;
}

.post .option {    
    justify-content: space-between;
    padding: 0 13px;
}
.author-news.option {
    justify-content: start;
}
.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: var(--card-bg);
    position: absolute;
    right: -3px;
    bottom: -6px;
}
.post .head .info .catpost {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
}
#dropmenudiv {
    padding: 5px;
    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: var(--card-bg);
    border: 1px solid var(--drops-item-border);
    z-index: 1050 !important;
    background-clip: padding-box;
    border-radius: 14px;
    margin-left: -145px;
    margin-top: 10px;
}

.post .sponsored {
    color: #a7a7a7;
}
#mapFull {
    border-radius:15px;
    overflow: hidden;
    
}
.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-frame {
    border-radius: 15px;
    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(--not-bg);
    align-items: center;
    justify-content: center;
    color: var(--not-color-icon);
}

.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: 13px;
}

.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: var(--color-title);
    transition: var(--transition);
}

.post__author .info a:hover {
    opacity: 0.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 .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(0.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: var(--box-bg);
    border-radius: 10px;
    border: 1px solid rgba(var(--color-black), .05);
}
.poll span {
color: var(--color-title);
}
.vote_list {
    color: var(--color-title);
}
.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: 0.9em;
    margin: -0.7em 0 1em 0;
}

.vote_list {
    margin: 8% 0;
}

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

.pollanswer label {
    display: flex;
    align-items: center;
    gap: 10px;
}
.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 0.2s;
    transition: border-color ease 0.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: rgba(var(--color-black), .1);
    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: 0.8;
}
.social__share .sharer:active {
    transform: scale(0.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: var(--f-btn-color);
    --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: var(--f-btn-bg);
    --f-button-hover-bg: var(--f-btn-bg);
    --f-button-active-bg: var(--f-btn-bg);
}

.post-iframe {
    border-radius: 15px;
    overflow: hidden;
    height: max-content;
}

/* сommunity */

.community__feed {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-20);
}
.сommunity .description {
    max-width: 620px;
    font-size: 15px;
}

.сommunity__icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    flex-shrink: 0;
}

.сommunity__icon 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 {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-20);
}

.list_authors {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px;
}

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

.list_authors a img {
    aspect-ratio: 1 / 1;
    height: 43px;
    border-radius: 50%;
    object-fit: cover;
}

.list_authors a:hover {
    opacity: 0.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), 0.03);
}
.partners__list .item img {
    aspect-ratio: 1 / 1;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}
.partners__list .item .title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: rgb(var(--color-black), 0.8);
}
.partners__list .subscribe {
    font-size: 13px;
    color: rgb(var(--color-black), 0.7);
    font-weight: 400;
    display: block;
    opacity: 0.8;
}
/* Sort */
.btn-sort {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
    color: var(--color-text);
}

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



/* 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::before {
    content: "#" counter(num);
    counter-increment: num;
    display: flex;
    align-items: center;
    height: 18px;
    position: absolute;
    top: 17px;
    left: 16px;
    padding: 0 10px;
    color: #fff;
    background-color: var(--color-primary);
    font-size: 11px;
    line-height: 11px;
    border-radius: 10px;
    z-index: 10;
}

.top-10 .title__top {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    color: var(--color-title);
    transition: var(--transition);
    margin-top: 30px;
}

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

.top-10 .short__text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -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: 5px;
    align-items: center;
    color: rgba(var(--color-black), 0.5);
    font-size: 13px;

    transition: var(--transition);
}

.author__top:hover span {
    opacity: 0.7;
}

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

.date__top {
    color: rgba(var(--color-black), 0.5);
    font-size: 12px;
}
.date__top:hover {
    opacity: 0.7;
}
/* Fullstory */
.fullstory {
    display: grid;
    grid-template-columns: minmax(auto, 710px) 350px;
    grid-auto-rows: max-content;
    grid-gap: var(--spacer-20);
    padding-bottom: var(--spacer-20);
}
.fullstory__content {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-20);
}

.fullstory__aside-inner {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-20);
}
.fullstory__title {
    font-size: 26px;
    font-weight: 600;
}
.fullstory__aside-inner::-webkit-scrollbar {
    display: none;
}

.fullstory__route {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 10px;
    transition: var(--transition);
}
.fullstory__route-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: #64a1fb1f;
}
.fullstory__route:hover {
    background-color: #64a1fb1f;
}
.fullstory__subscribe {
    color: var(--color-dark);
    opacity: 0.4;
    padding-inline: 10px;
    transition: var(--transition);
}
.fullstory__subscribe:hover {
    opacity: 1;
}

.fullstory .text {
    font-size: 15px;
}
.fullstory .text p:last-child {
    margin-bottom: 0;
}
.fullstory .text img {
    max-width: 100%;
}

.fullstory .text iframe {
    width: 100%;
}
.comments__title {
    font-size: 20px;
    font-weight: 600;
}

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

.comment__container {
    position: relative;
}
.comment__emoji {
    position: absolute;
    top: 15px;
    right:15px;
    z-index: 100;
    opacity: .4;
}
.upload_image {
    position: absolute;
    top: 0;
    right: 0;
    margin: 13px;
    color: rgba(var(--color-black), 0.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;
}

.addcomment .tox-tinymce {
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
    border-radius: 15px !important;
}

.addcomment__upload {
    font-size: 13px;
    padding: 0;
    margin: 0;
    color: var(--color-primary);
    border: none;
    outline: none;
    background-color: transparent;
}

.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: 38px;
    background-color: var(--color-primary);
    border: none;
    outline: none;
    border-radius: 15px;
    font-weight: 600;
    font-size: 0.8rem;
    color: #fff;
    padding: 0 15px;
    will-change: transform;
    transition: var(--transition);
    font-family: var(--font-inter);
}

.save-buttons .applychanges:hover {
    background-color: #0b5ed7;
}

.save-buttons .applychanges:active {
    transform: scale(0.98);
}
.comments-image-uploader-area {
    margin-top: 10px;
    font-size: 15px;
}
#dlefastreplycomments .form-check-label {
    display: none;
}
#dlefastreplycomments {
    font-size: 14px;
    line-height: 35px;
    color: #797979;
}

.save-buttons .cancelchanges {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    height: 38px;
    background-color: var(--btn-light-bg);
    
    border: none;
    outline: none;
    border-radius: 15px;
    font-weight: 600;
    font-size: 0.8rem;
    color: rgba(var(--color-black),.8);
    padding: 0 15px;
    will-change: transform;
    transition: var(--transition);
    font-family: var(--font-inter);
}

.save-buttons .cancelchanges:hover {
    background-color: var(--btn-light-bg-hover);
}

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

.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 {
    position: relative;
}
.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 var(--card-bg);
    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: 0.8;
}

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

.comment .head .info .date {
    font-size: 13px;
    line-height: 18px;
    color: rgba(var(--color-black), 0.5);
    display: block;
}

.mass_comments_action {
    display: none;
}

.comment .text {
    font-size: 16px;
    line-height: 26px;
}
.comment .text p:last-child {
    margin-bottom: 0;
}
.edit__comment {
    color: rgba(var(--color-black), 0.4);
    cursor: pointer;
}



.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), 0.6);
    align-items: center;
    font-size: 13px;
    transition: var(--transition);
}

.comment .like:hover {
    color: red;
}
.comment__replycount {
    margin-top: 10px;
    font-size: 14px;
    color: #88898b;
}
.comment__editside {
    min-width: 50px;
    width: 110px;
}
.comment .reply {
    font-size: 13px;
    color: rgba(var(--color-black), 0.7);
    transition: var(--transition);
}

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

.comment__newslink {
    color: var(--color-title);
    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: rgba(var(--color-black), .05);
    color: var(--color-text);
    padding: 5px 15px;
    border-radius: 14px;
    transition: var(--transition);
    display: flex;
    gap: 5px;
    align-items: center;
}

.blacklist span:hover {
    background-color: rgba(var(--color-black), .1);
}

.blacklist span a {
     font-size: 14px;
    color: rgba(var(--color-black), 0.6);
}

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

.replythree {
    padding-left: 20px;
}
.replythree::before {
    content: "";
    width: 3px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(var(--color-black), .1);
}
.reply__badge {
    display: flex;
    font-size: 13px;
    color: #9b9b9b;
    margin-bottom: 10px;
    align-items: center;
    gap: 5px;
}
.commentsreplyname input,
.commentsreplymail input,
.dle-captcha input[type="text"] {
    height: 40px;
    border-radius: 12px;
    padding-inline: 15px;
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-size: 0.8rem;
    font-weight: 400;
    border: var(--bs-border-width) solid var(--bs-border-color);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    outline: none;
}
.commentsreplyname input:hover,
.commentsreplymail input:hover,
.dle-captcha input[type="text"]:hover {
    border-color: #bfbfbf;
}
.commentsreplyname input:focus,
.commentsreplymail input:focus,
.dle-captcha input[type="text"]:hover {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 0.18rem rgb(13, 110, 253, 0.15);
}
.dle-captcha img {
    border-radius: 12px;
    height: 40px;
}
/* Engine */
.quote {
    background: #0d6efd08;
    font-size: 15px;
    line-height: 1.4;
    border-radius: 10px;
    position: relative;
}
.quote_body {
    padding: 20px 15px 20px 40px;
}
.quote::before {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%230d6efd' width='20px' height='20px' 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: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    left: 15px;
}
.title_spoiler {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #0d6efd08;
    padding: 10px;
    border-radius: 12px;
    margin-block: 15px 10px;
    font-size: 15px;
}
.title_spoiler a:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #e6f0ff;
}

.title_spoiler a:last-child {
    color: var(--color-dark);
    font-weight: 500;
}
.text_spoiler {
    padding: 10px 10px 20px;
    font-size: 15px;
}
.quote.dlehidden {
    padding: 15px;
}
.quote.dlehidden::before {
    content: "";
    display: none;
}

#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: var(--color-body);
    background-clip: padding-box;
    outline: none;
    border-radius: 14px;
    z-index: 2000;
}

.ui-dialog-titlebar {
    position: relative;
    background-color: var(--color-body);
    color: var(--color-title);
}

.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;
  
    box-shadow: none !important;
    padding: 0px !important;

  
        background-color: rgba(var(--color-black),.6) !important; 
  -webkit-mask:  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");
  mask:  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: 0.4;
    transition: 0.2s;
}

.ui-dialog-titlebar-close:hover {
    opacity: 0.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: 0.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-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: 0.8;
}

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

.DLEPush-notification .DLEPush-message {
    grid-column: 2;
    grid-row: 2;
    font-size: 0.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: 12px;
    color: #8d8d8d;
    padding: 0 20px;
}

.login__footer a {
    color: rgba(var(--color-black), 0.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;
}

.login__header {
    position: absolute;
    top: 25px;
    left: 0;
    padding: 0 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.login__social span {
    flex: 1;
    text-align: center;
}
.login__social svg {
    margin-left: auto;
}
.icon__login {
    position: absolute;
    left: 15px;
    top: 15px;
}
.icon__vk {
    color: var(--color-primary);
}
.icon__yandex {
    color: var(--color-red);
}
.login__fogoutpass {
    padding: 15px 20px;
    text-align: center;
    border-top: 1px solid rgba(var(--color-black), 0.1);
}

.btn_modal_back {
    border: none;
    opacity: 0.5;
    background-color: transparent;
    color: rgba(var(--color-black), 1);
}
.btn_modal_back:hover {
    opacity: 0.9;
}
.view__password {
    position: absolute;
    right: 20px;
    display: block;
    top: 17px;
    width: 20px;
    height: 20px;
    background: transparent;
    border: none;
    outline: none;
 

   
      background-color: rgba(var(--color-black),.4); 
  -webkit-mask:  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");
  mask:  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");





    transition: var(--transition);
}

.view__password:hover {
    opacity: 0.6;
}

.view__password.hide__password {

 
 
     background-color: rgba(var(--color-black),.4); 
  -webkit-mask: 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"); 
  mask:  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");

}

/* Videoside */
.videoside__rec .short__video-none,
.videoside__rec .short__video .cover {
    aspect-ratio: 16 / 9;
}
.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:  rgba(0,0,0, 0.8);
    font-size: 11px;
    line-height: 17px;
    color: #fff;
    padding: 2px 5px;
    display: block;
    z-index: 1;
    border-radius: 5px;
}

.short__video .cover {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    display: block;
    margin-bottom: 10px;
}
.short__video .cover::after {
    content: "";
  
  
  
  
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 16 16'%3e%3cpath fill='%23fff' d='m11.596 8.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393'/%3e%3c/svg%3e");
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0);
    transition: var(--transition);
    z-index: 2;
}
.short__video .cover::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--color-black), 0);
    backdrop-filter: blur(0px);
    transition: var(--transition);
    z-index: 1;
}
.short__video .cover:hover::after {
    transform: translateX(-50%) translateY(-50%) scale(1);
}
.short__video .cover:hover::before {
    background-color: rgba(var(--color-black), 0.4);
    backdrop-filter: blur(1px);
}

.short__video .cover img {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: 100%;
    transition: var(--transition);
    object-fit: cover;
}

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

.short__video .title:hover {
    opacity: 0.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: var(--not-bg);
    border-radius: 15px;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin-bottom: 10px;
}
.short__video-none::before {
    content: "";
   
   
      background-color: var(--not-color-icon); 
  -webkit-mask:   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");
  mask:   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");
    position: absolute;   
    width: 35px;
    height: 35px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: .5;
}

.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), 0.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;
}

/* Registration */

#registration .bbcodes,
.ui-dialog-buttonset button {
    display: inline-flex;
    align-items: center;
    height: 32px;
    font-family: var(--font-inter);
    font-weight: 600;
    font-size: 0.8rem;
    color: #fff;
    border: none;
    background-color: var(--color-primary);
    padding: 0 1.2rem;
    border-radius: 15px;
    transition: var(--transition);
}
#registration .bbcodes:hover,
.ui-dialog-buttonset button:hover {
    background-color: #0b5ed7;
}
/* 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), 0.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;
    color:rgba(var(--color-black),.4);
    transition: var(--transition);
}

.btn__loginscan:hover {
    opacity: 0.7;
}

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

.validation {
    display: flex;

    gap: var(--spacer);
}
@media screen and (max-width: 420px) {
    .validation {
        flex-wrap: wrap;
    }
}

.signup__avatar {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed rgba(var(--color-black), .2);
    transition: border-color 0.3s;
    margin-inline: auto;
    background-size:cover;
}
.signup__avatar:hover {
    border-color: rgba(var(--color-black), .4);
}

.signup__avatar input[type="file"] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.signup__avatar .avatar-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 38px;
    color: rgba(var(--color-black), .2);
    pointer-events: none;
}

.signup__avatar .has-avatar {
    border: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Info */
.info__allert {
    grid-column: 1 / -1;
    height: max-content;
    margin-bottom: var(--spacer-20);
}

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

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

.widget__post-title {
    color: var(--color-dark);
    font-size: 16px;
    transition: var(--transition);
}
.widget__post-title:hover {
    opacity: 0.7;
}
.widget__post-iconbox {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    color: rgb(var(--color-black), 0.6);
    font-size: 12px;
    transition: var(--transition);
}
.widget__post-iconbox:hover {
    color: var(--color-primary);
}
.widget__post-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
}
.widget__post-iconbox:hover .widget__post-icon {
    background-color: #0d6efd14;
}
.widget__post-more {
    display: flex;
    align-items: center;
    gap: 3px;   
    font-size: 16px;
    font-weight: 700;
    font-family: var(--font-inter);
    font-size: 14px;
    color: var(--color-dark);
    background-color: transparent;
    border: none;
    outline: none;
    margin: 5px 0 0;
    padding: 0;
    transition: var(--transition);
}
.widget__post-more:hover {
    opacity: 0.7;
}
.widget__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.widget__crypto {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: #595959;
}

/* Static */
.static {    
    margin: 0 auto;
    max-width: 700px;
    width: 100%;    
    padding-block:20px;
}


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

/* Modules */
.censored {
    border-radius: 15px;
    overflow: hidden;
    z-index: 10;
    position: relative;
}

.censored_box::before {
    content: "";
    background-color: rgba(var(--color-white), 0.1);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
}
.censored_box::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: repeating-radial-gradient(#000 0 0.0001%, #fff 0 0.0002%) 50% 0/2500px 2500px,
        repeating-conic-gradient(#000 0 0.0001%, #fff 0 0.0002%) 60% 60%/2500px 2500px;
    background-blend-mode: difference;
    animation: b 1s infinite alternate;
    opacity: 0.1;
}

@keyframes b {
    100% {
        background-position: 50% 0, 60% 50%;
    }
}
.censored_box {
    position: absolute;
    z-index: 20;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}
.censored_box-content {
    position: relative;
    z-index: 2;
}
.censored_box .info {
    display: block;
    color: #fff;
    position: relative;
}

/* Catmenu */

.catmain {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.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: 0.8;
}

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

.catmain .not-caticon,
.post .head .catpost.not-caticon,
.сommunity__icon.not-caticon,
.channels__item .cover.not-caticon {
    background: var(--not-bg);
    position: relative;
}

.catmain .not-caticon::before,
.post .head .catpost.not-caticon::before,
.сommunity__icon.not-caticon::before,
.channels__item .cover.not-caticon::before, .video__rec-none::before {
    content: "";
    width: 20px;
    height: 20px;
     background-color: var(--not-color-icon); 
  -webkit-mask: 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"); no-repeat center;
  mask: 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"); no-repeat center;

    

    position: absolute;
   
   transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background-repeat: no-repeat;
   
}
/* Page usertop */
.topusers {
    grid-column: 1 / -1;
}
/* Error */
.error {
    display: flex;
    gap: var(--spacer-20);
    align-items: start;
    padding: 20px 0;
}
.error svg {
    flex-shrink: 0;
}
.error .title {
    font-size: 22px;
    font-weight: 600;
}

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

/* Userinfo */
.userinfo {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    grid-template-areas: "profile profile" "feed sidebar";
   
    grid-gap: var(--spacer-20);
}

.userinfo__profile {
    grid-area: profile;
  
}
.userinfo__profile-container {
  visibility: visible;
    height: auto;
    opacity: 1;
}
.tab-content {
     display: block;
}
.tab-content.hide {
    display: none;
}
.userinfo__profile-container.hide {
    height: 0;
    visibility: hidden;
    opacity: 0; 
 
}
.userinfo__avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    background: rgb(var(--color-white));
}

.userinfo__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
}
.userinfo__main {
    display: flex;
    justify-content: space-between;
    gap: var(--spacer-20);
}
.userinfo__status-btn {
    border:none;
    background-color: transparent;
    margin:0;
    padding:0;
    color: var(--color-primary);
}
.userinfo__main-title {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 0;
}
.userinfo__main-login {
    font-size: 14px;
    color: #7b7b85;
}
.userinfo__btn-setting {
    color: #999999;
}
.userinfo__feed {
    grid-area: feed;
}
.userinfo__sidebar {
    grid-area: sidebar;
}
.userinfo__feed-inner {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-20);
}
.userinfo__rate-count {
    font-size: 20px;
    font-weight: 700;
    font-family: var(--font-inter);
    display: flex;
    align-items: center;
    gap: 5px;
}
.userinfo__rate-item p {
    font-size: 11px;
    font-weight: 400;
    color: #7b7b85;
    margin-bottom: 0;
}

.userinfo__rate-item {
    background-color: var(--box-bg);
    padding: 5px 10px;
    border-radius: 10px;
}
.userinfo__about {
    font-size: 15px;
}
.userinfo__about-hide {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.userinfo__about-more {
    display: block;
    width: max-content;
    color: var(--color-primary);
    padding: 0;
    margin: 5px 0 0;
    background: none;
    outline: none;
    border: none;
}
.userinfo__about-more:hover {
    text-decoration: underline;
}

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

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

/* Userinfo */

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

.dropdown-status {
    width: 400px;
}

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

/* Настройки профиля */
.setting {
    display: grid;
    grid-template-columns: 270px 1fr;
    grid-gap: 40px;
    margin-top: var(--spacer-20);
}
.setting__head {
    visibility: hidden;
    opacity: 0;
    height: 0;
     transition: .4s;   
}
.setting__head.show {
    visibility: visible;
    opacity: 1;
    height: auto;
    transition: .4s;
}
.setting__content-btn {
    display: flex;
    align-items:center;
    gap:15px;
    text-align: start;
    height: 60px;
    padding: 0 15px;
    border-radius: 12px;
    border:none;
    background-color: transparent;
    transition: .2s;
}
.setting__content-btn:hover {
    background-color: rgba(var(--color-black),.04);
}
.setting__content-btn .title {
font-size: 15px;
font-weight: 500;
color:var(--color-title);
}
.setting__content-btn svg {
    color: var(--color-title);
}
.setting__content-btn .description {
    font-size: 13px;
    color: rgba(var(--color-black),.5);
}
.setting__head-title {
    font-size: 17px;
    font-weight: 600;
    margin-bottom:0;
}
.setting__head-avatar {
    width: 50px;
    height: 50px;
    border-radius:50%;
    object-fit: cover;
}
.setting__content-item {
                    display: none;
                }

.setting__content-item.active,
.setting__content-main.active {
    display: block;
   }

.setting-switch span {
    padding-left:10px;
 }    
.setting__header {
    padding:10px 15px 17px;
    border-bottom:1px solid var(--color-gray);
}
.setting__header .back {
    display: none; 
    border:none;
    background-color: transparent;
    color: var(--color-title);
}
.setting__header .back.active {
    display: flex;
}
.setting__head-link {
    margin:0;
    padding:0;
    background-color: transparent;
    border:none;
    border-bottom:1px solid transparent;
    font-size: 13px;
    color: var(--color-primary);
    outline: none;    
}
.setting__head-link:hover {
   text-decoration: underline;
}
.setting__container {
visibility: hidden;
opacity: 0;
height: 0;
 transition: .4s;
 
}
.setting__container.show {
 visibility: visible;
 opacity: 1;
 height: auto;
 transition: .4s;
margin-bottom:30px;
}

.setting__header img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}
.setting__header-name {
    font-weight: 500;
}
.setting__header-text {
    font-size: 13px;
    color: rgba(var(--color-black), 0.4);
}
.setting__avatar {
    flex-shrink: 0;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-size: cover;
}
.setting__map {
    width: 100%;
    height: 150px;
    border-radius: 15px;
    overflow: hidden;
}

.setting__body {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 120px);
    padding-right: 10px;
}
.setting__body::-webkit-scrollbar {
    width: 6px;
}

.setting__body::-webkit-scrollbar-track {
    background: var(--color-white);
}

.setting__body::-webkit-scrollbar-thumb {
    background-color: var(--scrolbar-bg);
    border-radius: 10px;
    border: 5px solid var(--color-white);
}
@media screen and (max-width: 720px) {
        .setting {
            grid-template-columns: 1fr;
        }
        .setting__body {
            overflow: visible;
            height: 100%;
        }
}
.nav-link-v {
    border: none;
    outline: none;
    background: transparent;
    width: 100%;
    padding: 8px 10px;
    font-size: 16px;
    border-radius: 10px;
    text-align: left;
    transition: var(--transition);
    color: rgba(var(--color-black), 0.7);
    display: flex;
    align-items: center;
    gap: 10px;
}

.nav-link-v.active,
.nav-link-v:hover {
    background: #0d6efd14;
    color: var(--color-primary);
}

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

#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: 16px;
    font-weight: 600;
}

.button__avatar p, .button__avatar span {
    font-size: 13px;
    color: #878787;
}



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

.count__about {
    color: rgba(var(--color-black), 0.4);
    font-size: 12px;
}

.avatar__box input[type="file"] {
    display: none;
}
.user__option {
    position: absolute;
    right: 20px;
    top: 20px;
}

.btn__option {
    display: flex;
    align-items:center;
    height: 25px;
    padding: 0 10px;
    border: none;
    outline: 0;      
    transition: var(--transition);
    color: rgba(var(--color-black),.3);
    background-color: rgba(var(--color-black),.04);
    border-radius:10px;
}

.btn__option:hover {
    opacity: 0.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;
}
.setting__city,
.setting__timezone,
.setting__twofactor {
    position: relative;
}
.setting__city select,
.setting__timezone select,
.setting__twofactor select {
    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(--form-color);
    background-color: var(--form-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 14px;
    transition: all 0.15s ease-in-out;
    outline: none;
    height: 40px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px;
}
.setting__city::after,
.setting__timezone::after,
.setting__twofactor::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);


        background-color: rgba(var(--color-black),.4);; 
  -webkit-mask:  url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1024 1024'%3e%3cpath fill='currentColor' d='M831.872 340.864L512 652.672L192.128 340.864a30.59 30.59 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.59 30.59 0 0 0-42.752 0z'/%3e%3c/svg%3e");
  mask:  url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1024 1024'%3e%3cpath fill='currentColor' d='M831.872 340.864L512 652.672L192.128 340.864a30.59 30.59 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.59 30.59 0 0 0-42.752 0z'/%3e%3c/svg%3e");
 


    width: 16px;
    height: 16px;
    pointer-events: none;
   
}
.setting__city select:hover,
.setting__timezone select:hover,
.setting__twofactor select:hover {
    border-color: var(--form-hover-border);
}
.setting__city select:focus,
.setting__timezone select:focus,
.setting__twofactor select:focus {
    box-shadow: 0 0 0 0.18rem rgb(13, 110, 253, 0.15);
    border-color: var(--color-primary);
}

.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;
}

.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 {
    display: grid;
    grid-template-columns: minmax(auto, 710px) 300px;
    grid-template-rows: auto;
    grid-gap: 40px;
    align-items: start;
    min-height: 100%;
}

.addpost__btn {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--color-white));
    background-color: var(--option-btn);
    border: none;
    outline: none;
    padding: 0;
    will-change: transform;
    transition: var(--transition);
}
.addpost__btn::before {
    content: "";
    width: 10px;
    height: 2px;
    border-radius: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.addpost__btn::after {
    content: "";
    width: 10px;
    height: 2px;
    border-radius: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
.addpost__btn:hover {
    opacity: 0.8;
}

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

.addpost__author {
    display: grid;
    grid-template-columns: 40px 1fr;
    align-items: center;
    grid-gap: 10px;
}

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

.addpost__author-name {
    font-weight: 500;
    font-size: 15px;
    color: var(--color-title);
}
.addpost__content {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-20);
}
.addpost__aside-inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.addpost__aside-input {
    border: 1px dashed rgba(var(--color-black), 0.2);
    border-radius: 10px;
    background-color: transparent;
    height: 38px;
    padding-inline: 15px;
    width: 100%;
    font-size: 13px;
    outline: none;
}
.addpost__aside-textarea {
    border: 1px dashed rgba(var(--color-black), 0.2);
    border-radius: 10px;
    background-color: transparent;

    padding: 10px 15px;
    width: 100%;
    font-size: 13px;
    outline: none;
}
.addpost__or {
    position: relative;
    height: 20px;
}
.addpost__or::before {
    content: "";
    height: 1px;
    width: 100%;
    background-color: rgba(var(--color-black), .1);
    position: absolute;
    top: 10px;
    left: 0;
}
.addpost__or::after {
    content: "или";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 4px;
    font-size: 13px;
    color: #777777;
    background-color: var(--color-body);
}
.addpost__info {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: none;
    outline: none;
    background-color: transparent;
    opacity: 0.4;
}
.addpost__info svg {
    color: rgba(var(--color-black), .5);
}
.addpost__aside-inner {
    height: calc(100vh - 120px);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.addpost__aside-inner::-webkit-scrollbar {
    display: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--color-title);
}
.select2-selection__arrow b {
    filter: var(--icon-filter);
}
.select2-dropdown {
    background-color: var(--card-bg);
}
/* Editor */
.addpost .tox .tox-toolbar,
.addpost .tox .tox-toolbar__overflow,
.addpost .tox .tox-toolbar__primary,
.pm__editor .tox .tox-toolbar,
.pm__editor .tox .tox-toolbar__overflow,
.pm__editor .tox .tox-toolbar__primary {
    background-color: var(--color-white) !important;
}
.addpost .tox:not(.tox-tinymce-inline) .tox-editor-header,
.pm__editor .tox:not(.tox-tinymce-inline) .tox-editor-header {
    box-shadow: none !important;
}
.addpost .tox .tox-tbtn,
.pm__editor .tox .tox-tbtn {
    border-radius: 10px !important;
}
.addpost .tox:not(.tox-tinymce-inline) .tox-editor-header,
.pm__editor .tox:not(.tox-tinymce-inline) .tox-editor-header {
    border-bottom: none !important;
}
.addpost .tox-tinymce,
.pm__editor .tox-tinymce {
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
    border-radius: 10px !important;
}
.addpost .tox .tox-statusbar,
.pm__editor .tox .tox-statusbar {
    border-top: none !important;
    background-color: transparent !important;
    height: 2rem !important;
}
.tox .tox-statusbar a, .tox .tox-statusbar__path-item, .tox .tox-statusbar__wordcount, .tox-statusbar__right-container {
    color: rgba(var(--color-black), .3) !important;
} 
@media screen and (max-width: 820px ) {
       .addpost {
        grid-template-columns: 1fr;
       } 
   
       .addpost__content {
        order:2;
       }
       .addpost__aside-inner {
        height: auto;
       }
}
/* Preloader */
.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;
    min-height: 30px;
    border-radius: 50%;
    background-color: #eee;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    outline: none;
    border: none;
    overflow: hidden;
    box-sizing: border-box;
}

.addpost__form-title {
    border: none;
    outline: none;
    width: 100%;
    min-height: 60px;
    height: 60px;
    font-size: 30px;
    font-weight: 500;
    resize: none;
    background-color: var(--card-bg);
    color: var(--form-color);
}

.addpost__form-title:-webkit-autofill {
    background-image: none !important;
}
.addpost__form-url,
.addpost__form-source {
    border: none;
    outline: none;
    width: 100%;
    height: 30px;
    font-size: 15px;
        background-color: var(--card-bg);
    color: var(--form-color);
}
.addpost__form-url::placeholder,
.addpost__form-source::placeholder, .addpost__form-title::placeholder {
    color: #cecece;
}
.addpost__form-tags {
    background-color: transparent;
    border: none;
}

.form-check-label span {
    font-size: 13px;
}
.addpost__block {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    border-radius: 12px;
    border: 1px solid var(--bs-border-color);
}
.addpost__block-title {
    padding: 10px 10px 0;
}
.addpost__block-title h6 {
    font-weight: 600;
}
.addpost__multitab-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid var(--bs-border-color);
    background-color: transparent;
    color: var(--color-title);
}

.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 5px 10px;

    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(var(--color-black), 0.2);
    border-radius: 10px;
    overflow: hidden;
}
.qq-upload-button {
    color: var(--form-color);
}
.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;
}

.addpost__category {
    display: grid;
    grid-template-columns: 40px 1fr;
    align-items: center;
    grid-gap: 10px;
}

.addpost__category img {
    aspect-ratio: 1 / 1;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.addpost__category span,
.addpost__category-blog {
    font-size: 15px;
    font-weight: 600;
}

.addpost__category p {
    font-size: 13px;
    color: #5f5f5f;
    margin-bottom: 0;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #f5f5f5;
}
.select2-results__options {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-bottom: 10px;
}
.tagify__input::before, .tagify + input, .tagify + textarea {
    color: var(--form-color);
}
.tagify__tag {
    background-color: var(--box-bg);
    
}
.tagify__tag-text, .tagify__tag__removeBtn {
    color: var(--form-color);
}
.tagify__tag > div::before {
    box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--box-bg) inset;
}
/* Top user */
.top__author .author {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
}
.top__author .author a {
    color: var(--color-title);
    font-weight: 500;
    font-size: 17px;
    line-height: 19px;
    transition: var(--transition);
}
.top__author .author a:hover {
    opacity: 0.7;
}
.top__author .count {
    font-size: 14px;
    color: #8d8d8d;
}
.toplist .toplist-item {
    padding: 7px 15px 7px 42px;
    border-radius: 10px;
    transition: var(--transition);
    display: flex;
    gap: 10px;
    align-items: center;
}
.toplist .toplist-item:hover {
    background-color: #64a1fb1f;
}
.toplist .counts {
    display: flex;
    margin-left: auto;
    font-size: 13px;
}
.toplist .backend {
    opacity: 0;
    visibility: hidden;
    padding: 0;
}

.toplist .author a {
    display: flex;
    align-items: center;
    gap: 3px;
    color: var(--color-title);
    font-size: 15px;
    font-weight: 500;
    transition: var(--transition);
}
.toplist .author a:hover {
    color: var(--color-primary);
}

.toplist .counts .news,
.toplist .counts .comm {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #7f7f7f;
    padding: 5px 10px;
    border-radius: 20px;
    transition: var(--transition);
}
.toplist .counts .news:hover,
.toplist .counts .comm:hover {
    color: var(--color-primary);
    background-color: #64a1fb40;
}
.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: 15px;
    left: 5px;
    width: 20px;
    color: #9f9f9f;
    text-align: right;
    font-size: 14px;
}
/* About */
.about {
    grid-column: 1 / -1;
}
.about__top {
    margin: 50px auto 20px;
    max-width: 750px;
}
.about__top h1 {
    font-size: 50px;
}
.about__top .decor::before {
    content: "";
        background-color: var(--color-title); 
  -webkit-mask:  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 ");
  mask:  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: 182px;
    height: 50px;
    background-color: var(--color-body);
    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%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 10px;
    background-color: rgba(var(--color-black), .03);
}
.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: var(--color-title);
    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: #8b8b8b;
}
/* PM */
.pm__grid {
    display: grid;
    grid-template-columns: 320px 1fr;
    grid-gap: var(--spacer-20);
}
@media screen and (max-width:780px) {
    .pm__grid {
        grid-template-columns: 1fr;
    }
}
.pm__limit {
    width: 100%;
    padding: 5px 15px 10px;
    background: #eee;
    border-radius: 10px;
    background-color: #0d6efd14;
}
.pm__limit-title {
    font-size: 13px;
    color: var(--color-primary);
}
.pm__limit-bar {
    position: relative;
    margin-top: 5px;
    height: 3px;
    background-color: #0d6efd14;
    border-radius: 5px;
}
.pm__limit-bar span {
    position: absolute;
    height: 3px;
    border-radius: 5px;
    background: var(--color-primary);
}
.pm__list {
    display: flex;
    flex-direction: column;
}
.pm__list-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 15px;
    height: 40px;
    border-radius: 10px;
    color: rgba(var(--color-black), 0.7);
    font-size: 14px;
}
.pm__list-link:hover {
    background-color: #0d6efd14;
    color: var(--color-primary);
}
.pm-no-messages {
    display: block;
    text-align: center;
    padding-block: 90px;
    font-size: 13px;
    color: rgba(var(--color-black), 0.7);
}
.pm__send {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--spacer-20);
}
.pm_navigation {
    margin-top: 30px;
    max-width: 320px;
}
.pm_list {
    color: var(--color-dark);
    font-size: 17px;
}
.pm_last_message {
    font-size: 15px;
    margin-top: 10px;
    opacity: 0.7;
}
.pm_with_user {
    margin-top: 10px;
    font-size: 15px;
    color: rgba(var(--color-black), 0.5);
}
.pm_with_user a {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 500;
}
.pm_last_user {
    font-weight: 500;
    padding-right: 20px;
}
.pm_last_user a {
    font-size: 15px;
}
a.pm_list {
    font-weight: 500;
}
.pm_last_date {
    font-size: 13px;
    color: rgba(var(--color-black), 0.5);
}

.pm__item:hover {
    background-color: rgb(var(--color-black), 0.03);
}
.pm_checkbox {
    width: 30px;
}
.pm_subj {
    padding-right: 20px;
}
.pm__item {
    display: grid;
    grid-template-columns: 1fr 150px 30px;
    grid-gap: var(--spacer-20);
    padding: 15px;
    border-radius: 15px;
    transition: var(--transition);
}
.ms {
    display: grid;
    grid-template-columns: 40px 1fr;
    grid-gap: var(--spacer-20);
}
.ms__avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.ms__body {
    background-color: var(--box-bg);
    border-radius: 15px;
    padding: 15px;
    position: relative;
}
.ms__body::before {
    content: "";
    border: 10px solid transparent;
    border-right: 10px solid var(--box-bg);
    position: absolute;
    top: 10px;
    left: -20px;
}
.ms__body-name {
    font-size: 15px;
}
.ms__body-date {
    color: rgba(var(--color-black), 0.6);
    font-size: 13px;
}
.ms__body-text {
    padding-block: 10px;
}
.ms__body-text p:last-child {
    margin-bottom: 0;
}
.ms__list {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-20);
}
/* Channels */
.channels {
    grid-column: 1 / -1;
}
.channels__inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.channels__item {
    transition: var(--transition);
    border: 1px solid transparent;
}
.channels__item-inner {
    display: flex;
    align-items: center;
    gap: 15px;
}
.channels__company .channels__item-inner {
    padding-block: 10px;
    flex-direction: column;
    text-align: center;
}
.channels__item:hover {
    border-color: rgba(var(--color-black), .1);
}

.channels__item .cover {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    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 {
    font-size: 13px;
    margin-bottom: 0;
    color: rgb(var(--color-black), 0.7);
}

/* Mobile menu */
.panel {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color:  rgba(var(--color-white),0.7);
    backdrop-filter: blur(10px);
    border-top: 1px solid var(--color-gray);
    transition: var(--transition);
    z-index: 1030;
}
.panel__inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    grid-gap: 10px;
}
.panel__item {
    justify-self: center;
    color: var(--color-dark);
    font-size: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    height: 55px;
    opacity: 0.7;
}
.panel__item-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    width: 40px;
    height: 25px;
    transition: var(--transition);
}

.panel__item.active .panel__item-icon {
    background-color: #0d6efd14;
    color: var(--color-primary);
    opacity: 1;
}
.panel__item.active {
    color: var(--color-primary);
    opacity: 1;
}

.mobile__adpost {
    position: fixed;
    bottom: 65px;
    right: 10px;
    transition: var(--transition);
    z-index: 1030;
}
.mobile__adpost-btn {
    position: relative;
    display: flex;
    width: 35px;
    height: 35px;
    background-color: var(--color-primary);
    border-radius: 10px 10px 0 10px;
    box-shadow: var(--card-box-shadow);
}
.mobile__adpost-btn::before {
    content: "";
    width: 10px;
    height: 2px;
    border-radius: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.mobile__adpost-btn::after {
    content: "";
    width: 10px;
    height: 2px;
    border-radius: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(90deg);
}

.notify__allert::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: -4px;
    right: -10px;
    background-color: red;
}
.logo .btn-link {
    color:rgba(var(--color-black), 0.5) !important;
}
/* Engine */

#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 0.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);
}

/* Profile popup */

.userpopup {
    display: grid;
    grid-template-columns: 50px 1fr;
    grid-gap: var(--spacer-20);
}
.userpopup__avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}
.userpopup__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.userpopup__body {
    padding-left: 0;
    list-style: none;
    font-size: 15px;
}
/* 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: 0.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: 0.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, 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, 0.2);
}

.checkbox-swich input[type="checkbox"]:disabled + .checkbox-swich-span {
    filter: grayscale(70%);
    border-color: rgba(0, 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 {
    grid-column: 1 / -1;
    margin-top: var(--spacer-20);
    overflow-x: hidden;
}
.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: #fff;
}
.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:#fff;
}
.stats__header .item-2 {
    position: relative;
    display: flex;
    justify-content: center;
}
.stats__header .item-2::after {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3e%3cpath fill='%23e6e7e8' d='M63.6 56.737a6.856 6.856 0 0 1-6.854 6.86H6.857c-3.784.001-6.853-3.071-6.853-6.86V6.856A6.856 6.856 0 0 1 6.857 0h49.889A6.855 6.855 0 0 1 63.6 6.856z'/%3e%3cpath fill='none' stroke='%23005' stroke-linecap='round' stroke-opacity='.221' stroke-width='.4' d='M9.429 4.424v55.15zm6.451 0v55.15zm6.451 0v55.15zm6.451 0v55.15zm6.448 0v55.15zm6.454 0v55.15zm6.446 0v55.15zm6.46 0v55.15zM4.185 54.775h55.15zm0-6.455h55.15zm0-6.447h55.15zm0-6.451h55.15z'/%3e%3cpath fill='%23f05a28' d='M36.725 63.65V36.99c0-2.06-2.669-3.62-4.728-3.62c-2.059 0-4.729 1.561-4.729 3.62v26.66z'/%3e%3cpath fill='%23d04427' d='M33.778 33.718c-.594-.217-1.211-.348-1.781-.348c-2.059 0-4.729 1.561-4.729 3.62v26.66h3.565V36.99c0-1.488 1.397-2.706 2.945-3.272'/%3e%3cpath fill='none' stroke='%23005' stroke-linecap='round' stroke-opacity='.221' stroke-width='.4' d='M4.185 28.971h55.15zm0-6.451h55.15z'/%3e%3cpath fill='%23208d55' d='M19.11 63.65V24.988c0-2.059-3.668-3.727-5.728-3.727c-2.059 0-5.729 1.668-5.729 3.727V63.65z'/%3e%3cpath fill='%231b8049' d='M15.551 21.789c-.771-.27-1.542-.438-2.163-.438c-2.059 0-5.729 1.668-5.729 3.727V63.74h4.325V25.078c0-1.438 1.788-2.668 3.567-3.289'/%3e%3cpath fill='none' stroke='%23005' stroke-linecap='round' stroke-opacity='.221' stroke-width='.4' d='M4.185 16.07h55.15zm0-6.451h55.15z'/%3e%3cpath fill='%230867a3' d='M55.942 63.65V6.985c0-2.059-3.669-3.727-5.728-3.727c-2.059 0-5.729 1.668-5.729 3.727V63.65z'/%3e%3cpath fill='%23055e8c' d='M52.35 3.684c-.762-.262-1.52-.426-2.135-.426c-2.059 0-5.729 1.668-5.729 3.727V63.65h4.271V6.985c0-1.443 1.804-2.682 3.593-3.301'/%3e%3c/svg%3e");;
    background-repeat: no-repeat;
    background-size: contain;
    width: 64px;
    height: 64px;
    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 .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: rgba(var(--color-black), .3);
    width: 1px;
    height: 100%;
    position: absolute;
    right: -13px;
    top: 0;
}
canvas {
    max-width: 100%;
    height: auto;
    max-height: 350px;
}

#statstime,
#statspost,
#statsUsers,
#statsComm {
    display: block;
}
@media screen and (max-width: 420px) {
    #statsUsers,
    #statsComm {
        max-height: 200px;
        max-width: 250px;
    }
}

/* 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, 0.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-icon {
    margin: 15px auto;
}
/* Banner */
.banner__header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.banner__header-text {
    text-transform: uppercase;
    font-size: 10px;
    color: #808080;
}
.banner__header-link {
    text-transform: uppercase;
    font-size: 10px;
}
.banner__body {
    display: grid;
    grid-template-columns: 70px 1fr;
    grid-gap: 15px;
    align-items: center;
}
.banner__body-cover {
    aspect-ratio: 1 / 1;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.16), 0px 4px 18px 0px rgba(0, 0, 0, 0.08);
}
.banner__body-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner__content {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 10px;
    align-items: center;
}
/* Sidebar mobile */
.sidebar__mobile__list::before {
    content: "";
    width: 70px;
    height: 4px;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    background-color: rgb(var(--color-black), 0.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) {
    .fullstory,
    .global__container,
    .userinfo {
        grid-template-columns: minmax(200px, auto) 280px;
    }
    .cat {
        display: none;
    }

    .main__container {
        grid-template-columns: minmax(200px, auto) 280px;
        grid-template-areas: "content sidebar";
        grid-gap: 20px;
    }
}
@media screen and (min-width: 768px) {
    .panel,
    .mobile__adpost {
        display: none;
    }
    .fullstory__aside-inner {
        height: calc(100vh - 120px);
        overflow-y: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
}
@media screen and (max-width: 768px) {
    .fullstory {
        grid-template-columns: minmax(0, 1fr);
    }
    .userinfo {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "profile "
            "feed"
            "sidebar";
    }
    .global__container {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "content";
    }

    .comment .text {
        font-size: 15px;
    }
    .сommunity__icon {
        width: 70px;
        height: 70px;
    }
    .sidebar__notmobile {
        display: none;
    }
    .cat__container {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "wrapper"
            "content"
            "sidebar";
    }

    #dropmenudiv {
        margin-left: 0;
    }
    .main__container {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "content";
        padding-top: 12px;
    }

    .header .tab,
    .addpost__btn {
        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,
    .top-10 .title__top {
        font-size: 18px;
        line-height: 23px;
    }
    .fullstory__title {
        font-size: 21px;
    }
    .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 {
        justify-content: center;
    }

    .status__position {
        position: relative !important;
    }

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

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

    .header .logo__name {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .banner__body {
        grid-template-columns: 50px 1fr;
    }
    .banner__body-cover {
        width: 50px;
        height: 50px;
    }
    .banner__content {
        grid-template-columns: 1fr;
    }
    .widget__post-title {
        font-size: 15px;
    }
    .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: 75px;
    }

    .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;
    }

    .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;
    }
}
@media screen and (max-width: 440px) {
    .widget__crypto > div {
        display: flex;
        flex-direction: column;
    }
    .widget__crypto {
        gap: 10px;
    }
    .fullstory .post__footer {
        flex-direction: column;
    }
    .social__share .sharer {
        width: 40px;
        height: 40px;
    }
    .userinfo__main {
        flex-direction: column;
        align-items:start;
    }
    .userinfo__avatar {
        width: 90px;
        height: 90px;
    }
}
/* Drops */
.drops {
    --bs-dropdown-padding-x: 0.5rem;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-border-radius: 15px;
    --bs-dropdown-border-color: var(--drops-item-border);
    box-shadow: var(--drops-box-shadow);
    --bs-dropdown-bg: var(--card-bg);
}
.drops__content {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.drops .dropdown-item, .dropdown-item-engine a, .sort li a, #dropmenudiv a {
    display: flex;
    align-items: center;
    gap: 10px;
    --drops-hover-bg: rgba(var(--color-black),.05);
    --drops-color: var(--color-title);
    --bs-dropdown-item-padding-y: 7px;
    --bs-dropdown-item-padding-x: 10px;
    --bs-dropdown-item-border-radius: 10px;
    --bs-dropdown-link-color: var(--color-title);
    font-size: 15px;
    transition: var(--transition);
}
.drops .dropdown-item:hover, .drops .dropdown-item-engine a:hover,
.drops .dropdown-item:focus, .drops .dropdown-item-engine a:focus,
.drops .dropdown-item.active, .drops .dropdown-item-engine a.active, .sort li a:hover, .sort li a:focus, .sort .asc a, #dropmenudiv a:hover {
    color: var(--color-title);
    background-color: var(--drops-hover-bg);
}

.drops__danger {
    color: var(--color-red);
}

.drops .dropdown-item.drops__danger:hover,
.drops .dropdown-item.drops__danger:focus {
    --drops-hover-bg: #ff000014;
    color: var(--color-red);
}
.drops__profile {
    display: flex;
    align-items: center;
    gap: 5px;
}
.drops__title {
    font-size: 14px;
    margin-bottom: 5px;
}
.drops .dropdown-header {
    --bs-dropdown-header-padding-x: 6px;
    --bs-dropdown-header-padding-y: 5px;
    font-weight: 600;
    color: var(--color-dark);
}
.drops__count {
    border-radius: 30px;
    background-color: var(--color-primary);
    color: #fff;
    margin-left: auto;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    padding: 2px 8px;
}
.dropdown-item-engine a,
#dropmenudiv a, .sort li a, .dropdown-item-engine button {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 6px 10px;
    clear: both;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-title);
    font-family: var(--font-roboto);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: 10px;
    transition: var(--transition);
}

.dropdown-item-engine a:hover,
.dropdown-item-engine a:focus,
#dropmenudiv a:focus,
#dropmenudiv a:hover, .sort li a:hover, .sort li a:focus, 
.dropdown-item-engine button:hover, .dropdown-item-engine button:focus
 {
    
    background-color: rgba(var(--color-black),.05);
}
/* Icons */
.icon-primary {
    color: var(--color-primary);
}
.icon-gray {
    color: #5b5b5b;
}
.icon-stroke {
    stroke: currentColor;
}
/* Popover */
.popover {
    --bs-popover-bg: var(--card-bg);
}
.popover-body {
  color: var(--color-text);
}
/* Theme */
.theme__swither::before {
    --theme-icon: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 1024 1024'%3e%3cpath fill='currentColor' fill-rule='evenodd' d='M489.493 111.658c30.658-1.792 45.991 36.44 22.59 56.329C457.831 214.095 426 281.423 426 354c0 134.757 109.243 244 244 244c72.577 0 139.905-31.832 186.014-86.084c19.868-23.377 58.064-8.102 56.332 22.53C900.4 745.823 725.141 912 512.5 912C291.31 912 112 732.69 112 511.5c0-211.39 164.287-386.024 374.198-399.649l.206-.013zm-81.143 79.75l-4.112 1.362C271.1 237.943 176 364.092 176 511.5C176 697.344 326.656 848 512.5 848c148.28 0 274.938-96.192 319.453-230.41l.625-1.934l-.11.071c-47.18 29.331-102.126 45.755-159.723 46.26L670 662c-170.104 0-308-137.896-308-308c0-58.595 16.476-114.54 46.273-162.467z'/%3e%3c/svg%3e");
  
  
  
    content: "";
    width: 22px;
    height: 22px;
       background-color: var(--color-title); 
  -webkit-mask:  var(--theme-icon);
  mask:  var(--theme-icon);

  
   
    background-repeat: no-repeat;
}
.theme__swither.switch::before {
    --theme-icon: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 1024 1024'%3e%3cpath fill='currentColor' fill-rule='evenodd' d='M548 818v126c0 8.837-7.163 16-16 16h-40c-8.837 0-16-7.163-16-16V818c15.845 1.643 27.845 2.464 36 2.464c8.155 0 20.155-.821 36-2.464m205.251-115.66l89.096 89.095c6.248 6.248 6.248 16.38 0 22.627l-28.285 28.285c-6.248 6.248-16.379 6.248-22.627 0L702.34 753.25c12.365-10.043 21.431-17.947 27.198-23.713c5.766-5.767 13.67-14.833 23.713-27.198m-482.502 0c10.043 12.365 17.947 21.431 23.713 27.198c5.767 5.766 14.833 13.67 27.198 23.713l-89.095 89.096c-6.248 6.248-16.38 6.248-22.627 0l-28.285-28.285c-6.248-6.248-6.248-16.379 0-22.627zM512 278c129.235 0 234 104.765 234 234S641.235 746 512 746S278 641.235 278 512s104.765-234 234-234m0 72c-89.47 0-162 72.53-162 162s72.53 162 162 162s162-72.53 162-162s-72.53-162-162-162M206 476c-1.643 15.845-2.464 27.845-2.464 36c0 8.155.821 20.155 2.464 36H80c-8.837 0-16-7.163-16-16v-40c0-8.837 7.163-16 16-16zm738 0c8.837 0 16 7.163 16 16v40c0 8.837-7.163 16-16 16H818c1.643-15.845 2.464-27.845 2.464-36c0-8.155-.821-20.155-2.464-36ZM814.062 180.653l28.285 28.285c6.248 6.248 6.248 16.379 0 22.627L753.25 320.66c-10.043-12.365-17.947-21.431-23.713-27.198c-5.767-5.766-14.833-13.67-27.198-23.713l89.095-89.096c6.248-6.248 16.38-6.248 22.627 0m-581.497 0l89.095 89.096c-12.365 10.043-21.431 17.947-27.198 23.713c-5.766 5.767-13.67 14.833-23.713 27.198l-89.096-89.095c-6.248-6.248-6.248-16.38 0-22.627l28.285-28.285c6.248-6.248 16.379-6.248 22.627 0M532 64c8.837 0 16 7.163 16 16v126c-15.845-1.643-27.845-2.464-36-2.464c-8.155 0-20.155.821-36 2.464V80c0-8.837 7.163-16 16-16z'/%3e%3c/svg%3e");
}
.theme__swither-title {
    display: flex;
    align-items: center;
    gap: 3px;
    font-weight: 600;
    font-size: 13px;
    color: var(--color-primary);
    margin-left: auto;
}
.theme__swither-title::after {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230593ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");
}
/* Modal */
.modal-content {
    --bs-modal-bg: var(--card-bg);
    --bs-modal-color: var(--color-text);
}
.btn-close {
    --bs-btn-close-color: rgba(var(--color-black),.2);
    filter: var(--icon-filter);
}
/* Offcanvas */
.offcanvas {
    background: var(--card-bg);
}
/* Tooltip */
.tooltip .tooltip-inner {
    font-size: 12px;
}

/* Button */
.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 40px;
    font-family: var(--font-inter);
    --bs-btn-padding-x: 1.2rem;
    --bs-btn-font-weight: 600;
    --bs-btn-font-size: 0.8rem;
    --bs-btn-border-radius: 15px;
}
.btn-sm {
    --bs-btn-padding-x: 1rem;
    height: 32px;
}
.btn-lg {
    --bs-btn-padding-x: 1.1rem;
    height: 46px;
}
.btn-light {
    --bs-btn-bg:   var(--btn-light-bg);
    --bs-btn-border-color:  var(--btn-light-bg);
    --bs-btn-hover-bg:  var(--btn-light-bg-hover);
    --bs-btn-hover-border-color: var(--btn-light-bg-hover);
    --bs-btn-color: rgba(var(--color-black),.8);

    --bs-btn-hover-color: rgba(var(--color-black),.8);
}
/* Modal */
.modal {
    --bs-modal-width: 460px;
}
.modal-content {
    --bs-modal-border-radius: 12px;

    border: none;
}

/* Form */
.form-control,
.form-select {
    padding: 0.55rem 0.85rem;
    border-radius: 15px;
    font-size: 0.9rem;
    background-color: var(--form-bg);
    color: var(--form-color);
}
.form-control::placeholder,
.form-select::placeholder {
    color: rgba(var(--color-black), .4);
 }
.form-control-lg {
    --bs-border-radius-lg: 15px;
    padding: 0.7rem 1rem;
    font-size: 0.9rem;
    height: 54px;
}

.form-control:hover,
.form-select:hover {
     color: var(--form-color);
    border-color: var(--form-hover-border);
}
.form-control:focus,
.form-select:focus {
     color: var(--form-color);
    background-color: var(--form-bg);
    border-color: var(--color-primary);
    box-shadow: 0 0 0 0.18rem rgb(13, 110, 253, 0.15);
}
.popover-body {
    padding: 10px;
    font-size: 13px;
}
.form-check-input {
    background-color: rgba(var(--color-black), .04);
}
.form-text {
    color: var(--color-text);
}
/* Tabs */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    --bs-nav-pills-link-active-color: var(--color-dark);
    --bs-nav-pills-link-active-bg: transparent;
    border-color: var(--color-primary);
    opacity: 1;
    font-weight: 500;
}
.nav-pills .nav-link {
    --bs-nav-pills-border-radius: 0;
    color: var(--color-dark);
    opacity: 0.6;
    border-bottom: 3px solid transparent;
}

/* Accordion */
.accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-active-bg: rgba(var(--color-black),.05);
    --bs-accordion-active-color: var(--color-title);
}
.accordion-button {
    font-weight: 600;
        --bs-accordion-btn-color: var(--color-title);
}
.accordion-button:focus {
    box-shadow: none;    
}
.accordion-body {
    color: var(--color-text);
}
.accordion-button::after {
    filter: var(--icon-filter);
}

/* Plur */
.dlepl--borderRadius .plyr {
    border-radius: 10px !important;
}

/* Speedbar */
.speedbar {
    font-size: 14px;
    padding: 0 10px 15px;
    color: #919191;
}
.speedbar a {
    color: #535353;
}
.speedbar a:hover {
    text-decoration: underline;
}