.tutorials-module__OE5oSq__page h1,.tutorials-module__OE5oSq__page h2{text-wrap:balance}.tutorials-module__OE5oSq__page p{text-wrap:pretty}.tutorials-module__OE5oSq__hero p{margin:0}.tutorials-module__OE5oSq__hero .tutorials-module__OE5oSq__languageNote{margin-top:var(--nw-space-04);font-size:var(--nw-fs-body);line-height:var(--nw-lh-body);color:var(--nw-color-text-secondary)}.tutorials-module__OE5oSq__languageNote a{color:var(--nw-color-link)}.tutorials-module__OE5oSq__player{border:1px solid var(--nw-color-border-subtle);background-color:var(--nw-color-layer);display:grid}@media (min-width:1056px){.tutorials-module__OE5oSq__player{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.tutorials-module__OE5oSq__stage{aspect-ratio:16/9;background-color:var(--nw-gray-100);scroll-margin-top:calc(var(--nw-header-height) + var(--nw-space-04));position:relative}@media (min-width:1056px){.tutorials-module__OE5oSq__stage{scroll-margin-top:calc(var(--nw-header-height-md) + var(--nw-space-04))}}.tutorials-module__OE5oSq__stage iframe{border:0;width:100%;height:100%;display:block}.tutorials-module__OE5oSq__poster{justify-content:center;align-items:center;gap:var(--nw-space-03);width:100%;height:100%;padding:var(--nw-space-06);color:var(--nw-white);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;display:flex}.tutorials-module__OE5oSq__poster:focus-visible{outline:2px solid var(--nw-color-focus-inverse);outline-offset:-4px}.tutorials-module__OE5oSq__posterIcon{width:4rem;height:4rem;margin-bottom:var(--nw-space-03);background-color:var(--nw-blue-60);transition:transform var(--nw-transition);border-radius:50%;place-items:center;display:grid}.tutorials-module__OE5oSq__posterIcon svg{margin-left:3px}.tutorials-module__OE5oSq__poster:hover .tutorials-module__OE5oSq__posterIcon{transform:scale(1.06)}@media (prefers-reduced-motion:reduce){.tutorials-module__OE5oSq__poster:hover .tutorials-module__OE5oSq__posterIcon{transform:none}}.tutorials-module__OE5oSq__posterLabel{font-size:var(--nw-fs-h4);line-height:var(--nw-lh-h4);font-weight:600}.tutorials-module__OE5oSq__posterSummary{font-size:var(--nw-fs-body-compact);line-height:var(--nw-lh-body-compact);color:var(--nw-gray-30)}.tutorials-module__OE5oSq__side{border-top:1px solid var(--nw-color-border-subtle);position:relative}@media (min-width:1056px){.tutorials-module__OE5oSq__side{border-top:0;border-left:1px solid var(--nw-color-border-subtle)}.tutorials-module__OE5oSq__sideInner{flex-direction:column;display:flex;position:absolute;inset:0}}.tutorials-module__OE5oSq__sideHead{justify-content:space-between;align-items:center;gap:var(--nw-space-02) var(--nw-space-04);padding:var(--nw-space-04) var(--nw-space-05);border-bottom:1px solid var(--nw-color-border-subtle);font-size:var(--nw-fs-body-compact);line-height:var(--nw-lh-body-compact);color:var(--nw-color-text-secondary);flex-wrap:wrap;display:flex}.tutorials-module__OE5oSq__sideHead a{align-items:center;gap:var(--nw-space-02);color:var(--nw-color-link);text-decoration:none;display:inline-flex}.tutorials-module__OE5oSq__sideHead a:hover{color:var(--nw-color-link-hover);text-decoration:underline}.tutorials-module__OE5oSq__list{margin:0;padding:0;list-style:none}@media (min-width:1056px){.tutorials-module__OE5oSq__list{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}}.tutorials-module__OE5oSq__item{gap:var(--nw-space-03);width:100%;padding:var(--nw-space-04) var(--nw-space-05);color:var(--nw-color-text-primary);font:inherit;font-size:var(--nw-fs-body-compact);line-height:var(--nw-lh-body-compact);text-align:left;cursor:pointer;transition:background-color var(--nw-transition);background:0 0;border:0;border-left:3px solid #0000;grid-template-columns:2rem minmax(0,1fr) auto;align-items:baseline;display:grid}.tutorials-module__OE5oSq__item:hover{background-color:var(--nw-color-layer-hover)}.tutorials-module__OE5oSq__item:focus-visible{outline:2px solid var(--nw-color-focus);outline-offset:-2px}.tutorials-module__OE5oSq__item[aria-current=true]{border-left-color:var(--nw-color-link);background-color:var(--nw-color-layer-hover)}.tutorials-module__OE5oSq__item[aria-current=true] .tutorials-module__OE5oSq__itemTitle{font-weight:600}.tutorials-module__OE5oSq__itemIndex,.tutorials-module__OE5oSq__itemDuration{color:var(--nw-color-text-muted);font-variant-numeric:tabular-nums}
