:root{
--text:#000;
--bg:#fff;
--db:#dbdbdb;
--rib:linear-gradient(90deg,#fff,#bdbdbd32,#bdbdbdbd,#bdbdbd32,#fff);
--pos:#fafafa;
--foo:linear-gradient(to bottom,rgba(255,255,255,0),#fff,#fff);
--ad:#ccc;
--spl:solid 2px var(--text);
--bor:.5px solid #eee;
--sli:linear-gradient(to left,rgba(255,255,255,0),#fff);
--aft:linear-gradient(to right,rgba(255,255,255,0),#fff);
--hov:rgb(238,238,238);
--hov2:#f5f6f6;
--top:inset 0 1px 15px rgb(238,238,238);
--brd:none;
--st:#aaa;
--lod:#eeeeee;
--lodd:#dddddd;
--wru:#f1f1f1;
--ttd:#404040;
--vid:#fff;
--vids:rgb(70,70,70);
--bar:0px 5px 10px -13px rgb(0,0,0);
--tec:#666;
--wr:#aaa;
--profileartpic:radial-gradient(ellipse at center,#ffffffbd 1%,#fff0 66%);
--profileartpic_large:radial-gradient(ellipse at center,#ffffff8f 10%,#fff0 50%);
--chat:#939393;
--tag:0px 1px 10px rgba(0,0,0,0.3);
--chatsbg:rgba(0,0,0,0.05);
--addcontent:rgba(0,0,0,0.15);
--chathor:rgba(0,0,0,0.10);
--avachatfeatures:#888;
--avachatcontents:#aeaeae;
--avachatboxshadow:0px 3px 5px #6f6f6f;
--bioshadow:rgba(0,0,0,0.1) 0px 0px 10px;
--logo:0 0 5px rgb(150,150,150),inset 0 0px 6px rgb(96,96,96,0.5);
--biostats:#eaeaea;
--privbg:rgb(255,255,255) 0px 0px 50px 35px;
--perfgraph:#fff;
--perfgraph2:69%;
--cellscbb:#fff;
--cellscbr:#fff;
--graphfigures:#f6f6f6;
--levels:#00ae9f;
--levels0:#FF7AF2;
--here:0 0 15px rgb(150,150,150),inset 0 0px 6px rgb(96,96,96,0.5);
--here1:rgba(183,183,183,0.5);
--news:#fafafa;
--loading:#f1f1f1;
--loading2:#ccc;
--newsloading:#f1f1f1;
--newsloading1:#ccc;
--highlight:0px 0px .5px .5px rgb(28,28,28),0px 0px 10px .5px rgb(89,89,89);
--searchstars:#cecece;
--hov3:rgb(215,215,215);
--chatlist:#6179F830;
--spontaneous-chat:#ffb500;
--spontaneous-chat2:#c6c6c6;
--spontaneous-chat3:#a6a6a6;
--load_1:#e1e1e1;
--load_2:#fafafa;
--border_avachat_chatlist:#6179F8;
--bg_search:rgb(215,215,215);
--bg_search_hov:rgb(231,233,236);
--searchbar:0px 25px 37px -50px rgb(0,0,0);
--searchbarmin:0px 17px 37px -39px rgb(0,0,0);
--searchresult:#f5f5f5;
--searchhighlight:#fffccc;
--more:#ececec;
--stroke:#666;
--postline:#e1e1e1;
--levelsAnimation1:50px;
--levelsAnimation2:50px;
--levelsAnimation3:50px;
--levelsAnimation4:50px;
--levelsAnimation5:50px;
--levelsAnimation6:50px;
--levelsAnimation7:50px;
--levelsAnimation8:50px;
--levelsAnimation9:50px;
--levelsAnimation10:50px;
--levelsAnimation11:50px;
--levelsAnimation12:50px;
--action_color:#e1c258;
--action_color2:#d7b236;
--action_color3:#ffe280;
--action_color1:#ffda5f;
--text-select:#ffe19c;
--article-buttons:#838383;
--highlightPost:#fbea93;
--bgChatCount:#fff;
--zoomButtons:#e1e1e1;
--container_transition:unset;
--overlay-zind-transition:.15s;
--light_article_view_color:#232323;
--light_article_view_before_color:#232323;
--light_article_view_name-color:#fff;
--light_article_view_name-opacity:.3;
--light_article_view_before:unset;
--light_article_view-opacity:1;
--add_fave:#f0f0f0;
--comments:#181a1ea1;
--addfave:#ccc;
--addfavehover:#aeaeae;
--login-color:#fc2323}
@media(prefers-color-scheme:dark){
:root{
--text:#fff;
--bg:#000;
--db:#bdbdbd;
--rib:linear-gradient(90deg,#0e0f15,#373737,#bdbdbdbd,#373737,#0e0f15);
--pos:rgba(255,255,255,0.05);
--foo:linear-gradient(to bottom,rgba(0,0,0,0),#000,#000);
--ad:#666;
--spl:solid 2px white;
--bor:.5px solid #222;
--sli:linear-gradient(to left,rgba(0,0,0,0),#000);
--aft:linear-gradient(to right,rgba(0,0,0,0),#000);
--hov:#181a23;
--hov2:#191a22e0;
--top:inset 0 1px 15px rgb(51,51,51);
--brd:none;
--st:rgba(51,51,51,0.7);
--lod:rgba(33,33,33);
--lodd:rgba(51,51,51);
--wru:#31333e;
--ttd:#000;
--vid:#fff;
--vids:rgb(28,28,28);
--bar:0px 5px 15px -15px rgb(255,255,255);
--tec:#bbb;
--wr:#111;
--profileartpic:radial-gradient(ellipse at center,#000000bd 1%,#0000 66%);
--profileartpic_large:radial-gradient(ellipse at center,#0000005e 10%,#0000 50%);
--chat:#666;
--tag:0px 1px 15px rgba(255,255,255,0.5);
--chatsbg:rgba(255,255,255,0.05);
--addcontent:rgba(255,255,255,0.15);
--chathor:rgba(255,255,255,0.10);
--avachatfeatures:#333;
--avachatcontents:#1e1e1e;
--avachatboxshadow:0px 3px 5px #000;
--bioshadow:rgba(255,255,255,0.15) 0px 0px 10px;
--logo:0 0 10px rgb(96,96,96),inset 0 0px 10px rgb(96,96,96,0.5);
--biostats:#0f0f0f;
--privbg:rgb(0,0,0) 0px 0px 50px 35px;
--perfgraph:#2f2f2f;
--perfgraph2:76%;
--cellscbb:#1e1e1e;
--cellscbr:#333;
--graphfigures:#000;
--levels:#003530;
--levels0:#75366F;
--here:0 0 56px rgb(96,96,96),inset 0 0px 15px rgb(96,96,96);
--here1:rgb(66,66,66);
--news:#181a1e8f;
--loading:#111;
--loading2:#222;
--newsloading:#666;
--newsloading1:#1c1c1c;
--highlight:0px 0px .5px .5px rgb(255,255,255),0px 0px 10px .5px rgb(255,255,255);
--searchstars:rgb(29,30,36);
--hov3:#191a22e0;
--chatlist:#151723;
--stroke:white;
--spontaneous-chat:#6A5E50;
--spontaneous-chat2:rgba(255,255,255,0.05);
--spontaneous-chat3:rgba(255,255,255,0.10);
--load_1:#31333e;
--load_2:#565a66;
--border_avachat_chatlist:#30365B;
--bg_search:rgb(50,51,61);
--bg_search_hov:#191a22e0;
--searchbar:0px 25px 37px -50px rgb(255,255,255);
--searchbarmin:0px 17px 37px -39px rgb(255,255,255);
--searchresult:#0b0b0b;
--searchhighlight:#51503c;
--more:#1a1a1a;
--postline:#31333e;
--levelsAnimation1:50px;
--levelsAnimation2:50px;
--levelsAnimation3:50px;
--levelsAnimation4:50px;
--levelsAnimation5:50px;
--levelsAnimation6:50px;
--levelsAnimation7:50px;
--levelsAnimation8:50px;
--levelsAnimation9:50px;
--levelsAnimation10:50px;
--levelsAnimation11:50px;
--levelsAnimation12:50px;
--action_color:#2b2615;
--action_color2:#96780f;
--action_color3:#3e3800;
--action_color1:#4f4700;
--text-select:#666;
--article-buttons:#ccc;
--highlightPost:#6f6535;
--bgChatCount:#090909;
--zoomButtons:#1a1a1a;
--container_transition:unset;
--overlay-zind-transition:.15s;
--light_article_view_color:unset;
--light_article_view_before_color:#000;
--light_article_view_name-color:#fff;
--light_article_view_name-opacity:unset;
--light_article_view-opacity:.3;
--add_fave:#3f3f3f;
--comments:#181a1edb;
--addfave:#222;
--addfavehover:#222;
--login-color:#ffa6a6}
}
@media screen and (orientation:landscape){
#menu2{transform:translateX(-100%)!important;transition:.3s}
#menu2.sideopen{
background:var(--bg);
width:90vw!important;
transform:translateX(0vw)!important}
.menuitems{
flex-direction:row!important}
#econtainer.is-menu-visible{
transform:translate(90vw)!important;
transition:.3s
}
.profileimg4{
flex-direction:row!important;
width:100%;
align-items:center
}
.profileimg4 .country{
margin-left:5px
}
.editbiobutton{
flex:0 0 calc(50% + 28px);
text-align:right
}
.editbio2{
margin:10px 0 0 10px
}
.viewfavs{
justify-content:center
}
.membertypeno{
font-size:29px;
margin:unset!important}
.authname{
font-size:29px;margin:unset!important
}
.mi-item{
text-align:center}
.pb-title2{
width:80%!important}

}
.chatlist_{
justify-content:center;
}
@media screen and (min-width:810px){
#menu2{transform:translateX(-100%)!important;transition:.3s}
#menu2.sideopen{
width:90vw!important;
transform:translateX(0vw)!important}
#econtainer.is-menu-visible{
transform:translate(90vw)!important;
transition:.3s
}
.profileimg4{
flex-direction:row!important;
width:100%;
align-items:center
}
.profileimg4 .country{
margin-left:5px
}
.editbiobutton{
flex:0 0 calc(50% + 28px);
text-align:right
}
.editbio2{
margin:10px 0 0 10px
}
.viewfavs{
justify-content:center
}
.membertypeno{
font-size:29px;
margin:unset!important}
.authname{
font-size:29px;margin:unset!important
}
.mi-item{
text-align:center}
.pb-title2{
width:80%!important}
.menuitems{
flex-direction:row!important}
}
.editbiobutton{
flex:0 0 calc(50% + 28px);
text-align:right
}
.editbiobutton.editChanges{
flex:0 0 calc(50% + 49px)
}
.editbio_button_loading{
display:flex
}
.photoButton.loading_right{
flex:0 0 calc(50% + 37px);
justify-content:flex-end
}
.photoButton.loading_right.lang{
flex:0 0 calc(50% + 54px)
}
.photoButton.loading_right.lang2{
flex:0 0 calc(50% + 53px)
}
.editphoto2{
margin:10px 0 0 10px;
flex:0 0 32px
}
.roButton{
flex:0 0 calc(50% + 53px)
}
.editbiobutton.roButton2{
flex:0 0 calc(50% + 86px)
}
@media screen and (orientation:portrait){
#econtainer.is-menu-visible{
/*transform:translate(290px)!important;*/
transition:.3s
}
}
.membertype{
font-weight:bold;font-size:18px}
@media screen and (max-width:500px){
.membertype{
font-size:18px}
}
#turn{
display:none;
z-index:100;
position:fixed;
left:50%;
top:39%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.profilearticles{
bottom:73px;
position:relative;
display:flex;
justify-content:center;
align-content:center}
.profilebg{
background:var(--profileartpic);width:86px;height:86px;border-radius:50px;position:absolute
}
#myNav2.enlarged .bigart2{
width:150px;
height:111px;
background:var(--profileartpic_large)
}
#myNav2.enlarged .profilearticles{
bottom:96px}
#myNav2.enlarged .profilearticles img{
height:66px;
margin-top:unset}
#myNav2.enlarged .profilearticles .profileArticleImg{
height:73px;
width:73px;
border-radius:37px;
top:unset}
#myNav2.enlarged .profilearticles .article_pic{
height:56px;
margin-top:unset
}
.profilearticles img{
height:39px;
margin-top:23px}
.profilearticles .article_pic{
height:35px;
margin-top:28px
}
@media (orientation:landscape){
#turn{
display:block;
color:red}
.body-vid2{
display:none}
.body2{
width:100%!important}
}
body{
font-family:'Optima';
letter-spacing:.5px;
background:var(--bg);
background-size:cover;
min-height:100%;
color:var(--text);
font-size:15px;
margin:0 auto;
width:50%;
-webkit-text-size-adjust:none;
touch-action:pan-x pan-y;
overflow-x:hidden}
body.loading{
background:var(--text)
}
body input::-webkit-input-placeholder{font-family:'Optima';letter-spacing:1px}
body input:-ms-input-placeholder{font-family:'Optima';letter-spacing:1px}
body input::-moz-placeholder{font-family:'Optima';letter-spacing:1px}
input[type=submit]{font-family:'Optima';letter-spacing:.5px}
body.article{
overflow:hidden}
a{
text-decoration:none;
color:unset
}
.taglink:hover,.taglink:active,.taglink2:hover,.taglink2:active{
background:var(--hov2)!important
}
.hoverspot{
border-bottom:1px solid var(--postline);
border-radius:15px}
@media screen and (min-width:500px){
.hoverspot{
background:var(--news);
border-bottom:unset}
.hoverspot.oo.backdrop{
backdrop-filter:blur(15px);
-webkit-backdrop-filter:blur(15px);
}
.hoverspot.oo:hover,.hoverspot.oo:active{
background:var(--hov) !important}
}
.hoverspot.active:hover,.hoverspot.active:active{
cursor:pointer
}
.hoverspot.oo.ae:hover,.hoverspot.oo.ae:active{
background:unset!important}
.hoverspot.oo.ae{
background:#000}
.news-post.img-pos{
float:var(--lr)
}
.span1:before{
font-family:Georgia,"Times New Roman",Times,serif;
content:"\201C";
font-weight:bold;
font-size:37px;
bottom:5px;
position:relative}
.span3:before{
font-family:Georgia,"Times New Roman",Times,serif;
content:"\201D";
font-weight:bold;
font-size:37px;
top:-5px;
position:relative}
.span1,.span3{
flex:0}
.span1{
margin-left:15px
}
.span3{
margin-right:15px
}
.span2{
flex:1;
font-family:Georgia,"Times New Roman",Times,serif;
font-style:italic;
margin:0px 10px;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
max-width:fit-content}
.layerspans{
display:flex;
color:#fff;
margin:0 10px 10px}
.content{
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
.container{
display:flex;
flex-wrap:wrap;
justify-content:space-around
}
.canvas{
align-items:center;
background:radial-gradient(ellipse at center,red 0%,var(--text) 70%,var(--text) 100%);
border-radius:30%;
box-shadow:0 5px 20px rgba(0,0,0,0.2);
display:flex;
height:2em;
justify-content:center;
width:2em
}
.spinner3{
animation:spinnerThree 1s linear infinite;
background:var(--text);
border-radius:100%;
position:relative;
left:.8em;
width:.4em;
height:.31em
}
@keyframes spinnerThree{
0%,35%{
background:var(--text);
transform:scale(.1)}
20%,50%{
background:var(--text);
transform:scale(3.1)}
60%{
background:blue;
opacity:1;
transform:scale(10)}
70%{
background:var(--bg);
opacity:.3;
transform:scale(15)}
80%{
background:gray;
opacity:.2;
transform:scale(20)}
90%{
background:gray;
opacity:.15;
transform:scale(25)}
95%{
background:gray;
opacity:.08;
transform:scale(30)}
100%{
background:gray;
opacity:.05;
transform:scale(40)}
}
.spinner4{
animation:spinnerFour .5s linear infinite;
border:solid 1px transparent;
border-top:solid 1px gray;
border-radius:100%;
width:2em;
height:2em;
position:relative
}
@keyframes spinnerFour{
0%{
transform:rotate(0deg)}
100%{
transform:rotate(360deg)}
}
@media (max-width:600px){
.container{
align-items:center;
flex-direction:column;
height:100%;
overflow-y:scroll;
overflow-x:hidden;}
.canvas{
margin:1em}
}
body{
width:auto;
margin:0 0 1em 0
}
@media(min-width:700px) and (min-height:300px){
body{
width:auto;
margin:0 0 1em 0}
/* .container{
background-image:url('../images/pattern.svg');
background-repeat:repeat}*/
.pb-title2{
max-width:399px}
#container.container{
display:flex;
flex-direction:row;
width:100%}
#post.news-post:after{
content:"\a";
white-space:pre}
#post .row-area img{
width:419px}
#post.news-post:nth-child(even){
left:50px;
width:419px;
margin-right:30vw;
position:relative}
#post.news-post:nth-child(odd){
right:50px;
width:419px;
margin-left:30vw;
position:relative}
#post.news-post.e:nth-child(even){
right:50px;
left:unset;
width:419px;
margin-left:30vw;
margin-right:unset;
position:relative}
#post.news-post.e:nth-child(odd){
left:50px;
right:unset;
width:419px;
margin-right:30vw;
margin-left:unset;
position:relative}
}
#post .row-area img{
width:399px}
@media screen and (max-width:500px){
#post .row-area img{
width:98vw}
}
@media(min-width:599px) and (max-width:699px){
#post.news-post{
width:100%;
position:relative;
margin:0 15px 5px 15px}
}
#post.news-post{
max-width:500px;
overflow:hidden;
z-index:1}
#initial-plus:hover,#initial-plus:active{
background-color:var(--addcontent);
transition:.5s}
.top-border{
background-image:linear-gradient(to bottom,#ddd 1%,transparent 100%);
height:5px
}
.slider_wrap{
width:100%;
overflow:hidden;
position:relative;
box-shadow:var(--bar);
z-index:3;
margin-bottom:10px}
.slider_wrap:after{
content:'';
height:100%;
width:16px;
background:var(--aft);
position:absolute;
top:0;
right:0;
z-index:1}
.slider3{
box-shadow:0px 66px 66px -66px var(--newsloading1);
padding-bottom:66px}
.slider,.slider2,.slider3{
font-size:16px;
width:100%;
height:100%;
display:flex;
overflow-x:scroll;
scroll-snap-type:x mandatory;
-ms-overflow-style:none;
scrollbar-width:none;
overflow-y:hidden;
-webkit-overflow-scrolling:touch
}
@media (max-width:500px){
.slider2{
box-shadow: var(--bar);
margin-bottom: 10px;
}
}
.tagend{
color:var(--bg);
font-weight:bold}
.slider::-webkit-scrollbar,.slider2::-webkit-scrollbar,.slider3::-webkit-scrollbar{
display:none;
height:0;
width:0
}
.taglink,.taglink2{
padding:19.7px 19px;
cursor:pointer;
color:var(--tec);
border-radius:35px;
position:relative;
text-align:center;
width:max-content;
display:inline-block;
flex-shrink:0;
background:var(--pos)
}
.taglink.first,.taglink2.first{
padding:10px 15px;
color:#fff;
font-weight:bold}
.taglink.second{
color:#FF7AF2}
.owra{
height:100px;
width:100px;
border:var(--brd);
border-radius:100px;
text-align:center;
margin:0px 8px 0 0;
box-shadow:0px 0px 1px rgba(50,50,50,.1),0px 2px 4px rgba(60,60,60,0.1);
background:var(--pos);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
flex:0 0 100px;
position:relative;
z-index:1}
.owra.ee{
cursor:pointer
}
.owra2{
position:relative
}
.stars.spin .topline{
-moz-transform:rotate(36000deg);
-webkit-transform:rotate(3600deg);
-ms-transform:rotate(3600deg);
-o-transform:rotate(3600deg)}
.stars .topline{
transition:2s
}
.stars{
position:relative;
z-index:1
}
.mnv1{
z-index:10;position:absolute;display:flex
}
.mnv2{
display:flex;flex-direction:column;transition:3s
}
.mnv22{
display:flex;flex-direction:column;transition:ease .2s;
z-index:3;
overflow-x:hidden;
overflow-y:scroll;
background:var(--bg);
box-shadow:0px 5px 10px var(--bg);
width:inherit}
.closemnv2{
flex:1;
text-align:right}
.closemnv22{
flex:1;
text-align:left}
.tt3{
flex:1;text-align:left
}
.updmdv{
width:200px;height:50px;display:none
}
#scontainer,.post-container,#scontainer2{
display:flex
}
#scontainer2{
margin-left:15px}
#backtobio2container{
display:flex;
align-items:center}
#backtobio2container2,#backtobio2e{
flex:1}
#goavachatbacktobio{
flex:1}
.goavachat2{
background:linear-gradient(to bottom,#6179F8,#AEAEAE);
width:max-content;
padding:5px 15px;
border-radius:15px;
cursor:pointer;
color:var(--bg);
position:relative}
.row-area{
display:flex}
.row0{
flex-direction:row-reverse
}
.row1{
flex-direction:row
}
.img0.sect1{
margin-left:125px;
height:101px;display:flex;
align-items:center;
flex-direction:column;
justify-content:center;
margin-bottom:15px}
.img0.sect0{
margin:10px 125px 28px 0;
height:101px;
display:flex;
align-items:center;
flex-direction:column;
justify-content:center;
margin-bottom:15px}
.img1.sect0,.img1.sect1{display:none}
.tag-area.archive{
margin-right:0}
.tag-area,.tag-area.news-sim{
border-radius:11px;
text-align:center;
color:var(--text)
}
.tag-area.stream{
background:linear-gradient(50deg,#6179F8 37%,#FF7AF2 100%);
border-radius:15px 0 0 0;
padding:12px;
margin:0;
font-size:11px}
.tag-area.new{
background-color:#FF7AF2;
color:#fff;
padding:1px 0 0;
flex:66px;
box-shadow:var(--tag);
padding:1px 10px 2px 10px;
font-weight:bold}
.tag-area.sim_.adv{
background:var(--ad);
width:80px
}
.tag-area.new.scandal{
width:53px;
background:#F00;
color:#fff;
padding:2px 11px 1px 11px;
font-weight:bold;
box-shadow:var(--tag)}
@media(min-width:451){
#load2.tag-area.new.scandal{
flex:69px}
}
.tag-area.new.scandal:hover{
box-shadow:0px 0px 10px rgba(255,255,255,0.5)
}
.bodypic{
height:100%;
display:flex;
margin:0 auto}
.tag-area.new.breaking{
background:#BF0;
color:#000;
padding:0px 10px;
box-shadow:var(--tag);
padding:1px 10px 2px 10px;
font-weight:bold}
.tag-area.new.uni{
width:50px;
background:#6179F8;
color:#000;
padding:1px 0 0}
.tag-area.archive,.tag-area.sim_.nopic.archive{
background:var(--wr);
width:80px;
border-radius:15px 0 0 0;
padding:10px;
margin:0
}
.tag-area.poll{
border-radius:15px 0 0 0;
padding:12px;
margin:0;
font-size:11px
}
.tag-area.sim_.img{
background-color:var(--wru);
width:23px;
border-radius:15px 0 0 0;
padding:12px;
margin:0;
font-size:11px}
.tag-area.sim_.vid{
background-color:#505986;
width:23px;
border-radius:15px 0 0 0;
padding:12px;
margin:0;
font-size:11px}
.title-area{
flex:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
padding:10px;
border-radius:15px 15px 0 15px;
font-size:16px;
text-align:center}
.titleloading{
flex:100%;
margin-left:10px;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#load01.titleloading.title0{
border-radius:15px 15px 0}
#load01.titleloading.title1{
border-radius:0 15px 0 0;
margin-left:0px}
#load2.img,#load2.archive,#load2.vid{
border-radius:15px 0 0}
@media(max-width:450px){
.titleloading{
margin-left:0px}
}
.pf-svg path{
fill:#000
}
.initial-plus path{
stroke:var(--text)
}
.top-profile-border2{
z-index:11;
width:100%;
position:absolute;
top:18px;
display:flex;
justify-content:space-between}
.new_msg_pic{
flex:0 1 auto;width:max-content;padding:5px 15px;border-radius:15px;cursor:pointer;color:var(--bg);position:relative;background:linear-gradient(to bottom,#6179F8,#AEAEAE)
}
.new_msg{
text-align:right;
margin-right:15px;
flex:1}
.enlargemini{
flex:1}
.activation{
font-size:23px
}
.additional_step{
text-align:left}
@media screen and (max-width:500px){
.activation{
margin:15px;
font-size:17px}
.additional_step{
margin:0 10px 10px 18px}
}
.top-profile-border{
z-index:10;
width:100%;
flex:1;
background:url("../images/ae.svg");
background-repeat:no-repeat;
background-position:center -15px;
display:flex
}
.title-area.title1{
background-color:var(--hov);
border-radius:0 15px 0 0
}
.body-area{
flex:100%;
margin:15px;
display:-webkit-box;
-webkit-line-clamp:13;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
color:var(--tec);
line-height:1.5em
}
.body-area .o .a,.body-area .body2_{
white-space:pre-wrap
}
.body-area .o .a{
max-width:263px;
word-wrap:break-word
}
.body2_.presentation.no-intro{
width:66%;
min-height:119px
}
.profilebody{
flex:1}
.eee{
display:flex;
flex-direction:column;
align-items:center;
border-radius:66px;
padding:10px;
margin:0 25px 0 0;
box-shadow:var(--newsloading1) 0px 0px 15px .5px;cursor:pointer
}
.eee #profilee{
margin:unset}
.newchatbody{
background-image:url(../images/body.svg);
background-position:center;
background-repeat:no-repeat;
width:29px;
height:39px}
@media (min-width:700px) and (min-height:700px){
.body-area{
}
}
.body-area.b34sim_.pic{
-webkit-line-clamp:13
}
.body-area.b34sim_.pic img{
display:none
}
.article-picsim_.pic{
display:none
}
.opcl{
opacity:.3;
pointer-events:none
}
.img0.img-area{
position:absolute}
.row1 .img-area img{
margin:10px
}
.row0 .img1.img-area img,.row1 .img1.img-area img{
margin:35px 35px 35px}
.b341 .img-area.c34{
display:none
}
.row0 .img-area img{
margin:10px
}
.img-area img{
border-radius:12px;
width:98px;height:98px;
background-size:cover
}
.img-area img{
margin:0 0 10px 10px
}
.ctv0{
display:none
}
.ctv1{
align-self:center;
border:5px solid #9F9F9F5C;
border-radius:12px;
text-align:center;
animation:click-to-view 1.5s infinite;
margin:58px auto 0 auto;
padding:10px;
display:block;
width:69px
}
.row-area.disable0{
display:none
}
.row-area.show2{
display:none
}
.row-area.disable2{
display:unset}
.footergraph{
display:flex;width:100%;position:relative;min-height:399px}
.footergraphicsl{
flex:1;
border-top-right-radius:1000px;
border-top-color:#6179F8;
border-width:.5px;
border-top-style:solid;
margin-left:23vw}
.footergraphicsr{
flex:1;
border-top-left-radius:1000px;
border-top-color:#6179F8;
border-width:.5px;
border-top-style:solid;
margin-right:23vw}
.footergraphicsc{
height:50vh}
.fgleft{
opacity:0;
position:absolute;
transition:1s;
padding-left:500px;
height:0vh;
left:250px;
bottom:166px;
z-index:-1;
rotate:-3deg}
.fgright{
opacity:0;
position:absolute;
transition:1s;
height:0vh;
padding-right:500px;
right:250px;
bottom:166px;
z-index:-1;
rotate:3deg}
.fgcenter0{
opacity:0;
position:absolute;
transition:1s;
height:0vh;
padding-left:51%;
left:0px;
bottom:166px;
z-index:-1}
.fgcenter{
opacity:0;
position:absolute;
transition:1s;
height:0vh;
padding-right:51%;
right:0px;
bottom:166px;
z-index:-1}
.fgcenter1{
opacity:0;
position:absolute;
transition:1s;
height:0vh;
padding-right:51%;
right:0px;
bottom:166px;
z-index:-1}
.background-privacy{
background:var(--bg);
box-shadow:var(--privbg);
border-radius:60px}
#earningsperf{
display:flex;font-size:39px;margin-top:30px;font-weight:bold;z-index:1;position:relative}
#statisticsperf{
display:flex;font-size:39px;margin-top:30px;font-weight:bold;z-index:1;position:relative}
#settingsperf{
display:flex;font-size:39px;margin-top:30px;font-weight:bold;z-index:1;position:relative}
.earnings{
cursor:pointer;margin-right:15vw
}
.statistics001{
cursor:pointer;margin-right:60vw
}
@media screen and (min-width:1199px){
.earnings1,.performance1{
width:calc(100%/1.5 - 10px)
}
}
.earnings1{
border-radius:23px;height:123px;margin:0 auto;background:var(--biostats);box-shadow:var(--bioshadow)
}
.performance{
cursor:pointer;margin-left:10vw
}
.performance1{
border-radius:23px;height:123px;margin:0 auto;background:var(--biostats);box-shadow:var(--bioshadow)
}
@media screen and (min-width:810px) and (max-width:1198px){
.earnings1,.performance1{
width:auto;
margin:0 15px
}
}
.anima{
width:69px;
text-align:right;
height:50px;
overflow:hidden;
font-size:60.6px;
height:59px;
bottom:-1px;
position:relative}
.anima2{
width:60.6px;
height:60px
}
.anima ul{
list-style:none;
margin:0;
padding:0;
animation:anim 5s forwards;
animation-iteration-count:1;
line-height:65.9px
}
@keyframes anim{
0%{
margin-top:0
}
90%{
margin-top:-5660px
}
95%{
margin-top:-5661px
}
96%{
margin-top:-5662px
}
97%{
margin-top:-5663px
}
98%{
margin-top:-5664px
}
99%{
margin-top:-5665px
}
100%{
margin-top:-5666px
}
}
/*flip animation
.flip{
position:relative
}
.flip .counter{
position:absolute;
top:0;
left:0;
transform:rotateX(90deg);
opacity:0;
transition:all 0.6s;
-webkit-animation:change 12s infinite;
font-size:2em
}
.flip .counter:first-child{
transform:rotateX(0deg);
opacity:1;
-webkit-animation-delay:0s
}
.flip .counter:nth-child(2){
-webkit-animation-delay:2s
}
.flip .counter:nth-child(3){
-webkit-animation-delay:4s
}
@-webkit-keyframes change{
0%{
transform:rotateX(90deg);
opacity:0
}
15%{
transform:rotateX(0deg);
opacity:1
}
33%{
transform:rotateX(90deg);
opacity:0
}
}
html
<div class="flip">
<div class="counter">1</div>
<div class="counter">2</div>
<div class="counter">3</div>
</div>
*/
.levelsborder{
height:10px;
position:relative;
border:1px solid #9F7000;
overflow:hidden;
border-radius:6px
}
.levels{
position:absolute;
background-color:var(--levels)
}
.levels.e0{
background-color:var(--levels0)}
.levels_content_quality{width:200px;animation:levelsAnimation 3s forwards}
.levels_user_attraction{width:200px;animation:levelsAnimation_1 3s forwards}
.levels_user_interaction{width:200px;animation:levelsAnimation_2 3s forwards}
.levels_user_views{width:200px;animation:levelsAnimation_3 3s forwards}
.levels_ads_revenue{width:200px;animation:levelsAnimation_4 3s forwards}
.levels_sales{width:200px;animation:levelsAnimation_5 3s forwards}
.levels_content_quality2{width:200px;animation:levelsAnimation_6 3s forwards}
.levels_user_attraction2{width:200px;animation:levelsAnimation_7 3s forwards}
.levels_user_interaction2{width:200px;animation:levelsAnimation_8 3s forwards}
.levels_user_views2{width:200px;animation:levelsAnimation_9 3s forwards}
.levels_ads_revenue2{width:200px;animation:levelsAnimation_10 3s forwards}
.levels_sales2{width:200px;animation:levelsAnimation_11 3s forwards}
@keyframes levelsAnimation{0%{right:200px}100%{right:var(--levelsAnimation1)}}
@keyframes levelsAnimation_1{0%{right:200px}100%{right:var(--levelsAnimation2)}}
@keyframes levelsAnimation_2{0%{right:200px}100%{right:var(--levelsAnimation3)}}
@keyframes levelsAnimation_3{0%{right:200px}100%{right:var(--levelsAnimation4)}}
@keyframes levelsAnimation_4{0%{right:200px}100%{right:var(--levelsAnimation5)}}
@keyframes levelsAnimation_5{0%{right:200px}100%{right:var(--levelsAnimation6)}}
@keyframes levelsAnimation_6{0%{right:200px}100%{right:var(--levelsAnimation7)}}
@keyframes levelsAnimation_7{0%{right:200px}100%{right:var(--levelsAnimation8)}}
@keyframes levelsAnimation_8{0%{right:200px}100%{right:var(--levelsAnimation9)}}
@keyframes levelsAnimation_9{0%{right:200px}100%{right:var(--levelsAnimation10)}}
@keyframes levelsAnimation_10{0%{right:200px}100%{right:var(--levelsAnimation11)}}
@keyframes levelsAnimation_11{0%{right:200px}100%{right:var(--levelsAnimation12)}}
#logo-anim{position:relative}
#logo-anim path{fill:url(#paint0_linear_1411_100);fill-opacity:0;animation:fill-anim 1.5s ease forwards 0s}
@keyframes fill-anim{from{fill-opacity:0}to{fill-opacity:1}}
@keyframes fill-anim0{from{fill-opacity:0}to{fill-opacity:1}}
@keyframes fill-anim2{from{stop-opacity:0}to{stop-color:#6179f8;stop-opacity:1}}
#logo-anim{animation:minimize 0s forwards 0s,translate-anim3 3s ease forwards .5s,line-anim3 .5s ease forwards 3.5s,color-change2 1.5s infinite 6s, color-change3 1.5s infinite 6s}
@keyframes minimize{to{transform:scale(0.5);-webkit-transform:scale(0.5)}}
@keyframes translate-anim3{to{transform:scale(1);-webkit-transform:scale(1)}
10%{rotate:0deg}
50%{rotate:0deg}51%{rotate:10deg}
52%{rotate:0deg}53%{rotate:-10deg}56%{rotate:0deg}
60%{rotate:0deg}61%{rotate:10deg}62%{rotate:0deg}
72%{rotate:0deg}73%{rotate:-10deg}
75%{rotate:0deg}
81%{rotate:0deg}82%{rotate:10deg}}
@keyframes line-anim3{
0%{transform:translate3d(0,0px,0px)}
33%{transform:translate3d(500px,500px,0px)}
66%{transform:translate3d(-500px,500px,0px)}
100%{transform:translate3d(0px,0px,0px) rotate:0deg;right:0px;top:0px}}
@media (prefers-color-scheme:dark){
#logo-anim .linear1 .linear_1{stop-color:#6179f8;animation:fill-anim2 23.5s ease forwards 1.5s}
#logo-anim .linear2 .linear_2{animation:fill-anim2 23.5s ease forwards 1.5s}
.anim-path11{filter:url(#filter0_i_1411_100)}.anim-path22{filter:url(#filter1_i_1411_100)}#logo-anim .linear_1, #logo-anim .linear2{stop-color:#6179F8}}
@media (prefers-color-scheme:light){
#logo-anim .linear1 .linear_1{stop-color:#fff;animation:fill-anim2 12.5s ease forwards 1.5s}
#logo-anim .linear2 .linear_2{animation:fill-anim2 12.5s ease forwards 1.5s}
}
@keyframes wiggle {
    0% { transform:rotate(0deg); }
   80% { transform:rotate(0deg); }
   85% { transform:rotate(5deg); }
   95% { transform:rotate(-5deg); }
  100% { transform:rotate(0deg); }
}

.wiggle01 {
  display:inline-block;
  animation:wiggle 2.5s infinite}
.pyramid_A{
flex:1;top:18px;position:relative;font-size:39px;left:-15px
}
.pyramid_V{
flex:1;top:15px;position:relative;font-size:42px;left:-22px;rotate:-9deg
}
.pyramid_V1{
flex:1;top:11px;position:relative;font-size:50px;left:-28px;rotate:24deg
}
.pyramid_A1{
flex:1;top:18px;position:relative;font-size:39px;left:-42px
}
.pyramid_T{
flex:1;top:16px;position:relative;font-size:39px;left:-52px;rotate:-15deg
}
.pyramid_T1{
flex:1;top:18px;position:relative;font-size:39px;left:-18px
}
.pyramid_A2{
flex:1;top:18px;position:relative;font-size:39px;left:-20px
}
.pyramid_A3{
flex:1;top:22px;position:relative;font-size:39px;left:-18px;rotate:53deg
}
.pyramid_R{
flex:1;top:18px;position:relative;font-size:39px;left:-38px
}
.pyramid{
flex:0 0 399px;
order:1;
bottom:150px;
--speed:23s
}
.pyramidspin{
--speed:.5s
}
.pyramid{
width:300px;
height:300px;
position:relative;
perspective:300px;
perspective-origin:50% 60%
}
.ranking_pyramid_refresh{
display:flex;height:150px
}
#authorbio1,#authorbio2,#earnings,#settings,#statsperf{
margin:0 calc(100%/10 - 35px) 15px;
font-size:15px;
border-radius:23px;
padding:35px;
color:var(--text);
box-shadow:var(--bioshadow);
background-color:var(--biostats);
z-index:10;
position:relative}
.info_text__{
flex:1;min-width:319px;max-width:350px}
.info_refresh{
flex:1;display:flex;flex-direction:column;order:2;max-width:350px}
.refresh_button{
flex:0;display:flex;justify-content:center;align-self:flex-end;align-items:center;border:1px solid #666;padding:15px 25px;border-radius:50px;margin:15px 0 0 0}
.refresh_button:hover,.refresh_button:active{
background:var(--addcontent);
cursor:pointer}
.percentage{
font-size:56.6px
}
.info_refresh_1{
flex:0;display:flex;align-self:first baseline;text-align:left}
.ranking_{
flex:0 0 150px;display:flex;flex-direction:column;align-self:first baseline;align-items:center;order:0
}
.refresh_pic{
height:27px;width:29px;margin-left:15px
}
@media screen and (min-width:810px) and (max-width:1199px){
.pyramid{
right:135px}
.info_refresh{
right:266px;
position:relative}
}
@media screen and (min-width:1200px){
.pyramid{
right:100px}
}
@media screen and (max-width:809px){
.ranking_pyramid_refresh{
flex-wrap:wrap;
height:unset;
justify-content:center}
.info_refresh{
bottom:30px;
position:relative}
.pyramid{
right:unset;
margin-bottom:-100px}
.refresh_button{
align-self:center}
.info_text__{
min-width:80%;
max-width:90%}

}
@media screen and (max-width:600px){
#statsperf {
  padding:15px}
}
.side{
position:absolute;
left:150px;
top:150px;
width:0;
height:0;
border-left:60px solid transparent;
border-right:60px solid transparent;
border-bottom:120px solid #ccc;
transform-origin:50% 0%;
animation:spin var(--speed) infinite linear
}
.back{animation-delay:calc(var(--speed) / -2)}
.right{animation-delay:calc(var(--speed) / -4)}
.left{animation-delay:calc(var(--speed) * -0.75)}
@keyframes spin{0%{
transform:rotateY(0deg) rotateX(30deg);
/*border-bottom-color:lighten(#0000FF,5%);*/
border-image:linear-gradient(#6179f8,#CACACA,#CACACA);
clip-path:polygon(0 100%,100% 100%,50% 0)
}
25%{
transform:rotateY(90deg) rotateX(30deg);
/*border-bottom-color:darken(#0000FF,5%);*/
border-image:linear-gradient(#6179f8,#CACACA,#CACACA);
clip-path:polygon(0 100%,100% 100%,50% 0);
opacity:1
}
25.1%{
opacity:0
}
50%{
transform:rotateY(180deg) rotateX(30deg);
/*border-bottom-color:darken(#0000FF,12%);*/
border-image:linear-gradient(#6179f8,#CACACA,#CACACA);
clip-path:polygon(0 100%,100% 100%,50% 0)
}
74.9%{
opacity:0
}
75%{
transform:rotateY(270deg) rotateX(30deg);
/*border-bottom-color:darken(#0000FF,15%);*/
border-image:linear-gradient(#6179f8,#CACACA,#CACACA);
clip-path:polygon(0 100%,100% 100%,50% 0);
opacity:1
}
100%{
transform:rotateY(360deg) rotateX(30deg);
/*border-bottom-color:lighten(#0000FF,5%);*/
border-image:linear-gradient(#6179f8,#CACACA,#CACACA);
clip-path:polygon(0 100%,100% 100%,50% 0)
}
}
/*.shadow{position:absolute;top:300px;left:175px;width:50px;height:50px;background-color:#bbb;box-shadow:0 0 40px 40px #bbb;animation:shadow var(--speed) infinite linear}
@keyframes shadow{0%{transform:rotateX(90deg) rotateZ(0deg);}100%{transform:rotateX(90deg) rotateZ(-360deg)}}*/
.performance01{
display:flex;
flex-direction:row;
border:1px solid var(--perfgraph);
border-radius:17px;
height:69%;
width:90%;
left:5%;
position:relative;
top:12%}
.earnings01{
display:flex;
flex-direction:row;
align-items:center;
border:1px solid #2f2f2f;
border-radius:23px;
height:69%;
width:90%;
left:5%;
position:relative;
top:12%}
.weekdays{
font-size:10px;
color:#666;
margin-top:5px}
.performancepositionhere{
position:relative;
top:0}
.performancelinehere{
position:absolute;
height:.5px;
background-color:var(--text);
transform-origin:left;
opacity:0}
.performancelinee{
display:none}
.perfgraph{
display:flex;
flex-direction:column;
height:calc(100%/5);
flex:1;
margin-top:-17px}
.graphfigureshere{
font-size:10px;color:#6179F8;
background:var(--graphfigures);
box-shadow:var(--bg) 0px 0px 15px 5px;
z-index:10;
opacity:0;
right:3px;
position:relative;
top:6px;
border-radius:15px}
.graphfigurese.red{
color:#FF7AF2}
.graphcells{
width:.5px;height:16.6px;
align-items:flex-end;
display:flex}
.graphnumbers{
font-size:10px;
height:17px;
width:.5px;
align-items:flex-end;
display:flex;
right:10px;
position:relative;
bottom:12px;
color:#666}
.graphnumbers.first{
right:3px}
.cellscontainer{
flex:1;border-bottom:.5px solid var(--cellscbb);
border-right:.5px solid var(--cellscbr)}
.cellscontainer.no-border{
border-right:unset
}
.cellscontainer.first{
border-left:unset}
.cellscontainer.last{
border-right:unset}
.cellscontainer.bottom{
border-bottom:unset}
.cellscontainer.border{
border:unset}
.footeritems{
display:flex;flex-direction:row;position:absolute;margin-top:-196px;font-weight:bold;font-size:39px;width:100%
}
.levelsborder{
width:88%;border:1px solid #6179F8;padding:.5px;border-radius:6px;margin-top:10px}
.levelsborder.e0{
border:1px solid #9F7000}
.levels{
height:10px;border-radius:6px;border-top-right-radius:0px;border-bottom-right-radius:0px
}
.tpc{
display:flex;
flex:1}
.blogstats{
display:flex;
flex:1;
margin-top:50px}
.copyright{
font-size:16px;
font-weight:normal;
text-align:center;
right:10.666pt;
position:relative}
.settings_button{
position:relative;
display:inline-block;
width:223px;
height:60px;
text-align:center
}
.settings_button input{
opacity:0;
width:0;
height:0
}
.settings_button_slider{
position:absolute;
cursor:pointer;
top:0;
left:0;
right:0;
bottom:0;
-webkit-transition:.3s;
transition:.3s
}
.settings_button_slider:before{
position:absolute;
content:"";
height:50px;
width:50%;
left:3px;
bottom:2px;
background-color:white;
-webkit-transition:.3s;
transition:.3s
}
.option1{
color:#000;z-index:2;flex:1;font-size:15px
}
.option2{
color:#fff;flex:1;padding:5px;z-index:2;font-size:15px
}
.settings_button input + .settings_button_slider{
border:3px solid #6179F8
}
.settings_button input:checked + .settings_button_slider{
border:3px solid #6179F8
}
.settings_button input:checked + .settings_button_slider .option1{
color:#aeaeae;
transition:.3s
}
.settings_button input:checked + .settings_button_slider .option2{
color:#000;
transition:.3s
}
.settings_button input:checked + .settings_button_slider{
box-shadow:0 0 1px #6179F8
}
.settings_button input + .settings_button_slider .option1{
color:#000;
transition:.3s
}
.settings_button input + .settings_button_slider .option2{
color:#aeaeae;
transition:.3s
}
.settings_button input:checked + .settings_button_slider:before{
transform:translateX(103px)
}
.settings_button_slider.round{
border-radius:35px
}
.settings_button_slider.round:before{
border-radius:30px
}
#statsperf{
display:flex;
flex-direction:column
}
.footeritems.terms,.footeritems.privacy{
margin-bottom:15px
}
@media screen and (max-width:809px){
#settingsperf{
margin:0 0 18px 10px
}
#statisticsperf{
margin:0 0 15px 10px
}
#earningsperf{
margin:15px 0 0 10px
}
.footeritems.terms,.footeritems.privacy{
margin-bottom:18px
}
}
#bio_text{
bottom:25px;
position:relative
}
.authNameEmailCityCountry{
display:flex;
flex-direction:column;
flex:1;
align-self:center;
margin-right:50px
}
#charcountBio{
margin-left:39px;
width:93%;
display:inline-block
}
.editSpan.description{
left:0;
position:absolute;
bottom:13px
}
.notification-msg-remove2{
background:#ccc;
color:#000;
border-radius:10px;
border-top-left-radius:0;
padding:10px;
position:absolute;
right:19px;
top:196px;
width:125px;
z-index:1
}
.authorbio_text{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
line-height:1.5em;
margin-bottom:15px;
text-align:center
}
.notification-msg-errorZoomOut{
bottom:156px;
background:#ccc;
color:#000;
border-radius:10px;
padding:10px;
position:absolute;
min-width:85px;
text-align:center;
right:-80.5px;
z-index:100;
font-size:15px;
width:239px
}
.notification-msg-errorZoomIn{
bottom:156px;
background:#ccc;
color:#000;
border-radius:10px;
padding:10px;
position:absolute;
min-width:85px;
text-align:center;
right:-32px;
z-index:100;
font-size:15px;
width:239px
}
.notification-msg-errorZoomIn:after {
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #ccc;
content:' ';
position:absolute;
top:-10px;
left:32px
}
.notification-msg-errorZoomOut:after {
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #ccc;
content:' ';
position:absolute;
top:-10px;
left:32px
}
.notification-msg-contactsupport{
top:32px;
background:#ccc;
color:#000;
border-radius:10px;
padding:10px;
position:relative;
min-width:85px;
text-align:center;
right:96px;
z-index:100;
font-size:15px;
flex:0 0 323px;
display:flex;
align-items:center
}
.notification-msg-contactsupport.lang2{
flex:0 0 266px
}
.notification-msg-contactsupport:after {
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #ccc;
content:' ';
position:absolute;
top:-10px;
left:32px
}
.notification-msg-commentsArea{
top:69px;
background:#ccc;
color:#000;
border-radius:10px;
padding:10px;
display:inline-block;
position:absolute;
width:200px;
text-align:center;
left:-2.8px;
z-index:100;
font-size:15px
}
.notification-msg-commentsArea.area1{
right:115px;
left:unset}
.notification-msg-commentsArea.area2{
left:150px}
.notification-msg-commentsArea:after {
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #ccc;
content:' ';
position:absolute;
bottom:58px;
left:32px}
.img-layer{
z-index:10;
position:absolute;
bottom:0;
height:101px;
/*padding-left:15px;
padding-right:15px;*/
/*maybe unnecessary*/
display:flex;
flex-direction:column;
width:fit-content;
max-width:411px;
background:#00000069;
padding-top:50px;
mask:linear-gradient(to bottom,transparent,#000 37%);
-webkit-mask:linear-gradient(to bottom,transparent,#000 37%);
border-radius:0 0 15px 15px;
min-width:100%
}
.newimg-layer{
z-index:10;
position:absolute;
bottom:0;
height:101px;
display:flex;
flex-direction:column;
width:fit-content;
padding-top:50px;
border-radius:0 0 15px 15px
}
.notification-msg-search{
top:4px;
background:#ccc;
color:#000;
border-radius:10px;
padding:10px;
display:inline-block;
position:absolute;
width:200px;
text-align:center;
left:339px;
z-index:100;
font-size:15px}
.notification-msg-search:after {
width:0;
height:0;
border-top:10px solid transparent;
border-left:10px solid transparent;
border-bottom:10px solid transparent;
content:' ';
position:absolute;
top:18px;
left:-25px;
border-right:15px solid #ccc}
.levels_item{
flex:1;text-align:left;flex-grow:1;flex-basis:calc(100% / 3)
}
.all_time_items,.this_week_items{
width:100%;display:flex;margin-top:10px;margin-bottom:30px}
@media screen and (max-width:1199px){
.all_time_items,.this_week_items{
flex-wrap:wrap}
.levels_item.e,.levels_item.a,.levels_item.o{
margin-bottom:15px}
}
@media screen and (max-width:809px){
#authorbio2 .profileInfo{
flex-direction:column;
align-items:center;
text-align:center}
.authNameEmailCityCountry
{
order:1;
margin-right:unset;
width:100%}
.photoText{
order:0}
.typeName{
flex-direction:column}
.typeText{
width:100%;

}
.nameText{
width:100%;
bottom:50px;
position:relative}
.emailCityCountry{
flex-direction:column;
bottom:100px;
position:relative}
#authorbio2 .authorbio_text{
margin-bottom:5px}
.cityText{
bottom:80px;
position:relative}
.countryText{
bottom:160px;
position:relative}
#bio_text{
bottom:339px}

#authorbio2{
max-height:966px}
#bio_text .a00{
right:2px;
bottom:18px}
#bio_text #charcountBio{
margin-left:-50px}
#bio_text{
bottom:339px;
position:relative}
.editbio_button_loading .editbiobutton{
top:10px;
position:relative;

}
.editbio_button_loading .ballbounce.right{
top:18px}
.editbio_button_loading .ballbounce.right.ee{
top:unset}

.notification-msg-remove2{
right:calc(50% - 150px)}
.notification-msg-errorZoomIn{
top:350px;
right:unset;
bottom:unset;
margin:0 auto}
.notification-msg-errorZoomOut{
top:350px;
right:unset;
bottom:unset;
margin:0 auto}
.notification-msg-errorZoomOut:after{
left:143px}
.notification-msg-errorZoomIn:after{
left:93px}
.notification-msg-contactsupport:after{
left:169px}
.notification-msg-contactsupport{
   top:439px;
   right:unset;
   position:absolute;
   margin:0 auto;
   width:239px}
.notification-msg-commentsArea{
top:25px;
left:6.6px;
width:258px}
.notification-msg-commentsArea.area1{
right:unset;
left:unset}
.notification-msg-commentsArea.area2{
left:unset}
.notification-msg-commentsArea:after{
width:unset;
height:unset;
border-left:unset;
border-right:unset;
border-bottom:unset;
content:unset;
position:unset;
bottom:unset;
left:unset}
.img-layer{
width:100%}
.newimg-layer{
width:100%}
.layerspans{
margin:0 0 10px 0
}
.notification-msg-search{
top:5px;
left:30px}
.notification-msg-search:after {
border-left:15px solid #ccc;
right:-25px;
border-right:10px solid transparent;
left:unset;}
#earningsperf,#settingsperf,#statisticsperf{
flex-direction:column;
text-align:left;
margin:50px 0 50px 10px}
.footeritems{
top:unset}
.earnings{
margin-right:0}
.earnings00{
margin-bottom:15px}
.earnings1{
display:none}
.performance{
margin-left:0}
.performance1{
display:none}
#statsperf{
display:none}
#settingsperf.visible #statsperf,#statisticsperf.visible #statsperf,#earningsperf .earnings1.visible,#earningsperf .performance1.visible{
display:flex
}
.earnings1.visible,.performance1.visible{
margin:0 15px 0 5px
}
.background-privacy{
background:unset;
box-shadow:unset;
border-radius:unset;
text-align:left;
flex:1}
.tpc{
flex-direction:column;
margin:0 0 50px 10px}
.blogstats{
flex-direction:column;
margin:0 0 50px 10px}
}
.editbio_button_loading .editChanges{
top:32px;
position:relative}
#bio_text .editbio_button_loading .ballbounce.right{
top:32px}
@media screen and (max-width:809px){
.footergraph{
display:none}
}
.vid-area{
flex:100%;
position:relative;
display:flex;
align-items:center;
justify-content:center;
border-radius:0 0 15px 15px}
.img-area{
flex:100%;
position:relative;
display:flex;
align-items:center;
justify-content:center;
border-radius:0 0 15px 15px}
.stream-area{
flex:100%;
position:relative;
display:flex;
align-items:center;
justify-content:center;
border-radius:0 0 15px 15px}
@media(max-width:450px){
.vid-area{
border-radius:15px;
width:unset;
right:unset}
}
.vid-area img{
width:100%;
object-fit:contain;
border-radius:15px
}
.vid-area .play-area{
position:absolute;
z-index:1}
.eeoeo{
background-size:399px;
background-repeat:no-repeat;
background-position:center center;
height:500px;
border-radius:0 0 15px 15px}
.apparition{
animation:1s fadeIn;
animation-fill-mode:forwards;
visibility:hidden}
.apparition2{
animation:1s fadeIn;
animation-fill-mode:forwards;
visibility:hidden;
display:flex;
align-items:center;
background:#666;
border-radius:23px;
padding:5px 10px;
width:79px;
cursor:pointer;
height:33px}
.features{
flex:100%;
line-height:13px;
color:#fff;
font-size:12px}
.featuresback{
background:url(../images/up-button2.svg);
background-position:center;
background-repeat:no-repeat;
height:25px;
width:50px;
margin:0 auto}
#titletext5.enlarged{
width:500px}
.slide-up{
position:relative;
transform:translateY(-150px);
transition:all .3s ease-in-out}
.opacity{
opacity:0;
transition:opacity 1s}
.disappearing-part{
display:flex;
flex-direction:column}
.opacity2{
opacity:1;
animation:1s fadeIn;
animation-fill-mode:forwards;
visibility:hidden}
.opacity3{
opacity:1;
animation:.5s fadeIn;
animation-fill-mode:forwards;
visibility:hidden}
.private{
margin-left:35px}
.notprivate{
margin-right:5px;
text-align:right}
.justchat{
background:#666;
width:max-content;
padding:5px 15px;
border-radius:15px;
cursor:pointer;
color:#fff;
position:relative;
margin:0 0 0 auto}
.middle-layer{
background:var(--bg);
display:flex;
align-items:center;
z-index:1;
position:relative;
width:350px;
height:50px;
margin-top:-60px;
padding:0 10px}
#video{
max-height:720px;
border-radius:15px;
opacity:.8;
animation:1s fadeIn;
animation-fill-mode:forwards;
visibility:hidden}
#video:hover{
opacity:1
}
@media screen and (max-width:500px){
#video{
width:100%!important;
border-radius:0 0 15px 15px}
}
.chat{
border-radius:25px;
border:0;
background:#ccc
}
.chat-container{
background:var(--bg);
display:flex
}
.chat-top{
height:50px;
background:var(--bg);
border:0
}
.chat-self{
opacity:.7
}
.econtainer{
scrollbar-width:none}
body::-webkit-scrollbar{
display:none}
.econtainer{
overflow:scroll}
.ballbounce.right.done,.ballbounce2.right.done{
display:none
}
.scontainer::-webkit-scrollbar,.scontainer2::-webkit-scrollbar{
display:none;
height:0;
width:0
}
.before:before{
content:"";
position:absolute;
left:0;
right:0;
z-index:1;
background:var(--bg);
height:30%;
width:100%;
-webkit-filter:blur(5px);
-o-filter:blur(5px);
-ms-filter:blur(5px);
filter:blur(5px);
bottom:78%}
.before .name{
color:var(--text);
font-size:19px;
z-index:3;
position:relative
}
.name.chats{
font-size:12px}
.owra.firs{
margin-left:10px;
max-height:44px;
width:44px;
display:flex;
align-items:center;
justify-content:center;
padding:8px
}
.owra.firs.stars:hover,.owra.firs.stars:active{
background:var(--hov2)
}
.news-post,.taglink,.titletext,.titletext2,.body,.back-button,.overlay,.overlay2,.is-menu-visible{
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none}
.container{
margin:0 auto 100px}
}
.container.bottom{
margin-bottom:20px
}
.top{
display:flex;
justify-content:left;
align-items:center;
background:var(--bg);
width:100%;
/*
opacity top navigation menu should be blur effect instead
*/
}
@media(min-width:700px) and (min-height:500px){
.top{
border-radius:15px 15px 0 0}
.top.article{
flex-direction:row-reverse
}
}
.top-title{
flex:auto;
margin-left:1em;
color:#6179F8;
font-family:'Arial'
}
.top1{font-size:25px}
.top2{font-size:25px}
.top3{font-size:23px}
.top4{font-size:22px}
.top5{font-size:21px}
.top6{font-size:19px}
.top7{font-size:16px}
.top8{font-size:15px}
.top9{font-size:14px}
.top10{font-size:13px}
.top11{font-size:12px}
.top12{font-size:11px}
.logo{
border:5px solid #9F9F9F5C;
border-radius:25px;
text-align:center;
color:#9F9F9F5C;
animation:color-change 3.5s infinite;
font-weight:bold;
font-size:17px;
margin:3px 6px 3px 0;
padding:3px 3px 3px 3px;
display:flex;
align-items:center}
.opacity01{
display:flex;
align-items:center}
.opacity01 svg,.opacity01{
animation:opacity-change 3.5s infinite
}
#menu svg{
-webkit-filter:drop-shadow( 0 0 3px var(--text));
filter:drop-shadow( 0 0 3px var(--text))
}
#toggle-icon path,#toggle-icon0 path,#toggle-icon1 path,#toggle-icon2 path,#menu path{
fill:var(--text)
}
#toggle-icon,#toggle-icon0,#toggle-icon1,#toggle-icon2{
cursor:pointer}
#chat-icon circle,#chat-icon path{
fill:var(--chat)}
#chat-icon2 circle,#chat-icon2 path{
fill:var(--text)}
#chat-icon2{flex:1;margin:0px 15px 0px -1px;cursor:pointer}
.chaticon1{flex:1;margin:12px 0 0 6px
}
.favicon{flex:1;margin-left:3px;top:6px;position:relative}
.chaticon1 .chat-icon circle,.chaticon1 .chat-icon path{
fill:var(--chat)}
.basicChat{
width:500px;
margin-top:250px !important;
overflow-y:scroll;
margin:0 auto}
.go-avachat{
flex:1;
background:linear-gradient(to bottom,#6179F8,#AEAEAE);
width:fit-content;
padding:5px 15px;
border-radius:15px;
cursor:pointer;
color:var(--bg)}
.go-avachat:hover,.go-avachat:active{
background:#e1e1e1;
color:#000
}
#goavachat{
width:500px;
margin-top:250px !important;
overflow-y:scroll;
margin:0 auto
}
#new_chat_with{
width:500px;
margin-top:250px !important;
margin:0 auto
}
.new_chat_with{
font-size:25px}
.newchatwith{
padding:30px 0;
text-align:center}
@media screen and (max-width:500px){
#basicChat,#goavachat{
width:100%;
position:fixed;
bottom:0}
#new_chat_with{
width:100%;
position:fixed;
top:0}
.new_chat_with{
width:500px;
margin-top:250px !important}
#basicChat textarea,#goavachat textarea{
min-width:unset
}
}
#avachat-header{
align-items:center}
#avachat-greeting{
text-align:center;
margin-bottom:30px
}
@media screen and (max-width:500px){
#avachat-greeting{
font-size:15px}
}
#avachat-features{
display:flex;
align-items:center;
z-index:2;
position:relative;
box-shadow:var(--avachatboxshadow);
background:var(--avachatfeatures);
width:350px;
border-radius:30px 30px 0 0;
padding:15px 0 15px 15px}
@media screen and (max-width:500px){
#avachat-features{
width:330px}
}
.slide-border{
border-radius:30px!important}
#avachat-contents{
width:330px;
color:#fff;
font-size:13px;
position:relative;
z-index:0;
line-height:19px;
text-align:left;
padding:30px 0 15px 35px;
background:var(--avachatcontents);
border-radius:0 0 30px 30px}
@media screen and (max-width:500px){
#avachat-contents{
	font-size:12px;
width:310px}
}
.avachat-features-title{
flex:100%;
color:#fff
}
#avachat.chatarea{
border:1px solid rgb(97,121,248);
background:rgba(97,121,248,.1)
}
.basicChat-greeting1{
flex:1}
textarea:placeholder-shown{
}
textarea::-moz-selection{
background-color:var(--text-select)
}
div.editable{
width:300px;
height:200px;
border:1px solid #ccc;
padding:5px
}
strong{
font-weight:bold
}
div[contenteditable]{
-webkit-user-select:text;
user-select:text;
}
div[contenteditable=true]:empty:before{
content:attr(placeholder);
pointer-events:none;
display:block;
color:#666;
}
div[contenteditable=true]:not(:empty):before {
content:"";
display:unset
}
.error-buttons{
flex:1;
order:11;
text-align:center;
border:1px solid rgb(255,180,180);
border-radius:15px;
padding:10px;
width:fit-content;
margin:0 auto 15px
}
.draft_saved_notification_message{
margin:0 auto;
top:323px;
border:3px solid #ffc5c53d;
border-radius:25px;
position:absolute;
text-align:center;
padding:15px;
font-weight:bold;
color:#ffc5c585;
right:232px
}
.draft_saved_notification_message2{
border:3px solid #ffc5c53d;
border-radius:25px;
position:relative;
text-align:center;
padding:12px 15px 15px;
font-weight:bold;
color:#ffc5c585;
bottom:11px;
height:15px;
width:81px;
margin:0 0 0 auto
}
.pinned_notification{
border:3px solid #ffc5c53d;
border-radius:25px;
position:relative;
text-align:center;
padding:12px 15px 15px;
font-weight:bold;
color:#ffc5c585;
top:18px;
height:15px;
width:72.5px;
margin:0 auto
}
.pinned_notification2{
border:3px solid #ffc5c53d;
border-radius:25px;
position:relative;
text-align:center;
padding:12px 15px 15px;
font-weight:bold;
color:#ffc5c585;
top:18px;
height:15px;
width:90px;
margin:0 auto
}
.bold_text{font-weight:bold}
.font_size{font-size:23px}
.underline_text{text-decoration:underline}
.italic_text{font-style:italic}
.highlight_text{background-color:var(--text-select)}
.color_text{color:red}
.font_type{font-family:'Optima'}
.bold_button,.hyperlink_button,.tag_button,.highlight_button,.color_button,.font_size_button,.underline_button,.italic_button,.font_type_button{
border:0;
height:34px;
width:37px;
flex-grow:1;
flex-basis:calc(100% / 5);
cursor:pointer
}
.title_button{
cursor:pointer;border:0;
height:33px;
width:79px
}

.paragraph_button{
cursor:pointer;border:0;
height:33px;
width:79px
}
.title_button_2nd{
cursor:pointer;border:0;
height:33px;
width:115px
}
.title_button_container,.paragraph_button_container,.title_button_2nd_container{
flex-grow:1;
flex-basis:calc(100% / 5);
text-align:center;
display:flex;
justify-content:center
}
.postButtons,.postButtons2{
display:flex;
flex-wrap:wrap
}
.postButtons2{
margin-bottom:15px
}
.bold_button{background:url('../images/bold_text.svg') no-repeat;background-position:center}
.hyperlink_button{background:url('../images/hyperlink_text.svg') no-repeat;width:55px;background-position:center}
.tag_button{background:url('../images/tag_text.svg') no-repeat;background-position:center}
.highlight_button{background:url('../images/highlight_text.svg') no-repeat;background-position:center}
.color_button{background:url('../images/color_text.svg') no-repeat;width:41px;background-position:center}
.font_type_button{background:url('../images/font_type.svg') no-repeat;width:56px;background-position:center}
.font_size_button{background:url('../images/font_size.svg') no-repeat;background-position:center}
.underline_button{background:url('../images/underline_text.svg') no-repeat;background-position:center}
.italic_button{background:url('../images/italic_text.svg') no-repeat;background-position:center}

.bold_button,.font_size,.underline_button,.tag_button,.hyperlink_button{
margin-bottom:15px
}
#basicChat-greeting{
display:flex;
flex-direction:column;
align-items:center}
#mochats-greeting1{
color:var(--text)
}
#chat-started,#basicChat-greeting,#chat-started2{
text-align:center;
margin:50px 0 17px}
#chat-started2{
margin:50px 0 9px}
.avachate{
display:flex;
flex-direction:column;
text-align:center}
.text-chat.right{
text-align:right}
#avachatinfo{
font-size:13px;
color:#666;
text-align:center}
@media screen and (max-width:500px){
#avachatinfo{
font-size:10px;
text-align:center
}
}
#chat-started{
color:var(--text)}
#timestamp{
text-align:center;
margin:0 0 50px;
color:var(--text)}
.prbio{
display:flex;justify-content:center;align-items:center;width:66px;right:6px;position:relative;cursor:pointer
}
.prbio.prchat{
color:var(--chat)
}
#toggle-icon.prchat path{
fill:var(--chat)}
.chatspan{
font-size:30px;
color:var(--chat)}
.chatspan01{
font-size:30px;
color:var(--chat);
margin-right:13px}
.chatspan.prchat{
color:var(--text);
cursor:pointer
}
.chatspan01.prchat{
color:var(--text);
cursor:pointer
}
.chaticon01.prchat{
flex:1;margin:8px 0 0 5px
}
.chat-icon.prchat circle,.chat-icon.prchat path{
fill:var(--text)}
.3rd-profile{
transform:translateX(-6.75em)
}
.4th-profile{
transform:translateX(-13.50em)
}
.5th-profile{
transform:translateX(-20.25em)
}
.5th-profile{
transform:translateX(-27.00em)
}
.6th-profile{
transform:translateX(-33.75em)
}
.7th-profile{
transform:translateX(-40.50em)
}
.8th-profile{
transform:translateX(-47.25em)
}
#menu2{
top:0;
position:absolute;
transform:translateX(-290px);
text-align:center;
border-right:1px solid #111
}
.profileimg{
background-image:url('../images/ae.svg');
display:flex;
height:129px;
background-size:contain;
background-repeat:no-repeat;
background-position:-40px -19px
}
.profileimg3{
text-align:center;
margin-top:20px;
font-size:30px;
color:#fff;
border-radius:50px;
height:80px;
width:80px;
margin:8px 0 0 8px;
border:3px solid #fff}
.editbio{
box-shadow:var(--bioshadow);
border-radius:10px;
border:1px solid transparent;
width:100%;
font-family:'Optima';
color:var(--text);
background:var(--pos);
min-height:50px;
max-height:500px;
text-align:center;
font-size:16px;
letter-spacing:1px;
z-index:10;
background:transparent;
position:relative
}
.a00{
width:100%;
text-align:right;
bottom:23px;
right:2px;
position:relative;
color:rgb(102, 102, 102);
z-index:1
}
.countryText2,.cityText2,.editDisplayNameCharCount2,.emailText2,#bio_textae{
z-index:0;
border-radius:8px;
width:100%;
background:var(--pos);
min-height:50px;
max-height:500px;
position:relative;
top:52px;
left:3px
}
.displayname.load1{
border-radius:15px;
height:26.5px;
flex:0 0 50%
}
.city.load1{
border-radius:15px;
height:26.5px;
flex:0 0 50%
}
.country.load1{
border-radius:15px;
height:26.5px;
flex:0 0 50%;
margin-left:10px
}
.membertype.load1{
border-radius:15px;
height:26.5px;
flex:0 0 50%;
margin-left:10px
}
.city-country.e{
margin:0 23px 0 0
}

.editbiobutton,.memberTypeModify,.saveButton{
color:#6179F8
}
.editbiobutton:hover,.editbiobutton:active,.memberTypeModify:hover,.memberTypeModify:active,.saveButton:hover,.saveButton:active{
cursor:pointer
}
.saveButton{
font-size:18px;
width:50px;
margin:10px auto 0;
z-index:11
}
.profilePhotoDraft2{
margin-top:5px
}
.memberTypeModify{
flex:0 0 86px;
text-align:left;
margin:0 0 61px 23px
}
.memberType{
flex:0 0 50%;
text-align:right
}
.memberTypeContainer{
flex:1;
flex-direction:row;
display:flex;
align-items:center
}
.profileimg4{
display:flex;flex-direction:column;height:119px
}
.authname{
flex:0 0 250px;
margin:10px 0 0 28px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
display:flex;
align-items:center;
justify-content:left
}
.membertypeno{
display:flex;flex:0 0 166px;margin:0 0 20px 20px
}
#img-crop{display:none;height:323px;
border-radius:123px;
margin-left:5px;
position:relative;
border:2px solid #ccc;}
#canvas-container-crop{
position:relative;
border-radius:123px;
position:relative;
border:2px solid var(--st);
overflow:hidden;
height:250px;
width:250px
}
#canvas-container-initial{
position:relative;
border-radius:123px;
margin-left:5px;
position:relative;
border:2px solid var(--st);
overflow:hidden;
height:250px;
width:250px;
overflow:hidden
}
.buttonsPhotoEdit{
align-items:center;
display:flex;
color:rgb(97, 121, 248);
justify-content:space-around;
height:50px;
margin:9px 0 0
}
#canvas-container-crop.no-photo{
justify-content:center;
align-items:center;
display:flex
}
.svgBioPhoto{
border-radius:50px;
position:relative;
left:50px
}
.notification-msg-contactsupport svg:hover circle{
fill:#eee
}
.svgContactSupport:hover,.svgContactSupport:active{
cursor:pointer
}
.canvas-crop{position:absolute}
.canvas-initial{

position:absolute
}
#c1{z-index:0;}
#c2{z-index:1;}
.blogstats .e{
flex:1;margin-bottom:15px
}
@media screen and (max-width:809px){
.membertypeno{
margin:0 0 0 15px;
justify-content:left;}
.menuitems,#earningsperf{
border-bottom:1px solid var(--add_fave)
}
#settingsperf{
margin:10px 0 0 10px
}
#earningsperf,#statisticsperf{
margin:15px 0 15px 10px
}
.marginperformance{
margin:15px 0 18px 0
}
.footeritems{
position:relative;
bottom:unset;
margin-top:unset;
text-align:left
}
.tpc{
margin:0 0 15px 10px
}
.footeritems .terms,.footeritems .privacy{
margin-bottom:15px
}
.footeritems .blogstats .e{
margin-bottom:5px
}
}
.closesidebar{
flex:1;margin:20px 10px 0 0;text-align:right
}
.menuitems{
display:flex;flex-direction:column;text-align:left;font-size:39px;
margin:0 0 0 10px;
font-weight:bold;
z-index:1;
position:relative}
.mi-item{
flex:1;margin:0 0 15px
}
.sideleft{
flex:1}
.sideleft.center{
flex:1;text-align:right;margin-right:15px}
.sidecenter{
flex:1}
.marginearnings,.marginperformance{
flex:1}
@media screen and (max-width:926px){
.sideleft{display:none}
.sidecenter{flex:0}
}
html.is-menu-visible,body.is-menu-visible{
overflow:hidden
}
body.is-menu-visible{
min-height:100vh;
min-height:-webkit-fill-available
}
#econtainer.is-menu-visible{
transform:translateX(86vw);
touch-action:none;
max-height:calc(100vh - 120px)
}
#ewo{
font-size:16px;
border-radius:23px;
padding:15px;
color:var(--text);
box-shadow:var(--bioshadow);
margin:5px}
#econtainer,#container{
transition:.3s
}
#econtainer.is-menu-visible #sidenav-overlay,#container.is-menu-visible #sidenav-overlay2{
display:block;
z-index:5
}
#sidenav-overlay,#sidenav-overlay2{
overflow:hidden;
position:fixed;
top:0;
left:0;
right:0;
width:100vw;
height:100vh;
background-color:rgba(0,0,0,0.9);
z-index:99;
display:none
}
#sidenav-overlay2{
background-color:rgba(0,0,0,0.86)}
@media screen and (max-width:500px){
#sidenav-overlay,#sidenav-overlay2{
background-color:rgba(0,0,0,0.96)}
}
#comments-overlay{
animation:opacity-change2 .15s linear;
position:fixed;
top:0;
left:0;
right:0;
width:100vw;
height:100vh;
background-color:rgba(0,0,0,0.8);
z-index:8;
display:none}
#menu2{
transform:translateX(-100%)
}
#menu2.sideopen{
position:absolute;
background:var(--bg);
height:100%;
min-height:666px;
width:86%;
transition:.3s;
transform:translateX(0px);
overflow-y:scroll;
overflow-x:hidden;
scrollbar-width:none
}
.menu-arrow{
animation:opacity-change 5s 3 linear;
z-index:2;position:absolute;opacity:0.3;text-align:center;margin:5px 0 0 15px
}
.chat_notif{
position:absolute}
.chat_notif1{
width:8px;
height:8px;
background:#6179F8;
border-radius:10px;
left:56px;
top:19px;
display:block;
position:relative}
.chat_notif2{
width:5px;
height:5px;
background:#6179F8;
border-radius:10px;
left:65px;
top:13px;
display:block;
position:relative}
.chat_notif3{
width:3px;
height:3px;
background:#6179F8;
border-radius:10px;
left:71px;
top:10px;
display:block;
position:relative}
@media screen and (max-width:809px){
.authname.e{
margin:10px 0 0 15px
}
.displayname.load1{
height:23.5px;
flex:0 0 100px
}
.city-country.e{
margin-left:25px
}
.city.load1{
height:23.5px;
flex:0 0 66px
}
.country.load1{
height:23.5px;
flex:0 0 66px
}
.membertypeno.e{
margin:0 0 0 15px
}
.membertype.load1{
height:23.5px;
flex:0 0 86px;
margin-left:0px
}
}
.arrow-menu{
text-align:center
}
.menu-arrow.notification{
opacity:1}
.owra.notification{
border-bottom:3px solid #6179F8}
.chat-icon.prchat.notif svg circle,.chat-icon.prchat.notif svg path{
fill:#6179F8}
.chatspan1 .chatspan.prchat.notif{
color:#6179F8}
.buttonclass{
background:transparent;border:0;
cursor:pointer
}
.buttonclass.btncls{
padding:10px 14px 9px 10px
}
.buttonclass.btncls:hover,.buttonclass.btncls:active{
cursor:pointer;
background:var(--pos);
-webkit-border-radius:40px;
border-radius:40px;
padding:10px 14px 9px 10px
}
@keyframes color-change2{
0%{color:#eee;
box-shadow:var(--here);
-webkit-box-shadow:var(--here);
-webkit-appearance: none;
}
}
@keyframes color-change3{
0%{
background:var(--here1)
}
}
@keyframes color-change{
0%{color:#FF7AF2;
box-shadow:var(--logo)}
}
@keyframes opacity-change{
0%{opacity:1}
}
@keyframes opacity-change2{
0%{opacity:0}
100%{opacity:1}
}
@keyframes click-to-view{
0%{color:#8CD281}
}
@keyframes blink{
0%{
opacity:1;
fill:red}
25%{
opacity:0.5;
fill:pink}
50%{
opacity:1;
fill:orange}
75%{
opacity:0.5;
fill:blue}
100%{
opacity:1;
fill:yellow}
}
.wrapper{
z-index:3;
position:fixed;
background:var(--bg);
margin:0
}
.top-border{
background-image:linear-gradient(to bottom,#ddd 1%,transparent 100%);
height:5px
}
.news-post{
border-radius:15px;
margin:3px 0;
width:98vw}
@media(min-width:700px) and (min-height:500px){
.news-post{
margin:5px 0 15px 0}
}
.drawer{
display:flex;
align-items:center;
justify-content:center}
.drawer2{
width:4em;
background:#ccc;
height:7px;
border-radius:15px;
margin-top:6px
}
.imgclick{
text-align:center;
top:20px;
position:relative
}
.end{
padding-left:40%;
font-weight:bold
}
.article-content{
margin:10px;
padding-bottom:6px
}
li{
list-style:none
}
p.text{
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis
}
.text.extra{
-webkit-line-clamp:4;
flex:2
}
.text1{
text-align:justify}
.date{
font-size:14px;
position:relative;
top:-7px;
border-bottom:1px solid #bbb
}
.previous{
margin:10px 10px 0 10px
}
.text{
color:#888;
margin:5px 10px 10px 10px;
line-height:1.6em
}
.loading{
opacity:0;
display:flex;
position:fixed;
bottom:30px;
left:50%;
transform:translateX(-50%);
transition:opacity .3s ease-in}
.loading2{
opacity:0;
display:flex;
justify-content:center;
transition:opacity .3s ease-in}
.loadingSearch{
opacity:0;
display:flex;
position:fixed;
transform:translateX(-50%);
transition:opacity .3s ease-in;
width:calc(100% - 50px);
margin:0 auto;
margin-top:50px}
.categories_loading{
color:transparent;
padding:19.7px 19px;
border-radius:35px;
position:relative;
text-align:center;
width:max-content;
display:inline-block;
flex-shrink:0;
background:var(--load_1)}
.categories_loading.first{
padding:10px 15px}
.loading_profile{
margin:0 auto;display:flex;align-items:center;flex-direction:column
}
.bio_loading{
width:86px;background:#666;border-radius:15px;flex:0 0 28px;margin:0 0 15px
}
.favs_loading{
width:111px;background:#666;border-radius:15px;flex:0 0 28px;margin:0 0 15px
}
.chats_loading{
width:137px;background:#666;border-radius:15px;flex:0 0 28px;margin:0 0 15px
}
.content_loading{
width:169px;background:#666;border-radius:15px;flex:0 0 28px;margin:0 0 15px
}
#content_profile{
width:50px;margin:0 auto;display:flex;justify-content:center;align-items:center
}
.content_profile1{
flex:1;margin-right:10px
}
.content_profile2{
flex:1}
.content_profile3{
flex:1;margin-left:10px
}
.shuffles{
opacity:0;
display:flex;
position:absolute;
bottom:unset;
align-items:center;
margin-top:50px;
left:50%;
transform:translateX(-50%);
transition:opacity .3s ease-in
}
.ballbounce,.ballbounce2{
opacity:0;
display:flex;
position:relative;
align-items:center;
transform:translateX(0%);
transition:opacity .3s ease-in
}
.titletext5 .ballbounce{
justify-content: center;
}
.ballbounce.Stories{
	position: absolute;
	  left: calc(100%/2 - 15px);
	  top:411px;
}
.ballbounce.right,.ballbounce2.right{
z-index:5
}
.ballbounce.right.active,.ballbounce2.right.active{
opacity:1
}
.loading.show,.loading2.show,.loadingSearch.show{
opacity:1
}
.shuffles.on{
opacity:1
}
.ball{
background-color:#aaa;
border-radius:50%;
margin:0px;
height:5px;
width:10px;
animation:jump .5s ease-in infinite
}
.ball0{
background-color:#aaa;
border-radius:50%;
margin:1.5px;
height:10px;
width:15px;
animation:jump .5s ease-in infinite
}
.ball:nth-of-type(2),.balls:nth-of-type(2),.ball0:nth-of-type(2){
animation-delay:0.1s
}
.ball:nth-of-type(3),.balls:nth-of-type(3),.ball0:nth-of-type(3){
animation-delay:0.2s
}
@keyframes jump{
0%,100%{
transform:translateY(0)}
50%{
transform:translateY(-10px)}
}
.orbit{
animation:orbit .5s linear infinite;
border:solid 3px transparent;
border-top:solid 3px #aaa;
border-radius:100%;
width:3em;
height:3em;
position:relative
}
@keyframes orbit{
0%{
transform:rotate(0deg)}
100%{
transform:rotate(360deg)}
}
::-webkit-scrollbar{
display:none;
height:0;
width:0;
background:transparent;
background-color:var(--bg)
}
.lock-scroll::-webkit-scrollbar{
background:transparent;
background-color:var(--bg);
display:none;
height:0;
width:0
}
.lock-scroll3::-webkit-scrollbar{
background:transparent;
background-color:var(--bg);
display:none;
height:0;
width:0
}
#containeru::webkit-scrollbar{
background:transparent;
background-color:var(--bg);
display:none;
height:0;
width:0
}
#containeru-item::webkit-scrollbar{
background:transparent;
background-color:var(--bg);
display:none;
height:0;
width:0
}
.top.article{
box-shadow:0px 6px 14px -16px var(--text);
border-bottom:var(--bor);
z-index:3;
position:fixed}
@media screen and (min-width:1200px){
.top.article{
border-radius:15px 15px 0 0
}
}
.back-button{
flex:0;
position:relative;
margin:10px 23px 10px 23px;
width:25px}
@media(min-width:700px){
.back-button{
padding:3px 3px 0px 3px;
}
.back-button_{
display:none;
}
}
@media(max-width:699px){
.back-button-reverse_{
display:none;
}
}
.back-button.mn2.search{
flex:0;
position:relative;
padding:3px 3px 0px 31px;
margin:10px 23px 10px 23px;
background:url(../images/back-button.svg);
background-position:center;
background-repeat:no-repeat;
height:40px;
width:25px}
.pr-content{
display:flex;font-size:23px;justify-content:center;font-weight:bold;margin:15px
}
.eitems{
display:flex;
margin:35px auto 0;
max-width:66%;
justify-content:space-between;}
.aimg,.avid,.apoll{
flex:0 0 37px;
height:33px}
.vw{
height:118px;
width:118px}
.aimg{
background:url(../images/img.svg);
background-position:center;
background-repeat:no-repeat}
.avid{
background:url(../images/vid.svg);
background-position:center;
background-repeat:no-repeat}
.apoll{
background:url(../images/poll.svg);
background-position:center;
background-repeat:no-repeat}
.cledoitems,.cledoitems2{
display:flex;
justify-content:space-evenly;
font-size:16px;
max-width:500px;
margin:50px auto}
.chatbuttonsmobile{
display:flex;flex-direction:column;margin:0 0 0 10px;align-self:baseline}
.clearsend{
border-radius:23px;
background:url(../images/up-button.svg),radial-gradient(ellipse at center,#6179fb,#cacaca);
display:block;
background-position:center;
background-repeat:no-repeat;
background-size:66px 50px;
height:50px;
width:66px}
@media screen and (max-width:500px){
.cledoitems,.cledoitems2{
display:none}
.chatarea{
height:23px !important;
min-height:23px !important}
}
.mini-title{
color:var(--text);
text-align:center;
font-weight:bold;
font-size:17px;
text-transform:uppercase;
margin-bottom:25px}
.vid-layer{
z-index:10;
position:absolute;
bottom:0;
height:101px;
padding-left:15px;
padding-right:15px;
display:flex;
flex-direction:column;
width:fit-content;
max-width:500px;
background:#00000069;
padding-top:50px;
mask:linear-gradient(to bottom,transparent,#000 37%);
-webkit-mask:linear-gradient(to bottom,transparent,#000 37%);
border-radius:0 0 15px 15px}
.stream-layer{
z-index:10;
position:absolute;
bottom:0;
height:101px;
padding-left:17px;
padding-right:17px;
display:flex;
flex-direction:column;
width:fit-content;
max-width:500px;
background:#00000069;
padding-top:50px;
mask:linear-gradient(to bottom,transparent,#000 37%);
-webkit-mask:linear-gradient(to bottom,transparent,#000 37%);
border-radius:0 0 15px 15px
}
.tag-layer{
z-index:10;
position:relative;
font-weight:bold;
flex:1 1 0%;
margin:0 auto;
font-size:18px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#fff;
width:86%;
max-width:411px
}
.stream_chat{
border-radius:15px;
margin:0px 0px 5px}
.chatcontainer{
margin-top:250px!important;
display:flex;
flex-direction:column;
overflow-y:scroll;
color:#fff}
.titleloading.v{
border-radius:0 15px 0 15px}
#basicChatscontainer{
opacity:1}
.scroll1{
position:absolute;
bottom:0}
.chatlist{
display:flex;
justify-content:center;
flex-direction:column;
margin:15px 15px 0;
margin-top:250px !important}
@media screen and (max-width:500px){
.chatlist{
margin:10px 5px 0}
}
.chatlist.enlarged{
width:100%;
align-items:center}
.chatlist.enlarged .chathorizontal{
width:500px}
.chatlist2.enlarged{
width:100%}
.chathorizontal.database.spontaneous_chat{
border:.5px solid var(--spontaneous-chat);
background-color:var(--chatsbg)}
.chathorizontal.database.a{
border:.5px solid transparent}
.chathorizontal.database.spontaneous_chat:hover,.chathorizontal.database.spontaneous_chat:active{
background-color:var(--chathor)}
.chathorizontal.database.avaChat.spontaneous_chat{
border:.5px solid #30365B;
background-color:var(--chatsbg);
outline:.5px solid var(--spontaneous-chat);
outline-offset:3px
}
.chat-started2-timestamp{
display:flex;
flex-direction:column;
align-items:center
}
.new_chat{
background-color:var(--chathor);
border-radius:50px;
padding:10px;
cursor:pointer;
align-items:center;
font-weight:bold;
width:100%}
.new_chat:hover,.new_chat:active{
background-color:#6179F830}
.chatlist2.enlarged .new_chat{
width:500px}
.chathorizontal:hover,.chathorizontal:active{
background-color:var(--chathor)}
.chatlist2{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
margin-bottom:10px;
cursor:pointer;
margin:15px;
text-align:center}
.chatarea.avachat{
background:rgba(100,92,255,0.05);
border:1px solid #6179F8}
.chats-content{
margin-top:250px !important}
.basic-chat{
width:166px;
background-color:var(--text);
padding:5px 15px;
border-radius:15px;
cursor:pointer;
color:var(--bg)}
.basic-chat-container{
display:flex;justify-content:center;
margin-bottom:30px;
margin-top:30px}
.basic-chat-container.newmargin{
margin-top:170px}
.basic-chat:hover,.basic-chat:active{
background-color:#5e5e5e;
color:#fff;
transition:.3s
}
.chatvertical{
height:50px;
width:50px;
cursor:pointer;
border:var(--brd);
border-radius:100px;
position:relative;
text-align:center;
margin:0px 8px 0 0;
box-shadow:0px 0px 1px rgba(50,50,50,.1),0px 2px 4px rgba(60,60,60,0.1);
background:var(--pos);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
flex:0 0 50px;
z-index:1}
#oChat{
flex:1;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
align-self:flex-end;
background-color:#666;
padding:6px 15px;
margin:3px 0;
color:#fff
}
#oChat.avachat{
background-color:transparent;
align-self:center}
#avaChat{
flex:1}
#chatcontainer1,#chatcontainer11,#chatcontainer12{
display:flex;
flex-direction:column;
align-content:center;
align-items:flex-end;
margin:0 15px 15px}
.contentprofile,.bioprofile{
font-size:30px
}
.chatarea.border-red{
border:1px solid red}
.chathorizontal{
display:flex;
flex-direction:row;
align-items:center;
margin-bottom:10px;
background-color:var(--chatsbg);
border-radius:50px;
padding:10px;
cursor:pointer}
.chathorizontal.database.avaChat{
border:.5px solid #30365B;
background-color:var(--pos)
}
.chathorizontal.database.avaChat:hover,.chathorizontal.database.avaChat:active{
background-color:var(--chatlist)
}
.chat_title{
flex:0 1 79%;
font-size:13px;
cursor:pointer;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:90%}
.titletext5{
margin:0 auto}
.textchat.highlight{
box-shadow:var(--highlight)}
.textchat{
background-color:#666;
padding:6px 15px;
margin:3px 0px;
color:#fff}
.textchat.right{
overflow-wrap:anywhere;
flex:1;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
align-self:flex-end;
text-align:left
}
.textchat.left{
overflow-wrap:anywhere;
align-self:baseline;
background-color:#6179F8;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
border-top-left-radius:15px;
text-align:left}
.textchat.center{
flex:1;
border:.5px solid #6179F8;
width:fit-content;
padding:5px 15px;
border-radius:15px;
background-color:transparent;
align-self:center;
padding:6px 15px;
margin:3px 0;
color:#fff}
@media screen and (min-width:700px) and (min-height:500px){
.chatcontainer{
width:500px;
margin:0 auto}
}
.chatc{
margin:15px;
display:flex;
flex-direction:column;
color:#fff;
text-align:right;
overflow-y:scroll}
.backlayer{
background:var(--bg);
box-shadow:0px 5px 10px var(--bg);
z-index:0}
.cleartext,.edit{
background:#666;
color:#fff;
padding:10px 50px;
border-radius:50px;
cursor:pointer}
.edit{
padding:10px 44px 10px 56px;
width:50px
}
.edit.lang{
padding:10px 66px 10px 43px
}
.optionsArticleContainer{
position:relative;
}
.pinnedContainer{
position:relative;
}
.optionsArticle{
left:15px;
margin-top:-8px;
position:absolute
}
#body3 .imgcolor0.bigart svg:hover circle:nth-of-type(1){
fill:#797979
}
#body3 .imgcolor1.bigart svg:hover circle:nth-of-type(1){
fill:#636F62
}
#body3 .vidcolor2.bigart svg:hover circle:nth-of-type(1){
fill:#747FBF
}
#body3 .streamcolor3.bigart svg:hover circle:nth-of-type(1){
fill:#768af5
}
.zoomOut svg:hover circle{
fill:var(--zoomButtons)
}
.zoomIn svg:hover circle{
fill:var(--zoomButtons)
}
.artdo{
background:#6179F8;
color:#fff;
padding:10px 50px;
border-radius:50px}
.artdo.preview{
padding:10px 59px 10px 41px;
width:50px
}
.artdo.post{
padding:10px 44px 10px 56px;
width:50px
}
#bio-mini{
margin:15px;
text-align:center}
@media screen and (max-width:500px){
.pr-content{
color:#fff;
font-size:19px}
}
.pr-content-items{
flex:1;background:var(--chat);border-radius:23px;padding:10px 0 10px 0;margin:0 6px;max-width:150px;
display:flex;flex-direction:column;align-items:center;color:#fff}
.pr-content-items:hover,.pr-content-items:active{
background:#585858
}
.items-cl{
background:radial-gradient(ellipse at center,#fff 6%,#fff0 66%);width:66px;height:66px;margin-top:0px;display:flex;justify-content:center;align-items:center
}
.canvasDraft{
flex:0 0 100px
}
.previewImg{
height:118px;
width:118px;
background-size:cover !important;
border-radius:10px
}
.dispFlex{
display:flex
}
.profileArticleImg{
height:50px;
width:50px;
background-size:contain!important;
margin:0 auto;
border-radius:25px;
top:18px;
position:relative
}
.draftImg{
height:82px;
width:100px;
background-size:cover!important;
border-radius:10px;
margin-left:5px;
position:relative;
opacity:.6
}
.chatbuttonsmobile{
display:none}
#authorbio2{
padding:23px
}
.settings_buttons{
width:100%;display:flex
}
.settings_buttons2{
flex:0 0 256px;text-align:left
}
@media screen and (max-width:809px){
#authorbio1{
display:none
}
#authorbio1,#authorbio2,#earnings,#settings,#statsperf{
margin:0 calc(100%/10 - 23px) 15px calc(100%/10 - 32px)
}
.settings_buttons{
flex-direction:column
}
.settings_buttons2{
flex:0 0 69px
}
}
@media screen and (min-width:810px){
#authorbio2{
display:none
}
}
#elementscontainer{
width:50px;
height:50px;
position:relative;
background-color:red}
#containerfooter{
width:300px;
height:300px;
background-color:#eee}
@media screen and (max-width:1750px){
.fgright{
right:calc(100%/2 - 539px)
}
.fgleft{
left:calc(100%/2 - 539px)
}
}
@media screen and (max-width:1199px){
.footergraphicsl{
margin-left:6vw
}
.footergraphicsr{
margin-right:6vw
}
.back-button.mn2:hover,.back-button.mn2:active{
margin-left:10px}
.buttonsend{
border-radius:23px;
background:url(../images/send-button.svg),radial-gradient(ellipse at top,#6179fb,#8696ea,#cecece);
background-position:center -8px;
background-repeat:no-repeat;
background-size:50px 60px;
height:50px;
width:39px;
cursor:pointer}
}
@media screen and (max-width:500px){
.chatbuttonsmobile{
display:block}
}
@media (min-width:800px) and (max-width:1199px) and (min-height:800px) and (max-height:1199px){
.back-button{
margin-left:23px}
.back-button.mn2,.back-button.mn2{
margin-left:23px !important;
top:unset}
.back-button.mn2:hover,.back-button.mn2:active{
margin-left:23px !important}
}
.info-text1{
background:url(../images/info.svg);
background-position:left;
background-repeat:no-repeat;
height:29px}
.initial-plus{
margin:0 auto;
border:3px solid #666;
border-radius:15px;
display:flex;
justify-content:center;
width:166px;
margin-bottom:15px;
padding:15px 0;
height:50px}
.info-text{
background:url(../images/info.svg);
background-position:left;
background-repeat:no-repeat;
height:29px}
.info-text.select{
margin-left:15px;
flex:59px}
.info-text1.avachat{
flex:50px}
.info-text2{
flex:100%;
align-items:center;
display:flex}
.info-text0{
display:flex}
.avachat-info,.avachat-info2{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
align-content:center;
margin:0 auto;
width:350px;
border-radius:30px}
#loading-balls{
position:absolute;
cursor:unset;
z-index:1}
@media(max-width:450px){
#loading-balls{
margin-right:35px
}
}
#loading-balls .ball{
background-color:#6179F8;
margin:1px;
height:15px;
width:23px;
cursor:unset}
#loading-balls.balls .ballbounce,#loading-balls.balls .ballbounce2{
cursor:unset;
opacity:1;
animation:1s fadeIn;
animation-fill-mode:forwards;
visibility:hidden}
@media screen and (min-width:700px) and (min-height:500px){
.info-text{
background-position:right;
height:29px;
margin-left:-350px;
flex:1;
margin-right:13px}
.info-text2{
}
.info-text0{
width:500px;
margin:0 auto;
text-align:center}
}
.back-to-bio,.back-to-bio2{
margin:0 auto;
border:3px solid #666;
border-radius:15px;
display:flex;
justify-content:center;
border-radius:10px;
width:80px;
margin-bottom:23px;
height:21px;
padding:13px 0}
.back-to-bio2{
margin-bottom:unset;
cursor:pointer}
.chatframe{
display:flex;
justify-content:center;
align-items:center;
margin:15px}
.chatarea{
height:100px;
border-radius:10px;
border:1px solid transparent;
width:100%;
font-family:'Optima';
padding:15px;
color:var(--text);
background:var(--pos);
max-width:500px;
min-width:399px;
min-height:100px;
max-height:500px}
@media screen and (max-width:500px){
.chatarea{
padding:10px}
}
.initial-plus.minimise svg{
width:30px;
height:30px}
@media screen and (min-width:700px) and (min-height:500px){
.pr-content-items{
margin:0 10px 10px 10px;
color:#fff}
.enlarge-button{
flex:0 0 25px;
position:relative;
margin:5px 50px 10px 10px;
height:40px;
width:25px}
.mini-button{
flex:inherit;
position:relative;
margin:5px 50px 5px 10px;
height:50px;
width:25px}
}
@media(max-width:699px){
.enlarge-button{
display:none;
}
}
.back-button2{
flex:0;
position:relative;
padding:11px 8px 0 12px;
margin:8px
}
.back-button2:hover,.back-button2:active{
cursor:pointer;
background:var(--vids);
-webkit-border-radius:40px;
border-radius:40px;
padding:10px 14px 9px 10px;
margin:9px 10px 10px 10px
}
.back-button3{
display:inline-block;
margin-left:24px
}
.back-button3:hover,.back-button3:active{
cursor:pointer;
background:var(--pos);
-webkit-border-radius:40px;
border-radius:40px;
padding:10px 14px 9px 10px;
margin:0px 0 20px 14px;
width:40px;
bottom:10px;
position:relative
}
.back-button3 svg{
fill:var(--text)
}
.back-button svg{
fill:var(--text)
}
.back-button2 svg{
fill:var(--vid)
}
.back-button2:hover,.back-button2:active{
fill:var(--vids)
}
.back-button:hover,.back-button:active{
cursor:pointer}
.titletext{
flex:100%;
margin:0 20px 0 5px;
font-size:16px;
font-weight:bold;
line-height:1.4em;
text-overflow:ellipsis;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
min-width:666px
}
.titletext.title001{
flex:1;
min-width:unset
}
@media(min-width:500px){
.titletext{
font-size:23px
}
}
.titletag{
display:flex
}
@media(min-width:700px) and (min-height:500px){
.titletext{
text-align:center}
}
.titletext2{
flex:auto;
margin:0 10px 0 5px;
font-size:16px;
font-weight:bold;
line-height:1.4em
}
.titletext3{
flex:1;
margin:0 10px 0 0;
font-size:16px;
font-weight:bold;
line-height:1.4em
}
.top.article{
padding:5px 0
}
.body{
width:auto;
margin:75px 0 0;
position:absolute;
overflow-y:scroll;
overflow-x:hidden;
top:0;
bottom:0;
right:0;
left:0;
scrollbar-width:none}
.body_inner{
padding:15px;
font-size:16px;
line-height:1.4em;
background:var(--pos);
height:fit-content;
text-justify:distribute}
.article_container2{
position:relative;
width:100%;
height:100%
}
.bodypicbig{
min-height:calc(100vh - 102px)}
.bodypic.portrait{
width:50%}
.bodypic.landscape{
height:100%}
.body2{
width:auto;
font-size:16px;
line-height:1.4em;
text-justify:distribute;
min-height:calc(100vh - 79px);
z-index:8;position:absolute;
display:flex;
width:100%
}
.body3,.body4{
width:auto;
font-size:16px;
line-height:1.5em;
text-justify:distribute;
z-index:8;
flex:1;
display:flex;
flex-flow:row wrap;
justify-content:space-around}
.body3{
width:100%;
margin-top:15px}
.profile-content{
flex:1;
display:flex;
flex-direction:column;
align-content:center;
text-align:center
}
@media (min-width:500px){
.profile-content{
justify-content:center}
}
@media (min-width:700px) and (min-height:500px){
.body3{
width:90%}
}
#profile-bar{
display:flex;
z-index:9;position:absolute;color:#fff
}
.pb-profile{
flex:1;
margin-left:80px
}
.pb-profile2{
flex:1
}
.pb-picture{
border-radius:100px;
height:50px;
width:50px;
margin-top:14px;
overflow:hidden
}
.pb-pic2{
border-radius:100px;
border:3px solid #fff;
height:80px;
width:80px;
margin:15px 0 0 -41px;
overflow:hidden;
background:#000
}
.pb-picture img{
height:50px;
width:50px
}
.pb-pic2 img{
height:80px;
width:80px;
object-fit:contain
}
.username-size{
font-size:19px;
flex:0 0 10px;
text-align:right
}
.username0{
bottom:1px;
position:relative
}
@media screen and (min-width:600px){
#menu2 .username-size{
font-size:35px
}
#menu2 .displayname{
font-size:25px
}
#menu2 .authname{
margin-left:28px!important
}
}
.pb-user-title{
flex:100%;
display:flex;
color:#fff;
flex-direction:column;
margin-left:5px;
margin-top:15px
}
.pb-user-title.video{
flex:0 0 auto;margin-right:15px}
@media screen and (max-width:500px){
.pb-user-title.video{
flex:0 0 151px;
margin-right:unset}
}
.pb-user-title2{
flex:100%;
display:flex;
color:var(--bg);
flex-direction:column;
width:100%
}
.pb-username{
flex:1
}
.pb-username2{
flex:1;
background:radial-gradient(#000,#000,#2a2a2a);
color:#fff;
border:1px solid #000;
border-radius:40px;
width:200px;
align-self:center;
text-align:center;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
padding:0 10px
}
.pb-username2.own-profile{
background:radial-gradient(#000,#000,#bababa)}
.pb-username2.addedfavorite{
background:radial-gradient(#000,#000,#6179F8);
border:1px solid #6179F8}
.pb-title{
flex:1;
/*width:calc(100vw - 150px)*/
}
.pb-title span{
width:158px
}
.favorite.addedfavorite{
background:radial-gradient(#000,#0f0f0f,#111);
cursor:unset}
.favorite .addedfavorite2{
box-shadow:0px 5px 10px -3px #666;
color:#666}
@media screen and (max-width:500px){
.pb-username{
font-size:15px;
flex:0 0 23px;
cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:150px
}
.pb-title{
font-size:13px;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
white-space:unset}
}
.pb-title2{
opacity:.8;
flex:0 0 auto;
color:#fff;
align-self:center;
width:90vw;
border-radius:35px;
padding:23px 0 23px;
box-shadow:unset;
background:#666;
margin:18px}
.pb-title2:active,.pb-title2:hover{
text-decoration:underline
}
#myNav2.enlarged .bigart{
border-radius:63px;
padding:66px 15px 37px;
box-shadow:0px 3px 5px rgba(0,0,0,.3);
background:radial-gradient(#515151,#808080,#b7b7b7)}
#myNav2.enlarged .imgcolor1.bigart{
background:radial-gradient(#5EB350,#72CA65,#8CD281)}
#myNav2.enlarged .vidcolor2.bigart{
background:radial-gradient(#4260FD,#5770F4,#6179F8)}
#Comments{
width:0;background:#111}
.comment{
margin-bottom:-10px}
@media screen and (min-width:501px){
#Comments{
width:500px;
transform:translateX(500px)}
#comments_header{
display:flex;
justify-content:center;
width:500px;
background:#111;
box-shadow:0px 0px 10px 15px #111;
position:fixed;
font-size:23px;
font-weight:bold;
z-index:1}
#comments_header .cledoitems2{
margin:10px auto}
#comments_header .chatarea{
height:50px;
min-height:50px}
#body_comments{
margin-top:230px;padding:10px}
.new_comment{
position:fixed;
top:75px;
background:#111;
box-shadow:0px 0px 10px 15px #111}
#wrapper_comments{
scrollbar-width:none;
overflow-x:hidden;
overflow-y:scroll;
position:relative;
z-index:1;
height:100%}
.comments_section{
border:.5px solid #333;
margin:0;
border-radius:15px;
display:flex;
justify-content:center;
padding:10px 10px 0 10px;
flex-direction:column}
.multiple_comments{
margin-bottom:15px}
.like_reply{
display:flex;
justify-content:right;
top:10px;
position:relative;
flex:0 0 22px}
.like_,.reply_{
font-size:15px;
flex:0 0 10px;
background:radial-gradient(#000,#000,#2a2a2a);
border-radius:10px;
padding:0 10px;
margin:0 5px}
#viewprob{
align-self:center}
.nomore_comments{
text-align:center;margin:30px 0
}
.comments-title{
flex:1;
text-align:right;
margin:30px 30px 0 0}
.header_button{
flex:1;
text-align:left}
.back-to-video-button{
display:inline-block;
top:18px;
background:url(../images/back-button-reverse.svg);
background-repeat:no-repeat;
margin:10px 23px 10px 0;
margin-left:0px;
background-position:center;
background-repeat:no-repeat;
height:40px;
width:25px;
position:relative;
padding:3px 3px 0px 31px}
.back-to-video-button:hover,.back-to-vide-button:active{
cursor:pointer;
background:var(--pos);
-webkit-border-radius:80px;
border-radius:80px;
border-radius:80px;
padding:10px 23px 9px 11px;
margin:2px 23px 2px 0;
margin-left:0px;
background-image:url(../images/back-button-reverse.svg);
background-position:center;
background-repeat:no-repeat;
height:40px;
width:25px}
}
@media screen and (max-width:500px){
#Comments{
width:100%;
top:100vh;
border-top-left-radius:39px;
border-top-right-radius:39px;
box-shadow:0px 0px 5px 0px #666}
#comments_header{
overflow-x:hidden;box-shadow:0px 0px 10px 10px #111;position:relative;z-index:100}
.comments-title{
margin:0px 0 0px 10px;
font-size:19px;
font-weight:bold}
.hideComments{
width:66px;background:#fff9;border-radius:3px;height:5px;top:23px;position:absolute;align-self:center;z-index:1}
.nomore_comments{
flex:0 0 179px;text-align:center;margin-top:10px
}
#wrapper_comments{
margin:10px 10px 10px 10px;
box-shadow:0px 0px 10px -5px #666;
z-index:10;
padding:12px;
height:calc(100vh - 39vh);
border-top-left-radius:29px;
border-top-right-radius:29px}
#body_comments{
height:calc(100vh - 39vh);
display:flex;
flex-direction:column;
font-size:13px;
overflow-y:scroll;
-ms-overflow-style:none;
scrollbar-width:none;
-webkit-overflow-scrolling:touch}
.comments_section{
border:.5px solid #333;
margin:0;
border-radius:15px;
display:flex;
justify-content:center;
padding:10px 10px 0 10px;
flex-direction:column}
.multiple_comments{
margin-bottom:15px}
.like_reply{
display:flex;
justify-content:right;
top:11px;
position:relative;
flex:0 0 22px}
.like_,.reply_{
font-size:15px;
flex:0 0 10px;
background:radial-gradient(#000,#151515,#393939);
border-radius:10px;
padding:0 10px;
margin:0 10px}
#viewprob{
align-self:center}
.new_comment{
position:fixed;
bottom:0;
left:0;
z-index:100;
width:100%}
.new_comment .chatarea{
min-width:unset}
.new_comment .chatframeitems{
margin:0 22px;
background:#111;
padding:1px 0;
box-shadow:0px 0px 10px 10px #111}
.new_comment .chatframe{
margin:5px 0 10px 0
}
}
@media(min-width:700px) and (min-height:500px){
.body3{
width:auto}
}
.mi-item.b .aa{
left:15px;
top:3px;
position:relative
}
.mi-item.c .aa{
margin-left:15px
}
.mi-item.d .aa{
margin-left:15px
}
@media screen and (min-width:810px) and (max-width:1150px){
.menuitems{
font-size:30px
}
.mi-item.a{
flex:.69
}
.mi-item.b{
flex:.85
}
.mi-item.c{
flex:1.39
}
.mi-item.d{
flex:.95
}
.mi-item.b .aa{
left:6px;
top:6px;
position:relative
}
.mi-item.c .aa{
margin-left:6px
}
.mi-item.d .aa{
margin-left:6px;
top:3px;
position:relative
}
}
.bio-font{
margin:10px;
font-weight:bold;
color:var(--text);
text-align:center;
position:relative;
z-index:0}
.stories-div{
display:flex;
justify-content:center;
margin:15px}
.stories-div.additional{
order:10;
flex:1;
border:3px solid #666;
border-radius:10px;
width:100px;
padding:15px 0;
background:var(--more);
cursor:pointer;
margin-left:23px
}
.Poll_demo{
border:.5px solid #666;
border-radius:15px;
color:#AAB8FF;
font-weight:bold;
margin:15px 30px 0 30px;
display:flex;
flex-direction:column;
align-items:center;
padding:35px
}
.Poll_demo_question,.news_poll_question{
color:#AAB8FF;
font-weight:bold;
font-size:23px;
margin-bottom:15px
}
.news_poll_answer1,.news_poll_answer2,.news_poll_answer3,.news_poll_answer4,.news_poll_answer5,.news_poll_answer6,.news_poll_answer7,.news_poll_answer8,.news_poll_answer9,.Poll_demo_answer1,.Poll_demo_answer2,.Poll_demo_answer3,.Poll_demo_answer4,.Poll_demo_answer5,.Poll_demo_answer6,.Poll_demo_answer7,.Poll_demo_answer8,.Poll_demo_answer9{
background:var(--more);
border:1px solid #ccc;
border-radius:23px;
width:100px;
margin-top:15px;
padding:11px;
text-align:center;
color:var(--text)
}
.Poll_demo_answer1,.Poll_demo_answer2,.Poll_demo_answer3,.Poll_demo_answer4,.Poll_demo_answer5,.Poll_demo_answer6,.Poll_demo_answer7,.Poll_demo_answer8,.Poll_demo_answer9{
font-size:18px;
font-weight:normal
}
.news_poll_answer1,.news_poll_answer2,.news_poll_answer3,.news_poll_answer4,.news_poll_answer5,.news_poll_answer6,.news_poll_answer7,.news_poll_answer8,.news_poll_answer9{
width:unset;
min-width:100px;
font-size:18px
}
.news_poll_answer1:hover,.news_poll_answer1:active,.news_poll_answer2:hover,.news_poll_answer2:active,.news_poll_answer3:hover,.news_poll_answer3:active,.news_poll_answer4:hover,.news_poll_answer4:active,.news_poll_answer5:hover,.news_poll_answer5:active,.news_poll_answer6:hover,.news_poll_answer6:active,.news_poll_answer7:hover,.news_poll_answer7:active,.news_poll_answer8:hover,.news_poll_answer8:active,.news_poll_answer9:hover,.news_poll_answer9:active{
background:#999;
cursor:pointer;
color:var(--bg)
}
.aimg,.avid,.apoll,.cleartext,.artdo{
cursor:pointer
}
.Poll_info,.Poll_info2{
font-size:19px;
text-align:center
}
.Poll_info2{
text-align:center;
margin-top:50px
}
.stories-div.poll{
margin:5px}
.stories-bg{
height:300px;
border-radius:10px;
border:1px solid #666;
margin:0 15px;
width:100%;
font-family:'Optima';
padding:15px 15px 23px 15px;
color:var(--text);
background:var(--pos);
max-width:500px}
.postEditor_title_container,.postEditor_intro_container,.postEditor_2ndtitle_container{
display:flex;
justify-content:center;
align-items:center;
margin:0 15px
}
#postEditor_intro{
width:868px;
height:60px;
resize:none
}
.textarea2{
resize:none
}
#stories_categories{
margin-left:11px;
border:1px solid #666;
color:#909090;
font-family:"Optima";
font-size:19px;
-webkit-appearance:none;
-moz-appearance:none;
background:transparent;
background-image:url("../images/keywords.svg");
background-repeat:no-repeat;
background-position-x:86%;
background-position-y:18px;
width:125px;
border-radius:23px;
padding:10px 0 10px 23px;
cursor:pointer
}
#stories_categories path{
fill:#909090
}
.category{
font-size:15px;margin:23px 15px;color:#909090
}
.category_user_tags{
width:419px;
margin:0 auto
}
.between_category_user_tags{
border-top:1px solid var(--wru);margin:23px 15px 0 15px;
width:419px
}
.between_category_user_tags.w1{
width:166px
}
.between_category_user_tags.w2{
width:323px
}
.aimg input,.avid input{
opacity:0;
width:37px;
cursor:pointer;
height:34px
}
#canvas-container-crop input{
opacity:0;
width:101px;
cursor:pointer;
height:101px;
position:relative;
right:51px
}
.Stories_presentation_loading{
width:419px;
margin:0 auto
}
.optional_{
font-size:23px;
margin:35px 15px 15px
}
.optional_loading{
width:96px;
background:#666;
border-radius:15px;
margin:35px 15px 15px;
height:26.5px
}
.category_loading{
width:258px;
background:#666;
border-radius:15px;
margin:30px 0 30px 15px;
height:31px
}
.user_tags_loading{
width:66px;
background:#666;
border-radius:15px;
margin:15px 15px 0 15px;
height:18px
}
.user_tags_loading0{
width:379px;
background:#666;
border-radius:15px;
margin:10px 15px;
height:18px
}
.user_tags_loading1{
background:#666;
border-radius:15px;
margin:15px;
height:56px
}
.Stories_presentation_info{
margin:0 15px 35px;font-size:19px;text-align:center
}
.postCharcount{
margin-right:23px;text-align:right;color:transparent;z-index:100;
position:relative
}
.postCharcount.aa{
color:rgb(102,102,102)
}
.postCharcount2,.postCharcount22,.postCharcount222{
	display:block;
	text-align:right;
right:23px;
position:relative;
color:rgb(102,102,102)
}
#backtobiocontainer{
display:flex;
align-items:center
}
#backtobio_left,#backtobio_right,#back-to-bio-container{
flex:1
}
.article_.article1{
background:linear-gradient(to bottom,#6179F8,#AEAEAE);
width:max-content;
padding:5px 15px;
border-radius:15px;
cursor:pointer;
color:var(--bg);
position:relative;
margin:0 0 0 auto
}
.notification-button,.notification-button2,.notification-button0{
width:86px;
border-radius:23px;
text-align:center;
padding:10px;
margin:15px auto;
cursor:pointer
}
.notification-button{
background:#6179F8
}
.notification-button2{
background:var(--wru)
}
.notification-button0{
background:#181818;
padding:10px 0;
margin:0 5px
}
.notification-button0:active,.notification-button0:hover{
background:#282828
}
.notifications-buttons-container{
display:flex;
align-items:center
}
.notifications-buttons-container.articles{
font-size:12px;
font-weight:normal;
letter-spacing:1.2px;
bottom:11px;
position:relative;
margin-bottom:23px
}
.notification-msg-remove{
top:199px;
background:#ccc;
color:#000;
border-radius:10px;
border-top-right-radius:0;
right:23px;
padding:10px;
display:inline;
position:relative
}

.notification-msg-remove.top{
top:276px
}
.notification-msg-remove.top0{
top:337px
}
.notification-msg-remove:after {
width:0;
height:0;
border-left:10px solid transparent;
border-right:0px solid transparent;
border-bottom:10px solid #ccc;
content:' ';
position:absolute;
top:-10px
}
.notification-msg-remove2:after {
width:0;
height:0;
border-right:10px solid transparent;
border-left:0px solid transparent;
border-bottom:10px solid #ccc;
content:' ';
position:absolute;
left:0px;
top:-10px
}
.notification-msg-notavailable{
margin-top:15px;
background:#ccc;
color:#000;
border-radius:10px;
padding:10px;
display:inline-block;
position:absolute;
width:200px;
text-align:center;
left:137px
}
.notification-msg-notaccepted{
margin-top:15px;
background:#ccc;
color:#000;
border-radius:10px;
padding:10px;
display:inline-block;
position:absolute;
width:150px;
text-align:center;
left:19px
}
.notification-msg-notavailable00{
margin-top:135px;
background:#ccc;
color:#000;
border-radius:10px;
padding:10px;
display:inline-block;
position:absolute;
width:200px;
text-align:center;
left:32px;
z-index:100;
font-size:15px
}
.notification-msg-notavailable101{
top:311px;
background:#ccc;
color:#000;
border-radius:10px;
padding:10px;
display:inline-block;
position:absolute;
width:200px;
text-align:center;
left:137px;
z-index:100;
font-size:15px
}
.notification-msg-checkpollresults{
bottom:50px;
background:#ccc;
color:#000;
border-radius:10px;
padding:10px;
display:inline-block;
position:relative;
width:200px;
text-align:center;
left:132px;
z-index:100;
font-size:15px
}
.notification-msg-pollopinion{
top:298px;
background:#ccc;
color:#000;
border-radius:10px;
padding:10px;
display:inline-block;
position:absolute;
width:200px;
text-align:center;
left:100px;
z-index:100;
font-size:15px
}
.notification-msg-notavailable01{
margin-top:135px;
background:#ccc;
color:#000;
border-radius:10px;
padding:10px;
display:inline-block;
position:absolute;
width:166px;
text-align:center;
right:245px;
z-index:100;
font-size:15px
}
.notification-msg-menuloading{
top:250px;
background:#ccc;
color:#000;
border-radius:10px;
padding:10px;
position:absolute;
min-width:85px;
text-align:center;
left:5px;
z-index:100;
font-size:15px;
width:179px
}
.notification-msg-errorZoomIn.lang2{
right:21px;
width:181px
}
.notification-msg-errorZoomOut.lang2{
right:-29px;
width:181px
}
.svgContactSupport{
flex:0 0 39px
}
.notification-msg-contactsupport2{
color:#6179f8;
cursor:pointer
}
.textContactSupport{
display:flex;
flex-direction:column
}
.notification-msg-contactsupport2:hover,.notification-msg-contactsupport2:active{
text-decoration:underline
}
.notification-msg-notavailable01:after {
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #ccc;
content:' ';
position:absolute;
top:-10px;
right:79px
}
.notification-msg-notaccepted:after {
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #ccc;
content:' ';
position:absolute;
top:-10px;
right:75px
}

.notification-msg-notaccepted2{
margin-top:101px;
background:#ccc;
color:#000;
border-radius:10px;
padding:10px;
display:inline-block;
position:absolute;
width:150px;
text-align:center;
right:79px;
z-index:1
}
.notification-msg-notaccepted2:after {
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #ccc;
content:' ';
position:absolute;
top:-10px;
right:75px
}
.draftProfilePhoto{
height:250px;
width:250px
}
.profileInfo{
display:flex
}
#editMemberType{
flex:1;
bottom:23px;
position:relative;
font-weight:bold;
font-size:23px
}

#editDisplayName{
}
#editProfilePic{
height:323px;
border-radius:50px;
margin-left:5px;
position:relative;
border:2px solid #ccc
}
#editEmail,#editCity,#editCountry{

}

.emailCityCountry{
display:flex;
justify-content:space-between;
flex:1
}
.editDisplayNameCharCount{
flex:1
}
.emailText,.cityText,.countryText{
display:flex;
flex-direction:column;
flex-basis:calc(100%/3.2);
margin:0 0 23px 0
}
.typeName{
display:flex;
flex:1;
align-items:center
}
.typeText{
flex:1;
flex-direction:row;
display:flex;
align-items:center;
margin-top:30px
}
.nameText{
flex-basis:calc(100%/3.2);
display:flex;
flex-direction:column
}
.photoText{
display:flex;
flex-direction:column;
flex-basis:238px;
justify-content:center
}
.surrounding{
position:relative;
width:500px; height:200px;
margin:0 auto;
overflow:hidden
}
.surrounding:after{
content:'';
position:absolute;
left:-325px; top:-475px;
border-radius:100%;
width:150px; height:150px;
border:500px solid #E3DFD2
}
.photoButton{
color:rgb(97, 121, 248);
height:91.5px;
justify-content:center;
display:flex;
align-items:center
}

.buttonReset,.buttonRemove{
font-size:13px;
letter-spacing:1px;
flex:0 0 51px;
cursor:pointer;
color:#6179f8
}
.buttonLoading{
color:#666
}
.buttonLoading:hover,.buttonLoading:active{
cursor:unset
}
.buttonsPhotoEdit{
color:#666
}
.circle-border{
display:inline-block;
border-radius:50%;
background-color:rgba(0, 0, 0, 0);
position:absolute;
pointer-events:none;
border:3px dashed var(--st);
height:250px;
width:250px
}
.photoButton:hover,.photoButton:active{
cursor:pointer
}
.editSpan{
text-align:left;
color:#666;
margin:10px 0 0 10px;
font-size:15px;
flex:1;
bottom:23px;
position:relative
}
.city-country{
flex:0 0 166px;
margin:0 0 0 30px;
display:flex;
justify-content:left
}
@media(min-width:810px){
.city-country{
margin:0 30px 0 30px;
}
}

.example-boundary {
  position:relative;
  border:1px dotted gray;
  width:500px;
  height:500px
}

.example-wur{
touch-action:none;
  position:absolute;
  cursor:grab
}
.example-wur img{
max-width:1000px
}
.zoomButtons{
display:flex;
flex:0 0 100px
}
.zoomIn,.zoomOut{
cursor:pointer;
flex:1;
font-size:39px;
font-weight:bold;
color:#fff;
display:flex;
justify-content:center
}
.pinned{
background:url("../images/pinned.svg");
width:27px;
height:32px;
background-repeat:no-repeat;
background-size:contain;
position:absolute;
right:15px;
margin-top:-66px
}
.notification-msg-notavailable00:after {
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #ccc;
content:' ';
position:absolute;
top:-10px;
right:96px
}
.notification-msg-notavailable101:after {
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #ccc;
content:' ';
position:absolute;
top:-10px;
left:66px
}
.notification-msg-checkpollresults:after {
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #ccc;
content:' ';
position:absolute;
top:-10px;
right:66px}
.notification-msg-pollopinion:after {
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #ccc;
content:' ';
position:absolute;
top:-10px;
right:100px}
.notification-msg-pollopinion.answer2{
top:359px
}
.notification-msg-pollopinion.answer3{
top:423px
}
.notification-msg-pollopinion.answer4{
top:482px
}
.notification-msg-pollopinion.answer5{
top:543px
}
.notification-msg-pollopinion.answer6{
top:606px
}
.notification-msg-pollopinion.answer7{
top:666px
}
.notification-msg-pollopinion.answer8{
top:728px
}
.notification-msg-pollopinion.answer9{
top:789px
}
@media screen and (max-width:809px){
.membertypeno{
flex:1
}
.authname{
flex:1
}
.city-country{
flex:1;
max-width: 123px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.city-country .country{
margin-left:5px;
max-width: 123px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.settings_buttons{
flex-direction:column
}
.settings_buttons2{
flex:0 0 80px
}
}
.notification-msg-menuloading:after {
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #ccc;
content:' ';
position:absolute;
top:-10px;
left:32px
}
.notification-msg-notavailable.top{
top:276px
}
.notification-msg-notavailable.top0{
top:337px
}
.notification-msg-notavailable:after {
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid #ccc;
content:' ';
position:absolute;
top:-10px;
right:96px
}
.notification-msg-nocontent{
margin-top:-5px;
background:#ccc;
color:#000;
border-radius:10px;
padding:10px;
display:inline-block;
position:absolute;
width:223px;
text-align:center;
left:11px
}
.notification-msg-nocontent.top{
top:276px
}
.notification-msg-nocontent.top0{
top:337px
}
.notification-msg-nocontent:after {
width:0;
height:0;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px solid #ccc;
content:' ';
position:absolute;
bottom:-10px;
right:111px
}
.notification-msg{
border:1px solid #666;
border-radius:15px;
text-align:center;
margin:0 auto 15px auto;
height:100px;
width:239px;
padding:10px
}
.notification-msg.error{
display:flex;
height:unset;
flex-direction:column;
width:206px
}
.notification-msg.error2{
display:flex;
height:unset;
flex-direction:column;
width:233px
}
.notification-msg.error00{
display:flex;
height:unset;
flex-direction:column;
width:233px
}
.notification-msg.error3{
display:flex;
height:unset;
flex-direction:column;
width:236px
}
.notification-msg-success{
text-align:center;
margin:0px auto;
width:399px;
font-weight:bold;
font-size:23px;
line-height:50px
}
.notification-msg-success-loading{
display:flex;
flex-direction:column
}
.notification-msg-success-loading2{
flex:0 0 25px;width:260px;margin:15px auto 18px;border-radius:18px
}
.notification-msg-success-loading3{
flex:0 0 25px;width:330px;margin:0px auto;border-radius:18px
}
.new-article{
box-shadow:0 0 50px 5px var(--highlightPost)
}
.article_.just_post_{
background:#666;
width:max-content;
padding:5px 15px;
border-radius:15px;
cursor:pointer;
color:#fff;
position:relative;
margin:0 0 0 auto
}
#article{
top:-11px;
position:relative
}
#postEditor_2ndtitle{
text-transform:uppercase
}
#charcount2,#charcount1,#charcount11,#charcount111{
bottom:23px;position:relative;display:inline-block
}
#charcount1,#charcount11,#charcount111,.charcount0,.charcount00,.charcount000{
	z-index:1;
}
.charcount3,.charcount0,.charcount00,.charcount000{
bottom:23px;position:relative
}
.charcount-bg0,.charcount-bg1,.charcount-bg2{
box-shadow: 0px 0px 8px 10px var(--bg);
position: absolute;
bottom: 33px;
right: 5px;
}
.charcount-bg1{
	  width: 50px;
}
.charcount-bg0,.charcount-bg2{
	  width: 35px;
}
.keywords_text_textarea{
font-size:15px;margin:15px;color:#909090
}
.keywords{
display:flex;
align-items:center;
margin:0 31px;
flex-direction:column
}
.keywords-error,.keywords-error2{
border:1px solid rgb(255, 180, 180);
margin:15px 15px 0 15px;
padding:11px;
border-radius:15px
}
#stories_user_tags{
height:23px;
border-radius:10px;
width:100%;
font-family:'Optima';
padding:15px;
color:var(--text);
background:var(--pos);
border:1px solid #666;
line-height:19.5px
}
#postEditor_title,#postEditor_2ndtitle{
height:23px;
border-radius:10px;
width:100%;
font-size:15px;
font-family:'Optima';
padding:15px;
color:var(--text);
background:var(--pos);
border:1px solid #666;
resize:none
}
#postEditor_intro{
height:50px;
border-radius:10px;
width:100%;
font-size:15px;
font-family:'Optima';
padding:15px;
color:var(--text);
background:var(--pos);
border:1px solid #666
}
.postEditor{
width:unset;
text-overflow:clip;
overflow-y:scroll;
word-wrap:break-word
}
.Stories-mirror{
position:relative;
bottom:29px
}
.Stories-mirror:before{
content:'';
width:91px;
height:28px;
position:absolute;
right:16px;
background:transparent;
border-radius:9px 0;
z-index:1
}
.Stories-mirror.aa:before{
background:linear-gradient(transparent 1px,var(--bgChatCount),var(--bgChatCount))
}
#editor:focus{
outline:none
}
.question-bg{
height:50px}
.poll-bg{
height:23px
}
.poll-bg-question{
height:56px
}
.pb-title2:hover,.pb-title2:active{
cursor:pointer;
opacity:1
}
.streamcolor3{
background:linear-gradient(50deg,#6179F8 56%,#FF7AF2 100%)
}
.vidcolor0{
background-color:#666
}
.vidcolor2{
background-color:#616BA6
}
.imgcolor1{
background-color:#515C50
}
.camStreaming{
right:66px;
position:absolute;
height:23px;
margin-top:-23px
}
.p-t2{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
width:69%;
margin:0 auto
}

.body-subtitle0{
overflow-y:scroll
}
.body-subtitle1{
display:none
}
.body-vid2{
width:100%;
display:flex;
align-items:center;
justify-content:center
}
.overlay{
height:100%;
width:0;
position:fixed;
z-index:5;
right:0;
top:0;
overflow-x:hidden;
overflow-y:scroll;
background-color:var(--bg);
transition:.2s}
.overlay.overlay22{
right:0%;
top:0%}
@media screen and (max-width:500px){
.overlay.profile{
opacity:0;
}
}
@media screen and (min-width:501px){
.overlay.profile{
opacity:0;
}
}
@media screen and (min-width:700px) and (min-height:500px){
.overlay{
border-radius:15px 15px 0 0}
.overlay.zind{
top:50%;
left:50%;
transform:translate(-50%,-50%);
right:unset
}
.enlarge{
right:0;
top:0}
.overlay.profile{
right:0;
top:0;
background-color:var(--bg);
scrollbar-width:none
}
}
.photoLayer{
background:url(../images/remove_button.svg);background-repeat:no-repeat;background-size:50%;background-position:center;
position:absolute;
height:82px;
width:100px;
cursor:pointer;
z-index:1;
margin:-82px 0 0 5px
}
.backgroundLayer{
background:radial-gradient(ellipse at center,#fff 1%,#fff0 66%);
height:82px;
width:100px;
position:absolute;
margin:-82px 0 0 5px
}
.profilePhotoDraft .photoLayer,.profilePhotoDraft .backgroundLayer{
bottom:82px;
left:70px;
height:86px
}
#canvas-container-crop.draftProfilePhoto{
height:250px;
width:250px
}
#canvas-container-crop.crop{
border-radius:15px;
border:2px solid var(--st)
}
.authorbio_article{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
width:169px;
margin-bottom:6px}
.add_fave3{
font-size:15px;
margin-right:10px
}
.add_fave_container0.profile.profile001{
left:unset;
justify-content:center}
.add_fave0{
font-size:15px;
margin-left:10px
}
.add_fave0.img{
color:#fff}
.add_fave_container0{
display:flex;
align-items:center
}
.add_fave_container0.profile000,.addfave_highlight.profile000{
bottom:10px;
left:66px;
position:relative
}
.add_fave_container0.e101{
top:5px;
position:relative}
.opinion_container{
display:flex;
margin-top:35px}
.checkPollResults{
color:#6179f8}
.checkPollResults:hover,.checkPollResults:active{
cursor:pointer}
.add_fave_container0.profile{
left:32px;
position:relative;
margin-bottom:23px;
opacity:0;
transition:opacity .3s ease-in
}
.remove_fave_container{
display:flex;
align-items:center;
bottom:11px;
position:relative;
right:23px;
opacity:0;
transition:opacity .3s ease-in;
flex:0 0 132px
}
.remove_fave_container:hover,.remove_fave_container:active{
cursor:pointer
}
.remove_fave_img_container{
height:30px
}
.add_fave_container0.profile00{
opacity:0;
transition:opacity .3s ease-in
}
.add_fave_container0.active,.remove_fave_container.active,.add_fave_container0.profile2.active{
opacity:1
}
.add_fave_container0.aea{
transition:.3s ease-in
}
.remove_fave_container2{
display:flex;
align-items:center;
bottom:5px;
position:relative
}
.remove_fave_container2:hover,.remove_fave_container2:active{
cursor:pointer
}
@keyframes color-change00{0%{stop-color:#6eff6e}}
.addfave_highlight{
box-shadow:0 0 32px 3px #fff;
top:15px;
position:relative;
width:132px;
opacity:0;
transition:opacity .3s ease-in
}
.imageNav .addfave_highlight{
top:23px;
}
.addfave_highlight.active{
opacity:1
}
.favs_count_container{
display:flex;
align-items:center;
width:86px
}
.favs_count_container.no_favs{
flex:0 0 161;
align-items:unset
}
.favs_count_container:hover,.favs_count_container:active{
cursor:pointer
}
.favs_count_container.no_favs{
cursor:unset
}
.favs_count_container2{
flex:0 0 10px
}
.count_favorites{
margin-left:10px;
flex:0 0 50px
}
.count_favorites.no_favs{
flex:0 0 150px
}
.add_fave_container0.profile3,.addfave_highlight.profile3{
margin-bottom:23px;
left:66px;
position:relative
}
@media screen and (max-width:500px){
.add_fave_container0.profile3,.add_fave_container0.profile000{
font-size:13px;
right: -39px;
left: unset;
margin-left: 5px;
}
.remove_fave_container .text_{
font-size:13px;
}
.add_fave_container0 svg,.remove_fave_img_container svg{
width:23px;
}
.remove_fave_container{
right:10px;
}

.addfave_highlight.profile000{
top:15px;
width:123px;
left: unset;
right: -32px;
}
.addfave_highlight.profile001{
top:5px;
width:123px;
left: unset;
right: -32px;
}
.add_fave_container0.profile{
justify-content:flex-end;
}
.add_fave_container0.profile .add_fave3{
font-size: 11px;
margin-right:unset;
}
.add_fave_container0.profile .add_fave_container{
transform: scale(.8);
width:58px;
padding: 0 0 5px 10px;
}
.add_fave_container0.profile{
left:15px;
}
}
.add_fave_container0.profile3{
opacity:0;
transition:opacity .3s ease-in
}
.add_fave_container0.profile3.active{
opacity:1
}
.add_fave_container0.profile2{
justify-content:center;
position:relative;
margin-bottom:23px;
opacity:0;
transition:opacity .3s ease-in
}
.city_country{
display:flex;
flex-direction:row
}
.holster{
height:100vh}
.holster{
display:flex;
align-items:center;
justify-content:space-between;
flex-flow:column nowrap}
.containeru{
display:flex;
overflow:auto;
flex:none}
.containeru.scroll{
width:100%;
height:100vh;
flex-flow:column nowrap}
.scroll.mandatory-scroll-snapping{
scroll-snap-type:y mandatory}
.containeru > .containerue{
scroll-snap-align:center;
flex:none}
.scroll.containeru > .containerue{
width:100%;
height:100vh}
.scroll.containeru > .containerue:first-child{
}
.containeru > .containerue:nth-child(even){
background-color:var(--bg)}
.containeru > .containerue:nth-child(odd){
background-color:var(--bg)}
#myNav3,#containeru{
scrollbar-width:none}
.overlay.zind{
z-index:8
}
.overlay2{
height:100%;
width:0;
position:fixed;
z-index:8;
right:0;
top:0;
background-color:#000;
overflow-x:hidden;
overflow-y:hidden;
transition:0.1s}
.com-sub-cha{
display:flex;
justify-content:space-around;
align-items:center;
color:#fff;
bottom:0;
left:0;
right:0;
position:fixed;
background:#000;
top:calc(100vh - 50px);
padding-bottom:50px
}
.comments,.favorite,.chat{
border-top:8px solid #111;
flex-grow:1;
text-align:center;
padding:30px 0 30px;
border-radius:50px;
background:#000;
cursor:pointer}
.comments:hover,.favorite:hover,.chat:hover,.comments:active,.favorite:active,.chat:active{
background:radial-gradient(#000,#0f0f0f,#111)}
@media screen and (min-width:980px){
.com-sub-cha{
justify-content:center
}
.comments,.favorite,.chat{
flex-grow:.15}
}
.typestream1{
position:relative;bottom:6px;left:6px;background:#666666cf;border-radius:10px;padding:1px 6px;border:1px solid #6a6a6acf
}
.typestream0{
}
.overlay-content{
position:relative;
top:25%;
width:100%;
text-align:center;
margin-top:30px}
.overlay a:hover,.overlay a:focus{
color:#f1f1f1
}
.searcharea:focus,.searcharea:active{
background-color:var(--bg_search_hov)!important;
outline:none}
.searcharea{
height:calc(100% - 1px);
background:var(--bg_search);
border-radius:50px;
border:0;
margin-left:9px;
padding:0 15px 0 28px;
color:var(--text);
width:199px}
.overlay .closebtn{
position:absolute;
top:20px;
right:45px;
font-size:60px
}
.search_back_button{
flex:0 0 100px;text-align:center;margin:10px 0 0
}
.search_results_text{
flex:0 0 calc(100% - 100px);text-align:center
}
.searchResultsHeader{
height:100px
}
.searchResultsArea,.searchResultsArea2{
margin-left:100px
}
.search_pic_displayname{
display:flex;flex:1
}
.search_displayname{
flex:1;align-self:center
}
.search_results_title_subtitle,.search_results_mini_title_body1,.search_results_description,.search_results_user_tags{
display:flex;flex:1;
margin:10px 0 0 10px
}
.search_results1{
margin:0 15px 0 0
}
.search_results2{
flex:1
}
.search_results2_found2{
background-color:var(--searchhighlight);
padding:0px 5px;
color:var(--text)
}
.search_results2_found0 span{
background-color:#51503c;
color:var(--text)
}
.search_results2_found2.tags{
padding:unset
}
.searchResultsTitle{
display:flex;
box-shadow:var(--searchbar);
width:66%;
padding:15px 0px;
cursor:pointer
}
.search_pic{
flex:0 0 100px
}
.search_text{
flex:100%;display:flex;flex-direction:column
}
.search_text_1,.search_text_2,.search_text_3{
flex:1
}
.searchResultsTitle:hover,.searchResultsTitle:active{
background-color:var(--searchresult);
border-radius:66px
}
.searchResultsTitle.error{
box-shadow:unset;
flex:100%;text-align:center;margin-top:100px;
cursor:unset;
justify-content:center
}
.searchResultsTitle.error:hover,.searchResultsTitle.error:active{
background-color:unset;
border-radius:unset
}
.fefe{
margin-left:15px
}
.search_results_description{
margin-right:15px
}
@media screen and (max-width:500px){
.searchResultsHeader{
height:unset
}
.searchResultsArea{
margin:0 5px
}
.searchResultsArea2{
margin:unset
}
.search_back_button{
flex:0 0 81px;
text-align:center;
height:69px;
margin:5px 0 0
}
.search_results_text{
flex:0 0 calc(100% - 156px)
}
.searchResultsTitle{
box-shadow:var(--searchbarmin);
width:100%
}
.searchResultsArea2 .searchResultsTitle{
padding:15px
}
.searchResultsArea2 .searchResultsTitle:hover,.searchResultsArea2 .searchResultsTitle:active{
background-color:var(--searchresult);
border-radius:unset
}
.search_pic{
flex:0 0 66px
}
.search_pic .owra{
height:66px;
width:66px
}
.search_text_2 div,.search_text_3 div{
font-size:12px
}
.searchLoading{
margin-left:28px
}
}
@media screen and (max-height:450px){
.overlay a{font-size:20px}
.overlay .closebtn{
font-size:40px;
top:15px;
right:35px}
}
.lock-scroll,.lock-scroll2,.lock-scroll3{
overflow:hidden
}
.lock-scroll3 .container #post{
opacity:0;
/* height:666px */
/* breaks the news posts from index when going to view profile */
}
.lock-scroll .container #post,.lock-scroll2 .container #post{
opacity:0}
.disp{
display:none
}
.anim-off{
animation:unset
}
.body2{
animation:0.1s fadeIn;
animation-fill-mode:forwards;
visibility:hidden
}
@keyframes fadeIn{
0%{
opacity:0}
100%{
visibility:visible;
opacity:1}
}
.article-container{
display:flex;
flex-direction:row
}
.article-pic img{
float:right;margin:0 10px 0 0;width:150px;height:150px;border-radius:15px
}
.subtitle_{
font-size:19px
}
.article_container{
display:flex;
flex-direction:column
}
.art-profile-pic_art-profile-info_container{
display:flex
}
.subtitle_image_container{
display:flex;
align-items:center
}
.city_country,.authorbio_article{
color:#666;
font-size:12px
}
.article_image{
flex:0 0 150px
}
.art-first-row{
display:flex;margin-bottom:15px
}
.canvasArticle{
border-radius:23px;
background-size:cover !important;
margin:0 auto
}
.art-first-row.image{
margin-bottom:unset
}
@media screen and (max-width:500px){
.art-profile-pic{
flex-direction:column
}
.subtitle_image_container.full-width{
flex-direction:column
}
}
@media screen and (min-width:501px) and (max-width:980px){
.subtitle_image_container.full-width{
flex-direction:row;
margin:0 auto;
width:100%;
justify-content:center;
margin-top:15px
}
}
.art-profile-pic:hover,.art-profile-pic:active{
cursor:pointer
}
.art-profile-pic img{
min-width:90px;
height:90px;
border-radius:56px;
border-left:2px solid #6179F8;
border-bottom:2px solid #FF7AF2;
padding:10px
}
#post .eo{
flex-direction:column;
display:flex}
@media screen and (max-width:500px){
.article_image{
margin-top:15px
}
.art-profile-pic img{
min-width:69px;
height:69px;
padding:5px
}
}

.imageNav{
display:flex;
justify-content:center;
background:transparent;
align-items:center;
height:666px;
position:fixed;
top:50%;
left:50%;
z-index:100;
flex-direction:column;
transform:translate(-50%,-50%) scale(0);
transition:.15s;
transform-origin:center}
.miniContainer{
background:transparent}
.imageContainer{
height:665px;
width:0;
border-radius:23px;
transition:.15s}
.imagetopLayer{
background:#00000069;
height:86px;
mask:linear-gradient(to top,transparent,#000 37%);
-webkit-mask:linear-gradient(to top,transparent,#000 37%);
display:flex;
align-items:baseline;
padding:5px 0;
border-top-left-radius:23px;
border-top-right-radius:23px
}
.likes_number,.comments_number,.shares_number,.likes_,.comments_,.shares_{
cursor:pointer}
.imagebottomLayer{
bottom:62.5px;
background:#00000069;
height:166px;
mask:linear-gradient(to bottom,transparent,#000 37%);
-webkit-mask:linear-gradient(to bottom,transparent,#000 37%);
display:flex;
align-items:end;
bottom:0;
position:absolute;
width:100%;
padding:5px 0;
border-bottom-left-radius:23px;
border-bottom-right-radius:23px}
.imagecommentsLayer{
position:relative;
padding:32px 0 15px;
z-index:-1;
border-bottom-left-radius:23px;
border-bottom-right-radius:23px;
width:100%}
.mini01{
bottom:39px;
position:relative}
.likes_container,.comments_container,.shares_container{
display:flex;
align-items:center}
.likes_comments_shares_container{
bottom:69px;
position:relative;
padding:26px 0 12px;
z-index:-1;
border-bottom-left-radius:23px;
border-bottom-right-radius:23px;
height:150px;
width:100%;
backdrop-filter:blur(15px);
-webkit-backdrop-filter:blur(15px);
background:var(--comments)}
.newenlarge-button{
flex:0 0 23px;
position:relative;
padding:2px 3px 5px 31px;
margin:10px 15px 10px 10px;
background:url(../images/newenlarge-button.svg);
background-position:center;
background-repeat:no-repeat;
height:40px;
width:25px
}
.newback-button{
flex:0 0 23px;
bottom:3.5px;
background:url(../images/newback-button-reverse.svg);
background-position:center;
background-repeat:no-repeat;
height:40px;
width:25px;
padding:3px 3px 0px 31px;
position:relative
}
.newenlarge-button:hover,.newenlarge-button:active{
cursor:pointer
}
.newback-button:hover,.newback-button:active{
cursor:pointer
}
.newart-first-row{
flex:auto;
display:flex;
top:3px;
position:relative
}
.newart-profile-pic{
flex:unset
}
.newart-profile-pic img{
min-width:50px;
height:50px;
padding:2px;
border-radius:51px;
border-left:2px solid #6179F8;
border-bottom:2px solid #FF7AF2;
background:#000}
.newart-profile-pic:hover,.newart-profile-pic:active{
cursor:pointer
}
.newart-profile-info{
flex:0 0 199px;
margin-left:5px;
height:61px
}
.newart-author-field{
display:flex;
flex-direction:column
}
.newauthor-field{
flex:1;
position:relative;
bottom:6px
}
.newart-author{
position:relative
}
.newart-author.img{
display:flex;
align-items:center;
top:5px;
color:#fff}
.newart-author:hover,.newart-author:active{
cursor:pointer
}
.newusername-size{
font-size:15px;
text-align:right
}
.newusername_{
font-size:11px;
bottom:1px;
position:relative
}
@font-face {
font-family:"ellipsis-font";
src:local("Courier");
unicode-range:U+2026;
margin:0 0 3px 0
}
.newusername-size_{
max-width:105px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-family:ellipsis-font,'Optima'
}
.dot_{
flex:0 0 1px;
margin:0 3px
}
.newcategory-highlight{
background:#666;
border-radius:15px;
padding:1px 5px;
position:relative;
font-size:11px;
width:auto
}
.likes_comments_shares{
display:flex;
justify-content:space-between;
width:199px;
margin-left:23px;
z-index:100;
position:relative;
color:#fff;
height:32px}
.likes_{
flex:0 0 39px;
background:url(../images/likes_button.svg) no-repeat;
height:32px;
width:32px
}
.comments_{
flex:0 0 39px;
background:url(../images/comments_button.svg) no-repeat;
height:32px;
width:32px
}
.shares_{
flex:0 0 39px;
background:url(../images/shares_button.svg) no-repeat;
height:32px;
width:32px
}

.art-profile-pic.image{
flex:unset
}
#body.body.image{
padding:8px
}
.art-profile-pic.image img{
min-width:39px;
height:39px;
padding:5px
}
.art-profile-info{
flex:1;
margin-left:17px
}
.art-author-field{
display:flex;flex-direction:column;height:90px
}
.art-author-field.image{
height:56px
}
.author-field,.user-field,.subtitle_{
flex:1
}
.add_fave_container{
display:flex;
width:66px;
border-radius:50px;
border:1px solid #666;
padding:0 0 5px 15px}
.add_fave_container.img{
border:1px solid #fff}
.add_fave_container0.img{
transform:scale(0.85);
right:11px;
position:relative}
@media screen and (max-width:500px){
.add_fave_container0.img{
transform:scale(0.69);
}
}
.add_fave_container:hover,.add_fave_container:active{
background:var(--addcontent);
cursor:pointer
}
.add_fave_container.img:hover,.add_fave_container.img:active{
background:rgba(255,255,255,0.15)}
.add_fave_container:hover .add_fave2.article circle,.add_fave_container:active .add_fave2.article circle{
fill:var(--addfavehover)
}
.add_fave_container .add_fave2.img{
width:23px}
.add_fave{
margin:8px 0 0
}
.add_fave2{
margin:6px 0 0 6px
}
@media screen and (max-width:500px){
#body.body .subtitle_{
line-height:25px;
white-space:pre-wrap;
flex:1
}
}
@media screen and (min-width:501px){
#body.body .subtitle_{
line-height:25px;
white-space:pre-wrap;
flex:0 0 300px
}
}
/* view article window size depending on device screen size

/*@media screen and (min-width:1399px){
#myNav.overlay.zind{
width:61%; height:75%
}
}
@media screen and (min-width:981px) and (max-width:1399px){
#myNav.overlay.zind{
width:86%; height:75%
}
}
@media screen and (min-width:500px) and (max-width:980px){
#myNav.overlay.zind{
width:86%; height:75%
}
}*/
#body.body .viewbody2{
white-space:pre-wrap
}
.art-author{
position:relative
}
.article-pic img.right{
float:right;
margin:0 0 0 10px
}
.news .right{
float:right
}
.article-date-author{
display:flex;
justify-content:space-between;
margin-top:15px;
color:var(--text);
opacity:.2}
.a-f-d{
flex:max-content
}
.article-id{
flex:initial;
float:right
}
.article-date{
}
.article-author{
}
.article-body{
flex:1
}
.category-highlight{
background:var(--ad);
border-radius:15px;
padding:3px 10px;
position:relative
}
@media screen and (max-width:500px){
.username_{
font-size:13px
}
.category-highlight{
font-size:13px
}
.city_country, .authorbio_article {
  font-size:10px;
  }
  .art-profile-info{
  line-height:1em;
  }
  .authorbio_article{
  margin-bottom:unset;
  }
  .art-profile-pic_art-profile-info_container{
  margin-bottom:15px;
  }
  .imagetopLayer{
  border-top-left-radius:unset;
  border-top-right-radius:unset;
  top:58px;
  position:relative
}
.imageNav{
/*transform:scale(1)!important;
top:0;
left:0;*/
width:100%;
height:100%
}
.imageContainer{
width:100vw!important;
height:100vh;
border-radius:unset
}
.imagebottomLayer{
   border-radius:unset
}
.newimg-layer{
   border-radius:unset;
 }
 .imagecommentsLayer{
 bottom:-8px;
 border-bottom-left-radius:unset;
 border-bottom-right-radius:unset;
 }
 .likes_comments_shares_container{
    border-bottom-left-radius:unset;
    border-bottom-right-radius:unset;
 bottom:59px;
 }
}
.news{
margin:0 10px 0 0
}
.lr0{
float:left
}
.lr1{
float:right
}
.top-new{
background-color:var(--bg);
border-radius:25px;
color:var(--text);
cursor:pointer;
font-size:25px;
line-height:40px;
right:15px;
width:70px;
position:fixed;
bottom:15px;
border:0;
z-index:4;
opacity:0;
transform:translateY(100px);
transition:all 0.5s ease;
box-shadow:var(--top);
padding-top:4px;
border:var(--bor)
}
.show-new{
opacity:.7;
transform:translateY(0)
}
.profile_loading{
width:100px;
height:100px;
border-radius:100px;
margin:0px 8px 0 0;
background:var(--load_1)
}
.shimmer010{
-webkit-mask:linear-gradient(-60deg,#000 30%,#0005,#000 70%) right/350% 100%;
background-repeat:no-repeat;
animation:shimmer010 2.5s infinite
}
@keyframes shimmer010 {
100% {-webkit-mask-position:left}
}
.load-0{
animation-duration:66.6s;/*66.6s*/
animation-fill-mode:forwards;
animation-iteration-count:1;
animation-name:profile_placeholder;
animation-timing-function:linear;
background:linear-gradient(to right,var(--newsloading),var(--newsloading1),var(--newsloading),var(--newsloading1),var(--newsloading),var(--newsloading1),var(--newsloading),var(--newsloading1),var(--newsloading),var(--newsloading1),var(--newsloading));
background-size:1666px 33px;
position:relative
}
.load{
animation-duration:3.99s;/*3.99s*/
animation-fill-mode:forwards;
animation-iteration-count:1;
animation-name:placeHolderShimmer;
animation-timing-function:linear;
background:linear-gradient(to right,var(--newsloading),var(--newsloading1),var(--newsloading));
background-size:800px 100px;
height:100px;
position:relative
}
.load0{
animation-duration:3.3s;/*3.3s*/
animation-fill-mode:forwards;
animation-iteration-count:1;
animation-name:placeHolderShimmerhistorychats;
animation-timing-function:linear;
background:linear-gradient(to right,var(--newsloading),var(--newsloading1),var(--newsloading));
background-size:200px 100px;
height:100px;
position:relative
}
.load0.chats{
height:50px}
.delay0{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
-webkit-animation-name:delayanimationhistorychats;
-webkit-animation-duration:1.9s;/*1.9s*/
-webkit-animation-fill-mode:forwards;
-webkit-animation-timing-function:ease-out;
-webkit-animation-iteration-count:1
}
.delay{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
-webkit-animation-name:delayanimation;
-webkit-animation-duration:2.3s;/*2.3s*/
-webkit-animation-fill-mode:forwards;
-webkit-animation-timing-function:ease-out;
-webkit-animation-iteration-count:1
}
.delay2{
content:"";
position:relative;
bottom:0;
left:0;
-webkit-animation-name:delayanimation;
-webkit-animation-duration:66.6s;/*66.6s*/
-webkit-animation-fill-mode:forwards;
-webkit-animation-timing-function:ease-out;
-webkit-animation-iteration-count:1}
.delay3{
-webkit-animation-name:delayanimation;
-webkit-animation-duration:2.8s;/*2.8s*/
-webkit-animation-fill-mode:forwards;
-webkit-animation-timing-function:ease-out;
-webkit-animation-iteration-count:1}
#load2{
animation-duration:66.6s;/*66.6s*/
animation-fill-mode:forwards;
animation-iteration-count:1;
animation-name:placeHolderShimmer2;
background:linear-gradient(to right,var(--newsloading),var(--newsloading1),var(--newsloading));
animation-timing-function:linear;
background-size:100vw 100px;
border-radius:15px;
position:relative
}
#load2.archive{
border-radius:15px 0 0}
#load3{
animation-duration:666.6s;/*666.6s*/
animation-fill-mode:forwards;
animation-iteration-count:1;
animation-name:placeHolderShimmer3;
background:linear-gradient(to right,var(--newsloading),var(--newsloading1),var(--newsloading));
animation-timing-function:linear;
background-size:100vw 100px;
border-radius:15px;
position:relative;
margin:30px auto;
width:300px
}
.load1___{
background:var(--load_1)
}
#load1{
background:var(--load_1)
}
#load000{
background:var(--load_1)
}
.load1{
mask:linear-gradient(#000 0 0);
-webkit-mask:linear-gradient(#000 0 0);

}
#load1___{
mask:linear-gradient(#000 0 0);
-webkit-mask:linear-gradient(#000 0 0)}
#load000___{
mask:linear-gradient(#000 0 0);
-webkit-mask:linear-gradient(#000 0 0)}
#load00000{
mask:linear-gradient(#000 0 0);
-webkit-mask:linear-gradient(#000 0 0)}
.load1:before{
content:"";
position:absolute;
z-index:-1;
inset:0;
background:
linear-gradient(to right,var(--load_1) 37%,var(--load_2) 56%,var(--load_1) 66%)
right/2500% 100%;
animation:shimmer 6.6s linear infinite}/*6.6s*/
#load1___:before{
content:"";
position:absolute;
z-index:-1;
inset:0;
background:
linear-gradient(to right,var(--load_1) 37%,var(--load_2) 56%,var(--load_1) 66%)
right/500% 100%;
animation:shimmer 6.6s linear infinite}
#load000___:before{
content:"";
position:absolute;
z-index:-1;
inset:0;
background:
linear-gradient(to right,var(--load_1) 37%,var(--load_2) 56%,var(--load_1) 66%)
right/10000% 100%;
animation:shimmer 6.6s linear infinite}
#load00000:before{
content:"";
position:absolute;
z-index:-1;
inset:0;
background:
linear-gradient(to right,var(--load_1) 37%,var(--load_2) 56%,var(--load_1) 66%)
right/10000% 100%;
animation:shimmer 6.6s linear infinite}
@keyframes shimmer{
to{background-position:left}
}
#post{
border-radius:15px}
@-webkit-keyframes delayanimationhistorychats{
0%{
opacity:0}
90%{
opacity:0}
100%{
opacity:1
}
}
@-webkit-keyframes delayanimation{
0%{
opacity:0}
90%{
opacity:0}
100%{
opacity:1
}
}
@keyframes placeHolderShimmerhistorychats{
0%{
background-position:-166px 0
}
100%{
background-position:166px 0;
background:transparent}
}
@keyframes placeHolderShimmer{
0%{
background-position:-666px 0
}
100%{
background-position:666px 0;
background:transparent}
}
@keyframes profile_placeholder{
0%{
background-position:-666px 0
}
100%{
background-position:666px 0;
background:transparent}
}
.textarea_loading{
height:100px;width:93.9%;border-radius:10px;background:var(--pos);margin-left:15px;margin-right:15px
}
.button1_loading{
width:150px;flex:1;border-radius:50px;background:var(--pos);margin-right:69px
}
.button2_loading{
height:50px;width:150px;flex:1;border-radius:50px;background:var(--pos)
}
.buttons_loading{
flex:1;display:flex;margin:37px auto;justify-content:space-evenly;max-width:500px
}
.textarea_buttons_loading{
display:flex;flex-direction:column
}
.msg_loading0{
border-top-left-radius:15px;border-bottom-left-radius:15px;border-top-right-radius:15px;align-self:flex-end;height:37px;background:var(--pos);margin-bottom:8px
}
.msg_loading1{
border-top-left-radius:15px;border-bottom-right-radius:15px;border-top-right-radius:15px;align-self:first baseline;height:37px;background:var(--pos);margin-bottom:8px
}
.msg_loading0.e{
width:380px
}
.msg_loading1.e{
width:290px
}
.msg_loading0.o{
width:180px
}
.msg_loading1.o{
width:150px
}
.msg_loading0.u{
width:230px
}
.msg_loading1.u{
width:370px}
@media(max-width:450px){
#load2{
background-size:666px 100px}
#load3{
background-size:666px 100px}
#load010{
background-size:666px 100px}
#load011{
background-size:666px 100px;
margin:5px 0 0 15px}
#load0{
background-size:666px 100px;
margin:15px 15px 0 0}
#load0.img1{
margin:15px}
#load1{
background-size:666px 100px
}
#load1.img1{
margin:15px}
#load01{
background-size:666px 100px}
#load100{
background-size:666px 100px}
#load101{
background-size:666px 100px;
margin:10px 5px 0 125px}
@keyframes placeHolderShimmer2{
0%{
background-position:-166px 0
}
99%{
background-position:166px 0}
100%{
background:transparent}
}
@keyframes placeHolderShimmer3{
0%{
background-position:-166px 0
}
99%{
background-position:166px 0}
100%{
background:transparent}
}
@keyframes placeHolderShimmer010{
0%{
background-position:-166px 0
}
99%{
background-position:166px 0}
100%{
background:transparent}
}
@keyframes placeHolderShimmer011{
0%{
background-position:-166px 0
}
99%{
background-position:166px 0}
100%{
background:transparent}
}
@keyframes placeHolderShimmer0{
0%{
background-position:-500px 0
}
99%{
background-position:166px 0}
100%{
background:transparent}
}
@keyframes placeHolderShimmer1{
0%{
background-position:-166px 0
}
99%{
background-position:166px 0}
100%{
background:transparent}
}
@keyframes placeHolderShimmer01{
0%{
background-position:-266px 0
}
99%{
background-position:166px 0}
100%{
background:transparent}
}
@keyframes placeHolderShimmer100{
0%{
background-position:-166px 0
}
99%{
background-position:166px 0}
100%{
background:transparent}
}
@keyframes placeHolderShimmer101{
0%{
background-position:-366px 0
}
99%{
background-position:166px 0}
100%{
background:transparent}
}
}
.loadingcategories{
margin:3px 4px 8px 1px}
.loadingcategories.first{
margin-left:5px}
.appear{
-webkit-animation-name:appear;
-webkit-animation-duration:1.5s;/*1.5s*/
-webkit-animation-fill-mode:forwards;
-webkit-animation-timing-function:ease-out;
-webkit-animation-iteration-count:1
}
@keyframes background1{
0%{
background-position:-366px 0
}
99%{
background-position:166px 0}
100%{
background:transparent}
}
@-webkit-keyframes appear{
0%{
opacity:0}
90%{
opacity:0}
100%{
opacity:1}
}
.slidersection{
display:flex;flex-direction:column
}
._signin-page2{
display:flex;
flex-direction:column;
align-items:center;
align-content:space-between;
width:100%;
background:url(../images/ball.svg);
background-repeat:no-repeat;
background-position:50%;
overflow:visible}
@media screen and (min-width:800px){
._signin-page2{
background-size:111vw}
}
._signin-page{
display:flex;
flex-direction:column;
align-items:center;
align-content:space-between;
width:100%;
background-repeat:no-repeat;
background-position:50%;
background-size:100vw;
overflow:visible}
._signin-page.disappear{
display:none}
@media screen and (min-width:1200px){
._signin-page{
background-size:100vw}
}
#loading-item,#loading-item2,#loading-item3{
color:#fff}
#loading-item.visible,#loading-item2.visible,#loading-item3.visible{
opacity:1!important}
#create-account.visible{
display:block}
#loading-log.yellow{
color:yellow}
#email.error-fill,#password.error-fill,#email2.error-fill,#email3.error-fill,#password2.error-fill{
color:red;
border:1px solid red
}
#email.valid-fill,#password.valid-fill{
background:#e9f0de;
color:gray;
border:1px solid green
}
#email.error-fill:focus,#password.error-fill:focus,#email2.error-fill:focus,#email3.error-fill:focus{
color:var(--text);
border:1px solid var(--text)
}
#check{
display:none}
#check.visible{
display:block!important;
width:85%}
#password-help,#password-help2,#create-account,#success{
display:none}
#blog{
display:none}
#termsconditions{
display:none}
#termsconditions.visible,#success.visible,#password_reset2.visible{
display:block}
#password_reset2,#password_reset{
width:100%}
#privacy{
display:none}
#privacy.visible{
display:block}
#cookies{
display:none}
#cookies.visible{
display:block}
#payments{
display:none}
#payments.visible{
display:block}
#support{
display:none}
#support.visible{
display:block}
#blog.visible{
display:block}
.info-articles{text-align:center}
@media screen and (max-width:450px){.info-articles{text-align:left}}
.blog{border:3px solid #e6e6e6;border-radius:30px;margin:0 10% auto;padding:30px;line-height:23px}
@media(max-width:450px){.blog{border:3px solid #e6e6e6;border-radius:25px;margin:0 0 auto;padding:15px}}
.blog_menu{line-height:23px}
@media screen and (min-width:600px){
.blog_menu{border-radius:30px;margin:0 10% auto}}
@media screen and (max-width:500px){
.blog_menu.title{font-size:12px}}
.blog_menu.article-body{border:.5px solid #666;border-radius:10px;height:77%;background:#666}
.blog_menu_articles1{margin:10px 50px 5px 10px}
.blog_menu_articles2{margin:10px 10px 5px 5px}
.blog_menu_articles3{margin:5px 50px 0px 10px}
.blog_menu_articles4{margin:5px 10px 5px 10px}
.blog_menu_articles5{margin:10px 50px 0px 10px}
.blog_menu_articles6{margin:10px 10px 0px 10px}
.blog_menu_articles1 .background{background:url('../../stuff/images/fundraising.png') no-repeat}
.blog_menu_articles2 .background{background:url('../../stuff/images/mountains.png') no-repeat}
.blog_menu_articles3 .background{background:url('../../stuff/images/houses.png') no-repeat}
.blog_menu_articles4 .background{background:url('../../stuff/images/justice_pressure.png') no-repeat}
.blog_menu_articles5 .background{background:url('../../stuff/images/street_opinions.png') no-repeat}
.blog_menu_articles6 .background{background:url('../../stuff/images/enemy_of_the_system.png') no-repeat}
.blog_menu_articles1 .background,.blog_menu_articles2 .background,.blog_menu_articles3 .background,.blog_menu_articles4 .background,.blog_menu_articles5 .background,.blog_menu_articles6 .background{
height:92%;background-size:cover;border-radius:10px;background-position:center center;}
.blog_menu_articles{height:300px;border:.5px solid #666;border-radius:10px;padding:10px;flex-grow:1;flex-basis:calc(100% / 3);font-size:23px;text-align:left;cursor:pointer}
@media(min-width:500px) and (max-width:1000px){
.blog_menu_articles{margin:15px 0 0 0}}
.article_hover{height:276px;width:100%;z-index:5;background:#00000066;position:relative;border-radius:10px;left:0px;opacity:0;bottom:66px}
.article_hover:hover,.article_hover:active{opacity:.5;transition:.3s}
.latest{text-align:left;font-size:50px;font-weight:bold;letter-spacing:1px;margin:30px 0 30px 79px}
.blog-value1{width:353px}
.blog-value2{width:269px}
.blog-value3{width:292px}
.blog-value4{width:292px}
.blog-value5{width:323px}
.blog-value-1{width:273px}
.blog-value-2{width:356px}
.blog-value-3{width:356px}
.blog-value-4{width:356px}
.blog-value-5{width:292px}
.article_pinned{background:url('../../stuff/images/pinned.svg') no-repeat;height:57px;width:35px;z-index:5;position:relative;bottom:350px;margin-left:92%;background-size:contain}
.fundraisers{background:url('../../stuff/images/Indiegogo_logo.png') no-repeat;height:39px;width:69px;z-index:5;position:relative;bottom:69%;margin-left:39%;background-size:contain;border-radius:5px;box-shadow: 0 0px 11px 8px #fff;background-color: #fff;}
.fundraisers2{background:url('../../stuff/images/kickstarter_logo.png') no-repeat;height: 13px;
  width: 118px;
  z-index: 5;
  position: relative;
  bottom: 76%;
  margin-left: 51%;
  background-size: contain;
  box-shadow: 0 0px 11px 8px #fff;
  background-color: #fff;
}
.fundraisers3{background:url('../../stuff/images/gofundme_logo.png') no-repeat;height: 13px;
  width: 118px;
  z-index: 5;
  position: relative;
  height: 31px;
  width: 86px;
  background-size: contain;
  box-shadow: 0 0px 11px 8px #fff;
  background-color: #fff;
}
.blog-value2{
font-size: 50px;font-weight: bold;line-height: 50px;top: 69%;position: relative;text-align: center;right: 13px;background-color: #00000056;padding: 5px 10px;border-radius: 50px;box-shadow: 0px 0px 60px 32px #00000069;height: 56px
}
.blog_fundraising .kickstarter{height: 300px;}
.blog_fundraising video{max-width: 666px;min-width:300px;}
@media(max-width:500px){
	.blog_menu_articles{margin:15px 15px 0 15px;width:92vw}
	.blog_menu_articles2 .title{font-size:17px}
	.fundraisers{bottom:78%;margin-left:10%}
	.fundraisers2{bottom:85%;margin-left:32%;}
	.fundraisers3{bottom:95%;margin-left:66%;}
	.blog-value2{top:50%;}
	.blog_fundraising .kickstarter{height: 190px;}
	.blog_fundraising video{max-width: 339px;}
	.blog_menu_articles4 .title{font-size:22px}
	.latest{margin:5px 0px -5px 25px;font-size:30px}
.article_pinned{
margin-left:89%;
margin-top:18px
}
}
.blog-value1{
font-size:50px;font-weight:bold;line-height:50px;top:69%;position:relative;text-align:center;left:11px;background-color:#00000056;padding:5px 10px;border-radius:50px;box-shadow:0px 0px 60px 32px #00000069;height:56px
}
@media screen and (max-width:500px){
.blog_menu_articles3 .background{
background-position-x:-111px}
.blog-value1{
font-size:39px;
left:0px}
}
.arrow_up{background:url('../images/arrow-up.svg') no-repeat;height:96px;width:129px;z-index:1;position:relative;bottom:100%;margin-left:60%;background-size:contain}
.earnings-image{margin:0 auto;display:flex}
@media(max-width:450px){.earnings-image{width:100%}}
@media(min-width:451px){.earnings-image{width:500px}}
._signin-page.create-account{
height:100%;
position:relative;
z-index:8;
right:0;
top:0;
transition:.2s}
.footer-items{
flex:1 0 10%;
text-align:center;
margin:0px 0px 25px 5px}
.footer-items.first{
margin:0 0 25px 0}
.footer-items.left{
flex:1 0 29%;
text-align:right;
margin:0
}
.footer-items.mid{
margin:0
}
.footer-items.right{
flex:1 0 29%;
text-align:left;
margin:0
}
._signin-top{
flex:1;text-align:center;margin-top:5%;font-size:19px;font-weight:bold
}
.sign-in-mid{
font-weight:bold;font-size:23px
}
._signin-box{
flex:1;text-align:center;width:96%}
@media screen and (max-width:606px){
.reset_password{
min-width:unset;
margin:0 auto;
width:96%;
position:relative
}
.create-box{
display:flex;
flex-direction:column;
margin:0 auto;
   width:96%
}
}
.input-box{
border:1px solid #CCCCCC;
background:transparent;
width:96%;
border-radius:26px;
height:25px;
color:var(--text);
padding:10px 0px 10px 25px;
font-size:15px}
.input-box.register{
flex:1
}
.marginLeft{
margin:0 0 0 23px
}
@media screen and (max-width:605px){
.input-box.register{
min-width:unset;
width:100%}
.input-box.signin{
min-width:unset;
width:100%;
flex:1}
._signin-button.register{
min-width:unset;
width:100%;
right:6.5px;
position:relative;}
.marginLeft{
margin:0 0 10px 15px
}
}
.dev_stages{
display:flex;justify-content:center
}
.dev_stages_left{
text-align:center;
margin-right:50px}
.dev_stages_right{
text-align:center;
margin-left:50px}
@media(max-width:450px){
.dev_stages{
display:block}
.dev_stages_left{
text-align:left}
.dev_stages_right{
text-align:right}
}
._signin-button{
background:#6179F8;
border-radius:26px;
width:86%;
color:#fff;
padding:15px;
margin:0;
text-align:center;
display:inline-block;
cursor:pointer;
border:0
}
.blog_fundraising{display:flex;justify-content:center}
@media screen and (max-width:500px){
._signin-button{
width:100%}
}
.back_to_area{
display:none}
#articles_,#articles_1,#articles_menu,#terms,#privacy,#cookies,#payments,#support,#account_create,#password_reset,#success,#password_reset2{
display:none}
#articles_ .pass-box.create-account,#articles_1 .pass-box.create-account,#articles_menu .pass-box.create-account,#privacy .pass-box.create-account,#terms .pass-box.create-account,#cookies .pass-box.create-account{
width:unset}
#terms.visible,#privacy.visible,#articles_.visible,#articles_1.visible,#articles_menu.visible,#account_create.visible,#password_reset.visible{
display:block}
.no-account{
flex:1;text-align:center;font-size:23px;font-weight:bold;margin-top:5%
}
.error-no-account{
color:red;
display:none}
.error-no-account{
display:block}
#cantfind,#cantfind2,#fillin,#fillinemail,#fillinpass,#isregistered,#cantfind33,#incorrect{
display:none;
color:#ff0000;
font-weight:normal}
#cantfind.visible,#cantfind2.visible,#fillin.visible,#fillinemail.visible,#fillinpass.visible,#isregistered.visible,#cantfind33.visible,#incorrect.visible{
display:block;
margin-top:15px}
@media screen and (min-width:700px){
.no-account{
margin-top:3%}
}
@media screen and (min-width:1200px){
._signin-top{
margin-top:2%}
.no-account{
margin-top:2%;
margin-bottom:2%}
}
.reg-now{
color:#6179F8
}
.footer-flex{
display:flex;justify-content:center;align-items:center;flex-wrap:wrap
}
.footer-last{
width:100%;text-align:center;margin:15px 0 50px 0
}
.pass-modify{
width:100%;
text-align:left;
display:flex;
color:#6179F8;
z-index:10;
position:relative;
cursor:pointer
}
.pass-reset{
flex:1;
font-size:15px;
margin-left:26px
}
.isregistered{
color:#6179F8;
cursor:pointer
}
.isregistered:hover{
text-decoration:underline}

.pass-modify a:hover,.reg-now a:hover,.footer-items a:hover{
text-decoration:underline
}
.input-box.pass{
background-image:url("../images/pass.svg");
background-repeat:no-repeat;
background-position:right 10px center}
.passmodify-top{
width:100%;
height:69px;
display:flex;
align-items:center;
box-shadow:0 10px 50px -15px #bdbdbd
}
.create_{
margin:0 0 15px;
display:flex;
align-items:center}
.create_.signin{
display:flex;width:100%;right:6.5px;position:relative;align-items:center;margin:0 0 15px
}
.create_.reset{
display:flex;width:100%;right:6.5px;position:relative;align-items:center;margin:0 0 15px
}
.create_.create{
display:flex;width:100%;right:6.5px;position:relative;align-items:center;margin:0 0 15px
}
#maincontent{
width:100%}
@media screen and (max-width:606px){
.create_.signin{
position:relative}

.create_.reset{
position:relative}
.create_.reset.reset2.error{
width:98%;
right:5px}
}
.jil{
flex:0 0 11px;border:1px solid transparent
}
.jil93{
color:var(--login-color);font-size:15px;letter-spacing:.5px;font-weight:normal;margin:10px 0 6px
}
.jil903{
color:var(--login-color);font-size:15px;letter-spacing:.5px;font-weight:normal;margin:10px 0 5px
}
.jil923{
flex:0 0 1px;
color:var(--login-color);
font-size:32px}
.input-box.jil91,.jil932 .input-box{
border:1px solid var(--login-color)}
._signin_module{
display:flex;
align-items:center;
margin-bottom:13px}
._signin_module .jil932{
color:var(--login-color);
font-size:25px;
right:5px;
position:relative;
min-width:560px}
._signin_module.error{
right:6px;
position:relative}
@media screen and (max-width:500px){
._signin_module{
min-width:unset}
._signin_module .jil932{
min-width:unset;
width:100vw}
._signin_module.error{
right:12px;
position:relative}
}
.passmodify-top.create-account{
z-index:3;
position:fixed;background:var(--bg)
}
.header-back{
display:flex;justify-content:center;align-items:center;padding-left:13px;height:69px
}
.passmodify-top.create-account,.header-back{
display:none}
.passmodify-top.create-account.visible,.header-back.visible{
display:flex}
#password-help.visible,#password-help2.visible{
display:block}
.back-text{
flex:100%;font-size:15px;margin-bottom:3px;text-align:left}
.pass-box{
flex:1
}
.pass-box.create-account{
z-index:2;
padding-top:66px}
@media screen and (min-width:606px){
.pass-box.create-account{
margin:0 auto;
width:560px}
._signin-box,.create-box{
margin:0 auto;
width:560px}
}
.pass-box.create-account.savetherich{
text-align:center;
margin-top:unset}
.create-acc{
font-size:25px;margin-bottom:10px;font-weight:bold;text-align:left
}
.text-box{
display:flex;
justify-content:center;
flex-direction:column;
align-content:center;
align-items:center;
width:96%;
margin:0 auto;}
.text-box.signin{
width:100%
}
.text-box.ageverif{
position:relative;
margin-bottom:38px;
width:100%;}
.footer-container{
display:flex;flex-direction:column;align-items:center;justify-content:center
}
.footer-position .footer-container{
bottom:0;
position:fixed;
width:100%}
@media screen and (min-width:606px){
.text-box{
min-width:560px}
}
.input-box.passmodify{
width:100%;
flex:1}
.passmodify.reset2{
width:100%}
._signin-button.passmodify,._signin-button.register{
width:100%;
cursor:pointer;
border:0;
right:6.5px;
position:relative
}
.password-modify-text{
font-size:35px;margin-bottom:10px;font-weight:bold;text-align:left;margin-left:23px
}
.password-modify-text.error{
margin-left:23px}
.pmtext{
width:97%;
margin-left:23px}
.pmtext.error{
margin-left:23px}
.success_{
font-size:17px}
.loading3{opacity:1;animation:2s fadeIn;animation-fill-mode:forwards;visibility:hidden;background:var(--bg);position:fixed;left:50%;transform:translateX(-50%)}
.content{width:100%}
#econtainer.container_transition,#container.container.container_transition{
transition:var(--container_transition)
}
.light_article_view_bg{
background:var(--light_article_view_color)
}
.owra.firs.light_article_view_bg{
background:var(--light_article_view_color)
}
.name.light_article_view_name{
color:var(--light_article_view_name-color);
opacity:var(--light_article_view_name-opacity)
}
.container_light_article_view_bg{
background:var(--light_article_view_color);
opacity:var(--light_article_view-opacity)
}
#menu.menu-arrow.light_article_view_path path{
fill:var(--light_article_view_name-color)
}
.light_article_view_before:before{
background:var(--light_article_view_before_color)
}
#myNav.overlay.zind{
transition:var(--overlay-zind-transition)
}
.opa{
opacity:1;
position:fixed;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
#favs{
text-align:center
}
.favs_photo_name_container{
text-align:center;
flex:1;
display:flex;
width:100%;
margin-bottom:10px
}
.name_city_country_container{
flex:1;
display:flex;
flex-direction:column;
text-align:left;
margin-left:15px
}
.photo_favs{
flex:0 0 calc(50% - 56px);
text-align:right
}
.photo_favs img{
min-width:50px;
height:50px;
padding:2px;
border-radius:51px;
border-left:2px solid #6179F8;
border-bottom:2px solid #FF7AF2
}
.name_favs{
text-align:left;
flex:1;
font-size:18px;
max-width: 199px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.city_country_favs{
flex:1;
display:flex;
font-size:13px;
color:#868686;
max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.city_favs{
	max-width: 100px;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
}
.country_favs{
	max-width: 100px;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
}
.favs_number{
font-size:23px
}
.in_common{
display:flex;
align-items:center;
flex-direction:column
}
.in_common_text{
font-size:18px;
margin-bottom:15px
}
.country_favs{
margin-left:5px
}
.info_text{
font-size:13px;
margin-left:10px;
color:var(--article-buttons)
}
.info_text2{
background:url(../images/info.svg);
background-position:left;
background-repeat:no-repeat;
height:29px;
display:inline-block;
width:29px
}
.info_text3{
display:flex;
width:100%;
justify-content:center;
align-items:center;
margin-bottom:15px
}