@import url("https://fonts.googleapis.com/css?family=DM+Sans:400,500,700&display=swap");*{box-sizing:border-box}body{font-family:'DM Sans',sans-serif;--text-dark:#1a2f45;--text-light:#445e78;--chat-box-dark:#1b243b;--chat-box-light:#fff;--button-text:#fff;--toggle-ball:#fff;--list-item-active:#e5effb;--number-bg:#6895a3;--message-box-1:#fff;--message-box-2:#1a233b;--chat-input:#060415;--border-light:#8187a2;--info-box-color-1:#004dfc;--info-box-color-2:#00ba9d;--info-box-color-3:#715fc2;--info-box-color-4:#ff562d;--info-icon-bg-1:#b1c7fc;--info-icon-bg-2:#c6f0ea;--info-icon-bg-3:#d9d3ff;--info-icon-bg-4:#ffe1d4;--app-bg:#060415;--box-color:#12172d;--box-border:#477eff;--button-bg:#477eff;--text-dark:rgba(255,255,255,1);--text-light:rgba(255,255,255,.6);--info-box-1:rgba(160,186,242,.5);--info-box-2:rgba(168,240,229,.55);--info-box-3:rgba(194,168,240,.34);--info-box-4:rgba(240,185,168,.34);--toggle-bg:#477eff;--toggle-bg-off:#6895a3;--message-box-2:#477eff;--message-box-1:#576c99;--logo-path-1:#477eff;--logo-path-2:#576c99;--box-shadow:rgba(18,23,45,.6) 0px 8px 24px}body[data-theme="indigo"],body[data-theme='pink']{--app-bg:#fff;--box-color:#f5f8fc;--box-border:#e7edf5;--text-dark:#1a2f45;--text-light:#445e78;--chat-box-dark:#1b243b;--chat-box-light:#fff;--button-bg:#004dfc;--button-text:#fff;--toggle-bg:#004dfc;--toggle-bg-off:#6895a3;--toggle-ball:#fff;--logo-path-1:#a0c9e1;--logo-path-2:#18689c;--list-item-active:#e5effb;--number-bg:#6895a3;--message-box-1:#fff;--message-box-2:#1a233b;--chat-input:#f5f8fc;--border-light:#e5e6eb;--info-box-1:rgba(217,228,252,1);--info-box-2:rgba(226,246,243,1);--info-box-3:#f7f3ff;--info-box-4:#fff1e9;--box-shadow:rgba(149,157,165,.2) 0px 8px 24px;--info-box-3:#b3a5ce;--info-box-4:#ffceb3;--scrollbar-thumb:linear-gradient(to top,rgba(131,164,212,.5),#b6bcff)}body[data-theme='pink']{--box-color:#f8f1f1;--button-bg:#1a233b;--logo-path-1:#e8d5db;--logo-path-2:#6895a3;--toggle-bg:#1a233b}body[data-theme='navy-dark']{--app-bg:#060415;--box-color:#12172d;--box-border:#477eff;--button-bg:#477eff;--toggle-bg:#477eff;--toggle-bg-off:#6895a3;--message-box-2:#477eff;--message-box-1:#576c99;--chat-input:#060415;--border-light:#8187a2}body[data-theme='navy-dark'],body[data-theme='dark']{--text-dark:rgba(255,255,255,1);--text-light:rgba(255,255,255,.6);--info-box-1:rgba(160,186,242,.5);--info-box-2:rgba(168,240,229,.55);--info-box-3:rgba(194,168,240,.34);--info-box-4:rgba(240,185,168,.34);--logo-path-1:#477eff;--logo-path-2:#576c99;--scrollbar-thumb:linear-gradient(to bottom,rgba(43,88,118,.8),rgba(78,67,118,.8))}body[data-theme='dark']{--app-bg:#040508;--box-color:#131a24;--box-border:#131a24;--button-bg:#1e2b4a;--toggle-bg:#477eff;--toggle-bg-off:#6895a3;--message-box-2:#1e2b4a;--message-box-1:#576c99;--chat-input:#040508;--border-light:#040508}.app-container{display:flex;height:100%;width:100%;padding:24px;max-width:1800px}.app-left{flex-basis:320px;flex-shrink:0;height:100%;display:flex;flex-direction:column;max-width:480px;margin-right:24px;overflow-y:auto}.app-left-header{display:flex;align-items:center;margin-bottom:20px;flex-shrink:0;position:sticky;top:0;z-index:1;background-color:var(--app-bg)}.app-left-header h2{margin:0;font-size:20px;color:var(--text-dark);margin-left:12px}.app-logo svg{width:40px;height:40px}.app-logo svg .path-1{fill:var(--logo-path-1)}.app-logo svg .path-2{fill:var(--logo-path-2)}.app-profile-box{border:1px solid var(--box-border);background-color:var(--box-color);display:flex;align-items:center;flex-direction:column;border-radius:10px;margin-bottom:24px}.app-profile-box img{width:48px;height:48px;border-radius:50%;object-fit:cover}.app-profile-box-name{font-size:16px;line-height:24px;font-weight:700;color:var(--text-dark);margin:4px 0;display:flex;align-items:center}.app-profile-box-title{font-size:12px;line-height:16px;color:var(--text-light);margin:0}.switch-status{display:flex;align-items:center;margin-top:12px}.switch-status input{opacity:0;position:absolute;width:0;height:0}.switch-status input:checked+label{background-color:var(--toggle-bg)}.switch-status input:checked+label:before{left:12px}.switch-status input:checked~.toggle-offline{display:none}.switch-status input:checked~.toggle-online{display:inline-block}.toggle-text{user-select:none;color:var(--text-light)}.toggle-online{display:none}.toggle-offline{display:inline-block}.label-toggle{background-color:var(--toggle-bg-off);border-radius:24px;width:24px;height:14px;display:inline-block;margin-right:4px;position:relative;transition:.2s;cursor:pointer}.label-toggle:before{content:'';position:absolute;width:10px;height:10px;left:2px;top:50%;transform:translatey(-50%);border-radius:50%;background-color:var(--toggle-ball);transition:all .2s ease}.toggle-text{font-size:12px;line-height:16px}.app-setting{padding:0;border:0;background-color:transparent;color:var(--text-dark);margin-left:4px}.chat-list{padding:0;list-style:none;height:0;overflow:hidden;transition:.4s ease-in;display:none;opacity:0}.chat-list.active{display:block;height:auto;max-height:auto;opacity:1}.chat-list-item{transition:.2s;padding:8px 14px;margin:0;border-radius:6px;display:flex;align-items:center;margin-bottom:10px;position:relative;cursor:pointer}.chat-list-item.active{background-color:var(--box-color)}.chat-list-item.active span{color:var(--text-dark);font-weight:700}.chat-list-item img{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:8px}.chat-list-item:hover{background-color:var(--box-color)}.chat-list-name{display:inline-block;font-size:14px;line-height:16px;font-weight:500;color:var(--text-light)}.chat-list-header{font-weight:700;line-height:24px;font-size:16px;color:var(--text-dark);display:flex;align-items:center;cursor:pointer;height:40px}.chat-list-header .c-number{display:flex;align-items:center;justify-content:center;background-color:var(--button-bg);color:#fff;font-weight:500;font-size:12px;width:16px;height:16px;border-radius:50%;margin-left:8px}.list-header-arrow{margin-left:auto;transform:rotate(180deg);transition:.2s ease}.chat-list-header.active .list-header-arrow{transform:rotate(0deg)}.app-main{flex:3;height:100%;background-color:var(--box-color);border-radius:10px;padding:16px;display:flex;flex-direction:column;transition:.2s}.app-main-header{position:sticky;top:0;background-color:var(--box-color);border:1px solid var(--box-border)}.chat-wrapper{overflow:auto;min-height:70vh}.chat-input{border:0;outline:0;height:45px;flex:1;font-size:14px;margin-right:4px;color:var(--text-dark)}.chat-input:placeholder{color:var(--theme-text-grayed);font-size:14px}.chat-input-wrapper{display:flex;justify-content:space-between;align-items:center;box-shadow:var(--box-shadow);margin-top:auto;border-radius:0;bottom:0}.input-wrapper{border:1px solid var(--theme-background-alt);border-radius:4px;font-size:12px;display:flex;flex:1;overflow:hidden;padding:0 6px 0 12px;justify-content:space-between;margin:0 8px;background-color:var(--chat-input)}.emoji-btn{border:0;background-color:transparent;padding:0;display:flex;align-items:center;justify-content:center;margin:0 4px;color:#ffca3e}.chat-send-btn{height:32px;color:#fff;background-color:var(--button-bg);border:0;border-radius:4px;padding:0 32px 0 10px;font-size:12px;background-position:center right 8px;background-repeat:no-repeat;background-size:14px;line-height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs/%3E%3Cpath fill='%23fff' d='M481.508 210.336L68.414 38.926c-17.403-7.222-37.064-4.045-51.309 8.287C2.86 59.547-3.098 78.551 1.558 96.808L38.327 241h180.026c8.284 0 15.001 6.716 15.001 15.001 0 8.284-6.716 15.001-15.001 15.001H38.327L1.558 415.193c-4.656 18.258 1.301 37.262 15.547 49.595 14.274 12.357 33.937 15.495 51.31 8.287l413.094-171.409C500.317 293.862 512 276.364 512 256.001s-11.683-37.862-30.492-45.665z'/%3E%3C/svg%3E")}.chat-attachment-btn{border:0;padding:0;background-color:transparent;color:var(--text-light);display:flex;align-items:center;opacity:.7}.message-wrapper{display:flex;align-items:flex-start;padding-bottom:20px}.message-wrapper.reverse{justify-content:flex-end}.message-wrapper.reverse .message-box{background-color:var(--message-box-2);color:#fff}.message-wrapper.reverse .message-box-wrapper{display:flex;flex-direction:column;align-items:flex-end}.message-wrapper.reverse .message-pp{order:2}.message-pp{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.message-box{background-color:var(--theme-background-general)!important;box-shadow:var(--box-shadow);border-radius:4px;padding:10px;font-size:14px;line-height:18px;width:auto;max-width:100%;color:var(--text-dark)}.message-box-wrapper{margin:0 12px}.message-box-wrapper span{font-size:10px;line-height:16px;color:var(--text-light);opacity:.6}.message-box em{color:var(--theme-text-grayed)!important}.app-right{flex-basis:320px;flex-shrink:0;height:100%;display:flex;flex-direction:column;margin-left:24px;transition:.2s;overflow:auto}.app-right .app-profile-box img{margin-bottom:16px}.app-right .app-profile-box-title{width:100%;color:var(--text-dark);display:flex;align-items:center}.app-right .app-profile-box-title svg{width:16px;margin-right:6px}.archive-btn{color:#fff;height:32px;margin-top:16px;border-radius:4px;background-color:var(--button-bg);display:flex;align-items:center;font-size:14px;border:0}.archive-btn svg{margin-left:6px}.app-activity-box{border-radius:10px;padding:16px 16px 8px 16px;border:1px solid var(--box-border);background-color:var(--box-color)}.activity-info-boxes{display:flex;justify-content:space-between;flex-wrap:wrap}.activity-info-box{width:48%;border-radius:10px;padding:10px;margin-bottom:8px;display:flex}.activity-info-box.time{background-color:var(--info-box-1);color:var(--info-box-color-1)}.activity-info-box.time .info-icon-wrapper{background-color:var(--info-icon-bg-1)}.activity-info-box.atendee{background-color:var(--info-box-2);color:var(--info-box-color-2)}.activity-info-box.atendee .info-icon-wrapper{background-color:var(--info-icon-bg-2)}.activity-info-box.meeting{background-color:var(--info-box-3);color:var(--info-box-color-3)}.activity-info-box.meeting .info-icon-wrapper{background-color:var(--info-icon-bg-3)}.activity-info-box.reject{background-color:var(--info-box-4);color:var(--info-box-color-4)}.activity-info-box.reject .info-icon-wrapper{background-color:var(--info-icon-bg-4)}.info-icon-wrapper{border-radius:50%;margin-right:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.info-icon-wrapper svg{width:16px;height:16px}.info-text-wrapper span{display:block}.info-text-upper{font-size:14px;font-weight:700}.info-text-bottom{font-size:10px;color:var(--text-light)}.activity-info-header{display:flex;justify-content:space-between;align-items:center;padding:0 4px;margin-top:16px}.info-header-bold{font-size:16px;line-height:24px;font-weight:500;color:var(--text-dark)}.info-header-light{color:var(--text-light);font-size:12px;line-height:24px}.activity-days-wrapper{display:flex;justify-content:space-between;margin-top:24px}.day{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:64px}.day.current .chart{opacity:1;transform:scale(1.2);transform-origin:bottom}.day:first-child .chart{height:20%}.day:nth-child(3) .chart{height:100%}.day .chart{border-radius:6px;height:50%;width:6px;background-color:var(--button-bg);opacity:.5;position:relative}.day .chart:before{content:'';position:absolute;background-color:var(--button-bg);width:6px;height:6px;border-radius:50%;top:calc(100% + 4px)}.day span{margin-top:20px;display:block;font-size:10px;color:var(--text-light)}.app-right-bottom{position:fixed;top:0;right:24px;z-index:1;background-color:var(--app-bg);display:flex;justify-content:flex-end;margin-top:auto;padding-bottom:10px}.app-theme-selector{background-color:var(--box-color);box-shadow:var(--box-shadow);border:1px solid var(--box-border);display:flex;justify-content:flex-end;width:auto;padding:10px;border-radius:6px}.theme-color{width:24px;height:24px;margin-left:4px;border:0;border-radius:50%;display:flex;justify-content:center;align-items:center;padding:0;color:#fff;cursor:pointer}.theme-color.active{border:1px solid rgba(71,126,255,1);box-shadow:0 0 0 3px rgba(71,126,255,.2)}.theme-color svg{width:14px;height:14px}.theme-color.indigo{background-color:#18689c}.theme-color.pink{background-color:#e8d5db}.theme-color.dark{background-color:#060415}.theme-color.navy-dark{background-color:#192734;color:#fff}.open-left,.open-right{position:absolute;padding:0;display:none;width:20px;height:20px;background-color:var(--box-color);box-shadow:var(--box-shadow);border:1px solid var(--box-border);border-radius:4px;top:24px}.open-left{left:0}.open-right{right:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;background:var(--scrollbar-thumb)}@media screen and (max-width:1025px){.app-left{transform:translateX(-100%);position:absolute;opacity:0;top:0;z-index:2;height:100%;width:100%;transition:all 300ms cubic-bezier(.19,1,.56,1)}.app-left.open{transform:translateX(0);opacity:1}.open-left{display:block}}@media screen and (max-width:680px){.app-right{transform:translateX(100%);position:absolute;opacity:0;top:0;z-index:2;height:100%;width:100%;transition:all 300ms cubic-bezier(.19,1,.56,1)}.app-right.open{transform:translateX(0);opacity:1}.open-right{display:block}.app-theme-selector{position:fixed;top:0}.app-main{height:calc(100% - 48px)}}.message-box img{max-width:100%;max-width:200px;height:200px}