:where(.skillspace-library,.starter-directory,.starter-space,.skillspace-overview-page){--space-surface:#f3f3ef;--space-stroke:#d9ddd5;--space-accent:#53635c;--space-paper:#fffefa}[data-space-context=reference]{--space-surface:#eff3ed;--space-stroke:#d3decf;--space-accent:#4a634c}[data-space-context=local]{--space-surface:#f6efe5;--space-stroke:#e1d4c2;--space-accent:#6d5439}[data-space-context=shared]{--space-surface:#edf2fc;--space-stroke:#cad8f0;--space-accent:#3155a2}[data-space-context=local-and-shared]{--space-surface:#f3eef9;--space-stroke:#dfd2eb;--space-accent:#684d88}.video-card{--video-card-radius:22px;--video-card-paper:#fffefa;--video-card-ink:#182332;--video-card-muted:#65717c;--video-card-line:#dce2e9;--video-card-accent:#315bd4;--video-card-tint:#eef3ff;--video-card-target:44px;--video-card-meta-size:12px;--video-card-body-size:15px;--video-card-title-size:clamp(22px, 2vw, 28px);border:1px solid var(--video-card-line);border-radius:var(--video-card-radius);background:var(--video-card-paper);min-width:0;color:var(--video-card-ink);overflow:hidden;box-shadow:0 5px 22px #13274a06}.video-card-media{background:#111822;min-width:0;position:relative}.video-card .footage-player{background:#f0f3f7;border:0;border-radius:0}.video-card .footage-player-controls{border-bottom:1px solid var(--video-card-line);padding-inline:14px}.video-card .footage-player-track{background:#d4dce8}.video-card .footage-player-skip-label{background:#f0f3f7}.video-card .footage-player-center{background:#fafcffed;box-shadow:0 4px 30px #0003}.video-card-attribution{z-index:2;pointer-events:none;color:#fff;background:linear-gradient(#071122cc,#07112250 70%,#0000);justify-content:space-between;align-items:flex-start;gap:8px;padding:14px 16px 40px;display:flex;position:absolute;inset:0 0 auto}.video-card-credit{min-width:0;min-height:var(--video-card-target);color:#fff;pointer-events:auto;border-radius:12px;align-items:center;gap:9px;max-width:78%;padding:4px 8px 4px 4px;text-decoration:none;display:inline-flex}.video-card-credit-icon{background:#ffffff12;border:1px solid #ffffff65;border-radius:10px;flex:0 0 32px;place-items:center;height:32px;display:grid}.video-card-credit>span:last-child{min-width:0}.video-card-credit small{font-size:var(--video-card-meta-size);color:#e3e9f6;line-height:1.3;display:block}.video-card-credit strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:1.5;display:block;overflow:hidden}.video-card-duration{font:var(--video-card-meta-size)/1.5 var(--font-mono);text-shadow:0 1px 4px #000;flex-shrink:0;margin-top:10px}.video-card-content{min-width:0;padding:20px}.video-card-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 14px;display:flex}.video-card-heading :is(h1,h2,h3){color:var(--video-card-ink);font-size:var(--video-card-title-size);letter-spacing:-.035em;overflow-wrap:anywhere;flex:190px;margin:0;font-weight:550;line-height:1.2}.video-card-license{min-height:var(--video-card-target);color:#526174;font:var(--video-card-meta-size)/1.4 var(--font-mono);white-space:nowrap;align-items:center;gap:5px;text-decoration:none;display:inline-flex}.video-card-description{color:var(--video-card-muted);font-size:var(--video-card-body-size);margin:12px 0;line-height:1.6}.video-card-tags{flex-wrap:wrap;gap:6px;margin:12px 0 16px;padding:0;list-style:none;display:flex}.video-card-tags li{color:#576359;max-width:100%;font-size:var(--video-card-meta-size);overflow-wrap:anywhere;background:#f4f5f2;border:1px solid #e2e5e6;border-radius:7px;padding:5px 9px;line-height:1.4}.video-card-skillspace{border:1px solid var(--space-stroke,#3c6cff28);min-height:68px;color:var(--video-card-accent);background:linear-gradient(115deg, var(--space-paper,#fffefa), var(--space-surface,#eef3ff));border-radius:13px;align-items:center;gap:11px;margin-top:14px;padding:12px;text-decoration:none;display:flex}.video-card-space-icon{background:#ffffffaf;border:1px solid #3c6cff20;border-radius:10px;flex:0 0 36px;place-items:center;height:36px;display:grid}.video-card-skillspace>span:nth-child(2){flex:1;min-width:0}.video-card-skillspace small{color:#526993;font-size:var(--video-card-meta-size);margin-bottom:3px;line-height:1.3;display:block}.video-card-skillspace strong{font-size:var(--video-card-body-size);overflow-wrap:anywhere;font-weight:550;line-height:1.3;display:block}.video-card-skillspace>svg{flex-shrink:0}.video-card-note{color:var(--video-card-muted);font-size:var(--video-card-meta-size);margin-top:13px;line-height:1.6}.video-card-note p{margin:0}.video-card-note summary{min-height:var(--video-card-target);color:#526993;cursor:pointer;align-content:center;display:list-item}.video-card-extension{grid-column:1/-1;min-width:0;padding:0 20px 20px}.video-card-extension .video-discussion{border-top:1px solid var(--video-card-line);margin-top:0;padding-top:18px}.video-card-placeholder{aspect-ratio:16/9;place-items:center;display:grid;position:relative}.video-card-placeholder>img{object-fit:contain;width:100%;height:100%;position:absolute}.video-card-loading{color:#172238;background:#fafcffed;border:1px solid #fff7;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:relative}.video-card :is(a,button,summary):focus-visible{outline-offset:-3px;outline:3px solid #3c6cff}.video-card-credit:focus-visible{outline-color:#fff!important}.video-card-watch{color:#fff;height:208px;display:block;position:relative}.video-card-watch>img{object-fit:cover;width:100%;height:100%;display:block}.video-card-watch:after{content:"";pointer-events:none;background:linear-gradient(#0000 25%,#071122df);position:absolute;inset:0}.video-card-cover-title{z-index:1;position:absolute;inset:auto 60px 18px 17px}.video-card-cover-title>span{font:var(--video-card-meta-size)/1.4 var(--font-mono);color:#e5ecff;margin-bottom:6px;display:block}.video-card-cover-title :is(h1,h2,h3){-webkit-line-clamp:2;color:#fff;letter-spacing:-.015em;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:18px;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.video-card-cover-label{z-index:1;color:#e9edf4;font-size:var(--video-card-meta-size);text-shadow:0 1px 4px #000;position:absolute;top:73px;right:14px}.video-card-play{z-index:1;background:#ffffff24;border:1px solid #ffffff75;border-radius:50%;place-items:center;width:35px;height:35px;display:grid;position:absolute;bottom:17px;right:15px}.video-card--compact{--video-card-radius:18px;height:100%}.video-card--compact .video-card-content{padding:2px 15px}.video-card--compact .video-card-attribution{padding:9px 11px 25px}.video-card--compact .video-card-credit{max-width:100%}.video-card-date{color:var(--video-card-muted);font-size:var(--video-card-meta-size);margin-left:auto}.video-card--feature{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);display:grid}.video-card--feature .video-card-content{align-self:center;padding:clamp(20px,3vw,38px)}.video-card--feature .footage-player-stage,.video-card--feature .video-card-placeholder{aspect-ratio:4/3;max-height:450px}.video-card--feature .video-card-heading :is(h1,h2,h3){font-size:var(--video-card-title-size);flex-basis:100%}.video-card--feature .video-card-description{font-size:var(--video-card-body-size);margin-block:10px 18px}.video-card--feature .video-card-skillspace{margin-top:22px}@media (hover:hover) and (pointer:fine){.video-card-credit:hover{background:#ffffff1c}.video-card-skillspace:hover{border-color:#3c6cff70}.video-card-license:hover{color:var(--video-card-accent);text-decoration:underline}.video-card-watch:hover .video-card-play{background:#3c6cff}}@media (width<=650px){.video-card{--video-card-radius:17px}.video-card--feature{display:block}.video-card--feature .footage-player-stage,.video-card--feature .video-card-placeholder{aspect-ratio:4/3}.video-card--feature .video-card-content,.video-card-content{padding:16px}.video-card--feature .video-card-heading :is(h1,h2,h3){flex-basis:100%}.video-card--feature .video-card-description{font-size:var(--video-card-body-size);margin-block:8px 12px}.video-card--feature .video-card-skillspace{margin-top:12px}.video-card-attribution{padding:10px 10px 30px}.video-card-extension{padding:0 16px 16px}}.video-card .footage-player-main-controls>button:not(.footage-player-toggle),.video-card .footage-player-volume>input{display:none}.video-card-loading{width:auto;min-width:62px;height:auto;min-height:44px;padding:10px;font-size:11px;line-height:1.4}.video-card--feature .footage-player:fullscreen .footage-player-stage{aspect-ratio:auto;max-height:none}.video-card-player-placeholder:after{content:"";border-bottom:1px solid var(--video-card-line);background:#f0f3f7;height:96px;display:block}@media (width<=650px){.video-card .footage-player-controls{padding-inline:8px}.video-card .footage-player-time{font-size:10px}.video-card .footage-player select{min-width:46px;padding-inline:2px}}@media (width<=380px){.video-card-heading :is(h1,h2,h3),.video-card--feature .video-card-heading :is(h1,h2,h3){flex-basis:100%}}