/*
@import url('https://fonts.googleapis.com/css2?family=Huninn&display=swap');

* {
  font-family: "Huninn", sans-serif;
}
*/

/*.chatMessage {margin: 5px 0;}*/

body {
  background-image: url('https://ru.radostnasha.website/smiles/pix.gif');  
}


#app24391 a {color: #a8720d;}
#app24392 a {color: #2a7def;}
#app24408 a {color: #376284;}
#app24409 a {color: #d02b07;}
#app24393 a {color: #386d23;}


.chatMain {
  background-image: url('https://i.postimg.cc/4ybjXfGD/bg3.jpg');
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
}

.chatUserAway[title="Отошел"], .chatPeople ul.chatPeopleList li[title="Отошел"].hover, chatUserAway[title="Отошел"] .chatUserWrapper {display: none;}

.smilesBox{
background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
width:83%;z-index: 9999;
}

.chatSystemMessage.type-me {
    padding: 4px 5px; margin: 2px 10px; color: #000;
    background-image: linear-gradient(45deg, rgb(142, 197, 252) 0%, rgb(141, 211, 255) 25%, rgb(161, 216, 255) 50%, rgb(193, 210, 255) 75%, rgb(224, 195, 255) 100%);
padding-left: 30px;
}

.chatSystemMessage.type-me:before {
    content: "";
    position: absolute;
    left: 16px;
    
    width: 16px;
    height: 16px;

    background-image: url('https://cdn-icons-png.flaticon.com/32/6702/6702586.png');
    background-size: contain;
    background-repeat: no-repeat;
}


.chatSystemMessage.type-logout {
    color: #000;
    margin: 5px 0 5px 10px;
    position: relative;
    padding-left: 28px;
}

.chatSystemMessage.type-logout::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 22%;
    
    width: 16px;
    height: 16px;

    background-image: url('https://cdn-icons-png.flaticon.com/512/1828/1828479.png');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.7;
    transform: scaleX(-1);
}

.chatSystemMessage.type-login {
    color: #000;
    margin: 5px 0 5px 10px;
    position: relative;
    padding-left: 28px;
}

.chatSystemMessage.type-login::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    
    width: 16px;
    height: 16px;

    background-image: url('https://cdn-icons-png.flaticon.com/512/1828/1828479.png');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.8;
}

.chatSystemMessage.type-login .chatUserFrom.user2874394{position: relative;}
.chatSystemMessage.type-login .chatUserFrom.user2892079{position: relative;}

.chatSystemMessage.type-login .chatUserFrom.user2874394::after,
.chatSystemMessage.type-login .chatUserFrom.user2892079::after {
    content: "";
    position: absolute;
    left: 68px;
    top: 3px;
    
    width: 16px;
    height: 16px;

    background-image: url('https://cdn-icons-png.flaticon.com/32/1788/1788911.png');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.8;
}

.chatSystemMessage.type-login .chatUserFrom.user2892079::after {
    left: 67px;
}

.chatTitle{    
    font-size: 14pt;
    text-align: center;
    position: absolute;
    left: 20%;
    letter-spacing: 10px; 
}

.chatTitle {
    display: none;
}

.chatHeader {
    background-image: url(https://i.postimg.cc/8PqJWTgY/logo8.png);
    background-position: 7px -8px;
    background-size: 320px auto, cover;
    background-repeat: no-repeat;
}

.chatInputText {
    height: 30px;
    font-size: 14pt;
}

.chatUserWrapper .chatUser {
    font-size: 14pt;
}

.chatMain .chatPeople{
    width: 210px !important;
}

.chatMain .chatMessages, .chatMain .chatPrivateMessages {
    right: 210px;
}


.user-2891532 .chatUserWrapper .user-icon.adm-icon,
.user-2891532 .chatUserWrapper .user-icon.mod-icon,
.user-2891532 .chatUserWrapper .chatUserGiftsCount {
    display: none;
}


.chatMessage.type-ban .chatTime {
    display: none;
}

.chatMessage.type-ban {
    padding-top: 20px;
    display: inline-block;
    padding-right: 90px;
    background: url('https://imageup.ru/img186/5094789/ee71506879a0445023bfa2f74539f891.gif') right -22px no-repeat;
    background-size: 100px 70px;
    height: 40px;
}

.chatTabs {
    right: 210px;
    background: rgba(0, 0, 255, 0.05);
}

.chatTabs > ul > li > a,
.chatTopLineWrapper ul li.chatMenuItemWithSeparator a {
    font-size: 12.5pt;
}


body::before {
  content: "это все уже было...";
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 64px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  pointer-events: none;
  z-index: 9999;
  animation-name: wordPulse;
  animation-duration: 60s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes wordPulse {
  0% { opacity: 0; }
  20% { opacity: 0; }
  30% { opacity: 1; }
  32% { opacity: 0; }
  100% { opacity: 0; }
}

.chatTime { padding: 0 10px; display: inline-block; float: right ; padding-right: 8px; color: #333; font-size: 11pt; font-style: italic;}

.chatTime {
    visibility: inherit;
}

.chatPeople ul.chatPeopleList li a.chatUserVip {
    background-image: none;
}

.chatPeople ul.chatPeopleList li a.chatUserSex1 b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/18717/18717265.png');
    background-size: 16px;
}

.chatPeople ul.chatPeopleList li a.chatUserSex2 b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/16171/16171796.png');
    background-size: 16px;
}


.chatPeopleList .user-2874394 {position: relative;}
.chatPeopleList .user-2892079 {position: relative;}

.chatPeopleList .user-2874394 .chatUserMenu:before,
.chatPeopleList .user-2892079 .chatUserMenu:before {
    content: "";
    position: absolute;
    left: -5px;
    top: 20px;
    transform: rotate(-45deg);
    background: url(https://cdn-icons-png.flaticon.com/32/2545/2545603.png) left top no-repeat;
    width: 32px;
    height: 32px;
}

.chatPeopleList {
  display: flex;
  flex-direction: column;
}

.chatPeopleList .user-2874394{ order: 1; }
.chatPeopleList .user-2892079{ order: 1; }
.chatPeopleList .user-2888600{ order: 2; }
.chatPeopleList .user-2891532{ order: 3; }
.chatPeopleList li {order: 4}

.chatMain .chatPeople:after {
    content: "";
    background-image: url('https://i.postimg.cc/4NMg5gn3/ezgif-66f95d9829c52aa2.png');
    background-size: 120px 130px;
    background-position: center bottom;
    background-repeat: no-repeat;

    width: 210px;
    height: 210px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    z-index: -1;
    margin-bottom: 10px;

    transform: scaleX(-1);

    opacity: 0.8;
    filter: brightness(1) drop-shadow(0 0 6px rgba(255,255,255,0.3));

    animation: glowPulse 4s ease-in-out infinite;
}

@keyframes glowPulse {
    0% {
        opacity: 0.8;
        filter: brightness(1) drop-shadow(0 0 4px rgba(255,255,255,0.2));
        transform: scaleX(-1) scale(1);
    }
    50% {
        opacity: 1;
        filter: brightness(1.1) drop-shadow(0 0 18px rgba(255,255,255,0.7));
        transform: scaleX(-1) scale(1.025);
    }
    100% {
        opacity: 0.8;
        filter: brightness(1) drop-shadow(0 0 4px rgba(255,255,255,0.2));
        transform: scaleX(-1) scale(1);
    }
}


.chatPeople ul.chatPeopleList li a b {
    width: 20px;
    height: 20px;
    margin-right: 2px;
}

.chatPeople ul.chatPeopleList li a.chatUserSex1 b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/18717/18717265.png');
    background-size: 20px;
}

.chatPeople ul.chatPeopleList li.user-2874394 a.chatUserIcon b,
.chatPeople ul.chatPeopleList li.user-2892079 a.chatUserIcon b {
    background-image: url('https://i.postimg.cc/0yzBBVZ9/ezgif-454b0e53d1c7c981.gif') !important;
    background-size: 20px;
}

.chatPeople ul.chatPeopleList li.user-2891532 a.chatUserIcon b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/16073/16073401.png') !important;    
    background-size: 20px;
}

.chatPeople ul.chatPeopleList li.user-2888600 a.chatUserIcon b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/18383/18383753.png') !important;
    background-size: 20px;
}


.chatPeople ul.chatPeopleList li.user-2892499 a.chatUserIcon b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/3906/3906577.png') !important;
    background-size: 20px;
}

.chatPeople ul.chatPeopleList li.user-2859709 a.chatUserIcon b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/2504/2504881.png') !important;
    background-size: 20px;
}


.chatPeople ul.chatPeopleList li.user-29834 a.chatUserIcon b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/1999/1999991.png') !important;
    background-size: 20px;
}

.chatPeople ul.chatPeopleList li.user-2793149 a.chatUserIcon b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/8073/8073570.png') !important;
    background-size: 20px;
}

.chatPeople ul.chatPeopleList li.user-393049 a.chatUserIcon b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/11221/11221035.png') !important;
    background-size: 20px;
}

.chatPeople ul.chatPeopleList li.user-2876489 a.chatUserIcon b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/4145/4145896.png') !important;
    background-size: 20px;
}

.chatPeople ul.chatPeopleList li.user-1028516 a.chatUserIcon b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/870/870194.png') !important;
    background-size: 20px;
}


.chatPeople ul.chatPeopleList li.user-30772 a.chatUserIcon b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/2535/2535658.png') !important;
    background-size: 20px;
}

.chatPeople ul.chatPeopleList li.user-368009 a.chatUserIcon b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/1087/1087434.png') !important;
    background-size: 20px;
}


.chatPeople ul.chatPeopleList li.user-2886811 a.chatUserIcon b,
.chatPeople ul.chatPeopleList li.user-2893349 a.chatUserIcon b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/7758/7758612.png') !important;
    background-size: 20px;
}

.chatPeople ul.chatPeopleList li.user-2880229 a.chatUserIcon b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/4926/4926592.png') !important;
    background-size: 20px;
    background-position-y: 3px;
}

.chatPeople ul.chatPeopleList li.user-2854186 a.chatUserIcon b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/15539/15539685.png') !important;
    background-size: 20px;
}

.chatPeople ul.chatPeopleList li.user-2848112 a.chatUserIcon b,
.chatPeople ul.chatPeopleList li.user-2862575 a.chatUserIcon b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/840/840500.png') !important;
    background-size: 20px;
}

.chatPeople ul.chatPeopleList li.user-2882779 a.chatUserIcon b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/5010/5010713.png') !important;
    background-size: 20px;
}

.chatPeople ul.chatPeopleList li.user-28771 a.chatUserIcon b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/12301/12301930.png') !important;
    background-size: 20px;
}

.chatPeople ul.chatPeopleList li.user-2751429 a.chatUserIcon b {
    background-image: url('https://cdn-icons-png.flaticon.com/32/8907/8907474.png') !important;
    background-size: 20px;
}


header {
  position: relative;
  background-color: #0b3d91;
  overflow: hidden;
}


.chatHeader::before {
  content: "";
  position: absolute;
  inset: 0;

  background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'>\
<path fill='%231e5ed6' fill-opacity='0.25' d='M0,160L48,170.7C96,181,192,203,288,202.7C384,203,480,181,576,176C672,171,768,181,864,197.3C960,213,1056,235,1152,224C1248,213,1344,171,1392,149.3L1440,128V0H0Z'></path>\
</svg>") repeat-x;

  background-size: 100px;
  animation: waveMove 120s linear infinite;
  l1eft: 310px;
}

@keyframes waveMove {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: -1440px;
  }
}


.chatMessages [data-nick="Гермес Трисмегист"] {
    text-shadow: 1px 1px 5px white;
}


.chatMessages [data-nick="Гермес Трисмегист"] .chatUserFrom.user2891532 span::first-letter {
    color: red;
}

.chatPrivateMessages {
  background: url(https://i.postimg.cc/Bb5xvpb6/bed2.png) center center no-repeat;
  background-size: cover;
}

.chatSystemMessage.type-news {
    color: #000;
    margin: 5px 0 5px 10px;
    position: relative;
    padding-left: 28px;
    background: #ffffff66;
}

.chatSystemMessage.type-news::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 22%;
    
    width: 16px;
    height: 16px;

    background-image: url('https://cdn-icons-png.flaticon.com/32/8138/8138676.png');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.7;
}

/*#chatUserMiniMenu {
    font-size: 18pt;
    display: none !important;
}

#chatUserMiniMenu .buttons div {
    width: 32px;
    height: 32px;
    background-size: cover;
}*/

#app24296 a{
    color: #001B75;
    font-weight: bold;
}

#app24326 a{
    color: #0072ff;
}


@keyframes radiopulse {
  0% { background-size: 16px; }
  50% { background-size: 17px; }
  100% { background-size: 16px; }
}

.chatFooter {
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}

#join-chat-button {
  --clr-font-main: hsla(0 0% 20% / 100);
  --btn-bg-1: hsla(194 100% 69% / 1);
  --btn-bg-2: hsla(217 100% 56% / 1);
  --btn-bg-color: hsla(360 100% 100% / 1);
  --radii: 0.5em;
  cursor: pointer;
  padding: 0.9em 1.4em;
  min-width: 120px;
  min-height: 44px;
  font-size: var(--size, 1rem);
  font-weight: 500;
  transition: 0.8s;
  background-size: 280% auto;
  background-image: linear-gradient(
    325deg,
    var(--btn-bg-2) 0%,
    var(--btn-bg-1) 55%,
    var(--btn-bg-2) 90%
  );
  border: none;
  border-radius: var(--radii);
  color: var(--btn-bg-color);
  box-shadow:
    0px 0px 20px rgba(71, 184, 255, 0.5),
    0px 5px 5px -1px rgba(58, 125, 233, 0.25),
    inset 4px 4px 8px rgba(175, 230, 255, 0.5),
    inset -4px -4px 8px rgba(19, 95, 216, 0.35);
}

#join-chat-button:hover {
  background-position: right top;
}

#join-chat-button:is(:focus, :focus-visible, :active) {
  outline: none;
  box-shadow:
    0 0 0 3px var(--btn-bg-color),
    0 0 0 6px var(--btn-bg-2);
}

@media (prefers-reduced-motion: reduce) {
  #join-chat-button {
    transition: linear;
  }
}


/* -- */

body::after {
    content: "";
    position: fixed;

    width: 100px;
    height: 100px;

    background:
        url("https://i.postimg.cc/509jFwf2/f3.gif")
        center/contain
        no-repeat;

    pointer-events: none;
    z-index: 9999;

    left: 0;
    top: 0;

    opacity: 0;

    animation:
        fairyRoute 75s linear infinite,
        fairyFade 75s ease-in-out infinite,
        fairyFloat 12s ease-in-out infinite;
}

@keyframes fairyRoute {

    /* отдых */
    0%,80% {
        transform:
            translate(-200px,-200px)
            rotate(-8deg)
            scale(.9);
    }

    /* медленный пролёт */
    84% {
        transform:
            translate(8vw,82vh)
            rotate(5deg);
    }

    88% {
        transform:
            translate(35vw,55vh)
            rotate(-4deg);
    }

    92% {
        transform:
            translate(70vw,28vh)
            rotate(10deg);
    }

    96% {
        transform:
            translate(45vw,75vh)
            rotate(-8deg);
    }

    100% {
        transform:
            translate(-180px,25vh)
            rotate(4deg)
            scale(.85);
    }
}

@keyframes fairyFade {
    0%,82% {
        opacity: 0;
    }

    85%,96% {
        opacity: .9;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fairyFloat {
    0% {
        margin: 0;
    }

    25% {
        margin: -6px 12px;
    }

    50% {
        margin: 10px -8px;
    }

    75% {
        margin: -8px 6px;
    }

    100% {
        margin: 0;
    }
}

/* luck */
/*
[data-ts$="00000"]:not(.chatSystemMessage),
[data-ts$="11000"]:not(.chatSystemMessage),
[data-ts$="22000"]:not(.chatSystemMessage) {
    background: url(https://cdn-icons-png.flaticon.com/32/9232/9232149.png) left top no-repeat;
    background-size: 28px;
    padding-left: 32px;
    margin-left: 10px;
}

[data-ts$="33000"]:not(.chatSystemMessage),
[data-ts$="44000"]:not(.chatSystemMessage) {
    background: url(https://cdn-icons-png.flaticon.com/32/3563/3563076.png) left top no-repeat;
    background-size: 28px;
    padding-left: 32px;
    margin-left: 10px;
}

[data-ts$="66000"]:not(.chatSystemMessage),
[data-ts$="88000"]:not(.chatSystemMessage) {
    background: url(https://cdn-icons-png.flaticon.com/32/8043/8043611.png) left top no-repeat;
    background-size: 28px;
    padding-left: 32px;
    margin-left: 10px;
}

[data-ts$="99000"]:not(.chatSystemMessage) {
    background: url(https://cdn-icons-png.flaticon.com/32/14697/14697173.png) left top no-repeat;
    background-size: 28px;
    padding-left: 32px;
    margin-left: 10px;
}
*/

[data-ts$="777000"]:not(.chatSystemMessage) {
    background: url(https://cdn-icons-png.flaticon.com/32/10646/10646153.png) left top no-repeat;
    background-size: 28px;
    padding-left: 32px;
    margin-left: 10px;
}

[data-ts$="555000"]:not(.chatSystemMessage) {
    background: url(https://cdn-icons-png.flaticon.com/32/5651/5651432.png) left top no-repeat;
    background-size: 28px;
    padding-left: 32px;
    margin-left: 10px;
}

[data-ts$="042000"]:not(.chatSystemMessage) {
    background: url(https://cdn-icons-png.flaticon.com/32/11038/11038027.png) left top no-repeat;
    background-size: 28px;
    padding-left: 32px;
    margin-left: 10px;
}

/* zanaves */


div.chatSpecifyPassword {
    overflow: hidden;
}

div.chatSpecifyPassword::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 9999;
    pointer-events: none;

    background: url("https://i.postimg.cc/kgWVrx1K/zanaves.jpg") center bottom / cover no-repeat;

    animation: curtainLift 2.8s cubic-bezier(0.77, 0, 0.175, 1) forwards;
    transform-origin: bottom center;
}

@keyframes curtainLift {
    0% {
        transform: translateY(0);
    }

    70% {
        transform: translateY(-85%);
    }

    100% {
        transform: translateY(-120%);
    }
}

.chatFull .transparent {
    background-image: radial-gradient(circle 248px at center, #8df9ff 0%, #7fe6ff 47%, #a6d8fb 100%);
}

.chatMessageToMe .chatToUser {
    background: #278504;
    /*
    background: linear-gradient(
        90deg,
        #04208c,
        #2d4dff,
        #04208c
    );
    background-size: 200% 100%;
    animation: bgFlow 3s ease-in-out infinite;
    */
    padding: 2px 6px;
    border-radius: 4px;
}

@keyframes bgFlow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* message bg */

.chatMessage {
    background: var(--msg-bg, rgba(255,255,255,0.05));
}

.chatMessage[data-nick="Исида"] {
    --msg-bg: rgba(100,150,255,0.15);
}

.chatMessage[data-nick="Даяна"] {
    --msg-bg: rgba(255,120,180,0.15);
}

.chatMessage[data-nick^="Апельсинка"] {
    --msg-bg: rgba(255,170,50,0.15);
}

.chatMessage[data-nick*="Гермес"] {
    --msg-bg: rgba(120,255,120,0.15);
}

.chatMessage[data-nick="Садовник"] {
    --msg-bg: rgba(80,200,120,0.15);
}

.chatMessage[data-nick="Копуша"] {
    --msg-bg: rgba(180,140,255,0.15);
}

.chatMessage[data-nick="Тата"] {
    --msg-bg: rgba(255,110,180,0.15);
}

.chatMessage[data-nick="Андроид"] {
    --msg-bg: rgba(80,220,220,0.15);
}

.chatMessage[data-nick="Men1"] {
    --msg-bg: rgba(200,200,200,0.15);
}

.chatMessage[data-nick="Касси"] {
    --msg-bg: rgba(255,80,120,0.15);
}

.chatMessage[data-nick="Леди Ночь"] {
    --msg-bg: rgba(70,70,180,0.20);
}

.chatMessage[data-nick="Огурчик"] {
    --msg-bg: rgba(100,220,100,0.15);
}

.chatMessage[data-nick="март"] {
    --msg-bg: rgba(255,200,120,0.15);
}

.chatMessage[data-nick="Странник"] {
    --msg-bg: rgba(140,140,140,0.15);
}

.chatMessage[data-nick="Wind"] {
    --msg-bg: rgba(180,240,255,0.15);
}