.message-icon-wrapper{display:inline-block;position:relative}.message-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;align-items:center;transition:background-color .2s,box-shadow .2s;display:flex}.message-button:hover{background-color:#f3f4f6;box-shadow:0 1px 3px #0000001a}.message-button.desktop{width:10x;border-radius:6px;justify-content:center;align-items:center;height:36px;padding:0;display:inline-flex}.message-button.mobile{border-radius:6px;justify-content:center;align-items:center;width:40px;height:28px;padding:0;display:inline-flex;margin-right:8px!important}.icon-container{justify-content:center;align-items:center;display:flex;position:relative}.message-icon{color:#6b7280;transition:color .2s}.message-button:hover .message-icon{color:#374151}.message-icon.large{width:28px;height:28px}.message-icon.small{width:10px;height:20px}.message-badge{color:#fff;background-color:#3b82f6;border:2px solid #fff;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:600;line-height:1;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 1px 3px #0003}.message-badge.mobile-badge{min-width:16px;height:16px;font-size:10px;top:-4px;right:-4px}.message-badge.desktop-badge{min-width:18px;height:18px;font-size:11px}