/* Original Messenger art over the existing responsive window system. */
.desk-icon > span:first-child { display:grid; place-items:center; height:44px; }
.desk-icon img { width:36px; height:36px; filter:drop-shadow(1px 2px 2px #00143366); }
.win-icon img { width:16px; height:16px; display:block; }
.task-btn img { width:14px; height:14px; flex:0 0 auto; }
.presence-icon, .display-picture { display:block; }
.signin-hero { background:linear-gradient(#fcfdff,#e4ebfb); min-height:130px; padding:22px 14px 14px; }
.signin-hero .logo-lockup { background:url('/custom/msn75/branding/msn-messenger-banner.gif') center no-repeat; width:237px; height:50px; }
.signin-hero .logo-lockup > * { visibility:hidden; }
.signin-hero .tagline { margin-top:8px; color:#526781; }
.cl-banner { background:linear-gradient(135deg,#f5f7fd,#d7e4f9); border-bottom-color:#a9bbdc; }
body[data-theme="midnight"] .cl-banner { background:var(--banner-grad); }
.cl-footer::after { content:''; display:block; flex-shrink:0; width:46px; height:16px; margin-left:auto; background:url('/custom/msn75/branding/msn-wordmark-small.png') center no-repeat; }
.chat-toolbar img { display:block; width:19px; height:19px; }
.emo-grid { grid-template-columns:repeat(8,26px); max-height:min(290px,65vh); overflow-y:auto; }
.emo-grid img { display:block; width:19px; height:19px; }
.wink-sprite img { width:48px; height:48px; }
.msg-line img.emoticon { width:19px; height:19px; vertical-align:-4px; }
.bg-fish { background:#fff url('/custom/msn75/backgrounds/fish.jpg') center / cover no-repeat !important; }
.bg-msn-hearts { background:#fff url('/custom/msn75/backgrounds/hearts.jpg') center / cover no-repeat !important; }
.bg-planets { background:#fff url('/custom/msn75/backgrounds/illustrated-planets.jpg') center / cover no-repeat !important; }
.bg-lavender { background:#fff url('/custom/msn75/backgrounds/lavender.jpg') center / cover no-repeat !important; }
.bg-race-car { background:#fff url('/custom/msn75/backgrounds/race-car.jpg') center / cover no-repeat !important; }
@media(max-width:640px) { .emo-grid { grid-template-columns:repeat(8,34px); max-width:calc(100vw - 20px); } .emo-grid button { min-height:34px; } }