/* The canvas is decorative; the existing avatar owns chat, drag and messages. */
#avatarFloat .potato-body{outline-offset:8px}
#avatarFloat .potato-body:focus-visible{outline:3px solid #e5b856}
#avatarFloat .potato-3d-canvas{
  position:absolute;left:0;top:0;width:140px;height:160px;
  pointer-events:none;visibility:hidden;
}
#avatarFloat.potato-3d-ready{width:140px;transform:scale(.86)!important;filter:none;opacity:1}
#avatarFloat.potato-3d-ready .potato-body{
  width:140px;height:160px;
  background:transparent;box-shadow:none;filter:none;animation:none;
}
#avatarFloat.potato-3d-ready .potato-body > :not(.potato-3d-canvas){visibility:hidden}
#avatarFloat.potato-3d-ready .potato-body::before{display:none}
#avatarFloat.potato-3d-ready .potato-3d-canvas{visibility:visible}
#avatarFloat .avatar-close{z-index:3;top:-2px;right:-2px}
#avatarFloat:focus-within .avatar-close{display:block}
#avatarFloat.dragging{cursor:grabbing!important}
#avatarFloat.dragging .potato-body{cursor:grabbing}
#avatarFloat .potato-body{cursor:grab}
#avatarFloat .avatar-bubble{
  border:1px solid #d6bd82;border-top-color:#fff6d9;border-radius:17px;
  padding:16px 18px 17px;min-width:196px;
  background:linear-gradient(145deg,#fffef7 0%,#fff8e6 48%,#f1e3c4 100%);
  box-shadow:inset 0 2px 0 #fff,inset 2px 0 0 rgba(255,255,255,.85),
    inset -2px -2px 0 rgba(178,142,74,.16),0 1px 0 #e4d2a6,0 2px 0 #dbc18d,
    0 3px 0 #c9a970,0 4px 0 #ae8b53,0 5px 0 #96713e,0 11px 19px rgba(7,19,34,.27);
  color:#243d5b;isolation:isolate;
}
#avatarFloat .avatar-bubble .bubble-main{
  font-size:17px;font-weight:900;line-height:1.65;letter-spacing:.3px;color:#294968;
  text-shadow:0 -1px 0 #fff,.5px .7px 0 #d0dae2,1px 1.4px 0 #91a4b7,
    1.5px 2.1px 0 #647c95,2px 3px 3px rgba(35,58,81,.2);
}
#avatarFloat .avatar-bubble .bubble-footer{
  margin-top:10px;padding-top:8px;border-top:1px solid rgba(175,133,55,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);font-size:13px;font-weight:900;
  color:#9b661c;letter-spacing:.3px;
  text-shadow:0 -1px 0 #fff7d6,.5px .7px 0 #f4d798,1px 1.4px 0 #bb914b,1px 3px 3px rgba(132,89,26,.2);
}
#avatarFloat .avatar-bubble::after{
  border-bottom-color:#fffaf0;filter:drop-shadow(0 -1px 0 #d6bd82);
}
#avatarFloat .avatar-bubble.bubble-above::after{
  top:auto;bottom:-19px;border-bottom-color:transparent;border-top-color:#f1e3c4;
  filter:drop-shadow(0 3px 0 #ae8b53);
}
@media(prefers-reduced-motion:reduce){
  #avatarFloat .potato-body,#avatarFloat .eye,#avatarFloat .mouth,
  #avatarFloat .avatar-glow,#avatarFloat .avatar-bubble{animation:none!important}
}