/* Office Life V2 floor characters: full-body anime-pixel people, never portrait cards. */
.character,
button.character{
  width:46px!important;
  height:70px!important;
  min-width:46px!important;
  min-height:70px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:block!important;
  line-height:0!important;
  cursor:pointer!important;
}
.character:hover,
.character:focus-visible,
button.character:hover,
button.character:focus-visible{
  background:transparent!important;
  box-shadow:none!important;
}
.character svg.floor-pixel-person,
.character svg.wl-person.floor-pixel-person{
  width:46px!important;
  height:70px!important;
  max-width:none!important;
  display:block!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 3px 2px rgba(20,43,35,.22));
  image-rendering:pixelated!important;
  transform-origin:50% 100%;
  transition:filter .14s ease,transform .14s ease;
}
.character:hover svg.floor-pixel-person,
.character:focus-visible svg.floor-pixel-person{
  transform:translateY(-2px) scale(1.05);
  filter:drop-shadow(0 5px 3px rgba(20,43,35,.28));
}
.character:focus-visible{outline:2px solid #d8f65a!important;outline-offset:3px!important}
.character .bubble{
  line-height:1.2!important;
  white-space:nowrap!important;
  z-index:5!important;
}
/* Never let profile/headshot SVG styling leak onto moving floor actors. */
.office .character .anime-portrait-ready,
.office .character .dm-vector{display:none!important}
@media(max-width:900px){
  .character,button.character{width:42px!important;height:64px!important;min-width:42px!important;min-height:64px!important}
  .character svg.floor-pixel-person,.character svg.wl-person.floor-pixel-person{width:42px!important;height:64px!important}
}
