@keyframes flipCheckinCard{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}#membership-checkin-container{margin-bottom:12px}#membership-checkin-container .gridPannel{display:flex;justify-content:flex-start;flex-flow:row wrap}#membership-checkin-container .gridPannel>.gridCircle{margin:0 calc((100% - 252px)/6) 12px 0;flex:0 0 36px}#membership-checkin-container .gridPannel .gridCircle:nth-child(7n){margin-right:0}#membership-checkin-container .gridPannel .gridCircle>.flipAnim{animation:flipCheckinCard 1s}#membership-checkin-container .gridBars{display:none}@supports (display:grid){#membership-checkin-container{margin-bottom:24px}#membership-checkin-container .gridBars,#membership-checkin-container .gridPannel{display:grid;grid-template-columns:repeat(7,36px);grid-row-gap:12px;justify-content:space-between}#membership-checkin-container .gridPannel>.gridCircle{grid-column-end:span 1;margin:0;flex:none}#membership-checkin-container .gridBars{grid-template-columns:repeat(6,1fr)}}