:root {
    --var-width: 950px;
    --script: setOnline('pc')
}
body {
    background-color: #12141c;
    overflow-y: scroll;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
img, svg {
    vertical-align: middle;
}
*, ::after, ::before {
    box-sizing: border-box;
}
[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
}
button, select {
    text-transform: none;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
[type=button], [type=reset], [type=submit], button {
    -webkit-appearance:button;
}
p {
    margin-top: 0;
}
label {
    display: inline-block;
}
nav {
    padding: 0px 10px 0px 10px;
    background-color: white;
    border-bottom: 1px solid rgb(212, 212, 212);
    position: fixed;
    width: 100%;
}
rq {
    float: right;
}
.onnav {
    max-width: var(--var-width);
    margin: auto;
    padding: 7px;
}
.onnav p {
    margin-bottom: 5px;
    font-size: 24px;
}
.onnav img {
    margin-right: 15px;
    margin-bottom: 0px;
    margin-top: -5px;
}
.search {
    background-color: transparent;
    border: 1px solid rgb(212, 212, 212);
    padding: 7px 12px 7px 12px;
    border-radius: 0.375rem;
    max-width: 350px;
    width: 100%;
    outline: none !important;
    transition: 0.2s;
}
.search:focus {
    border: 1px solid rgb(165, 165, 165);
}
.rightblock {
    float: right;
}
.rightblock img {
    margin-right: 0px;
    margin-top: -4px;
    border-radius: 50px;
    margin-left: 15px;
    object-fit: cover;
}
.btnq {
    padding: 7px 12px 7px 12px;
    border: 1px solid rgb(59, 73, 223);
    background-color: white;
    color: rgb(59, 73, 223);
    border-radius: 0.375rem;
    font-weight: 600;
    transition: 0.2s;
}
.btnq:hover {
    background-color: rgb(59, 73, 223);
    color: rgb(255, 255, 255);
}
.content {
    max-width: var(--var-width);
    padding: 0px 0px 10px 0px;
    margin: auto;
    transition: 0.2s;
}
.sidebar {
    width: 180px;
    padding: 15px 0px 20px 20px;
    position: fixed;
}
.sidebar button {
    width: 100%;
    background-color: transparent;
    border: none;
    padding: 8px 10px 8px 10px;
    border-radius: 0.375rem;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #d9e1e8;
    margin-bottom: 2px;
}
.sidebar button:hover {
    background-color: rgb(224, 224, 224);
}
.cont {
    float: right;
    width: calc(100% - 175px);
    padding: 15px 20px 20px 20px;
}
.posts {
    background: transparent;
    width: calc(100% - 300px);
    float: left;
    border-radius: 5px;
}
.post {
    background-color: #232834;
    border-bottom: 1px solid #373d4c;
    /* border-radius: 0.375rem; */
    margin-bottom: 0px;
    display: inline-block;
    width: 100%;
}
.anblock {
    padding: 15px 15px 15px 15px;
    background-color: #282c37;
    border-bottom: 1px solid #373d4c;
    margin-right: calc((100% - var(--var-width))/2);
    width: 290px;
}
.twoside {
    padding: 0px 0px 0px 0px;
    float: right;
    width: 290px;
}
.user {
    margin-top: 10px;
}
.user img {
    float: left;
    margin-right: 10px;
    border-radius: 10px;
    object-fit: cover;
}
.header {
    font-weight: 600;
    margin-bottom: 0px;
}
.tower {
    line-height: 10px;
    margin-bottom: 0px;
}
.postav {
    object-fit: cover;
    border-radius: 5px;
    width: 42px;
    height: 42px;
}
.userq {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: -3px;
    margin-top: -3px;
    color: #e1e1e1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.date {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 6px;
    display: none;
}
.intitle {
    font-size: 40px;
    font-weight: 800;
    line-height: 40px;
    margin-bottom: 3px;
}
.postcont {
    float: right;
    width: calc(100% - 55px);
}
p {
    margin-bottom: 0px;
}
.p10 {
    padding: 1rem;
    padding-bottom: 0px;
    border-bottom: 1px solid #373d4c;
    background: #282c37;
    display: inline-block;
    width: 100%;
    transition: 0.2s;
}
.hashtags {
    margin-bottom: 10px;
    color: #84898f;
}
.preview {
    width: 100%;
    max-height: 280px;
    object-fit: cover;
    border-radius: 0px;
}
.articletext {
    padding: 2rem;
}
.center {
    text-align: center;
}
.center img {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    object-fit: cover;
}
.center hr {
    border-top: 1px solid #8f8f8f;
    margin-bottom: 5px;
    margin-top: 5px;
}
.localbtn {
    margin-top: 5px;
    border: none;
    padding: 7px;
    width: 100%;
    color: white;
    background: rgb(59, 73, 223);
    border-radius: 0.375rem;
    font-weight: 500;
}
.bio {
    margin-top: 10px;
    font-weight: 400;
    color: #575757;
    line-height: 20px;
}
.typename {
    margin-top: 5px;
    font-weight: 500;
    color: #84898f;
}
.typevalue {
    font-weight: 500;
    color: #c2e1e1;
    line-height: 20px;
}
.name {
    font-weight: 500;
}
.inposttext {
    font-weight: 400;
    line-height: 28px;
    font-size: 20px;
}
.inposttext img {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.title {
    font-weight: 500;
    line-height: 20px;
    color: #fbfbfb;
    margin-top: 5px;
    word-break: break-word;
}
.inposttext {
    font-weight: 400;
    line-height: 28px;
    font-size: 20px;
}
.inposttext img {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}
iframe {
    border: none;
    width: 100%;
    min-height: 300px;
    border-radius: 0.395rem;
    margin-top: 10px;
}
.bottomelem {
    padding: 2rem;
    border-top: 1px solid #d4d4d4;
}
#suk {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}
.comment {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
.comment img {
    border-radius: 50px;
}
.commentcontent {
    float: right;
    width: calc(100% - 45px);
}
.commentcontent textarea {
    width: 100%;
    min-height: 70px;
    padding: 6px 10px 6px 10px;
    border: 1px solid #d4d4d4;
    border-radius: 0.295rem;
    outline: none !important;
}
.commentcontent .localbtn {
    margin-top: 2px;
    width: auto;
    min-width: 150px;
}
.commentcontent .textq {
    width: 100%;
    min-height: 70px;
    padding: 5px 14px 11px 14px;
    border: 1px solid #d4d4d4;
    border-radius: 0.295rem;
}
.commentcontent img {
    width: 100%;
    margin-top: 5px;
    border-radius: 0.295rem;
}
.likedmenu {
    display: flex;
}
.like {
    padding: 8px 20px 8px 20px;
    width: max-content;
    background: #f5f5f5;
    margin-top: 10px;
    border-radius: 40px;
    font-weight: 600;
    margin-right: 5px;
    font-size: 16px;
    color: black;
    transition: 0.1s;
}
.like[liked] {
    padding: 8px 20px 8px 20px;
    width: max-content;
    background: #f58269;
    margin-top: 10px;
    border-radius: 40px;
    font-weight: 600;
    margin-right: 5px;
    font-size: 16px;
    color: white;
    transition: 0.1s;
}
.like i, .like[liked] i {
    margin-right: 2px;
}
textarea {
    width: 100%;
    border: none;
    overflow-y: hidden;
    outline: none !important;
    resize: none;
}
.topelem .inputq {
    background-color: transparent;
    border: 1px solid rgb(212, 212, 212);
    padding: 7px 12px 7px 12px;
    border-radius: 0.375rem;
    max-width: 100%;
    width: 100%;
    outline: none !important;
    transition: 0.2s;
}
.bottomelem .inputq, .buttonq {
    padding: 5px 12px 5px 12px;
    border: 1px solid rgb(59, 73, 223);
    background-color: rgb(59, 73, 223);
    color: white;
    border-radius: 0.375rem;
    font-weight: 600;
    transition: 0.2s;
}
.divhr {
    margin-top: 7px;
    margin-bottom: 7px;
    width: 100%;
    background-color: rgb(212, 212, 212);
    height: 1px;
}
.tags {
    border: none;
    outline: none !important;
    color: #575757;
}
.topelem {
    padding: 15px;
    border-bottom: 1px solid #d4d4d4;
}
div#suk {
    padding: 15px 15px 0px 15px;
    border-top: 1px solid #d4d4d4;
}
a {
    text-decoration: none;
    color: #b1b1b1;
}
a:hover {
    color: #7c7c7c;
}
.newpost {
    margin-bottom: 7px;
    background: #292b2e;
    padding: 15px;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
}
.newpost textarea {
    background-color: transparent;
    font-weight: 500;
}
.newpost button {
    border: none;
    padding: 3px 10px 3px 10px;
    border-radius: 3px;
    background: #3e4148;
    color: white;
    float: right;
    font-weight: 500;
}
.diheader {
    color: #c2e1e1;
    padding: 10px 15px 10px 15px;
    font-weight: 500;
    background: #313543;
    border-radius: 5px 5px 0px 0px;
}
ewq {
    font-weight: 500;
    color: #515970;
}
.anblock i {
    color: #b5bcc3;
    margin-right: 5px;
}
hr {
    margin: 7px 0px;
    color: inherit;
    border: 0;
    border-top: 1px solid #373d4c;
    opacity: .25;
}
.profilediv {
    border-radius: 5px;
    margin-bottom: 7px;
    border: none;
    width: 100%;
    padding: 0px;
    background-color: #282c37;
}
.profilediv div {
    padding: 20px;
    text-align: center !important;
}
.profilediv img {
    width: 100%;
    height: 250px;
    border-radius: 5px 5px 0px 0px;
    object-fit: cover;
}
.profilediv .loc {
    width: 100px;
    object-fit: cover;
    border-radius: 80px;
    margin-top: -110px;
    height: 100px;
    border: 0px solid #282c37;
}
.profilediv .nameq {
    color: white;
    font-size: 20px;
    font-weight: 500;
    margin-top: -10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.profilediv .statusq {
    color: #6c898f;
    margin-top: 0px;
    line-height: 15px;
    font-weight: 500;
}
#inf {
    border-radius: 5px;
    margin-bottom: 7px;
    border: none;
    padding-top: 6px;
}
.headerq {
    color: #c2e1e1;
    padding: 10px 15px 10px 15px;
    font-weight: 500;
    background: #313543;
    border-radius: 5px 5px 0px 0px;
}
.posttitle img {
    width: 100%;
    margin-top: 10px;
    border-radius: 8px;
    margin-bottom: 5px;
}
.posttitle {
    color: white;
    font-weight: 500;
}
.nbtn {
    margin-top: 10px;
    padding: 5px;
    width: 100%;
    margin-bottom: -3px;
    background: #7B68EE;
    border-radius: 3px;
    border: none;
    font-weight: 500;
    color: white;
    transition: 0.1s;
}
#hidden {
    display: none;
}
.likebtn {
    margin-top: 8px;
    margin-bottom: 4px;
    border: none;
    color: #e1e1e1;
    background: #2c465a;
    border-radius: 40px;
    padding: 3px;
    font-weight: 500;
    transition: 0.1s;
    padding-left: 15px;
    padding-right: 15px;
}
.likebtn i {
    margin-right: 1px;
}
.likebtn[liked] {
    background: tomato;
}
.headerq label {
    width: 100%;
    height: 100%;
    padding: 7px;
}
.p10[inpost] {
    margin-top: 49px;
}
.headerq[pinned] {
    position: fixed;
}
.headerq[pinned] p {
    padding: 2px 0px;
    border-bottom: none;
}
.p10[commentadd] {
    display: inline-block;
    padding-top: 0.8rem;
    border-bottom: none;
    padding-bottom: 5px;
}
.p10[commentadd] textarea {
    width: 100%;
    margin-top: 0px;
    background: #21232a;
    border: none;
    padding: 10px 12px 10px 12px;
    border-radius: 7px;
    color: white;
    font-weight: 500;
    border: 1px solid #3c404c;
    outline: none !important;
}
.p10[commentadd] button {
    width: 100%;
    padding: 3px;
    background: #375166;
    border: none;
    color: white;
    border-radius: 3px;
    font-weight: 500;
    margin-bottom: 10px;
    transition: 0.2s;
    padding: 7px 12px 7px 12px;
    border-radius: 7px;
}
.p10[comment] .postav {
    width: 36px;
    height: 36px;
    border-radius: 36px;
}
.p10[comment] .postcont {
    width: calc(100% - 45px);
}
.p10[comment] .hashtags {
    margin-bottom: 10px;
    color: #84898f;
}
.p10[comment] .title {
    margin-top: 4px;
}
#photos img {
    border-radius: 7px;
    object-fit: cover;
    transition: 0.2s;
    width: 100%;
    height: 100%;
}
#photos div {
    border-radius: 7px;
    object-fit: cover;
    margin-bottom: 9px;
    margin-top: 5px;
    margin-right: 7px;
    transition: 0.2s;
    width: calc(100%/3 - 7px);
    height: 60px;
    background-color: #2b303c;
    text-align: center;
    display: inline-block;
    color: white;
}
#photos div p {
    border-bottom: 0px;
    padding: 0px;
    margin-right: 0px;
    padding-top: 18px;
}
#textarea {
    color: white;
    font-weight: 500;
}
#authq {
    top: calc(50% - 150px);
    /* margin: calc(100% / 2 - 300px) 0px; */
    width: 100%;
    display: inline-block;
    position: absolute;
    height: 200px;
    /* border: 1px solid white; */
    color: white;
    padding: 25px;
    font-weight: 500;
    max-width: 400px;
}
#authq p {
    font-size: 30px;
    font-weight: 800;
}
body[auth] {
    background-color: #262936;
    transition: 0.2s;
}
body[auth] button, body[auth] textarea {
    width: 100%;
    margin-top: 10px;
    background: #3b3e4a;
    border: none;
    padding: 10px;
    border-radius: 7px;
    font-weight: 500;
    color: white;
    transition: 0.2s;
}
body[auth] input {
    width: 100%;
    margin-top: 7px;
    background: #282c37;
    border: none;
    padding: 10px 12px 10px 12px;
    border-radius: 7px;
    color: white;
    font-weight: 500;
    border: 1px solid #3c404c;
    outline: none !important;
}
body[auth] button[q], body[auth] input[q], body[auth] textarea[q] {
    color: white;
    background: rgb(123, 104, 238);
}
body[auth] button[light] {
    background: #5b5d66;
    color: white;
    font-weight: 500;
}
#bottombtn {
    padding: 25px;
    position: absolute;
    width: 100%;
    bottom: 0;
}
[qimg] {
    width: 100%;
    height: 180px;
    object-fit: cover;
}
[p25] {
    padding: 25px;
}
[authtitle] {
    color: white;
    font-size: 40px;
    font-weight: 900;
}
[pretitle] {
    color: #ebebeb;
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
}
[oph] {
    opacity: 0;
    display: none;
}
body[auth] div {
    transition: 0.2s;
}
body[auth] [icon] {
    color: white;
    font-size: 100px;
    font-weight: 900;
}
[ophq] {
    opacity: 0;
    display: none;
    margin-top: 51px;
    text-align: center;
}
[ophs] {
    opacity: 0;
    display: none;
    text-align: center;
}
body[auth] [preform] {
    padding: 25px;
    padding-bottom: 10px;
    text-align: center;
    margin-top: 51p;
    background: #3b3e4a;
}
[font0] {
    font-size: 0px;
}
[circleavatar] {
    object-fit: cover;
    border-radius: 50% !important;
}
[retitle] {
    color: #ebebeb;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin-top: 7px;
}
[grayinp] {
    padding: 25px;
    color: lightgrey;
    font-weight: 500;
    text-align: left;
}
[unshow] {
    display: none;
    opacity: 0;
}
#menubtn1, #menubtn2 {
    text-align: left !important;
}
[rightlike] {
    float: right;
}
[rightlike] button {
    padding: 0px;
    background: transparent;
    font-size: 14px;
    margin-top: 1px;
}
[rightlike] button[liked] {
    color: tomato;
    background-color: transparent;
}
[comment] .hashtags {
    margin-top: 0px;
}
[comment] {
    border-bottom: none;
    padding-top: 10px;
}
.profilediv[inmenu] {
    padding-bottom: 49px;
}
.nonecover {
    width: 100%;
    height: 100px;
    background: #282c37;
}
#menubtn1 {
    background: #343948;
    color: white;
    padding: 10px 15px;
    font-weight: 500;
    text-align: left;
    border-bottom: 1px solid #282c37;
}
#menubtn2 {
    background: #343948;
    color: white;
    padding: 10px 15px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 10px;
}
[rightq] {
    padding: 0px !important;
    text-align: left;
    float: right;
}
.cont {
    transition: 0.2s;
}
#userlist {
    padding: 0.4rem 1rem;
    border-bottom: none;
}
#userlist .userq {
    line-height: 20px;
    padding-top: 11px;
    margin: 0px
}
[feed] {
    border-bottom: none !important;
}
[feedblock] .lq {
    padding: 0px 0px 10px 0px !important;
    float: none !important;
    line-height: 28px;
}
.widget {
    background: #2f3b44;
    color: #9ca9b3;
    padding: 10px 10px 10px 10px;
    border-radius: 8px 8px 0px 0px;
    margin-bottom: 2px !important;
}
[towidget] {
    padding: 0px !important;
    background-color: transparent !important;
}
[towidget] p {
    float: none !important;
    padding-top: 13px !important;
}
.widget .postcont {
    width: calc(100% - 53px);
}
[nobottom] {
    margin-bottom: 0px !important;
}
.dwidget {
    background: #2f3b44;
    color: #9ca9b3;
    padding: 10px 10px 10px 10px;
    border-radius: 0px 0px 0px 8px;
    margin: 0px;
    width: calc(50% - 1px) !important;
    color: white;
    font-size: 20px;
    font-weight: 400;
}
.dwidget[rightlike] {
    border-radius: 0px 0px 8px 0px;
}
[animated] {
    transition: 0.2s;
}
[nobottom] {
    border-bottom: none !important;
}
[settingsdiv] {
    padding: 15px 15px 15px 15px !important;
    font-size: 16px;
    color: #d9d9d9 !important;
}
[settingsdiv] button {
    background: rgb(123, 104, 238);
    border: none;
    margin-top: 7px;
    border-radius: 7px;
    color: white;
    font-weight: 500;
    outline: none !important;
    width: calc(50% - 3px);
}
[settingsdiv] label {
    padding: 10px 12px 10px 12px;
    border-radius: 7px;
    color: white;
    font-weight: 500;
    width: 100%;
}
[topped] {
    margin-top: 10px;
}
[settingsdiv] input, textarea {
    width: 100%;
    margin-top: 7px;
    background: #282c37;
    border: none;
    padding: 10px 12px 10px 12px;
    border-radius: 7px;
    color: white;
    font-weight: 500;
    border: 1px solid #3c404c;
    outline: none !important;
}
[centred] {
    text-align: center !important;
}
[pinned] ewq[righted] {
    float: right;
    padding-top: 2px;
}
.createblock {
    margin-top: 80px;
    text-align: center;
}
.createblock input, textarea {
    width: 100%;
    margin-top: 7px;
    background: #282c37;
    border: none;
    padding: 10px 12px 10px 12px;
    border-radius: 7px;
    color: white;
    font-weight: 500;
    border: 1px solid #3c404c;
    outline: none !important;
}
.createblock button {
    width: 100%;
    margin-top: 7px;
    background: rgb(123, 104, 238);
    border: none;
    padding: 10px 12px 10px 12px;
    border-radius: 7px;
    color: white;
    font-weight: 500;
    border: none;
    outline: none !important;
}
.createblock [icon] {
    color: white;
    font-size: 100px;
    font-weight: 900;
    line-height: 110px;
}
[labeled] {
    width: 100%;
    height: 100%;
    padding: 7px;
}
input[type="date"] {
    display:block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;
    min-width: 96%;
}
aaq {
    color: #8a8d95;
}
.contextmenu {
    width: 100%;
    position: fixed;
    box-sizing: border-box;
    z-index: 1;
    opacity: 1;
    padding: 12px;
    display: none;
    transition: 0.2s;
    bottom: -100%;
}
.inmenq {
    width: 100%;
    padding: 12px;
    background: #2e323c;
    border-radius: 15px;
    border: 1px solid #414754;
    max-width: 600px;
    transition: 0.2s;
}
.contextmenu .inmenq button {
    width: 100%;
    border: none;
    background: transparent;
    color: #cfcfcf;
    font-weight: 500;
    border-radius: 10px;
    padding: 9px;
    text-align: left;
}
.contextmenu .inmenq button[lighted] {
    width: 100%;
    border: none;
    background: #a393932b;
    color: #cfcfcf;
    font-weight: 500;
    border-radius: 10px;
    padding: 9px;
    text-align: center;
    margin-top: 8px;
}
[dshow] {
    display: none;
}
[editpost] {
    padding: 10px;
}
[editpost] textarea {
    margin-top: 0px !important;
}
[editpost] button {
    margin-bottom: 0px !important;
}
[prep] {
    margin-right: 2px !important;
}
[smqi] {
    font-size: 13px;
}
[notediv] {
    padding: 25px;
    color: white;
}
[darked] {
    display: block;
    color: #d5d3d3;
}
[notetitle] {
    font-size: 40px;
    font-weight: 800;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 15px;
    outline: none !important;
}
[notetext] {
    font-weight: 400;
    font-size: 20px;
    outline: none !important;
}
[notediv] .postav {
    width: 2rem;
    height: 2rem;
    object-fit: cover;
    border-radius: 50px;
}
[notediv] .postcont {
    float: right;
    width: calc(100% - 40px);
}
[preview] {
    max-height: 180px;
    object-fit: cover;
}
[notelike] {
    padding: 8px 25px 8px 25px;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 0px;
}
[feeded] {
    max-height: 100px;
}
[feediv] {
    padding: 1.25rem;
}
[prevtitle] {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
}
[wshow] {
    display: block;
}
.cattitle {
    font-size: 18px;
    color: white;
    padding: 1rem;
    padding-bottom: 0px;
}
.category {
    margin-top: 12px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 1rem;
    padding-top: 0px;
}
[appsdiv] {
    display: block;
    width: 100%;
    font-weight: 500;
    padding: 0;
}
#app {
    margin-right: 10px;
    display: inline-block;
}
#app img {
    width: 100px;
    border-radius: 10px;
    max-height: 100px;
    min-height: 100px;
    object-fit: cover;
}
.apptitle {
    color: white;
    margin-top: 10px;
    line-height: 16px;
}
[appauthor] {
    color: #a7a4a4;
    margin-top: 4px;
}
.appframe {
    border: none;
    width: 100%;
    min-height: 300px;
    border-radius: 0px;
    margin-top: 0px;
    position: absolute;
    height: calc(100% - 100px);
    margin-top: 49px;
}
#userlist:active {
    background: #2a2e38;
}
/*[unbottom] {
    border-bottom: none !important;
}
.activityblock {
    background: #2c2f38;
    border-radius: 10px;
    padding: 10px 14px;
    margin-bottom: -5px !important;
}
.activityblock .titleq {
    color: #c3bbbb;
    margin-bottom: 10px;
}
.activityblock p {
    float: left !important;
}
.activityblock img {
    width: 45px;
    height: 45px;
    margin-bottom: 5px;
    border-radius: 5px;
    margin-left: 1px;
    object-fit: cover;
}
.activityblock div {
    float: right;
    width: calc(100% - 55px) !important;
    margin-bottom: 0px !important;
}
[actname] {
    line-height: 16px !important;
    margin-top: 2px;
}
[actdesc] {
    color: #9d9b9b;
}*/

[unbottom] {

}
.activityblock {
    /*background: #2c2f38;*/
    border-radius: 10px;
    padding: 0px 3px;
    margin-bottom: 4px !important;
}
.activityblock .titleq {
    color: #c3bbbb;
    margin-bottom: 10px;
    display: none;
}
.activityblock p {
    float: left !important;
}
.activityblock img {
    width: 45px;
    height: 45px;
    margin-bottom: 5px;
    border-radius: 5px;
    margin-left: 1px;
    object-fit: cover;
}
.activityblock div {
    float: right;
    width: calc(100% - 55px) !important;
    margin-bottom: 0px !important;
}
[actname] {
    line-height: 16px !important;
    margin-top: 2px;
}
[actdesc] {
    color: #9d9b9b;
}
[darkitem] {
    background-color: #2b2e36 !important;
    border-bottom: 1px solid #1f2126 !important;
}
[darkblock] {
    background-color: #1f222a;
}
[nomicon] {
    font-size: 40px;
    color: white;
    margin-top: 12px;
}
[nomtitle] {
    margin-top: 10px;
    display: block;
    border: none !important;
    padding: 0px !important;
    margin-right: 0px !important;
}
[nomdesc] {
    display: block;
    border: none !important;
    margin-top: 5px;
    font-size: 16px;
    color: gray;
    margin-bottom: 10px;
    line-height: 20px;
    padding: 0px !important;
    margin-right: 0px !important;
}
[uplow] {
    margin-top: 8px;
    border-radius: 7px 7px 0px 0px;
    margin-bottom: 1px !important;
}
[sqw] {
    width: 15px !important;
    margin-bottom: 0px !important;
}
[lolow] {
    margin-top: 0px;
    border-radius: 0px 0px 7px 7px;
}
.fakebtn {
    width: 100%;
    margin-top: 7px;
    background: #282c37;
    border: none;
    padding: 10px 12px 10px 12px;
    border-radius: 7px;
    color: white;
    font-weight: 500;
    border: 1px solid #3c404c;
    outline: none !important;
    margin-bottom: 12px !important;
}
.fakebtn select {
    width: 100%;
    background: #282c37;
    border: none;
    color: white;
    font-weight: 500;
    outline: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20x%3D%2212px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%225px%22%20viewBox%3D%220%200%206%203%22%20enable-background%3D%22new%200%200%206%203%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23fff%22%3E%3Cpolygon%20points%3D%225.992%2C0%202.992%2C3%20-0.008%2C0%20%22/%3E%3C/svg%3E);
    background-position: 100% center;
    background-repeat: no-repeat
}
[lastfakebtn] {
    margin-bottom: 0px !important;
}
locstr {
    display: none !important;
}
[langitem] {
    background-color: transparent !important;
    border-bottom: 1px solid #2f3138 !important
}
[welow] {
    margin-bottom: 1px !important;
}
lk {
    color: #c3c3c3;
}
.buttonsdiv {
    padding: 8px 0px 2px 0px;
    width: 100%;
}
.buttonsdiv button {
    padding: 3px 18px;
    border: none;
    border-radius: 30px;
    font-weight: 500;
    background: white;
}
.buttonsdiv button[blc] {
    background: #3f4450 !important;
    color: white;
}
nakl {
    margin-right: 10px;
    color: #707891;
    line-height: px;
    padding: 10p;
    font-size: 16px;
    background: #707891;
    padding: 1px 8px 2px 8px;
    color: white;
    border-radius: 15px;
}
nakl[onenum] {
    padding: 0px 12px 1px 12px;
}
button, input, textarea {
    -webkit-appearance: none;
}
[pinicon] {
    font-size: 13.5px;
    margin-left: 4px;
}
.spinner {
    animation: rotate 2s linear infinite;
    z-index: 2;
    width: 50px;
    height: 50px;
}
.spinner .path {
    stroke: white;
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}
[unactive] {
    opacity: 0.1 !important;
    pointer-events: none;
}
.loadpage {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
}
cobj {
    display: none !important;
}

@media screen and (max-width: 640px) {
    :root{
        --script: setOnline('mob');
    }
    .sidebar, .twoside, .newpost {
        display: none;
    }
    .posts, .cont {
        width: 100%;
    }
    .cont {
        padding: 0px;
    }
    .profilediv div {
        text-align: center;
    }
    .profilediv img, .profilediv, .headerq {
        border-radius: 0px;
    }
    .profilediv .loc {
        border: 4px solid #282c37;
        margin-left: -4px;
        border-radius: 50%;
    }
    .profilediv .nameq {
        margin-top: -15px;
    }
    .profilediv {
        margin-bottom: 0px;
    }
    .headerq p {
        display: inline-block;
        border-bottom: 2px solid #5086b7;
        padding: 7px 5px;
        margin-right: 6px;
    }
    #hidden {
        display: inline-block;
        width: 100%;
    }
    #pc {
        display: none;
    }
    .headerq, .p10 {
        background-color: #1f222a;
    }
    .profilediv button {
        width: 100%;
        margin-bottom: -5px;
        background: #7b68ee;
        border: none;
        padding: 3px;
        margin-top: 12px;
        color: white;
        font-weight: 500;
        border-radius: 3px;
        transition: 0.1s;
        padding: 7px 12px 7px 12px;
        border-radius: 10px;
    }
    .infoblockm {
        padding: 15px 15px 5px 15px;
        background: #1f222a;
        color: white;
        font-weight: 500;
        border-bottom: 1px solid #282c37;
    }
    .infoblockm p {
        border: none;
        padding: 1.5px;
        width: calc(100% - 32px);
        float: right;
        line-height: 20px;
    }
    .infoblockm i {
        font-size: 18px;
        color: #68898f;
        padding: 3px 3px 3px 5px;
    }
    .infoblockm div {
        display: inline-block;
        width: 100%;
        margin-bottom: 8px;
    }
    .headerq textarea {
        width: 100%;
        margin-top: 12px;
        background: #21232a;
        border: none;
        padding: 10px 12px 10px 12px;
        border-radius: 7px;
        color: white;
        font-weight: 500;
        border: 1px solid #3c404c;
        outline: none !important;
    }
    .headerq button {
        width: 100%;
        padding: 3px;
        background: #375166;
        border: none;
        color: white;
        border-radius: 3px;
        font-weight: 500;
        margin-bottom: 10px;
        transition: 0.2s;
        padding: 7px 12px 7px 12px;
        border-radius: 7px;
    }
    .headerq button:hover {
        background: #2a3c4a;
    }
    .bbar {
        width: 100%;
        bottom: 0;
        position: fixed;
        border-top: 1px solid #282c37;
        background: #1f222a;
        z-index: 10;
    }
    .bbtn {
        background: transparent;
        border: none;
        color: white;
        padding: 10px;
        width: calc((100%/3) - 3px);
        width: calc((50%) - 3px);
        font-size: 20px;
        transition: 0.1s;
    }
    .bbtn img {
        width: 25px;
        height: 25px;
        margin-top: -6px;
        border-radius: 3px;
        object-fit: cover;
    }
    .headerq {
        border-bottom: 1px solid #282c37;
    }
    #state2 {
        background: #3e4556;
    }
    .posts {
        margin-bottom: 50px;
    }
}
.appframe.fullsized {
    height: calc(100% - 51px);
    margin-top: 0px;
}
.appframe.fullsized.nobar {
    height: 100%;
}
.bbar[notshow] { display: none !important; }
@media screen and (min-height: 780px) and (max-width: 600px) {
    .bbar {
        padding-bottom: 15px; /* ifon x */
    }
    .posts {
        margin-bottom: 65px;
    }
    .appframe.fullsized {
        height: calc(100% - 66px);
    }
}

p.tmopen {
    margin-bottom: 10px;
    color: #6e7981;
    font-size: 15px;
}