.courses-course-card{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--bb-card-line);background:var(--bb-card-surface);transition:border-color .18s ease,background-color .18s ease}.courses-course-card:hover{border-color:#ffffff2e}.courses-course-bg-icon{position:absolute;top:50%;right:5.2rem;color:#ffffff14;font-size:5.2rem;line-height:1;transform:translateY(-50%) rotate(-8deg);pointer-events:none}.courses-course-card-hitarea{position:absolute!important;inset:0;z-index:1;border-radius:inherit}.courses-course-card-shell{position:relative;z-index:2;display:flex;align-items:stretch;pointer-events:none}.card-grid>.courses-course-card--library{min-width:0;height:100%;align-self:stretch}.card-grid>.courses-course-card--library>.courses-course-card-shell{height:100%}.courses-course-card-media-link{flex:0 0 auto}.courses-course-card-main{min-width:0;flex:1 1 auto;display:grid;align-content:center;justify-items:start;gap:.38rem;padding:.72rem .9rem .58rem;text-align:left}.courses-course-card-side{display:flex;align-items:center;gap:.65rem;padding:.7rem .9rem .7rem 0;pointer-events:auto}.courses-course-card--dense .courses-course-card-side{align-items:center}.courses-course-card--dense .courses-course-card-stats{flex-direction:column-reverse;gap:.18rem}.courses-course-card--dense .courses-course-stat{gap:.08rem}.courses-course-card--dense .courses-course-stat i,.courses-course-card--dense .courses-course-stat .heart-favorite-icon--stack{height:26px}.courses-course-card-chips,.courses-course-card-stats{display:flex;align-items:center}.courses-course-card-chips{flex-wrap:wrap;gap:.28rem;justify-content:flex-start;pointer-events:auto}.courses-course-card-chip{--f7-chip-height: 24px;--f7-chip-media-size: 24px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#fff}.courses-course-card-chip .chip-label{font-size:.7rem;font-weight:700}.courses-course-card-chip-release .chip-media{background:#059669}.courses-course-card-chip-ambassador .chip-media{background:#8b5cf6}.courses-course-card-stats{gap:.7rem}.courses-course-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.26rem;min-width:34px;color:#ffffffe0;font-size:.72rem;line-height:1}.courses-course-stat i,.courses-course-stat .heart-favorite-icon--stack{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center}.courses-course-stat span:empty{display:none}.courses-course-stat-favorite{min-width:34px}.courses-course-assignment{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#ffffff0f}.courses-course-assignment img{width:100%;height:100%;object-fit:cover}.courses-course-card-media{width:74px;min-width:74px;height:100%;min-height:82px;overflow:hidden;background:transparent}.courses-course-card--compact .courses-course-card-media{width:54px;min-width:54px;min-height:68px}.courses-course-card--compact .courses-course-card-icon{font-size:1.5rem}.courses-course-card--compact .courses-course-card-main{gap:.24rem;padding:.54rem .68rem .48rem}.courses-course-card--compact .courses-course-card-side{padding:.5rem .68rem .5rem 0}.courses-course-card--no-media .courses-course-card-main{padding-left:.9rem}.courses-course-card-media img{display:block;width:100%;height:100%;object-fit:cover}.courses-course-card-media-icon,.courses-course-card-icon{display:flex;align-items:center;justify-content:center}.courses-course-card-icon{width:100%;height:100%;font-size:2rem;line-height:1}.courses-course-card-name{margin:0;font-size:1.04rem;font-weight:600;line-height:1.24;color:#fff}.courses-course-card-name .courses-course-title-info{margin-left:.38rem;vertical-align:.05em}.courses-course-card-title-row{min-width:0;display:flex;align-items:center;gap:.42rem;flex-wrap:wrap;justify-content:flex-start}.courses-course-title-info{display:inline;color:var(--bb-blue);font-size:.9rem;pointer-events:auto}.courses-course-card-parent{margin:0;color:#fff9;font-size:.72rem;line-height:1.2}.courses-course-card-parent i{margin-right:.35rem;transform:rotate(90deg)}