@layer pigment._1b64zei{.s11fums5{grid-area:info;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:calc(2 * var(--mui-spacing, 8px))}.s11fums5 .tag-wrapper{display:flex;align-items:center;column-gap:calc(.25 * var(--mui-spacing, 8px))}.s11fums5 .tag-wrapper.is-finished>.finished,.s11fums5 .tag-wrapper.is-live>.live,.s11fums5 .tag-wrapper.is-ongoing>.ongoing,.s11fums5 .tag-wrapper.is-starting-soon>.starting-soon,.s11fums5 .tag-wrapper.is-upcoming>.upcoming{display:flex}.s11fums5 .tag-wrapper.wrap{display:grid;grid-template-columns:minmax(min-content,1fr) minmax(0,4fr)}.s11fums5 .tag-wrapper.wrap .next-date-wrapper{grid-column:2/4;flex-wrap:wrap;grid-row:1/3}.s11fums5 .tag-wrapper.wrap .countdown{grid-column-start:2}@media (min-width:600px){.s11fums5 .tag-wrapper.wrap{display:flex}}.s11fums5 .tag-wrapper>.tag{display:none;height:26px;align-items:center;justify-content:center;padding:0 calc(1 * var(--mui-spacing, 8px));gap:calc(1 * var(--mui-spacing, 8px))}.s11fums5 .tag-wrapper>.tag>.MuiTypography-root{font-size:.75rem;line-height:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.s11fums5 .tag-wrapper>.tag.live{background:#ff005c;padding:0}.s11fums5 .tag-wrapper>.tag.live>.MuiTypography-root{color:#f3f3f3}.s11fums5 .tag-wrapper>.tag.starting-soon{background:rgba(121,251,11,.1)}.s11fums5 .tag-wrapper>.tag.starting-soon>.MuiTypography-root{color:#f3f3f3}.s11fums5 .tag-wrapper>.tag.starting-soon>.spinner{color:#79fb0d}.s11fums5 .tag-wrapper>.tag.finished{background:hsla(0,0%,95%,.1)}.s11fums5 .tag-wrapper>.tag.finished>.MuiTypography-root{color:#b8b8b8}.s11fums5 .tag-wrapper>.tag.ongoing{background:rgba(121,251,11,.1)}.s11fums5 .tag-wrapper>.tag.ongoing>.MuiTypography-root{color:#79fb0d}.s11fums5 .tag-wrapper>.tag.upcoming{background:hsla(0,0%,95%,.1)}.s11fums5 .tag-wrapper>.tag.upcoming>.MuiTypography-root{color:#f3f3f3}.s11fums5>.date-range{font-size:.875rem;word-break:keep-all}.s11fums5>.date-range.finished{color:#b8b8b8}.s11fums5>.date-range.not-finished{color:#f3f3f3;font-weight:600}.s11fums5 .live-date,.s11fums5 .starting-soon-date{text-decoration:none;background:rgba(255,0,93,.5);color:#f3f3f3;transition:.3s ease;padding:calc(.5 * var(--mui-spacing, 8px)) calc(1 * var(--mui-spacing, 8px));line-height:1.125rem;font-size:.75rem;display:flex;align-items:center;column-gap:calc(1 * var(--mui-spacing, 8px))}.s11fums5 .live-date:hover,.s11fums5 .starting-soon-date:hover{background:#ff005d}.s11fums5 .starting-soon-date{background:rgba(0,151,0,.5)}.s11fums5 .starting-soon-date:hover{background:#009700}.s11fums5 .next-date-wrapper{display:flex;align-items:center;column-gap:calc(1.5 * var(--mui-spacing, 8px));padding:calc(.5 * var(--mui-spacing, 8px)) calc(1 * var(--mui-spacing, 8px));padding-right:0}.s11fums5 .next-date-wrapper .next{font-weight:600;color:#e7e7e7;font-size:.75rem;line-height:1.125rem}.s11fums5 .next-date-wrapper .next-date{font-size:.75rem;line-height:1.125rem;font-weight:600;color:#79fb0d;text-decoration:none;transition:.3s ease}.s11fums5 .next-date-wrapper .next-date:hover{color:#00d000}.s11fums5 .countdown{padding:0 0 0 calc(1 * var(--mui-spacing, 8px));color:#e7e7e7;font-size:.75rem;font-weight:600;line-height:1.125rem}@media (min-width:600px){.s11fums5 .countdown{padding:0 calc(1.5 * var(--mui-spacing, 8px))}}.s11fums5 .countdown .countdown-decorator{color:#b8b8b8}.s11fums5 .countdown .prefix,.s11fums5 .countdown .suffix{padding-right:calc(.5 * var(--mui-spacing, 8px))}}@layer pigment._25bxjw{.s1oc0ymd{border:1px solid #595959;background:#343841;box-shadow:0 4px 12px rgba(0,0,0,.4);padding:calc(2 * var(--mui-spacing, 8px));cursor:default}.s1oc0ymd .watchlist-title{display:flex;justify-content:space-between;align-items:center}.s1oc0ymd .watchlist-title h5{color:#e7e7e7;font-size:1.125rem;font-weight:600;line-height:1.75rem;margin:0}.s1oc0ymd .watchlist-title .watchlist-view-all{color:#e7e7e7;font-size:.875rem;font-weight:600;line-height:1.25rem;margin-left:auto;text-decoration:none;transition:color .3s ease;cursor:pointer}@media (hover:hover){.s1oc0ymd .watchlist-title .watchlist-view-all:hover{color:#00d000}}.s1oc0ymd .watchlist-items{margin-bottom:calc(2 * var(--mui-spacing, 8px))}.s1oc0ymd .watchlist-items .watchlist-item{position:relative;display:grid;margin-top:calc(1 * var(--mui-spacing, 8px));padding:calc(1 * var(--mui-spacing, 8px));background-color:#2a2d36;border:1px solid transparent;grid-template-areas:"eventName eventImage" "eventDateName eventImage" "eventStatus eventStatus";grid-template-columns:1fr auto;transition:.3s ease}.s1oc0ymd .watchlist-items .watchlist-item:has(.is-live){background:#270014}.s1oc0ymd .watchlist-items .watchlist-item:has(.is-finished),.s1oc0ymd .watchlist-items .watchlist-item:has(.is-ongoing),.s1oc0ymd .watchlist-items .watchlist-item:has(.is-starting-soon),.s1oc0ymd .watchlist-items .watchlist-item:has(.is-upcoming){background:#151820}.s1oc0ymd .watchlist-items .watchlist-item a{position:absolute;inset:0;z-index:1}@media (hover:hover){.s1oc0ymd .watchlist-items .watchlist-item:has(a:hover){border:1px solid #f3f3f3}}.s1oc0ymd .watchlist-items .watchlist-item .event-status-wrapper{grid-area:eventStatus;margin-top:calc(1 * var(--mui-spacing, 8px))}.s1oc0ymd .watchlist-items .watchlist-item .watchlist-item-name{color:#e7e7e7;font-size:.875rem;font-weight:600;line-height:1.25rem;grid-area:eventName;margin:0}.s1oc0ymd .watchlist-items .watchlist-item .watchlist-item-date-name{color:#b8b8b8;font-size:.875rem;font-weight:600;line-height:1.25rem;grid-area:eventDateName;margin:0}.s1oc0ymd .watchlist-items .watchlist-item .watchlist-item-image{grid-area:eventImage;display:block;width:70px;height:40px;position:relative}}