.credly-carousel{--credly-surface:#0b0b0f;--credly-border:#ffffff1a;overflow:hidden}.credly-carousel__heading-row{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:clamp(2.5rem,5vw,4rem);display:flex}.credly-carousel__intro{color:#898991;max-width:42rem;margin-top:1rem;font-size:clamp(.95rem,1.4vw,1.05rem);line-height:1.7}.credly-carousel__viewport{width:min(100% - 1.5rem,1400px);margin-inline-start:max(.75rem,50vw - 700px)}.credly-carousel__swiper{padding-bottom:1.5rem;overflow:visible}.credly-carousel__slide{height:auto;display:flex}.credly-carousel__card{border:1px solid var(--credly-border);color:#f4f3ef;background:var(--credly-surface);border-radius:0;flex-direction:column;width:100%;min-height:100%;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 1px 2px #00000008}.credly-carousel__card:hover{border-color:#2563eb99;transform:translateY(-4px);box-shadow:0 18px 45px #2563eb2e}.credly-carousel__card:focus-visible{outline-offset:4px;outline:2px solid #2563eb}.credly-carousel__image-wrap{background:radial-gradient(circle at 50% 45%,#2563eb1f,#0000 58%),#050507;place-items:center;min-height:15rem;padding:2rem;display:grid}.credly-carousel__image{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 18px #00000040);width:min(11.25rem,72%);height:auto}.credly-carousel__content{flex-direction:column;flex:1;align-items:flex-start;padding:1.25rem;display:flex}.credly-carousel__issuer{color:#898991;font-size:.7rem;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-weight:750}.credly-carousel__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3.15rem;margin-top:.6rem;font-size:1rem;font-weight:750;line-height:1.55;transition:color .2s;display:-webkit-box;overflow:hidden}.credly-carousel__card:hover .credly-carousel__title{color:#2563eb}.credly-carousel__meta{color:#898991;font-size:.75rem;font-family:var(--font-mono);flex-wrap:wrap;gap:.35rem .85rem;margin-top:.85rem;display:flex}.credly-carousel__verify{font-size:.8rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#f4f3ef;align-items:center;gap:.4rem;margin-top:auto;padding-top:1.25rem;transition:color .2s;display:inline-flex}.credly-carousel__card:hover .credly-carousel__verify{color:#2563eb}.credly-carousel__all-link{border:1px solid var(--credly-border);color:#f4f3ef;background:var(--credly-surface);min-height:2.75rem;font-size:.75rem;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:0;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.credly-carousel__all-link:hover{color:#fff;background:#14141c;border-color:#2563eb}.credly-carousel__mobile-footer{justify-content:center;margin-top:1.5rem;display:none}.credly-carousel__skeletons{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;display:grid}.credly-carousel__skeleton{border:1px solid var(--credly-border);background:linear-gradient(100deg,#0b0b0f 25%,#14141c 45%,#0b0b0f 65%) 0 0/220% 100%;border-radius:0;min-height:27rem;animation:1.5s ease-in-out infinite credly-shimmer}.credly-carousel__empty{border:1px dashed var(--credly-border);color:#898991;background:#0b0b0f;border-radius:0;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.credly-carousel__empty a{color:#2563eb;flex:none;font-size:.85rem;font-weight:700}@keyframes credly-shimmer{to{background-position-x:-220%}}@media (width<=1023px){.credly-carousel__skeletons{grid-template-columns:repeat(2,minmax(0,1fr))}.credly-carousel__skeleton:nth-child(n+3){display:none}}@media (width<=639px){.credly-carousel__heading-row{align-items:start}.credly-carousel__all-link--desktop{display:none}.credly-carousel__mobile-footer{display:flex}.credly-carousel__skeletons{grid-template-columns:minmax(0,1fr)}.credly-carousel__skeleton:nth-child(n+2){display:none}.credly-carousel__empty{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.credly-carousel__card{transition:none}.credly-carousel__card:hover{transform:none}.credly-carousel__skeleton{animation:none}}
