/* Set overview should only scroll vertically. It should not inherit mobile collection
   compositing transforms that can make the inside content drift/rotate while swiping. */
.ccc-set-overview-card{
  overflow:hidden !important;
  touch-action:manipulation !important;
}
.ccc-set-overview-card .ccc-set-overview-expand{
  width:100% !important;
  max-width:100% !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior-y:contain !important;
  overscroll-behavior-x:none !important;
  touch-action:pan-y !important;
  -webkit-overflow-scrolling:touch !important;
  transform:none !important;
  -webkit-transform:none !important;
  backface-visibility:visible !important;
  -webkit-backface-visibility:visible !important;
  will-change:auto !important;
}
.ccc-set-overview-card .ccc-set-overview-expand,
.ccc-set-overview-card .ccc-set-overview-expand *{
  min-width:0 !important;
  max-width:100% !important;
}
.ccc-set-overview-card .ccc-set-overview-grid,
.ccc-set-overview-card .ccc-set-overview-section,
.ccc-set-overview-card .ccc-set-overview-pillrow{
  overflow-x:hidden !important;
}
.ccc-set-overview-card .ccc-set-overview-pillrow{
  align-items:flex-start;
}
.ccc-set-overview-card .ccc-set-overview-pill{
  white-space:normal !important;
  text-align:center;
}
@media (max-width:780px){
  .ccc-set-overview-wrap,
  .ccc-set-overview-card,
  .ccc-set-overview-card .mc-profile-row,
  .ccc-set-overview-card .mc-profile-left,
  .ccc-set-overview-card .ccc-set-overview-expand{
    transform:none !important;
    -webkit-transform:none !important;
    backface-visibility:visible !important;
    -webkit-backface-visibility:visible !important;
    will-change:auto !important;
    contain:none !important;
  }
}