/* Fast root
--------------------------------- */
:root,
.moons {
    --black: 12 15 13;
    --white: 255 255 255;
    --mr_grey: 178 178 178;
    --mr_grey_lighter: 229 229 229;
    --mr_grey_darker: 102 102 102;
    --html: 212 229 243;
    --pun: 247 247 247;
    --pun_lighter: 250 250 250;
    --stroke: 54 54 56;
    --accent: 233 242 428;
    --accent2: 233 242 428;
    --accent3: 164 186 193;
    --accent4: 84 126 81;
    --accent_text: 12 15 13;
    --accent2_text: 164 184 193;
    --accent3_text: 244 255 215;
    --accent4_text: 44 25 20;
    --accent_lighter: 207 221 219;

    --water: 192 229 240;
    --fire: 219 134 134;
    --earth: 178 215 165;
    --wind: 214 202 243;

    --h1: normal 900 14px 'FactorA Black';
    --p1: normal 600 10px 'Manrope';

    --h2: normal 600 12px 'Manrope';
    --p2: normal 600 8.5px 'Manrope';

    --h3: normal 900 11px 'Manrope';
    --h4: normal 900 7px 'Manrope';

    --html_color: 206 206 206;
    --html_bg: url(https://forumstatic.ru/files/0012/b2/4b/74001.jpg) center no-repeat; 
    --table_bg: url(https://forumstatic.ru/files/0012/b2/4b/45625.png) top center no-repeat;
    --footer_bg: url(https://forumstatic.ru/files/0012/b2/4b/71988.png) bottom center no-repeat;
    --zz_bg: url(https://i.imgur.com/7D9Hlcc.jpg) center no-repeat;
    --msg_icon: url(https://forumstatic.ru/files/0012/b2/4b/76281.svg) center no-repeat;
    --respect_icon: url(https://forumstatic.ru/files/0012/b2/4b/46371.svg) center no-repeat;
    --points_icon: url(https://forumstatic.ru/files/0012/b2/4b/50576.svg) center no-repeat;
    --profile_icon: url(http://forumstatic.ru/files/0014/84/8c/48525.svg) center no-repeat;
    --lover_icon: url(http://forumstatic.ru/files/0014/84/8c/23773.svg) center no-repeat;
    --dnevnik_icon: url(http://forumstatic.ru/files/0014/84/8c/33360.svg) center no-repeat;
    --instagram_icon: url(http://forumstatic.ru/files/0014/84/8c/89280.svg) center no-repeat;

    --gostevaya_shapka: url(https://i.imgur.com/EmiVG1q.jpg);
    --pravila_shapka: url(https://i.imgur.com/3r03KXo.png);
    --treiti_shapka: url(https://i.imgur.com/Hi2C9uX.png);
    --novosti_shapka: url(https://i.imgur.com/J6eiI2g.png);
    --female_icon: url(https://i.imgur.com/iJ1USji.png) center no-repeat;
    --male_icon: url(https://i.imgur.com/c8vZ1Yh.png) center no-repeat;
}

/* Shapka
--------------------------------- */
/* музыка */
#stardust_music {z-index: 1; position: absolute; width: 307px; height: 32px; top: 23rem; right: 21.5rem; display: inline-flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: space-between; border-radius: 13px; background: white; background-size: 400% 400%; -webkit-animation: AnimationName 10s ease infinite; -moz-animation: AnimationName 10s ease infinite; -o-animation: AnimationName 10s ease infinite; animation: AnimationName 10s ease infinite;}
@-webkit-keyframes AnimationName {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
@-moz-keyframes AnimationName {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
@-o-keyframes AnimationName {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
@keyframes AnimationName {0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%}}
#stardust_music .cover img {border-radius: 7px; box-shadow: -3px 4px 14px #c0ccd8;}
#stardust_music .info {display: flex; align-items: center; width: 214px; justify-content: space-between;}
#stardust_music .info .track {font: var(--p1); color: rgb(var(--black));}
#stardust_music .info .band {font: var(--p2); color: rgb(var(--accent3));}
#stardust_music .button {height: 24px; width: 24px; border-radius: 100%; margin-right: 5px;}
#stardust_music .button:hover {height: 24px; width: 24px; transform: scale(1.1); transition: .2s ease-in-out;}

/* активисты1 */
#stardust_act {z-index: 1; position: absolute; top: 22.7rem; left: 12.7rem;}
#stardust_act img, #stardust_act2 img, #stardust_post img {border-radius: 100%;}
#stardust_act img:hover, #stardust_act2 img:hover, #stardust_post img:hover {filter: invert(0.1); transition: .5s cubic-bezier(.4,0,1,1);}
#stardust_act a, #stardust_act2 a {padding: 0 2px 0 0;}

/* лучший пост */
#stardust_post { z-index: 1; position: absolute; height: 94px; width: 240px; top: 14.3rem; right: 4rem; display: flex;
align-items: flex-end; flex-direction: column;}
#stardust_post .love {width: 240px; font: var(--p2); color: rgb(var(--mr_grey_darker)); line-height: 155%; font-size: 8px; text-align: left;}
#stardust_post .stardust_post_icon {width: 34px; height: 35px; margin: 0 0 8px 0;}
#stardust_post .love a {color: rgb(var(--accent3)); font-variant: small-caps; left: 26.9px; font-weight: 800; letter-spacing: 0.6px; margin-top: 2px; display: inline-block;}
#stardust_post .love a:hover {color: rgb(var(--black));}

/* амс */
#stardust_ams {display: flex; z-index: 1; width: 152px; position: absolute; top: 14.5rem; font: var(--p2); left: 14.9rem; letter-spacing: 1px; font-variant: all-small-caps; color: rgb(var(--accent3)); text-align: center;}
#stardust_ams a {color: rgb(var(--accent3));}
#stardust_ams a:hover {color: rgb(var(--black));}

/* пожелания */
.daily_wishes {position: absolute; top: 28.4rem; left: 12.6rem; z-index: 1; width: 610px; text-align: center;}
.wishes_text {font: var(--p2); color: rgb(var(--mr_grey_darker)); line-height: 155%; font-size: 8px; overflow-y: auto; height: 25px;}
.wishes_text a {text-align: center; font-variant: small-caps; font-weight: 800; letter-spacing: 0.6px;}
#wishes_button a {z-index: 1;position: absolute; padding: 10px 4px 10px 4px; font: var(--p2); border-radius: 64px;
text-align: center; margin-top: 3px; width: 128px; top: 30.3rem;left: 51.2em; background: rgb(var(--accent3)); transition: all .4s ease-in-out; color: rgb(var(--white)) !important;}
#wishes_button a:hover {color: rgb(var(--accent3)) !important; background: rgb(var(--mr_grey_lighter)); transition: all .4s ease-in-out;}

/* плашки */
#stardust {z-index: 1; position: absolute; top: 12.4rem; left: 1.6rem; width: 666px; height: 98px;}
#stardust .news {width: 335px; height: 70px; display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: space-between; overflow-y: auto; overflow-x: hidden; position: relative; top: 3.8rem; left: 1.9rem;}
#stardust .news .plashka {width: 160px; height: 31px; border-radius: 36px; border: 1px solid transparent; margin: 0 2px 3px 0; display: inline-flex; background: rgb(var(--mr_grey_lighter)/.6);}
#stardust .news .plashka .iconka {width: 24px; height: 24px; padding: 4px 8px 4px 8px; background: none;}
#stardust .news .plashka .iconka img {width: 24px; height: 24px;}
#stardust .news .plashka .tekst {margin: 2px 0 0 0;}
#stardust .news .plashka .h {font: var(--p2); text-transform: lowercase; margin: 2px 0 0 0; font-weight: 800;}
#stardust .news .plashka .h a {color: rgb(var(--black));}
#stardust .news .plashka .h a:hover {color: rgb(var(--accent3));}
#stardust .news .plashka .p {font: var(--p2); color: rgb(var(--accent3)); text-transform: lowercase; margin: -2px 0 0 0;     font-size: 8px;}

/* активисты 2 */
#stardust_act2 {z-index: 1; position: absolute; top: 22.7rem; right: 11.9rem;}

/* отыг */
#otg {z-index: 1; position: absolute; padding: 12px 4px 12px 4px; font: var(--p2); border-radius: 64px; text-align: center; margin-top: 3px; width: 136px; top: 22.6rem; left: 5em; background: rgb(var(--accent3)); transition: all .4s ease-in-out;}
#otg:hover {background: rgb(var(--mr_grey_lighter)); transition: all .4s ease-in-out;}
#otg a {color: rgb(var(--white));}
#otg a:hover {color: rgb(var(--accent3));}

/* переделанное оформление навигации c форума http://imagiart.ru/ */
.sslka {display: block; padding: 14px 4px 0 4px;}
#pun .sslka a {white-space: nowrap; margin: 5px auto; text-align: center; transition: all 0.3s linear 0s; display: block; padding: 12px 4px 12px 4px; text-transform: uppercase; color: rgb(var(--accent3)); font: small-caps 800 7px manrope; letter-spacing: 1px; border-radius: 18px;}
#pun .sslka a:hover {color: rgb(var(--white)); background: rgb(var(--accent3)); border-radius: 18px;}
#vklaka1 {width: 136px; position: absolute; z-index: 98; background: rgb(var(--mr_grey_lighter)); -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: auto; overflow: auto; right: 2rem; top: 24rem; padding: 7px 4px 7px 4px; border-radius: 0 0 16px 16px;}
.oformlenie_knopki {display: inline-block; cursor: pointer; transition: all .5s ease-in-out 0s; position: absolute; right: 2rem; top: 23rem; width: 136px; text-align: center; color: rgb(var(--accent3)); padding: 11px 4px 11px 4px; text-transform: uppercase; background: rgb(var(--mr_grey_lighter)); font: small-caps 800 7px manrope; letter-spacing: 0.6px; border-radius: 25px; z-index: 99;}
.oformlenie_knopki:hover {color: rgb(var(--white)); background: rgb(var(--accent3)); z-index: 99;}

/* Telo
--------------------------------- */
/* html&body */
html, body {-ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
@media screen and (max-device-width: 1280px) {#pun_wrap {margin: auto; position: static; min-width: 1110px; max-width: 1110px;}}
body {background: rgb(var(--html_color)); background: var(--html_bg); background-attachment: fixed; background-repeat: no-repeat; background-position: top center; background-size: cover;  overflow-x: auto;}

/* цвет текста */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { background-color: transparent; color: rgb(var(--black)); font-weight: normal; font-style: normal; }

/* шапка */
#pun-title table {    background: var(--table_bg); border: none; height: 585px; width: 1010px; margin-left: -17px; margin-top: 59px; position: relative; top: -59px;}

/* тело */
#pun {background-color: rgb(var(--pun));}

/* футер */
#pun-about p.container {background: var(--footer_bg); height: 193px; width: 1010px; margin-left: -17px; margin-bottom: -193px; border: none 0 transparent;}

.menu ul li {list-style-type: none; float: left; margin: 0 26px; /*расстояние между пунктами по ширине*/}

#pun-ulinks #Rz{display:none;}

#pun-index .tcr a {font-size: 10px; font-family: Manrope; text-transform: lowercase; font-weight: 700;}

#pun-index .tcr a:hover {font-size: 10px; font-family: Manrope; text-transform: lowercase; font-weight: 700;}

span.lastpost {margin: 8px 0 0 0; vertical-align: middle; color: rgb(var(--mr_grey));}

#pun-index td.tcr {text-align: left; font: var(--p1); font-weight: 600; padding: 0 0 0 3em;}

/* ссылки */

/* CS2.1 */
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {color: rgb(var(--accent3)); text-decoration: none; transition: all 0.7s ease;}

/* CS2.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active { color: rgb(var(--black));  text-decoration: none; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}

/* CS2.3 */
#pun-ulinks a:hover {color: #dfd08d; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
#pun-navlinks a:hover {color: #dfd08d; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }

/* CS3 категории */
#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-category7.category h2 {height: 74px; width: 1010px; margin: -17px; }
#pun-category1.category h2 {background: url(https://i.imgur.com/1mQ12D4.png) no-repeat right 28px center;}
#pun-category2.category h2 {background: url(https://i.imgur.com/3h6vqh5.png) no-repeat right 28px center;}
#pun-category3.category h2 {background: url(https://i.imgur.com/I8cTWkS.png) no-repeat right 28px center;}
#pun-category4.category h2 {background: url(https://i.imgur.com/KUZWB9M.png) no-repeat right 28px center;}
#pun-category5.category h2 {background: url(https://i.imgur.com/SygUDnT.png) no-repeat right 28px center;}
#pun-category6.category h2 {background: url(https://i.imgur.com/iGuwyA1.png) no-repeat right 28px center;}
#pun-category7.category h2 {background: url(https://i.imgur.com/HtH2qxM.png) no-repeat right 28px center;}
#pun-stats h2 {background: url(https://i.imgur.com/emHXXCx.png) no-repeat center; height: 74px; width: 1010px; margin-left: -26px; margin-bottom: 10px; background-repeat: no-repeat;}

/* CS4.1 коды */
.punbb .code-box {color: rgb(var(--black) /.6);}

/* CS4.2 цитаты */
.punbb .quote-box {color: rgb(var(--mr_grey_darker));}

/* CS4.4 баннеры на шапке в амс */
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1;  left: 50px;  top: -192px;}

/* иконки сообщений */
#pun-messages Div.icon, #pun-viewforum table Div.icon {height: 8px; width: 8px; background: rgb(var(--mr_grey)); border-radius: 24px; float: left; margin: 0.5rem 0px 0px -4px;}
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {float: left; height: 8px; position: relative; width: 8px; margin: 0.6rem 0px 0px -4px; background: rgb(var(--accent)); border-radius: 24px;}
.punbb table Div.icon {float: left; position: absolute; display: block; border-style: none; margin: 0 0px 0px 1.3rem; width: 58px; height: 58px;}
tr.inew div.icon {background: url(https://forumstatic.ru/files/0012/b2/4b/34805.png) no-repeat;}

#pun-main div.catleft, #pun-main div.catright {}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: left;}
#pun-crumbs1 .container { text-align: left;}
#pun th, #pun-main h2 {color: rgb(var(--mr_grey)); text-transform: lowercase; letter-spacing: 0.7px; font: var(--p2); text-align: center; padding: 0 0 16px 0;}

/* убирает названия контейнеров форум, сообщений, тем и тд*/
.category .container thead {display: none;}

/* CS4.6 кнопки */
.punbb input.button {background-size: 300% 100%; background-image: linear-gradient(to right, #a4bac1, #a4bac1, #e8eff0, #e8eff0); border-radius: 24px; display: inline-block; border: 0px; font: var(--p1) !important; cursor: pointer; color: rgb(var(--white)); letter-spacing: 0.3px; padding: 10px 16px 10px 16px; box-shadow: 0 4px 15px 0 rgb(var(--black)/.1); moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.punbb input.button:hover {background-position: 50% 0; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.punbb input.button:focus {outline: none;}
button.stk {background: rgb(var(--mr_grey_lighter)); border: 0px; border-radius: 16px; display: inline-block; cursor: pointer; color: rgb(var(--mr_grey_darker)); font: var(--p2); text-transform: lowercase; letter-spacing: 1px; padding: 10px 16px 10px 16px; transition: .5s cubic-bezier(.4,0,1,1);}
button.stk:hover {background: rgb(var(--mr_grey)); color: rgb(var(--mr_grey_lighter)); transition: .5s cubic-bezier(.4,0,1,1);}

#pun-navlinks a {display: inline-block;}

/* цвет важное */
span.stickytext {font-weight: 800; padding: 2px 8px 4px 8px; background: rgb(var(--accent)); color: rgb(var(--accent_text)); border-radius: 24px; margin: 0 4px 0 0;}

/* цвет ссылок подформу */
.tcl h3 a {color: rgb(var(--accent3)) !important; font: var(--h1); letter-spacing: 1px; text-transform: lowercase;}

/* цвет ссылок подфорума при наведении */
.tcl h3 a:hover, .tcl h3 a:focus, .tcl h3 a:active {color: rgb(var(--black)) !important;}

.punbb .section h2 span, #pun-main h1 span, #pun-stats h2 span, #pun-main h2 span, #pun-debug h2 span {display: inline-block; padding: 4px 10px; background: rgb(var(--mr_grey)); border-radius: 24px; color: rgb(var(--pun_lighter));}

/* прокрутка */
::-webkit-scrollbar {width: 4px; height: 4px;}
::-webkit-scrollbar-track {background: rgb(var(--mr_grey_lighter)/.4); border-radius: 5px;}
::-webkit-scrollbar-thumb {background: rgb(var(--accent3)); border-radius: 10px;}

* {
  scrollbar-width: thin;
  scrollbar-color: rgb(var(--accent3)) rgb(var(--mr_grey_lighter)/.4);
}

/* выделение текста при копировании */
::selection {background: rgb(var(--accent3)/.4); color: rgb(var(--black));}
::-moz-selection {background: rgb(var(--accent_lighter)); color: rgb(var(--black));}

/* описания подфрумов */
.podforumlinks { max-height: 15px!important; text-align: center; }
.podforumlinks a { display: inline-block; padding: 3px 6px 3px 6px!important; margin-top: 7px; background: #ec7ee28a; color: #000000!important; font-family: 'Open Sans', sans-serif; font-size: 7px!important; text-transform: uppercase; text-align: center; letter-spacing: 1px; line-height: 7px; }
.podforumlinks a:hover { color: #bacdcb!important; opacity: 0.6; }


/* убирает надпись статистика форума */
#pun-stats h2 span {display: none; height: 60px;}

/* информация о подфоруме */ 
.stardustpodf {text-align: justify; font-family: Arial; font-size: 8px; color: rgb(var(--mr_grey_darker)); letter-spacing: 0.8px; text-transform: lowercase; padding-top: 4px; line-height: 10px; width: 430px; margin-left: 68px !important;}
.stardustpodf b {color: rgb(var(--black));}

/* hr разделитель*/
.post-content hr {opacity: 0.2 !important; -moz-opacity: 0.2; -khtml-opacity: 0.2; filter: alpha(opacity=20); margin-bottom: 0.8em; margin-top: 0.8em;}

.category tbody tr td.tcl .intd {display: inline-flex; flex-wrap: wrap; flex-direction: row; align-content: stretch; padding: 24px 0 24px 0; min-height: 61px; height: auto; width: 600px; background: rgb(var(--pun_lighter)); border-radius: 8px; border: 1px solid rgb(var(--mr_grey_lighter));}

/* фон под подфорумами */
#pun-index .category tbody tr {border: 0px solid #ebebeb; font: normal 11px arial; text-transform: lowercase; display: block; margin-bottom: 0px; margin: 12px 0 36px 0; min-height: 119px;}

/* навигация в подфорумах */
.ssilki {position: absolute; width: 480px; padding: 16px 0 0 53px; text-transform: lowercase; font: var(--p2); display: inline-flex; flex-direction: row; flex-wrap: nowrap;}
.ssilki a {color: rgb(var(--accent3)) !important; padding: 6px 21px 6px 21px; background: #e9f2f8; border-radius: 18px; border: 1px solid #e9f2f8; margin: 0 4px 0 0;}
.ssilki a:hover {background: rgb(var(--accent3)); border: 1px solid rgb(var(--mr_grey)/.2); color: rgb(var(--white)) !important;}

/*--------скрыть улучшить аккаунт--------*/
#pun-status .item4 {display:none;}

/* навигация в шапке форума */
#pun-navlinks #navindex a:after {content: url(https://forumstatic.ru/files/0012/b2/4b/66044.svg);}
#navuserlist>a:after {content: url(https://forumstatic.ru/files/0012/b2/4b/64109.svg);}
#navsearch>a:after {content: url(https://forumstatic.ru/files/0012/b2/4b/21631.svg);}
#navprofile>a:after {content: url(https://forumstatic.ru/files/0012/b2/4b/88180.svg);}
#navpm>a:after {content: url(https://forumstatic.ru/files/0012/b2/4b/17168.svg);}
#navadmin>a:after {content: url(https://forumstatic.ru/files/0012/b2/4b/18553.svg);}
#navlogout>a:after {content: url(https://forumstatic.ru/files/0012/b2/4b/25668.svg);}
#navlogin>a:after {content: url(https://forumstatic.ru/files/0012/b2/4b/75431.svg);}
#navregister>a:after {content: url(https://forumstatic.ru/files/0012/b2/4b/16795.svg);}
#navpiar>a:after {content: url(https://forumstatic.ru/files/0012/b2/4b/98300.svg);}
#pun-navlinks li>a {display: inline-block; visibility: hidden;}
#pun-navlinks li>a:after {display: inline-block; visibility: visible!important; filter: brightness(1);}
#pun-navlinks li:hover>a:after {transition: .5s cubic-bezier(.4,0,1,1); filter: brightness(0);}
/* конец навигации */

/* лз ссылки */
li.pa-fld1 a {color: rgb(var(--accent3)) !important;}
li.pa-fld1 a:hover {color: rgb(var(--accent2)) !important;}

/* статистика */
#pun-stats .item1, #pun-stats .item2, #pun-stats .item3, #pun-stats .item4 {width: 178px; margin: 0 1em 1em 0; background: rgb(var(--pun_lighter)); display: inline-grid; border-radius: 25px; padding: 8px 24px; color: rgb(var(--mr_grey_darker)); font: var(--p1); text-transform: uppercase; letter-spacing: 0.3px; font-variant: small-caps; border: 1px solid rgb(var(--mr_grey_lighter)); font-size: 7px;}

/* кнопки вверх/вниз */
.go-up, .go-down {display:none; position:fixed; /*позиционируем*/ right: 75px; /*указываем положение, если слева - left*/ z-index:9999; /*показываем поверх все элементов на странице*/ cursor:pointer; margin-bottom:250px; /*отступ снизу (можно не указывать)*/ width:58px; /*ширина кнопки*/ height:58px; /*высота кнопки*/}
.go-up {bottom:530px; /*положение от низа окна браузера верхняя кнопка*/}
.go-down {bottom:430px; /*положение от низа окна браузера нижняя кнопка кнопка*/}
.go-down:hover,.go-up:hover {opacity:1;}

/* настройки кнопки это интересно */
#pun-live-rusff {z-index: 1 !important; width: 440px; height: 19px; margin: auto 0px 0 auto; background: transparent; text-align: right; position: relative; font: var(--p2); vertical-align: middle; line-height: 24px !important; text-transform: lowercase; font-weight: 600; color: rgb(var(--mr_grey_darker));}
.cool1 {width: 87px; height: 16px; padding: 4px 8px 3px 8px !important; background: rgb(var(--accent3)) !important; color: rgb(var(--white)) !important; font: var(--p1) !important; text-align: center; float: right; margin-left: 4px !important; margin-right: 4px !important; border: 0px; cursor: pointer; box-shadow: none !important; -moz-box-shadow: none; -webkit-box-shadow: none; -khtml-box-shadow: none; text-shadow: none !important; border-right: 0px !important; border-radius: 8px; font-weight: 600 !important;}
.cool1:hover {width: 87px; height: 16px; padding: 4px 8px 3px 8px !important; background: rgb(var(--mr_grey)) !important; color: rgb(var(--white)) !important; font: var(--p1) !important; text-align: center; float: right; margin-left: 4px !important; margin-right: 4px !important; border: 0px; cursor: pointer; box-shadow: none !important; -moz-box-shadow: none; -webkit-box-shadow: none; -khtml-box-shadow: none; text-shadow: none !important; border-right: 0px !important; border-radius: 8px; font-weight: 600 !important;}
.cool2 {width: 15px; height: 15px; background: rgb(var(--accent3)) !important; text-align: center; float: right; margin-right: 4px !important; border: none !important; padding: 4px; border-radius: 8px;}
.cool2:hover {width: 15px; height: 15px; background: rgb(var(--mr_grey)) !important; text-align: center; float: right; margin-right: 4px !important; border: none !important; padding: 4px; border-radius: 8px;}
.cool3 {width: auto; height: 16px; padding: 4px 7px 3px 7px !important; background: rgb(var(--accent3)) !important; color: rgb(var(--white)) !important; text-align: center; float: right; font-weight: 800 !important; border: 0px; font: var(--p1) !important; cursor: pointer; box-shadow: none !important; -moz-box-shadow: none; -webkit-box-shadow: none; -khtml-box-shadow: none; text-shadow: none !important; border-left: none !important; border-radius: 8px;}
.cool3:hover {width: auto; height: 16px; padding: 4px 7px 3px 7px !important; background: rgb(var(--mr_grey)) !important; color: rgb(var(--white)) !important; text-align: center; float: right; font-weight: 800 !important; border: 0px; font: var(--p1) !important; cursor: pointer; box-shadow: none !important; -moz-box-shadow: none; -webkit-box-shadow: none; -khtml-box-shadow: none; text-shadow: none !important; border-left: none !important; border-radius: 8px;}
/* конец настроек */

/* форма ответа */
#main-reply {width: 100%; background: rgb(var(--pun_lighter)); border: 1px solid rgb(var(--mr_grey_lighter)); border-radius: 4px; padding: 8px; margin: 0 -8px 0 -8px;}

/* select */
.punbb select {border: 1px solid rgb(var(--mr_grey_lighter)); border-radius: 16px; padding: 4px 4px 4px 4px; background-color: rgb(var(--pun_lighter)); color: rgb(var(--mr_grey_darker)); font: normal 400 10px/125% 'arial'; letter-spacing: 0.6px; text-transform: lowercase;}

/* input */
.punbb input {border: 1px solid rgb(var(--mr_grey_lighter)); border-radius: 4px; padding: 4px 4px 4px 4px; background-color: rgb(var(--pun_lighter)); color: rgb(var(--mr_grey_darker));}

/* title */
#tooltip {font: small-caps 800 7.5px 'manrope'; text-transform: uppercase; border-radius: 25px; padding: 8px 24px; background: rgb(var(--accent2_text)); border: 0px solid; color: rgb(var(--accent2)); letter-spacing: 0.6px; display: none; khtml-border-radius: 25px; max-width: 200px; moz-border-radius: 25px; opacity: 1; position: absolute; text-align: center; webkit-border-radius: 25px; z-index: 999;}

/* регулятор шрифта */
.FNTslider {position: absolute; right: 210px; margin-top: 1px; z-index: 0; width: 120px; height: 11px; background: rgb(var(--mr_grey_lighter)); border-radius: 16px;}
.FNTslider .before {height: 11px; position: absolute; background: rgb(var(--accent3)); border-radius: 16px 0 0 16px; padding-right: 9px;}
.FNTslider .thumb {top: -3px; width: 16px; height: 11px; position: relative; background: rgb(var(--accent3)); border: 3px solid rgb(var(--pun_lighter)); border-radius: 16px; cursor: pointer;}

/* вкладки формы ответа */
#smilies-area {display: inline-flex; flex-direction: row; flex-wrap: wrap;}
#smilies-area img {margin: 0 1px 1px 1px;}
#tags .container {padding: 18px; border-radius: 8px; background: rgb(var(--pun_lighter)); border: 1px solid rgb(var(--mr_grey_lighter));}

/* кнопки в форме ответа */
#custom-change {background-image: url(http://forumstatic.ru/files/001b/5c/42/50209.png); background-position: center; background-repeat: no-repeat; line-height: 0; padding: 0; width: 100%;}
#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}
#button-mybb {background-image:url('http://icons.iconarchive.com/icons/famfamfam/silk/16/text-align-justify-icon.png'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%;}

/* окно репы */
.inner.post_reputation {border-radius: 8px; background: rgb(var(--pun_lighter));}
.inner.post_reputation h1 span {text-align: center; font: var(--p1); text-transform: lowercase;}
textarea#reputationText {border-radius: 8px; background: rgb(var(--pun_lighter)); border: 1px solid rgb(var(--mr_grey_lighter)); padding: 4px;}

/* маска */
#avtrChang-area {position: absolute; right: 5%; top: 43px;} 
.post-content legend.hide {display:none;} 
.punbb .pa-avatar img {max-width:150px; height:auto;}

/* скрыть */
.topic a.sharelink {display: none;}
.pa-reg, .pa-time-visit {font-size: 0;}
.lastedit {display: none;}
.pl-reports {display: none;}
li.pa-last-visit {display: none;}
li.pa-fld1 span.fld-name {display: none;}
li.pa-fld4 span.fld-name {display: none;}
#viewprofile-next #profilenav {display: none;}
#pun-main h1 span a {display: none;}
#pun-stats h2 span {display: none;}
.pa-fld1 span, .pa-fld3 span, .pa-fld5 span {display: none;}
#viewprofile li#pa-fld5 .icon {display: none;}
#viewprofile li#pa-fld2 .icon {display: none;}
#viewprofile li#pa-fld5 {display: none;}
/* скрыть название категорий */
.category h2 span{visibility: hidden;}
/* скрыть надпись отредактировано */
.lastedit {display:none;}
/* скрыть надпись объявление */
#pun-announcement h2 {display: none;}
#pun-announcement .container {padding-top: 1em;}
/* скрыть награды */
#pun-navlinks #navawards {display: none;}
/* скрыть закрыто */
.closedatafield {display: none;}
/* скрыть rss*/
.punbb .modmenu .container span {display: none;}

/* иконки зз в профиле */
#zz_aries, #zz_taurus, #zz_gemini, #zz_cancer, #zz_leo, #zz_virgo, #zz_libra, #zz_scorpio, #zz_sagittarius, #zz_capricorn, #zz_aquarius, #zz_pisces {width: 11px; height: 11px; margin: 0 auto;}
#zz_aries {background: url(http://forumstatic.ru/files/0014/84/8c/12847.svg) center;}
#zz_taurus {background: url(http://forumstatic.ru/files/0014/84/8c/97491.svg) center;}
#zz_gemini {background: url(http://forumstatic.ru/files/0014/84/8c/11438.svg) center;}
#zz_cancer {background: url(http://forumstatic.ru/files/0014/84/8c/87389.svg) center;}
#zz_leo {background: url(http://forumstatic.ru/files/0014/84/8c/86639.svg) center;}
#zz_virgo {background: url(http://forumstatic.ru/files/0014/84/8c/10288.svg) center;}
#zz_libra {background: url(http://forumstatic.ru/files/0014/84/8c/19142.svg) center;}
#zz_scorpio {background: url(http://forumstatic.ru/files/0014/84/8c/58071.svg) center;}
#zz_sagittarius {background: url(http://forumstatic.ru/files/0014/84/8c/96409.svg) center;}
#zz_capricorn {background: url(http://forumstatic.ru/files/0014/84/8c/65753.svg) center;}
#zz_aquarius {background: url(http://forumstatic.ru/files/0014/84/8c/88385.svg) center;}
#zz_pisces {background: url(http://forumstatic.ru/files/0014/84/8c/13484.svg) center;}

/* лс */
#stardust_ls {width: 943px; height: 484px; background: rgb(var(--white)); margin: 24px auto 0 auto; border-radius: 15px; overflow: hidden;}
#stardust_ls .ls1 {width: 830px; height: 422px; padding: 31px 56px;display: -webkit-inline-box;}
#stardust_ls .ls2 {width: 256px;}
#stardust_ls .ls2 .info {width: 256px; height: 103px; background: rgb(var(--pun_lighter)); border-radius: 15px;}
#stardust_ls .ls2 .info .ava img {width: 70px; height: 70px; border-radius: 64px; filter: grayscale(1);}
#stardust_ls .ls2 .info .ava {width: 70px; height: 70px; position: absolute; margin: 16px;}
#stardust_ls .ls2 .info .name {position: relative; font: var(--h3); text-transform: uppercase; font-variant: small-caps; letter-spacing: 0.6px; color: rgb(var(--black));}
#stardust_ls .ls2 .info .personal {margin: 22px 0 0 105px; position: absolute; width: 136px;}
#stardust_ls .ls2 .info .blockname {display: inline-flex; align-items: flex-start; flex-direction: row;}
#stardust_ls .ls2 .info .vozrast {font: var(--h4); text-transform: uppercase; font-variant: small-caps; letter-spacing: 0.6px; margin: 0 0 0 2px;}
#stardust_ls .ls2 .info .citata {font: var(--p2); color: rgb(var(--mr_grey_darker)); margin: 2px 0 0 0;}
#stardust_ls .ls2 .info .lzbuttons {position: absolute; margin: 61px 0 0 105px; display: inline-flex;}
#stardust_ls .ls2 .info a.buttonprofile, #stardust_ls .ls2 .info a.buttonlover, #stardust_ls .ls2 .info a.buttondnevnik, #stardust_ls .ls2 .info a.buttoninstagram {width: 25px; height: 25px; background-color: rgb(var(--white)); margin: 0 7px 0 0; border-radius: 24px; box-shadow: 0px 0px 12px rgb(0 0 0 / 10%);}
#stardust_ls .ls2 .info a.buttonprofile:hover, #stardust_ls .ls2 .info a.buttonlover:hover, #stardust_ls .ls2 .info a.buttondnevnik:hover, #stardust_ls .ls2 .info a.buttoninstagram:hover {transform: scale(1.2); transition: .2s ease-in;}
#stardust_ls .ls2 .info a.buttonprofile {background: var(--profile_icon);}
#stardust_ls .ls2 .info a.buttonlover {background: var(--lover_icon);}
#stardust_ls .ls2 .info a.buttondnevnik {background: var(--dnevnik_icon);}
#stardust_ls .ls2 .info a.buttoninstagram {background: var(--instagram_icon);}
#stardust_ls .ls2 .personal_traits {position: relative; margin: 6px 0 0 0; width: 256px; text-align: center; height: auto;}
#stardust_ls .ls2 .personal_traits .theader {font: var(--h4); text-transform: uppercase; font-variant: small-caps; letter-spacing: 1px; color: rgb(var(--black));}
#stardust_ls .ls2 .personal_traits .traits {position: relative; margin: 5px 0 0 0; width: 255px; height: 60px; overflow: hidden;  display: inline-flex;}
#stardust_ls .ls2 .personal_traits .trait {position: relative; width: 60px; height: 60px; background: rgb(var(--pun_lighter)); border-radius: 10px; margin: 0 5px 0 0; display: inline-flex; align-items: center; justify-content: center;}
#stardust_ls .ls2 .plashki {position: relative; width: 249px; height: 156px; border-radius: 15px; margin: 7px 0 0 0; border: 1px solid rgb(var(--pun));}
#stardust_ls .ls2 .plashki .plashki2 {position: relative; height: 120px; margin: 18px 0 0 0; text-align: center; overflow-y: auto; overflow-x: hidden; width: 234px;}
#stardust_ls .ls2 .plashki .plashki2 img {margin: 0 0 6px 0;}
#stardust_ls .ls3 {width: 598px; height: 348px;}
#stardust_ls .ls3 .collection_traits {width: 199px; height: 257px; margin: 0 0 0 21px; background: rgb(var(--white)); box-shadow: 0px 0px 30px rgb(0 0 0 / 5%); border-radius: 15px; position: relative; display: -webkit-inline-box; vertical-align: top;}
#stardust_ls .ls3 .collection_trait {margin: 17px 0 0 16px; position: relative; width: 168px; height: 225px; overflow-y: auto; overflow-x: hidden; display: inline-flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
#stardust_ls .ls3 .collection_trait_on, #stardust_ls .ls3 .collection_ach_on {width: 70px; height: 70px; border: 1px solid rgb(var(--mr_grey_lighter) /.6); background: rgb(var(--pun_lighter) /.6); border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; margin: 0 4px 4px 0;}
#stardust_ls .ls3 .collection_trait_off, #stardust_ls .ls3 .collection_ach_off {width: 70px; height: 70px; border: 1px solid rgb(var(--mr_grey_lighter)); background: rgb(var(--pun_lighter)); border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; opacity: 0.3; margin: 0 4px 4px 0;}
#stardust_ls .ls3 .collection_achievements {width: 343px; height: 257px; margin: 0 0 0 10px; background: rgb(var(--white)); box-shadow: 0px 0px 30px rgb(0 0 0 / 5%); border-radius: 15px; position: relative; display: -webkit-inline-box; vertical-align: top;}
#stardust_ls .ls3 .collection_achievement {margin: 17px 0 0 14px; position: relative; width: 316px; height: 225px; overflow-y: auto; overflow-x: hidden; display: inline-flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; align-content: flex-start;}
#stardust_ls .ls3 .collection_icons {position: relative; width: 555px; height: 77px; border-radius: 15px; background: rgb(var(--pun_lighter)); margin: 13px 0 0 21px; display: -webkit-inline-box;}
#stardust_ls .ls3 .collection_icon {margin: 21px 0 0 19px; width: 525px; overflow-y: auto; overflow-x: hidden; position: relative; height: 36px;}
#stardust_ls .ls4 {position: relative; width: 832px; margin: 363px auto 0 -856px; height: 69px; display: -webkit-inline-box;}
#stardust_ls .ls4 .kuponi {display: inline-flex; flex-direction: row; flex-wrap: nowrap; position: relative; background: rgb(var(--white)); border: 1px solid rgb(var(--pun)); border-radius: 15px; width: 830px;}
#stardust_ls .ls4 .kuponiscroll {display: inline-flex; width: 830px; margin: 10px;}
#stardust_ls .ls4 .kupon_on {position: relative; width: 136px; height: 48px; display: inline-flex; justify-content: flex-start; align-items: center; background: rgb(var(--pun_lighter)); border-radius: 4px; padding: 0 10px 0 10px; margin: 0 8px 0 0;}
#stardust_ls .ls4 .kupon_off {position: relative; width: 136px; height: 48px; display: inline-flex; justify-content: flex-start; align-items: center; background: rgb(var(--pun_lighter)); border-radius: 4px; padding: 0 10px 0 10px; margin: 0 8px 0 0; opacity: 0.3;}
#stardust_ls .ls4 .kupon_on .ktext, #stardust_ls .ls4 .kupon_off .ktext {margin: 0 0 0 6px;}
#stardust_ls .ls4 .kupon_on .kh, #stardust_ls .ls4 .kupon_off .kh {font: var(--p1); font-size: 8.5px; font-weight: 900; color: rgb(var(--black)); text-transform: uppercase; font-variant: small-caps;}
#stardust_ls .ls4 .kupon_on .kp, #stardust_ls .ls4 .kupon_off .kp {font: var(--p2); font-size: 7.5px; color: rgb(var(--mr_grey_darker));}
#stardust_ls .info .zodiac {position: absolute; width: 19px; height: 19px; border-radius: 24px; margin: 19px 16px; z-index: 1;}
#stardust_ls .info .zodiac .water {background-color: rgb(var(--water)); border-radius: 24px;}
#stardust_ls .info .zodiac .fire {background-color: rgb(var(--fire)); border-radius: 24px;}
#stardust_ls .info .zodiac .earth {background-color: rgb(var(--earth)); border-radius: 24px;}
#stardust_ls .info .zodiac .wind {background-color: rgb(var(--wind)); border-radius: 24px;}
#stardust_ls .info .cancer {background: url(http://forumstatic.ru/files/0014/84/8c/20955.svg) no-repeat center; width: 19px; height: 19px;}
#stardust_ls .info .scorpio {background: url(http://forumstatic.ru/files/0014/84/8c/40876.svg) no-repeat center; width: 19px; height: 19px;}
#stardust_ls .info .pisces {background: url(http://forumstatic.ru/files/0014/84/8c/64225.svg) no-repeat center; width: 19px; height: 19px;}
#stardust_ls .info .gemini {background: url(http://forumstatic.ru/files/0014/84/8c/30837.svg) no-repeat center; width: 19px; height: 19px;}
#stardust_ls .info .libra {background: url(http://forumstatic.ru/files/0014/84/8c/21736.svg) no-repeat center; width: 19px; height: 19px;}
#stardust_ls .info .aquarius {background: url(http://forumstatic.ru/files/0014/84/8c/85903.svg) no-repeat center; width: 19px; height: 19px;}
#stardust_ls .info .taurus {background: url(http://forumstatic.ru/files/0014/84/8c/72383.svg) no-repeat center; width: 19px; height: 19px;}
#stardust_ls .info .virgo {background: url(http://forumstatic.ru/files/0014/84/8c/19794.svg) no-repeat center; width: 19px; height: 19px;}
#stardust_ls .info .capricorn {background: url(http://forumstatic.ru/files/0014/84/8c/10619.svg) no-repeat center; width: 19px; height: 19px;}
#stardust_ls .info .aries {background: url(http://forumstatic.ru/files/0014/84/8c/94599.svg) no-repeat center; width: 19px; height: 19px;}
#stardust_ls .info .leo {background: url(http://forumstatic.ru/files/0014/84/8c/21371.svg) no-repeat center; width: 19px; height: 19px;}
#stardust_ls .info .sagittarius {background: url(http://forumstatic.ru/files/0014/84/8c/58202.svg) no-repeat center; width: 19px; height: 19px;}
/* прокрутка в лс */
#stardust_ls ::-webkit-scrollbar {width: 4px; height: 4px;}
#stardust_ls ::-webkit-scrollbar-track {background: rgb(var(--mr_grey_lighter)); border-radius: 5px;}
#stardust_ls ::-webkit-scrollbar-thumb {background: rgb(var(--mr_grey)); border-radius: 10px;}
/* конец лс */

/* гостевая */
#stardust_gostevaya {width: 616px; height: auto; background: rgb(var(--pun_lighter)); border-radius: 15px; padding: 24px; margin: auto;}
#stardust_gostevaya .gost_time {margin: 4px auto; padding: 4px 4px 4px 4px; display: flex; justify-content: center; align-items: center; background: rgb(var(--accent)/.4); width: 40px; border-radius: 46px; font-weight: 800; color: rgb(var(--accent3));}
path#gostevayaicon {fill: rgb(var(--accent3)/.4);}
#stardust_gostevaya .gos1 {width: 617px; height: 125px; background: var(--gostevaya_shapka); border-radius: 10px;}
#stardust_obshee .gos1 {width: 617px; height: 59px; background: var(--pravila_shapka); border-radius: 10px;}
#stardust_gostevaya .female_icon, #stardust_gostevaya .male_icon, #stardust_obshee .female_icon, #stardust_obshee .male_icon {position: absolute; width: 23px; height: 23px; border-radius: 24px; background: rgb(var(--white)); display: inline-flex; border: 1px solid rgb(var(--mr_grey_lighter)); z-index: 1;}
#stardust_gostevaya .vneh1, #stardust_obshee .vneh1 {display: inline-flex; align-items: center; align-content: center; justify-content: flex-start;}
#stardust_gostevaya .vneh1 .vneh_left, #stardust_obshee .vneh1 .vneh_left {width: 305px; display: inline-flex; justify-content: center;}
#stardust_gostevaya .vneh1 .vneh_right, #stardust_obshee .vneh1 .vneh_right {width: 305px; display: inline-flex; justify-content: center;}
#stardust_gostevaya .female_icon .fem_icon, #stardust_obshee .female_icon .fem_icon {background: var(--female_icon); width: 22px; height: 23px;}
#stardust_gostevaya .male_icon .mal_icon, #stardust_obshee .male_icon .mal_icon {background: var(--male_icon); width: 22px; height: 23px;}
#stardust_gostevaya .gos2 {position: relative; display: inline-flex; padding: 17px 0 6px 0;}
#stardust_gostevaya .gos2 .privet {font: var(--p2); text-align: left; width: 285px; padding: 0 21px 0 0; color: rgb(var(--mr_grey));}
#stardust_gostevaya .gos2 .derjim {display: inline-flex; width: 264px; font: var(--p2); padding: 14px 21px; border-radius: 10px; background: rgb(var(--pun)); color: rgb(var(--black)); text-align: left; margin: 11px 7px 0 0;}
#stardust_gostevaya .gos2 .derjim .dicon {margin: 0 8px 0 0;}
#stardust_gostevaya .gos2 .gender_block, #stardust_obshee .gender_block {width: 303px; height: 135px; font: var(--p2); background: rgb(var(--white)); margin: 0 7px 0 0; border-radius: 15px; border: 1px solid rgb(var(--mr_grey_lighter)/.5);}
#stardust_gostevaya .gos2 .gender_block .scroll, #stardust_obshee .gender_block .scroll{width: 260px; height: 87px; margin: 24px; text-align: left; overflow-y: auto; overflow-x: hidden; line-height: 185%;}
#stardust_gostevaya .zayavki {width: 303px; height: 186px; font: var(--p2); background: rgb(var(--white)); margin: 14px 0 0 0; border-radius: 15px; border: 1px solid rgb(var(--mr_grey_lighter)/.5);}
#stardust_gostevaya .zayavki .scroll {width: 260px; height: 138px; margin: 24px; text-align: left; overflow-y: auto; overflow-x: hidden; line-height: 185%;}
#stardust_gostevaya .zayavki .scroll .vikuplen {display: inline-flex; justify-content: flex-start; flex-wrap: wrap; align-items: center;}
#stardust_gostevaya .zayavki .scroll .vikuplen .vikuplen2 {margin: 0 4px 0 0; background: rgb(var(--accent_lighter)/.4); padding: 4px 8px 4px 8px; border-radius: 24px; font-weight: 800; color: rgb(var(--accent));}
#stardust_gostevaya .nyjnie {padding: 9px; width: 150px; text-align: center; background: rgb(var(--white)); border: 1px solid rgb(var(--mr_grey_lighter)/.6); border-radius: 46px; color: rgb(var(--mr_grey_darker)); margin: 0px 0 0 65px; position: absolute; font: var(--p2);}
#stardust_gostevaya .zayav {display: inline-flex; align-items: center;}

/* прокрутка гостевой*/
/* #stardust_gostevaya ::-webkit-scrollbar {width: 4px; height: 4px;}
#stardust_gostevaya ::-webkit-scrollbar-track {background: rgb(var(--pun_lighter)); border-radius: 5px;}
#stardust_gostevaya ::-webkit-scrollbar-thumb {background: rgb(var(--accent2_text)); border-radius: 10px;} */

/* новости */
#novosti {width: 616px; height: auto; margin: 0 auto; background: rgb(var(--pun_lighter)); padding: 24px 24px 63px 24px; border-radius: 15px; color: rgb(var(--black));}
#novosti_system {width: 616px; height: auto; margin: 0 auto; background: rgb(var(--pun_lighter)); padding: 24px; border-radius: 15px; color: rgb(var(--black));}
#novosti_system .nov_system {background: url(https://i.imgur.com/aSNOFQY.jpg); width: 617px; height: 59px; border-radius: 10px;}
#novosti .nov1 {background: var(--novosti_shapka); height: 85px; border-radius: 10px;}
#novosti .ams_name {background: url(https://i.imgur.com/4xxemNu.png); height: 70px; width: 70px; border-radius: 64px; position: absolute; margin: -53px 0 0 22px; border: 3px solid rgb(var(--pun_lighter));}
#novosti .ryujin, #novosti .minhee, #novosti .jaemin, #novosti .jeno, #novosti .sunghoon, #novosti .taehyun, #novosti .jongseong {height: 70px; width: 70px; border-radius: 64px; position: absolute; margin: -53px 0 0 22px; border: 3px solid rgb(var(--pun_lighter)); filter: grayscale(1);}
#novosti .ryujin {background: url(https://i.imgur.com/Nsg0jtC.png);}
#novosti .minhee {background: url(https://i.imgur.com/P5aBsAS.png);}
#novosti .taehyun {background: url(https://i.imgur.com/y2x7TlM.png);}
#novosti .jeno {background: url(https://i.imgur.com/kMSWp4i.png);}
#novosti .jongseong {background: url(https://i.imgur.com/0QqIl4H.png);}
#novosti .jaemin {background: url(https://i.imgur.com/UpPoWSl.png);}
#novosti .sunghoon {background: url(https://i.imgur.com/OzumKIX.png);}
#novosti .nov2 {margin: 37px 26px; width: 354px; height: 308px; overflow: auto;}
#novosti .nov2 .ams_text {font: var(--p2); line-height: 245%; height: 308px; position: relative; width: 340px; text-align: justify;}
#novosti .nov3 {position: absolute; top: 131px; margin: 0px; width: 195px; height: 88px; left: 451px; border-radius: 10px; background: rgb(var(--pun)); padding: 17px 13px; display: inline-flex; justify-content: space-between; border: 1px solid rgb(var(--mr_grey_lighter)/.4);}
#novosti .nov3 .luchii_ava img, #novosti .nov4 .activ_avi img {filter: grayscale(1); border-radius: 3px;}
#novosti .nov3 .luchii_post {font: var(--p2); color: rgb(var(--mr_grey_darker)); padding: 0 0 0 4px;}
#novosti .nov4 {top: 266px; width: 226px; height: 74px; position: absolute; right: 55px; display: inline-flex;}
#novosti .nov4 .activ_avi {width: 140px; height: 74px; display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: space-between;}
#novosti .nov4 .otigtish_nedeli {width: 87px; height: 50px; padding: 12px 10px; background: rgb(var(--mr_grey)); border-radius: 5px; margin: 0 0 0 6px; letter-spacing: 0.4px;}
#novosti .nov4 .otigtish_nedeli .otigtish_text {font: var(--p2); text-align: left; width: 40px; font-size: 7.5px;}
#novosti .nov4 .otigtish_nedeli .otigtish_text a {color: rgb(var(--white));}
#novosti .nov4 .otigtish_nedeli .otigtish_text a:hover {color: rgb(var(--black));}
#novosti .zag {position: absolute; top: 352px; right: 54px; padding: 7px 9px 7px 9px; background: rgb(var(--pun)); width: 207px; border-radius: 5px; border: 1px solid rgb(var(--mr_grey_lighter)/.4); font: var(--p2); FONT-WEIGHT: 800;}
#novosti .nov5 {width: 226px; position: absolute; top: 396px; right: 55px; height: 126px; overflow-y: auto;}
#novosti .nov6, #novosti_system .nov6 {margin: 37px 26px; width: 564px; height: auto; overflow: auto;}
#novosti .ams_text2, #novosti_system .ams_text2 {font: var(--p2); line-height: 187%; height: auto; position: relative; width: 550px; text-align: justify;}
#novosti .news_sound2 {padding: 7px 9px 7px 9px; background: rgb(var(--pun)); width: 532px; border-radius: 5px; border: 1px solid rgb(var(--mr_grey_lighter)/.5); font: var(--p2); margin: 3px 0 0 26px; display: inline-flex; align-items: center;}
#novosti .whatsnew {width: 206px; height: 38px; display: inline-flex; justify-content: flex-start; align-items: center; border-radius: 64px; border: 1px solid rgb(var(--mr_grey_lighter)/.8); margin: 0 0 3px 0;}
#novosti .whatsnew_ikonka {margin: 0 10px 0 14px;}
#novosti .whatsnew_h {font: var(--p2); font-weight: 800;}
#novosti .whatsnew_p {font: var(--p2); color: rgb(var(--mr_grey_darker));}
#novosti .news_sound {padding: 7px 9px 7px 9px; background: rgb(var(--pun)); width: 334px; border-radius: 5px; border: 1px solid rgb(var(--mr_grey_lighter)/.4); font: var(--p2); margin: 3px 0 0 26px; display: inline-flex; align-items: center;}
#novosti .bbplay {margin: 0 14px 0 14px; display: inline-flex;}
path#bbplay {fill: rgb(var(--accent3));}
/* прокрутка новостей*/
#novosti ::-webkit-scrollbar, #magazin ::-webkit-scrollbar, #stardust_obshee ::-webkit-scrollbar, #sns ::-webkit-scrollbar {width: 4px; height: 4px;}
#novosti ::-webkit-scrollbar-track, #magazin ::-webkit-scrollbar-track, #stardust_obshee ::-webkit-scrollbar-track, #sns ::-webkit-scrollbar-track {background: rgb(var(--mr_grey_lighter)); border-radius: 5px;}
#novosti ::-webkit-scrollbar-thumb, #magazin ::-webkit-scrollbar-thumb, #stardust_obshee ::-webkit-scrollbar-thumb, #sns ::-webkit-scrollbar-thumb {background: rgb(var(--mr_grey)); border-radius: 10px;}

#magazin, #stardust_obshee {width: 616px; height: auto; margin: 0 auto; background: rgb(var(--pun_lighter)); padding: 33px 24px 33px 24px; border-radius: 15px; color: rgb(var(--black));}
#magazin .mag1, #stardust_obshee .mag1 {padding: 3px 9px 3px 9px; background: rgb(var(--pun)); width: 595px; border-radius: 5px; border: 1px solid rgb(var(--mr_grey_lighter)/.3); font: var(--p1); margin: 0 0 16px 0; display: inline-flex; font-weight: 800;}
#magazin .mag1 .magb, #stardust_obshee .mag1 .magb {margin: 0 14px 0 14px; display: inline-flex;}
path#magbb {fill: rgb(var(--mr_grey_darker) /0.5);}
#magazin .mag2 .magtxt, #stardust_obshee .mag2 .magtxt {font: var(--p2); line-height: 187%; height: auto; position: relative; width: 565px; text-align: justify;}
#magazin .mag2 .magtxt {margin: 0 auto 21px auto;}
#stardust_obshee .mag2 .magtxt {margin: 0 auto;}
#magazin .mag3 {display: inline-flex; align-items: center; justify-content: center;}
#magazin .mag3 .mag4 {position: relative; width: 236px; height: 189px; background: rgb(var(--white)); border-radius: 10px; border: 1px solid rgb(var(--mr_grey_lighter)/.5); padding: 33px; margin: 0 7px 0 0;}
#magazin .mag3 .mag4 .magscroll {width: 236px; height: 189px; overflow-y: auto; display: inline-flex; align-items: flex-start; flex-direction: column; align-content: flex-start;}
#magazin .mag3 .mag4 .magscroll img {margin: 0 0 6px 0;}
#magazin .mag5 {width: 575px; height: 50px; background: rgb(var(--white)); border-radius: 10px; border: 1px solid rgb(var(--mr_grey_lighter)/.5); margin: 16px 0 0 0; padding: 19px;}
#magazin .mag5 .magscroll2 {overflow-y: auto;}
#magazin .mag5 img {margin: 0 4px 4px 0;}

#stardust_obshee .vneh_h {padding: 7px 9px 7px 9px; background: rgb(var(--pun)); width: 595px; border-radius: 5px; border: 1px solid rgb(var(--mr_grey_lighter)); font: var(--p1); margin: 0 0 16px 0; text-align: center; font-weight: 800;}
#stardust_obshee .vneh2 {display: inline-flex; margin: 16px 0 0 0;}

#stardust_obshee .vneh_h {padding: 7px 9px 7px 9px; background: rgb(var(--pun)); width: 595px; border-radius: 5px; border: 1px solid rgb(var(--mr_grey_lighter) /.3); font: var(--p1); text-align: center; font-weight: 800; margin: 26px 0 0 0;}
#stardust_obshee .vneh2 {display: inline-flex; margin: 8px 0 0 0;}

#stardust_obshee .bank_obshee {display: inline-flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start;}
#stardust_obshee .bank {width: 247px; padding: 26px; height: auto; background: rgb(var(--white)); border: 1px solid rgb(var(--mr_grey_lighter) /.5); border-radius: 15px; display: grid; justify-items: center; margin: 18px 0 8px 0; align-items: center; justify-content: center; align-content: space-between;}
#stardust_obshee .bank_title {width: 146px; height: 29px; background: rgb(var(--white)); border-radius: 24px; border: 1px solid rgb(var(--mr_grey_lighter) /.8); text-align: center; display: inline-flex; align-items: center; justify-content: center; font: var(--p1);}
#stardust_obshee .bank_title2 {margin: -43px 0 0 0;}
#stardust_obshee .bank_scroll {font: var(--p2); width: 200px; height: auto; text-align: left; line-height: 265%; margin: 4px 0 0 0;}
#stardust_obshee .bank_obshee .col1 {margin: 0 11px 0 0;}
#stardust_obshee .bank2 {width: 561px; height: 63px; background: rgb(var(--white)); border: 1px solid rgb(var(--mr_grey_lighter) /.5); border-radius: 15px; padding: 26px; margin: 20px 0 0 0;}
#stardust_obshee .bank2 .bank2_scroll {font: var(--p2); display: inline-flex; flex-wrap: nowrap; line-height: 265%;}
#stardust_obshee .bank2 .bank2_scroll .col3 {margin: 0 75px 0 0; width: 260px;}

#stardust_obshee .usloviya {position: relative; width: 564px; min-height: 45px; height: auto; background: rgb(var(--white)); border: 1px solid rgb(var(--mr_grey_lighter) /.5); border-radius: 15px; padding: 24px; font: var(--p2);}
#stardust_obshee .ush {width: 146px; height: 29px; background: rgb(var(--white)); border: 1px solid rgb(var(--mr_grey_lighter) /.8); border-radius: 37px; display: grid; justify-items: center; align-items: center; margin: -40px auto 0 auto;}
#stardust_obshee .usscroll {margin: 22px 0 0 0; text-align: left; line-height: 187%;}

#stardust_obshee .shari {display: inline-flex; margin: 0 3.5px 14px 0; justify-content: space-between;}
#stardust_obshee .shc1 {width: 149px; height: 50px; background: rgb(var(--white)); border: 1px solid rgb(var(--mr_grey_lighter) /.5); border-radius: 15px; padding: 24px; justify-items: center; align-items: start;}
#stardust_obshee .shh {box-sizing: border-box; width: 153px; height: 20px; background: rgb(var(--pun)); border: 1px solid rgb(var(--mr_grey_lighter) /.5); border-radius: 31px; display: grid; align-items: center; justify-items: center; margin: -30px 0 0 0; position: relative;}
#stardust_obshee .shh1 {text-align: center; font: var(--h3); font-size: 9px; letter-spacing: 0.3px;}
#stardust_obshee .shp {font: var(--p2); margin: 11px 0 0 0; position: relative; line-height: 145%; overflow: auto; height: 50px;}
#stardust_obshee .doit {font: var(--p2); bottom: 120px; text-align: left; line-height: 145%; width: 153px; position: absolute; height: 150px;}
#stardust_obshee .shpresent {font: var(--p2); position: absolute; text-align: center; width: 148px; bottom: 45px; height: 50px;}
#stardust_obshee .shp .scroll {width: 150px; height: 120px; margin: 24px; text-align: left; overflow-y: auto; overflow-x: hidden; line-height: 185%;}

#stardust_obshee .tabs {font-size: 0;}
#stardust_obshee .tabs>input[type="radio"] {display: none;}
/* скрыть контент по умолчанию */
#stardust_obshee .tabs>div {display: none; padding: 43px 28px; font-size: 16px; width: 558px; min-height: 234px; background: rgb(var(--white)); border: 1px solid rgb(var(--mr_grey_lighter)/.5); border-radius: 15px; margin: -15px 0 19px 0;}
/* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
#tab-btn-1:checked~#content-1, #tab-btn-2:checked~#content-2, #tab-btn-3:checked~#content-3, #tab-btn-4:checked~#content-4, #tab-btn-5:checked~#content-5, #tab-btn-6:checked~#content-6, #tab-btn-7:checked~#content-7, #tab-btn-8:checked~#content-8, #tab-btn-9:checked~#content-9, #tab-btn-10:checked~#content-10, #tab-btn-11:checked~#content-11, #tab-btn-12:checked~#content-12 {display: block;}
#stardust_obshee .tabs>label {display: inline-flex; text-align: center; user-select: none; font: 800 normal 12px 'FactorA Black'; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; cursor: pointer; position: relative; top: 1px; background-color: rgb(var(--pun)); border: 1px solid rgb(var(--mr_grey_lighter)/.5); color: rgb(var(--mr_grey)); width: 28px; height: 28px; border-radius: 34px; justify-content: center; align-items: center; margin: 0 3px 0 3px;}
#stardust_obshee .tabs>label:not(:first-of-type) {color: rgb(var(--mr_grey));}
#stardust_obshee .tabs>input[type="radio"]:checked+label {color: rgb(var(--black)); background-color: rgb(var(--white)); border: 1px solid rgb(var(--mr_grey_lighter)/.5); width: 28px; height: 28px; border-radius: 34px; margin: 0 3px 0 3px;}
#stardust_obshee .cha_txt {position: relative; font: var(--p2); width: 573px; height: 198px; margin: 33px auto 3px auto;}
#stardust_obshee .cha_shapka {background: var(--treiti_shapka); width: 617px; height: 59px; border-radius: 10px;}
#stardust_obshee .ch1 {display: inline-flex;}
#stardust_obshee .ch1-2 {width: 280px; display: inline-flex; align-items: center;}
#stardust_obshee .icon_ch_trait, #stardust_obshee .chal_ch_icon {width: 70px; height: 70px; box-shadow: 0px 0px 27px #ffd89e; background: linear-gradient(315.22deg, #FEF6D8 5.36%, #FFF9E4 100%); border-radius: 14px;
display: inline-flex; align-items: center; justify-content: center;}
#stardust_obshee .name_ch_trait {font: var(--h1); font-size: 25px; margin: 0 0 0 22px; color: rgb(var(--mr_grey_lighter)); text-align: left;}
#stardust_obshee .ch1-4 {display: inline-flex; align-items: center; justify-content: space-evenly; width: 260px; height: 50px; background: rgb(var(--pun_lighter)); border-radius: 10px; padding: 10px;}
#stardust_obshee .icon_ch_reward {margin: 0 5px 0 0;}
#stardust_obshee .ch1-5 {display: inline-grid; margin: 0 20px 0 0;}
#stardust_obshee .name_ch_reward, .name_ch_reward_karm {font: var(--p2); font-weight: 800;}
#stardust_obshee .name_ch_reward {color: rgb(var(--mr_grey));}
#stardust_obshee .ch2 {margin: 29px 0 0 0;}
#stardust_obshee .ch2-2 {display: inline-flex;}
#stardust_obshee .ch2-3 {display: inline-grid; justify-content: start; margin: 0 20px 0 0;}
#stardust_obshee .icon_ls_trait {display: inline-grid; width: 70px; height: 70px; background: rgb(var(--pun_lighter) /.3); border: 1px solid rgb(var(--mr_grey_lighter) /.8); border-radius: 14px; justify-items: center; align-items: center;}
#stardust_obshee .name_ls_trait {position: relative; font: var(--h3); font-weight: 900; text-align: left; margin: 8px 0 4px 0;}
#stardust_obshee .opisanie_ls_trait {font: var(--p2); text-align: left; color: rgb(var(--mr_grey)); width: 125px; height: 33px;}
#stardust_obshee .buy_traits {width: 562px; height: 75px; background: #FFFFFF; border: 1px solid #F3F3F3; border-radius: 15px; padding: 17px 26px;display: inline-flex;}
#stardust_obshee .buy_scroll {flex-direction: row; height: 80px; flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; white-space: nowrap;}
#stardust_obshee .btrait {width: 60px; height: 60px; background: rgb(var(--pun)/.3); border-radius: 10px; display: inline-grid; justify-items: center; align-items: center; margin: 0 7px 0 0;}

/* принятые анкеты */
#prinyat_ankety {width: 508px; height: 108px; margin: 0 auto; background: rgb(var(--pun_lighter)); padding: 21px 24px 21px 24px; border-radius: 15px; color: rgb(var(--black));}
#prinyat_ankety .ams_name {background: url(https://i.imgur.com/VQhq73G.png); height: 70px; width: 70px; border-radius: 64px; position: absolute; margin: 0 0 0 14px; border: 3px solid rgb(var(--pun_lighter));}
#prinyat_ankety .mag1 {padding: 3px 9px 3px 9px; background: rgb(var(--pun)); width: 347px; border-radius: 5px; border: 1px solid rgb(var(--mr_grey_lighter)/.3); font: var(--p1); margin: 0 0 13px 120px; display: inline-flex; font-weight: 800;}
#prinyat_ankety .mag1 .magb {margin: 0 9px 0 0; display: inline-flex;}
#prinyat_ankety path#magbb {fill: rgb(var(--accent3));}
#prinyat_ankety .ank_text {font: var(--p2); margin: 0 0 0 120px; width: 367px; text-transform: lowercase;}
#vajnie_ssilki {margin: -8px 0 0 128px; width: 508px; height: 30px;}
#vajnie_ssilki a {font: var(--p2); color: rgb(var(--accent3)) !important; padding: 6px 21px 6px 21px; background: rgb(var(--pun_lighter)); border-radius: 18px; border: 1px solid rgb(var(--mr_grey_lighter) /.8); margin: 0 4px 0 0;}
#vajnie_ssilki a:hover {color: rgb(var(--accent3)) !important; background: rgb(var(--accent)); border: 1px solid rgb(var(--mr_grey_lighter));}

/* инста */
#starspace {width: 391px; height: auto; background: rgb(var(--mr_grey_lighter)/.3); border: 1px solid rgb(var(--mr_grey_lighter)/.7); border-radius: 25px; margin: 40px auto;}
#starspace .star_shapka {width: 391px; height: 184px; filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.25)); background: linear-gradient(360deg, rgba(0, 0, 0, 0.3) 0%, rgba(39, 34, 34, 0) 100%); border-radius: 25px;}
#starspace .star1 {display: inline-flex; justify-content: flex-start; align-items: flex-start; width: 346px; height: 70px; margin: 89px 23px 0 21px;}
#starspace .star_avatar {position: relative; filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.25)); margin: 0 23px 0 0;}
#starspace .star_avatar img {width: 70px; height: 70px; border-radius: 46px; object-fit: cover;}
#starspace .star_name {position: relative; font: var(--h1); color: rgb(var(--white));}
#starspace .star2 {margin: 42px 0 0 95px; position: absolute; color: rgb(var(--white)); display: inline-flex;}
#starspace .star_posts, #starspace .star_followers, #starspace .star_following {margin: 0 23px 0 0;}
#starspace .star_post_number, #starspace .star_followers_number, #starspace .star_following_number {font: var(--h1);}
#starspace .star_post_h, #starspace .star_followers_h, #starspace .star_following_h {font: var(--p2);}
#starspace #star3 {width: 359px; height: 415px; background: rgb(var(--white)); border-radius: 25px; margin: 19px auto;}
#star3 img {border-radius: 15px;}
#starspace .star_icons {position: relative; display: inline-flex; align-items: center; width: 333px; margin: 0 13px 0 13px; justify-content: space-evenly; height: 47px; border-bottom: 1px solid rgb(var(--mr_grey_lighter)/.2);}
#starspace .star_your_images {padding: 13px;}
#starspace .star_img_mini1, #starspace .star_img_mini2, #starspace .star_img_mini3, #starspace .star_img_mini4, #starspace .star_img_mini5 {width: 105px; height: 105px; position: absolute;}
#starspace .star_img_mini1 {margin: 0;}
#starspace .star_img_mini2 {margin: 0 0 0 114px;}
#starspace .star_img_mini3 {margin: 0 0 0 228px;}
#starspace .star_img_mini4 {margin: 114px 0 0 0;}
#starspace .star_img_mini5 {margin: 228px 0 0 0;}
#starspace .star_img_big {position: absolute; width: 219px; margin: 114px 0 0 114px;}
#starspace .star_img_mini1 img, #starspace .star_img_mini2 img, #starspace .star_img_mini3 img, #starspace .star_img_mini4 img, #starspace .star_img_mini5 img {width: 105px; height: 105px; object-fit: cover;}
#starspace .star_img_big img {width: 219px; height: 219px; object-fit: cover;}
path#instabuttons {fill: rgb(var(--mr_grey)/.3);}
#star4 {background: rgb(var(--white)); border-radius: 25px; margin: 15px auto; width: 359px; height: auto;}
#star4 .star_main_ava {width: 40px; height: 40px;}
#star4 .star_main_ava img {width: 40px; height: 40px; border-radius: 46px; object-fit: cover;}
#star4 .star_main {width: 331px; height: 331px; filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.25)); padding: 14px;}
#star4 .star_main img {border-radius: 25px; object-fit: cover;}
#star4 .star_main_text {font: var(--p2); color: rgb(var(--black)); width: 302px; height: auto; margin: 8px auto 24px auto; position: relative;}
#star4 .star5 {position: relative; display: inline-flex; align-items: center; width: 302px; height: 55px; margin: 0 0 20px 27px; justify-content: flex-end; border-top: 1px solid rgb(var(--mr_grey_lighter)/.2);}
#star4 .star_main_info {margin: 0 0 0 14px; width: 153px;}
#star4 .star_main_name {position: relative; font: var(--h1); color: rgb(var(--black));}
#star4 .star_main_data {font: var(--p2); color: rgb(var(--mr_grey));}
#star4 .star6 {display: inline-flex; justify-content: flex-start;}
#star4 .star_main_comments, #star4 .star_main_likes {display: inline-flex; align-items: center; font: var(--h3); color: rgb(var(--mr_grey_lighter));}
#star4 .star_main_comments {margin: 0 24px 0 0;}
#star4 .star_main_number_comment {margin: 0 3px 0 0;}
#star4 .star_main_number_icon {margin: 0 0 0 3px;}

/* снс */
#sns {width: 359px; height: 506px; background: rgb(var(--mr_grey_lighter)/.3); border: 1px solid rgb(var(--mr_grey_lighter)/.7); border-radius: 25px; margin: 0 auto; padding: 16px;}
#sns .sns1 {position: absolute; width: 359px; height: 507px; background: rgb(var(--mr_grey_lighter)/.7); border-radius: 25px; margin: 0 auto;}
#sns .sns_2 {position: absolute; width: 317px; height: 401px; background: rgb(var(--white)); box-shadow: 0px 4px 20px rgb(0 0 0 / 10%); border-radius: 25px; margin: 63px 0 0 0; padding: 21px;}
#sns .sns_2_scroll {overflow: auto; width: 310px; height: 341px; margin: 0 auto;}
#sns .sns_info {display: inline-flex; align-items: center; justify-content: flex-start; margin: 15px 0 0 27px;}
#sns .sns_1_ava {width: 40px; height: 40px;}
#sns .sns_1_ava img {width: 40px; height: 40px;object-fit: cover; border-radius: 36px;}
#sns .sns_1_name {font: var(--h3); color: rgb(var(--black));}
#sns .sns_1_group {margin: 0 0 0 14px;}
#sns .sns_1_online {display: inline-flex;}
#sns .sns_1_on {font: var(--p2); color: rgb(var(--mr_grey));}
#sns .sns_1_online_icon {margin: 0 3px 0 0;}
#sns .sns_post_right {text-align: right; margin: 0 16px 0 0;}
#sns .sns_post_left_name {font: var(--p2); color: rgb(var(--mr_grey)/.5); letter-spacing: 0.3px; margin: 0 0 7px 41px;}
#sns .sns_post_left_avatar {width: 31px; height: 31px;margin: 0 9px 0 0;}
#sns .sns_post_left_avatar img {width: 31px; height: 31px;object-fit: cover; border-radius: 36px;}
#sns .sns_post_left_photo {background: rgb(var(--mr_grey_lighter)); padding: 13px; border-radius: 20px 20px 20px 0px;}
#sns .sns_post_left_photo img {width: 195px; border-radius: 20px;object-fit: cover;}
#sns .sns_post {display: inline-flex; align-items: flex-end;margin: 0 0 15px 0;}
#sns .sns_post_left_time {font: var(--p2); color: rgb(var(--mr_grey)/.5); margin: 0 0 0 13px;}
#sns .sns_post_left_txt {background: rgb(var(--mr_grey_lighter)/.3); padding: 13px; border-radius: 20px 20px 20px 0px; font: var(--p2); color: rgb(var(--black)); width: 192px;text-align: left;}
#sns .sns_post_right_txt {background: rgb(var(--mr_grey_lighter)/.3); padding: 13px; border-radius: 20px 20px 0 20px; font: var(--p2); color: rgb(var(--black)); width: 192px;text-align: left;}
#sns .sns_post_left_txt_gs {background: rgb(var(--mr_grey_lighter)/.3); padding: 13px; border-radius: 20px 20px 20px 0px; font: var(--p2); color: rgb(var(--mr_grey)); width: 192px; text-align: left; font-style: italic;}
#sns .sns_post_right_txt_gs {background: rgb(var(--mr_grey_lighter)/.3); padding: 13px; border-radius: 20px 20px 0 20px; font: var(--p2); color: rgb(var(--mr_grey)); width: 192px; text-align: left; font-style: italic;}
#sns .sns_post_gs {width: 188px; height: 29px; background: rgb(var(--white)); border-radius: 20px; display: inline-flex; align-items: center; justify-content: space-evenly; margin: 0 0 9px 0;}
#sns .sns_post_gs_button {width: 17px; height: 17px; background: rgb(var(--mr_grey)); border-radius: 24px; display: inline-flex; align-items: center; justify-content: center;}
#sns .sns_post_gs_icon {margin: 2px 0 0 2px;}
#sns .sns_post_left_circle img, #sns .sns_post_right_circle img {width: 70px; height: 70px; border-radius: 64px; object-fit: cover; border: 5px solid rgb(var(--mr_grey_lighter)/.3);}
#sns .sns3 {width: 314px; height: 40px; background: rgb(var(--mr_grey_lighter)/.3); border-radius: 20px; display: inline-flex; justify-content: space-between; align-items: center; margin: 23px 0 0 0;}
#sns .sns3_bck {width: 34px; height: 34px; background: rgb(var(--mr_grey)); border-radius: 36px; display: inline-flex; align-items: center; justify-content: center; margin: 0 3px 0 0;transform: rotate(-4deg);}
#sns .sns3_text {font: var(--p2); color: rgb(var(--mr_grey)); margin: 0 0 0 21px;}
#sns .sns_post_right_name {font: var(--p2); color: rgb(var(--mr_grey)/.5); letter-spacing: 0.3px; margin: 0 4.6rem 7px 0; text-align: right;}
#sns .sns_post_right_time {font: var(--p2); color: rgb(var(--mr_grey)/.5); margin: 0 13px 0 0;}
#sns .sns_post_right_photo {background: rgb(var(--mr_grey_lighter)); padding: 13px; border-radius: 20px 20px 0 20px;}
#sns .sns_post_right_avatar {width: 31px; height: 31px; margin: 0 0 0 9px;}
#sns .sns_post_right_avatar img {width: 31px; height: 31px;object-fit: cover; border-radius: 36px;}
#sns .sns_post_right_photo img {width: 195px; border-radius: 20px; object-fit: cover;}
path#snsonline {fill: rgb(var(--mr_grey));}
path#snsplay {fill: rgb(var(--white));}
path#snsgs {stroke: rgb(var(--mr_grey));}
path#snsinput {fill: rgb(var(--white));}

/* удаления */
#del {margin: 0 auto; width: 400px; padding: 24px; background: rgb(var(--pun_lighter)); border-radius: 8px; font: var(--p2); color: rgb(var(--black));}
#del .del2 {text-align: center;}
#del .zag {background: rgb(var(--pun)); padding: 12px; border-radius: 24px; color: rgb(var(--mr_grey_darker));}
#del .poyas {color: rgb(var(--mr_grey)); letter-spacing: 0.3px; margin: 8px 0 8px 0;}
#del .igrk {padding: 4px; border: 1px solid rgb(var(--mr_grey_lighter)/.3); border-radius: 8px;}

#mask_dialog .inner {background: rgb(var(--pun)); border-radius: 8px;}
.pa-avatar img {max-width: 150px; max-height: 150px;}

/* объявление */
#annonce {position: absolute; font: var(--p1); top: 29rem; padding: 12px 24px 12px 24px; background: rgb(var(--mr_grey_lighter)/.8); border-radius: 25px 0 0 25px; color: rgb(var(--mr_grey_darker)/.8); right: 0rem;}

/* плейлист */
#stardust_playlist {width: 616px; height: 365px; background: rgb(var(--pun_lighter)); border-radius: 15px; padding: 27px 24px; margin: 0 auto;}
#stardust_playlist .play1 {display: inline-flex;}
#stardust_playlist .play1 .playlist_cover {width: 365px; height: 365px; box-shadow: 0px 15px 33px rgb(0 0 0 / 15%);     border-radius: 15px;}
#stardust_playlist .play1 .playlist_cover img {width: 365px; border-radius: 15px;}
#stardust_playlist .play2 {margin: 0 0 0 21px;}
#stardust_playlist .play1 .playlist_name {font: var(--h1); font-size: 25px; text-align: left; line-height: 104%; color: rgb(var(--mr_grey_darker)/.8); margin: 12px 0 0 0;}
#stardust_playlist .play1 .playlist_band {font: var(--h4); font-size: 8px; font-weight: 600; color: rgb(var(--mr_grey)); letter-spacing: 0.3px; margin: 8px 0 0 0; text-transform: uppercase;}
#stardust_playlist .play3 {margin: 23px 0 0 0; width: 226px; height: 260px; overflow-y: auto; overflow-x: hidden;}
#stardust_playlist .play3 .track1 {position: relative; width: 206px; height: 40px; border-radius: 37px; background: rgb(var(--mr_grey_lighter)/.3); margin: 0 0 4px 0; display: inline-flex; align-items: center; justify-content: flex-start;}
#stardust_playlist .play3 .track1 .playlist_text {margin: 0 0 0 13px;}
#stardust_playlist .play3 .track1 .playlist_play_button {margin: 0 0 0 10px;}
#stardust_playlist .play3 .track1 .playlist_play_button a::before {display: block; content: ""; background: url(http://forumstatic.ru/files/0014/84/8c/96012.svg); width: 24px; height: 24px;}
#stardust_playlist .play3 .track1 .track_id {font: var(--h4); font-size: 8px; font-weight: 700; color: rgb(var(--black)); letter-spacing: 0.3px; text-transform: uppercase;}
#stardust_playlist .play3 .track1 .track_band_name {font: var(--h4); font-size: 8px; font-weight: 400; color: rgb(var(--mr_grey)); letter-spacing: 0.3px; margin: 2px 0 0 0;}
#stardust_playlist .play3 .track1 .playlist_play_button a:hover::before {transform: scale(1.2); transition: .2s ease-in-out;}
/* прокрутка в плейлисте */
#stardust_playlist ::-webkit-scrollbar {width: 4px; height: 4px;}
#stardust_playlist ::-webkit-scrollbar-track {background: rgb(var(--mr_grey_lighter)/.3); border-radius: 5px;}
#stardust_playlist ::-webkit-scrollbar-thumb {background: rgb(var(--accent3)); border-radius: 10px;}

#stardust_obshee .ch_limit {display: inline-flex; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; width: 580px; margin: -18px 0 0 -10px;}
#stardust_obshee .ch_limit .ch_limit1-1 img {border-radius: 15px;}
#stardust_obshee .ch_limit .ch_limit1-2 {margin: 0 0 0 15px;}
#stardust_obshee .ch_limit .ch_limit1-2 .ch_limit1-2-1 .climit_colors {display: inline-flex;}
#stardust_obshee .ch_limit .ch_limit1-2 .ch_limit1-2-1 {text-align: left;}
#stardust_obshee .ch_limit .ch_limit1-2 .ch_limit1-2-1 .climit_text {font: var(--h1); font-size: 25px; text-align: left; line-height: 104%; color: rgb(var(--mr_grey_darker)/.8); margin: 7px 0 0 0;}
#stardust_obshee .ch_limit .ch_limit1-2 .ch_limit1-2-2 {display: inline-flex; margin: 21px 0 0 0;}
#stardust_obshee .ch_limit .ch_limit1-2 .ch_limit1-2-2 .ch_limit1-2-2-1 {display: inline-flex;}
#stardust_obshee .ch_limit .ch_limit1-2 .ch_limit1-2-2 .ch_limit1-2-2-1 .ch_limit_all {width: 128px; height: 50px; display: inline-flex; align-items: center; justify-content: space-around; background: rgb(var(--pun_lighter)); border-radius: 10px; padding: 10px;}
#stardust_obshee .ch_limit .ch_limit1-2 .ch_limit1-2-2 .ch_limit1-2-2-1 .ch_limit_all .climit_text2 {font: var(--p2); font-weight: 800; color: rgb(var(--mr_grey)); text-align: left; width: 56px;}
#stardust_obshee .ch_limit .ch_limit1-2 .ch_limit1-2-2 .ch_limit1-2-2-1 .ch_limit_all .climit_text2 .climit_text_p {color: rgb(var(--black));}
#stardust_obshee .ch_limit .ch_limit1-2 .ch_limit1-2-2 .ch_limit1-2-2-2 {display: inline-grid; width: 68px; height: 68px; background: rgb(var(--pun_lighter) /.3); border: 1px solid rgb(var(--mr_grey_lighter) /.6); border-radius: 8px; justify-items: center; align-items: center; margin: 0 0 0 8px;}

#stardust_obshee .ch_limit1-3 {display: inline-flex; justify-content: space-around; width: 580px; margin: 38px 0 0 -10px;}
#stardust_obshee .ch_limit1-3 .ch_limit1-3-1 {text-align: left;}
#stardust_obshee .ch_limit1-3 .ch_limit1-3-1-1, #stardust_obshee .ch_limit1-3 .ch_limit1-3-2-1 {display: inline-flex; margin: 0 0 21px 0; align-items: center;}
#stardust_obshee .ch_limit1-3 .ch_limit1-3-1-1 .ch_limit_text, #stardust_obshee .ch_limit1-3 .ch_limit1-3-2-1 .ch_limit_text {font: var(--p2); font-weight: 400; color: rgb(var(--mr_grey)); text-align: left; width: 65px; margin: 0 0 0 10px;}
#stardust_obshee .chal_traits2 {display: inline-flex; width: 575px; height: 68px; background: rgb(var(--pun_lighter)); border: 1px solid rgb(var(--mr_grey_lighter) /.6); border-radius: 5px; padding: 13px 19px; margin: -5px 0 0 0;}
#stardust_obshee .chal_traits2 .chal_ch_text {font: var(--p2); color: rgb(var(--mr_grey)); text-align: left; margin: 0 0 0 16px;}
#stardust_obshee .chal_traits2 .chal_ch_pl {display: inline-flex; justify-content: space-between; width: 490px; margin: 7px 0 0 0; align-items: flex-end;}
#stardust_obshee .chal_traits2 .chal_ch_text .chal_ch_pl_name {font: var(--h1); font-size: 25px; text-align: left; color: rgb(var(--mr_grey_darker)/.2);}
#stardust_obshee .chal_traits2 .chal_ch_pp {margin: 5px 0 0 0; color: rgb(var(--black)); font-weight: 800;}