.tutorial-playlist-card[data-astro-cid-ol4wwavc]{isolation:isolate;flex-direction:column;min-width:0;padding-bottom:12px;display:flex;position:relative}.tutorial-playlist-card__layer[data-astro-cid-ol4wwavc]{z-index:0;border:1px solid color-mix(in srgb, var(--content-accent) 22%, #ffffff14);background:color-mix(in srgb, var(--content-accent) 10%, #15161a);pointer-events:none;transform-origin:top;border-radius:12px;transition:transform .18s cubic-bezier(.16,1,.3,1),opacity .18s,background-color .18s,border-color .18s;position:absolute;inset:0 0 12px}.tutorial-playlist-card__layer--back[data-astro-cid-ol4wwavc]{opacity:.34;transform:translateY(12px)scaleX(.96)}.tutorial-playlist-card__layer--middle[data-astro-cid-ol4wwavc]{z-index:1;opacity:.62;transform:translateY(6px)scaleX(.98)}.tutorial-playlist-card__surface[data-astro-cid-ol4wwavc]{z-index:2;background:linear-gradient(#161616 0%,#111 100%);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;flex:1;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 14px #00000057}.tutorial-playlist-card[data-astro-cid-ol4wwavc]:hover .tutorial-playlist-card__surface[data-astro-cid-ol4wwavc]{border-color:color-mix(in srgb, var(--content-accent) 26%, #ffffff14);transform:translateY(-1px);box-shadow:0 6px 20px #0006}.tutorial-playlist-card[data-astro-cid-ol4wwavc]:hover .tutorial-playlist-card__layer--middle[data-astro-cid-ol4wwavc]{opacity:.72;background:color-mix(in srgb, var(--content-accent) 14%, #15161a);transform:translateY(7px)scaleX(.98)}.tutorial-playlist-card[data-astro-cid-ol4wwavc]:hover .tutorial-playlist-card__layer--back[data-astro-cid-ol4wwavc]{opacity:.42;background:color-mix(in srgb, var(--content-accent) 14%, #15161a);transform:translateY(13px)scaleX(.96)}.tutorial-playlist-card__media[data-astro-cid-ol4wwavc]{aspect-ratio:16/9;color:#fff;background:#111318;display:block;position:relative;overflow:hidden}.tutorial-playlist-card__mosaic[data-astro-cid-ol4wwavc]{background:#090a0d;gap:2px;width:100%;height:100%;display:grid}.tutorial-playlist-card__mosaic--2[data-astro-cid-ol4wwavc]{grid-template-columns:1.25fr .75fr}.tutorial-playlist-card__mosaic--3[data-astro-cid-ol4wwavc]{grid-template-rows:1fr 1fr;grid-template-columns:1.35fr .65fr}.tutorial-playlist-card__mosaic--3[data-astro-cid-ol4wwavc] .tutorial-playlist-card__frame[data-astro-cid-ol4wwavc]:first-child{grid-row:1/3}.tutorial-playlist-card__frame[data-astro-cid-ol4wwavc]{min-width:0;min-height:0;overflow:hidden}.tutorial-playlist-card__frame[data-astro-cid-ol4wwavc] img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .42s cubic-bezier(.2,.8,.2,1)}.tutorial-playlist-card[data-astro-cid-ol4wwavc]:hover .tutorial-playlist-card__frame[data-astro-cid-ol4wwavc] img{transform:scale(1.025)}.tutorial-playlist-card__placeholder[data-astro-cid-ol4wwavc]{place-items:center;width:100%;height:100%;display:grid}.tutorial-playlist-card__placeholder[data-astro-cid-ol4wwavc] img[data-astro-cid-ol4wwavc]{opacity:.85;width:54px}.tutorial-playlist-card__media[data-astro-cid-ol4wwavc]:after{content:"";background:linear-gradient(#0506090d 40%,#050609b8 100%);position:absolute;inset:0}.tutorial-playlist-card__count[data-astro-cid-ol4wwavc]{z-index:1;backdrop-filter:blur(12px);color:#ffffffc2;background:#0c0d11c2;border:1px solid #ffffff29;border-radius:4px;align-items:center;gap:7px;min-height:28px;padding:0 10px;font-size:.72rem;font-weight:650;display:inline-flex;position:absolute;top:16px;right:16px}.tutorial-playlist-card__content[data-astro-cid-ol4wwavc]{flex-direction:column;flex:1;min-height:270px;padding:24px;display:flex}.tutorial-playlist-card__eyebrow[data-astro-cid-ol4wwavc]{color:var(--blog-muted);letter-spacing:.1em;text-transform:uppercase;gap:10px;font-size:.73rem;font-weight:700;display:flex}.tutorial-playlist-card__eyebrow[data-astro-cid-ol4wwavc] span[data-astro-cid-ol4wwavc]:first-child{color:color-mix(in srgb, var(--content-accent) 72%, white)}.tutorial-playlist-card[data-astro-cid-ol4wwavc] h2[data-astro-cid-ol4wwavc]{letter-spacing:-.03em;margin:14px 0 9px;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.16}.tutorial-playlist-card[data-astro-cid-ol4wwavc] h2[data-astro-cid-ol4wwavc] a[data-astro-cid-ol4wwavc]{color:inherit;text-decoration:none}.tutorial-playlist-card[data-astro-cid-ol4wwavc] p[data-astro-cid-ol4wwavc]{color:var(--blog-muted);margin:0;font-size:.92rem;line-height:1.5}.tutorial-playlist-card__steps[data-astro-cid-ol4wwavc]{gap:7px;margin:auto 0 0;padding:22px 0 0;list-style:none;display:flex}.tutorial-playlist-card__steps[data-astro-cid-ol4wwavc] li[data-astro-cid-ol4wwavc]{flex:1}.tutorial-playlist-card__steps[data-astro-cid-ol4wwavc] span[data-astro-cid-ol4wwavc]{border-top:2px solid color-mix(in srgb, var(--content-accent) 46%, #ffffff14);color:var(--blog-muted);padding-top:7px;font-size:.65rem;font-weight:650;display:block}.tutorial-playlist-card__meta[data-astro-cid-ol4wwavc]{color:var(--blog-muted);text-transform:capitalize;justify-content:space-between;gap:14px;margin-top:17px;font-size:.76rem;display:flex}.tutorial-playlist-card__meta[data-astro-cid-ol4wwavc] span[data-astro-cid-ol4wwavc]{align-items:center;gap:6px;display:inline-flex}@media (prefers-reduced-motion:reduce){.tutorial-playlist-card__surface[data-astro-cid-ol4wwavc],.tutorial-playlist-card__layer[data-astro-cid-ol4wwavc],.tutorial-playlist-card__frame[data-astro-cid-ol4wwavc] img{transition:none}}