/* background and text colours
------------------------------------------------------------—
*/
.cool1 {
    width: 87px;
    height: 16px;
    padding: 0px 5px 2px 8px;
    background: #efcbed !important;
    color: #fff !important;
    font-size: 11px;
    font-family: verdana;
    text-align: center;
    float: right;
    margin-left: 4px;
    margin-right: 1px;
    border: 1px solid #fff !important;
    outline: 1px solid #ccacda !important;
    cursor: pointer;
    box-shadow: inset 0 0 3px #ccacda !important;
    -moz-box-shadow: inset 0 0 3px #ccacda !important;
    -webkit-box-shadow: inset 0 0 3px #ccacda !important;
    -khtml-box-shadow: inset 0 0 3px #ccacda !important;
    text-shadow: 0 1px 2px #946da5 !important;
    border-right: 1px solid #ccacda !important;
}

.cool3 {
    width: auto;
    height: 16px;
    padding: 0px 7px 2px 5px;
    background: #eec9ec !important;
    color: #fff !important;
    font-size: 11px;
    font-family: verdana;
    text-align: center;
    float: right;
    font-weight: bold;
    border: 1px solid #fff !important;
    cursor: pointer;
    outline: 1px solid #ccacda !important;
    box-shadow: inset 0 0 3px #ccacda !important;
    -moz-box-shadow: inset 0 0 3px #ccacda !important;
    -webkit-box-shadow: inset 0 0 3px #ccacda !important;
    -khtml-box-shadow: inset 0 0 3px #ccacda !important;
    text-shadow: 0 1px 2px #715180 !important;
    border-left: 1px solid #ccacda !important;
}

.cool2 {
    width: 16px;
    padding: 1px 2px;
    height: 16px;
    background: #efcaed !important;
    color: #fff !important;
    font-size: 11px;
    font-family: verdana;
    text-align: center;
    float: right;
    margin-right: 1px;
    border: 1px solid #fff !important;
    outline: 1px solid #ccacda !important;
}


/*сервис русфф*/
#pun-about p.container .item1 {    position: absolute;    text-align: center;    font-style: normal !important;    letter-spacing: 1px !important;    text-transform: lowercase !important;    font-size: 8px !important;    color: #fef6f2 !important;    text-shadow: 1px 0px 2px #ccacda !important;    padding-top: 0px;    display: block;    margin: 120px 0 0 833px;}

/*стрелки*/
.go-up { bottom:565px; margin-left: 976px !important; /*положение от низа окна браузера верхняя кнопка*/}
.go-down {bottom:511px; margin-left: 976px !important; /*положение от низа окна браузера нижняя кнопка кнопка*/}
.go-down:hover,.go-up:hover {opacity:1;}
.go-up, .go-down {    width: 136px;    height: 43px;    cursor: pointer;    display: none;    position: fixed;    z-index: 9999;}


/*ползунок*/
::-webkit-scrollbar {    width: 4px;    height: 4px;}
::-webkit-scrollbar-track {    background: #f0cfc1;}
::-webkit-scrollbar-thumb {    background: #ccacda;}
.plaha::-webkit-scrollbar, .quote::-webkit-scrollbar, .bestpost1::-webkit-scrollbar   {   width: 1px;    height: 2px;}
.plaha::-webkit-scrollbar  {   width: 2px;    height: 2px;}

/* выделение*/
::selection {    background: #f3dce2;    color: #262626;}
::-moz-selection { background: #f3dce2;    color: #262626;}

/*шапка*/
#pun-title table {    border: none;    background: url(https://i.imgur.com/zC9GEmV.png) no-repeat top center;    background-color: transparent;    height: 358px;    width: 1096px;    margin-left: -41px;    margin-top: -358px;    background-repeat: no-repeat;    position: absolute;}

/*фон*/
body { overflow-x: hidden;     background: url(https://i.imgur.com/oBxbTG8.png) repeat-x top center,    url(https://i.imgur.com/tcSEg70.jpg) repeat fixed #e5cdd5;} 

/*тело*/
#pun { position: relative;  margin: 391px auto 0px auto !important;  background-image: url(https://i.imgur.com/sg7lBGX.png);  background-color: #transparent; width: 993px; }

/*футер*/
#pun-about p.container {    background-image: url(https://i.imgur.com/G2bJmgK.png);    background-repeat: no-repeat;    background-position: center top;    width: 1090px;    height: 180px;    margin-top: -79px;    margin-bottom: -104px;    border-color: transparent;    font-size: 0 !important;    margin-left: -103px;}

/*иконки внутри подфора*/
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {    background: #edd4c2;    display: block;    float: left;    height: 14px;    width: 25px;   margin-left: 10px;    margin-right: 10px;    margin-top: 0px;    position: relative;    box-shadow: 0 0 0 1px #dac5ac;    border: 1px solid #fbece6;}
#pun-viewforum table Div.icon:after, #pun-messages table Div.icon:after, #pun-searchtopics table Div.icon:after {    content: "old";    color: #fff5e8;    padding: 2px 4px 2px 5px;}
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {    background: #ccacda;    height: 14px;    width: 25px;    border: 1px solid #f6e1ff;}
#pun-viewforum TR.inew Div.icon:after, #pun-messages TR.inew Div.icon:after, #pun-searchtopics TR.inew Div.icon:after {content: "new";    color: #f9f8f9;    padding: 2px;}
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {    background: #f3c4c8;    height: 14px;    width: 25px;    border: 1px solid #ffecef;}
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {    content: "imp";    color: #ffecef;}
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {    background: #cbb6d394;    height: 14px;    width: 25px;    border: 1px solid #e9dbea;}
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {    content: "cls";    color: #e9dbea;}

/* цвет подфора при новом сооо*/
#pun-index table Div.icon {    background: url(https://i.imgur.com/tlbvyAf.jpg);    background-repeat: no-repeat;    height: 97px !important;    margin-left: -21px;    position: absolute;    width: 979px !important;}
#pun-index TR.inew Div.icon {    background: url(https://i.imgur.com/8WnVQpx.jpg);    background-repeat: no-repeat;}
/*подфоры, меняются при новом соо, спасибо бланш*/
#pun-index .tcl h3 {    font-family: vensfolk !important;    font-size: 26px !important;    letter-spacing: 1px;    padding-top: 2px;    margin-bottom: 5px;    padding-bottom: 4px;    text-align: left;    margin-top: 2px;    position: relative;}
.tcl h3 a, #pun-index .tcl h3:after {    color: #cdae9c !important;}
.inew .tcl h3 a {    color: #c192bf !important;}
#pun-index .tclcon {    font-size: 10px;    text-align: justify;    color: #737680 !important;    margin-left: 1px;    padding: 12px 13px 13px 24px;    position: relative;    font-family: arial;    line-height: 13px;}
#pun-index tr.inew .tclcon:before {    background: #e3a093;}
.punbb .main .inew .tcr .lastpost, #pun-index .inew .tcl .tclcon .Add .Tems_And_messages, #pun-index .inew .tcl .tclcon .Add .Tems_And_messages1 {    color: #917e92 !important;}
#pun-index .inew .tcl .tclcon .wishpod {    color: #89a78f !important;    border: 1px solid #ddd9ae;}
#pun-index .inew .tcr a {    color: #9879a3!important;}
#pun-index .tcr a {    color: #9c887c!important;}


/*категории*/
#pun-category1.category h2 {background: url(https://i.imgur.com/zR8FpFJ.jpg) no-repeat;    height: 44px;    width: 969px;    font-size: 0 !important;     }
#pun-category2.category h2 {background: url(https://i.imgur.com/cQAMXiE.jpg) no-repeat;    height: 44px;    width: 969px;    font-size: 0 !important;       }
#pun-category3.category h2 {background: url(https://i.imgur.com/wmN2QUk.jpg) no-repeat;    height: 44px;    width: 969px;    font-size: 0 !important;       }
#pun-category4.category h2 {background: url(https://i.imgur.com/yBnY7P9.jpg) no-repeat;    height: 44px;    width: 969px;    font-size: 0 !important;    }
#pun-category5.category h2 {background: url(https://i.imgur.com/HEzSaXS.jpg) no-repeat;    height: 44px;    width: 969px;    font-size: 0 !important;   }
#pun-category6.category h2 {background: url(https://i.imgur.com/7jJ4MAW.jpg) no-repeat;    height: 44px;    width: 969px;    font-size: 0 !important;    }
#pun-category7.category h2 {background: url(https://i.imgur.com/DuYyPaN.jpg) no-repeat;    height: 44px;    width: 969px;    font-size: 0 !important;  }
#pun-category1.category h2 {    margin: -24px 0 -1px -5px;    position: relative;}
#pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-category7.category h2 {    margin: -10px 0 0px -5px;    position: relative;}

/*статистика*/
#pun-stats.section h2 {    background: url(https://i.imgur.com/Xy4IRki.jpg) no-repeat;    height: 44px;    width: 969px;    font-size: 0 !important;    margin: -13px 0 -11px -5px;    position: relative;}

/* цитата и код */
.punbb .quote-box, .punbb .code-box {    background: #fef6f2;    box-shadow: -10px -10px 0px -7px #ddc5b5, 10px 10px 0px -7px #ccacda;    border: 1px #f0d2d4 solid;    max-width: 670px;    outline: 2px solid #fef6f2;}

/*оформление выпадашек в быстром ответе*/
#main-reply {    height: 172px !important;}
#font-area {    max-height: 162px;    overflow: auto;}
#smilies-area, #video-area, #spoiler-area {    width: 450px; }
#smilies-area {    height: 160px !important;    overflow: auto !important;}
#keyboard-area {    text-align: center;    padding-bottom: 4px;    width: 469px !important;    height: 167px !important;}
#color-area, #table-area {    width: auto;}
#image-area {    width: 550px; }
#size-area {    right: unset !important;    max-height: 162px;    overflow: auto;}
#tags .container {    top: 37px !important;    height: 160px;    overflow: auto;}

/* все ссылки */
.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 {    color: #9e81ab;    text-decoration: none;    transition: all .5s ease-in-out .1s;}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {    color: #000000;}
.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: #caaea2;    text-decoration: none;}

/*ссылки навигации*/
#pun-navlinks a {    color: #fef6f2;    text-decoration: none;}
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {    color: #ccacda !important;}
#pun-pagelinks a:active, #pun-pagelinks a:focus {    background-color: #000000;    color: #000000;}
#pun-index.punbb .tclcon h3 > a {    color: #e3a093;   -moz-transition: all linear 0.3s;    -ms-transition: all linear 0.3s;    -o-transition: all linear 0.3s;    transition: all linear 0.3s;}
#pun-index.punbb .tclcon h3 > a:active, #pun-index.punbb .tclcon h3 > a:hover {    color: #f5d8bd;}

/*фон выпадающее меню*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {    border: 1px #ccacda solid;    background-color: #f0d2d44f;    padding-top: 5px;}

/*навигация иконками*/
#navindex a:after {    font-family: cappuccicons;    content: "\eb0d";    font-size: 18px; text-shadow: 1px 1px #b39ebb;} 
#navuserlist a:after { font-family: cappuccicons;  content: "\eaf9"; font-size: 18px;  text-shadow: 1px 1px #b39ebb;} 
#navsearch a:after { font-family: cappuccicons;  content: "\ec5f"; font-size: 18px; text-shadow: 1px 1px #b39ebb;} 
#navprofile a:after { font-family: cappuccicons;  content: "\ed18"; font-size: 18px;  text-shadow: 1px 1px #b39ebb;} 
#navpm a:after { font-family: cappuccicons;  content: "\ebcb"; font-size: 18px; text-shadow: 1px 1px #b39ebb;} 
#navadmin a:after { font-family: cappuccicons;  content: "\ea3d"; font-size: 18px;text-shadow: 1px 1px #b39ebb; } 
#navlogout a:after { font-family: cappuccicons;  content: "\ecda"; font-size: 18px;text-shadow: 1px 1px #b39ebb;} 
#navlogin a:after { font-family: cappuccicons;  content: "\ec19"; font-size: 18px; text-shadow: 1px 1px #b39ebb;} 
#navregister a:after { font-family: cappuccicons;  content: "\e902"; font-size: 18px;  text-shadow: 1px 1px #b39ebb;} 
#navpr_1 a:after { font-family: cappuccicons;  content: "\ec47"; font-size: 18px; text-shadow: 1px 1px #b39ebb;} 

/*убрать названия навигации*/
#pun-navlinks a { font-size: 0 !important; }


/*подфорум*/
.mixpod {    text-align: justify;    font-size: 10px !important;    font-family: arial !important;    height: 21px !important;    text-transform: lowercase;    padding: 3px 3px 6px 3px;    color: #a696a6;    overflow-y: auto;    margin-top: 1px !important;    margin-left: -21px !important;    border: 1px solid #ccacda75;    position: absolute;}
.mixpod1 {    height: 15px !important;    margin-top: -14px !important;}


/*тем и соо под подфор в строчку*/ 
#pun-index .tcmod {    display: none}
.Tems_And_messages {    font-size: 8px;    text-transform: lowercase;    font-family: arial !important;    color: #a2928c;    font-variant-caps: small-caps;    width: 400px;    display: inline-flex;    /* line-height: 21px; */    letter-spacing: 1px;}
.Tems_And_messages span {    display: block;    height: 10px;    width: 110px;}
.main table .Add {    padding: 0px;    left: 346px;    width: auto;    letter-spacing: 0px;    margin-top: 36px;}
#pun-index .tcr a {font-size: 13px;}
#pun-index .tcr {    text-align: left;    font-family: arial;    font-size: 11px;    text-transform: lowercase;    width: 37% !important;    margin-left: 1px !important;    line-height: 14px;    vertical-align: top;    padding-top: 41px !important;    color: #af9c95;    position: absolute;}
#pun-index .tcl {width:60% !important;}
#pun-index .tc2, #pun-index .tc3, #pun-index .tcmod {    font-family: arial;    font-size: 9px;    font-weight: 500;    width: 20px;display: none}
.category .container thead {    display: none;}


/* ава на главной */ 
.punbb .user-avatar .avatar-image {    height: 32px!important;    width: 32px!important;    border-radius: 0!important;    border: solid 2px #e1c5b0;    /* filter: grayscale(0.5); */}

/* значок онлайна на аве на главной*/ 
.punbb .user-avatar .isonline {    width: 6px !important;    height: 6px !important;    border-radius: 50%;    display: block;    position: absolute;    top: 3px !important;    right: 2px!important;    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;    -webkit-animation: blinkColor 1.9s linear infinite!important;    background: #f1d4d8!important;}

.pa-online {margin-top: 2px !important;margin-left: 0px !important;position: center;text-align: center;}

/*соо и репа в одну строчку*/
.pa-posts, .pa-respect {    display: inline-block;    font-size: 9px;    text-align: center;    padding: 1px 8px 4px 8px! important;    margin-top: 5px!important;    color: #9e81ab;    text-transform: lowercase;}

/*окно быстрого ответа*/
.punbb textarea {    background-color: #fefff8;    border: 1px solid #a8c3a5 !important;}

/*кнопки*/
input.button {    border: 1px solid #ccacda;    background: #eddff073;    display: inline-block;    cursor: pointer;   color: #9b85a5;    font-family: Arial!important;    text-transform: uppercase;    font-size: 8px!important;    font-weight: bold !important;    box-shadow: inset 0px 0px 6px 0px #eaddee;    padding-left: 6px!important;    letter-spacing: 1.4px;    height: 25px!important;}
input.button:hover {    border: 1px solid #dac2ac;    background: #f0e4df73;    display: inline-block;    cursor: pointer;    color: #a59485;    font-family: Arial!important;    text-transform: uppercase;    font-size: 8px!important;    font-weight: bold !important;    box-shadow: inset 0px 0px 6px 0px #eee7dd;    padding-left: 6px!important;    letter-spacing: 1.4px;    height: 25px!important;}
#pun-title .title-logo {     display: none; }
.lastedit {    display: none;}
#pun-main .post-author ul  {    text-align: center;}
#pun-announcement h2 {    display: none;}
.stickytext, .closedatafield {    display: none;}
.resizable-textarea textarea {    display: block;    margin-bottom: 0pt;    color: #000000;}
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer  {    background-color: transparent;    color: #00000; }
.punbb .formal fieldset .post-box {    padding-right: 1em;}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {    color: #ccacda;    font-size: 12px;    font-family: verdana;    text-align: center;    text-transform: lowercase;    background-color: transparent;}
#pun-title, #pun-title .container, .punbb .modmenu .container {    background-color: transparent;    color: #000000;}
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {    background-color: transparent;    color: #ccacda;}
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {    background-color: transparent;    color: #534754c7;}
#pun-navlinks .container {    background: transparent;    color: #100000;}
.offline li.pa-online strong {    font-weight: normal}

/*рамки*/
.punbb .container, .punbb .post-body, .post h3, #pun-title {    border-color: #000000;  }
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,.punbb .category, .punbb .post {    border-color: transparent;}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {    border-color: transparent;  }
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,.punbb .post h3 span, .post-links ul, .post-links, .usertable table {    border-color:transparent;}
 .punbb th {color: #000000;    border-color: transparent;  }

/*разделитель в теме*/
#pun-viewtopic .post h3 {    width: 957px;    margin-bottom: 2px;    margin-top: -16px;    height: 15px;    font-family: arial;    font-size: 11px;    margin-left: 1px;    border-bottom: 1px solid #ddc5b5;    position: absolute;}

#profile-left #profile-name {    position: relative;    width: 180px;    text-align: center;    font-family: vensfolk;    text-transform: capitalize;    font-size: 14px;    /* letter-spacing: 0.7px; */}
#profile-left #profile-title {    width: 180px;    text-align: center;    position: relative;}
#profile-left #pa-online {    width: 180px;    text-align: center;    position: relative;}
#profile-left #pa-edit {    width: 180px;    text-align: center;    position: relative;}


#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {    border-color: transparent;}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {    border-color: transparent;}
.punbb .divider {    border-color: transparent;}
.punbb .formal fieldset .post-box, .punbb .info-box {    border: 1px solid #000000}
li.pa-online {    border-left-color: transparent;  }
li.pa-ip {    font-family: arial;    font-size: 7px;    color: rgb(204 172 218);    letter-spacing: 1px;}

.punbb .post-sig dt {    border-top-color: transparent !important;}
#pun-userlist .main .tcl, #pun-userlist .main .tc2 {    width: 15%!important;}

/*окно репы*/
.inner.post_reputation {    background: #f9f9f9;    border: 2px double solid #a6acc1; }

/*выключает граффити*/
#button-graffiti_rusff {display: none !important;}

.pl-reports {display:none!important;}
div#pun-live-rusff {    z-index: 98;    width: 440px;    height: 19px;    margin: auto 0px 0px auto;    background: transparent;    text-align: right;    line-height: 17px;    position: relative;  top: -43px;}
#pun-index th, #pun-viewforum th {    font-size: 0 !important;}



/* гостевая */ 
.mixgost {    background: url(https://i.imgur.com/BIp07FI.jpg); width: 726px;  height: 363px; position: relative; overflow: hidden;  }
.mixgostx {    text-align: justify;    width: 499px;    height: 72px;    margin-top: 41px !important;    font-family: arial;    font-size: 10px;    overflow-y: auto;    margin-left: 99px !important;    color: #64496f;    letter-spacing: 0.5px;    position: absolute;}
.mixgostb {    position: absolute;    margin-top: 158px !important;    margin-left: 442px !important;    height: 157px;    text-align: left;    padding: 0px 11px 0px 2px;    width: 193px;    overflow: auto;    font-size: 10px;    font-family: Montserrat;color: #886d94;}
.mixgostg {    position: absolute;    margin-top: 158px !important;    margin-left: 224px !important;    height: 157px;    text-align: left;    padding: 0px 11px 0px 2px;    width: 193px;    overflow: auto;    font-size: 10px;    font-family: Montserrat;color: #bd848c;}
.mixgostg b, .mixgostx b {    color: #cb8e96;    letter-spacing: 0.5px;}
.mixgostb b {   color: #886d94;    letter-spacing: 0.5px;}
.mixgostg d, .mixgostx d {    color: #ae6a6f;    letter-spacing: 0.5px;}
.mixgostb d {    color: #8855a2;  letter-spacing: 0.5px;}
.mixgostb i, .mixgostg i, .mixgostx i {    color: #d2957c;    letter-spacing: 0.5px;}
.mixgostb a, .mixgostg a {    letter-spacing: 0.2px;    font-family: verdana;}
.do {    background: #bd8589;    color: #fdefee;    height: 13px;    padding: 1px 0px;    width: 118px;    position: relative;    left: 30px !important;    text-align: center;    border: 1px solid #f3d8ddb0;    outline: 1px solid #bd85899c;     top: 6px;}
.do1 {    background: #ad85bd;    color: #fdeefc;    height: 13px;    padding: 1px 0px;    width: 118px;    position: relative;    left: 30px !important;    text-align: center;    border: 1px solid #edd8f3b0;    outline: 1px solid #ad85bd9c;     top: 6px;}

/* снс */
.phone {    width: 520px;    border-radius: 20px;    background-size: cover;    --accent: #b39bbd;    font-size: 13px;    line-height: 18px;    margin: 5px auto !important;}
.phone scroll {    display: block;    padding: 5px;    border: 5px solid transparent;    color: #5f5556;}
.phone scroll recieved {    width: 400px;    float: left;}
.phone scroll sent {    width: 400px;    float: right;}
.phone scroll img {    border-radius: 5px;    max-width: 334px;    margin-top: 0px;}
.phone scroll msg {    display: block;    width: 335px;    border-radius: 10px;    margin: 5px 0px;    padding: 8px;}
.phone scroll sent img {float: right; }
.phone scroll recieved img {float: left;  }
.phone scroll sent msg {    float: left;    background: #f3dcdf;}
.phone scroll recieved msg {    float: right;    background: var(--accent);    color: #fcf5ff;}
.phone typemessage {   display: block;   padding: 20px 5px;   background: #dadada; }

/* свидания */
#svid {    background: #f2d7f27a;    padding: 12px 10px 12px 23px;    border: 1px solid #ccacda;    width: 905px;    margin: 10px auto;    position: relative;}
.svid1 name {    color: #000;    font-size: 16px;    font-family: yeseva one;}
.svid1 .text {    background: #fff7fd;    margin: 0;    overflow: hidden;    position: relative;    z-index: 200;    width: 266px;    height: 0px;    transition: .8s;    border-top: solid 8px;}
.svidname {    font-family: Yeseva One;  font-weight:600;  font-size:15px;  letter-spacing:5px;  text-transform:uppercase;  text-align:center;  line-height:100%;  color:#333;}
.svidtext {width: 890px;  margin-left: 22px;  padding-top:10px; background: #;text-align: justify; font: 11px tahoma; color: #222; line-height: 110%;  }
.svid1 .box {    background-color: #ccacda;    border: 1px solid #fef6f2;    display: inline-block;    width: 266px;    height: 326px;    margin: 0 15px;    overflow: hidden;}
.svid1 img {    width: 266px;    height: 326px;}
.svid1 h4 {  margin: 14px 0 0 0; color: #fff; font: 15px contrail one; text-transform: uppercase;  text-align: center; letter-spacing: 1px; padding: 0; }
.svid1 h5{  margin: 10px 10px -10px 10px; padding: 0;font: 10px contrail one; text-transform: uppercase;   text-align: center; letter-spacing: 0px; width: 115px;height: 15px; padding: 5px; color: #fff; }
.svid1 .box:hover .text {margin: -282px 0 0 0; height: 260px; }
.svid1 .scroll {    margin: 5px 10px 5px 15px;    color: #111;    font: 12px arial;    text-align: justify;    padding-right: 10px;    height: 236px;    overflow: auto;    width: 226px;}
.svid1 .scroll::-webkit-scrollbar { width: 5px; background: #eee; border: solid 2px #fff;}
.svid1 .scroll::-webkit-scrollbar-track {background: #eee; border: solid 2px #fff; }
.svid1 .scroll::-webkit-scrollbar-thumb { border: solid #A4ADAC; background: #D5D5D5; border-radius: 8px; }

/* новости */
.newspost {    position: absolute;    height: 30px;    margin-top: 41px!important;    margin-left: 341px!important;    filter: grayscale(1);    mix-blend-mode: soft-light;}
.newsquote {    position: absolute;    width: 177px;    height: 31px;    margin-top: 38px!important;    margin-left: 124px!important;    overflow: auto;    padding: 1px 4px 1px 4px;    font-family: arial;    font-size: 10px;}
.newspost1 {    position: absolute;    width: 172px;    height: 30px;    margin-top: 38px!important;    margin-left: 377px!important;    text-align: justify;    padding: 1px 4px 1px 4px;    overflow: auto;    font-family: arial;    font-size: 10px;}
.newsactiv {    position: absolute;    height: 30px;    margin-top: 20px!important;    margin-left: 572px!important;    letter-spacing: 6.2px;    mix-blend-mode: soft-light;    filter: grayscale(1);}
.newsplayers {    position: absolute;    height: 30px;    margin-top: 55px!important;    margin-left: 572px!important;    letter-spacing: 6.2px;    filter: grayscale(1);    mix-blend-mode: soft-light;}
.newscouple {    position: absolute;    height: 30px;    margin-top: 55px!important;    margin-left: 14px!important;    filter: grayscale(1);    mix-blend-mode: soft-light;}
.newsepiz {    position: absolute;    height: 30px;    margin-top: 21px!important;    margin-left: 14px!important;    filter: grayscale(1);    mix-blend-mode: soft-light;}
.newst {    height: 105px;    margin-bottom: -1px !important;    background: url(https://i.imgur.com/A81CAOx.jpg);    margin-left: -1px !important;}

/* банк */
#calc {    width: 200px;    position: relative;    margin: 11px 0px 0px 0px;    box-shadow: inset 0px 0px 7px #f0d3d8;}
#btn {    width: 94%;    height: 31px;    cursor: pointer;    box-shadow: rgb(255 212 221) 0px 0px 9px inset;    border: 1px solid rgb(236 195 198);    letter-spacing: 2px;    font-size: 13px !important;    background-color: rgb(228 188 192) !important;    color: rgb(255 255 255) !important;    text-shadow: 1px 1px 0px #c38c8c !important;    font-family: arial !important;    text-transform: lowercase !important;}
#btn:hover{    cursor: pointer;    box-shadow: inset 0 0 1px #c38c8c !important;    -webkit-transition: .6s all;    -moz-transition: .6s all;    -ms-transition: .6s all;    -o-transition: .6s all;    transition: .6s all;}
#btn2 {    width: 180px;    height: 17px;    cursor: pointer;    box-shadow: rgb(255 212 221) 0px 0px 9px inset;    border: 1px solid rgb(236 195 198);    letter-spacing: 1px;    font-size: 13px !important;    background-color: rgb(228 188 192) !important;    color: rgb(255 255 255) !important;    text-shadow: 1px 1px 0px #c38c8c !important;    font-family: arial !important;    text-transform: lowercase !important;}
.mixbank1 {    position: relative;    padding: 0px 6px 14px 3px;    color: #664b71;    width: 194px;    text-align: justify;    left: 1px;    margin-top: 10px !important;}
.mixbank2 {    position: relative;    padding: 0px 15px 0px 15px;    color: #664b71;    width: 453px;    left: 201px;    margin-top: -414px !important;    margin-bottom: 17px !important;}
.mixbank2 td {    width: 230px !important;    box-shadow: inset 0px 0px 7px #f0d3d8;}
.polos1 {    width: 651px !important;    background: #dfc9e8;    padding: 7px 7px 7px 5px;    text-align: center;    font-family: arial;    letter-spacing: 0.5px;    text-transform: lowercase;    color: #faf1f6;    text-shadow: 1px 1px 2px #8f6a9e;    font-weight: bold;    font-size: 13px;    border: 1px solid #fef6f2;    outline: 1px solid #f0d2d4;    margin-bottom: 6px !important;    box-shadow: inset 0px 0px 9px 2px #ccacda;}
.polos2 {   width: 438px !important;    background: #dfc9e8;    padding: 7px 7px 7px 5px;    text-align: center;    font-family: arial;    letter-spacing: 0.5px;    text-transform: lowercase;    color: #faf1f6;    text-shadow: 1px 1px 2px #8f6a9e;    font-weight: bold;    font-size: 13px;    border: 1px solid #fef6f2;    outline: 1px solid #f0d2d4;    margin-bottom: 6px !important;    box-shadow: inset 0px 0px 9px 2px #ccacda;}

/* обычные темы */
.mix {    width: 693px;    margin: 0px 0px 0px 24px !important;    position: relative;    border: 1px #f0d2d4 solid;    outline: 2px solid #fef6f2;    background: #f0d2d438;    box-shadow: -10px -10px 0px -7px #ddc5b5, 10px 10px 0px -7px #ccacda;}
.miximg {    top: 0px;    text-align: center;    width: 691px;    height: 71px;    position: relative;    outline: 1px solid #f0d2d4;    border: 1px solid #fef6f2 !important;    background-position: center center;    background: #ccacda;    box-shadow: inset 0px 0px 9px 2px #ae90bb;}
.miximg img {    background-size: cover;    background-repeat: no-repeat;    /* filter: grayscale(1); */    /* mix-blend-mode: soft-light; */    width: 691px;    opacity: 0.8;    height: 71px;}
.mixname {    position: absolute;    top: 18px;    text-transform: uppercase;    font-size: 17px !important;    width: 665px;    text-align: center;    letter-spacing: 1px;    font-family: verdana !important;    text-shadow: 1px 0.5px #8b6d987d;    color: #fffefd;}
.mixname1 {    position: absolute;    top: 43px;    text-transform: lowercase;    font-size: 8px !important;    width: 665px;    text-align: center;    letter-spacing: 1px;    font-family: verdana;    text-shadow: 1px 0.5px #8b6d987d;    color: #fffefd;    height: 2px;}
.mixtext {    position: relative;    top: 4px !important;    padding: 0px;    color: #160a1f;    width: 663px;    left: 16px;    text-align: justify;    font-family: arial;    font-size: 11px;    line-height: 15px;    letter-spacing: 0.7px;}
.mixtext1 {    position: relative;    padding: 0px 15px;    color: #664b71;    width: 657px;    left: 57px;}
.polos {    width: 651px;    background: #dfc9e8;    padding: 7px 7px 7px 5px;    text-align: center;    font-family: arial;    letter-spacing: 0.5px;    text-transform: lowercase;    color: #faf1f6;    text-shadow: 1px 1px 2px #8f6a9e;    font-weight: bold;    font-size: 13px;    border: 1px solid #fef6f2;    outline: 1px solid #f0d2d4;    margin-bottom: 6px !important;    box-shadow: inset 0px 0px 9px 2px #ccacda;}
.polos1 {    width: 651px;    background: #dfc9e8;    padding: 7px 7px 7px 5px;    text-align: center;    font-family: arial;    letter-spacing: 0.5px;    text-transform:uppercase;    color: #faf1f6;    text-shadow: 1px 1px 2px #8f6a9e;    font-weight: bold;    font-size: 13px;    border: 1px solid #fef6f2;    outline: 1px solid #f0d2d4;    margin-bottom: 6px !important;    box-shadow: inset 0px 0px 9px 2px #ccacda;}


/* админы */
.ams {    position: absolute;    top: -333px;    left: -23px;    font-family: verdana;    font-size: 10px;    width: 291px;    letter-spacing: .5px;    text-align: center;    text-transform: lowercase;    z-index: 99;}
.ams, .ams a {    color: rgb(255 255 255) !important;    text-shadow: 1px 1px #cb9ec9;}

/* пара и эпизод */
.couple, .epiz  {    position: absolute;    filter: grayscale(1);    mix-blend-mode: soft-light;    top: -271px;    overflow: hidden;    z-index: 9;}
.couple, .epiz {    top: -271px;}
.couple {    left: 371px;}
.epiz {    left: 512px;}

/* игроки и флудеры */
.players {    left: 658px;    letter-spacing: 7px;}
.players {    position: absolute;    filter: grayscale(1);    mix-blend-mode: soft-light;    top: -271px;    overflow: hidden;    z-index: 9;}
.flooders{    position: absolute;    filter: grayscale(1);    mix-blend-mode: soft-light;    top: -271px;    overflow: hidden;    z-index: 9;}
.flooders {    left: 198px;    letter-spacing: 7px;}

/* пост и цитата */
.bestpost {    position: absolute;    top: -202px;    filter: grayscale(1);    mix-blend-mode: soft-light;    overflow: hidden;    z-index: 9;}
.bestpost {    left: 497px;}
.bestpost1 {    position: absolute;    top: -205px;    font-family: Arial;    font-size: 10px;    width: 168px;    height: 36px;    overflow: hidden auto;    line-height: 10px;    text-align: justify;    padding-right: 5px;    color: rgb(143 112 156);    z-index: 9;}
.bestpost1 {    left: 540px;}
.quote {    position: absolute;    top: -205px;    font-family: Arial;    font-size: 10px;    width: 180px;    height: 37px;    overflow: hidden auto;    line-height: 10px;    text-align: justify;    padding-right: 5px;    color: rgb(152 130 127);    z-index: 9;}
.quote {    left: 274px;}

/* принятие*/ 
.mixprin {    background: url(https://i.imgur.com/Tgx7Kvz.jpg);    width: 695px;    height: 150px;    position: relative;    overflow: hidden; left: 26px;}
.mixprinimg img {    filter: grayscale(1);    mix-blend-mode: soft-light;    width: 113px;    height: 126px;}
.mixprinimg {    top: 11px;    left: 14px;    text-align: center;    width: 113px;    height: 126px;    position: relative;    background-position: center center;}
.mixprintext {    position: relative;    top: -109px;    padding: 0px 4px 0px 1px;    color: #160a1f;    width: 525px;    left: 150px;    text-align: justify;    font-family: arial;    font-size: 11px;    line-height: 15px;    letter-spacing: 0.7px;    height: 117px !important;    overflow-y: auto;}


/* закладки */ 
#BookmCntToggle.default-style, .post .bookmark {    color: #ccacda !important;}
#MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {    box-shadow: none !important;    margin-left: 8px !important;    width: 90px;    margin-top: 3px !important;    text-shadow: none;    background: #f0d2d4;    border: 1px solid #e0b7c2;}
#MyBookmarks li.BookmarkL>span.last_click {    margin-top: 7px !important;    box-shadow: none !important;    background: #e6d0ee !important;}
#pun-main .editBookmark h1 {    font-size: 10px !important;    letter-spacing: 2px;    display: block !important;    text-transform: uppercase;    text-align: center;    font-weight: normal;}
#pun-main .editBookmark h1 span.delBookmark {    font-size: 25px !important;    margin: -15px 0px 0 0;}
.editBookmark {font-family: 'verdana';    font-size: 10px;    letter-spacing: 0.5px;    border-radius: 0px !important;    margin: 26px 50px 0 0px !important;}
.editBookmark .inputfield {font-weight: normal!important;text-transform:lowercase;}
#MyBookmarks .container {    position: relative !important;    height: 100%!important;    padding: 0 1em;    background: #efcfd27a !important;}
#MyBookmarks #bm2 {    cursor: pointer;    display: inline-block;    position: absolute;    padding: 0;    height: 0;    width: 0 !important;    top: 23px !important;    right: 0.4em;    bottom: 0;    vertical-align: middle;    background: none transparent;    text-align: center;    border-style: solid;    border-width: .5em .9em .5em 0;    border-color: transparent currentColor transparent transparent;}

/*плашки*/
.plicon {    width: 166px;    height: 28px;    margin-right: 4px!important;    background: #f8e7e0;    padding: 0px 5px 4px 5px;    border: 1px solid #dcc5b5;}
.plicon1 {    width: 166px;    height: 28px;    margin-right: 4px!important;   background: #f5e0f8;    padding: 0px 5px 4px 5px;    border: 1px solid #d2b5dc;}
.zag {    font-family: yeseva one;    font-size: 11px;    color: #a78367;   padding: 4px;    text-transform: uppercase;    letter-spacing: 0.5px;    margin-left: 31px!important;    margin-top: -31px !important;}
.zag a {    color: #a78367 !important;}
.zag1 {    font-family: yeseva one;    font-size: 11px;    color: #8f709c;    padding: 4px;    text-transform: uppercase;    letter-spacing: 0.5px;    margin-top: -31px!important;    margin-left: 31px!important;}
.zag1 a {    color: #8f709c !important;}
.mtext {   position: absolute; text-align: left;  font-family: Arial;    font-size: 9px !important;    color: #a59285;    padding: 4px;    margin-top: -8px!important;    margin-left: 31px!important;    text-transform: lowercase;    letter-spacing: 0.5px;}
.mtext1 {  text-align: left; font-family: Arial;    font-size: 9px!important;    color: #a787b1;    padding: 4px;    margin-top: -8px!important;    margin-left: 31px!important;    text-transform: lowercase;    letter-spacing: 0.5px;}
.plaha {    position: absolute;    display: -webkit-box;    margin-left: 21px !important;    margin-top: -121px !important;    overflow-x: scroll;    overflow-y: hidden;    max-height: 64px;    width: 905px;    border: 1px solid #f3d4d1;    z-index: 999;    padding: 4px 5px 12px 7px;    height: 28px;}
.plicon img, .plicon1 img {    width: 23px;    padding: 2px;    margin-top: 3px;    margin-left: 0px;}


/* лз */ 
.pa-fld1 {    width: 226px;    height: 32px;    margin: -5px 0px 0px -11px !important;    padding: 7px 0px 0px !important;}
.pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld5 .fld-name {display:none;}
.pa-fld2 {    width: 204px;}
.lz {    width: 174px;    text-align: justify;    text-transform: lowercase;    padding: 3px 5px 3px 5px;    font-size: 11px;    color: #bc9d86!important;    font-family: arial;    margin-top: -1px !important;    margin-left: 9px !important;    border: 1px solid #dec6b4;}
.name {    background: url(https://i.imgur.com/4RSeaHD.png) no-repeat;    width: 204px;    height: 14px;    text-align: center;    text-transform: lowercase;    font-size: 12px;    color: #ffffff!important;    font-family: verdana;    display: inline-block;    margin-top: 3px !important;    text-shadow: 0.8px 0.5px #a28f8699;}
.name a {  color: #ffffff!important;  }
.lz4 lz1 {    width: 20px;    height: 20px;    position: relative;    padding: 6px 3px 3px 3px;   background: #fef6f2}
.lz4 lz2 {          width: 20px;    height: 20px;     position: relative;    padding: 6px 3px 3px 3px;    background: #fef6f2; left: 46px;}
.red {    width: 14px;    height: 14px;    background-color: #f59350;    font-size: 11px;    text-align: center;    font-family: 'FRADM';    color: white;    border-radius: 50%;    margin: -2px 0px 0px 14px !important;}
.lz4 lz3 {       width: 20px;    height: 20px;        position: relative;    padding: 6px 3px 3px 3px;    background: #fef6f2; left: 90px;}
.lz4 lz1:after {    font-family: cappuccicons;    content: "\eb03";    font-size: 16px;    color: #ddc5b5;}
.lz4 lz2:after {    font-family: cappuccicons;    content: "\ec9b";    font-size: 16px; color: #ddc5b5;}
.lz4 lz3:after {    font-family: cappuccicons;    content: "\eb90";    font-size: 16px; color: #ddc5b5;}
.pa-fld3 {    width: 204px;    padding: 0px 0 9px 0 !important;}
.lz4 {    margin-top: 6px !important;    display: inherit;    position: absolute;    left: 36px;}




/* лс */ 
.ls {    width: 967px;    background: url(https://i.imgur.com/B2Xoqii.png) no-repeat;    height: 403px;    margin-left: -8px!important;    margin-top: -19px!important;    z-index: 1;    position: relative;    padding-bottom: 10px;}
.ls pic {    position: absolute;    left: 723px;    top: 35px;}
.ls pic img {    width: 105px;    height: 92px;    filter: grayscale(1);    mix-blend-mode: soft-light;}
.ls pic1 {    position: relative;    left: 835px;    top: 19px;}
.ls pic1 img {    width: 105px;    height: 91px;    border-radius: 0% 57% 0% 0%;    filter: grayscale(1);    mix-blend-mode: soft-light;}
.ls pic2 {    position: relative;    left: 225px;    top: -49px;}
.ls pic2 img {    width: 471px;    height: 243px;    border-radius: 0% 0% 0% 24%;}
.ls info {    display: block;    width: 345px;    text-align: left;    position: relative;    top: 24px;    left: 355px;    line-height: 15px;}
.ls info q {    font-family: yeseva one;    font-size: 10px;    color: #d56c83;    padding: 0 3px;    letter-spacing: 0.4px;    width: 100px;}
.ls name {    display: block;    width: 213px;    text-align: left;    position: relative;    top: 23px;    left: 725px;    line-height: 18px;}
.ls name n {    font-family: arial;    font-size: 11px;    color: #ffffff;    margin-left: 35px;}
.ls name p {    font-family: arial;    font-size: 11px;    color: #d96887;    letter-spacing: 1px;    text-align: center;}
.ls awards {    display: flex;    width: 221px;    text-align: center;    position: relative;    top: -212px;    left: 725px;    overflow-y: auto;    padding-bottom: 3px;}
.ls marks {    display: flex;    width: 221px;    text-align: center;    position: relative;    top: -212px;    left: 725px;    overflow-y: auto;    padding-bottom: 3px;}
.ls marks img {width: 90px; height: 90px;}
.ls .tab {    cursor: pointer;    background-image: url(https://i.imgur.com/J4PIbQQ.png);    width: 69px;    height: 23px;    display: inline-block;    font-family: calibri;    font-size: 13px;    text-align: center;    line-height: 21px;    color: #d06c84;    letter-spacing: 0.5px;    margin-left: 67px!important;}
.boxs {    min-height: 359px;    width: 100%;    max-width: 967px;    overflow: hidden;    top: 20px;   }
.tabs  {    margin-top: 378px !important;    position: fixed;    margin-left: 146px !important;    z-index: 999;}
.box {  display:none;  animation: fadein .8s;}
.box q1 {    position: absolute;    width: 231px;    margin-left: 231px;    margin-top: -48px;}
.box q4 {    position: absolute;    width: 458px;    padding: 0px 5px;    height: 218px;    margin-left: 231px;    margin-top: -45px;}
.box q3 letters {    padding: 3px;    overflow-x: auto;    text-align: center;    display: flex;}
.box q3 letters::-webkit-scrollbar, .box q1 plate::-webkit-scrollbar, .box q2 tickets::-webkit-scrollbar,  .letter .text::-webkit-scrollbar, .box q4 idols::-webkit-scrollbar,{background-color: transparent!important;}
.box q4 idolss {  padding: 3px;    overflow-x: auto;    text-align: center;    display: flex;}
.idols {  position: relative;  display: inline-block;  cursor: pointer; padding: 0 2px;}
.box q4 idols img {    /* padding: 0 2px; */    height: 228px !important;    /* width: 259px !important; */}
.box q2 {    display: block;    width: 222px;    height: 241px;    position: relative;    left: 477px;    top: -49px;}
.box q1 plash {    padding: 3px;    height: 234px;    display: block;    overflow-y: auto;    text-align: center;    border-radius: 0% 0% 0% 36%;}
.box q3 {    display: block;    width: 223px;    height: 156px;    position: relative;    left: 722px;    top: 25px;}
.box q2 tickets {    padding: 3px;    display: block;    height: 236px;    text-align: center;    overflow-y: auto;}
@keyframes fadein {    from {        opacity:0;    }    to {        opacity:1;    }}
.radio{  display:none;}
#one:checked ~ .boxs #one-box, #two:checked ~ .boxs #two-box, #three:checked ~ .boxs #three-box{  display:block}
#one:checked ~ .tabs #one-tab, #two:checked ~ .tabs #two-tab, #three:checked ~ .tabs #three-tab{    background-image: url(https://i.imgur.com/aDJIS5d.png);    background-repeat: no-repeat;    color: white;    transition: 0.5s;}
.tabs #two-tab {margin-left: 20px;}
.tabs #three-tab {margin-left: 40px;}
.letter {  position: relative;  display: inline-block;  cursor: pointer; padding: 0 2px;}
.letter .text {    width: 112px;    height: 134px;    overflow-y: overlay;    overflow-x: hidden;    background-color: #fef6f2;    text-align: center;    position: absolute;    padding: 3px 2px;    z-index: 999;    top: 0px;    right: 2px;    opacity: 0;    transition: 0.3s;}
.letter:hover .text, .idols:hover .mes {opacity:1;transition: 1s;}
.idols .mes {    width: 133px;    height: 174px;    border-radius: 21px;    overflow-y: overlay;    overflow-x: hidden;    background-color: #fef6f4;    text-align: center;    position: absolute;    border: 1px solid #eca5a38c;    padding: 15px 5px;    z-index: 999;    top: 0px;    right: 2px;    opacity: 0;    transition: 0.3s;}





/* coded by becky */
#NAME #workit {    --accent1: 223, 175, 225;    --accent2: 277, 200, 197;}html #workit, html[data-theme="light"] #workit { --text: 34, 34, 34; --bkgnd: 250, 250, 250; --border: 219,219,219; --accent1: 106, 130, 251; --accent2: 252, 92, 125;}
html[data-theme="dark"] #workit { --text: 236, 236, 236; --bkgnd: 68, 68, 68; --border: 34, 34, 34; --accent1: 106, 130, 251; --accent2: 252, 92, 125;}
@media (prefers-color-scheme: dark) {
html #workit, html[data-theme="light"] #workit { --text: 34, 34, 34; --bkgnd: 250, 250, 250; --border: 219,219,219; --accent1: 106, 130, 251; --accent2: 252, 92, 125;}
html[data-theme="dark"] #workit { --text: 236, 236, 236; --bkgnd: 68, 68, 68; --border: 34, 34, 34; --accent1: 106, 130, 251; --accent2: 252, 92, 125;} }
#workit { width: 500px; margin: auto; }
.westeppinout { width: 498px; background: rgba(var(--accent1), .1); background: linear-gradient(-129deg, rgba(var(--accent1), .1) 0%, rgba(var(--accent2), .1) 100%);  border: 1px solid rgba(var(--border), 1); display: flex; flex-flow: row wrap; align-items: flex-start;}
.czenniestellus { padding: 20px; writing-mode: vertical-rl; transform: rotate(180deg); background: rgba(var(--accent1), .3); background: linear-gradient(129deg, rgba(var(--accent1), .3) 0%, rgba(var(--accent2), .3) 100%);  font-family: 'Kufam', sans-serif; font-size: 10px; text-transform: uppercase; align-self: flex-end;  line-height: 100%;  font-weight: 900; letter-spacing: 2px; border-radius: 0 0 10px 10px; border-bottom: 1px solid rgba(var(--border), 1);}
.czenniestellus ll { -webkit-text-fill-color: transparent; -webkit-background-clip: text;  background-image: linear-gradient(129deg, rgba(var(--accent1), .8) 0%, rgba(var(--accent2), .8) 100%); margin-top: 10px; }
.czenniestellus l { background-image: linear-gradient(129deg,rgba(var(--accent1),1) 0,rgba(var(--accent2),1) 100%); background-size: 1px 100%; background-repeat: no-repeat; background-position: bottom; padding-left: 15px;}
.czenniestellus i { padding-top: 10px; color: rgba(var(--text), .6); background: transparent; -webkit-background-clip: initial; -webkit-text-fill-color: initial; font-size: 14px;}
.czenniestellus circ { width: 8px; height: 8px;  border-radius: 100%; display: inline-block; margin: 5px 0 0 0; }
.czenniestellus circ:nth-child(1) {    background-color: rgb(204 172 218);}
.czenniestellus circ:nth-child(2) {    background-color: rgb(243 195 208);}
.czenniestellus circ:nth-child(3) {    background-color: rgb(249 217 197);}
.righthotlike {    width: 386px;    padding: 19px 30px;    border-left: 1px solid rgba(var(--border), 1);    background-color: rgba(var(--bkgnd), .4);    text-align: justify;    line-height: 120%;    color: rgba(var(--text), 1);}
.righthotlike name { margin: 0 0 20px 0; font-family: 'Kufam', sans-serif; font-size: 28px; text-transform: lowercase; letter-spacing: -1px; line-height: 100%; color: rgba(var(--accent1), 1); font-weight: 400; text-align: right; display: block; }
.righthotlike name ll { background-image: linear-gradient(129deg,rgba(var(--accent1),1) 0,rgba(var(--accent2),1) 100%); background-size: 100% 1px; background-repeat: no-repeat; background-position: bottom; }
.righthotlike stat { display: block; text-align: right; color: rgba(var(--text), .5); font-family: 'Kufam', sans-serif; font-size: 10px; text-transform: uppercase; line-height: 100%;  font-weight: 400; letter-spacing: 1px;  }
.righthotlike stat b {    -webkit-text-fill-color: transparent;    -webkit-background-clip: text;    background-color: #e3b9e6;    font-weight: 900;    letter-spacing: 2px;}
.righthotlike pic { width: 60px; height: 60px; display: block; background: linear-gradient(129deg, rgba(var(--accent1), .6) 0%, rgba(var(--accent2), .6) 100%); padding: 5px; border-radius: 5px; float: left; clear: both;}
.righthotlike pic img { width: 60px; height: 60px; object-fit: cover; border-radius: 5px; }
.thesunwe { margin: 30px 0; float: right; clear: both; font-family: 'Kufam', sans-serif; font-size: 12px; text-transform: lowercase;  line-height: 130%;  font-weight: 400; padding: 15px; background-color: rgba(var(--bkgnd), .6); border: 1px solid rgba(var(--border), 1); border-radius: 10px; }
.wowimissyou { float: right; clear: both; font-family: 'Kufam', sans-serif; font-size: 12px; text-transform: lowercase;  line-height: 150%;  font-weight: 400; padding: 15px; background-color: rgba(var(--bkgnd), .6); border: 1px solid rgba(var(--border), 1); border-radius: 10px; }
.wowimissyou b, .thesunwe b { font-family: 'Kufam', sans-serif; font-size: 10px; text-transform: uppercase; line-height: 130%;  -webkit-text-fill-color: transparent; -webkit-background-clip: text;  background-image: linear-gradient(129deg, rgba(var(--accent1), .8) 0%, rgba(var(--accent2), .8) 100%); font-weight: 900; letter-spacing: 2px; cursor: crosshair; }
.wowimissyou b:before, .thesunwe b:before { content: "#"; }
.wowimissyou nm, .thesunwe nm { background: linear-gradient(129deg, rgba(var(--accent1), .3) 0%, rgba(var(--accent2), .3) 100%);  font-family: 'Kufam', sans-serif; font-size: 10px; text-transform: uppercase;  line-height: 100%;  font-weight: 900; letter-spacing: 2px; border-radius: 5px; border: 1px solid rgba(var(--border), 1); padding: 10px;  margin: 0 10px 0 0; float: left; clear: both; }
.arealittleexcited { width: 383px; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center;}
.arealittleexcited mainp { width: 95px; height: 95px; display: block; background: linear-gradient(129deg, rgba(var(--accent1), .6) 0%, rgba(var(--accent2), .6) 100%); padding: 10px; border-radius: 5px; margin-bottom: 10px; transition-duration: .6s; }
.arealittleexcited mainp img { width: 95px; height: 95px; border-radius: 5px; object-fit: cover; filter: grayscale(70%); transition-duration: .6s;}
.arealittleexcited mainp:hover img { filter: grayscale(0%); }
.righthotlike igp {    width: 363px;    display: block;    background: linear-gradient(129deg, rgba(var(--accent1), .6) 0%, rgba(var(--accent2), .6) 100%);    padding: 10px;    border-radius: 5px;    margin: 18px 0;}
.righthotlike igp img { width: 363px; object-fit: cover; border-radius: 5px; }


/* для славы */
.wonmain {    border: 1px solid #e1b7e5a8;    line-height: normal;    width: 641px;    padding: 10px 0px;    background-color: #f0d2d438;    color: #997fa5;    outline: 2px solid #fef6f2;    box-shadow: -10px -10px 0px -7px #ddc5b5, 10px 10px 0px -7px #ccacda;}
.wontitle {    font-family: vensfolk;    font-size: 46px;    color: #ccacda;}
.wondesc {    width: 480px;    font-family: verdana;    font-weight: 400;    font-size: 11px;    text-align: justify;    margin-bottom: 15px !important;    color: #594363;}
.wonmain b {    color: #a486b1;    font-weight: 900;}
.wonmiddle {    width: 19px;    position: relative;    padding-bottom: 70px;    border-right: 1px solid #ccacda;}
.woncenter {    position: relative;    right: 128px;}
.wonleft {    width: 219px;    position: relative;    right: 60px;}
.wonleftnumber {    font-family: vensfolk;    font-weight: 900;    letter-spacing: -3px;    font-size: 80px;    color: #cdaeda6b;    position: absolute;    top: 0px;    left: 88px;    z-index: 1;}
.wonleftbox {    position: relative;    z-index: 2;    right: 103px;    top: 45px;}
.wonleftcircle {    position: absolute;    right: -96px;    font-family: arial;    font-size: 30px;    top: -5px;}
.wonleftname {    font-family: verdana;    font-weight: 900;    color: #664d7d;    font-size: 10px;    width: 310px;    padding: 5px 0px 5px 0px;    text-transform: uppercase;    text-align: left;    border-top: 1px solid #ccacda;    border-bottom: 1px solid #ccacda;   margin-bottom: 16px !important;}
.wonlefttext {    margin-right: 20px;    width: 291px;    text-align: justify;    font-family: verdana;    font-weight: 400;    line-height: 13px;    font-size: 11px;    color: #422c4c;}
.wonright {    width: 219px;    position: relative;    left: 127px;}
.wonrightnumber {    font-family: raleway;    font-weight: 900;    letter-spacing: -3px;    font-size: 80px;    color: #e8d3e4;    position: absolute;    top: 0px;    right: 85px;    z-index: 1;}
.wonrightbox {    position: relative;    z-index: 2;    left: 20px;    top: 45px;}
.wonrightcircle {    position: absolute;    left: -4px;    font-family: arial;    font-size: 30px;    top: -5px;}
.wonrightname {    font-family: verdana;    font-weight: 900;    color: #664d7d;    font-size: 10px;    width: 289px;    padding: 5px 0px 5px 0px;    text-transform: uppercase;    text-align: right;    border-top: 1px solid #ccacda;    border-bottom: 1px solid #ccacda;    margin-bottom: 16px !important;}
.wonrighttext {    margin-left: 20px !important;    width: 270px;    text-align: justify;    font-family: verdana;    font-weight: 400;    line-height: 13px;    font-size: 11px;    color: #422c4c;}