@keyframes main-shape-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}
.course-card-row{align-items:center;gap:20px;height:484px;display:flex}.course-card{filter:drop-shadow(0 0 4px #0000001f);flex:1 1 0;min-width:0;height:426px;transition:flex-grow .45s,height .45s;overflow:hidden}.course-card--expanded{flex-grow:1.133;height:484px}.course-card__content{transition:transform .45s;transform:scale(.768)}.course-card--expanded .course-card__content{transform:scale(.89)}@media (max-width:767px){.course-card-row{width:100%;height:auto;padding-inline:calc((100% - var(--card-w)) / 2);scroll-snap-type:x mandatory;scrollbar-width:none;flex-shrink:0;align-items:flex-start;gap:20px;margin-left:0;overflow-x:auto}.course-card-row::-webkit-scrollbar{display:none}.course-card{width:var(--card-w);height:auto;min-width:var(--card-w);flex:0 0 var(--card-w);scroll-snap-align:center;filter:none;transition:transform .3s;overflow:visible;transform:scale(.92)}.course-card--expanded{width:var(--card-w);flex:0 0 var(--card-w);height:auto;transform:scale(1)}.course-card__published{filter:none;border:0;border-radius:0;gap:12px;height:auto;padding:0;overflow:visible}.course-card__content{width:var(--card-w);gap:12px;height:auto;transition:none;transform:none}.course-card--expanded .course-card__content{transform:none}.course-card__og{aspect-ratio:280/160;width:100%;height:auto}.course-card__content>div:last-child{width:var(--card-w);flex:none;height:auto}.course-card__description{-webkit-line-clamp:2;letter-spacing:.032px;font-size:16px;line-height:1.625;display:-webkit-box}.course-card__tags{display:flex}.course-card__content h3{letter-spacing:-.24px;font-size:20px;font-weight:600;line-height:1.4}.course-card__button{padding-top:16px;padding-bottom:16px}.course-card__pending{background:#fff;border:0;border-radius:0;gap:16px;height:auto;padding:0;overflow:visible}.course-card__pending-og{aspect-ratio:280/160;width:100%;height:auto}.course-card__pending>div:last-child{width:var(--card-w);flex:none;gap:30px;min-height:0}.course-card__pending-tags{gap:4.8px}.course-card__pending-tags span{color:#2e2f33e0;letter-spacing:.203px;background:#eaebec;border-radius:6px;padding:4px 8px;font-size:14px;font-weight:500;line-height:1.429}}
