.landing.figma-desktop .free-video-page,.landing.figma-desktop .video-library-page{background:var(--landing-paper);color:var(--landing-ink)}.landing.figma-desktop .video-library-wrap{width:min(1036px,100% - 32px);margin:0 auto;padding:16px 0 24px}.landing.figma-desktop .video-library-breadcrumb{min-height:21px;color:var(--landing-text);align-items:center;gap:8px;margin:0 0 16px;font-size:14px;line-height:1.5;display:flex}.landing.figma-desktop .video-library-breadcrumb a{color:var(--landing-text);text-decoration:none}.landing.figma-desktop .video-library-breadcrumb h1{font:400 14px/1.5 var(--landing-body);color:var(--landing-ink);margin:0}.landing.figma-desktop .video-skill-filters{flex-wrap:wrap;align-items:center;gap:4px;min-height:52px;margin:0 0 24px;padding:5px 0;display:flex}.landing.figma-desktop .video-skill-filters button{min-height:42px;font:500 16px/24px var(--landing-body);color:var(--landing-text);cursor:pointer;background:#fff;border:0;border-radius:100px;padding:9px 17px}.landing.figma-desktop .video-skill-filters button[aria-pressed=true]{background:var(--landing-brand);color:#fff}.landing.figma-desktop .video-library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px;display:grid}.landing.figma-desktop .video-library-updating{border:1px dashed var(--landing-border);background:var(--landing-panel);min-height:262px;color:var(--landing-text);font:500 16px/1.6 var(--landing-body);text-align:center;border-radius:12px;place-items:center;padding:24px;display:grid}.landing.figma-desktop .video-library-card{background:var(--landing-paper);border:1px solid #eceef2;border-radius:12px;min-width:0;min-height:262px;padding:0 0 16px;position:relative;overflow:hidden;box-shadow:0 2px 6.6px #0000001f}.landing.figma-desktop .video-library-cover{background:#eceef2;border-radius:12px;width:100%;height:146px;display:block;position:relative;overflow:hidden}.landing.figma-desktop .video-library-cover>img{-o-object-fit:cover;object-fit:cover;filter:brightness(.8);width:100%;height:100%;display:block}.landing.figma-desktop .video-library-play{background:#fffffff0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing.figma-desktop .video-library-cover time{color:#fff;font:400 10px/13px var(--landing-mono);background:#0b1024cc;border-radius:5px;padding:3px 6px;position:absolute;bottom:8px;right:8px}.landing.figma-desktop .video-library-card-copy{flex-direction:column;gap:6px;padding:12px 8px 0;display:flex}.landing.figma-desktop .video-library-category{color:#667392;font:500 9px/13px var(--landing-body);background:#eceef2;border-radius:6px;align-self:flex-start;padding:4px 8px}.landing.figma-desktop .video-library-card h2{font:700 14px/1.35 var(--landing-body);color:var(--landing-ink);overflow-wrap:anywhere;margin:0}.landing.figma-desktop .video-library-card h2 a{color:inherit;text-decoration:none}.landing.figma-desktop .video-library-instructor{color:#8794b3;font:400 11px/1.5 var(--landing-body);align-items:center;gap:8px;min-height:25px;margin:10px 0 0;display:flex}.landing.figma-desktop .video-library-instructor img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:25px;height:25px}.landing.figma-desktop .video-library-pagination{justify-content:center;align-items:center;gap:12px;margin:48px 0 0;padding:0 0 10px;display:flex}.landing.figma-desktop .video-library-pagination button{width:36px;height:36px;font:500 14px/1 var(--landing-body);color:var(--landing-ink);cursor:pointer;background:#fff;border:1px solid #e8ecf3;border-radius:50%;place-items:center;display:grid}.landing.figma-desktop .video-library-pagination button[aria-current=page]{background:var(--landing-brand);border-color:var(--landing-brand);color:#fff}.landing.figma-desktop .video-library-pagination button:disabled{opacity:.45;cursor:default}.landing.figma-desktop .video-library-pagination .is-previous{transform:rotate(180deg)}.landing.figma-desktop .video-library-cover:focus-visible,.landing.figma-desktop .video-library-pagination button:focus-visible,.landing.figma-desktop .video-skill-filters button:focus-visible{outline:3px solid var(--landing-brand);outline-offset:3px}.landing.figma-desktop .free-video-page .video-library-wrap{padding-top:24px;padding-bottom:56px}.landing.figma-desktop .free-video-page .video-library-breadcrumb{min-height:24px;margin-bottom:24px}.landing.figma-desktop .free-video-page .video-skill-filters{margin-bottom:24px}.landing.figma-desktop .free-video-title{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.landing.figma-desktop .free-video-title h1{font:700 32px/1.5 var(--landing-body);overflow-wrap:anywhere;margin:0}.landing.figma-desktop .free-video-title>span{color:#ee782f;font:500 13px/20px var(--landing-body);background:#fff1e5;border-radius:6px;padding:5px 12px}.landing.figma-desktop .free-video-meta{min-height:26px;color:var(--landing-text);flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0 22px;font-size:14px;line-height:1.5;display:flex}.landing.figma-desktop .free-video-meta>i{color:#abb4c7;font-style:normal}.landing.figma-desktop .free-video-members{background:#fff;border:1px solid #f5e4d7;border-radius:16px;margin:24px 0;padding:28px}.landing.figma-desktop .free-video-member-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.landing.figma-desktop .free-video-member-tabs{border-bottom:1px solid #e2e7f6;gap:36px;width:max-content;max-width:100%;display:flex}.landing.figma-desktop .free-video-member-tabs button{color:#8794b3;font:500 24px/27px var(--landing-body);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:6px 0 8px}.landing.figma-desktop .free-video-member-tabs button[aria-selected=true]{color:var(--landing-ink);border-bottom-color:var(--landing-brand);font-weight:700}.landing.figma-desktop .free-video-member-header p{color:var(--landing-text);margin:12px 0 0;font-size:14px;line-height:1.5}.landing.figma-desktop .free-video-more{color:#e46a27;white-space:nowrap;font-size:14px;font-weight:500;text-decoration:none}.landing.figma-desktop .free-video-member-grid{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(180px,.8fr);gap:16px;display:grid}.landing.figma-desktop .free-video-membership{background:#fff4eb;border-radius:14px;flex-direction:column;justify-content:center;gap:10px;min-height:262px;padding:20px 18px;display:flex}.landing.figma-desktop .free-video-membership small{color:#e76c27;font-size:12px;font-weight:700;line-height:1.5}.landing.figma-desktop .free-video-membership h2{font:700 20px/1.5 var(--landing-body);margin:0}.landing.figma-desktop .free-video-membership p{color:var(--landing-text);margin:0;font-size:12px;line-height:1.5}.landing.figma-desktop .free-video-membership>a{background:var(--landing-brand);color:#fff;border-radius:100px;place-items:center;min-height:40px;padding:8px 14px;font-size:14px;font-weight:700;text-decoration:none;display:grid}.landing.figma-desktop .free-video-member-note{color:var(--landing-text);flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0 0;font-size:13px;line-height:1.5;display:flex}.landing.figma-desktop .free-video-member-note a{color:#e46a27;text-decoration:none}.landing.figma-desktop .free-video-other-header{justify-content:space-between;align-items:center;gap:20px;margin:24px 0;display:flex}.landing.figma-desktop .free-video-overview{margin:24px 0}.landing.figma-desktop .free-video-overview p{white-space:pre-line}.landing.figma-desktop :is(.free-video-other-header,.free-video-overview) h2{font:700 24px/1.5 var(--landing-body);margin:0 0 4px}.landing.figma-desktop :is(.free-video-other-header,.free-video-overview) p{color:var(--landing-text);margin:0;font-size:14px;line-height:1.5}@media (width<=1100px){.landing.figma-desktop .free-video-member-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing.figma-desktop .free-video-membership{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;min-height:0;display:grid}.landing.figma-desktop .free-video-membership>a{grid-area:1/2/4}.landing.figma-desktop .free-video-membership p{grid-column:1}.landing.figma-desktop .free-video-members{padding:22px}}@media (width<=760px){.landing.figma-desktop .video-library-wrap{padding-top:16px}.landing.figma-desktop .video-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.landing.figma-desktop .video-library-cover{aspect-ratio:245.5/146;height:auto}.landing.figma-desktop .video-library-card,.landing.figma-desktop .video-library-updating{min-height:220px}.landing.figma-desktop .video-library-card-copy{padding:10px 8px 0}.landing.figma-desktop .video-library-pagination button,.landing.figma-desktop .video-library-play{width:36px;height:36px}.landing.figma-desktop .video-skill-filters{gap:2px;margin-bottom:18px}.landing.figma-desktop .video-skill-filters button{min-height:44px;padding:9px 10px;font-size:14px}.landing.figma-desktop .video-library-pagination{gap:8px;margin-top:28px}.landing.figma-desktop .free-video-page .video-library-wrap{padding-top:16px;padding-bottom:32px}.landing.figma-desktop .free-video-title h1{font-size:24px;line-height:1.4}.landing.figma-desktop .free-video-meta{gap:8px;margin-bottom:16px;font-size:12px}.landing.figma-desktop .free-video-members{margin-top:20px;padding:16px}.landing.figma-desktop .free-video-member-header,.landing.figma-desktop .free-video-other-header{flex-wrap:wrap;align-items:flex-start;gap:12px}.landing.figma-desktop .free-video-member-tabs{gap:20px}.landing.figma-desktop .free-video-member-tabs button{min-height:44px;font-size:19px;line-height:27px}.landing.figma-desktop .free-video-member-header p{font-size:13px}.landing.figma-desktop .free-video-member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.landing.figma-desktop .free-video-membership{grid-column:auto;min-height:220px;padding:16px;display:flex}.landing.figma-desktop .free-video-membership h2{font-size:18px}.landing.figma-desktop .free-video-membership small{white-space:normal}.landing.figma-desktop .free-video-more{min-height:24px;font-size:13px}.landing.figma-desktop .free-video-member-note{margin-top:16px;font-size:12px}.landing.figma-desktop :is(.free-video-other-header,.free-video-overview) h2{font-size:22px}.landing.figma-desktop :is(.free-video-other-header,.free-video-overview) p{font-size:13px}}.landing.figma-desktop .video-library-tags{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}