.flylat-messages-dropdown{position:fixed;z-index:10010;width:min(370px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #334454;border-radius:18px;background:#101a25;color:#edf4fa;box-shadow:0 20px 60px #0008;font-family:inherit}
.flylat-messages-dropdown[hidden]{display:none}
.flylat-messages-heading{padding:18px 18px 14px;border-bottom:1px solid #ffffff0d}
.flylat-messages-heading strong{display:block;font-size:15px}
.flylat-messages-heading span{display:block;margin-top:4px;font-size:12px;color:#95a9bc}
.flylat-messages-list{padding:7px}
.flylat-message-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-radius:11px;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}
.flylat-message-row:hover,.flylat-message-row:focus-visible{background:#ffffff0a;outline:2px solid #42c7cc;outline-offset:-2px}
.flylat-message-avatar{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:13px;background:#42c7cc18;color:#62d8dc;font-size:15px;font-weight:800}
.flylat-message-copy{min-width:0;flex:1}
.flylat-message-name,.flylat-message-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flylat-message-name{font-size:13px;font-weight:700}
.flylat-message-preview{margin-top:4px;color:#95a9bc;font-size:12px}
.flylat-message-unread{padding:4px 7px;border-radius:9px;background:#42c7cc;color:#071b24;font-size:10px;font-weight:800}
.flylat-messages-state{padding:25px 14px;text-align:center;color:#95a9bc;font-size:13px}
.flylat-messages-footer{padding:10px;border-top:1px solid #ffffff0d}
.flylat-messages-footer a{display:block;padding:11px;border-radius:10px;background:#42c7cc15;color:#62d8dc;text-align:center;text-decoration:none;font-size:12px;font-weight:800}
.flylat-messages-footer a:hover,.flylat-messages-footer a:focus-visible{background:#42c7cc28}