.components-quick-start-videos{margin-top:100px}@media (min-width:769px){.components-quick-start-videos{margin-top:176px}}.components-quick-start-videos .section-header{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:560px;margin:0 auto 44px;display:flex}.components-quick-start-videos .section-header .eyebrow{color:var(--secondary-500);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);font-weight:var(--font-semibold);letter-spacing:1.5px;text-transform:uppercase}.components-quick-start-videos .section-header h2{color:var(--white-100);font-size:var(--font-size-display-xs);line-height:var(--line-height-display-xs);letter-spacing:var(--letter-spacing-display-xs);font-weight:var(--font-semibold);margin:0}.components-quick-start-videos .section-header .description{color:var(--white-70);margin:0}.components-quick-start-videos .video-grid{grid-template-columns:repeat(2,minmax(0,384px));justify-content:center;align-items:start;gap:32px;display:grid}@media (max-width:900px){.components-quick-start-videos .video-grid{grid-template-columns:minmax(0,384px)}}.components-quick-start-videos .video-card{flex-direction:column;gap:16px;display:flex}.components-quick-start-videos .player{aspect-ratio:16/9;background:var(--primary-700);border:1px solid var(--white-10);border-radius:12px;overflow:hidden}.components-quick-start-videos .player iframe,.components-quick-start-videos .player video{border:none;width:100%;height:100%;display:block}.components-quick-start-videos .thumbnail{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;display:block;position:relative}.components-quick-start-videos .thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.components-quick-start-videos .thumbnail .play-icon{background:var(--secondary-500);color:var(--primary-900);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:box-shadow .2s cubic-bezier(.23,1,.32,1),background .2s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.components-quick-start-videos .thumbnail .play-icon svg{width:16px;height:21px;margin-left:2px}@media (hover:hover){.components-quick-start-videos .thumbnail:hover .play-icon{background:var(--secondary-600);box-shadow:0 0 24px color-mix(in oklch, var(--secondary-500) 50%, transparent)}}.components-quick-start-videos .thumbnail .duration{background:color-mix(in oklch, var(--primary-1000) 80%, transparent);color:var(--white-100);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);font-weight:var(--font-semibold);font-variant-numeric:tabular-nums;border-radius:6px;padding:4px 8px;position:absolute;bottom:11px;right:11px}.components-quick-start-videos .meta{align-items:flex-start;gap:12px;display:flex}.components-quick-start-videos .meta .avatar{background:var(--primary-600);border:1px solid var(--white-20);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.components-quick-start-videos .meta .avatar img,.components-quick-start-videos .meta .avatar svg{width:auto;height:20px}.components-quick-start-videos .meta .title{color:var(--white-100);font-size:var(--font-size-text-md);line-height:var(--line-height-text-md);font-weight:var(--font-semibold)}.components-quick-start-videos .meta .byline{color:var(--white-70);font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);margin-top:4px}