.office-assistant {
  position: fixed;
  z-index: 1;
  width: 220px;
  max-width: calc(100vw - 12px);
  left: calc(100vw - 232px);
  top: 360px;
  color: #000;
  font: 11px/1.35 "Pixelated MS Sans Serif", "MS Sans Serif", Arial, sans-serif;
  pointer-events: none;
}
.js .office-assistant { display: block; }
.office-assistant.is-positioned,.office-assistant.is-engaged { z-index: 150; }
.office-assistant.is-dragging { z-index: 450; }
.office-assistant[hidden], .assistant-balloon[hidden] { display: none !important; }
.assistant-balloon {
  position: relative;
  margin: 0 0 14px;
  padding: 12px 10px 9px;
  border: 1px solid #000;
  border-radius: 8px;
  background: #ffffcc;
  box-shadow: none;
  pointer-events: auto;
  touch-action: none;
  user-select: none;
}
.assistant-tail {
  position: absolute;
  left: 72px;
  bottom: -20px;
  width: 24px;
  height: 22px;
  overflow: visible;
  pointer-events: none;
}
.assistant-balloon p { margin: 0 0 8px; font: inherit; }
.assistant-balloon .assistant-heading { padding-right: 13px; font-weight: bold; line-height: 1.2; }
.assistant-balloon .assistant-dismiss {
  position: absolute;
  top: 3px;
  right: 4px;
  width: 16px;
  height: 16px;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  font: bold 16px/14px Arial, sans-serif;
  color: #000;
}
.assistant-balloon .assistant-dismiss:focus-visible { outline: 1px dotted #000; outline-offset: -2px; }
.assistant-actions { display: flex; flex-wrap: wrap; gap: 5px; }
.assistant-actions button {
  min-width: 55px;
  min-height: 20px;
  padding: 1px 7px;
  color: #000;
  font: inherit;
}
.assistant-character {
  display: block;
  width: 124px;
  height: 93px;
  min-width: 0;
  min-height: 0;
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  pointer-events: auto;
  touch-action: none;
  user-select: none;
}
.office-assistant.is-dragging,.office-assistant.is-dragging * { cursor: move!important; }
.assistant-character:active, .assistant-character:focus { box-shadow: none; background: transparent; }
.assistant-character:focus-visible { outline: 1px dotted #fff; outline-offset: -4px; }
.assistant-sprite {
  display: block;
  width: 124px;
  height: 93px;
  background: url("/static/vendor/clippy/map.png") no-repeat 0 0;
  image-rendering: pixelated;
}