.chat-dropdown{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;animation:.2s ease-out slideDown;display:flex;box-shadow:0 5px 20px rgba(169,155,144,.2)}.chat-dropdown__header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:flex-start;padding:8px 16px;display:flex}.chat-dropdown__header-content{flex:1}.chat-dropdown__title{color:#333;font-size:18px;font-weight:600;line-height:28px;font-family:var(--font-first);letter-spacing:normal;margin:0}.chat-dropdown__subtitle{color:#767676;font-size:18px;font-weight:500;line-height:24px;font-family:var(--font-second);letter-spacing:normal;margin:0}.chat-dropdown__content{flex:1;min-height:60px;max-height:60vh;padding:0 8px;overflow-x:hidden;overflow-y:auto}.chat-dropdown__footer{border-top:1px solid #e0e0e0;padding:12px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.drawer-overlay{z-index:8000;opacity:0;visibility:hidden;background-color:rgba(16,16,16,.15);transition:opacity .3s,visibility .3s;position:fixed;top:0;bottom:0;left:0;right:0}.drawer-overlay--open{opacity:1;visibility:visible}.drawer{z-index:8001;visibility:hidden;background-color:#fff;flex-direction:column;height:100vh;transition:transform .3s,visibility .3s;display:flex;position:fixed;top:0;transform:translate(100%);box-shadow:0 5px 20px rgba(169,155,144,.2)}.drawer--right{right:0}.drawer--left{left:0;transform:translate(-100%)}.drawer--open{visibility:visible;transform:translate(0)}.drawer__header{border-bottom:1px solid #e0e0e0;flex-shrink:0}.drawer__content{flex:1;overflow-y:auto}.drawer__footer{border-top:1px solid #e0e0e0;flex-shrink:0}