.thumbnailRow{flex-wrap:wrap;height:100%;margin:0;padding:0;display:flex;position:relative}.thumbnailCol{margin:0;padding:0;overflow:hidden}.thumbnailCol figure,[class^=col-],[class*=\ col-]{margin:0;padding:0}.col-24{width:100%;margin:0;padding:0;display:block}.col-12{width:50%;margin:0;padding:0;display:inline-block}.col-8{width:33.33%;margin:0;padding:0;display:inline-block}.thumbnailImageBlurBackground{filter:blur(3px);opacity:.6;width:100%;height:100%;transition:filter .3s linear;position:absolute;left:0}.thumbnailImageBlurBackground img{object-fit:cover;width:100%;height:100%}.cardPreview .thumbnailRow figure{cursor:pointer;height:130px;transition:all .3s linear;transform:scale(1.5)}.myEvent .cardPreview .thumbnailRow figure{height:145px}@media (max-width:790px){.myEvent .cardPreview .thumbnailRow figure{height:110px}}@media (max-width:760px){.eventList .cardPreview .thumbnailRow figure{height:100px}}.cardPreview .thumbnailRow figure img{object-fit:cover;margin:0 auto;transition:all .3s linear;height:100%!important}.cardPreview .thumbnailRow figure:hover{transform:scale(1)}.cardPreview .thumbnailRow figure:hover .thumbnailImageBlurBackground{filter:blur(35px)}.thumbnailMulti>div{overflow:hidden}.thumbnailMulti .thumbnailImage{object-fit:cover!important;border-radius:0!important;max-height:100%!important;position:absolute!important;left:50%!important;transform:translate(-50%)!important}.thumbnailSingle{width:100%;margin:0;padding:0;display:block}.thumbnailSingle .thumbnailImage{object-fit:cover;height:100%;position:relative}.thumbnailMulti{margin:0;padding:0;display:inline-block}.myEvent .cardPreview figure .thumbnailRow .thumbnailSingle .thumbnailImage{height:100%}.cardPreview .thumbnailRow:hover figure img{filter:grayscale()}.cardPreview .thumbnailRow figure:hover img{filter:grayscale(0)}.thumbnail-24{width:100%}.thumbnail-12{width:50%}.thumbnail-8{width:33.33%}
.cardPreview{text-align:center;width:100%;position:relative}.cardPreview>figure{border-radius:4px;width:100%;margin:0;overflow:hidden}.cardPreview figure{cursor:pointer;height:130px;margin:0;transition:all .3s linear;position:relative;overflow:hidden}.myEvent .cardPreview figure{height:145px}.statusAndTime{z-index:6;padding:5px;position:absolute;top:1px;font-size:11px!important}.pastStatus{background:var(--black);color:var(--white);border-radius:4px;padding:4px 12px;font-weight:700;position:relative;top:3px;left:4px}.liveStatus{background:var(--purple);color:var(--white);padding:4px 12px;font-weight:700;position:relative;top:3px;left:4px}.upcomingStatus{background:var(--green);color:var(--white);padding:4px 12px;font-weight:700;position:relative;top:5px;left:5px}@media (max-width:790px){.myEvent .cardPreview figure{height:110px}}@media (max-width:760px){.cardPreview>figure{height:190px}.eventList .cardPreview figure{height:100px}}@media (max-width:430px){.statusAndTime .upcomingStatus{left:0!important}.myEvent .statusAndTime .upcomingStatus{padding:4px 2px;left:0!important}}