.session-listing-badges{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.session-listing-meta-badge{background:color-mix(in srgb, var(--suite-primary,var(--primary)) 8%, #f4f6f8);color:#637381;white-space:nowrap;border-radius:9999px;align-items:center;width:fit-content;max-width:100%;padding:.1875rem .5rem;font-size:.75rem;font-weight:600;line-height:1.25;display:inline-flex}
.connect-session-card{background:#fff;border:1px solid #919eab33;border-radius:.75rem;flex-direction:row;align-items:stretch;gap:.875rem;padding:.875rem;display:flex;overflow:hidden}.connect-session-card__media{background:#f4f6f8;border-radius:.5rem;flex-shrink:0;width:5.75rem;height:5.75rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000a}.connect-session-card__thumb{object-fit:cover;width:100%;height:100%}.connect-session-card__thumb-placeholder{color:#c4cdd5;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.connect-session-card__body{flex-direction:column;flex:1;gap:.625rem;min-width:0;min-height:5.75rem;display:flex}.connect-session-card__main{flex-direction:column;gap:.25rem;min-width:0;display:flex}.connect-session-card__title{color:#1c252e;margin:0;font-size:.9375rem;font-weight:700;line-height:1.35}.connect-session-card__summary{color:#637381;font-size:.8125rem;line-height:1.625}.connect-session-card__footer{border-top:1px solid #919eab1f;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:.625rem;display:flex}.connect-session-card__meta{flex-wrap:wrap;align-items:center;gap:.375rem;min-width:0;display:flex}.connect-session-card__price{color:#1c252e;white-space:nowrap;font-size:.9375rem;font-weight:700;line-height:1.25}.connect-session-card__duration{color:#637381;white-space:nowrap;background:#f4f6f8;border-radius:9999px;flex-shrink:0;padding:.1875rem .5rem;font-size:.75rem;font-weight:500;line-height:1.25}.connect-session-card__meta-sep{color:#c4cdd5;font-size:.875rem;line-height:1}.connect-session-card__actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.connect-session-card__btn{white-space:nowrap;border-radius:.5rem;justify-content:center;align-items:center;min-width:6.25rem;padding:.4375rem 1rem;font-size:.8125rem;font-weight:600;line-height:1.25;text-decoration:none;transition:background-color .15s,border-color .15s,box-shadow .15s,opacity .15s;display:inline-flex}.connect-session-card__btn--details{color:#1c252e;background:#fff;border:1px solid #919eab5c}.connect-session-card__btn--details:hover{background:#f4f6f8;border-color:#919eab}.connect-session-card__btn--select{border:1px solid var(--suite-primary,var(--primary));background:var(--suite-primary,var(--primary));color:#fff;box-shadow:0 4px 10px color-mix(in srgb, var(--suite-primary,var(--primary)) 28%, transparent)}.connect-session-card__btn--select:hover{opacity:.94;box-shadow:0 6px 14px color-mix(in srgb, var(--suite-primary,var(--primary)) 32%, transparent)}.connect-session-card-skeleton{background:#fff;border:1px solid #919eab29;border-radius:.75rem;gap:.875rem;padding:.875rem;display:flex}.connect-session-card-skeleton__thumb{background:linear-gradient(90deg,#f4f6f8 25%,#e8edf2 50%,#f4f6f8 75%) 0 0/200% 100%;border-radius:.5rem;flex-shrink:0;width:5.75rem;height:5.75rem;animation:1.2s infinite connect-session-shimmer}.connect-session-card-skeleton__body{flex-direction:column;flex:1;gap:.5rem;padding-top:.125rem;display:flex}.connect-session-card-skeleton__line{background:linear-gradient(90deg,#f4f6f8 25%,#e8edf2 50%,#f4f6f8 75%) 0 0/200% 100%;border-radius:.25rem;height:.75rem;animation:1.2s infinite connect-session-shimmer}.connect-session-card-skeleton__line--title{width:72%;height:.875rem}.connect-session-card-skeleton__line--summary{width:100%}.connect-session-card-skeleton__footer{justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:.625rem;display:flex}.connect-session-card-skeleton__line--meta{width:38%}.connect-session-card-skeleton__actions{gap:.5rem;display:flex}.connect-session-card-skeleton__line--btn{border-radius:.5rem;width:5.5rem;height:2rem}@keyframes connect-session-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:639px){.connect-session-card__footer{flex-direction:column;align-items:stretch;gap:.625rem}.connect-session-card__actions{width:100%}.connect-session-card__btn{flex:1 1 0;min-width:0}}