body[data-v-b2ca84de]{background:#f0f1f2;font:12px Open Sans,sans-serif}#view-code[data-v-b2ca84de]{color:#89a2b5;opacity:.7;font-size:14px;text-transform:uppercase;font-weight:700;text-decoration:none;position:absolute;top:660px;left:50%;margin-left:-50px;z-index:200}#topmenu[data-v-b2ca84de]{height:69px;width:290px;border-bottom:1px solid #d8dfe3}#topmenu span[data-v-b2ca84de]{float:left;width:96px;height:70px;background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/top-menu.png) -3px -118px no-repeat}#topmenu span.friends[data-v-b2ca84de]{margin-bottom:-1px}#topmenu span.chats[data-v-b2ca84de]{background-position:-95px 25px;cursor:pointer}#topmenu span.chats[data-v-b2ca84de]:hover{background-position:-95px -46px;cursor:pointer}#topmenu span.history[data-v-b2ca84de]{background-position:-190px 24px;cursor:pointer}#topmenu span.history[data-v-b2ca84de]:hover{background-position:-190px -47px;cursor:pointer}.friend[data-v-b2ca84de]{height:70px;border-bottom:1px solid #e7ebee;position:relative}.friend[data-v-b2ca84de]:hover{background:#f1f4f6;cursor:pointer}.friend img[data-v-b2ca84de]{width:40px;border-radius:50%;margin:15px;float:left}.floatingImg[data-v-b2ca84de]{width:40px;border-radius:50%;position:absolute;top:0;left:12px;border:3px solid #fff}.friend p[data-v-b2ca84de]{padding:15px 0 0;float:left;width:220px}.friend p strong[data-v-b2ca84de]{font-weight:600;font-size:15px;color:#597a96}.friend p span[data-v-b2ca84de]{font-size:13px;font-weight:400;color:#aab8c2}.friend .status[data-v-b2ca84de]{background:#26c281;border-radius:50%;width:9px;height:9px;position:absolute;top:31px;right:17px}.friend .status.away[data-v-b2ca84de]{background:#ffce54}.friend .status.inactive[data-v-b2ca84de]{background:#eaeef0}#search[data-v-b2ca84de]{background:#e3e9ed url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/search.png) -11px 0 no-repeat;height:60px;width:290px;position:absolute;bottom:0;left:0}#searchfield[data-v-b2ca84de]{background:#e3e9ed;margin:21px 0 0 55px;border:none;padding:0;font-size:14px;font-family:Open Sans,sans-serif;font-weight:400px;color:#8198ac}#searchfield[data-v-b2ca84de]:focus{outline:0}#chatview[data-v-b2ca84de]{width:290px;height:484px;position:absolute;top:0;left:0;display:none;background:#fff}#profile[data-v-b2ca84de]{overflow:hidden;text-align:center;color:#fff}.p1 #profile[data-v-b2ca84de]{background:#fff url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/timeline1.png) 0 0 no-repeat}#profile .avatar[data-v-b2ca84de]{width:68px;border:3px solid #fff;margin:23px 0 0;border-radius:50%}#profile p[data-v-b2ca84de]{font-weight:600;font-size:15px;margin:118px 0 -1px;opacity:0;transition:all .2s cubic-bezier(0,.995,.99,1)}#profile p.animate[data-v-b2ca84de]{margin-top:97px;opacity:1;transition:all .2s cubic-bezier(0,.995,.99,1)}#profile span[data-v-b2ca84de]{font-weight:400;font-size:11px}#chat-messages[data-v-b2ca84de]{transition:all .2s cubic-bezier(0,.995,.99,1)}#chat-messages label[data-v-b2ca84de]{color:#aab8c2;font-weight:600;font-size:12px;text-align:center;margin:15px 0;width:290px;display:block}.message .bubble[data-v-b2ca84de]{font-size:13px;font-weight:600;padding:12px 13px;border-radius:5px 5px 5px 0;color:#8495a3;position:relative;float:left}#chat-messages div.message.right .bubble[data-v-b2ca84de]{float:right;border-radius:5px 5px 0}.bubble span[data-v-b2ca84de]{color:#aab8c2;font-size:11px;position:absolute;right:0;bottom:-22px}#sendmessage[data-v-b2ca84de]{height:60px;border-top:1px solid #e7ebee;position:absolute;bottom:0;right:0;width:290px;background:#fff;padding-bottm:50px}#sendmessage input[data-v-b2ca84de]{background:#fff;margin:21px 0 0 21px;border:none;padding:0;font-size:14px;font-family:Open Sans,sans-serif;font-weight:400px;color:#aab8c2}#sendmessage input[data-v-b2ca84de]:focus{outline:0}#sendmessage button[data-v-b2ca84de]{background:#fff url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/send.png) 0 -41px no-repeat;width:30px;height:30px;position:absolute;right:15px;top:23px;border:none}#sendmessage button[data-v-b2ca84de]:hover{cursor:pointer;background-position:0 0}#sendmessage button[data-v-b2ca84de]:focus{outline:0}#close[data-v-b2ca84de]{position:absolute;top:8px;opacity:.8;right:10px;width:20px;height:20px;cursor:pointer}#close[data-v-b2ca84de]:hover{opacity:1}.cx[data-v-b2ca84de],.cy[data-v-b2ca84de]{background:#fff;position:absolute;width:0px;top:15px;right:15px;height:3px;transition:all .25s ease-in-out}.cx.s1[data-v-b2ca84de],.cy.s1[data-v-b2ca84de]{right:0;width:20px;transition:all .1s ease-out}.cy.s2[data-v-b2ca84de]{transform:rotate(50deg);transition:all .1s ease-out}.cy.s3[data-v-b2ca84de]{transform:rotate(45deg);transition:all .1s ease-out}.cx.s1[data-v-b2ca84de]{right:0;width:20px;transition:all .1s ease-out}.cx.s2[data-v-b2ca84de]{transform:rotate(140deg);transition:all .1s ease-out}.cx.s3[data-v-b2ca84de]{transform:rotate(135deg);transition:all .1s ease-out}#chatview[data-v-b2ca84de],#sendmessage[data-v-b2ca84de]{overflow:hidden;border-radius:6px}