.Videotutorials-head{margin:0 0 var(--space-5)}.Videotutorials-head .u-h2{margin:0}.Videotutorials-sub{margin:var(--space-1) 0 0;max-width:90ch;color:var(--color-text-muted);font-size:var(--text-sm)}.Videotutorial-titleRow{align-items:center;gap:var(--space-3);display:flex}.Videotutorials{--videotutorials-index-height:56px}.Videotutorials-index{top:calc(var(--header-height,56px) + var(--tab-bar-height,0px));z-index:20;align-items:center;gap:var(--space-2);height:var(--videotutorials-index-height);margin:0 0 var(--space-10);scrollbar-width:none;background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;position:sticky;overflow-x:auto}.Videotutorials-indexLink{white-space:nowrap;padding:var(--space-1) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--fw-medium);flex:none;text-decoration:none;transition:border-color .15s,color .15s}.Videotutorials-indexLink:hover{border-color:var(--color-accent);color:var(--color-accent)}.Videotutorials-collection{scroll-margin-top:calc(var(--header-height,56px) + var(--tab-bar-height,0px) + var(--videotutorials-index-height) + var(--space-4));margin:0 0 var(--space-12)}.Videotutorials-collection>.u-h3{margin:0 0 var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.Videotutorials-list{margin:0 0 var(--space-8)}.Videotutorials-listTitle{margin:0 0 var(--space-4);font-size:var(--text-lg);font-weight:var(--fw-semibold)}.Videotutorials-grid{gap:var(--space-6);margin:0 0 var(--space-6);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:0;list-style:none;display:grid}.VideoCard{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.VideoCard-media{aspect-ratio:16/9;background:var(--color-media-bg);place-items:center;display:grid;position:relative}.VideoCard-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.VideoCard-play{color:#fff;background:#0009;border-radius:50%;place-items:center;width:48px;height:48px;transition:background .15s;display:grid;position:relative}.VideoCard:hover .VideoCard-play{background:var(--color-accent)}.VideoCard-duration{right:var(--space-2);bottom:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-sm);color:#fff;font-size:var(--text-xs);background:#000000bf;position:absolute}.VideoCard-body{gap:var(--space-1);padding:var(--space-4);flex-direction:column;display:flex}.VideoCard-title{font-weight:var(--fw-semibold);line-height:var(--leading-snug)}.VideoCard.is-current{outline:2px solid var(--color-accent);outline-offset:-2px}.VideoCard-current{color:var(--color-accent)}.Videotutorial-layout{gap:var(--space-10);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.Videotutorial-frame{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--color-media-bg)}.Videotutorial-frame iframe{border-radius:var(--radius-lg);border:0;width:100%;height:100%;display:block}.Videotutorial-frame .EmbedGate{height:auto;min-height:100%}.Videotutorial-meta{gap:var(--space-4);margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.Videotutorial-description{margin:var(--space-4) 0 0;line-height:var(--leading-normal);white-space:pre-line}.Videotutorial-products{margin:var(--space-10) 0 0}.Videotutorial-products .u-h3{margin:0 0 var(--space-4)}.Videotutorial-productGrid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.Videotutorial-product{align-items:center;gap:var(--space-4);height:100%;padding:var(--space-3);color:inherit;text-decoration:none;display:flex}.Videotutorial-productPhoto{border-radius:var(--radius-md);background:var(--color-media-bg);flex:none;width:72px;height:72px;overflow:hidden}.Videotutorial-productPhoto img{object-fit:contain;width:100%;height:100%;display:block}.Videotutorial-productText{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.Videotutorial-productName{font-weight:var(--fw-semibold);line-height:var(--leading-snug)}.Videotutorial-productRef{color:var(--color-text-muted);font-size:var(--text-sm)}.Videotutorial-playlist .u-h3{font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0}.Videotutorial-playlistName{margin:var(--space-1) 0 var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.Videotutorial-playlistItems{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.Videotutorial-playlistItems .VideoCard{flex-direction:row;align-items:center}.Videotutorial-playlistItems .VideoCard-media{flex:none;width:128px}.Videotutorial-playlistItems .VideoCard-play{width:32px;height:32px}.Videotutorial-playlistItems .VideoCard-play svg{width:16px;height:16px}.Videotutorial-playlistItems .VideoCard-body{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}@media (max-width:960px){.Videotutorial-layout{grid-template-columns:minmax(0,1fr)}}