.course-date{align-items:center;background:#fff;border:0.0625rem solid var(--border-line, #dee0ed);border-radius:0.625rem;display:flex;flex-wrap:wrap;gap:1rem;overflow:hidden;padding:1rem 1rem 1rem 1.5rem;position:relative}.course-date::before{background:var(--course-date-accent, #18b370);bottom:0;content:"";left:0;position:absolute;top:0;width:0.375rem}.course-date--limited{--course-date-accent: #f89102}.course-date--waitlist{--course-date-accent: #c30303}.course-date__primary{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.course-date__icon{-webkit-mask:url("../../Icons/calendar.svg") no-repeat center center;mask:url("../../Icons/calendar.svg") no-repeat center center;-webkit-mask-size:contain;mask-size:contain;background:#00344d;flex-shrink:0;height:1.25rem;width:1.25rem}.course-date__when{display:flex;flex-direction:column;gap:0.125rem}.course-date__date{color:#00344d;font-size:1rem;font-weight:500}.course-date__code{color:#797f9a;font-size:0.8125rem}.course-date__format{align-self:center;flex-shrink:0}.course-date__availability{--progress-width: 6.25rem;flex-shrink:0;margin-inline-start:auto}.course-date__availability-trigger{align-items:center;background:rgba(0,0,0,0);border:0;color:inherit;display:flex;font:inherit;gap:0.5rem;padding:0;text-align:inherit}.course-date__label{color:#4c5370;font-size:0.9375rem;white-space:nowrap}.course-date__actions{align-items:center;display:flex;flex-wrap:wrap;gap:0.5rem}