@keyframes fade-in{0%{opacity:0}to{opacity:1}}.match-calendar-item{--card-bg:#fff;--card-min-height:100%;--team-image-size:3rem;--border-width:1px;--fade-delay:0.5s;aspect-ratio:var(--card-aspect-ratio,var(--spvgg-card-aspect-ratio));background-color:var(--card-bg,#fff);border-radius:var(--spvgg-border-radius);padding:var(--card-padding,var(--spvgg-default-spacing));overflow:clip;position:relative;z-index:var(--z-index,unset);opacity:0;animation:fade-in calc(4*var(--spvgg-transition-duration)) var(--fade-delay) ease-out forwards;scale:calc(var(--card-base-scale, 1)*var(--card-extra-scale, 1));transition:var(--spvgg-transition-duration) ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--card-min-height);padding-block:calc(2*var(--spvgg-default-spacing));box-sizing:border-box;box-shadow:var(--box-shadow,none)}.match-calendar-item.hover-primary.hover-overlayed{position:relative;padding:0;isolation:isolate}.match-calendar-item.hover-primary.hover-overlayed .body{position:absolute;z-index:1;inset:var(--card-padding,var(--spvgg-default-spacing));opacity:var(--card-body-opacity,0);transition:opacity var(--spvgg-transition-duration) ease-out;color:var(--color,#fff);-webkit-user-select:var(--card-body-user-select,none);-moz-user-select:var(--card-body-user-select,none);user-select:var(--card-body-user-select,none);overflow:clip}.match-calendar-item.hover-primary.hover-overlayed:has(img) img{transition:filter var(--spvgg-transition-duration) ease-out}.match-calendar-item.hover-primary.hover-overlayed:after{--circle-color-end:transparent;background-image:radial-gradient(circle at 100% 100%,var(--circle-color-start,var(--spvgg-color-green-trans-6)),var(--circle-color,var(--spvgg-color-green)) 50%,var(--circle-color-end,#fff) 0);background-repeat:no-repeat;background-size:200% 200%;background-position-x:var(--bg-position,0);background-position-y:var(--bg-position,0);transition:background-position var(--spvgg-transition-duration) ease-out;content:"";position:absolute;inset:0;pointer-events:none}.match-calendar-item.hover-primary.hover-overlayed:after:hover{--color:#fff;--bg-position:100%}.match-calendar-item.hover-primary.hover-overlayed:hover{--card-body-opacity:1;--card-body-user-select:auto}.match-calendar-item.hover-primary.hover-overlayed:hover:has(img) img{filter:grayscale(1)}.match-calendar-item.highlighted{padding-top:calc(var(--card-padding, var(--spvgg-default-spacing)) + 2rem)}.match-calendar-item.highlighted,.match-calendar-item:hover{--highlighted-display:initial;--fade-delay:0s}.match-calendar-item.highlighted .match,.match-calendar-item:hover .match{grid-template-rows:1fr 1.5rem;margin-block:var(--spvgg-default-spacing)}.match-calendar-item.highlighted .team strong,.match-calendar-item:hover .team strong{visibility:visible;position:static}.match-calendar-item .highlighted-only{display:var(--highlighted-display)}.match-calendar-item .header{margin-inline:auto;display:inline-grid;gap:calc(.25*var(--spvgg-default-spacing)) calc(.5*var(--spvgg-default-spacing));grid-template-columns:3rem 1fr;grid-template-rows:repeat(2,1fr);grid-template-areas:"image day" "image date"}.match-calendar-item .header img{grid-area:image;image-rendering:optimizeQuality}.match-calendar-item .header .headline-date,.match-calendar-item .header .headline-day{line-height:1}.match-calendar-item .header .headline-day{grid-area:day;align-content:end}.match-calendar-item .header .headline-date{grid-area:date;align-content:start}.match-calendar-item .match{position:relative;flex-grow:1;min-width:80%;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr 0;align-items:center;overflow:hidden;text-align:center;transition:all var(--spvgg-transition-duration) linear}.match-calendar-item .team{display:contents;text-align:center}.match-calendar-item .team:last-child strong{grid-column:3}.match-calendar-item .team img{box-sizing:content-box;padding-inline:1rem;margin-inline:auto;-o-object-fit:contain;object-fit:contain;width:var(--team-image-size);height:var(--team-image-size)}.match-calendar-item .team strong{position:absolute;visibility:hidden;grid-column:1;grid-row:2}.match-calendar-item .team strong.spvgg{text-transform:uppercase;white-space:nowrap}.match-calendar-item--empty{visibility:hidden;pointer-events:none;animation:none;opacity:1}.match-calendar-item .footer{display:flex;justify-content:space-between;align-items:center;-moz-column-gap:var(--spvgg-default-spacing);column-gap:var(--spvgg-default-spacing)}.match-calendar-item .footer img{height:1.5rem;width:auto;image-rendering:optimizeQuality;opacity:.8}.match-calendar-item .footer .btn-primary{--font-size:0.6rem;--font-weight:normal}.match-countdown{--height:var(--countdown-height,1.5rem);display:block;position:absolute;inset:0 0 auto 0;font-size:calc(.75*var(--height));text-transform:uppercase;text-align:center;box-sizing:border-box;height:var(--height)}