.message[data-astro-cid-jxgyhaju]{padding:40px 0 30px;border-radius:40px;&.light{background:#ffffff26}&.dark{background:#0000000d}}.text[data-astro-cid-jxgyhaju]{padding:0 40px 0 20px;font-weight:500;font-size:14px;line-height:120%;color:#000;@media (min-width: 420px){padding:0 60px 0 20px}}.date[data-astro-cid-jxgyhaju]{font-weight:500;font-size:14px;line-height:120%;text-align:right;color:#a5a0a8;padding:0 20px 0 0}body{display:flex;align-items:center;justify-content:center;overflow:hidden}@media (min-width: 480px){body{background:linear-gradient(180deg,#f36320,#f36524 0%,#eba1b7 37.18%,#ddf0ff 95.53%);padding:60px 0}}.chat .chat-action{color:#101010;position:absolute;bottom:40px;width:calc(100% - 20px);margin:0 auto}@media (min-width: 420px){.chat .chat-action{width:calc(100% - 40px)}}.chat .chat-messages{--chat-height: 880px;--chat-offset: 100%;--chat-message1: 220px;--chat-message2: 330px;--chat-message3: 460px;--chat-message4: 650px;--chat-message5: 780px;--chat-message6: 880px;bottom:0;transform:translateY(var(--chat-offset));position:absolute;height:var(--chat-height)}.chat .chat-messages .message{background:center/100% 100% no-repeat;max-width:100%}.chat .chat-messages .chat-ins,.chat .chat-messages .chat-outs{width:100%}.chat .chat-messages .chat-outs .message{opacity:0;transform:rotate(-90deg) scale(.75);transform-origin:bottom right}.chat .chat-messages .chat-outs .message:nth-child(1){width:200px;height:110px;background-image:url(/images/friends/bubble-1.svg)}.chat .chat-messages .chat-ins .message{opacity:0;transform:rotate(90deg) scale(.75);transform-origin:bottom left}.chat .chat-messages .chat-ins .message:nth-child(1){width:240px;height:110px;background-image:url(/images/friends/bubble-2.svg)}.chat .chat-messages .chat-ins .message:nth-child(2){width:300px;height:130px;background-image:url(/images/friends/bubble-3.svg)}.chat .chat-messages .chat-ins .message:nth-child(3){width:360px;height:190px;background-image:url(/images/friends/bubble-4.svg)}.chat .chat-messages .chat-ins .message:nth-child(4){width:280px;height:130px;background-image:url(/images/friends/bubble-5.svg)}.chat .chat-messages .chat-ins .message:nth-child(5){width:300px;height:110px;background-image:url(/images/friends/bubble-6.svg)}.container[data-astro-cid-z5wbipwz]{position:relative;width:100%;height:100%;overflow:hidden}@media (min-width: 480px){.container[data-astro-cid-z5wbipwz]{max-width:420px;max-height:920px;border-radius:40px;overflow:hidden}}.button[data-astro-cid-z5wbipwz]{background:#fff;padding:0;border:none;font-weight:600;font-size:14px;line-height:1;letter-spacing:1px;text-transform:uppercase;border-radius:40px;display:flex;align-items:center;justify-content:center;margin-top:auto;transition:background ease .14s;cursor:pointer;text-decoration:none;overflow:hidden;align-self:center;height:80px;will-change:color,width,transform}.button[data-astro-cid-z5wbipwz]:hover,.button[data-astro-cid-z5wbipwz]:active{background:#f3f3f3}.chat[data-astro-cid-z5wbipwz]{background:linear-gradient(180deg,#def1ff,#e3c3d4);width:100%;height:100%;color:#101010;display:flex;flex-direction:column;gap:30px;position:absolute;will-change:transform}.chat-header[data-astro-cid-z5wbipwz]{padding:20px 10px;display:flex;align-items:center;height:120px;justify-content:center;flex-shrink:0;position:absolute;width:100%;top:0;z-index:1;background:linear-gradient(180deg,#deedfb 72.34%,#deecfae6 82.36%,#dfe9f700 95%)}@media (min-width: 420px){.chat-header[data-astro-cid-z5wbipwz]{padding:40px 20px 20px}}.chat-name[data-astro-cid-z5wbipwz]{font-weight:600;font-size:14px;line-height:20px;letter-spacing:1px;text-align:center;text-transform:uppercase}.chat-status[data-astro-cid-z5wbipwz]{position:relative}.chat-online[data-astro-cid-z5wbipwz]{position:absolute;width:100%;font-weight:500;font-size:14px;line-height:120%;letter-spacing:0;text-align:center}.chat-typing[data-astro-cid-z5wbipwz]{margin-top:17px;position:absolute;width:100%;display:flex;align-items:center;gap:5px;justify-content:center}.chat-dot[data-astro-cid-z5wbipwz]{background:#101010;width:10px;height:10px;border-radius:50%;opacity:0;transform:translateY(-200%);will-change:opacity,transform}.chat-ava[data-astro-cid-z5wbipwz]{position:absolute;right:10px;height:60px;width:60px;background:url(/images/friends/ava.png) center/contain no-repeat}@media (min-width: 420px){.chat-ava[data-astro-cid-z5wbipwz]{right:20px}}@media (min-resolution: 2dppx){.chat-ava[data-astro-cid-z5wbipwz]{background-image:url(/images/friends/ava@2x.png)}}.chat-date[data-astro-cid-z5wbipwz]{color:#1010104d;font-weight:600;font-size:14px;line-height:20px;letter-spacing:1px;text-align:center;text-transform:uppercase;align-self:center}.chat-outs[data-astro-cid-z5wbipwz]{display:flex;flex-direction:column;align-items:flex-end;width:100%}.chat-messages[data-astro-cid-z5wbipwz]{display:flex;flex-direction:column;align-items:flex-start;gap:20px;left:0;right:0;padding:0 10px 20px}@media (min-width: 420px){.chat-messages[data-astro-cid-z5wbipwz]{padding:0 20px 40px}}