/* Motion changes presentation, never the parent or layout size of a live frame. */
#screen.os-motion-ready #window-layer .app-window {
  /* Removing a temporary animation:none would restart the old window-in fade
     on the active window and every already-open window behind it. */
  animation: none !important;
}
#screen[data-os-motion] #window-layer {
  z-index: 1150 !important;
  visibility: visible !important;
}
#screen #window-layer .app-window.os-motion-active,
#screen #window-layer .app-window.os-motion-visible {
  display: flex !important;
  visibility: visible !important;
  animation: none !important;
  transition: none !important;
}
#screen #window-layer .app-window.os-motion-active {
  z-index: 1150 !important;
  pointer-events: none !important;
  will-change: transform, clip-path, opacity;
  transform-origin: 0 0;
  isolation: isolate;
}
#screen #window-layer .app-window.os-motion-visible { pointer-events: none !important; }
.os-motion-reveal[hidden],
.os-panel-leaving[hidden] { display: var(--os-reveal-display, block) !important; }
.os-motion-reveal,
.os-panel-leaving { pointer-events: none !important; }
#screen[data-os-motion] .device-home,
#screen[data-os-motion] .device-dock,
#screen[data-os-motion] .device-page-dots { pointer-events: none !important; }
.device-dock-item .app-icon,
.device-app-button .app-icon { transition: transform .18s cubic-bezier(.2,.75,.25,1), box-shadow .18s; }
.device-dock-item:active .app-icon,
.device-app-button:active .app-icon { transform: scale(.92); }
.device-page-dots > button > span { transition: width .24s cubic-bezier(.2,.75,.25,1), background .2s, transform .18s; }
.device-page-dots > button:active > span { transform: scale(.86); }
.device-unread-badge,
.os-unread-badge {
  position: absolute;
  top: -5px;
  right: -6px;
  z-index: 2;
  display: grid;
  place-items: center;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  border: 2px solid #fff8f3;
  border-radius: 12px;
  background: #c68498;
  color: #fffaf7;
  font: 600 10px/1 var(--ui, sans-serif);
  pointer-events: none;
}
.desktop-icon[data-open="messages"],
.desktop-messages-button { position: relative; }
.desktop-messages-button .os-unread-badge {
  top: -5px;
  right: -9px;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  border-width: 1px;
  font-size: 8px;
}
.device-app-button .device-unread-badge { right: calc(50% - 35px); }
[data-messages-count][hidden] { display: none !important; }
.messages-window { width: 720px; height: 535px; }
.messages-window .window-body { display: flex; min-height: 0; overflow: hidden; }
body.reduce-motion .device-dock-item .app-icon,
body.reduce-motion .device-app-button .app-icon { transition: none; }
@media (prefers-reduced-motion: reduce) {
  .device-dock-item .app-icon,
  .device-app-button .app-icon { transition: none; }
}