#customBtn:hover,#drop-area,.button-card,.color-option{cursor:pointer}.login:focus,.login:hover,.sidebar a{text-decoration:none}#overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:none;z-index:9999;display:flex;justify-content:center;align-items:center}.login{position:absolute;top:8px;right:16px}@media (max-width:576px){.logo-container{position:relative;left:-20px}}.sidebar{height:100vh;position:sticky;top:0;padding-top:20px}.sidebar a{font-size:1.1rem;padding:10px 15px;display:flex;align-items:center;color:#333}#customBtn,.msg,.peer .msg,.phone,span.buttonText,span.icon{display:inline-block}.sidebar a:hover{background-color:#e9ecef;border-radius:5px}.sidebar i{margin-right:10px}#customBtn{background:#fff;color:#444;width:100%;border-radius:5px;border:thin solid #888;box-shadow:1px 1px 1px grey;white-space:nowrap;text-align:center}span.icon{background:url('btn_google_light_normal_ios.png') 5px 50% no-repeat;vertical-align:middle;width:42px;height:42px}span.buttonText{vertical-align:middle;font-size:1.25rem;font-weight:700}#color-options{position:absolute;display:none;flex-wrap:wrap;width:220px;padding:5px;border:1px solid #ccc;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:1000}.color-option{width:30px;height:30px;margin:5px;border-radius:4px}#drop-area{border:2px dashed #6c757d;background-color:#fff;border-radius:5px;transition:border-color .3s}#drop-area:hover{border-color:#3f80ea}@media (min-width:768px){.container{position:relative}.login{top:0;right:20px}}.chat-body,.phone{background:#849ec0}.bubble,.me,.me .msg{position:relative}.me .ts,.peer .ts{font-size:10px;color:#fff;white-space:nowrap}.phone{width:380px;margin:0 auto;box-shadow:0 8px 20px rgba(0,0,0,.25);height:auto;min-height:unset;align-self:flex-start}.chat-body{padding:10px;overflow:visible}.phone.has-footer{display:flex;flex-direction:column;height:740px!important;overflow:hidden}.phone.has-footer #chatFooter,.phone.has-footer #chatHeader{flex:0 0 auto}.phone.has-footer #chatBody{flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch}.bubble{max-width:78%}.msg{white-space:pre-wrap;word-break:break-word;line-height:1.4}.me{margin:8px 0 8px auto;display:block;width:max-content}.me .msg{background:#b2ed8b;padding:8px 12px;border-radius:14px}.me .ts{position:absolute;right:100%;bottom:0;margin-right:6px;line-height:14px;text-align:right}.peer{margin:8px 0;display:flex;gap:8px;align-items:flex-start}.peer .avatar{width:32px;height:32px;border-radius:50%;background:url('default.jpg') center/cover #fff;flex:0 0 32px}.peer .msg{background:#fff;padding:8px 12px;border-radius:14px;position:relative}.peer .ts{align-self:flex-end}.is-hide{display:none!important}