/* Scoped to upcoming-event cards and their settings preview. */
[data-ue-style][data-ue-custom="1"] .ue-card{background:transparent!important;border:1px solid var(--ue-border)!important;--ue-effective-glow:var(--ue-glow);box-shadow:0 0 8px -2px var(--ue-effective-glow)}
[data-ue-style][data-ue-custom="1"] .ue-card__body{background:var(--ue-background)!important}
[data-ue-style][data-ue-custom="1"] .ue-card .ue-card__title{color:var(--ue-title)!important}
[data-ue-style][data-ue-custom="1"] .ue-card__date-line{color:var(--ue-date)!important}
[data-ue-style][data-ue-custom="1"] .ue-card__venue{color:var(--ue-venue)!important}
[data-ue-style][data-ue-custom="1"] .ue-card .ue-card__thumb-wrap{aspect-ratio:var(--ue-ratio)!important}
[data-ue-style][data-ue-custom="1"] .ue-card .ue-card__featured{background:var(--ue-badge-bg)!important;color:var(--ue-badge-text)!important}
[data-ue-style][data-ue-custom="1"][data-ue-status="1"] .ue-card.evs--upcoming{border-color:rgb(var(--evs-up,226,177,60))!important;--ue-effective-glow:rgba(var(--evs-up,226,177,60),var(--ue-glow-opacity))}
[data-ue-style][data-ue-custom="1"][data-ue-status="1"] .ue-card.evs--live{border-color:rgb(var(--evs-live,61,220,132))!important;--ue-effective-glow:rgba(var(--evs-live,61,220,132),var(--ue-glow-opacity))}
[data-ue-style][data-ue-custom="1"][data-ue-status="1"] .ue-card.evs--ended,[data-ue-style][data-ue-custom="1"][data-ue-status="1"] .ue-card.evs--canceled{border-color:rgb(var(--evs-end,255,92,92))!important;--ue-effective-glow:rgba(var(--evs-end,255,92,92),var(--ue-glow-opacity))}
[data-ue-style][data-ue-custom="1"][data-ue-layout="overlay"] .ue-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important}
[data-ue-style][data-ue-custom="1"][data-ue-layout="overlay"] .ue-card__thumb-wrap{grid-area:1/1;align-self:stretch}
[data-ue-style][data-ue-custom="1"][data-ue-layout="overlay"] .ue-card__body{grid-area:1/1;align-self:end;position:relative;z-index:2}

/* Give the rounded halo room inside the horizontal scroll clipping bounds. */
[data-ue-style].ue-rail .ue-rail__scroll{padding:16px 14px 18px;margin:-12px -14px -10px;scroll-padding-inline:14px}
[data-ue-style][data-ue-custom="1"] .ue-card{animation:ue-soft-glow 4s ease-in-out infinite}
@keyframes ue-soft-glow{
 0%,100%{box-shadow:0 0 5px -3px var(--ue-effective-glow)}
 50%{box-shadow:0 0 10px -2px var(--ue-effective-glow)}
}
@media(hover:hover){[data-ue-style][data-ue-custom="1"] .ue-card:hover{animation:none;box-shadow:0 0 12px -1px var(--ue-effective-glow)}}
[data-ue-style][data-ue-custom="1"] .ue-card:focus-visible{animation:none;box-shadow:0 0 12px -1px var(--ue-effective-glow)}
@media(prefers-reduced-motion:reduce){[data-ue-style][data-ue-custom="1"] .ue-card{animation:none;box-shadow:0 0 8px -2px var(--ue-effective-glow)}}