/* Smooth centre flip: retain the existing grid, dimensions and real action controls. */
#groups .account-card,#groups .account-card:hover,#groups .account-card.is-closing{
  transform:perspective(1600px) rotateY(0deg)!important;
  transform-origin:50% 50%;transform-style:preserve-3d!important;
  perspective:none!important;overflow:visible!important;isolation:auto!important;
  transition:transform 650ms cubic-bezier(.4,0,.2,1),box-shadow 200ms,border-color 200ms!important;
}
#groups .account-card.is-flipped,#groups .account-card.is-flipped:hover{
  transform:perspective(1600px) rotateY(180deg)!important;
}
#groups .account-card.is-turning{will-change:transform}
#groups .account-card > .account-cell:not(.directory-flip-back){
  visibility:visible!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;
  transform:rotateY(0deg);transform-style:preserve-3d;
}
#groups .account-card > .directory-flip-back{
  visibility:visible!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;
  transform:rotateY(180deg) translateZ(1px)!important;transform-origin:center;
  border-radius:inherit;pointer-events:none;
}
#groups .account-card.is-flipped > .directory-flip-back{pointer-events:auto}
#groups .book-turn-cover{display:none!important}
@media(prefers-reduced-motion:reduce){
 #groups .account-card,#groups .account-card:hover,#groups .account-card.is-flipped{transition:none!important}
}