:root {
    --var-width: 730px;
    --script: setOnline('pc')
}
html, body {
    height: 100%;
}
body {
    background-color: #060606;
    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;
}
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: 280px;
    padding: 15px 10px 20px 10px;
    position: fixed;
    height: 100%;
    border-right: 1px solid #222222;
    overflow-y: auto;
}
.sidebar:active::-webkit-scrollbar-thumb,
.sidebar:focus::-webkit-scrollbar-thumb,
.sidebar:hover::-webkit-scrollbar-thumb {
    visibility: visible;
}
.sidebar::-webkit-scrollbar-thumb {
    background-color: #252525;
    visibility: hidden;
}
.sidebar::-webkit-scrollbar {
    width: 6px;
}
.sidebtn {
    width: 100%;
    background-color: transparent;
    border: none;
    padding: 12px 18px 12px 7px;
    border-radius: 30px;
    text-align: left;
    font-size: 17px;
    font-weight: 800;
    color: #d9e1e8;
    margin-bottom: 2px;
    transition: 0.2s;
}
.sidebtn div {
    display: inline-block;
    width: 40px;
    text-align: center;
}
.sidebtn p {
    width: calc(100% - 45px);
    float: right;
}
.sidebtn:hover {
    background-color: rgb(38 38 38);
}
.cont {
    float: right;
    width: calc(100% - 280px);
}
.posts {
    background: transparent;
    width: 100%;
    float: left;
}
.post {
    background-color: #232834;
    border-bottom: 1px solid #373d4c;
    margin-bottom: 0px;
    display: inline-block;
    width: 100%;
}
.anblock {
    padding: 12px;
    background-color: transparent;
    float: right;
    width: 300px;
    border-left: 1px solid #222222;
    padding-top: 15px;
    height: 100%;
    display: none;
}
.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: 50px;
    width: 46px;
    height: 46px;
}
.userq {
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: -3px;
    margin-top: -4px;
    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% - 59px);
}
p {
    margin-bottom: 0px;
}
.p10 {
    padding: 1rem;
    padding-bottom: 0px;
    border-bottom: 1px solid #2c2c2c;
    background: transparent;
    display: inline-block;
    width: 100%;
    transition: 0.2s;
}
.p10:hover {
    background: #8787871f;
}
.hashtags {
    margin-bottom: 10px;
    color: #84898f;
    font-weight: 600;
}
.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: 600;
    line-height: 23px;
    color: #fbfbfb;
    margin-top: 5px;
    font-size: 17px;
    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;
}
.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: 700;
    color: #515970;
}
.anblock i {
    color: #b5bcc3;
    margin-right: 0px;
}
hr {
    margin: 10px 0px;
    color: inherit;
    border: 0;
    border-top: 1px solid #373d4c;
    opacity: .25;
}
.profilediv {
    border: none;
    width: 100%;
    padding: 0px;
    background-color: transparent;
}
.profilediv div {
    padding: 0px;
}
[p20] {
    padding: 20px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #2c2c2c;
}
[b20] {
    padding-bottom: 20px !important
}
.profilediv img {
    width: 100%;
    height: 320px;
    object-fit: cover;
}
.profilediv .loc {
    width: 120px;
    object-fit: cover;
    border-radius: 100px;
    margin-top: -110px;
    height: 120px;
    border: 4px solid #060606;
}
.profilediv .nameq {
    color: white;
    font-size: 20px;
    font-weight: 700;
    margin-top: -5px;
}
.profilediv .statusq {
    color: #6c898f;
    margin-top: 2px;
    line-height: 15px;
    font-weight: 600;
}
#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: 15px;
    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: #282828;
    border-radius: 40px;
    padding: 4px;
    font-weight: 600;
    transition: 0.1s;
    padding-left: 18px;
    padding-right: 18px;
}
.likebtn:hover {
    background: #303030;
}
.likebtn i {
    margin-right: 1px;
}
.likebtn[liked] {
    background: tomato;
}
.likebtn[liked]:hover {
    background: rgb(235, 94, 69);
}
.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;
    padding-top: 15px;
    border-bottom: 1px solid #2c2c2c;
}
.p10[commentadd] img {
    width: 36px;
    height: 36px;
}
.p10[commentadd] .postcont {
    width: calc(100% - 48px);
}
.p10[commentadd] .pubbtn {
    float: right;
    font-weight: 700;
    margin-top: 5px;
}
.p10[commentadd] textarea {
    width: 100%;
    margin-top: -3px;
    background: transparent;
    border-radius: 0px;
    padding: 0px 0px 10px 0px;
    font-weight: 600 !important;
    font-size: 16px;
    border-radius: 0px;
    color: white;
    border: none;
    outline: none !important;
}
.p10[commentadd] button {
    padding: 3px;
    background: #444444;
    border: none;
    color: white;
    border-radius: 40px;
    font-weight: 500;
    margin-bottom: 10px;
    transition: 0.2s;
    padding: 7px 16px 7px 16px;
    float: right;
}
.p10[commentadd] ewq {
    float: right;
    margin-right: 6px;
    margin-top: 0px;
    background: #1e1e1e;
    border-radius: 55px;
    color: #b5bcc3;
    padding: 0px 5px;
}
.p10[comment] .postav {
    width: 36px;
    height: 36px;
    border-radius: 36px;
}
.p10[comment] .postcont {
    width: calc(100% - 45px);
}
.p10[comment] .hashtags {
    margin-bottom: 7px;
    color: #84898f;
}
.p10[comment] .title {
    margin-top: 4px;
    font-size: 16px;
}
#photos img {
    border-radius: 7px;
    object-fit: cover;
    transition: 0.2s;
    width: 100%;
    height: 100%;
}
#photos div {
    border-radius: 15px;
    object-fit: cover;
    margin-bottom: 9px;
    margin-top: 5px;
    margin-right: 7px;
    transition: 0.2s;
    width: calc(100%/3 - 7px);
    height: 60px;
    background-color: #131314;
    text-align: center;
    color: white;
    display: inline-block;
}
#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: 35px;
    font-weight: 800;
}
body[auth] {
    background-color: #060606;
    transition: 0.2s;
    display: flex;
    justify-content: center;
    padding-top: 100px;
}
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;
}
[oph], [ophq] {
    width: 400px;
}
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 {
    width: 100%;
    margin-top: 10px;
    background: #3b3e4a;
    border: none;
    padding: 10px;
    border-radius: 7px;
    font-weight: 500;
    color: white;
    transition: 0.2s;
}
body[auth] button[q], body[auth] input[q], body[auth] textarea[q] {
    color: white;
}
body[auth] button[light] {
    background: #5b5d66;
    color: white;
    font-weight: 500;
}
#bottombtn {
    padding: 25px;
    position: absolute;
    width: 400px;
    bottom: 0;
}
#main {
    width: 400px;
}
[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: 600;
    margin-top: 20px;
    margin-bottom: 15px;
}
[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;
}
body[auth] input, body[auth] textarea {
    background: #141414;
    border: none;
    padding: 10px 12px 10px 12px;
    border-radius: 7px;
    color: white;
    font-weight: 500;
    border: 1px solid #282727;
    outline: none !important;
}
[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;
}
[rightlike] {
    float: right;
}
[rightlike] button {
    padding: 0px;
    background: transparent;
    font-size: 14px;
    margin-top: 1px;
    outline: none !important;
}
[rightlike] button:hover, [rightlike] button[liked]:hover {
    background: transparent !important;
}
[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;
}
.profilediv[inmenu] div {
    text-align: center;
}
.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: 13px;
    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;
}
[notetext] {
    font-weight: 400;
    font-size: 20px;
}
[notediv] .postav {
    width: 2rem;
    height: 2rem;
    object-fit: cover;
    border-radius: 50px;
}
[notediv] .postcont {
    float: right;
    width: calc(100% - 40px);
}
[preview] {
    width: 100%;
    max-height: 180px;
    object-fit: cover;
}
.notewrite [preview] {
    border-radius: 11px;
}
[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: 800;
    line-height: 28px;
}
[wshow] {
    display: block;
}
.cattitle {
    font-size: 18px;
    color: white;
    padding: 1rem;
    font-weight: 700;
    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: 450px;
    min-height: 300px;
    border-radius: 0px;
    margin-top: 0px;
    position: absolute;
    height: calc(100% - 51px);
    border-right: 1px solid #2c2c2c;
}
.headerpc {
    width: 400px;
    padding: 12px 15px 12px 15px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 900;
    position: fixed;
    background: #060606ad;
    backdrop-filter: blur(2rem);
}
#posts {
    margin-top: 50px;
}
.homenewpost {
    background: #6868682b;
    display: inline-block;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 15px;
}
.homenewpost textarea {
    background: transparent;
    border: none;
    padding: 0px;
    margin-top: 0px;
    font-size: 18px;
    padding: 4px;
    font-weight: 700;
}
.homenewpost .pubbtn {
    float: right;
    background: #383838;
    border: none;
    border-radius: 40px;
    padding: 9px 18px;
    font-weight: 700;
    font-size: 16px;
    color: white;
    margin-top: 5px;
}
.homenewpost .attach {
    float: right;
    margin-right: 6px;
    padding: 9px 14px;
    margin-top: 5px;
    background: #1e1e1e;
    border-radius: 55px;
}
.widgethead {
    color: #c2e1e1;
    padding: 13px 15px 0px 15px;
    font-weight: 900;
    font-size: 17px;
    background: #6868682b;
    border-radius: 15px 15px 0px 0px
}
.widgetbody {
    border-radius: 0px 0px 15px 15px;
    display: inline-block;
    padding: 5px 0px 5px 0px;
    background: #6868682b;
    margin-bottom: 10px;
    width: 100%;
}
.infod img {
    width: 100%;
    border-radius: 15px;
    max-height: 200px;
    /*object-fit: cover;*/
}
.infod .name {
    color: white;
    font-weight: 700;
    margin-top: 5px;
}
.infod .desc {
    font-weight: 700;
    color: #767676;
    line-height: 17px;
    margin-bottom: 15px;
}
.widgetspace {
    padding: 5px;
}
.widgetcard {
    width: calc(50% - 2px);
    padding: 10px;
    padding-top: 0px;
    display: inline-block;
    padding-right: 2px;
    padding-bottom: 0px;
}
.widgetcard[second] {
    float: right;
    padding-left: 3px;
    padding-right: 10px;
}
.widgetcard img {
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
    height: 118px;
}
.widgetcard p {
    color: rgb(223, 223, 223);
    margin-top: 10px;
    line-height: 16px;
    font-weight: 700;
}
.widgetcard button {
    margin-top: 10px;
    width: 100%;
    background: transparent;
    color: #7a93f1;
    border: 1px solid #7a93f1;
    font-weight: 700;
    border-radius: 10px;
    padding: 3px 0px 3px 0px;
}
.profilebtn {
    background: #ffffff;
    border: none;
    border-radius: 40px;
    padding: 9px 32px;
    font-weight: 700;
    font-size: 16px;
    color: black;
    margin-top: 15px;
}
.profilebtn[dark] {
    background: #222222;
    color: white;
}
.infoart {
    padding: 0px;
    display: inline-block;
    margin-top: 8px;
    width: 100%;
}
.infoart .iconc {
    width: 20px;
    padding: 0px;
    display: inline-block;
    font-size: 18px;
    color: gray;
}
.infoart .textc {
    padding: 0px;
    width: calc(100% - 30px);
    font-size: 16px;
    float: right;
    color: white;
    line-height: 24px;
    font-weight: 600;
    margin-top: 3px;
}
.infoart .textc[second] {
    margin-top: 1px;
    color: #d1cece !important;
}
[unpin] {
    position: unset;
    width: 100%;
}
[untopped] {
    margin-top: 0px !important;
}
[righthr] {
    border-right: 1px solid #2c2c2c;
}
[unshowhr] {
    border: none;
}
.infoart[second] {
    margin-top: 5px;
}
.activityblock {
    margin-top: 15px;
    padding: 10px 10px 5px 10px !important;
    background: #cdcccc0f;
    margin-bottom: 5px;
    border-radius: 12px;
}
.activityblock [actname] {
    font-weight: 700;
    color: white;
    margin-top: 6.5px;
    line-height: 20px;
}
.activityblock [actdesc] {
    font-weight: 700;
    color: #8d8d8d;
}
.activityblock img {
    width: 55px;
    height: 55px !important;
    margin-bottom: 5px;
    border-radius: 5px;
    margin-left: 1px;
    object-fit: cover;
}
.activityblock div {
    float: right;
    width: calc(100% - 70px) !important;
    margin-bottom: 0px !important;
}
.notewidget {
    padding: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.notewidget .titlename {
    font-size: 20px;
    line-height: 24px;
    color: #bfbfbf;
    font-weight: 700;
}
.notewidget .datename {
    color: gray;
    font-weight: 600;
}
[bottomed] {
    padding-bottom: 5px;
}
.predbtn {
    width: 100%;
    margin-bottom: 10px;
    padding: 8px;
    background: white;
    border: none;
    border-radius: 11px;
    font-weight: 700;
    transition: 0.2s;
}
.predbtn:hover {
    background: #dbdada;
}
.predbtn i {
    color: black;
}
.widgetprofile {
    text-align: center;
    padding: 5px 10px 5px 10px;
}
.widgetprofile img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
}
.widgetprofile p {
    color: white;
    margin-top: 7px;
    font-weight: 700;
    font-size: 18px;
}
.widgetprofile button {
    width: 100%;
    margin-top: 10px;
    border: none;
    background: rgb(123, 104, 238);
    padding: 9px 32px;
    font-weight: 700;
    color: white;
    font-size: 16px;
    border-radius: 40px;
}
.widgetnote {
    padding: 0px 10px 0px 10px;
    color: #dddddd;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
}
#comments {
    margin-top: 7px;
}
[pinnon] {
    width: 449px;
}
.posts[changed] {
    width: calc(100% - 400px);
}
.anblock[changed] {
    width: 400px;
}
.headerpc[p25] {
    padding-left: 25px;
    width: 300px;
}
[sfirstelem] {
    padding: 10px 15px 10px 15px;
    background: #141414;
    border-bottom: 1px solid #262626;
    border-radius: 15px 15px 0px 0px;
}
[ssecondelem] {
    padding: 10px 15px 10px 15px;
    background: #141414;
    border-bottom: 1px solid #262626;
}
[sthirdelem] {
    padding: 10px 15px 10px 15px;
    background: #141414;
    border-radius: 0px 0px 15px 15px;
}
.nameof {
    color: white;
    font-weight: 600;
}
.descof {
    color: gray;
    font-weight: 600;
}
.settingslist {
    padding: 15px;
    padding-left: 25px;
    padding-top: 0px;
}
.settingsprev {
    padding-left: 18px;
    padding-top: 5px;
    padding-bottom: 20px;
    height: 100%;
}
.settingsprev .profilediv {
    border-radius: 15px;
    margin-bottom: 7px;
    border: none;
    width: 100%;
    padding: 0px;
    background-color: transparent;
    border: 1px solid #2c2c2c;
}
.settingsprev .profilediv img {
    border-radius: 15px 15px 0px 0px;
}
.settingsprev .profilediv div {
    padding: 15px 15px 20px 15px;
}
.settingsprev ars {
    color: gray;
    margin-bottom: 10px;
    font-weight: 600;
}
.settingsprev .updbtn {
    border: none;
    margin-top: 7px;
    border-radius: 7px;
    color: white;
    font-weight: 500;
    outline: none !important;
    width: calc(50% - 3px);
    margin-bottom: 10px;
    margin-bottom: 7px;
    border: none;
    background: #9d8f8f2e;
    border-radius: 10px;
}
.settingsprev .updbtn label {
    padding: 10px 12px 10px 12px;
    border-radius: 7px;
    color: white;
    font-weight: 500;
    width: 100%;
}
.settingsprev .uptext {
    width: 100%;
    margin-bottom: 7px;
    padding: 12px 14px;
    border: none;
    background: #9d8f8f12;
    border-radius: 10px;
    outline: none !important;
    color: white;
    margin-top: 5px;
}
.anblock[truecha] {
    padding: 0px;
    padding-top: 0px;
}
[peq] {
    margin-bottom: 2px !important;
}
.anblock[pinnedq] {
    position: fixed;
    margin-left: 400px;
}
[labeled] {
    padding: 7px;
}
img[inwall] {
    width: 46px !important;
    height: 46px !important;
}
div[inwall] {
    width: calc(100% - 59px) !important;
}
textarea[inwall] {
    font-size: 16px !important;
    font-weight: 600 !important;
}
.notifpop {
    float: right;
    background: #161616;
    border: 1px solid #2e2d2d;
    border-radius: 15px;
    padding: 2px 7px 2px 7px;
    margin-top: -3px;
    margin-right: -8px;
    min-width: 40px;
}
a {
    color: #979090;
    font-weight: 500;
    text-decoration: none;
    margin-right: 5px;
}
qwe {
    color: gray;
    padding: 0px 2px;
}
.flexed {
    display: flex;
    border-bottom: 1px solid #2c2c2c;
    padding-bottom: 0px;
}
img.smallst {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 50%;
    margin-left: -12px;
    border: 2px solid #060606;
}
.flexed .headerpc {
    display: inline-block;
    width: auto;
}
.unpagged {
    padding-left: 9px;
    padding-top: 5px;
}
[data-tooltip] {
    position: relative;
}
[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    width: 300px;
    left: 0; top: 0;
    background: #3989c9;
    color: #fff;
    padding: 0.5em;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    pointer-events: none;
    opacity: 0;
    transition: 1s;
} 
[data-tooltip]:hover::after {
    opacity: 1;
    top: 2em;
}
[ingroup] {
    margin-top: 0px !important;
}
cobj {
    display: none !important;
}
button {
    outline: none !important;
    cursor: pointer;
}
[hhe] {
    padding: 12px 15px 12px 18px;
}
.alertblock {
    text-align: center;
    padding: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 450px;
}
.alertblock img {
    width: 200px;
    height: 150px;
    border-radius: 15px;
    object-fit: cover;
}
.alertblock p[alerttitle] {
    color: #ededed;
    font-weight: 800;
    font-size: 24px;
    margin-top: 10px;
}
.alertblock p[alertdesc] {
    color: gray;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
}
.alertblock button {
    margin-top: 20px;
}
.statsplace {
    padding: 10px 12px 7px 12px;
    background: #6e6d6d12;
    border-radius: 10px;
    margin-bottom: 6px;
}
.statsplace p {
    color: white;
    font-weight: 500;
    line-height: 18px;
    font-size: 15px;
}
[topped] {
    margin-top: 50px;
}
[hidden] {
    display: none;
}
.headerpc .predbtn {
    padding: 1px 15px;
    border-radius: 7px;
    width: auto;
    float: right;
    font-size: 16px;
    margin-bottom: 0px;
    margin-left: 5px;
}
[hoveredui] {
    transition: 0.2s;
}
[hoveredui]:hover {
    background: #8787871f;
}
.privblock {
    padding: 10px 12px 2px 12px;
    border-radius: 10px;
    color: #e5e5e5;
    margin-top: 8px;
    background: #141414;
    font-weight: 500;
}
.fakebtn {
    width: 100%;
    margin-top: 7px;
    background: transparent;
    padding: 10px 12px 10px 12px;
    border-radius: 7px;
    color: white;
    font-weight: 500;
    border: 1px solid #363636;
    outline: none !important;
    margin-bottom: 12px !important;
}
.fakebtn select {
    width: 100%;
    background: #141414;
    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;
}
.buttonsdiv button {
    padding: 3px 18px;
    border: none;
    border-radius: 30px;
    font-weight: 500;
    background: white;
    margin-top: 6px;
    margin-bottom: 2px;
}
.stinput {
    width: 100%;
    margin-bottom: 2px;
    padding: 12px 14px;
    border: none;
    background: #9d8f8f12;
    border-radius: 10px;
    outline: none !important;
    color: white;
    margin-top: 5px;
}
[yellowico] {
    font-size: 60px;
    color: yellow;
    margin-bottom: 15px;
}
.notewrite {
    padding: 10px 15px 15px 15px;
}
.notewrite [notetitle] {
    padding: 0px 8px;
    outline: none !important;
}
.notewrite [notetext] {
    padding: 0px 0px 18px 8px;
    outline: none !important;
}
[unhover]:hover {
    background-color: transparent;
    background: transparent;
}
[unhover] {
    border-bottom: none !important;
}
.notewrite [notediv] {
    padding: 0px;
}
[withlabel] {
    width: 100%;
    margin-bottom: 15px;
    padding: 0px;
    background: white;
    border: none;
    border-radius: 11px;
    font-weight: 700;
}
.acceptarea {
    padding: 0.4rem 0.9rem;
    padding-bottom: 10px;
}
.acceptarea div {
    padding: 15px;
    background: #141414;
    color: white;
    border-radius: 10px;
}
.acceptarea div .unpagged {
    float: right;
    margin-top: -6px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    background: transparent;
}
.acceptarea div .smallst {
    border: 2px solid #141414;
}
[unsel] {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.loadpage {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 449px;
    height: 100%;
    position: absolute;
}
[unactive] {
    opacity: 0.1 !important;
    pointer-events: none;
}
.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;
    }
}

@media screen and (max-width: 640px) {
    :root{
        --script: setOnline('mob');
    }
    html, body {
        height: 100%;
    }
    .sidebar, .twoside, .newpost {
        display: none;
    }
    .posts, .cont {
        width: 100%;
    }
    .cont {
        padding: 0px;
    }
    .profilediv div {
        text-align: left;
    }
    .profilediv img, .profilediv, .headerq {
        border-radius: 0px;
    }
    .profilediv .loc {
        border: 4px solid #282c37;
        margin-left: -4px;
        border-radius: 10px;
    }
    .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: 10px;
        color: white;
        font-weight: 500;
        border-radius: 3px;
        transition: 0.1s;
        padding: 7px 12px 7px 12px;
        border-radius: 7px;
    }
    .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;
    }
}
@media screen and (max-height: 800px) {
    :root {
        --var-width: 690px;
    }
    .title {
        line-height: 22px;
        font-size: 16px;
    }
    .profilediv img {
        height: 200px;
    }
    .sidebtn {
        padding: 8px 18px 8px 7px;
        font-size: 17px;
    }
    .sidebtn p {
        font-size: 16px;
        font-weight: 700;
    }
    .sidebar {
        width: 240px;
        padding: 15px 10px 20px 0px;
    }
    .cont {
        width: calc(100% - 240px);
    }
}


@keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

.snowy-theme {
    background-image: url(/static/styles/snowy/stage.png), url(/static/styles/snowy/stage3.png), url(/static/styles/snowy/stage2.png);
    height: 100%;
    animation: snow 8s linear infinite;
    position: fixed;
    top: 0;
    z-index: -1;
    width: 100%;
}
.videocont {
    width: 100%;
    margin-top: 10px;
    border-radius: 15px;
    margin-bottom: 5px;
}
.appframe.fullsized {
    height: 100%;
}

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